:root {
    color-scheme: dark;
    --ink: #f4f7fb;
    --muted: #97a7bd;
    --muted-2: #6f829d;
    --bg: #080c12;
    --bg-deep: #05080c;
    --surface: #101722;
    --surface-2: #151f2d;
    --surface-3: #0c131d;
    --border: #28384d;
    --border-bright: #3e6f9e;
    --blue: #79c3ff;
    --blue-strong: #3988f5;
    --green: #39d49f;
    --yellow: #f7d67a;
    --red: #fb7185;
    --display: "Barlow Condensed", "Arial Narrow", sans-serif;
    --body: "IBM Plex Sans", "Segoe UI", sans-serif;
    --mono: "IBM Plex Mono", Consolas, monospace;
    --shell: min(1180px, calc(100% - 48px));
    --shadow: 0 30px 90px rgba(0, 0, 0, .42);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 88px; }
body {
    margin: 0;
    background: var(--bg);
    color: var(--ink);
    font-family: var(--body);
    font-size: 16px;
    line-height: 1.65;
    overflow-x: hidden;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    opacity: .022;
    z-index: 20;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
}

img { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button, summary { -webkit-tap-highlight-color: transparent; }
em { color: var(--blue); font-style: normal; }
::selection { background: rgba(121, 195, 255, .28); color: #fff; }

.shell { width: var(--shell); margin-inline: auto; }
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.skip-link {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1000;
    transform: translateY(-150%);
    padding: 10px 14px;
    background: var(--blue);
    color: #07101b;
    font-weight: 700;
}
.skip-link:focus { transform: translateY(0); }

.site-header {
    position: fixed;
    z-index: 50;
    top: 0;
    left: 0;
    right: 0;
    border-bottom: 1px solid transparent;
    transition: background .2s ease, border-color .2s ease;
}
.site-header.is-scrolled {
    background: rgba(8, 12, 18, .88);
    border-color: rgba(62, 111, 158, .3);
    backdrop-filter: blur(18px);
}
.nav-shell {
    width: var(--shell);
    height: 82px;
    margin-inline: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
}
.brand { display: inline-flex; align-items: center; min-width: max-content; }
.brand-lockup { display: block; width: 172px; height: auto; }
.guide-brand{display:inline-flex!important;align-items:center;gap:7px}.guide-brand:before{content:"";width:34px;height:34px;flex:0 0 34px;background:url("assets/netmap-pro-icon.svg?v=wireborne-20260912") center/contain no-repeat}.guide-brand span{margin-left:-3px}
.site-menu { display: flex; align-items: center; justify-content: flex-end; gap: 25px; }
.site-menu > a { color: #b5c1d0; font-size: 13px; font-weight: 600; }
.site-menu > a:not(.nav-cta):hover { color: var(--blue); }
.site-menu .nav-cta {
    padding: 10px 16px;
    border: 1px solid var(--border-bright);
    color: #e7f4ff;
    background: rgba(57, 136, 245, .1);
}
.site-menu .nav-cta:hover { background: var(--blue-strong); border-color: var(--blue); }
.nav-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--border); background: var(--surface); padding: 11px; }
.nav-toggle span:not(.sr-only) { display: block; width: 100%; height: 2px; margin: 4px 0; background: var(--ink); transition: transform .2s, opacity .2s; }

.hero {
    position: relative;
    min-height: 860px;
    padding: 155px 0 105px;
    overflow: hidden;
    background:
        radial-gradient(circle at 82% 35%, rgba(57, 136, 245, .16), transparent 27%),
        linear-gradient(180deg, #080c12 0%, #0a1018 65%, #080c12 100%);
}
.hero::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    background: linear-gradient(transparent, var(--bg));
    pointer-events: none;
}
.hero-grid {
    position: absolute;
    inset: 0;
    opacity: .13;
    background-image:
        linear-gradient(rgba(121, 195, 255, .16) 1px, transparent 1px),
        linear-gradient(90deg, rgba(121, 195, 255, .16) 1px, transparent 1px);
    background-size: 64px 64px;
    mask-image: linear-gradient(to bottom, black, transparent 86%);
}
.hero-radar {
    position: absolute;
    top: 115px;
    right: -200px;
    width: 680px;
    height: 680px;
    border: 1px solid rgba(121, 195, 255, .12);
    border-radius: 50%;
}
.hero-radar::before, .hero-radar::after, .hero-radar span { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(121, 195, 255, .09); border-radius: 50%; }
.hero-radar::after { inset: 29%; }
.hero-radar span:nth-child(1) { inset: 45%; }
.hero-radar span:nth-child(2) { inset: 0 50%; border-radius: 0; border-width: 0 1px 0 0; }
.hero-radar span:nth-child(3) { inset: 50% 0; border-radius: 0; border-width: 1px 0 0 0; }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 60px; min-width: 0; }
.hero-copy { width: 100%; min-width: 0; }
.eyebrow {
    margin: 0 0 18px;
    color: var(--blue);
    font-family: var(--mono);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .14em;
    text-transform: uppercase;
}
.eyebrow > span { display: inline-block; width: 20px; height: 1px; margin: 0 9px 3px 0; background: currentColor; }
.hero h1, .section h2 {
    margin: 0;
    font-family: var(--display);
    font-weight: 700;
    line-height: .95;
    letter-spacing: -.025em;
    text-transform: uppercase;
}
.hero h1 { max-width: 590px; font-size: clamp(64px, 7.5vw, 108px); }
.hero-lede { max-width: 600px; margin: 28px 0 0; color: #b8c4d3; font-size: 18px; line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 35px; }
.button {
    display: inline-flex;
    min-height: 50px;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 13px 20px;
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 13px;
    font-weight: 700;
    transition: transform .18s ease, background .18s ease, border-color .18s ease;
}
.button:hover { transform: translateY(-2px); }
.button-primary { background: var(--blue-strong); border-color: var(--blue); color: white; box-shadow: 0 12px 36px rgba(57, 136, 245, .2); }
.button-primary:hover { background: #4b95f6; }
.button-ghost { border-color: var(--border); background: rgba(16, 23, 34, .64); color: #dbe6f3; }
.button-ghost:hover { border-color: var(--blue); }
.hero-facts { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 27px 0 0; padding: 0; list-style: none; color: #91a2b8; font-family: var(--mono); font-size: 10px; text-transform: uppercase; letter-spacing: .05em; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; }
.status-live { background: var(--green); box-shadow: 0 0 10px rgba(57, 212, 159, .8); }
.status-guarded { background: var(--yellow); }

.hero-visual { position: relative; width: min(790px, 64vw); min-width: 0; margin-right: -260px; transform: perspective(1500px) rotateY(-4deg) rotateX(1deg); transform-origin: left center; }
.screen-frame { overflow: hidden; border: 1px solid #34506e; background: #090e15; box-shadow: var(--shadow); }
.screen-frame img { width: 100%; height: auto; }
.screen-frame-hero { box-shadow: -20px 35px 100px rgba(0, 0, 0, .5), 0 0 50px rgba(57, 136, 245, .08); }
.window-bar { height: 35px; padding: 0 12px; border-bottom: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; background: #0b1119; color: #7f93ab; font-family: var(--mono); font-size: 8px; letter-spacing: .08em; }
.window-state { display: inline-flex; align-items: center; gap: 6px; color: #9fdcc7; }
.window-state i { width: 6px; height: 6px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px rgba(57, 212, 159, .8); }
.window-warning { color: var(--yellow); }
.hero-callout { position: absolute; z-index: 3; min-width: 145px; padding: 12px 15px; border: 1px solid var(--border-bright); background: rgba(8, 14, 22, .93); box-shadow: 0 16px 35px rgba(0, 0, 0, .35); transform: rotateY(4deg); }
.hero-callout small { display: block; color: var(--muted-2); font-family: var(--mono); font-size: 8px; letter-spacing: .12em; }
.hero-callout strong { display: block; color: var(--blue); font-family: var(--display); font-size: 31px; line-height: 1; }
.hero-callout strong span { color: #d5dfeb; font-family: var(--mono); font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
.hero-callout-left { left: -24px; bottom: 50px; }
.hero-callout-right { right: 12px; top: 66px; }

.proof-strip { position: relative; z-index: 3; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #0a1018; }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-grid > div { min-height: 112px; padding: 24px 26px; border-left: 1px solid var(--border); display: flex; flex-direction: column; justify-content: center; }
.proof-grid > div:last-child { border-right: 1px solid var(--border); }
.proof-grid strong { color: var(--blue); font-family: var(--display); font-size: 30px; line-height: 1; letter-spacing: .02em; }
.proof-grid span { max-width: 190px; margin-top: 6px; color: var(--muted); font-family: var(--mono); font-size: 9px; line-height: 1.5; letter-spacing: .04em; text-transform: uppercase; }

.section { position: relative; padding: 130px 0; }
.section-heading { max-width: 780px; margin-bottom: 62px; }
.section-heading h2, .safety-copy h2, .pilot-copy h2, .contact-copy h2 { font-size: clamp(48px, 6vw, 78px); }
.section-heading > p:last-child, .split-heading > p, .safety-copy > p, .pilot-copy > p, .contact-copy > p { color: var(--muted); font-size: 17px; }
.section-heading > p:last-child { max-width: 620px; margin: 22px 0 0; }
.split-heading { display: grid; grid-template-columns: 1.18fr .82fr; gap: 70px; max-width: none; align-items: end; }
.split-heading > p { margin: 0; padding-bottom: 5px; }

.problem-section { background: var(--bg); }
.problem-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.problem-card { position: relative; min-height: 310px; padding: 38px 34px 40px; border-left: 1px solid var(--border); background: linear-gradient(180deg, rgba(21, 31, 45, .42), rgba(10, 15, 23, .1)); }
.problem-card:last-child { border-right: 1px solid var(--border); }
.problem-card::before { content: ""; position: absolute; top: -1px; left: 0; right: 100%; height: 2px; background: var(--blue); transition: right .5s ease; }
.problem-card:hover::before { right: 0; }
.card-index { color: var(--blue); font-family: var(--mono); font-size: 11px; }
.problem-card h3 { max-width: 260px; margin: 64px 0 18px; font-family: var(--display); font-size: 32px; line-height: 1; text-transform: uppercase; }
.problem-card p { margin: 0; color: var(--muted); font-size: 14px; }

.workflow-section { overflow: hidden; background: #0b1119; }
.workflow-section::before { content: "WORKFLOW"; position: absolute; right: -25px; top: 40px; color: rgba(121, 195, 255, .025); font-family: var(--display); font-size: 250px; font-weight: 800; line-height: 1; }
.workflow-rail { display: grid; grid-template-columns: repeat(6, 1fr); margin: 0; padding: 0; list-style: none; counter-reset: stages; }
.workflow-rail li { position: relative; min-height: 310px; padding: 28px 23px; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); border-left: 1px solid var(--border); background: rgba(8, 12, 18, .42); }
.workflow-rail li:last-child { border-right: 1px solid var(--border); }
.workflow-rail li::after { content: ""; position: absolute; top: 62px; left: 50%; right: -50%; border-top: 1px dashed rgba(121, 195, 255, .32); }
.workflow-rail li:last-child::after { display: none; }
.workflow-number { position: relative; z-index: 2; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid var(--border-bright); background: #0c131d; color: var(--blue); font-family: var(--mono); font-size: 10px; }
.workflow-rail h3 { margin: 80px 0 12px; font-family: var(--display); font-size: 26px; line-height: 1; text-transform: uppercase; }
.workflow-rail p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.55; }

.screens-section { background: linear-gradient(180deg, var(--bg), #0a1018 55%, var(--bg)); }
.feature-screen { border: 1px solid var(--border); background: rgba(16, 23, 34, .68); }
.feature-screen-wide { display: grid; grid-template-columns: .36fr .64fr; gap: 40px; padding: 36px 0 36px 36px; align-items: center; }
.screen-copy { padding: 10px 14px 10px 0; }
.screen-kicker { color: var(--blue); font-family: var(--mono); font-size: 9px; letter-spacing: .09em; }
.screen-copy h3 { margin: 19px 0 16px; font-family: var(--display); font-size: 41px; line-height: .98; text-transform: uppercase; }
.screen-copy p { color: var(--muted); font-size: 14px; }
.check-list { margin: 22px 0 0; padding: 0; list-style: none; color: #b7c4d4; font-size: 12px; }
.check-list li { padding: 6px 0; }
.check-list li::before { content: "//"; margin-right: 9px; color: var(--green); font-family: var(--mono); }
.feature-screen-wide .screen-frame { margin-right: -1px; }
.feature-screen-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 22px; }
.feature-screen-grid .feature-screen { padding: 32px 0 0 32px; overflow: hidden; }
.feature-screen-grid .screen-copy { max-width: 520px; min-height: 250px; padding-right: 40px; }
.feature-screen-grid .screen-frame { width: 112%; margin: 0 -12% -10% 4%; }
.mockup-note { margin: 18px 0 0; color: var(--muted-2); font-family: var(--mono); font-size: 9px; text-align: right; text-transform: uppercase; letter-spacing: .05em; }

.safety-section { border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); background: #080d14; }
.safety-layout { display: grid; grid-template-columns: .8fr 1.2fr; gap: 90px; align-items: center; }
.safety-copy > p { margin: 24px 0; }
.text-link { display: inline-flex; align-items: center; gap: 12px; color: var(--blue); font-size: 13px; font-weight: 700; }
.text-link:hover { color: #b3dcff; }
.safety-console { border: 1px solid var(--border-bright); background: #060a0f; box-shadow: var(--shadow), inset 0 0 80px rgba(57, 136, 245, .035); font-family: var(--mono); }
.console-head { display: flex; justify-content: space-between; padding: 12px 16px; border-bottom: 1px solid var(--border); color: var(--muted-2); font-size: 9px; letter-spacing: .07em; }
.console-line { display: grid; grid-template-columns: 58px 1fr; gap: 12px; padding: 15px 18px; border-bottom: 1px solid rgba(40, 56, 77, .55); font-size: 12px; }
.console-line code { color: #bdcad9; font-family: inherit; }
.console-ok { color: var(--green); }
.console-hold { color: var(--yellow); }
.console-foot { padding: 16px 18px; color: var(--muted-2); font-size: 9px; line-height: 1.7; }

.scope-section { background: var(--bg); }
.scope-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.scope-card { padding: 36px; border: 1px solid var(--border); background: var(--surface); }
.scope-now { border-top: 2px solid var(--green); }
.scope-next { border-top: 2px solid var(--yellow); }
.scope-label { display: flex; align-items: center; gap: 9px; color: #cbd6e3; font-family: var(--mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.scope-label span { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.scope-next .scope-label span { background: var(--yellow); }
.scope-card ul { margin: 31px 0 0; padding: 0; list-style: none; }
.scope-card li { position: relative; padding: 13px 0 13px 28px; border-top: 1px solid rgba(40, 56, 77, .72); color: #b4c1d1; font-size: 14px; }
.scope-card li:last-child { border-bottom: 1px solid rgba(40, 56, 77, .72); }
.scope-card li::before { content: "✓"; position: absolute; left: 2px; color: var(--green); font-family: var(--mono); }
.scope-next li::before { content: "○"; color: var(--yellow); }

.audience-section { background: #0b1119; }
.audience-layout { display: grid; grid-template-columns: .68fr 1.32fr; gap: 80px; align-items: start; }
.audience-layout .section-heading { margin: 0; }
.audience-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--border); }
.audience-card { min-height: 315px; padding: 28px 25px; border-left: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.audience-card:last-child { border-right: 1px solid var(--border); }
.audience-card > span { color: var(--blue); font-family: var(--display); font-size: 52px; line-height: 1; opacity: .45; }
.audience-card h3 { margin: 70px 0 14px; font-family: var(--display); font-size: 26px; line-height: 1; text-transform: uppercase; }
.audience-card p { margin: 0; color: var(--muted); font-size: 13px; }

.guides-section { background: var(--bg); }
.guide-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.guide-card { position: relative; min-height: 245px; padding: 28px; border: 1px solid var(--border); background: linear-gradient(145deg, var(--surface), #0b1119); transition: border-color .2s, transform .2s; }
.guide-card:hover { border-color: var(--blue); transform: translateY(-3px); }
.guide-card > span { color: var(--blue); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.guide-card h3 { margin: 46px 0 10px; font-family: var(--display); font-size: 30px; line-height: 1; text-transform: uppercase; }
.guide-card p { max-width: 290px; margin: 0; color: var(--muted); font-size: 13px; }
.guide-card i { position: absolute; top: 25px; right: 26px; color: var(--blue); font-style: normal; }

.faq-section { border-top: 1px solid var(--border); background: #0a1018; }
.faq-layout { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; }
.faq-layout .section-heading { position: sticky; top: 120px; align-self: start; margin: 0; }
.faq-list details { border-top: 1px solid var(--border); }
.faq-list details:last-child { border-bottom: 1px solid var(--border); }
.faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 23px 3px; cursor: pointer; color: #e2e9f2; font-family: var(--display); font-size: 24px; line-height: 1; text-transform: uppercase; list-style: none; }
.faq-list summary::-webkit-details-marker { display: none; }
.faq-list summary span { color: var(--blue); font-family: var(--mono); font-size: 19px; transition: transform .2s; }
.faq-list details[open] summary span { transform: rotate(45deg); }
.faq-list details p { max-width: 680px; margin: -2px 0 24px; color: var(--muted); font-size: 14px; }

.pilot-section { padding-top: 90px; background: var(--bg); }
.pilot-card { position: relative; overflow: hidden; display: grid; grid-template-columns: 1.3fr .7fr; gap: 60px; align-items: center; min-height: 430px; padding: 62px; border: 1px solid var(--border-bright); background: linear-gradient(115deg, #0e1b2a, #0b1119 58%, #081019); box-shadow: var(--shadow); }
.pilot-scan { position: absolute; width: 550px; height: 550px; right: -260px; top: -70px; border: 1px solid rgba(121, 195, 255, .14); border-radius: 50%; box-shadow: inset 0 0 0 100px rgba(121, 195, 255, .015), inset 0 0 0 200px rgba(121, 195, 255, .02); }
.pilot-copy, .pilot-action { position: relative; z-index: 2; }
.pilot-copy > p:last-child { max-width: 660px; margin: 22px 0 0; }
.pilot-action { padding: 27px; border: 1px solid rgba(62, 111, 158, .62); background: rgba(5, 9, 14, .7); }
.pilot-action > span { color: var(--blue); font-family: var(--mono); font-size: 9px; letter-spacing: .1em; }
.pilot-action strong { display: block; margin-top: 18px; font-family: var(--display); font-size: 34px; line-height: 1; text-transform: uppercase; }
.pilot-action p { margin: 13px 0 23px; color: var(--muted); font-size: 12px; }
.pilot-action .button { width: 100%; }

.contact-section { background: var(--bg); }
.contact-layout { display: grid; grid-template-columns: .82fr 1.18fr; gap: 100px; align-items: start; }
.contact-copy { position: sticky; top: 120px; }
.contact-copy > p { margin: 25px 0 0; }
.contact-meta { display: grid; gap: 10px; margin-top: 35px; color: var(--muted-2); font-family: var(--mono); font-size: 9px; letter-spacing: .06em; }
.contact-form { padding: 38px; border: 1px solid var(--border); background: var(--surface); }
.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.field { margin-bottom: 20px; }
.field label { display: block; margin: 0 0 8px; color: #b8c5d4; font-family: var(--mono); font-size: 9px; font-weight: 600; letter-spacing: .09em; text-transform: uppercase; }
.field input, .field select, .field textarea {
    width: 100%;
    border: 1px solid var(--border);
    border-radius: 0;
    outline: none;
    background: var(--surface-3);
    color: var(--ink);
    padding: 13px 14px;
    font-size: 14px;
    transition: border-color .15s, box-shadow .15s;
}
.field textarea { resize: vertical; min-height: 132px; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(121, 195, 255, .09); }
.field input::placeholder, .field textarea::placeholder { color: #5d7089; }
.consent { display: flex; align-items: flex-start; gap: 11px; color: var(--muted); font-size: 12px; line-height: 1.5; }
.consent input { margin-top: 3px; accent-color: var(--blue-strong); }
.consent a { color: var(--blue); text-decoration: underline; text-underline-offset: 3px; }
.submit-button { margin-top: 24px; }
.submit-button:disabled { cursor: wait; opacity: .65; transform: none; }
.form-status { min-height: 20px; margin: 13px 0 0; color: var(--green); font-family: var(--mono); font-size: 10px; }
.hp-field { position: absolute !important; left: -9999px !important; opacity: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden !important; }

.site-footer { border-top: 1px solid var(--border); background: var(--bg-deep); }
.footer-main { display: grid; grid-template-columns: .95fr 1.05fr; gap: 100px; padding-top: 65px; padding-bottom: 65px; }
.footer-brand p { max-width: 360px; margin: 20px 0 0; color: var(--muted); font-size: 13px; }
.footer-links { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.footer-links h2 { margin: 0 0 17px; color: #d6e0ec; font-family: var(--mono); font-size: 10px; letter-spacing: .09em; text-transform: uppercase; }
.footer-links a { display: block; width: fit-content; margin: 8px 0; color: var(--muted); font-size: 12px; }
.footer-links a:hover { color: var(--blue); }
.footer-bottom { min-height: 74px; border-top: 1px solid var(--border); display: flex; align-items: center; justify-content: space-between; gap: 25px; color: #5f7188; font-family: var(--mono); font-size: 9px; letter-spacing: .04em; text-transform: uppercase; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .65s ease, transform .65s ease; }
.reveal.is-visible { opacity: 1; transform: translateY(0); }
.reveal-delay { transition-delay: .1s; }
.reveal-delay-2 { transition-delay: .2s; }

@media (max-width: 1120px) {
    .site-menu { gap: 17px; }
    .site-menu > a { font-size: 12px; }
    .hero-layout { grid-template-columns: minmax(0, 1fr); }
    .hero-copy { max-width: 760px; }
    .hero-visual { width: 1040px; max-width: calc(100vw - 80px); margin: 30px 0 0 10%; transform: perspective(1500px) rotateY(-3deg); }
    .hero { padding-bottom: 80px; }
    .workflow-rail { grid-template-columns: repeat(3, 1fr); }
    .workflow-rail li:nth-child(3) { border-right: 1px solid var(--border); }
    .workflow-rail li::after { display: none; }
    .audience-layout { grid-template-columns: 1fr; }
    .feature-screen-wide { grid-template-columns: .42fr .58fr; }
}

@media (max-width: 860px) {
    :root { --shell: min(100% - 34px, 700px); }
    .nav-toggle { display: block; }
    .site-menu {
        position: absolute;
        top: 72px;
        left: 17px;
        right: 17px;
        display: none;
        align-items: stretch;
        padding: 14px;
        border: 1px solid var(--border);
        background: rgba(8, 12, 18, .98);
        box-shadow: var(--shadow);
    }
    .site-menu.is-open { display: grid; }
    .site-menu > a { padding: 10px 9px; font-size: 13px; }
    .site-menu .nav-cta { margin-top: 5px; text-align: center; }
    .hero { min-height: 0; padding-top: 130px; }
    .hero h1 { font-size: clamp(60px, 15vw, 92px); }
    .hero-visual { width: 900px; max-width: 125%; margin-left: 0; }
    .hero-callout-right { right: 0; }
    .proof-grid { grid-template-columns: 1fr 1fr; }
    .proof-grid > div:nth-child(2) { border-right: 1px solid var(--border); }
    .proof-grid > div:nth-child(n+3) { border-top: 1px solid var(--border); }
    .split-heading, .safety-layout, .faq-layout, .contact-layout { grid-template-columns: 1fr; gap: 40px; }
    .problem-grid { grid-template-columns: 1fr; }
    .problem-card { min-height: 250px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
    .problem-card h3 { margin-top: 42px; }
    .feature-screen-wide { grid-template-columns: 1fr; padding: 32px 0 0 32px; overflow: hidden; }
    .feature-screen-wide .screen-copy { max-width: 560px; padding-right: 32px; }
    .feature-screen-wide .screen-frame { width: 110%; margin-left: 3%; margin-bottom: -5%; }
    .feature-screen-grid { grid-template-columns: 1fr; }
    .feature-screen-grid .screen-copy { min-height: 0; }
    .scope-grid { grid-template-columns: 1fr; }
    .audience-grid, .guide-grid { grid-template-columns: 1fr; }
    .audience-card { min-height: 230px; border-right: 1px solid var(--border); }
    .audience-card h3 { margin-top: 38px; }
    .faq-layout .section-heading, .contact-copy { position: static; }
    .pilot-card { grid-template-columns: 1fr; padding: 45px 35px; }
    .pilot-action { max-width: 420px; }
    .footer-main { grid-template-columns: 1fr; gap: 50px; }
}

@media (max-width: 580px) {
    :root { --shell: calc(100% - 28px); }
    .nav-shell { height: 72px; }
    .hero { padding: 112px 0 68px; }
    .hero-layout { gap: 35px; }
    .hero h1 { font-size: clamp(54px, 17vw, 74px); }
    .hero-lede { font-size: 16px; }
    .hero-actions { display: grid; }
    .button { width: 100%; }
    .hero-facts { display: grid; }
    .hero-visual { max-width: 148%; margin-left: -3%; }
    .hero-callout { display: none; }
    .window-bar { height: 27px; font-size: 6px; }
    .proof-grid { grid-template-columns: 1fr 1fr; }
    .proof-grid > div { min-height: 100px; padding: 18px 14px; }
    .proof-grid strong { font-size: 25px; }
    .proof-grid span { font-size: 8px; }
    .section { padding: 90px 0; }
    .section-heading { margin-bottom: 42px; }
    .section-heading h2, .safety-copy h2, .pilot-copy h2, .contact-copy h2 { font-size: clamp(44px, 14vw, 60px); }
    .split-heading { gap: 25px; }
    .problem-card { padding: 27px 24px; }
    .workflow-rail { grid-template-columns: 1fr 1fr; }
    .workflow-rail li:nth-child(even) { border-right: 1px solid var(--border); }
    .workflow-rail li { min-height: 250px; padding: 22px 18px; }
    .workflow-rail h3 { margin-top: 55px; }
    .feature-screen-wide, .feature-screen-grid .feature-screen { padding: 25px 0 0 22px; }
    .screen-copy h3 { font-size: 34px; }
    .feature-screen-grid .screen-copy { padding-right: 25px; }
    .mockup-note { text-align: left; }
    .safety-layout { gap: 45px; }
    .console-line { grid-template-columns: 45px 1fr; padding: 12px; font-size: 9px; }
    .console-head { font-size: 7px; }
    .scope-card { padding: 25px 20px; }
    .guide-card { min-height: 220px; }
    .faq-list summary { font-size: 21px; }
    .pilot-card { width: calc(100% - 20px); padding: 37px 24px; }
    .form-row { grid-template-columns: 1fr; gap: 0; }
    .contact-form { padding: 25px 20px; }
    .footer-links { grid-template-columns: 1fr 1fr; row-gap: 35px; }
    .footer-bottom { align-items: flex-start; flex-direction: column; justify-content: center; padding: 22px 0; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .reveal { opacity: 1; transform: none; }
}

/* 2026 product refresh */
.refresh-site .site-header{background:rgba(8,12,18,.82);backdrop-filter:blur(18px)}
.refresh-hero{position:relative;padding:158px 0 70px;overflow:hidden;background:radial-gradient(circle at 78% 22%,rgba(57,136,245,.2),transparent 31%),linear-gradient(180deg,#080c12,#0b121c 72%,#080c12)}
.refresh-hero-copy{position:relative;z-index:2;text-align:center;max-width:1050px;min-width:0}.refresh-hero h1{max-width:980px;margin:18px auto 24px;font:700 clamp(62px,8.5vw,116px)/.83 var(--display);letter-spacing:-.035em;text-transform:uppercase}.refresh-hero h1 span{display:block}.refresh-lede{max-width:850px;margin:0 auto;color:#b5c3d4;font-size:clamp(18px,2vw,22px);line-height:1.55}.refresh-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:34px 0 24px}.price-line{display:flex;justify-content:center;flex-wrap:wrap;color:var(--muted);font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.04em}.price-line>*{padding:0 16px;border-right:1px solid var(--border)}.price-line>*:last-child{border:0}.price-line strong{color:var(--green)}
.refresh-hero-shot{position:relative;z-index:2;margin-top:58px}.refresh-hero-shot img,.feature-visual img{border:1px solid #355474;border-radius:14px;background:#0a1018;box-shadow:0 32px 90px rgba(0,0,0,.5)}figure{margin:0}figcaption{margin-top:10px;color:var(--muted-2);font:11px var(--mono);text-align:center}
.trust-strip{border-block:1px solid var(--border);background:#0b121b}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}.trust-grid div{padding:25px 22px;border-right:1px solid var(--border)}.trust-grid div:last-child{border:0}.trust-grid strong,.trust-grid span{display:block}.trust-grid strong{color:var(--blue);font:700 11px var(--mono);letter-spacing:.08em}.trust-grid span{margin-top:6px;color:var(--muted);font-size:13px}
.refresh-intro{padding-bottom:72px}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:55px;border:1px solid var(--border);background:var(--border)}.codex-grid{grid-template-columns:repeat(2,1fr)}.step-grid article{min-height:225px;padding:32px;background:var(--surface-3)}.step-grid b{color:var(--green);font:700 12px var(--mono)}.step-grid h3{margin:25px 0 10px;font:700 30px var(--display);text-transform:uppercase}.step-grid p{margin:0;color:var(--muted);font-size:14px}
.feature-band{padding:100px 0;border-top:1px solid rgba(40,56,77,.7)}.feature-band.alt{background:#0b1119}.feature-row,.feature-row.reverse{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:46px}.feature-copy{max-width:780px}.feature-row.reverse .feature-copy{margin-left:0}.feature-visual{width:100%;min-width:0}.feature-visual img{width:100%;height:auto}.feature-copy h2{margin:16px 0 22px;font:700 clamp(44px,5vw,72px)/.94 var(--display);text-transform:uppercase;letter-spacing:-.02em}.feature-copy>p:not(.eyebrow){color:#adbbcc;font-size:17px}.check-list{padding:0;margin:28px 0;list-style:none}.check-list li{position:relative;padding:8px 0 8px 27px;color:#c7d2df}.check-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:800}.text-link{color:var(--blue);font-weight:700}.text-link:hover{color:#fff}
.comparison-section{background:linear-gradient(180deg,#080c12,#0b1320)}.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:45px}.comparison-grid article{padding:40px;border:1px solid var(--border);background:#0c131d}.comparison-grid article.featured{border-color:#3e6f9e;background:linear-gradient(140deg,#102035,#0b131d)}.compare-label{color:var(--blue);font:700 10px var(--mono);letter-spacing:.1em}.comparison-grid h3{margin:16px 0 22px;font:700 34px var(--display);text-transform:uppercase}.comparison-grid ul{margin:0;padding-left:20px;color:var(--muted)}.comparison-grid li{margin:10px 0}.comparison-note{color:var(--muted-2);font-size:12px}.comparison-note a{color:var(--blue)}
.founder-section{position:relative;overflow:hidden;border-block:1px solid var(--border);background:radial-gradient(circle at 82% 20%,rgba(121,195,255,.14),transparent 28%),#081019}.founder-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(121,195,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(121,195,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent,#000 50%,#000)}.founder-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:80px;align-items:center}.founder-story h2{max-width:780px;margin:16px 0 24px;font:700 clamp(50px,6vw,84px)/.9 var(--display);letter-spacing:-.025em;text-transform:uppercase}.founder-lede{color:#d7e3ef!important;font-size:20px!important;line-height:1.55}.founder-story>p:not(.eyebrow){max-width:760px;color:#aebdce;font-size:17px}.founder-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:32px}.founder-proof{padding:40px;border:1px solid #3e6f9e;background:linear-gradient(145deg,rgba(16,32,53,.96),rgba(8,14,22,.96));box-shadow:0 28px 70px rgba(0,0,0,.35)}.founder-proof blockquote{margin:0;color:#f4f7fb;font:700 31px/1.15 var(--display);text-transform:uppercase}.founder-proof>p{margin:24px 0 34px;color:var(--blue);font:700 13px/1.5 var(--mono);text-transform:uppercase}.founder-proof>p span{color:var(--muted);font-size:10px}.founder-proof dl{display:grid;grid-template-columns:repeat(3,1fr);margin:0;border-top:1px solid var(--border)}.founder-proof dl div{min-width:0;padding:22px 14px 0 0}.founder-proof dt{color:var(--green);font:700 13px var(--mono);text-transform:uppercase}.founder-proof dd{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.35}
.about-page{background:#080c12}.about-hero{position:relative;padding:160px 0 92px;overflow:hidden;background:radial-gradient(circle at 78% 24%,rgba(121,195,255,.18),transparent 28%),linear-gradient(180deg,#080c12,#0b121c)}.about-hero:after{content:"";position:absolute;right:-110px;bottom:-210px;width:560px;height:560px;border:1px solid rgba(121,195,255,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(121,195,255,.025),0 0 0 160px rgba(121,195,255,.015)}.about-hero .shell{position:relative;z-index:1}.about-hero h1{max-width:1050px;margin:18px 0 24px;font:700 clamp(66px,9vw,120px)/.83 var(--display);letter-spacing:-.035em;text-transform:uppercase}.about-hero h1 em{display:block;color:var(--blue);font-style:normal}.about-hero .refresh-lede{max-width:820px;margin:0;text-align:left}.about-credentials{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.about-credentials span{padding:9px 12px;border:1px solid var(--border-bright);color:#b9c8d8;font:700 10px var(--mono);letter-spacing:.06em;text-transform:uppercase}.about-story{background:#0b1119}.about-story-grid{display:grid;grid-template-columns:minmax(250px,.55fr) minmax(0,1.45fr);gap:80px}.about-story-grid>aside{align-self:start;padding:28px;border-left:3px solid var(--blue);background:#0c1724}.about-story-grid>aside strong{display:block;color:var(--green);font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase}.about-story-grid>aside p{margin:14px 0 0;color:#d8e3ef;font:700 27px/1.1 var(--display);text-transform:uppercase}.about-copy h2,.about-principles h2{margin:0 0 24px;font:700 clamp(48px,6vw,76px)/.92 var(--display);text-transform:uppercase}.about-copy p{color:#b2c0d0;font-size:18px;line-height:1.7}.about-copy blockquote{margin:38px 0;padding:0 0 0 26px;border-left:1px solid var(--green);color:#f4f7fb;font:700 31px/1.2 var(--display);text-transform:uppercase}.about-copy cite{display:block;margin-top:15px;color:var(--blue);font:700 11px var(--mono);font-style:normal;letter-spacing:.06em}.principle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:48px;border:1px solid var(--border);background:var(--border)}.principle-grid article{min-height:245px;padding:30px;background:#0c131d}.principle-grid b{color:var(--green);font:700 11px var(--mono)}.principle-grid h2{margin:24px 0 12px;font:700 29px/1 var(--display);text-transform:uppercase}.principle-grid p{margin:0;color:var(--muted);font-size:14px}.about-cta{border-top:1px solid var(--border);background:linear-gradient(135deg,#102238,#080d13)}.about-cta-grid{display:grid;grid-template-columns:1fr auto;align-items:center;gap:50px}.about-cta h2{margin:0 0 14px}.about-cta p{max-width:720px;color:var(--muted);font-size:17px}
.refresh-guides{grid-template-columns:repeat(3,1fr);margin-top:45px}.refresh-guides a{min-height:220px}.refresh-guides a>span{color:var(--green);font:700 11px var(--mono)}.refresh-guides h3{margin:28px 0 10px}.all-guides{margin:35px 0 0;text-align:center}
.pricing-section{background:#080d13}.pricing-card{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;padding:60px;border:1px solid var(--border-bright);background:linear-gradient(120deg,#102238,#0b1119 64%);box-shadow:var(--shadow)}.pricing-card h2{margin:15px 0;font:700 clamp(66px,8vw,104px)/.9 var(--display);text-transform:uppercase}.pricing-card>div>p{max-width:690px;color:#b5c3d4;font-size:18px}.pricing-card aside{align-self:center;padding:28px;border:1px solid var(--border);background:rgba(5,9,14,.65)}.pricing-card aside span{color:var(--blue);font:700 10px var(--mono);letter-spacing:.1em}.pricing-card aside strong{display:block;margin:14px 0;font:700 36px var(--display);text-transform:uppercase}.pricing-card aside p{color:var(--muted);font-size:14px}.pricing-card aside .button{width:100%;margin-top:14px}
.faq-list{max-width:900px;margin:42px auto 0;border-top:1px solid var(--border)}.faq-list details{border-bottom:1px solid var(--border)}.faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:22px 4px;cursor:pointer;font-weight:700;list-style:none}.faq-list summary span{color:var(--blue);font-size:22px}.faq-list details p{margin:0;padding:0 40px 24px 4px;color:var(--muted)}
.contact-section{background:#0b121b}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-copy h2{margin:16px 0 20px}.contact-form{padding:34px;border:1px solid var(--border);background:#0a1018}.contact-form label{display:block;margin-bottom:18px;color:#c8d4e2;font-size:13px;font-weight:700}.contact-form label span{color:var(--muted-2);font-weight:400}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:8px;padding:13px 14px;border:1px solid #344960;border-radius:3px;background:#0e1722;color:#f4f7fb}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid var(--blue);outline-offset:2px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-privacy{margin:14px 0 0;color:var(--muted-2);font-size:11px}.form-privacy a{color:var(--blue)}
.site-footer{padding:42px 0;border-top:1px solid var(--border);background:#05080c}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.footer-grid p,.footer-grid small{color:var(--muted-2);font-size:12px}.footer-grid nav{display:flex;flex-wrap:wrap;gap:20px}.footer-grid nav a{color:var(--muted);font-size:12px}.footer-grid small{grid-column:1/-1;padding-top:20px;border-top:1px solid var(--border)}
@media(max-width:920px){.feature-row,.feature-row.reverse{grid-template-columns:1fr;gap:42px}.feature-row.reverse .feature-copy,.feature-row.reverse .feature-visual{order:initial}.step-grid,.refresh-guides{grid-template-columns:repeat(2,1fr)}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-grid div:nth-child(2){border-right:0}.trust-grid div:nth-child(-n+2){border-bottom:1px solid var(--border)}.founder-grid,.about-story-grid{grid-template-columns:1fr;gap:46px}.principle-grid{grid-template-columns:repeat(2,1fr)}.about-cta-grid{grid-template-columns:1fr}.pricing-card,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid small{grid-column:auto}}
@media(max-width:680px){.brand-lockup{width:150px}.refresh-hero{padding-top:112px}.refresh-hero-copy{overflow:hidden}.refresh-hero .eyebrow{max-width:330px;margin-inline:auto;font-size:8px;line-height:1.6}.refresh-hero h1{max-width:100%;font-size:clamp(43px,12vw,52px);line-height:.88}.refresh-lede{max-width:340px;font-size:16px;line-height:1.55}.price-line>*{width:50%;padding:6px 8px;border:0}.refresh-hero-shot{width:calc(100% - 24px);margin-top:38px}.step-grid,.refresh-guides,.comparison-grid,.trust-grid,.principle-grid{grid-template-columns:1fr}.trust-grid div{border-right:0;border-bottom:1px solid var(--border)}.trust-grid div:last-child{border-bottom:0}.feature-band{padding:72px 0}.founder-proof{padding:28px 24px}.founder-proof blockquote{font-size:27px}.founder-proof dl{grid-template-columns:1fr}.founder-proof dl div{padding:18px 0;border-bottom:1px solid var(--border)}.founder-proof dl div:last-child{border-bottom:0}.founder-actions{align-items:flex-start;flex-direction:column}.founder-actions .button{width:100%}.about-hero{padding:120px 0 72px}.about-hero h1{font-size:clamp(50px,15vw,70px)}.about-hero .refresh-lede{font-size:17px}.about-copy blockquote{font-size:27px}.about-cta .button{width:100%}.pricing-card{width:calc(100% - 24px);padding:34px 24px}.form-grid{grid-template-columns:1fr;gap:0}.contact-form{padding:24px}}

/* CRO revision (2026-07): launch capture, pricing tiers, sentence-case voice */
.launch-capture{max-width:520px;margin:30px auto 0}
.capture-form{display:flex;gap:10px}
.capture-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.capture-form input[type=email]{flex:1;min-width:0;padding:14px 16px;border:1px solid #3e5a78;border-radius:3px;background:#0e1722;color:#f4f7fb;font:16px var(--body)}
.capture-form input[type=email]::placeholder{color:#5f7188}
.capture-form input[type=email]:focus{outline:2px solid var(--blue);outline-offset:2px}
.capture-form .button{white-space:nowrap;margin:0}
.capture-micro{margin:12px 0 0;color:var(--muted-2);font:600 10px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-align:center}
.capture-ok{margin:0;padding:16px 20px;border:1px solid rgba(57,212,159,.5);background:rgba(57,212,159,.08);color:#a9e8d0;font-size:15px;text-align:left}
.capture-ok strong{color:var(--green)}
.capture-ok a{color:var(--blue)}
.capture-err{margin:12px 0 0;color:var(--red);font-size:13px;text-align:center}
.capture-err a{color:var(--blue)}
.pricing-capture{margin:44px auto 0;scroll-margin-top:110px}
.tier-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:900px}
.tier{position:relative;padding:36px;border:1px solid var(--border);background:#0c131d}
.tier-rec{border-color:var(--border-bright);background:linear-gradient(140deg,#102035,#0b131d)}
.tier-flag{position:absolute;top:-12px;left:32px;padding:4px 11px;background:var(--blue-strong);color:#fff;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.tier h3{margin:0;color:var(--blue);font:700 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.tier-amount{margin:16px 0 4px;font:700 58px/1 var(--display)}
.tier-amount small{margin-left:8px;color:var(--muted);font:600 12px var(--mono);letter-spacing:.05em;text-transform:uppercase}
.tier-who{margin:0 0 6px;color:var(--muted);font-size:14px}
.tier .check-list{margin:18px 0 0}
.tier .check-list li{font-size:14px}
.tier-foot{max-width:900px;margin:18px 0 0;color:var(--muted-2);font-size:13px}
.download-pending{padding:16px 18px;border-left:3px solid var(--green);background:rgba(39,199,135,.08);color:#d8e3ef!important;font-size:15px!important}
.founder-proof blockquote{font:italic 400 19px/1.55 var(--body);text-transform:none;color:#eef4fa}
.founder-proof blockquote:before{content:"\201C";display:block;margin-bottom:10px;color:var(--blue);font:700 54px/.6 var(--display);font-style:normal}
.faq-list summary{font:600 17px/1.4 var(--body);text-transform:none;color:#e2e9f2}
.faq-list details p a{color:var(--blue)}
@media(max-width:680px){.capture-form{flex-direction:column}.capture-form .button{width:100%}.tier-grid{grid-template-columns:1fr}.tier-flag{top:-11px;left:24px}.tier{padding:28px 24px}}

/* Legal pages retain a compact compatibility shell while sharing the current site system. */
.nav{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--border);background:rgba(8,12,18,.94);backdrop-filter:blur(18px)}
.container{width:min(calc(100% - 48px),1180px);margin-inline:auto}
.nav>.container{position:relative;display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:28px}
.nav-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink);font:700 22px/1 var(--display);letter-spacing:.02em;text-transform:uppercase}
.nav-logo img{display:block;width:154px;height:auto}
.nav-links{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.nav-links a{color:var(--muted);font-size:13px}
.nav-links a:hover{color:var(--blue)}
.nav .nav-toggle{display:none;color:var(--ink)}
.nav .nav-toggle svg{display:block;width:20px;height:20px}
.legal.container{width:min(calc(100% - 48px),900px);padding:96px 0 110px}
.legal h1{margin:0 0 12px;font:700 clamp(52px,7vw,82px)/.92 var(--display);letter-spacing:-.025em;text-transform:uppercase}
.legal .updated{display:block;margin-bottom:42px;color:var(--green);font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}
.legal h2{margin:48px 0 14px;color:var(--ink);font:700 28px/1.05 var(--display);text-transform:uppercase}
.legal p,.legal li{color:#aebdce;font-size:16px;line-height:1.75}
.legal ul{padding-left:24px}
.legal a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.footer{border-top:1px solid var(--border);background:#05080c}
.footer>.container{display:flex;min-height:98px;align-items:center;justify-content:space-between;gap:28px}
.footer>.container p{margin:0;color:var(--muted-2);font-size:12px}
.footer>.container>.footer-links{display:flex;grid-template-columns:none;gap:22px;margin:0;padding:0;list-style:none}
.footer>.container>.footer-links a{margin:0;color:var(--muted);font-size:12px}

@media(max-width:760px){
  .container,.legal.container{width:min(calc(100% - 32px),900px)}
  .nav>.container{min-height:70px}
  .nav .nav-toggle{display:block}
  .nav-links{position:absolute;top:calc(100% + 1px);left:0;right:0;display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px;border:1px solid var(--border);background:#0b121b;box-shadow:var(--shadow)}
  .nav-links.open{display:flex}
  .nav-links a{display:block;padding:13px 12px}
  .legal.container{padding:70px 0 82px}
  .legal h1{font-size:clamp(44px,14vw,64px)}
  .legal h2{font-size:25px}
  .legal p,.legal li{font-size:15px}
  .footer>.container{align-items:flex-start;flex-direction:column;padding:28px 0}
  .footer>.container>.footer-links{flex-wrap:wrap}
}