@charset "UTF-8";
:root{--bg:#08161a;--ink:#f4f1e8;--muted:#9daeb0;--lime:#d9f77b;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--bg)}.skip{position:fixed;top:-100px;left:20px;z-index:99;background:var(--lime);color:var(--bg);padding:15px}.skip:focus{top:20px}.progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left;z-index:30}.header{height:98px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;font-weight:900;letter-spacing:-1.4px}.wordmark span{font-size:13px;vertical-align:top;margin-left:5px}.header nav{display:flex;align-items:center;gap:34px;font-size:13px}.nav-pill{border:1px solid #ffffff55;padding:13px 19px;border-radius:50px}.nav-pill span{margin-left:22px}.hero{max-width:1600px;margin:auto;position:relative;padding:70px 5% 0;display:grid;grid-template-columns:1fr 1fr;min-height:800px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;line-height:1.8}.eyebrow i,.video-top i{display:inline-block;width:6px;height:6px;background:var(--lime);border-radius:50%;margin-right:10px;box-shadow:0 0 14px var(--lime)}h1{font-size:clamp(68px,7.7vw,122px);letter-spacing:-.065em;line-height:.98;margin:30px 0}em{font-style:normal;color:var(--lime)}.intro{font-size:17px;line-height:1.65;color:#b5c4c4}.button{display:inline-flex;gap:35px;align-items:center;background:var(--lime);color:#132019;border-radius:60px;padding:19px 26px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{background:#ebffb2;transform:translateY(-3px)}.hero .button{margin-top:18px}.hero-note{display:block;margin:19px 0;font-size:10px;color:var(--muted)}.stage{perspective:1100px;min-width:0;display:grid;place-items:center}.scene{position:relative;width:100%;height:560px;transform-style:preserve-3d;will-change:transform}.halo{position:absolute;inset:12% 2%;border-radius:50%;background:radial-gradient(ellipse,#b7d66c32,transparent 66%);transform:translateZ(-80px)}.hero-mascot{position:absolute;width:89%;left:5%;top:1%;height:100%;object-fit:contain;filter:drop-shadow(0 32px 30px #0007);transform:translateZ(70px) rotate(-8deg)}.orbit{position:absolute;border:1px solid #cce68c66;border-radius:50%;width:108%;height:70%;top:14%;left:-4%;transform:rotateX(62deg) rotateZ(-28deg)}.orbit-two{transform:rotateX(62deg) rotateZ(48deg);width:90%;left:5%;border-color:#ffffff26}.satellite{position:absolute;display:grid;place-items:center;background:var(--lime);color:var(--bg);width:78px;height:78px;border-radius:50%;font-weight:900;font-size:30px;box-shadow:inset -9px -10px 15px #6b8d3a77,0 15px 30px #0005;transform:translateZ(110px)}.sat-one{right:1%;top:12%;rotate:17deg}.sat-two{left:0;bottom:14%;width:58px;height:58px;font-size:23px;rotate:-15deg}.star{position:absolute;top:1%;left:10%;font-size:72px;color:var(--lime);transform:translateZ(40px)}.sticker{position:absolute;right:-1%;bottom:16%;font-size:29px;line-height:.95;transform:translateZ(120px) rotate(12deg);padding:20px;background:#e5c8a8;color:#152020;box-shadow:5px 5px 0 #0004}.sticker b{font-size:12px}.coordinates{position:absolute;bottom:0;right:0;color:var(--muted);font-family:monospace;font-size:9px;line-height:1.7;letter-spacing:1px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;align-self:end;border-top:1px solid var(--line);padding:24px 0;margin-top:55px;font-size:9px;letter-spacing:1px;color:var(--muted)}.ticker{overflow:hidden;background:var(--lime);color:#152019;padding:19px 0;transform:rotate(-2deg);margin:45px -2% 0}.ticker div{white-space:nowrap;font-size:27px;font-weight:900;letter-spacing:-1px;will-change:transform}.ticker span{margin:0 40px}.section{max-width:1440px;margin:auto;padding:130px 6% 0}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:20px}.section-heading .eyebrow{grid-column:1/-1;color:var(--muted);margin:0}.section-heading h2,.outro h2{font-size:clamp(44px,5.5vw,80px);letter-spacing:-.055em;line-height:1.06;margin:0}.section-heading>p:last-child{justify-self:end;font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 5px}.video-perspective{perspective:1300px;margin-top:50px}.video-shell{border:1px solid #ffffff38;background:#132328;border-radius:18px;overflow:hidden;transform-origin:center;box-shadow:0 35px 80px #0005;will-change:transform}.video-top,.video-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;font-size:9px;letter-spacing:1px;align-items:center}.video-top{color:#c0cdcd}.video-frame{aspect-ratio:16/9;background:#173a39;position:relative}.video-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-poster{width:100%;height:100%;border:0;color:var(--ink);cursor:pointer;position:relative;overflow:hidden;text-align:left;background:radial-gradient(ellipse at 75% 70%,#678955,#183e3a 50%,#102728)}.video-poster:before{content:"";position:absolute;width:65%;aspect-ratio:1;border:1px solid #d9f77b44;border-radius:50%;right:-8%;top:-25%}.video-poster img{height:115%;width:58%;position:absolute;right:0;top:2%;transform:rotate(10deg)}.poster-title{position:absolute;left:5%;top:16%;font-size:clamp(28px,6vw,84px);font-weight:900;letter-spacing:-.05em;line-height:1}.play-disc{position:absolute;left:47%;top:41%;border:1px solid #ffffffaa;background:#ffffff24;backdrop-filter:blur(12px);border-radius:50%;width:85px;height:85px;display:grid;place-items:center;padding-left:4px;font-size:23px;transition:background .2s,scale .2s}.video-poster:hover .play-disc{background:#d9f77b;color:#08161a;scale:1.1}.poster-caption{position:absolute;left:5%;bottom:9%;font-size:9px;letter-spacing:2px}.video-bottom{font-size:11px;letter-spacing:0;color:var(--muted)}.video-bottom a{color:var(--ink)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:54px;perspective:1400px}.social-card{position:relative;min-width:0;border-radius:16px;background:var(--card);color:var(--card-ink,#fff);padding:20px;transform-style:preserve-3d;will-change:transform;box-shadow:0 18px 28px #0003}.facebook{--card:#3464d9}.instagram{--card:#dc6c99}.tiktok{--card:#b9e6d5;--card-ink:#17342d}.youtube{--card:#f16d50;--card-ink:#381c14}.card-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.5px}.arrow{font-size:22px}.card-art{height:205px;position:relative;transform:translateZ(25px)}.card-art img{position:absolute;width:100%;height:100%;object-fit:contain;top:18px;filter:drop-shadow(0 13px 8px #0003)}.platform-glyph{position:absolute;right:4%;top:0;font-size:112px;font-weight:900;opacity:.24;line-height:1}.instagram .card-art img{rotate:10deg}.tiktok .card-art img{rotate:-10deg}.youtube .card-art img{rotate:7deg}.card-copy{transform:translateZ(14px)}.card-copy h3{font-size:clamp(23px,2.3vw,35px);letter-spacing:-1.2px;line-height:1.05;margin:25px 0}.card-copy p{font-size:10px;display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:15px;margin:0;line-height:1.5}.outro{text-align:center;position:relative;padding:140px 5% 120px}.outro .eyebrow{color:var(--muted);margin-bottom:25px}.outro h2{position:relative;display:inline-block}.outro h2 span{position:absolute;right:-75px;top:-18px;color:var(--lime);font-size:70px}.outro .button{display:table;margin:36px auto 0}footer{margin:0 5%;padding:32px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:10px;color:var(--muted)}
@media(min-width:1600px){.hero{min-height:880px}.scene{height:620px}}@media(max-width:1000px){.hero{min-height:700px;padding-top:50px}.scene{height:430px}.sticker{font-size:22px;padding:14px}.cards{grid-template-columns:repeat(2,1fr);gap:25px}.card-art{height:260px}.card-copy h3{font-size:36px}.social-card{padding:24px}.section{padding-top:95px}}
@media(max-width:640px){.header{height:78px}.wordmark{font-size:21px}.header nav>a:first-child{display:none}.nav-pill{padding:10px 12px;font-size:10px}.nav-pill span{margin-left:6px}.hero{grid-template-columns:1fr;padding-top:35px}.hero-copy{position:relative;z-index:2}h1{font-size:76px;margin:20px 0}.eyebrow{font-size:8px;letter-spacing:1.4px}.intro{font-size:15px}.hero-note{font-size:9px}.stage{margin-top:0}.scene{height:395px;max-width:390px}.hero-mascot{width:86%;left:7%}.sat-one{width:60px;height:60px;font-size:24px}.star{font-size:52px}.sticker{right:2%;bottom:18%}.coordinates{font-size:8px}.hero-bottom{margin-top:25px;font-size:8px}.hero-bottom>span:last-child{display:none}.ticker{margin-top:20px;padding:14px 0}.ticker div{font-size:21px}.ticker span{margin:0 22px}.section{padding:80px 5% 0}.section-heading{grid-template-columns:1fr;gap:15px}.section-heading h2{font-size:49px}.section-heading>p:last-child{justify-self:start;font-size:13px}.video-perspective{margin-top:30px}.video-shell{border-radius:10px}.video-top,.video-bottom{padding:12px;font-size:8px;gap:8px}.video-top>span:last-child{font-size:6px}.video-bottom>span{max-width:52%;line-height:1.6}.poster-title{font-size:34px}.play-disc{width:50px;height:50px;font-size:16px;left:47%;top:40%}.poster-caption{font-size:6px;letter-spacing:1px}.cards{grid-template-columns:1fr;gap:24px;margin-top:30px}.social-card{max-width:420px;width:100%;margin:auto;padding:24px}.card-art{height:270px}.card-copy h3{font-size:40px;margin:16px 0 24px}.card-top{font-size:10px}.card-copy p{font-size:12px}.platform-glyph{right:10%;font-size:160px}.outro{padding:95px 5% 70px}.outro h2{font-size:43px}.outro h2 span{right:0;top:-42px;font-size:36px}footer{flex-direction:column;align-items:flex-start;padding:28px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;will-change:auto!important}}

/* Contain perspective and decorative overflow at narrow widths. */
main{overflow:clip}
@media(max-width:640px){.scene{width:90%}.sat-two{left:3%}.sticker{right:3%}}
/* Original portrait artwork: preserve full images and their studio lighting. */
.hero-mascot{width:62%;height:94%;left:19%;top:0;object-fit:contain;border-radius:24px;transform:translateZ(70px) rotate(-5deg);filter:drop-shadow(0 25px 35px #0008)}
.social-card{background:#102127;color:var(--ink);border:1px solid #ffffff20;padding:15px}
.card-art{height:auto;aspect-ratio:900/1599;margin-top:18px;transform:translateZ(15px);border-radius:10px;overflow:hidden}
.card-art img{width:100%;height:100%;top:0;object-fit:contain;rotate:0deg!important;filter:none}
.platform-glyph{display:none}
.card-copy{padding:0 6px 6px}.card-copy h3{font-size:clamp(23px,2.1vw,32px)}
.facebook{border-color:#3464d970}.instagram{border-color:#dc6c9970}.tiktok{border-color:#79dbc970}.youtube{border-color:#f16d5070}
.video-poster{background:radial-gradient(ellipse at 70% 50%,#12386a,#071424 75%)}
.video-poster img{height:100%;width:55%;right:0;top:0;object-fit:contain;transform:none;mask-image:linear-gradient(to right,transparent,#000 18%)}
.poster-title,.poster-caption,.play-disc{z-index:1}
@media(max-width:1000px){.card-art{height:auto}.card-copy h3{font-size:32px}}
@media(max-width:640px){.hero-mascot{width:72%;left:14%;height:96%;border-radius:14px}.card-art{height:auto}.card-copy h3{font-size:36px}.social-card{padding:15px}.video-poster img{width:52%}.sticker{bottom:9%;font-size:19px;padding:12px}.coordinates{bottom:-16px}}

/* Selected theme: Electric Ocean */
:root{--bg:#07162e;--ink:#f3f7ff;--muted:#a1b6d1;--lime:#62e3ef;--line:#a1b6d144}.intro{color:var(--muted)}.button,.ticker,.satellite{color:#092031}.button:hover{background:#ffc17e}.satellite{box-shadow:inset -9px -10px 15px #0002,0 15px 30px #0003}.halo{background:radial-gradient(ellipse,#62e3ef35,transparent 66%)}.orbit{border-color:#62e3ef66}.orbit-two{border-color:#a1b6d144}.sticker{background:#ffc17e;color:#152020}.nav-pill{border-color:#a1b6d177}.social-card,.video-shell{background:#102642;border-color:#a1b6d144}.video-top{color:var(--muted)}.video-poster{color:#f4f1e8}.video-poster em{color:#a8e8ff}
.wordmark{display:flex;align-items:center}.brand-logo{display:block;width:238px;height:116px;object-fit:contain}.header{height:134px}footer .brand-logo{width:205px;height:100px}@media(max-width:640px){.header{height:106px}.brand-logo{width:165px;height:83px}.header nav{gap:8px}.nav-pill{padding:10px}footer .brand-logo{width:205px;height:100px}}
/* Layered scroll effects for touch and pointer devices. */
.motion-slot{min-width:0;perspective:1100px;display:flex;align-items:stretch}.motion-slot>.social-card{width:100%;height:100%;backface-visibility:hidden}
.card-sheen{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transform:translateZ(35px);background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#c9f8ff,transparent 62%);opacity:var(--shine,0);mix-blend-mode:screen}
.hero-copy{position:relative;z-index:2}.depth-bubbles{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.depth-bubbles i{position:absolute;width:14px;height:14px;border:1px solid #62e3ef50;border-radius:50%;box-shadow:inset 2px 2px 6px #62e3ef20}.depth-bubbles i:nth-child(1){left:46%;top:12%;width:26px;height:26px}.depth-bubbles i:nth-child(2){left:93%;top:73%}.depth-bubbles i:nth-child(3){left:55%;top:85%;width:9px;height:9px}.depth-bubbles i:nth-child(4){left:7%;top:83%;width:20px;height:20px}.depth-bubbles i:nth-child(5){left:87%;top:3%;width:8px;height:8px}.depth-bubbles i:nth-child(6){left:39%;top:54%;width:7px;height:7px}.depth-bubbles i:nth-child(7){left:76%;top:93%;width:32px;height:32px}.video-shell{backface-visibility:hidden}.section-heading,.outro h2{will-change:transform,opacity}
@media(max-width:640px){.motion-slot{max-width:420px;width:100%;margin:auto}.motion-slot>.social-card{margin:0}.cards{gap:36px}}
@media(prefers-reduced-motion:reduce){.card-sheen,.depth-bubbles{display:none}.section-heading,.outro h2{will-change:auto}}