.site-progress{z-index:20;transform-origin:0;background:linear-gradient(90deg, var(--color-accent-600), var(--color-accent-300));height:3px;position:fixed;top:0;left:0;right:0}.reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(26px)}.reveal-in{opacity:1;transform:none}.site-pop{animation:.8s cubic-bezier(.2,.7,.2,1) both site-pop}@keyframes site-pop{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}.site-grad{background:linear-gradient(100deg, var(--color-accent-300), var(--color-accent-500), var(--color-accent-200));color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite site-slide}@keyframes site-slide{to{background-position:-200% 0}}.site-lift{height:100%;transition:transform .25s,box-shadow .25s}.site-lift:hover{box-shadow:0 0 0 1px var(--color-accent-700), 0 18px 40px color-mix(in srgb, var(--color-accent) 18%, transparent);transform:translateY(-6px)}.site-icon{border-radius:var(--radius-md);width:46px;height:46px;color:var(--color-accent-300);background:var(--color-accent-900);place-items:center;font-size:24px;transition:transform .3s;display:grid}.site-lift:hover .site-icon{transform:rotate(-8deg)scale(1.1)}.site-shine{position:relative;overflow:hidden}.site-shine:after{content:"";background:linear-gradient(110deg,#0000 35%,#ffffff47 50%,#0000 65%);animation:3.6s ease-in-out infinite site-shine;position:absolute;inset:0;transform:translate(-120%)}@keyframes site-shine{0%,55%{transform:translate(-120%)}to{transform:translate(120%)}}.site-hero{text-align:left;background:0 0;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(24px,5vw,64px);max-width:1240px;display:grid}.site-hero h1{margin:0 0 18px}.site-hero p{margin:0 0 28px}.site-hero .site-cta{justify-content:flex-start}.site-facts{flex-wrap:wrap;gap:22px 34px;margin-top:34px;display:flex}.site-facts div{flex-direction:column;gap:2px;max-width:150px;display:flex}.site-facts strong{letter-spacing:-.02em;color:var(--color-accent-300);font-size:30px;font-weight:500}.site-facts div>span{color:var(--color-neutral-400);font-size:12.5px;line-height:1.35}.site-marquee{border-block:1px solid color-mix(in srgb, var(--color-text) 9%, transparent);padding:16px 0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000);mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.site-marquee>div{gap:48px;width:max-content;animation:26s linear infinite site-marquee;display:flex}.site-marquee span{color:var(--color-neutral-300);white-space:nowrap;align-items:center;gap:9px;font-size:14px;display:flex}@keyframes site-marquee{to{transform:translate(-33.333%)}}.site-timeline{flex-direction:column;gap:22px;max-width:760px;margin-top:30px;padding-left:14px;display:flex;position:relative}.site-timeline:before{content:"";background:linear-gradient(var(--color-accent-600), transparent);width:2px;position:absolute;top:14px;bottom:14px;left:28px}.site-timeline-item{align-items:flex-start;gap:20px;display:flex;position:relative}.site-timeline-item h3{margin:2px 0 6px;font-size:18px;font-weight:500}.site-timeline-item p{color:var(--color-neutral-300);margin:0;font-size:15px;line-height:1.6}.site-timeline .site-step-n{z-index:1;box-shadow:0 0 0 6px var(--color-bg);flex:none;position:relative}.site-plans{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));align-items:stretch}.site-plan-featured{animation:3.2s ease-in-out infinite site-pulse}@keyframes site-pulse{50%{box-shadow:0 0 0 1px var(--color-accent), 0 16px 56px color-mix(in srgb, var(--color-accent) 38%, transparent)}}.site-bars{flex-direction:column;gap:20px;max-width:860px;display:flex}.site-bar-row{grid-template-columns:130px minmax(0,1fr);align-items:center;gap:16px;display:grid}.site-bar-label{font-size:15px}.site-bar-track{flex-direction:column;gap:6px;display:flex}.site-bar{border-radius:6px;width:0;height:30px;transition:width 1.2s cubic-bezier(.2,.7,.2,1) .2s;display:block;position:relative}.reveal-in .site-bar{width:max(var(--w), 190px)}.site-bar em{white-space:nowrap;font-size:12.5px;font-style:normal;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.site-bar-market{background:var(--color-neutral-700);color:var(--color-neutral-200)}.site-bar-ours{background:linear-gradient(90deg, var(--color-accent-600), var(--color-accent-400));color:#fff}.demo{flex-direction:column;align-items:center;gap:18px;display:flex;position:relative}.demo-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--color-accent) 45%, transparent), transparent);filter:blur(30px);border-radius:50%;animation:5s ease-in-out infinite demo-breathe;position:absolute;inset:8% 10% 20%}@keyframes demo-breathe{50%{opacity:.7;transform:scale(1.12)}}.demo-frame{aspect-ratio:1/1.08;width:min(100%,420px);position:relative}.demo-wide,.demo-phone{box-shadow:0 0 0 1px color-mix(in srgb, var(--color-text) 14%, transparent), 0 24px 60px #00000080;background:#0e0f1a;border-radius:16px;transition:opacity .7s,transform .8s cubic-bezier(.2,.7,.2,1);position:absolute;top:50%;left:50%;overflow:hidden}.demo-wide{aspect-ratio:16/9;width:100%;transform:translate(-50%,-50%)}.demo-phone{aspect-ratio:9/16;opacity:0;border-radius:22px;flex-direction:column;width:52%;display:flex;transform:translate(-50%,-50%)scale(.86)}.demo[data-stage="1"] .demo-wide,.demo[data-stage="2"] .demo-wide,.demo[data-stage="3"] .demo-wide{opacity:0;transform:translate(-50%,-50%)scale(.7)rotate(-4deg)}.demo[data-stage="1"] .demo-phone,.demo[data-stage="2"] .demo-phone,.demo[data-stage="3"] .demo-phone{opacity:1;transform:translate(-50%,-50%)scale(1)}.demo-scene{position:relative;overflow:hidden}.demo-game{background:linear-gradient(#2a3a7a,#54407e 60%,#1d2540);position:absolute;inset:0}.demo-game-bottom{flex:1.5;position:relative;inset:auto}.demo-sun{aspect-ratio:1;background:#ffd27a;border-radius:50%;width:15%;animation:4s ease-in-out infinite demo-float;position:absolute;top:14%;right:16%;box-shadow:0 0 30px #ffb84d}.demo-hill{background:#2f8f6b;border-radius:50% 50% 0 0;height:70%;position:absolute;bottom:-30%;left:-10%;right:30%}.demo-hill-2{background:#23735a;bottom:-40%;left:35%;right:-15%}@keyframes demo-float{50%{transform:translateY(-8px)}}.demo-cam{background:linear-gradient(135deg,#3b2e63,#6a4fa8);place-items:end center;display:grid;position:relative;overflow:hidden}.demo-cam-corner{aspect-ratio:1.1;border-radius:8px;width:24%;position:absolute;bottom:12%;right:3%;box-shadow:0 0 0 2px #ffffff4d}.demo-cam-top{flex:1}.demo-head{aspect-ratio:1;background:#f3c9a5;border-radius:50%;width:30%;animation:2.2s ease-in-out infinite demo-nod;position:absolute;top:22%;left:50%;transform:translate(-50%)}.demo-body{background:#1c1d2c;border-radius:40% 40% 0 0;width:62%;height:38%}@keyframes demo-nod{50%{transform:translate(-50%)translateY(3px)rotate(4deg)}}.demo-timeline{background:#ffffff2e;border-radius:3px;height:6px;position:absolute;bottom:4%;left:4%;right:4%}.demo-scan{background:#fff;border-radius:2px;width:3px;height:16px;animation:2.6s linear infinite demo-scan;position:absolute;top:-5px}@keyframes demo-scan{0%{left:0}to{left:100%}}.demo-moment{background:var(--color-accent-400);width:20%;box-shadow:0 0 12px var(--color-accent);border-radius:3px;animation:1.3s ease-in-out infinite demo-blink;position:absolute;top:0;bottom:0;left:46%}@keyframes demo-blink{50%{opacity:.45}}.demo-hook{color:#000;white-space:nowrap;background:#fff;padding:4px 8px;font-size:clamp(9px,2.6vw,12px);font-weight:700;transition:transform .45s cubic-bezier(.3,1.5,.5,1);position:absolute;top:37%;left:50%;transform:translate(-50%,-50%)scale(0)}.demo[data-stage="2"] .demo-hook,.demo[data-stage="3"] .demo-hook{transform:translate(-50%,-50%)scale(1)}.demo-caption{text-align:center;color:#fff;text-shadow:0 0 4px #000,0 2px #000;opacity:0;font-size:clamp(11px,3vw,15px);font-weight:700;transition:opacity .4s;position:absolute;bottom:20%;left:6%;right:6%}.demo[data-stage="2"] .demo-caption,.demo[data-stage="3"] .demo-caption{opacity:1}.demo-caption .on{color:var(--color-accent-400)}.demo-posted{justify-content:center;gap:8px;display:flex;position:absolute;bottom:5%;left:0;right:0}.demo-posted span{background:var(--color-accent-600);color:#fff;opacity:0;border-radius:50%;place-items:center;width:30px;height:30px;transition:transform .5s cubic-bezier(.3,1.5,.5,1),opacity .3s;display:grid;transform:translateY(40px)scale(.4)}.demo-posted span:nth-child(2){transition-delay:.12s}.demo-posted span:nth-child(3){transition-delay:.24s}.demo[data-stage="3"] .demo-posted span{opacity:1;transform:none}.demo-steps{flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:relative}.demo-steps span{color:var(--color-neutral-400);background:color-mix(in srgb, var(--color-surface) 80%, transparent);border-radius:20px;align-items:center;gap:7px;padding:6px 12px 6px 6px;font-size:12.5px;transition:color .3s,background .3s,transform .3s;display:flex}.demo-steps i{background:var(--color-neutral-800);width:20px;height:20px;color:var(--color-neutral-300);border-radius:50%;place-items:center;font-size:11px;font-style:normal;transition:background .3s,color .3s;display:grid}.demo-steps .on{color:var(--color-text);background:var(--color-accent-900);transform:scale(1.06)}.demo-steps .on i,.demo-steps .done i{background:var(--color-accent-500);color:#fff}@media (max-width:900px){.site-hero{text-align:center;grid-template-columns:minmax(0,1fr)}.site-hero .site-cta,.site-facts{justify-content:center}.site-facts div{text-align:center;align-items:center}.site-bar-row{grid-template-columns:minmax(0,1fr);gap:8px}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.site-pop,.site-grad,.site-shine:after,.site-marquee>div,.site-plan-featured,.demo-glow,.demo-sun,.demo-head,.demo-scan,.demo-moment{animation:none}.site-bar{width:var(--w);transition:none}}
