:root{--night:#170a2e;--flamingo:#ff4f8b;--orange:#ff9a3c;--sand:#fff1dc;--muted:#d2c1e6;--teal:#19e3d2;--line:#ffffff2e;color-scheme:dark}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;scroll-padding-top:4.5rem}
@media(prefers-reduced-motion:no-preference){
  html{scroll-behavior:smooth}
}

body{background:var(--night);color:var(--sand);font:400 1.06rem/1.65 Figtree,system-ui,sans-serif}
body.lock{overflow:hidden}
a{color:var(--teal)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.wrap{max-width:1120px;margin:0 auto;padding:0 1.4rem}
h1,h2,h3{font-family:Unbounded,Figtree,sans-serif}
/* background */
.bg{--d:0;position:fixed;inset:0;z-index:-1;overflow:hidden;background:#020814}
.bg .bg-surface,.bg .bg-deep{
  position:absolute;inset:-10%;width:120%;height:120%;object-fit:cover;
  will-change:transform,opacity;
  transform:translate(calc(var(--mx,0) * -18px),calc(var(--my,0) * -12px)) scale(calc(1.05 + var(--d) * .28)) translateY(calc(var(--d) * -10%));
}
.bg .bg-surface{
  filter:saturate(1.4) contrast(1.1) brightness(1.05);
  opacity:calc(1 - var(--d) * 1.05);
  transition:opacity .05s linear;
}
.bg .bg-surface.blur{
  filter:saturate(1.35) contrast(1.08) blur(18px);
  opacity:calc(var(--d) * 0.35 * (1 - var(--d)));
}
.bg .bg-deep{
  filter:saturate(1.25) contrast(1.12) brightness(calc(0.75 + var(--d) * 0.35));
  opacity:min(1,calc(var(--d) * 1.15));
}
.bg .bg-deep.blur-deep{
  filter:saturate(1.2) contrast(1.05) blur(22px) brightness(0.85);
  opacity:calc(var(--d) * 0.45);
  transform:translate(calc(var(--mx,0) * -10px),calc(var(--my,0) * -8px)) scale(calc(1.1 + var(--d) * .2));
}
.bg .grade{
  position:absolute;inset:0;
  background:linear-gradient(180deg,#5a1a8ccc,#ff4f8baa 45%,#ff9a3c66 70%,#0a4a7888);
  opacity:calc(1 - var(--d) * 0.85);
  mix-blend-mode:soft-light;
}
.bg .shade{
  position:absolute;inset:0;
  background:linear-gradient(95deg,#170a2eee,#170a2e44 50%,transparent 75%);
  opacity:calc(1 - var(--d) * 0.5);
}
.bg .water{
  position:absolute;inset:0;
  opacity:min(1,calc(var(--d) * 1.25));
  background:
    linear-gradient(180deg,#0a8aaa00 0%,#0a6a9a55 25%,#064a7acc 55%,#031428ee 100%);
  mix-blend-mode:multiply;
}
.bg .caustics{
  position:absolute;inset:-15%;
  opacity:calc(var(--d) * 0.4);
  background:
    radial-gradient(ellipse 40% 20% at 30% 20%,#ffffff28,transparent 50%),
    radial-gradient(ellipse 35% 18% at 70% 35%,#7ec8ff22,transparent 45%),
    radial-gradient(ellipse 50% 25% at 50% 60%,#ffffff15,transparent 50%);
  animation:caustic 11s ease-in-out infinite alternate;
  pointer-events:none;
}
.bg .rays{
  position:absolute;inset:-25% -10%;
  opacity:calc(var(--d) * .65);
  background:repeating-linear-gradient(105deg,#ffffff22 0 28px,transparent 28px 120px);
  will-change:transform;animation:sway 10s ease-in-out infinite alternate;
  mix-blend-mode:screen;
}
@keyframes caustic{
  from{transform:translateY(0) scale(1)}
  to{transform:translateY(3%) scale(1.04)}
}
@keyframes sway{to{transform:translateX(60px) skewX(-6deg)}}
.bubbles span{position:absolute;bottom:-30px;border:2px solid #ffffff55;border-radius:50%;opacity:calc(var(--d) * 0.9);animation:up linear infinite;box-shadow:0 0 12px #7ec8ff44}
@keyframes up{to{transform:translateY(-110vh)}}
/* nav */
nav{position:fixed;inset:0 0 auto;z-index:40;background:linear-gradient(#170a2eee,transparent)}
nav .wrap{/* layout via .nav-bar */}
.logo{display:block;flex:none}
.logo img{display:block;height:46px;width:auto;filter:drop-shadow(0 0 12px #ff4f8b66)}
.logo i{font-style:normal;color:var(--flamingo)}
nav ul{list-style:none;padding:0;margin:0}
/* nav link styles handled under .nav-panel */
/* hero */
.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:6rem 0 5rem}
.hero h1{font-size:clamp(1.1rem,2.4vw,1.5rem);font-weight:600}
.count{display:flex;flex-wrap:wrap;gap:.2rem 2.2rem;margin-top:.6rem}
.unit{display:flex;flex-direction:column}
.unit b{font:900 clamp(3.4rem,12.5vw,9.5rem)/.95 Unbounded,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 6px 50px #170a2e}
.unit span{font-weight:600;text-shadow:0 2px 14px #170a2e}
.date{margin-top:1.4rem;max-width:36ch;text-shadow:0 2px 16px #170a2e}
.out{font:900 clamp(2.8rem,10vw,7rem)/1 Unbounded,sans-serif;margin-top:.8rem}
.dive{margin-top:2.2rem;display:inline-block;color:var(--sand);font-weight:600;text-decoration:none;border-bottom:2px solid var(--flamingo);padding-bottom:.2rem}
.surface{height:70px;margin-top:-70px}
.surface svg{display:block;width:100%;height:100%}
section{padding:5.5rem 0;background:linear-gradient(#08153c00,#08153c88 30%,#08153c88)}
h2{font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.1;font-weight:900}
.intro{color:var(--muted);margin-top:1rem;max-width:46ch}
.split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:3rem}
@media(max-width:780px){.split{grid-template-columns:1fr;gap:1.6rem}}
.facts{border-top:1px solid var(--line)}
.facts div{display:flex;justify-content:space-between;gap:1.5rem;padding:1.05rem 0;border-bottom:1px solid var(--line)}
.facts dt{color:var(--muted)}
.facts dd{font-weight:600;text-align:right}
.facts div:first-child dd{color:var(--flamingo)}
.btn{display:inline-block;margin-top:1.6rem;padding:1rem 1.6rem;border-radius:99px;background:var(--flamingo);color:var(--night);font-weight:600;text-decoration:none}
.btn:hover{background:var(--orange)}
footer{padding:2.5rem 0;background:#08153cdd;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}
/* weapon wheel */
#explore{padding-bottom:6rem}
.wheel{display:block;width:min(100%,680px);margin:2rem auto 0;overflow:visible;opacity:0;transition:opacity .6s}
.wheel.in{opacity:1}
.seg{cursor:pointer;outline:0;transform-origin:300px 300px;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s}
.wheel.in .seg{animation:pop .8s cubic-bezier(.2,.9,.25,1.15) backwards;animation-delay:calc(var(--i) * .1s)}
@keyframes pop{from{opacity:0;transform:scale(.55) rotate(-22deg)}}
.seg:hover,.seg:focus-visible{transform:translate(var(--tx),var(--ty))}
.wheel.in:hover .seg:not(:hover){opacity:.5}
.seg image{transition:filter .3s}
.seg:hover image,.seg:focus-visible image{filter:saturate(1.3) brightness(1.12)}
.tint{transition:opacity .3s}
.seg:hover .tint,.seg:focus-visible .tint{opacity:.45}
.edge{stroke:#fff;stroke-width:3;transition:stroke-width .2s}
.seg:hover .edge,.seg:focus-visible .edge{stroke-width:6;filter:drop-shadow(0 0 12px #fff)}
.seg:focus-visible .edge{stroke:var(--orange)}
.icon{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;filter:drop-shadow(0 0 4px #170a2e)}
.t1{fill:#fff;font:900 22px Unbounded,sans-serif;paint-order:stroke;stroke:#170a2e;stroke-width:6px;stroke-linejoin:round;pointer-events:none}
.t2{fill:#fff;font:600 14px Figtree,sans-serif;paint-order:stroke;stroke:#170a2e;stroke-width:5px;stroke-linejoin:round;pointer-events:none}
.ring{fill:none;stroke:var(--teal);stroke-opacity:.45;stroke-width:1.5;stroke-dasharray:3 13;transform-origin:300px 300px;animation:spin 90s linear infinite}
.ticks{fill:none;stroke:#fff;stroke-opacity:.35;stroke-width:1.5}
.hub .disc{fill:#170a2ee6;stroke:#fff;stroke-width:3;filter:drop-shadow(0 0 24px #ff4f8b)}
.hub .ping{fill:none;stroke:var(--flamingo);stroke-width:2;transform-origin:300px 300px;animation:ping 3.2s ease-out infinite}
.hub .hring{fill:none;stroke:#fff;stroke-opacity:.35;stroke-dasharray:2 9;stroke-linecap:round;transform-origin:300px 300px;animation:spin 40s linear infinite reverse}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes ping{from{transform:scale(1);opacity:.8}to{transform:scale(1.4);opacity:0}}
.hub text{fill:#fff;pointer-events:none}
#hub1{font:900 30px Unbounded,sans-serif}
#hub2{font:600 16px Figtree,sans-serif;fill:var(--muted)}
@media(max-width:560px){.t1{font-size:25px}.t2{font-size:16px}}
/* life: ticker, heartbeat, roadmap */
.ticker{overflow:hidden;padding:.95rem 0;background:#08153c99;border-block:1px solid var(--line)}
.ticker div{display:flex;align-items:center;width:max-content;animation:tk 50s linear infinite}
.ticker:hover div{animation-play-state:paused}
.ticker span{white-space:nowrap;font-weight:600;margin-right:2.4rem}
.ticker i{flex:none;width:9px;height:9px;background:var(--flamingo);transform:rotate(45deg);margin-right:2.4rem}
@keyframes tk{to{transform:translateX(-50%)}}
.beat{position:absolute;left:0;bottom:64px;width:100%;height:90px;pointer-events:none}
.beat path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.beat .dim{stroke:#ffc98b55;stroke-width:2}
.beat .run{stroke:#ffb347;stroke-width:3;stroke-dasharray:.16 1;animation:run 3.8s linear infinite;filter:drop-shadow(0 0 7px #ff9a3c)}
@keyframes run{from{stroke-dashoffset:.16}to{stroke-dashoffset:-1}}
.road{list-style:none;padding:0;position:relative}
.road::before{content:"";position:absolute;left:7px;top:10px;bottom:14px;width:2px;background:linear-gradient(var(--flamingo),var(--teal))}
.road li{position:relative;padding:0 0 1.8rem 2.5rem}
.road li::before{content:"";position:absolute;left:0;top:.4rem;width:16px;height:16px;border-radius:50%;background:var(--night);border:3px solid var(--teal)}
.road li.now::before{background:var(--flamingo);border-color:#fff;animation:beacon 2s infinite}
@keyframes beacon{0%{box-shadow:0 0 0 0 #ff4f8bcc}80%,100%{box-shadow:0 0 0 14px #ff4f8b00}}
.road b{display:block;font:600 1.05rem Unbounded,sans-serif}
.road span{color:var(--muted)}
@media(prefers-reduced-motion:reduce){.wheel{transition:none;opacity:1}.wheel.in .seg{animation:none}.seg,.ring,.hring,.ping,.ticker div,.road li.now::before{animation:none;transition:none}.beat .run{display:none}.ticker{overflow-x:auto}}
/* category pages */
.phead{padding:8rem 0 2.5rem}
.phead h1{font-size:clamp(2.4rem,8vw,5.5rem);line-height:1;font-weight:900;text-shadow:0 6px 40px #170a2e}
.back{display:inline-block;margin-bottom:1.4rem;color:var(--sand);font-weight:600;text-decoration:none;border-bottom:2px solid var(--flamingo)}
.tag{display:inline-block;margin-top:1.2rem;padding:.25rem .8rem;border:1px solid var(--orange);border-radius:99px;color:var(--orange);font-weight:600;font-size:.92rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1.6rem;padding-bottom:6rem}
.card{--g:linear-gradient(135deg,#5a1a8c,#ff4f8b);transition:transform .25s}
.card:nth-child(3n+2){--g:linear-gradient(135deg,#ff9a3c,#ff4f8b)}
.card:nth-child(3n){--g:linear-gradient(135deg,#19e3d2,#5a1a8c)}
.card:hover{transform:translateY(-6px)}
.ph{position:relative;display:block;width:100%;padding:0;border:0;aspect-ratio:16/10;overflow:hidden;background:var(--g);clip-path:polygon(0 0,100% 0,100% 84%,92% 100%,0 100%)}
.ph img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}
.ph::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#5a1a8c44,#ff4f8b77);mix-blend-mode:multiply}
.hint{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:1rem;font-weight:600;font-size:.92rem;text-shadow:0 2px 12px #170a2e}
.card figcaption{margin-top:.5rem;padding:.5rem .8rem;background:#ffffff14;border-left:4px solid var(--flamingo)}
.card figcaption b{display:block;font-weight:600}
.card figcaption span{display:block;color:var(--muted);font-size:.9rem}
.card.rumor .ph{outline:2px dashed var(--orange);outline-offset:-6px}
.code{display:flex;gap:.6rem;align-items:center;margin-top:.5rem;padding:.4rem .5rem .4rem .8rem;border:2px solid var(--teal);border-radius:8px;color:var(--teal);font-family:monospace}
.code button{margin-left:auto;padding:.15rem .8rem;border:2px solid var(--sand);border-radius:99px;background:0;font-weight:600}
.lb{position:fixed;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1.4rem;background:#08153cf2;cursor:zoom-out}
.lb img{max-width:92vw;max-height:72vh;border:3px solid #fff;box-shadow:0 0 60px #ff4f8b66}
.lb p{max-width:60ch;text-align:center}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.bg .rays,.bubbles span{animation:none}.card{transition:none}}

/* alarm, forms, legal */
.alert{display:grid;gap:.9rem;max-width:540px}
.alert .row2{display:flex;flex-wrap:wrap;gap:.6rem}
.alert input[type=email]{flex:1;min-width:220px;padding:1rem 1.2rem;border-radius:99px;border:2px solid var(--line);background:#ffffff14;color:var(--sand);font:inherit}
.alert input[type=email]:focus{border-color:var(--teal);outline:0}
.alert button{padding:1rem 1.6rem;border:0;border-radius:99px;background:var(--flamingo);color:var(--night);font-weight:600}
.alert button:hover{background:var(--orange)}
.alert button:disabled{opacity:.6;cursor:wait}
.consent{display:flex;gap:.6rem;align-items:flex-start;color:var(--muted);font-size:.9rem}
.consent input{flex:none;margin-top:.3rem;accent-color:var(--flamingo)}
.msg{min-height:1.4em;color:var(--teal);font-weight:600}
.chip{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem 1rem;border:1px solid var(--line);border-radius:99px;background:#08153ccc;font-weight:600}
.chip::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--muted)}
.chip[data-s=up]::before{background:#3ddc84}
.chip[data-s=limited]::before,.chip[data-s=maintenance]::before{background:var(--orange)}
.chip[data-s=down]::before{background:#ff4f4f}
.chip[data-s=unlisted]::before{background:var(--teal)}
.dive+.dive{margin-left:1.6rem}
.steps{display:grid;gap:1.1rem;margin-top:2.2rem;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding-left:3rem;color:var(--muted)}
.steps li b{color:var(--sand)}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;background:var(--flamingo);color:var(--night);font:900 .95rem/2rem Unbounded,sans-serif;text-align:center}
.legal{display:flex;gap:1.2rem;margin-top:.8rem}
.legal a{color:var(--muted)}
.draft{padding:.8rem 1rem;border:2px dashed var(--orange);color:var(--orange);border-radius:6px;margin-bottom:1.6rem}
.prose{max-width:70ch;padding-bottom:6rem}
.prose h2{font-size:1.25rem;margin:2rem 0 .6rem}
.prose p{color:var(--muted)}


/* Affiliate placements: restrained, responsive and clearly disclosed */
.affiliate-band{padding:2rem 0 1.25rem;border-block:1px solid var(--line);background:linear-gradient(110deg,#08153cdd,#101b45bb)}
.affiliate-band-inner{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(300px,1.2fr);align-items:center;gap:2rem}
.affiliate-copy h2{font-size:clamp(1.2rem,2.4vw,1.8rem);margin:.45rem 0}
.affiliate-copy p{margin:0;color:var(--muted)}
.affiliate-kicker{font:600 .68rem Figtree,sans-serif;letter-spacing:.16em;color:var(--teal)}
.affiliate-banner{display:flex;align-items:center;justify-content:center;min-height:90px;padding:.65rem;border:1px solid #ffffff20;border-radius:14px;background:#070e28;overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}
.affiliate-banner:hover{border-color:#19e3d2aa;transform:translateY(-2px);box-shadow:0 12px 34px #0005}
.affiliate-banner img{display:block;width:100%;max-height:150px;object-fit:contain}
.affiliate-disclosure{font-size:.78rem!important;color:var(--muted)!important;margin:.8rem auto 0;line-height:1.5}
.hosting-section{background:linear-gradient(135deg,#101b45aa,#08153c66)}
.hosting-links{display:grid;gap:.8rem}
.hosting-link{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.15rem;border:1px solid var(--line);border-radius:12px;background:#ffffff0a;color:var(--sand);text-decoration:none;transition:background .2s,border-color .2s,transform .2s}
.hosting-link:hover{background:#ffffff14;border-color:var(--teal);transform:translateY(-2px)}
.hosting-link b,.hosting-link small{display:block}
.hosting-link small{margin-top:.25rem;color:var(--muted)}
.hosting-link strong{white-space:nowrap;color:var(--teal)}
.affiliate-rail{position:fixed;z-index:15;right:14px;top:38%;width:112px;padding:.5rem;border:1px solid #ffffff22;border-radius:14px;background:#08153cf2;box-shadow:0 10px 36px #0008;backdrop-filter:blur(14px);transition:opacity .25s,transform .25s}
.affiliate-rail:hover{transform:translateY(-3px);border-color:#19e3d255}
.affiliate-rail>span,.affiliate-rail>small{display:block;text-align:center;font-size:.55rem;letter-spacing:.12em;color:var(--muted)}
.affiliate-rail a{display:block;margin:.4rem 0}
.affiliate-rail img{display:block;width:100%;height:auto;max-height:280px;object-fit:contain;border-radius:8px}
.affiliate-rail>small{letter-spacing:0;font-size:.6rem;margin-top:.15rem}
@media(max-width:1100px){.affiliate-rail{display:none!important}}
@media(max-width:700px){.affiliate-band-inner{grid-template-columns:1fr;gap:1rem}.affiliate-banner{min-height:70px}.affiliate-banner img{max-height:110px}.hosting-link{align-items:flex-start}.hosting-link strong{font-size:.85rem}}

/* SEO Hosting Guide page */
.host-guide{max-width:760px;padding-bottom:5rem}
.host-guide h2{margin-top:2.8rem;margin-bottom:.9rem}
.host-guide h3{font-size:1.15rem;margin:1.2rem 0 .5rem}
.host-answer{padding:1.6rem 1.4rem;border:1px solid var(--line);border-radius:16px;background:#ffffff0a;margin-bottom:1rem}
.cta-row{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0 .6rem}
.btn-ghost{background:transparent;border:2px solid var(--teal);color:var(--teal)}
.btn-ghost:hover{background:var(--teal);color:var(--night)}
.compare{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem;margin:1.4rem 0}
@media(max-width:640px){.compare{grid-template-columns:1fr}}
.compare>div{padding:1.2rem;border:1px solid var(--line);border-radius:12px;background:#ffffff08}
.compare ul{margin:.6rem 0 0;padding-left:1.2rem;color:var(--muted)}
.compare li{margin:.35rem 0}
.faq details{border:1px solid var(--line);border-radius:10px;margin:.6rem 0;background:#ffffff08}
.faq summary{cursor:pointer;padding:1rem 1.15rem;font-weight:600;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq details[open] summary{border-bottom:1px solid var(--line);color:var(--teal)}
.faq details p{padding:.9rem 1.15rem 1.15rem;margin:0;color:var(--muted)}
.host-cta-final{margin-top:2.5rem;padding:1.8rem 1.4rem;border-radius:16px;background:linear-gradient(135deg,#101b45cc,#08153c99);border:1px solid #ffffff18}

/* Partner page – 6PULSE × ZAP */
.partner-head .intro{max-width:42ch}
.partner-brand{font:900 clamp(2rem,7vw,3.6rem)/1 Unbounded,sans-serif;letter-spacing:-.02em;margin:.4rem 0 .6rem;text-shadow:0 4px 30px #170a2e}
.partner-brand span{color:var(--flamingo);margin:0 .15em}
.partner-page{padding-bottom:2rem;max-width:1100px}
.partner-stage{margin:0 0 2.5rem;padding:1.8rem;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#101b45cc,#08153c99)}
.partner-stage-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:2rem;align-items:center}
@media(max-width:820px){.partner-stage-inner{grid-template-columns:1fr}}
.partner-stage-copy h2{font-size:clamp(1.4rem,3vw,2rem);margin:.5rem 0 1rem}
.partner-stage-copy p{color:var(--muted);margin-bottom:1rem}
.partner-bullets{margin:0 0 1.4rem;padding-left:1.15rem;color:var(--muted)}
.partner-bullets li{margin:.4rem 0}
.partner-stage-visual{display:flex;align-items:center;justify-content:center;gap:.4rem;min-height:200px}
.partner-arrow{width:min(160px,28vw);height:auto;flex:none}
.partner-orb{position:relative;display:grid;place-items:center;width:clamp(150px,32vw,190px);height:clamp(150px,32vw,190px);text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.partner-orb:hover{transform:scale(1.07)}
.orb-ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;background:linear-gradient(#08153c,#08153c) padding-box,linear-gradient(135deg,#ff4f8b,#ff9a3c,#19e3d2) border-box;animation:spin 14s linear infinite;pointer-events:none}
.orb-ring-2{inset:10px;animation-direction:reverse;animation-duration:20s;opacity:.65}
@keyframes spin{to{transform:rotate(360deg)}}
.orb-inner{position:relative;z-index:2;width:76%;height:76%;border-radius:50%;overflow:hidden;background:#0d1840;box-shadow:0 0 36px #ff4f8b66,0 0 12px #19e3d244;display:grid;place-items:center;padding:12%}
.orb-inner img{display:block;width:100%;height:100%;object-fit:contain;/* klar sichtbar, leichte Neon-Wärme */filter:saturate(1.15) contrast(1.05) brightness(1.08)}
.partner-caption{text-align:center;margin-top:1.2rem;color:var(--muted);font-size:.88rem;font-weight:600}
.partner-banner-strip{margin:0 0 2.5rem;padding:1.4rem;border-radius:16px;background:#070e28;border:1px solid #ffffff18;text-align:center}
.partner-banner-strip a{display:inline-block;max-width:100%}
.partner-banner-strip img{display:block;max-width:min(100%,520px);margin:0 auto;height:auto;border-radius:10px}
.partner-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0 0 2.8rem}
@media(max-width:780px){.partner-pillars{grid-template-columns:1fr}}
.partner-pillars article{padding:1.4rem 1.25rem;border:1px solid var(--line);border-radius:14px;background:#ffffff0a;display:flex;flex-direction:column;gap:.5rem}
.pillar-num{font:900 1.1rem Unbounded,sans-serif;color:var(--flamingo);letter-spacing:.04em}
.partner-pillars h3{font-size:1.15rem;margin:0}
.partner-pillars p{color:var(--muted);font-size:.95rem;flex:1;margin:0}
.pillar-link{color:var(--teal);font-weight:600;text-decoration:none;margin-top:.4rem}
.pillar-link:hover{text-decoration:underline}
.partner-how,.partner-trust{margin-bottom:2.8rem}
.partner-how h2,.partner-trust h2{margin-bottom:1rem}
.partner-legal{text-align:center;color:var(--muted);font-size:.85rem;max-width:56ch;margin:0 auto 3rem;line-height:1.55}
@media(prefers-reduced-motion:reduce){.orb-ring,.orb-ring-2{animation:none}}

/* ========== Clean widgets + mobile polish ========== */
.hero-actions{display:flex;flex-wrap:wrap;gap:.9rem 1.4rem;margin-top:2rem;align-items:center}
.hero-actions .dive{margin-top:0}
.dive-primary{border-bottom-color:var(--teal)!important;color:var(--teal)!important}
.alert{max-width:100%}
.alert .row2{gap:.7rem}
.alert input[type=email],.alert button{min-height:48px}
.chip{min-height:36px}
.affiliate-disclosure{max-width:60ch}
.hosting-link,.affiliate-banner,.partner-pillars article,.partner-stage{backdrop-filter:blur(8px)}
/* legacy nav scroll removed – VI panel */
@media(max-width:700px){
  nav .wrap{padding-top:.75rem;padding-bottom:1rem;gap:.8rem}
  .logo img{height:38px}
  .hero{padding:5.2rem 0 3.5rem;min-height:92svh}
  .hero-actions{gap:.75rem 1rem;margin-top:1.6rem}
  .unit b{font-size:clamp(2.6rem,14vw,4.5rem)}
  section{padding:3.8rem 0}
  .affiliate-band{padding:1.5rem 0 1rem}
  .affiliate-disclosure{font-size:.72rem!important;padding:0 1.4rem}
  .hosting-link{padding:.95rem 1rem}
  .btn{padding:.9rem 1.35rem;min-height:48px}
}

/* ========== LAUNCH MODE (countdown ≤ 0 / ab 19. Nov 2026) ========== */
html.launch,body.launch{
  --night:#12081f;
  --flamingo:#ff3d9a;
  --orange:#ffb347;
  --sand:#fff6ea;
  --muted:#e0d0f0;
  --teal:#2ef5e4;
  --line:#ffffff38;
}
body.launch .bg .grade{
  background:linear-gradient(180deg,#7a1a9ccc,#ff3d9abb 45%,#ffb34799);
}
body.launch .bg .shade{
  background:linear-gradient(95deg,#12081eee,#12081e44 50%,transparent);
}
body.launch .bg .water{
  background:linear-gradient(180deg,#0a8a9e,#083a6a 40%,#0a0e28);
  opacity:.85;
}
body.launch .bg .rays{
  opacity:.7;
  background:repeating-linear-gradient(105deg,#ffffff28 0 28px,transparent 28px 110px);
}
body.launch .hero h1{
  color:var(--teal);
  text-shadow:0 0 40px #2ef5e466,0 4px 24px #12081e;
}
body.launch .out{
  background:linear-gradient(90deg,#ff3d9a,#ffb347,#2ef5e4);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  filter:drop-shadow(0 4px 20px #ff3d9a55);
}
body.launch .launch-sub{
  font:600 1.05rem/1.45 Figtree,sans-serif;
  color:var(--sand);
  max-width:36ch;
  margin:.8rem 0 0;
  text-shadow:0 2px 16px #12081e;
}
body.launch .count{margin-top:.4rem}
body.launch .ticker{
  background:#1a0a30cc;
  border-color:#ff3d9a44;
}
body.launch .ticker i{background:var(--teal)}
body.launch .affiliate-band{
  background:linear-gradient(110deg,#1a0a30ee,#0a1840dd);
  border-color:#2ef5e433;
}
body.launch .alarm-section{
  background:linear-gradient(180deg,#1a0a3088,#08153c44);
  border-block:1px solid #ff3d9a33;
}
body.launch .hosting-section{
  background:linear-gradient(135deg,#1a0a30aa,#0a2840aa);
}
body.launch .btn{
  background:var(--flamingo);
  box-shadow:0 0 24px #ff3d9a55;
}
body.launch .btn:hover{background:var(--orange);box-shadow:0 0 28px #ffb34755}
body.launch nav{
  background:linear-gradient(#12081ef5,transparent);
}
body.launch .logo img{filter:drop-shadow(0 0 16px #ff3d9a88)}
body.launch .surface svg path{fill:#12081e;fill-opacity:.7}
body.launch .beat .run{stroke:#2ef5e4;filter:drop-shadow(0 0 8px #2ef5e4)}
body.launch .beat .dim{stroke:#ff3d9a55}
body.launch .affiliate-rail{
  border-color:#2ef5e444;
  box-shadow:0 10px 40px #ff3d9a33;
}
@media(prefers-reduced-motion:reduce){
  body.launch .bg .rays{animation:none}
}

/* ========== Hamburger + right Vice City drawer ========== */
.nav-bar{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding-top:1rem;padding-bottom:1.15rem;position:relative;z-index:20;
}
nav .logo{flex:none;position:relative;z-index:21}

/* Burger – always top-right in the bar */
.nav-burger{
  flex:none;z-index:21;position:relative;
  width:52px;height:48px;padding:0;border:1px solid #ffffff28;
  border-radius:12px;background:#ffffff0d;
  display:grid;place-items:center;cursor:pointer;
  transition:border-color .2s,background .2s,box-shadow .2s;
}
.nav-burger:hover,.nav-burger[aria-expanded=true]{
  border-color:var(--flamingo);background:#ff4f8b22;
  box-shadow:0 0 20px #ff4f8b55;
}
.burger-lines{
  display:flex;flex-direction:column;justify-content:center;gap:6px;
  width:22px;height:18px;
}
.burger-lines i{
  display:block;height:2.5px;border-radius:2px;background:var(--sand);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,width .25s,background .2s;
  transform-origin:center;
}
.burger-lines i:nth-child(1){width:100%}
.burger-lines i:nth-child(2){width:75%}
.burger-lines i:nth-child(3){width:90%}
.nav-burger[aria-expanded=true] .burger-lines i{background:var(--flamingo)}
.nav-burger[aria-expanded=true] .burger-lines i:nth-child(1){transform:translateY(8.5px) rotate(45deg);width:100%}
.nav-burger[aria-expanded=true] .burger-lines i:nth-child(2){opacity:0;transform:scaleX(0)}
.nav-burger[aria-expanded=true] .burger-lines i:nth-child(3){transform:translateY(-8.5px) rotate(-45deg);width:100%}

/* Backdrop */
.nav-backdrop{
  position:fixed;inset:0;z-index:18;
  background:#0a0618cc;backdrop-filter:blur(4px);
  opacity:0;pointer-events:none;transition:opacity .35s ease;
}
.nav-backdrop.show{opacity:1;pointer-events:auto;display:block}

/* Drawer – right 1/4 (desktop), fuller on mobile */
.nav-drawer{
  position:fixed;z-index:19;top:0;right:0;bottom:0;
  width:min(360px,86vw);
  display:flex;flex-direction:column;
  padding:1.2rem 1.25rem 1.6rem;
  background:
    linear-gradient(165deg,#2a0a3eee 0%,#170a2ef5 40%,#0a1538f5 100%),
    radial-gradient(ellipse at 80% 20%,#ff4f8b33,#0000 55%),
    radial-gradient(ellipse at 20% 90%,#19e3d222,#0000 50%);
  border-left:1px solid #ff4f8b44;
  box-shadow:-24px 0 60px #000a;
  transform:translateX(105%);
  transition:transform .45s cubic-bezier(.2,.85,.2,1);
  visibility:hidden;
}
.nav-drawer.open{
  transform:translateX(0);visibility:visible;
}
@media(min-width:1100px){
  .nav-drawer{width:25vw;min-width:300px;max-width:400px}
}

.nav-drawer-head{
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.55rem .2rem 1.35rem;border-bottom:1px solid #ffffff14;
  margin-bottom:.75rem;
}
.nav-drawer-logo{display:block;flex:none;line-height:0}
.nav-drawer-logo img{
  display:block;height:44px;width:auto;
  filter:drop-shadow(0 0 14px #ff4f8b55);
}
.nav-close{
  flex:none;width:44px;height:44px;border:1px solid #ffffff22;border-radius:12px;
  background:#ffffff0a;color:var(--sand);
  display:grid;place-items:center;padding:0;
  transition:border-color .2s,color .2s,background .2s,box-shadow .2s;
}
.nav-close:hover{
  border-color:var(--flamingo);color:#fff;background:#ff4f8b22;
  box-shadow:0 0 18px #ff4f8b44;
}
@media(min-width:1100px){
  .nav-drawer{padding:1.5rem 1.5rem 1.8rem}
  .nav-drawer-head{padding:.7rem .15rem 1.5rem;margin-bottom:1rem}
  .nav-drawer-logo img{height:50px}
  .nav-list a{font-size:1.18rem;padding:.95rem 1rem}
  .nav-drawer-foot a{padding:.95rem 1.1rem}
}

.nav-list{
  list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;
  display:flex;flex-direction:column;gap:.15rem;
}
.nav-list a{
  display:block;padding:.85rem .9rem;border-radius:10px;
  color:var(--sand);text-decoration:none;
  font:600 1.12rem/1.2 Unbounded,Figtree,sans-serif;
  letter-spacing:.02em;opacity:.92;
  transition:background .2s,color .2s,transform .2s,opacity .2s;
}
.nav-list a:hover{
  background:#ffffff12;color:#fff;opacity:1;transform:translateX(4px);
}
.nav-list a[aria-current]{
  background:linear-gradient(90deg,#ff4f8b33,transparent);
  color:var(--teal);opacity:1;
  box-shadow:inset 3px 0 0 var(--flamingo);
}

.nav-drawer-foot{
  display:grid;gap:.55rem;padding-top:1rem;margin-top:.5rem;
  border-top:1px solid #ffffff18;
}
.nav-drawer-foot a{
  display:block;text-align:center;padding:.85rem 1rem;border-radius:99px;
  font:600 .95rem Figtree,sans-serif;text-decoration:none;
  transition:transform .2s,background .2s;
}
.nav-drawer-foot a:first-child{
  background:var(--flamingo);color:var(--night);
}
.nav-drawer-foot a:first-child:hover{background:var(--orange);transform:translateY(-1px)}
.nav-drawer-foot a:last-child{
  border:1px solid var(--teal);color:var(--teal);
}
.nav-drawer-foot a:last-child:hover{background:#19e3d218}

body.nav-open{overflow:hidden}
/* Clean mobile open state: no double logo, no rail, no floating clutter */
body.nav-open .nav-bar .logo{
  opacity:0;pointer-events:none;visibility:hidden;
}
body.nav-open .affiliate-rail{
  display:none!important;visibility:hidden;pointer-events:none;
}
body.nav-open .nav-burger{
  opacity:0;pointer-events:none;visibility:hidden;
}
body.nav-open .nav-backdrop{z-index:45}
body.nav-open .nav-drawer{z-index:50}


/* Launch accent */
body.launch .nav-burger[aria-expanded=true]{border-color:var(--teal);box-shadow:0 0 22px #2ef5e455}
body.launch .nav-drawer{
  border-left-color:#2ef5e455;
  background:
    linear-gradient(165deg,#3a0a4eee 0%,#12081ef5 42%,#0a1840f5 100%),
    radial-gradient(ellipse at 80% 15%,#ff3d9a44,#0000 55%),
    radial-gradient(ellipse at 15% 85%,#2ef5e428,#0000 50%);
}

@media(prefers-reduced-motion:reduce){
  .nav-drawer,.nav-backdrop,.burger-lines i{transition:none}
}

/* PC: kein doppeltes X – Burger ausblenden wenn Drawer offen */
@media(min-width:961px){
  .nav-burger[aria-expanded=true]{
    opacity:0;pointer-events:none;transform:scale(.9);
  }
}

/* Dual affiliate creatives – integrated, not spam */
.affiliate-duo{
  display:grid;grid-template-columns:1fr 1fr;gap:1rem;
  margin:1.4rem 0 0;
}
.affiliate-duo a{
  display:flex;align-items:center;justify-content:center;
  padding:.75rem;border:1px solid #ffffff18;border-radius:14px;
  background:#070e28;transition:border-color .2s,transform .2s,box-shadow .2s;
  min-height:88px;
}
.affiliate-duo a:hover{
  border-color:#19e3d2aa;transform:translateY(-2px);
  box-shadow:0 12px 28px #0005;
}
.affiliate-duo img{
  display:block;max-width:100%;max-height:120px;width:auto;height:auto;
  object-fit:contain;border-radius:6px;
}
@media(max-width:640px){
  .affiliate-duo{grid-template-columns:1fr}
  .affiliate-duo a{min-height:72px}
  .affiliate-duo img{max-height:100px}
}
.affiliate-duo-label{
  font:600 .68rem Figtree,sans-serif;letter-spacing:.14em;color:var(--teal);
  margin:1.6rem 0 .5rem;
}

/* ========== Empfehlungs-Pakete (Kern vor Waffenrad) ========== */
.packs-section{
  padding:4rem 0 3.5rem;
  background:linear-gradient(180deg,#08153c00,#1a0a3088 30%,#08153c66 100%);
  overflow:hidden;
}
.packs-head{margin-bottom:1.8rem;text-align:center}
.packs-head h2{margin:.4rem 0 .7rem}
.packs-head .intro{margin:0 auto;max-width:42ch}
.packs-stage{
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.4rem;
  max-width:920px;margin:0 auto;padding:0 .4rem;
}
.packs-arrow{
  width:48px;height:48px;border-radius:50%;border:1px solid #ffffff30;
  background:#ffffff12;color:var(--sand);display:grid;place-items:center;
  z-index:3;transition:background .2s,border-color .2s,transform .2s;
}
.packs-arrow:hover{background:#ff4f8b33;border-color:var(--flamingo);transform:scale(1.06)}
.packs-viewport{
  position:relative;height:min(720px,120vw);perspective:1200px;
  touch-action:pan-y;user-select:none;
}
.packs-track{position:absolute;inset:0;display:grid;place-items:center}
.pack-card{
  position:absolute;width:min(360px,86vw);padding:1.35rem 1.25rem 1.35rem;
  border-radius:22px;border:1px solid #ffffff22;
  background:linear-gradient(160deg,#1a1040ee,#0c1838f2 55%,#0a1228f5);
  box-shadow:0 20px 50px #0008;
  transition:transform .55s cubic-bezier(.2,.85,.2,1),opacity .45s,box-shadow .4s,filter .4s;
  /* 3D stack default: behind */
  transform:translateX(0) translateZ(-80px) scale(.86);
  opacity:.45;filter:brightness(.75);pointer-events:none;z-index:1;
  /* cut corner / diamond lift on top */
  clip-path:polygon(0 14px,14px 0,100% 0,100% 100%,0 100%);
}
.pack-card.is-active{
  transform:translateX(0) translateZ(40px) scale(1);
  opacity:1;filter:none;pointer-events:auto;z-index:4;
  box-shadow:0 28px 60px #ff4f8b33,0 12px 40px #0009;
  border-color:#ff4f8b66;
}
.pack-card.is-prev{
  transform:translateX(-42%) translateZ(-40px) scale(.9) rotateY(12deg);
  opacity:.55;z-index:2;filter:brightness(.8);
}
.pack-card.is-next{
  transform:translateX(42%) translateZ(-40px) scale(.9) rotateY(-12deg);
  opacity:.55;z-index:2;filter:brightness(.8);
}
.pack-mid.is-active{
  background:linear-gradient(165deg,#2a1458f5,#121e48f5 50%,#0c1838f5);
  border-color:#19e3d266;
  box-shadow:0 30px 70px #19e3d233,0 16px 40px #000a;
}
.pack-badge{
  display:inline-block;padding:.28rem .75rem;border-radius:99px;
  font:600 .72rem Figtree,sans-serif;letter-spacing:.08em;text-transform:uppercase;
  border:1px solid #ffffff30;color:var(--muted);margin-bottom:.85rem;
}
.pack-badge-hot{
  border-color:var(--flamingo);color:var(--night);background:var(--flamingo);
}

/* Vertical ZAP creatives (120x600) – centered, full impact */
.pack-banner{
  display:flex;align-items:center;justify-content:center;
  margin:0 0 1.05rem;padding:.75rem .5rem;
  min-height:200px;max-height:280px;
  border-radius:16px;background:linear-gradient(180deg,#0a1028,#050814);
  border:1px solid #ffffff1a;overflow:hidden;
  transition:border-color .2s,box-shadow .2s,transform .2s;
}
.pack-banner:hover{
  border-color:#19e3d2aa;box-shadow:0 10px 32px #19e3d228;transform:translateY(-2px);
}
.pack-banner img{
  display:block;width:auto;height:auto;
  max-height:240px;max-width:100%;
  object-fit:contain;margin:0 auto;
  filter:drop-shadow(0 8px 20px #0008);
}
.pack-mid .pack-banner{border-color:#ff4f8b55;min-height:220px}
.pack-mid .pack-banner img{max-height:260px}
@media(min-width:700px){
  .pack-banner{min-height:240px;max-height:320px}
  .pack-banner img{max-height:280px}
  .pack-mid .pack-banner img{max-height:300px}
}






.packs-viewport{overflow:visible}

.pack-card h3{
  font:900 clamp(1.45rem,4vw,1.75rem)/1.1 Unbounded,sans-serif;margin:0 0 .45rem;
}
.pack-for{color:var(--muted);font-size:.92rem;margin:0 0 1rem;min-height:2.6em}
.pack-feats{list-style:none;padding:0;margin:0 0 1.2rem}
.pack-feats li{
  position:relative;padding:.35rem 0 .35rem 1.25rem;color:var(--sand);font-size:.95rem;
}
.pack-feats li::before{
  content:"";position:absolute;left:0;top:.7rem;width:8px;height:8px;border-radius:2px;
  background:var(--teal);transform:rotate(45deg);
}
.pack-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:.25rem .4rem;margin-bottom:.35rem}
.pack-from{color:var(--muted);font-size:.9rem}
.pack-price strong{
  font:900 clamp(1.8rem,6vw,2.35rem)/1 Unbounded,sans-serif;color:var(--sand);
  letter-spacing:-.02em;
}
.pack-period{color:var(--muted);font-size:.9rem}
.pack-save{
  color:var(--teal);font-weight:600;font-size:.88rem;margin:0 0 1.15rem;
}
.pack-cta{
  display:block;text-align:center;padding:1rem 1.2rem;border-radius:99px;
  font-weight:600;text-decoration:none;color:var(--sand);
  border:2px solid var(--line);transition:background .2s,border-color .2s,transform .2s;
}
.pack-cta:hover{border-color:var(--teal);transform:translateY(-2px)}
.pack-cta-main{
  background:var(--flamingo);border-color:var(--flamingo);color:var(--night);
}
.pack-cta-main:hover{background:var(--orange);border-color:var(--orange)}
.packs-dots{
  display:flex;justify-content:center;gap:.55rem;margin-top:1.4rem;
}
.packs-dots button{
  width:10px;height:10px;border-radius:50%;border:0;padding:0;
  background:#ffffff35;cursor:pointer;transition:transform .2s,background .2s;
}
.packs-dots button.is-on{background:var(--flamingo);transform:scale(1.25)}
.packs-note{
  margin:1.2rem auto 0;text-align:center;font-size:.78rem;color:var(--muted);max-width:52ch;
}
@media(max-width:560px){
  .packs-arrow{width:42px;height:42px}
  .packs-viewport{height:min(760px,135vw)}
  .pack-card{width:min(300px,84vw);padding:1.35rem 1.15rem}
}
@media(prefers-reduced-motion:reduce){
  .pack-card{transition:opacity .2s}
}
body.launch .packs-section{
  background:linear-gradient(180deg,#12081e00,#2a0a4088 35%,#0a153866);
}
body.launch .pack-card.is-active{border-color:#2ef5e466;box-shadow:0 28px 60px #2ef5e422,0 12px 40px #0009}

/* nav-drawer-mobile-clean */
@media(max-width:960px){
  .nav-drawer{
    width:min(100vw,400px);
    max-width:100%;
    border-left:1px solid #ff4f8b55;
  }
  .nav-drawer-head{
    padding:.75rem .35rem 1.1rem;
  }
  .nav-drawer-logo img{height:40px}
  .nav-list a{font-size:1.08rem;padding:.9rem .95rem}
}

/* Legal pages – Vice City / 6PULSE */
.legal-page{max-width:640px;padding-bottom:3rem}
.legal-card{
  margin:0 0 1.25rem;padding:1.35rem 1.4rem;border-radius:16px;
  border:1px solid #ffffff18;
  background:linear-gradient(145deg,#1a1040cc,#0c1838ee);
  box-shadow:0 12px 36px #0005;
}
.legal-card h2{
  font:900 1.05rem/1.2 Unbounded,sans-serif;margin:0 0 .75rem;
  color:var(--teal);letter-spacing:.02em;
}
.legal-card p{margin:0 0 .6rem;color:var(--sand)}
.legal-card p:last-child{margin-bottom:0}
.legal-note{font-size:.88rem;color:var(--muted)!important;margin-top:.75rem!important}