.hero{background:radial-gradient(circle at 73% 47%,#4a1d7399 0,#132950 23%,#071326 52%,#070b14 76%)}
.hero:before{background:radial-gradient(circle at 36% 78%,#e847a91f,transparent 35%),radial-gradient(circle at 88% 17%,#d4f79118,transparent 30%),linear-gradient(110deg,transparent 42%,#7de0f308 50%,transparent 58%)}
.scene-halo{background:conic-gradient(from 20deg,#e956a537,#6ef9ed34,#d8fd6d25,#9d70ed46,#e956a537);filter:blur(54px)}
.scene-ring{border-color:#ff6bd2a1;box-shadow:0 0 35px #ff6bd24a,inset 0 0 32px #ff6bd21e}
.ring-b{border-color:#a5f8a99c;box-shadow:0 0 30px #a5f8a942}
.cube-face{background:linear-gradient(145deg,#0a254fcc,#281364cc 52%,#5b164dc2);border-color:#a1f5f0c4;box-shadow:inset 0 0 65px #e74dab33,0 0 25px #68ffe436}
.cube-face.right,.cube-face.left{background:linear-gradient(145deg,#531458cf,#22266ace 58%,#09504fbd)}
.cube-face.top{background:linear-gradient(130deg,#d4fa855c,#ec4fb644,#5db9f24a)}
.cube-face span{color:#d2fb8e}
.technical-section{position:relative;isolation:isolate;padding-bottom:128px;overflow:hidden;background:radial-gradient(circle at 18% 22%,#4714508c,transparent 31%),radial-gradient(circle at 83% 60%,#0a5c7373,transparent 33%),#0b0c1c;border-top:1px solid #9c63ba6b;border-bottom:1px solid #6acbd476}
.technical-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.32;background-image:linear-gradient(#bc8dff1a 1px,transparent 1px),linear-gradient(90deg,#bc8dff1a 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent,#000 12%,#000 76%,transparent)}
.technical-section>.section-shell{position:relative}
.technical-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,105px);padding:90px 0 60px}
.technical-head h2{font:800 clamp(3rem,5.5vw,6.4rem)/1.02 'Manrope',sans-serif;letter-spacing:-.075em;margin:0}
.technical-head h2 em{font-style:normal;color:#d7f887}
.technical-head>div:nth-child(2){max-width:630px}
.technical-head p,.contract-copy p{font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.73;color:#c5d3e5}
.technical-head p:first-child{color:#edf5ff}
.primitive-console{border:1px solid #9a91dc80;background:#080e1e;box-shadow:0 50px 110px #0008,0 0 80px #884de527}
.primitive-rail{display:flex;border-bottom:1px solid #8b9ac073;background:linear-gradient(160deg,#151435,#0c1831 48%,#11182b)}
.primitive-tab{display:flex;flex:1;min-width:0;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;min-height:118px;padding:18px 23px;border:0;border-right:1px solid #ffffff24;border-top:3px solid transparent;background:transparent;color:#c9d5e6;cursor:pointer;transition:background .2s,border-color .2s}
.primitive-tab:last-child{border-right:0}
.primitive-tab:hover,.primitive-tab:focus-visible{background:#bc7dff1a}
.primitive-tab.selected{border-top-color:#d8fa89;background:linear-gradient(90deg,#d8fa891c,#9150dd1b)}
.primitive-tab span,.micro-label,.readout-kicker,.code-title{font:700 .7rem/1.5 'Space Mono',monospace;letter-spacing:.09em;color:#9cf3ed}
.primitive-tab.selected span{color:#d8fa89}
.primitive-tab strong{font:800 1.16rem/1.2 'Manrope',sans-serif;letter-spacing:-.035em;color:#f0f5ff}
.primitive-tab small{font-size:.84rem;color:#aebed1}
.primitive-panel{min-width:0}
.primitive-readout{display:grid;grid-template-columns:minmax(0,1fr) minmax(225px,.6fr);gap:26px;padding:26px 30px;background:linear-gradient(120deg,#111934,#0c1629)}
.primitive-readout h3{font:800 clamp(1.22rem,2vw,1.85rem)/1.2 'Manrope',sans-serif;letter-spacing:-.05em;margin:9px 0}
.primitive-readout p{font-size:.9rem;line-height:1.6;color:#bacbdd;margin:0}
.distribution{display:flex;flex-direction:column;gap:8px;align-self:center}
.distribution-row{display:grid;grid-template-columns:75px 1fr 40px;align-items:center;gap:8px;color:#dbe8f6;font:700 .69rem 'Space Mono',monospace}
.distribution-row .track{height:7px;background:#ffffff24;overflow:hidden;border-radius:8px}
.distribution-row .fill{display:block;height:100%;width:var(--width);background:linear-gradient(90deg,#a776ff,#6deddf,#d8fa89);border-radius:8px;box-shadow:0 0 16px #76f4df}
.distribution-row .percent{text-align:right;color:#d8fa89}
.contract-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,5vw,80px);padding:70px 0;border-bottom:1px solid #a3a8de55}
.contract-copy h3{font:800 clamp(2rem,3.5vw,3.4rem)/1.08 'Manrope',sans-serif;letter-spacing:-.06em;margin:16px 0 24px}
.contract-code{min-width:0;align-self:start;border:1px solid #a29cda8b;background:#070c1a;box-shadow:0 25px 65px #0007,0 0 36px #a04ee126}
.code-title{display:flex;justify-content:space-between;gap:15px;padding:16px 19px;border-bottom:1px solid #a29cda69;color:#d9c6ff}
.code-title span:last-child{color:#d8fa89}
.contract-code pre{margin:0;padding:24px;overflow-x:auto;color:#bde9ef;font:400 .79rem/1.65 'Space Mono',monospace;tab-size:2;white-space:pre}
@media(max-width:1000px){.contract-grid{grid-template-columns:1fr}}
@media(max-width:800px){.technical-head{grid-template-columns:1fr;gap:28px;padding-top:65px}
.site-header nav{min-width:0;overflow-x:auto;scrollbar-width:none}
.site-header nav::-webkit-scrollbar{display:none}}
@media(max-width:650px){.technical-section{padding-bottom:80px}
.primitive-rail{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.primitive-rail::-webkit-scrollbar{display:none}
.primitive-tab{flex:0 0 155px;scroll-snap-align:start;min-height:128px}
.primitive-tab strong{font-size:1rem}
.primitive-readout{grid-template-columns:1fr;gap:22px;padding:22px}
.contract-grid{padding:70px 0}
.contract-code pre{font-size:.65rem;padding:15px}
.hero h1{font-size:clamp(3rem,12vw,5rem)}}
@media(prefers-reduced-motion:reduce){.primitive-tab{transition:none}}