:root{--bg:#0c1115;--panel:#151c22;--line:#25313a;--text:#e9eff2;--mute:#93a3ad;
--teal:#3fb6d6;--teal-d:#2a8aa6;--red:#c4262e;--r:16px;--tint:#2f8fe0;--base:#08121c}
.theme-x{--teal:#ff5560;--teal-d:#c4262e;--tint:#e2333d;--base:#170a0d;--line:#3a2226;--panel:#1c1215}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{background:var(--base);color:var(--text);font:16px/1.6 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
p,li,h1,h2,h3{text-wrap:pretty;overflow-wrap:normal;hyphens:manual}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%201600%20900%22%20preserveAspectRatio%3D%22xMidYMid%20slice%22%3E%3Cpolygon%20points%3D%220%2C0%20520%2C0%20300%2C380%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.05%22/%3E%3Cpolygon%20points%3D%22520%2C0%201010%2C0%20760%2C300%20300%2C380%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.03%22/%3E%3Cpolygon%20points%3D%221010%2C0%201600%2C0%201600%2C260%20760%2C300%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.045%22/%3E%3Cpolygon%20points%3D%220%2C380%20300%2C380%20210%2C900%200%2C900%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.035%22/%3E%3Cpolygon%20points%3D%22300%2C380%20760%2C300%20900%2C620%20210%2C900%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.05%22/%3E%3Cpolygon%20points%3D%22760%2C300%201600%2C260%201600%2C640%20900%2C620%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.03%22/%3E%3Cpolygon%20points%3D%22900%2C620%201600%2C640%201600%2C900%20640%2C900%22%20fill%3D%22%23fff%22%20fill-opacity%3D%220.045%22/%3E%3Cline%20x1%3D%22300%22%20y1%3D%22380%22%20x2%3D%22760%22%20y2%3D%22300%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22760%22%20y1%3D%22300%22%20x2%3D%221010%22%20y2%3D%220%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22760%22%20y1%3D%22300%22%20x2%3D%221600%22%20y2%3D%22260%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22300%22%20y1%3D%22380%22%20x2%3D%22210%22%20y2%3D%22900%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22760%22%20y1%3D%22300%22%20x2%3D%22900%22%20y2%3D%22620%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22900%22%20y1%3D%22620%22%20x2%3D%22640%22%20y2%3D%22900%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22900%22%20y1%3D%22620%22%20x2%3D%221600%22%20y2%3D%22640%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22300%22%20y1%3D%22380%22%20x2%3D%220%22%20y2%3D%22470%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3Cline%20x1%3D%22520%22%20y1%3D%220%22%20x2%3D%22300%22%20y2%3D%22380%22%20stroke%3D%22%23fff%22%20stroke-opacity%3D%22.12%22%20stroke-width%3D%221.3%22/%3E%3C/svg%3E") center/cover no-repeat,
radial-gradient(ellipse 60% 45% at 78% 22%,color-mix(in srgb,var(--tint) 34%,transparent),transparent 70%),
radial-gradient(ellipse 50% 40% at 12% 70%,color-mix(in srgb,var(--tint) 20%,transparent),transparent 70%),
linear-gradient(180deg,var(--base),#05080b)}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1120px,100% - 32px);margin-inline:auto}

.masthead{--mh:#2f8fe0;--mh2:#2f8fe0;--c1:#2f78d6;--c2:#123b78;--c3:#0a1f44;--ic1:#8fe3ff;--ic2:#1b8fd6;--ic3:#0a4a86;
position:relative;color:#1b2329;
background:repeating-linear-gradient(100deg,#ffffff00 0 3px,#0000000a 3px 4px),linear-gradient(180deg,#ffffff 0%,#f1f3f6 55%,#dde2e9 100%);
clip-path:polygon(0 0,100% 0,100% calc(100% - 16px),0 100%)}
.masthead.t-x{--mh:#e2333d;--mh2:#e2333d;--c1:#e0454f;--c2:#9a1a25;--c3:#4a0b12;--ic1:#ffb3b8;--ic2:#e2333d;--ic3:#8f1620}
.masthead.t-both{--mh:#2f8fe0;--mh2:#e2333d}
.masthead::after{content:"";position:absolute;left:0;right:0;bottom:0;height:22px;background:linear-gradient(90deg,var(--mh),var(--mh2));
clip-path:polygon(0 100%,100% 6px,100% 2px,0 calc(100% - 4px))}
.masthead .wrap{display:flex;align-items:stretch;gap:22px;padding:4px 0 22px}
.masthead .logo{display:flex;align-items:center}
.masthead .logo img{height:clamp(84px,13vw,140px);width:auto;max-width:none;display:block;filter:drop-shadow(0 5px 7px #14325a44)}
.wave{flex:1;position:relative;min-width:60px;overflow:hidden;align-self:center;height:76px;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.wave svg{position:absolute;left:0;top:0;width:200%;height:100%;overflow:visible;will-change:transform}
.wave .w1{animation:flow 7s linear infinite}.wave .w2{animation:flow 11s linear infinite reverse}.wave .w3{animation:flow 16s linear infinite}
.wave path{fill:none;stroke:url(#wg);stroke-linecap:round;vector-effect:non-scaling-stroke}
.wave .a{stroke-width:2.6}.wave .b{stroke-width:1.6;opacity:.55}.wave .c{stroke-width:1.2;opacity:.35}
.wave .breathe{transform-box:fill-box;transform-origin:center;animation:breathe 4.5s ease-in-out infinite}
.wave .hi{position:absolute;inset:0;pointer-events:none;
background:linear-gradient(90deg,transparent,#fff,transparent);mix-blend-mode:overlay;opacity:.0}
@keyframes flow{to{transform:translateX(-50%)}}
@keyframes breathe{0%,100%{transform:scaleY(.55)}50%{transform:scaleY(1)}}
.wave .glow{position:absolute;inset:0;
-webkit-mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);mask-image:linear-gradient(90deg,transparent,#000 50%,transparent);
-webkit-mask-size:28% 100%;mask-size:28% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:run 3.8s ease-in-out infinite}
.wave .glow svg path{stroke:#fff;filter:drop-shadow(0 0 4px var(--mh))}
@keyframes run{0%{-webkit-mask-position:-30% 0;mask-position:-30% 0}80%,100%{-webkit-mask-position:130% 0;mask-position:130% 0}}
.flags{align-self:center;display:flex;flex-direction:row;gap:12px}
.flag{position:relative;display:block;width:37px;height:37px;border-radius:50%;overflow:hidden;opacity:.9;
box-shadow:inset 0 1px 1px #fff9,0 3px 6px #0008;transition:transform .2s,opacity .2s}
.flag svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.flag::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 30% 22%,#ffffff8c,#ffffff00 55%),radial-gradient(circle at 70% 90%,#00000055,#0000 60%);pointer-events:none}
.flag:hover{transform:scale(1.1);opacity:1}
.flag[aria-current=true]{opacity:1;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--mh),0 3px 8px #0009}
@media(prefers-reduced-motion:reduce){.wave svg,.wave .glow,.wave .breathe{animation:none!important}.wave .glow{display:none}}
@media(max-width:760px){.masthead .wrap{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px 12px 24px}
.masthead .logo{order:1;flex-basis:100%;justify-content:center}.masthead .logo img{height:auto;width:min(100%,390px)}
.wave{order:2;flex-basis:100%;height:34px}
.flags{order:4;flex-direction:row;justify-content:center;flex-basis:100%;gap:14px;padding:6px 0 2px}
.flag{width:35px;height:35px}}

header.top{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--base) 88%,#000);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}
header.top .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px 16px;padding-block:8px}
header.top nav{grid-column:2;flex-wrap:nowrap}
header.top nav a{white-space:nowrap}
header.top .switch{grid-column:3;justify-self:end}
.pill{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:999px;font-weight:700;font-size:.92rem;border:1px solid #33454f;background:#111a20;color:var(--text);transition:.2s}
.pill:hover{border-color:var(--teal);background:#16232b}
.back{color:#fff;background:linear-gradient(#2a8aa6,#1d6a82);border-color:#4cc0dc}
.back:hover{background:linear-gradient(#34a0c0,#227d97)}
.switch{display:flex;gap:4px;background:#111a20;border:1px solid #33454f;border-radius:999px;padding:3px}
.switch a{padding:6px 14px;border-radius:999px;font-weight:700;font-size:.88rem;color:var(--mute)}
.switch a:hover{color:#fff}
.switch a[aria-current=true]{background:#2a8aa6;color:#fff}
.switch a.x[aria-current=true]{background:#c4262e}
nav{display:flex;gap:clamp(2px,1.8vw,20px);flex-wrap:nowrap;justify-content:center}
nav a{padding:8px clamp(3px,1.5vw,20px);font-size:clamp(.58rem,2.3vw,1rem);border-radius:10px;color:var(--mute);font-weight:600}
nav a:hover{color:var(--text);background:var(--panel)}
nav a[aria-current=page]{color:#fff;background:var(--teal-d);box-shadow:0 0 18px color-mix(in srgb,var(--teal-d) 60%,transparent)}
.hero{padding:40px 0;display:grid;grid-template-columns:1.35fr 1fr;gap:40px;align-items:center}
.hero h1{font-size:clamp(2rem,5vw,3.2rem);line-height:1.1;margin-bottom:14px}
.hero h1 b{color:var(--teal)}
.hero p{color:var(--mute)}
.hero .usb{border-radius:var(--r);box-shadow:0 20px 60px #0008,0 0 100px color-mix(in srgb,var(--tint) 45%,transparent)}
.btn{display:inline-block;padding:12px 22px;border-radius:12px;font-weight:700;background:var(--teal);color:#04222c}
.btn:hover{filter:brightness(1.12)}
.btn.alt{background:transparent;color:var(--text);border:1px solid var(--line)}
.btn.alt:hover{border-color:var(--teal);color:#fff}
.modelbox{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:26px}
.modelbox p{color:#cfd9de;font-size:1.1rem;margin-bottom:18px}
.mrow{display:flex;align-items:center;gap:16px}.mrow .hero{flex:1;min-width:0}
.nextm{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;color:var(--teal);background:var(--panel);border:2px solid var(--teal-d);transition:.2s}
.nextm svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.nextm:hover,.nextm:focus-visible{background:var(--teal-d);color:#fff;transform:translateX(3px)}
.nextm.prev:hover,.nextm.prev:focus-visible{transform:translateX(-3px)}.nextm.prev svg{transform:scaleX(-1)}
@media(max-width:900px){.mrow{flex-wrap:wrap;justify-content:space-between;gap:14px}.mrow .hero{flex-basis:100%;order:1;grid-template-columns:1fr}.nextm.prev{order:2}.nextm{order:3}}
.actions{display:flex;gap:10px;flex-wrap:wrap}
.actions .btn{flex:1 1 0;min-width:0;white-space:nowrap;text-align:center;padding:12px 10px}.actions .btn:first-child{flex-basis:100%}
.mrow .hero{align-items:stretch}.mrow .hero .card{align-self:start}.mrow .modelbox{display:flex;flex-direction:column;justify-content:center}
h2{font-size:1.6rem;margin:0 0 20px}
h3{font-size:1.15rem;margin:26px 0 10px;color:var(--teal)}
section{padding:36px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:18px}
.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--teal-d)}
.shot{position:relative;aspect-ratio:16/9;overflow:hidden;background:#10171c}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.card:hover .shot img{transform:scale(1.04)}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000a,transparent 45%);pointer-events:none}
.shot .cap{position:absolute;right:14px;bottom:10px;z-index:1;color:#fff;font-weight:800;font-size:1.3rem;text-shadow:0 2px 8px #000}
.cap{display:flex;flex-direction:column;align-items:center;gap:0}
.usbw{display:block;width:2em;aspect-ratio:1.445;perspective:500px}
.usbc{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;animation:usbspin 4.5s linear infinite}
.cap .usbc img.f,.cap .usbc img.b{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:none;transform:none}
.cap .usbc img.b{transform:rotateY(180deg)}
@keyframes usbspin{to{transform:rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.usbc{animation:none}}
.card.soon{cursor:default;outline:0}
.card.soon:hover{transform:none;border-color:var(--line)}
.card.soon .shot::after{background:linear-gradient(#070b0e55,#070b0e99)}
.card.soon .shot img{filter:blur(14px) saturate(.85) brightness(.8);transform:scale(1.15)}
.card.soon:hover .shot img{transform:scale(1.15)}
.soon-txt{position:absolute;inset:0;z-index:1;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1.5rem;letter-spacing:.32em;
text-shadow:0 2px 12px #000;opacity:0;transform:translateY(6px);transition:opacity .35s,transform .35s}
.card.soon:hover .soon-txt,.card.soon:focus .soon-txt{opacity:1;transform:none}
.news{display:grid;gap:12px}
.news article{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--teal-d);border-radius:12px;padding:14px 18px}
.video{aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background:#000}
.video iframe{width:100%;height:100%;border:0}
.pl{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:stretch}
.pl>.video{align-self:start}
.pl-side{position:relative;min-height:0;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);overflow:hidden}
.pl-in{position:absolute;inset:0;display:flex;flex-direction:column}
.pl-head{padding:14px 16px 12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 78%,#000)}
.pl-head h3{margin:0;font-size:1.05rem;line-height:1.25}
.pl-sub{color:var(--mute);font-size:.82rem;margin-top:3px}
.pl-tools{display:flex;gap:8px;align-items:center;margin-top:10px}
.pl-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--text);cursor:pointer;display:grid;place-items:center;padding:0}
.pl-btn svg{width:19px;height:19px;fill:currentColor}
.pl-btn:hover{border-color:var(--teal)}.pl-btn[aria-pressed=true]{background:var(--teal-d);border-color:var(--teal);color:#fff}
.pl-yt{margin-left:auto;font-size:.8rem;font-weight:700;color:var(--teal);text-align:right}
.pl-list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;position:relative;padding:4px 0;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.pl-item{display:grid;grid-template-columns:22px 104px minmax(0,1fr);gap:8px;align-items:start;width:100%;text-align:left;background:none;border:0;color:var(--text);padding:6px 10px 6px 4px;cursor:pointer;font:inherit}
.pl-item:hover{background:#ffffff0d}.pl-item[aria-current=true]{background:color-mix(in srgb,var(--teal-d) 30%,transparent)}
.pl-n{color:var(--mute);font-size:.72rem;text-align:center;padding-top:14px}
.pl-item[aria-current=true] .pl-n{color:var(--teal)}
.pl-th{position:relative;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#000}
.pl-th img{width:100%;height:100%;object-fit:cover;display:block}
.pl-dur{position:absolute;right:3px;bottom:3px;background:#000c;color:#fff;font-size:.68rem;font-weight:700;padding:1px 4px;border-radius:4px}
.pl-t{font-size:.86rem;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pl-c{color:var(--mute);font-size:.75rem;margin-top:3px}
.pl-x{display:block;color:var(--teal);font-size:.75rem;font-weight:700;margin-top:2px}
.pl-item:has(.pl-x) .pl-th img{opacity:.55}
@media(max-width:900px){.pl{grid-template-columns:minmax(0,1fr)}.pl-side{height:min(520px,70vh)}}
.note{background:var(--panel);border:1px dashed var(--line);border-radius:var(--r);padding:24px;color:var(--mute)}
.prose{max-width:none}.prose p{margin-bottom:24px;color:#dbe4e8;font-size:1.2rem;line-height:1.9}
.contacts{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.contacts article{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 20px}
.contacts h3{margin:0 0 8px;font-size:1rem}
.contacts p{color:#cfd9de}.contacts a{color:var(--teal)}
details{background:var(--panel);border:1px solid var(--line);border-radius:12px;margin:8px 0;padding:0 16px}
summary{cursor:pointer;padding:14px 0;font-weight:700;font-size:1.1rem}
summary span{color:var(--mute);font-weight:400;margin-left:6px}
ol.cols{columns:3 240px;column-gap:32px;padding:0 0 16px 2.2em;color:#dbe4e8;font-size:1.05rem}
ol.cols li{break-inside:avoid;padding:1px 0}
.legend{color:var(--mute);font-size:.85rem;padding-bottom:12px}
table.map{border-collapse:collapse;margin:8px 0 6px;min-width:min(460px,100%)}
table.map{font-size:1.05rem}
table.map th,table.map td{border:1px solid var(--line);padding:10px 18px;text-align:left}
table.map th{background:var(--panel);color:var(--teal)}
footer{border-top:1px solid var(--line);color:var(--mute);padding:28px 0;font-size:.9rem;margin-top:40px}
@media(max-width:1000px){header.top .wrap{grid-template-columns:1fr}header.top nav,header.top .switch{grid-column:1;justify-self:center}}
@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:24px}}
@media(max-width:350px){header.top nav{flex-wrap:wrap;gap:4px}}
@media(max-width:760px){.prose p{font-size:1rem;line-height:1.75;margin-bottom:18px}ol.cols{font-size:.92rem;column-gap:20px}summary{font-size:1rem}table.map{font-size:.92rem}table.map th,table.map td{padding:8px 12px}}