/* Homepage product refresh: hierarchy-first discovery layout. */
:root { --home-ink:#173b37; --home-cream:#f7f3ea; --home-gold:#c28b48; --home-muted:#71817d; }
body { background: #f7f3ea; }
.shell { max-width: 1320px; padding: 24px 30px 84px; }
.shell > .topbar, .shell > .hero, .shell > .stats, .shell > .workspace, .shell > .world-map-section, .shell > .traditions-section { order: initial; }
.shell { display:flex; flex-direction:column; }
.topbar { margin-bottom: 34px; }
.hero { position:relative; min-height: 510px; grid-template-columns: minmax(0,1.15fr) minmax(360px,.85fr); gap:42px; align-items:center; padding: 54px 58px; border-radius: 38px; overflow:hidden; background:#173b37; box-shadow: 0 28px 70px rgba(23,59,55,.22); }
.hero:before { content:""; position:absolute; width:480px; height:480px; right:-150px; bottom:-260px; border:1px solid rgba(232,190,120,.3); border-radius:50%; box-shadow:0 0 0 70px rgba(232,190,120,.05),0 0 0 140px rgba(232,190,120,.035); }
.hero:after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(115deg,rgba(23,59,55,0),rgba(23,59,55,.18)); }
.hero-copy, .hero-card { position:relative; z-index:1; }
.hero-copy { padding:0; }
.hero .eyebrow { color:#d9b16d; }
.hero h1 { color:#fffaf1; font-size:clamp(50px,7vw,96px); line-height:.92; max-width:720px; margin:20px 0 24px; }
.hero h1 em { color:#e3b66b; }
.hero p { max-width:590px; color:#c7d8d3; font-size:18px; line-height:1.58; }
.hero-note { color:#d7e5df; }
.hero-note .dot { background:#9bd0bb; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:30px; }
.hero-actions a { display:inline-flex; align-items:center; justify-content:center; min-height:48px; padding:0 20px; border-radius:14px; font-weight:800; text-decoration:none; transition:transform .18s ease,box-shadow .18s ease,background .18s ease; }
.hero-actions a:first-child { color:#183b37; background:#eac27d; box-shadow:0 12px 24px rgba(0,0,0,.14); }
.hero-actions a:last-child { color:#f8eee0; border:1px solid rgba(255,255,255,.25); background:rgba(255,255,255,.08); }
.hero-actions a:hover,.hero-actions a:focus-visible { transform:translateY(-2px); outline:none; box-shadow:0 15px 28px rgba(0,0,0,.2); }
.hero-card { align-self:stretch; min-height:300px; margin:0; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.08); box-shadow:none; }
.stats { grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin:18px 0 38px; }
.stat { min-height:104px; border:0; border-radius:18px; background:#fffdf8; box-shadow:0 8px 24px rgba(23,59,55,.07); }
.stat strong { color:var(--home-ink); }
.stat span { color:var(--home-muted); }
.workspace { order:3; padding:30px; border:0; border-radius:30px; background:#fffdf8; box-shadow:0 16px 42px rgba(23,59,55,.08); }
.workspace-head { align-items:end; margin-bottom:24px; }
.workspace-head h2 { color:var(--home-ink); font-size:clamp(32px,4vw,52px); letter-spacing:-.05em; }
.controls { grid-template-columns:minmax(260px,2fr) repeat(4,minmax(130px,1fr)); gap:10px; }
.controls .field input,.controls .field select,.controls .clear { min-height:48px; border-radius:14px; }
.controls .search-field input { border-color:#c9d9d3; box-shadow:0 5px 16px rgba(23,59,55,.06); }
.grid { gap:14px; }
.card { border:0; border-radius:22px; box-shadow:0 8px 26px rgba(23,59,55,.07); transition:transform .2s ease,box-shadow .2s ease; }
.card:hover { transform:translateY(-4px); box-shadow:0 16px 32px rgba(23,59,55,.13); }
.tea-card.classification-blocked .card-action { color:#9a6b2e; background:#fff3df; border-color:#f0d5a6; }
.world-map-section { order:4; margin-top:42px; }
.traditions-section { order:5; margin-top:42px; }
@media(max-width:1050px){ .hero{grid-template-columns:1fr;padding:44px 42px}.hero-card{min-height:280px}.stats{grid-template-columns:repeat(3,1fr)}.controls{grid-template-columns:1fr 1fr}.controls .search-field{grid-column:span 2} }
@media(max-width:680px){ .shell{padding:14px 12px 92px}.hero{min-height:unset;padding:34px 24px 26px;border-radius:28px;gap:26px}.hero h1{font-size:clamp(44px,13vw,60px)}.hero p{font-size:16px}.hero-card{min-height:260px;padding:24px}.stats{grid-template-columns:repeat(2,1fr);margin:14px 0 24px}.stat{min-height:90px;padding:14px}.stat strong{font-size:25px}.workspace{padding:20px 14px;border-radius:24px}.controls{grid-template-columns:1fr}.controls .search-field{grid-column:auto}.workspace-head h2{font-size:34px}.world-map-section,.traditions-section{margin-top:26px} }
@media(prefers-reduced-motion:reduce){.hero-actions a,.card{transition:none}}