:root{--bg:#0d0d1a;--ink:#fff;--panel:#21163b;--magenta:#ff3af2;--cyan:#00f5d4;--yellow:#ffe600;--orange:#ff6b35;--purple:#7b2fff;--muted:#d8d2e4;--max:1240px;--heading:"Outfit",sans-serif;--body:"DM Sans",sans-serif;--display:"Bungee",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.6;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 12% 18%,rgba(255,58,242,.13),transparent 30%),radial-gradient(circle at 87% 36%,rgba(0,245,212,.1),transparent 28%),radial-gradient(circle at 48% 82%,rgba(123,47,255,.16),transparent 34%),repeating-linear-gradient(135deg,transparent 0 18px,rgba(255,230,0,.025) 18px 20px)}
a{color:inherit}img{max-width:100%;height:auto}.wrap{width:min(100% - 40px,var(--max));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--yellow);color:var(--bg);padding:12px 18px;font-weight:900;transform:translateY(-180%)}.skip-link:focus{transform:none}h1,h2,h3{font-family:var(--heading);line-height:.96;margin:0;text-transform:uppercase}p{margin:0}.kicker{font-family:var(--display);font-size:clamp(.7rem,1.2vw,.92rem);letter-spacing:.12em;color:var(--cyan);text-transform:uppercase}.pattern-dots:before,.pattern-stripes:before,.pattern-checker:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.55}.pattern-dots:before{background-image:radial-gradient(circle,var(--magenta) 1.5px,transparent 1.5px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000,transparent 55%)}.pattern-stripes:before{background:repeating-linear-gradient(45deg,transparent 0 16px,rgba(255,230,0,.06) 16px 19px)}.pattern-checker:before{background-image:conic-gradient(from 90deg at 1px 1px,transparent 90deg,rgba(0,245,212,.08) 0);background-size:46px 46px}
.nav{position:sticky;top:0;z-index:50;background:rgba(13,13,26,.88);backdrop-filter:blur(16px);border-bottom:4px solid var(--magenta);box-shadow:0 5px 0 var(--cyan)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand img{border-radius:11px}.brand-name{font:900 1.2rem/1 var(--heading);text-transform:uppercase;letter-spacing:-.03em}.nav-links{display:flex;align-items:center;gap:24px}.nav-links a{min-height:44px;display:inline-flex;align-items:center;font-weight:800;text-transform:uppercase;text-decoration:none;font-size:.83rem;letter-spacing:.06em}.nav-links a:hover{color:var(--cyan)}.nav-cta{padding:8px 18px;background:var(--magenta);color:#fff!important;border:3px solid var(--yellow);border-radius:999px;box-shadow:5px 5px 0 var(--cyan)}
.hero{position:relative;isolation:isolate;padding:clamp(76px,9vw,130px) 0 0;min-height:860px;overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(123,47,255,.35),transparent 34%)}.hero-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:24px}.hero-copy{padding-bottom:84px}.hero h1{font-size:clamp(4.1rem,8vw,8.7rem);letter-spacing:-.075em;margin:20px 0 30px;text-shadow:4px 4px 0 var(--purple),8px 8px 0 var(--magenta),12px 12px 0 var(--cyan)}.hero h1 span,.section-heading h2 span,.retry-copy h2 span,.contact-copy h2 span{color:var(--yellow)}.hero-lede{max-width:620px;font-size:clamp(1.08rem,1.8vw,1.35rem);color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:18px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:58px;padding:12px 28px;border-radius:999px;font-family:var(--heading);font-weight:900;letter-spacing:.07em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s}.button-primary{background:linear-gradient(100deg,var(--magenta),var(--purple),var(--cyan));background-size:220%;border:4px solid var(--yellow);color:#fff;box-shadow:7px 7px 0 var(--cyan),14px 14px 0 var(--magenta)}.button-primary:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:10px 10px 0 var(--cyan),20px 20px 0 var(--magenta)}.button-secondary{border:4px dashed var(--cyan);background:rgba(45,27,78,.7);color:#fff}.hero-stats{display:flex;gap:14px;margin-top:60px}.hero-stats div{min-width:118px;padding:15px 18px;background:rgba(45,27,78,.78);border:3px solid var(--magenta);border-radius:18px;transform:rotate(-2deg);box-shadow:5px 5px 0 var(--yellow)}.hero-stats div:nth-child(2){border-color:var(--cyan);transform:translateY(10px) rotate(2deg);box-shadow:5px 5px 0 var(--magenta)}.hero-stats div:nth-child(3){border-color:var(--yellow);box-shadow:5px 5px 0 var(--purple)}.hero-stats strong{font:900 2rem/1 var(--heading);display:block}.hero-stats span{font-size:.72rem;text-transform:uppercase;font-weight:800}.hero-art-wrap{position:relative;align-self:end}.hero-art{position:relative;z-index:2;display:block;width:min(100%,820px);filter:drop-shadow(0 0 34px rgba(0,245,212,.25));animation:float 5s ease-in-out infinite}.hero-art-wrap:before{content:"";position:absolute;inset:10% 8% 4%;border:8px dashed var(--magenta);border-radius:48% 52% 55% 45%;transform:rotate(8deg);box-shadow:0 0 50px rgba(255,58,242,.5)}.hero-sticker{position:absolute;z-index:4;padding:8px 16px;font:900 .82rem var(--heading);color:var(--bg);border:4px solid var(--bg);box-shadow:5px 5px 0 var(--magenta)}.sticker-one{top:4%;right:0;background:var(--yellow);transform:rotate(8deg)}.sticker-two{bottom:17%;left:4%;background:var(--cyan);transform:rotate(-8deg)}.hero-word,.stage-word{position:absolute;font:900 clamp(10rem,30vw,28rem)/.7 var(--heading);letter-spacing:-.1em;color:rgba(255,255,255,.025);white-space:nowrap;pointer-events:none}.hero-word{top:10%;left:-4%;transform:rotate(-8deg)}.shape{position:absolute;z-index:1}.shape-ring{width:90px;height:90px;border:14px solid var(--yellow);border-radius:50%;right:4%;top:16%;animation:spin 16s linear infinite}.shape-diamond{width:54px;height:54px;border:9px solid var(--cyan);left:47%;top:16%;transform:rotate(45deg);animation:float 4s ease-in-out infinite}.shape-burst{font-size:90px;color:var(--magenta);left:3%;bottom:14%;animation:spin 12s linear infinite}.marquee{position:relative;z-index:5;overflow:hidden;background:var(--yellow);color:var(--bg);border-block:6px solid var(--magenta);transform:rotate(-1deg);margin-inline:-2%;width:104%}.marquee div{width:max-content;padding:13px 0;font:900 1.05rem var(--display);word-spacing:18px;animation:marquee 24s linear infinite}
.trap-section,.stage-section,.retry-section,.contact-section{position:relative;isolation:isolate;padding:clamp(100px,12vw,160px) 0;overflow:hidden}.section-heading{position:relative;z-index:2;max-width:780px;margin-bottom:78px}.section-heading h2,.retry-copy h2,.contact-copy h2{font-size:clamp(3.4rem,7vw,7rem);letter-spacing:-.06em;margin:12px 0 24px;text-shadow:3px 3px 0 var(--purple),6px 6px 0 var(--magenta)}.section-heading>p:last-child,.retry-copy>p:last-child,.contact-copy>p:last-child{color:var(--muted);font-size:1.16rem;max-width:650px}.trap-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:34px}.trap-card{position:relative;background:rgba(33,22,59,.94);padding:34px;border:5px solid var(--accent);border-radius:28px;box-shadow:10px 10px 0 var(--shadow),20px 20px 0 var(--accent2);transition:transform .25s,box-shadow .25s}.trap-card:hover{transform:translate(-5px,-8px) rotate(1deg);box-shadow:14px 16px 0 var(--shadow),28px 30px 0 var(--accent2)}.trap-card:nth-child(1),.trap-card:nth-child(2),.trap-card:nth-child(3){grid-column:span 2}.trap-card:nth-child(4){grid-column:2/span 2}.trap-card:nth-child(5){grid-column:4/span 2}.trap-card:nth-child(even){transform:translateY(26px) rotate(1.5deg);border-style:dashed}.trap-card:nth-child(odd){transform:rotate(-1.2deg)}.trap-card h3{font-size:1.65rem;margin:22px 0 12px;text-shadow:2px 2px 0 var(--accent2)}.trap-card p{color:var(--muted);font-size:.98rem}.trap-number{position:absolute;right:24px;top:18px;font:900 2.5rem var(--heading);color:rgba(255,255,255,.12)}.trap-symbol{width:72px;height:72px;display:grid;place-items:center;border:4px dashed var(--accent2);background:rgba(13,13,26,.6);font:900 2.8rem var(--heading);color:var(--accent)}.saw-symbol{border-radius:50%;background:repeating-conic-gradient(var(--accent) 0 12deg,transparent 12deg 24deg);box-shadow:inset 0 0 0 18px var(--panel)}.door-symbol{border-radius:34px 34px 4px 4px;border-style:solid;box-shadow:inset 0 0 0 8px var(--panel)}.rain-symbol{transform:rotate(12deg)}.trap-magenta{--accent:var(--magenta);--shadow:var(--cyan);--accent2:var(--yellow)}.trap-cyan{--accent:var(--cyan);--shadow:var(--orange);--accent2:var(--magenta)}.trap-yellow{--accent:var(--yellow);--shadow:var(--purple);--accent2:var(--cyan)}.trap-orange{--accent:var(--orange);--shadow:var(--cyan);--accent2:var(--yellow)}.trap-purple{--accent:var(--purple);--shadow:var(--yellow);--accent2:var(--magenta)}
.stage-section{background:linear-gradient(180deg,rgba(45,27,78,.55),transparent)}.stage-word{right:-3%;top:20%}.section-heading-wide{max-width:960px;margin-inline:auto;text-align:center}.stage-stack{position:relative;z-index:2;display:grid;gap:82px}.stage-card{display:grid;grid-template-columns:1.45fr .55fr;align-items:center;gap:0}.stage-card:nth-child(even){grid-template-columns:.55fr 1.45fr}.stage-card:nth-child(even) .stage-image-frame{order:2}.stage-image-frame{border:7px solid var(--accent);border-radius:30px;overflow:hidden;box-shadow:13px 13px 0 var(--shadow),26px 26px 0 var(--accent2);transform:rotate(-1.5deg);background:var(--bg)}.stage-card:nth-child(even) .stage-image-frame{transform:rotate(1.5deg)}.stage-image-frame img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.stage-copy{position:relative;z-index:3;background:var(--panel);border:5px dashed var(--accent2);padding:34px;margin-left:-34px;transform:rotate(2deg);box-shadow:8px 8px 0 var(--accent)}.stage-card:nth-child(even) .stage-copy{margin-left:0;margin-right:-34px;transform:rotate(-2deg)}.stage-index{font:900 .82rem var(--display);color:var(--accent);letter-spacing:.08em}.stage-copy h3{font-size:clamp(1.7rem,3vw,3rem);margin:12px 0}.stage-copy p{color:var(--muted)}.stage-card-one{--accent:var(--magenta);--shadow:var(--yellow);--accent2:var(--cyan)}.stage-card-two{--accent:var(--cyan);--shadow:var(--orange);--accent2:var(--purple)}.stage-card-three{--accent:var(--yellow);--shadow:var(--magenta);--accent2:var(--cyan)}
.retry-section{background:var(--purple);border-block:8px solid var(--yellow)}.retry-grid{position:relative;z-index:2}.retry-big{position:absolute;right:-3%;top:-75px;font:900 clamp(8rem,23vw,20rem)/1 var(--heading);color:rgba(13,13,26,.2);transform:rotate(6deg)}.retry-copy{position:relative;max-width:760px}.retry-loop{position:relative;margin-top:56px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:26px;background:var(--bg);border:5px dashed var(--cyan);border-radius:999px;box-shadow:10px 10px 0 var(--yellow),20px 20px 0 var(--magenta);font:900 1.25rem var(--heading);text-transform:uppercase}.retry-loop span{padding:8px 16px;background:var(--panel);border-radius:999px}.retry-loop b{color:var(--yellow);font-size:1.8rem}
.contact-layout{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(48px,8vw,110px);align-items:start}.contact-copy h2{font-size:clamp(3.3rem,6vw,6.5rem)}.contact-form{background:rgba(33,22,59,.96);border:5px solid var(--magenta);border-radius:36px 4px 36px 4px;padding:clamp(26px,4vw,46px);box-shadow:12px 12px 0 var(--cyan),24px 24px 0 var(--yellow)}.form-row+.form-row{margin-top:20px}.form-row label{display:block;font:900 .85rem var(--heading);letter-spacing:.08em;text-transform:uppercase;color:var(--yellow);margin:0 0 7px 8px}.form-row input,.form-row select,.form-row textarea{width:100%;min-height:54px;padding:13px 18px;border:4px solid var(--cyan);border-radius:999px;background:var(--bg);color:#fff;font:600 1rem var(--body);outline:none}.form-row textarea{border-radius:22px;resize:vertical;min-height:150px}.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--yellow);box-shadow:0 0 0 4px var(--magenta),0 0 0 8px var(--cyan)}.honeypot{position:absolute;left:-9999px}.submit-button{margin-top:28px}.submit-button:disabled{cursor:wait;opacity:.7}.button-loading{display:none}.submit-button.is-loading .button-label{display:none}.submit-button.is-loading .button-loading{display:inline}.form-status{min-height:1.6em;margin:18px 0 0;font-weight:700}.form-status.is-success{color:var(--cyan)}.form-status.is-error{color:#ffafa1}
footer{padding:58px 0;border-top:6px solid var(--magenta);background:#090912}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-note{color:var(--muted);margin-top:12px;font-size:.82rem}.footer-links{display:flex;flex-wrap:wrap;gap:24px}.footer-links a{font-weight:900;text-transform:uppercase;text-decoration:underline 3px var(--cyan);text-underline-offset:6px}
.legal{width:min(100%,800px);margin:auto;padding:70px 0 100px}.legal .eyebrow,.eyebrow{display:inline-block;font:900 .78rem var(--display);letter-spacing:.1em;color:var(--cyan);margin:0 0 16px}.legal h1,.error-page h1{font-size:clamp(3rem,7vw,6rem);text-shadow:3px 3px 0 var(--purple),6px 6px 0 var(--magenta)}.legal .updated{display:block;color:var(--muted);margin:16px 0 40px}.legal h2{font-size:1.8rem;color:var(--yellow);margin:45px 0 12px}.legal p,.legal li{color:var(--muted)}.legal a{color:var(--cyan)}.back-link{display:block;margin-bottom:30px;font-weight:800}.error-page{min-height:calc(100vh - 76px);display:grid;place-items:center;text-align:center;padding:70px 0}.error-code{font:900 clamp(7rem,22vw,16rem)/.8 var(--heading);color:var(--yellow);text-shadow:6px 6px 0 var(--purple),12px 12px 0 var(--magenta),18px 18px 0 var(--cyan)}.error-page p{color:var(--muted);font-size:1.15rem;margin:22px auto 34px;max-width:500px}
.nav>.wrap{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:76px}
:focus-visible{outline:4px dashed var(--yellow);outline-offset:5px}
@keyframes float{50%{transform:translateY(-18px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(max-width:900px){.nav-links a:not(.nav-cta){display:none}.hero{min-height:auto}.hero-grid,.contact-layout{grid-template-columns:1fr}.hero-copy{padding-bottom:20px}.hero-art-wrap{width:min(760px,100%);margin:auto}.trap-grid{grid-template-columns:repeat(2,1fr)}.trap-card,.trap-card:nth-child(1),.trap-card:nth-child(2),.trap-card:nth-child(3),.trap-card:nth-child(4),.trap-card:nth-child(5){grid-column:span 1}.stage-card,.stage-card:nth-child(even){grid-template-columns:1fr}.stage-card:nth-child(even) .stage-image-frame{order:0}.stage-copy,.stage-card:nth-child(even) .stage-copy{margin:-20px 24px 0;transform:rotate(1deg)}.contact-copy{max-width:720px}}
@media(max-width:620px){body{font-size:16px}.wrap{width:min(100% - 28px,var(--max))}.brand-name{font-size:1rem}.nav-cta{padding:6px 12px!important;font-size:.7rem!important}.hero{padding-top:58px}.hero h1{font-size:clamp(3.45rem,17vw,5rem);text-shadow:2px 2px 0 var(--purple),4px 4px 0 var(--magenta),6px 6px 0 var(--cyan)}.hero-actions{align-items:stretch}.button{width:100%}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.hero-stats div{min-width:0;padding:12px 8px}.hero-stats strong{font-size:1.55rem}.hero-stats span{font-size:.58rem}.sticker-one{right:2%;top:-2%}.sticker-two{bottom:8%}.shape-ring{width:48px;height:48px;border-width:8px}.shape-diamond{display:none}.section-heading h2,.retry-copy h2,.contact-copy h2{font-size:clamp(3rem,15vw,4.4rem)}.trap-grid{grid-template-columns:1fr;gap:42px}.trap-card:nth-child(even),.trap-card:nth-child(odd){transform:rotate(0)}.stage-stack{gap:68px}.stage-image-frame{border-width:4px;border-radius:18px;box-shadow:7px 7px 0 var(--shadow),14px 14px 0 var(--accent2)}.stage-copy,.stage-card:nth-child(even) .stage-copy{margin:-10px 12px 0;padding:24px}.retry-loop{border-radius:28px;gap:8px;padding:18px}.retry-loop b{font-size:1rem}.contact-form{box-shadow:7px 7px 0 var(--cyan),14px 14px 0 var(--yellow)}.footer-grid{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}}