/* $WOOD animated hero (homepage top). Rendered by wood-hero.js only when WOOD_CA is set. */
.wh{position:relative;overflow:hidden;min-height:clamp(560px,86vh,820px);display:flex;align-items:center;justify-content:center;padding:110px 20px 70px;background:radial-gradient(120% 80% at 50% 0%,#17331f 0%,#0a1610 55%,#050b07 100%);isolation:isolate;font-family:var(--font,system-ui);color:#f1ead6}
.wh canvas{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.wh-trees{position:absolute;left:-5%;right:-5%;bottom:0;height:70%;z-index:1;pointer-events:none;will-change:transform}
.wh-trees svg{position:absolute;left:0;bottom:0;width:100%;height:100%}
.wh-t1{opacity:.35}.wh-t2{opacity:.6}.wh-t3{opacity:1}
.wh-moon{position:absolute;left:50%;top:18%;width:520px;height:520px;translate:-50% -50%;border-radius:50%;z-index:0;background:radial-gradient(circle,rgba(242,193,78,.22) 0%,rgba(242,193,78,.06) 40%,transparent 68%);animation:whGlow 6s ease-in-out infinite}
.wh::after{content:"";position:absolute;inset:auto 0 0;height:140px;z-index:3;background:linear-gradient(180deg,transparent,var(--bg,#08110c));pointer-events:none}
.wh-in{position:relative;z-index:4;max-width:880px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:22px}
.wh-logo{position:relative;width:clamp(96px,12vw,136px);aspect-ratio:1;animation:whFloat 5s ease-in-out infinite}
.wh-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 18px rgba(242,193,78,.55)) drop-shadow(0 0 40px rgba(95,191,110,.35))}
.wh-logo::before{content:"";position:absolute;inset:-22%;border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(242,193,78,.5),transparent 35%,rgba(95,191,110,.45),transparent 70%);filter:blur(14px);animation:whSpin 9s linear infinite;z-index:-1}
.wh-kick{display:inline-flex;align-items:center;gap:9px;font:400 12px var(--pix,monospace);letter-spacing:.16em;color:#bff0c6;padding:7px 13px;border:1px solid rgba(95,191,110,.45);border-radius:999px;background:rgba(95,191,110,.08)}
.wh-kick i{width:8px;height:8px;background:#5fbf6e;border-radius:2px;animation:wlP 1.6s ease-out infinite}
.wh h1.wh-h{margin:0;font:400 clamp(38px,7.2vw,92px)/.98 var(--pix,monospace);letter-spacing:.02em;background:linear-gradient(90deg,#f2c14e 0%,#fff6d6 40%,#f2c14e 55%,#5fbf6e 80%,#f2c14e 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:whShine 5s linear infinite;filter:drop-shadow(0 0 22px rgba(242,193,78,.35))}
.wh-sub{margin:0;font:400 clamp(20px,2.6vw,30px)/1.25 var(--serif,Georgia,serif);font-style:italic;color:#f1ead6}
.wh-sub b{font-style:normal;font-family:var(--pix,monospace);font-weight:400;color:#f2c14e;font-size:.8em;letter-spacing:.04em}
.wh-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:620px}
.wh-s{padding:14px 12px;border-radius:14px;border:1px solid rgba(242,193,78,.25);background:rgba(6,14,9,.6);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.wh-s small{display:block;font:400 10.5px var(--pix,monospace);letter-spacing:.14em;color:#a7ad97;margin-bottom:6px}
.wh-s b{display:block;font:600 clamp(17px,2vw,22px)/1.15 var(--mono,monospace);color:#ffe7a3;transition:color .4s}
.wh-s b.up{color:#7fe08e}.wh-s b.dn{color:#e0805a}
.wh-s b.flash{animation:whFlash .9s ease}
.wh-note{margin:-8px 0 0;font-size:12px;color:#69725f}
.wh-act{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.wh-b{display:inline-flex;align-items:center;gap:8px;font:600 15px/1 var(--font,system-ui);padding:15px 22px;border-radius:999px;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .25s,background .2s;border:1px solid transparent}
.wh-b:hover{transform:translateY(-2px)}
.wh-gold{background:#f2c14e;color:#140f04;box-shadow:0 0 28px -6px #f2c14e;position:relative;overflow:hidden}
.wh-gold::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);translate:-120% 0;animation:whSweep 3.6s ease-in-out infinite}
.wh-green{border-color:#5fbf6e;color:#bff0c6;background:rgba(95,191,110,.1)}
.wh-ghost{border-color:rgba(241,234,214,.25);color:#f1ead6;background:rgba(0,0,0,.3);font-family:var(--mono,monospace);font-size:13px}
.wh-ghost.ok{border-color:#5fbf6e;color:#7fe08e}
@keyframes whShine{from{background-position:120% 0}to{background-position:-130% 0}}
@keyframes whFloat{50%{transform:translateY(-10px)}}
@keyframes whSpin{to{transform:rotate(360deg)}}
@keyframes whGlow{50%{opacity:.6;scale:1.06}}
@keyframes whSweep{0%,55%{translate:-120% 0}100%{translate:120% 0}}
@keyframes whFlash{30%{color:#fff}}
@keyframes wlP{70%{box-shadow:0 0 0 10px rgba(95,191,110,0)}100%{box-shadow:0 0 0 0 rgba(95,191,110,0)}}
@media (max-width:640px){
  .wh{min-height:auto;padding:96px 16px 60px}.wh-in{gap:18px}
  .wh-stats{gap:7px}.wh-s{padding:11px 6px}.wh-s small{font-size:9.5px;letter-spacing:.08em}.wh-s b{font-size:15px}
  .wh-act{flex-direction:column;width:100%;max-width:340px}.wh-b{justify-content:center}
  .wh-moon{width:360px;height:360px}
}
@media (prefers-reduced-motion:reduce){
  .wh *,.wh *::before,.wh *::after{animation:none!important}.wh-trees{transform:none!important}
}
/* premium buy-first layout */
.wh{padding-top:96px}.wh-in{gap:16px}
.wh-logo{width:clamp(76px,8vw,104px)}
.wh-val{margin:0;max-width:600px;font-size:clamp(15px,1.4vw,17px);line-height:1.55;color:#c9cdb8}
.wh-buy{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:12px;margin-top:6px;padding:20px 44px;border-radius:999px;background:linear-gradient(180deg,#ffd774,#f2c14e 55%,#d9a63a);color:#140f04;text-decoration:none;font:700 clamp(18px,1.8vw,21px)/1 var(--font,system-ui);letter-spacing:.01em;box-shadow:0 0 0 1px rgba(255,231,163,.6) inset,0 10px 40px -8px rgba(242,193,78,.75),0 0 70px -10px rgba(242,193,78,.6);transition:transform .2s,box-shadow .25s;animation:whPulse 2.8s ease-in-out infinite}
.wh-buy:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 0 0 1px #fff3c8 inset,0 14px 50px -6px rgba(242,193,78,.9),0 0 90px -6px rgba(242,193,78,.75)}
.wh-buy span{transition:transform .2s}.wh-buy:hover span{transform:translateX(4px)}
.wh-buy::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.6) 50%,transparent 70%);translate:-120% 0;animation:whSweep 3.6s ease-in-out infinite}
.wh-buy:focus-visible,.wh-b:focus-visible{outline:2px solid #ffe7a3;outline-offset:3px}
.wh-act .wh-b{padding:11px 18px;font-size:14px}
@keyframes whPulse{50%{box-shadow:0 0 0 1px rgba(255,231,163,.6) inset,0 10px 50px -6px rgba(242,193,78,.95),0 0 100px -6px rgba(242,193,78,.7)}}
@media (max-width:640px){.wh{padding-top:84px}.wh-buy{width:100%;max-width:360px;padding:19px 20px}.wh-act{flex-direction:row;max-width:360px}.wh-act .wh-b{flex:1;padding:12px 8px;font-size:13px}.wh-val{font-size:14.5px}.wh-h{font-size:40px!important}}
@media (max-width:640px){.wh-ca{display:none}.wh-b{white-space:nowrap}}