/* ============================================================================
   SITOO CONSULTING — Shared stylesheet
   Preserves visual identity from v4 single-file build.
   Used by: index.html, /services/*.html, contact, request-consultation,
   rfi-intake, privacy, terms.
============================================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --navy:#0A0F1E;--navy-mid:#111828;--navy-light:#1C2740;--navy-deep:#080C18;
  --teal:#00C2A8;--teal-dim:#009E88;--teal-glow:rgba(0,194,168,0.12);
  --gold:#C9A84C;--gold-light:rgba(201,168,76,0.13);
  --white:#F5F4F0;--off-white:#E8E6DF;
  --gray:#8A9BAE;--gray-light:rgba(138,155,174,0.15);
  --red-flag:#A82B1E;
  --border:rgba(255,255,255,0.07);
  --border-teal:rgba(0,194,168,0.12);
  --error:#E5564B;--success:#34D399;
}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:var(--navy);color:var(--white);overflow-x:hidden;line-height:1.6}

/* Accessibility — skip link + focus rings */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--teal);color:var(--navy);padding:10px 18px;font-family:'DM Mono',monospace;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;z-index:9999}
.skip-link:focus{left:0}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--teal);outline-offset:3px}

/* ── NAV ── */
.nav-wrap{position:fixed;top:0;left:0;right:0;z-index:200}
nav{padding:18px 60px;display:flex;justify-content:space-between;align-items:center;background:rgba(10,15,30,0.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--border-teal)}
.nav-logo{font-family:'Playfair Display',serif;font-size:22px;font-weight:900;letter-spacing:0.04em;color:var(--white);text-decoration:none;cursor:pointer}
.nav-logo span{color:var(--teal)}
.nav-center{display:flex;align-items:center;gap:0;list-style:none}
.nav-item{position:relative}
.nav-link{font-size:12px;font-weight:500;letter-spacing:0.09em;text-transform:uppercase;color:var(--gray);text-decoration:none;transition:color 0.2s;cursor:pointer;border:none;background:none;font-family:'DM Sans',sans-serif;padding:8px 16px;display:flex;align-items:center;gap:5px}
.nav-link:hover{color:var(--teal)}
.nav-chevron{font-size:8px;opacity:0.5;transition:transform 0.2s}
.nav-item:hover .nav-chevron{transform:rotate(180deg);opacity:1}

/* Mega dropdown */
.mega{position:absolute;top:calc(100% + 1px);left:50%;transform:translateX(-50%);background:var(--navy-mid);border:1px solid var(--border-teal);border-top:2px solid var(--teal);padding:32px 28px;min-width:640px;display:none;gap:28px;box-shadow:0 32px 80px rgba(0,0,0,0.7);z-index:300}
.nav-item:hover .mega,.nav-item:focus-within .mega{display:flex}
.mega-col{flex:1;min-width:140px}
.mega-col-title{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.mega-link{display:block;font-size:13px;font-weight:400;color:var(--gray);text-decoration:none;padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.03);transition:color 0.2s}
.mega-link:hover{color:var(--teal)}
.mega-link:last-child{border-bottom:none}

.nav-right{display:flex;align-items:center;gap:10px;flex-shrink:0}
.nav-cta{font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--navy);background:var(--teal);padding:10px 22px;text-decoration:none;transition:background 0.2s;cursor:pointer;border:none;font-family:'DM Sans',sans-serif;white-space:nowrap}
.nav-cta:hover{background:var(--teal-dim)}
.lang-switch{display:inline-flex;align-items:center;gap:6px;margin-right:14px;font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.15em;text-transform:uppercase}
.lang-switch a{color:var(--gray);text-decoration:none;padding:6px 8px;transition:color .2s;border-bottom:1px solid transparent}
.lang-switch a:hover{color:var(--teal)}
.lang-switch a[aria-current="true"]{color:var(--teal);border-bottom-color:var(--teal)}
.lang-switch .sep{color:rgba(255,255,255,0.15)}
.nm-lang{display:flex;gap:14px;padding:14px 0;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.15em;text-transform:uppercase}
.nm-lang a{color:var(--gray);text-decoration:none;padding:4px 10px;border:1px solid rgba(255,255,255,0.1)}
.nm-lang a[aria-current="true"]{color:var(--teal);border-color:var(--teal)}
.nav-hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.nav-hamburger span{display:block;width:22px;height:2px;background:var(--white);transition:all 0.3s}
.nav-mobile{display:none;position:fixed;top:62px;left:0;right:0;bottom:0;background:rgba(10,15,30,0.99);z-index:199;overflow-y:auto;padding:28px 32px}
.nav-mobile.open{display:block}
.nm-col-title{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin:20px 0 10px}
.nm-link{display:block;font-size:14px;font-weight:500;letter-spacing:0.06em;text-transform:uppercase;color:var(--gray);padding:11px 0;border-bottom:1px solid var(--border);text-decoration:none;transition:color 0.2s;cursor:pointer}
.nm-link:hover{color:var(--teal)}

/* ── TICKER ── */
.ticker{background:rgba(0,194,168,0.06);border-bottom:1px solid var(--border-teal);padding:9px 0;overflow:hidden;margin-top:76px;position:relative;z-index:1}
.ticker-track{display:flex;white-space:nowrap;animation:ticker-scroll 30s linear infinite}
.ticker-item{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal);padding:0 28px;opacity:0.85}
.ticker-dot{color:rgba(0,194,168,0.3);padding:0 2px}
@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Spacer used on non-homepage pages where ticker is absent */
.nav-spacer{height:62px}

/* ── SHARED ── */
.section-tag{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:16px;display:flex;align-items:center;gap:12px}
.section-tag::before{content:'';display:block;width:24px;height:1px;background:var(--teal)}
h2{font-family:'Playfair Display',serif;font-size:clamp(28px,3.2vw,48px);font-weight:900;line-height:1.1;margin-bottom:12px}
h2 em{color:var(--teal);font-style:normal}
.section-lead{font-size:16px;font-weight:300;color:var(--gray);max-width:620px;line-height:1.8;margin-bottom:24px}
.btn-primary{font-size:13px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--navy);background:var(--teal);padding:16px 32px;border:none;cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;font-family:'DM Sans',sans-serif}
.btn-primary:hover{background:var(--teal-dim);transform:translateY(-1px)}
.btn-primary[disabled]{opacity:0.55;cursor:wait;transform:none}
.btn-ghost{font-size:13px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--teal);background:transparent;padding:15px 30px;border:1px solid rgba(0,194,168,0.3);cursor:pointer;transition:all 0.2s;text-decoration:none;display:inline-block;font-family:'DM Sans',sans-serif}
.btn-ghost:hover{border-color:var(--teal);background:var(--teal-glow)}
.tag{font-family:'DM Mono',monospace;font-size:10px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal);padding:4px 9px;border:1px solid rgba(0,194,168,0.2);background:rgba(0,194,168,0.05)}
.tag-gold{color:var(--gold);border-color:rgba(201,168,76,0.3);background:rgba(201,168,76,0.06)}

