
.home-carousel{position:relative;isolation:isolate;background:#020202;color:#fff;--slide-time:5.714s}
.hero-slides{display:grid;position:relative}
.home-carousel .hero-slide{grid-area:1/1;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .6s ease,visibility .6s ease}
.home-carousel .hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.home-carousel .hero-slide:not(.is-active) .hero-copy{pointer-events:none}
.home-carousel .hero-headline{font-size:clamp(44px,4.4vw,70px);line-height:1.17;margin:24px 0;letter-spacing:-.055em;font-weight:600}
.home-carousel .hero-knowledge .hero-copy,.home-carousel .hero-photos .hero-copy{width:39%;padding-bottom:65px}
.home-carousel .hero-knowledge .hero-desc,.home-carousel .hero-photos .hero-desc{font-size:15px;max-width:370px;color:#a9b4c4}
.home-carousel .hero-knowledge .eyebrow,.home-carousel .hero-photos .eyebrow{font-size:11px;font-weight:500;letter-spacing:.16em;color:#aabbd0}
.home-carousel .hero-model-list{margin-top:12px;font-size:12px;line-height:1.7;letter-spacing:.04em;color:#b6c2d0}
.home-carousel .hero-launch-date{margin-top:20px;font-size:13px;line-height:1.7;color:#d3deeb}
.home-carousel #home-slide-1 .actions{margin-top:24px}
.home-carousel .ces-award--hero{overflow:visible}
.hero-award-scope{position:absolute;top:calc(100% + 9px);left:50%;transform:translateX(-50%);width:max-content;max-width:none;font-size:9px;font-weight:500;line-height:1.5;letter-spacing:.035em;color:#bac7d8;white-space:nowrap}
.home-carousel .hero-knowledge{background:radial-gradient(ellipse at 73% 68%,#22364b 0%,#101c2b 32%,#080d16 65%,#060a11 100%)}
.home-carousel .hero-knowledge .shell,.home-carousel .hero-photos .shell{z-index:2}
.hero-knowledge-scene{position:absolute;right:1%;top:4%;width:64%;height:85%;pointer-events:none}
.knowledge-stage-light{position:absolute;bottom:6%;left:6%;width:95%;height:13%;border-radius:50%;background:#8daeca22;filter:blur(27px)}
.hero-macbook{position:absolute;left:0;top:13%;width:95%;height:auto;max-width:none;filter:drop-shadow(0 26px 28px #0005)}
.hero-knowledge-nas{position:absolute;right:4%;bottom:1%;width:23%;height:37%;object-fit:contain;filter:drop-shadow(-9px 15px 13px #0007)}
.home-carousel .hero-photos{background:radial-gradient(ellipse at 76% 58%,#2b3f55 0%,#162435 35%,#090f1a 70%,#060a11 100%)}
.hero-photo-scene{position:absolute;right:2%;top:8%;bottom:104px;width:58%;margin:0;pointer-events:none}
.hero-photo-window{position:absolute;inset:0 5% 0 0}
.hero-photo-window img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:right center;filter:drop-shadow(0 20px 28px #0005)}
.hero-photo-nas{position:absolute;right:0;bottom:0;width:25%;height:40%;object-fit:contain;object-position:right bottom;filter:drop-shadow(-10px 18px 15px #0008)}
.hero-slide-note{font-size:10px;letter-spacing:.02em;color:#91a1b5}
.home-carousel .hero-bottom{padding-right:235px}
.carousel-controls{position:absolute;z-index:5;bottom:17px;right:max(56px,calc((100% - var(--max))/2));display:flex;align-items:center;gap:17px}
.carousel-controls[hidden],.carousel-playback[hidden]{display:none}
.carousel-selectors{display:flex;gap:9px}
.carousel-selector{position:relative;width:42px;min-height:44px;padding:0 0 7px;background:transparent;color:#7d8795;font-size:10px;letter-spacing:.1em;transition:color .2s}
.carousel-selector:hover,.carousel-selector.is-current{color:#fff}
.carousel-selector i{position:absolute;bottom:5px;left:3px;width:36px;height:2px;background:#ffffff26;overflow:hidden}
.carousel-selector i:after{content:"";position:absolute;inset:0;background:#d9e7f5;transform:scaleX(0);transform-origin:left}
.carousel-selector.is-current i:after{transform:scaleX(1)}
.home-carousel.is-playing .carousel-selector.is-current i:after{animation:hero-progress var(--slide-time) linear forwards}
.carousel-playback{width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:7px;background:#ffffff08;border:1px solid #ffffff26;border-radius:50%;color:#c3cedc}
.carousel-playback:hover{background:#ffffff15;color:#fff}
.carousel-playback svg{width:20px;height:20px}
.carousel-play-icon,.carousel-playback.is-paused .carousel-pause-icon{display:none}
.carousel-playback.is-paused .carousel-play-icon{display:block}
@keyframes hero-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
html[lang="en"] .home-carousel .hero-headline{font-size:clamp(40px,4vw,61px);letter-spacing:-.045em}
html[lang="en"] .home-carousel .hero-knowledge .hero-copy,html[lang="en"] .home-carousel .hero-photos .hero-copy{width:41%}
html[lang="en"] .home-carousel .hero-knowledge .hero-desc,html[lang="en"] .home-carousel .hero-photos .hero-desc{font-size:14px;max-width:365px}
html[lang="en"] .home-carousel .hero-knowledge .hero-desc br,html[lang="en"] .home-carousel .hero-photos .hero-desc br{display:none}
@media(min-width:1700px){.home-carousel .hero-headline{font-size:68px}.hero-knowledge-scene{right:calc((100vw - 1680px)/2 - 30px);width:1020px;top:0;height:88%}.hero-photo-scene{right:calc((100vw - 1680px)/2 + 30px);width:960px}.home-carousel .hero-knowledge .hero-copy,.home-carousel .hero-photos .hero-copy{width:40%}}
@media(min-width:801px) and (max-width:1100px){.home-carousel .hero-headline{font-size:48px}.home-carousel .hero-knowledge .hero-copy,.home-carousel .hero-photos .hero-copy{width:43%}.hero-knowledge-scene{right:-7%;width:67%;top:12%;height:75%}.hero-photo-scene{right:1%;width:53%;top:12%}.home-carousel .hero-knowledge .hero-desc,.home-carousel .hero-photos .hero-desc{font-size:13px;max-width:320px}.carousel-controls{right:36px}html[lang="en"] .home-carousel .hero-headline{font-size:44px}html[lang="en"] .home-carousel .hero-knowledge .hero-copy,html[lang="en"] .home-carousel .hero-photos .hero-copy{width:44%}html[lang="en"] .home-carousel .hero-knowledge .hero-desc,html[lang="en"] .home-carousel .hero-photos .hero-desc{font-size:13px;max-width:300px}.home-carousel .hero-model-list{font-size:11px}.home-carousel #home-slide-1 .btn{font-size:12px;padding-inline:20px}.hero-award-scope{font-size:8px}}
@media(max-width:800px){
  .home-carousel .hero-slide{height:850px;touch-action:pan-y pinch-zoom}
  .home-carousel .hero-headline{font-size:43px;line-height:1.18;margin:17px 0 20px}
  .home-carousel #home-slide-1 .shell{padding-top:42px}
  .home-carousel #home-slide-1 .hero-copy{width:100%;padding:0}
  .home-carousel .hero-model-list{font-size:10px;margin-top:10px}
  .home-carousel .hero-launch-date{margin-top:14px;font-size:11px}
  .home-carousel #home-slide-1 .actions{gap:16px;margin-top:20px}
  .home-carousel #home-slide-1 .btn{font-size:11px;padding-inline:16px}
  .home-carousel #home-slide-1 .text-link{font-size:11px}
  .hero-award-scope{top:calc(100% + 6px);font-size:7px}
  .home-carousel .hero-knowledge .shell,.home-carousel .hero-photos .shell{padding-top:55px}
  .home-carousel .hero-knowledge .hero-copy,.home-carousel .hero-photos .hero-copy{width:100%;padding:0}
  .home-carousel .hero-knowledge .eyebrow,.home-carousel .hero-photos .eyebrow{font-size:10px;letter-spacing:.14em}
  .home-carousel .hero-knowledge .hero-desc,.home-carousel .hero-photos .hero-desc{font-size:13px;line-height:1.85;max-width:320px;margin-inline:auto}
  .home-carousel .hero-knowledge .actions,.home-carousel .hero-photos .actions{margin-top:24px}
  .hero-knowledge-scene{left:0;right:auto;top:380px;width:100%;height:350px}
  .hero-macbook{left:0;width:100%;top:2%;height:auto}
  .hero-knowledge-nas{width:24%;height:42%;right:4%;bottom:0}
  .hero-photo-scene{left:5%;right:auto;top:374px;bottom:auto;width:90%;height:min(350px,72vw)}
  .hero-photo-window{inset:0 4% 0 0}.hero-photo-window img{object-position:center top}
  .hero-photo-nas{right:0;bottom:0;width:28%;height:36%}
  .home-carousel .hero-bottom{bottom:20px;padding:0;text-align:center;justify-content:center}
  .home-carousel .hero-status{font-size:8px;letter-spacing:0}
  .hero-slide-note{font-size:8px;letter-spacing:0}
  .carousel-controls{bottom:53px;right:0;left:0;justify-content:center;gap:0}
  .carousel-selectors{gap:11px}
  .carousel-selector{width:44px;min-height:44px;font-size:10px;padding-bottom:8px}
  .carousel-selector i{left:5px;width:34px;bottom:6px}
  html[lang="en"] .home-carousel .hero-headline{font-size:40px;line-height:1.18}
  html[lang="en"] .home-carousel .hero-knowledge .hero-headline,html[lang="en"] .home-carousel .hero-photos .hero-headline{min-height:96px;display:flex;flex-direction:column;justify-content:center}
  html[lang="en"] .home-carousel .hero-photos .hero-headline{font-size:clamp(30px,8.3vw,40px)}
  html[lang="en"] .home-carousel .hero-knowledge .hero-copy,html[lang="en"] .home-carousel .hero-photos .hero-copy{width:100%}
  html[lang="en"] .home-carousel .hero-knowledge .hero-desc,html[lang="en"] .home-carousel .hero-photos .hero-desc{font-size:13px;max-width:330px}
}
@media(min-width:501px) and (max-width:800px){.hero-knowledge-scene{width:600px;left:calc((100% - 600px)/2);height:390px;top:340px}.hero-photo-scene{width:540px;left:calc((100% - 540px)/2);top:350px}.hero-photo-window{inset:0 14% 0 0}.hero-photo-nas{right:0;width:25%;height:41%}.hero-knowledge-nas{right:2%;height:36%;bottom:0}}
@media(max-width:380px){.home-carousel .hero-headline{font-size:39px}.hero-knowledge-scene{top:386px;height:335px}.hero-photo-scene{top:378px}.home-carousel #home-slide-1 .btn{font-size:10.5px;padding-inline:13px}.home-carousel #home-slide-1 .actions{gap:12px}html[lang="en"] .home-carousel .hero-headline{font-size:36px}html[lang="en"] .home-carousel .hero-photos .hero-headline{font-size:clamp(28px,8.3vw,32px)}}
@media(prefers-reduced-motion:reduce){.home-carousel .hero-slide{transition:none}.home-carousel.is-playing .carousel-selector.is-current i:after{animation:none}.carousel-playback{display:none}}
