/* PLATONIK KIMYA — V10 AURORA | VIKING COLOUR PALETTE
   One uninterrupted aqua / electric blue / turquoise / violet / fuchsia background.
   Important: all main sections and footer stay transparent. No independent
   backgrounds, no re-start on section boundaries. Source is .aurora-stage only.
   Uses GPU-friendly CSS transforms; there is no video or canvas. */
:root { --v10-cobalt:#0845C8; --v10-blue:#0758D4; --v10-turquoise:#4B9DEA; --v10-aqua:#8FC8FA; --v10-purple:#6B2CE0; --v10-fuchsia:#D90DF5; }
/* The body owns ONE document-height colour field, so the same liquid
   transition visibly runs from the first pixel all the way to the footer. */
body.site--platonik {
  isolation:isolate;
  /* One uninterrupted page-height colour field. Reference palette:
     cobalt and electric blue -> violet -> bright pink/fuchsia.
     Moving aurora layers retain their previous timing and geometry. */
  background:
    radial-gradient(ellipse 72% 15% at 6% 3%, rgba(145,200,255,.61), transparent 83%),
    radial-gradient(ellipse 57% 13% at 99% 4%, rgba(89,87,242,.55), transparent 84%),
    radial-gradient(ellipse 77% 16% at 84% 28%, rgba(21,111,240,.53), transparent 85%),
    radial-gradient(ellipse 79% 17% at 12% 52%, rgba(105,64,237,.44), transparent 85%),
    radial-gradient(ellipse 67% 13% at 94% 49%, rgba(74,60,226,.46), transparent 86%),
    radial-gradient(ellipse 79% 16% at 14% 79%, rgba(169,34,236,.60), transparent 85%),
    radial-gradient(ellipse 85% 14% at 90% 87%, rgba(236,12,249,.72), transparent 85%),
    linear-gradient(180deg,
      #0758D4 0%,
      #0845C8 18%,
      #1754D5 38%,
      #3340D7 60%,
      #6B2CE0 72%,
      #9A20EA 82%,
      #D90DF5 91%,
      #1546C8 100%);
}
.site--platonik .aurora-stage {
  position:fixed; inset:0; z-index:0; overflow:hidden;
  isolation:isolate;pointer-events:none;user-select:none;
  background:transparent;
}
.site--platonik .aurora-orb {
  position:absolute; display:block; aspect-ratio:1; border-radius:50%;
  background-repeat:no-repeat;
  will-change:transform;backface-visibility:hidden;
}
.site--platonik .aurora-orb--cyan {
  width:min(113vw,1520px);left:-50%;top:-47%;opacity:.87;
  background:radial-gradient(circle at center,rgba(124,197,255,.96),rgba(33,132,239,.61) 28%,rgba(8,88,216,.26) 51%,transparent 75%);
  animation:platonik-flow-cyan 39s ease-in-out infinite alternate;
}
.site--platonik .aurora-orb--blue {
  width:min(93vw,1340px);right:-42%;bottom:-54%;opacity:.8;
  background:radial-gradient(circle at center,rgba(38,137,248,.96),rgba(27,77,220,.68) 38%,transparent 74%);
  animation:platonik-flow-blue 45s ease-in-out infinite alternate;
}
.site--platonik .aurora-orb--lilac {
  width:min(103vw,1420px);right:-39%;top:-32%;opacity:.89;
  background:radial-gradient(circle at center,rgba(198,57,247,.86),rgba(124,38,223,.61) 39%,transparent 75%);
  animation:platonik-flow-lilac 47s ease-in-out infinite alternate;
}
.site--platonik .aurora-orb--pearl {
  width:min(83vw,1050px);left:-19%;bottom:-62%;opacity:.34;
  background:radial-gradient(circle at center,rgba(244,91,255,.87),rgba(154,54,232,.48) 38%,transparent 73%);
  animation:platonik-flow-glow 55s ease-in-out infinite alternate;
}
.site--platonik .aurora-lustre {
  inset:-23%; opacity:.38;mix-blend-mode:screen;
  background:conic-gradient(from 207deg at 52% 49%,transparent,rgba(82,172,255,.20) 58deg,transparent 121deg,rgba(218,61,250,.24) 196deg,transparent 265deg,rgba(39,104,247,.18) 315deg,transparent 360deg);
  animation:platonik-flow-light 90s linear infinite;
}
.site--platonik .aurora-grain {opacity:.1;mix-blend-mode:soft-light;}
@keyframes platonik-flow-cyan {
  0%{transform:translate3d(0,0,0) scale(.96)}
  50%{transform:translate3d(37%,19%,0) scale(1.16)}
  100%{transform:translate3d(60%,-11%,0) scale(.96)}
}
@keyframes platonik-flow-blue {
  0%{transform:translate3d(0,0,0) scale(1.06)}
  50%{transform:translate3d(-40%,-26%,0) scale(.95)}
  100%{transform:translate3d(-66%,-35%,0) scale(1.17)}
}
@keyframes platonik-flow-lilac {
  0%{transform:translate3d(0,0,0) rotate(4deg) scale(1)}
  50%{transform:translate3d(-34%,27%,0) rotate(-8deg) scale(1.13)}
  100%{transform:translate3d(-47%,-10%,0) rotate(12deg) scale(.95)}
}
@keyframes platonik-flow-glow {
  0%{transform:translate3d(0,0,0) scale(1)}
  100%{transform:translate3d(28%,-61%,0) scale(1.11)}
}
@keyframes platonik-flow-light {to{transform:rotate(360deg)}}
/* The exact same moving background is behind every chapter, with NO
   section-level gradient, solid, or light porcelain blocking it. */
.site--platonik main,
.site--platonik main > section,
.site--platonik .footer {
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
}
.site--platonik main,.site--platonik .footer {position:relative;z-index:1;}
/* Remove existing whole-section masks, old glow layers and decorative
   seam lines from V8/V9/V10; they conceal the common background. */
.site--platonik .hero-art,
.site--platonik .hero-shade,
.site--platonik .cinematic-background,
.site--platonik .about-glow {display:none!important;}
.site--platonik main > .hero::before,
.site--platonik main > .hero::after,
.site--platonik main > .technology::before,
.site--platonik main > .technology::after,
.site--platonik main > .cinematic::before,
.site--platonik main > .cinematic::after,
.site--platonik main > .product-section::before,
.site--platonik main > .product-section::after,
.site--platonik main > .about-section::before,
.site--platonik main > .about-section::after,
.site--platonik main > .shopping-section::before,
.site--platonik main > .shopping-section::after {
  content:none!important; background:none!important;box-shadow:none!important;
}
/* Recover contrast in V9's previously light/porcelain chapters.
   Content, product packshots and typography retain their own local styles. */
.site--platonik .cinematic,
.site--platonik .cinematic-title,
.site--platonik .cinematic-title span,
.site--platonik .about-section,
.site--platonik .about-copy,
.site--platonik .about-copy .overline,
.site--platonik .about-copy h2,
.site--platonik .about-copy p,
.site--platonik .about-copy .text-action,
.site--platonik .about-extra,
.site--platonik .about-extra p,
.site--platonik .about-extra button,
.site--platonik .about-signature,
.site--platonik .about-signature small,
.site--platonik .footer {color:#f9f9ff!important;}
.site--platonik .cinematic-title span,
.site--platonik .about-copy h2 {text-shadow:0 4px 23px rgba(4,13,49,.34)!important;}
.site--platonik .cinematic-title strong {
  background:rgba(248,247,255,.94)!important;
  color:#164286!important;
  box-shadow:0 17px 43px rgba(9,20,67,.27)!important;
}
.site--platonik .about-extra {background:linear-gradient(90deg,rgba(10,32,83,.24),transparent)!important;border-left-color:#ccdcff;}
.site--platonik .about-signature {text-shadow:0 4px 22px #12335bba;}
.site--platonik .about-product-orbit {border-color:#d4dcff75;}
.site--platonik .about-product {filter:drop-shadow(11px 21px 22px rgba(4,24,61,.43));}
/* Local glass/product card surfaces are permitted and do not restart
   the page background; typography stays readable on the ambient waves. */
.site--platonik .product-card {
  background:linear-gradient(144deg,rgba(27,72,151,.68),rgba(16,40,109,.74))!important;
  border:1px solid rgba(227,242,255,.37)!important;
}
.site--platonik .tech-visual {
  background:radial-gradient(circle at 28% 20%,rgba(235,251,255,.29),rgba(99,159,229,.22) 58%,rgba(21,72,153,.29))!important;
}
.site--platonik .cinematic-halo {background:radial-gradient(circle,rgba(175,203,255,.23),transparent 68%)!important;}
.site--platonik .footer {border-top:1px solid rgba(213,230,255,.23)!important;}
.site--platonik .site-header:not(.is-scrolled) {background:transparent!important;}
.site--platonik .site-header.is-scrolled {background:rgba(7,39,100,.82)!important;backdrop-filter:blur(12px);}
/* Retain the exact V10 menu, slider, product and modal logic. */
.site--platonik.aurora-paused .aurora-orb,
.site--platonik.aurora-paused .aurora-lustre {animation-play-state:paused!important;}
@media (max-width:650px){
  .site--platonik .aurora-orb--cyan{width:157vw;left:-78%;top:-15%;opacity:.73;animation-duration:48s;}
  .site--platonik .aurora-orb--blue{width:136vw;right:-76%;bottom:-13%;opacity:.68;animation-duration:54s;}
  .site--platonik .aurora-orb--lilac{width:153vw;right:-87%;top:17%;opacity:.78;animation-duration:56s;}
  .site--platonik .aurora-orb--pearl{display:none;}
  .site--platonik .aurora-lustre{opacity:.22;animation-duration:120s;}
  .site--platonik .about-copy {position:relative;z-index:3;}
}
@media (prefers-reduced-motion:reduce){
  .site--platonik .aurora-orb,.site--platonik .aurora-lustre{animation:none!important;will-change:auto!important;}
}
@media (prefers-reduced-data:reduce){
  .site--platonik .aurora-orb--pearl,.site--platonik .aurora-grain,.site--platonik .aurora-lustre{display:none!important;}
}