:root {
  --bg: #f7f8f6;
  --surface: #ffffff;
  --surface-2: #eef1ed;
  --ink: #101512;
  --muted: #5f6963;
  --line: #dce2dd;
  --accent: #315cf4;
  --accent-2: #08a79a;
  --accent-soft: #e9edff;
  --success: #168765;
  --warning: #cc7a16;
  --danger: #c44242;
  --shadow: 0 20px 70px rgba(18, 27, 22, .09);
  --radius: 22px;
  --radius-sm: 12px;
  --max: 1240px;
  --section: clamp(5rem, 10vw, 10rem);
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); font-size: 16px; line-height: 1.6; overflow-x: hidden; }
button, input, select, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img, svg { max-width: 100%; }
:focus-visible { outline: 3px solid rgba(49,92,244,.35); outline-offset: 3px; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 1000; background: var(--ink); color: white; padding: .7rem 1rem; border-radius: 8px; }
.skip-link:focus { top: 1rem; }
.container { width: min(calc(100% - 2rem), var(--max)); margin-inline: auto; }
.section { padding-block: var(--section); position: relative; }
.section-tight { padding-block: clamp(3rem, 6vw, 6rem); }
.eyebrow { display: flex; align-items: center; gap: .7rem; text-transform: uppercase; letter-spacing: .14em; font-size: .76rem; font-weight: 750; color: var(--muted); }
.eyebrow::before { content: ""; width: 1.7rem; height: 1px; background: var(--accent); }
h1, h2, h3, p { margin-top: 0; }
h1, h2 { letter-spacing: -.055em; line-height: .98; text-wrap: balance; }
h1 { font-size: clamp(3.15rem, 8.5vw, 8rem); font-weight: 620; }
h2 { font-size: clamp(2.5rem, 5.6vw, 5.8rem); font-weight: 610; }
h3 { font-size: clamp(1.2rem, 2vw, 1.55rem); line-height: 1.2; letter-spacing: -.025em; }
.lead { font-size: clamp(1.1rem, 2vw, 1.45rem); line-height: 1.55; color: var(--muted); max-width: 720px; }
.muted { color: var(--muted); }
.kicker { font-size: clamp(1.5rem, 2.7vw, 2.7rem); line-height: 1.18; letter-spacing: -.035em; }
.actions { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; }
.btn { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; padding: .8rem 1.15rem; border-radius: 999px; border: 1px solid var(--line); font-weight: 720; letter-spacing: -.01em; cursor: pointer; transition: transform .22s ease, box-shadow .22s ease, background .22s ease; background: transparent; color: var(--ink); }
.btn:hover { transform: translateY(-2px); box-shadow: 0 9px 24px rgba(17,24,20,.1); }
.btn-primary { background: var(--ink); color: white; border-color: var(--ink); }
.btn-accent { background: var(--accent); color: white; border-color: var(--accent); }
.btn-quiet { background: rgba(255,255,255,.78); }
.chip { display: inline-flex; align-items: center; gap: .45rem; padding: .35rem .65rem; border: 1px solid var(--line); background: rgba(255,255,255,.76); border-radius: 999px; font-size: .78rem; font-weight: 700; color: var(--muted); }
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 0 4px rgba(22,135,101,.12); }

