/* ONE shared visual scale: navigation, forms and editorial content. */
:root{--black:#000;--black-2:#080808;--black-3:#111;--white:#f5f5f5;--muted:#a3a3a3;--muted-2:#808080;--line:#252525;--line-strong:#454545;--one-copy:16px;--one-label:14px}
body{font-family:var(--one-font);font-size:var(--one-copy);font-weight:400}
.site-nav{background:#000;backdrop-filter:none}
.site-nav .nav-menu>summary{width:44px;height:44px;justify-content:center;border:1px solid transparent;border-radius:0}
.site-nav .nav-menu>summary:hover{border-color:var(--line-strong)}
.menu-glyph{display:flex;flex-direction:column;gap:6px;width:20px}
.menu-glyph>span{display:block;height:1px;width:20px;background:var(--white);transition:transform .18s ease}
.nav-menu[open] .menu-glyph>span:first-child{transform:translateY(3.5px) rotate(45deg)}
.nav-menu[open] .menu-glyph>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.site-nav .nav-menu-panel{top:calc(100% + 12px);border:1px solid var(--line-strong);box-shadow:none;padding:12px}
.site-nav .nav-menu-panel a{padding:14px 12px}
button,.button,.text-button,.text-link,.prompt-row button,.studio-toolbar>a{font-family:var(--one-font);font-size:var(--one-label);font-weight:400;letter-spacing:0;text-transform:none}
button,.button{min-height:44px;border-radius:0}
input,select,textarea{font-family:var(--one-font);font-size:16px;border-radius:0}
label,.eyebrow,.kicker,.meta,.card .meta,.directory-search label,.market-category label{font-family:var(--one-font);font-size:12px;line-height:1.5;letter-spacing:.025em;font-weight:400;text-transform:none}
.lead{font-weight:400;line-height:1.55;letter-spacing:0}
h1,h2,h3{font-family:var(--one-font);font-weight:400}
h2{font-size:clamp(36px,4.5vw,64px);line-height:1.05}
h3{font-size:clamp(24px,2.2vw,32px);line-height:1.15}
.studio-heading h1,.market-page .studio-heading h1{font-size:clamp(40px,5vw,72px);line-height:1.06;letter-spacing:-.045em}
.card,.card-dark{background:#000;box-shadow:none;border-radius:0}.card:hover{background:#080808}
.card .muted,.section-head>p{line-height:1.6}
.studio-heading{gap:48px}.studio-intro .muted{font-size:16px}
.result-context>span,.market-target,.volume-guidance,.result-context>strong{letter-spacing:0}
.market-target,.result-context>span{font-size:14px}
.demo-notice{font-size:12px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--muted)}
@media(max-width:760px){.studio-heading{gap:24px}.site-nav .nav-inner{gap:8px 12px}.site-nav .brand{flex-basis:calc(100% - 150px)}.nav-menu-panel{max-width:calc(100vw - 40px)}.demo-notice{font-size:12px}}
@media(prefers-reduced-motion:reduce){.menu-glyph>span{transition:none}}
main h1{font-size:clamp(40px,6vw,88px);line-height:1.05;letter-spacing:-.045em}
main .hero h1{font-size:clamp(58px,9.2vw,148px)}
.ask-hero{padding:72px 0 88px}.ask-hero h1{max-width:1050px}.ask-hero .lead{font-size:20px;max-width:720px}
.ask-box textarea{font-size:18px;line-height:1.6}.ask-box textarea::placeholder,input::placeholder{color:#808080}
.market-search label,.market-search>span,.result-context,.market-summary small{font-size:12px;letter-spacing:0}
@media(max-width:760px){.ask-hero{padding:48px 0 64px}.ask-hero .lead{font-size:18px}.ask-box textarea{font-size:16px;padding:16px}}
.preset-group button,.explainer-tabs button{font-size:14px;min-height:44px;font-weight:400}
.studio-controls label,.result-status>span:last-child,.result-price .eyebrow,.outcome-grid span,.explainer-controls label,.range-labels,.studio-toolbar,.guide-details>summary>span,.market-list-meta,.market-status,.joined-status{font-size:12px;letter-spacing:0}
.site-nav .brand[aria-current=page]{text-decoration:none}

/* Keyboard shortcut bypasses repeated navigation without adding menu items. */
.skip-content{position:fixed;left:20px;top:12px;z-index:10001;transform:translateY(-200%);padding:14px 20px;background:#fff;color:#000;border:1px solid #000;font:400 14px var(--one-font)}
.skip-content:focus{transform:translateY(0);outline:2px solid #fff;outline-offset:3px}
#one-main{scroll-margin-top:80px}#one-main:focus{outline:none}
@media(max-width:760px){#one-main{scroll-margin-top:132px}}

/* Legible prices and a consistent editorial rhythm at every viewport. */
:root{--one-font:"Helvetica Neue",Helvetica,Arial,sans-serif}
h1,h2,h3{text-wrap:balance;letter-spacing:-.035em}
p{ text-wrap:pretty }
.explainer-price{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 20px;font-size:clamp(52px,6.5vw,90px);letter-spacing:-.035em;font-variant-numeric:tabular-nums;line-height:1.15}
.explainer-price>span{white-space:nowrap}
.explainer-price small{font-size:24px;letter-spacing:0;line-height:1.4;margin:0;white-space:nowrap;text-decoration-thickness:1px}
.explainer-price small[hidden]{display:none}
.explainer-controls,.explainer-result{min-width:0;padding:clamp(24px,3vw,40px)}
.explainer-tabs{gap:8px}
.explainer-tabs button{padding:12px 14px}
.explainer-controls h3{font-size:clamp(25px,2.6vw,36px);line-height:1.2;letter-spacing:-.025em}
.explainer-controls p,.explainer-result p{font-size:15px;line-height:1.65}
.range-labels{gap:12px;flex-wrap:wrap;line-height:1.5}
.range-labels>span:nth-child(2){text-align:center}
.example-state{font-size:12px;letter-spacing:.025em;text-transform:none;line-height:1.5}
.metric,.price,.result-price output,.payment-number,.payment-price,.market-price>strong{letter-spacing:-.025em;font-variant-numeric:tabular-nums}
section[id]{scroll-margin-top:100px}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #fff;outline-offset:4px}
.site-nav .brand img{width:92px;object-fit:contain}
.account-recovery{display:grid;gap:16px;max-width:580px;margin-top:32px}
.account-recovery p{color:var(--muted);line-height:1.6}
@media(max-width:960px){.explainer{grid-template-columns:1fr}.explainer-result{border-left:0;border-top:1px solid var(--line)}.explainer-price{font-size:72px}.explain-header{gap:24px}}
@media(max-width:600px){.explainer-price{font-size:60px}.explainer-price small{font-size:22px}.explainer-tabs button{flex:1 1 auto}.explainer-controls p,.explainer-result p{font-size:14px}section[id]{scroll-margin-top:140px}}
