:root {
  --ink: #071018;
  --ink-deep: #04090e;
  --surface: #0d1820;
  --surface-2: #11232c;
  --line: rgba(189, 221, 223, .16);
  --line-strong: rgba(189, 221, 223, .30);
  --paper: #edf5f1;
  --muted: #9aaeb0;
  --muted-2: #6d8285;
  --acid: #c8f169;
  --aqua: #8fe3d2;
  --orange: #ff9b62;
  --violet: #b7a5ff;
  --danger: #ff927c;
  --sans: 'DM Sans', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --display: 'Manrope', 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --mono: 'IBM Plex Mono', 'Cascadia Code', monospace;
  --radius: 18px;
  --shadow: 0 22px 80px rgba(0,0,0,.25);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink-deep); }
body { margin: 0; color: var(--paper); background: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.65; overflow-x: hidden; }
body::selection { color: var(--ink); background: var(--acid); }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; }
button { color: inherit; }
.wrap { width: min(1160px, calc(100% - 56px)); margin: 0 auto; }
.section-pad { padding: 128px 0; position: relative; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 100; padding: 10px 14px; color: var(--ink); background: var(--acid); border-radius: 8px; }
.skip-link:focus { top: 16px; }
.site-noise { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .13; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
.site-grid { position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .32; background-image: linear-gradient(rgba(164,215,214,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(164,215,214,.04) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to bottom, #000, transparent 74%); }
.site-header, main, .site-footer { position: relative; z-index: 1; }
.site-header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid transparent; background: rgba(7,16,24,.72); backdrop-filter: blur(18px); transition: border-color .25s ease, background .25s ease; }
.site-header.scrolled { border-color: var(--line); background: rgba(7,16,24,.92); }
.nav-wrap { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.wordmark { display: inline-flex; align-items: center; gap: 11px; flex: none; }
.wordmark-mark { width: 33px; height: 33px; display: grid; place-items: center; color: var(--ink); background: var(--acid); border-radius: 50%; font: 800 18px/1 var(--display); letter-spacing: -.08em; }
.wordmark-mark span { color: #66861d; }
.wordmark-copy { display: grid; gap: 0; line-height: 1.08; }
.wordmark-copy strong { font: 800 12px/1.1 var(--display); letter-spacing: .16em; }
.wordmark-copy small { margin-top: 4px; color: var(--muted-2); font: 500 8px/1 var(--mono); letter-spacing: .08em; }
.desktop-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; }
.desktop-nav a, .mobile-nav a { color: var(--muted); font-size: 13px; transition: color .2s ease; }
.desktop-nav a:hover, .mobile-nav a:hover { color: var(--paper); }
.nav-actions { display: flex; align-items: center; gap: 12px; }
.lang-toggle { border: 0; padding: 7px 8px; color: var(--muted); background: transparent; font: 600 12px var(--mono); cursor: pointer; }
.lang-toggle:hover { color: var(--acid); }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 11px; min-height: 48px; padding: 0 20px; border: 1px solid transparent; border-radius: 999px; font: 700 13px var(--display); letter-spacing: .01em; cursor: pointer; transition: transform .22s ease, border-color .22s ease, background .22s ease, color .22s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 17px; line-height: 0; }
.button-primary { color: var(--ink); background: var(--acid); box-shadow: 0 12px 36px rgba(200,241,105,.12); }
.button-primary:hover { background: #d8fb83; }
.button-outline { border-color: var(--line-strong); background: rgba(255,255,255,.02); }
.button-outline:hover { border-color: var(--acid); color: var(--acid); }
.button-small { min-height: 37px; padding: 0 15px; font-size: 12px; }
.button-full { width: 100%; }
.menu-toggle { display: none; width: 38px; height: 38px; border: 1px solid var(--line); border-radius: 10px; background: transparent; cursor: pointer; }
.mobile-nav { display: none; }
.eyebrow { display: flex; align-items: center; gap: 9px; margin: 0 0 24px; color: var(--muted-2); font: 600 11px/1.2 var(--mono); letter-spacing: .14em; text-transform: uppercase; }
.eyebrow-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 14px rgba(200,241,105,.65); }
.hero { min-height: 710px; padding-top: 100px; padding-bottom: 70px; display: flex; align-items: center; }
.hero::before { content: ''; position: absolute; width: 640px; height: 500px; left: 43%; top: 18%; background: radial-gradient(ellipse, rgba(117,225,210,.11), transparent 68%); pointer-events: none; }
.hero-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr); gap: 88px; align-items: center; }
.hero h1 { max-width: 690px; margin: 0; color: var(--paper); font: 800 clamp(48px, 7vw, 92px)/.98 var(--display); letter-spacing: -.075em; }
.hero h1 em { display: block; color: var(--acid); font-style: normal; }
.hero-lede { max-width: 615px; margin: 32px 0 0; color: #b7c8c6; font-size: 18px; line-height: 1.75; }
.hero-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 22px; margin-top: 36px; }
.text-link { color: var(--aqua); font: 700 13px var(--display); }
.text-link span { margin-left: 7px; font-size: 16px; }
.text-link:hover { color: var(--acid); }
.hero-note { margin-top: 36px; color: var(--muted-2); font-size: 12px; }
.hero-note span { display: inline-block; margin-right: 8px; color: var(--aqua); font: 600 10px var(--mono); letter-spacing: .12em; }
.hero-panel { border: 1px solid var(--line-strong); border-radius: 20px; background: linear-gradient(145deg, rgba(24,54,59,.74), rgba(9,19,27,.86)); box-shadow: var(--shadow); overflow: hidden; transform: rotate(1deg); }
.panel-chrome, .console-bar { min-height: 45px; display: flex; align-items: center; gap: 12px; padding: 0 16px; border-bottom: 1px solid var(--line); color: var(--muted-2); font: 500 10px var(--mono); }
.chrome-dots { display: inline-flex; gap: 5px; }
.chrome-dots i { display: block; width: 7px; height: 7px; border-radius: 50%; background: var(--muted-2); opacity: .6; }
.chrome-dots i:nth-child(1) { background: var(--danger); }.chrome-dots i:nth-child(2) { background: #f3cb77; }.chrome-dots i:nth-child(3) { background: var(--acid); }
.panel-status { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; color: var(--acid); font-size: 9px; }
.panel-status b { width: 6px; height: 6px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 9px var(--acid); }
.hero-panel-body { padding: 31px 30px 22px; }
.panel-kicker { display: flex; justify-content: space-between; color: var(--muted-2); font: 500 10px var(--mono); letter-spacing: .13em; }
.panel-title { margin: 18px 0 23px; font: 700 24px/1.25 var(--display); letter-spacing: -.04em; }
.signal-stack { border-top: 1px solid var(--line); }
.signal-row { min-height: 53px; display: grid; grid-template-columns: 32px 1fr auto 18px; gap: 10px; align-items: center; border-bottom: 1px solid var(--line); font: 500 11px var(--mono); }
.signal-index { color: var(--muted-2); }.signal-label { color: #b9ccca; }.signal-value { color: var(--muted-2); font-size: 10px; }.signal-state { font-size: 8px; color: var(--muted-2); text-align: right; }.signal-state.ok { color: var(--acid); }.signal-state.warn { color: var(--orange); }.signal-state.live { color: var(--aqua); }
.panel-foot { display: flex; justify-content: space-between; padding-top: 22px; color: var(--aqua); font: 600 10px var(--mono); letter-spacing: .08em; }
.proof-strip { margin-top: 92px; padding-top: 17px; display: flex; align-items: center; flex-wrap: wrap; gap: 18px 31px; border-top: 1px solid var(--line); color: var(--muted); font: 500 11px var(--mono); }
.proof-label { color: var(--acid); letter-spacing: .14em; }
.intro-band { background: linear-gradient(180deg, rgba(10,26,33,.3), rgba(10,26,33,.75)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.split-intro { display: grid; grid-template-columns: .46fr 1fr; gap: 50px; }
.split-intro h2, .section-heading h2, .metric-layout h2, .contact-card h2 { margin: 0; font: 800 clamp(36px, 5vw, 64px)/1.06 var(--display); letter-spacing: -.065em; }
.accent { color: var(--acid); }
.body-large { max-width: 600px; margin: 27px 0 0; color: var(--muted); font-size: 18px; line-height: 1.72; }
.section-heading { display: grid; grid-template-columns: 1.2fr .8fr; gap: 50px; align-items: end; margin-bottom: 48px; }
.section-heading > p, .heading-side > p { max-width: 380px; justify-self: end; margin: 0; color: var(--muted); font-size: 15px; line-height: 1.7; }
.heading-side { justify-self: end; }
.legend { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 10px 17px; margin-top: 24px; color: var(--muted-2); font: 500 10px var(--mono); }
.legend span { display: inline-flex; align-items: center; gap: 7px; }
.dot { width: 7px; height: 7px; display: inline-block; border-radius: 50%; }.dot-production { background: var(--acid); }.dot-internal { background: var(--aqua); }.dot-demo { background: var(--orange); }
.system-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.system-card { min-height: 350px; display: flex; flex-direction: column; padding: 25px 23px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(12,28,36,.68); transition: border-color .25s ease, transform .25s ease, background .25s ease; }
.system-card:hover { transform: translateY(-5px); border-color: var(--line-strong); background: rgba(18,43,49,.8); }
.system-card-feature { border-color: rgba(200,241,105,.42); background: linear-gradient(160deg, rgba(37,58,39,.68), rgba(12,28,36,.78)); }
.card-top { display: flex; align-items: center; justify-content: space-between; color: var(--muted-2); font: 500 10px var(--mono); }.card-icon { color: var(--acid); font-size: 21px; }.system-card h3 { margin: 69px 0 18px; font: 800 25px/1.08 var(--display); letter-spacing: -.045em; }.system-card h3 em { color: var(--aqua); font-size: .66em; font-style: normal; letter-spacing: -.02em; }.system-card p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.72; }.card-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 30px; }.card-tags span, .case-tags span { padding: 5px 8px; border: 1px solid var(--line); border-radius: 6px; color: var(--muted-2); font: 500 9px var(--mono); }
.work-section { background: #09151c; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.case-filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 27px; }.filter { min-height: 34px; padding: 0 13px; border: 1px solid var(--line); border-radius: 999px; color: var(--muted); background: transparent; font: 500 11px var(--mono); cursor: pointer; }.filter:hover, .filter.active { color: var(--ink); border-color: var(--acid); background: var(--acid); }
.cases-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.case-card { min-height: 335px; display: flex; flex-direction: column; padding: 25px 25px 22px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(12,28,36,.72); cursor: pointer; transition: transform .25s ease, border-color .25s ease, background .25s ease; }.case-card:hover { transform: translateY(-4px); border-color: var(--line-strong); background: rgba(17,39,46,.9); }.case-card.demo-card { border-style: dashed; }.case-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }.case-icon { width: 41px; height: 41px; display: grid; place-items: center; flex: none; border: 1px solid var(--line-strong); border-radius: 11px; color: var(--acid); font: 700 12px var(--mono); }.case-card h3 { margin: 20px 0 11px; font: 750 26px/1.14 var(--display); letter-spacing: -.05em; }.case-summary { margin: 0; color: #b6c5c3; font-size: 14px; line-height: 1.65; }.case-status { display: inline-flex; align-items: center; gap: 6px; padding: 6px 9px; border-radius: 999px; color: var(--acid); background: rgba(200,241,105,.08); font: 600 9px var(--mono); white-space: nowrap; }.case-status.internal { color: var(--aqua); background: rgba(143,227,210,.08); }.case-status.demo { color: var(--orange); background: rgba(255,155,98,.09); }.case-proof { margin: 22px 0 0; padding: 13px 14px; border-left: 2px solid var(--acid); color: var(--muted); background: rgba(200,241,105,.045); font-size: 12px; line-height: 1.6; }.case-card.demo-card .case-proof { border-color: var(--orange); background: rgba(255,155,98,.055); }.case-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: auto; padding-top: 24px; }.case-footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: 20px; color: var(--muted-2); font: 500 10px var(--mono); }.case-open { color: var(--aqua); }.case-card:hover .case-open { color: var(--acid); }
.lab-section { background: #061016; }.lab-heading { margin-bottom: 38px; }.lab-grid { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(250px, .45fr); gap: 15px; }.console-shell, .lab-aside { border: 1px solid var(--line-strong); border-radius: var(--radius); background: rgba(7,19,26,.8); overflow: hidden; }.console-bar { justify-content: flex-start; }.console-bar button { margin-left: auto; padding: 6px 10px; border: 1px solid var(--line); border-radius: 6px; color: var(--acid); background: transparent; font: 500 10px var(--mono); cursor: pointer; }.console-bar button:hover { border-color: var(--acid); }.console-tabs { display: flex; gap: 6px; padding: 14px 16px 0; border-bottom: 1px solid var(--line); }.console-tab { padding: 10px 12px; border: 0; border-bottom: 2px solid transparent; color: var(--muted-2); background: transparent; font: 500 11px var(--mono); cursor: pointer; }.console-tab.active { border-color: var(--acid); color: var(--paper); }.console-meta { display: flex; align-items: center; gap: 12px; padding: 14px 18px 0; color: var(--muted-2); font: 500 10px var(--mono); }.sim-badge { padding: 4px 7px; border: 1px solid rgba(255,155,98,.44); border-radius: 4px; color: var(--orange); }.console-log { min-height: 346px; max-height: 385px; overflow: auto; padding: 16px 18px 22px; }.log-line { display: grid; grid-template-columns: 64px 75px 1fr; gap: 10px; padding: 10px 0; border-bottom: 1px solid rgba(189,221,223,.08); color: #aec2c0; font: 500 11px/1.6 var(--mono); }.log-time { color: var(--muted-2); }.log-agent { color: var(--aqua); }.log-human { color: var(--acid); }.log-guard { color: var(--orange); }.log-success { color: var(--acid); }.lab-aside { padding: 25px 22px 22px; }.lab-aside-title { margin-bottom: 15px; color: var(--paper); font: 700 18px var(--display); letter-spacing: -.03em; }.lab-aside ul { display: grid; gap: 17px; margin: 0; padding: 0; list-style: none; }.lab-aside li { display: grid; grid-template-columns: 27px 1fr; gap: 9px; color: var(--muted); font-size: 12px; line-height: 1.55; }.lab-aside li b { color: var(--acid); font: 500 10px var(--mono); }.lab-aside .button { margin-top: 27px; }
.metrics-section { border-bottom: 1px solid var(--line); }.metric-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: 90px; align-items: center; }.estimate-card { padding: 28px; border: 1px solid var(--line-strong); border-radius: var(--radius); background: linear-gradient(150deg, rgba(27,51,53,.85), rgba(10,24,31,.78)); }.estimate-row + .estimate-row { margin-top: 25px; }.estimate-row label { display: flex; justify-content: space-between; gap: 10px; color: var(--muted); font-size: 13px; }.estimate-row output { color: var(--acid); font: 600 12px var(--mono); }.estimate-row input { display: block; width: 100%; margin-top: 14px; accent-color: var(--acid); }.estimate-results { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; margin-top: 31px; }.estimate-results div { min-height: 94px; padding: 13px; border: 1px solid var(--line); border-radius: 10px; background: rgba(0,0,0,.12); }.estimate-results span { display: block; color: var(--muted-2); font: 500 9px/1.35 var(--mono); }.estimate-results strong { display: block; margin-top: 15px; color: var(--paper); font: 700 17px var(--display); }.estimate-disclaimer { margin: 20px 0 0; color: var(--muted-2); font: 500 10px var(--mono); }
.method-section { background: linear-gradient(180deg, #09151c, #071018); }.method-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }.method-grid article { min-height: 265px; padding: 22px 22px 23px 0; border-right: 1px solid var(--line); }.method-grid article:not(:first-child) { padding-left: 23px; }.method-grid article:last-child { border-right: 0; }.method-grid article > span { color: var(--acid); font: 500 11px var(--mono); }.method-grid h3 { margin: 55px 0 10px; font: 700 24px var(--display); letter-spacing: -.04em; }.method-grid p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }.method-grid small { display: block; margin-top: 24px; color: var(--muted-2); font: 500 10px/1.45 var(--mono); }
.contact-section { padding-bottom: 148px; }.contact-card { display: grid; grid-template-columns: .83fr 1.17fr; gap: 80px; padding: 55px; border: 1px solid rgba(200,241,105,.35); border-radius: 24px; background: radial-gradient(circle at 0 0, rgba(200,241,105,.15), transparent 45%), rgba(17,38,42,.82); }.contact-card p:not(.eyebrow) { max-width: 415px; margin: 25px 0 0; color: var(--muted); font-size: 15px; }.contact-card form { padding-top: 6px; }.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.contact-card label { display: grid; gap: 8px; color: var(--muted); font: 500 11px var(--mono); }.contact-card input, .contact-card textarea { width: 100%; padding: 13px 14px; border: 1px solid var(--line); border-radius: 9px; outline: none; color: var(--paper); background: rgba(4,12,17,.6); font: 500 13px var(--sans); resize: vertical; }.contact-card textarea { min-height: 120px; }.contact-card label + label, .form-grid + label { margin-top: 14px; }.contact-card input:focus, .contact-card textarea:focus { border-color: var(--acid); box-shadow: 0 0 0 3px rgba(200,241,105,.09); }.form-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 14px; margin-top: 20px; }.form-actions span { color: var(--muted-2); font: 500 10px var(--mono); }
.site-footer { padding: 45px 0 24px; border-top: 1px solid var(--line); background: #050c12; }.footer-grid { display: grid; grid-template-columns: 1.2fr .4fr .8fr; gap: 60px; }.footer-brand p { margin: 23px 0 0; color: var(--muted-2); font-size: 12px; line-height: 1.8; }.footer-grid > div:not(.footer-brand) { display: grid; align-content: start; gap: 10px; }.footer-grid a { color: var(--muted); font-size: 12px; }.footer-grid a:hover { color: var(--acid); }.footer-label { margin-bottom: 6px; color: var(--acid); font: 500 10px var(--mono); letter-spacing: .12em; }.footer-grid p { margin: 0; color: var(--muted-2); font-size: 11px; line-height: 1.65; }.footer-bottom { display: flex; justify-content: space-between; gap: 18px; margin-top: 55px; padding-top: 16px; border-top: 1px solid var(--line); color: var(--muted-2); font: 500 10px var(--mono); }
.case-dialog { width: min(710px, calc(100% - 30px)); max-height: min(780px, calc(100vh - 30px)); padding: 0; border: 1px solid var(--line-strong); border-radius: 20px; color: var(--paper); background: #0b1a22; box-shadow: 0 35px 120px rgba(0,0,0,.62); }.case-dialog::backdrop { background: rgba(1,7,11,.75); backdrop-filter: blur(5px); }.dialog-close { position: absolute; top: 15px; right: 17px; width: 33px; height: 33px; border: 1px solid var(--line); border-radius: 50%; color: var(--muted); background: transparent; font-size: 21px; cursor: pointer; }.dialog-close:hover { color: var(--paper); border-color: var(--acid); }.dialog-body { padding: 36px 38px 34px; }.dialog-kicker { color: var(--acid); font: 500 10px var(--mono); letter-spacing: .1em; }.dialog-body h2 { margin: 14px 38px 13px 0; font: 750 32px/1.15 var(--display); letter-spacing: -.05em; }.dialog-body > p { margin: 0; color: var(--muted); }.dialog-proof { margin: 22px 0; padding: 14px; border-left: 2px solid var(--acid); color: #c3d2cf; background: rgba(200,241,105,.05); font-size: 13px; }.dialog-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px 20px; margin: 20px 0 0; padding: 0; list-style: none; }.dialog-list li { color: var(--muted); font-size: 12px; }.dialog-list li::before { content: '↳'; margin-right: 7px; color: var(--aqua); }.dialog-footer { display: flex; justify-content: space-between; align-items: center; gap: 14px; margin-top: 28px; padding-top: 18px; border-top: 1px solid var(--line); color: var(--muted-2); font: 500 10px var(--mono); }.toast { position: fixed; right: 22px; bottom: 22px; z-index: 50; max-width: 360px; padding: 13px 16px; border: 1px solid var(--line-strong); border-radius: 10px; color: var(--paper); background: #142931; box-shadow: var(--shadow); font-size: 12px; opacity: 0; transform: translateY(12px); pointer-events: none; transition: opacity .2s ease, transform .2s ease; }.toast.show { opacity: 1; transform: translateY(0); }
.reveal { animation: rise .8s cubic-bezier(.2,.7,.2,1) both; }.reveal-delay-2 { animation-delay: .16s; }@keyframes rise { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; } }
@media (max-width: 980px) { .desktop-nav { gap: 18px; }.hero-layout { grid-template-columns: 1fr; gap: 52px; }.hero-panel { max-width: 650px; width: 100%; margin-left: auto; }.system-grid { grid-template-columns: repeat(2, 1fr); }.metric-layout { grid-template-columns: 1fr; gap: 42px; }.method-grid { grid-template-columns: repeat(2, 1fr); }.method-grid article:nth-child(2) { border-right: 0; }.method-grid article:nth-child(n+3) { border-top: 1px solid var(--line); }.contact-card { grid-template-columns: 1fr; gap: 35px; }.footer-grid { grid-template-columns: 1fr 1fr; }.footer-brand { grid-column: 1 / -1; } }
@media (max-width: 720px) { .wrap { width: min(100% - 34px, 560px); }.section-pad { padding: 86px 0; }.nav-wrap { min-height: 68px; }.desktop-nav, .nav-actions > .button { display: none; }.menu-toggle { display: block; }.mobile-nav { padding: 10px 17px 19px; border-top: 1px solid var(--line); background: rgba(7,16,24,.98); }.mobile-nav.open { display: grid; gap: 2px; }.mobile-nav a { padding: 10px 0; }.hero { min-height: auto; padding-top: 72px; }.hero h1 { font-size: clamp(46px, 15vw, 72px); }.hero-lede { font-size: 16px; }.hero-panel { transform: none; }.hero-panel-body { padding: 25px 18px 19px; }.signal-row { grid-template-columns: 27px 1fr 18px; }.signal-value { display: none; }.proof-strip { margin-top: 62px; gap: 13px 20px; }.split-intro, .section-heading { grid-template-columns: 1fr; gap: 25px; }.section-heading > p, .heading-side > p { justify-self: start; }.legend { justify-content: flex-start; }.system-grid, .cases-grid, .lab-grid { grid-template-columns: 1fr; }.system-card { min-height: 285px; }.system-card h3 { margin-top: 49px; }.case-card { min-height: 0; }.case-card h3 { font-size: 23px; }.lab-aside { padding: 21px 18px 18px; }.console-log { min-height: 330px; }.log-line { grid-template-columns: 56px 64px 1fr; gap: 7px; font-size: 10px; }.estimate-card { padding: 20px 17px; }.estimate-results { grid-template-columns: 1fr; }.estimate-results div { min-height: auto; display: flex; align-items: center; justify-content: space-between; gap: 12px; }.estimate-results strong { margin-top: 0; }.method-grid { grid-template-columns: 1fr; }.method-grid article, .method-grid article:not(:first-child) { min-height: 0; padding: 22px 0; border-right: 0; border-top: 1px solid var(--line); }.method-grid article:first-child { border-top: 0; }.method-grid h3 { margin: 27px 0 9px; }.contact-card { padding: 31px 21px; }.form-grid { grid-template-columns: 1fr; gap: 14px; }.form-grid + label { margin-top: 14px; }.footer-grid { grid-template-columns: 1fr; gap: 31px; }.footer-brand { grid-column: auto; }.footer-bottom { display: grid; gap: 6px; margin-top: 34px; }.dialog-body { padding: 32px 20px 23px; }.dialog-body h2 { font-size: 27px; }.dialog-list { grid-template-columns: 1fr; }.dialog-footer { align-items: flex-start; flex-direction: column; } }