:root {
  --ink: #e8f0eb;
  --muted: #8b9a91;
  --dim: #53615a;
  --bg: #07110e;
  --panel: #0b1713;
  --panel-2: #0e1d18;
  --line: rgba(191, 218, 202, 0.15);
  --acid: #b8f45c;
  --mint: #75e3b7;
  --orange: #fb8d54;
  --mono: "DM Mono", monospace;
  --sans: "Manrope", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--bg); font-family: var(--sans); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.grain { position: fixed; inset: 0; pointer-events: none; z-index: 20; opacity: .045; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.section-shell { width: min(1240px, calc(100% - 64px)); margin-inline: auto; }
.site-header { height: 84px; width: min(1380px, calc(100% - 64px)); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); position: relative; z-index: 10; }
.brand { display: flex; gap: 12px; align-items: center; font-size: 22px; font-weight: 650; letter-spacing: -.04em; }
.brand-mark { width: 24px; height: 24px; position: relative; display: inline-block; }
.brand-mark i { position: absolute; width: 7px; height: 7px; border: 1px solid var(--acid); border-radius: 50%; }
.brand-mark i:nth-child(1) { left: 1px; top: 8px; }
.brand-mark i:nth-child(2) { right: 1px; top: 1px; }
.brand-mark i:nth-child(3) { right: 2px; bottom: 1px; }
.brand-mark:before, .brand-mark:after { content: ""; position: absolute; height: 1px; background: var(--acid); width: 13px; left: 6px; transform-origin: left; }
.brand-mark:before { top: 10px; transform: rotate(-32deg); }
.brand-mark:after { top: 13px; transform: rotate(31deg); }
nav { display: flex; gap: 38px; font-family: var(--mono); font-size: 11px; letter-spacing: .08em; color: var(--muted); text-transform: uppercase; }
nav a, .github-shortcut { transition: color .25s ease; }
nav a:hover, nav a[aria-current="page"] { color: var(--acid); }
.github-shortcut { display:flex;align-items:center;gap:8px;font:10px var(--mono);text-transform:uppercase;letter-spacing:.07em;border:1px solid var(--line);padding:10px 12px; }
.github-shortcut:hover { color:var(--acid);border-color:rgba(184,244,92,.55); }
.github-shortcut svg { width:15px;height:15px;fill:currentColor; }.github-shortcut b { color:var(--acid);font-weight:400;border-left:1px solid var(--line);padding-left:9px;min-width:16px;text-align:center; }
.header-tools{display:flex;align-items:center;gap:8px}.language-picker{position:relative;display:flex}.language-picker select{appearance:none;background:#09130f;color:var(--ink);border:1px solid var(--line);border-radius:0;padding:11px 30px 11px 12px;font:9px var(--mono);letter-spacing:.08em;cursor:pointer}.language-picker:after{content:"⌄";position:absolute;right:10px;top:50%;transform:translateY(-57%);color:var(--acid);font-size:10px;pointer-events:none}.language-picker select:hover,.language-picker select:focus{border-color:rgba(184,244,92,.55);outline:none}.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}
.mobile-menu-toggle{display:none;width:38px;height:38px;padding:9px;background:#09130f;border:1px solid var(--line);color:var(--ink);cursor:pointer;place-content:center;gap:4px}.mobile-menu-toggle>i{display:block;width:16px;height:1px;background:currentColor;transition:transform .25s,opacity .25s}.mobile-menu-toggle.is-open>i:nth-of-type(1){transform:translateY(5px) rotate(45deg)}.mobile-menu-toggle.is-open>i:nth-of-type(2){opacity:0}.mobile-menu-toggle.is-open>i:nth-of-type(3){transform:translateY(-5px) rotate(-45deg)}

.hero { min-height: 760px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 30px; padding: 88px 0 105px; }
.eyebrow, .section-index, .card-tag { color: var(--muted); font: 10px var(--mono); text-transform: uppercase; letter-spacing: .15em; }
.eyebrow span { width: 7px; height: 7px; display: inline-block; background: var(--acid); border-radius: 50%; box-shadow: 0 0 16px var(--acid); margin-right: 10px; }
h1 { font-size: clamp(58px, 7vw, 98px); line-height: .94; margin: 30px 0; letter-spacing: -.075em; font-weight: 500; }
h1 em, h2 em { color: var(--acid); font-style: normal; }
.hero-lead { max-width: 590px; font-size: 17px; line-height: 1.75; color: #aab7af; }
.hero-actions { display: flex; gap: 12px; margin-top: 38px; }
.button { padding: 17px 21px; font: 11px var(--mono); letter-spacing: .07em; text-transform: uppercase; border: 1px solid var(--line); transition: transform .25s, background .25s, border-color .25s; }
.button:hover { transform: translateY(-2px); border-color: rgba(184,244,92,.7); }
.button span { margin-left: 20px; }
.button-primary { background: var(--acid); color: #0a130f; border-color: var(--acid); }
.button-primary:hover { background: #cdfb85; }
.button-ghost { background: rgba(13,27,22,.6); }
.button-ghost span { color: var(--acid); }
.hero-meta { display: flex; gap: 30px; color: var(--muted); font: 9px var(--mono); text-transform: uppercase; margin-top: 54px; }
.hero-meta b { color: var(--acid); font-weight: 400; margin-right: 5px; }
.graph-stage { min-height: 570px; position: relative; overflow: hidden; border: 1px solid var(--line); background: radial-gradient(circle at 50% 48%, rgba(117,227,183,.10), transparent 37%), linear-gradient(rgba(186,217,200,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(186,217,200,.045) 1px, transparent 1px); background-size: auto, 38px 38px, 38px 38px; clip-path: polygon(0 7%, 7% 0, 100% 0, 100% 93%, 93% 100%, 0 100%); }
#graph-canvas { width: 100%; height: 100%; position: absolute; inset: 0; }
.graph-orbit { position: absolute; border: 1px solid rgba(184,244,92,.12); border-radius: 50%; pointer-events: none; }
.orbit-one { width: 330px; height: 330px; left: 50%; top: 49%; transform: translate(-50%,-50%); }
.orbit-two { width: 470px; height: 470px; left: 50%; top: 49%; transform: translate(-50%,-50%); border-style: dashed; }
.graph-label { position: absolute; color: var(--muted); font: 8px var(--mono); letter-spacing: .1em; }
.graph-label span { display: inline-block; width: 5px; height: 5px; background: var(--mint); border-radius: 50%; margin-right: 5px; }
.graph-label-a { left: 15%; top: 28%; }.graph-label-b { right: 14%; top: 38%; }.graph-label-c { left: 22%; bottom: 19%; }
.graph-status { position: absolute; top: 22px; right: 22px; font: 9px var(--mono); color: var(--muted); }
.graph-status i, .live-pill i { width: 6px; height: 6px; display: inline-block; border-radius: 50%; background: var(--acid); margin-right: 6px; animation: pulse 1.8s infinite; }
.graph-counter { position: absolute; bottom: 25px; right: 26px; display: flex; align-items: flex-end; gap: 8px; }
.graph-counter span { font: 32px var(--mono); color: var(--acid); }.graph-counter small { font: 7px var(--mono); color: var(--muted); padding-bottom: 6px; }
@keyframes pulse { 50% { opacity: .25; box-shadow: 0 0 0 7px rgba(184,244,92,.12); } }

.manifesto { padding: 130px 0 95px; border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 4fr; }
.kicker { color: var(--mint); font: 11px var(--mono); text-transform: uppercase; letter-spacing: .1em; }
h2 { font-size: clamp(47px, 6vw, 78px); font-weight: 500; line-height: 1.03; letter-spacing: -.065em; margin: 18px 0 50px; }
.manifesto h2 span { color: #5f6c65; }
.manifesto-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; color: #9aa89f; font-size: 16px; line-height: 1.75; max-width: 900px; }
.comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.compare-card { min-height: 560px; background: var(--panel); padding: 42px; position: relative; overflow: hidden; }
.muted-card { background: #09130f; }.muted-card:after { content: ""; position: absolute; inset: 0; background: linear-gradient(135deg, transparent, rgba(3,7,6,.4)); pointer-events: none; }
.json-stack { height: 205px; padding: 50px 20px; font: 12px var(--mono); color: #66746c; position: relative; }
.json-stack div { border: 1px solid rgba(150,165,155,.13); padding: 14px 18px; position: absolute; width: 70%; background: #0a1511; }
.json-stack div:nth-child(1){transform: rotate(-4deg);left: 5%;top: 55px}.json-stack div:nth-child(2){transform: rotate(3deg);left: 15%;top: 92px}.json-stack div:nth-child(3){transform: rotate(-1deg);left: 9%;top: 130px;color:var(--orange)}
.compare-card h3 { font-size: 31px; letter-spacing: -.045em; line-height: 1.1; margin: 27px 0 20px; font-weight: 500; }
.compare-card p { color: var(--muted); line-height: 1.7; max-width: 420px; font-size: 14px; }
.active-card { background: radial-gradient(circle at 50% 24%, rgba(184,244,92,.08), transparent 40%), var(--panel-2); }
.active-card .card-tag { color: var(--acid); }.mini-graph { height: 205px; }.mini-graph svg { width: 100%; height: 100%; overflow: visible; }
.mini-lines path { fill:none;stroke:rgba(117,227,183,.35);stroke-width:1; }.mini-nodes circle { fill:#0e1d18;stroke:var(--acid);stroke-width:1.5;filter:drop-shadow(0 0 7px rgba(184,244,92,.45)); }

.temporal { padding: 150px 0; }
.temporal-heading { max-width: 750px; margin-left: 20%; padding-top: 15px; }
.temporal-heading > p:last-child { max-width: 570px; color: var(--muted); line-height: 1.75; }
.timeline-card { margin-top: 80px; border: 1px solid var(--line); background: linear-gradient(180deg, #0d1a16, #09130f); }
.timeline-toolbar { display:flex;justify-content:space-between; padding: 19px 23px; border-bottom: 1px solid var(--line); color:var(--muted);font:9px var(--mono);letter-spacing:.1em; }
.live-pill { color: var(--mint); }
.temporal-graph { border-bottom:1px solid var(--line);background:radial-gradient(circle at 46% 50%,rgba(117,227,183,.08),transparent 32%),#09130f; }
.temporal-graph-head { height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 23px;border-bottom:1px solid var(--line); }
.temporal-graph-head>div:first-child{display:flex;flex-direction:column;gap:5px}.temporal-graph-head small{font:7px var(--mono);color:var(--dim)}.temporal-graph-head strong{font:10px var(--mono);font-weight:400;color:#aebbb3}.graph-version{font:8px var(--mono);color:var(--dim);text-transform:uppercase}.graph-version span{color:var(--acid)}.graph-version i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--dim);margin:0 8px 2px}
.temporal-graph-canvas { height:390px;position:relative;overflow:hidden; }.temporal-graph-canvas>svg{width:76%;height:100%;overflow:visible}.graph-grid-lines path{fill:none;stroke:rgba(185,215,198,.035);stroke-width:1}
.timeline-graph-element { opacity:0;transition:opacity .45s ease;pointer-events:none}.timeline-graph-element.visible{opacity:1}.graph-node.is-new circle,.graph-node.is-new rect{animation:node-highlight .75s ease-out}
.graph-node circle,.graph-node rect{fill:#0d1b16;stroke:var(--mint);stroke-width:1.2}.graph-node .node-core{fill:var(--acid);stroke:none}.graph-node .node-orbit{fill:none;stroke:rgba(184,244,92,.25);stroke-dasharray:3 5}.graph-node text{fill:#b5c2ba;font:8px var(--mono);text-anchor:middle;letter-spacing:.08em}.graph-node text:not(.node-type){transform:translateY(0)}.graph-node.node-case text:first-of-type{fill:var(--acid);font-size:9px}.graph-node .node-type{fill:var(--dim);font-size:7px}.node-human rect{stroke:var(--acid)}.node-human>text:first-of-type{fill:var(--acid);font-size:11px}
.graph-edge path{fill:none;stroke:rgba(117,227,183,.48);stroke-width:1;marker-end:url(#timeline-arrow);stroke-dasharray:220;stroke-dashoffset:0}.graph-edge text{fill:#57675e;font:7px var(--mono);letter-spacing:.07em}.graph-edge.is-new path{animation:edge-draw .8s ease-out}.review-edge path{stroke:rgba(184,244,92,.55)}#timeline-arrow path{fill:var(--mint)}
.mutation-card{position:absolute;right:24px;top:72px;width:245px;min-height:200px;border:1px solid var(--line);background:rgba(12,25,20,.93);padding:20px;display:flex;flex-direction:column;box-shadow:0 25px 50px rgba(0,0,0,.2)}.mutation-card-top{display:flex;justify-content:space-between;font:7px var(--mono);color:var(--dim)}.mutation-card-top span{color:var(--mint)}.mutation-card-top i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--acid);margin-right:5px}.mutation-card strong{font:11px var(--mono);font-weight:400;color:var(--acid);margin:37px 0 12px}.mutation-card code{font:9px/1.65 var(--mono);color:#a9b6ae;white-space:normal}.mutation-card>small{font:7px var(--mono);color:var(--dim);margin-top:auto}.mutation-flash{animation:mutation-flash .55s ease-out}
@keyframes node-highlight{0%{stroke-width:1;fill:#0d1b16}45%{stroke-width:4;fill:rgba(184,244,92,.18)}100%{stroke-width:1.2;fill:#0d1b16}}@keyframes edge-draw{from{stroke-dashoffset:220}to{stroke-dashoffset:0}}@keyframes mutation-flash{0%{border-color:var(--acid);box-shadow:0 0 35px rgba(184,244,92,.22)}100%{border-color:var(--line)}}
.timeline-visual { height: 230px; position: relative; margin: 0 48px; }
.time-axis { position:absolute;inset:35px 0 auto;display:flex;justify-content:space-between;color:#55645c;font:8px var(--mono); }
.time-axis span:before { content:"";display:block;width:1px;height:76px;background:var(--line);margin:7px auto; }
.time-line { position:absolute;left:0;right:0;top:135px;height:1px;background:linear-gradient(90deg,var(--mint),var(--acid)); }
.time-node { position:absolute;left:var(--pos);top:127px;width:17px;height:17px;border-radius:50%;transform:translateX(-50%);background:#0d1915;border:1px solid var(--acid);cursor:pointer;transition:.25s; }
.time-node:hover,.time-node.active { background:var(--acid);box-shadow:0 0 0 7px rgba(184,244,92,.1),0 0 25px rgba(184,244,92,.4); }
.snapshot-detail { border-top:1px solid var(--line);display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;align-items:center;padding:22px 24px;gap:20px; }
.snapshot-detail div { display:flex;flex-direction:column;gap:7px; }.snapshot-detail small { font:8px var(--mono);color:var(--dim); }.snapshot-detail strong { font:12px var(--mono);font-weight:400;color:#b8c5bd; }
.confidence-meter { height:3px;background:rgba(184,244,92,.12);display:block!important; }.confidence-meter i { height:100%;background:var(--acid);display:block;transition:width .35s ease; }

.query-section { padding: 120px 0 160px; border-top:1px solid var(--line);display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center; }
.query-copy h2 { margin-bottom:30px; }.query-copy > p:not(.kicker) { color:var(--muted);line-height:1.75;max-width:480px; }
.query-copy ul { list-style:none;padding:0;margin:40px 0 0; }.query-copy li { padding:14px 0;border-top:1px solid var(--line);font:11px var(--mono);color:#a5b3aa; }.query-copy li span { color:var(--acid);margin-right:20px; }
.code-window { border:1px solid var(--line);background:#09130f;box-shadow:0 35px 80px rgba(0,0,0,.25); }
.code-top { height:48px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:var(--dim);font:9px var(--mono); }.code-top i { width:6px;height:6px;border-radius:50%;background:#39463f;display:inline-block;margin-right:5px; }.code-top b {font-weight:400}.code-top em{font-style:normal}
pre { margin:0;padding:46px 24px;overflow:auto;font:12px/2.2 var(--mono);color:#95a39a; }.line-no{color:#344139;user-select:none}.kw{color:var(--acid)}.type{color:var(--mint)}.str{color:#e9af84}.num{color:#cfb4f6}
.code-result { border-top:1px solid var(--line);padding:16px 18px;display:flex;justify-content:space-between;color:var(--dim);font:8px var(--mono); }.code-result span:first-child {color:var(--mint)}

.pillars { padding:145px 0; border-top:1px solid var(--line); }
.pillars-heading { display:flex;justify-content:space-between;align-items:end;margin:20px 0 70px; }.pillars-heading h2{margin:20px 0 0}.pillars-heading p{max-width:420px;color:var(--muted);line-height:1.75;font-size:14px;margin-bottom:8px}.pillars-heading em{color:var(--mint)}
.pillar-grid {display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.pillar-grid article{min-height:390px;padding:30px;border-right:1px solid var(--line);position:relative;transition:background .3s}.pillar-grid article:last-child{border:0}.pillar-grid article:hover{background:var(--panel)}
.pillar-icon{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;color:var(--acid);font-size:20px;margin-bottom:90px}.pillar-grid article>span{font:9px var(--mono);color:var(--dim)}.pillar-grid h3{font-size:25px;line-height:1.15;font-weight:500;margin:16px 0}.pillar-grid p{color:var(--muted);font-size:13px;line-height:1.65}
.capabilities{padding:145px 0;border-top:1px solid var(--line)}.capabilities-heading{display:grid;grid-template-columns:1.5fr .7fr;gap:70px;align-items:end;margin:22px 0 70px}.capabilities-heading h2{font-size:clamp(43px,5vw,68px);margin-bottom:0}.capabilities-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 8px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability-grid article{min-height:285px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(11,23,19,.34);transition:background .3s,border-color .3s}.capability-grid article:hover,.capability-grid article:focus-within{background:var(--panel);border-color:rgba(184,244,92,.38)}.capability-grid article>a{display:block;color:inherit;text-decoration:none;height:100%}.capability-grid article span{font:8px var(--mono);color:var(--mint);letter-spacing:.09em}.capability-grid h3{font-size:23px;font-weight:500;letter-spacing:-.035em;margin:55px 0 16px}.capability-grid p{color:var(--muted);font-size:13px;line-height:1.7}.capability-grid article>a>b{display:inline-block;margin-top:22px;color:var(--acid);font:500 8px var(--mono);letter-spacing:.08em;text-transform:uppercase}.capabilities-cta{border:1px solid var(--line);border-top:0;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;background:#09130f;font:9px var(--mono);text-transform:uppercase;color:var(--muted);letter-spacing:.07em}.capabilities-cta a{color:var(--ink)}.capabilities-cta b{color:var(--acid);margin-left:18px}
.closing { min-height:650px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(117,227,183,.08),transparent 40%),var(--panel);position:relative;overflow:hidden; }.closing h2{margin:18px 0 25px}.closing>p:not(.kicker){color:var(--muted);max-width:580px;line-height:1.7}.closing-graph{position:absolute;inset:0;opacity:.25;pointer-events:none}.closing-graph span{position:absolute;width:8px;height:8px;border:1px solid var(--acid);border-radius:50%}.closing-graph span:nth-child(1){left:12%;top:22%}.closing-graph span:nth-child(2){left:23%;bottom:18%}.closing-graph span:nth-child(3){right:15%;top:25%}.closing-graph span:nth-child(4){right:25%;bottom:16%}.closing-graph span:nth-child(5){left:50%;top:8%}
footer {min-height:170px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;color:var(--dim);font:9px var(--mono);text-transform:uppercase;letter-spacing:.08em}footer p:nth-child(2){text-align:center}footer p:last-child{text-align:right}
.reveal { opacity:0; transform:translateY(22px); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1); }.reveal.visible { opacity:1;transform:none; }

@media (max-width: 1380px) {
  .site-header{width:min(100% - 32px,1380px)}.site-header nav{gap:10px;font-size:8px;letter-spacing:.04em}.brand{font-size:20px}.github-shortcut span,.github-shortcut b{display:none}
}
@media (max-width: 1180px) {
  .site-header{width:min(100% - 40px,1380px)}.site-header nav{gap:14px;font-size:9px;letter-spacing:.05em}.brand{font-size:20px}.github-shortcut{padding-inline:9px}
}
@media (max-width: 980px) {
  .site-header nav{gap:10px;font-size:8px}.github-shortcut span,.github-shortcut b{display:none}.hero{grid-template-columns:1fr;padding-top:65px}.graph-stage{min-height:520px}.manifesto{grid-template-columns:1fr;gap:30px}.temporal-heading{margin-left:0}.query-section{grid-template-columns:1fr}.pillar-grid{grid-template-columns:1fr 1fr}.pillar-grid article:nth-child(2){border-right:0}.pillar-grid article{border-bottom:1px solid var(--line)}.capabilities-heading{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 900px) {
  .site-header{justify-content:flex-start}.site-header nav{display:flex;position:absolute;left:0;right:0;top:83px;padding:25px;gap:0;flex-direction:column;background:rgba(7,17,14,.98);border:1px solid var(--line);box-shadow:0 30px 65px rgba(0,0,0,.45);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s,visibility .25s;z-index:30}.site-header nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none}.site-header nav a{padding:17px 5px;border-bottom:1px solid var(--line);font-size:12px}.site-header nav a:last-child{border-bottom:0}.mobile-menu-toggle{display:grid;margin-left:5px;flex:0 0 auto}.menu-open{overflow:hidden}.header-tools{gap:5px;margin-left:auto}.language-picker select{padding:10px 25px 10px 9px;font-size:8px}.language-picker:after{right:8px}.github-shortcut{padding-inline:10px}.github-shortcut span,.github-shortcut b{display:none}
}
@media (max-width: 760px) {
  .section-shell,.site-header{width:min(100% - 34px,1240px)}.github-shortcut{padding:10px;font-size:8px}.hero{min-height:auto;padding:64px 0 80px}.hero-meta{flex-wrap:wrap;gap:14px 20px}.graph-stage{min-height:430px}.manifesto{padding:95px 0 65px}.manifesto-grid,.comparison{grid-template-columns:1fr}.compare-card{min-height:510px;padding:30px}.temporal{padding:100px 0}.timeline-visual{margin:0 20px}.snapshot-detail{grid-template-columns:1fr 1fr}.confidence-meter{grid-column:1/-1}.query-section{padding:90px 0;gap:50px}.pillars,.capabilities{padding:100px 0}.pillars-heading{display:block}.pillar-grid,.capability-grid{grid-template-columns:1fr}.pillar-grid article{border-right:0;min-height:320px}.pillar-icon{margin-bottom:55px}.capabilities-heading{gap:25px}.capability-grid article{min-height:245px}.capability-grid h3{margin-top:40px}.capabilities-cta{align-items:flex-start;gap:15px;flex-direction:column}.closing{min-height:590px;padding-inline:22px}.closing .hero-actions{flex-direction:column}.hero-actions{flex-wrap:wrap}footer{grid-template-columns:1fr;text-align:center;gap:10px;padding:45px 0}footer .brand{justify-content:center}footer p:nth-child(2),footer p:last-child{text-align:center}h1{font-size:56px}.orbit-two{width:380px;height:380px}.orbit-one{width:280px;height:280px}
  .temporal-graph-canvas{height:610px}.temporal-graph-canvas>svg{width:100%;height:390px}.mutation-card{left:20px;right:20px;top:auto;bottom:20px;width:auto;min-height:170px}.mutation-card strong{margin-top:25px}.temporal-graph-head{padding-inline:18px}.graph-version{font-size:7px}
}
@media (prefers-reduced-motion: reduce) {
  html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.graph-status i,.live-pill i{animation:none}*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
