:root { --ink:#20211e; --ink-soft:#34342f; --paper:#efebe2; --paper-2:#e2ddd1; --milk:#faf8f2; --tomato:#e45d39; --butter:#f4d982; --muted:#747369; --line:rgba(32,33,30,.19); --mono:ui-monospace, monospace; --sans:Arial, sans-serif; --max:1320px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; min-width:320px; overflow-x:hidden; background:var(--paper); color:var(--ink); font-family:var(--sans); line-height:1.45; } a { color:inherit; text-decoration:none; } button,input,select,textarea { font:inherit; } button { cursor:pointer; } ::selection { background:var(--tomato); color:var(--milk); }
.page-shell { width:min(calc(100% - 48px),var(--max)); margin:0 auto; }.skip-link { position:fixed; z-index:30; left:12px; top:-60px; padding:10px 13px; background:var(--butter); color:var(--ink); font-weight:800; }.skip-link:focus { top:12px; }
.topbar { height:87px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:12; }.brand { display:inline-flex; align-items:center; gap:7px; letter-spacing:-.07em; }.brand-sign { display:grid; place-items:center; width:26px; height:26px; border-radius:50%; background:var(--ink); color:var(--butter); font:500 14px var(--mono); }.brand b { font-size:20px; }.brand i { color:var(--tomato); font-style:normal; }.brand small { font:500 10px var(--mono); letter-spacing:.04em; }.main-nav { display:flex; align-items:center; gap:31px; font-size:13px; font-weight:700; }.main-nav > a:not(.nav-action):hover { color:var(--tomato); }.nav-action { display:flex; align-items:center; gap:11px; background:var(--ink); color:var(--butter); padding:11px 14px; }.nav-action span { font-size:18px; line-height:.7; }.menu-toggle { display:none; border:0; background:transparent; width:42px; height:42px; padding:10px 5px; }.menu-toggle span { display:block; height:2px; margin:5px 0; background:var(--ink); }
.hero { min-height:700px; position:relative; overflow:hidden; background:var(--ink); color:var(--milk); }.hero::before { content:""; position:absolute; left:0; right:0; bottom:0; height:17px; background:var(--tomato); }.hero::after { content:"УПРАВЛЯТЬ"; position:absolute; right:-26px; bottom:11px; color:rgba(250,248,242,.035); font-size:min(20vw,260px); font-weight:800; letter-spacing:-.1em; line-height:.8; pointer-events:none; }.hero-layout { min-height:683px; display:grid; grid-template-columns:minmax(0,1fr) minmax(390px,.69fr); align-items:center; gap:clamp(45px,10vw,170px); position:relative; z-index:1; }.kicker,.section-index { display:flex; align-items:center; gap:11px; font:500 10px var(--mono); letter-spacing:.07em; }.kicker { margin:0 0 25px; color:rgba(250,248,242,.65); }.kicker span { width:8px; height:8px; background:var(--tomato); border-radius:50%; box-shadow:0 0 0 6px rgba(228,93,57,.14); }.hero h1 { max-width:700px; margin:0; font-size:clamp(57px,6.6vw,96px); line-height:.9; letter-spacing:-.09em; font-weight:800; }.hero h1 em,h2 em { color:var(--butter); font-style:normal; }.hero-lead { max-width:538px; margin:31px 0 0; color:rgba(250,248,242,.75); font-size:16px; line-height:1.65; }.primary-button { min-height:56px; display:inline-flex; align-items:center; justify-content:center; gap:25px; padding:15px 20px; border:0; background:var(--butter); color:var(--ink); font-size:13px; font-weight:800; transition:transform .2s, background .2s; }.primary-button:hover { transform:translateY(-3px); background:var(--milk); }.primary-button span { font-size:20px; line-height:.7; }.hero .primary-button { margin-top:36px; }.hero-trust { max-width:510px; margin:21px 0 0; color:rgba(250,248,242,.43); font-size:11px; line-height:1.6; }
.shift-sheet { width:min(100%,466px); justify-self:end; position:relative; padding:17px; background:var(--milk); color:var(--ink); box-shadow:12px 12px 0 var(--tomato); transform:rotate(1.1deg); }.sheet-accent { position:absolute; top:-16px; right:40px; width:85px; height:16px; background:var(--butter); }.sheet-top,.sheet-foot { display:flex; justify-content:space-between; color:var(--muted); font:10px var(--mono); }.sheet-top span:last-child { color:var(--tomato); }.sheet-title { display:flex; align-items:end; justify-content:space-between; margin:43px 0 19px; padding-bottom:13px; border-bottom:1px solid var(--line); font:500 13px/1.23 var(--mono); }.sheet-title b { font:600 17px var(--sans); letter-spacing:-.05em; }.sheet-main-metric span,.sheet-grid span { display:block; color:var(--muted); font:10px var(--mono); }.sheet-main-metric strong { display:block; margin-top:6px; font-size:43px; line-height:1; letter-spacing:-.07em; }.sheet-main-metric i { display:block; margin-top:7px; color:#517a3d; font:10px var(--mono); font-style:normal; }.sheet-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1px; margin-top:27px; background:var(--line); }.sheet-grid > div { min-height:72px; padding:11px; background:var(--milk); }.sheet-grid b { display:block; margin-top:5px; font-size:17px; letter-spacing:-.05em; }.sheet-alert { display:flex; gap:10px; margin-top:17px; padding:11px; background:var(--ink); color:var(--milk); }.sheet-alert i { display:grid; place-items:center; flex:none; width:19px; height:19px; background:var(--tomato); color:var(--milk); border-radius:50%; font:500 12px var(--mono); font-style:normal; }.sheet-alert p { margin:0; font-size:10px; line-height:1.45; }.sheet-alert b,.sheet-alert span { display:block; }.sheet-alert span { margin-top:2px; color:rgba(250,248,242,.62); }.sheet-foot { margin-top:14px; }.sheet-foot b { color:var(--ink); }
.section-index { color:var(--muted); }.section-index > span { color:var(--tomato); }.section-index-light { color:rgba(250,248,242,.55); }.section-index-light > span { color:var(--butter); }.friction { padding:143px 0 150px; }.friction > .section-index { margin-bottom:53px; }.friction-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(320px,.73fr); gap:clamp(50px,11vw,180px); align-items:start; }.friction h2 { max-width:730px; }.friction h2 em { color:var(--tomato); }.question-stack { border-top:2px solid var(--ink); }.question-stack p { margin:0; padding:15px 0; border-bottom:1px solid var(--line); font-size:14px; line-height:1.5; }.question-stack p::before { content:"?"; display:inline-block; width:24px; color:var(--tomato); font:500 12px var(--mono); }.friction-conclusion { max-width:705px; margin:71px 0 0; font-size:20px; line-height:1.4; letter-spacing:-.04em; }.friction-conclusion b { color:var(--tomato); }
h2 { margin:0; font-size:clamp(40px,4.7vw,69px); line-height:.99; letter-spacing:-.08em; font-weight:800; }.control-band { padding:137px 0 131px; background:var(--ink); color:var(--milk); }.control-band > .page-shell { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(480px,1.2fr); gap:clamp(50px,10vw,160px); align-items:center; }.control-intro h2 { margin-top:48px; }.control-intro p { max-width:385px; margin:25px 0 0; color:rgba(250,248,242,.63); font-size:14px; line-height:1.65; }.control-readout { border-top:2px solid var(--butter); }.readout-header { display:flex; justify-content:space-between; padding:14px 0; color:rgba(250,248,242,.5); border-bottom:1px solid rgba(250,248,242,.19); font:10px var(--mono); }.readout-header span:last-child { color:var(--butter); }.readout-line { min-height:62px; display:grid; grid-template-columns:145px 1fr auto 56px; gap:12px; align-items:center; border-bottom:1px solid rgba(250,248,242,.19); }.readout-line b { font-size:13px; }.readout-line i { height:1px; background:rgba(250,248,242,.21); }.readout-line strong { font:500 16px var(--mono); letter-spacing:-.05em; }.readout-line small { text-align:right; font:10px var(--mono); }.up { color:#b9dd8f; }.down { color:#f68866; }.neutral { color:rgba(250,248,242,.5); }.control-readout > p { max-width:510px; margin:19px 0 0; color:rgba(250,248,242,.47); font-size:11px; line-height:1.55; }
.menu-engineering { padding:147px 0 143px; }.menu-heading { display:grid; grid-template-columns:.52fr 1fr; gap:36px 80px; align-items:end; }.menu-heading .section-index { grid-column:1/-1; }.menu-heading h2 { max-width:690px; }.menu-heading h2 em { color:var(--tomato); }.menu-heading p { max-width:360px; margin:0 0 4px; font-size:13px; line-height:1.65; color:var(--muted); }.menu-map { height:610px; position:relative; display:grid; grid-template-columns:1fr 1fr; grid-template-rows:1fr 1fr; margin-top:69px; border:1px solid var(--ink); background:var(--ink); gap:1px; }.menu-quadrant { position:relative; padding:20px; background:var(--milk); overflow:hidden; }.menu-quadrant span { color:var(--tomato); font:10px var(--mono); }.menu-quadrant b { display:block; margin-top:44px; font-size:26px; letter-spacing:-.06em; }.menu-quadrant p { margin:4px 0 0; color:var(--muted); font-size:12px; line-height:1.45; }.star { background:var(--butter); }.trap { background:#e6e2d6; }.review { background:#d4d0c4; }.axis { position:absolute; z-index:3; font:10px var(--mono); color:var(--muted); pointer-events:none; }.y-axis { left:-40px; top:50%; transform:rotate(-90deg); }.x-axis { right:18px; bottom:-28px; }.dot { position:absolute; display:block; width:18px; height:18px; border-radius:50%; background:var(--tomato); box-shadow:0 0 0 5px rgba(228,93,57,.15); }.dot-one { right:25%; top:40%; }.dot-two { right:14%; top:22%; width:12px; height:12px; }.dot-three { right:22%; top:43%; width:12px; height:12px; background:var(--ink); }.dot-four { right:35%; top:36%; width:23px; height:23px; background:var(--ink); }.dot-five { right:18%; top:57%; width:10px; height:10px; }.dot-six { right:26%; top:47%; width:12px; height:12px; background:var(--ink); }.map-caption { position:absolute; left:20px; bottom:17px; z-index:4; margin:0; color:var(--muted); font:10px var(--mono); }.underline-link { display:inline-flex; gap:11px; margin-top:38px; padding-bottom:3px; border-bottom:1px solid var(--ink); font-size:13px; font-weight:800; }.underline-link span { color:var(--tomato); font-size:18px; line-height:.7; }
.signals { padding:136px 0; background:var(--tomato); color:var(--ink); }.signals-layout { display:grid; grid-template-columns:minmax(300px,.68fr) minmax(520px,1.32fr); gap:clamp(50px,10vw,170px); }.signals-heading h2 { margin-top:50px; }.signals-heading h2 em { color:var(--butter); }.signal-list { border-top:2px solid var(--ink); }.signal-list article { display:grid; grid-template-columns:55px 1fr 20px; gap:8px; padding:23px 0; border-bottom:1px solid rgba(32,33,30,.35); }.signal-no { font:10px var(--mono); }.signal-list h3 { margin:0; font-size:20px; letter-spacing:-.05em; }.signal-list p { max-width:500px; margin:5px 0 0; font-size:13px; line-height:1.55; }.signal-list article > b { align-self:start; font:20px var(--mono); }
.forecast { padding:148px 0; display:grid; grid-template-columns:minmax(300px,.75fr) minmax(500px,1.25fr); gap:clamp(50px,11vw,170px); align-items:center; }.forecast h2 { margin-top:49px; }.forecast h2 em { color:var(--tomato); }.forecast-copy > p { max-width:390px; margin:24px 0 0; font-size:14px; line-height:1.65; }.forecast-copy small { display:block; max-width:390px; margin-top:22px; color:var(--muted); font-size:10px; line-height:1.55; }.forecast-track { padding:17px; background:var(--milk); border:1px solid var(--line); box-shadow:8px 8px 0 var(--paper-2); }.forecast-top { display:flex; justify-content:space-between; color:var(--muted); font:10px var(--mono); }.forecast-top b { color:var(--tomato); font-weight:500; }.forecast-total { margin-top:62px; }.forecast-total span { color:var(--muted); font:11px var(--mono); }.forecast-total strong { display:block; margin-top:5px; font-size:48px; line-height:1; letter-spacing:-.08em; }.forecast-chart { height:158px; position:relative; margin-top:39px; border-bottom:1px solid var(--ink); background:repeating-linear-gradient(180deg,transparent 0 38px,rgba(32,33,30,.09) 38px 39px); }.chart-line { position:absolute; left:0; right:0; bottom:35px; height:74px; background:linear-gradient(142deg,transparent 0 12%,var(--tomato) 12% 13.5%,transparent 13.5% 30%,var(--tomato) 30% 31.5%,transparent 31.5% 55%,var(--tomato) 55% 56.5%,transparent 56.5% 72%,var(--tomato) 72% 73.5%,transparent 73.5%); }.chart-line::after { content:""; position:absolute; left:72%; right:0; top:0; bottom:0; background:repeating-linear-gradient(142deg,transparent 0 12%,var(--tomato) 12% 13.5%,transparent 13.5% 30%); opacity:.55; }.chart-dot { position:absolute; bottom:30px; z-index:2; width:10px; height:10px; border-radius:50%; background:var(--tomato); }.chart-dot b { position:absolute; top:15px; white-space:nowrap; color:var(--muted); font:10px var(--mono); }.now { left:69%; }.end { right:0; top:2px; bottom:auto; background:var(--ink); }.end b { right:0; }.chart-label { position:absolute; top:-2px; color:var(--muted); font:10px var(--mono); }.chart-label-one { left:0; }.chart-label-two { left:74%; color:var(--tomato); }.forecast-bottom { display:flex; gap:60px; margin-top:22px; color:var(--muted); font-size:11px; }.forecast-bottom b { color:var(--ink); font:600 15px var(--mono); }
.forecast-curve { position:absolute; inset:22px 0 29px; width:100%; height:107px; overflow:visible; }.forecast-curve polyline { fill:none; vector-effect:non-scaling-stroke; stroke-linecap:round; stroke-linejoin:round; stroke-width:3px; }.curve-fact { stroke:var(--tomato); }.curve-forecast { stroke:var(--tomato); stroke-dasharray:6 5; opacity:.68; }.curve-now { fill:var(--tomato); }.curve-end { fill:var(--ink); }.chart-point-label { position:absolute; color:var(--muted); font:10px var(--mono); }.chart-point-now { left:calc(69% - 15px); top:126px; }.chart-point-end { right:0; top:54px; }
.system-map { padding:139px 0; background:var(--ink); color:var(--milk); }.system-heading h2 { margin-top:50px; }.system-diagram { margin-top:69px; }.system-source { display:flex; align-items:center; gap:42px; padding:21px; border:1px solid rgba(250,248,242,.3); }.system-source span { color:var(--butter); font:500 32px var(--mono); }.system-source p { max-width:610px; margin:0; color:rgba(250,248,242,.67); font-size:13px; line-height:1.6; }.system-arrow { display:flex; flex-direction:column; align-items:center; gap:13px; padding:24px 0; color:rgba(250,248,242,.5); font:10px var(--mono); text-align:center; }.system-arrow i { width:1px; height:31px; background:var(--butter); position:relative; }.system-arrow i::after { content:""; position:absolute; bottom:-1px; left:-3px; width:6px; height:6px; border-right:1px solid var(--butter); border-bottom:1px solid var(--butter); transform:rotate(45deg); }.system-core { display:flex; align-items:center; justify-content:space-between; padding:27px 22px; background:var(--butter); color:var(--ink); }.system-core b { font-size:35px; letter-spacing:-.08em; }.system-core span { font:11px var(--mono); }.system-output { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin-top:1px; background:rgba(250,248,242,.23); }.system-output > div { min-height:109px; padding:15px; background:var(--ink); }.system-output span { color:var(--butter); font:500 14px var(--mono); }.system-output p { margin:9px 0 0; color:rgba(250,248,242,.57); font-size:12px; }
.copilot { padding:150px 0; display:grid; grid-template-columns:minmax(300px,.76fr) minmax(480px,1.24fr); gap:clamp(50px,11vw,170px); align-items:center; }.copilot h2 { margin-top:47px; }.copilot h2 em { color:var(--tomato); }.copilot-intro p { max-width:395px; margin:23px 0 0; color:var(--muted); font-size:14px; line-height:1.65; }.chat-proof { border:1px solid var(--ink); background:var(--milk); padding:16px; box-shadow:8px 8px 0 var(--tomato); }.chat-top { display:flex; justify-content:space-between; padding-bottom:14px; border-bottom:1px solid var(--line); font:10px var(--mono); }.chat-top i { color:#577b45; font-style:normal; }.chat-question { max-width:77%; margin:27px 0 0 auto; padding:14px; background:var(--ink); color:var(--milk); font-size:14px; line-height:1.45; }.chat-answer { max-width:84%; margin-top:17px; padding:14px; background:var(--paper-2); }.chat-answer p { margin:0; font-size:13px; line-height:1.6; }.chat-answer span { display:block; margin-top:11px; color:var(--muted); font:10px var(--mono); }.chat-examples { display:flex; flex-wrap:wrap; gap:7px; margin-top:23px; }.chat-examples span { padding:8px 9px; border:1px solid var(--line); color:var(--muted); font:10px var(--mono); }
.case-section { padding:0 0 146px; }.case-intro { display:grid; grid-template-columns:.47fr 1fr; align-items:end; }.case-intro h2 { margin-top:50px; }.restaurant-case { margin-top:65px; padding:20px; background:var(--ink); color:var(--milk); }.case-top { display:flex; justify-content:space-between; gap:20px; color:var(--butter); font:10px var(--mono); }.case-main { display:grid; grid-template-columns:1.05fr .75fr; gap:clamp(45px,11vw,180px); padding:80px 0 61px; }.case-main h3 { max-width:650px; margin:0; font-size:clamp(32px,3.6vw,52px); line-height:1.01; letter-spacing:-.07em; }.case-main p { max-width:420px; margin:5px 0 0; color:rgba(250,248,242,.68); font-size:14px; line-height:1.65; }.case-proof { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(250,248,242,.22); }.case-proof > div { min-height:124px; padding:16px; background:var(--ink); }.case-proof b { display:block; color:var(--butter); font:500 14px var(--mono); }.case-proof span { display:block; max-width:230px; margin-top:9px; color:rgba(250,248,242,.61); font-size:11px; line-height:1.5; }
.guardrails { padding:106px 0; background:var(--tomato); }.guardrails-layout { display:grid; grid-template-columns:minmax(160px,.43fr) 1fr; gap:clamp(40px,10vw,160px); align-items:center; }.guardrails-sign { font:500 clamp(120px,17vw,245px)/.6 var(--mono); color:var(--butter); text-align:center; }.guardrails h2 { margin-top:27px; }.guardrails h2 em { color:var(--butter); }.guardrails p { max-width:680px; margin:25px 0 0; font-size:15px; line-height:1.65; }.guardrails .section-index { color:rgba(32,33,30,.58); }.guardrails .section-index span { color:var(--ink); }
.rollout { padding:145px 0; display:grid; grid-template-columns:minmax(300px,.75fr) minmax(500px,1.25fr); gap:clamp(50px,10vw,160px); }.rollout-heading h2 { margin-top:50px; }.rollout-heading h2 em { color:var(--tomato); }.rollout-list { list-style:none; padding:0; margin:0; border-top:2px solid var(--ink); }.rollout-list li { display:grid; grid-template-columns:70px 1fr; gap:7px; padding:23px 0; border-bottom:1px solid var(--line); }.rollout-list li > span { color:var(--tomato); font:10px var(--mono); }.rollout-list b { font-size:17px; letter-spacing:-.04em; }.rollout-list p { margin:5px 0 0; color:var(--muted); font-size:13px; line-height:1.55; }.fit { padding:112px 0 137px; border-top:1px solid var(--line); display:grid; grid-template-columns:minmax(300px,.8fr) minmax(500px,1.2fr); gap:clamp(50px,10vw,160px); }.fit-heading h2 { margin-top:50px; font-size:clamp(35px,4vw,58px); }.fit-heading h2 em { color:var(--tomato); }.fit-items { display:grid; grid-template-columns:1fr 1fr; align-content:start; border-top:2px solid var(--ink); }.fit-items span { min-height:88px; display:flex; align-items:center; padding:15px; border-bottom:1px solid var(--line); font-size:13px; font-weight:600; }.fit-items span:nth-child(odd) { border-right:1px solid var(--line); }.fit-items span::before { content:"↗"; align-self:start; margin-right:10px; color:var(--tomato); font:16px var(--mono); }
.demo { padding:125px 0; background:var(--ink); color:var(--milk); }.demo-layout { display:grid; grid-template-columns:minmax(300px,.8fr) minmax(400px,1fr); gap:clamp(60px,12vw,190px); }.demo h2 { margin-top:28px; }.demo-copy > p:last-child { max-width:405px; margin:28px 0 0; color:rgba(250,248,242,.65); font-size:14px; line-height:1.65; }.demo-form > label,.demo-form fieldset { display:block; margin:0 0 21px; padding:0; border:0; color:rgba(250,248,242,.75); font-size:11px; font-weight:700; }.demo-form input[type=text],.demo-form select { display:block; width:100%; margin-top:8px; padding:11px 0; border:0; border-bottom:1px solid rgba(250,248,242,.38); border-radius:0; outline:0; appearance:none; background:transparent; color:var(--milk); font-size:15px; font-weight:500; }.demo-form select { background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='8'%3E%3Cpath d='m1 1 6 6 6-6' fill='none' stroke='%23f4d982' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 5px center; }.demo-form select option { color:var(--ink); }.demo-form input:focus,.demo-form select:focus { border-color:var(--butter); }.demo-form input::placeholder { color:rgba(250,248,242,.36); }.demo-form legend { margin-bottom:10px; }.form-choices { display:flex; gap:8px; }.form-choices label { position:relative; cursor:pointer; }.form-choices input { position:absolute; opacity:0; }.form-choices span { display:block; padding:9px 14px; border:1px solid rgba(250,248,242,.35); color:rgba(250,248,242,.67); font-size:12px; transition:background .2s,color .2s; }.form-choices input:checked + span { background:var(--butter); border-color:var(--butter); color:var(--ink); }.form-choices input:focus-visible + span { outline:2px solid var(--tomato); outline-offset:2px; }.demo-form .primary-button { width:100%; margin-top:3px; }.form-note { margin:14px 0 0; color:rgba(250,248,242,.4); font-size:10px; line-height:1.55; }.hidden-field { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }.footer { min-height:106px; display:flex; align-items:center; justify-content:space-between; gap:25px; color:var(--muted); font-size:11px; }.footer .brand { color:var(--ink); }.footer p { margin:0; }.footer > a:last-child { padding-bottom:3px; border-bottom:1px solid var(--line); font-weight:700; }.footer > a:last-child span { color:var(--tomato); }
[data-reveal] { opacity:0; transform:translateY(20px); transition:opacity .64s cubic-bezier(.2,.75,.2,1),transform .64s cubic-bezier(.2,.75,.2,1); transition-delay:var(--delay,0ms); } [data-reveal].is-visible { opacity:1; transform:none; } [data-delay="100"] { --delay:100ms; } [data-delay="110"] { --delay:110ms; } [data-delay="120"] { --delay:120ms; } [data-delay="130"] { --delay:130ms; }
@media (max-width:920px) { .hero-layout,.friction-layout,.control-band > .page-shell,.forecast,.copilot,.rollout,.fit,.demo-layout { grid-template-columns:1fr; }.hero-layout { padding:76px 0 96px; }.shift-sheet { justify-self:start; margin:20px 0 0 22px; }.friction-layout { gap:52px; }.control-band > .page-shell { gap:57px; }.menu-heading { grid-template-columns:1fr; gap:28px; }.menu-heading h2 { max-width:760px; }.signals-layout { grid-template-columns:1fr; gap:58px; }.forecast { gap:60px; }.copilot { gap:58px; }.case-intro { grid-template-columns:1fr; }.rollout { gap:57px; }.fit { gap:55px; }.demo-layout { gap:61px; }.footer { flex-wrap:wrap; padding:27px 0; } }
@media (max-width:920px) { .page-shell,.topbar { width:min(calc(100% - 32px),var(--max)); }.topbar { height:72px; }.menu-toggle { display:block; }.main-nav { position:absolute; top:72px; right:0; display:none; width:min(290px,100vw); padding:18px; flex-direction:column; align-items:stretch; gap:15px; background:var(--paper); border:1px solid var(--line); box-shadow:5px 5px 0 var(--ink); }.main-nav.is-open { display:flex; }.nav-action { justify-content:space-between; }.hero { min-height:0; }.hero-layout { min-height:0; padding:57px 0 79px; }.hero h1 { font-size:clamp(51px,14.3vw,68px); }.hero-lead { margin-top:25px; font-size:15px; }.hero .primary-button { width:100%; margin-top:29px; }.shift-sheet { width:calc(100% - 16px); margin-left:0; padding:14px; box-shadow:8px 8px 0 var(--tomato); transform:rotate(.5deg); }.sheet-main-metric strong { font-size:34px; }.friction,.menu-engineering,.forecast,.copilot { padding:89px 0; }.friction > .section-index { margin-bottom:37px; }.friction h2 { font-size:clamp(37px,11vw,53px); }.friction-conclusion { margin-top:50px; font-size:18px; }.control-band,.signals,.system-map { padding:89px 0; }.control-intro h2,.signals-heading h2,.forecast h2,.system-heading h2,.copilot h2,.case-intro h2,.rollout-heading h2,.fit-heading h2 { margin-top:38px; }.readout-line { min-height:58px; grid-template-columns:1fr auto; gap:2px 12px; padding:9px 0; }.readout-line i { display:none; }.readout-line small { grid-column:2; grid-row:1; }.readout-line strong { grid-column:2; grid-row:2; }.readout-line b { grid-column:1; grid-row:1/3; }.menu-map { height:545px; margin-top:47px; }.menu-quadrant { padding:13px; }.menu-quadrant b { margin-top:32px; font-size:20px; }.menu-quadrant p { font-size:10px; }.axis { display:none; }.map-caption { left:13px; right:13px; bottom:11px; font-size:8px; }.signal-list article { grid-template-columns:38px 1fr 15px; padding:20px 0; }.signal-list h3 { font-size:18px; }.forecast-total { margin-top:47px; }.forecast-total strong { font-size:39px; }.forecast-bottom { gap:22px; }.system-diagram { margin-top:48px; }.system-source { display:block; padding:16px; }.system-source p { margin-top:13px; }.system-core { display:block; }.system-core span { display:block; margin-top:4px; }.system-output { grid-template-columns:1fr 1fr; }.system-output > div { min-height:91px; }.chat-question,.chat-answer { max-width:92%; }.case-section { padding-bottom:89px; }.restaurant-case { margin-top:44px; padding:15px; }.case-top { flex-direction:column; gap:8px; }.case-main { grid-template-columns:1fr; gap:25px; padding:53px 0 40px; }.case-proof { grid-template-columns:1fr; }.case-proof > div { min-height:0; }.guardrails { padding:70px 0; }.guardrails-layout { grid-template-columns:1fr; gap:23px; }.guardrails-sign { width:130px; font-size:135px; }.rollout { padding:89px 0; }.rollout-list li { grid-template-columns:44px 1fr; }.fit { padding:89px 0; }.fit-items { grid-template-columns:1fr; }.fit-items span { min-height:68px; }.fit-items span:nth-child(odd) { border-right:0; }.demo { padding:89px 0; }.demo-form > label,.demo-form fieldset { margin-bottom:19px; }.footer { flex-direction:column; align-items:flex-start; gap:13px; }.footer p { order:3; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } [data-reveal] { opacity:1; transform:none; } }

.form-consent { display:grid !important; grid-template-columns:16px minmax(0,1fr); gap:9px !important; align-items:start; margin-top:2px; color:rgba(250,248,242,.56) !important; font:400 .72rem/1.45 var(--sans) !important; }.form-consent input { width:14px; height:14px; margin:3px 0 0; accent-color:var(--butter); }.form-consent a { color:inherit; text-decoration-color:var(--tomato); text-underline-offset:3px; }.form-status { min-height:1.2em; margin:-4px 0 0; color:var(--butter); font-size:.78rem; line-height:1.4; }
.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px 18px; }.footer-links a { color:inherit; text-decoration-color:var(--tomato); text-underline-offset:3px; }.footer-links a:last-child { padding-bottom:3px; border-bottom:1px solid var(--line); font-weight:700; }.footer-links a:last-child span { color:var(--tomato); } @media (max-width:920px) { .footer-links { justify-content:flex-start; } }