/* =========================================================
   SMARTTA PREMIUM V2
   Add AFTER smartta.css + smartta-premium.css
   Purpose: scale + confidence sitewide
========================================================= */

:root{
  --sm-ink:#102239;--sm-ink-2:#47617c;--sm-ink-3:#7188a0;
  --sm-line:#e1ebf2;--sm-line-strong:#d2e0e9;--sm-line-soft:#edf4f8;
  --sm-surface:#ffffff;--sm-surface-2:#f9fcfe;--sm-surface-3:#f2f8fb;--sm-surface-4:#ebf5fa;
  --sm-brand:#4aa8c8;--sm-brand-dark:#2f93b4;--sm-brand-deep:#1f6f8f;--sm-brand-soft:#e9f6fb;
  --sm-radius-2xl:32px;--sm-radius-xl:30px;--sm-radius-lg:28px;--sm-radius-md:18px;--sm-radius-sm:14px;
  --sm-shadow-card:0 20px 48px rgba(16,34,57,.06),0 8px 24px rgba(16,34,57,.035),inset 0 1px 0 rgba(255,255,255,.85);
  --sm-shadow-panel:0 26px 64px rgba(16,34,57,.08),0 10px 28px rgba(16,34,57,.045),inset 0 1px 0 rgba(255,255,255,.86);
  --sm-shadow-hover:0 30px 72px rgba(16,34,57,.10),0 12px 32px rgba(16,34,57,.06);
  --sm-shadow-band:0 28px 72px rgba(16,34,57,.16),inset 0 1px 0 rgba(255,255,255,.08);
}

