/* Constellation visual language for every page outside the custom homepage. */
:root{
  --ink:#162b4f;
  --ink-2:#223858;
  --body:#52657f;
  --muted:#70819a;
  --faint:#91a2bb;
  --line:#dce6f5;
  --line-soft:#edf2f9;
  --surface-2:#f6f9ff;
  --accent:#3f75ee;
  --accent-strong:#2f65e4;
  --accent-deep:#2358cf;
  --accent-50:#eef4ff;
  --accent-100:#dce8ff;
  --accent-200:#bfd4fc;
  --r-sm:8px;
  --r:10px;
  --r-lg:16px;
  --r-xl:22px;
  --sh-1:0 3px 14px rgba(32,73,130,.055);
  --sh-2:0 12px 34px rgba(38,78,132,.09);
  --sh-3:0 24px 65px rgba(23,57,101,.13);
  --ff:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --ff-mono:"Geist Mono",ui-monospace,SFMono-Regular,monospace;
  --fs-display:clamp(3.3rem,1.7rem + 4.6vw,5.7rem);
  --fs-h1:clamp(2.55rem,1.65rem + 3vw,4.5rem);
  --fs-h2:clamp(2rem,1.4rem + 1.8vw,3.35rem);
}
body{background:#fcfdff;color:var(--body);font-feature-settings:"cv05" 1,"ss03" 1;overflow-x:clip}
main{overflow:clip}
h1,h2,h3,h4,h5{color:var(--ink);font-weight:500;letter-spacing:-.04em}
h1{letter-spacing:-.058em;line-height:1.03}
h2{letter-spacing:-.045em;line-height:1.07}
p{line-height:1.68}
a{color:var(--accent-deep)}

/* Floating enterprise navigation */
.site-header{top:12px;width:calc(100% - 32px);max-width:1220px;margin:15px auto 0;background:rgba(255,255,255,.9);border:1px solid var(--line)!important;border-radius:18px;box-shadow:0 6px 28px rgba(38,69,114,.045);backdrop-filter:saturate(170%) blur(18px);-webkit-backdrop-filter:saturate(170%) blur(18px)}
.site-header[data-scrolled]{box-shadow:0 12px 38px rgba(31,66,116,.11)}
.site-header__inner{min-height:70px;padding-inline:26px;gap:22px}
.brand{gap:0;font-size:29px;font-weight:700;letter-spacing:-1.9px;color:var(--ink)}
.brand__mark{display:none}
.brand__name{text-transform:lowercase}
.brand__name::after{content:".";color:var(--accent)}
.nav__list{gap:1px}
.nav__item>a{padding:9px 10px;border-radius:8px;color:#526887;font-size:13px}
.nav__item>a:hover,.nav__item[data-current]>a{background:var(--accent-50);color:var(--accent-deep)}
.subnav{top:calc(100% + 13px);min-width:270px;padding:9px;border-radius:15px;border-color:#dce7f7;box-shadow:var(--sh-3)}
.subnav a{padding:11px 13px;border-radius:8px;color:#526887;font-size:13px}
.site-header__cta{gap:16px}
.site-header__cta .btn--ghost{color:#536b8c}
.site-header__cta .btn--primary{padding-inline:19px}
.burger{border-radius:11px;border-color:#dce6f5}

/* Typography, hero atmosphere and section rhythm */
.kicker{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;color:#5274a2;font-family:var(--ff-mono);font-size:11px;font-weight:500;letter-spacing:.11em}
.kicker::before{content:"";width:6px;height:6px;border-radius:50%;background:#6090ef;box-shadow:0 0 0 4px rgba(96,144,239,.08)}
.hero,.pagehead{background:radial-gradient(ellipse at 50% 80%,rgba(214,231,255,.52) 0,rgba(238,245,255,.28) 42%,transparent 74%)}
.hero::before{background-image:radial-gradient(circle at center,rgba(93,137,221,.2) 1px,transparent 1.4px);background-size:28px 28px;opacity:.48}
.hero{padding-top:clamp(72px,8vw,118px)}
.hero__inner{max-width:880px}
.hero h1,.pagehead h1{max-width:940px}
.hero h1{margin-bottom:27px}
.hero .lead,.pagehead .lead{color:#687c99;line-height:1.7}
.pagehead{padding-block:clamp(70px,7vw,106px) clamp(58px,6vw,88px);border-bottom-color:var(--line)}
.pagehead__inner{max-width:920px}
.pagehead .lead{font-size:clamp(1.06rem,.99rem + .35vw,1.28rem)}
.section{padding-block:clamp(70px,7vw,104px)}
.section--soft{background:linear-gradient(145deg,#f8faff,#f1f6ff)}
.section--ruled{border-color:var(--line)}
.sec-head{margin-bottom:clamp(34px,4vw,55px)}
.sec-head p{color:#71829a}
.eyebrow{border-radius:999px;background:#eef4ff;border-color:#dce8ff;color:#3769c3}

/* Shared surfaces */
.answer{border-color:#d8e6fb;background:linear-gradient(145deg,#f5f9ff,#edf4ff);border-radius:18px;box-shadow:0 16px 45px rgba(50,90,148,.055)}
.card,.tier,.mock,.aside-card,.demo-form,.demo-aside,.tok__panel,.tok__out,.calc{border-color:var(--line);border-radius:18px;box-shadow:var(--sh-1)}
.card{padding:clamp(25px,3vw,36px)}
a.card:hover{border-color:#bed3f7;box-shadow:0 18px 45px rgba(39,79,134,.1);transform:translateY(-4px)}
.card__num,.icon-badge{background:#eef4ff;border-color:#dce8ff;color:#366ddb;border-radius:10px}
.stats{border-radius:18px;border-color:var(--line);background:var(--line)}
.stat{background:rgba(255,255,255,.95)}
.step{border-top-width:1px}
.step[data-active]{border-top-color:var(--accent)}
.compare-wrap{border-radius:18px;border-color:var(--line);box-shadow:var(--sh-1)}
.compare thead th{background:#f3f7fe}
.compare .is-us{background:#edf4ff}
.tier--featured{background:linear-gradient(165deg,#edf4ff 0,#fff 48%);box-shadow:var(--sh-2)}
.callout,.tldr{border-left:1px solid #d6e5fb;border-radius:16px;background:#f3f7fe;box-shadow:var(--sh-1)}
.pull,.cta-inline{border-color:#dce7f8;border-radius:22px;background:linear-gradient(145deg,#f6f9ff,#edf4ff)}
.faq{border-top-color:var(--line)}
.faq details{border-bottom-color:var(--line)}
.faq summary{padding-block:27px;font-weight:500}
.faq__a{font-size:1rem;color:#61738e}
input,textarea,select{border-color:var(--line)!important;border-radius:10px!important;background:#fff!important;color:var(--ink)!important}
input:focus,textarea:focus,select:focus{border-color:#8fb1f1!important;box-shadow:0 0 0 4px rgba(63,117,238,.1)!important}

/* Calls to action */
.btn{border-radius:999px;min-height:46px;padding:13px 21px}
.btn--primary{background:linear-gradient(135deg,#3469e8,#416ff0);box-shadow:0 7px 18px rgba(47,101,228,.18)}
.btn--primary:hover{background:#275bd5;box-shadow:0 10px 24px rgba(47,101,228,.25);transform:translateY(-2px)}
.btn--secondary{border-color:#cedaeb;background:rgba(255,255,255,.78)}
.cta-banner{border-color:var(--line);background:radial-gradient(ellipse at 50% 100%,#dce8ff 0,transparent 68%),#f5f8ff}
.cta-banner__inner{max-width:760px}
.cta-banner h2{font-size:clamp(2.25rem,1.5rem + 2.5vw,4.2rem);letter-spacing:-.055em}

/* Footer */
.site-footer{margin-top:0;border-color:var(--line);background:linear-gradient(180deg,#fff,#f8faff)}
.site-footer__grid{max-width:1320px}
.site-footer__brand p{color:#71829a}
.site-footer__col h2{font-family:var(--ff-mono);font-size:11px;font-weight:500;color:#526b8e}
.site-footer__col a,.site-footer__bar,.site-footer__bar a{color:#71829a}

@media(max-width:1080px){
  .site-header{top:8px;width:calc(100% - 24px);margin-top:10px}
  .site-header__inner{min-height:66px;padding-inline:18px}
  .mobile-nav{position:absolute;top:calc(100% + 10px);left:0;right:0;border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-3);max-height:calc(100dvh - 110px)}
}
@media(max-width:640px){
  :root{--gutter:20px}
  .brand{font-size:25px}
  .pagehead{padding-top:60px}
  .hero{padding-top:62px}
  .card,.tier{border-radius:15px}
  .section{padding-block:64px}
  .tok__tabs{gap:18px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}
  .tok__tabs::-webkit-scrollbar{display:none}
}
@media(prefers-reduced-motion:reduce){.btn--primary:hover,a.card:hover{transform:none}}