/* ═══════════════════════════════════════════════════════════════
   HOME — stelv.dev
   Hero drawing stage · readouts · live job demo (app replica +
   audit packet) · paperwork · strengths · BOM · Run Box · pricing ·
   FAQ · talk to sales. Layered on css/shared.css.
   ═══════════════════════════════════════════════════════════════ */

/* ── HERO ── */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(100vh,960px);display:flex;align-items:center;padding:calc(var(--nav-h) + 48px) 0 64px}
.hero-dots{position:absolute;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}
.hero::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 55% at 74% 48%,rgba(239,168,49,.075),transparent 70%),linear-gradient(to bottom,transparent 72%,var(--bg))}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:48px;align-items:center}
.hero .eyebrow{margin-bottom:28px}
.hero-title{font-size:clamp(2.9rem,4.6vw,4.35rem);font-weight:600;letter-spacing:-.045em;line-height:1;margin-bottom:26px}
.hero-title span{display:block;white-space:nowrap}
.hero .lead{margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-std{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:26px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--faint)}
.signin-callout{display:inline-flex;align-items:center;gap:12px;margin-top:34px;padding:11px 14px 11px 12px;border:1px solid var(--hairline-2);border-radius:12px;background:rgba(16,18,20,.72);font-size:14px;color:var(--muted);transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),transform var(--t) var(--ease)}
.signin-callout .ico{width:18px;height:18px;color:var(--accent)}
.signin-callout strong{color:var(--text);font-weight:500}
.signin-callout .ico-go{width:15px;height:15px;color:var(--faint);transition:transform var(--t) var(--ease),color var(--t) var(--ease)}
.signin-callout:hover{border-color:var(--accent-line);background:var(--card);transform:translateY(-1px)}
.signin-callout:hover .ico-go{transform:translateX(3px);color:var(--accent)}

