:root{--noir:#0a1628;--pan:#0f2038;--pan2:#132844;--line:#1c3350;--ink:#ffffff;--tx:#dbe4f0;--mu:#93a7c2;--cy:#00d4ff;--cyd:#0098bd;--or:#ff9149;--pu:#a19ad3;--te:#80d8c3;--grn:#6fbf8f;--red:#e0605a;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:'Segoe UI',Arial,sans-serif;background:var(--noir);color:var(--tx);line-height:1.7;}
  .container{max-width:1120px;margin:0 auto;padding:0 32px;}

  /* Language switching */
  .lang-en{display:inline;}

  nav{position:sticky;top:0;background:rgba(10,22,40,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--cy);z-index:100;}
  nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;flex-wrap:wrap;gap:14px;}
  nav .logo{font-weight:800;letter-spacing:2px;color:#fff;font-size:1.05rem;display:flex;align-items:center;gap:10px;}
  nav .logo b{color:var(--cy);}
  nav ul{display:flex;gap:14px;list-style:none;flex-wrap:wrap;align-items:center;}
  nav ul a{font-size:.64rem;letter-spacing:1.2px;text-transform:uppercase;color:var(--mu);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent;}
  nav ul a:hover{color:#fff;border-bottom-color:var(--cy);}

  header.hero{position:relative;padding:110px 0 0;background:linear-gradient(180deg,rgba(10,22,40,.55) 0%,rgba(10,22,40,.85) 60%,var(--noir) 100%),url('heliboat-hero.webp') center/cover no-repeat;text-align:center;}
  .kicker{letter-spacing:5px;font-size:.72rem;color:var(--cy);text-transform:uppercase;font-weight:700;}
  header.hero h1{font-weight:800;font-size:3.6rem;letter-spacing:2px;color:#fff;margin:16px 0 6px;}
  header.hero h1 b{color:var(--cy);}
  .tagline{color:#dfe8f5;font-style:italic;max-width:720px;margin:0 auto;font-family:Georgia,serif;font-size:1.08rem;text-shadow:0 2px 8px rgba(0,0,0,.5);}
  .rule{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--cy),transparent);margin:22px auto;}
  .herostrip{display:flex;justify-content:center;gap:0;margin-top:38px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap;}
  .herostrip div{padding:20px 26px;border-right:1px solid rgba(255,255,255,.12);text-align:center;}
  .herostrip div:last-child{border-right:none;}
  .herostrip .v{color:var(--cy);font-weight:800;font-size:1.5rem;}
  .herostrip .l{color:#c3d0e2;font-size:.62rem;letter-spacing:1.6px;text-transform:uppercase;}

  section{padding:60px 0;border-bottom:1px solid var(--line);}
  section:nth-child(even){background:#0c1d33;}
  .sec-num{font-family:'Courier New',monospace;color:var(--cy);letter-spacing:2px;font-size:.8rem;}
  h2{font-weight:800;font-size:1.9rem;color:#fff;margin:8px 0 6px;letter-spacing:.5px;}
  h2 b{color:var(--cy);}
  .lead{color:var(--mu);font-size:1rem;max-width:760px;margin:0 auto 30px;text-align:center;}
  h3{font-weight:700;color:#fff;margin:0 0 16px;font-size:1.02rem;}

  /* Concept */
  .conceptwrap{display:flex;gap:40px;flex-wrap:wrap;align-items:center;}
  .conceptwrap .txt{flex:1 1 420px;}
  .conceptmedia{flex:1 1 360px;min-height:280px;border-radius:12px;overflow:hidden;border:1px solid var(--line);box-shadow:0 20px 50px rgba(0,0,0,.28);background:url('heliboat-cockpit.png') center/cover no-repeat;}
  .chipwrap{display:flex;gap:14px;margin-top:24px;flex-wrap:wrap;}
  .chip{background:var(--pan);border:1px solid var(--line);border-radius:10px;padding:14px 20px;text-align:center;}
  .chip .v{color:var(--cy);font-weight:800;font-size:1.4rem;font-family:'Courier New',monospace;}
  .chip .l{color:var(--mu);font-size:.68rem;margin-top:4px;}

  /* KPI grid */
  .kpigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:40px;}
  .kpi{background:linear-gradient(160deg,var(--pan2),var(--pan));border:1px solid var(--line);border-top:2px solid var(--cy);padding:24px 18px;text-align:center;border-radius:8px;}
  .kpi .v{font-weight:800;font-size:2.1rem;color:var(--cy);}
  .kpi .v span{font-size:1rem;color:var(--mu);margin-left:3px;}
  .kpi .l{font-size:.68rem;letter-spacing:1.5px;color:var(--mu);text-transform:uppercase;margin-top:6px;}

  /* Grids of cards (advantages, use cases, tech, engineering) */
  .cardgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
  .icard{background:var(--pan);border:1px solid var(--line);border-radius:10px;padding:22px;}
  .icard .ibadge{width:46px;height:46px;border-radius:9px;background:rgba(0,212,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:14px;flex-shrink:0;}
  .icard .ibadge svg{width:24px;height:24px;color:var(--cy);}
  .icard h4{color:#fff;font-size:1rem;margin-bottom:8px;}
  .icard p{color:var(--mu);font-size:.88rem;margin:0;}
  .icard.center{text-align:center;}
  .icard.center .ibadge{margin:0 auto 14px;}
  .icard code{display:block;font-size:.72rem;color:var(--cy);font-family:'Courier New',monospace;margin-top:2px;}

  /* Tech grid (compact tiles) */
  .techgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;}
  .techtile{background:var(--pan);border:1px solid var(--line);border-radius:10px;padding:20px 14px;text-align:center;}
  .techtile .ibadge{width:44px;height:44px;border-radius:50%;background:rgba(0,212,255,.1);display:flex;align-items:center;justify-content:center;margin:0 auto 12px;}
  .techtile .ibadge svg{width:22px;height:22px;color:var(--cy);}
  .techtile .l{font-size:.84rem;color:#e6ecf5;font-weight:600;}

  /* Spec panels */
  .specgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;}
  .specpanel{background:var(--pan);border:1px solid var(--line);border-radius:10px;padding:22px;}
  .specpanel h3{display:flex;align-items:center;gap:8px;}
  .specpanel h3 svg{width:18px;height:18px;color:var(--cy);}
  .specrow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.06);font-size:.86rem;}
  .specrow:last-child{border-bottom:none;}
  .specrow .lbl{color:var(--mu);}
  .specrow .val{color:#fff;font-family:'Courier New',monospace;font-size:.8rem;text-align:right;}

  /* Mode vs (air/boat) */
  .modewrap{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
  .vsbadge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;width:52px;height:52px;border-radius:50%;background:var(--noir);border:1px solid rgba(0,212,255,.4);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--cy);font-size:1rem;box-shadow:0 0 20px rgba(0,212,255,.25);}
  .modecard{background:var(--pan);border:1px solid var(--line);border-radius:10px;padding:26px;}
  .modecard.air{border-top:2px solid var(--cy);}
  .modecard.boat{border-top:2px solid var(--mu);}
  .modehead{display:flex;align-items:center;gap:12px;margin-bottom:20px;}
  .modehead .ibadge{width:46px;height:46px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
  .modecard.air .ibadge{background:rgba(0,212,255,.1);}
  .modecard.boat .ibadge{background:rgba(147,167,194,.12);}
  .modehead svg{width:22px;height:22px;}
  .modecard.air svg{color:var(--cy);}
  .modecard.boat svg{color:var(--mu);}
  .modehead h4{color:#fff;font-size:1.15rem;}
  .modehead .sub{color:var(--mu);font-size:.74rem;}

  /* Tables */
  table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.84rem;}
  th{background:#0a1a2e;color:var(--cy);text-align:left;padding:11px 13px;border-bottom:2px solid var(--cy);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;}
  td{padding:10px 13px;border-bottom:1px solid var(--line);vertical-align:top;}
  tr:hover td{background:#0e2038;}
  .cmptable th.hl{color:var(--cy);background:#0a2338;}
  .cmptable td.hl{background:rgba(0,212,255,.05);font-weight:600;}
  .cmptable td.emo{text-align:center;font-size:1.1rem;}

  /* Bar charts */
  .barrow{display:flex;align-items:center;gap:14px;margin-bottom:12px;}
  .barlabel{width:150px;flex-shrink:0;font-size:.84rem;color:#cfd8e3;}
  .bartrack{flex:1;background:#0a1626;border:1px solid var(--line);height:26px;position:relative;overflow:hidden;border-radius:4px;}
  .barfill{height:100%;width:0;background:linear-gradient(90deg,var(--cyd),var(--cy));transition:width 1.6s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;}
  .barfill span{font-size:.72rem;color:#031824;font-weight:700;}
  .barfill.alt{background:linear-gradient(90deg,#42546b,#93a7c2);}

  /* Verdict / callout */
  .verdict{background:#0c2338;border:1px solid var(--cy);border-left:4px solid var(--cy);padding:18px 22px;margin-top:22px;border-radius:0 8px 8px 0;}
  .verdict h4{color:var(--cy);margin-bottom:8px;}
  .verdict p{margin:0;color:#dbe4f0;font-size:.9rem;}

  /* Radar chart */
  .svgbox{background:#0a1626;border:1px solid var(--line);padding:20px;border-radius:8px;overflow-x:auto;}
  .legend{display:flex;gap:22px;flex-wrap:wrap;justify-content:center;margin-top:6px;font-size:.8rem;}
  .legend div{display:flex;align-items:center;gap:8px;}
  .legend i{width:13px;height:13px;display:inline-block;border-radius:3px;}

  /* Sales pitch */
  .salespitch{position:relative;background:linear-gradient(180deg,var(--noir) 0%,rgba(10,22,40,.9) 100%),url('heliboat-hero.webp') center/cover no-repeat;background-blend-mode:multiply;}
  .salespitch .container{max-width:820px;text-align:center;}
  .salespitch .eyebrow{display:inline-block;font-size:.7rem;letter-spacing:3px;color:var(--cy);text-transform:uppercase;background:rgba(0,212,255,.1);padding:6px 16px;border-radius:20px;margin-bottom:18px;}
  .salespitch h2{font-size:2.6rem;margin-bottom:34px;}
  .salespitch p{color:#dbe4f0;font-size:1.02rem;margin-bottom:18px;text-align:left;}
  .salespitch p.big{font-size:1.25rem;font-style:italic;color:#fff;text-align:center;}
  .salespitch .divider{width:64px;height:2px;background:linear-gradient(90deg,var(--cy),transparent);margin:0 auto 26px;}
  .salespitch .callout{background:rgba(0,212,255,.07);border-left:4px solid var(--cy);padding:18px 22px;border-radius:0 8px 8px 0;font-weight:600;color:#fff;}
  .salespitch .cta{text-align:center;font-size:1.6rem;font-weight:800;color:var(--cy);margin-top:14px;}

  footer{padding:44px 0;text-align:center;color:var(--mu);font-size:.8rem;}
  footer .fl{color:#fff;letter-spacing:3px;text-transform:uppercase;font-size:1.1rem;font-weight:800;margin-bottom:6px;}
  footer .fl b{color:var(--cy);}

  @media(max-width:680px){
    header.hero h1{font-size:2.3rem;letter-spacing:1px;}
    .modewrap{grid-template-columns:1fr;}
    .vsbadge{display:none;}
    .cmptable thead tr{display:none;}
    .cmptable tr{display:block;border-bottom:1px solid var(--line);padding:10px 0;}
    .cmptable td{display:block;padding:5px 4px;border:none;text-align:left !important;}
    .cmptable td[data-label]::before{content:attr(data-label);display:block;font-weight:700;color:var(--cy);font-size:.66rem;text-transform:uppercase;letter-spacing:.5px;margin-bottom:2px;}
    .barrow{flex-direction:column;align-items:stretch;gap:5px;}
    .barlabel{width:auto;}
  }