@charset "UTF-8";
:root{--bg:#110b19;--panel:#191222;--panel-hover:#261a32;--line:#392944;--text:#f5eff9;--muted:#a49bad;--lime:#ff65da;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--sans:"Helvetica Neue",Arial,sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.45}input{min-width:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,pre:focus-visible{outline:2px solid var(--lime);outline-offset:5px}::selection{background:var(--lime);color:var(--bg)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.section-shell{max-width:1440px;padding-left:72px;padding-right:72px;margin:0 auto}.section-pad{padding-top:116px;padding-bottom:116px}.mono,.eyebrow,.section-kicker{font-family:var(--mono);font-size:10px;letter-spacing:1.4px}.muted{color:var(--muted)}.lime{color:var(--lime)}.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}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:var(--lime);color:var(--bg);padding:16px}.skip-link:focus{top:12px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;flex-shrink:0}.button{min-height:54px;display:inline-flex;justify-content:center;align-items:center;gap:30px;padding:0 24px;font-size:13px;font-weight:600;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s,color .2s}.button svg{width:19px;height:19px}.button:hover{transform:translateY(-2px)}.button-lime{background:var(--lime);color:#230d26}.button-lime:hover{background:#ff9beb}.button-light{background:var(--text);color:var(--bg)}.button-light:hover{background:var(--lime)}.button-small{min-height:40px;gap:20px;font-size:11px;padding:0 16px}.button-small svg{width:15px;height:15px}.button-outline{border-color:var(--line);background:transparent}.button-outline:hover{background:var(--panel-hover)}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:12px;font-weight:500;padding:0;transition:color .2s}.text-link svg{width:18px;height:18px;transition:transform .2s}.text-link:hover{color:var(--lime)}.text-link:hover svg{transform:translate(3px,-2px)}
.site-header{position:sticky;top:0;z-index:30;background:rgba(12,16,14,.92);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.header-inner{max-width:1440px;padding:0 40px;min-height:82px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:9px;font-size:29px;font-weight:800;letter-spacing:-1.7px;flex-shrink:0}.brand svg{width:31px;height:35px;color:var(--lime)}.brand>span{position:relative;padding-right:10px}.brand-dot{position:absolute;font-size:8px;right:0;top:4px;font-weight:400;letter-spacing:0;color:var(--muted)}.desktop-nav{display:flex;align-items:center;gap:30px;font-size:12px;color:#aa9eb4}.desktop-nav a,.desktop-nav button{font-size:12px;padding:12px 0;transition:color .2s}.desktop-nav a:hover,.desktop-nav button:hover{color:var(--text)}.desktop-nav button span{margin-left:4px;font-size:13px}.header-actions{display:flex;align-items:center;gap:24px}.network{display:flex;gap:7px;align-items:center;font-size:10px;color:#b9aec1;white-space:nowrap}.network i{width:6px;height:6px;border:1px solid var(--lime);border-radius:50%}.menu-button{display:none;width:32px;height:40px;position:relative}.menu-button span{position:absolute;left:6px;top:15px;width:20px;height:1px;background:var(--text);transition:transform .2s}.menu-button span+span{top:22px}.menu-button[aria-expanded="true"] span{transform:translateY(3.5px) rotate(45deg)}.menu-button[aria-expanded="true"] span+span{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav{border-top:1px solid var(--line);padding:20px 30px 28px}.mobile-nav:not([hidden]){display:grid;gap:6px}.mobile-nav a,.mobile-nav button{padding:12px 0;text-align:left;font-size:16px}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.08fr;min-height:752px;overflow:hidden;padding-top:92px;padding-bottom:67px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#211c2466 1px,transparent 1px),linear-gradient(90deg,#211c2466 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent 20%,#000 70%,transparent 100%);opacity:.32;pointer-events:none}.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:500;letter-spacing:1.5px;color:#c4bccb;white-space:nowrap}.eyebrow-line{height:1px;width:42px;background:#4c4155;margin-left:3px}h1{font-size:clamp(78px,8vw,112px);font-weight:500;letter-spacing:-7.5px;line-height:1.01;margin:38px 0 26px;position:relative;z-index:3}h1 .lime{font-weight:500}h1::after{content:"✳";position:absolute;color:var(--lime);font-size:25px;line-height:1;transform:rotate(10deg);margin:18px 0 0 13px;letter-spacing:0}.hero-copy>p{font-size:15px;line-height:1.9;color:#a699b1;margin:0 0 33px;font-weight:400}.hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}.hero-note{margin-top:37px;display:flex;align-items:center;gap:12px;font-size:10px;color:#7a6888}.mini-bricks{display:flex;align-items:center;transform:skewY(-9deg);padding-right:2px}.mini-bricks i{width:12px;height:13px;display:block;border:1px solid #7a6988;background:#251d2b;margin-right:-3px}.mini-bricks i:nth-child(2){background:#6e3799;border-color:#9856cc;transform:translateY(-3px)}.hero-visual{position:relative;min-width:0;margin-left:-30px;margin-right:-36px;margin-top:-76px;margin-bottom:-14px;min-height:570px;isolation:isolate}.visual-ambient{position:absolute;width:80%;aspect-ratio:1;top:15%;left:10%;background:radial-gradient(ellipse,rgba(160,191,57,.12),transparent 65%);z-index:-1}.hero-visual canvas{position:absolute;left:-4%;top:0;width:108%;height:100%;z-index:1;cursor:grab;touch-action:pan-y}.hero-visual canvas:active{cursor:grabbing}.scene-label{position:absolute;z-index:2;top:53px;left:48px;font:9px var(--mono);letter-spacing:1.3px;color:#a99db3;display:flex;align-items:center;gap:13px;pointer-events:none}.crosshair{font-size:20px;font-weight:200;color:#a18faf}.label-muted{color:#63546e;margin-left:10px}.floating-label{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;font:8px var(--mono);letter-spacing:1.1px;background:rgba(28,35,22,.74);border:1px solid #604c6f66;backdrop-filter:blur(8px);border-radius:3px;padding:12px 13px;color:#dacfe3;pointer-events:none}.label-one{top:27%;right:5%}.label-two{bottom:23%;left:5%}.label-node{width:6px;height:6px;background:var(--lime);box-shadow:0 0 12px #ff65da55;border-radius:1px}.label-check{margin-left:13px;color:var(--lime);font-size:12px}.label-one::after,.label-two::after{content:"";position:absolute;height:1px;width:34px;background:#7d688e70;top:50%}.label-one::after{right:100%;transform:rotate(-23deg);transform-origin:right}.label-two::after{left:100%;transform:rotate(-23deg);transform-origin:left}.scene-coordinate{position:absolute;right:23px;bottom:115px;color:#675872;font:8px/1.8 var(--mono);letter-spacing:2px;z-index:2;pointer-events:none}.scene-coordinate span{color:#a38fb2}.scene-controls{position:absolute;bottom:35px;left:50px;right:34px;z-index:3;display:flex;align-items:center;justify-content:space-between}.drag-hint{display:flex;align-items:center;gap:8px;font:8px var(--mono);letter-spacing:1.2px;color:#7a6888}.drag-hint svg{height:13px;width:13px}.scene-buttons{display:flex;gap:7px}.scene-buttons button{height:31px;padding:0 10px;background:#1b151f;border:1px solid #382c41;border-radius:3px;font:9px var(--mono);color:#beafca}.scene-buttons button span{margin-left:10px;color:var(--lime)}.scene-buttons button:hover,.scene-buttons button[aria-pressed="true"]{border-color:#aa2a8a;color:var(--lime)}.scene-buttons #pause-motion{width:32px;padding:0;font-size:11px}.hero-bottom{position:absolute;bottom:23px;left:72px;right:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;font:8px var(--mono);letter-spacing:1.3px;color:#756483}.hero-bottom>a{display:flex;gap:12px;align-items:center;color:#c5bccc}.hero-bottom>a span{font-size:17px;color:var(--lime)}.version-label{display:flex;align-items:center;gap:10px}.version-label i{height:3px;width:3px;background:#8a7998;border-radius:50%}.scene-fallback{position:absolute;inset:10% 5%;display:flex;justify-content:center;align-items:center;perspective:800px}.scene-fallback div{position:absolute;width:62%;aspect-ratio:1;border:38px solid #7a6888;border-radius:48%;transform:rotateX(45deg) rotateY(-35deg);box-shadow:inset 6px 9px 15px #e5d7f06b,6px 9px 13px #0008}.scene-fallback div:nth-child(2){transform:rotateX(-40deg) rotateY(50deg);border-color:var(--lime)}.scene-fallback div:nth-child(3){transform:rotateX(60deg) rotateY(-20deg) rotateZ(80deg);border-color:#a89cb2}.webgl-ready .scene-fallback{display:none}
.ecosystem-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#120f15}.ecosystem-inner{display:flex;align-items:center;min-height:90px;gap:39px}.strip-intro{font:8px/1.8 var(--mono);color:#70607c;letter-spacing:1.3px;width:190px}.ecosystem-inner>div{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.5px;white-space:nowrap}.ecosystem-inner>div svg{width:25px;height:25px;color:#c2b8c9}.ecosystem-inner b{font:8px var(--mono);padding:3px 5px;border:1px solid #574b61;letter-spacing:0;color:#a295ad;border-radius:2px}.strip-divider{width:1px;height:23px;background:#322b37}.robin-symbol{font-size:32px;line-height:1;font-weight:bold;color:var(--lime)}.ecosystem-inner>.strip-end{display:block;font:8px/1.9 var(--mono);color:#695a75;letter-spacing:1px;margin-left:auto;white-space:normal}.strip-end span{display:block;color:#aea1b9}
.section-kicker{display:flex;justify-content:space-between;gap:20px;color:#897797;font-size:9px;margin-bottom:48px;letter-spacing:1.4px}.section-kicker>span:first-child{color:#aea0b9}.section-kicker>span:nth-child(2){font-size:8px;color:#62546d}h2{font-size:clamp(45px,4.3vw,64px);font-weight:500;letter-spacing:-3px;line-height:1.07;margin:0}h3{font-weight:500;letter-spacing:-1.4px}.intro-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.intro-layout h2{font-size:clamp(52px,5.2vw,75px);line-height:1.08;letter-spacing:-4px}.intro-right{padding-top:5px;max-width:430px;margin-left:34px}.intro-lead{font-size:23px;line-height:1.4;letter-spacing:-.6px;margin:0 0 22px}.body-copy{font-size:13px;color:#9484a1;line-height:1.85;margin:0}.intro-principles{margin:27px 0 30px}.intro-principles>div{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid #28222c}.intro-principles>div>span{font:9px var(--mono);color:#625070;padding-top:5px}.intro-principles p{margin:0}.intro-principles strong{font-size:12px;font-weight:500}.intro-principles small{display:block;font-size:11px;color:#7b6989;margin-top:7px}.intro-right .text-link{color:#c1aed0;font-size:11px}
.modules-section{background:#120f15;border-top:1px solid #221b27;border-bottom:1px solid #2a2230;padding-top:94px;padding-bottom:42px}.section-heading{display:flex;justify-content:space-between;gap:45px;align-items:flex-end;margin-bottom:42px}.section-heading>div{min-width:380px}.section-heading .body-copy{margin-bottom:25px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{font-size:10px;color:#9484a0;border:1px solid transparent;border-radius:3px;padding:9px 10px;white-space:nowrap}.filter-tabs button.active{color:#e0d7e7;background:#261e2d;border-color:#392d42}.filter-tabs button span{font:8px var(--mono);margin-left:6px;color:var(--lime)}.filter-tabs button:hover{color:var(--lime)}.module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-height:300px}.module-card{position:relative;min-width:0;text-align:left;background:linear-gradient(160deg,#1d1722 0%,#16121a 75%);border:1px solid #312838;border-radius:5px;padding:20px 20px 22px;overflow:hidden;transition:background .25s,border-color .25s,transform .25s;display:flex;flex-direction:column;min-height:306px}.module-card:hover{border-color:#633884;transform:translateY(-5px);background:linear-gradient(160deg,#271c2f,#1a1221)}.module-card:focus-visible{outline-offset:2px}.module-card[hidden]{display:none}.module-top{display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:1px;color:#6a5a76}.module-top span:last-child{color:#837192;text-transform:uppercase;font-size:7px}.module-art{display:flex;align-items:center;justify-content:center;height:138px;margin:1px 0 5px;position:relative;isolation:isolate;color:#bba7cb}.module-art::after{content:"";position:absolute;z-index:-1;width:130px;height:100px;border-radius:50%;background:radial-gradient(#d258b412,transparent 68%);transition:transform .3s}.module-art svg{width:115px;height:105px;stroke-width:.9;overflow:visible;transition:transform .4s;color:#b597cc}.module-card:hover .module-art svg{transform:translateY(-4px) rotate(4deg)}.module-card:hover .module-art::after{transform:scale(1.5)}.module-art .art-bright{stroke:var(--lime)}.module-art .art-dim{stroke:#5b4969}.module-art .art-fill{fill:#a162d220;stroke:#b48bd4}.module-card h3{font-size:16px;letter-spacing:-.4px;margin:8px 0 9px}.module-card p{font-size:11px;line-height:1.7;color:#897797;margin:0;max-width:90%;min-height:38px}.module-card .module-arrow{position:absolute;bottom:22px;right:18px;width:15px;height:15px;color:#624c74;transition:color .2s,transform .2s}.module-card:hover .module-arrow{color:var(--lime);transform:translate(2px,-2px)}.modules-foot{display:flex;align-items:center;justify-content:space-between;margin-top:27px;gap:20px}.modules-foot p{font:8px/1.8 var(--mono);color:#786785;display:flex;gap:9px;align-items:center}.modules-foot .status-dot{width:4px;height:4px;background:#6f4590}.modules-foot .text-link{font-size:10px;color:#b9a7c8}
.compose-section{padding-top:114px;padding-bottom:120px}.compose-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.outline-badge{display:inline-flex;align-items:center;gap:9px;padding:8px 10px;border:1px solid #3e3148;border-radius:3px;font:8px var(--mono);letter-spacing:1px;color:#ae9abe}.outline-badge .status-dot{width:4px;height:4px}.compose-copy h2{margin:24px 0 25px;font-size:67px;letter-spacing:-3.5px}.compose-copy .body-copy{font-size:13px}.builder-flow{display:flex;align-items:center;gap:10px;margin:32px 0 45px;font:8px var(--mono);letter-spacing:1px;color:#937ca6}.builder-flow i{width:28px;height:1px;background:#473456}.compose-note{border-top:1px solid #31263a;padding-top:23px;display:flex;gap:15px;max-width:350px}.compose-note svg{color:#6b5180;width:21px}.compose-note p{margin:0}.compose-note strong{font-size:11px;display:block;font-weight:500;color:#c2b5cc;margin-bottom:7px}.compose-note span{font-size:10px;color:#7c6b8a;line-height:1.8;display:block}.builder-window{border:1px solid #3f314a;background:#161019;border-radius:8px;overflow:hidden;box-shadow:0 20px 80px #0003;position:relative}.window-header{display:flex;align-items:center;justify-content:space-between;background:#1d1623;border-bottom:1px solid #382b42;padding:18px 23px}.window-header>span:first-child{display:flex;align-items:center;gap:9px;font:9px var(--mono);letter-spacing:1.2px;color:#bbabc8}.window-header svg{width:17px;height:19px;color:var(--lime)}.demo-badge{font:7px var(--mono);letter-spacing:1px;color:#9175a7;border:1px solid #483755;padding:4px 7px;border-radius:3px}.builder-content{padding:25px 25px 18px}.field-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10px;margin-bottom:11px;color:#b2a3be}.field-top .mono{font-size:8px;letter-spacing:1px;color:#594568}.field-top .selected-count{font:7px var(--mono);letter-spacing:.5px;color:#846b97}.builder-content input[type="text"]{height:43px;display:block;width:100%;border:1px solid #372b41;background:#110c14;border-radius:3px;color:var(--text);padding:0 13px;font-size:11px;margin-bottom:24px;outline-offset:2px}.builder-options{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:25px}.builder-option{border:1px solid #34273f;background:#19121f;border-radius:3px;text-align:left;padding:11px 9px;display:flex;align-items:center;gap:8px;color:#907f9d;font-size:9px}.builder-option>svg{height:13px;width:13px;color:#9077a3;stroke-width:1.5}.builder-option .option-check{width:12px;height:12px;border:1px solid #453750;border-radius:2px;margin-left:auto;display:flex;align-items:center;justify-content:center}.option-check svg{width:9px;height:9px;display:none}.builder-option[aria-pressed="true"]{border-color:#643688;color:#d5c7e0;background:#281a33}.builder-option[aria-pressed="true"]>svg{color:#b184d5}.builder-option[aria-pressed="true"] .option-check{background:var(--lime);border-color:var(--lime);color:#130d17}.builder-option[aria-pressed="true"] .option-check svg{display:block}.builder-option:hover{border-color:#8557a9}.fee-label output{font:12px var(--mono);color:var(--lime)}input[type="range"]{display:block;appearance:none;-webkit-appearance:none;width:100%;height:3px;cursor:pointer;background:linear-gradient(to right,var(--lime) var(--range-fill,29.3%),#352740 var(--range-fill,29.3%));margin:19px 0 12px;border-radius:3px}input[type="range"]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:11px;height:11px;border-radius:50%;background:var(--lime);border:3px solid #ffb0eb;box-shadow:0 0 0 4px #ff65da15}input[type="range"]::-moz-range-thumb{width:7px;height:7px;border-radius:50%;background:var(--lime);border:2px solid #ffb0eb}.range-labels{display:flex;justify-content:space-between;font:8px var(--mono);color:#625071;margin-bottom:23px}.config-summary{display:grid;gap:13px;padding:19px 0;border-top:1px solid #302439;margin-bottom:3px}.config-summary>div{display:flex;justify-content:space-between;font-size:9px;gap:14px}.config-summary span{color:#816d91}.config-summary strong{font-size:9px;font-weight:400}.builder-submit{width:100%;min-height:44px;justify-content:space-between;font-size:11px;padding:0 15px}.builder-submit svg{width:17px;height:17px}.builder-saved{text-align:center;font-size:8px;margin-top:12px;color:#685577;line-height:1.5;min-height:12px}
.roles-section{padding-top:10px;padding-bottom:110px}.role-top{display:grid;grid-template-columns:1.3fr .8fr;gap:80px;align-items:flex-end}.role-top .section-kicker{margin-bottom:28px}.role-top h2{font-size:45px;line-height:1.15;letter-spacing:-2px}.role-tabs{display:flex;flex-direction:column;gap:0}.role-tabs button{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2d2335;padding:17px 0;text-align:left;color:#806e8f;font-size:12px}.role-tabs button span{font:8px var(--mono);letter-spacing:1px}.role-tabs button[aria-selected="true"]{color:var(--lime);border-color:#6e3899}.role-tabs button:hover{color:#d2c6dc}.role-panel{border:1px solid #352840;border-radius:5px;display:grid;grid-template-columns:1fr 1fr;min-height:338px;margin-top:38px;background:radial-gradient(ellipse at 20% 75%,#24152f66,transparent 60%),#140e18;overflow:hidden}.role-art{position:relative;display:grid;place-items:center;min-height:338px;isolation:isolate;background-image:radial-gradient(#6b4d8340 1px,transparent 1px);background-size:19px 19px;mask-image:linear-gradient(90deg,#000 65%,transparent)}.orbit-ring{position:absolute;width:230px;height:110px;border:1px solid #74509070;border-radius:50%;transform:rotate(-30deg)}.ring-b{transform:rotate(32deg);width:260px;height:120px;border-color:#976aba50}.ring-c{transform:rotate(90deg);width:240px;height:105px;border-color:#a37bc24a}.orbit-core{height:82px;width:82px;border:1px solid #946bb5;display:grid;place-items:center;background:linear-gradient(130deg,#472e5b,#190f20);transform:rotate(-14deg);border-radius:18px;box-shadow:inset 1px 1px 6px #af80d450,15px 15px 50px #0007;z-index:1}.orbit-core svg{height:43px;width:43px;transform:rotate(14deg);color:var(--lime)}.orbit-node{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#f5bae6,#be2e9a 55%,#331848);box-shadow:0 0 22px #ff65da25}.node-a{transform:translate(-96px,55px)}.node-b{transform:translate(96px,55px);width:8px;height:8px}.node-c{transform:translate(6px,-116px);width:10px;height:10px}.orbit-caption{position:absolute;bottom:25px;font:7px var(--mono);letter-spacing:1.5px;color:#6b567c}.role-text{padding:58px 55px 50px 25px;align-self:center}.role-text>.mono{font-size:8px;letter-spacing:1.2px}.role-text h3{font-size:31px;line-height:1.2;letter-spacing:-1px;margin:18px 0}.role-text .body-copy{font-size:12px;max-width:360px}.role-text .text-link{margin-top:27px;font-size:11px}
.explorer-section{border-top:1px solid #2e2337;border-bottom:1px solid #2e2337;padding-top:43px;padding-bottom:43px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#140e18}.explorer-section>div>.mono{font-size:8px}.explorer-section h3{font-size:28px;margin:13px 0 11px;letter-spacing:-1px}.explorer-section p{font-size:10px;color:#7f6d8e;line-height:1.7;margin:0}.explorer-section form{align-self:center}.explorer-input{display:flex;align-items:center;gap:12px;background:#0f0a12;border:1px solid #443253;border-radius:3px;padding:7px 7px 7px 14px;min-height:52px}.explorer-input>svg{height:17px;width:17px;color:#7d5d97}.explorer-input input{border:0;background:none;outline:none;color:#d9c9e5;width:100%;font:10px var(--mono);padding:7px 0}.explorer-input input::placeholder{color:#68527a}.explorer-input button{height:33px;width:36px;display:grid;place-items:center;background:#2a1b36;color:var(--lime);border-radius:2px;flex-shrink:0}.explorer-input button:hover{background:#402754}.explorer-input button svg{width:17px;height:17px}.explorer-section form p{font:8px/1.7 var(--mono);margin-top:10px;color:#665177}.explorer-input:focus-within{border-color:#ff65da}.explorer-input:has([aria-invalid="true"]){border-color:#e0a983}.explorer-section form p.error{color:#e0a983}
.faq-section{display:grid;grid-template-columns:.9fr 1.3fr;gap:90px;padding-top:110px;padding-bottom:90px}.faq-section .section-kicker{margin-bottom:30px;font-size:8px}.faq-section h2{font-size:61px}.faq-section>.text-link,.faq-section>div>.text-link{margin-top:31px;color:#b2a0c0;font-size:11px}.faq-list{padding-top:1px}.faq-list details{border-bottom:1px solid #31253a}.faq-list details:first-child{border-top:1px solid #31253a}.faq-list summary{cursor:pointer;display:flex;justify-content:space-between;gap:25px;align-items:center;font-size:13px;line-height:1.5;padding:24px 0;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:20px;font-weight:300;line-height:1;color:#937aa7;transition:transform .25s}.faq-list details[open] summary>span{transform:rotate(45deg);color:var(--lime)}.faq-list details p{font-size:12px;color:#8b7999;line-height:1.85;padding:0 30px 23px 0;margin:0;max-width:530px}.closing-section{position:relative;overflow:hidden;border:1px solid #3c2d48;border-radius:5px;background:radial-gradient(ellipse at 80% 120%,#49226755,transparent 60%),#1b1122;text-align:center;padding-top:61px;padding-bottom:66px;max-width:1296px;margin-bottom:80px}.closing-label{display:flex;justify-content:center;align-items:center;gap:8px;font-size:8px;letter-spacing:1.4px;color:#9e83b3;position:relative;z-index:1}.closing-section h2{font-size:60px;letter-spacing:-3px;line-height:1.09;margin:27px 0 30px;position:relative;z-index:1}.closing-section h2 span{color:var(--lime)}.closing-section .button{position:relative;z-index:1;min-height:47px;font-size:11px}.closing-watermark{font-size:450px;position:absolute;right:30px;top:-135px;font-weight:600;line-height:1;color:#8750b205;pointer-events:none}
.site-footer{padding-bottom:26px}.footer-top{display:flex;align-items:flex-start;gap:35px;padding-bottom:37px;border-bottom:1px solid #2e2436}.footer-top .brand{font-size:25px}.footer-top .brand svg{width:27px;height:31px}.footer-top p{font-size:10px;line-height:1.7;color:#806e8e;margin:1px 0 0 10px}.footer-top nav{display:flex;gap:27px;margin-left:auto;align-items:center;padding-top:9px;font-size:10px;color:#a593b4}.footer-top nav button{padding:0;font-size:10px}.footer-top nav a:hover,.footer-top nav button:hover{color:var(--lime)}.back-top{border:1px solid #4c3260;display:grid;place-items:center;height:32px;width:32px;font-size:18px;color:#b49ac8;border-radius:3px;margin-left:18px}.back-top:hover{border-color:var(--lime);color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:8px;color:#5d4a6c}.footer-bottom>span:last-child{font:7px var(--mono);letter-spacing:1px;display:flex;align-items:center;gap:10px}.footer-bottom i{width:3px;height:3px;background:#5b3d72;border-radius:50%}
dialog{border:1px solid #4c355f;background:#150f19;color:var(--text);border-radius:9px;padding:27px;width:calc(100% - 32px);max-width:610px;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 180px #0009}dialog::backdrop{background:#040205c9;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #382b42;padding-bottom:18px;margin-bottom:25px;gap:15px}.dialog-top>.mono{font-size:8px;color:#8e789f;letter-spacing:1.2px}.icon-button{height:28px;width:28px;display:grid;place-items:center;border:1px solid #3e2c4c;border-radius:3px;color:#bfa8d2;flex-shrink:0}.icon-button:hover{color:var(--lime);border-color:var(--lime)}.icon-button svg{height:15px;width:15px}.detail-dialog .detail-icon{height:58px;width:58px;border:1px solid #4a305f;background:#2b1939;color:var(--lime);display:grid;place-items:center;border-radius:7px;margin:27px 0 22px}.detail-dialog .detail-icon svg{width:28px;height:28px}.detail-dialog h2{font-size:37px;letter-spacing:-1.5px;margin:15px 0}.detail-dialog .detail-category{font:8px var(--mono);letter-spacing:1px;color:#a284b9;text-transform:uppercase}.detail-description{font-size:14px;line-height:1.8;color:#b3a1c1;margin-bottom:22px}.detail-explainer{font-size:12px;color:#8a739c;line-height:1.85;padding-top:20px;border-top:1px solid #392945;margin-bottom:25px}.detail-explainer strong{display:block;color:#c4b3d1;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;font-weight:500}.detail-dialog .button{width:100%;justify-content:space-between;font-size:12px;min-height:48px}.config-dialog h2,.docs-dialog h2{font-size:36px;letter-spacing:-1.5px;margin:21px 0 15px;line-height:1.2}.dialog-copy{font-size:12px;color:#a08caf;line-height:1.8}.preview-summary{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.preview-summary span{border:1px solid #463355;background:#281b33;border-radius:3px;font-size:9px;padding:7px 9px;color:#bda1d3}.config-dialog pre{background:#0e0812;border:1px solid #332241;border-radius:5px;padding:17px;font:10px/1.8 var(--mono);color:#a07fba;overflow:auto;max-height:320px;tab-size:2}.dialog-actions{display:flex;gap:10px;margin-top:22px}.dialog-actions .button{font-size:11px;min-height:44px}.dialog-fineprint{font:8px/1.7 var(--mono);color:#735a87;margin-top:17px}.docs-dialog{max-width:660px;padding:30px}.docs-dialog .eyebrow{font-size:8px;color:var(--lime)}.docs-steps{display:flex;flex-direction:column;gap:20px;margin:30px 0}.docs-steps article{display:flex;gap:18px}.docs-steps article>span{font:9px var(--mono);color:var(--lime);padding-top:4px}.docs-steps h3{font-size:15px;letter-spacing:-.3px;margin:0 0 9px}.docs-steps p{font-size:11px;color:#9682a5;line-height:1.8;margin:0}.docs-links{display:grid;gap:0;margin:20px 0 26px}.docs-links a{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3c2c48;padding:15px 0;font-size:11px;color:#bea7d0}.docs-links a svg{height:16px;width:16px}.docs-links a:hover{color:var(--lime)}.docs-dialog>.button{min-height:44px;font-size:11px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;z-index:100;max-width:calc(100% - 32px);background:#ec83d2;color:#170d1f;padding:14px 20px;font-size:12px;line-height:1.5;border:1px solid #ff65da;border-radius:5px;box-shadow:0 4px 30px #0006;transition:opacity .2s,transform .2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.noscript-note{position:fixed;bottom:0;left:0;right:0;padding:15px;background:var(--lime);color:var(--bg);text-align:center;font-size:12px;z-index:100}
@media(min-width:1600px){.hero{min-height:810px;padding-top:110px}.hero-visual{margin-top:-85px}.scene-controls{bottom:40px}.hero-bottom{bottom:30px}}
@media(max-width:1200px){.section-shell{padding-left:45px;padding-right:45px}.header-inner{padding:0 30px;gap:20px}.desktop-nav{gap:20px}.header-actions{gap:18px}.hero{padding-top:85px;min-height:720px}.hero-bottom{left:45px;right:45px}.hero-visual{margin-right:-30px;margin-left:-50px}.hero h1{font-size:94px;letter-spacing:-6px}.hero-actions{gap:19px}.hero-actions .button{padding:0 20px;font-size:12px;gap:22px}.hero-actions .text-link{font-size:10px;gap:10px}.floating-label{font-size:7px;padding:10px}.label-one{right:3%}.label-two{left:9%;bottom:26%}.ecosystem-inner{gap:29px}.strip-intro{width:140px}.ecosystem-inner>div{font-size:15px}.ecosystem-inner>.strip-end{font-size:7px}.intro-layout{gap:35px}.intro-right{margin-left:25px}.module-card{padding:17px 16px 19px;min-height:304px}.module-card p{font-size:10px}.module-card h3{font-size:15px}.module-art{height:135px}.module-top{font-size:7px}.module-top span:last-child{font-size:6px}.compose-layout{gap:65px}.compose-copy h2{font-size:59px}.compose-copy .body-copy{font-size:12px}.builder-content{padding:22px 20px 17px}.builder-option{font-size:8px;gap:6px;padding:10px 8px}.closing-section{margin-left:45px;margin-right:45px}.faq-section{gap:60px}.footer-top{gap:25px}.footer-top nav{gap:22px}.role-top h2{font-size:42px}}
@media(max-width:1000px){.header-inner{min-height:74px}.desktop-nav{gap:17px}.desktop-nav a,.desktop-nav button{font-size:11px}.header-actions .network{display:none}.section-shell{padding-left:36px;padding-right:36px}.hero{min-height:700px;padding-top:86px;grid-template-columns:1fr 1fr}.hero h1{font-size:81px;letter-spacing:-5.5px;margin-top:32px}.hero h1::after{font-size:19px;margin-left:10px}.eyebrow{font-size:8px;letter-spacing:1px}.eyebrow-line{width:22px}.hero-copy>p{font-size:13px}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.hero-actions .text-link{font-size:11px;margin-left:2px}.hero-note{font-size:8px;margin-top:27px}.hero-visual{margin-left:-35px;margin-right:-20px;margin-top:-44px;min-height:560px}.scene-label{left:40px;top:34px;font-size:7px;gap:8px}.label-one{top:25%}.label-two{bottom:28%;left:10%}.floating-label{letter-spacing:.5px;font-size:6px;gap:6px;padding:9px 8px}.label-check{margin-left:5px;font-size:10px}.scene-coordinate{font-size:7px;right:13px;bottom:96px}.scene-controls{left:35px;right:14px;bottom:40px}.drag-hint{font-size:6px;letter-spacing:.5px;gap:5px}.scene-buttons button{font-size:8px}.hero-bottom{left:36px;right:36px;font-size:7px}.version-label{font-size:6px;gap:6px}.ecosystem-inner{gap:23px;min-height:78px}.strip-intro{font-size:7px;width:130px}.ecosystem-inner>.strip-end{display:none}.ecosystem-inner .strip-divider:last-of-type{display:none}.section-pad{padding-top:90px;padding-bottom:90px}.intro-layout h2{font-size:58px;letter-spacing:-3px}.intro-right{margin-left:0}.intro-lead{font-size:20px}.intro-layout .body-copy{font-size:12px}.section-heading h2{font-size:52px}.section-heading>div{min-width:325px}.filter-tabs{gap:2px}.filter-tabs button{font-size:9px;padding:8px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.module-card{min-height:288px;padding:22px}.module-top{font-size:8px}.module-top span:last-child{font-size:7px}.module-card h3{font-size:19px;margin-top:0}.module-card p{font-size:12px;max-width:87%}.module-art{height:126px;margin-top:8px;margin-bottom:10px}.module-art svg{width:114px;height:99px}.modules-section{padding-bottom:35px}.compose-layout{gap:36px}.compose-copy h2{font-size:52px;letter-spacing:-2px}.compose-copy .body-copy br{display:none}.builder-flow{font-size:7px;gap:8px}.builder-flow i{width:18px}.window-header{padding:15px}.window-header>span:first-child{font-size:8px}.builder-content{padding:20px 15px 16px}.builder-option{gap:4px;padding:10px 7px;font-size:8px}.builder-option>svg{width:11px;height:11px}.role-top{gap:40px}.role-top h2{font-size:36px}.role-text{padding:35px 27px 35px 15px}.role-text h3{font-size:28px}.role-art{min-height:325px}.orbit-ring{width:204px;height:94px}.ring-b{width:232px;height:105px}.ring-c{width:208px;height:96px}.node-a{transform:translate(-89px,42px)}.node-b{transform:translate(89px,45px)}.node-c{transform:translate(0,-101px)}.explorer-section{padding-top:35px;padding-bottom:35px;gap:35px}.faq-section{gap:40px;grid-template-columns:.8fr 1.2fr}.faq-section h2{font-size:53px}.faq-list summary{font-size:12px}.closing-section{margin-left:36px;margin-right:36px}.closing-section h2{font-size:53px}.footer-top{gap:24px}.footer-top p{margin-left:0;font-size:9px}.footer-top nav{gap:18px;font-size:9px}.footer-top nav button{font-size:9px}.back-top{margin-left:0}}
@media(max-width:760px){html{scroll-padding-top:85px}.header-inner{min-height:68px;padding:0 22px}.brand{font-size:26px}.brand svg{width:29px;height:32px}.desktop-nav{display:none}.header-actions{gap:12px}.header-actions .button{min-height:35px;font-size:10px;padding:0 12px;gap:15px}.header-actions .button svg{width:13px;height:13px}.menu-button{display:block}.section-shell{padding-left:24px;padding-right:24px}.hero{padding-top:48px;padding-bottom:58px;grid-template-columns:1fr;min-height:auto}.hero-copy{z-index:3}.hero h1{font-size:clamp(67px,12.8vw,97px);letter-spacing:-4.5px;margin:28px 0 24px;line-height:1.02}.hero h1::after{font-size:23px;margin-top:12px}.hero-copy>p{font-size:14px;line-height:1.75;margin-bottom:25px}.hero-actions{flex-direction:row;align-items:center;gap:20px}.hero-actions .button{min-height:48px;font-size:11px;padding:0 18px;gap:24px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-note{font-size:9px;margin-top:25px}.hero-visual{height:470px;min-height:0;margin:-6px -20px -6px;grid-row:2}.hero-visual canvas{left:0;width:100%}.scene-label{top:28px;left:20px;font-size:8px}.floating-label{font-size:7px;padding:11px 10px}.label-one{right:3%;top:28%}.label-two{left:6%;bottom:25%}.scene-coordinate{right:22px;bottom:83px}.scene-controls{left:22px;right:22px;bottom:25px}.drag-hint{font-size:7px;letter-spacing:1px}.scene-buttons button{font-size:9px}.hero-bottom{left:24px;right:24px;bottom:21px;font-size:6px;letter-spacing:1px}.hero-bottom>span:first-child{display:none}.hero-bottom>a{font-size:7px}.version-label{font-size:6px}.hero-grid{background-size:66px 66px;mask-image:linear-gradient(180deg,transparent,#000)}.visual-ambient{width:95%;top:0;left:2%}.scene-fallback{inset:4% 10%}.ecosystem-inner{min-height:86px;flex-wrap:wrap;justify-content:center;gap:10px 25px;padding-top:19px;padding-bottom:19px}.strip-intro{width:100%;text-align:center;font-size:6px;letter-spacing:1.3px;margin-bottom:2px}.ecosystem-inner>div{font-size:14px}.ecosystem-inner>div svg{width:20px;height:20px}.robin-symbol{font-size:25px}.strip-divider{height:18px}.section-pad{padding-top:72px;padding-bottom:72px}.section-kicker{font-size:8px;margin-bottom:32px;letter-spacing:1px}.section-kicker>span:nth-child(2){display:none}.intro-layout{grid-template-columns:1fr;gap:34px}.intro-layout h2{font-size:56px;letter-spacing:-3px}.intro-right{max-width:100%;padding-top:0}.intro-lead{font-size:22px;line-height:1.4;margin-bottom:19px}.intro-lead br{display:none}.intro-layout .body-copy{font-size:13px;max-width:480px}.intro-principles{margin:25px 0}.intro-principles>div{padding:15px 0}.intro-principles strong{font-size:12px}.intro-principles small{font-size:11px}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:51px;letter-spacing:-2.5px}.section-heading>div{min-width:0;margin-top:22px}.section-heading .body-copy{font-size:12px;margin-bottom:20px}.filter-tabs{gap:5px}.filter-tabs button{font-size:9px;padding:8px 9px}.filter-tabs button span{font-size:7px;margin-left:5px}.module-grid{gap:10px}.module-card{padding:15px 12px 18px;min-height:275px}.module-top{font-size:7px}.module-top span:last-child{font-size:5.5px;letter-spacing:.5px}.module-art{height:112px;margin:7px 0 8px}.module-art svg{width:95px;height:85px}.module-card h3{font-size:15px;letter-spacing:-.4px;line-height:1.2;margin-bottom:8px}.module-card p{font-size:10px;line-height:1.65;max-width:97%;min-height:50px}.module-card .module-arrow{bottom:13px;right:12px;width:12px;height:12px}.modules-foot{margin-top:19px;align-items:flex-start;gap:12px}.modules-foot p{font-size:6px;letter-spacing:.2px;max-width:210px;margin:1px 0;gap:7px}.modules-foot .text-link{font-size:9px;white-space:nowrap;gap:7px}.modules-foot .text-link svg{width:13px}.modules-section{padding-bottom:26px}.compose-layout{grid-template-columns:1fr;gap:38px}.compose-copy h2{font-size:57px;margin:21px 0;letter-spacing:-3px}.compose-copy .body-copy{font-size:13px;max-width:430px}.compose-copy .body-copy br{display:block}.builder-flow{margin:25px 0 26px;gap:10px;font-size:8px}.builder-flow i{width:35px}.compose-note{max-width:none;padding-top:20px;gap:13px}.compose-note span{font-size:10px;max-width:390px}.compose-note strong{font-size:11px}.builder-window{max-width:500px;width:100%;justify-self:center}.window-header{padding:17px 20px}.window-header>span:first-child{font-size:9px}.builder-content{padding:23px 20px 18px}.builder-option{padding:12px 10px;gap:7px;font-size:9px}.builder-option>svg{width:14px;height:14px}.field-top{font-size:11px}.builder-content input[type="text"]{font-size:12px}.builder-submit{min-height:47px;font-size:12px}.config-summary>div{font-size:10px}.config-summary strong{font-size:10px}.builder-saved{font-size:9px}.roles-section{padding-top:0;padding-bottom:67px}.role-top{grid-template-columns:1fr;gap:23px}.role-top h2{font-size:37px;letter-spacing:-1.7px}.role-top .section-kicker{margin-bottom:27px}.role-tabs{flex-direction:row;gap:17px}.role-tabs button{font-size:10px;line-height:1.5;padding:12px 0;text-align:center;justify-content:center;flex:1}.role-tabs button span{display:none}.role-panel{grid-template-columns:1fr;margin-top:25px}.role-art{min-height:248px;mask-image:linear-gradient(#000 60%,transparent)}.orbit-ring{width:204px;height:94px}.ring-b{width:232px;height:105px}.ring-c{width:208px;height:96px}.orbit-caption{font-size:6px;bottom:10px}.role-text{padding:17px 27px 33px}.role-text h3{font-size:31px;margin:17px 0}.role-text .body-copy{font-size:12px;max-width:100%}.role-text .text-link{margin-top:23px}.explorer-section{grid-template-columns:1fr;padding-top:33px;padding-bottom:29px;gap:25px}.explorer-section h3{font-size:29px}.explorer-section p{font-size:10px}.explorer-input{min-height:53px}.explorer-input input{font-size:10px}.faq-section{grid-template-columns:1fr;gap:36px}.faq-section .section-kicker{margin-bottom:25px}.faq-section h2{font-size:53px}.faq-section h2 br{display:none}.faq-section>div>.text-link{margin-top:21px;font-size:10px}.faq-list summary{font-size:12px;padding:21px 0}.faq-list details p{font-size:11px;padding-right:22px;padding-bottom:22px}.closing-section{margin-left:16px;margin-right:16px;padding-left:20px;padding-right:20px;padding-top:42px;padding-bottom:43px;margin-bottom:48px}.closing-section h2{font-size:clamp(34px,7.6vw,51px);letter-spacing:-1.8px;margin-top:24px;margin-bottom:25px}.closing-label{font-size:6px;letter-spacing:1px}.closing-watermark{font-size:380px;right:-40px;top:-83px}.closing-section .button{min-height:44px;font-size:10px;gap:22px}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:28px}.footer-top .brand{font-size:27px}.footer-top .brand svg{height:32px;width:28px}.footer-top p{margin-left:auto;font-size:9px}.footer-top nav{order:3;width:calc(100% - 50px);margin:0;padding:0;gap:18px;flex-wrap:wrap}.back-top{order:4;align-self:center;margin-left:auto}.footer-bottom{margin-top:20px;flex-direction:column;gap:12px;font-size:8px}.footer-bottom>span:last-child{font-size:6px}.site-footer{padding-bottom:27px}dialog{padding:21px;max-height:calc(100dvh - 32px)}.dialog-top{padding-bottom:15px;margin-bottom:22px}.dialog-top>.mono{font-size:7px}.detail-dialog h2{font-size:32px}.detail-description{font-size:13px}.detail-explainer{font-size:11px}.config-dialog h2,.docs-dialog h2{font-size:31px}.dialog-copy{font-size:11px}.config-dialog pre{font-size:9px;padding:13px;max-height:260px}.dialog-actions{gap:8px}.dialog-actions .button{font-size:10px;padding:0 14px;gap:14px}.dialog-actions svg{height:15px;width:15px}.docs-steps{gap:23px}.docs-steps article{gap:13px}.docs-steps h3{font-size:14px}.docs-steps p{font-size:11px}.docs-links a{font-size:10px}.toast{font-size:11px;text-align:center;width:max-content;bottom:18px}}
@media(max-width:370px){.section-shell{padding-left:20px;padding-right:20px}.hero h1{font-size:63px;letter-spacing:-4px}.hero-actions{gap:16px}.hero-actions .button{gap:19px;font-size:10px}.hero-actions .text-link{font-size:9px;gap:7px}.hero-visual{height:425px}.hero-bottom{left:20px;right:20px}.version-label{font-size:5px}.label-one{right:4%}.label-two{left:7%;bottom:25%}.module-card{min-height:267px}.module-art{height:100px}.module-card h3{font-size:14px}.module-card p{font-size:9px}.module-top span:last-child{font-size:5px}.builder-option{font-size:8px;gap:5px}.filter-tabs{gap:1px}.filter-tabs button{font-size:8px;padding:8px}.role-top h2{font-size:33px}.role-tabs button{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* hookrvyra: pink and violet identity */
:root{--violet:#a879ff}
h1 .lime,.closing-section h2 span{background:linear-gradient(115deg,var(--lime) 12%,#b185ff 95%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.button-lime{background:linear-gradient(110deg,#ff72dd,#bd8aff);color:#200d29}
.button-lime:hover{background:linear-gradient(110deg,#ffa3eb,#d4b0ff)}
.visual-ambient{background:radial-gradient(ellipse,rgba(189,93,222,.17),transparent 65%)}
@media(max-width:760px){.header-inner{gap:12px}.brand{font-size:20px;letter-spacing:-1px;gap:7px}.brand svg{width:24px;height:28px}.footer-top .brand{font-size:23px}}

/* Sculptural depth across the experience */
.hero-grid{opacity:.46}
.hero-visual{filter:drop-shadow(0 28px 44px #10051966)}
.scene-slot{position:relative;isolation:isolate}
.scene-slot-fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:120px;color:#b892e3;opacity:.15}
.scene-caption{position:absolute;bottom:9px;left:0;right:0;text-align:center;color:#897196;font:7px var(--mono);letter-spacing:1.3px;z-index:6;pointer-events:none}
.intro-3d{height:230px;margin:26px 20px -10px -32px;border-radius:50%;background:radial-gradient(ellipse,#944cce16,transparent 65%)}
.builder-preview{height:180px;margin:12px 0 -8px;max-width:340px;background:radial-gradient(ellipse,#ec6fcc12,transparent 69%)}
.builder-flow{margin-top:22px;margin-bottom:26px}
.faq-3d{height:208px;max-width:260px;margin:10px 0 0 -24px;background:radial-gradient(ellipse,#b972fb10,transparent 70%)}
.faq-section>div>.text-link{margin-top:15px}
#section-webgl{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;contain:strict}
.scene-slot.is-3d>.scene-slot-fallback,.module-art.is-3d>svg{opacity:0}
.role-art.is-3d .orbit-ring,.role-art.is-3d .orbit-core,.role-art.is-3d .orbit-node{opacity:0}
.role-art{mask-image:none}
.module-card{transform-style:preserve-3d;transition:transform .22s,border-color .22s,box-shadow .22s;background:radial-gradient(ellipse at 50% 10%,#7442a215,transparent 65%),linear-gradient(145deg,#24182d,#17101e);box-shadow:0 7px 0 -5px #643e7a33,0 17px 28px #04010722}
.module-card:hover{transform:perspective(650px) rotateX(3deg) translateY(-6px);box-shadow:0 12px 0 -8px #cf80e344,0 20px 40px #07020966;border-color:#aa68c8;background:radial-gradient(ellipse at 50% 5%,#c176e427,transparent 65%),linear-gradient(145deg,#2a1b36,#191021)}
.module-art{background:radial-gradient(ellipse,#b279ff10,transparent 65%)}
.builder-window{box-shadow:0 0 0 5px #bf8af908,14px 18px 0 -10px #8c54b22a,0 24px 90px #05000870;border-color:#725187}
.closing-section{background:radial-gradient(ellipse at 90% 60%,#773eb64d,transparent 60%),radial-gradient(ellipse at 0% 80%,#c94caa24,transparent 55%),#21122d;isolation:isolate}
.closing-section h2,.closing-section .button,.closing-label{z-index:6}
.closing-orb{position:absolute;right:-96px;top:-22px;width:420px;height:430px;opacity:.65;pointer-events:none}
@media(max-width:1000px){.intro-3d{height:210px;margin-left:-15px}.builder-preview{height:160px}.faq-3d{height:180px}.closing-orb{right:-170px}}
@media(max-width:760px){.intro-3d{height:195px;margin:5px 0 -12px}.builder-preview{height:155px;margin:8px 0 0;max-width:100%}.faq-3d{position:absolute;right:16px;top:4px;height:105px;width:105px;margin:0;opacity:.65}.faq-section>div:first-child{position:relative}.faq-section>div>.text-link{margin-top:21px}.faq-section h2{font-size:47px}.faq-section .section-kicker{font-size:7px}.closing-orb{width:280px;height:310px;right:-165px;top:0}.role-art{min-height:265px}.scene-caption{font-size:6px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.module-card:hover{transform:none}}

/* Contract address and official project destinations */
.project-access{pointer-events:auto;max-width:438px;margin-top:29px;padding:16px;background:linear-gradient(125deg,#35213c8a,#1a112790);border:1px solid #674578;border-radius:7px;box-shadow:inset 0 1px 0 #e4a8ff0d,6px 8px 0 -4px #9863ad16,0 16px 35px #06020830;backdrop-filter:blur(12px)}
.project-access-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;font:8px var(--mono);letter-spacing:1px}
.project-access-heading label{color:#ffd4f2;font-weight:600;white-space:nowrap}
.project-access-heading label span{font-size:7px;color:#a58db4;margin-left:4px;font-weight:400}
.token-status{color:#c49de1;font-size:6px;letter-spacing:.8px;white-space:nowrap}
.contract-field{display:flex;align-items:center;border:1px solid #523363;border-radius:4px;background:#110a1b;overflow:hidden;height:39px}
.contract-field input{width:100%;height:100%;border:0;background:transparent;padding:0 11px;color:#d5b7e7;font:10px var(--mono);letter-spacing:.2px;text-overflow:ellipsis;outline-offset:-2px}
.contract-field button{display:grid;place-items:center;height:29px;width:33px;flex-shrink:0;border-radius:3px;margin-right:4px;color:#f39ae3;background:#362040;border:1px solid #5c386e}
.contract-field button svg{width:14px;height:14px}
.contract-field button:disabled{opacity:.42}
.project-links{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}
.project-link{display:flex;align-items:center;justify-content:center;gap:8px;min-height:47px;border:1px solid #614178;border-radius:4px;background:linear-gradient(130deg,#342040,#22162e);color:#f1d6ff;font-size:10px;font-weight:600;transition:transform .2s,border-color .2s,background .2s}
.project-link svg{width:16px;height:16px;color:#cb9df2}
.project-link small{display:block;font:6px/1.5 var(--mono);letter-spacing:.2px;color:#b09abc;margin-top:3px;font-weight:400}
.project-link.buy-link{justify-content:space-between;padding:0 12px;background:linear-gradient(110deg,#ee82d5,#b68bea);border-color:#e29bec;color:#291132}
.buy-link svg{color:#4d1d5d}.buy-link small{color:#602b6a}
.project-link[aria-disabled="true"]{cursor:default}
.project-link:not([aria-disabled]):hover{transform:translateY(-2px);border-color:#edafff;background:#453053}
.project-link.buy-link:not([aria-disabled]):hover{background:linear-gradient(110deg,#ffa3eb,#d4b0ff)}
@media(max-width:1000px) and (min-width:761px){.project-access{padding:12px;margin-top:25px}.project-links{gap:5px}.project-link{font-size:8px;gap:5px}.project-link svg{width:13px;height:13px}.project-link.buy-link{padding:0 9px}.project-link small{font-size:5px}.project-access-heading label span{font-size:6px}.token-status{font-size:5px}}
@media(max-width:760px){.project-access{margin-top:26px;padding:13px;max-width:480px}.project-access-heading label span{font-size:6px}.project-link{font-size:9px;gap:6px;min-height:46px}.project-link svg{height:14px;width:14px}.project-link small{font-size:5.5px}.project-link.buy-link{padding:0 10px}.project-links{gap:6px}.contract-field input{font-size:10px}.hero-visual{margin-top:13px}}
@media(max-width:370px){.project-access{padding:11px}.project-link{font-size:8px;gap:5px}.project-link small{font-size:5px}.project-access-heading label span{font-size:5.5px}.token-status{font-size:5px}}