/* SKAY motion rebuilt: ONE stylesheet, ONE transform owner per element.
   No JavaScript touches motion transforms. GPU-composited, continuous loops. */
html {scroll-behavior:auto;scroll-padding-top:78px;}
/* Static grain and ambient illumination prevent costly whole-viewport repainting */
.grain{animation:none;opacity:.075}
.ambient-a,.ambient-b{animation:none}
/* Hero orbital stage: noticeable 32px travel along a smooth loop */
.hero-orb{
 transform:translate3d(-50%,-50%,0);
 animation:skayPlanetFloat 8.8s ease-in-out infinite alternate;
 will-change:transform;filter:none;
}
@keyframes skayPlanetFloat{
 0%{transform:translate3d(-50%,calc(-50% + 18px),0) rotate(-3deg)}
 100%{transform:translate3d(calc(-50% + 16px),calc(-50% - 20px),0) rotate(4deg)}
}
/* A moving crescent rotates around an offset center; the hemisphere is actually observable. */
.orb-core{overflow:hidden;animation:skayPlanetBreathe 7s ease-in-out infinite alternate;will-change:transform}
@keyframes skayPlanetBreathe{
 from{transform:rotate(-25deg) scale(.975)}
 to{transform:rotate(-16deg) scale(1.045)}
}
.orb-core::after{background:radial-gradient(ellipse at 30% 25%,#f9fcff44 0%,transparent 36%),repeating-radial-gradient(ellipse at 36% 25%,transparent 0 15px,#fff6 16px 17px,transparent 18px 39px);opacity:.7;animation:skaySurfaceFlow 12s ease-in-out infinite alternate}
@keyframes skaySurfaceFlow{from{transform:translate3d(-14px,9px,0)}to{transform:translate3d(18px,-12px,0)}}
.orb-shine{animation:skayShinePulse 6s ease-in-out infinite alternate;will-change:transform,opacity;filter:blur(64px)}
@keyframes skayShinePulse{from{opacity:.3;transform:translate3d(-25px,0,0) scale(.86)}to{opacity:.8;transform:translate3d(30px,15px,0) scale(1.17)}}
/* Existing 1px circles are rotationally symmetric, so add a clear orbiting glint. */
.orb-ring{border-width:2px;backface-visibility:hidden;transform-style:preserve-3d;will-change:transform;}
.ring-one{transform:rotateX(64deg) rotateZ(0deg);animation:skayOrbit1 19s linear infinite;border-color:#d9e6ff7d;box-shadow:0 0 27px #c5dcff24,inset 0 0 16px #cbdcff18}
.ring-two{transform:rotateY(69deg) rotateZ(0deg);animation:skayOrbit2 25s linear infinite reverse;border-color:#ccd9f56b;box-shadow:0 0 24px #b8ceff21}
@keyframes skayOrbit1{to{transform:rotateX(64deg) rotateZ(360deg)}}
@keyframes skayOrbit2{to{transform:rotateY(69deg) rotateZ(360deg)}}
.orb-ring::after{content:'';position:absolute;width:9%;height:9%;top:5%;left:46%;border-radius:50%;background:radial-gradient(circle,#fff 0%,#d4e6ff 22%,#bed8ff45 55%,transparent 73%);box-shadow:0 0 32px 10px #ecf4ff8a;transform:translateZ(2px);pointer-events:none}
.ring-two::after{width:6%;height:6%;top:9%;left:61%;opacity:.72}
/* Large logo moves independently, and has a continuous sheen distinct from transparency. */
.hero-logo-layer{animation:skayLogoFloat 6.4s ease-in-out infinite alternate;filter:brightness(1.32) contrast(1.08) drop-shadow(0 0 18px rgba(215,226,247,.18));opacity:.56;will-change:transform}
@keyframes skayLogoFloat{from{transform:translate3d(-15px,16px,0) rotate(-10deg) scale(.98)}to{transform:translate3d(19px,-23px,0) rotate(-4deg) scale(1.035)}}
/* Avoid the old infinitely resetting chrome-gradient sweep; static high-grade chrome. */
.hero h1 em,.interlude-center h2 span{animation:none;background:linear-gradient(112deg,#fcfdff,#8c94a4 32%,#f9fbff 55%,#777e8d 78%,#eef2fa);background-size:100% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
/* Vinyl: rotate the WHOLE disc and the grooves together. Integer-angle keyframes,
   no counter-rotating moire overlays, no rapidly pulsing subpixel stripes. */
.record-vinyl{animation:skayRecordTurn 24s linear infinite;transform-origin:50% 50%;will-change:transform;
 background:radial-gradient(circle at center,#0d0e12 0 23%,#1b1f27 24% 34%,#101216 35% 51%,#262b34 52% 53%,#13161c 54% 68%,#252b35 69% 70%,#101217 71% 100%);filter:none;}
@keyframes skayRecordTurn{from{transform:translate3d(-50%,-50%,0) rotate(0deg)}to{transform:translate3d(-50%,-50%,0) rotate(360deg)}}
.record-grooves{animation:none;opacity:.22;background:repeating-radial-gradient(circle,transparent 0 13px,#a9b7ce30 14px 15px,transparent 16px 26px)}
.record-vinyl::before{animation:none;opacity:.35}
.record-rotor{animation:none;transform:none}
.record-sheen{animation:none;inset:3%;opacity:.43;background:conic-gradient(from 15deg,transparent 0deg,#dce8ff42 37deg,transparent 72deg,transparent 195deg,#e7efff19 265deg,transparent 320deg);}
/* One-time reveals: script.js IntersectionObserver already removes observation. */
.reveal{filter:none;transition:transform 1s cubic-bezier(.22,1,.36,1),opacity .9s ease;transform:translate3d(0,46px,0)}
.reveal.visible{filter:none;transform:translate3d(0,0,0)}
/* Smooth but finite intro and live showcase caption */
.hero-copy{animation:skayHeroReveal 1.5s cubic-bezier(.22,1,.36,1) both}
@keyframes skayHeroReveal{from{opacity:0;transform:translate3d(0,calc(-46% + 32px),0)}to{opacity:1;transform:translate3d(0,-46%,0)}}
.interlude-ring{animation:skayInterlude 35s linear infinite}
@keyframes skayInterlude{from{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(0)}to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg)}}
.contact-beam{animation:skayBeam 13s ease-in-out infinite alternate}
@keyframes skayBeam{from{transform:translateX(-60%)}to{transform:translateX(70%)}}
/* Reduced motion honors visitor accessibility settings. */

@media(max-width:750px){.hero-copy{animation:none}.hero-logo-layer{opacity:.46}.orb-shine{filter:blur(40px)}}

/* Shine particle on the rotating disc, to make rotation visibly measurable. */
.record-vinyl::after {content:"";position:absolute;top:9%;left:38%;width:9%;height:9%;border-radius:50%;background:radial-gradient(circle,#fbfdffb0,transparent 72%);pointer-events:none;z-index:5}


/* SKAY V7 — word-accurate scroll ink. Do not inherit grey from title sub-spans. */
.statement-title .dim-word,
.prices-header h2 .dim-word {
  color:#101216;
  opacity:.24;
  transition:none !important;
  -webkit-font-smoothing:antialiased;
}
.statement-title span:not(.dim-word),
.prices-header h2 em {color:inherit !important;}
.prices-header h2 em {font-style:normal;}


/* V8 — additional cinematic motion. Single-run reveals, never looping back. */
html.skay-extra-ready .skay-extra-enter:not(.skay-extra-visible){opacity:0;translate:0 17px}
html.skay-extra-ready .skay-extra-enter{
  transition:opacity .85s cubic-bezier(.22,1,.36,1),translate .95s cubic-bezier(.22,1,.36,1);
  transition-delay:var(--skay-delay,0ms);
}
html.skay-extra-ready .skay-extra-enter.skay-extra-visible{opacity:1;translate:0 0}
/* Gentle interactive polish, without modifying the orbital / vinyl transforms. */
.pill,.head-contact,.contact-big,.panel-cta{transition:background-color .35s ease,border-color .35s ease,box-shadow .4s ease,color .35s ease}
.pill:hover{box-shadow:0 12px 40px rgba(201,218,248,.18)}
.price-panel{transition:box-shadow .8s ease,border-color .5s ease}
.price-panel:hover{box-shadow:0 14px 75px rgba(24,32,47,.14)}
.price-tabs .tab span{display:inline-block;transition:translate .35s cubic-bezier(.22,1,.36,1)}
.price-tabs .tab:hover span{translate:5px -3px}
.price-row.skay-row-arrive{animation:skayRowEntrance .65s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--skay-delay,0ms)}
@keyframes skayRowEntrance{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
.hero-overline .tiny-star{display:inline-block;animation:skayTinyStar 9s linear infinite;transform-origin:center}
@keyframes skayTinyStar{to{transform:rotate(360deg)}}
.hero-bottom-left i{animation:skayDotBreathe 4s ease-in-out infinite alternate}
@keyframes skayDotBreathe{from{opacity:.4;scale:.85}to{opacity:1;scale:1.2}}
.statement-spark{animation:skayDecorSlow 33s linear infinite}
@keyframes skayDecorSlow{to{rotate:360deg}}
.contact-content .contact-big span{display:inline-block;transition:translate .35s ease}
.contact-content .contact-big:hover span{translate:6px -5px}
@media(prefers-reduced-motion:reduce){
  /* Scroll ink remains readable and movement remains restrained for accessibility. */
  .skay-extra-enter,.skay-row-arrive{transition-duration:.01ms!important;animation-duration:.01ms!important}
}