/* Drawing stage: the S gets machined here */
.stage{position:relative;width:100%;max-width:580px;aspect-ratio:1;margin-left:auto;border:1px solid var(--hairline-2);border-radius:18px;background:radial-gradient(ellipse 62% 52% at 50% 48%,rgba(239,168,49,.07),transparent 70%),rgba(3,5,6,.62);overflow:hidden;box-shadow:var(--shadow-lg)}
.stage-strip,.stage-foot{position:absolute;left:0;right:0;z-index:3;display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.stage-strip{top:0;border-bottom:1px solid var(--hairline)}
.stage-foot{bottom:0;border-top:1px solid var(--hairline);letter-spacing:.08em}
.stage-strip b,.stage-foot b{color:var(--accent);font-weight:500}
.stage-foot [data-mach-readout]{white-space:pre;color:var(--muted)}
.stage .regmarks{inset:52px 14px 48px}
.mach{position:absolute;inset:0;z-index:1;width:100%;height:100%;overflow:visible}
.mach .stock{fill:none;stroke:rgba(240,242,244,.3);stroke-width:1;stroke-dasharray:6 4.4}
.mach .cl{stroke:rgba(239,168,49,.38);stroke-width:.8;stroke-dasharray:18 4 3 4}
.mach .toolpath{fill:none;stroke:rgba(239,168,49,.5);stroke-width:.42;stroke-dasharray:1.6 1.6}
.mach .cut{fill:none;stroke:#ffcf7a;stroke-width:.62;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.mach .fill{fill:var(--accent)}
.mach .tool circle{fill:rgba(239,168,49,.16);stroke:#ffcf7a;stroke-width:1.2}
.mach .tool line{stroke:#ffcf7a;stroke-width:1}
.mach .dim line,.mach .dim path{stroke:rgba(239,168,49,.62);stroke-width:1;fill:none}
.mach .dim .ah{fill:rgba(239,168,49,.8);stroke:none}
.mach text{fill:var(--accent);font-family:var(--mono);font-size:10.5px;letter-spacing:.06em}
.mach .fcf rect{fill:rgba(3,5,6,.85);stroke:rgba(239,168,49,.62);stroke-width:1}
.mach .fcf line{stroke:rgba(239,168,49,.62);stroke-width:1}
.mach .fcf .sym{fill:none;stroke:var(--accent);stroke-width:1.1}
.mach .scan{opacity:0}
.mach .scan rect{fill:url(#scanGlow)}
.mach .scan line{stroke:#ffcf7a;stroke-width:1.2}
.stage video,.stage .still{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;opacity:0;pointer-events:none;transition:opacity 550ms var(--ease)}

/* Sequence states (js/hero.js). Default markup = finished drawing. */
.mach .stock,.mach .cl,.mach .toolpath,.mach .fill,.mach .cut,.mach .tool,.mach .dim,.mach .fcf{transition:opacity 480ms var(--ease)}
.mach .toolpath,.mach .cut,.mach .tool{opacity:0}
.stage.is-armed .stock,.stage.is-armed .cl,.stage.is-armed .fill,.stage.is-armed .dim,.stage.is-armed .fcf{opacity:0}
.stage.is-armed .cut{opacity:1;stroke-dashoffset:1}
.stage.is-armed.is-setup .stock,.stage.is-armed.is-setup .cl,.stage.is-armed.is-setup .toolpath{opacity:1}
.stage.is-armed.is-cutting .tool{opacity:1}
.stage.is-armed.is-cut .fill{opacity:1;transition-duration:700ms}
.stage.is-armed.is-cut .toolpath,.stage.is-armed.is-cut .tool{opacity:0}
.stage.is-armed.is-cut .cut{opacity:0;transition-duration:900ms}
.stage.is-armed.is-dims .dim,.stage.is-armed.is-dims .fcf{opacity:1}
.stage.is-armed.is-dims .dim.d2{transition-delay:140ms}
.stage.is-armed.is-dims .dim.d3{transition-delay:280ms}
.stage.is-armed.is-dims .fcf{transition-delay:420ms}
.stage.is-scan .scan{animation:machScan 1100ms var(--ease) 1 both}
@keyframes machScan{0%{opacity:0;transform:translateY(0)}14%{opacity:1}86%{opacity:1}100%{opacity:0;transform:translateY(236px)}}
.stage.is-video video{opacity:1}
.stage.is-armed.is-video .fill,.stage.is-armed.is-video .dim,.stage.is-armed.is-video .fcf{opacity:0;transition-duration:550ms;transition-delay:0ms}
.stage.is-armed.is-video .stock{opacity:.35}
.stage.is-still .still{opacity:1}
.stage.is-still .fill,.stage.is-still .dim,.stage.is-still .fcf,.stage.is-still .stock{opacity:0}

/* ── READOUTS ── */
.readouts-strip{border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);background:var(--bg-deep)}
.readouts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.readout{padding:30px 28px;border-right:1px solid var(--hairline)}
.readout:last-child{border-right:0}
.readout-num{font-family:var(--mono);font-size:clamp(2.1rem,3.4vw,2.8rem);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.readout-num em{font-style:normal;color:var(--accent)}
.readout-label{margin-top:10px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);line-height:1.5}

/* ── SECTION HEADS ── */
.home-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end;margin-bottom:48px}
.home-head .stack{display:grid;gap:20px}
.home-head .lead{max-width:48ch}

/* ── LIVE DEMO ── */
.demo-sec{padding:128px 0 104px}
.flow{position:relative;margin-bottom:18px}
.flow-steps{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.flow-rail{position:absolute;left:calc(100% / 12);right:calc(100% / 12);top:19px;height:2px}
.flow-step{position:relative;z-index:1;display:grid;justify-items:center;gap:8px;padding:0 4px 4px;text-align:center;color:var(--muted);border-radius:var(--r-sm)}
.flow-num{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);font-family:var(--mono);font-size:12px;font-weight:500;color:var(--muted);transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),color var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.flow-label{font-size:14px;font-weight:500;letter-spacing:-.01em;color:var(--muted);transition:color var(--t) var(--ease)}
.flow-sub{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}
.flow-step:hover .flow-num{border-color:var(--border-strong);color:var(--text)}
.flow-step.is-done .flow-num{border-color:var(--accent-line);background:#161005;color:var(--accent)}
.flow-step.is-active .flow-num{border-color:var(--accent);background:var(--accent);color:var(--on-accent);box-shadow:0 0 0 5px rgba(239,168,49,.14),var(--accent-glow)}
.flow-step.is-active .flow-label{color:var(--text)}
.qlayer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;width:max-content;max-width:100%;margin:0 auto 26px;padding:9px 18px;border:1px dashed var(--border);border-radius:99px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.qlayer>b{font-weight:500;color:var(--muted)}
.ql{display:inline-flex;align-items:center;gap:7px;transition:color 300ms var(--ease)}
.ql::before{content:'';width:7px;height:7px;border:1px solid var(--border-strong);border-radius:50%;transition:background-color 300ms var(--ease),border-color 300ms var(--ease),box-shadow 300ms var(--ease)}
.ql.lit{color:var(--text)}
.ql.lit::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 8px rgba(239,168,49,.7)}

.demo-frame{border:1px solid var(--hairline-2);border-radius:18px;background:var(--bg-deep);box-shadow:var(--shadow-lg);overflow:hidden}
.demo-body{display:grid;grid-template-columns:minmax(0,1fr) 300px;height:604px}
.demo-bar{display:flex;align-items:center;gap:16px;padding:10px 14px;border-top:1px solid var(--hairline);background:var(--bg-2)}
.demo-play{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);font-size:13px;font-weight:500;color:var(--text);transition:border-color var(--t) var(--ease)}
.demo-play:hover{border-color:var(--accent-line)}
.demo-play .ico{width:14px;height:14px;color:var(--accent)}
.demo-play [data-icon="play"],.demo-play [data-icon="replay"]{fill:none}
.demo-caption{flex:1;min-width:0;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.swatches{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.swatch{width:20px;height:20px;border-radius:50%;border:2px solid var(--bg-2);box-shadow:0 0 0 1px var(--border);background:linear-gradient(135deg,var(--sw-bg) 0 50%,var(--sw-acc) 50% 100%);transition:box-shadow var(--t) var(--ease)}
.swatch:hover{box-shadow:0 0 0 1px var(--border-strong)}
.swatch[aria-pressed="true"]{box-shadow:0 0 0 1.5px var(--accent)}

/* ── APP REPLICA (themed like the app's presets) ── */
.ax{--a-bg:#060809;--a-card:#101214;--a-card-2:#191b1d;--a-muted:#1d2021;--a-border:#36383a;--a-border-2:#56585b;--a-fg:#f0f2f4;--a-fg-2:#a2a5a7;--a-primary:#efa831;--a-on-primary:#0b0b0b;--a-ok:#4aa651;--a-warn:#ddb227;--a-bad:#e64343;--a-info:#00aacf;--a-blue:#60a5fa;--a-purple:#c084fc;--a-cyan:#22d3ee;--a-side:#030506;--a-side-b:#191b1d;--a-paper:#ffffff;
  position:relative;display:grid;grid-template-columns:172px minmax(0,1fr);min-width:0;min-height:0;background:var(--a-bg);color:var(--a-fg);font-family:var(--sans);font-size:12px;line-height:1.4;transition:background-color 320ms var(--ease),color 320ms var(--ease)}
.ax[data-theme="crisp-light"]{--a-bg:#f4f5f7;--a-card:#ffffff;--a-card-2:#f2f2f2;--a-muted:#e3e4e6;--a-border:#ccced0;--a-border-2:#b0b1b5;--a-fg:#191b20;--a-fg-2:#626366;--a-primary:#b97718;--a-on-primary:#0b0b0b;--a-ok:#1e8a4c;--a-warn:#b97718;--a-bad:#cc3340;--a-info:#1f6fb2;--a-blue:#2563eb;--a-purple:#9333ea;--a-cyan:#0e7490;--a-side:#edeef2;--a-side-b:#d5d6da}
.ax[data-theme="slate-light"]{--a-bg:#eef1f5;--a-card:#fbfcfe;--a-card-2:#eeeff1;--a-muted:#dde1e6;--a-border:#c8ccd2;--a-border-2:#acb2b9;--a-fg:#1c2230;--a-fg-2:#5f636c;--a-primary:#3b5fc0;--a-on-primary:#f8f8f8;--a-ok:#1e8a4c;--a-warn:#b97718;--a-bad:#cc3340;--a-info:#2a7fb8;--a-blue:#2563eb;--a-purple:#9333ea;--a-cyan:#0e7490;--a-side:#e6eaf0;--a-side-b:#cfd4da}
.ax[data-theme="ocean-dark"]{--a-bg:#0e1726;--a-card:#16223a;--a-card-2:#1f2c45;--a-muted:#1f2838;--a-border:#2c3545;--a-border-2:#404958;--a-fg:#e4ebf5;--a-fg-2:#93979b;--a-primary:#38a3dd;--a-on-primary:#0b0b0b;--a-ok:#2fb673;--a-warn:#e3a93c;--a-bad:#e25563;--a-info:#52b7e8;--a-side:#0a1221;--a-side-b:#1d2635}
.ax[data-theme="ember-dark"]{--a-bg:#1b1412;--a-card:#27201c;--a-card-2:#312a26;--a-muted:#2d2523;--a-border:#3a3230;--a-border-2:#4e4543;--a-fg:#f2e9e2;--a-fg-2:#999491;--a-primary:#ee7c2b;--a-on-primary:#0b0b0b;--a-ok:#8fb63a;--a-warn:#e3a93c;--a-bad:#d8403a;--a-info:#52a7d8;--a-side:#16100e;--a-side-b:#2a2321}

.ax-side{display:flex;flex-direction:column;min-height:0;padding:0 10px 12px;background:linear-gradient(to bottom,var(--a-side),var(--a-side) 72%,var(--a-bg));border-right:1px solid var(--a-side-b);overflow:hidden}
.ax-brand{display:flex;align-items:center;gap:9px;height:48px;margin:0 -10px 4px;padding:0 16px;border-bottom:1px solid var(--a-side-b)}
.ax-brand svg{width:22px;height:22px;fill:var(--a-primary)}
.ax-brand strong{display:block;font-size:12px;font-weight:700;letter-spacing:-.01em}
.ax-brand small{display:block;margin-top:2px;font-family:var(--mono);font-size:7.5px;letter-spacing:.15em;color:var(--a-fg-2)}
.ax-gh{display:flex;align-items:center;gap:6px;margin:12px 6px 5px;font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--a-fg-2)}
.ax-gh::before{content:'';width:10px;height:1px;background:var(--a-primary)}
.ax-gh::after{content:'';flex:1;height:1px;background:var(--a-side-b)}
.ax-item{position:relative;display:flex;align-items:center;gap:8px;height:27px;padding:0 8px;border-radius:7px;font-size:11.5px;font-weight:500;color:var(--a-fg-2);transition:background-color 260ms var(--ease),color 260ms var(--ease)}
.ax-item svg{width:14px;height:14px;flex-shrink:0;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ax-item.is-active{background:color-mix(in srgb,var(--a-primary) 13%,transparent);color:var(--a-fg)}
.ax-item.is-active svg{color:var(--a-primary)}
.ax-item.is-active::before{content:'';position:absolute;left:-10px;top:5px;bottom:5px;width:3px;border-radius:0 3px 3px 0;background:var(--a-primary);box-shadow:0 0 10px var(--a-primary)}
.ax-side-foot{margin-top:auto;padding:8px 6px 0;font-family:var(--mono);font-size:8.5px;color:var(--a-fg-2);opacity:.7}

.ax-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.ax-top{display:flex;align-items:center;gap:8px;height:46px;flex-shrink:0;padding:0 14px;background:linear-gradient(to right,var(--a-card),var(--a-card-2));border-bottom:1px solid var(--a-border)}
.ax-search{display:flex;align-items:center;gap:8px;width:min(280px,48%);height:28px;padding:0 8px 0 10px;border:1px solid var(--a-border);border-radius:8px;background:var(--a-bg);font-size:11px;color:var(--a-fg-2)}
.ax-search svg,.ax-ib svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:1.8;flex-shrink:0}
.ax-kbd{margin-left:auto;padding:1px 5px;border:1px solid var(--a-border);border-radius:4px;font-family:var(--mono);font-size:9px}
.ax-top-r{display:flex;align-items:center;gap:8px;margin-left:auto}
.ax-ib{position:relative;display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--a-border);border-radius:8px;color:var(--a-fg-2)}
.ax-badge{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:15px;height:15px;padding:0 3px;border-radius:99px;background:var(--a-primary);color:var(--a-on-primary);font-size:8.5px;font-weight:800}
.ax-user{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600}
.ax-avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--a-primary),color-mix(in srgb,var(--a-primary) 55%,#000));color:var(--a-on-primary);font-size:9.5px;font-weight:800}
.ax-role{padding:1px 6px;border:1px solid var(--a-border);border-radius:99px;font-family:var(--mono);font-size:8.5px;font-weight:500;color:var(--a-fg-2)}
.ax-body{position:relative;flex:1;min-height:0;padding:0 16px 14px;overflow:hidden}
.ax-crumbs{display:flex;align-items:center;gap:6px;height:30px;font-size:10.5px;color:var(--a-fg-2)}
.ax-crumbs b{font-weight:500;color:var(--a-fg)}
.ax-crumbs i{font-style:normal;opacity:.6}

/* Scene entry and beats */
.ax-scene.enter{animation:axEnter 260ms var(--ease) both}
@keyframes axEnter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ax [data-beat]{transition:opacity 260ms var(--ease),transform 260ms var(--ease),background-color 260ms var(--ease),border-color 260ms var(--ease),color 260ms var(--ease),box-shadow 260ms var(--ease)}
.js .ax [data-beat]:not(.on){opacity:0;transform:translateY(5px)}
.js .ax [data-beat].b-fade:not(.on){transform:none}
.js .ax [data-beat].b-keep:not(.on){opacity:1;transform:none}
.js .ax [data-beat].b-press.on{animation:axPress 420ms var(--ease) 1}
@keyframes axPress{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--a-primary) 45%,transparent)}40%{transform:scale(.97)}100%{box-shadow:0 0 0 8px transparent;transform:none}}
.swap{display:inline-grid;vertical-align:middle}
.swap.block{display:grid}
.swap>*{grid-area:1 / 1}
html:not(.js) .ax [data-until]{visibility:hidden}
/* Rail steps that complete during a scene look pending until their beat */
.js .ax .b-step:not(.on){color:var(--a-fg-2);font-weight:400}
.js .ax .ax-rs.b-step:not(.on) i{border-color:var(--a-border-2);background:transparent;box-shadow:none}
.js .ax .ax-rs.b-step:not(.on) i svg{opacity:0}
.js .ax .ax-rl.b-step:not(.on){background:var(--a-border)}
.flash{color:var(--a-primary)!important;transition:color 900ms var(--ease)}

/* Replica atoms */
.ax-h{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin-bottom:10px}
.ax-id{font-family:var(--mono);font-size:19px;font-weight:700;letter-spacing:-.02em}
.ax-sub{font-size:10.5px;color:var(--a-fg-2)}
.ax-sp{flex:1}
.ax-btn{display:inline-flex;align-items:center;gap:5px;height:25px;padding:0 9px;border:1px solid var(--a-border);border-radius:8px;background:var(--a-card);font-size:10.5px;font-weight:500;color:var(--a-fg);white-space:nowrap}
.ax-btn.primary{background:var(--a-primary);border-color:var(--a-primary);color:var(--a-on-primary);box-shadow:inset 0 1px 0 rgba(255,255,255,.14)}
.ax-btn.sm{height:21px;padding:0 7px;font-size:9.5px}
.ax-pill{display:inline-flex;align-items:center;gap:4px;height:18px;padding:0 6px;border:1px solid;border-radius:5px;font-family:var(--mono);font-size:8.8px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.t-ok{color:var(--a-ok);background:color-mix(in srgb,var(--a-ok) 15%,transparent);border-color:color-mix(in srgb,var(--a-ok) 28%,transparent)}
.t-warn{color:var(--a-warn);background:color-mix(in srgb,var(--a-warn) 15%,transparent);border-color:color-mix(in srgb,var(--a-warn) 28%,transparent)}
.t-bad{color:var(--a-bad);background:color-mix(in srgb,var(--a-bad) 15%,transparent);border-color:color-mix(in srgb,var(--a-bad) 28%,transparent)}
.t-info{color:var(--a-info);background:color-mix(in srgb,var(--a-info) 15%,transparent);border-color:color-mix(in srgb,var(--a-info) 28%,transparent)}
.t-primary{color:var(--a-primary);background:color-mix(in srgb,var(--a-primary) 15%,transparent);border-color:color-mix(in srgb,var(--a-primary) 28%,transparent)}
.t-blue{color:var(--a-blue);background:color-mix(in srgb,var(--a-blue) 15%,transparent);border-color:color-mix(in srgb,var(--a-blue) 28%,transparent)}
.t-purple{color:var(--a-purple);background:color-mix(in srgb,var(--a-purple) 15%,transparent);border-color:color-mix(in srgb,var(--a-purple) 28%,transparent)}
.t-muted{color:var(--a-fg-2);background:color-mix(in srgb,var(--a-fg-2) 12%,transparent);border-color:color-mix(in srgb,var(--a-fg-2) 24%,transparent)}
.ax-card{border:1px solid var(--a-border);border-radius:12px;background:var(--a-card);padding:9px 11px}
.ax-card+.ax-card{margin-top:8px}
.ax-card-h{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:8.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--a-fg-2)}
.ax-card-h::before{content:'';width:12px;height:1px;background:linear-gradient(90deg,var(--a-primary),transparent)}
.ax-card-h span{margin-left:auto;font-family:var(--mono);font-weight:500;letter-spacing:.04em;text-transform:none}
.ax-cols{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:8px;align-items:start}
.xm{font-family:var(--mono);font-variant-numeric:tabular-nums}
.ax-tbl{display:grid;font-size:10.5px}
.ax-tr{display:grid;grid-template-columns:var(--cols);align-items:center;gap:8px;min-height:28px;padding:0 2px;border-bottom:1px solid color-mix(in srgb,var(--a-border) 60%,transparent)}
.ax-tr:last-child{border-bottom:0}
.ax-tr.th{min-height:22px;font-size:8.2px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--a-fg-2)}
.ax-tr.hl{margin:0 -4px;padding:0 6px;border-radius:6px;background:color-mix(in srgb,var(--a-primary) 10%,transparent);border-bottom-color:transparent}
.ax-tr em{font-style:normal;font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--a-primary);margin-left:4px}
.ax-kv{display:flex;justify-content:space-between;gap:8px;padding:4px 0;font-size:10.5px;color:var(--a-fg-2);border-bottom:1px dashed color-mix(in srgb,var(--a-border) 55%,transparent)}
.ax-kv:last-child{border-bottom:0}
.ax-kv b{color:var(--a-fg);font-weight:600}
.ax-kv.big b{font-size:13px}
.ax-costs{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.ax-cost{display:inline-flex;align-items:center;gap:5px;height:20px;padding:0 7px;border-radius:99px;background:var(--a-muted);font-size:9.5px;color:var(--a-fg-2)}
.ax-cost i{width:6px;height:6px;border-radius:50%;background:var(--c)}
.ax-cost b{color:var(--a-fg);font-weight:600}
.ax-checks{list-style:none;display:grid;gap:4px}
.ax-checks li{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--a-fg-2)}
.ax-ck{display:grid;place-items:center;width:14px;height:14px;flex-shrink:0;border:1.5px solid var(--a-border-2);border-radius:50%}
.ax-ck svg{width:9px;height:9px;fill:none;stroke:var(--a-on-primary);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.ax-ck path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 420ms var(--ease) 60ms}
.ax-checks li.on,.ax-checks li:not([data-beat]){color:var(--a-fg)}
.ax-checks li.on .ax-ck,.ax-checks li:not([data-beat]) .ax-ck{background:var(--a-ok);border-color:var(--a-ok)}
.ax-checks li.on .ax-ck path,.ax-checks li:not([data-beat]) .ax-ck path{stroke-dashoffset:0}
.no-js-checks .ax-ck path{stroke-dashoffset:0}
.js .ax .ax-checks li[data-beat]:not(.on){opacity:1;transform:none}

.ax-rail{display:flex;align-items:center;margin:0 0 10px;padding:8px 10px;border:1px solid var(--a-border);border-radius:10px;background:var(--a-card)}
.ax-rs{display:flex;align-items:center;gap:5px;font-size:9.8px;color:var(--a-fg-2);white-space:nowrap}
.ax-rs i{display:grid;place-items:center;width:13px;height:13px;border:1.5px solid var(--a-border-2);border-radius:50%}
.ax-rs i svg{width:8px;height:8px;fill:none;stroke:currentColor;stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}
.ax-rs.done{color:var(--a-ok)}
.ax-rs.done i{border-color:var(--a-ok);background:color-mix(in srgb,var(--a-ok) 16%,transparent)}
.ax-rs.cur{color:var(--a-fg);font-weight:700}
.ax-rs.cur i{border-color:var(--a-primary);background:var(--a-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--a-primary) 25%,transparent)}
.ax-rl{flex:1;min-width:6px;height:1.5px;margin:0 6px;background:var(--a-border)}
.ax-rl.done{background:var(--a-ok)}

.ax-next{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:10px;padding:8px 10px;border:1px solid color-mix(in srgb,var(--a-primary) 38%,transparent);border-radius:10px;background:color-mix(in srgb,var(--a-primary) 8%,var(--a-card))}
.ax-next.ok{border-color:color-mix(in srgb,var(--a-ok) 38%,transparent);background:color-mix(in srgb,var(--a-ok) 9%,var(--a-card))}
.ax-next small{display:block;font-family:var(--mono);font-size:8.2px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--a-primary)}
.ax-next.ok small{color:var(--a-ok)}
.ax-next strong{display:block;font-size:12px;font-weight:600}
.ax-next p{font-size:10px;color:var(--a-fg-2)}
.ax-next-i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:color-mix(in srgb,var(--a-primary) 18%,transparent);color:var(--a-primary)}
.ax-next.ok .ax-next-i{background:color-mix(in srgb,var(--a-ok) 18%,transparent);color:var(--a-ok)}
.ax-next-i svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2}

