.vy{
    --navy-950:#0A1826;
    --navy-800:#122840;
    --navy-700:#1B3654;
    --blue-500:#2E6FF2;
    --blue-300:#7CA6FF;
    --yellow-400:#F4C430;
    --ink-100:#EDF1F7;
    --slate-400:#8CA0B8;
    --font-head:'Bookman Old Style', Georgia, 'Times New Roman', serif;
    --font-body:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --font-mono:'IBM Plex Mono', 'SFMono-Regular', Consolas, monospace;
  }
.vy *{box-sizing:border-box; margin:0; padding:0;}
.vy{
    background:var(--navy-950);
    color:var(--ink-100);
    font-family:var(--font-body);
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
.vy a{color:inherit;}
.vy img, .vy svg{display:block; max-width:100%;}
.vy .wrap{max-width:1120px; margin:0 auto; padding:0 28px;}
.vy .eyebrow{
    font-family:var(--font-mono);
    font-size:12.5px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--yellow-400);
    display:flex; align-items:center; gap:10px;
  }
.vy .eyebrow::before{
    content:'';
    width:7px; height:7px; border-radius:50%;
    background:var(--yellow-400);
    box-shadow:0 0 0 4px rgba(244,196,48,.18);
  }
.vy :focus-visible{outline:2px solid var(--yellow-400); outline-offset:3px;}
.vy header.topbar{
    position:sticky; top:0; z-index:40;
    background:rgba(10,24,38,.82);
    backdrop-filter:blur(10px);
    border-bottom:1px solid rgba(255,255,255,.06);
  }
.vy .topbar-inner{
    max-width:1120px; margin:0 auto; padding:16px 28px;
    display:flex; align-items:center; justify-content:space-between;
  }
.vy .wordmark{
    font-family:var(--font-head); font-weight:700;
    font-size:21px; letter-spacing:.01em;
    display:flex; align-items:baseline; gap:2px;
  }
.vy .wordmark .bolt{color:var(--yellow-400);}
.vy .lang-toggle{
    display:flex; border:1px solid rgba(255,255,255,.16); border-radius:999px; overflow:hidden;
    font-family:var(--font-mono); font-size:12px;
  }
.vy .lang-toggle button{
    background:transparent; border:none; color:var(--slate-400);
    padding:7px 13px; cursor:pointer; font-family:inherit; font-size:inherit;
    letter-spacing:.05em; transition:.15s;
  }
.vy .lang-toggle button.active{background:var(--blue-500); color:#fff;}
.vy .hero{
    position:relative;
    padding:76px 0 90px;
    background:
      radial-gradient(560px 420px at 82% -8%, rgba(46,111,242,.30), transparent 60%),
      radial-gradient(420px 320px at 10% 110%, rgba(244,196,48,.10), transparent 60%);
  }
.vy .hero-grid{
    display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center;
  }
.vy h1{
    font-family:var(--font-head); font-weight:700;
    font-size:clamp(34px, 4.6vw, 54px);
    line-height:1.05; letter-spacing:-.01em;
    margin:18px 0 22px;
  }
.vy h1 .accent{color:var(--blue-300);}
.vy .hero p.lede{
    font-size:17.5px; color:var(--slate-400); max-width:46ch; margin-bottom:32px;
  }
.vy .hero-ctas{display:flex; gap:14px; flex-wrap:wrap;}
.vy .btn{
    font-family:var(--font-body); font-weight:600; font-size:15px;
    padding:14px 24px; border-radius:10px; border:1px solid transparent;
    cursor:pointer; text-decoration:none; display:inline-flex; align-items:center; gap:8px;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
  }
.vy .btn-primary{background:var(--yellow-400); color:var(--navy-950);}
.vy .btn-primary:hover{transform:translateY(-1px); box-shadow:0 10px 24px -8px rgba(244,196,48,.55);}
.vy .btn-ghost{background:transparent; border-color:rgba(255,255,255,.22); color:var(--ink-100);}
.vy .btn-ghost:hover{border-color:var(--blue-300); color:var(--blue-300);}
.vy .gauge-card{
    background:linear-gradient(160deg, var(--navy-800), var(--navy-700));
    border:1px solid rgba(255,255,255,.08);
    border-radius:20px;
    padding:30px 28px 26px;
    box-shadow:0 30px 60px -30px rgba(0,0,0,.6);
  }
.vy .gauge-top{display:flex; justify-content:space-between; align-items:center; margin-bottom:22px;}
.vy .gauge-label{font-family:var(--font-mono); font-size:12px; letter-spacing:.1em; color:var(--slate-400); text-transform:uppercase;}
.vy .gauge-count{font-family:var(--font-mono); font-size:13px; color:var(--yellow-400);}
.vy .plug-row{
    display:flex; align-items:center; gap:14px; margin-bottom:20px;
  }
.vy .plug-track{
    position:relative; flex:1; height:14px; border-radius:999px;
    background:rgba(255,255,255,.08); overflow:hidden;
  }
.vy .plug-fill{
    position:absolute; inset:0 auto 0 0; width:6%; border-radius:999px;
    background:linear-gradient(90deg, var(--blue-500), var(--yellow-400));
    transition:width 1.1s cubic-bezier(.22,.9,.3,1);
  }
.vy .plug-fill::after{
    content:''; position:absolute; inset:0;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,.5), transparent);
    width:40px; animation:sweep 2.6s ease-in-out infinite;
  }
