.cross-promo .xp-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;padding-top:44px;display:grid}.cross-promo .xp-card{color:#221527;border:3px solid var(--stroke,#10131c);box-shadow:var(--shadow,6px 6px 0 #10131c);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:16px 18px;text-decoration:none;transition:transform .14s,box-shadow .14s;display:flex}.cross-promo .xp-card:hover{box-shadow:8px 8px 0 var(--stroke,#10131c);transform:translate(-2px,-2px)}.cross-promo .xp-card:active{box-shadow:2px 2px 0 var(--stroke,#10131c);transform:translate(2px,2px)}.cross-promo .xp-card img{border:2.5px solid var(--stroke,#10131c);width:52px;height:52px;box-shadow:2.5px 2.5px 0 var(--stroke,#10131c);border-radius:12px;flex:none}.cross-promo .xp-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.cross-promo .xp-copy strong{font-size:15px;font-weight:800;line-height:1.25}.cross-promo .xp-copy span{opacity:.65;font-size:12.5px;font-weight:600}.cross-promo .xp-go{flex:none;margin-left:auto;font-size:18px;font-weight:800}.cross-promo .xp-all{color:#221527;border:2.5px solid var(--stroke,#10131c);min-height:44px;box-shadow:4px 4px 0 var(--stroke,#10131c);background:#fff;border-radius:999px;align-items:center;margin-top:26px;padding:10px 20px;font-size:14.5px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.cross-promo .xp-all:hover{box-shadow:6px 6px 0 var(--stroke,#10131c);transform:translate(-2px,-2px)}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton-latin.woff2)format("woff2")}@font-face{font-family:Bricolage;font-style:normal;font-weight:200 800;font-display:swap;src:url(/fonts/bricolage-latin.woff2)format("woff2")}:root{--ink:#081a20;--ink-2:#103237;--paper:#e9f6ee;--slime:#7cec72;--slime-hot:#a8f68e;--venom:#22b062;--eye:#8fc3dd;--lava:#ff8a3d;--grape:#b57ae6;--amber:#ffd24d;--stroke:#04141a;--shadow:6px 6px 0 var(--stroke);--shadow-lg:10px 10px 0 var(--stroke);--radius:18px;--max:1200px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:clip}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--ink);color:var(--paper);max-width:100vw;font-family:Bricolage,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.6;overflow-x:clip}::selection{background:var(--slime);color:var(--stroke)}img{max-width:100%;height:auto;display:block}a{color:inherit}.caption{text-transform:uppercase;letter-spacing:.01em;color:#fff;-webkit-text-stroke:0;text-shadow:3px 3px 0 var(--stroke), -3px 3px 0 var(--stroke), 3px -3px 0 var(--stroke), -3px -3px 0 var(--stroke), 3px 0 0 var(--stroke), -3px 0 0 var(--stroke), 0 3px 0 var(--stroke), 0 -3px 0 var(--stroke), 0 10px 0 #04141ad9;font-family:Anton,Impact,Arial Black,sans-serif;line-height:.92}body:after{content:"";pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}nav{z-index:50;backdrop-filter:blur(14px);background:#081a20d1;border:2px solid #ffffff17;border-radius:999px;align-items:center;gap:18px;width:min(96vw,1080px);padding:10px 12px 10px 18px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%)}nav .brand{letter-spacing:.04em;align-items:center;gap:11px;font-family:Anton;font-size:17px;text-decoration:none;display:flex}nav .brand img{border:2px solid var(--stroke);width:44px;height:44px;box-shadow:3px 3px 0 var(--stroke);border-radius:11px}nav .links{gap:4px;margin-left:auto;display:flex}nav .links a{opacity:.85;border-radius:999px;min-height:auto;padding:9px 13px;font-size:14.5px;font-weight:600;text-decoration:none}nav .links a:hover{opacity:1;background:#ffffff14}.btn{background:var(--slime);color:#05270f;border:2.5px solid var(--stroke);min-height:46px;box-shadow:4px 4px 0 var(--stroke);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:9px;padding:11px 22px;font-family:Bricolage;font-size:15.5px;font-weight:800;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:6px 6px 0 var(--stroke);transform:translate(-2px,-2px)}.btn:active{box-shadow:1px 1px 0 var(--stroke);transform:translate(2px,2px)}.btn.alt{background:var(--eye);color:#04222f}@media (width<=760px){nav .links{display:none}nav{gap:10px;padding:7px 7px 7px 12px}nav .brand{font-size:13.5px}nav .brand img{width:30px;height:30px}nav .btn{min-height:42px;box-shadow:3px 3px 0 var(--stroke);margin-left:auto;padding:8px 14px;font-size:13px}}.hero{min-height:100svh;max-width:var(--max);grid-template-columns:1.1fr .9fr;align-items:center;gap:2vw;margin:0 auto;padding:120px 5vw 140px;display:grid;position:relative}.burst{z-index:-2;background:repeating-conic-gradient(from 0deg at 70% 40%, #7cec726b 0deg 9deg, #22b06200 9deg 18deg), radial-gradient(closest-side at 70% 40%, #4ed468 0%, #10513f 45%, transparent 76%), var(--ink);filter:saturate(1.1);position:absolute;inset:-20% -30%;mask-image:radial-gradient(120% 90% at 65% 40%,#000 45%,#0000 78%)}.bubbles{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bub{bottom:-70px;left:var(--x,10%);width:var(--s,18px);height:var(--s,18px);animation:rise var(--t,12s) linear infinite;animation-delay:var(--d,0s);opacity:0;background:radial-gradient(circle at 32% 28%,#a8f68ef2,#7cec7259 62%,#0000 72%);border:2px solid #04141a80;border-radius:50%;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(0)}10%{opacity:.55}90%{opacity:.4}to{opacity:0;transform:translateY(-108vh)}}@media (prefers-reduced-motion:reduce){.bub{opacity:0;animation:none}}.hero:before{content:"";z-index:-1;opacity:.16;background-image:radial-gradient(#ffffff80 1.1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0;mask-image:linear-gradient(200deg,#000 5%,#0000 55%)}.hero-copy .kicker{background:var(--lava);color:#3a1500;border:2.5px solid var(--stroke);box-shadow:4px 4px 0 var(--stroke);text-transform:uppercase;letter-spacing:.06em;border-radius:999px;align-items:center;gap:9px;margin-bottom:26px;padding:7px 15px;font-size:13.5px;font-weight:800;display:inline-flex;transform:rotate(-2deg)}.hero-copy h1{font-size:clamp(52px,7.8vw,112px)}.hero-copy h1 .swap{color:var(--slime);min-height:1em;display:block}.hero-copy h1 .swap .word{display:none}.hero-copy h1 .swap .word.on{animation:.45s cubic-bezier(.2,1.6,.4,1) pop;display:inline-block}@keyframes pop{0%{opacity:0;transform:scale(.6)rotate(-4deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-copy p.lede{color:#cfe7d8;text-wrap:pretty;max-width:35rem;margin:26px 0 30px;font-size:19px;font-weight:500}.cta-row{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.badge-link{border-radius:14px;padding:8px;transition:transform .15s;display:inline-block}.badge-link:hover{transform:scale(1.04)}.badge-link img{width:auto;height:56px}.trust{flex-direction:column;gap:3px;font-size:15px;font-weight:700;display:flex}.trust .line{align-items:center;gap:8px;display:flex}.trust .dot{color:var(--amber);font-size:18px;line-height:1}.trust small{opacity:.66;font-weight:500}.hero-stage{min-height:600px;position:relative}.phone{width:min(290px,62vw);box-shadow:var(--shadow-lg),0 40px 80px -20px #7cec7266;background:#000;border:10px solid #000;border-radius:44px;margin-inline:auto;animation:7s ease-in-out infinite bob;position:relative;transform:rotate(-5deg)}@keyframes bob{0%,to{transform:rotate(-5deg)translateY(0)}50%{transform:rotate(-4deg)translateY(-14px)}}@media (prefers-reduced-motion:reduce){.phone{animation:none}}.screen{aspect-ratio:642/1392;background:#0f3328;border-radius:34px;width:100%;position:relative;overflow:hidden}.screen>img{object-fit:cover;object-position:top center;border-radius:0;width:100%;height:100%}.stk{pointer-events:none;user-select:none;filter:drop-shadow(4px 5px #04141a80);transform:rotate(var(--r,0deg));animation:6s ease-in-out infinite floaty;animation-delay:var(--d,0s);line-height:1;position:absolute}@keyframes floaty{0%,to{translate:0}50%{translate:0 -12px}}@media (prefers-reduced-motion:reduce){.stk{animation:none}}.stk-flask{--r:-8deg;--d:1.2s;font-size:96px;bottom:6%;left:-9%}.stk-germ{--r:10deg;--d:2.1s;font-size:72px;bottom:-4%;right:2%}.googly{pointer-events:none;border:4px solid var(--stroke);background:radial-gradient(circle at 32% 28%,#fffdf2 0 55%,#dfe8da 100%);border-radius:50%;width:92px;height:92px;animation:6s ease-in-out infinite floaty;position:absolute;top:-4%;right:-5%;transform:rotate(8deg);box-shadow:5px 6px #04141a80}.googly:after{content:"";background:radial-gradient(circle at 30% 30%,#2c4652 0 28%,#071720 62%);border-radius:50%;width:38%;height:38%;animation:5s ease-in-out infinite peek;position:absolute;top:30%;left:34%}.googly.mini{width:56px;height:56px;animation-delay:1.6s;inset:auto auto 24% -13%;transform:rotate(-10deg)}@keyframes peek{0%,to{translate:0}25%{translate:-16% 8%}55%{translate:14% -6%}80%{translate:-6% 14%}}@media (prefers-reduced-motion:reduce){.googly,.googly:after{animation:none}}@media (width<=920px){.stk-flask{font-size:66px;left:-4%}.stk-germ{font-size:54px}.googly{width:64px;height:64px}.googly.mini{width:42px;height:42px;left:-6%}.hero{text-align:center;grid-template-columns:1fr;padding-top:110px}.hero-copy .kicker,.hero-copy p.lede{margin-inline:auto}.cta-row{justify-content:center}.hero-stage{min-height:500px;margin-top:44px}}.marquee{--h:64px;z-index:2;background:var(--venom);border-block:3px solid var(--stroke);height:var(--h);margin:-32px -2vw 0;display:flex;position:relative;overflow:hidden;transform:rotate(-1.6deg)}.marquee .track{white-space:nowrap;align-items:center;gap:0;animation:26s linear infinite slide;display:flex}@keyframes slide{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee .track{animation:none}}.marquee span{letter-spacing:.05em;color:#032b18;height:var(--h);align-items:center;gap:26px;padding:0 26px;font-family:Anton;font-size:24px;display:flex}.marquee b{color:#fff;-webkit-text-stroke:0}.drip{z-index:1;background:radial-gradient(circle at 20px -9px, var(--venom) 17px, transparent 18px) repeat-x;background-size:47px 24px;height:24px;margin:-3px -2vw 0;position:relative;transform:rotate(-1.6deg)}section{max-width:var(--max);margin:0 auto;padding:110px 5vw;position:relative}.h2{margin-bottom:14px;font-size:clamp(40px,5.4vw,72px)}.sub{color:#a5c8b6;max-width:38rem;font-size:18px;font-weight:500}.bubble{color:var(--stroke);text-transform:uppercase;letter-spacing:.07em;border:2.5px solid var(--stroke);box-shadow:4px 4px 0 var(--stroke);background:#fff;border-radius:12px;margin-bottom:22px;padding:7px 14px;font-size:13.5px;font-weight:800;display:inline-block;position:relative;transform:rotate(-1.5deg)}.bubble:after{content:"";border-right:2.5px solid var(--stroke);border-bottom:2.5px solid var(--stroke);background:#fff;width:14px;height:14px;position:absolute;bottom:-11px;left:22px;transform:rotate(45deg)}.reveal{opacity:0;transform:translateY(26px)}.reveal.in{opacity:1;transition:opacity .6s,transform .6s cubic-bezier(.2,.9,.3,1);transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}.showcase{padding-block:120px}.pins{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px;display:flex}.pin{background:var(--ink-2);border:2.5px solid var(--stroke);box-shadow:3px 3px 0 var(--stroke);transform:rotate(var(--r,0));border-radius:999px;padding:8px 15px;font-size:14px;font-weight:700}.features-grid{grid-template-columns:1fr 420px;align-items:start;gap:6vw;display:grid}.feat-list{flex-direction:column;gap:14vh;padding-block:8vh 20vh;display:flex}.feat{border-left:5px solid #ffffff1f;padding-left:26px;transition:border-color .3s}.feat.on{border-color:var(--slime)}.feat h3{text-transform:uppercase;letter-spacing:.02em;margin-bottom:10px;font-family:Anton;font-size:clamp(26px,2.6vw,36px)}.feat h3 em{color:var(--slime);font-style:normal}.feat p{color:#b2d4c2;max-width:30rem;font-weight:500}.feat .chip{letter-spacing:.03em;background:#ffffff12;border:1.5px solid #ffffff26;border-radius:999px;margin-top:14px;padding:5px 12px;font-size:12.5px;font-weight:700;display:inline-block}.feat-stage{position:sticky;top:8vh}.feat-stage .phone{width:min(340px,100%);animation:none;transform:rotate(3deg)}.feat-stage .shots img{opacity:0;object-fit:cover;object-position:top center;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.feat-stage .shots img.on{opacity:1}.dots{justify-content:center;gap:8px;margin-top:20px;display:flex}.dots i{background:#fff3;border-radius:99px;width:10px;height:10px;transition:all .3s}.dots i.on{background:var(--slime);width:26px}@media (width<=920px){.features-grid{grid-template-columns:1fr}.feat-stage{display:none}.feat-list{gap:56px;padding-block:30px}.feat .m-shot{border:3px solid var(--stroke);box-shadow:var(--shadow);border-radius:22px;max-width:300px;margin-top:18px;display:block}}@media (width>=921px){.feat .m-shot{display:none}}.wall{padding-block:90px;overflow:hidden}.wall-track{gap:22px;width:max-content;padding-block:14px;animation:40s linear infinite slide;display:flex}@media (prefers-reduced-motion:reduce){.wall-track{flex-wrap:wrap;width:auto;animation:none}}.tcard{border:3px solid var(--stroke);width:220px;box-shadow:var(--shadow);transform:rotate(var(--r,0));text-transform:uppercase;border-radius:16px;flex:none;font-family:Anton;overflow:hidden}.tcard .art{justify-content:center;align-items:center;height:150px;font-size:66px;display:flex}.tcard .lab{color:var(--stroke);border-top:3px solid var(--stroke);text-transform:none;background:#fff;padding:8px 12px;font-family:Bricolage;font-size:12.5px;font-weight:700}.tc1 .art{background:var(--eye)}.tc2 .art{background:var(--venom)}.tc3 .art{background:var(--lava)}.tc4 .art{background:var(--grape)}.tc5 .art{background:var(--amber)}.tc6 .art{background:#dfe8ee}.spot{text-align:center;background:var(--ink-2);border:3px solid var(--stroke);box-shadow:var(--shadow-lg);border-radius:28px;padding:70px 6vw;position:relative;overflow:hidden}.spot:before{content:"";background:repeating-conic-gradient(from 8deg,#7cec7224 0 10deg,transparent 10deg 20deg);position:absolute;inset:-40%}.spot>*{position:relative}.spot .glyph{filter:drop-shadow(4px 5px #04141a80);font-size:clamp(60px,10vw,104px);line-height:1}.spot h2{margin:14px 0 6px;font-size:clamp(38px,6vw,78px)}.spot h2 span{color:var(--slime)}.spot p{color:#cfe7d8;max-width:40rem;margin:14px auto 0;font-size:19px;font-weight:600}.spot .lims{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.spot .lim{background:#ffffff0f;border:2px solid #ffffff29;border-radius:14px;min-width:130px;padding:14px 20px;font-weight:700}.spot .lim b{color:var(--slime);font-family:Anton;font-size:30px;display:block}.spot small{opacity:.55;margin-top:22px;font-size:12.5px;font-weight:500;display:block}.faq{max-width:820px}.faq details{background:var(--ink-2);border:3px solid var(--stroke);box-shadow:var(--shadow);border-radius:16px;margin-bottom:16px;overflow:hidden}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:18px;min-height:44px;padding:20px 24px;font-size:17px;font-weight:800;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--slime);font-family:Anton;font-size:26px;transition:transform .25s}.faq details[open] summary:after{transform:rotate(45deg)}.faq .a{color:#b2d4c2;padding:0 24px 22px;font-weight:500}.final{text-align:center;padding-block:150px;position:relative}.final .burst{inset:-10% -30%;mask-image:radial-gradient(70% 70%,#000 30%,#0000 75%)}.final h2{font-size:clamp(50px,8vw,108px)}.final h2 span{color:var(--slime)}.final .btn{min-height:60px;margin-top:38px;padding:16px 38px;font-size:19px}.final p.tiny{opacity:.6;margin-top:18px;font-size:13px;font-weight:600}footer{max-width:var(--max);color:#8ba79b;border-top:3px solid #ffffff17;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin:0 auto;padding:44px 5vw 60px;font-size:13.5px;font-weight:500;display:flex}footer nav2{gap:24px;display:flex}footer a{color:#cfe7d8;align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}footer a:hover{color:#fff}