@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@500;700;800;900&display=swap');

:root{color-scheme:dark;--ink:#070916;--text:#f4f7ff;--lime:#b8ff49;--cyan:#62f4ff;--violet:#7f4dff;--pink:#ff5c9e}
*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--ink);font-family:Inter,system-ui,sans-serif;color:var(--text)}button,a{font:inherit}.landing-shell{isolation:isolate;position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(ellipse at 50% 52%,#192250 0%,#0d1130 37%,#070916 76%)}.grid{position:absolute;z-index:-4;inset:0;opacity:.34;background-image:linear-gradient(rgba(150,172,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(150,172,255,.12) 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(#0004,#000 22%,#000 75%,transparent)}.noise{position:absolute;z-index:-3;inset:0;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.orb{position:absolute;z-index:-2;border-radius:50%;filter:blur(2px);animation:float 8s ease-in-out infinite}.orb-one{top:17%;left:7%;width:18px;height:18px;background:#b8ff49;box-shadow:0 0 34px 9px #b8ff4966}.orb-two{right:10%;bottom:21%;width:27px;height:27px;background:#62f4ff;box-shadow:0 0 46px 13px #62f4ff66;animation-delay:-2.8s}.orb-three{top:34%;right:25%;width:12px;height:12px;background:#ffce4a;box-shadow:0 0 28px 7px #ffce4a88;animation-delay:-5.5s}@keyframes float{50%{transform:translateY(-22px) translateX(11px) scale(1.18)}}
.topbar{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:23px 34px}.topbar-actions{display:flex;align-items:center;gap:10px}.brand{color:#f5f8ff;text-decoration:none;font-size:15px;font-weight:1000;letter-spacing:.11em}.brand span{display:inline-grid;place-items:center;width:27px;height:23px;margin-right:2px;border-radius:6px;background:var(--lime);color:#081015;font-size:9px;letter-spacing:0}.live-pill{display:flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid #7fffa637;border-radius:99px;background:#7fffa610;color:#ccffd0;font-size:9px;font-weight:900;letter-spacing:.13em}.live-pill i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.language-switch{display:flex;gap:2px;padding:3px;border:1px solid #91a9eb30;border-radius:9px;background:#050817aa}.language-switch button{width:38px;height:30px;padding:0;border:0;border-radius:6px;color:#8f9cbc;background:transparent;font-size:9px;font-weight:1000;cursor:pointer}.language-switch button.active{color:#07100e;background:var(--lime)}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
.hero{position:relative;z-index:4;display:flex;flex-direction:column;align-items:center;max-width:720px;margin:clamp(52px,10vh,110px) auto 0;padding:0 22px;text-align:center}.kicker{margin:0 0 16px;color:#b8c7ee;font-size:11px;font-weight:900;letter-spacing:.18em}.kicker b{color:var(--lime);font-size:14px}.hero h1{display:grid;margin:0;font-family:'Archivo Black',Impact,sans-serif;font-size:clamp(66px,11vw,142px);line-height:.78;letter-spacing:-.075em;filter:drop-shadow(0 15px 28px #0008)}.hero h1 span{color:var(--lime);text-shadow:0 0 38px #b8ff4955}.hero h1 strong{color:#f3f6ff}.claim{margin:29px 0 0;font-size:clamp(20px,2.5vw,29px);font-weight:900;letter-spacing:-.04em}.claim em{color:var(--cyan);font-style:normal}.subclaim{max-width:430px;margin:14px 0 27px;color:#aab6d6;font-size:13px;line-height:1.6}.play-button{display:flex;align-items:center;gap:13px;min-width:250px;padding:9px 13px 9px 10px;border:1px solid #e1ffd277;border-radius:15px;background:linear-gradient(135deg,#c9ff55,#6ce6a6);box-shadow:0 14px 46px #b8ff4940,0 3px 0 #467e2d;color:#07100e;text-align:left;text-decoration:none;transition:transform .18s,filter .18s}.play-button:hover{transform:translateY(-3px) scale(1.025);filter:brightness(1.1)}.play-button i{display:grid;place-items:center;width:43px;height:43px;border-radius:11px;background:#0d322a;color:var(--lime);font-style:normal;font-size:14px}.play-button span{display:grid;font-size:16px;font-weight:1000;letter-spacing:.03em}.play-button small{margin-top:2px;color:#24584d;font-size:8px;font-weight:900;letter-spacing:.08em}.play-button b{margin-left:auto;font-size:20px}.microcopy{margin:13px 0 0;color:#8d99bb;font-size:9px;font-weight:800;letter-spacing:.07em}
.mutant{position:absolute;z-index:2;pointer-events:none}.mutant .body{position:relative;overflow:hidden;border:3px solid #ffffff63;border-radius:48% 52% 45% 55% / 48% 46% 54% 52%;box-shadow:inset -18px -24px 30px #0004,inset 12px 12px 18px #fff3,0 25px 50px #0007}.mutant .eye{position:absolute;z-index:2;width:20%;height:24%;border-radius:50%;background:#fff;box-shadow:inset -4px -4px 7px #9ba6cf88}.mutant .eye i{position:absolute;top:38%;left:37%;width:48%;height:49%;border-radius:50%;background:#101526;box-shadow:0 0 0 3px #7687de66}.mutant .eye-a{left:29%;top:25%;transform:rotate(-10deg)}.mutant .eye-b{right:25%;top:23%;transform:rotate(12deg)}.mutant .mouth{position:absolute;z-index:2;left:31%;bottom:19%;width:38%;height:17%;border-bottom:5px solid #272139;border-radius:0 0 50% 50%;transform:rotate(-3deg)}.mutant .core{position:absolute;left:50%;top:54%;width:19%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:#f4ffbd;box-shadow:0 0 18px 6px #efff8088}.mutant .tag{position:absolute;z-index:4;display:grid;gap:2px;padding:7px 9px;border:1px solid #ffffff27;border-radius:8px;background:#060916bb;backdrop-filter:blur(8px)}.mutant .tag b{font-size:9px;letter-spacing:.12em}.mutant .tag span{color:#a5b2d6;font-size:7px;font-weight:900;letter-spacing:.11em}.mutant-left{left:max(1.5vw,16px);bottom:clamp(85px,13vh,135px);width:clamp(190px,24vw,330px);animation:sway 7s ease-in-out infinite}.mutant-left .body{height:clamp(175px,21vw,275px);background:radial-gradient(circle at 32% 26%,#edffb5,#a9e742 34%,#27763c 74%,#123a37)}.mutant-left .tag{right:0;bottom:-19px}.tentacle{position:absolute;z-index:-1;width:45%;height:30%;border:clamp(8px,1.4vw,17px) solid #72bd45;border-left:0;border-bottom:0;border-radius:0 90% 0 0}.t1{left:-25%;top:50%;transform:rotate(-36deg)}.t2{right:-25%;top:34%;transform:rotate(50deg)}.t3{right:-19%;bottom:3%;transform:rotate(118deg)}.vein{position:absolute;width:50%;height:10%;border-top:3px solid #dcff9b55;border-radius:50%}.v1{left:7%;bottom:22%;transform:rotate(-35deg)}.v2{right:4%;bottom:13%;transform:rotate(24deg)}
.mutant-right{right:max(1.5vw,16px);bottom:clamp(62px,9vh,105px);width:clamp(230px,29vw,410px);animation:sway 8s ease-in-out infinite reverse}.mutant-right .body{height:clamp(205px,25vw,345px);background:radial-gradient(circle at 31% 24%,#dcffe6,#5eea9b 34%,#157757 72%,#092c35)}.mutant-right .tag{left:0;bottom:-19px}.mutant-right .core{background:#ecffd2;box-shadow:0 0 26px 11px #8affbe88}.halo{position:absolute;z-index:-1;inset:-9%;border:3px dashed #9affb8aa;border-radius:50%;animation:spin 12s linear infinite}.halo-b{inset:-16%;border-color:#79eaff55;animation-direction:reverse;animation-duration:17s}.crown{position:absolute;z-index:3;width:11px;height:11px;border-radius:50%;background:#d7ffe4;box-shadow:0 0 14px 4px #a5ffbf}.c1{top:-9%;left:20%}.c2{top:-16%;left:49%}.c3{top:-9%;right:19%}.c4{top:11%;right:-8%}.c5{top:11%;left:-8%}.mark{position:absolute;width:22%;height:10%;border-top:3px solid #dfffe655;border-radius:50%}.m1{left:7%;top:68%;transform:rotate(-20deg)}.m2{right:6%;top:62%;transform:rotate(33deg)}@keyframes sway{50%{transform:translateY(-17px) rotate(2deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.feature-strip{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;max-width:720px;margin:clamp(90px,15vh,165px) auto 0;border:1px solid #9bb0ee25;border-radius:15px;overflow:hidden;background:#9bb0ee25}.feature-strip article{display:flex;align-items:center;gap:9px;padding:12px 14px;background:#0e1330bb}.feature-strip i{color:var(--lime);font-size:9px;font-style:normal;font-weight:1000}.feature-strip b,.feature-strip span{display:block}.feature-strip b{font-size:10px;letter-spacing:.1em}.feature-strip span{margin-top:3px;color:#a1aecc;font-size:8px;font-weight:700}.share-footer{position:relative;z-index:4;display:grid;grid-template-columns:minmax(172px,1fr) minmax(180px,360px) auto auto;align-items:center;gap:8px;max-width:960px;margin:25px auto 0;padding:17px 24px 39px;color:#9ca8c8;font-size:8px;font-weight:900;letter-spacing:.12em}.share-copy{display:grid;gap:3px;min-width:0}.share-copy>span{color:#9ca8c8;font-size:8px}.share-copy>b{color:var(--lime);font-size:10px;letter-spacing:.09em}.share-copy small{color:#8794b9;font-size:7px;line-height:1.35;letter-spacing:.03em}.share-url{min-width:0;min-height:40px;padding:10px 11px;overflow:hidden;border:1px solid #62f4ff2c;border-radius:7px;color:var(--cyan);background:#62f4ff0a;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;user-select:text;-webkit-user-select:text}.share-url:hover{border-color:#62f4ff88}.share-footer button{min-height:40px;border:1px solid #91a9eb30;border-radius:7px;background:#ffffff0a;color:#dce6ff;padding:8px 11px;font-size:9px;font-weight:900;letter-spacing:.08em;cursor:pointer}.share-footer button:hover{border-color:#62f4ff88;color:var(--cyan)}.share-footer button:disabled{cursor:wait;opacity:.42}.share-footer>#shareStatus{position:absolute;right:16px;bottom:8px;left:16px;color:var(--lime);font-size:8px;line-height:1.35;text-align:center;white-space:normal}
@media(prefers-reduced-motion:reduce){.orb,.mutant,.halo{animation:none!important}}@media(max-width:840px){.mutant{opacity:.78}.mutant-left{left:-46px;bottom:112px}.mutant-right{right:-65px;bottom:89px}.hero{margin-top:74px}.feature-strip{margin-top:230px;width:calc(100% - 34px)}.share-footer{max-width:720px;grid-template-columns:1fr minmax(190px,1.35fr) auto auto}}@media(max-width:560px){.topbar{padding:16px 18px}.live-pill{display:none}.hero{margin-top:55px}.hero h1{font-size:69px}.kicker{font-size:8px}.subclaim{max-width:330px;font-size:11px}.mutant-left{width:185px;left:-75px;bottom:124px}.mutant-right{width:205px;right:-84px;bottom:110px}.feature-strip{grid-template-columns:1fr;margin-top:215px;width:calc(100% - 30px)}.feature-strip article{padding:10px 13px}.share-footer{grid-template-columns:1fr 1fr;gap:7px;padding:18px 15px 55px}.share-copy{grid-column:1/-1;text-align:center}.share-copy>b{font-size:9px}.share-copy small{font-size:7px}.share-url{grid-column:1/-1;text-align:center;font-size:8px}.share-footer button{min-height:42px;font-size:9px}.brand{font-size:12px}.brand span{width:23px;height:20px}.mutant .tag{display:none}}@media(max-height:700px) and (min-width:700px){.hero{margin-top:35px}.feature-strip{margin-top:75px}.mutant-left,.mutant-right{bottom:55px}}