@keyframes sweep{
    0%{transform:translateX(-40px);}
    100%{transform:translateX(320px);}
  }
.vy .plug-icon{width:30px; height:30px; flex:none; color:var(--yellow-400);}
.vy .gauge-caption{font-size:13.5px; color:var(--slate-400); line-height:1.55;}
.vy .gauge-caption b{color:var(--ink-100); font-weight:600;}
.vy .cable-deco{
    margin-top:22px; padding-top:20px; border-top:1px dashed rgba(255,255,255,.14);
    display:flex; gap:18px;
  }
.vy .cable-stat{flex:1;}
.vy .cable-stat .n{font-family:var(--font-mono); font-size:22px; color:var(--ink-100); font-weight:600;}
.vy .cable-stat .t{font-size:11.5px; color:var(--slate-400); text-transform:uppercase; letter-spacing:.08em; margin-top:2px;}
.vy .pillars{padding:78px 0; border-top:1px solid rgba(255,255,255,.06);}
.vy .section-head{max-width:640px; margin-bottom:44px;}
.vy .section-head h2{
    font-family:var(--font-head); font-weight:700; font-size:clamp(26px,3vw,34px);
    margin-top:12px;
  }
.vy .pillar-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:22px;}
.vy .pillar-card{
    background:var(--navy-800); border:1px solid rgba(255,255,255,.07); border-radius:16px;
    padding:26px 24px;
  }
.vy .pillar-num{font-family:var(--font-mono); color:var(--blue-300); font-size:12px; letter-spacing:.1em;}
.vy .pillar-card h3{font-family:var(--font-head); font-size:19px; margin:14px 0 10px;}
.vy .pillar-card p{font-size:14.5px; color:var(--slate-400);}
.vy .signup{padding:20px 0 100px;}
.vy .signup-panel{
    background:var(--navy-800); border:1px solid rgba(255,255,255,.08);
    border-radius:22px; padding:44px;
    background-image:
      linear-gradient(160deg, rgba(46,111,242,.10), transparent 45%);
  }
.vy .signup-panel .section-head{margin-bottom:30px;}
.vy form{display:grid; grid-template-columns:1fr 1fr; gap:18px 20px;}
.vy .field{display:flex; flex-direction:column; gap:7px;}
.vy .field.full{grid-column:1 / -1;}
.vy label{font-size:13px; font-weight:600; color:var(--ink-100);}
.vy label .opt{color:var(--slate-400); font-weight:400;}
.vy input[type=text], .vy input[type=email], .vy input[type=tel], .vy select{
    background:var(--navy-950); border:1px solid rgba(255,255,255,.14); border-radius:10px;
    padding:12px 14px; color:var(--ink-100); font-family:var(--font-body); font-size:14.5px;
    transition:border-color .15s;
  }
.vy input:focus, .vy select:focus{border-color:var(--blue-300);}
.vy select{appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238CA0B8' stroke-width='1.5' fill='none'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 14px center;}
.vy .radio-group{display:flex; gap:10px; flex-wrap:wrap;}
.vy .radio-pill{
    border:1px solid rgba(255,255,255,.16); border-radius:999px; padding:9px 16px;
    font-size:13.5px; cursor:pointer; color:var(--slate-400); transition:.15s;
  }
.vy .radio-pill input{display:none;}
.vy .radio-pill.checked{border-color:var(--blue-300); color:var(--ink-100); background:rgba(46,111,242,.14);}
.vy .consent{display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--slate-400);}
.vy .consent input{margin-top:3px;}
.vy .form-actions{display:flex; align-items:center; gap:16px; margin-top:6px;}
.vy .form-note{font-size:12.5px; color:var(--slate-400);}
.vy .submit-state{font-family:var(--font-mono); font-size:13px;}
.vy .submit-state.err{color:#F27C7C;}
.vy .submit-state.ok{color:var(--yellow-400);}
.vy .success-card{
    display:none; text-align:center; padding:20px 10px 6px;
  }
.vy .success-card.show{display:block;}
.vy .success-ring{
    width:64px; height:64px; margin:0 auto 18px; border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    background:rgba(244,196,48,.14); border:1px solid rgba(244,196,48,.4);
  }
.vy .success-card h3{font-family:var(--font-head); font-size:22px; margin-bottom:8px;}
.vy .success-card p{color:var(--slate-400); max-width:44ch; margin:0 auto;}
.vy footer{
    border-top:1px solid rgba(255,255,255,.06); padding:30px 0;
  }
.vy .footer-inner{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px;}
.vy .footer-inner .wordmark{font-size:16px;}
.vy .footer-inner .meta{font-size:12.5px; color:var(--slate-400);}
@media (max-width:860px){.vy .hero-grid{grid-template-columns:1fr;}
.vy .pillar-grid{grid-template-columns:1fr;}
.vy form{grid-template-columns:1fr;}
.vy .signup-panel{padding:28px 22px;}}
@media (prefers-reduced-motion: reduce){.vy *{animation-duration:.001ms !important; transition-duration:.001ms !important;}}
.vy{border-radius:0; overflow-x:hidden; text-align:left;}
.vy header.topbar{position:static;}
.vy h1,.vy h2,.vy h3{color:inherit; letter-spacing:normal;}
.vy h1{letter-spacing:-.01em;}
.vy a{text-decoration:none;}
.vy button,.vy input,.vy select{font-family:inherit;}
