:root { --bg:#060817; --paper:#10152d; --ink:#eff3ff; --muted:#93a0c5; --faint:#5b668b; --line:rgba(181,197,255,.17); --violet:#9486ff; --aqua:#68f1df; --sky:#7ea4ff; --pink:#ec8cb7; --mono:"Cascadia Mono","SFMono-Regular",Consolas,monospace; --sans:"Segoe UI","Microsoft YaHei","PingFang SC",system-ui,sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; overflow-x:hidden; color:var(--ink); background:radial-gradient(ellipse at 50% -20%,#18204b 0%,#090d20 37%,var(--bg) 70%); font-family:var(--sans); } button,textarea { font:inherit; } button { color:inherit; } a { color:inherit; text-decoration:none; }
#starfield { position:fixed; inset:0; z-index:-3; width:100%; height:100%; } .noise { position:fixed; z-index:-2; inset:0; pointer-events:none; opacity:.13; 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='.55'/%3E%3C/svg%3E"); } .cursor-glow { position:fixed; z-index:-1; width:30rem; height:30rem; left:var(--cursor-x,-30rem); top:var(--cursor-y,-30rem); pointer-events:none; transform:translate(-50%,-50%); background:radial-gradient(circle,rgba(106,131,255,.1),transparent 63%); transition:left .18s ease-out,top .18s ease-out; }
.section-pad { width:min(1240px,calc(100% - 56px)); margin-inline:auto; } .site-header { position:fixed; z-index:20; inset:0 0 auto; display:flex; align-items:center; justify-content:space-between; width:min(1360px,calc(100% - 56px)); margin:20px auto 0; padding:14px 18px; border:1px solid transparent; transition:background .25s,border-color .25s,backdrop-filter .25s; } .site-header.scrolled { border-color:var(--line); border-radius:14px; background:rgba(8,11,27,.66); backdrop-filter:blur(18px); }
.brand { display:inline-flex; gap:10px; align-items:center; font-size:13px; font-weight:800; letter-spacing:.04em; } .brand em { color:var(--muted); font-style:normal; font-weight:500; } .brand-mark { position:relative; display:grid; width:23px; height:23px; place-items:center; } .brand-mark::before { position:absolute; width:9px; height:9px; content:""; border-radius:50%; background:var(--aqua); box-shadow:0 0 14px var(--aqua); } .brand-mark i { position:absolute; width:22px; height:1px; background:linear-gradient(90deg,transparent,var(--sky)); transform:rotate(calc(var(--r) * 1deg)); } .brand-mark i:nth-child(1){--r:0}.brand-mark i:nth-child(2){--r:60}.brand-mark i:nth-child(3){--r:120}
.nav-links { display:flex; gap:24px; align-items:center; color:#c5cdeb; font-size:12px; font-weight:700; } .nav-links a { transition:color .2s; } .nav-links a:hover { color:white; } .nav-cta { padding:10px 13px; border:1px solid rgba(145,137,255,.45); border-radius:8px; color:#d8d4ff!important; } .nav-cta span { color:var(--aqua); } .menu-toggle { display:none; padding:7px 10px; border:1px solid var(--line); border-radius:7px; background:none; font-size:12px; }
.hero { position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:100vh; align-items:center; padding-top:112px; } .hero-copy { position:relative; z-index:2; padding:80px 0; } .eyebrow,.section-label { display:flex; gap:9px; align-items:center; margin:0 0 22px; color:var(--aqua); font-family:var(--mono); font-size:11px; letter-spacing:.12em; } .eyebrow span { width:35px; height:1px; background:var(--aqua); box-shadow:0 0 8px var(--aqua); } h1,h2,h3,p { margin-top:0; } h1 { max-width:690px; margin-bottom:25px; font-size:clamp(45px,5.6vw,82px); line-height:1.08; letter-spacing:-.065em; } h1 span { color:#bbb6ff; text-shadow:0 0 40px rgba(148,134,255,.26); } .hero-summary { max-width:500px; margin-bottom:34px; color:#b5c0dd; font-size:16px; line-height:1.85; } .hero-actions { display:flex; gap:20px; align-items:center; } .button { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:51px; padding:0 21px; border:0; border-radius:7px; font-weight:800; cursor:pointer; transition:transform .2s,box-shadow .2s; } .button:hover { transform:translateY(-3px); } .button-primary { color:#081123; background:linear-gradient(115deg,#e3ddff 0%,#a8a1ff 52%,#6ce8dc 100%); box-shadow:0 14px 40px rgba(104,241,223,.13); } .button b { font-size:18px; } .text-button { padding:10px 0; border:0; background:none; color:#c8d1ef; cursor:pointer; font-size:13px; font-weight:700; } .text-button span { display:inline-block; margin-left:7px; color:var(--aqua); transition:transform .2s; } .text-button:hover span { transform:translateX(4px); }
.hero-stats { display:flex; gap:34px; margin:56px 0 0; } .hero-stats div { position:relative; } .hero-stats div+div::before { position:absolute; left:-17px; top:6px; width:1px; height:29px; content:""; background:var(--line); } .hero-stats dt { color:#e1e5fa; font-family:var(--mono); font-size:18px; } .hero-stats dd { margin:4px 0 0; color:var(--muted); font-size:11px; }
.hero-orbit { position:relative; width:min(570px,50vw); aspect-ratio:1; justify-self:end; perspective:900px; transform:rotateX(7deg) rotateY(-7deg); transition:transform .25s ease-out; } .orbit { position:absolute; inset:10%; border:1px solid rgba(146,153,255,.22); border-radius:50%; transform:rotateX(63deg) rotateZ(var(--r)); } .orbit::after { position:absolute; top:50%; left:-3px; width:6px; height:6px; content:""; border-radius:50%; background:var(--aqua); box-shadow:0 0 13px 3px var(--aqua); } .orbit-one{--r:17deg;animation:spinOrbit 13s linear infinite}.orbit-two{inset:19%;--r:110deg;animation:spinOrbit 17s linear reverse infinite}.orbit-three{inset:30%;--r:45deg;animation:spinOrbit 10s linear infinite}.glow-cloud { position:absolute; inset:21%; border-radius:50%; background:radial-gradient(circle,rgba(142,114,255,.28),rgba(93,154,255,.11) 40%,transparent 71%); filter:blur(16px); animation:breathe 6s ease-in-out infinite; } .core { position:absolute; inset:36%; display:grid; place-content:center; width:28%; height:28%; margin:auto; border:1px solid rgba(205,206,255,.75); border-radius:50%; background:radial-gradient(circle at 35% 30%,#fff,#b6a7ff 14%,#5045a7 45%,#171e4e 72%); box-shadow:0 0 60px rgba(130,114,255,.7),inset -15px -15px 20px rgba(4,7,27,.52); text-align:center; animation:breathe 3.5s ease-in-out infinite; } .core span { font-family:var(--mono); font-size:clamp(18px,2vw,28px); font-weight:600; letter-spacing:-.1em; } .core small { margin-top:4px; color:#d7d5ff; font-family:var(--mono); font-size:7px; letter-spacing:.12em; } .orbit-point { position:absolute; display:flex; gap:9px; align-items:center; border:0; background:none; text-align:left; cursor:pointer; } .orbit-point i { width:9px; height:9px; border:2px solid white; border-radius:50%; background:var(--aqua); box-shadow:0 0 15px 3px var(--aqua); transition:transform .2s; } .orbit-point span { color:#aeb9dc; font-family:var(--mono); font-size:9px; line-height:1.5; } .orbit-point b { color:white; font-family:var(--sans); font-size:12px; } .orbit-point:hover i { transform:scale(1.65); } .point-model{top:9%;left:25%}.point-docs{top:29%;right:0}.point-search{bottom:16%;right:14%}.point-answer{bottom:13%;left:16%}.orbit-hint { position:absolute; bottom:1%; left:37%; margin:0; color:rgba(210,219,249,.48); font-family:var(--mono); font-size:9px; letter-spacing:.1em; white-space:nowrap; } .hero-scroll { position:absolute; bottom:29px; left:0; display:flex; gap:11px; align-items:center; color:#7682aa; font-family:var(--mono); font-size:9px; letter-spacing:.16em; } .hero-scroll span { width:47px; height:1px; background:linear-gradient(90deg,var(--aqua),transparent); animation:scan 2s ease-in-out infinite; }
.manifesto { padding-block:150px; } .manifesto-grid { display:grid; grid-template-columns:1.3fr .7fr; gap:10%; align-items:end; } h2 { margin-bottom:0; font-size:clamp(34px,4.2vw,60px); line-height:1.14; letter-spacing:-.06em; } .manifesto h2 em { color:#8c9ac5; font-style:normal; } .manifesto-note { max-width:360px; padding-bottom:8px; } .note-index { color:var(--aqua); font-family:var(--mono); font-size:11px; } .manifesto-note p { margin:18px 0 26px; color:#aab5d2; font-size:14px; line-height:1.95; } .signal-line { display:flex; gap:10px; align-items:center; color:#717da3; font-family:var(--mono); font-size:9px; letter-spacing:.1em; } .signal-line i { position:relative; display:block; width:83px; height:1px; background:var(--line); overflow:hidden; } .signal-line i::after { position:absolute; inset:0; content:""; background:var(--aqua); animation:signal 2.8s linear infinite; }
.route,.architecture,.lab { padding-block:120px; border-top:1px solid rgba(181,197,255,.1); } .section-heading { display:flex; align-items:end; justify-content:space-between; gap:40px; margin-bottom:64px; } .section-heading h2 { max-width:660px; font-size:clamp(35px,4.2vw,60px); } .section-heading>p { max-width:280px; margin:0 8px 9px 0; color:var(--muted); font-size:13px; line-height:1.8; } .route-layout { display:grid; grid-template-columns:1fr .95fr; gap:clamp(30px,8vw,125px); align-items:center; } .route-list { position:relative; display:grid; } .route-list::before { position:absolute; top:22px; bottom:22px; left:18px; width:1px; content:""; background:linear-gradient(var(--violet),rgba(126,164,255,.1)); } .route-item { position:relative; display:grid; grid-template-columns:54px 1fr auto; gap:16px; align-items:center; padding:15px 9px; border:0; background:none; text-align:left; cursor:pointer; opacity:.55; transition:opacity .2s,transform .2s; } .route-item:hover,.route-item.active { opacity:1; transform:translateX(7px); } .route-item b { z-index:1; display:grid; width:37px; aspect-ratio:1; place-items:center; border:1px solid var(--line); border-radius:50%; background:#0d1130; color:#b9c4e9; font-family:var(--mono); font-size:10px; } .route-item.active b { border-color:var(--aqua); color:var(--aqua); box-shadow:0 0 20px rgba(104,241,223,.3); } .route-item strong { font-size:15px; } .route-item small { display:block; margin-top:4px; color:#8d9abc; font-size:11px; } .route-item i { color:var(--aqua); font-style:normal; } .glass-panel { border:1px solid var(--line); background:linear-gradient(135deg,rgba(137,139,255,.1),rgba(7,11,35,.67) 44%,rgba(79,193,220,.06)); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 60px rgba(0,0,0,.16); backdrop-filter:blur(18px); } .route-detail { min-height:475px; padding:34px; overflow:hidden; } .detail-kicker { color:var(--aqua); font-family:var(--mono); font-size:11px; letter-spacing:.1em; } .detail-orb { display:grid; width:81px; aspect-ratio:1; place-items:center; margin:24px 0; border:1px solid rgba(163,164,255,.7); border-radius:50%; background:radial-gradient(circle at 35% 30%,#f8f8ff,#9f8fff 12%,#413883 45%,#111530 75%); box-shadow:0 0 40px rgba(139,123,255,.46); font-family:var(--mono); font-size:19px; } .route-detail h3 { margin-bottom:12px; font-size:29px; letter-spacing:-.05em; } .detail-copy { max-width:410px; min-height:52px; color:#aeb9d4; font-size:13px; line-height:1.75; } .detail-list { display:grid; grid-template-columns:1fr 1fr; gap:8px; padding:0; list-style:none; } .detail-list li { color:#c7d0e8; font-size:11px; } .detail-list li::before { content:"+"; margin-right:7px; color:var(--aqua); } .detail-footer { display:flex; justify-content:space-between; margin-top:29px; padding-top:16px; border-top:1px solid var(--line); color:#8290b4; font-size:11px; } .detail-footer strong { max-width:62%; color:#e1e5f7; text-align:right; }
.architecture { width:min(1440px,calc(100% - 56px)); }.architecture-stage { display:grid; grid-template-columns:1.5fr .5fr; min-height:480px; border:1px solid var(--line); background:radial-gradient(circle at 50% 50%,rgba(112,111,255,.16),transparent 44%),rgba(8,11,31,.42); }.architecture-map { position:relative; min-height:480px; overflow:hidden; background-image:linear-gradient(rgba(153,172,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(153,172,255,.055) 1px,transparent 1px); background-size:35px 35px; }.map-line { position:absolute; height:1px; transform-origin:left; background:linear-gradient(90deg,rgba(105,235,223,.1),var(--aqua),rgba(137,133,255,.35)); box-shadow:0 0 11px rgba(104,241,223,.42); }.line-a{top:32%;left:14%;width:27%;transform:rotate(14deg)}.line-b{top:41%;left:39%;width:22%;transform:rotate(-23deg)}.line-c{top:32%;left:58%;width:24%;transform:rotate(30deg)}.line-d{top:57%;left:74%;width:16%;transform:rotate(-31deg)}.architecture-node { position:absolute; display:grid; width:103px; aspect-ratio:1; padding:11px; border:1px solid rgba(181,197,255,.28); border-radius:50%; background:rgba(11,16,43,.8); box-shadow:0 0 26px rgba(37,48,127,.25); cursor:pointer; place-items:center; transition:transform .2s,border-color .2s,box-shadow .2s; }.architecture-node:hover,.architecture-node.active { border-color:var(--aqua); box-shadow:0 0 28px rgba(104,241,223,.36); transform:scale(1.06); }.architecture-node b { position:absolute; top:13px; left:16px; color:#838fba; font-family:var(--mono); font-size:9px; }.architecture-node i { color:#d8e3ff; font-size:22px; font-style:normal; }.architecture-node span { color:#bac6e6; font-size:11px; font-weight:700; }.architecture-node.active span { color:var(--aqua); }.architecture-node:nth-of-type(5){top:20%;left:9%}.architecture-node:nth-of-type(6){top:37%;left:34%}.architecture-node:nth-of-type(7){top:18%;left:57%}.architecture-node:nth-of-type(8){top:45%;left:78%}.node-result{top:65%!important;left:78%!important;width:84px!important;background:rgba(62,92,106,.8)!important}.architecture-detail { padding:33px 28px; border-width:0 0 0 1px; }.architecture-detail>p:first-child { color:#8d99bd; font-family:var(--mono); font-size:10px; letter-spacing:.1em; }.architecture-detail>p span { color:var(--aqua); }.architecture-detail h3 { font-size:25px; letter-spacing:-.05em; }.architecture-copy { min-height:126px; color:#aab6d3; font-size:13px; line-height:1.85; }.architecture-tags { display:flex; flex-wrap:wrap; gap:7px; margin:23px 0 40px; }.architecture-tags span { padding:6px 8px; border:1px solid rgba(137,161,255,.25); border-radius:4px; color:#bfc9ec; font-family:var(--mono); font-size:9px; }.signal-meter { color:#8290b5; font-family:var(--mono); font-size:9px; }.signal-meter i { display:block; height:4px; margin:9px 0; overflow:hidden; border-radius:5px; background:#242a4d; }.signal-meter b { display:block; width:65%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--violet),var(--aqua)); box-shadow:0 0 10px var(--aqua); transition:width .35s; }.signal-meter em { color:var(--aqua); font-style:normal; }
.deployment { display:grid; grid-template-columns:.75fr 1.25fr; gap:7%; align-items:center; padding-block:150px; }.deployment-intro h2 { font-size:clamp(34px,4vw,55px); }.deployment-console { padding:19px; }.scenario-tabs { display:flex; gap:5px; padding-bottom:18px; border-bottom:1px solid var(--line); }.scenario-tab { flex:1; padding:10px 6px; border:1px solid transparent; border-radius:5px; background:none; color:#8f9abb; cursor:pointer; font-size:11px; font-weight:700; }.scenario-tab.active { border-color:rgba(148,134,255,.46); background:rgba(148,134,255,.12); color:#e6e4ff; }.scenario-content { display:grid; grid-template-columns:.8fr 1.2fr; gap:24px; padding:25px 5px 19px; }.scenario-label { margin-bottom:9px; color:var(--aqua); font-family:var(--mono); font-size:9px; letter-spacing:.1em; }.scenario-copy h3 { margin-bottom:10px; font-size:22px; letter-spacing:-.04em; }.scenario-copy>p:not(.scenario-label) { color:#a5b0cf; font-size:12px; line-height:1.75; }.scenario-copy dl { margin-top:20px; }.scenario-copy dl div { display:flex; justify-content:space-between; gap:7px; padding:7px 0; border-bottom:1px solid rgba(181,197,255,.1); font-size:10px; }.scenario-copy dt { color:#8692b6; }.scenario-copy dd { margin:0; color:#d3dbf3; text-align:right; }.terminal-window { overflow:hidden; border:1px solid rgba(147,162,244,.22); border-radius:8px; background:#070a1a; }.terminal-bar { display:flex; gap:6px; align-items:center; height:31px; padding:0 10px; border-bottom:1px solid rgba(181,197,255,.11); background:#0e1330; }.terminal-bar span { width:6px; height:6px; border-radius:50%; background:#fa86a5; }.terminal-bar span:nth-child(2){background:#f1ca76}.terminal-bar span:nth-child(3){background:#6addc6}.terminal-bar b { margin-left:4px; color:#8c99be; font-family:var(--mono); font-size:8px; font-weight:400; }.terminal-window pre { min-height:214px; margin:0; padding:15px; color:#a7efdf; font-family:var(--mono); font-size:10px; line-height:1.8; white-space:pre-wrap; }.scenario-foot { display:flex; gap:14px; border-top:1px solid var(--line); padding:14px 4px 1px; color:#8e9aba; font-size:9px; }.scenario-foot i { display:inline-block; width:5px; height:5px; margin-right:4px; border-radius:50%; background:var(--aqua); box-shadow:0 0 7px var(--aqua); }
.lab-shell { display:grid; grid-template-columns:.9fr 1.1fr; overflow:hidden; border:1px solid var(--line); }.lab-query,.lab-output { min-height:500px; padding:27px; }.lab-query { border-width:0 1px 0 0; background:linear-gradient(160deg,rgba(143,128,255,.12),rgba(8,11,32,.24)); }.lab-topline { display:flex; justify-content:space-between; gap:8px; margin-bottom:47px; color:#92a0c7; font-family:var(--mono); font-size:9px; letter-spacing:.09em; }.lab-topline b { color:var(--aqua); font-size:8px; font-weight:400; }.lab-query label { display:block; margin-bottom:13px; font-size:21px; font-weight:700; letter-spacing:-.04em; }.lab-query textarea { width:100%; resize:none; padding:13px; border:1px solid rgba(181,197,255,.25); border-radius:6px; outline:none; background:rgba(5,8,26,.55); color:#dce4fa; font-size:13px; line-height:1.7; transition:border-color .2s,box-shadow .2s; }.lab-query textarea:focus { border-color:var(--aqua); box-shadow:0 0 18px rgba(104,241,223,.12); }.run-button { width:100%; margin-top:16px; }.lab-example { margin-top:17px; color:#7f8bb0; font-size:10px; }.lab-example button { padding:0; border:0; background:none; color:#b5c1e5; cursor:pointer; font-size:10px; text-decoration:underline; text-underline-offset:3px; }.trace-list { display:grid; gap:23px; margin:0; padding:0; list-style:none; }.trace-list li { display:grid; grid-template-columns:12px 28px 1fr; gap:9px; align-items:start; opacity:.48; transition:opacity .3s; }.trace-list li.active { opacity:1; }.trace-list li i { width:10px; height:10px; margin-top:3px; border:1px solid #8391bb; border-radius:50%; background:#0a1030; }.trace-list li.active i { border-color:var(--aqua); background:var(--aqua); box-shadow:0 0 12px var(--aqua); }.trace-list li span { color:#8492b9; font-family:var(--mono); font-size:9px; }.trace-list strong { display:block; color:#d4ddf6; font-size:12px; }.trace-list small { display:block; margin-top:4px; color:#8996b9; font-size:10px; }.answer-card { min-height:126px; margin-top:33px; padding:16px; border:1px solid rgba(104,241,223,.22); border-radius:6px; background:rgba(65,141,142,.08); }.answer-card p { margin-bottom:11px; color:var(--aqua); font-family:var(--mono); font-size:9px; letter-spacing:.08em; }.answer-card p span { margin-right:5px; }.answer-card strong { display:block; color:#d5def7; font-size:12px; font-weight:500; line-height:1.75; }.citations { display:flex; flex-wrap:wrap; gap:6px; margin-top:12px; }.citations span { padding:4px 6px; border:1px solid rgba(104,241,223,.28); border-radius:3px; color:#9fdbd3; font-family:var(--mono); font-size:8px; }
.checklist { display:grid; grid-template-columns:.7fr 1.3fr; gap:10%; align-items:start; padding-block:140px; }.checklist-intro h2 { font-size:clamp(34px,4vw,56px); }.checklist-intro>p:last-child { margin-top:24px; color:var(--muted); font-size:12px; line-height:1.75; }.checklist-board { padding:25px; }.checklist-progress { display:grid; grid-template-columns:1fr auto; gap:9px; align-items:center; padding-bottom:20px; border-bottom:1px solid var(--line); color:#8c99bf; font-family:var(--mono); font-size:10px; }.checklist-progress strong { color:var(--aqua); font-weight:400; }.checklist-progress i { grid-column:1/-1; height:4px; overflow:hidden; border-radius:5px; background:#22294e; }.checklist-progress b { display:block; width:0; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--violet),var(--aqua)); transition:width .3s; }.check-items { padding:11px 0; }.check-item { display:flex; gap:13px; align-items:center; padding:14px 2px; border-bottom:1px solid rgba(181,197,255,.09); cursor:pointer; }.check-item input { position:absolute; opacity:0; }.check-item i { display:grid; flex:0 0 20px; width:20px; height:20px; place-items:center; border:1px solid #62709b; border-radius:4px; color:#061021; font-style:normal; transition:background .2s,border-color .2s; }.check-item input:checked+i { border-color:var(--aqua); background:var(--aqua); }.check-item span { font-size:12px; }.check-item em { margin-left:auto; color:#7785ab; font-family:var(--mono); font-size:9px; font-style:normal; }.ready-state { display:none; gap:13px; align-items:center; margin-top:17px; padding:14px; border:1px solid rgba(104,241,223,.35); border-radius:6px; background:rgba(70,175,156,.11); }.ready-state.show { display:flex; }.ready-state>span { display:grid; width:29px; height:29px; place-items:center; border-radius:50%; background:var(--aqua); color:#071124; }.ready-state strong { font-size:12px; }.ready-state p { margin:3px 0 0; color:#a7b8d6; font-size:10px; }
.site-footer { display:flex; justify-content:space-between; align-items:center; padding-block:28px 40px; border-top:1px solid var(--line); color:#8b97bb; font-family:var(--mono); font-size:9px; letter-spacing:.07em; }.site-footer>a:last-child { color:#bfcbed; }
.toast { position:fixed; z-index:40; right:24px; bottom:24px; max-width:290px; padding:12px 15px; border:1px solid rgba(104,241,223,.35); border-radius:6px; background:#0c1530; box-shadow:0 10px 30px rgba(0,0,0,.35); color:#dce8ff; font-size:12px; opacity:0; transform:translateY(15px); pointer-events:none; transition:.25s; }.toast.show { opacity:1; transform:translateY(0); }
.reveal { opacity:0; transform:translateY(24px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; } @keyframes spinOrbit{to{transform:rotateX(63deg) rotateZ(calc(var(--r) + 360deg))}}@keyframes breathe{50%{transform:scale(1.08);filter:brightness(1.17)}}@keyframes scan{50%{transform:scaleX(.4);transform-origin:left}}@keyframes signal{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:100px}.hero-copy{padding-bottom:22px}.hero-orbit{width:min(530px,94vw);justify-self:center;margin:0 0 60px}.hero-scroll{display:none}.manifesto-grid,.route-layout,.deployment,.lab-shell,.checklist{grid-template-columns:1fr;gap:40px}.architecture-stage{grid-template-columns:1fr}.architecture-detail{border-width:1px 0 0}.architecture-map{min-height:400px}.deployment{padding-block:105px}.checklist{padding-block:105px}.lab-query{min-height:auto;border-width:0 0 1px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p{margin:0}.site-footer{gap:15px;flex-wrap:wrap}.orbit-hint{display:none}}
@media (max-width:650px){.section-pad,.site-header,.architecture{width:min(100% - 32px,1240px)}.site-header{margin-top:10px;padding:12px}.menu-toggle{display:block}.nav-links{position:absolute;top:calc(100% + 8px);right:0;display:none;flex-direction:column;align-items:stretch;width:205px;padding:14px;border:1px solid var(--line);border-radius:10px;background:#0b1028}.nav-links.open{display:flex}.nav-cta{text-align:center}.hero-actions{align-items:flex-start;flex-direction:column;gap:10px}.hero-stats{gap:21px;margin-top:38px}.hero-stats div+div::before{left:-11px}.manifesto,.route,.architecture,.lab{padding-block:78px}.manifesto-grid{gap:32px}.route-detail{min-height:auto;padding:25px}.detail-list{grid-template-columns:1fr}.architecture-map{min-height:350px}.architecture-node{width:79px;font-size:9px}.architecture-node i{font-size:16px}.architecture-node b{top:9px;left:11px}.architecture-node:nth-of-type(5){top:20%;left:4%}.architecture-node:nth-of-type(6){top:45%;left:26%}.architecture-node:nth-of-type(7){top:16%;left:53%}.architecture-node:nth-of-type(8){top:51%;left:68%}.node-result{top:72%!important;left:71%!important;width:64px!important}.map-line{display:none}.scenario-content{grid-template-columns:1fr;padding-top:20px}.terminal-window pre{min-height:170px}.scenario-foot{flex-wrap:wrap}.lab-query,.lab-output{padding:20px}.lab-topline{margin-bottom:32px}.checklist-board{padding:18px}.site-footer{justify-content:flex-start}.site-footer p{width:100%;order:3}.cursor-glow{display:none}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition:none;opacity:1;transform:none}.orbit,.glow-cloud,.core,.signal-line i::after{animation:none!important}}

.architecture-node[data-architecture="0"]{top:20%;left:9%}.architecture-node[data-architecture="1"]{top:37%;left:34%}.architecture-node[data-architecture="2"]{top:18%;left:57%}.architecture-node[data-architecture="3"]{top:45%;left:78%}
@media (max-width:650px){.architecture-node[data-architecture="0"]{top:20%;left:4%}.architecture-node[data-architecture="1"]{top:45%;left:26%}.architecture-node[data-architecture="2"]{top:16%;left:53%}.architecture-node[data-architecture="3"]{top:51%;left:68%}}