/* App views in the landing's language: black ground, cream type, ember accents, mono labels.
   Loaded last; `html body:not(.on-landing)` outranks the earlier light-theme layers. */
html body:not(.on-landing){--bg:#000;--panel:#0e0e0d;--panel-2:#151513;--line:rgba(233,232,226,.1);--line-2:rgba(233,232,226,.18);--text:#efeee8;--muted:rgba(233,232,226,.62);--faint:rgba(233,232,226,.42);--ember:#ff8a1f;--ember-2:#ffb45c;--mint:#a8ecd4;--mono:ui-monospace,SFMono-Regular,Menlo,monospace;color-scheme:dark;background:#000;color:var(--text)}
html body:not(.on-landing)::before{content:"";display:block;position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 44% at 100% 0%,rgba(255,106,0,.13),transparent 70%),radial-gradient(34% 40% at 18% 100%,rgba(255,106,0,.08),transparent 70%)}
html body:not(.on-landing) ::selection{background:rgba(255,138,31,.35);color:#fff}

/* Type */
html body:not(.on-landing) :is(h1,h2,h3,h4,.round-banner strong,.metric-grid strong,.nav-result strong,.app-next-step h2){font-family:Inter,Arial,sans-serif;font-weight:400;color:var(--text)}
html body:not(.on-landing) .page-heading h1{font-size:clamp(40px,4.6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:16px 0 14px;text-wrap:balance}
html body:not(.on-landing) .page-heading p{max-width:52ch;font-size:17px;line-height:1.5;color:var(--muted)}
html body:not(.on-landing) .overline{font:12px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--faint)}
html body:not(.on-landing) :is(.dashboard-panel h2,.guide-chapter h2,.visual-heading h2,.voting-explainer h2,.proof-intro h2,.section-heading h2,.faq h2){letter-spacing:-.03em}
html body:not(.on-landing) :is(p,li,dd,td,small,label,.muted,.fineprint,.offering-body>p,.dashboard-panel p,.proof-intro p,.guide-lead){color:var(--muted)}
html body:not(.on-landing) :is(.fineprint,.muted,small){color:var(--faint)}
html body:not(.on-landing) a{color:inherit}

/* Shell: sidebar and header */
html body:not(.on-landing)>aside{background:rgba(6,6,5,.92);border-right:1px solid var(--line);color:var(--text)}
html body:not(.on-landing)>aside .brand strong{color:var(--text);letter-spacing:-.02em}
html body:not(.on-landing)>aside nav a{font:500 10.5px/1 var(--mono);letter-spacing:.08em;white-space:nowrap;text-transform:uppercase;color:var(--faint);border-radius:10px;transition:color .2s ease,background-color .2s ease}
html body:not(.on-landing)>aside nav a:hover{color:var(--text);background:rgba(233,232,226,.06)}
html body:not(.on-landing)>aside nav a.active{color:var(--text);background:rgba(255,138,31,.1);box-shadow:inset 2px 0 0 var(--ember);font-weight:500}
html body:not(.on-landing)>aside nav a.active svg{stroke:var(--ember)}
html body:not(.on-landing)>aside nav svg{stroke:currentColor}
html body:not(.on-landing) .sidebar-bottom{border-top:1px solid var(--line);color:var(--text)}
html body:not(.on-landing) .sidebar-bottom small{color:var(--faint)}
html body:not(.on-landing) header{background:rgba(0,0,0,.62);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}
html body:not(.on-landing) .header-search{color:var(--faint)}
html body:not(.on-landing) .header-search:hover{color:var(--text)}
html body:not(.on-landing) .status{background:rgba(255,138,31,.08);border:1px solid rgba(255,138,31,.28);color:var(--ember-2);font:10px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase}
html body:not(.on-landing) .wallet{background:transparent;border:1px solid var(--line-2);color:var(--text)}
html body:not(.on-landing) .wallet:hover{background:rgba(233,232,226,.06);border-color:rgba(233,232,226,.3)}
html body:not(.on-landing) #wallet{background:var(--ember);border-color:var(--ember);color:#140a02;font-weight:600}
html body:not(.on-landing) #wallet:hover{background:#ffa04a;border-color:#ffa04a}

/* Workflow strip */
html body:not(.on-landing) .app-workflow{background:rgba(14,14,13,.8);border:1px solid var(--line);border-radius:16px}
html body:not(.on-landing) .app-workflow>a{color:var(--faint)}
html body:not(.on-landing) .app-workflow>a:hover{background:rgba(233,232,226,.05);color:var(--text)}
html body:not(.on-landing) .app-workflow>a.current{background:rgba(255,138,31,.09);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,138,31,.22)}
html body:not(.on-landing) .app-workflow small{font-family:var(--mono);color:var(--faint)}
html body:not(.on-landing) .app-workflow :is(strong,em,b){color:inherit}
html body:not(.on-landing) .workflow-icon{background:rgba(233,232,226,.04);border-color:var(--line);color:var(--muted)}
html body:not(.on-landing) .app-workflow>a.current .workflow-icon{border-color:rgba(255,138,31,.4);color:var(--ember)}