/* ── HERO (homepage) ── */
.hero{min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding:120px 60px 56px;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,194,168,0.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,194,168,0.035) 1px,transparent 1px);background-size:60px 60px}
.hero-glow{position:absolute;top:15%;right:-8%;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,168,0.07) 0%,transparent 65%);pointer-events:none}
.hero-tag{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:24px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}
.hero-tag::before{content:'';display:block;width:32px;height:1px;background:var(--teal)}
h1{font-family:'Playfair Display',serif;font-size:clamp(38px,5vw,72px);font-weight:900;line-height:1.08;max-width:800px;margin-bottom:0;position:relative;z-index:1}
h1 em{color:var(--teal);font-style:normal}
.hero-h1-static{margin-bottom:0}
.hero-h1-rotate{font-family:'Playfair Display',serif;font-size:clamp(38px,5vw,72px);font-weight:900;line-height:1.08;max-width:min(1100px,calc(100vw - 120px));margin-bottom:28px;position:relative;z-index:1;min-height:1.2em;overflow:hidden}
.hero-rotator{display:inline-block;color:var(--teal);opacity:1;transform:translateY(0);transition:opacity .35s ease,transform .35s ease;will-change:opacity,transform}
.hero-rotator.is-out{opacity:0;transform:translateY(-8px)}
.hero-sub{font-size:17px;font-weight:300;color:var(--gray);max-width:580px;line-height:1.8;margin-bottom:18px;position:relative;z-index:1}
.hero-sub strong{color:var(--white);font-weight:500}
.hero-cert-line{font-family:'DM Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:0.12em;margin-bottom:44px;position:relative;z-index:1;opacity:0.85}
.hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;position:relative;z-index:1}
.hero-stats{margin-top:36px;display:flex;gap:32px;flex-wrap:wrap;padding-top:24px;border-top:1px solid rgba(255,255,255,0.06);position:relative;z-index:1}
.stat-num{font-family:'Playfair Display',serif;font-size:34px;font-weight:700;color:var(--teal);line-height:1}
.stat-label{font-size:12px;font-weight:400;color:var(--gray);letter-spacing:0.03em;margin-top:6px;line-height:1.45}
@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
.hero .hero-tag{animation:fadeUp 0.6s 0.1s ease both}
.hero h1{animation:fadeUp 0.6s 0.22s ease both}
.hero .hero-h1-rotate{animation:fadeUp 0.6s 0.3s ease both}
.hero .hero-sub{animation:fadeUp 0.6s 0.38s ease both}
.hero .hero-cert-line{animation:fadeUp 0.6s 0.48s ease both}
.hero .hero-actions{animation:fadeUp 0.6s 0.56s ease both}
.hero .hero-stats{animation:fadeUp 0.6s 0.68s ease both}
@media(prefers-reduced-motion:reduce){.hero .hero-tag,.hero h1,.hero .hero-h1-rotate,.hero .hero-sub,.hero .hero-cert-line,.hero .hero-actions,.hero .hero-stats{animation:none}.hero-rotator{transition:none}}

/* ── PROBLEM STRIP ── */
.problem-strip{background:var(--red-flag);padding:26px 60px;display:flex;align-items:flex-start;gap:16px}
.problem-strip p{font-size:15px;font-weight:400;line-height:1.6;color:#fff}
.problem-strip strong{font-weight:700}

/* ── TRUST BAR ── */
.trust-bar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:20px 60px;background:var(--navy-mid)}
.trust-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gray);margin-bottom:24px;text-align:center}
.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.trust-item{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;letter-spacing:0.1em;color:var(--gray);padding:10px 32px;border-right:1px solid var(--border);transition:color 0.2s;text-transform:uppercase}
.trust-item:last-child{border-right:none}
.trust-item:hover{color:var(--off-white)}

/* ── SOLUTIONS TABS ── */
.solutions-section{padding:44px 60px;background:var(--navy-light);border-top:1px solid var(--border-teal)}
.sol-tabs{display:flex;gap:0;margin-bottom:0;border-bottom:1px solid var(--border)}
.sol-tab{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;padding:14px 24px;background:transparent;border:none;cursor:pointer;color:var(--gray);transition:all 0.2s;border-bottom:2px solid transparent;margin-bottom:-1px}
.sol-tab.active{color:var(--teal);border-bottom-color:var(--teal)}
.sol-tab:hover{color:var(--off-white)}
.sol-panels{background:var(--navy-mid);border:1px solid var(--border);border-top:none}
.sol-panel{display:none;grid-template-columns:1fr 1fr;min-height:360px}
.sol-panel.active{display:grid}
.sol-left{padding:32px;border-right:1px solid var(--border)}
.sol-left h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;margin-bottom:14px;line-height:1.3}
.sol-left p{font-size:14px;color:var(--gray);line-height:1.8;margin-bottom:28px;font-weight:300}
.sol-link{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--gray);padding:10px 0;border-bottom:1px solid rgba(255,255,255,0.04);text-decoration:none;transition:color 0.2s}
.sol-link:hover{color:var(--teal)}
.sol-link span{font-size:11px;opacity:0;transition:opacity 0.2s}
.sol-link:hover span{opacity:1}
.sol-right{padding:32px;display:flex;flex-direction:column;gap:14px}
.sol-card{background:var(--navy-light);border:1px solid var(--border);padding:18px 20px;display:flex;gap:14px;align-items:flex-start;cursor:pointer;transition:border-color 0.2s;text-decoration:none;color:inherit}
.sol-card:hover{border-color:var(--border-teal)}
.sol-card-icon{font-size:20px;flex-shrink:0;margin-top:1px}
.sol-card-body strong{display:block;font-size:13px;font-weight:600;color:var(--white);margin-bottom:4px}
.sol-card-body span{font-size:12px;color:var(--gray);line-height:1.5}

/* ── SMB CARDS ── */
.smb-section{padding:44px 60px;background:var(--navy)}
.smb-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.smb-card{background:var(--navy-mid);padding:32px 28px;border-bottom:2px solid transparent;transition:all 0.3s}
.smb-card:hover{border-bottom-color:var(--teal);background:var(--navy-light)}
.smb-card-num{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.16em;color:var(--teal);margin-bottom:16px}
.smb-card h3{font-size:18px;font-weight:600;margin-bottom:12px;line-height:1.3}
.smb-card p{font-size:14px;color:var(--gray);line-height:1.75}
.smb-card strong{color:var(--off-white);font-weight:500}
.smb-card--fix{position:relative;background:linear-gradient(180deg,var(--navy-light) 0%,var(--navy-mid) 100%);border-top:2px solid var(--teal);border-bottom:2px solid transparent;box-shadow:0 12px 40px -24px rgba(0,0,0,0.6)}
.smb-card--fix:hover{border-bottom-color:var(--teal)}
.smb-card-sub{display:block;margin-top:6px;font-size:13px;font-weight:400;color:var(--teal);letter-spacing:0.01em}
.fix-badges{list-style:none;padding:0;margin:18px 0 20px;display:flex;flex-wrap:wrap;gap:6px}
.fix-badge{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.08em;text-transform:uppercase;color:var(--off-white);background:rgba(255,255,255,0.04);border:1px solid rgba(94,234,212,0.18);padding:5px 10px;border-radius:2px;white-space:nowrap}
.fix-cta{display:inline-block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal);text-decoration:none;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .2s ease,transform .2s ease}
.fix-cta:hover{border-bottom-color:var(--teal);transform:translateX(2px)}

/* ── CRED BANNER ── */
.cred-banner{background:var(--gold-light);border-top:1px solid rgba(201,168,76,0.22);border-bottom:1px solid rgba(201,168,76,0.22);padding:20px 60px;display:flex;align-items:center;gap:32px;flex-wrap:wrap}
.cred-banner-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}
.cred-banner-certs{display:flex;flex-wrap:wrap;gap:12px;flex:1}
.cred-pill{display:flex;flex-direction:column;background:rgba(201,168,76,0.1);border:1px solid rgba(201,168,76,0.28);padding:12px 18px;transition:background 0.2s}
.cred-pill:hover{background:rgba(201,168,76,0.2)}
.cred-pill-abbr{font-family:'DM Mono',monospace;font-size:14px;font-weight:500;color:var(--gold);letter-spacing:0.05em}
.cred-pill-full{font-size:11px;color:var(--off-white);margin-top:4px;line-height:1.35}
.cred-pill-issuer{font-size:10px;color:var(--gray);margin-top:2px;letter-spacing:0.04em}

