/* Stitch research system — shared visual language for product pages */
:root{--bg:#0c1117!important;--card:#121a22!important;--ice:#1a2530!important;--ink:#f4f5f2!important;--ink-soft:#c1c9cc!important;--muted:#879398!important;--line:rgba(216,227,228,.14)!important;--line-soft:rgba(216,227,228,.08)!important;--ocean:#dcc89b!important;--steel:#b3a17d!important;--mist:#52616a!important;--grad-brand:linear-gradient(135deg,#d8c293,#a98a5b)!important;--grad-brand-soft:linear-gradient(135deg,#17212a,#202b31)!important;--grad-hero:linear-gradient(180deg,#0c1117 0%,#101820 100%)!important;--shadow-sm:none!important;--shadow-md:none!important;--shadow-lg:none!important;--r-sm:10px!important;--r-md:12px!important;--r-lg:14px!important;--r-xl:16px!important}
body{background:var(--bg)!important;color:var(--ink-soft)!important}
/* Type system: Manrope keeps controls and financial data crisp; Newsreader is reserved for editorial hierarchy. */
body,body button,body input,body select,body textarea{font-family:'Manrope',system-ui,-apple-system,'Segoe UI',sans-serif!important}
.serif,.head h1,.hello h1,.intro h1,.qtitle,.rhead h1,h1,h2,h3{font-family:'Newsreader',Georgia,serif}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(220,200,155,.025) 1px,transparent 1px),linear-gradient(rgba(220,200,155,.018) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 48%);z-index:-1}
.grid-bg,.grid-glow{display:none!important}
.bar{background:rgba(12,17,23,.94)!important;border-bottom-color:var(--line)!important;backdrop-filter:blur(12px)!important}
.bar-inner,.bar-in{min-height:68px!important}
.brand{color:var(--ink)!important}.brand img,.brand .logo{border-radius:7px!important}
.back,.logout{color:var(--ink-soft)!important}.back:hover,.logout:hover{color:var(--ocean)!important}
.lang{background:var(--ice)!important;border-color:var(--line)!important}.lang button.active{background:var(--grad-brand)!important;color:#17130d!important;box-shadow:none!important}
.eyebrow{background:transparent!important;color:var(--ocean)!important;border-color:rgba(220,200,155,.34)!important;border-radius:8px!important;padding:6px 10px!important}.eyebrow .dot{background:var(--ocean)!important;box-shadow:none!important}
.btn{border-radius:9px!important;box-shadow:none!important;min-height:44px!important}.btn-primary{background:var(--grad-brand)!important;color:#17130d!important}.btn-ghost{background:transparent!important;color:var(--ocean)!important;border-color:var(--line)!important}.btn:hover{transform:none!important;filter:brightness(1.06)}
.stage{animation:none!important;padding-top:52px!important}.head h1,.hello h1,.intro h1,.qtitle,.rhead h1{color:var(--ink)!important;letter-spacing:-.03em!important}.head p,.hello p,.intro p{color:var(--ink-soft)!important}
.search input,.search-input,.inp,.auth-input,.as-form input,.fld{background:#101820!important;border-color:var(--line)!important;border-radius:10px!important;color:var(--ink)!important;box-shadow:none!important}.search input:focus,.search-input:focus,.inp:focus,.auth-input:focus,.as-form input:focus,.fld:focus{border-color:var(--ocean)!important;box-shadow:0 0 0 3px rgba(220,200,155,.13)!important}
.chip,.chips .chip,.as-chip,.metric,.acct{background:#17212a!important;color:var(--ocean)!important;border-color:var(--line)!important;border-radius:8px!important}.chip:hover,.chips .chip:hover,.as-chip:hover{transform:none!important;border-color:rgba(220,200,155,.52)!important}
.hcard,.sec,.assistant,.notice,.authbox,.empty,.pcard,.card,.wcard,.rcard,.result,.quiz,.tgt,.res,.modal-card,.note{background:var(--card)!important;border-color:var(--line)!important;box-shadow:none!important;border-radius:14px!important}
.hcard,.pcard,.result,.rcard{border-top-color:rgba(220,200,155,.42)!important}
.sec:hover,.m:hover{transform:none!important;background:var(--card)!important;border-color:rgba(220,200,155,.4)!important}
.sec-ic,.feature .ic,.empty .ic,.assistant .ic,.as-head .ic{background:#17212a!important;border-color:var(--line)!important;border-radius:9px!important}.as-head .ic{color:#17130d!important;background:var(--grad-brand)!important}
.risk,.why,.note,.auth-err{background:#101820!important;border-color:var(--line)!important;border-radius:10px!important}.risk{border-left-color:var(--ocean)!important}
.report>*,.assistant:not([hidden]),.stage{animation:none!important}.report>*{opacity:1!important;transform:none!important}
.watchbtn,.wbtn,.add,.del,.pwtoggle{border-radius:8px!important}.watchbtn,.wbtn{background:#17212a!important;border-color:var(--line)!important;color:var(--ocean)!important}
.dbar,.progress,.track{background:var(--ice)!important}.dbar i,.progress i,.track i{background:var(--grad-brand)!important}
.wring,.ring svg circle:nth-child(2),.donut svg circle{filter:none!important}
.modal{background:rgba(3,7,10,.68)!important;backdrop-filter:blur(8px)!important}
.disc,.updated,.note{color:var(--muted)!important}
.foot{border-top-color:var(--line)!important;color:var(--muted)!important}
@media(max-width:560px){.wrap{padding-left:20px!important;padding-right:20px!important}.bar-inner,.bar-in{padding-left:20px!important;padding-right:20px!important}.back span{display:none}.stage{padding-top:34px!important}.hcard,.sec,.assistant,.pcard,.card,.wcard,.rcard,.result,.quiz{padding:20px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}}