:root {
  --bg: #080b0c;
  --surface: #0e1213;
  --surface-2: #151a1b;
  --text: #f0efe8;
  --muted: #919a98;
  --accent: #6ce5d6;
  --accent-strong: #3bcbbb;
  --warm: #e8b78f;
  --line: rgba(240, 239, 232, .15);
  --border: rgba(240, 239, 232, .12);
  --border-strong: rgba(108, 229, 214, .45);
  --panel: rgba(14, 18, 19, .86);
  --panel-strong: rgba(14, 18, 19, .96);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--text); background: var(--bg); font-family: "Manrope", sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }
::selection { color: #07100f; background: var(--accent); }

.topbar {
  position: absolute; inset: 0 0 auto; z-index: 20; height: 84px; padding: 0 clamp(22px, 4vw, 68px);
  display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12);
}
.topbar.topbar { padding-right: clamp(108px, 10vw, 160px); }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 1.05rem; font-weight: 800; letter-spacing: -.04em; }
.brand-mark { width: 31px; color: var(--accent); }
.nav { display: flex; gap: 34px; color: rgba(240,239,232,.72); font-size: .78rem; }
.nav a, .header-action, footer a { transition: color .2s ease,border-color .2s ease; }
.nav a:hover, .header-action:hover, footer a:hover { color: var(--accent); }
.header-actions { justify-self:end; display:flex; align-items:center; gap:22px; font-size:.78rem; white-space:nowrap; }
.get-started-link { padding-bottom:5px; border-bottom:1px solid var(--border-strong); }

