@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');:root{color-scheme:dark;--bg:#050505;--white:#f6f6f6;--muted:#999;--stroke:#343434}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% -20%,#3334,transparent 60%);z-index:-1}.top{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,90px);border-bottom:1px solid #ffffff24;background:#070707e8;position:sticky;top:0;z-index:10;backdrop-filter:blur(18px)}.brand{display:flex;gap:13px;align-items:center}.brandmark{font:italic 900 43px/1 'Barlow Condensed';letter-spacing:-3px;text-shadow:2px 3px #777}.brandtxt{font:800 17px/1 Inter;letter-spacing:4px}.brandtxt small{display:block;font:500 8px/2 Inter;letter-spacing:3px;color:#888}.top nav{display:flex;gap:34px}.top nav a{font-size:11px;font-weight:800;letter-spacing:1.5px;color:#bdbdbd}.top nav a:hover{color:#fff}.button{border:1px solid #777;min-height:50px;padding:0 25px;display:inline-flex;gap:24px;align-items:center;justify-content:center;font:800 12px Inter;letter-spacing:1px;transition:.2s;background:transparent;color:white}.button:hover{transform:translateY(-2px);box-shadow:0 0 25px #fff3}.button.primary{background:#f4f4f4;color:#080808;border-color:#fff}.button.small{min-height:39px;font-size:10px;padding:0 17px}.hero{min-height:575px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #3d3d3d}.hero-back{position:absolute;inset:0;background:linear-gradient(90deg,#050505e8 0%,#050505b3 46%,#050505ab 100%),url('/banner.png') center/cover no-repeat;filter:grayscale(1)}.hero:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff05 4px);pointer-events:none}.hero-content{text-align:center;position:relative;z-index:1;padding:65px 20px}.eyebrow,.overline{font:700 11px Inter;letter-spacing:4px;color:#c8c8c8}.dot{display:inline-block;background:#fff;width:6px;height:6px;border-radius:50%;margin-right:8px}.rule{display:inline-block;width:35px;height:1px;background:#aaa;vertical-align:middle;margin:0 12px}.huge-logo{font:italic 900 clamp(100px,16vw,220px)/.83 'Barlow Condensed';letter-spacing:-15px;transform:skew(-8deg);filter:drop-shadow(5px 8px 0 #333) drop-shadow(0 0 24px #fff6)}.huge-logo span{color:#aaa}h1,h2,h3,p{margin-top:0}h1{font:900 clamp(40px,6vw,85px)/.9 'Barlow Condensed';letter-spacing:8px;margin:13px 0}h1 em,h2 i{font-style:normal;color:#999}.tagline{font:800 12px Inter;letter-spacing:7px}.hero-desc{color:#aaa;max-width:530px;line-height:1.8;font-size:13px;margin:22px auto}.actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero-side{position:absolute;right:30px;top:50%;writing-mode:vertical-rl;letter-spacing:5px;font-size:9px;color:#aaa}.hero-side span{padding:15px 0}.ticker{border-bottom:1px solid #303030;border-top:1px solid #303030;background:#111;display:flex;justify-content:space-around;gap:15px;padding:19px;overflow:hidden;white-space:nowrap;font-size:10px;font-weight:800;letter-spacing:2px;color:#bbb}.products,.how{max-width:1450px;margin:auto;padding:95px 40px}.section-top{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}h2{font:900 clamp(42px,5vw,70px)/.98 'Barlow Condensed';letter-spacing:2px;margin:15px 0}.sub{color:#929292;font-size:13px}.outline-counter{font:900 55px 'Barlow Condensed';color:#ddd;text-align:right}.outline-counter small{display:block;font:700 10px Inter;letter-spacing:2px;color:#777}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.plan{border:1px solid #343434;background:linear-gradient(150deg,#1c1c1c,#080808 65%);padding:27px;min-height:320px;position:relative;overflow:hidden;transition:.25s}.plan:hover{border-color:#bbb;transform:translateY(-4px)}.plan:before{content:'507';position:absolute;right:-12px;top:34px;font:italic 900 145px 'Barlow Condensed';color:#ffffff07;transform:rotate(-15deg)}.plan .topline{display:flex;justify-content:space-between;align-items:center}.number{font:800 11px Inter;letter-spacing:2px;color:#888}.pill{border:1px solid #777;border-radius:20px;padding:6px 10px;font-size:9px;letter-spacing:1px}.plan h3{font:900 38px 'Barlow Condensed';margin:40px 0 4px;letter-spacing:1px}.price{font:900 58px 'Barlow Condensed';margin:0}.price span{font-size:17px;color:#999;font-weight:500}.plan p.detail{color:#999;font-size:12px;margin:0 0 24px}.plan button{width:100%;position:relative;z-index:1}.how{border-top:1px solid #2a2a2a;display:grid;grid-template-columns:1fr 2fr;gap:50px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.steps article{border-top:1px solid #777;padding-top:25px}.steps strong{font:900 48px 'Barlow Condensed';color:#6b6b6b}.steps h3{font:900 24px 'Barlow Condensed';letter-spacing:2px;margin:15px 0}.steps p{font-size:12px;line-height:1.8;color:#999}.community{background:linear-gradient(110deg,#1b1b1b,#080808);border-block:1px solid #343434;padding:65px clamp(25px,9vw,150px);display:flex;align-items:center;justify-content:space-between;gap:20px}.community p:last-child{color:#999;font-size:13px}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:30px 5vw;color:#777;font-size:11px}.footer-logo{font:900 30px 'Barlow Condensed';color:white}.footer-logo span{color:#777}dialog{background:#111;color:white;border:1px solid #777;padding:35px;max-width:min(460px,92vw);width:100%;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}dialog .x{position:absolute;right:15px;top:12px;background:none;border:0;color:white;font-size:25px}dialog h3{font:900 37px 'Barlow Condensed';margin:15px 0}dialog p{font-size:13px;color:#aaa;line-height:1.7}dialog .button{width:100%;margin-top:15px}.account-user{display:flex;align-items:center;gap:10px;font-size:12px}.account-user img{width:34px;height:34px;border-radius:50%}.account-user button{background:transparent;border:0;color:#999;font-size:11px}@media(max-width:1000px){.top nav{display:none}.cards{grid-template-columns:repeat(2,1fr)}.how{grid-template-columns:1fr}.hero-side{display:none}}@media(max-width:600px){.top{height:70px;padding:0 15px}.brandtxt{display:none}.top .button{font-size:9px;padding:0 10px}.products,.how{padding:65px 17px}.cards{grid-template-columns:1fr}.section-top{align-items:start}.outline-counter{display:none}.steps{grid-template-columns:1fr}.community{flex-direction:column;align-items:start}.ticker{justify-content:start}footer{flex-direction:column}.hero{min-height:540px}.tagline{letter-spacing:3px}.huge-logo{letter-spacing:-8px}}