/* ── SERVICES ── */
.services-section{padding:44px 60px;background:var(--navy)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.svc-card{background:var(--navy-mid);padding:28px 24px;border-top:2px solid transparent;transition:all 0.3s;display:flex;flex-direction:column;cursor:pointer;text-decoration:none;color:inherit}
.svc-card.rem{background:rgba(0,194,168,0.05);border-top-color:var(--teal)}
.services-grid > .svc-card.rem{grid-column:1 / -1;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:stretch}
.services-grid > .svc-card.rem .rem-main{display:flex;flex-direction:column}
.services-grid > .svc-card.rem .svc-icon{font-size:28px;margin-bottom:14px}
.rem-aside{border-left:1px solid rgba(0,194,168,0.18);padding-left:40px;display:flex;flex-direction:column;justify-content:center;gap:18px}
.rem-aside-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold)}
.rem-includes{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.rem-includes li{display:flex;align-items:flex-start;gap:12px;font-family:'DM Sans',sans-serif;font-size:14px;line-height:1.55;color:var(--text-light)}
.rem-includes li::before{content:"\2713";color:var(--gold);font-weight:700;flex-shrink:0;margin-top:1px}
.rem-cta{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;margin-top:6px;padding:12px 22px;background:var(--gold);color:var(--navy-deep);font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.18em;text-transform:uppercase;font-weight:600;border-radius:2px;transition:transform 0.2s,background 0.2s}
.rem-cta:hover{background:#f0d78c;transform:translateX(3px)}
.svc-card:hover{border-top-color:var(--teal);background:var(--navy-light);transform:translateY(-3px)}
.svc-card.rem:hover{background:rgba(0,194,168,0.09)}
.svc-card-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:10px}
.svc-card.rem .svc-card-label{color:var(--gold)}
.svc-icon{font-size:24px;margin-bottom:12px}
.svc-card h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:700;margin-bottom:9px;line-height:1.25}
.svc-desc{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:16px;flex:1}
.svc-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}
.svc-learn{font-family:'DM Mono',monospace;font-size:11px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal);display:flex;align-items:center;gap:6px;transition:gap 0.2s;margin-top:auto;background:none;border:none;padding:0;cursor:pointer;text-decoration:none}
.svc-learn:hover{gap:10px}
.svc-learn::after{content:'\2192'}
.svc-card.rem .svc-learn{color:var(--gold)}

/* ── TOOLING ── */
.tooling-section{padding:44px 60px;background:var(--navy-mid)}
.tooling-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.tool-card{background:var(--navy-light);border:1px solid var(--border);padding:40px 32px;transition:border-color 0.3s}
.tool-card:hover{border-color:var(--border-teal)}
.tool-vendor{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.tool-card h3{font-family:'Playfair Display',serif;font-size:19px;font-weight:700;margin-bottom:12px}
.tool-card p{font-size:14px;color:var(--gray);line-height:1.72;margin-bottom:20px}
.tool-list{list-style:none}
.tool-list li{font-size:13px;color:var(--off-white);padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;gap:10px;align-items:flex-start}
.tool-list li:last-child{border-bottom:none}
.tool-list li::before{content:'->';color:var(--teal);font-size:10px;font-family:'DM Mono',monospace;flex-shrink:0;margin-top:3px}

/* ── DIFF / WHY ── */
.diff-section{padding:44px 60px;background:var(--navy)}
.diff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.diff-item{background:var(--navy-mid);padding:32px 28px;display:flex;gap:28px;align-items:flex-start;transition:background 0.3s}
.diff-item:hover{background:var(--navy-light)}
.diff-num{font-family:'Playfair Display',serif;font-size:46px;font-weight:900;color:var(--teal);opacity:0.15;line-height:1;flex-shrink:0;margin-top:-4px}
.diff-item h3{font-size:17px;font-weight:600;margin-bottom:10px}
.diff-item p{font-size:14px;color:var(--gray);line-height:1.72}

/* ── HOW WE WORK (new) ── */
.how-section{padding:44px 60px;background:var(--navy-mid)}
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;margin-top:24px}
.how-step{background:var(--navy-light);padding:36px 28px;border-top:2px solid var(--teal)}
.how-step-num{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.18em;color:var(--teal);margin-bottom:14px}
.how-step h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;margin-bottom:10px;line-height:1.3}
.how-step p{font-size:13px;color:var(--gray);line-height:1.7}

/* ── ENGAGEMENT MODELS (new) ── */
.eng-section{padding:44px 60px;background:var(--navy)}
.eng-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.eng-card{background:var(--navy-mid);border:1px solid var(--border);padding:36px 32px;display:flex;flex-direction:column}
.eng-card.featured{border-color:rgba(0,194,168,0.35);background:rgba(0,194,168,0.04)}
.eng-card-tier{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.eng-card h3{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;margin-bottom:10px;line-height:1.25}
.eng-card-sub{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:22px;flex:1}
.eng-card ul{list-style:none;margin-bottom:24px}
.eng-card li{font-size:13px;color:var(--off-white);padding:8px 0;border-bottom:1px solid rgba(255,255,255,0.05);display:flex;gap:10px}
.eng-card li::before{content:'\2714';color:var(--teal);font-size:11px;flex-shrink:0;margin-top:2px}
.eng-card li:last-child{border-bottom:none}

/* ── COMPLIANCE DRIVERS (new) ── */
.drivers-section{padding:44px 60px;background:var(--navy-light);border-top:1px solid var(--border-teal);border-bottom:1px solid var(--border-teal)}
.drivers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:24px}
.driver-pill{background:var(--navy-mid);border:1px solid var(--border);padding:18px 20px;transition:border-color 0.2s}
.driver-pill:hover{border-color:var(--border-teal)}
.driver-abbr{font-family:'DM Mono',monospace;font-size:13px;font-weight:600;color:var(--teal);letter-spacing:0.05em;margin-bottom:5px}
.driver-full{font-size:11px;color:var(--gray);line-height:1.5}

/* ── FOUNDER ── */
.founder-section{padding:44px 60px;background:var(--navy-light);border-top:1px solid var(--border-teal);border-bottom:1px solid var(--border-teal)}
.founder-inner{display:grid;grid-template-columns:1fr 2fr;gap:48px;align-items:start}
.founder-left{text-align:center}
.founder-av{width:160px;height:160px;border-radius:50%;background:linear-gradient(135deg,var(--teal) 0%,var(--navy) 100%);margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:46px;font-weight:900;border:2px solid rgba(0,194,168,0.28)}
.founder-av.founder-photo{background:none;padding:0;overflow:hidden}
.founder-av.founder-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;border-radius:50%}
.founder-name{font-family:'Playfair Display',serif;font-size:22px;font-weight:700;margin-bottom:5px}
.founder-title{font-size:12px;color:var(--teal);letter-spacing:0.08em;text-transform:uppercase;font-weight:500}
.founder-firms{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin-top:16px}
.firm-badge{font-size:11px;font-weight:600;letter-spacing:0.06em;color:var(--gray);padding:4px 10px;border:1px solid var(--gray-light);background:var(--gray-light)}
.founder-cert-block{margin-top:22px;padding-top:18px;border-top:1px solid rgba(0,194,168,0.1)}
.founder-cert-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.18em;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.founder-cert-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.fcert{background:rgba(201,168,76,0.09);border:1px solid rgba(201,168,76,0.22);padding:10px 12px;text-align:left}
.fcert-abbr{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--gold)}
.fcert-body{font-size:10px;color:var(--gray);margin-top:3px;line-height:1.4}
.founder-right p{font-size:16px;line-height:1.85;color:var(--off-white);font-weight:300;margin-bottom:20px}
.founder-right strong{color:var(--white);font-weight:600}
.founder-right em{color:var(--teal);font-style:normal}
.cert-chip{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--gold);background:rgba(201,168,76,0.1);padding:1px 6px;border:1px solid rgba(201,168,76,0.2)}
.cert-inline{font-family:'DM Mono',monospace;font-size:12px;font-weight:500;color:var(--teal);background:rgba(0,180,180,0.08);padding:1px 6px;border:1px solid rgba(0,180,180,0.22)}
.founder-linkedin{display:inline-flex;width:30px;height:30px;border:1px solid var(--border);align-items:center;justify-content:center;font-size:12px;font-family:'DM Mono',monospace;font-weight:600;color:var(--gray);text-decoration:none;margin-top:8px;transition:all 0.2s}
.founder-linkedin:hover{border-color:var(--teal);color:var(--teal)}
.founder-quote{background:var(--navy-mid);border-left:3px solid var(--teal);padding:28px 32px;margin-top:28px}
.founder-quote blockquote{font-family:'Playfair Display',serif;font-size:19px;font-style:italic;font-weight:400;line-height:1.6;color:var(--white)}
.founder-quote-attr{font-size:12px;color:var(--teal);font-family:'DM Mono',monospace;letter-spacing:0.08em;text-transform:uppercase;margin-top:14px}

