:root{--gold:#d4a017;--gold-bright:#f0c84a;--violet:#7f77dd;--violet-soft:#c4a0f5;--green:#1d9e75;--green-soft:#6fe0b0;--red:#d85a30;--red-soft:#f0a585;--bg:#0a0710;--ink:#f3ebff}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:Inter,sans-serif;font-weight:300;line-height:1.7;overflow-x:hidden}
.serif{font-family:"Cormorant Garamond",serif}.gold{color:var(--gold-bright)}.wrap{max-width:920px;margin:0 auto;padding:0 28px}section{position:relative}
.topbar{position:fixed;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#8a6a16,var(--gold),var(--gold-bright),var(--gold),#8a6a16);z-index:100}
.hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:90px 28px 60px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 25%,#2a1454 0%,#160a2e 50%,#0a0710 100%)}
.rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.rings div{position:absolute;border-radius:50%;border:1px solid rgba(180,120,255,.12);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulse 6s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.5}50%{opacity:.15}}
.glyph{font-size:46px;color:var(--gold);margin-bottom:24px;position:relative}.wolf-stage{position:relative;width:180px;height:180px;max-width:62vw;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.wolf-aura{position:absolute;inset:-30px;border-radius:50%;filter:blur(10px);background:radial-gradient(circle,rgba(180,120,255,.4),transparent 65%);animation:auraPulse 5s ease-in-out infinite}
@keyframes auraPulse{0%,100%{transform:scale(.88);opacity:.5}50%{transform:scale(1.18);opacity:.95}}
.hero-wolf{position:relative;width:180px;max-width:60vw;border-radius:20px;animation:wolfFloat 6s ease-in-out infinite,wolfGlow 9s ease-in-out infinite}
@keyframes wolfFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes wolfGlow{0%,100%{filter:drop-shadow(0 0 26px rgba(127,119,221,.65))}33%{filter:drop-shadow(0 0 30px rgba(240,200,74,.6))}66%{filter:drop-shadow(0 0 30px rgba(111,224,176,.55))}}
.hero h1{font-family:"Cormorant Garamond",serif;font-weight:700;font-size:clamp(38px,6vw,64px);line-height:1.05;margin-bottom:20px;position:relative}.hero p.sub{font-size:clamp(16px,2vw,20px);color:rgba(225,210,255,.75);max-width:700px;margin:0 auto 26px;position:relative}.kicker{font-size:14px;letter-spacing:.3em;text-transform:uppercase;color:var(--violet-soft);margin-bottom:20px;position:relative}
.btn{display:inline-block;font-family:Inter,sans-serif;font-weight:500;font-size:17px;letter-spacing:.02em;padding:18px 42px;border-radius:50px;cursor:pointer;text-decoration:none;transition:all .25s;position:relative}.btn-gold{background:linear-gradient(90deg,var(--gold),var(--gold-bright));color:#1a1206;border:none}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 40px rgba(212,160,23,.35)}.btn-ghost{background:transparent;color:var(--ink);border:1px solid rgba(255,255,255,.25)}.btn-ghost:hover{border-color:var(--gold);color:var(--gold-bright)}
.scroll-hint{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.4);animation:bob 2.5s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}
.block{padding:100px 0}.eyebrow{font-size:13px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:18px;font-weight:500}.e-violet{color:var(--violet-soft)}.e-green{color:var(--green-soft)}.e-red{color:var(--red-soft)}h2.sec{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:clamp(32px,5vw,54px);line-height:1.1;margin-bottom:28px}.lead{font-size:clamp(17px,2.2vw,21px);color:rgba(225,210,255,.7);max-width:680px}
.vsl{background:radial-gradient(circle at 50% 0%,#1a1030 0%,#0a0710 60%)}.video-frame{max-width:760px;margin:0 auto;border-radius:18px;overflow:hidden;border:1px solid rgba(212,160,23,.35);box-shadow:0 20px 80px rgba(127,119,221,.18);background:#000}.video-frame iframe{width:100%;height:100%;min-height:430px;display:block;border:none;object-fit:cover}
.prob-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;margin-top:48px}.prob{background:rgba(127,119,221,.07);border:1px solid rgba(127,119,221,.18);border-radius:16px;padding:30px 26px}.prob .ico{font-size:30px;margin-bottom:14px}.prob h3{font-family:"Cormorant Garamond",serif;font-size:24px;font-weight:600;margin-bottom:8px}.prob p{font-size:15px;color:rgba(225,210,255,.6)}
.sci{background:radial-gradient(circle at 70% 30%,#14402a 0%,#0a0710 60%)}.waves{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:48px}.wave{border:1px solid rgba(111,224,176,.22);border-radius:16px;padding:26px 22px;background:rgba(29,158,117,.06)}.wave .hz{font-family:"Cormorant Garamond",serif;font-size:32px;font-weight:600;color:var(--green-soft)}.wave .nm{font-size:14px;letter-spacing:.15em;text-transform:uppercase;margin:6px 0 10px;color:var(--gold-bright)}.wave p{font-size:14px;color:rgba(200,240,215,.65)}
.tools{background:radial-gradient(circle at 30% 30%,#3a1410 0%,#0a0710 60%)}.tool-row{display:flex;gap:22px;align-items:flex-start;padding:30px 0;border-bottom:1px solid rgba(240,165,133,.15)}.tool-row:last-child{border-bottom:none}.tool-num{font-family:"Cormorant Garamond",serif;font-size:42px;font-weight:600;color:var(--red-soft);min-width:64px;line-height:1}.tool-row h3{font-family:"Cormorant Garamond",serif;font-size:27px;font-weight:600;margin-bottom:6px}.tool-row p{font-size:16px;color:rgba(245,215,205,.7)}
.paths{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;margin-top:48px}.path{border-radius:20px;padding:38px 30px;border:1px solid;position:relative;transition:transform .25s}.path:hover{transform:translateY(-4px)}.path.v{background:rgba(127,119,221,.08);border-color:rgba(127,119,221,.3)}.path.g{background:rgba(29,158,117,.08);border-color:rgba(29,158,117,.3)}.path.r{background:rgba(216,90,48,.08);border-color:rgba(216,90,48,.3)}.path .pico{font-size:34px;margin-bottom:16px}.path h3{font-family:"Cormorant Garamond",serif;font-size:26px;font-weight:600;margin-bottom:10px}.path p{font-size:15px;color:rgba(225,210,255,.65);margin-bottom:22px}.path .plink{font-size:14px;font-weight:500;letter-spacing:.05em;color:var(--gold-bright);text-decoration:none}
.story{background:radial-gradient(circle at 50% 50%,#1a1030 0%,#0a0710 70%);text-align:center}.story blockquote{font-family:"Cormorant Garamond",serif;font-size:clamp(24px,3.6vw,38px);font-weight:500;line-height:1.3;max-width:760px;margin:0 auto;font-style:italic}.story cite{display:block;margin-top:28px;font-style:normal;font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:var(--violet-soft)}
.capture{background:radial-gradient(circle at 50% 0%,#2a1454 0%,#0a0710 60%);text-align:center}.capture .glyph{font-size:38px}.gift-card{max-width:560px;margin:40px auto 0;background:rgba(255,255,255,.04);border:1px solid rgba(212,160,23,.3);border-radius:22px;padding:46px 38px}.gift-card h2{font-family:"Cormorant Garamond",serif;font-size:34px;font-weight:600;margin-bottom:12px}.gift-card p{font-size:16px;color:rgba(225,210,255,.7);margin-bottom:28px}.field{display:flex;flex-direction:column;gap:12px}.field input{display:none}.micro{font-size:12px;color:rgba(255,255,255,.4);margin-top:16px}.thanks{display:none;color:var(--green-soft);font-size:17px;margin-top:18px}.confirm-btn{margin-top:26px;animation:fadeUp .6s ease both}.confirm-hint{font-size:13px;color:rgba(255,255,255,.45);margin-top:14px;animation:fadeUp .6s ease both}
@keyframes fadeUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.share-prompt{font-size:15px;color:rgba(225,210,255,.7);margin:22px 0 14px}.share-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:9px;font-family:Inter,sans-serif;font-weight:500;font-size:15px;padding:13px 24px;border-radius:50px;text-decoration:none;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s;color:#fff}.share-btn:hover{transform:translateY(-2px)}.share-wa{background:#25d366;color:#0a2e16}.share-fb{background:#1877f2}.share-ico{font-size:18px;line-height:1}
.players{background:radial-gradient(circle at 50% 0%,#1a1030 0%,#0a0710 60%)}.vplayers{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px;margin-top:48px;max-width:820px}.vplayer{position:relative;aspect-ratio:9/16;border-radius:20px;overflow:hidden;cursor:pointer;border:1px solid;transition:transform .25s;display:flex;align-items:flex-end;justify-content:center}.vplayer:hover{transform:translateY(-5px)}.vplayer.v{border-color:rgba(127,119,221,.4);background:linear-gradient(160deg,#241653,#0e0820)}.vplayer.g{border-color:rgba(29,158,117,.4);background:linear-gradient(160deg,#10402a,#08180f)}.vplayer.r{border-color:rgba(216,90,48,.4);background:linear-gradient(160deg,#3a1410,#180806)}.vp-top{position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#8a6a16,var(--gold),var(--gold-bright),var(--gold),#8a6a16)}.vp-glow{position:absolute;top:38%;left:50%;width:120px;height:120px;transform:translate(-50%,-50%);border-radius:50%;filter:blur(18px);animation:auraPulse 4s ease-in-out infinite}.vplayer.v .vp-glow{background:radial-gradient(circle,rgba(160,120,255,.5),transparent 70%)}.vplayer.g .vp-glow{background:radial-gradient(circle,rgba(60,210,140,.45),transparent 70%)}.vplayer.r .vp-glow{background:radial-gradient(circle,rgba(240,130,80,.45),transparent 70%)}.vp-play{position:absolute;top:38%;left:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;background:linear-gradient(90deg,var(--gold),var(--gold-bright));color:#1a1206;display:flex;align-items:center;justify-content:center;font-size:28px;padding-left:5px;box-shadow:0 6px 26px rgba(212,160,23,.4);transition:transform .2s}.vp-label{position:relative;z-index:2;width:100%;padding:22px 18px;text-align:center;background:linear-gradient(to top,rgba(8,4,16,.85),transparent)}.vp-label h3{font-family:"Cormorant Garamond",serif;font-size:22px;font-weight:600;margin-bottom:3px}.vp-label span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-bright)}.vplayer video,.vplayer iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:none;z-index:5}
footer{padding:60px 28px;text-align:center;border-top:1px solid rgba(255,255,255,.08)}footer .glyph{font-size:30px;margin-bottom:14px}footer p{font-size:14px;color:rgba(255,255,255,.4)}footer a{color:var(--gold-bright);text-decoration:none}.center{text-align:center}.mt40{margin-top:40px}
a:focus-visible,button:focus-visible{outline:3px solid var(--gold-bright);outline-offset:4px}
@media(max-width:640px){.video-frame iframe{min-height:0}.scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}