:root{
  --ink:#0A1E3A;--ink-deep:#061428;--cy:#7FD4F5;
  --on-ink:#fff;--on-ink-mid:rgba(255,255,255,.74);--on-ink-low:rgba(255,255,255,.5);--rule-dark:rgba(255,255,255,.14);
  --paper:#F5F4F0;--surface:#fff;--subtle:#EFEDE8;--text:#18181A;--muted:#64635E;--faint:#6E6D68;
  --border:#E4E3DC;--border-strong:#C8C6BE;--navy:#1B3A52;--navy-light:#EBF0F4;
  --attention:#D4621A;--attention-text:#B84E0A;--attention-bg:#FEF3EC;--green:#15803D;--green-bg:#F0FDF4;
  --display:'Barlow Condensed',Arial Narrow,sans-serif;--ui:'Plus Jakarta Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace;
  --wrap:1240px;--radius-control:2px;--radius-card:4px;--radius-frame:5px
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--text);font-family:var(--ui);-webkit-font-smoothing:antialiased}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px}
h1,h2,h3{font-family:var(--display);font-weight:600;letter-spacing:-.005em;line-height:.96}
.lbl{font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase}
:where(a,button,input):focus-visible{outline:3px solid var(--cy);outline-offset:2px;border-radius:2px}
.skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--cy);color:var(--ink-deep);padding:12px 20px;
  min-height:44px;font-family:var(--display);font-size:16px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none}
.skip:focus{left:8px;top:8px}
section[id]{scroll-margin-top:76px}

