.btn{display:inline-flex;align-items:center;gap:8px;font-size:.93rem;font-weight:600;
      border-radius:99px;padding:14px 28px;transition:all var(--ease);cursor:pointer}
    .btn svg{width:17px;height:17px;flex-shrink:0}
    .btn-primary{background:var(--cta);color:#fff;box-shadow:0 4px 20px rgba(37,99,235,.35)}
    .btn-primary:hover{background:var(--cta-h);transform:translateY(-2px);box-shadow:0 8px 28px rgba(37,99,235,.5)}
    .btn-outline{background:transparent;color:var(--t1);border:1.5px solid var(--border2)}
    .btn-outline:hover{background:var(--surf2);border-color:var(--cta);transform:translateY(-2px)}

    /* ── NAVBAR ──────────────────────────────────────────── */
    #navbar{position:fixed;top:15px;left:50%;transform:translateX(-50%);
      width:min(1192px,calc(100% - 40px));z-index:1000;
      background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
      border:1px solid var(--border);border-radius:var(--radius-lg);
      padding:9px 22px;display:flex;align-items:center;justify-content:space-between;
      transition:all var(--ease);box-shadow:0 8px 30px rgba(2,16,36,.06)}
    #navbar.scrolled{box-shadow:var(--shadow)}
    .nav-logo{display:flex;align-items:center;gap:10px}
    .nav-logo svg{width:34px;height:34px}
    .nav-brand-image{display:block;width:260px;height:60px;object-fit:contain;object-position:left center}
    .nav-logo-text{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem;color:var(--t1);letter-spacing:-.01em}
    .nav-links{display:flex;align-items:center;gap:4px}
    .nav-links a{font-size:.9rem;font-weight:600;color:var(--t2);padding:8px 13px;border-radius:99px;transition:all var(--ease)}
    .nav-links a:hover,.nav-links a.active{color:var(--cta);background:rgba(37,99,235,.08)}
    .nav-item{position:relative}
    .nav-submenu{position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%,8px);
      min-width:190px;padding:8px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.96);
      box-shadow:var(--shadow);opacity:0;pointer-events:none;transition:opacity var(--ease),transform var(--ease)}
    .nav-item:hover .nav-submenu,.nav-item:focus-within .nav-submenu{opacity:1;pointer-events:auto;transform:translate(-50%,0)}
    .nav-submenu a{display:flex;width:100%;padding:10px 12px;border-radius:12px;white-space:nowrap}
    .nav-right{display:flex;align-items:center;gap:10px}
    #navbar .btn{min-height:48px;padding:0 25px!important;font-size:.93rem!important}
    .hamburger{display:none;flex-direction:column;gap:5px;padding:6px}
    .hamburger span{display:block;width:21px;height:2px;background:var(--t1);border-radius:2px;transition:all var(--ease)}
    #mob-menu{display:none;position:fixed;inset:0;z-index:999;background:var(--bg);
      flex-direction:column;align-items:center;justify-content:center;gap:28px}
    #mob-menu.open{display:flex}
    #mob-menu a{font-size:1.4rem;font-weight:600;color:var(--t1)}
    .mob-x{position:absolute;top:20px;right:20px;width:44px;height:44px;border-radius:50%;
      background:var(--surf2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}
    .mob-x svg{width:20px;height:20px;stroke:var(--t1)}