/* Art-driven layer: Thunder Crest */
body{background:#0b0907 url(/assets/art/bokeh.webp) center/cover fixed}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 12% 18%,rgba(255,180,80,.18) 0 4%,transparent 9%),radial-gradient(circle at 88% 14%,rgba(255,170,70,.16) 0 3%,transparent 8%),radial-gradient(circle at 78% 30%,rgba(255,190,90,.12) 0 2%,transparent 6%),rgba(11,9,7,.82)}
.hero{background-color:#0b0907;background-image:linear-gradient(180deg,rgba(11,9,7,.25) 0%,rgba(11,9,7,.5) 60%,#0b0907 100%),linear-gradient(90deg,#0b0907 0%,rgba(11,9,7,0) 14%,rgba(11,9,7,0) 86%,#0b0907 100%),url(/assets/art/hero-1792.webp),url(/assets/art/bokeh.webp);background-size:100% 100%,100% 100%,contain,cover;background-position:center,center,center,center;background-repeat:no-repeat;min-height:min(92vh,820px)}
@media (min-aspect-ratio:16/9){.hero{background-image:linear-gradient(180deg,rgba(11,9,7,.25) 0%,rgba(11,9,7,.5) 60%,#0b0907 100%),linear-gradient(90deg,#0b0907 0%,rgba(11,9,7,0) 25%,rgba(11,9,7,0) 75%,#0b0907 100%),url(/assets/art/hero-1792.webp),url(/assets/art/bokeh.webp)}}
@media (max-width:900px){.hero{background-image:linear-gradient(180deg,rgba(11,9,7,.3),rgba(11,9,7,.6) 60%,#0b0907),linear-gradient(90deg,rgba(11,9,7,0),rgba(11,9,7,0)),url(/assets/art/hero-1200.webp),url(/assets/art/bokeh.webp);background-size:100% 100%,100% 100%,100% auto,cover;background-position:center,center,center top,center}}
@media (max-width:600px){.hero{background-image:linear-gradient(180deg,rgba(11,9,7,0) 0,rgba(11,9,7,.3) 30vw,rgba(11,9,7,.85) 56vw,#0b0907 75vw),linear-gradient(90deg,rgba(11,9,7,0),rgba(11,9,7,0)),url(/assets/art/hero-768.webp),url(/assets/art/bokeh.webp);background-position:center,center,center top,center}}
.hero .hero-crest{width:clamp(170px,22vw,260px)!important;aspect-ratio:auto!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;filter:drop-shadow(0 0 30px rgba(255,220,140,.45)) drop-shadow(0 8px 18px #000)!important}
.hero-name,.section-head h2{background:linear-gradient(180deg,#fff3c4 0%,#f1d58a 30%,#b8862b 55%,#f6dd94 75%,#8a5f1c 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px 0 #3a1408) drop-shadow(0 3px 2px rgba(0,0,0,.85))}
.section{position:relative}
.section+.section::before{content:"";position:absolute;left:0;right:0;top:-14px;height:28px;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 28'%3E%3Cpath d='M0 14 L60 10 L85 18 L130 8 L160 16 L210 6 L240 15 L290 11 L300 22 L310 4 L330 14 L380 9 L410 19 L460 7 L490 15 L540 10 L570 17 L600 13' fill='none' stroke='%23fff' stroke-width='1.6' stroke-linejoin='bevel'/%3E%3C/svg%3E") center/600px 28px repeat-x;filter:drop-shadow(0 0 4px #fff) drop-shadow(0 0 10px #f1d58a);opacity:.75;animation:crackle 3.2s steps(1) infinite}
@keyframes crackle{0%,100%{opacity:.7}8%{opacity:.15}10%{opacity:1}12%{opacity:.4}14%{opacity:.85}60%{opacity:.6}62%{opacity:1}}
.art-badge{display:block;width:84px;height:auto;margin:0 auto .6rem;filter:drop-shadow(0 0 12px rgba(212,175,90,.4))}
.jb-flash{position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(circle at var(--x,50%) var(--y,50%),rgba(255,255,255,.9),rgba(241,213,138,.35) 25%,transparent 60%);animation:flash .45s ease-out forwards}
.jb-coin{position:fixed;width:28px;height:28px;border-radius:50%;pointer-events:none;z-index:10000;background:radial-gradient(circle at 35% 30%,#fff3c4,#d4af5a 45%,#8a5f1c);box-shadow:0 0 10px #f1d58a;animation:coin .7s cubic-bezier(.3,.6,.4,1) forwards}
@keyframes flash{from{opacity:1}to{opacity:0}}
@keyframes coin{0%{transform:translate(-50%,-160%) rotateY(0) scale(1.2);opacity:1}100%{transform:translate(-50%,0) rotateY(720deg) scale(.4);opacity:0}}
@media (prefers-reduced-motion:reduce){.section+.section::before{animation:none}.jb-flash,.jb-coin{display:none}}
.hero .hero-glow{background:radial-gradient(ellipse 30% 42% at 50% 66%,rgba(11,9,7,.72),transparent 100%),radial-gradient(ellipse 55% 50% at 50% 40%,rgba(232,170,80,.12),transparent 70%),radial-gradient(ellipse 120% 90% at 50% 50%,transparent 60%,rgba(0,0,0,.55) 100%)}
.hero .hero-crest{-webkit-mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 62%,transparent 100%);mask-image:radial-gradient(ellipse 70% 72% at 50% 50%,#000 62%,transparent 100%)}

.faq-list{display:grid;gap:.75rem;margin-top:1.5rem}.faq-item{border:1px solid rgba(212,175,90,.35);border-radius:8px;padding:.8rem 1rem}.faq-item summary{cursor:pointer;list-style:revert}.faq-item summary h3{display:inline;font-size:1.05rem;margin:0}.faq-item p{margin:.6rem 0 0}.seo-intro{max-width:40rem;margin:1rem auto 0;text-align:center}
@media (max-width:480px){.hero .eyebrow .badge{font-size:.72rem;letter-spacing:.1em;padding:.4rem .8rem;white-space:nowrap}}
@media (max-width:480px){.hero .tagline{font-size:.8rem;letter-spacing:.08em}.hero .tagline .nw{white-space:normal}}