:root{
    --bg:#0A0F14;
    --surface:#111922;
    --surface-2:#182430;
    --line:#25333F;
    --line-soft:#1B2732;
    --text:#E7EDF2;
    --text-dim:#8FA3B3;
    --accent:#49E0A1;
    --accent-soft:rgba(73,224,161,0.12);
    --warn:#E3A857;
    --display:'Black Ops One',system-ui,sans-serif;
    --body:'Lora',system-ui,serif;
    --mono:'JetBrains Mono',ui-monospace,monospace;
  }
  *{box-sizing:border-box;}
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;}
  body{margin:0;background:var(--bg);overflow-x:hidden;}
  a{color:var(--accent);text-decoration:none;}
  a:hover{color:#7CF0C0;}
  h1,h2,h3{text-wrap:balance;margin:0;font-family:var(--display);}
  p{margin:0;}
  .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);}
  .card{background:var(--surface);border:1px solid var(--line);border-radius:4px;}
  .btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:13px;letter-spacing:0.04em;text-transform:uppercase;padding:14px 24px;border-radius:2px;}
  .btn-primary{background:var(--accent);color:#08130F;}
  .btn-primary:hover{background:#7CF0C0;color:#08130F;}
  .btn-ghost{border:1px solid var(--line);color:var(--text);}
  .btn-ghost:hover{border-color:var(--accent);color:var(--accent);}
  .num{font-variant-numeric:tabular-nums;font-family:var(--mono);}
  @keyframes radar-spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
  @keyframes blip-pulse{0%,100%{opacity:.3;}50%{opacity:1;}}
  @keyframes dish-scan{0%,100%{transform:translateX(-50%) rotateY(-32deg);}50%{transform:translateX(-50%) rotateY(32deg);}}
  @keyframes scanline-move{0%{background-position:0 0;}100%{background-position:0 400px;}}
  @media (prefers-reduced-motion:reduce){
    .sweep,.blip,.radar3d-pivot,.hero-scope::after{animation:none !important;}
  }
  .sweep{transform-origin:200px 200px;animation:radar-spin 4.5s linear infinite;}
  .blip{animation:blip-pulse 2.4s ease-in-out infinite;}
  .hero-graphic{display:flex;flex-direction:column;align-items:center;}
  /* Lock the hero to its clip's aspect ratio (cascade_miltech 960x400) so
     object-fit:cover fills it with ZERO cropping on wide screens — the wider the
     screen, the taller the section grows to keep the whole clip visible. Below
     1200px the stacked content would be taller than this ratio allows, so the
     lock is released (see max-width:1200px) and the video falls back to cover. */
  .hero-bg{position:relative;overflow:hidden;aspect-ratio:960/400;}
  @media (max-width:1200px){ .hero-bg{aspect-ratio:auto;} }
  .hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,var(--bg) 0%,rgba(10,15,20,0.9) 10%,rgba(10,15,20,0.45) 38%,rgba(10,15,20,0.05) 62%);z-index:0;}
  .how-bg{position:relative;overflow:hidden;}
  .how-bg::before{content:"";position:absolute;top:0;left:0;width:100%;aspect-ratio:2560/470;background:url('/assets/img/CASCADE_principle_strip_2560x470.webp') top center/cover no-repeat;filter:brightness(1.45) contrast(1.18) saturate(1.2);z-index:0;}
  .how-bg::after{content:"";position:absolute;inset:0;background:rgba(10,15,20,0.55);z-index:0;}
  .apps-bg{background-image:url('/assets/img/usecases_bg.webp');background-size:cover;background-position:center;}
  .proto-bg{background-image:url('/assets/img/prototype_bg.webp');background-size:cover;background-position:center;}
  .proto-anim-bg{position:relative;overflow:hidden;}
  .proto-anim-bg::after{content:"";position:absolute;inset:0;background:rgba(10,15,20,0.55);z-index:0;}
  /* Hardware rotation backdrop is 16:9 (hero_loop_background_web): lock the
     section to 16/9 so cover fills it with no cropping on wide screens, and
     centre the console inside the resulting taller box. Released below 1200px
     (where the console is taller than 16/9 allows) → natural height + cover. */
  #hardware{aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:center;}
  @media (max-width:1200px){ #hardware{aspect-ratio:auto;display:block;} }
  /* Same aspect-lock for the other content-full background sections, but only
     ABOVE the width where the content still fits the clip ratio (measured:
     youtube ~1.49k, team ~1.54k, register ~1.66k — thresholds set a little
     higher for slack / longer translations). Below the threshold the section is
     untouched (natural height + cover). Content is centred in the taller locked
     box. #console (software) is intentionally NOT locked — its collage content
     is ~950px tall, so the lock would only engage above ~2290px and clip
     everything narrower; it stays on plain cover. */
  @media (min-width:1651px){ #youtube{aspect-ratio:1920/500;display:flex;flex-direction:column;justify-content:center;} }
  @media (min-width:1751px){ #team{aspect-ratio:1920/500;display:flex;flex-direction:column;justify-content:center;} }
  @media (min-width:1851px){ #register{aspect-ratio:1920/700;display:flex;flex-direction:column;justify-content:center;} }
  /* #prototype backdrop (prototype_bg_anim video + prototype_bg image, both
     2560x900) — same lock; content ~575px fits the ratio above ~1633px. */
  @media (min-width:1751px){ #prototype{aspect-ratio:2560/900;display:flex;flex-direction:column;justify-content:center;} }
  .rotation-bg{position:relative;overflow:hidden;}
  .rotation-collapse-btn{display:inline-flex;align-items:center;gap:5px;cursor:pointer;background:var(--surface-2);}
  .rotation-collapse-btn:hover{border-color:var(--accent);color:var(--accent);}
  .rotation-collapse-icon{display:inline-block;transition:transform .25s ease;}
  .rotation-console.is-collapsed .rotation-collapse-icon{transform:rotate(180deg);}
  .rotation-console .video-frame,.rotation-console .demo-foot{transition:opacity .25s ease;}
  .rotation-console.is-collapsed .video-frame,.rotation-console.is-collapsed .demo-foot{display:none;}
  .rotation-console.is-collapsed{padding-bottom:22px;}
  .rotation-bg-video{position:absolute;inset:0;width:100%;height:100%;z-index:0;}
  /* Fill the WHOLE section edge-to-edge: object-fit:cover makes the clip cover
     the entire background box while preserving its aspect ratio (never distorts).
     Over-wide clips are cropped top/bottom or sides rather than letterboxed, so
     there are never dark bands — every section is fully filled at any screen
     size or browser zoom. */
  .rotation-bg-video-fill{object-fit:cover;object-position:center;}
  .rotation-bg-video-blur{object-fit:cover;object-position:center;}
  .rotation-bg-video-sharp{object-fit:cover;object-position:center;}
  /* The footer and demo background clips are very wide, sparse HUD strips with
     content only at the far left/right and an empty centre: object-fit:cover
     would show that empty middle, so we stretch them to fill the whole box
     instead (fill also squeezes the clip horizontally, pulling the edge content
     inward). The dim grids' slight scaling isn't noticeable on a background. */
  .site-footer .rotation-bg-video,
  #demo .rotation-bg-video{object-fit:fill;}
  .rotation-bg-overlay{position:absolute;inset:0;background:rgba(10,15,20,0.45);z-index:0;}
  /* HUD-frame cards: the original animated SVG is the border-image. The glow
     filter stays removed (that was the 5-fps Firefox killer); the SMIL accents
     (travelling dash, blinking indicators, FMCW waveform, chevrons) are the
     "last time" animation the user wants. Note: an animated SVG border-image
     costs ~40 fps in Firefox at the scaled page size no matter how it's
     structured — see CLAUDE.md "SVG & filters" for the tried alternatives. */
  .tech-card-widget{position:relative;border-style:solid;border-width:40px;border-image-slice:40 fill;border-image-width:40px;border-image-repeat:stretch;}
  .widget-radar-module{border-image-source:url('/assets/img/widget_radar_module.svg');}
  .widget-range-cost{border-image-source:url('/assets/img/widget_range_cost.svg');}
  @media (max-width:640px){
    .tech-card-widget{border-image-source:none;border:1px solid var(--line);}
  }
  .section-bg-video{filter:none;}
  .section-bg-overlay{position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(10,15,20,.72) 14%,rgba(10,15,20,.55) 50%,rgba(10,15,20,.72) 86%,var(--bg) 100%);z-index:0;}
  @media (prefers-reduced-motion:reduce){
    .rotation-bg-video{display:none;}
  }
  .radar3d-wrap{width:230px;height:190px;margin-bottom:-18px;position:relative;}
  .radar3d-wrap canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none;}
  .radar3d-wrap canvas:active{cursor:grabbing;}
  .radar3d-hint{position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:9.5px;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-dim);opacity:0.7;pointer-events:none;white-space:nowrap;}
  .hero-scope{position:relative;}
  .hero-scope::after{content:"";position:absolute;inset:0;border-radius:50%;pointer-events:none;background:repeating-linear-gradient(0deg,rgba(231,237,242,0.05) 0px,rgba(231,237,242,0.05) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay;animation:scanline-move 6s linear infinite;}
  .scope-tick{fill:#324454;font-family:'JetBrains Mono',ui-monospace,monospace;}
  .scope-range{fill:#4A5D6C;font-family:'JetBrains Mono',ui-monospace,monospace;letter-spacing:0.02em;}
  .stack-row{display:flex;gap:56px;flex-wrap:wrap;}
  .grid-2{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:24px;}
  .grid-4{display:grid;grid-template-columns:repeat(4,minmax(200px,1fr));gap:20px;}
  .step-flow{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:0;}
  .step-flow .step:not(:last-child){border-right:1px dashed var(--line);}
  @media (max-width:900px){
    .grid-4{grid-template-columns:repeat(2,minmax(160px,1fr));}
    .step-flow{grid-template-columns:1fr;}
    .step-flow .step:not(:last-child){border-right:none;border-bottom:1px dashed var(--line);}
  }
  @media (max-width:640px){
    .grid-2{grid-template-columns:1fr;}
    .hero-title{font-size:40px !important;}
  }
  .proto-row{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-end;}
  .proto-shot{display:flex;flex-direction:column;flex:1 1 280px;min-width:220px;}
  .proto-shot--raised{transform:translateY(-28px);}
  .clip-panel{position:relative;height:320px;overflow:hidden;background:var(--surface-2);}
  .clip-panel--tall{height:420px;}
  .clip-panel--a{clip-path:polygon(6% 0,100% 0,94% 100%,0 100%);}
  .clip-panel--b{clip-path:polygon(0 0,94% 0,100% 100%,6% 100%);}
  .cutout-frame{position:relative;height:320px;display:flex;align-items:center;justify-content:center;overflow:hidden;}
  .cutout-frame--tall{height:420px;}
  .cutout-frame::before{content:"";position:absolute;width:78%;height:78%;left:11%;top:11%;background:radial-gradient(circle,var(--accent-soft),transparent 68%);filter:blur(18px);z-index:0;transform:translate3d(var(--mx,0px),var(--my,0px),0);transition:transform 0.35s cubic-bezier(.22,.61,.36,1);}
  .cutout-frame img{position:relative;z-index:1;max-width:100%;max-height:100%;object-fit:contain;filter:drop-shadow(0 22px 26px rgba(0,0,0,0.5));transition:transform 0.35s cubic-bezier(.22,.61,.36,1),opacity 220ms ease;will-change:transform;}
  @media (prefers-reduced-motion:reduce){
    .cutout-frame img,.cutout-frame::before{transition:none !important;}
  }
  @media (max-width:900px){
    .proto-shot--raised{transform:none;}
    .clip-panel{height:220px;}
    .clip-panel--tall{height:320px;}
    .cutout-frame{height:240px;}
    .cutout-frame--tall{height:320px;}
  }
  .topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;background:rgba(10,15,20,0.94);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 48px;border-bottom:1px solid var(--line-soft);flex-wrap:wrap;}
  .topbar-nav{display:flex;gap:28px;}
  .topbar-nav a{font-family:var(--mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-dim);}
  .topbar-nav a:hover{color:var(--accent);}
  .nav-toggle{display:none;background:none;border:1px solid var(--line);border-radius:4px;color:var(--text);width:38px;height:38px;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;padding:0;}
  .nav-toggle svg{display:block;}
  .topbar-menu{display:flex;align-items:center;gap:24px;}
  .topbar-actions{display:flex;align-items:center;gap:16px;flex-shrink:0;}
  @media (max-width:1300px){
    .nav-toggle{display:flex;}
    .topbar-menu{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;order:3;}
    .topbar-menu.is-open{display:flex;}
    .topbar-nav{flex-direction:column;gap:0;width:100%;}
    .topbar-nav a{display:block;padding:16px 4px;border-top:1px solid var(--line-soft);}
    .topbar-actions{flex-direction:column;align-items:stretch;gap:14px;width:100%;padding:16px 4px 4px;border-top:1px solid var(--line-soft);margin-top:4px;}
    .topbar-actions .lang-switch{align-self:center;}
    .topbar-actions .btn{text-align:center;justify-content:center;}
  }
  @media (max-width:420px){
    .topbar{padding:16px 20px;}
  }
  @media (max-width:600px){
    [style*="48px"]{padding-left:24px !important;padding-right:24px !important;}
  }
  @media (max-width:420px){
    [style*="48px"]{padding-left:16px !important;padding-right:16px !important;}
  }
  .reveal{opacity:0;transform:translateY(28px);transition:opacity 0.7s cubic-bezier(.22,.61,.36,1),transform 0.7s cubic-bezier(.22,.61,.36,1);}
  .reveal.is-visible{opacity:1;transform:translateY(0);}
  @media (prefers-reduced-motion:reduce){
    .reveal{opacity:1 !important;transform:none !important;transition:none !important;}
  }
  .qr-box{background:#E7EDF2;padding:12px;border-radius:6px;display:inline-flex;line-height:0;}
  .demo-shell{width:100%;max-width:1200px;margin:0 auto;}
  .demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;}
  @media (max-width:900px){
    .demo-grid{grid-template-columns:1fr;}
  }
  .video-console{position:relative;padding:22px;}
  .video-console::before,.video-console::after,.video-console .vc-br-tl,.video-console .vc-br-br{content:"";position:absolute;width:26px;height:26px;pointer-events:none;}
  .video-console::before{top:0;left:0;border-top:2px solid var(--accent);border-left:2px solid var(--accent);}
  .video-console::after{top:0;right:0;border-top:2px solid var(--accent);border-right:2px solid var(--accent);}
  .video-console .vc-br-bl{position:absolute;bottom:0;left:0;width:26px;height:26px;border-bottom:2px solid var(--accent);border-left:2px solid var(--accent);pointer-events:none;}
  .video-console .vc-br-br{bottom:0;right:0;border-bottom:2px solid var(--accent);border-right:2px solid var(--accent);}
  .hud-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 4px 14px;flex-wrap:wrap;}
  .hud-left{display:flex;align-items:center;gap:10px;}
  .rec-dot{width:8px;height:8px;border-radius:50%;background:#E85B5B;box-shadow:0 0 0 0 rgba(232,91,91,0.55);animation:rec-pulse 1.8s ease-out infinite;}
  @keyframes rec-pulse{0%{box-shadow:0 0 0 0 rgba(232,91,91,0.55);}70%{box-shadow:0 0 0 8px rgba(232,91,91,0);}100%{box-shadow:0 0 0 0 rgba(232,91,91,0);}}
  .hud-label{font-family:var(--mono);font-size:11px;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-dim);}
  .hud-tags{display:flex;gap:10px;}
  .hud-tag{font-family:var(--mono);font-size:11px;letter-spacing:0.04em;color:var(--accent);border:1px solid var(--line);padding:3px 9px;border-radius:3px;background:var(--surface-2);}
  .video-frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:4px;overflow:hidden;border:1px solid var(--line);background:#000;line-height:0;}
  .video-frame video{width:100%;height:100%;object-fit:contain;display:block;}
  .overlay{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;transition:opacity .4s ease;}
  .player.playing .overlay{opacity:0;}
  @media (prefers-reduced-motion:reduce){
    .overlay{transition:none;}
  }
  .demo-foot{display:flex;justify-content:space-between;gap:16px;padding:14px 4px 0;flex-wrap:wrap;}
  @media (prefers-reduced-motion:reduce){
    .rec-dot{animation:none;}
  }
  .rotation-console{position:relative;padding:22px;overflow:hidden;}
  .monitor-mockup{max-width:1400px;margin:0 auto;display:flex;flex-direction:column;align-items:center;}
  .monitor-bezel{width:100%;background:#13181d;border:1px solid var(--line);border-radius:16px;padding:18px;box-shadow:0 50px 90px rgba(0,0,0,0.55);}
  .monitor-cam{width:6px;height:6px;border-radius:50%;background:#30414e;margin:0 auto 14px;}
  .monitor-screen{position:relative;background:#05080b;border-radius:6px;overflow:hidden;aspect-ratio:16/10;}
  .monitor-screen-img{display:block;width:100%;height:100%;object-fit:fill;}
  .monitor-neck{width:64px;height:40px;background:linear-gradient(#1a222b,#0d1216);clip-path:polygon(32% 0,68% 0,100% 100%,0% 100%);}
  .monitor-base{width:320px;height:14px;border-radius:3px;background:#13181d;box-shadow:0 14px 26px rgba(0,0,0,.45);margin-top:-1px;}
  .site-footer{padding:64px 48px 0;border-top:1px solid var(--line-soft);background:var(--surface);}
  .footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:48px;}
  .footer-brand{display:flex;flex-direction:column;gap:14px;}
  .footer-brand-row{display:flex;align-items:center;gap:10px;}
  .footer-col-title{font-family:var(--mono);font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--text);font-weight:600;margin-bottom:2px;}
  .footer-links{display:flex;flex-direction:column;gap:3px;}
  .footer-links a{display:inline-block;padding:8px 0;font-size:15px;color:var(--text-dim);}
  .footer-links a:hover{color:var(--accent);}
  .footer-social{display:flex;gap:12px;margin-top:8px;}
  .footer-social a{width:40px;height:40px;border:1px solid var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--accent);background:rgba(73,224,161,0.06);box-shadow:0 0 6px rgba(73,224,161,.45),0 0 16px rgba(73,224,161,.25),inset 0 0 6px rgba(73,224,161,.18);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;}
  .footer-social a:hover{transform:translateY(-2px) scale(1.06);background:rgba(73,224,161,0.12);box-shadow:0 0 10px rgba(73,224,161,.8),0 0 26px rgba(73,224,161,.55),0 0 42px rgba(73,224,161,.25),inset 0 0 8px rgba(73,224,161,.3);}
  @media (prefers-reduced-motion:reduce){
    .footer-social a{transition:none;}
  }
  .footer-city{display:inline-flex;align-items:center;gap:6px;margin-bottom:10px;font-size:14.5px;color:var(--text-dim);}
  .footer-city svg{color:var(--accent);flex-shrink:0;}
  .footer-city:hover{color:var(--accent);}
  .footer-map{border:1px solid var(--accent);border-radius:10px;overflow:hidden;box-shadow:0 0 6px rgba(73,224,161,.4),0 0 16px rgba(73,224,161,.22),inset 0 0 8px rgba(73,224,161,.12);line-height:0;width:100%;}
  .footer-map iframe{display:block;width:100%;height:420px;border:0;filter:grayscale(.4) contrast(1.05) brightness(.95);}
  @media (max-width:560px){
    .footer-location{text-align:center;}
    .footer-city{justify-content:center;}
    .footer-map iframe{height:300px;}
  }
  .footer-bottom{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 0;border-top:1px solid var(--line-soft);}
  @media (max-width:900px){
    .footer-grid{grid-template-columns:1fr 1fr;row-gap:36px;}
  }
  @media (max-width:560px){
    .footer-grid{grid-template-columns:1fr;text-align:center;}
    .footer-brand-row{justify-content:center;}
    .footer-brand p{max-width:none !important;}
    .footer-social{justify-content:center;}
    .footer-bottom{flex-direction:column;text-align:center;}
  }
  .team-carousel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
  .team-track{display:flex;gap:20px;width:max-content;padding:4px 4px 18px;animation:team-marquee linear infinite;animation-duration:var(--marquee-duration,26s);}
  .team-carousel:hover .team-track,.team-carousel:focus-within .team-track{animation-play-state:paused;}
  @keyframes team-marquee{from{transform:translateX(-50%);}to{transform:translateX(0);}}
  @media (prefers-reduced-motion:reduce){
    .team-track{animation:none;}
  }
  .team-card{flex:0 0 auto;width:250px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;}
  .team-avatar{width:104px;height:104px;border-radius:50%;overflow:hidden;border:2px solid var(--accent);box-shadow:0 0 0 5px var(--accent-soft);margin-bottom:14px;}
  .team-avatar--placeholder{display:flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--accent);font-family:var(--display);font-weight:800;font-size:30px;}
  .team-avatar img{width:100%;height:100%;object-fit:cover;display:block;}
  .team-name{font-size:16px;font-weight:700;color:var(--text);margin-top:2px;}
  .team-role{font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--accent);margin-top:2px;}
  .team-contact{font-size:13px;color:var(--text-dim);margin-top:8px;}
  .team-contact:hover{color:var(--accent);}
  .form-grid{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;}
  @media (max-width:560px){
    .form-grid{grid-template-columns:1fr;}
  }
  .form-field{display:flex;flex-direction:column;gap:6px;text-align:left;}
  .form-field label{font-family:var(--mono);font-size:11px;letter-spacing:0.06em;text-transform:uppercase;color:var(--text-dim);}
  .form-input{background:var(--surface-2);border:1px solid var(--line);border-radius:4px;color:var(--text);font-family:var(--body);font-size:14px;padding:10px 12px;transition:border-color .2s ease,box-shadow .2s ease;}
  .form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(73,224,161,.15),0 0 12px rgba(73,224,161,.25);}
  .reg-contact-panel{position:relative;max-width:1080px;margin:0 auto;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(180deg,rgba(73,224,161,.03),rgba(73,224,161,0) 40%);box-shadow:0 0 30px rgba(73,224,161,.06),inset 0 0 40px rgba(73,224,161,.03);padding:44px;display:flex;gap:0;flex-wrap:wrap;}
  .reg-contact-panel::before{content:"";position:absolute;top:44px;bottom:44px;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(73,224,161,.35),transparent);}
  .reg-contact-col{flex:1 1 380px;min-width:280px;padding:0 36px;}
  .reg-contact-col:first-child{border-right:none;}
  @media (max-width:860px){
    .reg-contact-panel::before{display:none;}
    .reg-contact-panel{flex-direction:column;padding:32px 24px;}
    .reg-contact-col{padding:0;}
  }
  .btn-glow{box-shadow:0 0 10px rgba(73,224,161,.4),0 0 24px rgba(73,224,161,.2);transition:box-shadow .2s ease,transform .2s ease,background .2s ease;}
  .btn-glow:hover{box-shadow:0 0 16px rgba(73,224,161,.6),0 0 36px rgba(73,224,161,.3);transform:translateY(-1px);}
  .contact-card-glow{border-color:rgba(73,224,161,.25) !important;box-shadow:0 0 10px rgba(73,224,161,.1),inset 0 0 20px rgba(73,224,161,.03);}
  .qr-box-glow{border:1px solid rgba(73,224,161,.4);box-shadow:0 0 10px rgba(73,224,161,.35),0 0 24px rgba(73,224,161,.15);}
  .form-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}
  .form-status{font-size:13px;min-height:18px;}
  .form-status--ok{color:var(--accent);}
  .form-status--error{color:var(--warn);}
  .partners-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;}
  .partner-card{display:flex;align-items:center;justify-content:center;width:152px;height:92px;padding:14px;border:1px solid rgba(73,224,161,.28);border-radius:8px;background:rgba(73,224,161,.05);box-shadow:0 0 8px rgba(73,224,161,.15),inset 0 0 6px rgba(73,224,161,.08);transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s ease,border-color .25s ease,background .25s ease;}
  .partner-card:hover,.partner-card:focus-visible{transform:translateY(-3px);border-color:var(--accent);background:rgba(73,224,161,.1);box-shadow:0 0 12px rgba(73,224,161,.5),0 0 28px rgba(73,224,161,.25),inset 0 0 8px rgba(73,224,161,.15);}
  .partner-card img{max-width:100%;max-height:100%;object-fit:contain;filter:grayscale(.1) brightness(1.05);opacity:0.92;transition:filter .25s ease,opacity .25s ease;}
  .partner-card:hover img,.partner-card:focus-visible img{filter:grayscale(0) brightness(1.1);opacity:1;}
  @media (prefers-reduced-motion:reduce){
    .partner-card,.partner-card img{transition:none;}
  }
  .yt-carousel{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);scrollbar-width:none;cursor:grab;}
  .yt-carousel::-webkit-scrollbar{display:none;}
  .yt-carousel.is-dragging{cursor:grabbing;scroll-snap-type:none;}
  .yt-track{display:flex;gap:20px;width:max-content;padding:4px 4px 18px;}
  .yt-card{flex:0 0 300px;display:flex;flex-direction:column;gap:10px;user-select:none;-webkit-user-drag:none;}
  @media (max-width:560px){.yt-card{flex:0 0 240px;}}
  .yt-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:var(--surface-2);border:1px solid var(--line);}
  .yt-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease;}
  .yt-card:hover .yt-thumb img{transform:scale(1.06);}
  .yt-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .2s ease;}
  .yt-card:hover .yt-play{transform:scale(1.08);}
  .yt-title{font-size:13.5px;line-height:1.4;color:var(--text);}
  .yt-card:hover .yt-title{color:var(--accent);}
  .lang-switch{display:flex;gap:6px;}
  .lang-switch button{background:none;border:1px solid var(--line);border-radius:4px;padding:9px 11px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:0.04em;line-height:1;color:var(--text-dim);cursor:pointer;transition:border-color .2s,background .2s,color .2s;}
  .lang-switch button:hover{color:var(--text);border-color:var(--line);}
  .lang-switch button.is-active{border-color:var(--accent);background:var(--surface-2);color:var(--accent);}
  .radar-switch-bar{display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 48px 48px;text-align:center;}
  .radar-switch{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:4px;gap:4px;}
  .radar-switch button{font-family:var(--mono);font-size:13px;letter-spacing:0.03em;padding:11px 22px;border-radius:999px;border:1px solid transparent;background:none;color:var(--text-dim);cursor:pointer;transition:background .2s,color .2s;}
  .radar-switch button:hover{color:var(--text);}
  .radar-switch button[aria-pressed="true"]{background:var(--accent);color:#08130F;}
  .radar-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
  @media (max-width:480px){
    .radar-switch{width:100%;}
    .radar-switch button{flex:1;padding:11px 10px;}
  }
  #preloader{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:var(--bg);visibility:visible;transition:opacity .42s ease;}
  #preloader.is-hidden{opacity:0;pointer-events:none;}
  .preloader-rings{position:absolute;width:160px;height:160px;}
  .preloader-rings span{position:absolute;inset:0;border-radius:50%;border:1.5px solid var(--accent);opacity:0;animation:preloader-ping 2.1s cubic-bezier(.22,.61,.36,1) infinite;}
  .preloader-rings span:nth-child(2){animation-delay:.7s;}
  .preloader-rings span:nth-child(3){animation-delay:1.4s;}
  @keyframes preloader-ping{0%{transform:scale(.32);opacity:.55;}70%{opacity:0;}100%{transform:scale(1.4);opacity:0;}}
  .preloader-logo{width:72px;height:72px;position:relative;z-index:1;animation:preloader-breathe 2.1s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(73,224,161,.3));}
  @keyframes preloader-breathe{0%,100%{transform:scale(1);}50%{transform:scale(1.07);}}
  @media (prefers-reduced-motion:reduce){
    .preloader-rings span,.preloader-logo{animation:none;}
  }