@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz@0,14..32;1,14..32&display=swap');
#site-header{position:sticky;top:0;z-index:10;}
/* ─── TOKENS ─────────────────────────────────────────── */
:root{
  --mint:#1BBF9C; --mint-10:rgba(27,191,156,.10); --mint-20:rgba(27,191,156,.20);
  --mint-40:rgba(27,191,156,.40); --teal:#02A1B7; --amber:#F5A623;
  --navy:#0F1520; --navy-2:#1A1F2E;
  --bg:#FFFFFF; --bg-alt:#F8FAFB; --bg-soft:#E8F7F3;
  --text:#2A2A36; --text-2:#6B6B78; --text-3:#9EA3AD;
  --border:#E5E7EB; --border-2:#F0F2F4;
  --shadow-sm:0 1px 3px rgba(15,21,32,.06),0 1px 2px rgba(15,21,32,.04);
  --shadow-md:0 4px 16px rgba(15,21,32,.08),0 1px 4px rgba(15,21,32,.04);
  --shadow-lg:0 20px 60px rgba(15,21,32,.12);
  --r:16px; --r-sm:8px; --r-xs:6px;
  --max:1180px; --mono:'JetBrains Mono',monospace;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Inter',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.6;display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;justify-content:space-between;-webkit-justify-content:space-between;min-height:100vh}
main{margin-bottom:auto}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}

/* ─── TYPE ───────────────────────────────────────────── */
h1{font-size:clamp(48px,6vw,76px);font-weight:700;line-height:1.05;letter-spacing:-0.025em}
h2{font-size:clamp(34px,4vw,52px);font-weight:700;line-height:1.1;letter-spacing:-0.02em}
h3{font-size:clamp(20px,2vw,26px);font-weight:600;line-height:1.25}
h4{font-size:17px;font-weight:600;line-height:1.35}
.eyebrow{font-size:13px;font-weight:500;color:var(--text-2);display:inline-flex;align-items:center}
.eyebrow::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#1BBF9C;margin-right:8px;flex-shrink:0}
.eyebrow.no-dot::before{display:none}
.ml-vs{font-size:14px;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#6B6B78}
.mono{font-family:var(--mono)}

/* ─── LAYOUT ─────────────────────────────────────────── */
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.section{padding:96px 0}
.section-alt{background:var(--bg-alt)}
.section-header{text-align:center;max-width:680px;margin:0 auto 60px}
.section-header h2{margin-bottom:14px}
.section-header p{color:var(--text-2);font-size:18px}

/* ─── BUTTONS ────────────────────────────────────────── */
.btn{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;height:48px;padding:0 22px;border-radius:10px;transition:all .15s;white-space:nowrap}
.btn-mint{background:var(--mint);color:#fff}
.btn-mint:hover{background:#18aa8c;box-shadow:0 4px 16px rgba(27,191,156,.35)}
.btn-outline{background:transparent;color:var(--text);border:1.5px solid var(--border)}
.btn-outline:hover{border-color:var(--text-2)}
.btn-dark{background:var(--text);color:#fff}
.btn-dark:hover{background:#3a3a48}
.btn-lg{height:52px;padding:0 28px;font-size:16px}
.btn-text{background:none;color:var(--mint);font-size:14px;font-weight:600;height:auto;padding:0;border-radius:0}
.btn-text:hover{opacity:.75}

/* ─── NAV ─────────────────────────────────────────────── */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:box-shadow .2s}
.nav.scrolled{box-shadow:var(--shadow-sm)}
.nav-inner{display:flex;align-items:center;height:64px;gap:20px}
.nav-logo img{height:32px;width:auto}
.nav-links{margin:0 auto}
.nav-links>div>.menu{display:flex;align-items:center;gap:28px;}
.nav-links a{font-size:14px;font-weight:500;color:var(--text-2);transition:color .15s}
.nav-links a:hover{color:var(--text)}
.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav .lang-toggle{display:flex;background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;padding:2px;gap:2px}
.nav .lang-item{font-size:12px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:6px;color:var(--text-2);transition:all .15s}
.nav .lang-item.current-lang{background:#fff;color:var(--mint);box-shadow:var(--shadow-sm)}
.nav-login{font-size:14px;font-weight:500;color:var(--text-2)}
.nav-login:hover{color:var(--text)}
.hamburger{display:none;flex-direction:column;gap:5px;padding:8px}
.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px;transition:all .2s}
.mobile-nav{display:none;border-top:1px solid var(--border);background:#fff;padding:16px 28px 24px;flex-direction:column;gap:1px}
.mobile-nav.open{display:flex}
.mobile-nav a:not(.header-btn){display:block;padding:11px 0;font-size:15px;font-weight:500}
.mobile-nav li a{border-bottom:1px solid var(--border-2);color:var(--text)}

.current-menu-item a{color:var(--mint)}
.header-btn{text-align:center;justify-content:center;-webkit-justify-content:center}

/* ─── FOOTER (reused from landing) ───────────────────── */
.site-footer{background:var(--navy);border-top:1px solid rgba(255,255,255,.06);padding:56px 0 32px;color:rgba(255,255,255,.55)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px}
.footer-brand img{height:28px;margin-bottom:14px}
.footer-brand p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.4)}
.footer-col h5{font-size:12px;font-weight:700;color:rgba(255,255,255,.85);letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.footer-col a{display:block;font-size:14px;color:rgba(255,255,255,.45);margin-bottom:10px;transition:color .15s}
.footer-col a:hover{color:var(--mint)}

.footer-dots{display:flex;justify-content:center;gap:12px;padding:24px 0}
.footer-dots span{width:8px;height:8px;border-radius:50%;background:#1BBF9C;display:block}

.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:28px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;flex-wrap:wrap}
footer .footer-lang{display:flex;gap:4px}
footer .lang-item{font-size:12px;text-transform:uppercase;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,255,255,.15);color:rgba(255,255,255,.4);transition: all .15s}
footer .lang-item.current-lang{border-color:var(--mint);color:var(--mint)}

@media screen and (max-width:991.98px) {
  .nav-inner .nav-links .menu,
  .header-btn--desktop {
    display:none;
  }
  .hamburger {
    display: flex;
  }
  .hamburger.open span:nth-child(2) {
    width: 0;
    margin-left: 10px;
  }
  .hamburger.open span:nth-child(1){
    transform: rotate(45deg) translate(5px,5px);
  }
  .hamburger.open span:nth-child(3){
    transform: rotate(-45deg) translate(5px,-5px);
  }
}
@media screen and (max-width:767.98px) {
  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .footer-brand {
    grid-column: 1 / 4;
    text-align: center;
  }
  .footer-brand img {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width:575.98px) {
  .footer-grid {
    grid-template-columns: 1fr;
  }
  .footer-brand {
    grid-column: 1 / 2;
  }
  .footer-col--menu,
  .footer-bottom {
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    text-align: center;
  }
  .footer-col--menu {
    flex-direction: column;
    -webkit-flex-direction: column;
  }
  .footer-bottom {
    flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
  }
}