/* WOLF1956 v5.6 "dazzle" layer — loads after site.css. Visual only; no content. No external requests. */
:root{
  --navy:#0a1630; --navy2:#0d1d3d; --gold:#f2b544; --ember:#ff6a2b; --cream:#F2E6C9;
  --grad-gold:linear-gradient(100deg,#F2E6C9 0%,#f2b544 45%,#ff6a2b 75%,#c62828 100%);
  --glass:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  --glass-line:rgba(242,230,201,.14);
}
body.dz{background:radial-gradient(1200px 800px at 80% -10%,rgba(198,40,40,.10),transparent 60%),linear-gradient(180deg,#060c1a 0%,var(--bg) 40%,#060c16 100%);}

/* scroll progress */
.scroll-prog{position:fixed;inset:0 0 auto;height:3px;z-index:60;pointer-events:none}
.scroll-prog span{display:block;height:100%;width:100%;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:var(--grad-gold);box-shadow:0 0 12px rgba(255,106,43,.8)}

/* nav */
.dz .nav.scrolled{background:rgba(8,16,36,.72);border-color:rgba(242,181,68,.16)}
.dz .brand .mark{filter:drop-shadow(0 0 10px rgba(255,106,43,.45))}
.dz .links a:not(.btn){position:relative}
.dz .links a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--grad-gold);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.dz .links a:not(.btn):hover::after{transform:scaleX(1)}

/* buttons */
.dz .btn-fire{position:relative;overflow:hidden;background:linear-gradient(100deg,#8B1A1A,#c62828 45%,#e2532d 80%,#f2b544 130%);box-shadow:0 12px 36px -10px rgba(198,40,40,.85),0 0 0 1px rgba(242,181,68,.25) inset}
.dz .btn-fire::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .7s}
.dz .btn-fire:hover::after{transform:translateX(120%)}
.dz .btn-fire:hover{box-shadow:0 18px 48px -10px rgba(255,106,43,.9),0 0 30px -6px rgba(242,181,68,.6)}
.dz .btn-ghost{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.dz .btn-ghost:hover{border-color:rgba(242,181,68,.55);box-shadow:0 0 24px -8px rgba(242,181,68,.6)}

/* HERO */
.dz .hero{background:radial-gradient(120% 90% at 50% 0%,#0f2350 0%,#0a1630 38%,#060c1a 78%);min-height:min(100vh,1000px)}
.dz .grid{opacity:.55}
.dz .g1{width:720px;height:720px;right:-160px;top:-200px;background:radial-gradient(circle,#ff6a2b 0,#c62828 30%,transparent 65%);opacity:.6}
.dz .g2{background:radial-gradient(circle,#1d4fa8 0,transparent 65%);opacity:.55}
.dz .g3{width:520px;height:380px;left:30%;bottom:-160px;background:radial-gradient(circle,#f2b544 0,#ff6a2b 35%,transparent 70%);opacity:.35;animation:ember-breathe 6s ease-in-out infinite}
@keyframes ember-breathe{50%{opacity:.55;transform:scale(1.12)}}
.flame-floor{position:absolute;left:-10%;right:-10%;bottom:0;height:42%;background:radial-gradient(60% 100% at 50% 100%,rgba(198,40,40,.40),rgba(255,106,43,.14) 45%,transparent 75%);filter:blur(10px);animation:flicker 3.2s ease-in-out infinite alternate;pointer-events:none}
@keyframes flicker{0%{opacity:.75;transform:scaleY(1)}40%{opacity:1;transform:scaleY(1.06)}70%{opacity:.85;transform:scaleY(.97)}100%{opacity:1;transform:scaleY(1.03)}}
.fx{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}

.dz .hero-logo{position:relative;max-width:220px;margin-bottom:26px}
.dz .hero-logo img{position:relative;filter:drop-shadow(0 0 28px rgba(255,106,43,.45)) drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:emblem-in 1.1s cubic-bezier(.2,.8,.2,1) both}
.halo{position:absolute;left:50%;top:38%;width:150%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(from 0deg,transparent,rgba(242,181,68,.55),transparent 30%,rgba(198,40,40,.55),transparent 60%,rgba(255,106,43,.5),transparent 85%);filter:blur(22px);opacity:.75;animation:spin 14s linear infinite;pointer-events:none}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes emblem-in{from{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:none}}

.dz .eyebrow{border-color:rgba(242,181,68,.3);background:rgba(242,181,68,.06);box-shadow:0 0 24px -10px rgba(242,181,68,.6)}
.dz .display{font-size:clamp(50px,7vw,104px);text-shadow:none}
.dz .display .line:not(:last-child)>span{background:linear-gradient(180deg,#ffffff 0%,#fbf6ea 55%,#F2E6C9 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz .display .fire-text{background:linear-gradient(100deg,#f2b544 0%,#ff6a2b 30%,#e23b2e 60%,#f2b544 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise .9s cubic-bezier(.2,.8,.2,1) .24s forwards,sheen 6s linear 1.4s infinite}
@keyframes sheen{to{background-position:-220% 0}}
.dz .fire-text{background:linear-gradient(100deg,#f2b544,#ff6a2b 40%,#d63a2c 80%);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz .spec-chips li{border-color:rgba(242,181,68,.25)!important;background:rgba(10,22,48,.55)!important;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.dz .app{box-shadow:0 40px 120px -30px rgba(0,0,0,.8),0 0 0 1px rgba(242,181,68,.18),0 0 80px -20px rgba(255,106,43,.45)!important;background:linear-gradient(160deg,rgba(17,32,64,.92),rgba(8,16,32,.92))!important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dz .marquee{background:linear-gradient(90deg,rgba(139,26,26,.18),rgba(10,22,48,.4),rgba(139,26,26,.18));border-color:rgba(242,181,68,.18)}
.dz .track span::after{background:var(--gold);box-shadow:0 0 10px var(--ember)}

/* FACTS strip */
.facts{position:relative;padding:44px 0;background:linear-gradient(180deg,#081228,#0a1630);border-bottom:1px solid rgba(242,181,68,.14)}
.facts-in{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.fact{padding:22px 22px 20px;border-radius:18px;background:var(--glass);border:1px solid var(--glass-line);display:flex;flex-direction:column;gap:6px;transition:transform .35s,box-shadow .35s,border-color .35s}
.fact b{font:800 clamp(40px,4.4vw,60px)/1 var(--display);letter-spacing:-.03em;background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.fact span{color:var(--muted);font-size:14px;line-height:1.35}
.fact:hover{transform:translateY(-6px);border-color:rgba(242,181,68,.45);box-shadow:0 24px 50px -24px rgba(255,106,43,.55)}

/* bold section dividers */
.dz .sec{position:relative}
.dz .sec:not(.outputs):not(.origin)::before{content:"";position:absolute;left:50%;top:0;width:min(900px,80%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(242,181,68,.6),rgba(198,40,40,.8),rgba(242,181,68,.6),transparent);box-shadow:0 0 18px rgba(255,106,43,.55)}
.dz .sec:not(.outputs):not(.origin)::after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;transform:translateX(-50%) rotate(45deg);background:var(--gold);box-shadow:0 0 16px var(--ember),0 0 0 4px rgba(10,22,48,1)}
.dz .kicker{color:var(--gold);text-shadow:0 0 18px rgba(242,181,68,.35)}
.dz .kicker.dark{color:#a3261d;text-shadow:none}
.dz .h2{font-size:clamp(34px,4.4vw,60px)}

/* glass cards + hover lift */
.dz .card,.dz .tk,.dz .step,.dz .aud-card,.dz .rules li,.dz .qa details,.dz .demo-card,.dz .start-card{background:var(--glass);border-color:var(--glass-line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dz .card,.dz .tk,.dz .step,.dz .aud-card,.dz .rules li{transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s,border-color .4s}
.dz .card:hover,.dz .tk:hover,.dz .step:hover,.dz .aud-card:hover{transform:translateY(-8px);border-color:rgba(242,181,68,.42);box-shadow:0 30px 60px -28px rgba(0,0,0,.8),0 0 40px -14px rgba(255,106,43,.5)}
.dz .rules li:hover{transform:translateX(6px);border-color:rgba(242,181,68,.38)}
.dz .ico,.dz .tk-ico{box-shadow:0 0 22px -6px rgba(255,106,43,.6)}
.dz .step .num{border-color:var(--gold);box-shadow:0 0 0 6px var(--bg2),0 0 22px rgba(255,106,43,.6)}
.dz .aud-card.feature{background:linear-gradient(160deg,rgba(139,26,26,.35),rgba(10,22,48,.6) 65%);border-color:rgba(242,181,68,.35)}
.dz .how{background:linear-gradient(180deg,#060c1a,#0a1630)}
.dz .principles{background:radial-gradient(800px 400px at 15% 0%,rgba(198,40,40,.14),transparent 60%),#0a1630}
.dz .demo-card{box-shadow:0 30px 90px -40px rgba(255,106,43,.45)}
.dz .demo-frame{box-shadow:0 0 0 1px rgba(242,181,68,.2),0 30px 70px -30px #000}
.dz .play{box-shadow:0 0 0 10px rgba(198,40,40,.18),0 0 40px rgba(255,106,43,.7)}
.dz .viewer{transition:transform .4s,box-shadow .4s}
.dz .viewer:hover{transform:translateY(-4px);box-shadow:0 30px 60px -30px rgba(10,22,48,.6)}
.dz .cmp{background:var(--glass);border-color:var(--glass-line)}
.dz .cmp-us{color:var(--cream)}
.dz .origin blockquote{border-left-color:var(--gold);background:linear-gradient(90deg,rgba(198,40,40,.12),rgba(255,255,255,.02));box-shadow:-6px 0 30px -12px rgba(255,106,43,.6)}

/* FOUNDER */
.dz .about{background:radial-gradient(900px 600px at 18% 40%,rgba(198,40,40,.22),transparent 60%),radial-gradient(700px 500px at 90% 80%,rgba(242,181,68,.08),transparent 60%),linear-gradient(180deg,#0a1630,#071022);overflow:hidden}
.dz .about-in{grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:clamp(40px,5vw,80px);align-items:center}
.founder{margin:0;position:relative}
.founder-frame{position:relative;border-radius:26px;padding:6px;background:linear-gradient(145deg,#f2b544,#c62828 35%,#8B1A1A 55%,#ff6a2b 80%,#f2b544);box-shadow:0 0 0 1px rgba(242,181,68,.4),0 0 50px -6px rgba(255,106,43,.65),0 0 120px -30px rgba(198,40,40,.9),0 40px 80px -30px #000;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;isolation:isolate}
.founder-frame::before{content:"";position:absolute;inset:-18px;border-radius:40px;z-index:-1;background:conic-gradient(from 0deg,rgba(242,181,68,.0),rgba(242,181,68,.6),rgba(198,40,40,.0) 30%,rgba(255,106,43,.6) 55%,rgba(242,181,68,0) 75%,rgba(198,40,40,.6));filter:blur(26px);opacity:.8;animation:frame-glow 10s linear infinite}
@keyframes frame-glow{to{transform:rotate(360deg)}}
.founder-frame picture,.founder-frame picture img{display:block;width:100%;height:auto;border-radius:21px;aspect-ratio:3/4;object-fit:cover}
.founder-frame picture{overflow:hidden;border-radius:21px;background:#0a1630}
.founder-frame picture img{transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.founder:hover .founder-frame{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 0 0 1px rgba(242,181,68,.6),0 0 70px -4px rgba(255,106,43,.8),0 0 140px -30px rgba(198,40,40,1),0 50px 90px -30px #000}
.founder:hover .founder-frame picture img{transform:scale(1.035)}
.founder-badge{position:absolute;right:-22px;bottom:-26px;width:84px;height:auto;filter:drop-shadow(0 0 16px rgba(255,106,43,.6)) drop-shadow(0 10px 18px rgba(0,0,0,.6))}
.founder figcaption{margin-top:22px;display:flex;flex-direction:column;gap:2px}
.founder figcaption b{font:800 24px/1.1 var(--display);background:var(--grad-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.founder figcaption span{font:600 12px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.dz .about-copy .h2{font-size:clamp(40px,4.8vw,66px);background:linear-gradient(180deg,#fff,#F2E6C9);-webkit-background-clip:text;background-clip:text;color:transparent;max-width:none}
.dz .about-copy .h2::after{content:"";display:block;width:96px;height:4px;margin-top:18px;border-radius:4px;background:var(--grad-gold);box-shadow:0 0 16px rgba(255,106,43,.7)}
.dz .about-copy p{color:#c4cfdb}
.dz .about-copy b{color:var(--cream)}

/* pricing */
.dz .price-card{background:linear-gradient(160deg,rgba(23,40,78,.85),rgba(10,22,48,.9));box-shadow:0 0 0 1px rgba(242,181,68,.25),0 40px 100px -40px rgba(255,106,43,.6),0 0 80px -30px rgba(198,40,40,.7)}
.dz .pc-price{background:linear-gradient(180deg,#fff,#F2E6C9 60%,#f2b544);-webkit-background-clip:text;background-clip:text;color:transparent}
.dz .badge{background:linear-gradient(100deg,#f2b544,#ff6a2b);color:#1a0b00}
.dz .start-card{background:linear-gradient(140deg,rgba(139,26,26,.55),rgba(10,22,48,.75) 60%);border-color:rgba(242,181,68,.3);box-shadow:0 40px 100px -40px rgba(198,40,40,.8)}
.dz .foot{background:linear-gradient(180deg,#060c1a,#040811);border-top:1px solid rgba(242,181,68,.16)}

/* reveal: richer motion */
.dz .reveal{transform:translateY(36px) scale(.985);filter:blur(4px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1),filter .9s}
.dz .reveal.in{transform:none;filter:none}
.dz .founder.reveal{transform:translateX(-40px) scale(.96)}
.dz .founder.reveal.in{transform:none}
.no-js.dz .reveal,.no-js .dz .reveal{filter:none}

/* responsive: iPad landscape 1024, portrait 768, phone */
@media (max-width:1060px){
  .dz .hero{min-height:0}
  .dz .about-in{grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:44px}
}
@media (max-width:880px){
  .facts-in{grid-template-columns:1fr 1fr}
  .dz .about-in{grid-template-columns:1fr;gap:40px}
  .founder{max-width:380px;margin-inline:auto}
}
@media (max-width:560px){
  .facts{padding:30px 0}
  .facts-in{gap:12px}
  .fact{padding:16px}
  .founder{max-width:300px}
  .founder-badge{width:64px;right:-10px;bottom:-18px}
  .dz .hero-logo{max-width:150px}
}
@media (prefers-reduced-motion:reduce){
  .halo,.founder-frame::before,.flame-floor,.dz .g3{animation:none!important}
  .fx{display:none}
  .dz .reveal{filter:none;transform:none;opacity:1}
  .dz .display .fire-text{animation:none!important;transform:none}
  .dz .btn-fire::after{display:none}
}