:root{--bg:#070f1c;--bg-2:#0a1424;--panel:rgba(12,26,46,.66);--panel-solid:#0d1b2f;--line:rgba(96,170,255,.16);--line-strong:rgba(63,216,255,.45);--ink:#e8f1fb;--ink-2:#b9c9dd;--muted:#7f93ad;--cyan:#3fd8ff;--cyan-dim:rgba(63,216,255,.14);--teal:#2bd4b4;--amber:#ffb347;--brand:#3ea6e8;--maxw:1160px;--mono:"SF Mono",Menlo,Consolas,"JetBrains Mono","Cascadia Mono",monospace;color-scheme:dark;--muted:#a1b2c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(1400px 700px at 18% -12%,rgba(62,166,232,.14),transparent 60%),radial-gradient(900px 500px at 100% 20%,rgba(43,212,180,.06),transparent 60%),linear-gradient(rgba(63,216,255,.032) 1px,transparent 1px) 0 0/48px 48px,linear-gradient(90deg,rgba(63,216,255,.032) 1px,transparent 1px) 0 0/48px 48px,var(--bg);font:16px/1.75 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Source Han Sans SC",sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--cyan);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.mono{font-family:var(--mono)}header{position:sticky;top:0;z-index:50;background:rgba(7,15,28,.72);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;gap:28px;height:68px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;font-size:17px;letter-spacing:.02em}.brand:hover{text-decoration:none}.brand img{width:44px;height:36px;object-fit:contain;flex:none;filter:drop-shadow(0 0 10px rgba(62,166,232,.45))}.brand small{display:block;font-weight:400;font-size:10.5px;color:var(--muted);letter-spacing:.14em;line-height:1.2;font-family:var(--mono)}.nav nav{margin-left:auto;display:flex;gap:4px}.nav nav a{color:var(--ink-2);font-size:14px;padding:8px 12px;border-radius:5px;position:relative}.nav nav a:hover{color:var(--cyan);background:var(--cyan-dim);text-decoration:none}.menu-btn{display:none;margin-left:auto;background:0 0;border:1px solid var(--line);border-radius:6px;padding:7px 12px;font-size:13px;color:var(--ink-2);cursor:pointer;font-family:var(--mono);letter-spacing:.1em}.hero{position:relative;min-height:min(88vh,760px);display:flex;align-items:center;overflow:hidden;background:radial-gradient(1000px 520px at 70% 60%,rgba(62,166,232,.12),transparent 60%),linear-gradient(180deg,#081326 0,#070f1c 100%);border-bottom:1px solid var(--line)}#terrain{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s;touch-action:pan-y}#terrain.is-ready{opacity:1}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(7,15,28,.94) 0,rgba(7,15,28,.78) 34%,rgba(7,15,28,.18) 62%,rgba(7,15,28,0) 100%)}.hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:140px;pointer-events:none;background:linear-gradient(180deg,rgba(7,15,28,0),rgba(7,15,28,.9))}.hero .wrap{position:relative;z-index:2;width:100%;padding-top:80px;padding-bottom:110px;pointer-events:none}.hero .wrap a,.hero .wrap button{pointer-events:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.18em;color:var(--cyan);border:1px solid rgba(63,216,255,.35);background:rgba(63,216,255,.06);border-radius:4px;padding:6px 12px;margin-bottom:28px}.eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan);animation:2.2s infinite blink}@keyframes blink{0%,100%{opacity:1}50%{opacity:.25}}.hero h1{margin:0 0 20px;font-size:clamp(30px,4.8vw,52px);line-height:1.25;font-weight:700;letter-spacing:.01em;max-width:19em;color:#fff;text-shadow:0 2px 30px rgba(7,15,28,.8)}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 24px rgba(63,216,255,.45)}.hero p{margin:0;font-size:clamp(15px,1.6vw,17.5px);line-height:1.9;color:var(--ink-2);max-width:37em;text-shadow:0 1px 18px rgba(7,15,28,.9)}.hero .cta{margin-top:36px;display:flex;flex-wrap:wrap;gap:14px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:5px;font-size:14.5px;font-weight:600;transition:.18s;letter-spacing:.02em}.btn-primary{background:var(--cyan);color:#06131f;box-shadow:0 0 0 1px rgba(63,216,255,.4),0 8px 30px rgba(63,216,255,.22)}.btn-primary:hover{background:#7ae6ff;text-decoration:none;transform:translateY(-1px)}.btn-ghost{border:1px solid rgba(63,216,255,.45);color:var(--cyan);background:rgba(7,15,28,.5)}.btn-ghost:hover{background:rgba(63,216,255,.1);text-decoration:none}.hud{position:absolute;right:24px;bottom:22px;z-index:3;display:grid;grid-template-columns:auto auto;gap:4px 18px;font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--muted);background:rgba(7,15,28,.55);border:1px solid var(--line);padding:12px 16px;border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hud b{color:var(--cyan);font-weight:500;min-width:9ch;text-align:right}.hud .lbl{color:var(--muted)}.hud-title{grid-column:1/-1;color:var(--ink-2);letter-spacing:.2em;font-size:10.5px;margin-bottom:4px;display:flex;align-items:center;gap:8px}.hud-title i{width:14px;height:1px;background:var(--cyan)}.corners{position:relative}.hero .hud{position:absolute}.corners::after,.corners::before{content:"";position:absolute;width:14px;height:14px;pointer-events:none;border-color:var(--line-strong);border-style:solid}.corners::before{top:-1px;left:-1px;border-width:1px 0 0 1px}.corners::after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}section{padding:96px 0;position:relative;scroll-margin-top:68px}section.soft{background:linear-gradient(180deg,rgba(10,20,36,.6),rgba(10,20,36,.2));border-block:1px solid var(--line)}.sec-head{max-width:46em;margin-bottom:52px}.sec-head .kicker{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:12px;letter-spacing:.22em;color:var(--teal);margin:0 0 14px;text-transform:uppercase}.sec-head .kicker::after{content:"";flex:0 0 48px;height:1px;background:linear-gradient(90deg,var(--teal),transparent)}.sec-head h2{margin:0 0 16px;font-size:clamp(25px,3.1vw,34px);line-height:1.35;font-weight:700;color:#fff}.sec-head p{margin:0;color:var(--muted);font-size:16px;line-height:1.9}.prose p{color:var(--ink-2);line-height:2.05;margin:0 0 20px}.prose p:last-child{margin-bottom:0}.prose strong{color:#fff;font-weight:600}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}.stats div{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:24px 20px;text-align:center;position:relative}.stats b{display:block;color:#fff;font-weight:600;margin-bottom:6px}.stats span{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--muted);line-height:1.6}.stats div::before{content:"";position:absolute;left:20px;right:20px;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);opacity:.7}.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:30px 28px;transition:.25s;position:relative;overflow:hidden}.card::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:.3s;background:radial-gradient(400px 200px at var(--mx,50%) var(--my,0),rgba(63,216,255,.12),transparent 60%)}.card:hover{border-color:rgba(63,216,255,.45);transform:translateY(-3px);box-shadow:0 14px 40px rgba(0,0,0,.35),0 0 0 1px rgba(63,216,255,.12)}.card:hover::after{opacity:1}.card .ico{width:42px;height:42px;border-radius:7px;margin-bottom:18px;background:rgba(63,216,255,.08);border:1px solid rgba(63,216,255,.25);display:grid;place-items:center;color:var(--cyan)}.card .num{position:absolute;top:18px;right:20px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:rgba(127,147,173,.6)}.card h2,.card h3{margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.5;color:#fff}.card p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.85}.taglist{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}.tag{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:var(--ink-2);border:1px solid var(--line);border-radius:4px;padding:7px 14px;background:rgba(7,15,28,.4)}.tag::before{content:"◆ ";color:var(--teal);font-size:9px;vertical-align:1px}.projects{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.proj{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--panel-solid);display:flex;flex-direction:column;transition:.25s;position:relative}.proj:hover{border-color:rgba(63,216,255,.5);box-shadow:0 18px 50px rgba(0,0,0,.45),0 0 0 1px rgba(63,216,255,.15);transform:translateY(-3px)}.proj figure{margin:0;background:#050b16;border-bottom:1px solid var(--line);overflow:hidden;position:relative}.proj figure img{width:100%;height:auto;aspect-ratio:16/8.3;object-fit:cover;object-position:top center;filter:saturate(.75) brightness(.9);transition:.5s}.proj:hover figure img{filter:saturate(1) brightness(1);transform:scale(1.03)}.proj figure::before{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,rgba(7,15,28,.18) 0 1px,transparent 1px 3px);mix-blend-mode:multiply;opacity:.9}.proj figure::after{content:"";position:absolute;left:0;right:0;top:-20%;height:20%;z-index:2;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(63,216,255,.28),transparent);opacity:0;transition:opacity .2s}.proj:hover figure::after{opacity:1;animation:1.6s linear infinite scan}@keyframes scan{to{top:120%}}.proj .body{padding:22px 26px 26px}.proj .label{font-family:var(--mono);font-size:11px;letter-spacing:.18em;font-weight:500;color:var(--teal);margin:0 0 10px;text-transform:uppercase}.proj h2,.proj h3{margin:0 0 12px;font-size:17.5px;font-weight:600;line-height:1.55;color:#fff}.proj p{margin:0;font-size:14.5px;color:var(--muted);line-height:1.85}.proj .idx{position:absolute;top:14px;left:16px;z-index:3;font-family:var(--mono);font-size:11px;letter-spacing:.14em;color:#fff;background:rgba(7,15,28,.7);border:1px solid rgba(63,216,255,.35);padding:4px 9px;border-radius:4px}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:start}.dl{margin:0;border-top:1px solid var(--line)}.dl div{display:flex;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.dl dt{flex:0 0 96px;color:var(--muted);font-size:12.5px;margin:0;font-family:var(--mono);letter-spacing:.08em;padding-top:2px}.dl dd{margin:0;font-size:15px;color:var(--ink-2)}.coord{display:inline-flex;gap:14px;align-items:center;margin-top:26px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--cyan);border:1px dashed rgba(63,216,255,.35);padding:9px 14px;border-radius:4px}footer{background:#050b16;color:var(--muted);padding:44px 0;font-size:14px;border-top:1px solid var(--line)}footer .wrap{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}footer strong{color:var(--ink-2);font-weight:600;display:block;margin-bottom:6px;font-size:15px}footer .mono{font-size:12px;letter-spacing:.12em;color:rgba(127,147,173,.8)}footer a{color:var(--muted);margin-right:20px}@media (prefers-reduced-motion:reduce){.eyebrow i{animation:none}.proj:hover figure::after{animation:none;opacity:0}.btn,.card,.proj{transition:none}}@media (max-width:900px){.contact-grid,.g2,.g3,.projects{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.nav nav{display:none}.nav nav.open{display:flex;flex-direction:column;gap:0;position:absolute;top:68px;left:0;right:0;background:rgba(7,15,28,.96);border-bottom:1px solid var(--line);padding:8px 24px 16px}.nav nav.open a{padding:12px 0;border-bottom:1px solid var(--line);border-radius:0}.menu-btn{display:block}section{padding:64px 0}.hero{min-height:auto;flex-direction:column;align-items:stretch}.hero .wrap{padding-top:64px;padding-bottom:28px}.hero::before{background:linear-gradient(180deg,rgba(7,15,28,.9) 0,rgba(7,15,28,.55) 60%,rgba(7,15,28,.1) 100%)}.hero .hud{position:relative;left:auto;right:auto;bottom:auto;margin:0 24px 28px;grid-template-columns:auto auto;font-size:11px}.hud b{min-width:8ch}.eyebrow{font-size:11px;letter-spacing:.08em;white-space:nowrap;padding:5px 10px}}.skip-link{position:absolute;left:16px;top:-100px;z-index:100;background:var(--cyan);color:var(--bg);padding:10px 18px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.nav nav a[aria-current=page]{color:var(--cyan);background:var(--cyan-dim)}.sec-head h1{margin:0 0 16px;font-size:clamp(28px,3.5vw,40px);line-height:1.35;color:#fff}.breadcrumb{padding-top:28px;color:var(--muted);font-size:14px}.breadcrumb+section{padding-top:40px}.page-cta{padding:40px 24px;margin:0 auto 64px;border:1px solid var(--line);border-radius:8px;background:var(--panel-solid)}.page-cta h2{margin:0 0 10px}.page-cta .btn{margin-top:12px}.home-intro{max-width:46em}.home-card{display:block;color:var(--ink-2)}.home-card:hover{text-decoration:none}.home-card h3{color:#fff}.home-card span{color:var(--cyan)}.demo-label{position:absolute;right:24px;top:20px;color:var(--muted);font-size:12px;z-index:3}@media(max-width:900px){.brand{font-size:16px}.nav nav{display:flex;flex-wrap:wrap;position:static;width:100%;margin:0}.nav{gap:12px;height:auto;min-height:68px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.menu-btn{display:none}.js .nav{height:68px;flex-wrap:nowrap;padding-top:0;padding-bottom:0}.js .nav nav{display:none;width:auto}.js .nav nav.open{display:flex}.js .menu-btn{display:block}.demo-label{position:relative;top:auto;right:auto;padding:12px 24px 0}.page-cta{margin-left:24px;margin-right:24px}.nav nav a{padding:8px}}.hero::after,.hero::before{z-index:1}.stats b{overflow-wrap:anywhere;font-size:15.5px}.architecture{margin:36px 0 80px;box-shadow:0 30px 90px #0004}.arch-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:32px 32px 0}.arch-heading .kicker{font:10px var(--mono);letter-spacing:.18em;color:var(--teal);margin:0 0 12px}.arch-heading h2{font-size:clamp(21px,2.8vw,29px);line-height:1.4;margin:0}.arch-badge{font-size:11px;white-space:nowrap;border:1px solid #3fd8ff55;color:var(--cyan);padding:5px 10px;border-radius:20px}.arch-lead{color:var(--ink-2);font-size:14px;padding:0 32px;max-width:65em;margin:14px 0 28px}.arch-workspace{grid-template-columns:300px 1fr;border-block:1px solid #ffffff10}.arch-controls{padding:24px;background:#06111caf;border-right:1px solid #ffffff10;z-index:2}.arch-controls fieldset{padding:0;border:0;margin:0 0 22px;min-width:0}.arch-controls legend{font-size:13px;font-weight:600;margin-bottom:12px}.arch-controls legend span,.arch-core>span{font:11px var(--mono);color:var(--teal);margin-right:10px}.arch-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.arch-options button,.arch-tools button{font-family:inherit;font-size:12px;line-height:1.5;color:#bacddd;border:1px solid #294051;background:#102030;border-radius:7px;padding:10px 6px;cursor:pointer;transition:background .2s,border-color .2s}.arch-options button{font-family:inherit;font-size:12px}.arch-options button small{display:block;color:#8da7b7;font:9px/1.8 var(--mono);margin-top:3px}.arch-options button[aria-pressed=true]{border-color:#4de0ce;color:#ddfffa;background:#174339;box-shadow:inset 0 0 15px #2bd4b411}.arch-options button[aria-pressed=true] small{color:#9de4da}.arch-options.two{grid-template-columns:1fr 1fr}.arch-options.views{grid-template-columns:1fr}.arch-options.views button{text-align:left;padding:9px 12px;display:flex;align-items:center;justify-content:space-between}.arch-options button:hover{border-color:#6dadc1}.arch-core{display:flex;border:1px solid #3fd8ff33;padding:14px 12px;border-radius:8px;margin-bottom:22px;background:#3fd8ff08}.arch-core strong{font-size:13px}.arch-core p{font-size:11px;margin:6px 0;color:#aad8df}.arch-core small{font-size:10px;color:var(--muted)}.arch-visual{min-width:0;position:relative;display:flex;flex-direction:column}.arch-stage{flex:1;position:relative}.arch-stage canvas{display:block;width:100%;height:100%;cursor:grab;outline-offset:-4px}.arch-stage canvas:active{cursor:grabbing}.arch-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff0d;color:var(--muted)}.arch-tools>div{display:flex;gap:6px;flex-shrink:0}.arch-tools button:disabled{opacity:.4;cursor:default}.arch-tools button[aria-pressed=true]{color:var(--teal);border-color:var(--teal)}.arch-summary{padding:22px 32px;display:flex;gap:14px;align-items:flex-start;background:#11282b66}.arch-status{width:7px;height:7px;flex:none;border-radius:50%;background:var(--teal);box-shadow:0 0 14px var(--teal);margin-top:9px}.arch-summary strong{color:#d5fff5}.arch-summary p{color:#aec8cb;margin:6px 0 0}.arch-note{font-size:11px;margin:14px 32px;color:var(--muted)}.arch-fallback{margin:60px auto;text-align:center;max-width:80%;color:#c4dce3}.arch-fallback p{padding:15px;border:1px solid #2bd4b455;border-radius:8px;background:#0c2933}.arch-fallback span{color:var(--teal)}.arch-fallback[hidden]{display:none}.platform-features{margin-bottom:30px}@media(max-width:1050px){.arch-workspace{grid-template-columns:260px 1fr}.arch-controls{padding:18px 14px}}@media(max-width:760px){.arch-heading{padding:24px 20px 0}.arch-badge{display:none}.arch-lead{padding:0 20px}.arch-workspace{display:flex;flex-direction:column}.arch-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px;border-right:0;border-bottom:1px solid #ffffff10}.arch-controls fieldset{margin:0}.arch-controls fieldset:first-child,.arch-controls fieldset:last-child{grid-column:1/-1}.arch-core{margin:0;padding:10px}.arch-core>span{display:none}.arch-options.views{grid-template-columns:repeat(3,1fr)}.arch-options.views button{display:block;text-align:center;padding:8px 3px;font-size:11px}.arch-options.views small{font-size:8px}.arch-stage{height:460px;min-height:460px;flex:auto}.arch-summary{padding:18px 20px}.arch-note{margin:12px 20px}.arch-tools{flex-wrap:wrap}.arch-controls legend{font-size:12px}.arch-controls legend span{margin-right:5px}}@media(max-width:480px){.arch-controls{grid-template-columns:1fr}.arch-core{padding:12px}.arch-core>span{display:block}.arch-options.two button{padding:10px;font-size:13px}.arch-core p{margin:3px 0}.arch-core small{display:block}.arch-stage{height:480px;min-height:480px}}.architecture{scroll-margin-top:88px;width:min(1400px,calc(100vw - 48px));max-width:none;position:relative;left:50%;transform:translateX(-50%)}.arch-workspace{display:block}.arch-stage{flex:none}.arch-hotspots{position:relative;display:flex;flex-wrap:wrap;gap:10px;padding:18px;z-index:4}.arch-hotspot{position:relative;display:grid;grid-template-columns:1fr auto;column-gap:16px;align-items:center;min-height:52px;border:1px solid #65d8d966;background:#0a2336e8;backdrop-filter:blur(10px);color:#ddfaff;font-family:inherit;text-align:left;cursor:pointer;box-shadow:0 8px 24px #0003}.arch-hotspot small{color:#8fb6c9;grid-column:1}.arch-hotspot span{white-space:nowrap;grid-column:1}.arch-hotspot b{grid-column:2;grid-row:1/3;font-weight:400;color:#72e2d0}.arch-hotspot:focus-visible,.arch-hotspot:hover{border-color:#8affe3;background:#16413ff5}.arch-hotspot[data-cycle=runtime]{border-color:#b4a5ff66}.arch-hotspot[data-cycle=runtime] b{color:#b4a5ff}.is-interactive .arch-hotspots{position:absolute;inset:0;display:block;padding:0;pointer-events:none}.is-interactive .arch-hotspot{position:absolute;left:0;top:0;pointer-events:auto;will-change:transform}.arch-stage canvas[hidden]{display:none}.arch-stage:not(.is-interactive){height:auto;min-height:660px}@media(max-width:760px){.arch-stage{height:650px;min-height:650px}.arch-hotspot{padding:7px 9px;column-gap:9px;min-height:48px}.arch-hotspot span{font-size:11px}.arch-hotspot small{font-size:9px}.arch-hotspot b{font-size:20px}.arch-stage:not(.is-interactive){min-height:650px}.arch-tools{padding:12px}}.arch-stage{height:860px;min-height:860px}.arch-hotspot span{font-size:16px;text-shadow:0 2px 14px #070f1c}.arch-hotspot small{font-size:12px}.arch-tools{font-size:12px;gap:16px}.arch-tools>div{flex-wrap:wrap}.arch-summary strong{font-size:17px}.arch-summary p{font-size:14px}.arch-detail{width:min(1200px,96vw);max-width:96vw;max-height:94vh;padding:20px;border:1px solid #4d8b97;border-radius:14px;background:#091d2a;color:#ddfff4;box-shadow:0 25px 90px #0009}.arch-detail::backdrop{background:#020b14dd;backdrop-filter:blur(8px)}.arch-detail-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}.arch-detail h2{font-size:20px;margin:0}.arch-detail button{padding:8px 16px;border:1px solid #517680;background:#143641;border-radius:7px;color:#dcfff2;font-size:15px;cursor:pointer}.arch-detail img{width:100%;height:auto}.arch-detail:not([open]){display:none}@media(max-width:760px){.architecture{width:calc(100vw - 24px)}.arch-stage{height:650px;min-height:650px}.arch-hotspot span{font-size:13px}.arch-hotspot small{font-size:11px}.arch-tools{align-items:flex-start}.arch-tools>div{flex-shrink:1}.arch-tools button{font-size:13px}.arch-detail{padding:12px;overflow:auto}.arch-detail-head h2{font-size:16px}.arch-detail img{min-width:800px}}.raster-demo{padding:0;margin:30px 0 80px;scroll-margin-top:88px;width:min(1400px,calc(100vw - 48px));position:relative;left:50%;transform:translateX(-50%)}.raster-head{padding:30px;display:flex;align-items:flex-start;gap:20px;justify-content:space-between}.raster-head .kicker{font:11px var(--mono);letter-spacing:.14em;color:#75dfc1;margin:0 0 14px}.raster-head h2{font-size:32px;line-height:1.3;margin:0 0 12px}.raster-head p{font-size:15px;color:#aec7d0;margin:0}.raster-head>span{white-space:nowrap;font-size:12px;color:#d8cb97;border:1px solid #7c735555;border-radius:20px;padding:5px 12px}.raster-stage{height:750px;position:relative;overflow:hidden}.raster-stage canvas{display:block;width:100%;height:100%;cursor:grab;outline-offset:-4px}.raster-stage canvas[hidden]{display:none}#raster-fallback{padding:100px 30px;max-width:700px;margin:auto;color:#c9e6e7}#raster-fallback[hidden]{display:none}@media(max-width:760px){.raster-demo{width:calc(100vw - 24px)}.raster-head{padding:22px;display:block}.raster-head h2{font-size:26px}.raster-head>span{display:inline-block;margin-top:15px}.raster-stage{height:600px}}.architecture,.raster-demo{border:0;border-radius:0;background:0 0;box-shadow:none;overflow:visible}.arch-workspace{border:0}.arch-stage,.raster-stage{background:0 0}.arch-tools{border:0;justify-content:flex-end;padding:0 20px}.arch-tools button{border:0;background:0 0;border-radius:0;font-size:22px;color:#8fb6c9;padding:6px 12px}.arch-tools button:hover{color:#d7fff4;background:#6acbc80a}.arch-hotspot,.arch-hotspot[data-cycle=runtime]{border:0;border-radius:0;background:0 0;box-shadow:none;backdrop-filter:none;padding:8px 10px}.arch-hotspot b{grid-row:1;font-size:19px}.arch-hotspot:focus-visible,.arch-hotspot:hover{background:#14364155}.arch-stage:before,.raster-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,#3fb4d009,transparent 65%)}.arch-stage:after,.raster-stage:after{content:"";position:absolute;inset:0;z-index:5;padding:1px;border-radius:16px;pointer-events:none;background:linear-gradient(125deg,#80d8d948 0,#84c4eb12 32%,#a294dc24 62%,#70d8b83e 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:.48;animation:9s ease-in-out infinite scene-edge-breathe}.raster-stage:after{animation-delay:-4.5s}@keyframes scene-edge-breathe{0%,100%{opacity:.38}50%{opacity:.72}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.eyebrow i{animation:none}.arch-stage:after,.raster-stage:after{animation:none;opacity:.5}}