.hero { position: relative; min-height: max(760px, 100svh); display: grid; place-items: center; overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::after { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(8,11,12,.74) 0%, rgba(8,11,12,.15) 48%, rgba(8,11,12,.38) 100%), linear-gradient(0deg, rgba(8,11,12,.7) 0%, transparent 45%); }
.hero-visual { position: absolute; inset: 0; background: radial-gradient(circle at 63% 46%, rgba(55,154,146,.30), transparent 22%), radial-gradient(circle at 66% 49%, rgba(8,11,12,.05) 0, #080b0c 66%); }
.signal-field { position: absolute; inset: 0; opacity: 0; animation: visual-in 1.2s .15s ease forwards; background-image: linear-gradient(rgba(108,229,214,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(108,229,214,.07) 1px, transparent 1px); background-size: 58px 58px; mask-image: radial-gradient(circle at 65% 48%, black, transparent 57%); }
.signal-field::before, .signal-field::after { content:""; position:absolute; left:65%; top:48%; border:1px solid rgba(108,229,214,.22); border-radius:50%; transform:translate(-50%,-50%); }
.signal-field::before { width: min(58vw, 760px); aspect-ratio:1; }
.signal-field::after { width: min(40vw, 520px); aspect-ratio:1; border-style:dashed; animation: spin 32s linear infinite; }
.signal-core { position:absolute; left:65%; top:48%; width:190px; height:190px; transform:translate(-50%,-50%); border-radius:50%; display:grid; place-content:center; text-align:center; background:rgba(8,11,12,.78); border:1px solid var(--accent); box-shadow:0 0 100px rgba(108,229,214,.18); }
.signal-core strong { font-size:1.25rem; line-height:1.1; letter-spacing:-.05em; }
.signal-line { position:absolute; left:65%; top:48%; height:1px; width:32vw; transform-origin:left; background:linear-gradient(90deg,var(--accent),transparent); opacity:.55; }
.line-one { transform:rotate(-24deg); }.line-two { transform:rotate(143deg); }.line-three { transform:rotate(76deg); }
.signal-node { position:absolute; width:12px; height:12px; border:2px solid var(--accent); border-radius:50%; box-shadow:0 0 20px var(--accent); animation:pulse 2.8s ease-in-out infinite; }
.node-one{left:79%;top:33%}.node-two{left:45%;top:63%;animation-delay:.7s}.node-three{left:69%;top:76%;animation-delay:1.2s}.node-four{left:88%;top:58%;animation-delay:1.8s}
.visual-caption { position:absolute; left:calc(65% + 245px); top:calc(48% + 170px); margin:0; color:rgba(240,239,232,.48); font:400 .62rem/1.6 "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.hero-content { position:relative; z-index:2; width:min(1320px,calc(100% - 48px)); margin-top:54px; }
.hero-content > * { opacity:0; transform:translateY(24px); animation:hero-in .8s ease forwards; }
.hero-content .kicker{animation-delay:.15s}.hero-brand{animation-delay:.24s}.hero-content h1{animation-delay:.34s}.hero-copy{animation-delay:.44s}.hero-actions{animation-delay:.54s}
.kicker { margin:0; color:var(--accent); font:500 .67rem "DM Mono",monospace; letter-spacing:.16em; text-transform:uppercase; }
.hero-brand { margin: 22px 0 10px; font-size:clamp(1rem,1.5vw,1.35rem); font-weight:800; letter-spacing:.28em; }
h1,h2,h3,p { text-wrap:balance; }
.hero h1 { margin:0; max-width:9.5ch; font-size:clamp(4rem,8.3vw,8.4rem); line-height:.82; letter-spacing:-.085em; }
.hero h1 em,.principle h2 em,.contact h2 em { color:var(--accent); font-style:normal; }
.hero-copy { max-width:520px; margin:30px 0 0; color:rgba(240,239,232,.66); font-size:clamp(.96rem,1.2vw,1.08rem); line-height:1.7; }
.hero-actions { display:flex; align-items:center; gap:30px; margin-top:34px; }
.button { min-height:54px; display:inline-flex; align-items:center; justify-content:center; gap:34px; padding:0 22px; border:1px solid transparent; font-size:.76rem; font-weight:700; transition:transform .2s ease,background .2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#07100f; background:var(--accent); }
.button-primary:hover { background:#92f3e8; }
.text-link { color:rgba(240,239,232,.72); font-size:.76rem; border-bottom:1px solid rgba(240,239,232,.28); padding-bottom:6px; }
.proof-strip { display:grid; grid-template-columns:240px 1fr; align-items:center; min-height:96px; border-bottom:1px solid var(--line); overflow:hidden; }
.proof-strip > p { padding-left:clamp(22px,4vw,68px); color:var(--muted); font-size:.7rem; }
.marquee { overflow:hidden; white-space:nowrap; }
.marquee div { width:max-content; font-size:1rem; letter-spacing:.17em; animation:marquee 22s linear infinite; }
.marquee i { margin:0 28px; color:var(--accent); font-style:normal; }

.section { padding:clamp(90px,12vw,180px) clamp(22px,4vw,68px); border-bottom:1px solid var(--line); scroll-margin-top:72px; }
.integrations { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(560px,1.28fr); gap:8vw; align-items:center; background:#0b0f10; }
.integration-copy { max-width:520px; }
.integration-copy .kicker { margin-bottom:28px; }
.integration-copy h2 { margin:0; font-size:clamp(2.8rem,5vw,5.8rem); line-height:.94; letter-spacing:-.075em; }
.integration-copy h2 em { display:block; color:var(--accent); font-style:normal; }
.integration-copy > p:not(.kicker,.drag-instruction) { margin:28px 0; color:var(--muted); line-height:1.75; font-size:.92rem; }
.drag-instruction { margin:34px 0 0; padding-top:22px; border-top:1px solid var(--line); color:var(--text); font:400 .65rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.drag-instruction span { display:inline-grid; place-items:center; width:25px; height:25px; margin-right:10px; color:#07100f; background:var(--accent); border-radius:50%; }
.connection-lab { position:relative; min-height:720px; border:0; overflow:hidden; touch-action:none; background:radial-gradient(circle at 54% 44%,rgba(108,229,214,.13),transparent 31%),radial-gradient(ellipse at center,#080b0c 48%,rgba(8,11,12,.82) 72%,transparent 100%); -webkit-mask-image:radial-gradient(ellipse 97% 94% at center,#000 70%,transparent 100%); mask-image:radial-gradient(ellipse 97% 94% at center,#000 70%,transparent 100%); }
.lab-interaction-hint { position:absolute; z-index:6; left:50%; top:13%; transform:translateX(-50%); padding:10px 15px 10px 10px; display:grid; grid-template-columns:32px auto; column-gap:10px; align-items:center; color:var(--text); background:rgba(12,17,18,.88); border:1px solid var(--border-strong); border-radius:999px; box-shadow:0 12px 34px rgba(0,0,0,.22); pointer-events:none; animation:hint-breathe 2.4s ease-in-out infinite; transition:opacity .3s ease,transform .3s ease; }
.lab-interaction-hint>span { grid-row:1/3; width:32px; height:32px; display:grid; place-items:center; border-radius:50%; color:#07100f; background:var(--accent); font-size:1rem; }
.lab-interaction-hint strong { font-size:.68rem; line-height:1; text-transform:uppercase; letter-spacing:.08em; }
.lab-interaction-hint small { color:var(--muted); font-size:.6rem; }
.lab-interaction-hint.is-dismissed { opacity:0; transform:translate(-50%,-8px); }
.lab-grid { position:absolute; inset:0; opacity:.7; background-image:linear-gradient(rgba(108,229,214,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(108,229,214,.06) 1px,transparent 1px); background-size:46px 46px; mask-image:radial-gradient(circle at center,black,transparent 88%); }
.connection-lines { position:absolute; inset:0; width:100%; height:100%; overflow:visible; pointer-events:none; }
.connection-lines line { stroke:var(--accent); stroke-width:1.15; opacity:.34; stroke-dasharray:5 7; animation:connection-flow 10s linear infinite; }
.connection-lines line.is-backbone { stroke-width:1; stroke-dasharray:2 9; opacity:.5; }
.tech-node { position:absolute; left:var(--x); top:var(--y); width:92px; height:92px; padding:12px; transform:translate(-50%,-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(240,239,232,.24); border-radius:50%; color:var(--text); background:rgba(12,17,18,.94); box-shadow:0 12px 50px rgba(0,0,0,.28); cursor:grab; user-select:none; -webkit-user-select:none; animation:node-float 6s var(--float-delay,0s) ease-in-out infinite alternate; transition:border-color .2s ease,box-shadow .2s ease,transform .15s ease; }
.tech-node:hover,.tech-node:focus-visible,.tech-node.is-connected { outline:none; border-color:var(--accent); box-shadow:0 0 36px rgba(108,229,214,.13); }
.tech-node.is-dragging { z-index:4; cursor:grabbing; translate:0; scale:1.05; animation-play-state:paused; box-shadow:0 0 54px rgba(108,229,214,.24); }
.tech-node img { width:42px; height:42px; object-fit:contain; pointer-events:none; }
.tech-node .system-logo { width:40px; height:40px; fill:var(--accent); pointer-events:none; }
.legacy-logo { filter:invert(86%) sepia(30%) saturate(744%) hue-rotate(119deg) brightness(98%) contrast(88%); }
.node-core { width:116px; height:116px; border-color:var(--accent); background:var(--accent); color:#07100f; }
.node-core svg { width:48px; height:48px; pointer-events:none; }
.fixed-node { position:absolute; left:var(--x); top:var(--y); width:62px; height:54px; padding:10px; transform:translate(-50%,-50%); display:grid; place-items:center; border:1px solid var(--line); color:var(--text); background:#0d1213; box-shadow:0 10px 34px rgba(0,0,0,.28); }
.fixed-node img { width:28px; height:28px; object-fit:contain; }
.fixed-node::before { content:""; position:absolute; top:-5px; left:50%; width:7px; height:7px; transform:translateX(-50%); border-radius:50%; background:var(--accent); box-shadow:0 0 14px var(--accent); }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.backbone { grid-column:1/-1; display:grid; grid-template-columns:.4fr 1.4fr .7fr; gap:4vw; align-items:center; padding-top:40px; border-top:1px solid var(--line); }
.backbone > p { margin:0; color:var(--muted); font-size:.67rem; line-height:1.6; }
.backbone-list { display:grid; grid-template-columns:repeat(4,1fr); }
.backbone-list span { padding:12px 18px; border-left:1px solid var(--line); font-size:clamp(1rem,1.6vw,1.5rem); font-weight:700; letter-spacing:-.04em; }
.backbone-list i { display:block; margin-bottom:8px; color:var(--accent); font:400 .52rem "DM Mono",monospace; }
.section-intro { display:grid; grid-template-columns:1fr 2.1fr 1fr; gap:5vw; align-items:start; margin-bottom:80px; }
.section-intro h2,.principle h2,.method h2,.contact h2 { margin:0; font-size:clamp(2.9rem,5.7vw,6.5rem); line-height:.95; letter-spacing:-.075em; }
.section-intro > p:last-child,.principle-copy > p,.contact-heading > p { color:var(--muted); line-height:1.75; font-size:.94rem; }
.system-list { border-top:1px solid var(--line); }
.system-row { display:grid; grid-template-columns:8% 30% 1fr auto; gap:24px; align-items:center; min-height:160px; border-bottom:1px solid var(--line); transition:background .3s ease,padding .3s ease; }
.system-row:hover { padding:0 20px; background:var(--surface); }
.system-number { color:var(--accent); font:400 .66rem "DM Mono",monospace; }
.system-row h3 { margin:0; font-size:clamp(1.7rem,2.7vw,3.1rem); letter-spacing:-.055em; }
.system-row p { max-width:560px; margin:0; color:var(--muted); line-height:1.7; font-size:.9rem; }
.system-arrow { font-size:1.5rem; color:var(--accent); }

.principle { min-height:680px; display:grid; place-items:center; background:var(--surface); overflow:hidden; text-align:center; }
.principle-copy { max-width:900px; }
.principle-copy .kicker { margin-bottom:28px; }
.principle-copy > p { max-width:650px; margin:34px auto; }
.principle-note { display:flex; justify-content:center; gap:8px; padding-top:26px; border-top:1px solid var(--line); color:var(--muted); font:400 .62rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; }
.principle-note span:first-child::after { content:" / "; color:var(--accent); }

.success-stories { background:var(--bg); }
.stories-heading { display:grid; grid-template-columns:1.5fr .6fr; gap:8vw; align-items:end; margin-bottom:70px; }
.stories-heading h2 { margin:18px 0 0; font-size:clamp(2.9rem,5.7vw,6.5rem); line-height:.95; letter-spacing:-.075em; }
.stories-heading h2 em { color:var(--accent); font-style:normal; }
.stories-heading>p { margin:0; color:var(--muted); line-height:1.75; }
.stories-grid { display:flex; gap:clamp(24px,4vw,64px); overflow-x:auto; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:none; }
.stories-grid::-webkit-scrollbar { display:none; }
.story-card { flex:0 0 min(72vw,780px); scroll-snap-align:start; }
.story-card a { display:grid; grid-template-columns:1fr auto; gap:12px 24px; }
.story-card img { grid-column:1/-1; width:100%; aspect-ratio:16/10; object-fit:cover; filter:saturate(.86); transition:filter .35s ease,transform .35s ease; }
.story-card:hover img { filter:saturate(1); transform:translateY(-4px); }
.story-card-meta { grid-column:1/-1; margin:8px 0 0; color:var(--accent); font:500 .63rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.1em; }
.story-card h3 { margin:0; font-size:clamp(1.7rem,3vw,3.3rem); line-height:1; letter-spacing:-.06em; }
.story-card-excerpt { grid-column:1/-1; max-width:660px; margin:0; color:var(--muted); line-height:1.7; }
.story-card strong { color:var(--text); font-size:.8rem; }
.story-card span { color:var(--accent); font-size:.75rem; }
.stories-pagination { min-height:22px; margin-top:34px; display:flex; justify-content:center; align-items:center; gap:9px; }
.story-dot { width:7px; height:7px; padding:0; border:0; border-radius:50%; background:var(--muted); opacity:.38; transition:width .25s ease,opacity .25s ease,background .25s ease; }
.story-dot:hover,.story-dot:focus-visible { opacity:.8; outline:2px solid var(--accent); outline-offset:4px; }
.story-dot.is-active { width:28px; border-radius:999px; background:var(--accent); opacity:1; }

.method { display:grid; grid-template-columns:.85fr 1.3fr; gap:10vw; }
.method-heading { position:sticky; top:120px; align-self:start; }
.method-heading .kicker { margin-bottom:28px; }
.method-steps { margin:0; padding:0; list-style:none; }
.method-steps li { padding:0 0 64px; margin-bottom:64px; border-bottom:1px solid var(--line); }
.method-steps span { color:var(--accent); font:400 .65rem "DM Mono",monospace; text-transform:uppercase; letter-spacing:.12em; }
.method-steps strong { display:block; margin:18px 0; font-size:clamp(2rem,3vw,3.8rem); letter-spacing:-.065em; }
.method-steps p { max-width:540px; margin:0; color:var(--muted); line-height:1.7; }

.contact { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; background:#0b1010; }
.contact-heading .kicker { margin-bottom:28px; }.contact-heading > p { max-width:480px; margin:30px 0; }.contact-heading > a { color:var(--accent); font-size:.85rem; border-bottom:1px solid var(--border-strong); padding-bottom:5px; }
.leads-form { display:grid; gap:24px; }
.field-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
label { display:grid; gap:10px; color:rgba(240,239,232,.72); font-size:.72rem; }
input,select,textarea { width:100%; padding:13px 0; color:var(--text); background:transparent; border:0; border-bottom:1px solid rgba(240,239,232,.24); border-radius:0; outline:none; transition:border-color .2s ease; }
input:focus,select:focus,textarea:focus { border-color:var(--accent); }
input::placeholder,textarea::placeholder { color:#66706e; }
select option { color:var(--text); background:var(--surface); }
textarea { min-height:120px; resize:vertical; }
.form-actions { display:flex; align-items:center; gap:24px; margin-top:8px; }.form-actions p { margin:0; color:var(--muted); font-size:.68rem; }
.form-status { min-height:24px; margin:0; color:var(--accent); font-size:.75rem; }.form-status.is-success{color:#8ee6ad}.form-status.is-error{color:#ff9f9f}
button:disabled { cursor:wait; opacity:.65; }

footer { min-height:240px; padding:58px clamp(22px,4vw,68px); display:grid; grid-template-columns:1fr 1fr auto; gap:30px; align-content:center; color:var(--muted); }
.footer-brand { color:var(--text); font-size:1.5rem; }.footer-brand::after{content:"°";color:var(--accent)}
footer p { margin:0; font-size:.8rem; } footer div { display:flex; gap:24px; font-size:.72rem; } footer > span { grid-column:1/-1; padding-top:30px; border-top:1px solid var(--line); font:400 .6rem "DM Mono",monospace; }

.reveal { opacity:0; transform:translateY(30px); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1); }
.reveal.is-visible { opacity:1; transform:none; }

:root[data-theme="light"] body { background:#f2f4f1; }
:root[data-theme="light"] .topbar { border-bottom-color:rgba(16,38,48,.14); }
:root[data-theme="light"] .hero { background:#edf2ef; }
:root[data-theme="light"] .hero::after { background:linear-gradient(90deg,rgba(242,246,244,.94) 0%,rgba(242,246,244,.46) 52%,rgba(242,246,244,.68) 100%),linear-gradient(0deg,rgba(242,246,244,.88) 0%,transparent 46%); }
:root[data-theme="light"] .hero-visual { background:radial-gradient(circle at 63% 46%,rgba(8,126,155,.18),transparent 24%),radial-gradient(circle at 66% 49%,rgba(242,246,244,.04) 0,#edf2ef 67%); }
:root[data-theme="light"] .signal-field { background-image:linear-gradient(rgba(8,126,155,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(8,126,155,.09) 1px,transparent 1px); }
:root[data-theme="light"] .signal-field::before,
:root[data-theme="light"] .signal-field::after { border-color:rgba(8,126,155,.28); }
:root[data-theme="light"] .signal-core { color:#102630; background:rgba(247,250,248,.88); box-shadow:0 0 90px rgba(8,126,155,.12); }
:root[data-theme="light"] .visual-caption { color:rgba(16,38,48,.58); }
:root[data-theme="light"] .hero-copy,
:root[data-theme="light"] .nav { color:#526a72; }
:root[data-theme="light"] .text-link { color:#304b56; border-bottom-color:rgba(16,38,48,.28); }
:root[data-theme="light"] .proof-strip { background:#f7f8f4; }
:root[data-theme="light"] .integrations { background:#edf2f0; }
:root[data-theme="light"] .connection-lab { background:radial-gradient(circle at 54% 44%,rgba(8,126,155,.15),transparent 31%),radial-gradient(ellipse at center,#f6f8f5 48%,rgba(246,248,245,.84) 72%,transparent 100%); }
:root[data-theme="light"] .lab-interaction-hint { color:#102630; background:rgba(255,255,255,.9); box-shadow:0 12px 30px rgba(26,62,73,.12); }
:root[data-theme="light"] .lab-grid { background-image:linear-gradient(rgba(8,126,155,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(8,126,155,.09) 1px,transparent 1px); }
:root[data-theme="light"] .tech-node { color:#102630; background:rgba(255,255,255,.92); border-color:rgba(16,38,48,.2); box-shadow:0 12px 42px rgba(26,62,73,.12); }
:root[data-theme="light"] .tech-node:hover,
:root[data-theme="light"] .tech-node:focus-visible,
:root[data-theme="light"] .tech-node.is-connected { border-color:var(--accent); box-shadow:0 0 32px rgba(8,126,155,.14); }
:root[data-theme="light"] .node-core { color:#fff; background:var(--accent); }
:root[data-theme="light"] .fixed-node { background:#fff; border-color:rgba(16,38,48,.16); box-shadow:0 10px 30px rgba(26,62,73,.1); }
:root[data-theme="light"] .principle { background:#e7eeeb; }
:root[data-theme="light"] .success-stories { background:#f2f4f1; }
:root[data-theme="light"] .contact { background:#f5f2eb; }
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea { color:#102630; background:transparent; border-bottom-color:rgba(16,38,48,.28); }
:root[data-theme="light"] input::placeholder,
:root[data-theme="light"] textarea::placeholder { color:#718187; }
:root[data-theme="light"] footer { background:#edf2f0; }
@keyframes hero-in{to{opacity:1;transform:none}}@keyframes visual-in{to{opacity:1}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes spin-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}@keyframes pulse{50%{transform:scale(1.7);opacity:.45}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes connection-flow{to{stroke-dashoffset:-120}}@keyframes node-float{from{translate:0 -5px}to{translate:0 6px}}@keyframes hint-breathe{50%{translate:0 4px}}

@media(max-width:900px){
  .topbar{grid-template-columns:1fr auto}.nav{display:none}.hero-content{margin-top:30px}.hero::after{background:linear-gradient(90deg,rgba(8,11,12,.92),rgba(8,11,12,.32)),linear-gradient(0deg,rgba(8,11,12,.78),transparent)}.signal-field{transform:translateX(18%);opacity:.65}.visual-caption{display:none}.integrations{grid-template-columns:1fr}.integration-copy{max-width:660px}.connection-lab{min-height:720px}.backbone{grid-template-columns:1fr}.backbone-list{order:2}.backbone>p:last-child{order:3;max-width:430px}.section-intro{grid-template-columns:1fr 2fr}.section-intro>p:last-child{grid-column:2}.system-row{grid-template-columns:8% 34% 1fr auto}.contact,.method{grid-template-columns:1fr}.method-heading{position:static}.method-steps{margin-top:30px}.contact-heading{max-width:660px}.proof-strip{grid-template-columns:180px 1fr}
}
@media(max-width:620px){
  .topbar{height:72px}.topbar.topbar{padding:0 160px 0 16px}.header-actions{position:absolute;right:16px;gap:8px}.header-action{width:40px;height:40px;padding:0;display:grid;place-items:center;border:1px solid var(--line);font-size:0}.header-action span{display:none}.get-started-link::before{content:"GO";font:500 .6rem "DM Mono",monospace}.client-zone-link::before{content:"CZ";font:500 .6rem "DM Mono",monospace}.get-started-link{border-bottom-color:var(--border-strong)}.theme-toggle{top:15px!important;right:112px!important;width:40px!important;height:40px!important}.hero{min-height:720px}.hero-content{width:calc(100% - 32px)}.hero h1{font-size:clamp(3.8rem,18vw,5.7rem)}.hero-copy{max-width:92%;font-size:.9rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.signal-field{transform:translate(28%,4%)}.signal-core{width:130px;height:130px}.signal-core strong{font-size:1rem}.signal-field::before{width:100vw}.signal-field::after{width:72vw}.proof-strip{grid-template-columns:1fr;gap:18px;padding:24px 0}.proof-strip>p{margin:0;padding-left:16px}.section{padding:90px 16px}.connection-lab{min-height:650px;-webkit-mask-image:radial-gradient(ellipse 110% 94% at center,#000 72%,transparent 100%);mask-image:radial-gradient(ellipse 110% 94% at center,#000 72%,transparent 100%)}.tech-node{width:66px;height:66px;padding:8px}.tech-node img{width:27px;height:27px}.node-core{width:82px;height:82px}.node-core svg{width:38px;height:38px}.fixed-node{width:48px;height:42px;padding:7px}.fixed-node img{width:21px;height:21px}.backbone-list{grid-template-columns:1fr 1fr}.backbone-list span{padding:16px;border-bottom:1px solid var(--line)}.section-intro{display:block;margin-bottom:50px}.section-intro .kicker{margin-bottom:24px}.section-intro>p:last-child{margin-top:26px}.system-row{grid-template-columns:35px 1fr auto;gap:8px;padding:28px 0;align-items:start}.system-row:hover{padding:28px 8px}.system-row h3{font-size:1.7rem}.system-row p{grid-column:2/4;margin-top:8px}.principle-note{display:block;line-height:2}.principle-note span:first-child::after{content:""}.stories-heading{grid-template-columns:1fr;margin-bottom:45px}.story-card{flex-basis:88vw;margin-bottom:0}.story-card a{grid-template-columns:1fr}.story-card>*{grid-column:auto}.method-steps li{padding-bottom:44px;margin-bottom:44px}.field-row{grid-template-columns:1fr}.form-actions{align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;min-height:320px}footer div{flex-wrap:wrap}footer>span{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.signal-field,.signal-field::after,.orbit,.signal-node,.marquee div,.hero-content>*,.lab-interaction-hint{animation:none;opacity:1}.reveal{opacity:1;transform:none;transition:none}}