/* ═══ SCIÉNTIO — Core Stylesheet ═══ */
/* Fonts, variables, reset, body, nav, global components, readability, responsive */

/* ─── Font Faces ─── */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url('/fonts/instrument-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:optional;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url('/fonts/instrument-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:optional;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url('/fonts/instrument-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:optional;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/jetbrains-mono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:optional;src:url('/fonts/jetbrains-mono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:500;font-display:optional;src:url('/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:400;font-display:optional;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:600;font-display:optional;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:600;font-display:optional;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:700;font-display:optional;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:optional;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:optional;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ─── Variables ─── */
:root{
  --bg-main:#141E2B;
  --bg-panel:#1C2836;
  --bg-panel-strong:#243244;
  --text-main:#EAECE8;
  --text-muted:#9EAAB8;
  --accent-teal:#3BBFA0;
  --accent-teal-strong:#2E9E84;
  --accent-gold:#C49A6C;
  --accent-red:#CC4444;
  --accent-amber:#D4953A;
  --border-soft:rgba(59,191,160,.12);
  --border-warm:rgba(196,154,108,.15);
  --shadow-panel:0 24px 56px rgba(0,0,0,.18);
  --shadow-light:0 4px 24px rgba(0,0,0,.06);
  --radius-card:16px;
  --radius-button:12px;
  --radius-small:8px;
  --font-display:'Syne',sans-serif;
  --font-body:'Instrument Sans',sans-serif;
  --font-mono:'JetBrains Mono',monospace;
  /* Aliases */
  --bg:var(--bg-main);--bg2:var(--bg-panel);--bg3:var(--bg-panel-strong);
  --text:var(--text-main);--muted:var(--text-muted);
  --teal:var(--accent-teal);--teal2:var(--accent-teal-strong);
  --teal-dim:rgba(59,191,160,0.1);--teal-border:rgba(59,191,160,0.13);
  --gold:var(--accent-gold);--gold-dim:rgba(196,154,108,0.08);--gold-border:rgba(196,154,108,0.2);
  --red:var(--accent-red);--red-dim:rgba(255,59,59,0.08);--red-border:rgba(255,59,59,0.18);
  --amber:var(--accent-amber);--amber-dim:rgba(255,176,32,0.1);
  --border:var(--border-soft);--card:rgba(28,40,54,.85);--crimson:var(--accent-red);
}

/* ─── Reset & Body ─── */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--font-body);
  background:
    radial-gradient(circle at top left, rgba(59,191,160,0.08), transparent 35%),
    radial-gradient(circle at top right, rgba(196,154,108,0.06), transparent 28%),
    linear-gradient(180deg, var(--bg2) 0%, var(--bg) 38%, #020811 100%);
  background-attachment:fixed;
  color:var(--text);
  line-height:1.75;
  font-size:17px;
  overflow-x:hidden;
}
body{font-family:var(--font-body)}

/* ─── Design System Global Overrides ─── */
/* Sciéntio Design System — unified premium science layer */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url('/fonts/instrument-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url('/fonts/instrument-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url('/fonts/instrument-sans-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url('/fonts/instrument-sans-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrains-mono-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/jetbrains-mono-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/syne-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Syne';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/syne-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}


:is(.nav-cta,.cta-btn,.btn,.btn-primary,.btn--primary,.btn-teal,.calc-btn,.hero-actions a,.cta-row a,.sp-actions a,.readability-actions a,.art-cta a,.contact-card a.btn,.pill-list a){border-radius:var(--radius-button);font-family:var(--font-display);font-weight:700;letter-spacing:.01em;min-height:44px;padding-inline:16px;transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;box-shadow:0 12px 28px rgba(0,0,0,.18)}
:is(.nav-cta,.btn-primary,.btn--primary,.btn-teal,.calc-btn,.hero-actions a.btn-primary,.sp-actions a.btn-primary,.art-cta a,.contact-card a.btn-primary){background:linear-gradient(180deg,var(--accent-teal),var(--accent-teal-strong));color:#041017!important;border:1px solid rgba(255,255,255,.04)}
:is(.btn-secondary,.btn--secondary,.btn-ghost,.hero-actions a.btn-ghost,.sp-actions a.btn-ghost,.contact-card a.btn-secondary,.readability-actions a.btn-ghost){background:rgba(255,255,255,.05)!important;color:#fff!important;border:1px solid rgba(255,255,255,.12)!important}
:is(.nav-cta,.cta-btn,.btn,.btn-primary,.btn--primary,.btn-teal,.calc-btn,.hero-actions a,.cta-row a,.sp-actions a,.readability-actions a,.art-cta a,.pill-list a):hover{transform:translateY(-1px);filter:brightness(1.03)}
:is(.surface-card,.route-card,.article-box,.helper-box,.readability-card,.contact-card,.price-card,.service-card,.proof-card,.faq-item,.case-card,.sp-stat,.hstat){border-radius:var(--radius-card);box-shadow:var(--shadow-panel)}
h1,h2{font-family:var(--font-display)!important;font-weight:700!important}
main h1,main h2,main h3,.page-title,.card-title{font-family:var(--font-display)}
main p,main li{text-wrap:pretty}
main h1,main h2,main h3,.page-title,.card-title{text-wrap:balance}

@media (min-width:821px){
  :is(h1,.page-title,.sec-title,.sp-h1){
    font-size:clamp(26px,4vw,44px)!important;
    font-weight:800!important;
    line-height:1.1!important;
    letter-spacing:-.025em!important;
    margin-bottom:14px!important;
  }
}


/* Structured footer for service hub / collection templates */
.footer--structured{background:linear-gradient(180deg,rgba(4,14,24,.96),rgba(3,12,22,.985));border-top:1px solid rgba(255,255,255,.06);padding:42px 0 24px;margin-top:56px;position:relative}
.footer--structured .footer-grid{max-width:1320px;margin:0 auto;padding:0 5%;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.9fr) minmax(0,.9fr);gap:32px;align-items:start}
.footer--structured .footer-brand{font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:.01em;color:var(--text-main);margin-bottom:10px}
.footer--structured .footer-brand span{color:var(--accent-teal)}
.footer--structured p,.footer--structured li,.footer--structured a{font-size:.95rem;line-height:1.75;color:var(--text-muted)}
.footer--structured h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-teal);margin:4px 0 14px}
.footer--structured .footer-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.footer--structured .footer-list a{text-decoration:none;transition:color .18s ease,opacity .18s ease}
.footer--structured .footer-list a:hover,.footer--structured .footer-bottom a:hover{color:var(--text-main)}
.footer--structured .footer-bottom{max-width:1320px;margin:26px auto 0;padding:18px 5% 0;border-top:1px solid rgba(255,255,255,.06);font-size:.84rem;line-height:1.7;color:rgba(255,255,255,.58)}
.footer--structured .footer-bottom a{color:var(--text-muted);text-decoration:none}
@media (max-width:820px){.footer--structured .footer-grid{grid-template-columns:1fr;gap:22px}.footer--structured .footer-bottom{text-align:left}}

/* ═══ WHATSAPP FLOATING BUTTON (global — loaded by all pages) ═══ */
.wa-float{position:fixed;bottom:24px;right:24px;z-index:998;display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;font-family:'Syne',sans-serif;font-weight:700;font-size:14px;padding:14px 22px;border-radius:60px;text-decoration:none;box-shadow:0 4px 20px rgba(37,211,102,.4);transition:all .25s ease}
.wa-float:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 8px 32px rgba(37,211,102,.55)}
.wa-float svg{width:22px;height:22px;fill:#fff;flex-shrink:0}
.wa-float-pulse{position:absolute;inset:-4px;border-radius:inherit;border:2px solid rgba(37,211,102,.4);animation:waPulse 2.4s ease-out infinite}
@keyframes waPulse{0%{opacity:.7;transform:scale(1)}70%{opacity:0;transform:scale(1.25)}100%{opacity:0;transform:scale(1.25)}}
@media(max-width:768px){.wa-float{bottom:18px;right:16px;padding:12px 16px;font-size:0;gap:0}.wa-float svg{width:26px;height:26px}}

/* ═══ SECTION RHYTHM — alternating light/dark ═══ */



/* ─── Readability ─── */

/* === Sitewide readability upgrade === */
.readability-shell{max-width:1320px;margin:20px auto 34px;padding:0 18px}
.readability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.readability-card{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px;box-shadow:0 18px 48px rgba(15,23,42,.08)}
.readability-card--accent{background:linear-gradient(180deg,#fff 0%,#f7fbfb 100%);border-color:rgba(0,115,115,.14)}
.readability-card--warm{background:linear-gradient(180deg,#fff 0%,#fff8f5 100%);border-color:rgba(168,85,22,.14)}
.readability-card--dark{background:linear-gradient(180deg,#0b1620 0%,#0e1e2d 100%);border-color:rgba(255,255,255,.08);color:#f8fbff}
.readability-card .eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:rgba(0,115,115,.08);color:#0d5d5d;font-size:.8rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.readability-card--dark .eyebrow{background:rgba(255,255,255,.08);color:#e9f7ff}
.readability-card h2,.readability-card h3{margin:12px 0 10px;line-height:1.15}
.readability-card p{margin:0 0 12px;max-width:62ch}
.readability-list,.readability-jumps{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.readability-list li,.readability-jumps li{display:flex;align-items:flex-start;gap:10px;line-height:1.55}
.readability-list li::before{content:'•';color:#c1121f;font-weight:900;line-height:1}
.readability-jumps a,.readability-actions a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:800;color:#0b5d66}
.readability-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.readability-actions a{padding:11px 16px;border-radius:14px;background:#f3fbfb;border:1px solid rgba(0,115,115,.14)}
.readability-card--dark .readability-actions a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.12);color:#fff}
.readability-actions a:hover,.readability-jumps a:hover{text-decoration:underline}
.readability-compact p:last-child,.readability-card p:last-child{margin-bottom:0}
main p{max-width:72ch}
.article-body p,.surface-card p,.route-card p,.sg-card p,.sp-hero p,.sp-sec p,.sec-pad p,.hero p,.form-sec p,.price-sec p{line-height:1.76}
.article-body li,.surface-card li,.sg-card li,.sp-sec li,.sec-pad li{line-height:1.7}
.article-body h2,.article-body h3,.sp-sec h2,.sec-pad h2,.section-shell h2,.surface-card h2{scroll-margin-top:100px}
.article-body>*+*,.surface-card>*+*,.sp-sec>*+*,.sec-pad>*+*{margin-top:14px}
.article-body blockquote{padding:18px 20px;border-left:4px solid #c1121f;background:#fff7f7;border-radius:14px;margin:20px 0}
.readability-note{font-size:.96rem;color:#52606d}
@media (max-width:980px){.readability-grid{grid-template-columns:1fr}.readability-shell{margin:14px auto 26px;padding:0 14px}}


/* 2026 readability + premium cleanup */
.readability-shell--premium{margin:32px auto 48px;max-width:1320px;padding:0 20px}.readability-shell--premium .readability-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:18px;align-items:stretch}.readability-shell--premium .readability-card{border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:24px;background:rgba(16,20,24,.88);box-shadow:0 10px 30px rgba(0,0,0,.18)}.readability-shell--premium .readability-card--accent{background:linear-gradient(180deg,rgba(14,44,46,.96),rgba(12,20,23,.96));border-color:rgba(92,224,211,.18)}.readability-shell--premium .readability-card--dark{background:linear-gradient(180deg,rgba(15,16,18,.96),rgba(10,11,13,.96))}.readability-shell--premium h2,.readability-shell--premium h3{margin:0 0 10px}.readability-shell--premium p{margin:0;color:#d6dde0;line-height:1.72}.readability-jumps--plain{margin:0;padding-left:20px;display:grid;gap:8px}.readability-jumps--plain li{color:#f2f5f7;line-height:1.55}.readability-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.article-body p,.surface-card p,.sp-sec p,.sg-band p,.layout-grid p,.article-box p{max-width:72ch;line-height:1.82}.article-body h2,.article-body h3,.sp-sec h2,.sg-band h2,.surface-card h2{scroll-margin-top:96px}.callout,.helper-box,.surface-card,.article-box{border-radius:22px}@media (max-width:900px){.readability-shell--premium .readability-grid{grid-template-columns:1fr}}


/* 2026 premium science refinement */
.readability-shell--premium{position:relative;isolation:isolate}
.readability-shell--premium::before{content:'';position:absolute;inset:0 auto auto 20px;width:160px;height:1px;background:linear-gradient(90deg,rgba(59,191,160,.88),rgba(59,191,160,0));opacity:.9}
.readability-shell--premium .readability-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(10,19,27,.94),rgba(7,13,19,.98));border:1px solid rgba(138,255,239,.08);box-shadow:0 24px 60px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.readability-shell--premium .readability-card::after{content:'';position:absolute;inset:auto -20% -40% auto;width:180px;height:180px;background:radial-gradient(circle,rgba(59,191,160,.08),transparent 62%);pointer-events:none}
.readability-shell--premium .readability-card--accent{background:linear-gradient(180deg,rgba(7,41,47,.98),rgba(7,16,22,.98));border-color:rgba(59,191,160,.18)}
.readability-shell--premium .readability-card--dark{background:linear-gradient(180deg,rgba(14,16,19,.98),rgba(7,10,12,.98));border-color:rgba(196,154,108,.12)}
.readability-shell--premium h2,.readability-shell--premium h3{font-family:'Syne',sans-serif;font-weight:700;letter-spacing:-.02em;color:#fff}
.readability-shell--premium p{color:#d7e4ee;max-width:60ch}
.readability-jumps--links{counter-reset:jump}
.readability-jumps--links li{list-style:none}
.readability-jumps--links a{display:flex;align-items:flex-start;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);color:#f3f8fc;line-height:1.45;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.readability-jumps--links a::before{counter-increment:jump;content:counter(jump, decimal-leading-zero);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;border-radius:999px;background:rgba(59,191,160,.12);border:1px solid rgba(59,191,160,.16);color:#8bf3e5;font:600 12px/1 'JetBrains Mono',monospace}
.readability-jumps--links a:hover{transform:translateY(-1px);border-color:rgba(59,191,160,.25);background:rgba(255,255,255,.05);text-decoration:none}
.readability-actions a{border-radius:999px;padding:12px 16px;font-family:'Syne',sans-serif;letter-spacing:.01em}
.readability-actions .btn-teal{background:linear-gradient(180deg,#18f0d4,#09c8b0);color:#141E2B;border:0}
.readability-actions .btn-ghost{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.12)!important;color:#fff!important}
.route-cluster__shell{width:min(1180px,calc(100% - 10%));margin:0 auto 64px;padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(5,12,18,.9),rgba(4,9,14,.95));border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 80px rgba(0,0,0,.22)}
.route-cluster__head h2{font-family:'Syne',sans-serif;font-size:clamp(28px,3.4vw,40px);line-height:1.08;margin:12px 0 12px;color:#fff}
.route-cluster__head p{max-width:72ch;color:#c4d7e6}
.route-cluster__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.route-card{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.route-card:hover{transform:translateY(-2px);border-color:rgba(59,191,160,.16);box-shadow:0 16px 36px rgba(0,0,0,.24)}
.route-card .pill-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}
.route-card .pill-list a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#eaf5fb;font-weight:700}
.route-card .pill-list a:hover{border-color:rgba(59,191,160,.2);background:rgba(255,255,255,.05)}
.route-card--warm{background:linear-gradient(180deg,rgba(32,24,10,.42),rgba(10,14,18,.95))}
.route-card--danger{background:linear-gradient(180deg,rgba(46,14,18,.42),rgba(10,14,18,.95))}
main .page-title,main h1{letter-spacing:-.025em}
main h2,main h3{letter-spacing:-.02em}
main p{color:#d7e4ee}
.article-body p,.surface-card p,.sp-sec p,.sg-band p,.layout-grid p,.article-box p{font-size:1.03rem;line-height:1.84}
@media (max-width:980px){.route-cluster__grid{grid-template-columns:1fr}.route-cluster__shell{width:min(1180px,calc(100% - 28px));padding:20px;border-radius:24px}}


/* 2026 surgical hand-polish: premium science surface */
.readability-shell--premium{margin:36px auto 52px;padding:0 22px}
.readability-shell--premium::after{content:'';position:absolute;right:20px;top:-8px;width:140px;height:140px;background:radial-gradient(circle,rgba(59,191,160,.10),transparent 65%);filter:blur(8px);pointer-events:none}
.readability-shell--premium .readability-grid{gap:20px}
.readability-shell--premium .readability-card{border-radius:26px;padding:26px 24px;background:linear-gradient(180deg,rgba(8,17,25,.96),rgba(5,11,16,.98));border:1px solid rgba(138,255,239,.10);box-shadow:0 28px 72px rgba(0,0,0,.24)}
.readability-shell--premium .readability-card--accent{background:linear-gradient(180deg,rgba(7,47,53,.98),rgba(6,16,22,.98));border-color:rgba(59,191,160,.22)}
.readability-shell--premium .readability-card--dark{background:linear-gradient(180deg,rgba(17,16,18,.98),rgba(8,10,13,.99));border-color:rgba(196,154,108,.16)}
.readability-shell--premium .eyebrow{box-shadow:inset 0 0 0 1px rgba(59,191,160,.08)}
.readability-shell--premium h2{font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.08}
.readability-shell--premium h3{font-size:1.05rem;line-height:1.18}
.readability-shell--premium p{font-size:1rem;line-height:1.78;color:#d7e6ef}
.readability-jumps--links a{min-height:54px;align-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.readability-actions a{min-height:44px;justify-content:center;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.readability-actions .btn-teal:hover{filter:brightness(1.04);color:#141E2B!important}
.readability-actions .btn-ghost:hover{background:rgba(255,255,255,.10)!important;color:#fff!important}
.sp-hero .sp-mol,.hero .resp-badge,.hero .elite-badge{backdrop-filter:blur(8px)}
.sp-hero .sp-mol{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:9px 14px;border-radius:999px;border:1px solid rgba(59,191,160,.14);background:rgba(59,191,160,.05);font-family:'JetBrains Mono',monospace;font-size:.82rem;letter-spacing:.06em;color:#9ff4e7;max-width:100%}
.sp-hero .sp-hero-desc,.sp-hero .sp-sub,.hero .hero-sub,.hero .hero-simple{max-width:64ch;margin-left:auto;margin-right:auto}
.sp-stats .sp-stat,.hero-stats .hstat{border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 36px rgba(0,0,0,.18)}
.sp-sec .sp-desc,.sec-pad .sec-sub,.price-sec .container>p,.ba-sec .container>p{font-size:1.03rem;line-height:1.82;color:#cfdae3;max-width:68ch}
.fail-grid>div p{font-size:1rem;line-height:1.74;color:#d8e2ea}
.sg-section-head .sg-copy{max-width:64ch;font-size:1.02rem;color:#d1dde7}
@media (max-width:900px){.readability-shell--premium{padding:0 16px}.readability-shell--premium .readability-card{padding:22px 20px}.sp-hero .sp-mol{font-size:.76rem;line-height:1.4}}


/* 2026 blog hand-polish refinement */
.article-wrap .hero-shell{position:relative}
.article-wrap .hero-shell::after{content:'';position:absolute;right:0;top:8px;width:220px;height:220px;background:radial-gradient(circle,rgba(59,191,160,.08),transparent 68%);filter:blur(10px);pointer-events:none}
.article-wrap .page-subtitle{max-width:66ch;font-size:1.08rem;line-height:1.78;color:#d7e6ef}
.article-wrap .article-box{background:linear-gradient(180deg,rgba(8,13,18,.92),rgba(22,26,34,.96));border:1px solid rgba(255,255,255,.06);box-shadow:0 30px 80px rgba(0,0,0,.22)}
.article-wrap .article-body{padding:6px 2px 2px}
.article-wrap .article-meta{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:rgba(59,191,160,.08);border:1px solid rgba(59,191,160,.14);font:700 .78rem/1 "JetBrains Mono",monospace;letter-spacing:.08em;text-transform:uppercase;color:#96f5e7}
.article-wrap .article-body h2{position:relative;margin-top:30px;padding-top:18px;font-family:'Syne',sans-serif;font-size:clamp(1.35rem,1.85vw,1.8rem);line-height:1.08;color:#fff}
.article-wrap .article-body h2::before{content:'';position:absolute;left:0;top:0;width:72px;height:2px;background:linear-gradient(90deg,rgba(59,191,160,.95),rgba(59,191,160,0))}
.article-wrap .article-body p{font-size:1.04rem;line-height:1.9;color:#d5e2ec;max-width:70ch}
.article-wrap .article-body ul{margin:0;padding-left:1.25rem;display:grid;gap:10px}
.article-wrap .article-body li{font-size:1rem;line-height:1.74;color:#e1ebf2}
.article-wrap .article-body li::marker{color:#8bf3e5}
.article-wrap .art-cta{margin-top:22px;padding:20px 22px;border-radius:22px;border:1px solid rgba(59,191,160,.14);background:linear-gradient(180deg,rgba(8,35,38,.9),rgba(6,15,19,.96));box-shadow:0 18px 40px rgba(0,0,0,.22)}
.article-wrap .art-cta p{margin:0 0 14px;max-width:64ch}
.article-wrap .art-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;background:linear-gradient(180deg,#18f0d4,#09c8b0);color:#141E2B!important;font-family:'Syne',sans-serif;font-weight:700;text-decoration:none;box-shadow:0 12px 28px rgba(0,0,0,.2)}
.article-wrap .surface-card{background:linear-gradient(180deg,rgba(9,14,19,.92),rgba(22,26,34,.96));border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 48px rgba(0,0,0,.18)}
.article-wrap .sidebar .surface-card .card-title{color:#fff}
.article-wrap .sidebar .link-list a{display:block;padding:10px 0;color:#d7e6ef}
.article-wrap .sidebar .btn--primary{background:linear-gradient(180deg,#18f0d4,#09c8b0);border:none;color:#141E2B!important}
@media (max-width:900px){.article-wrap .article-body h2{margin-top:24px;padding-top:16px}.article-wrap .page-subtitle{font-size:1rem;line-height:1.72}}

/* 2026 final polish: rendered clarity */
main h1,main h2,main h3,.page-title,.card-title{text-wrap:balance}
main p,main li,.route-card p,.readability-shell--premium p{text-wrap:pretty}
.route-card .pill-list a,.readability-actions a,.article-wrap .art-cta a{transition:transform .16s ease,filter .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}
.route-card .pill-list a:hover,.article-wrap .art-cta a:hover{transform:translateY(-1px)}
.article-wrap .article-body p + p{margin-top:12px}
.article-wrap .article-body h2 + p,.article-wrap .article-body h3 + p{margin-top:8px}
.readability-shell--premium .readability-card p + p{margin-top:10px}
.route-cluster__head p,.route-card p{max-width:62ch}


/* Sitewide primary CTA contrast fix — March 2026 */
:root{
  --cta-primary-top:#14d9c2;
  --cta-primary-bottom:#078f84;
  --cta-primary-text:#f7fffe;
  --cta-primary-hover-top:#19ecd3;
  --cta-primary-hover-bottom:#0aa69a;
}

:is(
  .nav-cta,
  .btn-primary,
  .btn--primary,
  .btn-teal,
  .calc-btn,
  .hero-actions a.btn-primary,
  .sp-actions a.btn-primary,
  .art-cta a,
  .contact-card a.btn-primary,
  .sg-btn--primary,
  .pr-btn-teal,
  .tier-btn-teal,
  .readability-actions .btn-teal,
  .article-wrap .sidebar .btn--primary,
  .article-wrap .art-cta a
){
  background:linear-gradient(180deg,var(--cta-primary-top),var(--cta-primary-bottom)) !important;
  color:var(--cta-primary-text) !important;
  border-color:rgba(255,255,255,.10) !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18);
}

:is(
  .nav-cta,
  .btn-primary,
  .btn--primary,
  .btn-teal,
  .calc-btn,
  .hero-actions a.btn-primary,
  .sp-actions a.btn-primary,
  .art-cta a,
  .contact-card a.btn-primary,
  .sg-btn--primary,
  .pr-btn-teal,
  .tier-btn-teal,
  .readability-actions .btn-teal,
  .article-wrap .sidebar .btn--primary,
  .article-wrap .art-cta a
):hover{
  background:linear-gradient(180deg,var(--cta-primary-hover-top),var(--cta-primary-hover-bottom)) !important;
  color:var(--cta-primary-text) !important;
  filter:none !important;
}

:is(
  .nav-cta,
  .btn-primary,
  .btn--primary,
  .btn-teal,
  .calc-btn,
  .hero-actions a.btn-primary,
  .sp-actions a.btn-primary,
  .art-cta a,
  .contact-card a.btn-primary,
  .sg-btn--primary,
  .pr-btn-teal,
  .tier-btn-teal,
  .readability-actions .btn-teal,
  .article-wrap .sidebar .btn--primary,
  .article-wrap .art-cta a
):visited{
  color:var(--cta-primary-text) !important;
}


/* ─── Responsive Fixes ─── */
/* Responsive audit fixes — March 2026 */
html,body{max-width:100%;overflow-x:hidden}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
iframe{display:block}
table{max-width:100%}
pre,code,kbd,samp{max-width:100%;overflow-wrap:anywhere}
:where(h1,h2,h3,h4,h5,h6,p,li,td,th,figcaption,.pill,.tech-tag,.cert-tag,.source-url,.nav-phone,.hour-time,.hour-day,.b-val,.b-key,.c-card-val,.c-card-note,.founder-link,.author-link,a){overflow-wrap:anywhere}
:where(.container,.hero-inner,.hero-grid,.layout-grid,.readability-grid,.route-cluster__grid,.related-triad,.card-grid,.step-grid,.diag-grid,.case-grid,.trust-grid,.hub-grid,.footer-grid,.footer-inner,.surface-card,.article-box,.form-box,.about-block,.b-card,.c-card,.route-card,.hero-card,.sidebar,.main-grid,.area-grid,.billing-grid,.founder-grid,.hours-grid,.frow,.two-col,.phase-body,.pcard-body,.compare-grid,.price-grid,.cmp-grid,.ba-meters,.b2b-grid,.calc-grid,.proof-grid,.excl-grid,.trust-grid,.sc-inner,.cs-grid,.pr-grid,[class*='grid'])){min-width:0}
:where(.nav-links,.nav-links a,.nav-cta,.btn,.btn-primary,.btn--primary,.btn-teal,.btn-ghost,.calc-btn,.pill-list a,.readability-actions a,.card-actions a,.hero-actions a,.sp-actions a,.route-card .pill-list a){min-width:0;white-space:normal;text-align:center}
:where(.hero-sub,.page-subtitle,.hero-simple,.sp-sub,.sp-hero-desc,.sec-sub,.card-title,.card-title--sm,.article-body p,.surface-card p,.route-card p,.c-card-note,.b-row,.meta-list li){max-width:100%}
.source-url{display:block;margin-top:6px;word-break:break-all}
.art-table{width:100%;border-collapse:collapse}
.art-table th,.art-table td{vertical-align:top}
@media (max-width:1260px){
  nav{padding-inline:4%!important}
  .nav-links{gap:16px!important}
  .nav-links a{font-size:12px!important}
}
@media (max-width:1320px){
  .burger{display:flex!important}
  .nav-links{display:none!important;position:absolute!important;top:64px!important;left:0!important;right:0!important;z-index:1100!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important;padding:18px 5%!important;background:rgba(20,30,43,.98)!important;border-bottom:1px solid rgba(59,191,160,.13)!important;box-shadow:0 18px 40px rgba(0,0,0,.28)!important}
  .nav-links.open{display:flex!important}
  .nav-links a,.nav-phone,.nav-cta{width:100%!important;justify-content:center!important}
  .hero-grid,.layout-grid,.main-grid,.area-grid,.billing-grid,.founder-grid,.hours-grid,.two-col,.phase-body,.pcard-body,.compare-grid,.cmp-grid,.ba-meters,.b2b-grid,.calc-grid,.proof-grid,.excl-grid,.sc-inner,.cs-grid,.pr-grid{grid-template-columns:1fr!important}
  .readability-shell--premium .readability-grid,.route-cluster__grid,.related-triad,.card-grid,.step-grid,.diag-grid,.case-grid,.trust-grid,.hub-grid{grid-template-columns:1fr!important}
  .frow{grid-template-columns:1fr!important}
  .footer-inner,.footer-grid{flex-direction:column!important;grid-template-columns:1fr!important}
  .map-wrap,.map-wrap iframe{min-height:300px!important}
  .b-row{display:grid!important;grid-template-columns:minmax(0,150px) minmax(0,1fr)!important;gap:8px!important;align-items:start!important}
  .founder-photo-card{max-width:320px!important}
  .sidebar{position:static!important;top:auto!important}
}
@media (max-width:920px){
  .hero,.service-hero,.sp-hero{padding-top:70px!important}
  .hero-shell,.hero-shell--knowledge{padding-top:0!important}
  .hero{padding-bottom:24px!important}
  .hero .hero-inner,.service-hero .service-hero-inner,.sp-hero .sp-inner{width:100%!important;max-width:none!important}
  .readability-shell,.readability-shell--premium,.route-cluster__shell,.hero-shell,.section-shell,.footer-shell{width:min(1180px,calc(100% - 28px))!important;padding-left:0!important;padding-right:0!important}
  .about-block,.form-box,.surface-card,.article-box,.hero-card,.route-card,.c-card,.b-card,.readability-card{padding:20px!important;border-radius:20px!important}
  .hours-grid,.stats-grid,.service-hero-stats{grid-template-columns:1fr!important}
  .hero--photo-home .hero-stats.hero-stats--quad{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .route-card .pill-list,.readability-actions,.card-actions,.kb-inline-nav,.article-tags{gap:8px!important}
  .pill-list a,.readability-actions a,.card-actions a,.kb-inline-nav a,.article-tags .pill,.btn,.btn-primary,.btn--primary,.btn-teal,.btn-ghost{width:100%!important;justify-content:center!important}
  .b-row{grid-template-columns:1fr!important;gap:2px!important}
}
@media (max-width:760px){
  body{font-size:16px!important}
  .hero,.service-hero,.sp-hero{padding-top:68px!important}
  .page-title,h1,.service-h1,.sp-h1,.sec-title{font-size:clamp(28px,8vw,40px)!important;line-height:1.08!important}
  .hero-sub,.page-subtitle,.sp-sub,.sec-sub,.hero-simple{font-size:16px!important;line-height:1.72!important}
  .article-body .art-table,.table-wrap{display:block!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}
  .article-body .art-table th,.article-body .art-table td{white-space:normal!important;min-width:140px}
  .footer-copy{font-size:11px!important}
  .tech-list,.cert-row{gap:8px!important}
}
@media (max-width:560px){
  nav{height:64px!important}
  .hero,.service-hero,.sp-hero{padding-top:68px!important}
  .about-block,.form-box,.surface-card,.article-box,.hero-card,.route-card,.c-card,.b-card,.readability-card{padding:18px!important;border-radius:18px!important}
  .hero .hero-inner,.sp-hero .sp-inner,.service-hero .service-hero-inner{padding-inline:16px!important}
  .hero-grid,.layout-grid,.route-cluster__grid,.related-triad,.card-grid,.step-grid,.diag-grid,.case-grid,.trust-grid,.hub-grid,.main-grid,.area-grid,.billing-grid,.founder-grid,.hours-grid,.frow{gap:14px!important}
  .meta-list li,.article-body li,.surface-card li,.b-val,.b-key,.hour-time,.hour-day{font-size:14px!important}
  .c-card-val,.founder-title{font-size:clamp(19px,5.6vw,24px)!important}
  .map-wrap,.map-wrap iframe{min-height:260px!important}
}
/* Sticky bars should never cover the last content on smaller devices */
@media (max-width:900px){
  body{padding-bottom:0!important}
  .sticky,.sg-sticky,.sticky-cta{max-width:100%}
}


@media (max-width:1024px){
  .hero-shell.hero-shell--split{grid-template-columns:1fr!important;gap:16px!important}
  .hero--photo-home .hero-stats.hero-stats--triple{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media (max-width:640px){
  .hero--photo-home .hero-stats.hero-stats--triple{grid-template-columns:1fr!important}
}


@media (max-width:900px){
  .diag-boxed{padding-inline:14px!important}
  .proof-boxed .container,.diag-boxed .container{width:min(1180px,calc(100% - 4px))!important}
}

@media (max-width:380px){
  .hero--photo-home .hero-stats.hero-stats--quad{grid-template-columns:1fr!important}
}

@media (max-width:980px){
  .case-teaser-grid{grid-template-columns:1fr 1fr!important}
}
@media (max-width:720px){
  .case-teaser-grid{grid-template-columns:1fr!important}
  .diag-lead-grid{grid-template-columns:1fr!important}
}

/* Reserve visual space for the fixed bottom sticky bar so footer legal text never hides behind it */
@media (max-width: 900px){
  footer{padding-bottom:24px!important}
}
@media (max-width: 560px){
  footer{padding-bottom:24px!important}
}


/* ─── Photo Backgrounds ─── */
/* ═══ SCIÉNTIO — Photo Backgrounds (Laboratory Editorial palette) ═══ */

.hero--photo-home,
.service-hero--photo-cig,
.service-hero--photo-old,
.service-hero--photo-water,
.service-hero--photo-fire,
.service-hero--photo-pet,
.hero--photo-bio,
.process-band--photo,
.water-detail--photo{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:center center}

/* ─── Homepage ─── */
.hero--photo-home{
  background-image:linear-gradient(180deg,rgba(20,30,43,.5) 0%,rgba(20,30,43,.82) 100%), url('/img/backgroundimg/home-hero.webp');
}
.hero--photo-home::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,30,43,.28) 0%,rgba(20,30,43,.08) 40%,rgba(20,30,43,.16) 100%);z-index:0;pointer-events:none}
.hero--photo-home #molCanvas{opacity:.15}
.hero--photo-home .hero-glow{background:radial-gradient(ellipse 60% 48% at 24% 34%,rgba(59,191,160,.08) 0%,transparent 72%),linear-gradient(180deg,rgba(20,30,43,.14),rgba(20,30,43,.06))}
.hero--photo-home .hero-inner{box-shadow:0 34px 90px rgba(0,0,0,.36)}

/* ─── Cigarette ─── */
.service-hero--photo-cig{
  background-image:linear-gradient(180deg,rgba(20,30,43,.52),rgba(20,30,43,.84)), url('/img/backgroundimg/cigarette-hero.webp');
}
/* ─── Old house ─── */
.service-hero--photo-old{
  background-image:linear-gradient(180deg,rgba(24,32,40,.4),rgba(20,30,43,.84)), url('/img/backgroundimg/old-house-hero.webp');
}
/* ─── Water/Flood ─── */
.service-hero--photo-water{
  background-image:linear-gradient(180deg,rgba(20,30,43,.44),rgba(20,30,43,.86)), url('/img/backgroundimg/water-hero.webp');
}
/* ─── Fire ─── */
.service-hero--photo-fire{
  background-image:linear-gradient(180deg,rgba(22,26,34,.42),rgba(20,30,43,.88)), url('/img/backgroundimg/fire-hero.webp');
}
/* ─── Pet ─── */
.service-hero--photo-pet{
  background-image:linear-gradient(180deg,rgba(20,30,43,.42),rgba(20,30,43,.84)), url('/img/backgroundimg/pet-detail.webp');
}
/* ─── Biohazard ─── */
.hero--photo-bio{
  background-image:linear-gradient(180deg,rgba(22,26,34,.5),rgba(20,30,43,.88)), url('/img/backgroundimg/biohazard-hero.webp');
}
.hero--photo-bio::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,30,43,.88) 0%,rgba(20,30,43,.72) 44%,rgba(20,30,43,.82) 100%);z-index:0;pointer-events:none}
.hero--photo-bio .hero-glow{background:radial-gradient(ellipse 65% 55% at 28% 36%,rgba(204,68,68,.14) 0%,transparent 70%)}

/* ─── Service hero overlays (universal warm-navy treatment) ─── */
.service-hero--photo-cig::before,
.service-hero--photo-old::before,
.service-hero--photo-water::before,
.service-hero--photo-fire::before,
.service-hero--photo-pet::before{
  background:linear-gradient(90deg,rgba(20,30,43,.84) 0%,rgba(20,30,43,.64) 44%,rgba(20,30,43,.76) 100%);
}
.service-hero--photo-fire::before{background:linear-gradient(90deg,rgba(22,26,34,.86) 0%,rgba(22,26,34,.7) 44%,rgba(22,26,34,.82) 100%)}
.service-hero--photo-old::before{background:linear-gradient(90deg,rgba(20,30,43,.84) 0%,rgba(20,30,43,.66) 44%,rgba(20,30,43,.8) 100%),radial-gradient(ellipse 60% 50% at 24% 30%,rgba(196,154,108,.08) 0%,transparent 72%)}
.service-hero--photo-water::before{background:linear-gradient(90deg,rgba(20,30,43,.84) 0%,rgba(20,30,43,.66) 44%,rgba(20,30,43,.78) 100%),radial-gradient(ellipse 60% 50% at 24% 32%,rgba(59,191,160,.06) 0%,transparent 72%)}
.service-hero--photo-pet::before{background:linear-gradient(90deg,rgba(20,30,43,.84) 0%,rgba(20,30,43,.68) 44%,rgba(20,30,43,.8) 100%)}
.service-hero--photo-cig::after,
.service-hero--photo-old::after,
.service-hero--photo-water::after,
.service-hero--photo-fire::after,
.service-hero--photo-pet::after{opacity:.35}

/* ─── Process band ─── */
.process-band--photo{
  padding:32px 5%;
  background-image:linear-gradient(180deg,rgba(20,30,43,.6),rgba(20,30,43,.86)), url('/img/backgroundimg/process-hero.webp');
}
.process-band--photo::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,30,43,.82) 0%,rgba(20,30,43,.54) 40%,rgba(20,30,43,.7) 100%);pointer-events:none}
.process-band--photo > *{position:relative;z-index:1}
.process-band--photo .readability-card{background:linear-gradient(180deg,rgba(28,40,54,.86),rgba(20,30,43,.95))}

/* ─── Water detail ─── */
.water-detail--photo{
  background-image:linear-gradient(180deg,rgba(20,30,43,.56),rgba(20,30,43,.82)), url('/img/backgroundimg/water-detail.webp') !important;
}
.water-detail--photo .container > div{background:linear-gradient(180deg,rgba(28,40,54,.84),rgba(20,30,43,.94));border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px}

/* ─── Responsive ─── */
@media (max-width: 900px){
  .hero--photo-home{background-position:65% center}
  .service-hero--photo-cig{background-position:58% center}
  .service-hero--photo-old{background-position:center center}
  .service-hero--photo-water{background-position:60% center}
  .service-hero--photo-fire{background-position:center center}
  .service-hero--photo-pet{background-position:58% center}
  .hero--photo-bio{background-position:62% center}
  .process-band--photo{background-position:64% center}
}
@media (max-width: 640px){
  .hero--photo-home{background-position:72% center}
  .process-band--photo{padding:18px 5%}
  .water-detail--photo .container > div{padding:18px}
}

