body { isolation: isolate; background: transparent; }
.sky-scene { position: fixed; inset: 0; z-index: -1; overflow: hidden; background: #8ca9cc; pointer-events: none; }
.sky-scene__sky, .sky-scene__birds, .sky-scene__birds img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sky-scene__sky { transform: translate3d(var(--sky-x, 0px), var(--sky-y, 0px), 0) scale(1.045); }
.sky-scene__birds { transform: translate3d(var(--birds-x, 0px), var(--birds-y, 0px), 0) scale(1.05); }
.sky-scene__birds img { opacity: .62; filter: blur(2px); animation: sky-drift 26s ease-in-out infinite alternate paused; }
:root[data-motion="playing"]:not(.sky-motion-paused) .sky-scene__birds img { animation-play-state: running; }
.sky-scene::after { content: ''; position: absolute; inset: 0; background: #071b32; opacity: 0; }
.page-content { position: relative; background: var(--canvas); border-radius: 28px 28px 0 0; }
.page-content > .section:first-child { border-top: 0; }
body > footer { position: relative; background: var(--canvas); box-shadow: 0 0 0 100vmax var(--canvas); clip-path: inset(0 -100vmax); }
.product-preview::before { display: none; }
.hero, .site-header { --text: #162c45; --muted: #203b58; }
.hero-description, .purchase-note, .hero-footnote, .preview-label, .hero figcaption { color: var(--muted); }
.hero .button:disabled { background: rgb(246 247 248 / .76); border-color: rgb(255 255 255 / .6); color: #526173; }
.hero .status-dot { background: #233f5a; }
.hero .little-loop { color: #233f5a; }
.hero-footnote a { color: var(--text); }
.product-frame { box-shadow: 0 24px 70px -24px rgb(14 37 64 / .45); }
.sky-motion-paused .sky-scene__birds img { animation-play-state: paused; }
:root[data-theme="dark"] .sky-scene::after { opacity: .62; }
:root[data-theme="dark"] .sky-scene__birds img { opacity: .42; }
:root[data-theme="dark"] .hero, :root[data-theme="dark"] .site-header { --text: #f2f1ed; --muted: #d8e2ed; }
:root[data-theme="dark"] .hero .button:disabled { background: #26364a; border-color: #45576b; color: #d0d9e2; }
@keyframes sky-drift { from { transform: translate3d(18px, 10px, 0) rotate(-1deg); } to { transform: translate3d(-26px, -16px, 0) rotate(1deg); } }
@media (max-width: 800px) { .sky-scene__birds img { object-position: 65% center; opacity: .4; }.page-content { border-radius: 20px 20px 0 0; } }
@media (prefers-reduced-motion: reduce) { .sky-scene__birds img { animation: none; }.sky-scene__sky, .sky-scene__birds { transform: none; } }