/* ==========================================================================
   Adaptify design system  ·  v1
   Plain CSS, no build step. Values follow proven scales (Tailwind's spacing,
   type and breakpoint steps), set to the Adaptify logo colors and fonts.
   Every component uses these tokens only — never raw values.
   ========================================================================== */

/* ---------- 1. Tokens ---------- */
:root{
  /* Color · brand (from the logo) */
  --c-navy:#0B3A66;          /* headings, dark sections */
  --c-navy-900:#072A4B;      /* darkest navy */
  --c-blue:#3BA9F5;          /* logo blue: accents, highlights, icons */
  --c-action:#1C84D6;        /* buttons + links (readable with white text) */
  --c-action-hover:#1673BD;
  --c-green:#22C55E;         /* success only */
  --c-green-ink:#15803D;
  --c-red:#D92D20;           /* errors / "lost" only */
  --c-red-ink:#B42318;

  /* Color · neutrals (blue-tinted) */
  --c-text:#3A5675;          /* body text */
  --c-muted:#5E7896;         /* secondary text */
  --c-line:#DCEBF7;          /* borders */
  --c-line-2:#C9E1F4;        /* stronger borders, inputs */
  --c-bg:#FFFFFF;
  --c-bg-soft:#F5FBFF;       /* alternating sections */
  --c-bg-tint:#EAF6FE;       /* tinted fills, icon tiles */

  /* Type */
  --f-head:'Plus Jakarta Sans',ui-sans-serif,system-ui,sans-serif;
  --f-body:'Inter',ui-sans-serif,system-ui,sans-serif;
  --fs-xs:.75rem;     /* 12 */
  --fs-sm:.875rem;    /* 14 */
  --fs-base:1.0625rem;/* 17 */
  --fs-lg:1.125rem;   /* 18 */
  --fs-xl:1.25rem;    /* 20 */
  --fs-2xl:1.5rem;    /* 24 */
  --fs-3xl:clamp(1.625rem,1.2rem + 1.4vw,1.875rem);   /* 26 → 30 */
  --fs-4xl:clamp(2rem,1.35rem + 2.4vw,2.875rem);      /* 32 → 46 */
  --fs-5xl:clamp(2.375rem,1.4rem + 3.8vw,4rem);       /* 38 → 64 */
  --lh-tight:1.08; --lh-snug:1.3; --lh-body:1.65;
  --ls-head:-.03em;

  /* Spacing (4px steps) */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.25rem; --s-6:1.5rem;
  --s-8:2rem; --s-10:2.5rem; --s-12:3rem; --s-16:4rem; --s-20:5rem; --s-24:6rem; --s-32:8rem;

  /* Section heights (mobile → desktop) */
  --sec-s:clamp(3rem,2rem + 3vw,4rem);     /* 48 → 64 */
  --sec-m:clamp(4rem,2.5rem + 5vw,6rem);   /* 64 → 96 */
  --sec-l:clamp(5rem,3rem + 7vw,8rem);     /* 80 → 128 */

  /* Shape */
  --r-sm:.5rem; --r-md:1rem; --r-lg:1.5rem; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(11,58,102,.06),0 1px 3px rgba(11,58,102,.06);
  --sh-md:0 1px 2px rgba(11,58,102,.05),0 8px 24px -10px rgba(11,58,102,.18);
  --sh-lg:0 2px 4px rgba(11,58,102,.04),0 24px 56px -24px rgba(11,58,102,.32);

  /* Layout */
  --container:75rem;          /* 1200 */
  --gutter:clamp(1rem,.6rem + 2vw,1.5rem);
  --ease:cubic-bezier(.2,.7,.2,1);
}
/* Breakpoints (for reference): sm 640 · md 768 · lg 1024 · xl 1280 */