/* ── CTA ── */
.cta-section{padding:52px 60px;text-align:center;position:relative;overflow:hidden;background:var(--navy-mid)}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:400px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,194,168,0.06) 0%,transparent 70%);pointer-events:none}
.cta-inner{max-width:680px;margin:0 auto;position:relative;z-index:1}
.cta-inner h2{margin-bottom:20px}
.cta-sub{font-size:16px;color:var(--gray);margin-bottom:14px;line-height:1.7;max-width:520px;margin-left:auto;margin-right:auto}
.cta-cert{font-family:'DM Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:0.08em;margin-bottom:28px;opacity:0.85}
.cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}

/* ── FOOTER ── */
.footer-top{background:var(--navy);border-top:1px solid var(--border)}
.footer-inner{max-width:1280px;margin:0 auto;padding:64px 60px 48px;display:grid;grid-template-columns:260px 1fr 1fr 1fr;gap:48px}
.footer-brand .footer-logo{font-family:'Playfair Display',serif;font-size:20px;font-weight:900;color:var(--white);display:inline-block;margin-bottom:14px;text-decoration:none}
.footer-brand .footer-logo span{color:var(--teal)}
.footer-brand p{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:20px}
.footer-social{display:flex;gap:10px}
.fsoc{width:34px;height:34px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-family:'DM Mono',monospace;color:var(--gray);text-decoration:none;transition:all 0.2s}
.fsoc:hover{border-color:var(--teal);color:var(--teal)}
.footer-col h3,.footer-col h4{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin-bottom:18px}
.footer-col a{display:block;font-size:13px;color:var(--gray);text-decoration:none;padding:5px 0;transition:color 0.2s;cursor:pointer}
.footer-col a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid var(--border);padding:20px 60px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;max-width:1280px;margin:0 auto}
.footer-bottom p{font-size:11px;color:var(--gray)}
.footer-bottom-links{display:flex;gap:24px}
.footer-bottom-links a{font-size:11px;color:var(--gray);text-decoration:none;letter-spacing:0.07em;text-transform:uppercase;transition:color 0.2s}
.footer-bottom-links a:hover{color:var(--white)}

/* ── SERVICE DETAIL PAGE ── */
.sd-hero{background:var(--navy-mid);border-bottom:1px solid var(--border-teal);padding:120px 60px 64px}
.sd-hero-inner{max-width:1180px;margin:0 auto}
.sd-back{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--teal);cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-bottom:28px;background:none;border:none;padding:0;text-decoration:none}
.sd-back::before{content:'\2190'}
.sd-back:hover{color:var(--teal-dim)}
.sd-cat{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gold);margin-bottom:12px}
.sd-title{font-family:'Playfair Display',serif;font-size:clamp(28px,4vw,56px);font-weight:900;line-height:1.08;margin-bottom:18px}
.sd-title em{color:var(--teal);font-style:normal}
.sd-summary{font-size:16px;font-weight:300;color:var(--gray);max-width:680px;line-height:1.85}
.sd-cert{font-family:'DM Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:0.1em;margin-top:18px;opacity:0.85}
.sd-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:22px}
.sd-body{max-width:1180px;margin:0 auto;padding:0 60px}
.sd-sec{padding:56px 0;border-bottom:1px solid rgba(255,255,255,0.05)}
.sd-sec:last-of-type{border-bottom:none}
.sd-sec-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--teal);margin-bottom:14px;display:flex;align-items:center;gap:8px}
.sd-sec-label::before{content:'';display:block;width:16px;height:1px;background:var(--teal)}
.sd-sec h3{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin-bottom:18px;line-height:1.2}
.sd-sec h3 em{color:var(--teal);font-style:normal}
.sd-for-list{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sd-for-item{background:var(--navy-mid);padding:18px 20px;display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--off-white);line-height:1.5}
.sd-for-item::before{content:'\2714';color:var(--teal);font-size:11px;flex-shrink:0;margin-top:2px}
.sd-prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px}
.sd-prob{background:var(--navy-mid);padding:28px 24px}
.sd-prob h4{font-size:14px;font-weight:600;color:var(--white);margin-bottom:7px}
.sd-prob p{font-size:13px;color:var(--gray);line-height:1.7}
.sd-del-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.sd-del{background:var(--navy-light);border:1px solid var(--border);padding:22px;border-left:3px solid var(--teal)}
.sd-del.gold{border-left-color:var(--gold)}
.sd-del h4{font-size:13px;font-weight:600;color:var(--white);margin-bottom:7px}
.sd-del p{font-size:12px;color:var(--gray);line-height:1.65}
.sd-eng{display:grid;grid-template-columns:repeat(3,1fr);gap:2px}
.sd-step{background:var(--navy-mid);padding:28px 24px;border-top:2px solid var(--teal)}
.sd-step.gold{border-top-color:var(--gold)}
.sd-step-num{font-family:'DM Mono',monospace;font-size:10px;color:var(--teal);margin-bottom:10px;letter-spacing:0.1em}
.sd-step.gold .sd-step-num{color:var(--gold)}
.sd-step h4{font-size:14px;font-weight:600;margin-bottom:7px}
.sd-step p{font-size:13px;color:var(--gray);line-height:1.65}
.sd-outcomes{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.sd-outcome{background:var(--navy-mid);border-left:3px solid var(--gold);padding:20px 22px}
.sd-outcome h4{font-size:13px;font-weight:600;color:var(--white);margin-bottom:6px}
.sd-outcome p{font-size:12px;color:var(--gray);line-height:1.65}
.sd-drivers{display:flex;flex-wrap:wrap;gap:10px}
.sd-driver{font-family:'DM Mono',monospace;font-size:11px;color:var(--teal);background:rgba(0,194,168,0.06);border:1px solid rgba(0,194,168,0.2);padding:8px 14px;letter-spacing:0.06em}
.sd-cta-box{background:var(--navy-light);border:1px solid rgba(0,194,168,0.15);padding:48px;text-align:center;margin:56px 0}
.sd-cta-box.gold{border-color:rgba(201,168,76,0.25)}
.sd-cta-box h3{font-family:'Playfair Display',serif;font-size:28px;font-weight:900;margin-bottom:12px}
.sd-cta-box h3 em{color:var(--teal);font-style:normal}
.sd-cta-box.gold h3 em{color:var(--gold)}
.sd-cta-box p{font-size:14px;color:var(--gray);margin-bottom:10px;max-width:440px;margin-left:auto;margin-right:auto;line-height:1.7}
.sd-cta-cert{font-family:'DM Mono',monospace;font-size:11px;color:var(--gold);letter-spacing:0.08em;margin-bottom:24px;opacity:0.85}
.sd-cta-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.sd-nav-row{display:flex;justify-content:space-between;padding:28px 0 64px;gap:16px}
.sd-nav-btn{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gray);cursor:pointer;background:none;border:none;padding:0;display:flex;align-items:center;gap:7px;transition:color 0.2s;text-decoration:none;text-align:left}
.sd-nav-btn:hover{color:var(--teal)}
.sd-nav-btn.prev::before{content:'\2190'}
.sd-nav-btn.next::after{content:'\2192'}

/* ── SUBPAGE HERO (contact, RFI, privacy, terms, etc.) ── */
.subpage-hero{padding:120px 60px 56px;background:var(--navy-mid);border-bottom:1px solid var(--border-teal);position:relative;overflow:hidden}
.subpage-hero::after{content:'';position:absolute;top:-20%;right:-10%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,194,168,0.06) 0%,transparent 65%);pointer-events:none}
.subpage-hero-inner{max-width:1080px;margin:0 auto;position:relative;z-index:1}
.subpage-hero h1{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,56px);font-weight:900;line-height:1.1;margin-bottom:18px;max-width:780px}
.subpage-hero h1 em{color:var(--teal);font-style:normal}
.subpage-hero p{font-size:16px;color:var(--gray);max-width:640px;line-height:1.85;font-weight:300}
.subpage-eyebrow{font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:18px;display:flex;align-items:center;gap:12px}
.subpage-eyebrow::before{content:'';display:block;width:24px;height:1px;background:var(--teal)}

