/* Decorative public-page atmosphere: no pointer interception. */
body.marketing{background:#e6edf1}
.sky-proposal{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 20% 20%,#46748a66,transparent 60%),radial-gradient(ellipse at 90% 70%,#79758744,transparent 55%),#122a3b}
.sky-proposal:after{content:'';position:absolute;inset:0;background:rgba(238,244,247,.70)}
.sky-proposal i{position:absolute;width:var(--size);height:var(--size);background:#25536e;border-radius:50%;box-shadow:0 0 6px 1px #c5e9ff;animation:star-breathe var(--duration) var(--delay) ease-in-out infinite alternate;z-index:1;opacity:.5}
.sky-proposal i:nth-child(9n){background:#45738f;box-shadow:0 0 5px #84bbd344;opacity:.35}
.sky-proposal .meteor{position:absolute;z-index:2;left:-25%;top:15%;width:260px;height:2px;background:linear-gradient(90deg,transparent,#377da2,#d5f2ff);border-radius:100%;transform:rotate(24deg);opacity:0;box-shadow:0 0 6px #80b6d277;animation:meteor-flight 9s 0s linear infinite}
.sky-proposal .meteor:after{content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:white;box-shadow:0 0 7px #5a93af}
.sky-proposal .meteor.second{top:55%;animation-delay:8s;animation-duration:13s;width:125px}
body.marketing{isolation:isolate}
.marketing .m-header{background:rgba(251,252,251,.76);backdrop-filter:blur(12px)}
.marketing .m-feature,.marketing .m-guide-card{background:rgba(255,255,255,.62);backdrop-filter:blur(8px)}
.marketing .m-replay{background:rgba(227,239,244,.75)}
.marketing .m-hero .m-hero-stage{background:linear-gradient(160deg,#0e151df5,#172735e8 58%,#154965ef)}
.m-hero-atmosphere:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 12% 18%,#c8e8ff 0 1px,transparent 1.6px),radial-gradient(circle at 76% 12%,#e3f4ff 0 1px,transparent 1.8px),radial-gradient(circle at 38% 27%,#c8e8ff 0 .7px,transparent 1.4px),radial-gradient(circle at 91% 38%,#f8e9d2 0 1px,transparent 1.7px);background-size:270px 190px,340px 240px,200px 280px,490px 210px;opacity:.42;animation:hero-starlight 8s ease-in-out infinite alternate}

@keyframes star-breathe{from{opacity:.4;transform:scale(.85)}to{opacity:.95;transform:scale(1.15)}}
@keyframes hero-starlight{to{opacity:.68}}
@keyframes meteor-flight{0%{opacity:0;transform:translate(0,0) rotate(24deg)}3%{opacity:.8}15%{opacity:0;transform:translate(110vw,43vh) rotate(24deg)}100%{opacity:0;transform:translate(110vw,43vh) rotate(24deg)}}
@media(prefers-reduced-motion:reduce){.sky-proposal i,.sky-proposal .meteor,.m-hero-atmosphere:before{animation:none}}