section#scene-section{position:relative;display:grid;place-items:center;min-height:100svh;padding:0;overflow:hidden;background:#04090c;isolation:isolate}
.scene-section::before{content:"";position:absolute;inset:-8%;z-index:-1;background:url("sequences/main_scene_loop/main_scene_loop_00000.webp") center/cover no-repeat;filter:blur(28px) brightness(.25);opacity:.65}
.scene-frame{position:relative;width:min(100vw,177.7778svh);aspect-ratio:16/9;overflow:hidden;background:#070c0f;box-shadow:0 0 80px #000a}
.scene-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.scene-target{position:absolute;z-index:2;display:block;margin:0;padding:0;border:1px solid #ff9b5b9c;border-radius:50%;background:radial-gradient(circle,#f26c3133 0%,#f26c3114 47%,transparent 70%);color:#fff;cursor:pointer;box-shadow:0 0 0 6px #f26c311c,0 0 20px #f26c3166;transition:background .2s,box-shadow .2s,transform .2s}
.scene-target:hover,.scene-target:focus-visible{background:#f26c314b;box-shadow:0 0 0 10px #f26c3125,0 0 34px #f26c31a0;transform:scale(1.07);outline:none}
.scene-target span{position:absolute;left:50%;top:calc(100% + 10px);transform:translateX(-50%);display:block;white-space:nowrap;padding:7px 12px;border:1px solid #f26c3173;border-radius:6px;background:#0c181ed9;backdrop-filter:blur(9px);color:#fff;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:.01em;text-shadow:0 1px 7px #000}
.scene-target-fpv{left:68%;top:12%;width:8.5%;height:13%}
.scene-target-lut{left:14.5%;top:55%;width:18.5%;height:23%}
.scene-back{position:absolute;z-index:3;left:clamp(18px,4vw,72px);bottom:clamp(24px,5vh,70px);min-height:47px;padding:0 24px;border:1px solid #f26c31a6;border-radius:100px;background:#0b171ed9;backdrop-filter:blur(10px);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 8px 30px #0008}
.scene-back:hover,.scene-back:focus-visible{background:#eb7138;color:#071116;outline:none}
.scene-target[hidden],.scene-back[hidden]{display:none!important}
.scene-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.scene-section.is-loading .scene-status,.scene-section.has-error .scene-status{z-index:4;width:auto;height:auto;clip:auto;left:50%;bottom:clamp(23px,4vh,50px);transform:translateX(-50%);margin:0;padding:9px 14px;border:1px solid #ffffff35;border-radius:5px;background:#08151bd9;color:#e8eeee;font-size:12px;white-space:nowrap}
.top{z-index:20}
.top::before{content:"";position:absolute;inset:0 0 -18px;background:linear-gradient(#061014d9,transparent);pointer-events:none;z-index:-1}
@media(max-width:800px){.top-in{position:relative}.top .nav{position:absolute;top:73px;left:0;right:0;display:flex;overflow-x:auto;scrollbar-width:none;max-width:100%;justify-content:center}.top .nav::-webkit-scrollbar{display:none}.top .nav a{padding:8px 10px}.scene-target{min-width:46px;min-height:46px}.scene-target-fpv{left:67%;top:9%}.scene-target-lut{left:14%;top:53%}.scene-target span{font-size:11px;padding:6px 9px}.scene-back{bottom:24px}}
@media(max-width:460px){.top .nav{justify-content:flex-start}.scene-section::before{filter:blur(20px) brightness(.2)}.scene-target-fpv{left:68%;top:8%}.scene-target-lut{left:13%;top:50%}.scene-target span{top:calc(100% + 4px)}.scene-back{left:18px;bottom:18px}}

/* Start screen: all controls sit inside the animated scene. */
section#scene-section{display:block;min-height:100svh;padding:clamp(14px,2.4vw,32px);background:#0c1b26;scroll-margin-top:0}
.scene-section::before{display:none}
.scene-frame{width:100%;height:calc(100svh - 64px);min-height:620px;aspect-ratio:auto;border:1px solid #ffffff15;border-radius:22px;background:#101d27;box-shadow:0 28px 75px #0008}
.scene-image-backdrop{display:none}
.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center}
.scene-ui{position:absolute;inset:0;z-index:3;pointer-events:none;transition:opacity .35s ease,visibility .35s ease}
.scene-section[data-view="detail"] .scene-ui{opacity:0;visibility:hidden}
.scene-offer{position:absolute;top:18%;left:4.2%;width:min(48%,680px);color:#f8fbfd}
.scene-kicker{margin:0 0 15px;color:#a6c0ce;font-size:10px;font-weight:600;letter-spacing:.23em;text-transform:uppercase}
.scene-offer h1{margin:0;font-size:clamp(42px,5.25vw,82px);font-weight:500;line-height:1.02;letter-spacing:-.065em;text-wrap:balance}
.scene-offer h1 span{display:inline-block;background:linear-gradient(100deg,#4d94ff 8%,#67b6ef 50%,#38dab1 95%);color:transparent;background-clip:text;-webkit-background-clip:text}
.scene-description{max-width:440px;margin:21px 0 25px;color:#c2d0d8;font-size:clamp(12px,.95vw,15px);line-height:1.65}
.scene-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 23px;border:1px solid #66aaff70;border-radius:100px;background:linear-gradient(100deg,#2676ed,#4ca3d4);color:white;font-size:12px;font-weight:600;box-shadow:0 12px 30px #155c9c55;pointer-events:auto;transition:transform .2s,box-shadow .2s}
.scene-action:hover,.scene-action:focus-visible{transform:translateY(-2px);box-shadow:0 14px 34px #2386e17a;outline:none}
.scene-data{position:absolute;padding:17px 19px;border:1px solid #c0dff52e;border-radius:15px;background:linear-gradient(135deg,#122431bd,#14212ab0);backdrop-filter:blur(18px);box-shadow:0 18px 45px #0005;color:white}
.scene-data-main{left:35%;bottom:16%;width:clamp(235px,25vw,350px)}
.scene-data-head{display:flex;justify-content:space-between;gap:8px;color:#c2d1d9;font-size:11px}
.scene-live{color:#56d6ba;font-size:10px}
.scene-data-main strong{display:block;margin:9px 0 2px;font-size:19px;font-weight:500;letter-spacing:-.03em}
.scene-line{display:block;width:100%;height:70px;margin:6px 0}
.scene-data-foot{display:block;color:#9eb4c0;font-size:10px;line-height:1.4}
.scene-data-side{display:flex;align-items:center;gap:14px;top:19%;right:4%;min-width:224px}
.scene-data-side div{display:grid;gap:5px}
.scene-data-side div span{color:#c2d1d9;font-size:10px}
.scene-data-side strong{font-size:18px;font-weight:500;white-space:nowrap}
.scene-ring{display:block;width:55px;height:55px;border:5px solid #50a4e7;border-right-color:#3fd3b0;border-bottom-color:#15374f;border-radius:50%;box-shadow:0 0 18px #349dee55}
.scene-benefits{position:absolute;left:4.2%;bottom:5.6%;display:flex;gap:clamp(18px,3.5vw,58px);color:#cadbe4;font-size:11px}
.scene-benefits span{position:relative;padding-left:19px;white-space:nowrap}
.scene-benefits span::before{content:"";position:absolute;top:4px;left:0;width:8px;height:8px;border:1px solid #43bcd4;border-radius:2px;box-shadow:0 0 8px #40b9d666}
.scene-target{z-index:4;border:0;border-radius:0;background:transparent;box-shadow:none;transition:background .2s,filter .2s;touch-action:manipulation}
.scene-target:hover{transform:none;border:0;background:radial-gradient(ellipse,#8cd4ff24 0%,#8cd4ff0c 45%,transparent 72%);box-shadow:none;filter:drop-shadow(0 0 7px #b5e6ff80)}
.scene-target:focus-visible{transform:none;background:radial-gradient(ellipse,#8cd4ff24,transparent 75%);box-shadow:none;outline:2px solid #74c3e9;outline-offset:3px}
.scene-back{z-index:5;left:4.2%;bottom:5.6%;border:1px solid #b7d8e56a;background:#102630b8;font-size:12px;box-shadow:0 10px 30px #0005}
.scene-back:hover,.scene-back:focus-visible{background:#d9edf5;color:#0a1c27}
.has-scene .top{position:absolute;top:clamp(14px,2.4vw,32px);left:clamp(14px,2.4vw,32px);width:calc(100% - 2 * clamp(14px,2.4vw,32px));z-index:20}
.has-scene .top::before{display:none}
.has-scene .top-in{width:calc(100% - 8.4%);min-height:76px;gap:16px}
.has-scene .nav{border:0;background:#0a1d2788;box-shadow:inset 0 0 0 1px #ffffff24}
.has-scene .nav a:first-child{color:white;box-shadow:inset 0 -2px #55c9d8}
.has-scene .tel{border:0;background:transparent;font-size:11px}
.has-scene .top-cta .btn{border:1px solid #c9e6f880;border-radius:100px;background:#0e24307a;min-height:37px;padding-inline:17px}
.has-scene .brand-text small{color:#b9cbd5}
@media(max-width:1100px){.scene-offer{top:21%;width:54%}.scene-offer h1{font-size:clamp(40px,5vw,64px)}.scene-data-side{right:3%;top:17%}.scene-data-main{bottom:15%}.scene-benefits{gap:20px}.has-scene .top-in{width:calc(100% - 6%)}}
@media(max-width:800px){
  section#scene-section{padding:12px}
  .scene-frame{height:calc(100svh - 24px);min-height:650px;border-radius:16px}
  .scene-image-backdrop{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:blur(22px);transform:scale(1.1)}
  .scene-image{object-fit:contain;object-position:center 62%}
  .has-scene .top{top:12px;left:12px;width:calc(100% - 24px)}
  .has-scene .top-in{width:calc(100% - 34px);min-height:67px;position:relative}
  .has-scene .nav{position:absolute;top:68px;left:0;right:0;display:flex;justify-content:flex-start;overflow-x:auto;scrollbar-width:none;max-width:none;border:0;background:transparent;box-shadow:none;padding:0}
  .has-scene .nav a{padding:9px 10px;font-size:10px}
  .has-scene .top-cta .btn{font-size:10px}
  .scene-offer{top:18%;left:6%;width:88%}
  .scene-offer h1{font-size:clamp(35px,8vw,57px)}
  .scene-description{max-width:430px;margin:13px 0 17px;font-size:12px}
  .scene-data-side,.scene-benefits{display:none}
  .scene-data-main{left:6%;bottom:5%;width:min(88%,400px);padding:12px 15px}
  .scene-line{height:46px;margin:2px 0}
  .scene-back{left:6%;bottom:5%}
}

@font-face{font-family:Unbounded;src:url("fonts/Unbounded-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:200 900;font-display:swap}
h1,h2,h3,.brand-text strong{font-family:Unbounded,"Segoe UI",sans-serif}
h2{font-size:clamp(32px,3.25vw,52px);line-height:1.13;letter-spacing:-.045em}
h3{font-size:clamp(19px,1.65vw,25px);line-height:1.2;letter-spacing:-.035em}
main p:not(.scene-description):not(.eyebrow):not(.scene-kicker):not(.scene-status):not(.card-label):not(.n):not(.hud-kicker):not(.hud-subtitle):not(.hud-brief-copy):not(.hud-defense-copy){font-family:Geologica,Arial,sans-serif;font-size:clamp(21px,1.85vw,28px);font-weight:400;line-height:1.13}
.scene-offer h1{font-family:Unbounded,"Segoe UI",sans-serif;font-size:clamp(32px,3.2vw,48px);font-weight:400;line-height:1.12;letter-spacing:-.07em;text-shadow:0 2px 17px #0008}
.scene-description,.scene-offer .scene-description{max-width:510px;margin:23px 0 25px;font-family:Geologica,Arial,sans-serif;font-size:clamp(28px,2.45vw,38px);font-weight:400;line-height:1.03;color:#ecf7f9;text-shadow:0 2px 12px #000b}
.scene-data-side div span{font-family:Geologica,Arial,sans-serif;font-size:21px;font-style:normal;line-height:1}
@media(max-width:1100px){.scene-offer h1{font-size:clamp(31px,3.5vw,43px)}}
@media(max-width:800px){.scene-offer h1{font-size:clamp(30px,5.6vw,42px)}.scene-offer .scene-description{font-size:clamp(26px,4.3vw,34px);line-height:1.02;margin:17px 0 20px}}
@media(max-width:460px){.scene-offer h1{font-size:clamp(24px,6.7vw,31px)}.scene-offer .scene-description{font-size:25px;line-height:1.02;margin:16px 0 20px}}
@media(max-width:460px){
  .scene-frame{min-height:620px}
  .has-scene .top-in{width:calc(100% - 24px)}
  .has-scene .brand{min-width:0}
  .has-scene .brand-text small{display:none}
  .has-scene .top-cta .btn{min-height:32px;padding-inline:12px}
  .scene-offer{top:18.5%}
  .scene-offer h1{font-size:clamp(32px,9vw,42px)}
  .scene-kicker{font-size:8px;letter-spacing:.15em;margin-bottom:9px}
  .scene-description{font-size:11px;line-height:1.45;max-width:310px}
  .scene-action{min-height:40px;padding-inline:16px;font-size:10px}
  .scene-data-main{bottom:4%}
}
@media(max-width:460px){.scene-offer h1{font-size:clamp(18px,5.7vw,27px)}.scene-offer .scene-description{font-size:25px;line-height:1.02}}