@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{color:#edf1fd;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#060812;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit}::selection{color:#070914;background:#7187f3}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}:root{--bg:#060812;--muted:#8590ab;--line:#adbce521;--blue:#a5b6ff;--mono:"DM Mono", monospace}#root{min-height:100vh}.site-shell{background:var(--bg);position:relative;overflow:hidden}.noise-layer{pointer-events:none;z-index:20;opacity:.12;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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.15' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.site-header{z-index:30;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5.5vw,92px);display:flex;position:relative}.wordmark{letter-spacing:-.055em;white-space:nowrap;align-items:center;gap:12px;font-size:15px;font-weight:800;display:inline-flex}.wordmark-light{color:#a7b2d0;letter-spacing:-.03em;font-weight:400}.wordmark-symbol{border:1px solid #99abff;border-radius:50%;width:24px;height:24px;position:relative;transform:rotate(-30deg)}.wordmark-symbol:before,.wordmark-symbol:after{content:"";border:1px solid #99abff;border-radius:50%;position:absolute;inset:5px -4px}.wordmark-symbol:after{inset:-4px 7px}.wordmark-symbol span{background:#c8d3ff;border-radius:50%;width:5px;height:5px;position:absolute;top:-2px;left:8px}.site-nav{font:10px var(--mono);letter-spacing:.1em;color:#919bb4;gap:34px;display:flex}.site-nav a,.header-link,.back-top{transition:color .2s}.site-nav a:hover,.header-link:hover,.back-top:hover{color:#c5d3ff}.header-link{font:10px var(--mono);letter-spacing:.1em;align-items:center;gap:10px;display:flex}.hero{isolation:isolate;align-items:center;min-height:max(650px,100svh - 92px);padding:110px clamp(24px,8vw,128px) 90px;display:flex;position:relative}.hero:before{content:"";pointer-events:none;z-index:-2;background:radial-gradient(45% 55% at 75% 49%,#273b7d45,#0000 74%),radial-gradient(55% 60% at 10% 12%,#0c162ea6,#0000 70%);position:absolute;inset:0}.hero-grid{z-index:-1;opacity:.43;background-image:linear-gradient(#7e96da0b 1px,#0000 1px),linear-gradient(90deg,#7e96da0b 1px,#0000 1px);background-size:84px 84px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 70%);mask-image:linear-gradient(90deg,#0000 2%,#000 70%)}.hero-copy{z-index:3;width:min(700px,59%);position:relative}.eyebrow,.section-index,.micro-label,.side-stamp,.hero-bottom,.orb-coordinate,.principle-top,.site-footer,.back-top{font-family:var(--mono);letter-spacing:.12em;font-size:10px;font-weight:400}.eyebrow{color:#c4c9de;align-items:center;gap:13px;display:flex}.eyebrow-line{background:#9dafff;width:20px;height:1px}.eyebrow-index{color:#596780}.hero-title{letter-spacing:-.087em;white-space:nowrap;margin:34px 0 30px;font-size:clamp(62px,7.6vw,130px);font-weight:700;line-height:.97}.hero-title span{color:#b0baff}.hero-description{color:#a1abc4;letter-spacing:-.012em;max-width:390px;font-size:15px;line-height:1.8}.primary-action{min-height:52px;font:10px var(--mono);letter-spacing:.07em;background:#43599d1a;border:1px solid #9db2ff99;align-items:center;gap:30px;margin-top:26px;padding:7px 7px 7px 21px;transition:background .2s,border-color .2s,transform .2s;display:inline-flex}.primary-action:hover{background:#526fd533;border-color:#ccd5ff;transform:translateY(-2px)}.primary-action span{color:#11172c;background:#b2c1ff;place-items:center;width:38px;height:38px;display:grid}.orb-stage{aspect-ratio:1;pointer-events:auto;width:min(54vw,790px);position:absolute;top:50%;right:clamp(-100px,1vw,28px);transform:translateY(-51%)}.orb-stage canvas{z-index:2;display:block;position:relative}.orb-aura{filter:blur(30px);background:radial-gradient(circle,#6472e83d 0%,#32489c1f 35%,#0000 68%);border-radius:50%;position:absolute;inset:12%}.orb-fallback{border:1px solid #798eeb4d;border-radius:50%;position:absolute;inset:27%;box-shadow:0 0 80px #4862de2e}.orb-coordinate{color:#64728e;z-index:4;white-space:nowrap;font-size:9px;position:absolute}.orb-coordinate--top{top:22%;right:12%}.orb-coordinate--bottom{bottom:22%;left:12%}.hero-bottom{color:#74809a;justify-content:space-between;display:flex;position:absolute;bottom:28px;left:clamp(24px,5.5vw,92px);right:clamp(24px,5.5vw,92px)}.hero-bottom a{color:#bac6e5;align-items:center;gap:10px;display:inline-flex}.content-section{border-top:1px solid var(--line);padding:110px clamp(24px,8vw,128px)}.section-index{color:#8896b8;align-items:center;gap:12px;display:inline-flex}.index-dot{background:#92a8ff;border-radius:50%;width:5px;height:5px;box-shadow:0 0 11px #7e99ff}.concept-layout{grid-template-columns:1.35fr .65fr;align-items:end;gap:8vw;margin-top:75px;display:grid}.concept-layout h2,.section-intro h2,.outro-section h2{letter-spacing:-.079em;margin:0;font-size:clamp(46px,6.4vw,99px);font-weight:600;line-height:1.04}.concept-layout h2 em,.outro-section h2 em{color:#a6b5fc;font-style:normal}.concept-side{max-width:340px;padding-bottom:6px}.micro-label{color:#8292b2;font-size:9px}.concept-side p{color:#a3abc1;margin:22px 0 0;font-size:14px;line-height:1.85}.concept-rule{background:var(--line);height:1px;margin:35px 0 18px;display:block}.side-stamp{color:#73809c;font-size:9px}.principles-section{background:linear-gradient(155deg,#080c19,#060812 63%)}.section-intro{justify-content:space-between;align-items:end;gap:20px;margin:70px 0 46px;display:flex}.section-intro h2{font-size:clamp(42px,5.3vw,76px)}.section-intro h2 span{color:#838da6}.principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.principle-card{background:linear-gradient(160deg,#1d274447,#0a0e1ed9);border:1px solid #899fda29;flex-direction:column;justify-content:space-between;min-height:390px;padding:25px;transition:border-color .3s,transform .3s;display:flex;position:relative;overflow:hidden}.principle-card:hover{border-color:#9bb2ff80;transform:translateY(-5px)}.principle-top{color:#8897b5;justify-content:space-between;align-items:center;display:flex}.principle-art{place-items:center;width:100%;height:135px;display:grid;position:relative;overflow:hidden}.principle-art:before,.principle-art:after,.principle-art span{content:"";border:1px solid #8aa6ff70;border-radius:50%;display:block;position:absolute;box-shadow:0 0 28px #5b7afb17}.principle-art:before{width:112px;height:112px}.principle-art:after{width:75px;height:75px;transform:rotateX(65deg)rotate(-24deg)}.principle-art span:first-child{width:110px;height:70px;transform:rotate(55deg)}.principle-art span:nth-child(2){width:90px;height:90px;transform:rotateX(65deg)}.principle-art span:nth-child(3){background:#d4dcff;width:8px;height:8px;box-shadow:0 0 18px #8da5ff}.principle-art--02{transform:scale(.9)rotate(22deg)}.principle-art--03{transform:rotate(-17deg)}.principle-bottom h3{letter-spacing:-.055em;margin:0 0 13px;font-size:26px;font-weight:600}.principle-bottom p{color:#919db9;max-width:310px;margin:0;font-size:12px;line-height:1.75}.outro-section{border-top:1px solid var(--line);text-align:center;background:radial-gradient(45% 75% at 50% 125%,#4652a742,#0000);flex-direction:column;justify-content:center;align-items:center;min-height:530px;padding:105px clamp(24px,8vw,128px);display:flex}.outro-section h2{margin:40px 0 20px;font-size:clamp(42px,5.5vw,78px)}.outro-section p{color:#93a0bd;font-size:14px}.back-top{border-bottom:1px solid #a8bcff80;align-items:center;gap:14px;margin-top:25px;padding-bottom:8px;display:inline-flex}.site-footer{color:#77839f;border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:30px clamp(24px,5.5vw,92px);font-size:9px;display:flex}@media (width<=1020px){.hero{min-height:740px}.hero-copy{width:70%}.hero-title{font-size:clamp(65px,8vw,90px)}.orb-stage{opacity:.8;width:60vw;right:-15vw}.concept-layout{gap:45px}}@media (width<=720px){.site-header{height:76px}.site-nav{display:none}.wordmark{font-size:13px}.header-link{font-size:9px}.hero{align-items:flex-start;min-height:790px;padding:100px 24px}.hero-copy{width:100%}.hero-title{margin:25px 0;font-size:clamp(52px,11vw,80px)}.hero-description{max-width:300px;font-size:13px}.orb-stage{opacity:.7;pointer-events:none;width:105vw;height:440px;top:auto;bottom:30px;right:-28vw;transform:none}.orb-coordinate{display:none}.hero-bottom{font-size:8px;bottom:18px}.hero-bottom span{max-width:140px;line-height:1.5}.hero-bottom a{gap:4px}.content-section{padding:80px 24px}.concept-layout{grid-template-columns:1fr;margin-top:45px}.concept-side{max-width:500px}.section-intro{margin:50px 0 30px;display:block}.section-intro .micro-label{margin-top:25px;display:block}.principles-grid{grid-template-columns:1fr}.principle-card{min-height:300px}.principle-art{height:100px}.outro-section{min-height:460px;padding:85px 24px}.site-footer{flex-wrap:wrap;font-size:8px}}@media (width<=420px){.hero-title{font-size:49px}.eyebrow{gap:8px;font-size:8px}.primary-action{font-size:9px}.hero-bottom a{font-size:8px}}
