@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap");
:root{--bg:#07070a;--surface:#12131b;--surface-2:#191b28;--ink:#f7f8ff;--muted:#a5a9bd;--cyan:#00e6f6;--violet:#9a6cff;--amber:#ffc857;--ok:#5ee39a;--danger:#ff718d;--radius:14px;--shadow:0 24px 70px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 8%,rgba(0,230,246,.12),transparent 30rem),radial-gradient(circle at 88% 20%,rgba(154,108,255,.16),transparent 32rem),var(--bg);color:var(--ink);font-family:Inter,system-ui,sans-serif;line-height:1.6}a{color:inherit}.shell{width:min(1120px,calc(100% - 32px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:9}.site-nav{position:sticky;top:0;z-index:5;background:rgba(7,7,10,.82);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.1)}.nav-inner{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:800}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,var(--cyan),var(--violet));display:grid;place-items:center;color:#07070a;font-weight:900}.nav-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.nav-links a{color:var(--muted);text-decoration:none;font-size:.92rem}.nav-links a:hover,.nav-links a:focus{color:var(--ink)}.hero{padding:76px 0 52px;display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center}.eyebrow{color:var(--cyan);font-weight:700;letter-spacing:.11em;text-transform:uppercase;font-size:.78rem}.hero h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2.4rem,6vw,5.6rem);line-height:1.02;letter-spacing:-.05em;margin:12px 0 20px}.hero p{font-size:1.15rem;color:var(--muted);max-width:62ch}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;border:1px solid rgba(255,255,255,.15);text-decoration:none;font-weight:700;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.button.primary{background:linear-gradient(135deg,var(--cyan),#7df6d4);color:#061015;border:0}.button.secondary{background:rgba(255,255,255,.04)}.button:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,230,246,.18)}.hero-art{border:1px solid rgba(255,255,255,.13);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:var(--surface);transform:rotate(1deg);animation:float 6s ease-in-out infinite}.hero-art img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.section{padding:54px 0}.section h2{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(1.7rem,3vw,2.7rem);letter-spacing:-.04em;margin:0 0 12px}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.16);transition:transform .2s ease,border-color .2s ease}.card:hover{transform:translateY(-5px);border-color:rgba(0,230,246,.45)}.card h3{margin-top:0}.badge{display:inline-block;border-radius:999px;padding:4px 9px;font-size:.74rem;font-weight:800;background:rgba(0,230,246,.12);color:var(--cyan)}.comic-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.comic-strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;border:1px solid rgba(255,255,255,.12)}.payment-gated{display:none}.payment-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);padding:22px;animation:float 4s ease-in-out infinite}.payment-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.notice{padding:16px;border-left:3px solid var(--amber);background:rgba(255,200,87,.08);color:#ffe8ad;border-radius:8px}.form-grid{display:grid;gap:14px;max-width:720px}.form-grid label{display:grid;gap:6px;color:var(--muted)}input,textarea,select{font:inherit;background:var(--surface);color:var(--ink);border:1px solid rgba(255,255,255,.18);border-radius:10px;padding:12px}footer{border-top:1px solid rgba(255,255,255,.1);padding:44px 0;color:var(--muted);margin-top:48px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-grid h3{font-size:.9rem;color:var(--ink)}.footer-grid a{display:block;margin:7px 0;color:var(--muted);text-decoration:none;font-size:.9rem}.footer-grid a:hover{color:var(--cyan)}.tiny{font-size:.82rem}.reveal{opacity:0;transform:translateY(14px);animation:reveal .6s ease forwards}.delay-1{animation-delay:.12s}.delay-2{animation-delay:.24s}@keyframes reveal{to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-7px) rotate(1deg)}}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:44px}.nav-links{display:none}.grid,.payment-grid,.footer-grid{grid-template-columns:1fr 1fr}.comic-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.shell{width:min(100% - 24px,1120px)}.grid,.payment-grid,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:2.5rem}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.hero-art{transform:none}}
.promo-gallery figure{margin:0}.promo-gallery figcaption{padding:6px 2px;color:var(--muted)}

.footer-referral{margin-top:24px;padding:16px 18px;border:1px solid rgba(0,230,246,.28);border-radius:12px;background:rgba(0,230,246,.06);color:var(--muted);font-size:.9rem}.footer-referral strong{color:var(--ink)}.footer-referral code{display:inline-block;margin:0 3px;padding:2px 7px;border-radius:6px;background:rgba(255,200,87,.16);color:var(--amber);font-weight:800;letter-spacing:.08em}.footer-referral a{color:var(--cyan);font-weight:700}
/* Enhanced motion layer */
body{background-size:140% 140%;animation:ambientDrift 18s ease-in-out infinite alternate;overflow-x:hidden}.particle-mesh{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.55;mix-blend-mode:screen}.site-nav{animation:navGlow 5s ease-in-out infinite alternate}.hero-art{position:relative;isolation:isolate;animation:heroBob 5s ease-in-out infinite,heroGlow 6s ease-in-out infinite alternate}.hero-art::after{content:"";position:absolute;inset:10%;z-index:-1;border-radius:40%;background:radial-gradient(circle,rgba(0,230,246,.34),transparent 68%);filter:blur(28px);animation:haloPulse 4s ease-in-out infinite alternate}.hero-art img{transition:transform .6s cubic-bezier(.2,.8,.2,1);animation:imageSway 8s ease-in-out infinite alternate}.hero-art:hover img{transform:scale(1.06) rotate(-1deg)}.card{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}.card:hover{box-shadow:0 18px 50px rgba(0,230,246,.14),0 5px 18px rgba(0,0,0,.3)}.reveal{opacity:0;transform:translateY(24px) scale(.98);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible,.card.is-visible,.section-heading.is-visible{opacity:1;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(0) scale(1)}.button{position:relative;overflow:hidden}.button::after{content:"";position:absolute;inset:-60%;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.45) 50%,transparent 58%);transform:translateX(-70%) rotate(8deg);animation:buttonShine 4.5s ease-in-out infinite}.button:hover::after{animation-duration:1.2s}.badge{animation:badgePulse 3s ease-in-out infinite}.promo-gallery .comic-strip img{transition:transform .35s ease,filter .35s ease;animation:galleryFloat 6s ease-in-out infinite}.promo-gallery .comic-strip figure:nth-child(2) img{animation-delay:-1.4s}.promo-gallery .comic-strip figure:nth-child(3) img{animation-delay:-2.8s}.promo-gallery .comic-strip figure:nth-child(4) img{animation-delay:-4.2s}.promo-gallery .comic-strip img:hover{transform:translateY(-8px) rotate(1deg) scale(1.04);filter:saturate(1.2) brightness(1.08)}.publisher-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:24px}.publisher-form,.publisher-preview{animation:panelRise .8s ease both}.publisher-preview{position:sticky;top:90px;height:max-content}.preview-art{height:170px;border-radius:12px;border:1px dashed rgba(255,255,255,.2);display:grid;place-items:center;color:var(--muted);background:linear-gradient(135deg,rgba(0,230,246,.08),rgba(154,108,255,.12));background-size:cover;background-position:center;animation:previewPulse 5s ease-in-out infinite alternate}.preview-art.has-image span{display:none}.preview-output{margin-top:22px}.preview-output pre{max-height:260px;overflow:auto;padding:14px;background:#090a10;border-radius:10px;color:#9ff8e5;font-size:.74rem;white-space:pre-wrap}.section-heading h2{margin-bottom:6px}.form-grid label{animation:fieldIn .5s ease both}.form-grid label:nth-child(2n){animation-delay:.06s}.form-grid label:nth-child(3n){animation-delay:.12s}@keyframes ambientDrift{0%{background-position:0% 0%}100%{background-position:100% 70%}}@keyframes navGlow{0%{box-shadow:0 1px 0 rgba(0,230,246,.05)}100%{box-shadow:0 4px 28px rgba(0,230,246,.13)}}@keyframes heroBob{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-12px) rotate(-1deg)}}@keyframes heroGlow{0%{box-shadow:0 24px 70px rgba(0,0,0,.3)}100%{box-shadow:0 24px 80px rgba(0,230,246,.18)}}@keyframes haloPulse{0%{opacity:.35;transform:scale(.92)}100%{opacity:.85;transform:scale(1.1)}}@keyframes imageSway{0%{object-position:48% 50%}100%{object-position:54% 46%}}@keyframes buttonShine{0%,55%{transform:translateX(-70%) rotate(8deg)}75%,100%{transform:translateX(70%) rotate(8deg)}}@keyframes badgePulse{0%,100%{box-shadow:0 0 0 rgba(0,230,246,0)}50%{box-shadow:0 0 18px rgba(0,230,246,.18)}}@keyframes galleryFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes panelRise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@keyframes previewPulse{from{background-position:0% 50%}to{background-position:100% 50%}}@keyframes fieldIn{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}@media(max-width:760px){.publisher-layout{grid-template-columns:1fr}.publisher-preview{position:static}}@media(prefers-reduced-motion:reduce){body,.site-nav,.hero-art,.hero-art img,.hero-art::after,.button::after,.badge,.promo-gallery .comic-strip img,.publisher-form,.publisher-preview,.form-grid label{animation:none!important}.reveal,.card,.section-heading{opacity:1!important;transform:none!important;transition:none!important}.particle-mesh{display:none}.button::after{display:none}}