/* ---------- 2. Base ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:5rem}
body{font-family:var(--f-body);font-size:var(--fs-base);line-height:var(--lh-body);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,video{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:3px solid rgba(59,169,245,.55);outline-offset:3px;border-radius:6px}
::selection{background:rgba(59,169,245,.22);color:var(--c-navy)}

h1,h2,h3,h4{font-family:var(--f-head);color:var(--c-navy);letter-spacing:var(--ls-head);text-wrap:balance}
h1{font-size:var(--fs-5xl);line-height:1.02;font-weight:800;letter-spacing:-.04em}
h2{font-size:var(--fs-4xl);line-height:1.06;font-weight:800;letter-spacing:-.035em}
h3{font-size:var(--fs-xl);line-height:var(--lh-snug);font-weight:700;letter-spacing:-.02em}
p{max-width:68ch}
.center,.center p{text-align:center;margin-inline:auto}
p{text-wrap:pretty}
.hl{color:var(--c-action)}            /* highlighted words in headings */
.dot{color:var(--c-blue)}             /* brand period */
.lead{font-size:clamp(1.125rem,1rem + .4vw,1.25rem);line-height:1.6;color:var(--c-text);max-width:38rem}
.muted{color:var(--c-muted)}
.prose a,.link{color:var(--c-action);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
.prose a:hover,.link:hover{color:var(--c-action-hover)}

/* ---------- 3. Layout ---------- */
.container{width:100%;max-width:calc(var(--container) + var(--gutter)*2);margin-inline:auto;padding-inline:var(--gutter)}
.narrow{max-width:calc(48rem + var(--gutter)*2)}
.section{padding-block:var(--sec-m)}
.section--s{padding-block:var(--sec-s)}
.section--l{padding-block:var(--sec-l)}
.section--soft{background:var(--c-bg-soft)}
.section--navy{background:var(--c-navy);color:#C9DDF0}
.section--navy h2,.section--navy h3{color:#fff}
.stack>*+*{margin-top:var(--s-4)}
.grid{display:grid;gap:var(--s-6)}
@media (min-width:768px){.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.sec-head{max-width:46rem;margin:0 auto var(--s-12);text-align:center}
.sec-head .eyebrow{margin-bottom:var(--s-4)}
.sec-head p{margin:var(--s-4) auto 0;font-size:var(--fs-lg);line-height:1.6;color:var(--c-muted);max-width:36rem}
.sec-head--left{text-align:left;margin-inline:0}
.sec-head--left p{margin-inline:0}

/* ---------- 4. Components ---------- */
/* Eyebrow pill */
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:var(--fs-sm);font-weight:600;color:var(--c-action);background:var(--c-bg-tint);border:1px solid #CFE7FB;padding:.3rem .8rem .3rem .65rem;border-radius:var(--r-pill)}
.eyebrow::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--c-blue)}

/* Buttons: one primary style per page */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:3rem;padding:.8rem 1.4rem;border-radius:var(--r-pill);font-weight:600;font-size:1rem;line-height:1.2;border:1px solid transparent;cursor:pointer;transition:background .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease),border-color .2s}
.btn svg{width:1.05rem;height:1.05rem;flex:none;transition:transform .2s var(--ease)}
.btn:hover svg{transform:translateX(2px)}
.btn--primary{background:var(--c-action);color:#fff;box-shadow:0 1px 2px rgba(11,58,102,.18),0 10px 24px -10px rgba(28,132,214,.7)}
.btn--primary:hover{background:var(--c-action-hover);transform:translateY(-1px)}
.btn--secondary{background:#fff;color:var(--c-navy);border-color:var(--c-line-2);box-shadow:var(--sh-sm)}
.btn--secondary:hover{border-color:var(--c-blue)}
.btn--lg{min-height:3.5rem;padding:1rem 1.75rem;font-size:1.0625rem}
.btn--sm{min-height:2.5rem;padding:.55rem 1rem;font-size:.9375rem}
.btn--onnavy{background:#fff;color:var(--c-navy)}
.btn-row{display:flex;flex-wrap:wrap;gap:var(--s-3)}
@media (max-width:640px){.btn-row{flex-direction:column;align-items:stretch}.btn-row .btn,.btn--block-sm{width:100%}}

/* Badges */
.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--fs-xs);font-weight:700;letter-spacing:.01em;padding:.25rem .6rem;border-radius:var(--r-pill)}
.badge--ok{background:#E8F9EF;color:var(--c-green-ink)}
.badge--info{background:var(--c-bg-tint);color:var(--c-action)}
.badge--bad{background:#FDECEA;color:var(--c-red-ink)}

/* Card */
.card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-8);box-shadow:var(--sh-md)}
.card--flat{box-shadow:none}
.icon-tile{width:2.75rem;height:2.75rem;border-radius:.85rem;display:grid;place-items:center;background:var(--c-bg-tint);color:var(--c-action)}
.icon-tile svg{width:1.35rem;height:1.35rem}
.card h3{margin-top:var(--s-6);font-size:1.25rem}
.card p{margin-top:var(--s-2);font-size:.96875rem;line-height:1.6;color:var(--c-muted)}

/* Form fields */
.field{display:grid;gap:.45rem}
.field label{font-size:var(--fs-sm);font-weight:600;color:var(--c-navy)}
.input{width:100%;min-height:3rem;padding:.75rem 1rem;font-size:1rem;color:var(--c-navy);background:#fff;border:1px solid var(--c-line-2);border-radius:.85rem;transition:border-color .2s,box-shadow .2s}
.input::placeholder{color:#93A9C1}
.input:focus{outline:none;border-color:var(--c-action);box-shadow:0 0 0 4px rgba(28,132,214,.15)}

/* Rating */
.stars{display:inline-flex;gap:2px;color:#F5A524}
.stars svg{width:1rem;height:1rem}

/* Checklist */
.checks{list-style:none;display:grid;gap:.6rem}
.checks li{display:flex;gap:.6rem;align-items:flex-start;color:var(--c-navy);font-weight:500}
.checks svg{flex:none;width:1.25rem;height:1.25rem;margin-top:.15rem;color:var(--c-green)}

/* Hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(3rem,2rem + 5vw,6rem);background:radial-gradient(60% 70% at 85% 10%,rgba(59,169,245,.14),transparent 70%),linear-gradient(180deg,var(--c-bg-soft),#fff 80%)}
.hero__grid{display:grid;gap:var(--s-12);align-items:center}
@media (min-width:1024px){.hero__grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:var(--s-16)}}
.hero h1{margin-top:var(--s-6)}
.hero .lead{margin-top:var(--s-6)}
.hero .btn-row{margin-top:var(--s-8)}
.hero__proof{display:flex;align-items:center;gap:var(--s-3);margin-top:var(--s-6);font-size:var(--fs-sm);color:var(--c-muted)}
.hero__proof b{color:var(--c-navy)}

/* Call card (hero visual, pure HTML/CSS) */
.callcard{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:var(--s-6);max-width:30rem;margin-inline:auto;width:100%}
.callcard__top{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--s-4);border-bottom:1px solid var(--c-line)}
.callcard__top b{font-family:var(--f-head);color:var(--c-navy)}
.callcard ol{list-style:none;display:grid;gap:var(--s-4);margin-top:var(--s-5)}
.callcard li{display:grid;grid-template-columns:3.6rem 2.5rem 1fr;gap:var(--s-3);align-items:center;font-size:.9375rem;color:var(--c-navy);font-weight:500}
.callcard time{font-size:var(--fs-xs);color:var(--c-muted);font-weight:600}
.callcard .ic{width:2.5rem;height:2.5rem;border-radius:.75rem;display:grid;place-items:center;background:var(--c-bg-tint);color:var(--c-action)}
.callcard .ic svg{width:1.15rem;height:1.15rem}
.callcard .ic--ok{background:var(--c-green);color:#fff;box-shadow:0 8px 18px -8px rgba(34,197,94,.8)}
.callcard__foot{margin-top:var(--s-5);padding:var(--s-4);border-radius:var(--r-md);background:var(--c-bg-soft);font-size:var(--fs-sm);color:var(--c-text)}
.callcard__foot b{color:var(--c-navy)}

/* ---------- 5. Background patterns (subtle, CSS only, no images) ---------- */
/* Add to any section: .bg-grid · .bg-dots · on navy: .bg-dots--light */
.bg-grid,.bg-dots,.bg-dots--light{position:relative;isolation:isolate}
.bg-grid::before,.bg-dots::before,.bg-dots--light::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
.bg-grid::before{background-image:linear-gradient(rgba(28,132,214,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(28,132,214,.11) 1px,transparent 1px);background-size:44px 44px;background-position:center top;
  -webkit-mask-image:radial-gradient(80% 80% at 70% 25%,#000 25%,transparent 80%);mask-image:radial-gradient(80% 80% at 70% 25%,#000 25%,transparent 80%)}
.bg-dots::before{background-image:radial-gradient(rgba(28,132,214,.26) 1.1px,transparent 1.6px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(75% 90% at 50% 0%,#000 15%,transparent 80%);mask-image:radial-gradient(75% 90% at 50% 0%,#000 15%,transparent 80%)}
.bg-dots--light::before{background-image:radial-gradient(rgba(255,255,255,.22) 1.1px,transparent 1.6px);background-size:20px 20px;
  -webkit-mask-image:radial-gradient(70% 90% at 80% 0%,#000 10%,transparent 70%);mask-image:radial-gradient(70% 90% at 80% 0%,#000 10%,transparent 70%)}
/* Soft brand glows */
.glow{position:relative;isolation:isolate;overflow:hidden}
.glow::after{content:"";position:absolute;z-index:-2;width:42rem;height:42rem;right:-12rem;top:-16rem;border-radius:50%;background:radial-gradient(closest-side,rgba(59,169,245,.22),transparent);pointer-events:none}
/* Sound-wave accent from the logo (decorative bars) */
.wave-accent{display:inline-flex;align-items:center;gap:3px;height:1rem}
.wave-accent i{width:3px;border-radius:2px;background:var(--c-blue)}
.wave-accent i:nth-child(1),.wave-accent i:nth-child(3){height:45%}
.wave-accent i:nth-child(2){height:100%;background:var(--c-green)}

/* ---------- 6. Site header ---------- */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;z-index:100;background:#fff;padding:.6rem 1rem;border-radius:var(--r-sm)}
.skip:focus{left:1rem;top:1rem}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.88);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-bottom:1px solid var(--c-line)}
.site-header__in{display:flex;align-items:center;gap:var(--s-6);min-height:4.25rem}
.site-logo{display:block;flex:none}
.site-logo svg{height:1.85rem;width:auto}
.site-nav{display:flex;align-items:center;gap:var(--s-1);margin-left:auto}
.site-nav a{padding:.5rem .8rem;border-radius:var(--r-pill);font-size:.9375rem;font-weight:500;color:var(--c-text);transition:color .2s,background .2s}
.site-nav a:hover{color:var(--c-navy);background:var(--c-bg-tint)}
.site-nav .site-nav__call{font-weight:600;color:var(--c-navy)}
.site-menu{display:none;width:2.75rem;height:2.75rem;border:1px solid var(--c-line);border-radius:var(--r-pill);background:#fff;align-items:center;justify-content:center;cursor:pointer}
.site-menu span,.site-menu span::before,.site-menu span::after{display:block;width:1.1rem;height:2px;border-radius:2px;background:var(--c-navy);position:relative;transition:transform .2s,background .2s}
.site-menu span::before,.site-menu span::after{content:"";position:absolute;left:0}
.site-menu span::before{top:-6px}.site-menu span::after{top:6px}
.site-menu[aria-expanded="true"] span{background:transparent}
.site-menu[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}
.site-menu[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
@media (max-width:900px){
  .site-header__in{gap:var(--s-3)}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;padding:var(--s-3) var(--gutter) var(--s-5);background:#fff;border-bottom:1px solid var(--c-line);box-shadow:var(--sh-md)}
  .site-nav.is-open{display:flex}
  .site-nav a{padding:.85rem .5rem;border-radius:var(--r-sm);font-size:1.0625rem}
  .site-menu{display:inline-flex;margin-left:auto}
  .site-header__cta{order:3}
}
@media (max-width:360px){.site-header__cta{display:none}}
@media (max-width:420px){.site-header__cta{padding-inline:.85rem;font-size:.875rem}.site-logo svg{height:1.6rem}}

/* ---------- 7. Breadcrumbs ---------- */
.crumbs{padding-block:var(--s-4) 0}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:.35rem;font-size:var(--fs-sm);color:var(--c-muted)}
.crumbs li+li::before{content:"/";margin-right:.35rem;color:var(--c-line-2)}
.crumbs a{color:var(--c-muted)}
.crumbs a:hover{color:var(--c-action)}
.crumbs [aria-current]{color:var(--c-navy);font-weight:500}

/* ---------- 8. Hero ---------- */
.hero__title{font-size:var(--fs-5xl);line-height:1.02;font-weight:800;letter-spacing:-.04em;margin-top:var(--s-6)}
.hero__copy>:first-child{margin-top:0}
.hero__media{min-width:0}
.hero__img{width:100%;border-radius:var(--r-lg);box-shadow:var(--sh-lg);border:1px solid var(--c-line)}
.hero--center .hero__grid{grid-template-columns:1fr!important;text-align:center;gap:var(--s-12)}
.hero--center .hero__copy{max-width:52rem;margin-inline:auto}
.hero--center .lead{margin-inline:auto}
.hero--center .btn-row,.hero--center .hero__proof{justify-content:center}
.hero--center .hero__media{max-width:64rem;margin-inline:auto;width:100%}
.hero--plain{background:linear-gradient(180deg,var(--c-bg-soft),#fff 85%)}

/* Request form card */
.form-card{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);padding:clamp(1.25rem,.8rem + 2vw,2rem);max-width:30rem;margin-inline:auto;width:100%;text-align:left}
.form-card__kicker{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-xs);font-weight:700;color:var(--c-green-ink);background:#E8F9EF;padding:.3rem .65rem;border-radius:var(--r-pill)}
.form-card__kicker::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--c-green)}
.form-card__title{font-family:var(--f-head);font-size:var(--fs-2xl);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:var(--c-navy);margin-top:var(--s-4)}
.form-card__sub{font-size:.9375rem;color:var(--c-muted);margin-top:var(--s-2)}
.form-card form{display:grid;gap:var(--s-4);margin-top:var(--s-6)}
.form-grid{display:grid;gap:var(--s-4)}
@media (min-width:520px){.form-grid--2{grid-template-columns:1fr 1fr}}
.select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 7.5l5 5 5-5' fill='none' stroke='%235E7896' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:1.1rem;padding-right:2.6rem}
.input[aria-invalid="true"]{border-color:var(--c-red);box-shadow:0 0 0 4px rgba(217,45,32,.1)}
.field__err{display:none;font-size:.8125rem;color:var(--c-red-ink)}
.field__err.show{display:block}
.form-card .btn{width:100%}
/* when the hero stacks (tablet and phone), the form lines up with the text and uses the full width */
@media (max-width:1023px){.hero:not(.hero--center) .hero__media .form-card{max-width:none;margin-inline:0}}
.form-card__fine{font-size:var(--fs-xs);color:var(--c-muted);text-align:center}
.form-card__note{font-size:var(--fs-sm);color:var(--c-red-ink);text-align:center}
.form-card__note:empty{display:none}
.form-card__done{display:none;text-align:center;padding-block:var(--s-8)}
.form-card__done .ok{width:3.5rem;height:3.5rem;border-radius:50%;margin:0 auto var(--s-4);display:grid;place-items:center;background:#E8F9EF;color:var(--c-green)}
.form-card__done .ok svg{width:1.6rem;height:1.6rem}
.form-card__done h3{font-size:var(--fs-2xl)}
.form-card__done p{margin:var(--s-2) auto 0;color:var(--c-muted)}
.form-card.is-sent form,.form-card.is-sent .form-card__head{display:none}
.form-card.is-sent .form-card__done{display:block}

/* ---------- 9. Content sections ---------- */
.section--navy{background:var(--c-navy)}
.section--navy,.section--navy p,.section--navy li{color:#C9DDF0}
.section--navy h1,.section--navy h2,.section--navy h3,.section--navy .hero__title{color:#fff}
.section--navy .hl{color:var(--c-blue)}
.section--navy .eyebrow{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);color:#BFE3FC}
.section--navy .prose a{color:#9FD3FA}
.section__title{font-size:var(--fs-4xl);line-height:1.06;font-weight:800;letter-spacing:-.035em}
.prose>*+*{margin-top:var(--s-4)}
.prose p,.prose li{font-size:var(--fs-base);line-height:1.7}
.prose ul,.prose ol{padding-left:1.25rem;display:grid;gap:.4rem}
.prose strong{color:var(--c-navy);font-weight:600}
.section--navy .prose strong{color:#fff}
.text-block .eyebrow+.section__title{margin-top:var(--s-4)}
.text-block .section__title+.prose{margin-top:var(--s-6)}
.text-block--center{text-align:center}
.text-block--center .prose{margin-inline:auto}
.text-block--center .prose ul,.text-block--center .prose ol{display:inline-grid;text-align:left}

/* Image + text */
.split{display:grid;gap:var(--s-10);align-items:center}
@media (min-width:900px){.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--s-16)}.split--img-left .split__media{order:-1}}
.split__copy .eyebrow+.section__title{margin-top:var(--s-4)}
.split__copy .section__title+.prose{margin-top:var(--s-5)}
.split__copy .btn-row{margin-top:var(--s-8)}
.split__img{width:100%;border-radius:var(--r-lg);box-shadow:var(--sh-md);border:1px solid var(--c-line)}

/* FAQ */
.faq-wrap{display:grid;gap:var(--s-10)}
@media (min-width:900px){.faq-wrap--side{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--s-16);align-items:start}.faq-wrap--side .faq-head{position:sticky;top:6rem}}
.faq-wrap--center .faq-head{text-align:center;max-width:44rem;margin-inline:auto}
.faq-wrap--center .faq-list{max-width:52rem;margin-inline:auto;width:100%}
.faq-head .eyebrow+.section__title{margin-top:var(--s-4)}
.faq-head p{margin-top:var(--s-4);color:var(--c-muted);font-size:var(--fs-lg)}
.faq-wrap--center .faq-head p{margin-inline:auto}
.faq-list{display:grid;gap:var(--s-3)}
.faq-item,.faq-list>details{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-md);transition:border-color .2s,box-shadow .2s}
.faq-item[open],.faq-item.is-open,.faq-list>details[open]{border-color:var(--c-line-2);box-shadow:var(--sh-sm)}
.faq-item summary,.faq-item .faq-q,.faq-list>details>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:1.1rem 1.25rem;font-family:var(--f-head);font-weight:700;font-size:1.0625rem;letter-spacing:-.015em;color:var(--c-navy)}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list .pm{display:none}
.faq-item summary::after,.faq-list>details>summary::after{content:"";flex:none;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--c-bg-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M10 5v10M5 10h10' stroke='%231C84D6' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/1rem no-repeat;transition:transform .25s var(--ease)}
.faq-list>details[open]>summary::after,.faq-item[open] summary::after{transform:rotate(45deg)}
.faq-a,.faq-list .ans{padding:0 1.25rem 1.25rem;color:var(--c-text)}
.faq-list .ans p+p{margin-top:var(--s-3)}
.faq-list .ans a{color:var(--c-action);text-decoration:underline;text-underline-offset:3px}
.section--navy .faq-item{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.12)}
.section--navy .faq-item summary,.section--navy .faq-item .faq-q{color:#fff}

/* Page list (folder pages) */
.page-cards{display:grid;gap:var(--s-5)}
@media (min-width:640px){.page-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.page-cards--3{grid-template-columns:repeat(3,minmax(0,1fr))}}
.page-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-6) var(--s-6) var(--s-5);box-shadow:var(--sh-sm);transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.page-card:hover{border-color:var(--c-line-2);box-shadow:var(--sh-md);transform:translateY(-2px)}
.page-card h3{font-size:var(--fs-xl)}
.page-card p{margin-top:var(--s-2);font-size:.9375rem;color:var(--c-muted);flex:1}
.page-card span{margin-top:var(--s-4);display:inline-flex;align-items:center;gap:.4rem;font-weight:600;font-size:.9375rem;color:var(--c-action)}
.page-card span svg{width:1rem;height:1rem}
.page-cards__empty{padding:var(--s-8);border:2px dashed var(--c-line-2);border-radius:var(--r-lg);text-align:center;color:var(--c-muted)}

/* Quick answer box (AEO) */
.answer{border:1px solid var(--c-line);border-left:4px solid var(--c-blue);background:#fff;border-radius:var(--r-md);padding:var(--s-5) var(--s-6);box-shadow:var(--sh-sm)}
.answer__label{font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-action)}
.answer p+p{margin-top:var(--s-2)}
.answer p:last-child{color:var(--c-navy);font-size:var(--fs-lg);line-height:1.6}

/* ---------- 10. Footer ---------- */
.site-footer{background:var(--c-navy);color:#A9C3DE;padding-block:var(--s-16) var(--s-8);margin-top:0}
.site-footer__grid{display:grid;gap:var(--s-10)}
@media (min-width:768px){.site-footer__grid{grid-template-columns:1.4fr repeat(var(--cols,2),1fr)}}
.site-footer .site-logo svg{height:1.75rem}
.site-footer .site-logo svg path[fill="#0B3A66"]{fill:#fff}
.site-footer__about{margin-top:var(--s-4);max-width:22rem;font-size:var(--fs-sm);line-height:1.65}
.site-footer__about a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.site-footer__about strong{color:#fff}
.site-footer h4{font-family:var(--f-body);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#fff;letter-spacing:.08em}
.site-footer ul{list-style:none;margin-top:var(--s-4);display:grid;gap:.6rem}
.site-footer a{font-size:var(--fs-sm);color:#A9C3DE;transition:color .2s}
.site-footer a:hover{color:#fff}
.site-footer__bottom{margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3);font-size:var(--fs-xs)}
.anchor-target{scroll-margin-top:5.5rem}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- 11. Marketing sections (home and fixed pages) ---------- */

/* Hero extras: key facts + trust strip */
.facts{list-style:none;display:grid;gap:.7rem 1.5rem;margin-top:var(--s-8)}
@media (min-width:480px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.facts li{display:flex;gap:.65rem;align-items:flex-start;line-height:1.35}
.facts svg{flex:none;width:1.25rem;height:1.25rem;margin-top:.1rem;color:var(--c-green)}
.facts b{display:block;color:var(--c-navy);font-weight:600}
.facts span{font-size:var(--fs-sm);color:var(--c-muted)}
.trust{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3) var(--s-4);margin-top:var(--s-12);padding-top:var(--s-6);border-top:1px solid var(--c-line)}
.trust__label{display:inline-flex;align-items:center;gap:.45rem;font-size:var(--fs-sm);font-weight:600;color:var(--c-navy)}
.trust__label svg{width:1.15rem;height:1.15rem;color:var(--c-action)}
.trust ul{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2)}
.trust li{font-size:var(--fs-xs);font-weight:600;color:var(--c-text);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-pill);padding:.3rem .7rem}
.trust li b{color:var(--c-navy)}

/* Without / with comparison */
.vs{display:grid;gap:var(--s-5)}
@media (min-width:768px){.vs{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-6)}}
.vs-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:clamp(1.25rem,.8rem + 2vw,2rem);display:flex;flex-direction:column}
.vs-card--good{border-color:#BFE0FA;box-shadow:var(--sh-lg)}
.vs-card__top{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}
.vs-card__top h3{font-size:var(--fs-lg)}
.vs-card--bad{background:var(--c-bg-soft);box-shadow:none}
.vs-card--bad h3{color:var(--c-muted)}
.timeline{list-style:none;display:grid;gap:var(--s-4);margin-top:var(--s-6);position:relative}
.timeline li{display:grid;grid-template-columns:4.5rem 1fr;gap:var(--s-3);align-items:baseline;color:var(--c-navy);font-weight:500}
.timeline time{font-size:var(--fs-sm);font-weight:600;color:var(--c-muted);font-variant-numeric:tabular-nums}
.vs-card--bad .timeline li:last-child{color:var(--c-red-ink)}
.vs-card--good .timeline li:last-child{color:var(--c-green-ink)}
.outcomes{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:auto;padding-top:var(--s-6)}
.outcomes li{display:inline-flex;align-items:center;gap:.4rem;font-size:var(--fs-sm);font-weight:600;padding:.35rem .75rem .35rem .5rem;border-radius:var(--r-pill)}
.outcomes svg{width:1rem;height:1rem}
.vs-card--bad .outcomes li{background:#fff;color:var(--c-muted);border:1px solid var(--c-line)}
.vs-card--bad .outcomes svg{color:var(--c-red)}
.vs-card--good .outcomes li{background:#E8F9EF;color:var(--c-green-ink)}
.vs-card--good .outcomes svg{color:var(--c-green)}
.vs-card .outcomes{border-top:1px solid var(--c-line);margin-top:var(--s-6)}

/* Video */
.video{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--c-navy);box-shadow:var(--sh-lg);aspect-ratio:16/9;max-width:60rem;margin-inline:auto}
.video img,.video video{width:100%;height:100%;object-fit:cover}
.video__play{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--s-3);border:0;background:linear-gradient(180deg,rgba(11,58,102,0) 40%,rgba(11,58,102,.45));color:#fff;cursor:pointer;font-weight:600;font-size:var(--fs-sm)}
.video__play i{width:4.5rem;height:4.5rem;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 12px 32px -8px rgba(7,42,75,.6);transition:transform .2s var(--ease)}
.video__play i svg{width:1.6rem;height:1.6rem;color:var(--c-action);margin-left:.2rem}
.video__play:hover i{transform:scale(1.06)}
.video__play span{background:rgba(7,42,75,.55);padding:.3rem .75rem;border-radius:var(--r-pill)}

/* Dashboard preview (HTML/CSS mockup) */
.dash{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-lg);overflow:hidden;width:100%}
.dash__top{display:flex;justify-content:space-between;align-items:center;gap:var(--s-3);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--c-line);background:var(--c-bg-soft)}
.dash__top b{font-family:var(--f-head);color:var(--c-navy)}
.dash__top span{font-size:var(--fs-xs);font-weight:600;color:var(--c-muted);background:#fff;border:1px solid var(--c-line);padding:.2rem .6rem;border-radius:var(--r-pill)}
.dash__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3);padding:var(--s-5)}
.stat{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-3) var(--s-4)}
.stat b{display:block;font-family:var(--f-head);font-size:var(--fs-2xl);font-weight:800;color:var(--c-navy);letter-spacing:-.03em;line-height:1.2}
.stat span{font-size:var(--fs-xs);color:var(--c-muted);line-height:1.3;display:block}
.calls{list-style:none;padding:0 var(--s-5) var(--s-5);display:grid;gap:var(--s-2)}
.calls li{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-3);align-items:center;padding:var(--s-3);border-radius:var(--r-md);background:var(--c-bg-soft)}
.calls time{font-size:var(--fs-xs);font-weight:600;color:var(--c-muted);width:3.6rem;font-variant-numeric:tabular-nums}
.calls p{font-size:var(--fs-sm);line-height:1.35;color:var(--c-text);min-width:0}
.calls p b{display:block;color:var(--c-navy);font-weight:600}
@media (max-width:420px){.dash__stats{grid-template-columns:1fr 1fr}.dash__stats .stat:last-child{grid-column:span 2}.calls li{grid-template-columns:1fr auto}.calls time{grid-column:1/-1;width:auto}}

/* Steps */
.steps{list-style:none;display:grid;gap:var(--s-5);counter-reset:step}
@media (min-width:900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}}
.step{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-8);box-shadow:var(--sh-sm)}
.step__n{width:2.5rem;height:2.5rem;border-radius:50%;display:grid;place-items:center;font-family:var(--f-head);font-weight:800;color:#fff;background:var(--c-action)}
.step__n svg{width:1.2rem;height:1.2rem}
.step--live .step__n{background:var(--c-green)}
.step__when{margin-top:var(--s-5);font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-action)}
.step--live .step__when{color:var(--c-green-ink)}
.step h3{margin-top:var(--s-2)}
.step p{margin-top:var(--s-2);font-size:.96875rem;color:var(--c-muted)}
.after-row{display:flex;flex-direction:column;align-items:center;gap:var(--s-4);margin-top:var(--s-10);text-align:center}
.after-row .muted{font-size:var(--fs-sm)}

/* Industries */
.inds{display:grid;gap:var(--s-5)}
@media (min-width:768px){.inds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ind{background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-6) var(--s-6) var(--s-8)}
.ind h3{font-size:var(--fs-lg)}
.ind>p{margin-top:var(--s-1);font-size:.9375rem;color:var(--c-muted)}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-5)}
.chips li{font-size:var(--fs-sm);font-weight:500;color:var(--c-navy);background:var(--c-bg-soft);border:1px solid var(--c-line);border-radius:var(--r-pill);padding:.3rem .75rem}

/* Pricing */
.plans{display:grid;gap:var(--s-6);max-width:62rem;margin-inline:auto}
@media (min-width:900px){.plans{grid-template-columns:repeat(2,minmax(0,1fr))}}
.plan{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:clamp(1.5rem,1rem + 2vw,2.25rem);box-shadow:var(--sh-md)}
.plan--main{border:2px solid var(--c-action);box-shadow:var(--sh-lg)}
.plan__tag{position:absolute;top:-.85rem;left:clamp(1.5rem,1rem + 2vw,2.25rem);background:var(--c-action);color:#fff;font-size:var(--fs-xs);font-weight:700;padding:.3rem .75rem;border-radius:var(--r-pill)}
.plan__kind{font-size:var(--fs-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--c-muted)}
.plan h3{margin-top:var(--s-2);font-size:var(--fs-2xl)}
.price{display:flex;align-items:baseline;gap:.4rem;margin-top:var(--s-4)}
.price b{font-family:var(--f-head);font-size:clamp(2.5rem,2rem + 2vw,3.25rem);font-weight:800;letter-spacing:-.04em;color:var(--c-navy);line-height:1}
.price span{color:var(--c-muted);font-weight:500}
.plan>p{margin-top:var(--s-3);color:var(--c-muted)}
.plan .checks{margin-top:var(--s-6);padding-top:var(--s-6);border-top:1px solid var(--c-line);margin-bottom:var(--s-8)}
.plan .checks li{font-weight:500}
.plan__cta{margin-top:auto;display:grid;gap:var(--s-3);text-align:center}
.plan__cta .btn{width:100%}
.plan__cta .link{font-size:var(--fs-sm);font-weight:500}
.price-notes{display:grid;gap:var(--s-4);max-width:62rem;margin:var(--s-6) auto 0}
@media (min-width:900px){.price-notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
.note-box{display:flex;gap:var(--s-4);align-items:flex-start;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-5) var(--s-6)}
.note-box .icon-tile{flex:none}
.note-box--ok .icon-tile{background:#E8F9EF;color:var(--c-green-ink)}
.note-box b{display:block;color:var(--c-navy);font-family:var(--f-head);font-size:1.0625rem}
.note-box p{margin-top:var(--s-1);font-size:.9375rem;color:var(--c-muted)}
.fine{margin-top:var(--s-6);text-align:center;font-size:var(--fs-sm);color:var(--c-muted)}

/* Final call to action (navy) */
.cta-final .split{gap:var(--s-12)}
.cta-final .lead{color:#C9DDF0;margin-top:var(--s-5)}
.cta-final .btn-row{margin-top:var(--s-8)}
.cta-final .fine{text-align:left;color:#9FBEDD;margin-top:var(--s-5)}
.btn--ghost-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.3)}
.btn--ghost-light:hover{border-color:#fff}
.chat{background:#fff;border-radius:var(--r-lg);padding:var(--s-6);box-shadow:0 30px 60px -30px rgba(0,0,0,.5);max-width:28rem;width:100%;margin-inline:auto}
.chat__top{display:flex;align-items:center;gap:var(--s-3);padding-bottom:var(--s-4);border-bottom:1px solid var(--c-line)}
.chat__top .icon-tile{width:2.5rem;height:2.5rem}
.chat__top b{display:block;color:var(--c-navy);font-family:var(--f-head);line-height:1.2}
.chat__top span{font-size:var(--fs-xs);color:var(--c-muted)}
.chat__top .badge{margin-left:auto}
.bubbles{display:grid;gap:var(--s-3);margin-top:var(--s-5)}
.bubble{max-width:85%;padding:.7rem 1rem;border-radius:1.1rem;font-size:.9375rem;line-height:1.45}
.bubble small{display:block;font-size:var(--fs-xs);font-weight:600;margin-bottom:.15rem;opacity:.75}
.bubble--them{background:var(--c-bg-soft);color:var(--c-navy);border-bottom-left-radius:.3rem}
.bubble--us{justify-self:end;background:var(--c-action);color:#fff;border-bottom-right-radius:.3rem}
.chat__done{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:var(--s-5);padding:.7rem;border-radius:var(--r-md);background:#E8F9EF;color:var(--c-green-ink);font-weight:600;font-size:var(--fs-sm)}
.chat__done svg{width:1.1rem;height:1.1rem}

/* Inner page hero (build, contact, legal) */
.page-hero{padding-block:clamp(2.5rem,1.5rem + 4vw,5rem) var(--sec-m)}
.page-hero h1{font-size:var(--fs-5xl);margin-top:var(--s-5)}
.page-hero .lead{margin-top:var(--s-5)}
.side-list{list-style:none;display:grid;gap:var(--s-4);margin-top:var(--s-8)}
.side-list li{display:flex;gap:var(--s-4);align-items:center}
.side-list .icon-tile{flex:none}
.side-list small{display:block;font-size:var(--fs-sm);color:var(--c-muted)}
.side-list a,.side-list b{color:var(--c-navy);font-weight:600}
.side-list a:hover{color:var(--c-action)}
.textarea{min-height:8rem;resize:vertical;line-height:1.5}
.field label small{font-weight:500;color:var(--c-muted);margin-left:.3rem}
.stepper{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-5);margin-top:var(--s-8)}
.stepper li{display:flex;align-items:center;gap:.6rem;font-size:var(--fs-sm);font-weight:600;color:var(--c-muted)}
.stepper li i{width:1.75rem;height:1.75rem;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:var(--fs-xs);border:1px solid var(--c-line-2);background:#fff}
.stepper li.on{color:var(--c-navy)}
.stepper li.on i{background:var(--c-action);border-color:var(--c-action);color:#fff}
.stepper li.past i{background:var(--c-green);border-color:var(--c-green);color:#fff}
.incl{margin-top:var(--s-8);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-6)}
.incl h2{font-family:var(--f-body);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--c-action);margin-bottom:var(--s-4)}
.form-card--wide{max-width:none}
.form-card .back{display:inline-flex;align-items:center;gap:.4rem;border:0;background:none;color:var(--c-action);font-weight:600;font-size:var(--fs-sm);cursor:pointer;padding:0}
.form-card .back svg{width:1rem;height:1rem;transform:rotate(180deg)}
.who-line{margin-top:var(--s-2);font-size:var(--fs-sm);color:var(--c-muted)}
.who-line b{color:var(--c-navy)}
.cal{margin-top:var(--s-5);border:1px solid var(--c-line);border-radius:var(--r-md);overflow:hidden;min-height:44rem;background:var(--c-bg-soft)}
.cal iframe{display:block;width:100%;height:44rem;border:0}
@media (max-width:640px){.cal,.cal iframe{min-height:0;height:52rem}}
[hidden]{display:none!important}

/* Legal text */
.legal{max-width:46rem}
.legal h2{font-size:var(--fs-2xl);margin-top:var(--s-12);letter-spacing:-.025em}
.legal h2+*{margin-top:var(--s-4)}
.legal p,.legal li{line-height:1.75}
.legal ul{padding-left:1.25rem;display:grid;gap:.5rem;margin-top:var(--s-4)}
.legal p+p{margin-top:var(--s-4)}
.legal a{color:var(--c-action);text-decoration:underline;text-underline-offset:3px}
.updated{margin-top:var(--s-4);font-size:var(--fs-sm);color:var(--c-muted)}

/* 404 */
.nf{min-height:60vh;display:grid;align-items:center;text-align:center}
.nf .code{font-family:var(--f-head);font-size:clamp(4rem,3rem + 6vw,8rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:var(--c-bg-tint);-webkit-text-stroke:2px var(--c-line-2)}
.nf h1{font-size:var(--fs-4xl);margin-top:var(--s-4)}
.nf p{margin:var(--s-4) auto 0;color:var(--c-muted)}
.nf .btn-row{justify-content:center;margin-top:var(--s-8)}
.cta-final{border-bottom:1px solid rgba(255,255,255,.08)}
.chat .bubble--them{color:var(--c-navy)}
.chat .bubble--us{color:#fff}
.chat .chat__done{color:var(--c-green-ink)}
.nowrap{white-space:nowrap}
@media (max-width:640px){.after-row .btn-row{align-self:stretch}}

/* ---------- 12. Industry pages ---------- */
.hero .crumbs{padding:0;margin:calc(var(--s-4)*-1) 0 var(--s-8)}
.hero--center .crumbs ol{justify-content:center}
.uses{display:grid;gap:var(--s-5)}
@media (min-width:640px){.uses{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1024px){.uses{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}}
.uses .card{padding:var(--s-6) var(--s-6) var(--s-8);box-shadow:var(--sh-sm)}
.uses .card h3{margin-top:var(--s-5)}
.chat--light{border:1px solid var(--c-line);box-shadow:var(--sh-lg)}
.pband{display:grid;gap:var(--s-8);background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);box-shadow:var(--sh-md);padding:clamp(1.5rem,1rem + 2vw,2.5rem)}
@media (min-width:900px){.pband{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:var(--s-12)}}
.pband__nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-3)}
.pband__nums div{border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--s-4) var(--s-3);text-align:center;background:var(--c-bg-soft)}
.pband__nums b{display:block;font-family:var(--f-head);font-size:clamp(1.375rem,1rem + 1.4vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--c-navy);line-height:1.1}
.pband__nums span{display:block;margin-top:var(--s-1);font-size:var(--fs-xs);line-height:1.35;color:var(--c-muted)}
.ind-cards{display:grid;gap:var(--s-5)}
@media (min-width:900px){.ind-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-6)}}
.ind-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:var(--r-lg);padding:var(--s-8);box-shadow:var(--sh-md);transition:border-color .2s,box-shadow .2s,transform .2s var(--ease)}
.ind-card:hover{border-color:var(--c-blue);box-shadow:var(--sh-lg);transform:translateY(-3px)}
.ind-card .icon-tile{width:3.25rem;height:3.25rem}
.ind-card .icon-tile svg{width:1.6rem;height:1.6rem}
.ind-card h2{margin-top:var(--s-6);font-size:var(--fs-2xl);letter-spacing:-.025em}
.ind-card p{margin-top:var(--s-2);color:var(--c-muted);flex:1}
.ind-card__go{margin-top:var(--s-6);display:inline-flex;align-items:center;gap:.4rem;font-weight:600;color:var(--c-action)}
.ind-card__go svg{width:1rem;height:1rem;transition:transform .2s var(--ease)}
.ind-card:hover .ind-card__go svg{transform:translateX(3px)}
.nf .eyebrow{margin-bottom:var(--s-2)}
@media (max-width:639px){.uses .card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-1) var(--s-4);padding:var(--s-5)}.uses .card .icon-tile{grid-row:span 2}.uses .card h3{margin-top:0;font-size:var(--fs-lg)}.uses .card p{margin-top:0}}