:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#132a3e;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1250px,calc(100% - 64px));margin-inline:auto}.site-header{height:94px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:31px;font-weight:850;letter-spacing:.11em;color:#0c2234}.back-link{font-size:14px;color:#3c8298;display:flex;gap:9px;align-items:center}.back-link:hover,.site-footer a:hover{text-decoration:underline}.hero{flex:1;background:radial-gradient(ellipse at 57% 12%,#eaf4f7 0,transparent 58%),linear-gradient(125deg,#fff 12%,#f5fafb 70%,#fff);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.07fr 1fr;gap:70px;padding-top:76px;padding-bottom:72px}.product-intro{position:relative;min-height:660px}.eyebrow{text-transform:uppercase;letter-spacing:.28em;color:#4c8ba2;font-size:12px;font-weight:650;margin:12px 0 16px}.short-rule{height:2px;width:56px;background:#7caab9;margin-bottom:30px}.product-intro h1{font-size:clamp(42px,5vw,67px);letter-spacing:-.045em;line-height:1.08;margin:0 0 16px;font-weight:800}.product-tagline{font-size:21px;color:#65768a;line-height:1.48;max-width:500px;margin:0 0 42px}.features{display:grid;gap:28px;position:relative;z-index:1}.feature{display:flex;gap:20px;align-items:flex-start}.feature-mark{color:#438fa5;font-size:28px;width:34px;flex-shrink:0;line-height:1}.feature strong{font-size:16px}.feature p{margin:5px 0 0;color:#718195;font-size:14px;line-height:1.45}.wireframe{position:absolute;width:125%;height:auto;left:-13%;bottom:-90px;opacity:.7;pointer-events:none}.form-card{position:relative;z-index:2;background:#fff;border:1px solid #e9f0f3;box-shadow:0 15px 65px #213c4910;border-radius:12px;padding:42px 40px;align-self:start}.form-card h2{font-size:27px;letter-spacing:-.035em;line-height:1.2;margin:0 0 16px}.form-intro{font-size:15px;line-height:1.7;color:#69798b;margin:0 0 30px}.field{margin-bottom:25px}.field label{display:block;font-size:14px;font-weight:650;margin-bottom:10px}.field label span{color:#cf4052}.field input{width:100%;border:1px solid #ccd8df;border-radius:5px;background:#fff;padding:13px 15px;font:inherit;font-size:14px;outline-offset:2px;min-height:49px}.field input:focus{outline:2px solid #75a8b9;border-color:transparent}.field input::placeholder{color:#98a5b5}.turnstile-wrap{margin:30px 0 25px;min-height:65px}.setup-notice{padding:12px 14px;border-radius:5px;background:#f2f6f8;color:#5e7080;font-size:13px}button[type=submit]{width:100%;border:0;border-radius:5px;min-height:54px;background:#5c9bae;color:white;font:inherit;font-size:15px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:15px}button[type=submit]:hover:not(:disabled){background:#427e92}button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.site-footer{border-top:1px solid #dce5e9;min-height:68px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#7c8999;font-size:12px}.site-footer nav{display:flex;gap:19px}.footer-separator{margin:0 12px}@media(max-width:850px){.hero-grid{grid-template-columns:1fr;gap:28px;padding-top:42px}.product-intro{min-height:auto;padding-bottom:65px}.wireframe{width:80%;left:20%;bottom:-50px;max-height:210px}.form-card{max-width:680px;width:100%;margin-inline:auto}.site-header{height:78px}}@media(max-width:540px){.container{width:calc(100% - 36px)}.brand{font-size:24px}.back-link{font-size:12px}.back-link span{display:none}.hero-grid{padding-top:28px;padding-bottom:44px}.product-intro h1{font-size:43px;overflow-wrap:anywhere}.product-tagline{font-size:17px}.features{gap:20px}.product-intro{padding-bottom:40px}.wireframe{opacity:.35}.form-card{padding:28px 21px}.form-card h2{font-size:24px}.site-footer{padding:20px 0;flex-direction:column;align-items:flex-start;gap:12px}}

/* Landscape is a standalone SVG asset, independent of the form and text. */
.product-intro { isolation: isolate; }
.product-intro > :not(.wireframe) { position: relative; z-index: 1; }
.wireframe { width: 150%; max-width: none; left: -23%; bottom: -92px; opacity: .88; z-index: 0; }
@media (max-width: 850px) { .wireframe { width: 105%; left: 2%; bottom: -55px; max-height: 230px; opacity: .5; } }
@media (max-width: 540px) { .wireframe { opacity: .25; } }

/* Product imagery floats above the shared TAILSIT landscape. */
.product-intro { min-height: 660px; }
.product-tagline { margin-bottom: 28px; }
.product-visual {
    position:relative;
    z-index:2;
    margin:0 0 18px;
    width:min(90%, 470px);
    height:250px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    overflow:hidden;
    background: #edf0f2
    border:1px solid #e0ebf0;
    box-shadow:0 18px 45px rgba(31,67,83,.12);
}

.product-visual img { width:100%; height:100%; object-fit:contain; }
.product-link { position:relative; z-index:2; display:inline-flex; gap:10px; align-items:center; color:#347e95; font-size:14px; font-weight:650; }
.product-link:hover { text-decoration:underline; }
.product-intro .wireframe { z-index:0; opacity:.68; }
@media(max-width:850px){ .product-intro { min-height:490px; } .product-visual { width:min(100%,470px); } }
@media(max-width:540px){ .product-intro { min-height:390px; padding-bottom:50px; } .product-visual { height:205px; } }

/* Supplied product logos are white/transparent: display them on a dark surface. */
.product-visual {
    background: #edf0f2;
    border-color: #284254;
    padding: 28px;
}

.product-visual img { width: 100%; height: 100%; object-fit: contain; }
@media(max-width:540px) { .product-visual { padding: 22px; } }

.license-success {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
}

.success-icon {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 3rem;
    height: 3rem;

    border-radius: 50%;
    background: #e6f4ea;
    color: #237a46;

    font-size: 1.5rem;
    font-weight: 700;
}

.license-success h2 {
    margin: 0;
}

.license-success p {
    margin: 0;
    line-height: 1.65;
}

.license-terms {
    margin: 1rem 0;
    font-size: 0.9rem;
    color: #52606d;
}

.terms-link {
    display: inline;
    border: 0;
    padding: 0;
    background: transparent;
    color: #276b91;
    text-decoration: underline;
    cursor: pointer;
    font: inherit;
}

.terms-dialog {
    width: min(90vw, 760px);
    max-height: 85vh;
    padding: 0;
    border: 1px solid #d9e0e5;
    border-radius: 12px;
    background: white;
    color: #243746;
    box-shadow: 0 20px 60px rgb(0 0 0 / 18%);
}

.terms-dialog::backdrop {
    background: rgb(12 25 40 / 55%);
}

.terms-header,
.terms-footer {
    padding: 1.25rem 1.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.terms-header {
    border-bottom: 1px solid #e4e8eb;
}

.terms-header h2 {
    margin: 0;
    font-size: 1.2rem;
}

.terms-close {
    border: 0;
    background: transparent;
    font-size: 1.8rem;
    cursor: pointer;
}

.terms-content {
    padding: 1.5rem;
    overflow-y: auto;
    max-height: 55vh;
}

.terms-content pre {
    margin: 0;
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.7;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.terms-footer {
    border-top: 1px solid #e4e8eb;
}

.terms-done {
    padding: 0.65rem 1.5rem;
    border: 0;
    border-radius: 6px;
    background: #276b91;
    color: white;
    cursor: pointer;
}