@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter-Variable.bff0f6e3b9e2.ttf") format("truetype");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

@font-face {
    font-family: "Manrope";
    src: url("../fonts/Manrope-Variable.c329d9ac3c7b.ttf") format("truetype");
    font-style: normal;
    font-weight: 200 800;
    font-display: swap;
}

:root {
    color-scheme: dark;
    --ink: #070b12;
    --ink-2: #0b101b;
    --navy: #0b1628;
    --navy-2: #10213a;
    --blue: #1f66ff;
    --blue-light: #75a2ff;
    --white: #f5f7fb;
    --muted: #aab4c3;
    --line: rgba(255, 255, 255, 0.11);
    --line-strong: rgba(255, 255, 255, 0.19);
    --green: #22c55e;
    --wood: #a76d3c;
    --shell: min(1240px, calc(100vw - 48px));
    --radius: 20px;
    --font-display: Manrope, "Segoe UI Variable Display", "Segoe UI", sans-serif;
    --font-body: Inter, "Segoe UI Variable Text", "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--white); font-family: var(--font-body); font-size: 16px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
body::before { content: ""; position: fixed; inset: 0; z-index: -2; pointer-events: none; background: radial-gradient(circle at 78% 4%, rgba(31,102,255,.11), transparent 30%), linear-gradient(180deg, #070b12, #080d16); }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
img { display: block; max-width: 100%; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: var(--font-display); letter-spacing: -.04em; line-height: 1.04; }
h1 { font-size: clamp(3.2rem, 7vw, 7rem); }
h2 { font-size: clamp(2.2rem, 4.4vw, 4.5rem); }
h3 { font-size: 1.35rem; }
p { color: var(--muted); }
::selection { background: var(--blue); color: white; }
:focus-visible { outline: 3px solid var(--blue-light); outline-offset: 4px; border-radius: 4px; }
.shell { width: var(--shell); margin-inline: auto; }
.section { padding: clamp(88px, 11vw, 160px) 0; border-top: 1px solid var(--line); }
.sr-only { position: absolute; width: 1px; height: 1px; clip: rect(0,0,0,0); overflow: hidden; white-space: nowrap; }
.skip-link { position: fixed; top: 12px; left: 12px; z-index: 1000; padding: 12px 18px; background: white; color: black; transform: translateY(-150%); transition: transform .2s; }
.skip-link:focus { transform: none; }
.eyebrow { margin: 0 0 24px; color: var(--blue-light); font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 18px; min-height: 54px; padding: 0 24px; border: 1px solid var(--blue); border-radius: 8px; background: var(--blue); color: white; font-weight: 750; box-shadow: 0 16px 44px rgba(31,102,255,.22); transition: transform .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); background: #3676ff; box-shadow: 0 20px 54px rgba(31,102,255,.35); }
.button-small { min-height: 42px; padding-inline: 17px; font-size: .88rem; }
.button-muted { background: transparent; border-color: var(--line-strong); box-shadow: none; }
.text-link { display: inline-flex; align-items: center; gap: 10px; color: var(--white); font-weight: 700; border-bottom: 1px solid var(--line-strong); padding-bottom: 5px; transition: color .2s, border-color .2s; }
.text-link:hover { color: var(--blue-light); border-color: var(--blue-light); }
.fine-print { color: #7f8a9a; font-size: .85rem; }

/* Header */
.site-header { position: sticky; top: 0; z-index: 100; height: 72px; border-bottom: 1px solid transparent; background: rgba(7,11,18,.62); backdrop-filter: blur(18px); transition: border-color .2s, background .2s; }
.site-header.scrolled { border-color: var(--line); background: rgba(7,11,18,.88); }
.header-inner { height: 100%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.brand { display: inline-flex; align-items: center; gap: 11px; width: fit-content; font-family: var(--font-display); font-size: 1.07rem; font-weight: 800; letter-spacing: -.03em; }
.brand-mark { width: 34px; height: 34px; border-radius: 9px; overflow: hidden; background: #eee9dc; box-shadow: 0 0 0 1px var(--line-strong); }
.brand-mark img { width: 100%; height: 100%; object-fit: cover; }
.site-nav { display: flex; align-items: center; gap: 30px; }
.site-nav a { color: #c3cbd7; font-size: .9rem; font-weight: 650; transition: color .2s; }
.site-nav a:hover { color: white; }
.header-cta { justify-self: end; }
.nav-toggle { display: none; }

/* Home hero */
.hero { position: relative; overflow: clip; min-height: calc(100vh - 72px); padding: clamp(90px, 11vh, 132px) 0 0; background: linear-gradient(180deg, rgba(9,19,34,.25), transparent 68%); }
.hero::after { content: ""; position: absolute; bottom: 0; left: 0; right: 0; height: 68px; background: linear-gradient(90deg, #543018, #a56d3d 28%, #653b21 66%, #2d1a11); opacity: .72; box-shadow: inset 0 8px 24px rgba(0,0,0,.45); z-index: -1; }
.hero-glow { position: absolute; width: min(900px, 80vw); aspect-ratio: 1; right: -23%; top: -45%; border-radius: 50%; background: radial-gradient(circle, rgba(31,102,255,.24), rgba(31,102,255,.03) 45%, transparent 68%); filter: blur(18px); pointer-events: none; }
.hero-copy { position: relative; z-index: 2; text-align: center; }
.hero h1 { margin: 0 auto 28px; max-width: 1100px; }
.hero h1 span, .page-hero h1 span { color: transparent; background: linear-gradient(100deg, #6f9cff, #dce7ff 60%, #7ca6ff); background-clip: text; -webkit-background-clip: text; }
.hero-lede { max-width: 660px; margin: 0 auto 34px; font-size: clamp(1.05rem, 1.6vw, 1.32rem); }
.hero-actions { display: flex; align-items: center; justify-content: center; gap: 30px; }
.platform-note { display: flex; justify-content: center; gap: 8px; margin: 20px 0 0; color: #768295; font-size: .8rem; }
.hero-visual { position: relative; margin-top: 80px; perspective: 1200px; }
.app-window { position: relative; width: min(1120px, 100%); margin-inline: auto; border: 1px solid rgba(255,255,255,.2); border-radius: 16px 16px 0 0; overflow: hidden; background: #0b1019; box-shadow: 0 -24px 110px rgba(31,102,255,.16), 0 60px 100px rgba(0,0,0,.7); transform: rotateX(1.5deg); transform-origin: bottom; }
.window-bar { height: 48px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; background: #121824; border-bottom: 1px solid rgba(255,255,255,.08); color: #cbd3df; font-size: .75rem; }
.window-brand { display: flex; align-items: center; gap: 9px; font-weight: 700; }
.tiny-mark { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: var(--blue); color: white; font-size: .58rem; }
.window-actions { display: flex; gap: 14px; }.window-actions i { width: 10px; height: 10px; border-radius: 50%; background: #586273; }
.window-body { display: grid; grid-template-columns: 58px 1fr; min-height: 500px; }
.app-sidebar { display: flex; align-items: center; flex-direction: column; gap: 22px; padding-top: 26px; background: #0b111b; border-right: 1px solid rgba(255,255,255,.06); }
.nav-dot { width: 16px; height: 16px; border: 1px solid #566173; border-radius: 5px; }.nav-dot.active { background: var(--blue); border-color: var(--blue); box-shadow: 0 0 18px rgba(31,102,255,.55); }
.app-workspace { padding: 34px; background: radial-gradient(circle at 80% 0, rgba(31,102,255,.09), transparent 30%), #0e141e; }
.workspace-heading { display: flex; align-items: center; justify-content: space-between; margin-bottom: 26px; }
.workspace-heading div { display: grid; }.workspace-heading small { color: #758195; font-size: .68rem; }.workspace-heading strong { font-size: 1.28rem; }
.live-pill { padding: 7px 10px; border: 1px solid rgba(34,197,94,.25); border-radius: 99px; color: #84e5a6; background: rgba(34,197,94,.08); font-size: .64rem; }
.metric-line { display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid var(--line); border-radius: 10px; background: rgba(255,255,255,.025); }
.metric-line > div { padding: 18px 20px; display: grid; gap: 3px; border-right: 1px solid var(--line); }.metric-line > div:last-child { border: 0; }
.metric-line small { color: #7f8999; font-size: .65rem; }.metric-line b { font-size: 1.45rem; }.metric-line em { color: #66d68d; font-size: .65rem; font-style: normal; }
.workspace-grid { display: grid; grid-template-columns: 1.35fr .8fr; gap: 18px; margin-top: 18px; }
.order-table, .ai-panel { border: 1px solid var(--line); border-radius: 10px; background: rgba(8,12,19,.82); }
.table-title { height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 18px; border-bottom: 1px solid var(--line); font-size: .75rem; }.table-title span { color: var(--blue-light); }
.fake-row { display: grid; grid-template-columns: 10px 1fr 1fr auto; align-items: center; gap: 12px; padding: 17px 18px; border-bottom: 1px solid rgba(255,255,255,.055); font-size: .72rem; }.fake-row:last-child { border: 0; }.fake-row i { width: 7px; height: 7px; border-radius: 50%; background: var(--blue); }.fake-row small { color: #8893a4; }.fake-row b { font-weight: 700; }
.ai-panel { padding: 18px; border-color: rgba(31,102,255,.27); background: linear-gradient(150deg, rgba(31,102,255,.1), rgba(9,14,23,.9) 43%); }
.ai-label { color: var(--blue-light); font-size: .58rem; letter-spacing: .12em; }.ai-panel > p { margin: 9px 0 15px; color: white; font-weight: 700; font-size: .85rem; }
.prompt-chip { padding: 10px 12px; border-radius: 8px; background: #17202e; color: #d4d9e2; font-size: .67rem; }
.ai-answer { display: flex; gap: 10px; margin-top: 12px; padding: 12px; border-left: 2px solid var(--green); background: rgba(34,197,94,.055); }.ai-answer span { color: var(--green); }.ai-answer p { margin: 0; font-size: .65rem; }.ai-answer b { color: white; }
.ai-panel button { display: flex; justify-content: space-between; width: 100%; margin-top: 12px; padding: 9px 11px; border: 0; border-radius: 6px; background: var(--blue); color: white; font-size: .65rem; }
.trust-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: #080d15; }
.trust-inner { min-height: 72px; display: flex; align-items: center; justify-content: center; gap: 30px; color: #8e99a9; font-size: .78rem; font-weight: 600; }.trust-inner i { width: 3px; height: 3px; background: #5e6877; border-radius: 50%; }

/* Shared sections */
.section-heading { margin-bottom: 64px; }.section-heading h2 { max-width: 760px; margin-bottom: 0; }
.split-heading { display: grid; grid-template-columns: 1.15fr .7fr; gap: 80px; align-items: end; }.split-heading > p { max-width: 500px; margin-bottom: 0; }
.center-heading { max-width: 850px; margin: 0 auto 70px; text-align: center; }.center-heading > p:last-child { max-width: 620px; margin: 24px auto 0; }
.feature-band { background: #0a0f18; }
.feature-rail { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line-strong); }
.feature-rail article { min-height: 290px; padding: 28px 24px 0 0; border-right: 1px solid var(--line); }.feature-rail article:not(:first-child) { padding-left: 24px; }.feature-rail article:last-child { border-right: 0; }
.feature-rail span, .number { color: #697688; font-family: var(--font-display); font-size: .72rem; font-weight: 800; letter-spacing: .1em; }
.feature-rail h3 { margin: 100px 0 13px; font-size: 1.4rem; }.feature-rail p { margin: 0; font-size: .9rem; }
.ai-story { overflow: hidden; background: radial-gradient(circle at 80% 50%, rgba(31,102,255,.12), transparent 34%); }
.ai-story-grid, .local-grid, .provider-grid, .credential-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(70px, 10vw, 150px); align-items: center; }
.section-copy h2 { margin-bottom: 28px; }.section-copy > p:not(.eyebrow) { max-width: 560px; font-size: 1.03rem; }.section-copy .text-link { margin-top: 18px; }
.conversation { position: relative; padding: 22px; border: 1px solid rgba(117,162,255,.25); border-radius: 16px; background: linear-gradient(150deg, rgba(31,102,255,.09), rgba(10,15,24,.95) 45%); box-shadow: 0 30px 100px rgba(0,0,0,.36); }
.conversation::before { content: ""; position: absolute; inset: -1px; border-radius: inherit; background: linear-gradient(110deg, rgba(117,162,255,.25), transparent 30%); z-index: -1; }
.conversation-top { display: flex; align-items: center; gap: 9px; padding-bottom: 18px; border-bottom: 1px solid var(--line); font-size: .75rem; font-weight: 750; }.conversation-top small { margin-left: auto; color: #788497; }.pulse { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 0 5px rgba(34,197,94,.09); }
.bubble { max-width: 84%; margin-top: 20px; padding: 16px 18px; border-radius: 12px; font-size: .85rem; }.bubble p { margin: 8px 0 0; }
.user-bubble { margin-left: auto; background: #1d2a3d; color: #eef2f7; border-bottom-right-radius: 3px; }
.ai-bubble { background: #101722; border: 1px solid var(--line); border-bottom-left-radius: 3px; }.ai-bubble > b { color: white; }
.thinking { display: flex; align-items: center; gap: 5px; margin: 18px 0 0 7px; color: #778397; font-size: .69rem; }.thinking span { width: 4px; height: 4px; border-radius: 50%; background: var(--blue-light); animation: blink 1.2s infinite alternate; }.thinking span:nth-child(2){ animation-delay:.2s }.thinking span:nth-child(3){ animation-delay:.4s }
.result-row { display: flex; justify-content: space-between; margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--line); color: #8995a6; }.result-row b { color: white; }
.approval { display: flex; justify-content: space-between; margin-top: 15px; padding: 12px 14px; border: 1px solid rgba(34,197,94,.22); border-radius: 8px; background: rgba(34,197,94,.05); font-size: .69rem; }.approval span { color: #74cc94; }
.local-section { background: linear-gradient(180deg, #090e17, #080c14); }
.local-grid { grid-template-columns: 1fr 1fr; }
.data-orbit, .provider-orbit { position: relative; width: min(430px, 80vw); aspect-ratio: 1; margin: auto; display: grid; place-items: center; border: 1px solid rgba(117,162,255,.17); border-radius: 50%; box-shadow: 0 0 100px rgba(31,102,255,.08) inset; }
.data-orbit::before, .data-orbit::after, .provider-orbit::before { content: ""; position: absolute; inset: 17%; border: 1px dashed rgba(117,162,255,.15); border-radius: 50%; }.data-orbit::after { inset: 36%; border-style: solid; background: rgba(31,102,255,.05); }
.data-orbit b, .provider-orbit b { position: relative; z-index: 2; text-align: center; font-size: 1rem; line-height: 1.2; }
.data-orbit span, .provider-orbit span { position: absolute; z-index: 3; padding: 7px 12px; border: 1px solid var(--line); border-radius: 99px; background: #0d1420; color: #aeb9c8; font-size: .7rem; }.data-orbit span:nth-child(1){top:5%;left:42%}.data-orbit span:nth-child(2){top:45%;right:-4%}.data-orbit span:nth-child(3){bottom:4%;left:39%}.data-orbit span:nth-child(4){top:45%;left:-3%}
.check-list { list-style: none; padding: 0; margin: 28px 0; display: grid; gap: 13px; }.check-list li { position: relative; padding-left: 25px; color: #c3cbd6; }.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-weight: 800; }
.model-choice { background: #0a0f18; }.model-line { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.model-line > div { padding: 38px 38px 38px 0; }.model-line > div + div { padding-left: 38px; border-left: 1px solid var(--line); }.model-line span { color: var(--blue-light); font-size: .7rem; }.model-line h3 { margin: 54px 0 12px; }.model-line p { margin: 0; font-size: .9rem; }.model-choice > .fine-print { margin-top: 20px; text-align: center; }
.final-cta { position: relative; overflow: hidden; text-align: center; background: radial-gradient(circle at 50% 130%, rgba(31,102,255,.28), transparent 50%); }.final-cta-inner h2 { margin-bottom: 24px; }.final-cta-inner > p:not(.eyebrow) { max-width: 550px; margin: 0 auto 32px; }

/* Interior pages */
.page-hero { position: relative; overflow: hidden; padding: clamp(120px, 15vw, 210px) 0 clamp(90px, 11vw, 150px); border-bottom: 1px solid var(--line); background: radial-gradient(circle at 80% 5%, rgba(31,102,255,.17), transparent 33%); }
.page-hero.compact { padding-block: clamp(100px, 12vw, 155px) clamp(75px, 8vw, 110px); }
.page-hero .shell > p:not(.eyebrow) { max-width: 700px; font-size: clamp(1.05rem, 1.7vw, 1.3rem); }
.page-hero h1 { margin-bottom: 30px; max-width: 1120px; }
.page-hero.compact h1 { font-size: clamp(3rem, 6vw, 6rem); }
.workflow-section { background: #090e16; }.steps { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line-strong); }.steps li { padding: 28px 28px 0 0; min-height: 260px; }.steps li + li { padding-left: 28px; border-left: 1px solid var(--line); }.steps > li > span { color: var(--blue-light); font-size: .72rem; }.steps h3 { margin-top: 70px; margin-bottom: 11px; }.steps p { font-size: .88rem; }
.detail-showcase { padding-bottom: 0; }.detail-row { display: grid; grid-template-columns: .8fr 1.2fr; gap: 9vw; align-items: center; padding-bottom: 150px; }.detail-row.reverse { grid-template-columns: 1.2fr .8fr; }.detail-row.reverse .detail-copy { order: 2; }.detail-copy .number { display: block; margin-bottom: 44px; }.detail-copy h2 { font-size: clamp(2.4rem,4vw,4rem); }.mini-screen { min-height: 370px; padding: 28px; border: 1px solid var(--line-strong); border-radius: 14px; background: linear-gradient(150deg, rgba(31,102,255,.09), #0d131d 45%); box-shadow: 0 34px 80px rgba(0,0,0,.35); }
.mini-toolbar, .chart-label { display: flex; align-items: center; justify-content: space-between; padding-bottom: 22px; border-bottom: 1px solid var(--line); }.mini-toolbar span { color: #748094; font-size: .74rem; }.mini-filters { display: flex; gap: 8px; margin: 18px 0; }.mini-filters i { padding: 6px 10px; border: 1px solid var(--line); border-radius: 5px; color: #8995a5; font-size: .65rem; font-style: normal; }.mini-filters i:first-child { color: white; border-color: var(--blue); background: rgba(31,102,255,.14); }
.mini-row { display: grid; grid-template-columns: 1fr 1fr 1.2fr auto; gap: 14px; padding: 17px 8px; border-bottom: 1px solid var(--line); font-size: .72rem; }.mini-row b { color: #7f8a9a; font-weight: 500; }.mini-row em { color: #92b1f5; font-style: normal; }.mini-row strong { font-size: .72rem; }
.chart-label b { color: var(--green); font-size: 1.8rem; }.bar-chart { height: 210px; padding-top: 25px; display: flex; align-items: end; justify-content: space-around; border-bottom: 1px solid var(--line); background: repeating-linear-gradient(to bottom, transparent, transparent 49px, rgba(255,255,255,.04) 50px); }.bar-chart i { width: 8%; border-radius: 4px 4px 0 0; background: linear-gradient(var(--blue-light), var(--blue)); box-shadow: 0 0 25px rgba(31,102,255,.22); }.stock-note { display: flex; justify-content: space-between; margin-top: 25px; font-size: .75rem; }.stock-note span { color: #8b96a6; }.stock-note b { color: var(--blue-light); }
.integration-note { background: linear-gradient(110deg, #0d1b31, #09101c); }.integration-inner { display: grid; grid-template-columns: 1.1fr .8fr; gap: 10vw; align-items: end; }.integration-inner h2 { font-size: clamp(2.2rem,4vw,4rem); }.integration-inner > p { margin: 0; }

/* AI page */
.ai-page-hero { min-height: 76vh; }.ai-page-hero .button { margin-top: 22px; }.ai-halo { position: absolute; right: 5%; top: 0; width: 45vw; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, transparent 0 58px, rgba(31,102,255,.08) 60px 61px), radial-gradient(circle, rgba(31,102,255,.18), transparent 61%); }
.ai-demo { background: #090e17; }.conversation.large { max-width: 860px; margin: auto; padding: 30px; }.conversation.large .bubble { font-size: .95rem; }.ai-result-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-top: 20px; background: var(--line); border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }.ai-result-grid div { display: grid; padding: 14px; background: #0e151f; }.ai-result-grid small { color: #778395; }.ai-result-grid strong { font-size: 1.2rem; }
.process-line { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: repeat(4,1fr); }.process-line li { position: relative; padding: 0 28px 0 0; }.process-line li + li { padding-left: 28px; border-left: 1px solid var(--line); }.process-line span { color: var(--blue-light); font-size: .7rem; }.process-line h3 { margin: 90px 0 12px; }.process-line p { font-size: .88rem; }
.use-cases { background: #090f18; }.prompt-list { border-top: 1px solid var(--line-strong); }.prompt-list > div { display: grid; grid-template-columns: .3fr 1fr; align-items: center; min-height: 110px; border-bottom: 1px solid var(--line); }.prompt-list span { color: var(--blue-light); font-size: .72rem; font-weight: 700; text-transform: uppercase; letter-spacing: .12em; }.prompt-list p { margin: 0; color: white; font-family: var(--font-display); font-size: clamp(1.15rem,2vw,1.7rem); letter-spacing: -.025em; }
.provider-section { overflow: hidden; }.provider-orbit { width: min(380px,80vw); }.provider-orbit span:nth-child(1){top:6%;left:41%}.provider-orbit span:nth-child(2){bottom:14%;right:-3%}.provider-orbit span:nth-child(3){bottom:14%;left:-2%}

/* Security */
.security-principles { padding-bottom: 60px; }.principles-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 60px; }.principles-grid article { border-top: 1px solid var(--line-strong); padding-top: 28px; }.principles-grid span { color: var(--blue-light); font-size: .7rem; }.principles-grid h2 { margin-top: 95px; font-size: 2rem; }.principles-grid p { font-size: .92rem; }
.security-flow { background: #090f18; }.safe-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr; align-items: center; }.safe-flow > div { min-height: 190px; padding: 24px; border: 1px solid var(--line); display: grid; align-content: start; }.safe-flow > div.highlight { border-color: var(--blue); background: rgba(31,102,255,.08); box-shadow: 0 0 50px rgba(31,102,255,.1); }.safe-flow > i { padding: 8px; color: #5b6675; font-style: normal; }.safe-flow span { color: var(--blue-light); font-size: .7rem; }.safe-flow b { margin-top: 55px; }.safe-flow small { margin-top: 6px; color: #818d9e; line-height: 1.5; }
.credential-grid { grid-template-columns: 1fr 1fr; }.lock-art { position: relative; height: 430px; display: grid; place-items: center; }.lock-ring { position: absolute; width: min(380px, 85vw); aspect-ratio: 1; border: 1px solid rgba(31,102,255,.17); border-radius: 50%; box-shadow: 0 0 80px rgba(31,102,255,.09) inset; }.lock-ring::before { content: ""; position: absolute; inset: 50px; border: 1px dashed rgba(117,162,255,.16); border-radius: 50%; }.lock-body { position: relative; z-index: 2; width: 105px; height: 95px; border-radius: 14px; background: linear-gradient(150deg,#3276ff,#1647ad); box-shadow: 0 20px 55px rgba(31,102,255,.3); }.lock-body::before { content: ""; position: absolute; width: 58px; height: 63px; left: 23px; top: -47px; border: 12px solid #7fa8ff; border-bottom: 0; border-radius: 34px 34px 0 0; }.lock-body span { position: absolute; left: 47px; top: 34px; width: 11px; height: 25px; border-radius: 8px; background: white; }
.honest-note { padding-block: 48px; background: #0c1729; }.honest-note p { max-width: 900px; margin: 0; color: #bac4d1; }.honest-note b { color: white; }

/* Pricing/resources/changelog */
.empty-state { max-width: 770px; margin: auto; text-align: center; padding: 75px 40px; border-top: 1px solid var(--line-strong); border-bottom: 1px solid var(--line-strong); }.empty-state.inline { text-align: left; margin: 0; }.empty-icon { display: grid; place-items: center; width: 58px; height: 58px; margin: 0 auto 35px; border: 1px solid rgba(31,102,255,.4); border-radius: 50%; color: var(--blue-light); background: rgba(31,102,255,.08); }.empty-state h2 { font-size: clamp(2rem,4vw,3.4rem); }.empty-state > p:not(.eyebrow) { max-width: 600px; margin-inline: auto; }.empty-actions { margin-top: 32px; display: flex; align-items: center; justify-content: center; gap: 28px; }
.plans { display: grid; grid-template-columns: repeat(auto-fit,minmax(290px,1fr)); gap: 20px; }.plan { padding: 38px; border: 1px solid var(--line-strong); border-radius: 14px; background: #0b111b; }.plan h2 { font-size: 2.6rem; }.plan > span { color: var(--muted); }.plan .button { margin-top: 20px; }
.resource-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line-strong); }.resource-item { min-height: 310px; padding: 34px 50px 34px 0; border-bottom: 1px solid var(--line); transition: background .2s; }.resource-item:nth-child(even) { padding-left: 50px; border-left: 1px solid var(--line); }.resource-item > span { color: var(--blue-light); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }.resource-item h2 { margin: 75px 0 12px; font-size: 1.8rem; }.resource-item b { color: var(--blue-light); font-size: .8rem; }
.faq-section { background: #090f18; }.faq-list { max-width: 900px; }.faq-list details { border-top: 1px solid var(--line); }.faq-list details:last-child { border-bottom: 1px solid var(--line); }.faq-list summary { min-height: 80px; display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: white; font-family: var(--font-display); font-weight: 700; list-style: none; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { color: var(--blue-light); font-size: 1.4rem; transition: transform .2s; }.faq-list details[open] summary span { transform: rotate(45deg); }.faq-list details p { max-width: 700px; padding-bottom: 28px; }
.timeline { max-width: 940px; }.timeline article { display: grid; grid-template-columns: .32fr 1fr; gap: 50px; padding: 45px 0; border-top: 1px solid var(--line); }.timeline time { color: #788496; font-size: .8rem; }.timeline article span { color: var(--blue-light); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }.timeline h2 { margin: 18px 0; font-size: 2rem; }

/* Download */
.download-hero { position: relative; overflow: hidden; padding: clamp(110px,14vw,190px) 0 100px; border-bottom: 1px solid var(--line); }.download-glow { position:absolute;right:-10%;top:-30%;width:65vw;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(31,102,255,.2),transparent 60%); }.download-grid { position: relative; display: grid; grid-template-columns: 1fr .75fr; align-items: center; gap: 8vw; }.download-grid h1 { font-size: clamp(3rem,6vw,6rem); }.download-grid h1 span { color: var(--blue-light); }.download-grid > div:first-child > p:not(.eyebrow) { max-width: 620px; font-size: 1.1rem; }.download-button { margin-top: 20px; }.release-summary { display:flex;align-items:center;gap:10px;margin-top:18px;color:#7f8a9b;font-size:.75rem}.release-summary i{width:3px;height:3px;border-radius:50%;background:#596474}.download-unavailable { max-width: 540px; margin-top: 30px; padding: 20px; border-left: 2px solid #e1a348; background: rgba(225,163,72,.06); }.download-unavailable p { margin: 4px 0 0; font-size: .87rem; }
.installer-art { position: relative; min-height: 440px; display: grid; place-items: center; perspective: 800px; }.installer-box { position: relative; z-index: 2; width: 255px; padding: 34px; display: grid; justify-items: start; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; background: linear-gradient(150deg,#15243a,#0b111b); box-shadow: 45px 50px 80px rgba(0,0,0,.48), -20px -10px 70px rgba(31,102,255,.16); transform: rotateY(-12deg) rotateX(4deg); }.installer-logo { display:grid;place-items:center;width:64px;height:64px;border-radius:16px;background:var(--blue);font-weight:900;font-size:1.2rem;box-shadow:0 15px 35px rgba(31,102,255,.3)}.installer-box > span{margin-top:50px;font-family:var(--font-display);font-size:1.6rem;font-weight:800}.installer-box small{color:#8793a5}.installer-box b{font-size:.72rem;color:#abb6c5}.progress{width:100%;height:4px;margin:30px 0 12px;background:#253044;border-radius:9px;overflow:hidden}.progress i{display:block;width:82%;height:100%;background:var(--blue)}.windows-shadow{position:absolute;width:380px;height:110px;bottom:35px;border-radius:50%;background:rgba(31,102,255,.12);filter:blur(30px);transform:rotate(-8deg)}

/* Real OrderScout product evidence */
.product-shot {
    position: relative;
    width: 100%;
    margin: 0;
    overflow: hidden;
    border: 1px solid rgba(135, 174, 255, .27);
    border-radius: 15px;
    background: #0a0f18;
    box-shadow: 0 34px 90px rgba(0, 0, 0, .5), 0 0 70px rgba(31, 102, 255, .09);
    isolation: isolate;
}
.product-shot::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border-radius: inherit;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .035);
}
.product-shot picture { display: block; background: #f4f6f9; }
.product-shot img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.product-shot figcaption {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 44px;
    padding: 10px 14px;
    border-top: 1px solid rgba(255, 255, 255, .09);
    color: #7f8b9e;
    background: linear-gradient(90deg, #0c121c, #101827);
    font-size: .7rem;
    letter-spacing: .01em;
}
.product-shot figcaption span { color: #dfe8f8; font-weight: 750; }
.product-shot-chrome {
    display: flex;
    align-items: center;
    gap: 7px;
    height: 38px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background: #111925;
}
.product-shot-chrome span { width: 7px; height: 7px; border-radius: 50%; background: #526074; }
.product-shot-chrome span:first-child { background: #e36060; }
.product-shot-chrome span:nth-child(2) { background: #d9a44b; }
.product-shot-chrome span:nth-child(3) { background: #32b77a; }
.product-shot-chrome b { margin-left: 7px; color: #8794a8; font-size: .65rem; font-weight: 650; }
.product-shot-hero { width: min(1200px, 100%); margin-inline: auto; transform: rotateX(1.5deg); transform-origin: bottom; }
.product-shot-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 14% 7% -18%;
    background: rgba(31, 102, 255, .22);
    filter: blur(75px);
}
.product-shot-ai { align-self: center; transform: rotateY(-1.8deg); }
.product-shot-feature { max-width: 1180px; margin-inline: auto; }
.detail-row .product-shot { width: min(760px, 100%); }
.detail-row:not(.reverse) .product-shot { transform: rotateY(-1.5deg); }
.detail-row.reverse .product-shot { transform: rotateY(1.5deg); }
.download-product-shot { width: min(640px, 48vw); transform: rotateY(-8deg) rotateX(2deg); transform-origin: left center; }
.download-product-shot figcaption { justify-content: flex-start; }
.install-steps ol { list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line-strong)}.install-steps li{padding:30px 35px 0 0;min-height:240px}.install-steps li+li{padding-left:35px;border-left:1px solid var(--line)}.install-steps li>span{color:var(--blue-light);font-size:.7rem}.install-steps h3{margin-top:70px}.install-steps p{font-size:.88rem}.release-details{background:#090f18}.release-details dl{margin:0 0 30px;border-top:1px solid var(--line-strong)}.release-details dl>div{display:grid;grid-template-columns:.35fr 1fr;padding:19px 0;border-bottom:1px solid var(--line)}.release-details dt{color:#7d899b}.release-details dd{margin:0}.release-details .hash dd{display:flex;align-items:center;justify-content:space-between;gap:20px}.release-details code{word-break:break-all;color:#a8c2ff}.release-details button{border:1px solid var(--line);border-radius:5px;background:transparent;color:white;padding:6px 10px}.requirements-note{padding-block:70px}.requirements-note .shell{display:grid;grid-template-columns:.6fr 1fr;gap:8vw;align-items:end}.requirements-note h2{font-size:2.6rem;margin:0}.requirements-note p{margin:0}

/* Forms/legal/system */
.support-grid { display:grid;grid-template-columns:.55fr 1fr;gap:9vw;align-items:start}.support-grid aside{position:sticky;top:110px}.support-grid aside h2{font-size:2.4rem}.support-links{list-style:none;padding:0;margin-top:45px;border-top:1px solid var(--line)}.support-links li{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.support-links li>span{color:var(--blue-light);font-size:.7rem}.support-links div{display:grid}.support-links b{font-size:.9rem}.support-links a{color:#8793a4;font-size:.78rem;margin-top:4px}.support-form{padding:38px;border:1px solid var(--line-strong);border-radius:14px;background:#0b111b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{margin-bottom:20px}.field>label{display:block;margin-bottom:7px;color:#c9d1dc;font-size:.8rem;font-weight:700}.field input:not([type=checkbox]),.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid var(--line-strong);border-radius:7px;background:#090e16;color:white;transition:border .2s,box-shadow .2s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(31,102,255,.12);outline:0}.field small{display:block;margin-top:6px;color:#727e90;font-size:.7rem}.check-field{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start}.check-field input{width:18px;height:18px;margin-top:3px;accent-color:var(--blue)}.check-field label{font-weight:500}.errorlist{list-style:none;padding:0;margin:5px 0 0;color:#ff9d9d;font-size:.75rem}.form-errors{padding:12px;margin-bottom:20px;border-left:2px solid #ff6b6b;background:rgba(255,107,107,.07)}
.legal-hero .draft-badge{display:inline-flex;padding:7px 11px;border:1px solid rgba(225,163,72,.3);border-radius:99px;background:rgba(225,163,72,.06);color:#e6ba7b;font-size:.72rem}.legal-body{padding:90px 0 140px}.prose{max-width:800px}.prose h2{margin:55px 0 16px;font-size:1.7rem}.prose h2:first-child{margin-top:0}.prose p{font-size:1rem}
.system-page{position:relative;overflow:hidden;min-height:calc(100vh - 72px);display:grid;align-items:center;padding:100px 0}.system-page .shell{position:relative}.system-page h1{font-size:clamp(3rem,7vw,6.5rem);max-width:950px;margin:20px 0 28px}.system-page p{max-width:620px;font-size:1.05rem}.system-page .button{margin-top:20px}.system-page .text-link{margin-left:28px}.system-code{color:var(--blue-light);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.system-glow{position:absolute;width:65vw;aspect-ratio:1;right:-20%;top:-30%;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 55px,rgba(31,102,255,.065) 56px 57px),radial-gradient(circle,rgba(31,102,255,.13),transparent 65%)}.system-glow.success{background:radial-gradient(circle,rgba(34,197,94,.13),transparent 64%)}.flash-wrap{position:fixed;z-index:200;top:90px;right:24px}.flash{padding:12px 18px;border:1px solid rgba(34,197,94,.35);border-radius:7px;background:#0d1f18;color:#b9eacb;box-shadow:0 15px 45px rgba(0,0,0,.3)}

/* Footer */
.site-footer { border-top: 1px solid var(--line); background: #06090f; }.footer-lead{padding:80px 0;display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid var(--line)}.footer-lead h2{margin:0;font-size:clamp(2.2rem,4vw,4.2rem)}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:70px;padding:70px 0}.footer-brand p{max-width:300px;margin-top:25px;font-size:.86rem}.footer-grid h3{margin-bottom:22px;color:#748094;font-family:var(--font-body);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;align-items:start}.footer-grid>div:not(.footer-brand) a{margin-bottom:10px;color:#b8c1ce;font-size:.84rem}.footer-grid>div:not(.footer-brand) a:hover{color:white}.footer-bottom{padding:20px 0 28px;display:flex;justify-content:space-between;border-top:1px solid var(--line);color:#626e7f;font-size:.72rem}

/* Motion */
.reveal { animation: rise .75s both; }.reveal:nth-child(2){animation-delay:.08s}.reveal:nth-child(3){animation-delay:.16s}.reveal:nth-child(4){animation-delay:.24s}.reveal:nth-child(5){animation-delay:.3s}.hero-visual.reveal{animation-delay:.35s;animation-duration:1s}
@keyframes rise { from { opacity:0; transform:translateY(18px) } to { opacity:1; transform:none } }
@keyframes blink { from { opacity:.25 } to { opacity:1 } }

@media (max-width: 980px) {
    :root { --shell: min(100% - 36px, 1240px); }
    .header-inner { grid-template-columns: 1fr auto; }.header-cta{display:none}.nav-toggle{display:grid;gap:6px;width:42px;height:42px;place-content:center;border:1px solid var(--line);border-radius:7px;background:transparent}.nav-toggle span:not(.sr-only){display:block;width:18px;height:1px;background:white}.site-nav{position:absolute;left:18px;right:18px;top:66px;display:none;align-items:stretch;flex-direction:column;gap:0;padding:10px;border:1px solid var(--line-strong);border-radius:10px;background:#0b111b;box-shadow:0 25px 60px rgba(0,0,0,.45)}.site-nav.open{display:flex}.site-nav a{padding:13px}
    .window-body{min-height:420px}.app-workspace{padding:22px}.workspace-grid{grid-template-columns:1fr}.order-table{display:none}
    .split-heading,.ai-story-grid,.local-grid,.provider-grid,.credential-grid,.detail-row,.detail-row.reverse,.integration-inner,.download-grid,.support-grid{grid-template-columns:1fr;gap:60px}.detail-row.reverse .detail-copy{order:0}.feature-rail,.steps,.process-line,.model-line,.principles-grid{grid-template-columns:repeat(2,1fr)}.feature-rail article:nth-child(2){border-right:0}.feature-rail article:nth-child(n+3){border-top:1px solid var(--line)}.steps li:nth-child(3),.process-line li:nth-child(3){border-left:0}.steps li:nth-child(n+3),.process-line li:nth-child(n+3){border-top:1px solid var(--line);padding-top:28px}.safe-flow{grid-template-columns:1fr}.safe-flow>i{transform:rotate(90deg);justify-self:center}.download-grid>div:first-child{text-align:center}.download-grid>div:first-child>p:not(.eyebrow),.release-summary{margin-inline:auto;justify-content:center}.installer-art{min-height:360px}.support-grid aside{position:static}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2}.footer-lead{align-items:start;flex-direction:column;gap:30px}
}

@media (max-width: 640px) {
    :root { --shell: min(100% - 28px, 1240px); }.section{padding-block:80px}.hero{padding-top:78px}.hero h1{font-size:clamp(2.75rem,14vw,4rem)}.hero-actions{flex-direction:column;gap:20px}.hero-visual{margin-top:55px;width:calc(100% - 12px)}.app-window{border-radius:10px 10px 0 0}.window-body{grid-template-columns:40px 1fr;min-height:340px}.app-sidebar{gap:18px}.nav-dot{width:12px;height:12px}.app-workspace{padding:14px}.workspace-heading{margin-bottom:15px}.workspace-heading strong{font-size:.9rem}.live-pill{display:none}.metric-line{grid-template-columns:repeat(2,1fr)}.metric-line>div{padding:12px}.metric-line>div:nth-child(3){display:none}.metric-line b{font-size:1rem}.ai-panel{padding:13px}.trust-inner{padding:18px 0;flex-direction:column;gap:8px;text-align:center}.trust-inner i{display:none}
    .split-heading{gap:25px}.feature-rail,.steps,.process-line,.model-line,.principles-grid{grid-template-columns:1fr}.feature-rail article,.feature-rail article:not(:first-child),.steps li,.steps li+li,.process-line li,.process-line li+li,.model-line>div,.model-line>div+div{padding:24px 0;border-left:0;border-right:0;border-top:1px solid var(--line)}.feature-rail h3,.steps h3,.process-line h3,.model-line h3{margin-top:40px}.feature-rail article{min-height:220px}.ai-story-grid{gap:45px}.conversation{padding:14px}.bubble{max-width:94%;padding:13px}.approval{display:grid;gap:4px}.local-grid{gap:45px}.data-orbit{width:min(330px,84vw)}.detail-row{padding-bottom:90px}.mini-screen{padding:18px;min-height:320px}.mini-row{grid-template-columns:1fr auto}.mini-row b,.mini-row em{display:none}.integration-inner{gap:25px}.prompt-list>div{grid-template-columns:1fr;gap:10px;padding:24px 0}.provider-orbit{width:min(320px,84vw)}.ai-result-grid{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr}.resource-item,.resource-item:nth-child(even){padding:28px 0;border-left:0}.resource-item h2{margin-top:45px}.timeline article{grid-template-columns:1fr;gap:16px}.install-steps ol{grid-template-columns:1fr}.install-steps li,.install-steps li+li{padding:25px 0;border-left:0;border-top:1px solid var(--line)}.install-steps h3{margin-top:40px}.release-details dl>div{grid-template-columns:1fr;gap:6px}.release-details .hash dd{align-items:start;flex-direction:column}.requirements-note .shell{grid-template-columns:1fr;gap:20px}.form-row{grid-template-columns:1fr}.support-form{padding:22px}.empty-state{padding:55px 12px}.empty-actions{flex-direction:column}.system-page .text-link{display:flex;width:fit-content;margin:24px 0 0}.footer-grid{grid-template-columns:1fr 1fr;gap:45px}.footer-brand{grid-column:1/-1}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{gap:10px;flex-direction:column}.page-hero{padding-top:100px}.page-hero h1{font-size:clamp(2.8rem,14vw,4.2rem)}
}

@media (max-width: 980px) {
    .product-shot-hero,
    .product-shot-ai,
    .detail-row .product-shot,
    .detail-row:not(.reverse) .product-shot,
    .detail-row.reverse .product-shot,
    .download-product-shot {
        width: 100%;
        transform: none;
    }
    .download-product-shot { margin-top: 8px; }
}

@media (max-width: 640px) {
    .product-shot { border-radius: 10px; }
    .product-shot-chrome { height: 31px; padding-inline: 10px; }
    .product-shot figcaption { display: grid; gap: 2px; min-height: 48px; padding: 8px 10px; }
    .product-shot-hero figcaption { font-size: .62rem; }
}

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