nav{position:fixed;top:0;left:0;right:0;z-index:60;transition:background .28s,border-color .28s,backdrop-filter .28s}
nav .inner{max-width:var(--wrap);margin:0 auto;padding:18px 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
nav .mark{display:flex;align-items:center;justify-self:center;position:relative;isolation:isolate;min-height:44px}
nav .mark img{display:block;width:122px;height:auto}
nav .nav-left,nav .links{display:flex;align-items:center;gap:30px;font-family:var(--display);font-size:16px;letter-spacing:.05em;text-transform:uppercase}
nav .nav-left a{display:flex;align-items:center;min-height:44px}
nav .links{justify-self:end}
nav a{text-decoration:none}
nav .btn{display:flex;align-items:center;min-height:44px;padding:9px 19px;border:1px solid}
nav.on-dark .mark::before{content:'';position:absolute;z-index:-1;inset:-20px -44px;
  background:radial-gradient(ellipse,rgba(10,30,58,.96) 15%,rgba(10,30,58,.72) 48%,transparent 76%);pointer-events:none}
nav.on-dark .nav-left a,nav.on-dark .links a{color:var(--on-ink-mid)}
nav.on-dark .nav-left a:hover,nav.on-dark .links a:hover{color:var(--cy)}
nav.on-dark .links .btn{border-color:rgba(255,255,255,.4);color:#fff}
nav.on-dark .links .btn:hover{background:var(--cy);border-color:var(--cy);color:var(--ink-deep)}
nav.on-light{background:rgba(245,244,240,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
nav.on-light .mark img{filter:invert(1)}
nav.on-light .nav-left a,nav.on-light .links a{color:var(--muted)}
nav.on-light .nav-left a:hover,nav.on-light .links a:hover{color:var(--text)}
nav.on-light .links .btn{border-color:var(--navy);background:var(--navy);color:#fff}

.pricing-hero{position:relative;padding:168px 0 104px;background:var(--ink);color:#fff;overflow:hidden}
.pricing-hero .grid{position:absolute;inset:0;opacity:.3;pointer-events:none;
  background-image:linear-gradient(var(--rule-dark) 1px,transparent 1px),linear-gradient(90deg,var(--rule-dark) 1px,transparent 1px);
  background-size:58px 58px;mask-image:radial-gradient(75% 100% at 50% 40%,#000 15%,transparent 86%)}
.pricing-hero .glow{position:absolute;width:520px;height:520px;right:-120px;top:-180px;border-radius:50%;
  background:radial-gradient(circle,rgba(127,212,245,.15),transparent 68%);pointer-events:none}
.pricing-hero .inner{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}
.pricing-hero .lbl{color:var(--cy);margin-bottom:20px}
.pricing-hero h1{font-size:clamp(54px,7vw,92px);max-width:10ch}
.pricing-hero h1 em{display:block;color:var(--cy);font-style:normal}
.pricing-hero .copy{padding-left:30px;border-left:1px solid var(--rule-dark)}
.pricing-hero p{font-size:18px;line-height:1.65;color:var(--on-ink-mid);max-width:50ch}
.pricing-hero p b{color:#fff}
.audience-note{margin-top:22px;font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.12em;text-transform:uppercase;color:var(--cy)}

.plans-section{padding:100px 0 112px}
.plans-intro{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}
.plans-intro .lbl{color:var(--attention-text);margin-bottom:12px}
.plans-intro h2{font-size:clamp(38px,4vw,58px);color:var(--navy)}
.plans-intro p{max-width:48ch;font-size:16px;line-height:1.65;color:var(--muted)}
.plan-grid{display:grid;gap:22px;align-items:stretch}
.plan-grid.two{grid-template-columns:repeat(2,1fr)}
.plan-grid.three{grid-template-columns:repeat(3,1fr)}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;background:var(--surface);border:1px solid var(--border-strong);padding:34px}
.plan-card.featured{border:2px solid var(--navy);padding:33px;box-shadow:0 22px 54px rgba(27,58,82,.13)}
.popular{position:absolute;right:20px;top:0;transform:translateY(-50%);padding:8px 12px;background:var(--navy);color:#fff;
  font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase}
.plan-name{font-family:var(--display);font-size:32px;color:var(--navy);font-weight:600}
.price{display:flex;align-items:baseline;gap:7px;min-height:52px;margin-top:18px;color:var(--text)}
.price strong{font-family:var(--display);font-size:58px;line-height:.9;font-weight:600;letter-spacing:-.02em}
.price span{font-size:14px;color:var(--muted)}
.price.custom strong{font-size:48px}
.plan-desc{min-height:92px;margin-top:18px;font-size:16px;line-height:1.55;color:var(--muted)}
.plan-cta{display:flex;align-items:center;justify-content:center;min-height:50px;margin-top:26px;padding:12px 18px;
  border:1px solid var(--navy);background:var(--navy);color:#fff;text-decoration:none;font-family:var(--display);
  font-size:18px;letter-spacing:.06em;text-transform:uppercase}
.plan-card.featured .plan-cta{background:var(--cy);border-color:var(--cy);color:var(--ink-deep)}
.plan-cta:hover{background:#142D40}
.plan-card.featured .plan-cta:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.includes{margin-top:30px;padding-top:26px;border-top:1px solid var(--border)}
.includes-title{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--attention-text);margin-bottom:14px}
.feature-list{list-style:none;display:grid;gap:12px}
.feature-list li{position:relative;padding-left:25px;font-size:16px;line-height:1.45;color:var(--text)}
.feature-list li::before{content:'✓';position:absolute;left:0;top:1px;width:17px;height:17px;border-radius:50%;display:grid;place-items:center;
  background:var(--green-bg);color:var(--green);font-family:var(--mono);font-size:9px}
.feature-list li b{font-weight:600;color:var(--navy)}
.pricing-close{position:relative;padding:112px 0 96px;background:var(--ink);color:#fff;overflow:hidden}
.pricing-close .grid{position:absolute;inset:0;opacity:.25;pointer-events:none;
  background-image:linear-gradient(var(--rule-dark) 1px,transparent 1px),linear-gradient(90deg,var(--rule-dark) 1px,transparent 1px);
  background-size:58px 58px}
.pricing-close .inner{position:relative;z-index:1;text-align:center}
.pricing-close h2{font-size:clamp(46px,6vw,78px);max-width:14ch;margin:0 auto}
.pricing-close h2 em{color:var(--cy);font-style:normal}
.pricing-close p{max-width:52ch;margin:22px auto 0;font-size:18px;line-height:1.65;color:var(--on-ink-mid)}
.start-cta{display:flex;align-items:center;justify-content:center;width:min(100%,280px);min-height:52px;margin:34px auto 0;
  padding:14px 26px;background:var(--cy);color:var(--ink-deep);text-decoration:none;font-family:var(--display);
  font-size:18px;letter-spacing:.07em;text-transform:uppercase;font-weight:600}
.start-cta:hover{background:#fff}

footer{background:var(--ink-deep);padding:36px 0;border-top:1px solid var(--rule-dark)}
footer .inner{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}
footer .c{font-family:var(--mono);font-size:11px;color:var(--on-ink-low);letter-spacing:.08em}
footer .fl{display:flex;gap:26px;flex-wrap:wrap;font-family:var(--display);font-size:15px;letter-spacing:.05em;text-transform:uppercase}
footer a{display:flex;align-items:center;min-width:44px;min-height:44px;color:var(--on-ink-mid);text-decoration:none}
footer a:hover{color:var(--cy)}

/* Match the restrained radius hierarchy used across Home and Product. */
nav .btn,.plan-cta,.start-cta,.popular{border-radius:var(--radius-control)}
.plan-card{border-radius:var(--radius-card)}

@media(max-width:980px){
  .pricing-hero .inner{grid-template-columns:1fr;gap:42px}
  .pricing-hero .copy{max-width:680px}
  .plan-grid.three{grid-template-columns:1fr}
  .plan-grid.three .plan-desc{min-height:0}
}
@media(max-width:820px){
  .wrap{padding:0 22px}
  nav .inner{padding:14px 22px;grid-template-columns:1fr auto}
  nav .nav-left{display:none}
  nav .mark{justify-self:start}
  .pricing-hero{padding:132px 0 76px}
  .pricing-hero .copy{padding:24px 0 0;border-left:0;border-top:1px solid var(--rule-dark)}
  .plans-section{padding:72px 0 78px}
  .plans-intro{display:block}
  .plans-intro p{margin-top:18px}
  .plan-grid.two{grid-template-columns:1fr}
  .plan-desc{min-height:0}
  .pricing-close{padding:78px 0 70px}
}
@media(max-width:420px){
  nav .mark img{width:112px}
  nav .btn{padding:9px 14px;font-size:14px}
  .plan-card{padding:28px 22px}
  .plan-card.featured{padding:27px 21px}
  .price strong{font-size:52px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}