.ax-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:8px;border:1px solid var(--a-border);border-radius:10px;background:var(--a-card);overflow:hidden}
.ax-fact{min-width:0;padding:6px 9px;border-right:1px solid var(--a-border)}
.ax-fact:last-child{border-right:0}
.ax-fact small{display:block;font-size:7.8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--a-fg-2)}
.ax-fact b{display:block;margin-top:2px;overflow:hidden;font-size:10.8px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}
.ax-op{display:grid;grid-template-columns:28px minmax(0,1fr) 72px 58px 78px;align-items:center;gap:8px;min-height:30px;border-bottom:1px solid color-mix(in srgb,var(--a-border) 60%,transparent)}
.ax-op:last-child{border-bottom:0}
.ax-opn{display:grid;place-items:center;width:26px;height:20px;border-radius:5px;background:var(--a-muted);font-family:var(--mono);font-size:9.5px;font-weight:700;color:var(--a-fg-2)}
.ax-opn.ok{background:color-mix(in srgb,var(--a-ok) 18%,transparent);color:var(--a-ok)}
.ax-opn.run{background:color-mix(in srgb,var(--a-blue) 18%,transparent);color:var(--a-blue)}
.ax-op-name{min-width:0;overflow:hidden;font-size:10.8px;font-weight:500;white-space:nowrap;text-overflow:ellipsis}
.ax-op-name small{margin-left:5px;font-size:9px;color:var(--a-fg-2)}
.ax-op .meter{height:4px;background:color-mix(in srgb,var(--a-border) 50%,transparent)}
.ax-op .meter>i{--meter-color:var(--a-blue);background:var(--a-blue)}
.ax-op .meter.done>i{background:var(--a-ok)}
.ax-qty{font-family:var(--mono);font-size:10px;color:var(--a-fg-2);text-align:right}
.ax-lock{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;color:var(--a-fg-2)}
.ax-lock svg,.ax-truck svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.8}
.ax-truck{display:inline-flex;align-items:center;gap:4px;color:var(--a-warn)}