/* ── CONTENT PAGES (privacy, terms) ── */
.content-page{max-width:880px;margin:0 auto;padding:64px 60px 96px}
.content-page h2{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;margin-top:48px;margin-bottom:14px;line-height:1.25;color:var(--white)}
.content-page h2:first-child{margin-top:0}
.content-page h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:700;margin-top:32px;margin-bottom:10px;color:var(--off-white)}
.content-page p{font-size:15px;color:var(--off-white);line-height:1.85;margin-bottom:16px;font-weight:300}
.content-page ul{margin:14px 0 22px 22px}
.content-page li{font-size:15px;color:var(--off-white);line-height:1.8;margin-bottom:8px;font-weight:300}
.content-page strong{color:var(--white);font-weight:600}
.content-page a{color:var(--teal);text-decoration:underline;text-decoration-color:rgba(0,194,168,0.3);text-underline-offset:3px}
.content-page a:hover{text-decoration-color:var(--teal)}
.content-callout{background:var(--navy-mid);border-left:3px solid var(--gold);padding:24px 28px;margin:28px 0;font-size:14px;color:var(--off-white);line-height:1.75}
.content-callout strong{color:var(--gold)}
.content-meta{font-family:'DM Mono',monospace;font-size:11px;color:var(--gray);letter-spacing:0.1em;margin-bottom:32px;padding-bottom:18px;border-bottom:1px solid var(--border)}

/* ── FORMS ── */
.form-wrap{max-width:880px;margin:0 auto;padding:48px 60px 96px}
.form-intro{font-size:15px;color:var(--gray);line-height:1.8;margin-bottom:36px;max-width:680px}
.form-note{background:var(--navy-mid);border-left:3px solid var(--gold);padding:18px 22px;margin-bottom:32px;font-size:13px;color:var(--off-white);line-height:1.7}
.form-note strong{color:var(--gold)}
.form{background:var(--navy-mid);border:1px solid var(--border);padding:48px 44px}
.form-section{margin-bottom:36px;padding-bottom:36px;border-bottom:1px solid var(--border)}
.form-section:last-of-type{border-bottom:none;margin-bottom:24px;padding-bottom:8px}
.form-section-title{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.form-section-sub{font-size:13px;color:var(--gray);margin-bottom:24px;line-height:1.65}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-grid.cols-1{grid-template-columns:1fr}
.form-field{display:flex;flex-direction:column;gap:6px}
.form-field.col-span-2{grid-column:span 2}
.form-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.14em;text-transform:uppercase;color:var(--off-white);font-weight:500}
.form-required{color:var(--teal);margin-left:3px}
.form-help{font-size:11px;color:var(--gray);line-height:1.55;margin-top:3px}
.form-input,.form-select,.form-textarea{background:var(--navy);border:1px solid var(--border);color:var(--white);font-family:'DM Sans',sans-serif;font-size:14px;padding:12px 14px;transition:border-color 0.2s;border-radius:0;width:100%}
.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--teal);background:var(--navy-deep)}
.form-input::placeholder,.form-textarea::placeholder{color:rgba(138,155,174,0.6)}
.form-textarea{min-height:120px;resize:vertical;line-height:1.6}
.form-counter{font-family:'DM Mono',monospace;font-size:10px;color:var(--gray);text-align:right;margin-top:2px}
.form-counter.over{color:var(--error)}
.form-select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--teal) 50%),linear-gradient(135deg,var(--teal) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 2px),calc(100% - 13px) calc(50% - 2px);background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:36px}
.form-checkbox-group{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.form-checkbox{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--off-white);line-height:1.5;cursor:pointer;padding:10px 12px;border:1px solid var(--border);background:var(--navy);transition:border-color 0.2s}
.form-checkbox:hover{border-color:var(--border-teal)}
.form-checkbox input{margin-top:3px;accent-color:var(--teal);flex-shrink:0}
.form-radio-group{display:flex;flex-direction:column;gap:10px}
.form-radio{display:flex;gap:10px;align-items:center;font-size:14px;color:var(--off-white);cursor:pointer;padding:10px 12px;border:1px solid var(--border);background:var(--navy);transition:border-color 0.2s}
.form-radio:hover{border-color:var(--border-teal)}
.form-radio input{accent-color:var(--teal)}
.form-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px;color:var(--off-white);line-height:1.6;cursor:pointer;padding:16px 18px;border:1px solid var(--border);background:var(--navy);transition:border-color 0.2s;margin-bottom:14px}
.form-consent:hover{border-color:var(--border-teal)}
.form-consent input{margin-top:3px;accent-color:var(--teal);flex-shrink:0}
.form-consent a{color:var(--teal);text-decoration:underline}

.form-error{display:none;font-size:12px;color:var(--error);font-family:'DM Mono',monospace;letter-spacing:0.04em;margin-top:4px}
.form-field.has-error .form-error{display:block}
.form-field.has-error .form-input,
.form-field.has-error .form-select,
.form-field.has-error .form-textarea,
.form-field.has-error .form-checkbox-group,
.form-field.has-error .form-radio-group{border-color:var(--error)}

/* Honeypot — visually hidden from real users but accessible to bots */
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

.form-submit-row{margin-top:24px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.form-status{display:none;margin-top:24px;padding:20px 24px;border:1px solid var(--border);background:var(--navy);font-size:14px;line-height:1.7}
.form-status.is-success{display:block;border-color:rgba(52,211,153,0.4);background:rgba(52,211,153,0.06);color:var(--success)}
.form-status.is-error{display:block;border-color:rgba(229,86,75,0.4);background:rgba(229,86,75,0.06);color:var(--error)}
.form-status.is-fallback{display:block;border-color:rgba(201,168,76,0.4);background:rgba(201,168,76,0.06);color:var(--gold)}
.form-status strong{display:block;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:8px}
.form-status a{color:inherit;text-decoration:underline}

/* ── CONTACT PAGE LAYOUT ── */
.contact-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;max-width:1180px;margin:0 auto;padding:48px 60px 96px}
.contact-side{background:var(--navy-mid);border:1px solid var(--border);padding:36px 32px;align-self:start}
.contact-side h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:700;margin-bottom:10px}
.contact-side p{font-size:13px;color:var(--gray);line-height:1.75;margin-bottom:18px}
.contact-side .contact-method{padding:14px 0;border-top:1px solid var(--border)}
.contact-side .contact-method:first-of-type{border-top:none}
.contact-method-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.16em;text-transform:uppercase;color:var(--teal);margin-bottom:6px}
.contact-method-value{font-size:14px;color:var(--off-white);word-break:break-word}
.contact-method-value a{color:var(--off-white);text-decoration:none;border-bottom:1px solid var(--border-teal)}
.contact-method-value a:hover{color:var(--teal)}
.calendar-box{margin-top:20px;padding:18px 20px;background:var(--navy);border:1px dashed rgba(201,168,76,0.4)}
.calendar-box-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.2em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}
.calendar-box p{font-size:12px;color:var(--gray);margin-bottom:10px;line-height:1.6}

