:root{color-scheme:dark;--bg:#101411;--panel:#191e1a;--line:#30372f;--muted:#a0a89d;--green:#c6f66d;--white:#f2f4ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--white);font:16px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary,select{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:5px}header,main,footer{max-width:1240px;margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;font:800 32px 'Manrope',sans-serif;letter-spacing:-1.8px;gap:9px}.mark{display:grid;place-items:center;background:var(--green);color:var(--bg);width:29px;height:32px;font:bold 34px Georgia;border-radius:4px;line-height:1}.brand-period{margin-left:-8px;color:var(--green)}nav{display:flex;gap:32px;font-size:14px;color:#bdc4b8}.demo-badge{border:1px solid #424c38;padding:10px 14px;border-radius:7px;font-size:13px;color:var(--green);display:flex;gap:20px}.intro{display:flex;justify-content:space-between;align-items:end;padding:52px 0 34px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:600;color:#b1bea6;display:flex;align-items:center;gap:10px}.line{height:1px;width:22px;background:var(--green)}h1{font:500 clamp(35px,4vw,52px)/1.14 'Manrope',sans-serif;letter-spacing:-2px;margin:19px 0 18px}h1 span{color:#98a28f}.intro p{line-height:1.6;color:var(--muted);margin:0}.intro-note{text-align:right;padding-bottom:6px}.intro-note>span{font-size:11px;letter-spacing:1.5px;color:#7f8979}.intro-note p{color:#ccd4c5;font-size:18px;margin-top:17px;line-height:1.4}.workspace{display:grid;grid-template-columns:410px 1fr;border:1px solid #3b4534;border-radius:16px;overflow:hidden}.quote-panel{padding:28px;background:var(--panel);border-right:1px solid #3b4534}.panel-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:8px}h2{font-family:'Manrope',sans-serif;font-weight:500;letter-spacing:-1px}.panel-title h2{font-size:18px;margin:0;letter-spacing:-.5px}.network{display:flex;gap:6px;align-items:center;font-size:12px;color:#b5bfaa}.network i{width:6px;height:6px;border-radius:50%;background:var(--green)}.field{margin-bottom:23px}.field label{font-size:14px;color:#c7cfbf;display:block;margin-bottom:10px}.asset-control,.amount-control{display:flex;align-items:center;border:1px solid #414939;border-radius:8px;background:#20261f;min-height:65px;padding:12px;gap:10px}.coin{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#101411;color:var(--green);font-size:27px}.asset-control select{min-width:0;flex:1;width:100%;background:transparent;border:0;color:var(--white);font-size:14px;padding:8px 0}.asset-control option{background:#20261f}.sample{font-size:10px;color:#9da795;text-align:right;white-space:nowrap}.sample strong{display:block;font-size:13px;color:var(--white);font-weight:500;margin-top:4px}.amount-control{min-height:61px}.amount-control input{width:100%;min-width:0;background:none;border:0;color:var(--white);font-size:24px;outline-offset:1px}.amount-control>span{font-size:14px;color:var(--muted)}input::-webkit-inner-spin-button{appearance:none}.field-note{display:flex;justify-content:space-between;font-size:11px;color:#98a28f;margin-top:8px;gap:10px}.label-row{display:flex;justify-content:space-between}.label-row strong{font-size:18px;color:var(--green);font-weight:500}.floor-field input{width:100%;margin:12px 0 8px;accent-color:var(--green);cursor:pointer;height:20px}.range-labels{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.segments{display:flex;gap:8px}.segments button{flex:1;padding:11px 0;background:transparent;color:#bac3b2;border:1px solid #414939;border-radius:6px;font-size:14px}.segments button[aria-pressed=true]{background:#303d23;border-color:var(--green);color:var(--green)}.fee-row{border-top:1px solid #394032;padding-top:20px;display:flex;justify-content:space-between;align-items:center;font-size:14px;margin-bottom:17px}.fee-row strong{font-size:21px;font-weight:500}.muted{font-size:12px;color:var(--muted)}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--green);border:0;border-radius:7px;color:#18210f;padding:16px 18px;font-weight:650;font-size:15px;transition:background .2s,transform .2s}.primary:hover{background:#d6ff91}.primary:active{transform:translateY(1px)}.primary:disabled{opacity:.4;cursor:not-allowed}.primary>span{font-size:22px;line-height:1}.demo-note{text-align:center;color:#8f9988;font-size:12px;margin:13px 0 0}.visual-panel{padding:35px 35px 24px;background:radial-gradient(ellipse at 70% 10%,#24302055,transparent 62%),#131a13;display:flex;flex-direction:column}.visual-head{display:flex;justify-content:space-between}.visual-head .eyebrow{font-size:10px;letter-spacing:1.6px}.visual-head h2{font-size:33px;line-height:1.25;margin:15px 0 0}.shield{color:var(--green);font-size:44px;line-height:1}.chart{position:relative;margin:30px 0 32px;height:224px;background:repeating-linear-gradient(0deg,transparent,transparent 54px,#303a2855 55px,transparent 56px)}.chart>svg{position:absolute;width:100%;height:190px;top:10px;overflow:visible}.chart-label{font-size:9px;letter-spacing:1.4px;color:#929e86}.floor-line{position:absolute;top:139px;width:100%;display:flex;justify-content:space-between;border-top:1px dashed var(--green);padding-top:8px;color:var(--green);background:linear-gradient(#b1e3660a,transparent);height:63px}.floor-line span{font-size:10px;letter-spacing:1px}.floor-line strong{font-weight:500;font-size:14px;background:#263420;border:1px solid #52683c;border-radius:5px;padding:6px 10px;transform:translateY(-23px);height:31px}.chart-bottom{position:absolute;bottom:-8px;color:#7c8971;font-size:10px}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-bottom:27px}.result-grid>div+div{border-left:1px solid #36412c;padding-left:25px}.result-grid span{font-size:13px;color:#aebba0}.result-grid strong{display:block;font:500 clamp(26px,3vw,39px)/1.3 'Manrope',sans-serif;letter-spacing:-1px;margin:9px 0 4px}.result-grid strong span{font-size:inherit;color:#87937b}.result-grid small{font-size:11px;color:#89967c}.scenario{border:1px solid #35432c;background:#24321c66;border-radius:8px;padding:14px;display:flex;align-items:center;gap:13px;margin-top:auto}.scenario-icon{color:var(--green);font-size:27px}.scenario p{font-size:13px;line-height:1.65;color:#aab99a;margin:0}.scenario strong{font-weight:500;color:#d7e7c9}.footnote{font-size:10px;line-height:1.6;color:#859477;margin:15px 0 0}.how{padding:76px 0;display:grid;grid-template-columns:1fr 2fr;gap:50px}.section-heading .eyebrow{font-size:10px}.section-heading h2{font-size:28px;line-height:1.3;margin:16px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps article>span{font-size:12px;color:var(--green);border:1px solid #3b4830;border-radius:50%;display:grid;place-items:center;width:31px;height:31px}.steps h3{font-weight:500;font-size:16px;margin-top:20px}.steps p{font-size:14px;color:var(--muted);line-height:1.65}.questions{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:45px 0 70px}.questions h2{font-size:28px;margin:12px 0}.questions details{border-bottom:1px solid var(--line)}summary{font-size:16px;padding:19px 30px 19px 0;list-style:none;position:relative}summary::-webkit-details-marker{display:none}details p{color:var(--muted);line-height:1.7;font-size:14px;max-width:650px;margin:0 0 22px}footer{border-top:1px solid var(--line);padding:26px 0;display:flex;justify-content:space-between;align-items:center;color:#8f9987;font-size:12px}footer .brand{font-size:25px;color:var(--white)}footer .mark{height:25px;width:23px;font-size:26px}dialog{width:min(460px,calc(100% - 32px));background:#1b231a;color:var(--white);border:1px solid #4b593d;border-radius:16px;padding:34px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#080d08bb;backdrop-filter:blur(6px)}dialog h2{font-size:35px;line-height:1.2}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#bcc8af;font-size:28px;width:40px;height:40px}.dialog-description,.dialog-note{font-size:14px;color:var(--muted);line-height:1.6}.dialog-note{padding:14px;background:#2b3523;border-radius:6px;font-size:12px}dl>div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #39442f;font-size:14px;gap:16px}dt{color:#a6b19c}dd{margin:0;text-align:right}.error{color:#ffb6a0;font-size:12px}.brand:hover,nav a:hover{color:var(--green)}@media(min-width:1450px){header,main,footer{max-width:1280px}}@media(max-width:1320px){header,main,footer{margin-left:40px;margin-right:40px}}@media(max-width:1000px){.workspace{grid-template-columns:360px 1fr}.quote-panel,.visual-panel{padding:24px}.visual-head h2{font-size:29px}.how,.questions{grid-template-columns:1fr;gap:20px}.intro-note{display:none}}@media(max-width:720px){header,main,footer{margin-left:20px;margin-right:20px}header{height:77px}.brand{font-size:29px}nav{display:none}.demo-badge{font-size:11px;padding:8px 10px;gap:10px}.intro{padding:32px 0 26px}.eyebrow{font-size:10px;letter-spacing:1.3px}h1{font-size:clamp(30px,8.8vw,44px);letter-spacing:-1.5px;margin:16px 0}.intro p{font-size:15px;line-height:1.6}.desktop{display:none}.workspace{grid-template-columns:1fr;border-radius:12px}.quote-panel{border-right:0;border-bottom:1px solid #3b4534;padding:23px 20px}.panel-title{margin-bottom:24px}.field{margin-bottom:23px}.asset-control select{font-size:15px}.sample{font-size:11px}.sample strong{font-size:14px}.field-note{font-size:12px;flex-wrap:wrap}.segments button{min-height:46px}.primary{min-height:54px}.demo-note{font-size:12px}.visual-panel{padding:27px 20px 22px}.visual-head h2{font-size:30px}.chart{margin-top:27px}.result-grid{gap:12px}.result-grid>div+div{padding-left:15px}.result-grid strong{font-size:30px}.result-grid span{font-size:12px}.result-grid small{font-size:12px;line-height:1.5;display:block}.scenario p{font-size:14px}.footnote{font-size:12px}.how{padding:45px 0 30px}.section-heading h2{font-size:30px}.steps{grid-template-columns:1fr;gap:17px}.steps article{position:relative;padding-left:49px}.steps article>span{position:absolute;left:0;top:0}.steps h3{margin:3px 0 8px;font-size:18px}.steps p{margin:0;font-size:16px}.questions{padding:30px 0 42px;gap:10px}.questions h2{font-size:27px}.questions details p{font-size:16px}footer{flex-wrap:wrap;gap:20px}footer>span:last-child{width:100%;font-size:12px}.chart-label,.chart-bottom,.visual-head .eyebrow,.floor-line span{font-size:12px;letter-spacing:.5px}.chart-label{max-width:90%}.section-heading .eyebrow{font-size:12px}.sample{max-width:90px}.field label{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Motion language: soft spring settles, immediate input response, no idle loops. */
:root { --ease-out: cubic-bezier(.22,1,.36,1); --ease-spring: cubic-bezier(.18,.9,.24,1.12); }
number-flow { display:inline-block; vertical-align:baseline; white-space:nowrap; font-variant-numeric:tabular-nums; --number-flow-mask-height:.12em; --number-flow-mask-width:.08em; }
number-flow:not(:defined) { visibility:hidden; }
#notional { max-width:100%; }
.asset-control,.amount-control { transition: border-color 200ms, box-shadow 250ms, background 250ms; }
.asset-control:focus-within,.amount-control:focus-within { border-color:#9bbe67; box-shadow:0 0 0 3px #c6f66d10; background:#252e22; }
.amount-control input:focus-visible { outline:none; }
.amount-control:has(input[aria-invalid=true]) { border-color:#cf8e77; box-shadow:0 0 0 3px #cf8e7710; }
.coin { transition:box-shadow 300ms; }
.asset-control:focus-within .coin { box-shadow:0 0 18px #c6f66d18; }
.segments { position:relative; isolation:isolate; --selected:0; }
.segments::before { content:''; position:absolute; z-index:-1; top:0; bottom:0; left:0; width:calc((100% - 16px)/3); border:1px solid var(--green); border-radius:6px; background:#303d23; box-shadow:0 2px 12px #0002; transform:translateX(calc(var(--selected) * (100% + 8px))); transition:transform 420ms var(--ease-spring); pointer-events:none; }
.segments button { transition:color 180ms,background 180ms,border-color 180ms,transform 180ms var(--ease-out); }
.segments button[aria-pressed=true] { border-color:transparent; background:transparent; }
.segments button:active { transform:scale(.96); }
.floor-field input { appearance:none; -webkit-appearance:none; height:28px; margin:8px 0; background:transparent; --fill:80%; }
.floor-field input::-webkit-slider-runnable-track { height:5px; border-radius:20px; background:linear-gradient(to right,var(--green) 0 var(--fill),#414939 var(--fill) 100%); }
.floor-field input::-moz-range-track { height:5px; border-radius:20px; background:linear-gradient(to right,var(--green) 0 var(--fill),#414939 var(--fill) 100%); }
.floor-field input::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:20px; height:20px; margin-top:-7.5px; border:3px solid #d7ffa0; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px #c6f66d0d,0 2px 6px #0005; transition:transform 160ms var(--ease-spring),box-shadow 180ms; }
.floor-field input::-moz-range-thumb { width:14px; height:14px; border:3px solid #d7ffa0; border-radius:50%; background:var(--green); box-shadow:0 0 0 5px #c6f66d0d; transition:transform 160ms,box-shadow 180ms; }
.floor-field input:active::-webkit-slider-thumb { transform:scale(1.18); box-shadow:0 0 0 9px #c6f66d14,0 2px 8px #0006; }
.floor-field input:active::-moz-range-thumb { transform:scale(1.18); box-shadow:0 0 0 9px #c6f66d14; }
.floor-line { transform:translateY(var(--floor-offset,0px)); transition:transform 380ms var(--ease-out),filter 250ms; }
.adjusting .floor-line { filter:drop-shadow(0 0 6px #c6f66d40); transition-duration:130ms; }
.floor-line strong { height:auto; min-height:31px; align-self:flex-start; line-height:1.2; }
.primary { position:relative; overflow:hidden; isolation:isolate; transition:transform 200ms var(--ease-spring),background 220ms,box-shadow 250ms; }
.primary::before { content:''; position:absolute; inset:-50% -30%; background:linear-gradient(110deg,transparent 30%,#fff5 48%,transparent 65%); transform:translateX(-100%); pointer-events:none; }
.primary>span { transition:transform 260ms var(--ease-spring); }
.primary:active:not(:disabled) { transform:scale(.975); }
.primary:active:not(:disabled)>span { transform:translate(2px,-2px); }
@media(hover:hover) and (pointer:fine) {
  .primary:hover:not(:disabled) { transform:translateY(-2px); box-shadow:0 5px 23px #a8e6481c; }
  .primary:hover:not(:disabled)::before { transform:translateX(100%); transition:transform 650ms var(--ease-out); }
  .primary:hover:not(:disabled)>span { transform:translate(3px,-3px); }
  .segments button:hover { color:var(--green); background:#c6f66d07; }
  .asset-control:hover,.amount-control:hover { border-color:#657451; }
}
nav a { position:relative; padding:10px 0; }
nav a::after { content:''; position:absolute; bottom:3px; left:0; right:0; height:1px; background:var(--green); transform:scaleX(0); transform-origin:left; transition:transform 250ms var(--ease-out); }
nav a:hover::after { transform:scaleX(1); }
.questions details { overflow:hidden; }
summary { transition:color 180ms; }
summary:hover { color:var(--green); }

.close { transition:transform 220ms var(--ease-out),background 180ms; border-radius:50%; }
.close:hover { transform:rotate(90deg); background:#c6f66d0c; }
dialog { max-height:calc(100dvh - 40px); overflow-y:auto; }
dialog[open]::backdrop { animation:backdrop-in 280ms ease-out both; }
dialog[open] dl>div { animation:receipt-in 420ms var(--ease-out) both; animation-delay:calc(65ms + var(--row)*35ms); }
@keyframes receipt-in { from { opacity:0; transform:translateY(8px); } to { opacity:1; transform:translateY(0); } }
@keyframes backdrop-in { from { background:#080d0800; backdrop-filter:blur(0); } to { background:#080d08bb; backdrop-filter:blur(6px); } }
@media(max-width:720px) {
  /* 16px prevents iOS input-focus zoom. */
  .asset-control select { font-size:16px; }
  dialog { width:100%; max-width:100%; margin:auto 0 0; max-height:calc(100dvh - 24px); border-radius:22px 22px 0 0; border-bottom:0; padding:32px 24px max(24px,env(safe-area-inset-bottom)); }
  dialog::before { content:''; display:block; position:absolute; top:10px; left:calc(50% - 18px); height:4px; width:36px; background:#68765a; border-radius:4px; }
  dialog h2 { margin:20px 0 16px; }
  dialog .close { top:20px; }
  .result-grid strong { font-size:clamp(22px,7.2vw,30px); }
  .result-grid>div { min-width:0; }
  #minimum { overflow-wrap:anywhere; }
  #minimum number-flow { max-width:100%; }
}
@media(prefers-reduced-motion:reduce) {
  *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
  .primary:hover:not(:disabled),.primary:active:not(:disabled),.segments button:active { transform:none; }
}
/* Chapter zero: a narrative introduction to a protocol still taking shape. */
.prelaunch-intro { padding:72px 0 66px; }
.prelaunch-intro h1 { font-size:clamp(40px,4.5vw,62px); line-height:1.12; }
.hero-actions { display:flex; align-items:center; gap:22px; margin-top:30px; }
.hero-actions .primary { width:auto; gap:34px; }
.hero-actions>span { font-size:13px; color:var(--muted); }
.story { display:grid; grid-template-columns:1fr 2fr; gap:50px; padding:52px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.story>.eyebrow { align-self:start; padding-top:10px; }
.story h2 { font-size:clamp(30px,3vw,42px); margin:0 0 22px; line-height:1.22; }
.story h2 span,.closing-note h2 span { color:#98a28f; }
.story p { max-width:660px; color:var(--muted); font-size:17px; line-height:1.8; }
.story p.story-signoff { color:var(--green); margin-bottom:0; }
.mechanism-note { font-size:16px; line-height:1.6; color:var(--muted); }
.how { padding:55px 0 30px; }
.mechanism-ledger { padding:24px; border:1px solid #39472e; border-radius:10px; background:#1b2518; }
.mechanism-ledger>span { font-size:12px; letter-spacing:1.4px; color:var(--green); }
.mechanism-ledger p { line-height:1.8; margin:12px 0; font-size:16px; }
.mechanism-ledger b { color:var(--green); font-weight:400; margin:0 13px; }
.mechanism-ledger small { display:block; color:var(--muted); font-size:13px; line-height:1.7; }
.preview-heading { padding:64px 0 24px; display:flex; justify-content:space-between; align-items:end; gap:20px; }
.preview-heading h2 { font-size:32px; margin:12px 0 0; }
.preview-heading p { color:var(--muted); font-size:14px; line-height:1.7; margin:0; }
.workspace { margin-bottom:64px; }
.closing-note { text-align:center; padding:20px 0 75px; }
.closing-note .eyebrow { justify-content:center; }
.closing-note h2 { font-size:clamp(26px,3vw,40px); line-height:1.35; margin:22px 0; }
.launch-label { display:inline-block; color:var(--green); font-size:14px; }
@media(max-width:720px) {
 .prelaunch-intro { padding:42px 0; }
 .prelaunch-intro h1 { font-size:clamp(31px,8.5vw,44px); letter-spacing:-1.4px; }
 .hero-actions { align-items:start; flex-direction:column; gap:14px; margin-top:24px; }
 .hero-actions .primary { width:100%; }
 .hero-actions>span { font-size:14px; }
 .story { grid-template-columns:1fr; gap:23px; padding:35px 0; }
 .story h2 { font-size:32px; }
 .story p { font-size:16px; }
 .how { padding:36px 0 24px; }
 .mechanism-ledger { padding:20px; }
 .mechanism-ledger b { margin:0 6px; }
 .preview-heading { flex-direction:column; align-items:start; padding-top:44px; gap:15px; }
 .preview-heading p { font-size:16px; }
 .workspace { margin-bottom:35px; }
 .closing-note { padding:15px 0 45px; }
}

/* Phosphor regular: one locally bundled icon system. */
.icon { display:inline-block; width:1em; height:1em; fill:currentColor; flex-shrink:0; vertical-align:-.15em; }
.primary>span { display:inline-flex; align-items:center; }
.demo-badge { align-items:center; justify-content:center; line-height:1; white-space:nowrap; }
.demo-badge>span { display:flex; align-items:center; justify-content:center; flex:none; }
.demo-badge .icon { display:block; width:16px; height:16px; }
.coin .icon { width:23px; height:23px; }
.shield .icon { width:44px; height:44px; }
.scenario-icon .icon { width:27px; height:27px; }
.chart-label .icon { width:13px; height:13px; }
.asset-control select { appearance:none; -webkit-appearance:none; }
.select-caret { width:16px; height:16px; color:var(--muted); pointer-events:none; }
.close { display:grid; place-items:center; }
.close .icon { width:24px; height:24px; }
.faq-icon { position:absolute; right:5px; top:22px; width:20px; height:20px; color:var(--green); transition:transform 250ms var(--ease-out); }
details[open] .faq-icon { transform:rotate(45deg); }
@media (prefers-reduced-motion:reduce) { .faq-icon { transition:none; } }

/* Marble collection: quiet museum light, generous space, finite motion. */
.prelaunch-intro { display:grid; grid-template-columns:1.15fr 1fr; gap:28px; align-items:center; padding:46px 0 54px; }
.prelaunch-intro>div { min-width:0; position:relative; z-index:1; }
.prelaunch-intro h1 { font-size:clamp(38px,4.1vw,59px); color:#eee9de; }
.prelaunch-intro .desktop { display:none; }
.prelaunch-intro .eyebrow { font-size:10px; letter-spacing:1.5px; line-height:1.7; }
.hero-actions { flex-wrap:wrap; gap:16px; }
.hero-actions>span { font-size:12px; }
.artwork { margin:0; min-width:0; }
.artwork img { display:block; width:100%; height:auto; aspect-ratio:1; object-fit:cover; border-radius:3px; }
.artwork figcaption { display:flex; justify-content:space-between; gap:12px; padding:14px 0; border-top:1px solid #9a9d802b; color:#929887; font-size:10px; line-height:1.5; letter-spacing:1.1px; }
.artwork figcaption>span:last-child { letter-spacing:0; color:#c9c9b8; }
.hero-art { position:relative; }
.hero-art img { mask-image:linear-gradient(to bottom,#000 93%,transparent); }
.story { grid-template-columns:1fr 1.65fr; align-items:center; gap:80px; padding:65px 0; }
.story-aside>.eyebrow { margin-bottom:20px; }
.fragment-art { max-width:340px; }
.fragment-art img { aspect-ratio:1.2; object-fit:cover; }
.story h2 { color:#eee9de; }
.how { align-items:center; padding-top:65px; }
.hand-art { max-width:270px; margin-top:26px; }
.hand-art img { aspect-ratio:1.15; object-position:center 40%; }
.steps { align-self:center; }

@media(max-width:1000px) {
 .prelaunch-intro { grid-template-columns:1.15fr 1fr; gap:15px; }
 .prelaunch-intro h1 { font-size:40px; }
 .story { gap:40px; }
 .how .section-heading { display:grid; grid-template-columns:1fr 220px; column-gap:30px; }
 .how .section-heading>.eyebrow,.how .section-heading>h2,.how .section-heading>.mechanism-note { grid-column:1; }
 .hand-art { grid-column:2; grid-row:1/4; margin:0; }
}
@media(max-width:720px) {
 .prelaunch-intro { grid-template-columns:1fr; padding:35px 0 32px; gap:25px; }
 .prelaunch-intro h1 { font-size:clamp(32px,8.5vw,44px); }
 .prelaunch-intro .eyebrow { font-size:9px; letter-spacing:1px; }
 .hero-art { width:min(100%,380px); justify-self:center; }
 .hero-art img { aspect-ratio:1.22; object-fit:contain; }
 .artwork figcaption { font-size:9px; padding:11px 0; }
 .hero-actions>span { font-size:13px; }
 .story { grid-template-columns:1fr; gap:28px; padding:34px 0; }
 .story-aside { display:contents; }
 .story-aside>.eyebrow { margin:0; }
 .story>div:last-child { grid-row:2; }
 .fragment-art { width:100%; max-width:none; }
 .fragment-art img { aspect-ratio:1.8; object-position:center 54%; }
 .how { padding-top:35px; }
 .how .section-heading { grid-template-columns:minmax(0,1fr) 115px; gap:0 15px; align-items:center; }
 .how .section-heading h2 { font-size:27px; }
 .hand-art { align-self:center; }
 .hand-art img { aspect-ratio:.8; object-fit:cover; }
 .hand-art figcaption { display:none; }
 .mechanism-note { margin-top:0; font-size:14px; }
}

/* Transparent sculpture objects sit directly on the page. */
.artwork img { object-fit:contain; border-radius:0; background:transparent; filter:drop-shadow(0 22px 18px #0003); }
.hero-art img { mask-image:none; aspect-ratio:1; padding:10px 15px; }
.artwork figcaption { border-top:0; padding-top:18px; }
.fragment-art img { aspect-ratio:1.2; object-fit:contain; transform:rotate(-5deg); }
.hand-art img { aspect-ratio:1; object-fit:contain; transform:rotate(5deg); }

@media(max-width:720px) {
 .hero-art { width:min(90%,340px); }
 .hero-art img { aspect-ratio:1.15; padding:0 12px; }
 .fragment-art { max-width:310px; justify-self:center; }
 .fragment-art img { aspect-ratio:1.5; }
 .hand-art img { aspect-ratio:.85; }
}

/* A compact sculpture composition with optical depth. */
.sculpture-scene { position:relative; isolation:isolate; aspect-ratio:1; width:100%; --scene-x:0; --scene-y:0; }
.sculpture-scene::before { content:''; position:absolute; inset:18% 8% 10%; background:radial-gradient(ellipse,#b7c88b0d,transparent 68%); border-radius:50%; pointer-events:none; }
.sculpture-layer { position:absolute; pointer-events:none; transform:none; }
.hero-art .sculpture-layer img { width:100%; height:auto; padding:0; aspect-ratio:1; object-fit:contain; mask-image:none; transform:rotate(var(--angle,0deg)); filter:blur(var(--blur,0px)) drop-shadow(0 18px 15px #0003); opacity:1; }
.layer-arch { width:82%; left:8%; top:10%; z-index:2; --travel:5px; }
.layer-shield { width:29%; right:0; top:2%; z-index:1; --travel:9px; --angle:18deg; --blur:.55px; }
.layer-distant { width:23%; left:1%; top:1%; z-index:0; --travel:3px; --angle:-26deg; --blur:2.2px; }
.layer-near { width:45%; left:-3%; bottom:-2%; z-index:3; --travel:15px; --angle:-17deg; --blur:1.8px; }

@media(max-width:720px) {
 .hero-art { width:min(100%,380px); }
 .sculpture-scene { aspect-ratio:1.06; }
 .layer-arch { width:78%; left:10%; top:7%; }
 .layer-shield { width:27%; right:1%; }
 .layer-near { width:40%; left:0; bottom:0; --blur:1.1px; }
 .layer-distant { left:3%; --blur:1.6px; }
}
@media(prefers-reduced-motion:reduce) { .sculpture-layer { transform:none; transition:none; } }

.layer-near { --angle:-35deg; width:38%; left:-2%; bottom:-1%; }
@media(max-width:720px) { .layer-near { width:33%; left:0; bottom:1%; } }

.layer-near { --angle:-20deg; }
.layer-shield { --angle:15deg; }

/* Classical ruins suspended as a single asymmetric arrangement. */
.ruin-main { width:83%; left:5%; top:6%; z-index:2; --travel:5px; --angle:-9deg; }
.ruin-column { width:25%; right:0; top:0; z-index:1; --travel:3px; --angle:24deg; --blur:1.3px; }
.ruin-capital { width:42%; right:-1%; bottom:0; z-index:3; --travel:12px; --angle:12deg; --blur:.65px; }
.ruins-scene { aspect-ratio:1; }
@media(max-width:720px) {
 .ruin-main { width:81%; left:5%; top:8%; }
 .ruin-column { width:23%; right:2%; top:1%; --blur:1px; }
 .ruin-capital { width:39%; right:1%; bottom:0; --blur:.4px; }
}

/* Automatic sculpture drift on touch and desktop; no opacity animation. */
.ruin-main { --float-duration:9s; --float-delay:-2s; --float-x:3px; --float-y:-8px; --float-turn:1deg; }
.ruin-column { --float-duration:11s; --float-delay:-5s; --float-x:-4px; --float-y:-10px; --float-turn:-2deg; }
.ruin-capital { --float-duration:8s; --float-delay:-4s; --float-x:4px; --float-y:-11px; --float-turn:1.5deg; }
.fragment-art img { --float-duration:10s; --float-delay:-3s; --angle:-5deg; --float-x:2px; --float-y:-6px; --float-turn:1deg; }
.hand-art img { --float-duration:9s; --float-delay:-6s; --angle:5deg; --float-x:-2px; --float-y:-7px; --float-turn:-1deg; }
@media(prefers-reduced-motion:no-preference) {
 .sculpture-layer { animation:sculpture-drift var(--float-duration,9s) ease-in-out var(--float-delay,0s) infinite; }
 .fragment-art img,.hand-art img { animation:sculpture-object-drift var(--float-duration,9s) ease-in-out var(--float-delay,0s) infinite; }
}
@keyframes sculpture-drift {
 0%,100% { transform:translate(0,0) rotate(0deg); }
 50% { transform:translate(var(--float-x,3px),var(--float-y,-8px)) rotate(var(--float-turn,1deg)); }
}
@keyframes sculpture-object-drift {
 0%,100% { transform:translate(0,0) rotate(var(--angle,0deg)); }
 50% { transform:translate(var(--float-x,2px),var(--float-y,-6px)) rotate(calc(var(--angle,0deg) + var(--float-turn,1deg))); }
}

/* Scenario comparisons keep cash proceeds distinct from unsold asset value. */
.outcomes { margin:0 0 64px; border:1px solid var(--line); border-radius:14px; padding:32px; background:#151b15; }
.outcomes-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; }
.outcomes h2 { margin:12px 0 0; font-size:30px; }
.outcomes-heading>p { color:var(--muted); font-size:13px; line-height:1.7; }
.outcome-tabs { display:flex; gap:8px; margin:28px 0; }
.outcome-tabs button { flex:1; background:transparent; border:1px solid #414939; border-radius:7px; padding:14px 10px; color:#bcc5b3; font-size:14px; min-height:48px; transition:background 200ms,color 200ms; }
.outcome-tabs button[aria-pressed=true] { background:#2b3820; border-color:var(--green); color:var(--green); }
.outcome-content { display:grid; grid-template-columns:1fr 1fr; gap:45px; }
.outcome-content[hidden] { display:none; }
.outcome-story h3 { font:500 28px/1.25 Manrope,sans-serif; margin:16px 0; letter-spacing:-.8px; }
.outcome-story>p { color:var(--muted); font-size:15px; line-height:1.8; }
.outcome-action { margin-top:25px; padding:18px; border-left:2px solid var(--green); background:#20291c; }
.outcome-action>span { color:var(--green); font-size:10px; letter-spacing:1.5px; }
.outcome-action p { margin:9px 0 0; color:#d1d8c9; font-size:14px; line-height:1.7; }
.outcome-numbers dl { margin:0; }
.outcome-numbers dd { font-variant-numeric:tabular-nums; flex-shrink:0; }
.outcome-numbers .outcome-total { padding:18px 0; }
.outcome-total dd { color:var(--green); font-size:23px; }
.outcome-numbers>p,.outcome-disclosure { color:#98a28e; font-size:12px; line-height:1.75; }
.outcome-disclosure { border-top:1px solid var(--line); margin:26px 0 0; padding-top:18px; }
@media(max-width:720px) {
 .outcomes { padding:22px 18px; margin-bottom:35px; }
 .outcomes-heading { display:block; }
 .outcomes h2 { font-size:27px; }
 .outcome-tabs { gap:6px; margin:22px 0; }
 .outcome-tabs button { font-size:12px; padding:12px 5px; line-height:1.5; }
 .outcome-content { grid-template-columns:1fr; gap:25px; }
 .outcome-story h3 { font-size:26px; }
 .outcome-total dd { font-size:21px; }
 .outcome-numbers dt { max-width:60%; }
}

/* Landing-page summary first, complete accounting on demand. */
.outcomes-compact { max-width:none; width:100%; margin-left:0; margin-right:0; }
.outcome-glance { text-align:center; padding:18px 20px 28px; }
.outcome-glance>span { font-size:10px; letter-spacing:1.7px; color:var(--muted); }
.outcome-glance>strong { display:block; font:500 clamp(38px,6vw,62px)/1.2 Manrope,sans-serif; letter-spacing:-2px; margin:13px 0 14px; color:var(--green); }
.outcome-glance>strong[hidden],#glance-net-wrap[hidden],#outcome-content[hidden] { display:none; }
#glance-expired { font-size:clamp(29px,5vw,44px); letter-spacing:-1.3px; }
.outcome-glance>p { max-width:460px; margin:0 auto 16px; color:#c7cfbf; font-size:16px; line-height:1.65; }
.glance-cost { font-size:13px; color:var(--muted); line-height:1.7; }
.outcome-math { border-top:1px solid var(--line); }
.outcome-math summary { font-size:13px; color:#c3ceb6; padding:18px 30px 18px 0; }
.outcome-math .faq-icon { top:18px; width:17px; height:17px; }
.math-body { display:grid; grid-template-columns:1fr 1fr; gap:24px; padding:12px 0 6px; }
.math-body .outcome-story h3 { font-size:23px; }
.math-body .outcome-disclosure { grid-column:1/-1; margin:0; max-width:none; }
.outcome-caption { text-align:center; font-size:11px; color:#8f9a85; margin:12px 0 0; }
@media(max-width:720px) {
 .outcomes-compact .outcomes-heading>p { font-size:14px; }
 .outcome-glance { padding:10px 0 24px; }
 .outcome-glance>p { font-size:15px; }
 .outcome-tabs button { font-size:12px; }
 .math-body { grid-template-columns:1fr; gap:20px; }
 .outcome-caption { font-size:10px; line-height:1.7; }
}

.example-context { margin:23px 0 0; padding:19px 21px; background:#20271d; border-radius:8px; }
.example-context p { color:#b7c1ac; font-size:15px; line-height:1.8; margin:0; }
.example-context p:first-child { font-size:20px; color:#e8eddf; margin-bottom:5px; }
.example-context strong { color:#edf1e8; font-weight:500; }
.comparison-values { display:grid; grid-template-columns:1fr 1fr; margin:24px 0; text-align:left; gap:20px; }
.comparison-values[hidden] { display:none; }
.comparison-values>div { padding:22px; border:1px solid #3d4537; border-radius:10px; }
.comparison-values>div:last-child { background:#23301c; border-color:#718c4d; }
.comparison-values span { font-size:10px; letter-spacing:1.5px; color:var(--muted); }
.comparison-values small { display:block; margin-top:17px; color:#c8d0bf; font-size:13px; }
.comparison-values strong { display:block; margin-top:7px; font:500 clamp(28px,4vw,45px)/1.3 Manrope,sans-serif; letter-spacing:-1px; }
.comparison-values>div:last-child strong { color:var(--green); }
#comparison-context { color:#e3e8dd; margin-top:4px; }
@media(max-width:720px) {
 .example-context { padding:16px; }
 .example-context p:first-child { font-size:18px; }
 .comparison-values { gap:9px; }
 .comparison-values>div { padding:16px 10px; }
 .comparison-values strong { font-size:clamp(23px,6.8vw,34px); }
 .comparison-values small { font-size:12px; }
}

/* Introduce the benefit before the adjustable quote. */
.outcomes-compact { margin-top:48px; margin-bottom:28px; }
@media(max-width:720px) { .outcomes-compact { margin-top:32px; margin-bottom:24px; } }

/* Compact comparison: one frame, a clear reading order, fewer nested boxes. */
.outcomes-compact { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); column-gap:38px; row-gap:16px; padding:26px; border-radius:12px; }
.outcomes-compact .outcomes-heading { grid-column:1; grid-row:1; display:block; align-self:start; }
.outcomes-compact .outcomes-heading .eyebrow { font-size:9px; letter-spacing:1.4px; }
.outcomes-compact h2 { font-size:25px; margin:9px 0 0; line-height:1.2; }
.outcomes-compact .outcomes-heading>p { display:none; }
.outcomes-compact .example-context { grid-column:1; grid-row:2; align-self:start; margin:0; padding:0; background:none; border-radius:0; }
.outcomes-compact .example-context p { font-size:14px; line-height:1.7; max-width:360px; }
.outcomes-compact .example-context p:first-child { font-size:17px; margin-bottom:8px; }
.outcomes-compact .outcome-tabs { grid-column:2; grid-row:1; align-self:start; gap:3px; margin:0; padding:3px; border:1px solid #35402f; border-radius:8px; background:#101610; }
.outcomes-compact .outcome-tabs button { min-height:40px; border:0; border-radius:5px; padding:7px 8px; font-size:12px; line-height:1.35; }
.outcomes-compact .outcome-tabs button[aria-pressed=true] { background:#2c3822; box-shadow:0 1px 4px #0003; }
.outcomes-compact #outcome-content { grid-column:2; grid-row:2/4; min-width:0; }
.outcomes-compact .outcome-glance { padding:0 0 13px; text-align:left; }
.outcomes-compact #comparison-context { max-width:none; font-size:13px; margin:0 0 12px; line-height:1.5; color:#aebba2; }
.outcomes-compact .comparison-values { gap:0; margin:0 0 14px; border:1px solid #3c4932; border-radius:8px; overflow:hidden; }
.outcomes-compact .comparison-values>div { border:0; border-radius:0; padding:15px 17px; }
.outcomes-compact .comparison-values>div:last-child { border-left:1px solid #3c4932; background:#202c19; }
.outcomes-compact .comparison-values span { font-size:9px; letter-spacing:1.2px; }
.outcomes-compact .comparison-values small { font-size:12px; margin-top:10px; }
.outcomes-compact .comparison-values strong { font-size:32px; letter-spacing:-1px; margin-top:3px; line-height:1.25; }
.outcomes-compact #glance-copy { max-width:none; margin:0 0 9px; font-size:12px; line-height:1.6; }
.outcomes-compact .glance-cost { font-size:12px; }
.outcomes-compact #glance-expired { font-size:29px; margin:12px 0; }
.outcomes-compact .outcome-math summary { padding:12px 25px 12px 0; min-height:44px; font-size:12px; }
.outcomes-compact .outcome-math .faq-icon { top:13px; }
.outcomes-compact .math-body { grid-template-columns:1fr; }
.outcomes-compact .outcome-caption { grid-column:1; grid-row:3; text-align:left; margin:0; align-self:end; max-width:280px; font-size:10px; line-height:1.6; }
.outcomes-compact #outcome-invalid { grid-column:2; font-size:13px; }
@media(max-width:850px) {
 .outcomes-compact { grid-template-columns:1fr; gap:16px; padding:20px; }
 .outcomes-compact .outcomes-heading,.outcomes-compact .example-context,.outcomes-compact .outcome-tabs,.outcomes-compact #outcome-content,.outcomes-compact .outcome-caption,.outcomes-compact #outcome-invalid { grid-column:1; grid-row:auto; }
 .outcomes-compact h2 { font-size:24px; }
 .outcomes-compact .example-context p { max-width:none; }
 .outcomes-compact .example-context p:first-child { margin-bottom:3px; }
 .outcomes-compact .outcome-tabs button { min-height:44px; padding:7px 4px; }
 .outcomes-compact .comparison-values>div { padding:13px 12px; }
 .outcomes-compact .comparison-values strong { font-size:clamp(25px,7vw,32px); }
 .outcomes-compact .outcome-caption { max-width:none; margin-top:-8px; }
 .outcomes-compact .outcome-glance { padding-bottom:10px; }
}

/* All scenario descriptions share the tallest natural text height at any width. */
.glance-copy-slot { display:grid; margin-bottom:9px; }
.outcomes-compact .glance-copy-slot>p { grid-area:1/1; margin:0; max-width:none; font-size:12px; line-height:1.6; color:#c7cfbf; }
.glance-copy-slot .copy-sizing { visibility:hidden; pointer-events:none; user-select:none; }

/* Unified floor preview: shared header, control panel, outcome panel. */
.floor-demo { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:0; border:1px solid #394331; border-radius:12px; background:#151b15; margin:45px 0; overflow:hidden; }
.demo-header { grid-column:1/-1; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:24px 28px; border-bottom:1px solid var(--line); }
.demo-header .eyebrow { font-size:9px; letter-spacing:1.5px; }
.demo-header h2 { font-size:26px; margin:8px 0 0; line-height:1.2; }
.demo-header>p { margin:0; font-size:13px; text-align:right; white-space:nowrap; }
.demo-header strong { font-weight:500; }
.demo-header>p>span { display:block; color:var(--muted); font-size:12px; margin-top:5px; }
.demo-intro,.demo-interactive { padding:25px 28px; min-width:0; }
.demo-intro { border-right:1px solid var(--line); background:#192017; }
.demo-step { color:#93a087; font-size:9px; letter-spacing:1.3px; margin-bottom:22px; }
.demo-intro .floor-field { margin:0 0 18px; }
.demo-intro .label-row { align-items:center; font-size:14px; }
.demo-intro .label-row strong { color:var(--green); font-size:24px; font-weight:500; }
.demo-intro .floor-field input { margin:16px 0 9px; }
.demo-intro .range-labels { font-size:11px; }
#floor-help { color:#adb9a2; font-size:13px; line-height:1.75; margin:0; max-width:350px; }
#floor-help strong { color:#e3e9da; font-weight:500; }
.demo-status { color:#829075; font-size:10px; margin:16px 0 0; }
.demo-interactive .outcome-tabs { margin:0; padding:3px; gap:3px; border:1px solid #35402f; border-radius:7px; background:#101610; }
.demo-interactive .outcome-tabs button { border:0; min-height:42px; padding:7px; font-size:12px; line-height:1.35; border-radius:4px; }
.demo-result { display:grid; grid-template-columns:1fr 20px 1fr; align-items:center; gap:18px; margin:22px 0 15px; }
.demo-result>div { min-width:0; }
.demo-result span { color:var(--muted); font-size:12px; }
.demo-result strong { display:block; font:500 clamp(24px,3vw,34px)/1.25 Manrope,sans-serif; margin-top:6px; letter-spacing:-1px; }
.demo-result>div:last-child strong { color:var(--green); }
.demo-result>.icon { color:#8ca274; width:18px; height:18px; }
.demo-cost { color:#b3bfa6; font-size:12px; line-height:1.6; margin:0 0 8px; }
.demo-explanation { min-height:58px; }
.demo-explanation p { color:#93a087; font-size:12px; line-height:1.6; margin:0; }
.demo-math { grid-column:1/-1; border-top:1px solid var(--line); padding:0 28px; }
.demo-math summary { font-size:12px; padding:15px 30px 15px 0; min-height:46px; }
.demo-math .faq-icon { top:15px; width:16px; height:16px; }
.demo-math dl { max-width:600px; }
.demo-math>p { max-width:none; font-size:12px; }
@media(max-width:720px) {
 .floor-demo { grid-template-columns:1fr; margin:30px 0; }
 .demo-header { padding:20px; align-items:start; gap:15px; }
 .demo-header h2 { font-size:22px; max-width:220px; }
 .demo-header>p { font-size:11px; padding-top:2px; }
 .demo-header>p>span { font-size:10px; }
 .demo-intro,.demo-interactive { padding:20px; }
 .demo-intro { border-right:0; border-bottom:1px solid var(--line); }
 .demo-step { margin-bottom:16px; }
 .demo-intro .floor-field { margin-bottom:14px; }
 .demo-interactive .outcome-tabs button { min-height:44px; padding:7px 4px; font-size:11px; }
 .demo-result { margin-top:18px; }
 .demo-result strong { font-size:clamp(24px,7vw,32px); }
 .demo-math { padding:0 20px; }
}

.prelaunch-intro + .floor-demo { margin-top:0; }
.launch-status { color:var(--muted); font-size:12px; line-height:1.7; }
@media(max-width:380px) { .demo-header { flex-wrap:wrap; } .demo-header>p { text-align:left; } .demo-header>p>span { display:inline; margin-left:8px; } }
@media(max-width:720px) { .demo-cost { min-height:3.2em; } .demo-explanation { min-height:4.8em; } }
@media(max-width:380px) { .demo-explanation { min-height:6.4em; } }
.pricing-assumptions { border-top:1px solid var(--line); margin-top:22px; padding-top:8px; }
.pricing-assumptions h3 { font-size:16px; font-weight:500; margin:18px 0; }
.pricing-assumptions .methodology-link { display:inline-flex; align-items:center; gap:8px; font-size:14px; color:var(--green); margin:8px 0 14px; }
.mechanism-ledger small a { color:var(--green); text-underline-offset:3px; }
.options-story { display:grid; grid-template-columns:1fr 1fr; gap:38px 64px; padding:76px 0 44px; border-bottom:1px solid var(--line); }
.options-copy { align-self:center; }
.options-copy h2 { font-size:clamp(30px,3.4vw,44px); line-height:1.15; letter-spacing:-1.7px; margin:22px 0; }
.options-copy h2 span { color:#a9b59f; }
.options-copy>p { max-width:410px; font-size:16px; line-height:1.7; color:var(--muted); }
.options-copy .options-promise { color:var(--white); margin-top:24px; }
.options-link { display:inline-flex; align-items:center; gap:10px; color:var(--green); font-size:14px; padding:10px 0; margin-top:8px; }
.options-link .icon { transition:transform .25s; }
.options-link:hover .icon { transform:translate(2px,-2px); }
.protection-diagram { min-width:0; margin:0; padding:30px 16px 0; align-self:center; }
.protection-pair { display:grid; grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr); align-items:center; }
.asset-slip,.option-slip { position:relative; border:1px solid #414b3b; border-radius:14px; background:#1b231c; box-shadow:0 18px 40px #0003; padding:22px 18px 0; animation:asset-slip-drift 8s ease-in-out infinite; }
.option-slip { background:#d4e6b4; color:#1a2617; border-color:#d4e6b4; animation-name:option-slip-drift; animation-duration:9s; }
.slip-top { display:flex; align-items:center; gap:8px; min-height:26px; margin-bottom:30px; }
.slip-top>.icon { width:26px; height:26px; flex-shrink:0; }
.slip-top>span { font-size:12px; letter-spacing:1.2px; font-weight:600; }
.protection-pair strong { display:block; font:500 clamp(18px,2vw,25px)/1.15 Manrope,sans-serif; letter-spacing:-.8px; }
.protection-pair p { margin:10px 0 25px; font-size:13px; line-height:1.5; }
.asset-slip p { color:var(--muted); }
.slip-foot { border-top:1px dashed #65705a; padding:13px 0; font-size:12px; }
.option-slip .slip-foot { border-color:#9eae86; }
.protection-plus { display:grid; place-items:center; position:relative; z-index:1; }
.protection-plus .icon { width:18px; height:18px; color:var(--muted); }
.protection-connector { height:40px; width:1px; background:linear-gradient(#66784d,#c6f66d); margin:auto; }
.protection-result { border:1px solid #55673d; border-radius:10px; background:#202b1a; padding:19px 22px; display:flex; justify-content:space-between; align-items:center; gap:16px; }
.protection-result span { display:block; font-size:12px; letter-spacing:1.4px; color:#b1c39b; margin-bottom:8px; }
.protection-result strong { font-size:18px; font-weight:500; letter-spacing:-.4px; }
.protection-result>.icon { color:var(--green); width:30px; height:30px; flex:none; }
.protection-diagram figcaption { margin:18px 0 0; text-align:center; color:var(--muted); font-size:12px; line-height:1.6; }
.options-benefits { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line); padding-top:26px; gap:28px; }
.options-benefits>div { display:flex; gap:14px; }
.options-benefits>div>span { font-size:12px; color:#8b9a7e; padding-top:3px; }
.options-benefits p { margin:0; font-size:14px; line-height:1.7; color:var(--muted); }
.options-benefits strong { display:block; font-weight:500; color:var(--white); }
.options-footnote { grid-column:1/-1; margin:-10px 0 0; color:var(--muted); font-size:12px; line-height:1.6; }
@keyframes asset-slip-drift { 0%,100%{transform:translateY(-5px) rotate(-4deg)} 50%{transform:translateY(2px) rotate(-2deg)} }
@keyframes option-slip-drift { 0%,100%{transform:translateY(4px) rotate(4deg)} 50%{transform:translateY(-4px) rotate(2deg)} }
@media(max-width:800px){.options-story{grid-template-columns:1fr;gap:28px;padding-top:52px}.options-copy>p{max-width:550px}.protection-diagram{width:min(100%,500px);justify-self:center;padding-top:12px}.options-benefits{gap:18px}.options-copy h2{letter-spacing:-1px}}
@media(max-width:540px){.options-benefits{grid-template-columns:1fr;gap:20px}.options-story{padding-bottom:32px}.protection-diagram{padding-inline:6px}.asset-slip,.option-slip{padding:17px 13px 0}.slip-top{gap:5px;margin-bottom:24px;min-height:36px}.slip-top>span{font-size:12px;letter-spacing:.7px}.slip-top>.icon{width:22px;height:22px}.protection-pair{grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr)}.protection-pair strong{font-size:19px;min-height:44px}.protection-pair p{font-size:12px;min-height:36px;margin-bottom:15px}.slip-foot{font-size:12px}.protection-result{padding:17px}.protection-result strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.asset-slip,.option-slip{animation:none}.asset-slip{transform:rotate(-3deg)}.option-slip{transform:rotate(3deg)}.options-link .icon{transition:none}}
.token-section { margin:44px 0 0; padding:28px; border:1px solid var(--line); border-radius:12px; background:#151c15; }
.token-section + .questions { border-top:0; }
.token-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.token-status { font-size:12px; color:#b3c29f; border:1px solid #45523a; padding:7px 11px; border-radius:30px; }
.token-main { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:center; padding:26px 0; }
.token-copy h2 { font-size:clamp(27px,2.6vw,34px); letter-spacing:-1px; line-height:1.16; margin:0 0 20px; }
.token-copy h2 span { color:#a9b59f; }
.token-copy>p { max-width:440px; font-size:14px; color:var(--muted); line-height:1.7; margin:0; }
.token-wordmark { font:600 clamp(50px,7vw,88px)/1 Manrope,sans-serif; letter-spacing:-5px; margin-top:32px; color:var(--green); }
.token-wordmark>span { font-weight:400; color:#8ca96a; }
.token-wordmark small { display:block; font:500 12px/1.5 'DM Sans',sans-serif; letter-spacing:2px; color:#a6b59a; margin-top:16px; }
.token-flow { margin:0; min-width:0; }
.token-flow figcaption { text-align:center; font-size:12px; letter-spacing:1.2px; color:var(--muted); margin-bottom:22px; }
.token-premium { display:flex; align-items:center; justify-content:center; gap:10px; border:1px solid #536444; border-radius:10px; background:#26331f; padding:20px; font-size:17px; }
.token-premium .icon { color:var(--green); width:24px; height:24px; }
.token-branches { height:28px; width:50%; margin:auto; border:1px solid #62774c; border-bottom:0; margin-top:22px; position:relative; border-radius:5px 5px 0 0; }
.token-branches:before { content:''; position:absolute; width:1px; height:23px; background:#62774c; top:-23px; left:50%; }
.token-recipients { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.token-recipients>div { display:grid; grid-template-rows:auto 1fr auto; padding:17px 10px; border:1px solid var(--line); border-radius:9px; text-align:center; background:#192017; }
.token-recipients span { font-size:15px; display:block; }
.token-recipients small { font-size:12px; color:var(--muted); display:block; margin-top:7px; line-height:1.5; }
.token-recipient-purpose { display:flex; align-items:center; justify-content:center; gap:6px; margin-top:12px; padding-top:12px; border-top:1px solid var(--line); }
.token-recipient-purpose>.icon { width:16px; height:16px; flex-shrink:0; color:#b3c29f; }
.token-recipient-purpose small { margin:0; color:#b3c29f; text-align:left; }
.token-governance { margin-top:24px; padding:17px 20px; border-left:2px solid var(--green); background:#1f291b; }
.token-governance-label { font-size:14px; color:var(--green); }
.token-governance p { color:#bac5b0; line-height:1.6; font-size:14px; margin:8px 0 0; }
.token-flow-note { font-size:12px; line-height:1.6; color:var(--muted); margin:14px 0 0; }
.token-roles { display:grid; grid-template-columns:1fr; gap:18px; margin-top:24px; }
.token-roles article>span { font-size:12px; letter-spacing:1px; color:#a4b393; }
.token-roles h3 { font-size:14px; font-weight:600; margin:0 0 5px; }
.token-roles p { font-size:14px; line-height:1.7; color:var(--muted); margin:0; }
.token-disclosure { display:flex; justify-content:space-between; align-items:center; gap:24px; border-top:1px solid var(--line); margin-top:20px; padding-top:18px; }
.token-disclosure>span { font-size:12px; color:var(--muted); flex-shrink:0; }
.token-disclosure strong { display:block; font-weight:500; color:#d4dfc8; font-size:14px; margin-top:7px; }
.token-disclosure p { margin:0; max-width:430px; color:var(--muted); font-size:12px; line-height:1.6; }
@media(max-width:850px){.token-main{grid-template-columns:1fr;gap:36px}.token-copy>p{max-width:600px}.token-wordmark{font-size:64px}.token-flow{width:min(100%,500px);justify-self:center}.token-roles{gap:20px}.token-disclosure{align-items:flex-start}}
@media(max-width:600px){.token-section{padding:24px 20px;margin-top:44px}.token-main{padding:28px 0}.token-roles{grid-template-columns:1fr;gap:24px}.token-disclosure{flex-direction:column;gap:14px}.token-wordmark{letter-spacing:-3px}.token-heading .eyebrow{font-size:12px}.token-recipients span{font-size:14px}.token-flow figcaption{font-size:12px;letter-spacing:.7px}.token-governance{padding:15px}.token-recipients{gap:8px}}

/* The product example leads; supporting sections stay compact. */
.options-copy#how { scroll-margin-top:32px; }
.token-details { border:0; }
.disclosure>summary { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:64px; padding:14px 0; list-style:none; font-size:14px; cursor:pointer; transition:color 180ms ease; }
.disclosure>summary::-webkit-details-marker { display:none; }
.disclosure-toggle { display:grid; place-items:center; width:34px; height:34px; flex-shrink:0; border:1px solid #526443; border-radius:50%; background:#25321e; color:var(--green); transition:background 180ms ease,border-color 180ms ease; }
.disclosure-toggle svg { display:block; width:18px; height:18px; }
/* Phosphor's regular plus: retract its vertical bar to become a minus. */
.disclosure-toggle-vertical { transform-origin:128px 128px; transition:transform 200ms linear(0, 0.38 16%, 0.76 32%, 0.97 48%, 1.025 64%, 1.012 80%, 1); }
.disclosure[open] .disclosure-toggle-vertical { transform:scaleY(0); }
.disclosure[data-closing] .disclosure-toggle-vertical { transform:scaleY(1); }
details[data-animating] { overflow:clip; }
.disclosure>summary:focus-visible .disclosure-toggle { border-color:var(--green); }
@media(hover:hover) { .disclosure>summary:hover { color:var(--green); } .disclosure>summary:hover .disclosure-toggle { background:#344727; border-color:#8caa69; } }
@media(prefers-reduced-motion:reduce) { .disclosure-toggle-vertical,.disclosure-toggle,.disclosure>summary { transition:none; } }
.token-details-body { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; padding:4px 0 10px; }
.token-details-body h3 { margin:0 0 7px; font-size:13px; font-weight:500; }
.token-details-body p { margin:0; color:var(--muted); font-size:12px; line-height:1.7; }
@media(max-width:600px) { .token-details-body { grid-template-columns:1fr; gap:18px; } }
.closing-note .closing-conviction { color:var(--muted); font-size:16px; line-height:1.6; margin:0 0 24px; }
@media(max-width:600px){.token-section{padding:22px 20px}.token-main{gap:28px}.token-roles{gap:16px}.token-copy h2{font-size:29px}}

/* The coin supports the existing economics diagram. */
.token-coin-accent { display:block; width:144px; height:144px; object-fit:contain; margin:-10px auto 12px; filter:drop-shadow(8px 12px 12px #0004); animation:token-accent-float 9s ease-in-out infinite; }
@keyframes token-accent-float { 0%,100%{transform:translateY(-3px) rotate(-6deg)} 50%{transform:translateY(3px) rotate(-2deg)} }
@media(max-width:600px) { .token-coin-accent { width:120px; height:120px; margin:0 auto 14px; } }
@media(prefers-reduced-motion:reduce) { .token-coin-accent { animation:none; transform:rotate(-4deg); } }

/* Shared landing-page rhythm; retain each section's existing composition. */
:root { --copy-size:14px; --caption-size:12px; --label-size:11px; --panel-padding:28px; --section-gap:48px; }
.prelaunch-intro .eyebrow,.demo-header .eyebrow,.demo-step,.options-copy .eyebrow,.token-heading .eyebrow,.closing-note .eyebrow { font-size:var(--label-size); letter-spacing:1.5px; font-weight:600; line-height:1.5; }
.floor-demo { margin:var(--section-gap) 0; }
.demo-header { padding:var(--panel-padding); }
.demo-intro,.demo-interactive { padding:var(--panel-padding); }
.demo-math { padding:0 var(--panel-padding); }
.demo-intro .range-labels,.demo-result span,.demo-header>p>span { font-size:var(--caption-size); }
#floor-help,.options-copy>p,.options-benefits p,.token-copy>p,.token-roles p,.questions details>p { font-size:var(--copy-size); line-height:1.7; }
.demo-status,.demo-cost,.demo-explanation p,.options-footnote,.token-flow-note,.launch-status { font-size:var(--caption-size); line-height:1.6; }
.demo-status { color:var(--muted); }
.demo-header>p { font-size:13px; }
.demo-interactive .outcome-tabs button { font-size:12px; min-height:44px; }
.options-story { padding:var(--section-gap) 0; gap:32px 48px; }
.options-benefits { padding-top:24px; gap:24px; }
.token-section { padding:var(--panel-padding); margin-top:var(--section-gap); }
.token-recipients>div { padding:16px 12px; }
.questions { padding:var(--section-gap) 0 64px; gap:32px 48px; }
.questions h2 { margin-top:14px; }
.questions details>p { margin:0; padding:0 50px 24px 0; color:var(--muted); }
.disclosure>summary { line-height:1.5; font-weight:500; }
.closing-note { padding:24px 0 64px; }
@media(max-width:800px) { .options-story { gap:28px; } }
@media(max-width:720px) {
  :root { --panel-padding:20px; --section-gap:32px; }
  .demo-header { gap:16px; }
  .demo-header>p { font-size:12px; }
  .demo-status { margin-top:16px; }
  .questions { gap:16px; padding-bottom:48px; }
  .questions details>p { padding-right:0; }
  .options-benefits { gap:20px; }
  .token-recipients>div { padding:16px 10px; }
  .closing-note { padding:24px 0 48px; }
}

/* Larger touch targets without changing the slider's occupied space. */
@media(pointer:coarse) {
  .demo-intro .floor-field input { height:44px; margin:8px 0 1px; touch-action:pan-y; }
  .options-link,.pricing-assumptions .methodology-link { min-height:44px; }
}
.questions details p a { text-decoration:underline; text-underline-offset:3px; }

/* Beta access calls to action. */
.secondary-link { color:var(--muted); font-size:14px; text-decoration:underline; text-underline-offset:4px; }
.secondary-link:hover { color:var(--green); }
.closing-note .beta-cta { display:inline-flex; width:auto; min-width:180px; gap:36px; }

/* Beta signup: a local-only interactive preview. */
body.beta-modal-open { overflow:hidden; }
.beta-dialog { width:min(480px,calc(100% - 32px)); max-width:480px; max-height:calc(100dvh - 32px); padding:0; margin:auto; overflow:auto; overscroll-behavior:contain; border:1px solid #75836266; border-radius:24px; color:var(--white); background:#151c16; box-shadow:0 32px 100px #0009,0 0 0 1px #101411; }
.beta-dialog::backdrop { background:#050b08b8; backdrop-filter:blur(12px); }
.beta-dialog[open] { animation:beta-reveal 340ms cubic-bezier(.16,1,.3,1) both; }
.beta-dialog[open]::backdrop { animation:beta-backdrop 240ms ease-out both; }
.beta-close { position:absolute; z-index:2; right:16px; top:16px; display:grid; place-items:center; width:36px; height:36px; padding:0; border:1px solid #c6f66d24; border-radius:50%; color:#e1e8d9; background:#18221ad9; transition:background 180ms,transform 180ms; }
.beta-close:hover { background:#35402d; transform:rotate(90deg); }
.beta-close svg { width:18px; height:18px; }
.beta-art { position:relative; display:grid; place-items:center; height:176px; overflow:hidden; border-bottom:1px solid #c6f66d1c; background:radial-gradient(ellipse at 50% 100%,#50673670,transparent 72%),#1c291e; }
.beta-art::after { content:''; position:absolute; inset:0; background:linear-gradient(transparent 68%,#151c163d); pointer-events:none; }
.beta-art img { position:absolute; width:245px; height:245px; object-fit:contain; transform:translate(4px,20px) rotate(-9deg); filter:drop-shadow(0 15px 20px #0005); }
.beta-orbit { width:330px; height:330px; border:1px solid #c6f66d18; border-radius:50%; box-shadow:0 0 0 32px #c6f66d06,0 0 0 64px #c6f66d04; }
.beta-art-caption { position:absolute; bottom:16px; left:28px; font-size:8px; font-weight:600; letter-spacing:2px; color:#cedbc2; z-index:1; }
.beta-content { padding:28px 36px 24px; }
.beta-eyebrow { display:flex; align-items:center; gap:8px; color:var(--green); font-size:10px; font-weight:600; letter-spacing:1.8px; }
.beta-eyebrow>span { width:5px; height:5px; border-radius:50%; background:var(--green); box-shadow:0 0 12px #c6f66d70; }
.beta-dialog h2 { font-family:'Manrope',sans-serif; font-size:40px; font-weight:500; line-height:1.13; letter-spacing:-1.7px; margin:15px 0 14px; }
.beta-dialog h2 em { font-style:normal; color:#a9bc99; }
.beta-dialog .beta-description { font-size:14px; line-height:1.65; color:#a8b3a1; margin:0 0 25px; }
#beta-form label { display:block; margin-bottom:9px; color:#e2e9dc; font-size:12px; font-weight:500; }
.beta-email-field { display:flex; align-items:center; gap:12px; padding:0 15px; background:#101710; border:1px solid #526046; border-radius:10px; transition:border-color 180ms,box-shadow 180ms; }
.beta-email-field:focus-within { border-color:var(--green); box-shadow:0 0 0 3px #c6f66d0c; }
.beta-email-field>svg { width:19px; height:19px; flex:none; color:#849279; }
.beta-email-field input { min-width:0; width:100%; height:54px; padding:0; border:0; border-radius:0; outline:none; background:transparent; color:var(--white); font-size:16px; }
.beta-email-field input::placeholder { color:#73806a; }
.beta-submit,.beta-done { min-height:54px; margin-top:12px; border-radius:10px; font-size:14px; }
 .beta-submit .beta-submit-label { font-size:inherit; line-height:1.4; }
.beta-submit[disabled] { opacity:1; cursor:wait; background:#b9e564; }
.beta-submit[aria-busy="true"] .beta-submit-icon { width:18px; height:18px; border:1.5px solid #18210f30; border-top-color:#18210f; border-radius:50%; animation:beta-spin 650ms linear infinite; }
.beta-submit[aria-busy="true"] .beta-submit-icon .icon { visibility:hidden; }
.beta-email-field input:disabled { opacity:.65; }
@keyframes beta-spin { to { transform:rotate(360deg); } }
@media(prefers-reduced-motion:reduce) { .beta-submit[aria-busy="true"] .beta-submit-icon { animation:none; } }
.beta-check { display:grid; place-items:center; width:50px; height:50px; border-radius:50%; background:#c6f66d12; border:1px solid #c6f66d45; color:var(--green); margin-top:24px; }
.beta-check svg { width:32px; height:32px; }
#beta-success:not([hidden]) { animation:beta-reveal 300ms ease-out both; }
@keyframes beta-reveal { from { opacity:0; transform:translateY(14px) scale(.97); } to { opacity:1; transform:translateY(0) scale(1); } }
@keyframes beta-backdrop { from { opacity:0; } to { opacity:1; } }
@media(max-width:540px) { .beta-dialog { border-radius:20px; } .beta-content { padding:25px 24px 22px; } .beta-art { height:144px; } .beta-art img { width:215px; height:215px; } .beta-dialog h2 { font-size:35px; } }
@media(max-height:650px) { .beta-art { height:96px; } .beta-art img { width:170px; height:170px; } .beta-content { padding-top:22px; } }
@media(prefers-reduced-motion:reduce) { .beta-dialog[open],.beta-dialog[open]::backdrop,#beta-success:not([hidden]) { animation:none; } }