:root{
  --bg:#0b0f19;--panel:#121827;--panel-2:#182033;--blue:#4b7cff;--cyan:#68e1fd;--text:#f8fbff;--muted:#95a3b8;--line:rgba(255,255,255,.1);--shadow:0 24px 80px rgba(0,0,0,.35);--radius:24px;--max:1180px;
}

.nav-workspace {
  padding: 12px 20px;
  color: #fff !important;
  box-shadow: 0 14px 36px rgba(75,124,255,.32);
}

.nav-workspace:hover {
  color: #fff !important;
  box-shadow: 0 22px 56px rgba(75,124,255,.42);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden}a{color:inherit;text-decoration:none}p{color:var(--muted);line-height:1.75}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-bg{position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 20% 10%,rgba(75,124,255,.16),transparent 34%),radial-gradient(circle at 82% 20%,rgba(104,225,253,.12),transparent 28%),linear-gradient(180deg,#0b0f19,#090d16 58%,#070a12)}.orb{position:absolute;border-radius:999px;filter:blur(58px);opacity:.55}.orb-blue{width:420px;height:420px;background:#4b7cff;left:-120px;top:140px}.orb-cyan{width:360px;height:360px;background:#68e1fd;right:-140px;top:80px}.grid-glow{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%)}
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:18px 0;border-bottom:1px solid transparent;transition:.3s ease}.navbar.scrolled{padding:12px 0;background:rgba(11,15,25,.76);backdrop-filter:blur(18px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.2px}.brand-mark{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;box-shadow:0 12px 36px rgba(75,124,255,.35)}.brand-mark span{font-size:21px;color:white}.brand-text{font-size:21px}.nav-menu{display:flex;align-items:center;gap:28px}.nav-menu a{font-size:14px;color:#d7deec;transition:.2s}.nav-menu a:hover{color:var(--cyan)}.nav-login{padding:10px 14px;border:1px solid var(--line);border-radius:999px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:999px;padding:12px 20px;font-weight:700;transition:.25s ease;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;box-shadow:0 14px 36px rgba(75,124,255,.32)}.btn-primary:hover{box-shadow:0 22px 56px rgba(75,124,255,.42)}.btn-ghost{background:rgba(255,255,255,.06);border-color:var(--line);color:#eef4ff}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(104,225,253,.35)}.btn-lg{padding:15px 24px}.menu-toggle{display:none;background:transparent;border:0;width:42px;height:42px}.menu-toggle span{display:block;height:2px;background:white;margin:7px 4px;border-radius:999px;transition:.25s}.menu-toggle.active span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}
.hero{position:relative;min-height:100vh;padding:156px 0 84px;display:flex;align-items:center}.particle-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.8}.hero-inner{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow,.section-kicker{display:inline-flex;align-items:center;gap:8px;padding:8px 13px;border:1px solid rgba(104,225,253,.26);background:rgba(104,225,253,.08);color:#a9f3ff;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-size:clamp(46px,7vw,92px);line-height:.96;margin:24px 0 24px;letter-spacing:-.07em}.hero h1 span{background:linear-gradient(135deg,#fff 10%,var(--cyan) 48%,var(--blue));-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px;max-width:680px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.hero-actions.center{justify-content:center}.trust-line{margin-top:24px;color:#aebad0;font-size:14px}.trust-line i{color:var(--cyan);margin-right:8px}.hero-panel{background:linear-gradient(180deg,rgba(18,24,39,.85),rgba(18,24,39,.58));border:1px solid rgba(255,255,255,.13);border-radius:30px;box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden;transform:perspective(900px) rotateY(-5deg)}.panel-top{height:54px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.04)}.panel-top span{width:11px;height:11px;border-radius:50%;background:#47536b}.panel-top p{margin-left:auto;font-size:13px;color:#cad5e8}.ai-window{padding:26px}.prompt-row{display:flex;gap:13px;margin-bottom:18px;padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.05)}.prompt-row i{color:var(--cyan)}.prompt-row p{margin:0}.prompt-row.ai{background:linear-gradient(135deg,rgba(75,124,255,.12),rgba(104,225,253,.08))}.model-stack{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.model-stack span,.partner-grid div{padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid var(--line);color:#dce7ff;font-weight:800}.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:10px}.hero-stats article{padding:22px;border-radius:22px;background:rgba(18,24,39,.7);border:1px solid var(--line);backdrop-filter:blur(12px);transition:.25s}.hero-stats article:hover,.feature-card:hover,.security-card:hover,.price-card:hover{transform:translateY(-6px);border-color:rgba(104,225,253,.34);box-shadow:0 24px 60px rgba(0,0,0,.24)}.hero-stats strong{display:block;font-size:31px}.hero-stats span{color:var(--muted)}
.section{padding:94px 0}.section-header{text-align:center;max-width:760px;margin:0 auto 42px}.section-header.align-left{text-align:left;margin:0}.section-header h2{font-size:clamp(32px,4.6vw,56px);line-height:1.05;margin:18px 0 12px;letter-spacing:-.04em}.partners{padding:56px 0}.partner-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px;margin-top:22px}.partner-grid div{text-align:center;color:#f4f8ff;filter:saturate(.92)}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-card,.security-card,.price-card{position:relative;padding:28px;border-radius:var(--radius);background:linear-gradient(180deg,rgba(18,24,39,.92),rgba(18,24,39,.62));border:1px solid var(--line);transition:.28s ease;overflow:hidden}.feature-card:before,.price-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(104,225,253,.12),transparent 35%);opacity:0;transition:.25s}.feature-card:hover:before,.price-card:hover:before{opacity:1}.feature-card i,.security-card i{font-size:25px;color:var(--cyan);width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:rgba(104,225,253,.09);border:1px solid rgba(104,225,253,.2)}.feature-card h3,.security-card h3,.price-card h3{font-size:21px;margin:22px 0 10px}.infra-section{background:linear-gradient(180deg,rgba(18,24,39,.36),rgba(11,15,25,0))}.infra-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center}.infra-map{min-height:420px;border-radius:32px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(75,124,255,.18),transparent 36%),rgba(18,24,39,.56);position:relative;overflow:hidden}.infra-map:before{content:"";position:absolute;inset:32px;border:1px dashed rgba(104,225,253,.22);border-radius:50%;animation:spin 18s linear infinite}.node{position:absolute;width:14px;height:14px;border-radius:50%;background:var(--cyan);box-shadow:0 0 34px var(--cyan)}.node-1{top:22%;left:24%}.node-2{top:28%;right:22%}.node-3{bottom:24%;left:31%}.node-4{bottom:30%;right:28%}.pulse-ring{position:absolute;inset:38%;border-radius:50%;border:1px solid rgba(104,225,253,.4);animation:pulse 2.8s infinite}.core-chip{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:16px 18px;border-radius:18px;background:rgba(11,15,25,.82);border:1px solid rgba(104,225,253,.34);box-shadow:0 20px 70px rgba(75,124,255,.25);font-weight:800}.infra-cards{margin-top:22px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.price-card{padding:32px}.price-card.featured{border-color:rgba(104,225,253,.5);transform:scale(1.03);box-shadow:0 24px 90px rgba(75,124,255,.18)}.tag{display:inline-flex;padding:7px 11px;border-radius:999px;background:rgba(104,225,253,.12);color:#a9f3ff;font-size:12px;font-weight:900;text-transform:uppercase}.price{font-size:52px;font-weight:900;letter-spacing:-.06em;margin:16px 0}.price-card ul{list-style:none;padding:0;margin:24px 0}.price-card li{padding:9px 0;color:#c9d4e7}.price-card li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:9px}.full{width:100%}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.cta-box{text-align:center;padding:58px 30px;border-radius:34px;background:linear-gradient(135deg,rgba(75,124,255,.22),rgba(104,225,253,.1));border:1px solid rgba(104,225,253,.28);box-shadow:var(--shadow)}.cta-box h2{font-size:clamp(32px,4.8vw,58px);margin:0 0 10px;letter-spacing:-.05em}.footer{padding:62px 0 52px;border-top:1px solid var(--line);background:#080b13}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr 1fr;gap:32px}.footer a,.footer p{display:block;color:#8f9db4;margin:10px 0}.footer h4{margin:0 0 14px}.footer-brand{margin-bottom:16px;color:white!important}.reveal{opacity:0;transform:translateY(26px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.8);opacity:0}}
.pricing-grid-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.free-card {
  border: 1px solid rgba(104, 225, 253, 0.22);
  background: linear-gradient(180deg, rgba(18, 24, 39, 0.92), rgba(11, 15, 25, 0.96));
}

.popular-tag.subtle {
  background: rgba(104, 225, 253, 0.12);
  color: #68e1fd;
  border: 1px solid rgba(104, 225, 253, 0.22);
}

.price-card h2 span {
  font-size: 15px;
  color: #94a3b8;
  font-weight: 500;
}

@media (max-width: 1180px) {
  .pricing-grid-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .pricing-grid-4 {
    grid-template-columns: 1fr;
  }
}

/* Phase 2.5 small account avatar */
.account-mini{width:40px;height:40px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff!important;display:inline-flex;align-items:center;justify-content:center;font-weight:900;box-shadow:0 12px 36px rgba(75,124,255,.35);border:0!important;padding:0!important}


/* VastLinkAI CSS Fix Pack
   - Safari grid mask compatibility
   - Stronger V logo rendering
   - Prevent duplicated pricing hover/featured conflicts
   - Improve mobile brand/nav safety
*/

.grid-glow{
  -webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 78%);
}

.brand-mark span{
  font-weight:900;
  line-height:1;
}

.price-card.featured:hover{
  transform:translateY(-8px);
}

.pricing-grid-4 .price-card.featured{
  transform:none;
}

@media (min-width:1101px){
  .pricing-grid-4 .price-card.featured{
    transform:translateY(-10px);
  }

  .pricing-grid-4 .price-card.featured:hover{
    transform:translateY(-16px);
  }
}

@media (max-width:760px){
  .brand-text{
    font-size:19px;
  }

  .nav-inner{
    gap:14px;
  }

  .brand-mark{
    width:38px;
    height:38px;
    border-radius:13px;
  }
}

/* 4.9.3.1 CSS-only mobile polish for shared checkout surfaces */
@media (max-width:680px){
  .checkout-lang{
    justify-content:stretch !important;
  }

  .checkout-lang .language-selector,
  .checkout-lang .language-select-button{
    width:100% !important;
  }

  .checkout-box{
    padding:22px 16px !important;
  }

  .checkout-head{
    margin-bottom:18px !important;
  }

  .plan-grid{
    gap:12px !important;
  }

  .plan-card{
    padding:20px !important;
    gap:12px !important;
  }

  .plan-card ul{
    margin-top:2px !important;
    line-height:1.65 !important;
  }
}

html[dir="rtl"] .price-card li:before{
  margin-right:0;
  margin-left:9px;
}

html[dir="rtl"] .checkout-lang{
  justify-content:flex-start !important;
}
