:root{color-scheme:dark;--bg:#08090b;--panel:#0e1013;--line:#25292d;--muted:#939aa2;--white:#eeeef0;--mint:#b2cae6;--purple:#9db3cc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--mint);outline-offset:5px}button{border:0;background:none}p{color:var(--muted);line-height:1.75}h1,h2,h3,p{margin:0}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.5px;line-height:1.06}h1{font-size:clamp(48px,5.8vw,82px)}h1 em{font-style:normal;color:#b8bbc3}h2{font-size:clamp(38px,4.8vw,63px)}.wrap{max-width:1220px;margin:auto;padding-left:36px;padding-right:36px}.header{height:78px;position:sticky;top:0;background:#08090bdf;backdrop-filter:blur(18px);z-index:20;display:flex;align-items:center;gap:26px;padding:0 36px;border-bottom:1px solid #ffffff08}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand img{object-fit:contain}.brand span{font-size:20px;letter-spacing:2px;font-weight:600}.brand small{display:block;font-size:6px;letter-spacing:1.6px;color:var(--muted);font-weight:400;margin-top:4px}.header nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:12px;color:#a8abb3}.header nav>a:hover,summary:hover{color:white}details{position:relative}summary{list-style:none;cursor:pointer;white-space:nowrap}summary::-webkit-details-marker{display:none}summary:after{content:'⌄';margin-left:8px;font-size:12px}.dropdown{position:absolute;top:30px;left:-20px;width:280px;padding:8px;background:linear-gradient(130deg,#1a1d21,#101215);border:1px solid #34383c;border-radius:13px;box-shadow:0 20px 60px #0008}.dropdown a{display:block;padding:14px 12px;border-radius:8px;color:#e5e7ec;font-size:12px}.dropdown a:hover{background:#ffffff07}.dropdown small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:1px solid #363b40;border-radius:11px;padding:15px 20px;background:linear-gradient(#21252a,#171a1e);font-size:13px;font-weight:500;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{background:#2b3137;transform:translateY(-1px)}.button.primary{background:var(--mint);border-color:var(--mint);color:#10161c}.button.primary:hover{background:#c4d9f1}.button.small{padding:10px 14px;font-size:11px}.hero{min-height:660px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:25px;overflow:hidden}.hero-copy{padding:55px 0}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:500;color:#8e9baa}.pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #343b43;border-radius:24px;padding:9px 12px;font-size:10px;letter-spacing:.4px;margin-bottom:28px;background:#101316}.eyebrow i,.dot{display:inline-block;width:5px;height:5px;background:var(--mint);border-radius:50%}.hero-copy>p{max-width:440px;margin-top:24px;font-size:15px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:12px;color:#bdc1ca}.text-link span{margin-left:12px}.hero-note{font-size:9px;color:#666d75;margin-top:30px;display:flex;align-items:center;gap:8px}.hero-note .dot{background:#656f7a;width:4px;height:4px}.hero-art{height:520px;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 60%,#343a4135,transparent 65%)}.hero-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:contrast(1.08);pointer-events:none}.art-label{position:absolute;bottom:12px;left:35px;right:15px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#5d6670}.art-label b{font-weight:400}.ambient{height:460px;position:relative;overflow:hidden;border-top:1px solid #272b30;border-bottom:1px solid #171b20;background:radial-gradient(ellipse at 20% 70%,#26416019,transparent 50%),radial-gradient(ellipse at 80% 20%,#1e334c17,transparent 45%)}.ambient-copy{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;z-index:2;pointer-events:none}.ambient-copy h2{font-family:Arial,sans-serif;font-size:49px;line-height:1.1;letter-spacing:-2px;margin-top:22px}.ambient-copy p{font-size:12px;margin-top:22px}.ambient-caption{position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:7px;color:#51575e;letter-spacing:2px}.orb{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle at 30% 22%,#60666e 0,#24282d 18%,#101419 45%,#090b0d 68%,#4f85c5 94%,#13202f);box-shadow:inset -14px -18px 28px #4473aa45,0 20px 70px #26405f30;transform:translate(var(--px,0px),var(--py,0px)) rotate(-25deg);transition:transform .8s;overflow:hidden}.orb-one{left:20px;top:125px}.orb-two{right:-10px;top:0;width:180px;height:180px;opacity:.6;filter:hue-rotate(65deg)}.orb span{position:absolute;inset:12%;border:4px solid #72787f55;border-radius:50%;transform:translateX(30%) rotateY(30deg)}.orb span:nth-child(2){inset:22%;border-color:#a1b0c266}.orb span:nth-child(3){inset:32%}.orb span:nth-child(4){inset:42%;border-color:#78a6db88}.ambient-ring{position:absolute;left:50%;top:50%;width:900px;height:270px;border:1px solid #4c5c6e22;border-radius:50%;transform:translate(-50%,-50%) rotate(-20deg)}.ring-two{transform:translate(-50%,-50%) rotate(21deg);width:820px;height:320px;border-color:#4157701a}.section{padding-top:115px;padding-bottom:20px;scroll-margin-top:20px}.section-intro{text-align:center;max-width:660px;margin:0 auto 45px}.section-intro h2{margin-top:18px}.section-intro p{font-size:14px;max-width:530px;margin:22px auto 0}.section-intro.left{margin-left:0;text-align:left}.section-intro.left p{margin-left:0}.workspace{display:grid;grid-template-columns:180px 1fr;border:1px solid #32373d;border-radius:17px;background:radial-gradient(at 50% 0,#30343825,transparent 50%),#0c0e11;overflow:hidden;box-shadow:0 0 80px #0005}.workspace aside{padding:25px 15px;border-right:1px solid var(--line);position:relative}.compact span{font-size:15px}.side-label{display:block;font-size:8px;color:#59616a;letter-spacing:1.6px;margin:40px 10px 14px}.side-item{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:13px 11px;border-radius:8px;font-size:11px;color:#8c96a2;margin-bottom:7px}.side-item.active{background:#20252a;color:#eee;border:1px solid #30363c}.aside-bottom{position:absolute;bottom:20px;left:20px;font-size:8px;color:#606871}.aside-bottom i{display:inline-block;width:4px;height:4px;background:#a0b1c5;border-radius:50%;margin-right:4px}.work-main{padding:0 28px 20px}.work-top{height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#b9bec7}.preview-badge{font-size:7px;letter-spacing:1px;color:#858f9a;border:1px solid #30363c;padding:6px 8px;border-radius:5px}.work-heading{padding:30px 0}.work-heading h3{font-family:Georgia,serif;font-weight:400;font-size:38px;letter-spacing:-1px;line-height:1.1}.work-heading p{font-size:11px;margin-top:12px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.balance-card,.privacy-card,.transfer-card{border:1px solid #343b43;border-radius:12px;padding:22px}.balance-card{background:radial-gradient(at 0 100%,#25334440,transparent 80%),#11151a}.card-label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#c8d0d6}.card-label button{font-size:17px;color:#717a84}.balance-card>strong{font-size:30px;letter-spacing:5px;display:block;font-weight:400;padding:27px 0 14px}.card-meta{font-size:9px;color:#828b96}.card-separator{height:1px;background:#343b43;margin:22px 0 15px}.balance-bottom{display:flex;justify-content:space-between;font-size:8px;color:#84909d}.balance-bottom b{font-weight:400;color:#a4bcd9}.privacy-card{background:#14191e;margin-top:16px;border-color:#313c49}.privacy-card p{font-size:10px;margin:13px 0}.toggle-row{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#adb5bf;cursor:pointer;position:relative}.toggle-row input{position:absolute;right:0;opacity:0}.toggle{width:28px;height:16px;border-radius:15px;background:#40454a;padding:3px}.toggle:before{content:'';display:block;width:10px;height:10px;border-radius:50%;background:#a1a1ae;transition:transform .2s}.toggle-row input:checked+.toggle{background:#39434e}.toggle-row input:checked+.toggle:before{transform:translateX(12px);background:var(--mint)}.toggle-row input:focus-visible+.toggle{outline:2px solid var(--mint)}.muted-note{font-size:8px;color:#717881;margin-top:14px}.transfer-card{background:linear-gradient(140deg,#181c21,#0d1014);display:flex;flex-direction:column}.tag{font-size:7px;letter-spacing:1px;color:#a2aab3}.transfer-card>label{font-size:10px;color:#929eac;margin:25px 0 9px}.transfer-card input{width:100%;border:1px solid #373f48;border-radius:7px;background:#0b0f13;color:#ddd;padding:12px;font-size:11px;min-width:0}.transfer-card input::placeholder{color:#59636f}.amount-input{display:flex;align-items:center;border:1px solid #373f48;border-radius:7px;background:#0b0f13}.amount-input input{border:0;background:none}.amount-input>span{font-size:8px;letter-spacing:1px;color:#9da4ad;padding:0 12px}.amount-note{font-size:8px;line-height:1.6;color:#8b9fb7;margin-top:12px}.amount-note>span{margin-right:5px}.proof-steps{display:flex;align-items:center;gap:9px;margin:28px 0;color:#7c8692;font-size:8px}.proof-steps span{display:flex;align-items:center;gap:6px}.proof-steps b{width:19px;height:19px;display:grid;place-items:center;background:#292f35;border-radius:50%;font-size:8px;font-weight:400}.proof-steps span:first-child{color:var(--mint)}.proof-steps span:first-child b{background:#b2cae6;color:#101a25}.proof-steps i{height:1px;background:#31373d;flex:1}.transfer-card .button{width:100%;font-size:11px;padding:13px}.transfer-card>p{font-size:8px;line-height:1.7;margin-top:13px;color:#666e77;min-height:28px}.activity{border:1px solid #282f37;border-radius:10px;margin-top:22px;padding:16px}.activity-title{display:flex;justify-content:space-between;font-size:10px}.activity-title>span+span{font-size:7px;letter-spacing:1px;color:#5d6772}.empty-state{font-size:9px;color:#59636e;padding:22px 0 8px}.activity-row{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #252b33;padding:13px 0 0;margin-top:14px;font-size:9px;color:#aab3be}.activity-row span:last-child{color:#a7b8cd}.workspace-foot{font-size:8px;color:#656c75;margin-top:18px}.mechanic-tabs{display:flex;gap:8px;overflow:auto;margin-bottom:22px;padding-bottom:8px}.mechanic-tab{flex:1;min-width:72px;padding:12px 4px 8px;font-size:10px;color:#7b8591;text-align:center;border-bottom:1px solid #252b32;transition:color .2s,border-color .2s}.mechanic-tab svg{display:block;width:24px;height:24px;margin:0 auto 13px}.mechanic-tab[aria-selected=true]{color:var(--mint);border-color:var(--mint)}.code-panel{border:1px solid #30353b;border-radius:13px;background:#0b0d10;overflow:hidden;min-width:0}.code-top{padding:17px 22px;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #252b31;font-size:10px;color:#7f8995}.code-top button{font-size:10px;color:#b3bbc5}.code-top button span{margin-left:12px}pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.85;margin:0;padding:26px;overflow:auto;color:#c8d0d6;min-height:310px;tab-size:2}.code-line{display:flex;gap:20px;white-space:pre}.line-no{color:#3b434d;user-select:none;min-width:22px;text-align:right}.syntax-comment{color:#626e7c}.syntax-string{color:#a7b5c6}.syntax-keyword{color:#b1c6de}.code-foot{display:flex;justify-content:space-between;border-top:1px solid #252b31;padding:15px 22px;font-size:8px;color:#67707b;letter-spacing:1px}.code-foot a{letter-spacing:0;color:#929ca7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{padding:30px 26px;border:1px solid #2d3238;border-radius:13px;background:linear-gradient(145deg,#181c20,#0d0f12)}.feature-icon{font-size:28px;color:#9aa4af}.feature-grid h3{font-size:18px;font-weight:400;letter-spacing:-.5px;margin-top:30px}.feature-grid p{font-size:12px;margin-top:17px}.feature-grid a{display:inline-block;margin-top:25px;font-size:10px;color:#adb4bd}.interface-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.react-tabs{display:flex;gap:2px;overflow:auto;border-bottom:1px solid #282e36;padding:12px}.react-tabs button{font-size:8px;white-space:nowrap;color:#6d7987;padding:10px 8px;border-radius:6px}.react-tabs button[aria-selected=true]{background:#202831;color:#bbc5d0}.interface-grid pre{font-size:10px;min-height:410px}.interface-preview{border:1px solid #34383d;border-radius:13px;background:radial-gradient(ellipse at 50% 0,#3d4b5b30,transparent 80%),#111418;display:flex;align-items:center;flex-direction:column;text-align:center;padding:34px}.interface-preview>.eyebrow{font-size:7px;margin-top:20px}.interface-preview h3{font-size:23px;font-weight:400;margin:15px 0 30px;letter-spacing:-.5px}.preview-line{display:flex;justify-content:space-between;width:100%;max-width:300px;padding:15px 0;border-bottom:1px solid #30353b;font-size:10px}.preview-line span{color:#6f7984}.preview-line b{font-weight:400;color:#bec7d1}.interface-preview .button{margin-top:30px;font-size:10px}.interface-preview p{font-size:9px;margin-top:18px}.principles-heading{display:flex;justify-content:space-between;gap:30px;align-items:start}.principles-heading>.eyebrow{padding-top:10px}.principle-list{margin-top:50px}.principle-list article{display:flex;gap:35px;padding:30px 0;border-top:1px solid #30353b}.principle-list article>span{font-size:10px;color:#6a7c91;padding-top:4px}.principle-list article>div{max-width:700px}.principle-list h3{font-size:20px;font-weight:400;letter-spacing:-.4px}.principle-list p{font-size:12px;margin-top:12px}.principle-list article>b{font-size:17px;font-weight:400;color:#4e5864;margin-left:auto}.status-section{display:grid;grid-template-columns:1fr 1fr;gap:85px;padding-bottom:100px}.status-section h2{margin-top:22px}.status-section p{font-size:13px;margin:22px 0 27px;max-width:460px}.status-card{border:1px solid #303841;border-radius:14px;padding:15px 24px;background:linear-gradient(140deg,#1a1f24,#0f1215);align-self:center}.status-card>div{display:flex;justify-content:space-between;gap:15px;padding:19px 0;border-bottom:1px solid #2a3139;font-size:10px}.status-card>div:last-child{border:0}.status-card span{color:#929daa}.status-card b{font-weight:400;color:#a8bacf}.status-card em{font-size:9px;color:#828d99;font-style:normal}.footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;padding-top:50px;padding-bottom:30px;border-top:1px solid #2d333a}.footer p{font-size:11px;margin-top:18px}.footer>div>a:not(.brand){display:block;font-size:11px;margin-top:16px;color:#7a8592}.footer>div>span{font-size:10px;color:#a7b0ba}.footer-bottom{grid-column:1/-1;border-top:1px solid #20262d;margin-top:25px;padding-top:23px;display:flex;justify-content:space-between}.footer-bottom>span{font-size:8px!important;color:#535f6d!important}@media(min-width:1500px){.header{padding-left:max(36px,calc((100vw - 1148px)/2));padding-right:max(36px,calc((100vw - 1148px)/2))}}@media(max-width:1000px){.header{gap:16px;padding:0 24px}.header nav{gap:18px}.hero{min-height:580px;gap:0}.hero-art{height:430px}.work-grid{gap:15px}.workspace{grid-template-columns:145px 1fr}.work-main{padding:0 20px 20px}.workspace aside{padding:25px 10px}.side-item{font-size:9px}.balance-card,.privacy-card,.transfer-card{padding:17px}.status-section{gap:40px}.mechanic-tab{min-width:66px}.feature-grid{gap:14px}.feature-grid article{padding:24px 19px}}@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{height:66px;flex-wrap:wrap;gap:10px}.header .brand img{width:29px;height:29px}.header .brand span{font-size:17px}.header nav{order:3;position:absolute;top:66px;left:0;right:0;justify-content:center;padding:13px 12px;background:#0b0e12f5;border-bottom:1px solid #222a34;font-size:10px;gap:25px}.header>.button{margin-left:auto;font-size:9px;padding:9px 11px}.dropdown{top:28px;left:-10px;width:235px}.header details:nth-child(3) .dropdown{left:auto;right:-25px}html{scroll-padding-top:125px}.hero{grid-template-columns:1fr;padding-top:45px;min-height:0}.hero-copy{padding:55px 0 0;z-index:2}.hero h1{font-size:52px}.hero-copy>p{font-size:13px;max-width:400px}.actions{gap:18px}.actions .button{font-size:11px;padding:13px}.text-link{font-size:10px}.hero-art{height:370px}.art-label{left:10px;bottom:18px}.hero-note{font-size:8px}.ambient{height:370px}.ambient-copy h2{font-size:35px;letter-spacing:-1.5px}.orb-one{width:170px;height:170px;left:-90px;top:170px;opacity:.8}.orb-two{width:140px;height:140px;right:-70px;top:10px}.ambient-copy p{font-size:11px}.section{padding-top:85px}.section-intro h2{font-size:39px}.section-intro p{font-size:12px}.workspace{display:block}.workspace aside{display:none}.work-main{padding:0 16px 18px}.work-heading h3{font-size:33px}.work-grid{grid-template-columns:1fr}.balance-area{display:grid;grid-template-columns:1fr 1fr;gap:12px}.privacy-card{margin:0}.balance-card,.privacy-card{padding:16px}.balance-card>strong{font-size:23px;letter-spacing:3px;padding-top:24px}.balance-card .card-label{font-size:9px}.card-meta{font-size:8px}.card-separator{margin-top:18px}.balance-bottom{font-size:7px;gap:7px}.privacy-card .card-label{font-size:9px}.privacy-card p{font-size:9px}.toggle-row{font-size:8px}.muted-note{font-size:7px}.transfer-card{padding:20px}.transfer-card>label{margin-top:20px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:25px}.feature-grid h3{margin-top:20px}.interface-grid{grid-template-columns:1fr}.interface-grid pre{min-height:300px}.principles-heading{display:block}.principles-heading h2{margin-top:22px;font-size:40px}.principle-list article{gap:20px}.principle-list p{font-size:11px}.status-section{grid-template-columns:1fr;gap:32px;padding-bottom:70px}.status-section h2{font-size:42px}.status-card{padding:10px 18px}.status-card>div{font-size:9px}.footer{grid-template-columns:1fr 1fr}.footer>div:first-child{grid-column:1/-1;margin-bottom:15px}.footer-bottom{gap:30px;line-height:1.6}.code-top{padding:16px;font-size:8px}.code-top button{font-size:8px}.code-foot{font-size:7px;padding:14px 16px}pre{padding:20px 12px;font-size:10px}.mechanic-tab{min-width:72px}.header nav>a{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orb{transition:none}}
.hero-art{background-color:var(--bg)}.hero-motion{mask-image:radial-gradient(ellipse at center,#000 35%,#000 54%,transparent 72%);transform:scale(1.08)}

.hero-ca{display:flex;align-items:center;gap:12px;max-width:100%;width:fit-content;padding:12px 13px;margin-top:22px;border:1px solid #2d3238;border-radius:9px;background:#101316}.ca-label{font-size:8px;letter-spacing:1.2px;color:#8492a3;flex-shrink:0}.hero-ca code{font:10px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;color:#adb4bd;overflow-wrap:anywhere;min-width:0}.hero-ca button{display:grid;place-items:center;padding:3px;color:#92a3b7;min-width:23px;flex-shrink:0}.hero-ca button:hover{color:#d4e5f9}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.hero-ca{gap:9px;padding:11px 10px}.hero-ca code{font-size:9px}.hero-note{margin-top:20px}}
/* Continuous ambient motion and entrance choreography. */
.hero-copy{animation:hero-enter .9s cubic-bezier(.2,.7,.2,1) both}
.hero-art{animation:hero-enter 1.2s .12s both}
.orb-one{animation:orb-drift 9s ease-in-out infinite alternate}
.orb-two{animation:orb-drift 12s -4s ease-in-out infinite alternate-reverse}
.orb span{animation:orb-shimmer 7s ease-in-out infinite alternate}
.orb span:nth-child(2){animation-delay:-2s}.orb span:nth-child(3){animation-delay:-4s}
.ambient-ring{animation:ring-breathe 12s ease-in-out infinite alternate}
.ring-two{animation-direction:alternate-reverse;animation-delay:-6s}
.eyebrow i,.aside-bottom i{animation:status-glow 3s ease-in-out infinite}
.motion-reveal{opacity:0;translate:0 24px;transition:opacity .8s var(--reveal-delay,0ms),translate .8s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.motion-reveal.is-visible{opacity:1;translate:0 0}
.feature-grid article,.interface-preview,.mechanic-tab svg{transition:transform .35s,border-color .35s,box-shadow .35s}
.feature-grid article:hover,.interface-preview:hover{transform:translateY(-5px);border-color:#6b7580;box-shadow:0 12px 40px #0004}
.mechanic-tab:hover svg,.mechanic-tab[aria-selected=true] svg{transform:translateY(-3px);filter:drop-shadow(0 0 7px #b2cae650)}
@keyframes hero-enter{from{opacity:0;translate:0 20px}to{opacity:1;translate:0 0}}
@keyframes orb-drift{from{translate:0 -10px;rotate:-4deg}to{translate:10px 15px;rotate:5deg}}
@keyframes orb-shimmer{from{opacity:.45}to{opacity:1}}
@keyframes ring-breathe{from{scale:.96;opacity:.5}to{scale:1.05;opacity:1}}
@keyframes status-glow{50%{box-shadow:0 0 10px #b2cae680;opacity:.45}}

:root{--bg:#090d14;--panel:#101923;--line:#293b4e;--muted:#95a8bc;--white:#edf4fc;--mint:#9dd5ff;--purple:#76a4e0}.hero-motion{filter:contrast(1.08) sepia(.18) hue-rotate(165deg)}.orb-two{filter:hue-rotate(0deg)}
/* CORTEX: architectural depth, illuminated edges and a sharper 3D core. */
body{background:radial-gradient(ellipse at 85% 4%,#122a4240,transparent 30%),#080d14}
.header{background:#080d14c9;border-bottom-color:#a4d5ff15}.brand span{letter-spacing:3px;font-size:19px}.brand small{letter-spacing:2px}
.hero{min-height:740px;gap:0;position:relative}.hero-copy{position:relative;z-index:3}.hero h1{font-size:clamp(54px,6.6vw,90px);letter-spacing:-4px}.hero h1 em{background:linear-gradient(110deg,#fff,#8cb5d6);background-clip:text;color:transparent}.hero-copy>p{font-size:15px;max-width:420px}.hero-art{height:600px;overflow:visible;background:radial-gradient(ellipse,#71baff15,transparent 65%)}
.hero-motion{width:400px;height:400px;max-width:100%;inset:50% auto auto 50%;transform:translate(-50%,-50%);filter:none;mask-image:none;mix-blend-mode:normal}
.core-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .7s;z-index:2}.core-canvas.ready{opacity:1}.scene-ready .hero-motion{opacity:0}.core-halo{position:absolute;inset:22% 5%;border:1px solid #8dcfff18;border-radius:50%;transform:rotate(-25deg);box-shadow:0 0 90px #5bafff0b;pointer-events:none}.art-label{z-index:3;bottom:32px;color:#8daec7}
.pill{background:linear-gradient(110deg,#92cdff0c,#122238);border-color:#8fc9ff33;box-shadow:inset 0 1px #ffffff0a}.button.primary{box-shadow:0 0 30px #78bdff20,inset 0 1px #ffffff7a}.button{border-radius:8px}.protocol-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:85px;border-top:1px solid #8bcfff25;border-bottom:1px solid #8bcfff18;font-size:10px;letter-spacing:1.5px}.protocol-strip>span{font-size:8px;color:#68829a}.protocol-strip b{font-weight:400;color:#b4cfe6}.protocol-strip i{font-style:normal;color:#5882a7}
.ambient{margin-top:70px;border:1px solid #80bdff25;border-radius:22px;background:radial-gradient(ellipse at 20% 70%,#174f8240,transparent 50%),radial-gradient(ellipse at 80% 20%,#123d6340,transparent 55%),#0b131e}.ambient:after{content:'';position:absolute;inset:0;background-image:linear-gradient(#9dd5ff06 1px,transparent 1px),linear-gradient(90deg,#9dd5ff06 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 75%);pointer-events:none}.ambient-copy h2{font-family:Georgia,serif;font-size:64px;letter-spacing:-2px}.orb-one{left:55px;top:110px}.orb-two{right:50px;top:35px}
.section{padding-top:130px}.section-intro .eyebrow,.principles-heading>.eyebrow{color:#90c6f0}.feature-grid article{min-height:330px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#3d7aa128,transparent 70%),linear-gradient(145deg,#121e2c,#0b1018);border-color:#7abaff26;padding:34px}.feature-grid article:before{content:'';position:absolute;top:0;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#a4dcff8a,transparent)}.feature-icon{display:grid;place-items:center;width:64px;height:64px;border:1px solid #a4d5ff30;border-radius:18px;background:radial-gradient(at 30% 0,#93caff26,#122334);box-shadow:inset 0 1px #ffffff17,0 10px 30px #0005;color:#b2ddff}.feature-grid article:nth-child(2){margin-top:24px}.feature-grid article:nth-child(3){margin-top:48px}.feature-grid h3{font-family:Georgia,serif;font-size:25px}.feature-grid a{color:#9dd5ff}.principle-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.principle-list article{border:1px solid #6ba7d326;border-radius:14px;padding:28px;background:linear-gradient(130deg,#111d2a99,#0b1017)}.principle-list article>span{color:#90bfe3}.workspace{box-shadow:0 -1px #8fc9ff50,0 25px 90px #0008,0 0 90px #3979a212;border-color:#8dc8ff40}.code-panel{background:linear-gradient(140deg,#101a26,#090e16);border-color:#638eb338}.interface-preview{background:radial-gradient(ellipse at 50% 0,#4988b545,transparent 70%),#0c1420;border-color:#7fbaee35}.status-section{margin-top:100px;margin-bottom:60px;padding-top:60px;padding-bottom:60px;border-top:1px solid #8fc9ff26}.footer{position:relative}.footer:before{content:'CORTEX';position:absolute;bottom:70px;right:0;font-size:clamp(60px,13vw,165px);letter-spacing:8px;font-weight:600;color:#9dd5ff04;pointer-events:none}
@media(max-width:760px){.hero{min-height:0}.hero h1{font-size:56px;letter-spacing:-2.5px}.hero-art{height:420px}.protocol-strip{flex-wrap:wrap;justify-content:center;padding-top:20px;padding-bottom:20px;font-size:8px}.protocol-strip>span{width:100%;text-align:center;font-size:7px}.ambient{margin:35px 18px 0}.ambient-copy h2{font-size:42px}.orb-one{left:-90px}.orb-two{right:-70px}.feature-grid article:nth-child(n){margin-top:0}.principle-list{grid-template-columns:1fr}.section{padding-top:85px}.status-section{margin-top:65px}.core-canvas{max-width:100%}}
/* Machined core objects replace the small symbol tiles. */
.feature-icon{width:140px;height:140px;background:none;border:0;box-shadow:none;border-radius:0;position:relative;margin:-14px 0 -8px -10px;perspective:700px}.feature-icon img{width:132px;height:132px;filter:drop-shadow(0 0 16px #78bdff10);transition:transform .6s}.feature-grid article:hover .feature-icon img{transform:translateY(-5px) rotate(5deg)}.feature-grid h3{margin-top:20px}.feature-grid article{min-height:380px}.feature-grid article:after{content:'';position:absolute;right:-65px;top:8px;width:220px;height:220px;background:url('/assets/feature-1.svg?v=4') center/contain no-repeat;opacity:.055;transform:rotate(-14deg);pointer-events:none}.feature-grid article:nth-child(2):after{background-image:url('/assets/feature-2.svg?v=4')}.feature-grid article:nth-child(3):after{background-image:url('/assets/feature-3.svg?v=4')}
.principle-list article{position:relative;isolation:isolate;overflow:hidden;min-height:220px;background:linear-gradient(105deg,#0d1722f5 10%,#0d1722ce 65%,#0c1420b0)}.principle-list article:before{content:'';position:absolute;z-index:-1;inset:0;background-image:linear-gradient(30deg,#8cc8ff08 12%,transparent 12.5%,transparent 87%,#8cc8ff08 87.5%),linear-gradient(150deg,#8cc8ff08 12%,transparent 12.5%,transparent 87%,#8cc8ff08 87.5%),linear-gradient(30deg,#8cc8ff08 12%,transparent 12.5%,transparent 87%,#8cc8ff08 87.5%);background-size:60px 105px;background-position:0 0,0 0,30px 52px;mask-image:linear-gradient(90deg,transparent,#000);opacity:.8}.principle-list article:after{content:'';position:absolute;z-index:-1;width:240px;height:240px;right:-75px;bottom:-90px;background:url('/assets/feature-1.svg?v=4') center/contain no-repeat;opacity:.13;transform:rotate(-15deg);transition:transform .7s,opacity .7s}.principle-list article:nth-child(2):after{background-image:url('/assets/feature-3.svg?v=4');transform:rotate(15deg)}.principle-list article:nth-child(3):after{background-image:url('/assets/feature-2.svg?v=4')}.principle-list article:nth-child(4):after{transform:rotate(45deg)}.principle-list article:hover:after{transform:translate(-8px,-8px) rotate(0);opacity:.23}.principle-list article>div{position:relative;z-index:1}.principle-list article>b:empty,.actions span:empty,.button span:empty,.protocol-strip i:empty{display:none}.principle-list p{max-width:400px}.button{gap:12px}.protocol-strip{gap:22px}
summary:after{display:none}
/* Material language, without repeating the hero's cube geometry. */
.principle-list article:before{background-image:repeating-radial-gradient(ellipse at 110% 90%,transparent 0 20px,#98cfff0b 21px 22px,transparent 23px 38px);background-size:auto;mask-image:linear-gradient(90deg,transparent 20%,#000);opacity:.75}.principle-list article:after{background-image:url('/assets/feature-1.svg?v=4');opacity:.09;right:-65px;bottom:-95px}.principle-list article:nth-child(2):after{background-image:url('/assets/feature-3.svg?v=4')}.principle-list article:nth-child(3):after{background-image:url('/assets/feature-2.svg?v=4')}.principle-list article:nth-child(4):after{background-image:url('/assets/feature-3.svg?v=4')}.feature-grid article:after{opacity:.04}.feature-grid article:hover .feature-icon img{transform:translateY(-4px) rotate(-3deg)}
/* Slow material motion with cursor-controlled tilt. */
.feature-icon{transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform:perspective(650px) rotateX(var(--icon-rx,0deg)) rotateY(var(--icon-ry,0deg))}
.feature-icon img{animation:material-float 6.5s ease-in-out infinite;transition:filter .6s;will-change:transform;filter:drop-shadow(0 12px 9px #0006) drop-shadow(0 0 10px #86c9ff06)}
.feature-grid article:nth-child(2) .feature-icon img{animation-delay:-2.2s;animation-duration:7.3s}.feature-grid article:nth-child(3) .feature-icon img{animation-delay:-4.1s;animation-duration:8s}
.feature-grid article:hover .feature-icon img{filter:drop-shadow(0 16px 12px #0008) drop-shadow(0 0 15px #8ecfff35)}
.feature-icon:after{content:'';position:absolute;inset:12px;border-radius:50%;background:radial-gradient(ellipse,#87cfff20,transparent 67%);opacity:0;transition:opacity .6s;pointer-events:none;z-index:-1}.feature-grid article:hover .feature-icon:after{opacity:1}
@keyframes material-float{0%,100%{transform:translateY(2px) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}
@media(prefers-reduced-motion:reduce){.feature-icon img{animation:none}.feature-icon{transform:none;transition:none}}
/* Separate visual language for the privacy model: abstract information diagrams. */
.principle-list article:after{background-image:none!important;right:-35px;bottom:-65px;width:270px;height:220px;opacity:.3;transform:rotate(-12deg);border-radius:0;background:repeating-linear-gradient(90deg,transparent 0 12px,#83caff35 12px 14px,transparent 14px 22px),repeating-linear-gradient(0deg,transparent 0 12px,#83caff20 12px 13px,transparent 13px 22px);mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.principle-list article:nth-child(2):after{background:repeating-radial-gradient(ellipse at center,transparent 0 17px,#97ceff50 18px 19px,transparent 20px 30px);width:300px;height:190px;transform:rotate(-30deg);border-radius:50%;mask-image:linear-gradient(120deg,transparent,#000)}
.principle-list article:nth-child(3):after{background:repeating-linear-gradient(0deg,transparent 0 24px,#a4d6ff35 25px 26px,transparent 27px 42px),repeating-linear-gradient(90deg,transparent 0 42px,#a4d6ff20 43px 44px,transparent 45px 70px);transform:perspective(400px) rotateX(45deg) rotateZ(-25deg);width:330px;height:230px;mask-image:linear-gradient(110deg,transparent,#000)}
.principle-list article:nth-child(4):after{background:repeating-linear-gradient(0deg,transparent 0 18px,#a4d6ff30 19px 20px,transparent 21px 33px);transform:skewY(-20deg) rotate(-5deg);border:1px solid #a4d6ff30;box-shadow:18px 18px 0 -1px #101b28,18px 18px 0 0 #a4d6ff20,36px 36px 0 -1px #101b28,36px 36px 0 0 #a4d6ff15;mask-image:linear-gradient(110deg,transparent,#000)}
.principle-list article:hover:after{opacity:.5;translate:-5px -5px}
.brand img,.interface-preview>img{mix-blend-mode:screen;object-fit:contain;transform:scale(1.22)}