/* Navigation */
.site-header { position: fixed; inset: .65rem 0 auto; z-index: 90; transition: transform .3s ease; }
.nav-shell { width: min(calc(100% - 1rem), 1360px); margin: auto; border: 1px solid rgba(211,218,213,.9); background: rgba(250,251,249,.88); backdrop-filter: blur(18px); border-radius: 18px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; min-height: 64px; padding: 0 .8rem 0 1rem; box-shadow: 0 12px 40px rgba(14,19,16,.05); }
.brand { display: inline-flex; align-items: center; gap: .6rem; font-weight: 780; letter-spacing: -.025em; }
.brand-mark { width: 27px; height: 27px; flex: 0 0 auto; }
.nav-links { display: flex; gap: .2rem; align-items: center; }
.nav-item { position: relative; }
.nav-trigger, .nav-link { display: inline-flex; border: 0; background: none; padding: .7rem .78rem; font-size: .88rem; font-weight: 650; color: #36403a; cursor: pointer; border-radius: 10px; }
.nav-trigger:hover, .nav-link:hover { background: white; color: var(--ink); }
.nav-actions { display: flex; justify-content: flex-end; gap: .5rem; }
.nav-actions .btn { min-height: 40px; padding: .55rem .9rem; font-size: .86rem; }
.mega { display: none; position: fixed; top: 76px; left: 50%; transform: translateX(-50%); width: min(calc(100% - 2rem), 980px); background: rgba(255,255,255,.98); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); padding: 1rem; grid-template-columns: 1.2fr 2fr; gap: 1rem; }
.nav-item.open .mega { display: grid; animation: menuIn .22s ease; }
.mega-feature { border-radius: 15px; color: white; padding: 1.5rem; background: #121916; position: relative; overflow: hidden; }
.mega-feature::after { content: ""; position: absolute; width: 180px; height: 180px; border: 1px solid #4561ff; border-radius: 50%; right: -60px; bottom: -80px; box-shadow: 0 0 0 32px rgba(49,92,244,.08), 0 0 0 64px rgba(49,92,244,.05); }
.mega-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: .25rem; }
.mega-link { padding: .75rem; border-radius: 10px; }
.mega-link:hover { background: var(--surface-2); }
.mega-link strong { display: block; font-size: .9rem; }
.mega-link span { display: block; font-size: .76rem; color: var(--muted); }
.mobile-toggle { display: none; width: 42px; height: 42px; border: 1px solid var(--line); border-radius: 12px; background: white; justify-content: center; align-items: center; cursor: pointer; }
.mobile-drawer { display: none; }
@keyframes menuIn { from { opacity: 0; transform: translate(-50%,-8px); } }

/* Hero */
.hero { min-height: 100svh; padding: clamp(8.4rem, 13vw, 10rem) 0 4rem; display: grid; align-items: center; overflow: hidden; }
.hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(2rem,5vw,6rem); align-items: center; }
.hero h1 { margin: 1.5rem 0 1.8rem; }
.hero h1 .accent-word { color: var(--accent); }
.hero-copy .lead { max-width: 650px; }
.hero-copy .actions { margin-top: 2rem; }
.hero-note { margin-top: 1.4rem; display: flex; gap: 1rem; align-items: center; color: var(--muted); font-size: .82rem; }
.signal-stage { min-height: 610px; position: relative; display: grid; place-items: center; }
.signal-orbit { position: absolute; border: 1px solid #ccd4ce; border-radius: 50%; animation: orbitPulse 5s ease-in-out infinite; }
.signal-orbit.o1 { width: 94%; aspect-ratio: 1; }
.signal-orbit.o2 { width: 70%; aspect-ratio: 1; animation-delay: -1s; }
.signal-orbit.o3 { width: 45%; aspect-ratio: 1; animation-delay: -2s; }
.core-node { position: relative; z-index: 3; width: 160px; aspect-ratio: 1; background: var(--ink); color: white; border-radius: 50%; display: grid; place-items: center; text-align: center; box-shadow: 0 25px 70px rgba(10,16,13,.25); }
.core-node span { font-size: .68rem; text-transform: uppercase; letter-spacing: .12em; color: #b8c0ba; }
.core-node strong { display: block; line-height: 1.1; }
.signal-node { position: absolute; z-index: 4; border: 1px solid var(--line); background: rgba(255,255,255,.94); border-radius: 14px; padding: .75rem .85rem; box-shadow: 0 12px 32px rgba(20,31,25,.09); min-width: 116px; animation: float 5s ease-in-out infinite; }
.signal-node small { display: block; color: var(--muted); text-transform: uppercase; letter-spacing: .08em; font-size: .62rem; }
.signal-node strong { font-size: .88rem; }
.signal-node.n1 { top: 8%; left: 12%; }.signal-node.n2 { top: 16%; right: 0; animation-delay: -1s; }.signal-node.n3 { left: 0; bottom: 24%; animation-delay: -2s; }.signal-node.n4 { right: 7%; bottom: 12%; animation-delay: -3s; }.signal-node.n5 { left: 38%; bottom: 0; animation-delay: -4s; }
.thread { position: absolute; height: 1px; background: linear-gradient(90deg, transparent, var(--accent), transparent); transform-origin: left; opacity: .65; animation: threadFlow 2.7s linear infinite; }
.thread.t1 { width: 47%; left: 12%; top: 24%; transform: rotate(27deg); }.thread.t2 { width: 40%; right: 8%; top: 29%; transform: rotate(145deg); }.thread.t3 { width: 47%; left: 10%; bottom: 26%; transform: rotate(-25deg); }.thread.t4 { width: 38%; right: 12%; bottom: 24%; transform: rotate(205deg); }
@keyframes orbitPulse { 50% { transform: scale(1.025); border-color: #aebbb2; } }
@keyframes float { 50% { transform: translateY(-8px); } }
@keyframes threadFlow { 0%,100%{opacity:.18}50%{opacity:.9} }

/* Editorial sections */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(2rem,7vw,7rem); align-items: start; }
.sticky-intro { position: sticky; top: 110px; }
.system-cloud { display: grid; grid-template-columns: repeat(2,1fr); gap: .7rem; }
.source-card { background: var(--surface); border: 1px solid var(--line); padding: 1.05rem; border-radius: 14px; display: flex; align-items: center; justify-content: space-between; min-height: 72px; transition: .25s ease; }
.source-card:hover { transform: translateX(5px); border-color: #aebbb2; }
.source-card span { width: 29px; height: 29px; border-radius: 9px; display: grid; place-items: center; color: var(--accent); background: var(--accent-soft); font-size: .8rem; font-weight: 800; }
.unify-bar { grid-column: 1/-1; margin-top: .8rem; border-radius: 16px; padding: 1.2rem 1.3rem; background: var(--ink); color: white; display: flex; align-items: center; justify-content: space-between; }
.unify-bar .signal-line { width: 35%; height: 2px; background: linear-gradient(90deg,#4f74ff,#36c9b9); position: relative; overflow: hidden; }
.unify-bar .signal-line::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,white,transparent); animation: scan 2s linear infinite; }
@keyframes scan { from { transform: translateX(-100%); } to { transform: translateX(100%); } }
.loop-panel { margin-top: 3rem; display: grid; grid-template-columns: .86fr 1.14fr; gap: 1rem; }
.loop-nav { display: grid; gap: .45rem; }
.loop-btn { border: 1px solid var(--line); background: transparent; border-radius: 13px; padding: 1rem 1.1rem; text-align: left; color: var(--muted); font-weight: 750; cursor: pointer; display: flex; justify-content: space-between; }
.loop-btn.active { background: var(--ink); color: white; border-color: var(--ink); }
.loop-display { min-height: 420px; border: 1px solid var(--line); border-radius: var(--radius); background: white; padding: clamp(1.5rem,4vw,3rem); position: relative; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; }
.loop-display::before { content:""; position:absolute; width:330px; height:330px; border-radius:50%; border:1px solid #cfd8ff; right:-40px; top:-80px; box-shadow: 0 0 0 45px #f0f3ff,0 0 0 90px #f8f9ff; }
.loop-display .loop-index { position:absolute; top:1.5rem; left:1.5rem; font-size:.76rem; color:var(--muted); }
.loop-display h3 { font-size: clamp(2rem,4vw,4rem); margin-bottom:.7rem; position:relative; }
.loop-display p { max-width:560px; color:var(--muted); position:relative; }

/* Architecture */
.arch-shell { border: 1px solid var(--line); background: white; border-radius: 28px; padding: clamp(1rem,3vw,2rem); box-shadow: var(--shadow); }
.arch-top { display:flex; align-items:center; justify-content:space-between; margin-bottom:1.3rem; gap:1rem; }
.arch-grid { display:grid; grid-template-columns: repeat(4,1fr); gap:.7rem; }
.arch-card { border:1px solid var(--line); border-radius:15px; padding:1rem; min-height:120px; background:#fbfcfb; cursor:pointer; position:relative; overflow:hidden; transition:.25s ease; }
.arch-card:hover,.arch-card.active { border-color:var(--accent); transform:translateY(-3px); box-shadow:0 12px 28px rgba(49,92,244,.1); }
.arch-card::after { content:""; position:absolute; left:0; bottom:0; height:3px; width:0; background:var(--accent); transition:.3s ease; }.arch-card.active::after,.arch-card:hover::after{width:100%}
.arch-card small { color:var(--muted); display:block; margin-bottom:.45rem; }
.arch-card p { margin: .45rem 0 0; color:var(--muted); font-size:.82rem; line-height:1.45; }
.arch-detail { margin-top:.7rem; min-height:92px; background:var(--ink); color:white; border-radius:15px; padding:1.2rem; display:grid; grid-template-columns:1fr 2fr; gap:1rem; align-items:center; }
.arch-detail p { margin:0; color:#bbc5be; }

.ai-compare { display:grid; grid-template-columns:1fr 1.35fr; gap:1rem; margin-top:3rem; }
.path-card { border:1px solid var(--line); border-radius:var(--radius); padding:clamp(1.2rem,3vw,2rem); background:white; }
.path-card.evory { background:#111714; color:white; }
.path-flow { display:flex; flex-wrap:wrap; gap:.45rem; margin-top:2rem; }
.path-flow span { border:1px solid currentColor; border-color:rgba(110,120,114,.4); border-radius:999px; padding:.5rem .7rem; font-size:.78rem; }
.path-card.evory .path-flow span:nth-child(3),.path-card.evory .path-flow span:nth-child(5){background:#3457ec;border-color:#3457ec}

/* Demo */
.demo-wrap { background:#121715; color:white; border-radius:30px; padding:12px; box-shadow:0 35px 100px rgba(11,17,13,.22); margin-top:3rem; }
.demo-app { min-height:730px; border:1px solid #303a34; border-radius:22px; overflow:hidden; display:grid; grid-template-columns:210px 1fr; background:#f5f7f4; color:var(--ink); }
.demo-side { background:#171e1a; color:#dfe6e1; padding:1rem; display:flex; flex-direction:column; }
.demo-brand { padding:.35rem .4rem 1.2rem; font-weight:760; display:flex;gap:.55rem;align-items:center; }
.demo-nav { display:grid; gap:.2rem; }.demo-nav button { color:#aeb8b2; background:none; border:0; border-radius:9px; text-align:left; padding:.72rem; cursor:pointer; }.demo-nav button.active,.demo-nav button:hover { background:#29332d;color:white; }
.demo-side-foot { margin-top:auto; border-top:1px solid #303a34; padding-top:1rem; font-size:.72rem;color:#98a39c; }
.demo-main { padding:1rem; overflow:hidden; }
.demo-toolbar { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin-bottom:1rem; }
.demo-toolbar h3 { margin:0; font-size:1.05rem; }.demo-toolbar .chip { background:white; }
.kpi-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:.65rem; }
.kpi { background:white;border:1px solid var(--line);border-radius:13px;padding:.8rem; }.kpi small{color:var(--muted);display:block}.kpi strong{font-size:1.45rem;letter-spacing:-.04em}.kpi .trend{font-size:.68rem;color:var(--success)}
.demo-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:.65rem; margin-top:.65rem; }
.panel { background:white;border:1px solid var(--line);border-radius:14px;padding:.9rem;min-width:0; }.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.7rem}.panel-head strong{font-size:.86rem}.panel-head small{color:var(--muted)}
.map { height:260px;position:relative;border-radius:11px;overflow:hidden;background-color:#edf1ed;background-image:linear-gradient(#dde4de 1px,transparent 1px),linear-gradient(90deg,#dde4de 1px,transparent 1px);background-size:30px 30px; }
.map::before,.map::after{content:"";position:absolute;background:#d8e0da;border-radius:999px;transform:rotate(-18deg)}.map::before{width:120%;height:18px;left:-10%;top:45%}.map::after{width:90%;height:10px;left:18%;top:65%;transform:rotate(32deg)}
.asset-pin { position:absolute;width:16px;height:16px;border:3px solid white;border-radius:50%;background:var(--success);box-shadow:0 3px 12px rgba(0,0,0,.2);cursor:pointer;z-index:3; }.asset-pin.high{background:var(--danger);animation:pinPulse 1.8s infinite}.asset-pin.med{background:var(--warning)}
@keyframes pinPulse{50%{box-shadow:0 0 0 9px rgba(196,66,66,.18)}}
.asset-pin:nth-child(1){left:18%;top:30%}.asset-pin:nth-child(2){left:58%;top:48%}.asset-pin:nth-child(3){left:76%;top:24%}.asset-pin:nth-child(4){left:40%;top:72%}.asset-pin:nth-child(5){left:84%;top:70%}
.ai-panel { min-height:260px;background:#161d19;color:white;border-color:#161d19;display:flex;flex-direction:column; }.ai-panel p{color:#c2ccc5;font-size:.82rem}.ai-actions{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:auto}.ai-actions button{border:1px solid #445047;background:#222b26;color:white;border-radius:9px;padding:.55rem .65rem;font-size:.72rem;cursor:pointer}.ai-actions button:hover{background:#315cf4;border-color:#315cf4}
.events { display:grid;gap:.45rem; }.event { display:grid;grid-template-columns:auto 1fr auto;gap:.6rem;align-items:start;padding:.55rem;border-bottom:1px solid #edf0ed;font-size:.74rem}.event:last-child{border-bottom:0}.event b{font-size:.76rem}.event time{color:var(--muted)}
.risk-bar { height:7px;border-radius:999px;background:#e8ece8;overflow:hidden;margin-top:.4rem}.risk-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--warning),var(--danger));border-radius:inherit;transition:width .5s ease}
.demo-modal { position:fixed;inset:0;background:rgba(7,12,9,.55);z-index:110;display:none;place-items:center;padding:1rem; }.demo-modal.open{display:grid}.modal-card{width:min(100%,470px);background:white;border-radius:20px;padding:1.5rem;box-shadow:var(--shadow)}.modal-card .actions{justify-content:flex-end;margin-top:1.5rem}

/* Agents, timeline, industry */
.agent-grid { display:grid;grid-template-columns:repeat(5,1fr);gap:.7rem;margin-top:3rem}.agent-card{border:1px solid var(--line);border-radius:17px;background:white;padding:1rem;min-height:175px;cursor:pointer;transition:.25s}.agent-card:hover,.agent-card.active{background:var(--ink);color:white;transform:translateY(-4px)}.agent-icon{width:36px;height:36px;border-radius:11px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-weight:800;margin-bottom:1.8rem}.agent-card p{font-size:.78rem;color:var(--muted)}.agent-card.active p,.agent-card:hover p{color:#b9c2bc}.agent-detail{margin-top:.8rem;border-top:1px solid var(--line);padding-top:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.agent-detail small{color:var(--muted);display:block}.agent-detail p{font-size:.86rem}
.scenario { margin-top:3rem;position:relative}.scenario::before{content:"";position:absolute;left:21px;top:25px;bottom:25px;width:1px;background:linear-gradient(var(--accent),var(--accent-2))}.scenario-step{position:relative;display:grid;grid-template-columns:44px 150px 1fr;gap:1rem;align-items:start;padding:1rem 0}.step-node{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:white;border:1px solid var(--line);font-weight:800;color:var(--accent);z-index:2}.scenario-step small{padding-top:.65rem;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);font-size:.68rem}.scenario-step p{margin:.45rem 0 0;color:var(--muted)}
.industry-rail { display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:3rem}.industry-card{border:1px solid var(--line);border-radius:18px;background:white;padding:1.25rem;min-height:270px;display:flex;flex-direction:column}.industry-card .num{font-size:.7rem;color:var(--muted);margin-bottom:3rem}.industry-card p{color:var(--muted);font-size:.9rem}.industry-card a{margin-top:auto;font-weight:750;color:var(--accent);font-size:.85rem}

/* Inner pages */
.page-hero { padding:clamp(9rem,14vw,12rem) 0 clamp(4rem,7vw,7rem);border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.4rem,8vw,7.2rem);max-width:1100px;margin:1rem 0 1.5rem}.page-hero .lead{max-width:760px}.page-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,6vw,6rem)}
.content-stack{display:grid;gap:.8rem}.content-card{background:white;border:1px solid var(--line);border-radius:18px;padding:clamp(1.2rem,2.8vw,2rem)}.content-card p{color:var(--muted)}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1.2rem}.feature-list div{border-top:1px solid var(--line);padding-top:.8rem}.feature-list small{display:block;color:var(--muted)}
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.process-card{border:1px solid var(--line);border-radius:18px;padding:1.25rem;background:white}.process-card .num{color:var(--accent);font-size:.75rem;font-weight:800}.process-card p{color:var(--muted)}
.faq-list{max-width:900px;margin:2rem auto 0}.faq{border-bottom:1px solid var(--line)}.faq button{width:100%;padding:1.25rem 0;display:flex;justify-content:space-between;text-align:left;background:none;border:0;font-weight:760;cursor:pointer}.faq-answer{display:none;padding:0 0 1.2rem;color:var(--muted);max-width:760px}.faq.open .faq-answer{display:block}
.form-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:1rem}.contact-aside{background:var(--ink);color:white;border-radius:24px;padding:clamp(1.5rem,4vw,3rem);display:flex;flex-direction:column}.contact-aside p{color:#bcc6bf}.contact-aside .contact-list{margin-top:auto}.form-card{background:white;border:1px solid var(--line);border-radius:24px;padding:clamp(1.5rem,4vw,3rem)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.field{display:grid;gap:.35rem}.field.full{grid-column:1/-1}.field label{font-size:.82rem;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:.8rem;background:#fbfcfb;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.form-note{font-size:.76rem;color:var(--muted);margin-top:1rem}.form-success{display:none;padding:1rem;border-radius:12px;background:#e9f7f1;color:#146b52;margin-top:1rem}.form-success.show{display:block}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}.resource-card{background:white;border:1px solid var(--line);border-radius:18px;padding:1.2rem;min-height:260px;display:flex;flex-direction:column}.resource-card .tag{color:var(--accent);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.resource-card p{color:var(--muted)}.resource-card small{margin-top:auto;color:var(--muted)}
.legal{max-width:820px}.legal h2{font-size:2rem;letter-spacing:-.03em;margin-top:3rem}.legal h3{margin-top:2rem}.legal p,.legal li{color:var(--muted)}

/* Footer */
.prefooter{padding:clamp(4rem,8vw,8rem) 0;background:#eef1ed;border-top:1px solid var(--line)}.prefooter-inner{display:grid;grid-template-columns:1.4fr .6fr;gap:2rem;align-items:end}.prefooter h2{font-size:clamp(2.7rem,5.8vw,5.7rem);margin:0}.site-footer{background:#111714;color:white;padding:4rem 0 1.5rem}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2rem}.footer-intro p{color:#aeb9b2;max-width:280px}.footer-col h3{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:#7f8d84;margin-bottom:1rem}.footer-col a{display:block;color:#c6cec9;font-size:.84rem;padding:.28rem 0}.footer-col a:hover{color:white}.footer-address{font-size:.76rem;color:#909b94;margin-top:1.5rem;max-width:300px}.footer-bottom{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid #303a34;margin-top:3rem;padding-top:1.2rem;font-size:.72rem;color:#859188}

/* Palette */
.palette{position:fixed;inset:0;z-index:130;background:rgba(8,12,10,.48);display:none;align-items:flex-start;justify-content:center;padding:12vh 1rem 1rem}.palette.open{display:flex}.palette-card{width:min(100%,650px);background:white;border-radius:19px;box-shadow:0 25px 100px rgba(0,0,0,.3);overflow:hidden}.palette-search{display:flex;align-items:center;border-bottom:1px solid var(--line);padding:1rem}.palette-search input{width:100%;border:0;outline:0;font-size:1.1rem;background:transparent}.palette-list{padding:.6rem;max-height:430px;overflow:auto}.command{width:100%;display:flex;justify-content:space-between;border:0;background:none;padding:.8rem;border-radius:10px;text-align:left;cursor:pointer}.command:hover,.command:focus{background:var(--surface-2)}.command span:last-child{font-size:.72rem;color:var(--muted)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.in,.hero .reveal{opacity:1;transform:none}
.demo-label{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}

@media (max-width: 1024px){
  .nav-shell{grid-template-columns:1fr auto}.nav-links,.nav-actions .btn-quiet{display:none}.nav-actions{align-items:center}.mobile-toggle{display:inline-flex}.mobile-drawer{position:fixed;inset:76px .5rem auto;background:white;border:1px solid var(--line);border-radius:18px;padding:1rem;box-shadow:var(--shadow);max-height:calc(100vh - 90px);overflow:auto}.mobile-drawer.open{display:block}.mobile-drawer a{display:block;padding:.8rem;border-bottom:1px solid var(--line);font-weight:700}.mobile-drawer .btn{margin-top:1rem}
  .hero-grid,.split,.page-grid,.form-shell{grid-template-columns:1fr}.signal-stage{min-height:500px;max-width:700px;margin:auto;width:100%}.sticky-intro{position:static}.agent-grid{grid-template-columns:repeat(3,1fr)}.industry-rail,.resource-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.4fr repeat(2,1fr)}.demo-app{grid-template-columns:76px 1fr}.demo-side{padding:.65rem}.demo-brand span,.demo-nav button span,.demo-side-foot{display:none}.demo-nav button{text-align:center}.arch-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width: 720px){
  :root{--section:4.5rem}.container{width:min(calc(100% - 1.25rem),var(--max))}.hero{padding-top:7.5rem}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero-note{align-items:flex-start}.signal-stage{min-height:420px}.signal-node{padding:.55rem;min-width:90px}.signal-node strong{font-size:.72rem}.signal-node.n1{left:2%}.signal-node.n2{right:1%}.core-node{width:125px}.system-cloud,.loop-panel,.ai-compare,.demo-grid,.prefooter-inner{grid-template-columns:1fr}.loop-nav{display:flex;overflow-x:auto;padding-bottom:.5rem}.loop-btn{min-width:140px}.loop-display{min-height:350px}.arch-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.arch-card{min-width:235px;scroll-snap-align:start}.arch-detail{grid-template-columns:1fr}.kpi-grid{grid-template-columns:repeat(2,1fr)}.demo-wrap{margin-inline:-.25rem;padding:7px;border-radius:20px}.demo-app{min-height:740px;grid-template-columns:1fr}.demo-side{display:none}.demo-main{padding:.6rem}.map{height:220px}.agent-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.agent-card{min-width:220px;scroll-snap-align:start}.agent-detail{grid-template-columns:1fr 1fr}.scenario-step{grid-template-columns:44px 1fr}.scenario-step small{display:none}.industry-rail,.resource-grid,.process-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.industry-card,.resource-card,.process-card{min-width:82vw;scroll-snap-align:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{grid-column:1/-1}.footer-bottom{flex-direction:column}.form-grid,.feature-list{grid-template-columns:1fr}.field.full{grid-column:auto}.page-hero h1{font-size:clamp(3rem,14vw,5.4rem)}
}
@media (max-width: 430px){.site-header .brand span{display:none}.nav-shell{padding-left:.8rem}.nav-actions{gap:.35rem}.nav-actions .btn-primary{padding:.55rem .75rem}.signal-stage{min-height:350px}.signal-orbit.o1{width:100%}.signal-node.n5{display:none}.footer-grid{grid-template-columns:1fr}.footer-intro{grid-column:auto}.agent-detail{grid-template-columns:1fr}.demo-toolbar{align-items:flex-start}.demo-toolbar .chip{display:none}.kpi strong{font-size:1.2rem}.demo-main{overflow-x:hidden}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}