body{background:radial-gradient(circle at 0% 0%,rgba(74,168,200,.06),transparent 22%),radial-gradient(circle at 100% 0%,rgba(74,168,200,.06),transparent 24%),linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%)}
.sm-container{width:min(1240px,calc(100% - 56px))}
.sm-kicker{margin-bottom:13px;font-size:.74rem;letter-spacing:.17em;color:#7b8ea5}

/* Sections */
.sm-section{padding:40px 0 88px}
.sm-section__head{margin-bottom:34px}
.sm-section__head h2{margin:0 0 12px;max-width:15ch;font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:.97;letter-spacing:-.05em}
.sm-section__head p{max-width:780px;font-size:.9375rem;line-height:1.8;color:var(--sm-ink-2)}

/* Buttons */
.sm-btn{min-height:44px;padding:0 18px;border-radius:12px;font-size:.8125rem;font-weight:650;letter-spacing:-.01em}
.sm-btn--primary{box-shadow:0 16px 30px rgba(74,168,200,.24),inset 0 1px 0 rgba(255,255,255,.26)}
.sm-btn--primary:hover{box-shadow:0 20px 38px rgba(74,168,200,.30),inset 0 1px 0 rgba(255,255,255,.26)}
.sm-btn--secondary{box-shadow:0 8px 18px rgba(16,34,57,.04),inset 0 1px 0 rgba(255,255,255,.85)}

/* Hero V2 */
.sm-hero{position:relative;min-height:600px;display:flex;align-items:center;padding:130px 0 80px;background:radial-gradient(circle at 82% 12%,rgba(74,168,200,.18),transparent 20%),radial-gradient(circle at 96% 22%,rgba(74,168,200,.10),transparent 22%),radial-gradient(circle at 0% 0%,rgba(74,168,200,.06),transparent 26%),linear-gradient(180deg,#fbfdfe 0%,#ffffff 62%)}
.sm-hero__grid{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);gap:40px;align-items:center}
.sm-hero h1{max-width:11ch;margin:0 0 18px;font-size:clamp(2rem,4vw,3.5rem);line-height:.94;letter-spacing:-.05em}
.sm-hero__lede{max-width:720px;font-size:.9375rem;line-height:1.8;color:var(--sm-ink-2)}
.sm-hero__actions{margin-top:30px;gap:12px}

/* Panels */
.sm-panel,.sm-code,.sm-copy-block,.sm-mock{border-radius:var(--sm-radius-xl)}
.sm-panel{position:relative;padding:28px;border:1px solid rgba(225,235,242,.96);background:radial-gradient(circle at top right,rgba(74,168,200,.08),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(248,251,253,.98) 100%);box-shadow:var(--sm-shadow-panel);overflow:hidden}
.sm-code{position:relative;padding:28px;background:#122239;border:1px solid rgba(50,84,122,.35);box-shadow:var(--sm-shadow-panel);overflow:hidden}
.sm-code pre{color:#dce8f2;font-size:.8125rem;line-height:1.75}
.sm-panel::before,.sm-code::before{height:5px;opacity:.95;background:linear-gradient(90deg,var(--sm-brand) 0%,rgba(74,168,200,.18) 100%)}
.sm-panel__eyebrow{margin:0 0 14px;font-size:.72rem;text-transform:uppercase;letter-spacing:.17em;color:#7e92a8;font-weight:700}
.sm-stack__item{padding:17px 0}
.sm-stack__item strong{margin-bottom:5px;font-size:.875rem;line-height:1.35;font-weight:650;letter-spacing:-.02em}
.sm-stack__item span{font-size:.8125rem;line-height:1.6;color:var(--sm-ink-2)}
.sm-pill{min-height:34px;padding:0 13px;border-radius:999px;border:1px solid #d5e8f0;background:linear-gradient(180deg,#f1fbfe 0%,#e8f6fb 100%);color:var(--sm-brand-deep);font-size:.83rem;font-weight:700}

/* Subnav */
.sm-subnav{padding:8px 0 38px}
.sm-subnav__inner a{min-height:38px;padding:0 14px;font-size:.8125rem;font-weight:600;border-radius:999px;box-shadow:0 4px 10px rgba(16,34,57,.03)}

/* Cards V2 */
.sm-grid-3{gap:22px}
.sm-card{position:relative;display:flex;flex-direction:column;height:100%;padding:30px;border-radius:var(--sm-radius-lg);border:1px solid rgba(225,235,242,.96);background:radial-gradient(circle at top right,rgba(74,168,200,.06),transparent 26%),linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%);box-shadow:var(--sm-shadow-card);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease,background .24s ease}
.sm-card::before{display:none}
.sm-card:hover{transform:translateY(-6px);border-color:#d6e6ef;background:radial-gradient(circle at top right,rgba(74,168,200,.09),transparent 28%),linear-gradient(180deg,#ffffff 0%,#f9fcfe 100%);box-shadow:var(--sm-shadow-hover)}
.sm-card__num{width:40px;height:40px;margin-bottom:16px;border-radius:13px;border:1px solid #d8eaf2;background:linear-gradient(180deg,#effafd 0%,#e5f5fb 100%);color:var(--sm-brand-deep);font-size:.9rem;font-weight:700}
.sm-card h3{margin:0 0 10px;font-size:1.0625rem;line-height:1.1;letter-spacing:-.03em}
.sm-card p{margin:0;font-size:.875rem;line-height:1.7;color:var(--sm-ink-2)}
.sm-card .sm-inline-link{font-weight:700}

/* Split blocks */
.sm-split{gap:28px;align-items:stretch}
.sm-copy-block,.sm-mock{position:relative;padding:32px;border:1px solid rgba(225,235,242,.96);background:radial-gradient(circle at top right,rgba(74,168,200,.05),transparent 26%),linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%);box-shadow:var(--sm-shadow-card);overflow:hidden}
.sm-copy-block h3{margin:0 0 12px;font-size:1.375rem;line-height:1.1;letter-spacing:-.03em}
.sm-copy-block p{margin:0 0 18px;font-size:.875rem;line-height:1.75;color:var(--sm-ink-2)}
.sm-mock{background:radial-gradient(circle at top right,rgba(74,168,200,.10),transparent 30%),linear-gradient(180deg,#ffffff 0%,#f8fbfd 100%)}
.sm-badge{min-height:29px;padding:0 11px;font-size:.8rem}
.sm-status{min-height:30px;padding:0 11px;font-size:.79rem}

/* Dark band V2 */
.sm-band{padding:42px;border-radius:var(--sm-radius-2xl);box-shadow:var(--sm-shadow-band)}
.sm-band__head{margin-bottom:26px}
.sm-band__head h2{max-width:14ch;margin:0 0 12px;font-size:clamp(1.5rem,2.4vw,2.25rem);line-height:1.05;letter-spacing:-.04em}
.sm-band__head p{max-width:760px;font-size:.875rem;line-height:1.75}
.sm-band__item{padding:22px;border-radius:20px}
.sm-band__item strong{margin-bottom:8px;font-size:.9375rem;letter-spacing:-.015em}
.sm-band__item span{font-size:.8125rem;line-height:1.6}

/* CTA V2 */
.sm-cta{padding:10px 0 96px}
.sm-cta__box{padding:42px;border-radius:var(--sm-radius-2xl);box-shadow:0 26px 60px rgba(16,34,57,.08),inset 0 1px 0 rgba(255,255,255,.84)}
.sm-cta__box h2{max-width:13ch;margin:0 0 12px;font-size:clamp(1.5rem,2.5vw,2.25rem);line-height:1.05;letter-spacing:-.04em}
.sm-cta__box p{max-width:760px;font-size:.875rem;line-height:1.75}

/* Footer V2 */
.sm-footer{position:relative;margin-top:8px;border-top:1px solid rgba(225,235,242,.95);background:radial-gradient(circle at top left,rgba(74,168,200,.05),transparent 20%),linear-gradient(180deg,#ffffff 0%,#fbfdfe 100%)}
.sm-footer__grid{gap:34px;padding:56px 0 40px;align-items:start}
.sm-footer__brand{font-size:1.5rem;letter-spacing:-.03em}
.sm-footer__tag{margin:10px 0 12px;max-width:18ch;font-size:.9375rem;line-height:1.4;letter-spacing:-.01em;color:var(--sm-ink)}
.sm-footer__copy{max-width:430px;font-size:.8125rem;line-height:1.7;color:var(--sm-ink-2)}
.sm-footer__heading{margin:6px 0 18px;font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#8195ab}
.sm-footer__col{gap:12px}
.sm-footer__col a{width:fit-content;font-size:.8125rem;line-height:1.5;color:var(--sm-ink-2)}
.sm-footer__col a:hover{color:var(--sm-ink)}
.sm-footer__bottom{padding:22px 0 30px;border-top:1px solid rgba(225,235,242,.95);font-size:.92rem;color:#7d91a7}
.sm-footer__legal{gap:20px;row-gap:10px}
.sm-footer__legal a{font-size:.92rem;color:#7d91a7}
.sm-footer__legal a:hover{color:var(--sm-ink)}

/* Forms */
input,textarea,select{border-radius:14px}
input:focus,textarea:focus,select:focus{outline:none;border-color:#b7dce8 !important;box-shadow:0 0 0 4px rgba(74,168,200,.10)}

/* Responsive */
@media(max-width:1200px){.sm-container{width:min(100% - 40px,1240px)}.sm-footer__grid{grid-template-columns:1fr 1fr 1fr}.sm-footer__brandcol{grid-column:1/-1}}
@media(max-width:1080px){.sm-container{width:min(100% - 34px,1240px)}.sm-section{padding:34px 0 76px}.sm-hero{padding:42px 0 24px}.sm-hero__grid{grid-template-columns:1fr;gap:26px}.sm-hero h1{max-width:12ch;font-size:clamp(2.6rem,7vw,4.15rem)}.sm-panel,.sm-code,.sm-copy-block,.sm-mock,.sm-card,.sm-band,.sm-cta__box{border-radius:24px}.sm-panel,.sm-code{padding:24px}.sm-copy-block,.sm-mock,.sm-card{padding:26px}.sm-band,.sm-cta__box{padding:34px}}
@media(max-width:720px){.sm-container{width:min(100% - 24px,1240px)}.sm-footer__grid{grid-template-columns:1fr 1fr}
  .sm-hero{padding:28px 0 18px}.sm-hero h1{font-size:clamp(2.2rem,10vw,3.2rem);max-width:none}.sm-section{padding:28px 0 64px}.sm-card,.sm-copy-block,.sm-mock,.sm-band,.sm-cta__box,.sm-panel,.sm-code{padding:22px;border-radius:20px}
  .sm-footer__grid{gap:28px;padding-top:36px}}
@media(max-width:540px){.sm-footer__grid{grid-template-columns:1fr}}

/* =========================================================
   SECTION-SPECIFIC DARK HEROES
   Each section gets its own colour accent while keeping
   the same dark navy base + geometric ribbon pattern.
========================================================= */

/* Dark hero base — all section heroes share this */
.sm-hero--dark{
  background:#0f1c2e !important;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.sm-hero--dark h1,.sm-hero--dark h2,.sm-hero--dark strong{color:#fff}
.sm-hero--dark p,.sm-hero--dark .sm-hero__lede{color:rgba(255,255,255,.7)}
.sm-hero--dark .sm-kicker{color:rgba(255,255,255,.5)}
.sm-hero--dark .sm-panel{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.sm-hero--dark .sm-panel::before{background:linear-gradient(90deg,rgba(255,255,255,.2) 0%,transparent 100%)}
.sm-hero--dark .sm-panel__eyebrow{color:rgba(255,255,255,.4)}
.sm-hero--dark .sm-stack__item strong{color:#fff}
.sm-hero--dark .sm-stack__item span{color:rgba(255,255,255,.6)}
.sm-hero--dark .sm-stack__item{border-color:rgba(255,255,255,.08)}
.sm-hero--dark .sm-pill{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.8)}

/* Ribbon decorations for dark heroes */
.sm-hero--dark::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
}
.sm-hero--dark::after{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
}
.sm-hero--dark>*{position:relative;z-index:1}

/* ── Platform (teal) ── */
.sm-hero--platform::before{
  background:
    radial-gradient(ellipse 70% 60% at 75% 20%,rgba(74,168,200,.50),transparent 60%),
    radial-gradient(ellipse 50% 50% at 20% 80%,rgba(74,168,200,.25),transparent 55%);
}
.sm-hero--platform::after{
  background:linear-gradient(135deg,transparent 30%,rgba(74,168,200,.15) 55%,transparent 75%);
}
.sm-hero--platform .sm-kicker{color:#80e9ff}

/* ── Solutions (indigo/purple) ── */
.sm-hero--solutions::before{
  background:
    radial-gradient(ellipse 70% 60% at 70% 25%,rgba(99,91,255,.45),transparent 60%),
    radial-gradient(ellipse 50% 50% at 15% 75%,rgba(139,92,246,.25),transparent 55%);
}
.sm-hero--solutions::after{
  background:linear-gradient(135deg,transparent 30%,rgba(99,91,255,.12) 55%,transparent 75%);
}
.sm-hero--solutions .sm-kicker{color:#c4b5fd}

/* ── Built For (emerald/green) ── */
.sm-hero--builtfor::before{
  background:
    radial-gradient(ellipse 70% 60% at 75% 20%,rgba(16,185,129,.40),transparent 60%),
    radial-gradient(ellipse 50% 50% at 20% 80%,rgba(52,211,153,.20),transparent 55%);
}
.sm-hero--builtfor::after{
  background:linear-gradient(135deg,transparent 30%,rgba(16,185,129,.12) 55%,transparent 75%);
}
.sm-hero--builtfor .sm-kicker{color:#6ee7b7}

/* ── Resources (amber/warm) ── */
.sm-hero--resources::before{
  background:
    radial-gradient(ellipse 70% 60% at 70% 25%,rgba(245,158,11,.40),transparent 60%),
    radial-gradient(ellipse 50% 50% at 20% 75%,rgba(251,191,36,.20),transparent 55%);
}
.sm-hero--resources::after{
  background:linear-gradient(135deg,transparent 30%,rgba(245,158,11,.10) 55%,transparent 75%);
}
.sm-hero--resources .sm-kicker{color:#fcd34d}

/* ── Company (sky/blue) ── */
.sm-hero--company::before{
  background:
    radial-gradient(ellipse 70% 60% at 75% 20%,rgba(14,165,233,.45),transparent 60%),
    radial-gradient(ellipse 50% 50% at 15% 80%,rgba(56,189,248,.20),transparent 55%);
}
.sm-hero--company::after{
  background:linear-gradient(135deg,transparent 30%,rgba(14,165,233,.12) 55%,transparent 75%);
}
.sm-hero--company .sm-kicker{color:#7dd3fc}

/* ── Trust (rose/coral) ── */
.sm-hero--trust::before{
  background:
    radial-gradient(ellipse 70% 60% at 70% 25%,rgba(244,63,94,.40),transparent 60%),
    radial-gradient(ellipse 50% 50% at 20% 75%,rgba(251,113,133,.20),transparent 55%);
}
.sm-hero--trust::after{
  background:linear-gradient(135deg,transparent 30%,rgba(244,63,94,.10) 55%,transparent 75%);
}
.sm-hero--trust .sm-kicker{color:#fda4af}

/* Mobile menu scroll fix — entire header becomes scrollable overlay */
@media(max-width:1080px){
  .sm-header.is-mobile-open{
    position:fixed;
    inset:0;
    z-index:1000;
    overflow-y:auto;
    overflow-x:hidden;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    padding-bottom:40px;
  }
  .sm-header.is-mobile-open .sm-nav.is-open{
    max-height:none;
    overflow-y:visible;
  }
}

/* =========================================================
   DYNAMIC HEROES — Stripe-Inspired Visual Variety
========================================================= */

/* Angled hero bottom edge */
.sm-hero--angled{padding-bottom:80px;margin-bottom:-40px}
.sm-hero--angled>.sm-container{position:relative;z-index:2}
.sm-hero--angled .sm-hero__angle{
  position:absolute;bottom:0;left:0;right:0;height:80px;z-index:1;
  background:var(--sm-surface,#fff);
  transform:skewY(-3deg);transform-origin:bottom left;
}

/* Floating cards container — hero right side */
.sm-hero__floaters{
  position:relative;display:flex;flex-direction:column;gap:14px;
  perspective:800px;
}

/* Individual floating card — frosted glass */
.sm-float-card{
  background:hsla(0,0%,100%,.88);
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
  border:1px solid rgba(255,255,255,.5);
  border-radius:14px;
  padding:18px 20px;
  box-shadow:
    0 6px 20px rgba(0,0,0,.08),
    0 30px 60px -20px rgba(0,0,0,.12);
  display:flex;align-items:center;gap:14px;
  opacity:0;
  animation:floatCardIn .6s cubic-bezier(.65,0,.35,1) forwards;
  transition:transform .2s ease,box-shadow .2s ease;
  min-width:280px;
}
.sm-float-card:hover{
  transform:scale(1.02) translateY(-2px);
  box-shadow:
    0 8px 28px rgba(0,0,0,.10),
    0 36px 72px -24px rgba(0,0,0,.15);
}
.sm-float-card:nth-child(1){animation-delay:.1s}
.sm-float-card:nth-child(2){animation-delay:.25s;margin-left:24px}
.sm-float-card:nth-child(3){animation-delay:.4s;margin-left:8px}

@keyframes floatCardIn{
  from{opacity:0;transform:translateY(20px) scale(.96)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

/* Float card icon */
.sm-float-card__icon{
  width:40px;height:40px;border-radius:10px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.sm-float-card__icon--teal{background:rgba(74,168,200,.15);color:#1e6f8f}
.sm-float-card__icon--indigo{background:rgba(99,91,255,.12);color:#4f46e5}
.sm-float-card__icon--emerald{background:rgba(16,185,129,.12);color:#047857}
.sm-float-card__icon--amber{background:rgba(245,158,11,.12);color:#b45309}
.sm-float-card__icon--rose{background:rgba(244,63,94,.10);color:#be123c}
.sm-float-card__icon--sky{background:rgba(14,165,233,.12);color:#0369a1}

/* Float card text */
.sm-float-card__title{font-size:.875rem;font-weight:650;color:#0f172a;margin:0 0 2px}
.sm-float-card__desc{font-size:.75rem;color:#64748b;margin:0;line-height:1.4}

/* Dark hero float cards — invert for dark backgrounds */
.sm-hero--dark .sm-float-card{
  background:hsla(0,0%,100%,.08);
  border-color:rgba(255,255,255,.12);
  backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
  box-shadow:
    0 6px 20px rgba(0,0,0,.2),
    0 30px 60px -20px rgba(0,0,0,.3);
}
.sm-hero--dark .sm-float-card:hover{
  background:hsla(0,0%,100%,.12);
  box-shadow:
    0 8px 28px rgba(0,0,0,.25),
    0 36px 72px -24px rgba(0,0,0,.35);
}
.sm-hero--dark .sm-float-card__title{color:#fff}
.sm-hero--dark .sm-float-card__desc{color:rgba(255,255,255,.6)}
.sm-hero--dark .sm-float-card__icon--teal{background:rgba(74,168,200,.2);color:#80e9ff}
.sm-hero--dark .sm-float-card__icon--indigo{background:rgba(99,91,255,.2);color:#c4b5fd}
.sm-hero--dark .sm-float-card__icon--emerald{background:rgba(16,185,129,.2);color:#6ee7b7}
.sm-hero--dark .sm-float-card__icon--amber{background:rgba(245,158,11,.2);color:#fcd34d}
.sm-hero--dark .sm-float-card__icon--rose{background:rgba(244,63,94,.2);color:#fda4af}

/* Gentle continuous float animation */
.sm-float-card:nth-child(1){animation:floatCardIn .6s cubic-bezier(.65,0,.35,1) forwards,gentleFloat 6s ease-in-out .7s infinite}
.sm-float-card:nth-child(2){animation:floatCardIn .6s cubic-bezier(.65,0,.35,1) .25s forwards,gentleFloat 6s ease-in-out 1s infinite}
.sm-float-card:nth-child(3){animation:floatCardIn .6s cubic-bezier(.65,0,.35,1) .4s forwards,gentleFloat 6s ease-in-out 1.4s infinite}

@keyframes gentleFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-6px)}
}

/* Responsive — stack floaters on mobile */
@media(max-width:1080px){
  .sm-hero__floaters{display:none}
  .sm-hero--angled{padding-bottom:48px;margin-bottom:-24px}
}

/* =========================================================
   LIGHT HERO VARIANTS — replace dark heroes with airy feel
========================================================= */

/* Light hero base */
.sm-hero--light{
  background:#fff !important;
  color:var(--sm-ink) !important;
  position:relative;overflow:hidden;
}
.sm-hero--light h1{color:var(--sm-ink) !important}
.sm-hero--light p,.sm-hero--light .sm-hero__lede{color:var(--sm-ink-2) !important}
.sm-hero--light .sm-kicker{color:var(--sm-brand) !important}

/* Remove angled cut — use soft gradient fade instead */
.sm-hero--light .sm-hero__angle{display:none}
.sm-hero--light.sm-hero--angled{margin-bottom:0;padding-bottom:60px}

/* Light hero floating cards — solid white with strong shadow */
.sm-hero--light .sm-float-card{
  background:hsla(0,0%,100%,.95) !important;
  border-color:rgba(0,0,0,.06) !important;
  backdrop-filter:none;
  box-shadow:0 8px 24px rgba(0,0,0,.06),0 32px 64px -16px rgba(0,0,0,.10) !important;
}
.sm-hero--light .sm-float-card:hover{
  box-shadow:0 12px 32px rgba(0,0,0,.08),0 40px 80px -20px rgba(0,0,0,.14) !important;
}
.sm-hero--light .sm-float-card__title{color:var(--sm-ink) !important}
.sm-hero--light .sm-float-card__desc{color:var(--sm-ink-2) !important}

/* ── Pastel hero backgrounds per section — radial gradients for depth ── */
.sm-hero--light.sm-hero--platform{background:radial-gradient(ellipse 80% 70% at 30% 20%,#b3e0ff,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 80%,#c4d9ff,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 10%,#d6ecff,transparent 45%),#99ccff !important}
.sm-hero--light.sm-hero--solutions{background:radial-gradient(ellipse 80% 70% at 30% 20%,#e4d9ff,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 80%,#ddd0ff,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 10%,#ebe3ff,transparent 45%),#d5ccff !important}
.sm-hero--light.sm-hero--solutions .sm-kicker{color:#5b21b6 !important}
.sm-hero--light.sm-hero--builtfor{background:radial-gradient(ellipse 80% 70% at 30% 20%,#d4fae5,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 80%,#c2f5d8,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 10%,#defaec,transparent 45%),#b5f5d0 !important}
.sm-hero--light.sm-hero--builtfor .sm-kicker{color:#047857 !important}
.sm-hero--light.sm-hero--resources{background:radial-gradient(ellipse 80% 70% at 30% 20%,#fef0b8,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 80%,#fde996,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 10%,#fef4cc,transparent 45%),#fde68a !important}
.sm-hero--light.sm-hero--resources .sm-kicker{color:#92400e !important}
.sm-hero--light.sm-hero--company{background:radial-gradient(ellipse 80% 70% at 30% 20%,#d4effd,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 80%,#c8eafc,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 10%,#ddf2fe,transparent 45%),#bae6fd !important}
.sm-hero--light.sm-hero--company .sm-kicker{color:#0369a1 !important}
.sm-hero--light.sm-hero--trust{background:radial-gradient(ellipse 80% 70% at 30% 20%,#fee2e6,transparent 60%),radial-gradient(ellipse 60% 60% at 85% 80%,#fdd5db,transparent 50%),radial-gradient(ellipse 50% 40% at 60% 10%,#feebee,transparent 45%),#fecdd3 !important}
.sm-hero--light.sm-hero--trust .sm-kicker{color:#be123c !important}

/* Bottom fade removed — clean hard edge to match homepage */