/* ── RESPONSIVE ── */
@media(max-width:1280px){
  nav{padding:14px 28px}
  .nav-link{padding:8px 10px;font-size:11px;letter-spacing:0.08em}
  .lang-switch{margin-right:6px;font-size:9px}
  .lang-switch a{padding:6px 6px}
  .nav-cta{padding:10px 14px;font-size:11px;letter-spacing:0.08em}
  .nav-right{gap:6px}
  html[lang="es"] .hero-h1-rotate{font-size:clamp(38px,4.5vw,60px);max-width:calc(100vw - 120px)}
}
@media(max-width:900px){
  nav{padding:16px 24px}
  .nav-center{display:none}
  .nav-hamburger{display:flex}
  .hero,.solutions-section,.smb-section,.services-section,.tooling-section,.diff-section,.founder-section,.cta-section,.trust-bar,.cred-banner,.problem-strip,.how-section,.eng-section,.drivers-section,.subpage-hero{padding-left:24px;padding-right:24px}
  .hero{padding-top:100px;padding-bottom:48px;min-height:auto}
  /* Tighter vertical rhythm on tablets/phones */
  .solutions-section,.smb-section,.services-section,.tooling-section,.diff-section,.how-section,.eng-section,.drivers-section,.founder-section,.lifecycle-section{padding-top:32px;padding-bottom:32px}
  .section-lead{margin-bottom:24px}
  .hero-stats{margin-top:36px;padding-top:28px;gap:24px}
  .cred-banner{padding-top:20px;padding-bottom:20px;gap:18px}
  .trust-bar{padding-top:20px;padding-bottom:20px}
  .problem-strip{padding:18px 24px}
  .smb-card,.svc-card,.eng-card,.diff-item,.how-step,.tool-card{padding:22px 18px}
  .btn-primary,.btn-ghost{padding:14px 24px;font-size:12px}
  .smb-grid{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .services-grid > .svc-card.rem{grid-column:1;grid-template-columns:1fr;gap:28px}
  .rem-aside{border-left:none;border-top:1px solid rgba(0,194,168,0.18);padding-left:0;padding-top:24px}
  .tooling-grid{grid-template-columns:1fr}
  .diff-grid{grid-template-columns:1fr}
  .founder-inner{grid-template-columns:1fr;gap:40px}
  .sol-panel{grid-template-columns:1fr}
  .sol-left{border-right:none;border-bottom:1px solid var(--border)}
  .how-grid{grid-template-columns:1fr 1fr}
  .eng-grid{grid-template-columns:1fr}
  .drivers-grid{grid-template-columns:repeat(2,1fr)}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px;padding:40px 24px}
  .footer-bottom{padding:16px 24px;flex-direction:column;text-align:center}
  .sd-body{padding:0 24px}
  .sd-hero{padding:90px 24px 48px}
  .sd-for-list,.sd-prob-grid,.sd-del-grid,.sd-eng,.sd-outcomes{grid-template-columns:1fr}
  .sd-nav-row{flex-direction:column;gap:16px}
  .trust-logos,.cred-banner{flex-wrap:wrap}
  .trust-item{border-right:none;border-bottom:1px solid var(--border)}
  .form-wrap,.content-page,.contact-grid{padding-left:24px;padding-right:24px}
  .form{padding:32px 24px}
  .form-grid{grid-template-columns:1fr}
  .form-field.col-span-2{grid-column:auto}
  .form-checkbox-group{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr;gap:32px}
  html[lang="es"] .hero-h1-rotate{font-size:clamp(32px,7.4vw,56px);max-width:calc(100vw - 48px)}
}
@media(max-width:600px){
  .footer-inner{grid-template-columns:1fr}
  .hero-stats{gap:28px}
  .sol-tabs{flex-wrap:wrap}
  .how-grid,.drivers-grid{grid-template-columns:1fr}
  .hero-h1-rotate{min-height:2.4em}
  .hero-rotator{white-space:normal;line-height:1.15}
  .solutions-section,.smb-section,.services-section,.tooling-section,.diff-section,.how-section,.eng-section,.drivers-section,.founder-section,.lifecycle-section,.cta-section{padding-top:28px;padding-bottom:28px;padding-left:18px;padding-right:18px}
  .hero{padding:92px 18px 40px}
  .smb-card,.svc-card,.eng-card,.diff-item,.how-step,.tool-card,.lifecycle-stage{padding:20px 16px}
  .sol-left,.sol-right{padding:20px}
  .btn-primary,.btn-ghost{display:block;width:100%;text-align:center}
  .hero-cta{display:flex;flex-direction:column;gap:12px}
}

/* Screen-reader-only utility — used to insert semantic H2 landmarks without altering visual design */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Anchor offset for sticky nav — prevents headings from being hidden under fixed header.
   scroll-padding-top on <html> applies to ALL anchored navigation (not just sections),
   which fixes the residual mobile anchor overlap. The section[id] rule is kept as a
   belt-and-suspenders for older browsers. */
html{scroll-padding-top:84px}
@media(max-width:900px){html{scroll-padding-top:72px}}
section[id]{scroll-margin-top:84px}
@media(max-width:900px){section[id]{scroll-margin-top:72px}}

/* ── DATA PROTECTION LIFECYCLE (signature 5-stage band) ── */
.lifecycle-section{padding:44px 60px;background:var(--navy-mid);border-top:1px solid var(--border-teal);border-bottom:1px solid var(--border-teal);overflow:hidden;contain:layout paint}
.lifecycle-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;margin-top:24px;position:relative;align-items:stretch;width:100%;max-width:100%;overflow:visible}
.lifecycle-stage{background:var(--navy-light);padding:30px 22px 22px;display:flex;flex-direction:column;text-decoration:none;color:inherit;border-top:2px solid var(--teal);transition:transform .28s ease,background .28s ease,box-shadow .28s ease;position:relative;min-height:340px;height:100%;max-width:100%;overflow:hidden;isolation:isolate}
.lifecycle-stage:hover{background:var(--navy);transform:translateY(-4px);box-shadow:0 18px 44px rgba(0,194,168,0.10),0 6px 18px rgba(0,0,0,0.45)}
.lifecycle-stage.gold{border-top-color:var(--gold);background:rgba(201,168,76,0.04)}
.lifecycle-stage.gold:hover{background:rgba(201,168,76,0.09);box-shadow:0 18px 44px rgba(201,168,76,0.12),0 6px 18px rgba(0,0,0,0.45)}
.lifecycle-stage::after{content:'\2192';position:absolute;top:50%;right:-15px;transform:translateY(-50%);font-family:'DM Mono',monospace;font-size:14px;color:var(--teal);background:var(--navy-mid);width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:3;border:1px solid var(--border-teal)}
.lifecycle-stage:last-child::after{display:none}
.lifecycle-stage.gold::after{color:var(--gold);border-color:rgba(201,168,76,0.3)}
.lifecycle-num{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.22em;color:var(--teal);opacity:.85;margin-bottom:6px}
.lifecycle-stage.gold .lifecycle-num{color:var(--gold)}
.lifecycle-stage-name{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;margin-bottom:14px;line-height:1.15;letter-spacing:-0.01em}
.lifecycle-stage-desc{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:16px}
.lifecycle-outcomes-label,.lifecycle-regs-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--off-white);opacity:.55;margin-bottom:8px}
.lifecycle-outcomes{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px;align-items:flex-start;min-width:0;max-width:100%}
.lifecycle-outcome{font-family:'DM Sans',sans-serif;font-size:11.5px;font-weight:500;color:var(--off-white);background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.10);padding:5px 9px;border-radius:3px;line-height:1.3;max-width:100%}
.lifecycle-stage.gold .lifecycle-outcome{background:rgba(201,168,76,0.06);border-color:rgba(201,168,76,0.22)}
.lifecycle-regs{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px;align-items:flex-start;min-width:0;max-width:100%}
.lifecycle-reg{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--gold);background:rgba(201,168,76,0.06);border:1px solid rgba(201,168,76,0.28);padding:3px 7px;max-width:100%}
.lifecycle-services{display:none}
.lifecycle-chip{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.08em;color:var(--teal);background:rgba(0,194,168,0.08);border:1px solid rgba(0,194,168,0.25);padding:5px 9px}
.lifecycle-chip.gold{color:var(--gold);background:rgba(201,168,76,0.08);border-color:rgba(201,168,76,0.3)}
.lifecycle-tools{display:flex;flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:14px;border-top:1px dashed rgba(255,255,255,0.08);align-items:flex-start;min-width:0;max-width:100%;width:100%;overflow:hidden}
.lifecycle-tool-label{font-family:'DM Mono',monospace;font-size:9px;letter-spacing:0.22em;text-transform:uppercase;color:var(--gray);opacity:.55;width:100%;min-width:0;margin-bottom:6px}
.lifecycle-tool{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.05em;color:#a5b4fc;background:rgba(99,102,241,0.06);border:1px solid rgba(99,102,241,0.22);padding:4px 8px;transition:background .2s,border-color .2s;max-width:100%;flex:0 1 auto}
.lifecycle-stage:hover .lifecycle-tool{background:rgba(99,102,241,0.12);border-color:rgba(99,102,241,0.4)}
.lifecycle-assurance{margin-top:32px;padding:22px 28px;background:var(--navy);border:1px dashed rgba(201,168,76,0.4);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;min-width:0;max-width:100%;overflow:hidden}
.lifecycle-assurance-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:var(--gold);min-width:0;max-width:100%}
.lifecycle-assurance-services{display:flex;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%;align-items:flex-start}
.lifecycle-assurance-chip{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:var(--off-white);text-decoration:none;padding:9px 16px;border:1px solid var(--border-teal);background:rgba(0,194,168,0.05);transition:all 0.2s;max-width:100%;flex:0 1 auto}
.lifecycle-assurance-chip:hover{background:rgba(0,194,168,0.12);color:var(--teal);border-color:var(--teal)}
.lifecycle-tooling{margin-top:14px;padding:18px 28px;background:var(--navy);border:1px dashed rgba(99,102,241,0.4);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;min-width:0;max-width:100%;overflow:hidden}
.lifecycle-tooling-label{font-family:'DM Mono',monospace;font-size:10px;letter-spacing:0.18em;text-transform:uppercase;color:#a5b4fc;min-width:0;max-width:100%}
.lifecycle-tooling-services{display:flex;gap:10px;flex-wrap:wrap;min-width:0;max-width:100%;align-items:flex-start}
.lifecycle-tooling-chip{font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;color:var(--off-white);text-decoration:none;padding:9px 16px;border:1px solid rgba(99,102,241,0.35);background:rgba(99,102,241,0.06);transition:all 0.2s;max-width:100%;flex:0 1 auto}
.lifecycle-tooling-chip:hover{background:rgba(99,102,241,0.14);color:#a5b4fc;border-color:#a5b4fc}
.lifecycle-section,.lifecycle-grid,.lifecycle-stage{min-width:0;max-width:100%}
.lifecycle-stage,.lifecycle-stage-name,.lifecycle-stage-desc,.lifecycle-outcome,.lifecycle-reg,.lifecycle-tool,.lifecycle-tooling-chip,.lifecycle-assurance-chip,.lifecycle-assurance-label,.lifecycle-tooling-label{overflow-wrap:anywhere;word-break:break-word;hyphens:auto;min-width:0}
.lifecycle-outcomes,.lifecycle-regs,.lifecycle-tools,.lifecycle-assurance-services,.lifecycle-tooling-services{max-width:100%;min-width:0;overflow:hidden}
@media(max-width:1100px){
  .lifecycle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lifecycle-stage::after{display:none}
  .lifecycle-stage{min-height:auto;padding:24px 18px 20px}
  .lifecycle-stage-name{font-size:22px}
}
@media(max-width:900px){
  .lifecycle-section{padding-left:24px;padding-right:24px}
  .lifecycle-grid{grid-template-columns:minmax(0,1fr);gap:12px}
  .lifecycle-stage{min-height:auto}
  .lifecycle-assurance,.lifecycle-tooling{flex-direction:column;align-items:flex-start}
  .lifecycle-assurance,.lifecycle-tooling{padding:18px 20px}
  .lifecycle-assurance-services,.lifecycle-tooling-services{width:100%}
}
@media(max-width:420px){
  .lifecycle-section{padding-left:14px;padding-right:14px}
  .lifecycle-stage{padding:22px 16px 18px}
  .lifecycle-outcome,.lifecycle-reg,.lifecycle-tool,.lifecycle-tooling-chip,.lifecycle-assurance-chip{flex:1 1 100%;width:100%}
  .lifecycle-assurance,.lifecycle-tooling{padding:16px}
}

/* ── BACK TO TOP ── */
.back-to-top{position:fixed;bottom:90px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--teal);color:var(--navy);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity 0.25s ease,transform 0.25s ease,visibility 0.25s;z-index:8999;box-shadow:0 4px 16px rgba(0,194,168,0.35)}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}
.back-to-top:hover{background:var(--teal-dim);transform:translateY(-2px)}
.back-to-top svg{width:20px;height:20px;stroke:var(--navy);stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}

