:root{
  --bg:#060606;
  --paper:#f5f1e8;
  --orange:#f7931a;
  --orange2:#ffb347;
  --blue:#1766e8;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--paper)}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;overflow:hidden}
.scene{position:relative;min-height:100svh;isolation:isolate;display:grid;place-items:center;padding:clamp(22px,4vw,56px)}
.scene::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,3,.98) 0%,rgba(3,3,3,.88) 31%,rgba(3,3,3,.36) 58%,rgba(3,3,3,.08) 100%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 40%);z-index:-1}
.noise{position:absolute;inset:0;opacity:.115;mix-blend-mode:soft-light;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}
.radial{position:absolute;inset:-30%;z-index:-2;background:radial-gradient(circle at 80% 45%,rgba(247,147,26,.19),transparent 25%),radial-gradient(circle at 65% 25%,rgba(32,104,232,.14),transparent 30%),radial-gradient(circle at 50% 100%,rgba(247,147,26,.08),transparent 34%)}
#stars{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.wizard-stage{position:absolute;right:-1.5vw;bottom:-10vh;width:min(61vw,890px);height:min(110vh,900px);z-index:-3;display:flex;align-items:flex-end;justify-content:center;filter:saturate(.82) contrast(1.08)}
.wizard-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 24%,transparent 77%,rgba(0,0,0,.45) 100%),linear-gradient(0deg,rgba(0,0,0,.8) 0%,transparent 30%)}
.wizard-original,.wizard-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.wizard-original{opacity:.86;mix-blend-mode:screen;filter:grayscale(.18) saturate(.78) contrast(1.18) brightness(.6)}
.wizard-fallback{display:grid;place-items:end center;background:radial-gradient(circle at 58% 44%,rgba(247,147,26,.17),transparent 26%)}
.wizard-fallback svg{height:92%;width:92%;opacity:.62;filter:drop-shadow(0 0 35px rgba(25,95,226,.28))}
.content{width:min(860px,88vw);justify-self:start;align-self:center;position:relative;z-index:5;margin-left:clamp(0px,4vw,72px);transform:translateY(-2vh)}
.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(10px,.92vw,14px);letter-spacing:.18em;text-transform:uppercase;color:rgba(245,241,232,.58);margin-bottom:clamp(22px,3vh,38px)}
.eyebrow .btc{color:var(--orange);text-shadow:0 0 18px rgba(247,147,26,.85);margin-right:8px}.dot{color:var(--orange);padding:0 6px}
h1{margin:0;font-size:clamp(48px,6.25vw,108px);line-height:.91;letter-spacing:-.055em;font-weight:760;text-wrap:balance;max-width:11ch}
h1 .line{display:block}
h1 .muted{color:rgba(245,241,232,.73);font-weight:610}
h1 .earth{position:relative;color:transparent;background:linear-gradient(90deg,#ffb24a 0%,#f7931a 34%,#ffd48d 52%,#f7931a 72%,#ffb24a 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 5.4s ease-in-out infinite;text-shadow:0 0 28px rgba(247,147,26,.14)}
h1 .earth::after{content:"";position:absolute;width:.12em;height:.12em;border-radius:50%;background:#fff0c7;box-shadow:0 0 5px #fff,0 0 16px #ffb347,0 0 34px #f7931a;right:.08em;top:.15em;animation:spark 2.7s ease-in-out infinite}
.cta{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,2.45vw,42px);font-style:italic;margin:clamp(20px,3vh,36px) 0 0;color:var(--paper);letter-spacing:-.025em}
.sigil{display:flex;align-items:center;gap:12px;margin-top:clamp(28px,5vh,58px);font:600 10px/1 ui-monospace,SFMono-Regular,monospace;letter-spacing:.22em;color:rgba(245,241,232,.44)}
.sigil i{display:block;width:52px;height:1px;background:linear-gradient(90deg,rgba(247,147,26,0),rgba(247,147,26,.9),rgba(247,147,26,0))}.sigil span{color:var(--orange);text-shadow:0 0 12px rgba(247,147,26,.75)}
footer{position:absolute;left:clamp(22px,4vw,56px);right:clamp(22px,4vw,56px);bottom:max(18px,env(safe-area-inset-bottom));display:flex;justify-content:space-between;align-items:center;font:600 9px/1 ui-monospace,SFMono-Regular,monospace;text-transform:uppercase;letter-spacing:.25em;color:rgba(245,241,232,.24);z-index:6}
.footer-btc{font-size:16px;color:rgba(247,147,26,.55);text-shadow:0 0 20px rgba(247,147,26,.6)}
@keyframes shimmer{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes spark{0%,100%{opacity:.15;transform:scale(.7) rotate(0)}42%{opacity:1;transform:scale(1.45) rotate(90deg)}58%{opacity:.4;transform:scale(.8) rotate(140deg)}}
@media(max-width:760px){
  .scene{padding:24px 20px 62px;align-items:end}
  .scene::before{background:linear-gradient(0deg,rgba(2,2,2,.98) 0%,rgba(2,2,2,.89) 42%,rgba(2,2,2,.18) 78%,rgba(2,2,2,.08) 100%)}
  .wizard-stage{width:118vw;height:66vh;right:-12vw;top:-5vh;bottom:auto;opacity:.95}
  .wizard-stage::after{background:linear-gradient(0deg,var(--bg) 0%,transparent 42%),linear-gradient(90deg,rgba(0,0,0,.25),transparent 50%,rgba(0,0,0,.3))}
  .content{width:100%;margin:0;transform:none;align-self:end}
  .eyebrow{margin-bottom:18px;letter-spacing:.13em;font-size:9px}
  h1{font-size:clamp(45px,14vw,72px);max-width:9.6ch;line-height:.91}
  .cta{font-size:28px;margin-top:18px}
  .sigil{margin-top:26px}
  footer{left:20px;right:20px;bottom:18px}.footer-btc{display:none}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important}.wizard-original{mix-blend-mode:normal}}