@property --c1{syntax:"<color>";inherits:true;initial-value:#46c98a}@property --c2{syntax:"<color>";inherits:true;initial-value:#20a566}:root{--head:"Poppins", system-ui, sans-serif;--body:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--body);color:#fff;background:linear-gradient(155deg, var(--c1), var(--c2));-webkit-font-smoothing:antialiased;transition:--c1 1.1s,--c2 1.1s;overflow:hidden}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(120% 80% at 50% -10%,#ffffff38,#0000 55%);position:fixed;inset:0}a{color:inherit;text-decoration:none}body[data-accent=mint]{--c1:#46c98a;--c2:#1f9d62}body[data-accent=orange]{--c1:#f6ab43;--c2:#ef8b22}body[data-accent=purple]{--c1:#9379f2;--c2:#6b4cf1}body[data-accent=teal]{--c1:#35bdb2;--c2:#0f9b97}body[data-accent=coral]{--c1:#f5775a;--c2:#ef5230}.nav{z-index:40;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.brand{font-family:var(--head);align-items:center;gap:11px;font-size:22px;font-weight:800;display:flex}.brand .mark{clip-path:polygon(50% 0,100% 100%,0 100%);background:#fff;width:26px;height:26px;display:inline-block}.nav .links{gap:clamp(16px,3vw,40px);display:flex}.nav .links a{font-family:var(--head);letter-spacing:1px;opacity:.8;cursor:pointer;font-size:14px;font-weight:700;transition:opacity .2s}.nav .links a:hover{opacity:1}.stage{z-index:1;height:100dvh;position:relative;overflow:hidden}.namepane{z-index:1;opacity:0;pointer-events:none;place-items:center;transition:opacity .9s;display:grid;position:absolute;inset:0}.namepane.on{opacity:1}.bigname{font-family:var(--head);letter-spacing:-2px;color:#fff;opacity:.38;white-space:nowrap;user-select:none;font-size:clamp(110px,25vw,420px);font-weight:800}.charqueue{z-index:2;pointer-events:none;position:absolute;inset:0}.qchar{transform-origin:bottom;opacity:0;will-change:transform, opacity;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.qchar img,.qchar .character{filter:drop-shadow(0 24px 30px #00000042);width:auto;height:84vh;margin-bottom:2vh;display:block}.qchar.center{opacity:1;z-index:3;transform:translate(0)scale(1)}.qchar.center img,.qchar.center .character{animation:6s ease-in-out infinite floaty}.qchar.entering{z-index:4;animation:1.8s cubic-bezier(.3,0,.16,1) forwards enterFromRight}.qchar.exiting{z-index:2;animation:1.8s cubic-bezier(.4,0,.28,1) forwards exitToLeft}.qchar.entering img,.qchar.entering .character{transform-origin:bottom;animation:1.15s ease-in-out waveHello}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes waveHello{0%{transform:rotate(0)}12%{transform:rotate(-9deg)}26%{transform:rotate(7deg)}40%{transform:rotate(-6deg)}56%{transform:rotate(4deg)}72%{transform:rotate(-2deg)}to{transform:rotate(0)}}@keyframes enterFromRight{0%{opacity:0;transform:translate(40vw)translateY(-12vh)scale(.3)}9%{opacity:1;transform:translate(40vw)translateY(-12vh)scale(.3)}30%{opacity:1;transform:translate(40vw)translateY(-12vh)scale(.3)}to{opacity:1;transform:translate(0)translateY(0)scale(1)}}@keyframes exitToLeft{0%{opacity:1;transform:translate(0)translateY(0)scale(1)}28%{opacity:1;transform:translate(0)translateY(0)scale(1)}60%{opacity:1;transform:translate(-35vw)translateY(2vh)scale(.3)}78%{opacity:.5;transform:translate(-39vw)translateY(3vh)scale(.23)}to{opacity:0;transform:translate(-43vw)translateY(5vh)scale(.12)}}@keyframes mobileIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes mobileOut{0%{opacity:1}to{opacity:0}}.copypane{z-index:4;opacity:0;pointer-events:none;transition:opacity .9s;position:absolute;inset:0}.copypane.on{opacity:1}.copypane.on .copy{pointer-events:auto}.copy{text-shadow:0 1px 10px #00000047;max-width:340px;position:absolute;bottom:17vh;right:6vw}.copy:before{content:"";z-index:-1;background:radial-gradient(120% 130% at 72% 55%,#00000052,#0000 72%);border-radius:30px;position:absolute;inset:-26px -36px -22px -30px}.copy .kicker{font-family:var(--head);letter-spacing:2px;opacity:.85;font-size:13px;font-weight:700}.copy .desc{margin-top:10px;font-size:18px;line-height:1.55}.copy .chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.copy .chips span{background:#ffffff2e;border:1px solid #fff6;border-radius:100px;padding:5px 12px;font-size:13px;font-weight:600}.copy-links{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.copy-links a{color:#20242e;font-family:var(--head);background:#fff;border-radius:100px;align-items:center;gap:8px;padding:10px 16px;font-size:13px;font-weight:700;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 10px 22px -10px #0006}.copy-links a:hover{transform:translateY(-3px);box-shadow:0 16px 26px -10px #00000073}.copy-links a .ico{width:16px;height:16px}.next-btn{z-index:6;cursor:pointer;color:#fff;backdrop-filter:blur(4px);background:#ffffff24;border:2px solid #fff9;border-radius:50%;place-items:center;width:62px;height:62px;font-size:26px;line-height:1;transition:background .2s,transform .15s;display:grid;position:absolute;bottom:7vh;right:5vw}.next-btn:hover{background:#ffffff4d;transform:scale(1.07)}.next-btn:active{transform:scale(.94)}.mini-foot{z-index:5;opacity:.85;font-size:13px;position:absolute;bottom:22px;left:24px}.mini-foot a{font-weight:600;text-decoration:underline}@media (width<=860px){.nav .links{display:none}.qchar{align-items:flex-start}.qchar img,.qchar .character{height:52vh;margin-top:11vh;margin-bottom:0}.qchar.entering{animation:.8s cubic-bezier(.32,0,.16,1) forwards mobileIn}.qchar.exiting{animation:.7s forwards mobileOut}.bigname{font-size:clamp(84px,30vw,200px)}.namepane{align-items:start;padding-top:26vh}.copy{text-align:center;max-width:none;bottom:9vh;left:6vw;right:auto}.copy .chips,.copy-links{justify-content:center}.next-btn{width:50px;height:50px;font-size:22px;bottom:3vh;right:50%;transform:translate(50%)}.next-btn:hover{transform:translate(50%)scale(1.05)}.mini-foot{left:24px}}@media (prefers-reduced-motion:reduce){.namepane,.copypane,.qchar{transition:opacity .2s}.qchar.center img,.qchar.center .character{animation:none}body{transition:none}.stage,.detail{transition:opacity .2s!important}.detail .detail-head,.detail .detail-section,.detail .detail-figure{opacity:1!important;animation:none!important;transform:none!important}.gtrack{transition:none!important}}.copy--clickable{cursor:pointer;backdrop-filter:blur(6px);background:#ffffff14;border:1px solid #fff3;border-radius:22px;padding:22px 26px;transition:transform .25s,background .25s,border-color .25s,box-shadow .25s}.copy--clickable:before{display:none}.copy--clickable:after{content:"";pointer-events:none;opacity:0;border:2px solid #fff9;border-radius:24px;animation:2.6s ease-in-out infinite ringPulse;position:absolute;inset:-2px}.copy--clickable:hover,.copy--clickable:focus-visible{background:#ffffff29;border-color:#ffffff80;outline:none;transform:translateY(-6px)scale(1.015);box-shadow:0 26px 54px -22px #0009}.copy--clickable:hover:after,.copy--clickable:focus-visible:after{opacity:0;animation:none}@keyframes ringPulse{0%,to{opacity:0;transform:scale(1)}50%{opacity:.55;transform:scale(1.015)}}.stage{transition:transform .55s cubic-bezier(.3,0,.2,1),opacity .45s,filter .45s}body.detail-open .stage{opacity:0;filter:blur(8px);pointer-events:none;transform:scale(1.12)}body.detail-open .nav{opacity:0;pointer-events:none;transition:opacity .3s}.detail-layer{z-index:100;pointer-events:none;position:fixed;inset:0}.detail{color:#fff;opacity:0;visibility:hidden;background:radial-gradient(125% 85% at 50% -8%, color-mix(in srgb, var(--accent,#46c98a) 30%, #12141b), #0b0d12 62%);pointer-events:none;transition:opacity .5s,transform .55s cubic-bezier(.2,.7,.2,1),visibility .5s;position:absolute;inset:0;transform:scale(.9)}.detail.open{opacity:1;visibility:visible;pointer-events:auto;transform:scale(1)}.detail[data-accent=mint]{--accent:#2bb673}.detail[data-accent=orange]{--accent:#f6ab43}.detail[data-accent=purple]{--accent:#9379f2}.detail[data-accent=teal]{--accent:#23b3a8}.detail[data-accent=coral]{--accent:#f5775a}.detail-back{z-index:5;font-family:var(--head);color:#fff;cursor:pointer;backdrop-filter:blur(4px);background:#ffffff1f;border:1px solid #ffffff4d;border-radius:100px;padding:10px 16px;font-size:14px;font-weight:700;transition:background .2s;position:absolute;top:22px;left:clamp(16px,5vw,48px)}.detail-back:hover{background:#ffffff42}.detail-scroll{scrollbar-width:thin;scrollbar-color:#ffffff4d transparent;padding:90px clamp(18px,6vw,90px) 80px;position:absolute;inset:0;overflow-y:auto}.detail-scroll::-webkit-scrollbar{width:8px}.detail-scroll::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:8px}.detail-hero{grid-template-columns:minmax(180px,320px) 1fr;align-items:center;gap:clamp(24px,5vw,64px);max-width:1080px;margin:8px auto 52px;display:grid}.detail-figure{justify-content:center;display:flex}.detail.open .detail-figure{animation:.65s cubic-bezier(.2,.7,.2,1) both heroIn}.detail-figure img{filter:drop-shadow(0 30px 44px #0000008c);width:100%;max-width:320px}.detail-kicker{font-family:var(--head);letter-spacing:2px;color:var(--accent);font-size:13px;font-weight:700}.detail-title{font-family:var(--head);margin:10px 0 14px;font-size:clamp(40px,7vw,82px);font-weight:800;line-height:1}.detail-blurb{color:#ffffffd9;max-width:560px;font-size:20px;line-height:1.5}.detail-links{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.detail-links a{font-family:var(--head);border-radius:100px;padding:11px 18px;font-size:14px;font-weight:700;transition:transform .15s}.detail-links a:hover{transform:translateY(-2px)}.btn-solid{background:var(--accent);color:#11131a}.btn-ghost{color:#fff;background:#ffffff1a;border:1px solid #ffffff4d}.detail-section{max-width:1080px;margin:0 auto 44px}.detail-h2{font-family:var(--head);align-items:center;gap:12px;margin-bottom:16px;font-size:22px;font-weight:800;display:flex}.detail-h2:before{content:"";background:var(--accent);border-radius:4px;width:24px;height:4px}.detail-about{color:#ffffffd1;max-width:760px;font-size:18px;line-height:1.75}.detail .detail-head,.detail .detail-section{opacity:0}.detail.open .detail-head{animation:.6s .14s both revealUp}.detail.open .detail-section{animation:.6s both revealUp}.detail.open .detail-section:first-of-type{animation-delay:.26s}.detail.open .detail-section:nth-of-type(2){animation-delay:.38s}@keyframes revealUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes heroIn{0%{opacity:0;transform:scale(.92)translateY(18px)}to{opacity:1;transform:none}}.detail-meta{flex-wrap:wrap;gap:26px;margin-top:24px;display:flex}.meta-item{flex-direction:column;gap:3px;display:flex}.meta-k{font-family:var(--head);letter-spacing:1.5px;text-transform:uppercase;color:#ffffff73;font-size:11px;font-weight:700}.meta-v{font-family:var(--head);color:#fff;font-size:15px;font-weight:700}.highlights{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.hl-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:24px;transition:transform .2s,border-color .2s,background .2s}.hl-card:hover{border-color:color-mix(in srgb, var(--accent) 60%, transparent);background:#ffffff14;transform:translateY(-4px)}.hl-icon{background:color-mix(in srgb, var(--accent) 18%, transparent);width:46px;height:46px;color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:13px;place-items:center;display:grid}.hl-icon .ico{width:23px;height:23px}.hl-title{font-family:var(--head);margin:16px 0 7px;font-size:17px;font-weight:700}.hl-desc{color:#ffffffa8;font-size:14.5px;line-height:1.55}.gallery{position:relative}.gviewport{overflow:hidden}.gtrack{will-change:transform;transition:transform .55s cubic-bezier(.4,0,.2,1);display:flex}.gslide{flex:0 0 100%;justify-content:center;align-items:center;padding:8px 0 4px;display:flex}.shot{background:#15171f;margin:0;position:relative;box-shadow:0 28px 56px -26px #000000bf}.shot-screen{background:linear-gradient(155deg, color-mix(in srgb, var(--accent) 34%, #1a1d26), #14161d);place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.shot-screen img{object-fit:cover;width:100%;height:100%}.shot-ph{font-family:var(--head);color:#ffffff80;letter-spacing:1px;font-size:14px;font-weight:700}.shot.phone{aspect-ratio:9/19;border:1px solid #ffffff24;border-radius:36px;height:56vh;padding:7px}.shot.phone .shot-screen{border-radius:29px}.shot.phone:before{content:"";z-index:2;background:#ffffff4d;border-radius:6px;width:42px;height:6px;position:absolute;top:13px;left:50%;transform:translate(-50%)}.shot.desktop{aspect-ratio:16/10;border:1px solid #ffffff24;border-radius:14px;width:min(80%,720px);padding-top:30px;overflow:hidden}.shot.desktop:before{content:"";z-index:2;background:#1c1f29;height:30px;position:absolute;top:0;left:0;right:0}.shot.desktop:after{content:"";z-index:3;background:#ff5f57;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:14px;box-shadow:14px 0 #febc2e,28px 0 #28c840}.gnav{z-index:6;cursor:pointer;color:#fff;backdrop-filter:blur(6px);background:#14161e8c;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:48px;height:48px;font-size:24px;line-height:1;transition:background .2s,transform .15s;display:grid;position:absolute;top:46%;transform:translateY(-50%)}.gnav:hover{background:#282c38d9}.gnav:active{transform:translateY(-50%)scale(.92)}.gprev{left:4px}.gnext{right:4px}.gdots{justify-content:center;gap:9px;margin-top:14px;display:flex}.gdot{cursor:pointer;background:#ffffff4d;border:none;border-radius:50%;width:9px;height:9px;transition:all .25s}.gdot.on{background:var(--accent);border-radius:5px;width:26px}.detail-hint{color:#ffffff73;text-align:center;margin-top:14px;font-size:13px}.detail-hint code{background:#ffffff1a;border-radius:5px;padding:1px 6px;font-size:12px}.detail-cta{text-align:center;background:radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%);border:1px solid #ffffff1a;border-radius:24px;max-width:1080px;margin:8px auto 0;padding:42px}.cta-title{font-family:var(--head);font-size:clamp(24px,4vw,34px);font-weight:800}.cta-sub{color:#ffffffb3;margin:8px 0 22px}.cta-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.cta-actions button{font-family:var(--head);cursor:pointer;border:none;border-radius:100px;padding:12px 22px;font-size:14px;font-weight:700;transition:transform .15s}.cta-actions button:hover{transform:translateY(-2px)}.cta-actions .btn-ghost{border:1px solid #ffffff4d}@media (width<=760px){.detail-hero{text-align:center;grid-template-columns:1fr;gap:18px;margin-bottom:32px}.detail-figure img{max-width:200px}.detail-links{justify-content:center}.detail-scroll{padding:84px 20px 70px}.highlights{grid-template-columns:1fr}.detail-meta{justify-content:center;gap:18px}.shot.phone{height:50vh}.shot.desktop{width:94%}.gnav{width:40px;height:40px;font-size:20px}.detail-cta{padding:28px 20px}}