/* ── CHATBOT WIDGET ── */
.sitoo-chat-launcher{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-dim));color:var(--navy);border:none;cursor:pointer;box-shadow:0 8px 24px rgba(0,194,168,0.4),0 0 0 1px rgba(255,255,255,0.06);z-index:9000;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}
.sitoo-chat-launcher:hover{transform:translateY(-2px) scale(1.04)}
.sitoo-chat-launcher svg{width:28px;height:28px;stroke:var(--navy);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sitoo-chat-launcher .sitoo-chat-pulse{position:absolute;inset:0;border-radius:50%;border:2px solid var(--teal);animation:sitooPulse 2.4s ease-out infinite;pointer-events:none}
@keyframes sitooPulse{0%{transform:scale(1);opacity:.6}100%{transform:scale(1.6);opacity:0}}

.sitoo-chat-panel{position:fixed;bottom:96px;right:24px;width:380px;max-width:calc(100vw - 32px);height:560px;max-height:calc(100vh - 120px);background:var(--navy-mid);border:1px solid var(--border-teal);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.55);display:none;flex-direction:column;overflow:hidden;z-index:9001;font-family:'DM Sans',sans-serif}
.sitoo-chat-panel.open{display:flex;animation:sitooSlideUp .22s ease-out}
@keyframes sitooSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}

.sitoo-chat-header{padding:14px 16px;background:linear-gradient(135deg,var(--navy-light),var(--navy-mid));border-bottom:1px solid var(--border-teal);display:flex;align-items:center;gap:10px}
.sitoo-chat-header-icon{width:32px;height:32px;border-radius:50%;background:var(--teal);color:var(--navy);display:flex;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-weight:700;font-size:14px;flex-shrink:0}
.sitoo-chat-header-text{flex:1;min-width:0}
.sitoo-chat-header-title{font-size:14px;font-weight:600;color:var(--white);line-height:1.2}
.sitoo-chat-header-sub{font-size:11px;color:var(--gray);margin-top:2px;display:flex;align-items:center;gap:6px}
.sitoo-chat-header-sub::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--success);box-shadow:0 0 6px var(--success)}
.sitoo-chat-close{background:transparent;border:none;color:var(--gray);cursor:pointer;padding:4px;font-size:20px;line-height:1;border-radius:6px}
.sitoo-chat-close:hover{color:var(--white);background:rgba(255,255,255,.05)}

.sitoo-chat-messages{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}
.sitoo-chat-messages::-webkit-scrollbar{width:6px}
.sitoo-chat-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:3px}

.sitoo-chat-msg{font-size:14px;line-height:1.55;max-width:88%;word-wrap:break-word}
.sitoo-chat-msg.user{align-self:flex-end;background:var(--teal);color:var(--navy);padding:9px 13px;border-radius:14px 14px 4px 14px;font-weight:500}
.sitoo-chat-msg.assistant{align-self:flex-start;color:var(--off-white);padding:0 2px}
.sitoo-chat-msg.assistant p{margin:0 0 8px 0}
.sitoo-chat-msg.assistant p:last-child{margin-bottom:0}
.sitoo-chat-msg.assistant strong{color:var(--white);font-weight:600}
.sitoo-chat-msg.assistant a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.sitoo-chat-msg.assistant ul{margin:6px 0 8px 0;padding-left:18px}
.sitoo-chat-msg.assistant li{margin:3px 0}

.sitoo-chat-typing{align-self:flex-start;display:flex;gap:4px;padding:8px 0}
.sitoo-chat-typing span{width:7px;height:7px;border-radius:50%;background:var(--teal);opacity:.4;animation:sitooDot 1.2s infinite ease-in-out}
.sitoo-chat-typing span:nth-child(2){animation-delay:.15s}
.sitoo-chat-typing span:nth-child(3){animation-delay:.3s}
@keyframes sitooDot{0%,80%,100%{opacity:.3;transform:scale(.9)}40%{opacity:1;transform:scale(1.1)}}