/* 507 MYSTERY // STORM EDITION */
:root{--white:#f5f6fa;--stroke:#51535c}body{background:#030306;background-image:radial-gradient(ellipse at 50% 5%,#22242e 0,transparent 45%),repeating-linear-gradient(90deg,transparent 0 110px,#ffffff04 111px 112px)}
.storm-overlay{position:fixed;inset:0;pointer-events:none;z-index:9;overflow:hidden;mix-blend-mode:screen;opacity:.46}.storm-flash{position:absolute;inset:0;background:#e7ecff;opacity:0;animation:stormFlash 13s infinite}.storm-bolt{position:absolute;width:3px;height:180px;opacity:0;filter:drop-shadow(0 0 12px white);background:linear-gradient(180deg,transparent,#e7f2ff 20%,white 60%,transparent);clip-path:polygon(30% 0,100% 35%,55% 35%,100% 75%,10% 100%,40% 55%,0 55%)}.bolt-a{top:11%;left:11%;transform:rotate(21deg);animation:boltFlash 9s 1s infinite}.bolt-b{top:15%;right:13%;transform:rotate(-19deg);animation:boltFlash 11s 4s infinite}.bolt-c{top:55%;left:53%;height:110px;animation:boltFlash 15s 7s infinite}@keyframes stormFlash{0%,17%,19%,19.6%,20.5%,100%{opacity:0}18%,20%{opacity:.045}}@keyframes boltFlash{0%,24%,25%,26%,27%,100%{opacity:0}24.5%,26.5%{opacity:.75}}
.hero-back{background:linear-gradient(90deg,#030306df 0%,#0303069a 47%,#030306df 100%),url('/banner.png') center/cover no-repeat;animation:slowZoom 19s ease-in-out infinite alternate;filter:grayscale(1) contrast(1.2)}@keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.07)}}
.hero-lightning-mark{margin:auto;max-width:530px;width:80%;filter:drop-shadow(0 0 25px #c7d6ff8c);animation:markFloat 4s ease-in-out infinite}.hero-lightning-mark img{width:100%;height:auto;display:block;object-fit:contain}@keyframes markFloat{50%{transform:translateY(-9px);filter:brightness(1.22)}}
.animated-logo{filter:drop-shadow(0 0 14px #dce7ffcc)!important;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{50%{filter:drop-shadow(0 0 24px white) brightness(1.3)}}
.plan{background:linear-gradient(155deg,#20232d,#070709 65%);border:1px solid #4d4e59;box-shadow:inset 0 0 25px #ffffff06}.plan:hover{box-shadow:0 0 35px #c6d7ff25,inset 0 0 20px #ffffff12;border-color:#c4d4f7}.button.primary{box-shadow:0 0 22px #ffffff30}.ticker{background:#0b0c11}.dash-panel{box-shadow:0 0 35px #ffffff0c,inset 0 0 30px #ffffff06}.hero h1{text-shadow:0 0 30px #ffffff4d}
@media(prefers-reduced-motion:reduce){.storm-overlay{display:none}.hero-back,.hero-lightning-mark,.animated-logo{animation:none!important}}

/* 507 HERO: large clean title, no center image */
.hero-content{width:100%;max-width:1100px;padding:95px 20px}
.hero h1{font-size:clamp(88px,17vw,245px);line-height:.88;letter-spacing:clamp(1px,1vw,14px);margin:32px auto 26px;filter:drop-shadow(0 0 20px #ffffff48);animation:heroElectric 4.8s ease-in-out infinite}
@keyframes heroElectric{0%,87%,100%{text-shadow:0 0 22px #ffffff40}89%{text-shadow:0 0 55px #fff,0 0 100px #ffffff8a}91%{text-shadow:0 0 10px #ffffff35}93%{text-shadow:0 0 75px #ffffffa0}}
@media(max-width:600px){.hero h1{font-size:clamp(65px,16vw,110px);letter-spacing:0}.hero-content{padding:80px 16px}}