.ax-revs{display:flex;align-items:center;gap:6px;margin-bottom:8px}
.ax-rev{height:22px;padding:0 9px;display:inline-flex;align-items:center;border:1px solid var(--a-border);border-radius:7px;font-family:var(--mono);font-size:9.8px;color:var(--a-fg-2)}
.ax-rev.cur{border-color:color-mix(in srgb,var(--a-primary) 45%,transparent);background:color-mix(in srgb,var(--a-primary) 10%,transparent);color:var(--a-fg);font-weight:600}
.ax-rev.cur em{font-style:normal;margin-left:5px;font-size:8px;letter-spacing:.08em;color:var(--a-primary)}
.ax-diff-row{display:grid;grid-template-columns:44px 66px auto auto 1fr auto;align-items:center;gap:8px;padding:5px 8px;border-radius:7px;background:color-mix(in srgb,var(--a-warn) 10%,transparent);font-size:10.5px}
.ax-diff-row s{color:var(--a-fg-2)}
.ax-diff-row b{color:var(--a-warn)}
.ax-alert{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:10px;color:var(--a-warn)}
.ax-alert svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2}
.ax-loc{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:5px;font-family:var(--mono);font-size:8.6px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}
.ax-dialog{border-color:color-mix(in srgb,var(--a-primary) 40%,transparent);box-shadow:0 12px 24px -8px rgba(0,0,0,.35)}
.ax-toast{position:absolute;right:16px;bottom:14px;z-index:4;display:flex;align-items:center;gap:9px;max-width:330px;padding:9px 12px 9px 10px;border:1px solid color-mix(in srgb,var(--a-ok) 40%,transparent);border-radius:10px;background:var(--a-card);box-shadow:0 12px 24px -4px rgba(0,0,0,.45);font-size:10.8px;font-weight:600}
.ax-toast::before{content:'';position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--a-ok);box-shadow:0 0 10px var(--a-ok)}
.ax-toast span{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:color-mix(in srgb,var(--a-ok) 18%,transparent);color:var(--a-ok)}
.ax-toast svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:3}
.ax-toast small{display:block;font-size:9.5px;font-weight:400;color:var(--a-fg-2)}