/* Buttons */
html body:not(.on-landing) .button,html body.capital-layout dialog .button{background:var(--ember);border:1px solid var(--ember);color:#140a02;font-weight:600;border-radius:10px;box-shadow:0 10px 30px -12px rgba(255,106,0,.7)}
html body:not(.on-landing) .button:hover,html body.capital-layout dialog .button:hover{background:#ffa04a;border-color:#ffa04a;color:#140a02}
html body:not(.on-landing) :is(.button.outline,.button.light),html body.capital-layout dialog :is(.button.outline,.button.light){background:rgba(233,232,226,.04);border:1px solid var(--line-2);color:var(--text);box-shadow:none;font-weight:500}
html body:not(.on-landing) :is(.button.outline,.button.light):hover,html body.capital-layout dialog :is(.button.outline,.button.light):hover{background:rgba(233,232,226,.09);border-color:rgba(233,232,226,.32);color:var(--text)}
html body:not(.on-landing) :is(.button,.wallet,a,input,select,textarea):focus-visible{outline:2px solid var(--ember);outline-offset:2px}

/* Surfaces */
html body:not(.on-landing) :is(.dashboard-panel,.visual-panel,.guide-chapter,.proof-card,.directory-controls,.faq){background:linear-gradient(180deg,#111110,#0a0a09);border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 0 rgba(255,255,255,.04) inset;color:var(--text)}
html body:not(.on-landing) .side-panel{background:rgba(233,232,226,.03);border:1px solid var(--line);border-radius:20px}
html body:not(.on-landing) .panel-icon{background:rgba(233,232,226,.04);border-color:var(--line);color:var(--ember)}
html body:not(.on-landing) .pill{background:rgba(233,232,226,.05);border:1px solid var(--line-2);color:var(--muted);font:10px/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;border-radius:6px}
html body:not(.on-landing) .notice{background:rgba(255,138,31,.06);border:1px solid rgba(255,138,31,.2);border-left:2px solid var(--ember);border-radius:12px;color:var(--muted)}
html body:not(.on-landing) .empty-state{background:rgba(233,232,226,.02);border:1px dashed var(--line-2);border-radius:14px;color:var(--faint)}
html body:not(.on-landing) .empty-state :is(h3,strong){color:var(--text)}
html body:not(.on-landing) .empty-state p{color:var(--faint)}
html body:not(.on-landing) hr,html body:not(.on-landing) .section-gap{border-color:var(--line)}

/* Metrics and the round banner read like the landing's calculator. */
html body:not(.on-landing) .metric-grid{background:linear-gradient(180deg,#111110,#0a0a09);border:1px solid var(--line);border-radius:20px}
html body:not(.on-landing) .metric-grid>div{background:transparent;border-color:var(--line)}
html body:not(.on-landing) .metric-grid>div:first-child{background:radial-gradient(90% 90% at 0% 0%,rgba(255,106,0,.14),transparent 70%)}
html body:not(.on-landing) .metric-grid label,html body:not(.on-landing) .round-banner label,html body:not(.on-landing) .round-rules>span{font:11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
html body:not(.on-landing) .metric-grid strong,html body:not(.on-landing) .metric-grid>div:first-child strong{color:var(--text);letter-spacing:-.04em;font-variant-numeric:tabular-nums}
html body:not(.on-landing) .metric-grid>div:first-child :is(label,small){color:var(--faint)}
html body:not(.on-landing) .round-banner{background:radial-gradient(90% 120% at 100% 0%,rgba(255,106,0,.16),transparent 60%),rgba(233,232,226,.03);border:1px solid var(--line);border-radius:16px}
html body:not(.on-landing) .round-banner strong{color:var(--ember-2);letter-spacing:-.04em;font-variant-numeric:tabular-nums}

/* Governance ballots */
html body:not(.on-landing) .proposal-result{background:rgba(233,232,226,.03);border:1px solid var(--line);border-radius:14px;color:var(--text)}
html body:not(.on-landing) :is(.proposal-result:hover,.proposal-result.selected){background:rgba(255,138,31,.07);border-color:rgba(255,138,31,.45)}
html body:not(.on-landing) .proposal-name{color:var(--text)}
html body:not(.on-landing) :is(.proposal-weight,.proposal-weight>span){color:var(--faint)}
html body:not(.on-landing) :is(progress,meter){accent-color:var(--ember)}

/* Forms */
html body:not(.on-landing) :is(input,select,textarea,.search-field),html body.capital-layout dialog :is(input,select,textarea){background:rgba(233,232,226,.04);border:1px solid var(--line-2);border-radius:10px;color:var(--text)}
html body:not(.on-landing) .search-field input{background:transparent;border:0;color:var(--text)}
html body:not(.on-landing) :is(input,textarea)::placeholder{color:var(--faint)}
html body:not(.on-landing) select,html body.capital-layout dialog select{background-color:#121210;color:var(--text)}
html body:not(.on-landing) select option{background:#121210;color:var(--text)}
html body:not(.on-landing) input[type=range]{accent-color:var(--ember)}
html body:not(.on-landing) :is(input,select,textarea):focus{border-color:rgba(255,138,31,.6)}

/* Directory cards */
html body:not(.on-landing) .offering-card{background:linear-gradient(180deg,#121211,#0b0b0a);border:1px solid var(--line);border-radius:20px;color:var(--text);overflow:hidden}
html body:not(.on-landing) .offering-card:hover{border-color:rgba(255,138,31,.45);box-shadow:0 24px 60px -30px rgba(255,106,0,.55)}
html body:not(.on-landing) .offering-card:hover .company-name{color:var(--ember-2)}
html body:not(.on-landing) .company-name{color:var(--text);letter-spacing:-.02em}
html body:not(.on-landing) .offering-sector{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}
html body:not(.on-landing) .offering-numbers>*{background:rgba(233,232,226,.04);border:1px solid var(--line);color:var(--text)}
html body:not(.on-landing) .offering-numbers :is(small,span,label){color:var(--faint)}
html body:not(.on-landing) .offering-foot{border-color:var(--line);color:var(--faint)}
html body:not(.on-landing) .offering-foot a:hover{color:var(--ember-2)}
html body:not(.on-landing) .image-badge{background:rgba(0,0,0,.6);border:1px solid var(--line-2);color:var(--text);font-family:var(--mono);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
html body:not(.on-landing) .image-fallback{background:#151513;color:var(--faint)}
html body:not(.on-landing) .result-line{font-family:var(--mono);color:var(--faint)}

/* Tables */
html body:not(.on-landing) table{color:var(--text)}
html body:not(.on-landing) th{font:11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);border-color:var(--line)}
html body:not(.on-landing) :is(td,tr){border-color:var(--line)}

/* Next-step callouts */
html body:not(.on-landing) .app-next-step{background:radial-gradient(80% 140% at 100% 0%,rgba(255,106,0,.14),transparent 60%),#0e0e0d;border:1px solid var(--line);border-radius:20px;color:var(--text)}
html body:not(.on-landing) .app-next-step:hover{border-color:rgba(255,138,31,.45)}
html body:not(.on-landing) .app-next-step small{font-family:var(--mono);color:var(--faint)}
html body:not(.on-landing) .app-next-step p{color:var(--muted)}
html body:not(.on-landing) .next-step-icon{background:rgba(255,138,31,.1);border-color:rgba(255,138,31,.3);color:var(--ember)}
html body:not(.on-landing) .next-step-action{color:var(--ember-2)}

/* How-it-works guide and valuation explainers */
html body:not(.on-landing) .guide-grid article{background:rgba(233,232,226,.03);border:1px solid var(--line)}
html body:not(.on-landing) :is(.capital-cycle p,.capital-cycle small,.cycle-return,.voting-explainer p,.chart-legend){color:var(--muted)}
html body:not(.on-landing) .cycle-icon{background:rgba(255,138,31,.08);border-color:rgba(255,138,31,.3);color:var(--ember)}
html body:not(.on-landing) .capital-cycle li::after{color:var(--faint);border-color:var(--line)}
html body:not(.on-landing) .cycle-return{border-color:var(--line)}
html body:not(.on-landing) .weight-track{stroke:rgba(233,232,226,.12)}
html body:not(.on-landing) .weight-arc{stroke:var(--ember)}
html body:not(.on-landing) .weight-number{fill:var(--text)}
html body:not(.on-landing) .weight-caption{fill:var(--faint)}
html body:not(.on-landing) .chart-legend i{background:var(--ember)}
html body:not(.on-landing) .chart-legend span+span i{background:rgba(233,232,226,.18)}
html body:not(.on-landing) .nav-equation>div{background:rgba(233,232,226,.03);border-color:var(--line)}
html body:not(.on-landing) .nav-equation svg{color:var(--faint)}
html body:not(.on-landing) .nav-equation>.nav-result{background:rgba(255,138,31,.08);border-color:rgba(255,138,31,.35)}

/* Dialogs (offering detail, sign-in) */
html body.capital-layout dialog{background:#0e0e0d;color:var(--text,#efeee8);border:1px solid rgba(233,232,226,.12);border-radius:20px;box-shadow:0 40px 120px rgba(0,0,0,.7);color-scheme:dark}
html body.capital-layout dialog::backdrop{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
html body.capital-layout dialog :is(h1,h2,h3,strong){color:#efeee8}
html body.capital-layout dialog :is(p,small,label,dd,dt,li){color:rgba(233,232,226,.62)}
html body.capital-layout dialog .close{background:rgba(233,232,226,.08);color:#efeee8}
html body.capital-layout .detail-tabs button{color:rgba(233,232,226,.55)}
html body.capital-layout .detail-tabs button[aria-selected=true]{color:#efeee8;border-color:#ff8a1f}

/* Remaining light surfaces found by scanning each view */
html body:not(.on-landing) :is(.round-rules,.proof-intro,.docs-contents,.guide-ownership>div,.guide-paper){background:rgba(233,232,226,.03);border-color:var(--line);color:var(--text)}
html body:not(.on-landing) .docs-contents a{color:var(--muted)}
html body:not(.on-landing) .docs-contents a:hover{color:var(--ember-2)}
html body:not(.on-landing) .guide-bars i{background:linear-gradient(90deg,#ff5a00,#ffc266)}
html body:not(.on-landing) .guide-bars :is(span,small,b){color:var(--muted)}
html body:not(.on-landing) .result-track{background:rgba(233,232,226,.1)}
html body:not(.on-landing) .result-track>span{background:linear-gradient(90deg,#ff5a00,#ffc266)}
html body:not(.on-landing) .feed-avatar{background:rgba(255,138,31,.14);color:var(--ember)}
html body:not(.on-landing) .offering-image{background:#151513}
html body:not(.on-landing) .offering-numbers{background:rgba(233,232,226,.04);border:1px solid var(--line)}
html body:not(.on-landing) .offering-numbers>*{background:transparent;border:0}
html body:not(.on-landing) main :is(b,strong):not(.button *){color:var(--text)}
html body:not(.on-landing) .offering-foot button{color:var(--muted)}
html body:not(.on-landing) .offering-foot button:hover{color:var(--ember-2)}
html body:not(.on-landing) figure.guide-ownership{background:rgba(233,232,226,.02);border-color:var(--line)}
html body:not(.on-landing) .guide-business-nodes>div{background:rgba(255,138,31,.08);border-color:rgba(255,138,31,.3);color:var(--text)}
html body:not(.on-landing) .guide-paper i{background:rgba(233,232,226,.16)}
html body.capital-layout dialog .detail-footer{background:rgba(233,232,226,.03);border-color:rgba(233,232,226,.1)}
html body:not(.on-landing) main .round-banner strong{color:var(--ember-2)}
html body:not(.on-landing) :is(.panel-heading,.feed-entry,.governance-help,.guide-checkpoint,.guide-valuation,.guide-total,.guide-status>div,.faq details,.valuation-lines>div){border-color:var(--line)}
html body:not(.on-landing) .docs-contents button{color:var(--muted);background:transparent}
html body:not(.on-landing) .docs-contents button:hover{color:var(--text);background:rgba(233,232,226,.05)}
html body:not(.on-landing) .docs-contents button.chapter-current{background:rgba(255,138,31,.1);color:var(--text);box-shadow:inset 0 0 0 1px rgba(255,138,31,.3)}
html body:not(.on-landing) .docs-contents button.chapter-current svg{color:var(--ember);stroke:var(--ember)}

/* Sliders match the landing calculator */
html body:not(.on-landing) input[type=range]{height:28px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-appearance:none;appearance:none}
html body:not(.on-landing) input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:2px;background:rgba(233,232,226,.2)}
html body:not(.on-landing) input[type=range]::-moz-range-track{height:2px;border-radius:2px;background:rgba(233,232,226,.2)}
html body:not(.on-landing) input[type=range]::-webkit-slider-thumb{width:20px;height:20px;margin-top:-9px;border:0;border-radius:50%;background:var(--ember);box-shadow:0 0 0 6px rgba(255,138,31,.18);-webkit-appearance:none;appearance:none}
html body:not(.on-landing) input[type=range]::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:var(--ember);box-shadow:0 0 0 6px rgba(255,138,31,.18)}

/* Compact sidebar: icon rail at tablet width, bottom tab bar on phones. */
@media (max-width:850px){html body:not(.on-landing)>aside nav a{font-size:0}}
@media (max-width:600px){
  html body:not(.on-landing)>aside nav a{flex-basis:70px;font:500 8px/1.2 Inter,Arial,sans-serif;letter-spacing:0;text-transform:none}
  html body:not(.on-landing)>aside nav a.active{background:rgba(255,138,31,.1);box-shadow:inset 0 2px 0 var(--ember)}
}

/* Motion (app-motion.js) */
.app-embers{position:fixed;inset:0;z-index:-1;display:none;width:100%;height:100%;pointer-events:none}
body:not(.on-landing) .app-embers{display:block}
html body:not(.on-landing)>aside nav,html body:not(.on-landing) .app-workflow{position:relative}
.app-marker{position:absolute;top:0;left:0;z-index:1;width:1px;height:1px;background:#ff8a1f;box-shadow:0 0 6px rgba(255,138,31,.8);transform-origin:0 0;opacity:0;pointer-events:none}
.app-marker.is-ready{transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .2s ease}
html body:not(.on-landing)>aside nav a.active,html body:not(.on-landing) .app-workflow>a.current{box-shadow:none}
.app-word{display:inline-block;overflow:hidden;padding-bottom:.1em;margin-bottom:-.1em;vertical-align:top}
.app-word>span{display:inline-block}
html body:not(.on-landing) .status{display:inline-flex;align-items:center;gap:8px}
html body:not(.on-landing) .status::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ember);box-shadow:0 0 8px var(--ember);animation:app-pulse 2.4s ease-in-out infinite}
@keyframes app-pulse{50%{opacity:.3}}
@media (hover:hover) and (prefers-reduced-motion:no-preference){
  html body:not(.on-landing) .offering-image img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
  html body:not(.on-landing) .offering-card:hover .offering-image img{transform:scale(1.045)}
}
@media (prefers-reduced-motion:reduce){.app-marker.is-ready{transition:none}html body:not(.on-landing) .status::before{animation:none}}

/* X (@wellbuilt) link in the app header */
html body:not(.on-landing) .header-social{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid var(--line-2);border-radius:10px;color:var(--muted);transition:color .2s ease,background-color .2s ease,border-color .2s ease}
html body:not(.on-landing) .header-social:hover{color:var(--text);background:rgba(233,232,226,.06);border-color:rgba(233,232,226,.3)}
html body:not(.on-landing) .header-social svg{width:15px;height:15px}
.header-social{display:none}
body:not(.on-landing) .header-social{display:inline-grid}
/* Keep the original rule that hides the status badge on narrow headers. */
@media (max-width:850px){html body:not(.on-landing) .status{display:none}}

/* Official $BUILT contract address bar, fixed above the header and sidebar on every page. */
:root{--ca-bar-h:38px}
.ca-bar{position:fixed;inset:0 0 auto 0;z-index:60;height:var(--ca-bar-h);display:flex;align-items:center;justify-content:center;gap:12px;padding:0 16px;padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right));background:linear-gradient(90deg,#1a0d04,#2a1306 50%,#1a0d04);border-bottom:1px solid rgba(255,140,60,.28);color:#f3e9df;font-size:13px;white-space:nowrap}
.ca-bar-label{color:#c9b7a6}
.ca-bar-label b{color:#ff9a4d;font-weight:600}
.ca-bar-address{font-size:12.5px;letter-spacing:.01em;color:#fff;font-variant-numeric:tabular-nums;min-width:0;overflow:hidden;text-overflow:ellipsis}
.ca-bar .ca-short{display:none}
.ca-bar-copy{min-height:26px;padding:3px 12px;border-radius:999px;border:1px solid rgba(255,140,60,.55);background:rgba(255,120,30,.14);color:#fff;font:inherit;font-size:12px;cursor:pointer;touch-action:manipulation}
.ca-bar-copy:hover{background:rgba(255,120,30,.28)}
.ca-bar-copy:focus-visible,.ca-bar-link:focus-visible{outline:2px solid #ff8a3d;outline-offset:2px}
.ca-bar-link{color:#c9b7a6;text-decoration:none;font-size:12px}
.ca-bar-link:hover{color:#fff}
body{padding-top:var(--ca-bar-h)}
aside{top:var(--ca-bar-h)}
html{scroll-padding-top:calc(var(--ca-bar-h) + 12px)}
@media (max-width:700px){:root{--ca-bar-h:40px}.ca-bar{gap:8px;font-size:12px}.ca-bar .ca-full{display:none}.ca-bar .ca-short{display:inline}.ca-bar-link{display:none}.ca-bar-copy{min-height:30px}}
/* Pinned landing scenes start below the CA bar. */
.ws-stage,.ws-wall-stage{top:var(--ca-bar-h);height:calc(100vh - var(--ca-bar-h));height:calc(100svh - var(--ca-bar-h))}
.cap-journey-heading{top:calc(70px + var(--ca-bar-h))}