.sitoo-chat-cta{align-self:stretch;background:var(--navy-light);border:1px solid var(--border-teal);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:8px;margin-top:4px}
.sitoo-chat-cta-title{font-size:12px;color:var(--gold);font-family:'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-weight:600}
.sitoo-chat-cta-row{display:flex;gap:8px;flex-wrap:wrap}
.sitoo-chat-cta a{flex:1;min-width:120px;text-align:center;background:var(--teal);color:var(--navy);font-size:12px;font-weight:600;padding:8px 10px;border-radius:6px;text-decoration:none;transition:background .15s}
.sitoo-chat-cta a:hover{background:var(--teal-dim)}
.sitoo-chat-cta a.secondary{background:transparent;color:var(--teal);border:1px solid var(--teal)}

.sitoo-chat-input-wrap{border-top:1px solid var(--border-teal);padding:10px 12px;background:var(--navy-deep)}
.sitoo-chat-input-row{display:flex;gap:8px;align-items:flex-end}
.sitoo-chat-input{flex:1;background:var(--navy-mid);border:1px solid var(--border);color:var(--white);font-family:inherit;font-size:14px;padding:9px 12px;border-radius:8px;resize:none;min-height:38px;max-height:100px;line-height:1.4}
.sitoo-chat-input:focus{outline:none;border-color:var(--teal)}
.sitoo-chat-input:disabled{opacity:.5;cursor:not-allowed}
.sitoo-chat-send{background:var(--teal);color:var(--navy);border:none;width:38px;height:38px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s}
.sitoo-chat-send:hover:not(:disabled){background:var(--teal-dim)}
.sitoo-chat-send:disabled{opacity:.4;cursor:not-allowed}
.sitoo-chat-send svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}
.sitoo-chat-footnote{font-size:10px;color:var(--gray);margin-top:6px;text-align:center;line-height:1.4}
.sitoo-chat-footnote a{color:var(--gray);text-decoration:underline}

@media(max-width:520px){
  .sitoo-chat-panel{right:8px;left:8px;width:auto;bottom:80px;height:calc(100vh - 100px)}
  .sitoo-chat-launcher{bottom:16px;right:16px;width:54px;height:54px}
  .sitoo-chat-close{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:24px}
  .sitoo-chat-send{width:44px;height:44px}
  .sitoo-chat-input{min-height:44px;font-size:16px}
}

/* Chatbot retry button (shown when fetch fails) */
.sitoo-chat-retry{align-self:flex-start;margin-top:4px}
.sitoo-chat-retry-btn{background:var(--teal);color:var(--navy);font-family:inherit;font-size:13px;font-weight:600;padding:8px 14px;min-height:36px;border:none;border-radius:8px;cursor:pointer;transition:background .15s}
.sitoo-chat-retry-btn:hover{background:var(--teal-dim)}
.sitoo-chat-retry-btn:focus-visible{outline:2px solid var(--gold);outline-offset:2px}

/* ========== Third-Party Risk Management (TPRM) — teal variant of featured Remediation card ========== */
.tag.tag-teal{color:var(--teal);border-color:rgba(0,194,168,0.3);background:rgba(0,194,168,0.06)}
.svc-card.tprm{background:rgba(0,194,168,0.05);border-top-color:var(--teal)}
.services-grid > .svc-card.tprm{grid-column:1 / -1;display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:stretch}
.services-grid > .svc-card.tprm .rem-main{display:flex;flex-direction:column}
.services-grid > .svc-card.tprm .svc-icon{font-size:28px;margin-bottom:14px}
.svc-card.tprm .rem-aside{border-left-color:rgba(0,194,168,0.22)}
.svc-card.tprm .rem-aside-label{color:var(--teal)}
.svc-card.tprm .rem-includes li::before{color:var(--teal)}
.svc-card.tprm .rem-cta{background:var(--teal);color:var(--navy-deep)}
.svc-card.tprm:hover{background:rgba(0,194,168,0.09)}
.svc-card.tprm .svc-card-label{color:var(--teal)}
.svc-card.tprm .svc-learn{color:var(--teal)}
@media(max-width:900px){.services-grid > .svc-card.tprm{grid-template-columns:1fr;gap:28px}.svc-card.tprm .rem-aside{border-left:none;border-top:1px solid rgba(0,194,168,0.18);padding-left:0;padding-top:24px}}

/* ========== Featured pair row: TPRM + Remediation side-by-side ========== */
.services-grid > .svc-pair{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:2px}
.svc-pair > .svc-card.tprm,
.svc-pair > .svc-card.rem{display:flex;flex-direction:column;gap:18px}
.svc-pair > .svc-card .rem-main{display:flex;flex-direction:column}
.svc-pair > .svc-card .rem-aside{border-left:none;border-top:1px solid rgba(255,255,255,0.08);padding-left:0;padding-top:14px;justify-content:flex-start;gap:10px}
.svc-pair > .svc-card.tprm .rem-aside{border-top-color:rgba(0,194,168,0.18)}
.svc-pair > .svc-card.rem .rem-aside{border-top-color:rgba(201,168,76,0.22)}
/* Compact "What's Included": 2-col bullet grid, smaller type, tighter CTA */
.svc-pair .rem-aside-label{margin-bottom:2px}
.svc-pair .rem-includes{display:grid;grid-template-columns:1fr 1fr;column-gap:20px;row-gap:6px}
.svc-pair .rem-includes li{font-size:12.5px;line-height:1.45;gap:8px}
.svc-pair .rem-cta{margin-top:2px;padding:9px 16px;font-size:10px;letter-spacing:0.16em}
@media(max-width:900px){.services-grid > .svc-pair{grid-template-columns:1fr}}
@media(max-width:700px){.svc-pair .rem-includes{grid-template-columns:1fr}}

/* ============================================================
   MOBILE UAT — Phase 2 auto-fixes (CSS-only, ≤1024px scope)
   ============================================================ */

/* Global: prevent any rogue horizontal scroll on mobile/tablet */
@media(max-width:1024px){
  html,body{overflow-x:hidden;max-width:100vw}
  img,video,iframe{max-width:100%;height:auto}
  pre,code{overflow-x:auto;max-width:100%}
}

/* Leadership — Credentials & Certifications (KNOWN BROKEN)
   Fix: reset centered alignment inside .founder-left on mobile,
   force the cert grid to 2x2 on tablet/mobile and 1-col on small phones.
   The label must stack above the grid (it already does in markup,
   the issue is centered alignment + tight 1fr 1fr making content
   collapse into a single column visually). */
@media(max-width:899px){
  .founder-left{text-align:left}
  .founder-av{margin-left:0}
  .founder-firms{justify-content:flex-start}
  .founder-cert-block{margin-top:24px;padding-top:20px}
  .founder-cert-label{margin-bottom:16px}
  .founder-cert-grid{grid-template-columns:repeat(2,1fr);gap:12px}
}
@media(max-width:600px){
  .founder-cert-grid{grid-template-columns:1fr;gap:10px}
  .fcert{padding:12px 14px}
  .fcert-abbr{font-size:13px}
  .fcert-body{font-size:11px}
}

/* Footer bottom links: stack/wrap cleanly on mobile */
@media(max-width:600px){
  .footer-bottom-links{flex-wrap:wrap;justify-content:center;gap:10px 16px}
}

/* Touch targets: ensure language switch + social icons clear 44px */
@media(max-width:900px){
  .nav-hamburger{min-width:44px;min-height:44px}
  .lang-switch a{min-height:36px;display:inline-flex;align-items:center}
  .fsoc{min-width:36px;min-height:36px;display:inline-flex;align-items:center;justify-content:center}
}

/* P0 — Nav CTA overflows on phones (esp. ES copy "SOLICITE UN BRIEFING DE RIESGOS").
   Hide it below 600px; the hamburger menu already exposes the same CTA. */
@media(max-width:600px){
  .nav-cta{display:none}
  nav{padding:14px 18px}
  .lang-switch{margin-right:8px}
}

/* Belt-and-suspenders: keep any wide nav child from forcing horizontal overflow */
@media(max-width:900px){
  .nav-right{min-width:0;flex-shrink:1}
  .nav-cta{max-width:42vw;overflow:hidden;text-overflow:ellipsis}
}

/* Tap targets: footer + content links and form controls hit 44px on mobile */
@media(max-width:600px){
  .nm-link{min-height:44px;display:flex;align-items:center}
  .footer-bottom-links a,.footer-col a{padding:6px 0;display:inline-block}
  .form input,.form select,.form textarea{min-height:44px}
  .form textarea{min-height:120px}
}

/* Form helper text — used under inputs whose placeholder copy is too long to
   fit comfortably on mobile (e.g. "Topic or service area of interest"). */
.form-hint{font-size:12px;line-height:1.5;color:var(--gray);margin-top:6px;font-family:'DM Sans',sans-serif;opacity:.85}

/* Tooling cards — allow long vendor categories ("Data Security Posture Management")
   to break cleanly inside the tile instead of forcing the card to overflow. */
.tool-vendor,.tool-card h3{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}