.ax-form{display:grid;gap:7px}
.ax-fr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ax-field label{display:block;margin-bottom:3px;font-size:8.2px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--a-fg-2)}
.ax-input{display:flex;align-items:center;gap:6px;min-height:26px;padding:3px 8px;border:1px solid var(--a-border);border-radius:7px;background:var(--a-bg);font-size:10.8px}
.ax-input .ax-btn{margin-left:auto}
.ax-input+.ax-input{margin-top:0}
.ax-hint{margin-top:3px;font-size:9.2px;color:var(--a-fg-2)}
.ax-opts{display:grid;gap:4px}
.ax-opt{display:flex;align-items:center;gap:7px;min-height:24px;padding:2px 8px;border:1px solid var(--a-border);border-radius:7px;font-size:10px;color:var(--a-fg-2)}
.ax-opt i{width:11px;height:11px;border:1.5px solid var(--a-border-2);border-radius:50%}
.ax-opt.sel{border-color:color-mix(in srgb,var(--a-ok) 45%,transparent);background:color-mix(in srgb,var(--a-ok) 9%,transparent);color:var(--a-fg)}
.ax-opt.sel i{border-color:var(--a-ok);background:radial-gradient(circle,var(--a-ok) 45%,transparent 50%)}
.ax-end{display:flex;justify-content:flex-end;gap:6px}
.ax-oprow{display:flex;align-items:center;gap:7px;min-height:27px;border-bottom:1px solid color-mix(in srgb,var(--a-border) 60%,transparent);font-size:10.5px}
.ax-oprow:last-child{border-bottom:0}
.ax-oprow .swap,.ax-oprow>.ax-pill:last-child{margin-left:auto}

.ax-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:8px}
.ax-tile{padding:7px 9px;border:1px solid var(--a-border);border-radius:10px;background:var(--a-card)}
.ax-tile small{display:block;font-size:7.8px;font-weight:700;letter-spacing:.1em;color:var(--a-fg-2)}
.ax-tile b{display:block;margin-top:2px;font-family:var(--mono);font-size:17px;font-weight:700}
.ax-tile.ok b{color:var(--a-ok)}
.ax-tl{position:relative;display:grid;gap:8px;padding-left:16px}
.ax-tl::before{content:'';position:absolute;left:4px;top:4px;bottom:4px;width:1.5px;background:linear-gradient(to bottom,var(--a-primary),color-mix(in srgb,var(--a-primary) 20%,transparent))}
.ax-tl-s{position:relative}
.ax-tl-s::before{content:'';position:absolute;left:-16px;top:2px;width:10px;height:10px;border:2px solid var(--a-primary);border-radius:50%;background:var(--a-card)}
.ax-tl-s>small{display:block;margin-bottom:3px;font-family:var(--mono);font-size:8.2px;font-weight:600;letter-spacing:.12em;color:var(--a-fg-2)}
.ax-tl-e{margin-top:3px;padding:4px 8px;border:1px solid var(--a-border);border-radius:7px;background:var(--a-bg);font-size:10.3px}
.ax-tl-e b{display:block;font-weight:600}
.ax-tl-e span{display:block;font-size:9.4px;color:var(--a-fg-2)}
.ax-tl-e.muted{border-style:dashed;color:var(--a-fg-2)}

