:root{--paper:#f5f5f0;--ink:#282b31;--muted:#6b6e78;--line:#dedfdc;--accent:#6961b3;--orb-main:#8b82c3;--orb-dark:#4c4985;--orb-light:#c5c3e2;--glow:#d5d0ef;--glow-two:#e1e6ec;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}::selection{background:#ded7f1}.site-shell{max-width:1600px;margin:auto;padding:0 5.2%}.header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{display:flex;flex-direction:column;align-items:flex-start;font-size:18px;letter-spacing:1px;font-weight:600;gap:5px}.concept-label{font-size:8px;letter-spacing:1.9px;font-weight:400;color:var(--muted)}.nav{display:flex;gap:38px;font-size:13px}.nav a{padding:12px 0;position:relative}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:5px;height:1px;background:var(--ink);transition:right .25s}.nav a:hover:after{right:0}.nav span{color:var(--muted);margin-left:3px}.header-cta{display:flex;gap:28px;align-items:center;border:1px solid #c9cbc8;border-radius:4px;padding:13px 17px;font-size:12px;transition:background .2s}.header-cta:hover{background:#e9e9e1}.header-cta span{font-size:17px}.menu-button{display:none}.mobile-nav[hidden]{display:none}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:20px;min-height:690px;padding:65px 0 42px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:1.7px;font-weight:600}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px #6961b30b}.hero h1{font-size:clamp(46px,4.7vw,76px);font-weight:400;line-height:1.065;letter-spacing:-3.8px;margin:29px 0 25px}.hero h1>span{color:#92939e;white-space:nowrap}.hero-description{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;gap:42px;padding:15px 19px;border-radius:3px;background:var(--ink);color:#fff;font-size:12px;transition:background .2s,transform .2s}.primary-link span{font-size:18px}.primary-link:hover{background:var(--accent);transform:translateY(-2px)}.hero-note{display:flex;gap:12px;align-items:center;margin-top:47px;color:#7a7c85}.tiny-cross{font-size:25px;font-weight:200}.hero-note p{font-size:10px;line-height:1.6;margin:0}.visual{position:relative;align-self:stretch;min-height:570px;overflow:hidden;background:linear-gradient(135deg,#f0f0ed99,#ececf466);border-radius:5px;color:#727481;--orb-main:#8b82c3}.visual-top,.visual-bottom{position:absolute;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font-family:'Courier New',monospace;font-size:9px;letter-spacing:.8px;z-index:3}.visual-top{top:22px}.visual-bottom{bottom:18px}.live-label{display:flex;align-items:center;gap:7px}.live-label i,.lab-indicator{display:block;background:#8b9b87;width:4px;height:4px;border-radius:50%}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#9da0ac14 1px,transparent 1px),linear-gradient(90deg,#9da0ac14 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse,black,transparent 70%)}.ambient{position:absolute;width:300px;height:300px;border-radius:50%;filter:blur(65px);opacity:.65;transition:background 1s}.ambient-one{background:var(--glow);left:13%;top:15%}.ambient-two{background:var(--glow-two);bottom:10%;right:-10%}.orbital-wrap{position:absolute;inset:15px -30px 0;display:flex;align-items:center;justify-content:center;animation:float 9s ease-in-out infinite}.orbital-wrap svg{width:100%;max-width:650px;overflow:visible;transform:rotate(-15deg)}.orbit-lines{transform-origin:300px 300px;animation:orbit 70s linear infinite}.satellite{transform-origin:300px 300px;animation:orbit 90s linear infinite reverse}.coordinate{position:absolute;font:8px/1.8 'Courier New',monospace;letter-spacing:.6px;color:#90929e}.coord-one{left:23px;top:120px}.coord-two{right:20px;bottom:132px;text-align:right}.floating-tag{position:absolute;left:27px;bottom:71px;display:flex;align-items:center;gap:12px;padding:14px 17px;background:#fafaf6c9;border:1px solid #fff;border-radius:5px;box-shadow:0 6px 24px #3e3f5910;backdrop-filter:blur(12px);font-size:11px;transform:rotate(-3deg)}.tag-symbol{color:var(--accent);font-size:27px}.floating-tag small{display:block;font:7px 'Courier New',monospace;letter-spacing:1px;margin-top:7px;color:#95959f}#motion-toggle{background:transparent;display:flex;gap:6px;align-items:center;padding:6px 0;font:8px 'Courier New',monospace;color:#656775}.motion-icon{font-size:11px}.section-divider{display:flex;align-items:center;gap:28px;font:8px 'Courier New',monospace;letter-spacing:1.3px;color:#7c7d87}.divider-line{height:1px;background:var(--line);flex:1}.section-divider a{display:flex;align-items:center;gap:23px}.section-divider a span{font-size:17px;color:var(--ink)}.architecture{padding:78px 0 68px;scroll-margin-top:25px}.section-heading{display:grid;grid-template-columns:1fr 1.4fr .7fr;align-items:start;margin-bottom:38px}.section-heading>.eyebrow{padding-top:9px;color:var(--muted);font-size:8px}.section-heading h2{font-weight:400;font-size:35px;line-height:1.2;letter-spacing:-1.2px;margin:0}.section-heading h2 span{color:#9697a1}.section-heading>p{font-size:11px;line-height:1.8;color:var(--muted);margin:8px 0 0;text-align:right}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{padding:30px 31px 28px 0;position:relative}.principle+.principle{padding-left:32px;border-left:1px solid var(--line)}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top svg{width:40px;height:40px;stroke:#8a86a8;fill:none;stroke-width:1}.card-top>span{font:9px 'Courier New',monospace;color:#91939b}.principle h3{font-size:19px;font-weight:400;letter-spacing:-.5px;margin:26px 0 14px}.principle p{font-size:11px;line-height:1.85;color:var(--muted);margin:0 0 28px}.card-tag{font:7px 'Courier New',monospace;letter-spacing:1.1px;background:#eaeae6;border:1px solid #e0e0dc;border-radius:2px;padding:6px 8px}.principle:hover .card-top svg{stroke:var(--accent);transform:rotate(12deg)}.card-top svg{transition:transform .5s,stroke .3s}.playground{background:#eaeaf0;border:1px solid #dfdfe8;border-radius:6px;padding:38px 39px 0;margin-bottom:63px;display:grid;grid-template-columns:1fr 1fr;gap:26px 40px;position:relative;overflow:hidden}.playground:after{content:'✳';font-size:260px;color:#a6a0bc0c;position:absolute;right:0;top:-100px;pointer-events:none}.playground .eyebrow{font-size:8px;color:#706b89;letter-spacing:1.3px}.playground h2{font-size:28px;letter-spacing:-1px;font-weight:400;margin:18px 0 9px}.playground p{font-size:11px;color:var(--muted);margin:0}.mode-controls{display:flex;align-items:center;gap:8px;z-index:1}.mode-button{border:1px solid #d2d1dd;background:#f5f5f250;display:flex;flex:1;min-height:77px;padding:12px;gap:8px;flex-wrap:wrap;align-content:center;font-size:12px;border-radius:4px;transition:background .2s,transform .2s,box-shadow .2s}.mode-button>span{font:8px 'Courier New',monospace;opacity:.6;width:100%;text-align:left}.mode-button i{font-style:normal;margin-left:auto;font-size:14px}.mode-button.active{background:#f9f9f5;box-shadow:0 3px 10px #39345209;border-color:#b4afc8}.mode-button:hover{transform:translateY(-3px);background:#f9f9f5}.lab-status{grid-column:1/-1;border-top:1px solid #d7d7e1;display:flex;gap:8px;align-items:center;padding:15px 0;font:8px 'Courier New',monospace;color:#747283;z-index:1}.lab-indicator{background:var(--accent)}.lab-status a{margin-left:auto;color:#4f4d60}footer{display:flex;align-items:center;gap:30px;padding:0 0 32px;color:var(--muted)}.footer-wordmark{font-size:14px;letter-spacing:1px;font-weight:600;color:var(--ink)}footer p{font-size:10px}footer>span{margin-left:auto;font:8px 'Courier New',monospace;letter-spacing:1px}footer>a:last-child{border:1px solid var(--line);padding:7px 11px;border-radius:3px;font-size:17px}.skip-link{position:fixed;top:-70px;left:20px;padding:15px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}.motion-paused .orbit-lines,.motion-paused .satellite,.motion-paused .orbital-wrap{animation-play-state:paused}.visual[data-mode=cloud]{--orb-main:#74a89c;--orb-dark:#426e70;--orb-light:#b7d4cf}.visual[data-mode=quantum]{--orb-main:#c2916e;--orb-dark:#916463;--orb-light:#e6c4aa}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -13px}}
@media(min-width:1600px){.hero h1{font-size:76px}}@media(max-width:1100px){.site-shell{padding:0 4%}.nav{gap:20px}.header-cta{gap:15px;font-size:11px}.hero{min-height:620px;padding-top:45px;gap:5px}.hero h1{font-size:clamp(43px,5.3vw,58px);letter-spacing:-2.7px}.visual{min-height:520px}.section-heading{grid-template-columns:.85fr 1.3fr .8fr}.mode-controls{gap:6px}.mode-button{padding:10px}.playground{padding:30px 26px 0;gap:25px}.playground h2{font-size:25px}}@media(max-width:760px){.header{height:82px}.wordmark{font-size:17px}.nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:6px;background:transparent;padding:14px 5px;width:34px}.menu-button span{height:1px;width:24px;background:var(--ink);transition:transform .2s}.menu-button[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:12px}.hero{grid-template-columns:1fr;padding:45px 0 25px;gap:32px}.hero h1{font-size:clamp(42px,8.2vw,60px);letter-spacing:-2.5px;margin:26px 0 22px}.hero-description{font-size:13px}.hero-note{display:none}.visual{min-height:460px}.orbital-wrap{inset:-25px 0}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.3px}.section-divider{gap:14px;font-size:6px;letter-spacing:.7px}.section-divider a{gap:10px}.architecture{padding:50px 0 38px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:28px}.section-heading>.eyebrow{padding:0}.section-heading h2{font-size:33px}.section-heading>p{display:none}.principles{grid-template-columns:1fr}.principle,.principle+.principle{padding:25px 0;border-left:0}.principle+.principle{border-top:1px solid var(--line)}.principle h3{margin:18px 0 11px;font-size:21px}.principle p{font-size:12px;margin-bottom:20px}.card-top svg{height:35px;width:35px}.playground{grid-template-columns:1fr;padding:29px 23px 0;margin-bottom:38px;gap:22px}.playground h2{font-size:27px}.mode-button{min-height:76px;padding:12px}.lab-status{flex-wrap:wrap;line-height:1.5;font-size:8px}.lab-status a{width:100%;margin:4px 0 0 12px}footer{gap:20px;flex-wrap:wrap;padding-bottom:24px}footer p{font-size:9px}footer>span{margin-left:0;font-size:7px;flex:1}footer>a:last-child{margin-left:auto}.coord-one{top:89px}.coord-two{bottom:100px}.floating-tag{bottom:60px;font-size:10px}.visual-top,.visual-bottom{left:17px;right:17px;font-size:8px}}@media(max-width:380px){.hero h1{font-size:40px}.visual{min-height:400px}.visual-top{font-size:7px}.live-label{gap:4px}.mode-button{font-size:11px;padding:10px}.mode-button i{display:none}.playground h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}