/* PRISM — ink, acid green and mint. */
:root,body[data-network=robinhood]{--bg:#090e0b;--surface:#121a15;--surface-2:#1b2920;--accent:#d2ff5a;--accent-rgb:210,255,90;--text:#f2f5ec;--muted:#9ba99e;--line:#26352b;--asset-0:#d2ff5a;--asset-1:#93e5c1;--asset-2:#c7ece0;--asset-3:#f3e5a7}
body{background:radial-gradient(ellipse 65% 610px at 90% 8%,#24412930,transparent),var(--bg)}::selection{background:#d2ff5a;color:#101a0c}
.header{height:98px;border-color:#243126}.header .brand,.footer .brand{gap:11px}.brand-mark{width:42px;height:42px;object-fit:contain;filter:none}.brand-name{font-size:25px;font-weight:650;letter-spacing:.16em}.brand-dot{display:none}.header nav{color:#adb8ae}.header-actions{gap:24px}
.button{border-radius:7px;background:var(--accent);color:#172009;border:1px solid var(--accent);font-weight:650;box-shadow:none}.button:hover{background:#ddff87;box-shadow:0 7px 35px #c0ff4017}.button-small{font-size:12px}.text-button:hover,.social-x:hover{color:var(--accent)}.social-x{color:#b2bdb4}.round-button{background:var(--accent);color:#10210c}
.hero-immersive{grid-template-columns:1.1fr 1fr;min-height:730px;padding-top:26px;padding-bottom:48px;overflow:clip}.hero-immersive .hero-copy{padding-top:10px}.chain-pill{display:inline-flex;align-items:center;gap:9px;font-size:9px;letter-spacing:.09em;border:1px solid #354b30;padding:8px 10px;border-radius:5px;color:#c8dbc0;background:#17211780;margin:0 0 34px}.chain-pill>span{width:5px;height:5px;border-radius:50%;background:var(--accent)}.chain-pill b{font-size:8px;margin-left:5px;border-left:1px solid #45553e;padding-left:8px;color:#94a48d;font-weight:500}
.hero-immersive .hero-kicker{font-size:9px;letter-spacing:.17em;color:#a7bba5;margin-bottom:19px}.hero-immersive h1{font-size:clamp(62px,6.45vw,96px);font-weight:550;letter-spacing:-.07em;line-height:1.02;margin-bottom:26px}.hero-immersive h1 .accent{color:var(--accent);background:none}.hero-immersive .hero-description{font-size:16px;line-height:1.75;color:#a7b5aa;max-width:425px;margin-bottom:28px}.hero-actions{gap:25px}.hero-note{color:#879989;font-size:9px}.status-dot{width:5px;height:5px;border-radius:50%;background:#93e5c1}.hero-immersive .hero-visual{height:580px;margin:0 -15px 0 -20px}.scene-heading{color:#91a08e;left:0;right:0}.scene-heading .micro{font-size:8px}.scene-heading .micro:last-child{color:#cee5bd}.hero-immersive .asset-label{background:#111c15e8;border-color:#354b3b;box-shadow:0 8px 28px #0002;gap:9px}.hero-immersive .asset-label small{color:#869c8b;font-size:7px;letter-spacing:.06em}.hero-immersive .asset-label b{font-size:12px;color:#eff5ed}.hero-immersive .asset-label .asset-symbol{width:30px;height:30px}.scene-controls{left:0;bottom:8px;gap:16px}.drag-hint{color:#7e9181;font-size:8px;letter-spacing:.12em}.scene-controls #pause-core{border-color:#3b4d3c;background:#162119;color:#d2e2ca}.scene-fallback{background:radial-gradient(ellipse,#30452b55,transparent 70%)}.scene-fallback b{font-size:27px;color:#ddf2d1}.scene-fallback>img{object-fit:contain}
.pair-switch{display:flex;border:1px solid #33452f;border-radius:6px;padding:3px;gap:2px;background:#111b13}.pair-switch button,.scene-controls .pair-switch button{border:0;border-radius:3px;padding:8px 12px;background:none;color:#9dad99;font-size:11px;line-height:1.1}.pair-switch button[aria-pressed=true],.scene-controls .pair-switch button[aria-pressed=true]{background:var(--accent);color:#172009}.pair-switch button:hover{color:#ecffde}.pair-switch button[aria-pressed=true]:hover{color:#172009}
.principles{background:#121b1380;border-color:#26362a;color:#acbaa8}.principle-num{color:#d2ff5a}.principles>span:first-child{color:#e2edd9}.section-heading h2{letter-spacing:-.055em}.section-heading>p{color:#92a392}.eyebrow{color:#b6caa6}.muted{color:#8a9f86}.section-heading{margin-bottom:36px}
.studio{border-color:#30432e;border-radius:14px;overflow:hidden}.studio-controls{background:#eaf0dd;color:#273325;padding:30px}.studio-controls .studio-heading{color:#243426}.studio-controls .micro{color:#63735b}.studio-controls .field-note{color:#68765f}.field-label{color:#354830}.amount-input{background:#f3f7e9;border-color:#bcc9aa;color:#36462f}.amount-input input{color:#283720}.studio-pair-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 20px;font-size:12px;color:#516247}.studio-pair-row .pair-switch{background:#dbe4ce;border-color:#becbb0}.studio-pair-row .pair-switch button{color:#61734f}.studio-pair-row .pair-switch button[aria-pressed=true]{background:#243820;color:#e7fbcf}.preset-row{gap:7px;margin-top:0}.preset-row button{color:#617050;border-color:#c5ceb7;background:transparent;font-size:11px}.preset-row button.active,.preset-row button:hover{background:#253a20;border-color:#253a20;color:#f3f8e6}.allocation-item-name,.asset-select-button,.asset-select-button:hover{color:#24351e}.asset-select-button>span:last-child{color:#61724f}.range-output{color:#35472d}.allocation-item input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right,#537e30 var(--range),#cbd7ba var(--range))}.allocation-item input[type=range]::-webkit-slider-thumb{background:#385c23;border-color:#eaf0dd;box-shadow:0 0 0 1px #385c23}.allocation-item input[type=range]::-moz-range-thumb{background:#385c23;border-color:#eaf0dd}.allocation-item input[type=range]::-moz-range-track{background:#cbd7ba}.allocation-total{border-color:#bac6ac;color:#415137}.allocation-total>b{color:#20371a}.add-asset{color:#4b633c;border-color:#a9b89c}
.studio-result{background:#111913;padding:30px}.studio-result .studio-heading{color:#9bab92}.studio-network{background:#19251a;color:#adc496;border-color:#354b31;font-size:8px;letter-spacing:.07em}.source-token{background:linear-gradient(135deg,#2d4420,#141e13);border-color:#83a64b;box-shadow:0 0 35px #c3ff4610;color:#d2ff5a}.source-brand-mark{width:44px;height:44px;object-fit:contain}.flow-target{background:#19271b;border-color:#354b30;color:#deebd6}.flow-target small{color:#819d78}.flow-svg path{stroke-width:1.4}.pool-table-head{color:#78906d;border-color:#30412a}.pool-row{border-color:#253722;color:#d1e0c7}.pool-row>span:last-child{color:#cee68d}.pool-name{display:flex;align-items:center;gap:7px}.result-bottom{border-color:#31432c}.result-bottom small{color:#8a9f7b}.result-bottom span{color:#cbdcbd}.studio-footnote{color:#8a9c83;max-width:960px;font-size:11px;line-height:1.8}
.asset-symbol.asset-logo{display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;background:#131b17;border:1px solid #ffffff1a;vertical-align:middle}.asset-logo img{display:block;width:100%;height:100%;object-fit:contain;padding:14%;border-radius:inherit}.asset-logo[data-asset="TSLA"],.asset-logo[data-asset="SPY"],.asset-logo[data-asset="QQQ"]{background:#fff;border-color:#ececf2}.asset-logo[data-asset="SPY"] img,.asset-logo[data-asset="QQQ"] img{padding:8%}.asset-logo[data-asset="WETH"] img,.asset-logo[data-asset="USDG"] img{padding:0}.asset-option .asset-logo{width:36px;height:36px}.pool-name .asset-symbol{width:21px;height:21px}#native-half-label{display:flex;align-items:center;justify-content:flex-end;gap:7px}#native-half-label .asset-symbol{width:20px;height:20px}.redemption-assets .redemption-asset{display:inline-flex;align-items:center;gap:7px}.redemption-assets .asset-symbol{width:22px;height:22px;margin:0;padding:0;border-radius:50%}
.mechanics-tabs{border-color:#2d3d28}.mechanics-tabs button{color:#8ea084;border-color:#2d3d28}.mechanics-tabs button[aria-selected=true]{color:var(--accent);border-color:var(--accent);background:#172315}.mechanics-tabs button>span{color:#667f5b}.mechanics-copy>p{color:#a1b397}.mechanics-copy>p.quiet{color:#7e9773}.market-breakdown,.reward-calculator,.redemption-calculator{background:#131e15;border-color:#30412b}.breakdown-title{color:#9fb98f}.pool-amount{color:#e6f2d9}.balance-bar>span:first-child{background:#d2ff5a}.balance-bar>span:last-child{background:#527849}.balance-labels{color:#deedce}.balance-labels span{color:#9fb68e}.market-breakdown p,.calculator-note{color:#859f77}.dark-input{background:#0c150f;border-color:#3b5135;color:#768f67}.dark-input input{color:#e1efd7}.calculator-controls label,.reward-total span,.redemption-top label,.redemption-top>div>span,.redemption-outputs small{color:#91a680}.calculator-controls select{background:#1a291a;border-color:#3b5135;color:#d9eacb}.reward-total{border-color:#30452a}.calculation-equation{color:#7c966f}.redemption-assets .redemption-asset{border-color:#36522e;color:#b4caa3}.questions-section,.questions details,.questions details:first-child{border-color:#2a3c27}.questions summary{color:#d5e3cd}.questions summary span{color:#748a68}.questions details p{color:#9baf90}.questions details a{color:#d2ff5a}.questions-section>div>p:not(.eyebrow){color:#93a986}
.closing{position:relative;isolation:isolate;overflow:hidden;min-height:530px;background:#090e0b;margin-top:15px;border-radius:18px 18px 0 0}.closing::before{content:'';position:absolute;inset:0;z-index:-2;background:url('/assets/prism-spectrum.webp') center/cover no-repeat;opacity:.82}.closing::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#090e0bf5,#090e0b92 48%,#090e0b08)}.closing h2{font-weight:500;letter-spacing:-.055em}.closing .accent{color:var(--accent)}.closing-rule{border-color:#52703950;color:#8aab77}.closing-index{font-size:12px;letter-spacing:.1em}.closing-bottom p{color:#c1d5b3}.footer{border-color:#273b23}.footer>span{color:#9db48b}.footer-x{color:#d2e9c3}.footer-x span{color:#b4cca3}.footer-note{font-size:10px;color:#718b65;padding-top:0;padding-bottom:27px}
.creation-dialog{background:#101912;border-color:#465e3c;scrollbar-color:#4b673e #101912}.creation-dialog::backdrop{background:#030804df}.creation-dialog h2{color:#e8f3de}.dialog-top .eyebrow,.close-dialog{color:#9fb98e}.creation-progress,.dialog-actions{border-color:#30462a;color:#6c865d}.form-field>label{color:#b6cdaa}.form-field label>small,.form-field small{color:#7f986f}.form-field input,.form-field select,.form-field textarea,#asset-search{color:#e4f0dc;background:#18271a;border-color:#3a5130}.form-field input::placeholder,.form-field textarea::placeholder,.asset-picker-dialog input::placeholder{color:#718564}.mode-option{background:#152217;border-color:#354b2d}.mode-option[aria-pressed=true]{border-color:#d2ff5a;background:#23371b}.mode-option b{color:#d4e7c5}.mode-option small{color:#8ba47c}.dialog-note{background:#1b2b18;border-color:#84a454;color:#b0c99c}.review-list,.review-pool{border-color:#30452a}.review-list small,.review-pool small,.review-caption{color:#8ba47c}.review-list b,.review-pool{color:#c9deb9}.review-chain{border-color:#426037;color:#9abd82}.creation-dialog .button:disabled{background:#33482a;border-color:#33482a;color:#bdcfb1;opacity:.75}.identity-preview>.eyebrow{color:#a5bd94}.public-profile{border-color:#3f5933;background:#18271a}.profile-banner{background:linear-gradient(125deg,#486c2a,#1a311e 55%,#779847)}.profile-banner>span{color:#d7edc0}.profile-avatar{border-color:#18271a;color:#1d3215}.profile-chain{color:#a9c593}.profile-bio,.profile-socials,.profile-summary{color:#a4be95}.profile-summary{border-color:#30472a}.profile-summary b{color:#deedcf}.identity-preview>p{color:#869f78}.upload-drop{background:#152017;border-color:#435d37}.upload-drop:hover,.upload-drop.dragover,.upload-drop:focus-within{background:#25381d}.upload-drop>b,.upload-status{color:#b1c79e}.upload-drop>small,.remove-upload{color:#819972}.asset-search-label{color:#a7bc99}.asset-categories button{border-color:#405638;color:#9eb58c}.asset-categories button[aria-pressed=true]{color:#15230c}.asset-option{border-color:#293d23;color:#deedd3}.asset-option:hover{background:#22361c}.asset-option small,.asset-option .asset-type{color:#92aa80}#asset-options,.custom-asset{border-color:#354b2d}.custom-asset>summary{color:#b4cc9f}.empty-assets b{color:#c0d4af}.empty-assets p{color:#9db589}
@media(min-width:1500px){.hero-immersive{min-height:790px}.hero-immersive .hero-visual{height:580px}.hero-immersive h1{font-size:99px}}
@media(max-width:1100px){.hero-immersive{min-height:720px;grid-template-columns:1fr 1fr}.hero-immersive h1{font-size:clamp(57px,6.5vw,74px)}.hero-immersive .hero-visual{height:580px}.chain-pill{font-size:8px;gap:6px}.hero-immersive .hero-description{font-size:14px}.studio-controls,.studio-result{padding:25px}.studio-network{max-width:120px}.hero-actions{gap:20px}.hero-actions .button{padding:16px 20px}}
@media(max-width:850px){.hero-immersive h1{font-size:55px}.hero-immersive .hero-visual{height:580px}.header nav{gap:18px}.chain-pill{flex-wrap:wrap;font-size:7px}.hero-actions{flex-wrap:wrap}.hero-immersive .hero-kicker{font-size:8px}.studio-controls,.studio-result{padding:22px}.studio-heading{gap:10px}.studio-result .studio-heading{flex-wrap:wrap}.pool-row,.pool-table-head{grid-template-columns:1.5fr 1fr .65fr}.pool-row{font-size:11px}.pool-name .asset-symbol{width:18px;height:18px}}
@media(max-width:650px){.header{height:82px}.header .brand-mark{width:32px;height:32px}.header .brand-name{font-size:22px;letter-spacing:.13em}.header-actions{gap:16px}.header .button-small{padding:10px 12px;font-size:10px}.hero-immersive{padding-top:30px;padding-bottom:26px;min-height:0}.hero-immersive .hero-copy{padding-top:0}.chain-pill{font-size:8px;margin-bottom:25px;padding:8px}.hero-immersive .hero-kicker{font-size:8px}.hero-immersive h1{font-size:clamp(55px,13.5vw,84px);line-height:1.02;letter-spacing:-.065em}.hero-immersive .hero-description{font-size:14px}.hero-immersive .hero-visual{height:465px;width:100%;margin:38px 0 0}.hero-immersive .hero-note{font-size:8px}.hero-actions .button{font-size:12px;padding:15px 20px}.hero-actions .text-button{font-size:12px}.hero-immersive .asset-label .asset-symbol{width:27px;height:27px}.scene-controls{bottom:0}.pair-switch button,.scene-controls .pair-switch button{font-size:11px;padding:9px 13px}.scene-controls .drag-hint{display:none}.principles{gap:17px;padding-top:20px;padding-bottom:20px;font-size:10px}.studio-controls,.studio-result{padding:24px}.studio-pair-row{font-size:11px}.studio-network{max-width:none}.pool-row{font-size:12px}.pool-table-head{font-size:10px}.pool-name .asset-symbol{width:19px;height:19px}.pool-row,.pool-table-head{grid-template-columns:1.4fr .95fr .65fr}.flow-visual{margin-left:-12px;margin-right:-12px}.closing{min-height:430px}.closing::before{background-position:65% center;opacity:.62}.closing::after{background:linear-gradient(90deg,#090e0be8,#090e0b6a)}.closing h2{font-size:70px;letter-spacing:-.06em}.closing-bottom p{font-size:14px}.footer .brand-mark{width:32px;height:32px}.footer .brand-name{font-size:21px}.footer-note{font-size:9px;line-height:1.7}.creation-dialog{padding:24px}.review-chain{font-size:9px}.profile-chain{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(max-width:380px){.header .brand{gap:7px}.header .brand-mark{width:27px;height:27px}.header .brand-name{font-size:18px}.header-actions{gap:10px}.header .button-small{white-space:nowrap;font-size:9px;padding:10px;gap:9px}.header .social-x{width:14px}.hero-immersive h1{font-size:48px}.hero-actions{gap:18px}.hero-actions .button{padding:14px 16px}.hero-actions .text-button{font-size:11px}}

/* Triangle identity: fewer labels, stronger hierarchy. */
.header .brand-name,.footer .brand-name{font-weight:650;letter-spacing:.06em}
.hero-immersive{padding-top:64px;padding-bottom:56px;min-height:710px}
.hero-immersive .hero-copy{padding-top:0}
.hero-immersive h1{font-size:clamp(61px,6.2vw,88px);line-height:1.02;letter-spacing:-.04em;margin-bottom:30px}
.hero-immersive .hero-description{font-size:19px;line-height:1.55;max-width:410px;margin-bottom:32px}
.hero-immersive .hero-visual{height:550px}
.scene-controls{gap:0;justify-content:space-between}
.split-section{padding-top:82px}
.section-heading h2{max-width:690px}
.questions-section>div:first-child{max-width:360px}
.closing{min-height:420px;padding-top:76px;padding-bottom:60px}
.closing-bottom{justify-content:flex-start;margin-top:34px}
.closing h2{font-size:clamp(60px,7vw,98px)}
.footer{padding-top:28px;padding-bottom:28px}
@media(min-width:1500px){.hero-immersive{min-height:740px}.hero-immersive h1{font-size:91px}}
@media(min-width:651px) and (max-width:1000px){.hero-immersive h1{font-size:clamp(47px,6.1vw,63px)}.hero-immersive .hero-description{font-size:16px;max-width:290px}}
@media(max-width:650px){.hero-immersive{padding-top:48px;padding-bottom:26px;min-height:0}.hero-immersive h1{font-size:clamp(43px,11.8vw,72px);margin-bottom:24px}.hero-immersive .hero-description{font-size:17px;max-width:320px;margin-bottom:28px}.hero-immersive .hero-visual{height:465px;margin-top:26px}.split-section{padding-top:60px}.closing{min-height:360px;padding-top:54px}.closing h2{font-size:61px}.footer .brand-name{font-size:20px}.header .brand-name{font-size:22px}}
@media(max-width:380px){.hero-immersive h1{font-size:39px}.hero-immersive .hero-description{font-size:16px}.header .brand-name{font-size:18px}.closing h2{font-size:52px}}