.ax-mail{border:1px solid var(--a-border);border-radius:12px;overflow:hidden;background:#ffffff;color:#1b2230;font-size:10px}
.ax-mail-h{display:flex;justify-content:space-between;gap:8px;padding:10px 12px;background:#15223b;color:#e8eef8}
.ax-mail-h small{display:block;font-family:var(--mono);font-size:7.8px;letter-spacing:.14em;color:#9fb2d4}
.ax-mail-h b{display:block;margin-top:2px;font-size:12px}
.ax-mail-b{padding:10px 12px}
.ax-mail-sec{margin:6px 0 4px;font-family:var(--mono);font-size:8px;font-weight:700;letter-spacing:.14em;color:#1f7a44}
.ax-mail-sec.prod{color:#9a6a12}
.ax-mail .ax-tr{border-bottom-color:#e5e8ee;min-height:22px;font-size:9.4px}
.ax-mail .ax-tr.th{color:#6b7385}
.ax-mail a{color:#1f6fb2;text-decoration:underline}
.ax-mail-f{padding:8px 12px;border-top:1px solid #e5e8ee;font-size:9px;color:#6b7385}

/* ── AUDIT PACKET PANEL ── */
.pk{display:flex;flex-direction:column;min-height:0;background:var(--bg-2);border-left:1px solid var(--hairline)}
.pk-head{padding:16px 16px 14px;border-bottom:1px solid var(--hairline)}
.pk-kicker{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--accent)}
.pk-title{margin-top:6px;font-size:15px;font-weight:600;letter-spacing:-.02em}
.pk-sub{margin-top:2px;font-family:var(--mono);font-size:11px;color:var(--faint)}
.pk-meter{display:flex;align-items:center;gap:10px;margin-top:12px;font-family:var(--mono);font-size:10.5px;color:var(--muted)}
.pk-meter .meter{flex:1}
.pk-meter b{min-width:36px;text-align:right;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}
.pk-list{position:relative;flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px;scrollbar-width:thin;scrollbar-color:var(--border) transparent}
.pk-part{margin:12px 8px 5px;font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.pk-row{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;padding:5px 8px;border-radius:8px;font-size:12.5px;color:var(--faint);transition:color 300ms var(--ease)}
.pk-row small{font-family:var(--mono);font-size:10px;color:var(--faint)}
.pk-ck{display:grid;place-items:center;width:16px;height:16px;border:1px solid var(--border-strong);border-radius:50%;transition:background-color 300ms var(--ease),border-color 300ms var(--ease)}
.pk-ck svg{width:10px;height:10px;fill:none;stroke:var(--on-accent);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.pk-ck path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 420ms var(--ease) 80ms}
.pk-row.done{color:var(--text);animation:pkLand 900ms var(--ease) 1}
.pk-row.done .pk-ck{background:var(--accent);border-color:var(--accent)}
.pk-row.done .pk-ck path{stroke-dashoffset:0}
@keyframes pkLand{0%{background:rgba(239,168,49,.16)}100%{background:transparent}}
.pk-exc{flex-shrink:0;margin:12px 16px 4px;padding:10px 12px;border:1px solid rgba(230,67,67,.32);border-radius:10px;background:rgba(230,67,67,.06);transition:border-color 400ms var(--ease),background-color 400ms var(--ease)}
.pk-exc-h{display:flex;justify-content:space-between;gap:8px;font-family:var(--mono);font-size:9.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--bad)}
.pk-flag{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;margin-top:6px;font-size:11px;line-height:1.35;color:var(--muted);transition:opacity 400ms var(--ease)}
.pk-flag b{font-family:var(--mono);font-size:8.8px;font-weight:600;letter-spacing:.05em;color:var(--bad);padding-top:1px}
.pk-flag.cleared{opacity:.28;text-decoration:line-through}
.pk-exc.is-clear{border-color:rgba(74,166,81,.35);background:rgba(74,166,81,.07)}
.pk-exc.is-clear .pk-exc-h{color:var(--ok)}
.pk-exc.is-clear .pk-flag{display:none}
.pk-done{display:none;margin-top:6px;font-size:11.5px;color:var(--ok)}
.pk-exc.is-clear .pk-done{display:block}

/* ── PAPERWORK ── */
.docs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;align-items:start}
.doc{margin:0}
.paper{position:relative;padding:18px 18px 20px;border-radius:6px;background:var(--paper);color:var(--paper-ink);font-size:9.4px;line-height:1.45;box-shadow:0 34px 60px -32px rgba(0,0,0,.95),0 0 0 1px rgba(255,255,255,.05);transform:rotate(var(--rot,0deg));transition:transform 360ms var(--ease)}
.doc:hover .paper{transform:rotate(0deg) translateY(-4px)}
.pp-h{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-bottom:9px;border-bottom:1.5px solid var(--paper-ink)}
.pp-co{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:-.01em}
.pp-co svg{width:13px;height:13px;fill:var(--paper-accent)}
.pp-meta{font-family:var(--mono);font-size:7.5px;letter-spacing:.08em;text-align:right;color:var(--paper-muted);text-transform:uppercase}
.pp-title{margin-top:10px;font-size:13.5px;font-weight:700;letter-spacing:-.02em}
.pp-sub{font-family:var(--mono);font-size:8.2px;color:var(--paper-muted)}
.pp-sec{display:flex;justify-content:space-between;align-items:center;margin:11px 0 5px;padding-bottom:3px;border-bottom:1px solid var(--paper-line);font-family:var(--mono);font-size:7.6px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-muted)}
.pp-glance{display:grid;grid-template-columns:repeat(4,1fr);margin-top:9px;border:1px solid var(--paper-line);border-radius:4px}
.pp-glance div{padding:5px 6px;border-right:1px solid var(--paper-line)}
.pp-glance div:last-child{border-right:0}
.pp-glance small{display:block;font-size:6.6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted)}
.pp-glance b{font-family:var(--mono);font-size:11px}
.pp-ok{color:#1e8a4c}
.pp-op{margin-top:5px;padding:6px 7px 6px 9px;border:1px solid var(--paper-line);border-left:3px solid #1e8a4c;border-radius:3px}
.pp-op-h{display:flex;justify-content:space-between;align-items:center;gap:6px;font-weight:700}
.pp-stamp{padding:1px 5px;border:1.2px solid currentColor;border-radius:3px;font-family:var(--mono);font-size:6.8px;font-weight:700;letter-spacing:.08em;color:#1e8a4c;transform:rotate(-2deg)}
.pp-op p{margin-top:2px;color:var(--paper-muted);font-size:8.4px}
.pp-op p b{color:var(--paper-ink);font-weight:600}
.pp-t{width:100%;border-collapse:collapse;font-size:8.2px}
.pp-t th{padding:3px 4px;border-bottom:1px solid var(--paper-line);text-align:left;font-size:6.6px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted)}
.pp-t td{padding:4px;border-bottom:1px solid var(--paper-line);font-family:var(--mono);white-space:nowrap}
.pp-kv{display:grid;grid-template-columns:70px minmax(0,1fr) auto;align-items:center;gap:6px;padding:4px 0;border-bottom:1px solid var(--paper-line)}
.pp-kv small{font-size:7px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--paper-muted)}
.pp-kv b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.src{display:inline-flex;align-items:center;height:14px;padding:0 5px;border:1px solid;border-radius:99px;font-family:var(--mono);font-size:6.8px;font-weight:600;white-space:nowrap}
.src.rec{color:#1f6fb2;border-color:rgba(31,111,178,.35);background:rgba(31,111,178,.08)}
.src.ctx{color:#5b6068;border-color:rgba(91,96,104,.3);background:rgba(91,96,104,.06)}
.src.typed{color:#5b6068;border-color:rgba(91,96,104,.45);border-style:dashed}
.src.ped{color:#9a6a12;border-color:rgba(185,119,24,.4);background:rgba(185,119,24,.08)}
.src.sig{color:#1e8a4c;border-color:rgba(30,138,76,.35);background:rgba(30,138,76,.08)}
.pp-issued{position:absolute;right:16px;top:58px;padding:3px 8px;border:2px solid #1e8a4c;border-radius:4px;font-family:var(--mono);font-size:9px;font-weight:700;letter-spacing:.12em;color:#1e8a4c;transform:rotate(-8deg);opacity:.85}
.pp-statement{margin-top:8px;font-size:8.2px;font-style:italic;color:var(--paper-muted)}
.pp-sign{display:flex;justify-content:space-between;align-items:flex-end;margin-top:10px;padding-top:6px;border-top:1px solid var(--paper-ink)}
.pp-sign b{display:block;font-size:9.5px}
.pp-sign small{color:var(--paper-muted);font-size:7.6px}
.pp-shop{padding:0;overflow:hidden}
.pp-shop-h{padding:8px 14px;background:var(--paper-ink);color:#fff;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.24em}
.pp-shop-in{padding:12px 14px 16px}
.pp-strip{display:grid;grid-template-columns:1fr 1fr 64px;gap:10px;padding-bottom:9px;border-bottom:1.5px solid var(--paper-ink)}
.pp-strip div small{display:block;font-size:6.4px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--paper-muted)}
.pp-strip div b{display:block;margin-bottom:3px;font-family:var(--mono);font-size:8.8px}
.pp-qr{display:grid;justify-items:center;gap:3px;font-size:6px;text-align:center;color:var(--paper-muted)}
.pp-qr svg{width:58px;height:58px}
.pp-bar{height:7px;border:1px solid var(--paper-ink);border-radius:2px;overflow:hidden}
.pp-bar i{display:block;height:100%;width:60%;background:repeating-linear-gradient(-45deg,var(--paper-ink) 0 2px,transparent 2px 4px)}
.ink{font-family:'Segoe Print','Bradley Hand','Chalkboard SE','Comic Neue',cursive;font-size:9.5px;font-weight:600;color:#1d3fa6;letter-spacing:0;transform:rotate(-1.5deg);display:inline-block}
.pp-t td .ink{font-family:'Segoe Print','Bradley Hand','Chalkboard SE','Comic Neue',cursive}
.balloon{position:absolute;z-index:2;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--accent);color:var(--on-accent);font-family:var(--mono);font-size:10px;font-weight:700;box-shadow:0 0 0 3px rgba(239,168,49,.28),0 4px 10px rgba(0,0,0,.35)}
.doc figcaption{margin-top:26px}
.doc-name{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.doc-name b{color:var(--accent);font-weight:500}
.doc h3{margin:8px 0 12px;font-size:19px;font-weight:600;letter-spacing:-.02em}
.legend{list-style:none;display:grid;gap:10px}
.legend li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:14.5px;line-height:1.5;color:var(--muted)}
.legend li b{display:grid;place-items:center;width:20px;height:20px;border:1px solid var(--accent-line);border-radius:50%;font-family:var(--mono);font-size:10px;font-weight:600;color:var(--accent)}

/* ── STRENGTHS ── */
.strengths{counter-reset:strength}
.strength{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center;padding:80px 0;border-top:1px solid var(--hairline)}
.strength:first-child{border-top:0;padding-top:24px}
.strength.flip .strength-copy{order:2}
.strength-copy{display:grid;gap:18px}
.strength-copy h3{font-size:clamp(1.8rem,3.2vw,2.6rem);font-weight:600;letter-spacing:-.035em;line-height:1.04}
.strength-copy .lead{font-size:16.5px}
.strength-copy .ticks{margin-top:4px}
.viz{position:relative;padding:22px;border:1px solid var(--hairline-2);border-radius:16px;background:linear-gradient(180deg,rgba(25,27,29,.6),rgba(16,18,20,.9));box-shadow:var(--shadow)}
.viz-h{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.viz-h b{color:var(--accent);font-weight:500}
.thread{list-style:none;position:relative;display:grid;gap:10px;padding-left:26px}
.thread::before{content:'';position:absolute;left:8px;top:10px;bottom:10px;width:2px;background:linear-gradient(to bottom,var(--accent),rgba(239,168,49,.25));box-shadow:0 0 12px rgba(239,168,49,.35)}
.thread li{position:relative;display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:4px 14px;padding:10px 14px;border:1px solid var(--hairline-2);border-radius:10px;background:var(--bg)}
.thread li::before{content:'';position:absolute;left:-23px;top:50%;width:12px;height:12px;margin-top:-6px;border:2px solid var(--accent);border-radius:50%;background:var(--bg)}
.thread small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.thread b{font-family:var(--mono);font-size:14px;font-weight:500}
.thread span{grid-column:2;font-size:13px;color:var(--muted)}
.viz-note{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;border:1px dashed var(--border);border-radius:10px;font-size:13.5px;color:var(--muted)}
.viz-note b{font-family:var(--mono);font-weight:500;color:var(--text)}
.audit{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:center}
.gauge{position:relative;width:128px;height:128px}
.gauge svg{width:100%;height:100%;transform:rotate(-90deg)}
.gauge circle{fill:none;stroke-width:9}
.gauge .trk{stroke:rgba(54,56,58,.6)}
.gauge .val{stroke:var(--ok);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--val,0));filter:drop-shadow(0 0 6px rgba(74,166,81,.5));transition:stroke-dashoffset 1100ms var(--ease)}
.js .gauge:not(.visible) .val{stroke-dashoffset:1}
.gauge-num{position:absolute;inset:0;display:grid;place-content:center;text-align:center}
.gauge-num b{font-family:var(--mono);font-size:30px;font-weight:500;letter-spacing:-.04em;line-height:1}
.gauge-num small{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--faint)}
.audit h4{font-size:17px;font-weight:600;letter-spacing:-.02em}
.audit p{margin:4px 0 10px;font-size:13.5px;color:var(--muted)}
.clauses{list-style:none;display:grid;grid-template-columns:1fr;gap:6px;margin-top:18px}
.clauses li{display:flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid var(--hairline-2);border-radius:10px;background:var(--bg);font-size:13px}
.clauses li i{display:grid;place-items:center;width:18px;height:18px;flex-shrink:0;border-radius:50%;background:rgba(74,166,81,.18);color:var(--ok)}
.clauses li i svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.clauses li.gap i{background:rgba(230,67,67,.16);color:var(--bad)}
.clauses li em{margin-left:auto;font-style:normal;font-family:var(--mono);font-size:10.5px;color:var(--bad)}
.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.board-col{display:grid;gap:8px;align-content:start;padding:10px;border:1px solid var(--hairline);border-radius:12px;background:rgba(3,5,6,.5)}
.board-col h5{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.board-col h5 em{font-style:normal;color:var(--muted)}
.bcard-op{display:grid;gap:4px;padding:10px;border:1px solid var(--hairline-2);border-radius:9px;background:var(--card);font-size:12.5px}
.bcard-op b{font-weight:600;letter-spacing:-.01em}
.bcard-op span{font-family:var(--mono);font-size:10.5px;color:var(--faint)}
.bcard-op .chip{justify-self:start;margin-top:3px;height:20px;font-size:9.5px}
.bcard-op.at{border-color:rgba(221,178,39,.35)}
.bcard-op.gap{border-color:rgba(230,67,67,.35)}
.floor{display:grid;gap:10px}
.floor-rec{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 14px;padding:14px 16px;border:1px solid rgba(221,178,39,.4);border-radius:12px;background:linear-gradient(90deg,rgba(221,178,39,.1),transparent)}
.floor-rec small{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--warn)}
.floor-rec b{font-size:18px;font-weight:600;letter-spacing:-.02em}
.floor-rec>span:not(.btn){grid-column:1;font-size:13px;color:var(--muted)}
.floor-rec .btn{grid-column:2;grid-row:1 / span 3}
.floor-lock{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--hairline-2);border-radius:10px;background:var(--bg);font-size:13.5px;color:var(--muted)}
.floor-lock .ico{width:16px;height:16px;color:var(--warn)}
.floor-fod{padding:12px 14px;border:1px solid var(--hairline-2);border-radius:10px;background:var(--bg)}
.floor-fod h6{margin-bottom:8px;font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
.floor-opt{display:flex;align-items:center;gap:10px;padding:7px 10px;border:1px solid var(--hairline);border-radius:8px;font-size:13px;color:var(--muted)}
.floor-opt+.floor-opt{margin-top:6px}
.floor-opt i{width:14px;height:14px;border:1.5px solid var(--border-strong);border-radius:50%}
.floor-opt.sel{border-color:rgba(74,166,81,.45);background:rgba(74,166,81,.08);color:var(--text)}
.floor-opt.sel i{border-color:var(--ok);background:radial-gradient(circle,var(--ok) 45%,transparent 50%)}
.floor-snap{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid rgba(74,166,81,.3);border-radius:10px;background:rgba(74,166,81,.06);font-size:13px;color:var(--muted)}
.floor-snap b{font-family:var(--mono);font-weight:500;color:var(--text)}

/* ── BILL OF MATERIALS ── */
.bom{border:1px solid var(--hairline-2);border-radius:14px;overflow:hidden;background:rgba(16,18,20,.5)}
.bom-row{display:grid;grid-template-columns:60px 210px minmax(0,1fr) 96px;gap:24px;align-items:center;padding:17px 22px;border-bottom:1px solid var(--hairline);transition:background-color var(--t) var(--ease)}
.bom-row:last-child{border-bottom:0}
.bom-row.head{padding-top:11px;padding-bottom:11px;background:var(--bg-deep);font-family:var(--mono);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}
.bom-row:not(.head):hover{background:var(--card)}
.bom-item{font-family:var(--mono);font-size:12px;color:var(--accent)}
.bom-name{font-size:16px;font-weight:600;letter-spacing:-.02em}
.bom-covers{font-size:14.5px;line-height:1.55;color:var(--muted)}
.bom-sheet{justify-self:end;display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;color:var(--faint);transition:color var(--t) var(--ease)}
.bom-sheet .ico{width:13px;height:13px}
.bom-row:hover .bom-sheet{color:var(--accent)}

/* ── PLATFORM / RUN BOX ── */
.platform{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.runbox{border:1px solid var(--hairline-2);border-radius:14px;background:var(--card);box-shadow:var(--shadow-lg);overflow:hidden}
.runbox-in{display:flex;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid var(--hairline);font-family:var(--mono);font-size:15px}
.runbox-in .ico{width:16px;height:16px;color:var(--accent)}
.runbox-typed{color:var(--text)}
.runbox-caret{display:inline-block;width:8px;height:18px;margin-left:1px;background:var(--accent);vertical-align:-3px;animation:caret 1s steps(1) 8}
@keyframes caret{50%{opacity:0}}
.runbox-res{padding:6px}
.runbox-row{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;font-size:14px;color:var(--muted);transition:background-color var(--t) var(--ease),color var(--t) var(--ease)}
.runbox-row kbd{margin-left:auto;padding:1px 6px;border:1px solid var(--border);border-radius:5px;font-family:var(--mono);font-size:11px;color:var(--faint)}
.runbox-row .ico{width:16px;height:16px}
.runbox-row.sel{background:var(--accent-soft);color:var(--text)}
.runbox-row.sel .ico{color:var(--accent)}
.runbox-foot{padding:9px 16px;border-top:1px solid var(--hairline);font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--faint)}
.platform-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
.plat{padding:18px;border:1px solid var(--hairline-2);border-radius:12px;background:var(--card)}
.plat .ico{width:20px;height:20px;color:var(--accent);margin-bottom:10px}
.plat h4{font-size:15.5px;font-weight:600;letter-spacing:-.015em;margin-bottom:5px}
.plat p{font-size:14px;line-height:1.55;color:var(--muted)}

/* ── PRICING TEASER ── */
.price-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--hairline-2);border-radius:16px;overflow:hidden;background:var(--card)}
.price-cell{padding:34px 30px;border-right:1px solid var(--hairline)}
.price-cell:last-child{border-right:0}
.price-cell small{font-family:var(--mono);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--faint)}
.price-num{margin:12px 0 10px;font-family:var(--mono);font-size:clamp(2.2rem,3.6vw,3rem);font-weight:500;letter-spacing:-.045em;line-height:1;font-variant-numeric:tabular-nums}
.price-num span{font-size:14px;letter-spacing:0;color:var(--muted);margin-left:4px}
.price-cell p{font-size:15px;line-height:1.55;color:var(--muted)}
.price-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}

/* ── FAQ + TALK TO SALES ── */
.faq-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.faq-wrap .section-head{position:sticky;top:calc(var(--nav-h) + 32px);margin-bottom:0}
.sales{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:center}
.sales-points{margin-top:28px}
.sales-card{padding:30px;border:1px solid var(--hairline-2);border-radius:18px;background:var(--card);box-shadow:var(--shadow-lg)}
.sales-form{display:grid;gap:16px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.form-note{font-family:var(--mono);font-size:10.5px;letter-spacing:.06em;text-align:center;color:var(--faint)}
.form-err{display:none;padding:10px 14px;border:1px solid rgba(230,67,67,.4);border-radius:10px;background:rgba(230,67,67,.08);font-size:14px;color:#ff8a8a}
.form-err.show{display:block}
.form-ok{display:none;text-align:center;padding:30px 10px}
.form-ok.show{display:block}
.form-ok .ok-ico{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;background:rgba(74,166,81,.14);color:var(--ok)}
.form-ok .ok-ico svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.form-ok h3{font-size:26px;font-weight:600;letter-spacing:-.03em;margin-bottom:8px}
.form-ok p{color:var(--muted)}
.final{padding:136px 0;text-align:center;border-top:1px solid var(--hairline)}
.final .display{font-size:clamp(2.6rem,5.4vw,4.6rem);margin:24px auto 22px;max-width:14ch}
.final .lead{margin:0 auto 36px}
.final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}

/* ── RESPONSIVE ── */
@media(max-width:1180px){
  .demo-body{grid-template-columns:1fr;grid-template-rows:600px auto;height:auto}
  .pk{border-left:0;border-top:1px solid var(--hairline)}
  .pk-list{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;overflow:visible}
  .pk-part{grid-column:1 / -1}
}
@media(max-width:1024px){
  .hero{min-height:0}
  .hero-title span{white-space:normal}
  .hero-grid{grid-template-columns:1fr;gap:48px}
  .stage{margin:0 auto;max-width:520px}
  .home-head,.strength,.platform,.faq-wrap,.sales{grid-template-columns:1fr;gap:36px}
  .strength.flip .strength-copy{order:0}
  .faq-wrap .section-head{position:static}
  .docs{grid-template-columns:1fr;max-width:560px;margin:0 auto;gap:56px}
  .readouts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .readout:nth-child(2){border-right:0}
  .readout:nth-child(-n+2){border-bottom:1px solid var(--hairline)}
}
@media(max-width:860px){
  .ax{grid-template-columns:1fr}
  .ax-side{display:none}
  .ax-user span:not(.ax-avatar),.ax-role,.hide-sm{display:none}
  .ax-cols{grid-template-columns:1fr}
  .ax-cols>*:nth-child(2){display:none}
  .demo-body{grid-template-rows:580px auto}
  .flow-steps{display:flex;overflow-x:auto;scrollbar-width:none;gap:4px;padding-bottom:4px}
  .flow-steps::-webkit-scrollbar{display:none}
  .flow-step{flex:0 0 112px}
  .flow-rail{display:none}
  .swatches>span{display:none}
  .bom-row{grid-template-columns:44px minmax(0,1fr);gap:4px 14px}
  .bom-covers{grid-column:2}
  .bom-sheet{grid-column:2;justify-self:start}
  .bom-row.head{display:none}
  .price-strip{grid-template-columns:1fr}
  .price-cell{border-right:0;border-bottom:1px solid var(--hairline)}
  .price-cell:last-child{border-bottom:0}
}
@media(max-width:640px){
  .hide-xs{display:none!important}
  .docs .balloon[style*="right:-9px"]{right:4px!important}
  .docs .balloon[style*="left:-9px"]{left:4px!important}
  .ax-items .ax-tr{--cols:.9fr 22px .8fr 24px minmax(0,1.5fr)}
  .ax-search{white-space:nowrap;overflow:hidden}
  .ax-kbd{display:none}
  .qlayer{border-radius:14px;gap:6px 14px;padding:10px 14px}
  .hero-title{font-size:clamp(2.6rem,11vw,3.4rem)}
  .readout{padding:22px 18px}
  .readout-label{letter-spacing:.12em}
  .demo-caption{display:none}
  .pk-list{grid-template-columns:1fr}
  .ax-facts{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ax-fact:nth-child(3){border-right:0}
  .ax-fact:nth-child(-n+3){border-bottom:1px solid var(--a-border)}
  .ax-op{grid-template-columns:28px minmax(0,1fr) 52px 70px}
  .ax-op .meter{display:none}
  .board{grid-template-columns:1fr}
  .clauses,.platform-list,.form-row{grid-template-columns:1fr}
  .audit{grid-template-columns:1fr;justify-items:start}
  .thread li{grid-template-columns:1fr}
  .thread span{grid-column:1}
}
@media(prefers-reduced-motion:reduce){
  .stage video{display:none}
}