@font-face{ font-family:'Gilroy'; src:url('vendor/fonts/Gilroy-Extrabold.ttf') format('truetype'); font-weight:800; font-display:swap; }
  :root{ --bg:#000; --fg:#fff; --dim:#8a8f98; --line:rgba(255,255,255,.14); --accent:#fb8b1e; }
  *{ box-sizing:border-box; margin:0; padding:0; }
  html,body{ background:var(--bg); color:var(--fg); min-height:100%; }
  body{ font-family:'Gilroy','Helvetica Neue',Arial,sans-serif; overflow-x:hidden; -webkit-font-smoothing:antialiased; }
  header{ position:fixed; top:0; left:0; right:0; z-index:10; display:flex; align-items:center; justify-content:space-between; padding:22px clamp(16px,4vw,56px); }
  .logo img{ height:34px; display:block; }
  .nav{ position:absolute; inset-inline-start:clamp(150px,16vw,230px); top:0; bottom:0; display:flex; align-items:center; }
  .nav-item{ position:static; }
  .nav-btn{ background:none; border:0; color:#fff; font-family:'Gilroy',Arial,sans-serif; font-weight:800; font-size:15px; display:flex; align-items:center; gap:8px; padding:12px 14px; cursor:pointer; border-radius:6px; }
  .nav-btn:hover,.nav-btn[aria-expanded=true]{ background:rgba(255,255,255,.08); }
  .nav-btn i{ width:6px; height:6px; border-right:1.5px solid #fff; border-bottom:1.5px solid #fff; transform:rotate(45deg) translateY(-2px); transition:transform .2s; }
  .nav-btn[aria-expanded=true] i{ transform:rotate(225deg) translateY(-2px); }
  .mega{ position:fixed; left:clamp(16px,4vw,56px); right:clamp(16px,4vw,56px); top:76px; background:rgba(8,8,8,.98); border:1px solid rgba(255,255,255,.16); border-radius:10px; padding:14px; overflow-y:auto; display:none; grid-template-columns:repeat(4,1fr); gap:4px; box-shadow:0 30px 80px rgba(0,0,0,.7), 0 0 60px rgba(251,139,30,.08); backdrop-filter:blur(14px); max-height:calc(100vh - 100px); overflow:auto; }
  .mega.open{ display:grid; animation:mg .18s ease; }
  @keyframes mg{ from{ opacity:0; transform:translateY(-6px); } to{ opacity:1; transform:none; } }
  .mitem{ display:block; text-decoration:none; padding:16px 18px; border-radius:8px; border:1px solid transparent; transition:background .15s,border-color .15s; }
  .mitem b{ display:block; font-size:15px; color:#fff; letter-spacing:.3px; text-transform:uppercase; margin-bottom:5px; }
  .mitem span{ display:block; font-family:'Helvetica Neue',Arial,sans-serif; font-size:12.5px; line-height:1.45; color:var(--dim); }
  .mitem:hover{ background:rgba(251,139,30,.07); border-color:rgba(251,139,30,.35); }
  .mitem:hover b{ color:var(--accent); }
  .hright{ display:flex; align-items:center; gap:12px; }
  .langwrap{ position:relative; }
  .langwrap::after{ content:''; position:absolute; inset-inline-end:13px; top:50%; width:6px; height:6px; margin-top:-5px; border-right:1.5px solid #fff; border-bottom:1.5px solid #fff; transform:rotate(45deg); pointer-events:none; }
  #langSel{ appearance:none; -webkit-appearance:none; background:#000; color:#fff; font-family:'Gilroy',Arial,sans-serif; font-weight:800; font-size:14px; height:43px; padding-block:0; padding-inline:14px 34px; border:1px solid rgba(255,255,255,.45); border-radius:6px; cursor:pointer; outline:none; transition:border-color .15s; }
  #langSel:hover,#langSel:focus{ border-color:#fff; }
  #langSel option{ background:#000; color:#fff; }
  .btn-terminal{ background:#fff; color:#000; font-family:'Gilroy',Arial,sans-serif; font-weight:800; font-size:15px; text-decoration:none; padding:11px 26px; border-radius:6px; border:1px solid #fff; transition:transform .15s, background .15s; white-space:nowrap; }
  .btn-terminal:hover{ transform:translateY(-1px); background:#e9e9e9; }
  .hero{ position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; }
  #globe{ position:absolute; inset:0; width:100%; height:100%; cursor:grab; touch-action:pan-y; }
  #globe.drag{ cursor:grabbing; }
  .copy{ position:relative; z-index:2; padding:120px clamp(16px,4vw,56px) 60px; max-width:640px; pointer-events:none; }
  .copy > *{ pointer-events:auto; }
  .eyebrow{ font-size:12px; letter-spacing:3px; text-transform:uppercase; color:var(--accent); margin-bottom:18px; }
  h1{ white-space:nowrap; font-size:clamp(24px,4vw,54px); line-height:1.04; letter-spacing:-1.5px; margin-bottom:20px; }
  .why-mini{ margin-bottom:26px; }
  .why-mini h2{ white-space:nowrap; font-size:clamp(19px,2.2vw,30px); line-height:1.15; letter-spacing:-.5px; margin-bottom:2px; color:#fff; }
  .why-mini p{ margin-top:0; font-family:'Helvetica Neue',Arial,sans-serif; font-size:clamp(14px,1.25vw,16.5px); line-height:1.6; color:#b3b8c0; max-width:600px; }
  .feats{ list-style:none; margin-bottom:34px; }
  .feats li{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:clamp(15px,1.5vw,18px); line-height:1.5; color:#b9bdc4; padding-block:9px; padding-inline:22px 0; position:relative; border-top:1px solid var(--line); }
  .feats li:last-child{ border-bottom:1px solid var(--line); }
  .feats li::before{ content:''; position:absolute; inset-inline-start:2px; top:50%; width:7px; height:7px; margin-top:-3.5px; border-radius:50%; background:var(--accent); box-shadow:0 0 10px var(--accent); }
  .feats b{ color:#fff; }
  .lead{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:clamp(15px,1.5vw,18px); line-height:1.6; color:var(--dim); margin-bottom:32px; max-width:480px; }
  .btn-plans{ display:inline-block; background:transparent; color:#fff; font-family:'Gilroy',Arial,sans-serif; font-weight:800; font-size:16px; text-decoration:none; padding:15px 34px; border-radius:6px; border:1px solid #fff; transition:background .15s,color .15s; }
  .btn-plans:hover{ background:#fff; color:#000; }
  .why{ background:#000; padding:110px clamp(16px,4vw,56px) 100px; text-align:center; position:relative; overflow:hidden; }
  .why::before{ content:''; position:absolute; left:50%; top:50%; width:760px; height:420px; transform:translate(-50%,-50%); background:radial-gradient(closest-side,rgba(251,139,30,.16),rgba(251,139,30,0)); animation:wg 8s ease-in-out infinite alternate; pointer-events:none; }
  @keyframes wg{ from{ transform:translate(-62%,-50%); } to{ transform:translate(-38%,-50%); } }
  .why-in{ position:relative; max-width:1240px; margin:0 auto; }
  .why h2{ white-space:nowrap; font-size:clamp(14px,3.9vw,56px); line-height:1.08; letter-spacing:-1.5px; margin-bottom:24px; }
  .why p{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:clamp(16px,1.7vw,21px); line-height:1.65; color:#b3b8c0; max-width:760px; margin:0 auto; }
  .ins{ background:#000; border-top:1px solid var(--line); padding:90px clamp(16px,4vw,56px) 110px; position:relative; }
  .ins::before{ content:''; position:absolute; left:50%; top:-1px; width:min(900px,80%); height:1px; transform:translateX(-50%); background:linear-gradient(90deg,transparent,var(--accent),transparent); }
  .ins-in{ max-width:1240px; margin:0 auto; }
  .ins h2{ font-size:clamp(26px,3.6vw,46px); letter-spacing:-1px; margin-bottom:14px; }
  .ins-d{ font-family:'Helvetica Neue',Arial,sans-serif; color:var(--dim); font-size:clamp(14px,1.4vw,17px); line-height:1.6; max-width:640px; margin-bottom:40px; }
  .ins-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
  .ins-card{ background:linear-gradient(180deg,#0b0b0b,#050505); border:1px solid var(--line); border-radius:10px; padding:26px; transition:border-color .2s, transform .2s, box-shadow .2s; display:flex; flex-direction:column; }
  .ins-card:hover{ border-color:rgba(251,139,30,.55); transform:translateY(-3px); box-shadow:0 18px 50px rgba(251,139,30,.07); }
  .ins-card h3{ font-size:22px; margin-bottom:6px; }
  .ins-card .cd{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:13px; color:var(--dim); padding-bottom:16px; margin-bottom:10px; border-bottom:1px solid var(--line); }
  .ins-card ul{ list-style:none; margin-bottom:22px; flex:1; }
  .ins-card li{ font-family:'Helvetica Neue',Arial,sans-serif; font-size:14.5px; color:#c9cdd4; padding-block:9px; padding-inline:18px 0; position:relative; }
  .ins-card li::before{ content:''; position:absolute; inset-inline-start:0; top:50%; width:6px; height:6px; margin-top:-3px; border-radius:50%; background:var(--accent); box-shadow:0 0 8px var(--accent); }
  .ins-card a{ align-self:flex-start; background:transparent; color:#fff; font-weight:800; font-size:14px; text-decoration:none; padding:11px 22px; border:1px solid #fff; border-radius:6px; transition:background .15s,color .15s; }
  .ins-card a:hover{ background:#fff; color:#000; }
  @media (max-width:900px){ .ins-grid{ grid-template-columns:1fr; } .ins{ padding-top:60px; } }
  .hint{ position:absolute; z-index:2; bottom:22px; left:0; right:0; text-align:center; font-family:'Helvetica Neue',Arial,sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; color:#555; pointer-events:none; }
  @media (max-width:900px){ header{ flex-wrap:wrap; row-gap:0; } .nav{ position:static; order:3; width:100%; margin-top:6px; } .nav-btn{ padding:8px 10px; margin-inline-start:-10px; } .mega{ top:110px; grid-template-columns:1fr 1fr; } .copy{ padding-top:150px !important; } }
@media (max-width:700px){ .why h2{ white-space:normal; font-size:30px; } }
@media (max-width:560px){ .mega{ grid-template-columns:1fr; } }
@media (max-width:760px){ .copy{ padding-bottom:340px !important; } .logo img{ height:24px; } .hright{ gap:8px; } #langSel{ font-size:12px; padding:0 26px 0 9px; height:40px; } .btn-terminal{ font-size:13px; } .btn-terminal{ padding:11px 18px; } .hero{ align-items:flex-start; } .copy{ padding-top:110px; } }

@media (max-width:760px){ header{ transition:transform .25s ease; } header.hdr-off{ transform:translateY(-130%); } #langSel{ font-size:11px !important; height:32px !important; padding-block:0 !important; padding-inline:8px 22px !important; } .btn-terminal{ font-size:11px !important; padding:7px 12px !important; } .btn-plans{ display:inline-block !important; font-size:12px !important; padding:9px 20px !important; } }

@media (max-width:760px){ .copy{ padding-top:108px !important; } }

.hint{ display:none !important; }