/* V13 HERO REVIZE -> six real product-group scenes (V15).
   The original site sections, palette, real logo and card carousels remain unchanged.
   UI type is browser-rendered, not flattened into the PNG imagery. */
.site--platonik .hero {
  isolation:isolate;
  min-height:700px;
  height:100svh;
  max-height:1080px;
  overflow:hidden;
}
.site--platonik .hero-art { background-image:none!important; transform:none!important; }
.site--platonik .hero-shade {
  background:linear-gradient(105deg,rgba(5,158,228,.12) 0%,rgba(13,66,213,.03) 51%,rgba(113,24,211,.18) 100%);
}
.site--platonik .hero-copy {
  position:absolute;
  z-index:6;
  top:48%;
  left:var(--gutter);
  transform:translateY(-49%);
  width:47%;
  min-width:0;
  max-width:760px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  text-align:left;
  gap:0;
  padding:0;
  text-shadow:none;
}
.site--platonik .hero-eyebrow {
  display:block;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(12px,1.05vw,16px)!important;
  line-height:1.5;
  font-weight:800!important;
  letter-spacing:.19em!important;
  margin:0 0 clamp(25px,3.8vh,40px);
  text-shadow:none!important;
  text-transform:uppercase;
}
.site--platonik .hero-eyebrow::after {
  content:"";display:block;width:clamp(130px,15vw,240px);height:1px;
  margin-top:12px;background:rgba(255,255,255,.58);
}
.site--platonik .hero h1 {
  display:flex!important;
  flex-direction:column;
  align-items:flex-start!important;
  gap:clamp(4px,.8vh,8px)!important;
  width:100%;max-width:100%;
  margin:0!important;padding:0!important;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(58px,5.9vw,112px)!important;
  font-weight:900!important;
  line-height:.97!important;
  letter-spacing:-.055em!important;
  color:#fff!important;
  text-transform:uppercase;
  filter:none!important;
  text-shadow:0 7px 22px rgba(5,31,112,.11)!important;
  background:transparent!important;
  border-radius:0!important;
  white-space:normal;
}
.site--platonik .hero h1 em {
  display:inline-block;
  flex:0 0 auto;
  align-self:flex-start;
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:.77em!important;
  font-weight:900!important;
  font-style:normal!important;
  letter-spacing:-.048em!important;
  line-height:1!important;
  color:#062b82!important;
  background:rgba(255,255,255,.97)!important;
  box-shadow:0 9px 25px rgba(14,42,134,.12)!important;
  padding:.09em .17em .11em!important;
  border-radius:5px!important;
  white-space:nowrap;
}
.site--platonik .hero-subtitle {
  font-family:Arial,Helvetica,sans-serif!important;
  margin:clamp(11px,1.7vh,20px) 0 0!important;
  font-size:clamp(16px,1.42vw,23px)!important;
  font-weight:600!important;
  letter-spacing:0!important;
  line-height:1.35!important;
  max-width:580px;
  color:rgba(255,255,255,.95)!important;
}
.site--platonik .hero-intro-divider {margin-top:clamp(12px,1.8vh,22px)!important;}
.site--platonik .hero-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:flex-start;
  gap:clamp(12px,1.6vw,25px)!important;
  margin-top:clamp(12px,2vh,25px)!important;
}
.site--platonik .hero-cta {
  display:flex;
  align-items:center;
  justify-content:center;
  gap:20px;
  min-height:clamp(54px,5vw,66px);
  margin:0;
  padding:13px clamp(20px,1.9vw,30px)!important;
  font-family:Arial,Helvetica,sans-serif;
  font-size:clamp(12px,.95vw,15px)!important;
  font-weight:800;
  letter-spacing:0!important;
  line-height:1.35;
  border:1px solid white;
  border-radius:5px!important;
  background:white!important;
  color:#103c93!important;
  box-shadow:0 15px 40px rgba(2,27,102,.15)!important;
}
.site--platonik .hero-cta:hover {transform:translateY(-2px);background:#f5faff!important;}
.site--platonik .hero-text-link {
  font-family:Arial,Helvetica,sans-serif!important;
  font-size:clamp(11px,.93vw,15px)!important;
  font-weight:800;
  letter-spacing:0!important;
  line-height:1.3;
}
.site--platonik .hero-product-scene {
  position:absolute!important;
  display:flex;
  align-items:center;
  justify-content:center;
  z-index:3;
  top:clamp(110px,13%,165px)!important;
  right:clamp(0px,2.4vw,48px)!important;
  bottom:clamp(58px,7%,95px)!important;
  left:auto!important;
  width:clamp(610px,55vw,1050px)!important;
  height:auto!important;
  max-width:66vw;
  overflow:visible!important;
  isolation:isolate;
  pointer-events:none;
}
.site--platonik .hero-product-scene::before {
  content:"";position:absolute;inset:15% 5% 10%;z-index:-1;
  background:radial-gradient(ellipse at 57% 54%,rgba(96,228,255,.13),transparent 72%);
  filter:blur(22px);
}
.site--platonik .hero-product-scene .hero-orbit {
  position:absolute;z-index:-1;top:3%;left:17%;width:74%;height:auto;aspect-ratio:1;
  border:1px solid rgba(255,255,255,.33);
  border-radius:50%;pointer-events:none;opacity:.52;
}
.site--platonik .hero-product-scene .hero-orbit--two {
  left:24%;top:12%;width:59%;opacity:.18;
}
.site--platonik .hero-scene-image {
  display:block;position:relative;z-index:2;
  width:100%;height:100%;max-width:100%;max-height:100%;
  object-fit:contain;object-position:center bottom;
  opacity:1;
  image-rendering:auto;
  filter:drop-shadow(0 21px 32px rgba(2,18,94,.13));
}
.site--platonik .hero-scene-image.hero-scene-enter{animation:platonik-scene-fade .46s ease-out both;}
@keyframes platonik-scene-fade{from{opacity:.35;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}
.site--platonik .hero-bottom {
  z-index:8;
  display:flex;align-items:center;
  bottom:clamp(28px,5.5vh,60px)!important;
  gap:clamp(9px,1.15vw,18px)!important;
}
.site--platonik .hero-step {
  width:clamp(40px,3.4vw,52px)!important;
  height:clamp(40px,3.4vw,52px)!important;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.85)!important;
  background:rgba(255,255,255,.055)!important;
}
.site--platonik .hero-step:hover,.site--platonik .hero-step:focus-visible{background:rgba(255,255,255,.27)!important;}
.site--platonik .hero-index{font-size:13px!important;font-weight:800!important;letter-spacing:.02em!important;}
.site--platonik .hero-dots button {width:clamp(17px,2vw,29px)!important;min-width:0!important;height:4px;border-radius:4px;}
.site--platonik .hero-dots button.active{width:clamp(29px,3.6vw,49px)!important;}
.site--platonik .hero-step:focus-visible,.site--platonik .hero-dots button:focus-visible,.site--platonik .hero-cta:focus-visible{outline:3px solid #fff;outline-offset:4px;}
@media(max-width:1180px) and (min-width:701px){
 .site--platonik .hero-copy {width:47%;top:47%;}
 .site--platonik .hero h1{font-size:clamp(47px,6vw,73px)!important;}
 .site--platonik .hero h1 em{font-size:.74em!important;}
 .site--platonik .hero-product-scene {top:19%!important;right:0!important;width:56vw!important;max-width:59vw;height:auto!important;bottom:12%!important;}
 .site--platonik .hero-actions{gap:12px;}
 .site--platonik .hero-cta{min-height:52px;padding:10px 13px!important;font-size:12px!important;}
 .site--platonik .hero-text-link{font-size:11px!important;}
}
@media(max-width:700px){
 .site--platonik .hero{min-height:670px;height:100svh;max-height:1000px;}
 .site--platonik .hero-copy{top:clamp(118px,16.5%,175px)!important;left:20px!important;right:20px!important;width:calc(100% - 40px)!important;max-width:none!important;transform:none!important;}
 .site--platonik .hero-eyebrow {font-size:11px!important;letter-spacing:.14em!important;margin-bottom:17px!important;}
 .site--platonik .hero-eyebrow::after {width:145px;margin-top:8px;}
 .site--platonik .hero h1{font-size:clamp(43px,10.5vw,66px)!important;letter-spacing:-.06em!important;line-height:.97!important;gap:4px!important;}
 .site--platonik .hero h1 em{font-size:.71em!important;padding:.09em .15em!important;}
 .site--platonik .hero-subtitle{font-size:clamp(13px,3.5vw,17px)!important;margin:9px 0 0!important;}
 .site--platonik .hero-intro-divider{display:none!important;}
 .site--platonik .hero-actions{gap:10px!important;margin-top:15px!important;}
 .site--platonik .hero-cta{min-height:43px;padding:8px 14px!important;font-size:11px!important;gap:3px;border-radius:4px!important;}
 .site--platonik .hero-text-link{font-size:10px!important;}
 .site--platonik .hero-product-scene{left:0!important;right:0!important;top:auto!important;bottom:clamp(76px,11.5%,125px)!important;width:100%!important;max-width:100%!important;height:clamp(250px,42%,420px)!important;overflow:visible!important;}
 .site--platonik .hero-scene-image{width:100%;height:100%;object-position:center bottom;}
 .site--platonik .hero-product-scene .hero-orbit{top:0;left:15%;width:70%;}
 .site--platonik .hero-bottom{left:20px!important;right:20px!important;bottom:clamp(20px,4%,36px)!important;gap:9px!important;}
 .site--platonik .hero-step{width:39px!important;height:39px!important;}
 .site--platonik .hero-dots{gap:5px!important;}
 .site--platonik .hero-dots button{width:13px!important;height:3px!important;}
 .site--platonik .hero-dots button.active{width:21px!important;}
 .site--platonik .hero-index{font-size:11px!important;}
 .site--platonik .hero-pause{width:29px;min-width:29px;height:29px;min-height:29px;}
}
@media(max-width:370px){
 .site--platonik .hero-copy{top:112px!important;}
 .site--platonik .hero h1{font-size:clamp(38px,10.8vw,42px)!important;}
 .site--platonik .hero-actions{gap:8px!important;}
 .site--platonik .hero-cta{padding:8px 10px!important;font-size:10px!important;}
 .site--platonik .hero-text-link{font-size:9px!important;}
 .site--platonik .hero-product-scene{bottom:92px!important;height:36%!important;}
 .site--platonik .hero-bottom{left:13px!important;right:13px!important;gap:6px!important;}
}
@media(prefers-reduced-motion:reduce){.site--platonik .hero-scene-image.hero-scene-enter{animation:none!important}}

/* Explicit markup for precise multi-line sans-serif headings. */
.site--platonik .hero h1 .hero-title-main{display:block;flex:0 0 auto;max-width:100%;font:inherit;white-space:normal;}
.site--platonik .hero[data-slide="4"] h1{font-size:clamp(50px,5.25vw,96px)!important;}
@media(max-width:700px){.site--platonik .hero[data-slide="4"] h1{font-size:clamp(38px,9.2vw,57px)!important;}}
@media(max-width:370px){.site--platonik .hero[data-slide="4"] h1{font-size:35px!important;}}
/* Keep transparent product art above inherited V13 compositing layers. */
.site--platonik .hero-product-scene{z-index:7!important;}
.site--platonik .hero-copy{z-index:8!important;}
.site--platonik .hero-bottom{z-index:9!important;}
/* V13 uses high-layer aurora overlays; keep the actual PNG composited in front. */
.site--platonik .hero-product-scene{z-index:999!important;opacity:1!important;visibility:visible!important;}
.site--platonik .hero-scene-image{z-index:999!important;opacity:1!important;visibility:visible!important;}
.site--platonik .hero-copy{z-index:1000!important;}
.site--platonik .hero-bottom{z-index:1001!important;}
@media(min-width:701px){
 .site--platonik .hero-scene-image{object-position:center center!important;}
}