:root{color-scheme:dark;--bg:#0f0c17;--panel:#1b1530;--line:#3c2f58;--gold:#f5cf66;--pink:#ef91bd;--muted:#bdb2ca;--white:#f8f4ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 3%,#2c2048 0,transparent 30%),var(--bg);color:var(--white);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(20px,5vw,72px);border-bottom:1px solid #2c2340;background:rgba(14,11,23,.88);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.site-header img{width:112px;height:58px;object-fit:contain}.site-header nav{display:flex;gap:26px;align-items:center}.site-header nav a{text-decoration:none;color:#d7cde3;font-weight:700}.play-small,.primary{background:linear-gradient(135deg,#f8d36b,#f1b754);color:#201629!important;border-radius:12px;padding:11px 18px;box-shadow:0 12px 28px rgba(238,181,76,.16)}main{overflow:hidden}.hero{min-height:680px;max-width:1450px;margin:auto;padding:70px clamp(24px,6vw,90px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);align-items:center;gap:54px}.eyebrow{color:var(--gold);font-size:.78rem;letter-spacing:.22em;font-weight:900}.hero h1{font-size:clamp(3.4rem,7vw,7.2rem);line-height:.91;letter-spacing:-.065em;margin:18px 0 26px}.lede{font-size:clamp(1.1rem,2vw,1.45rem);color:#d5cadd;max-width:610px}.actions{display:flex;gap:12px;margin:32px 0 16px}.actions a{text-decoration:none;font-weight:900;padding:14px 21px;border-radius:13px}.secondary{border:1px solid #55446e;background:#191329}.fine{font-size:.86rem;color:#91869f}.hero-media img{display:block;width:100%;border-radius:24px;border:1px solid #58476e;box-shadow:0 40px 80px rgba(0,0,0,.45)}.features,.gallery,.install{max-width:1320px;margin:auto;padding:90px clamp(24px,6vw,76px)}h2{font-size:clamp(2.2rem,4.4vw,4.5rem);line-height:1.02;letter-spacing:-.045em;margin:12px 0 36px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{padding:24px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,rgba(37,28,59,.94),rgba(20,16,32,.94))}.feature-grid article>span{font-size:2rem}.feature-grid h3{margin:14px 0 7px}.feature-grid p{margin:0;color:var(--muted)}.endgame{max-width:1400px;margin:40px auto 70px;display:grid;grid-template-columns:.78fr 1.22fr;gap:42px;align-items:center;padding:46px;border:1px solid #59466e;border-radius:28px;background:linear-gradient(120deg,#241a3b,#151020)}.endgame p{color:#cbbfd5}.endgame img{width:100%;border-radius:18px;border:1px solid #49385f}.shot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.shot-grid figure{margin:0;background:#181225;border:1px solid #3f3154;border-radius:18px;overflow:hidden}.shot-grid img{display:block;width:100%}.shot-grid figcaption{padding:13px 16px;color:#cfc4da;font-weight:800}.phone-row{display:flex;justify-content:center;gap:24px;margin-top:42px}.phone-row img{width:min(300px,42vw);border-radius:24px;border:1px solid #514066;box-shadow:0 25px 50px rgba(0,0,0,.35)}.install{margin-bottom:90px;border:1px solid #453557;border-radius:28px;background:#171123}.install-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.install-grid article{padding:22px;border-radius:18px;background:#211830}.install li{margin:.8rem 0;color:#d2c7dc}.save-note{margin-top:20px;padding:16px;border-left:4px solid var(--gold);background:rgba(245,207,102,.07)}footer{display:flex;align-items:center;gap:20px;min-height:130px;padding:30px clamp(24px,6vw,80px);border-top:1px solid #2e2440;color:#a99db6}footer img{width:90px}footer div{margin-left:auto;display:flex;gap:22px}footer a{color:#d9cede}@media(max-width:850px){.site-header nav>a:not(.play-small){display:none}.hero{grid-template-columns:1fr;padding-top:46px}.hero-media{order:-1}.hero h1{font-size:clamp(3.2rem,15vw,5.6rem)}.feature-grid{grid-template-columns:1fr 1fr}.endgame{grid-template-columns:1fr;margin-inline:18px;padding:26px}.shot-grid,.install-grid{grid-template-columns:1fr}}@media(max-width:560px){.site-header{height:68px}.site-header img{width:95px}.hero{padding:30px 18px 60px}.hero-media img{border-radius:16px}.actions{flex-direction:column}.actions a{text-align:center}.feature-grid{grid-template-columns:1fr}.features,.gallery,.install{padding:70px 18px}.install{border-radius:0;margin-bottom:40px}.phone-row{gap:10px}footer{flex-wrap:wrap}footer div{width:100%;margin:0}}

/* PWA59 launch ambience — decorative only; fully disabled under reduced motion */
.ambience{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
main,footer{position:relative;z-index:1}
.ambience i{position:absolute;inset:-20%;display:block;background-repeat:repeat;animation:mote-drift linear infinite}
.ambience i:nth-child(1){background-image:radial-gradient(2px 2px at 12% 18%,rgba(245,207,102,.5) 50%,transparent 51%),radial-gradient(1.6px 1.6px at 64% 72%,rgba(189,164,255,.45) 50%,transparent 51%),radial-gradient(1.4px 1.4px at 38% 46%,rgba(239,145,189,.4) 50%,transparent 51%);background-size:520px 520px;animation-duration:70s;opacity:.7}
.ambience i:nth-child(2){background-image:radial-gradient(1.5px 1.5px at 78% 24%,rgba(158,232,227,.4) 50%,transparent 51%),radial-gradient(1.3px 1.3px at 26% 82%,rgba(245,207,102,.35) 50%,transparent 51%);background-size:380px 380px;animation-duration:48s;opacity:.55}
.ambience i:nth-child(3){background-image:radial-gradient(1.1px 1.1px at 52% 58%,rgba(255,255,255,.35) 50%,transparent 51%),radial-gradient(1px 1px at 12% 34%,rgba(189,164,255,.3) 50%,transparent 51%);background-size:260px 260px;animation-duration:34s;opacity:.45}
@keyframes mote-drift{from{transform:translateY(0)}to{transform:translateY(-520px)}}
.hero h1{background:linear-gradient(100deg,var(--white) 30%,var(--gold) 46%,var(--pink) 54%,var(--white) 70%);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:h1-shimmer 9s ease-in-out infinite}
@keyframes h1-shimmer{0%,100%{background-position:0% 0}50%{background-position:100% 0}}
.hero-media img{animation:hero-float 7s ease-in-out infinite}
@keyframes hero-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
.primary,.play-small{position:relative;overflow:hidden;transition:transform .15s ease,box-shadow .3s ease}
.primary::after,.play-small::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);background-size:250% 100%;background-position:130% 0;transition:background-position .7s ease}
.primary:hover::after,.primary:focus-visible::after,.play-small:hover::after,.play-small:focus-visible::after{background-position:-130% 0}
.primary:hover,.play-small:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(238,181,76,.3)}
.primary:active,.play-small:active{transform:translateY(0) scale(.98)}
.primary{animation:cta-pulse 3.2s ease-in-out infinite}
@keyframes cta-pulse{0%,100%{box-shadow:0 12px 28px rgba(238,181,76,.16)}50%{box-shadow:0 12px 34px rgba(238,181,76,.34)}}
.feature-grid article,.shot-grid figure{transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.feature-grid article:hover{transform:translateY(-4px);border-color:#6b579a;box-shadow:0 18px 34px rgba(0,0,0,.35)}
.shot-grid figure:hover{transform:translateY(-4px);border-color:#5d4a7d}
.shot-grid img{transition:transform .4s ease}
.shot-grid figure:hover img{transform:scale(1.025)}
.fx-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}
.fx-reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.ambience{display:none}.hero h1,.hero-media img,.primary{animation:none}.hero h1{background:none;-webkit-text-fill-color:currentColor;color:var(--white)}.primary::after,.play-small::after{display:none}.fx-reveal{opacity:1;transform:none;transition:none}.feature-grid article,.shot-grid figure,.shot-grid img{transition:none}}
