:root{
  --font-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;

  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-hero:clamp(2.5rem,1.1rem + 4.4vw,4.75rem);

  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;
  --space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;

  --navy:#07226C;
  --navy-2:#0B2F8A;
  --accent:#0098D8;
  --accent-ink:#0079AE;
  --sky:#7FD9F1;
  --fill:#D6F1FA;
  --pale:#EEF9FD;
  --white:#fff;

  --color-bg:#fff;
  --color-text:#0A1F5C;
  --color-muted:#44588C;
  --color-border:rgba(7,34,108,.14);
  --color-border-soft:rgba(7,34,108,.08);

  --radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;
  --shadow-sm:0 1px 2px rgba(7,34,108,.06),0 2px 8px rgba(7,34,108,.05);
  --shadow-md:0 8px 24px rgba(7,34,108,.10),0 2px 6px rgba(7,34,108,.06);
  --shadow-lg:0 24px 60px rgba(7,34,108,.16),0 6px 16px rgba(7,34,108,.08);
  --transition-interactive:180ms cubic-bezier(.16,1,.3,1);
  --ease:cubic-bezier(.16,1,.3,1);
  --gutter:clamp(1.25rem,4vw,2.5rem);
  --maxw:1200px;
}

body{letter-spacing:-.005em}
h1,h2,h3{letter-spacing:-.025em;color:var(--navy)}
a{color:var(--accent-ink)}
.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
.skip{position:absolute;left:var(--space-4);top:-100px;background:var(--navy);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);z-index:100;text-decoration:none}
.skip:focus{top:var(--space-4)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:48px;padding:0 var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);text-decoration:none;border:1.5px solid transparent;white-space:nowrap}
.btn-sm{min-height:42px;padding:0 var(--space-5)}
.btn-primary{background:var(--navy);color:#fff}
.btn-primary:hover{background:var(--navy-2);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.btn-ghost{color:var(--navy);border-color:var(--color-border);background:#fff}
.btn-ghost:hover{border-color:var(--navy);background:var(--pale)}
.btn-sky{background:var(--sky);color:var(--navy)}
.btn-sky:hover{background:#9BE3F5;transform:translateY(-1px)}
.btn:active{transform:translateY(0)}

/* Header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-soft)}
.header-row{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:var(--space-6)}
.brand{display:flex;flex-direction:column;line-height:1;text-decoration:none;color:var(--navy);gap:3px}
.brand-mark{font-size:1.5rem;font-weight:700;letter-spacing:-.03em;color:var(--navy)}
.brand-mark b{color:var(--accent);font-weight:700}
.brand-sub{font-size:.6875rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--color-muted)}
.nav{display:flex;align-items:center;gap:var(--space-8)}
.nav a:not(.btn){color:var(--navy);text-decoration:none;font-weight:500;font-size:var(--text-sm);padding:var(--space-2) 0;position:relative}
.nav a:not(.btn)::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform 240ms var(--ease)}
.nav a:not(.btn):hover::after{transform:scaleX(1)}
.menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;color:var(--navy);border-radius:var(--radius-md)}
.menu-btn .i-close{display:none}
.menu-btn[aria-expanded="true"] .i-menu{display:none}
.menu-btn[aria-expanded="true"] .i-close{display:block}

/* Shared type */
.eyebrow{font-size:var(--text-xs);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:var(--space-4)}
.eyebrow-light{color:var(--sky)}
h2{font-size:var(--text-2xl);font-weight:700}
h3{font-size:var(--text-lg);font-weight:650}
.section{padding-block:clamp(var(--space-16),9vw,var(--space-32))}
.section-tight{padding-block:clamp(var(--space-8),5vw,var(--space-16)) clamp(var(--space-16),8vw,var(--space-24))}
.section-pale{background:var(--pale)}
.section-head{max-width:720px;margin-bottom:var(--space-12)}
.section-head-wide{max-width:820px}
.section-head p:not(.eyebrow){margin-top:var(--space-5);color:var(--color-muted)}
.note{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-muted)}
.note-center{text-align:center;margin-inline:auto}

/* Hero */
.hero{padding-block:clamp(var(--space-10),6vw,var(--space-20)) clamp(var(--space-12),7vw,var(--space-20));background:linear-gradient(180deg,var(--pale) 0%,#fff 78%)}
.hero-grid{display:grid;grid-template-columns:1.02fr 1fr;gap:clamp(var(--space-8),5vw,var(--space-16));align-items:center}
.hero h1{font-size:var(--text-hero);font-weight:700;line-height:1.04;letter-spacing:-.04em}
.hl{color:var(--accent)}
.lede{margin-top:var(--space-6);font-size:var(--text-lg);color:var(--color-muted);max-width:34em;line-height:1.55}
.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}
.hero-points{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-6);margin-top:var(--space-8);list-style:none;font-size:var(--text-sm);font-weight:500;color:var(--navy)}
.hero-points li{position:relative;padding-left:var(--space-5)}
.hero-points li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.hero-visual{position:relative}
.hero-visual img{width:100%;aspect-ratio:1/1.02;object-fit:cover;object-position:62% 40%;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}
.hero-chip{position:absolute;left:calc(var(--space-5) * -1);bottom:var(--space-8);display:flex;align-items:center;gap:var(--space-3);background:#fff;border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-md);border:1px solid var(--color-border-soft)}
.hero-chip strong{display:block;font-size:var(--text-sm);color:var(--navy);line-height:1.2}
.hero-chip small{display:block;font-size:var(--text-xs);color:var(--color-muted);margin-top:2px}
.dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 5px rgba(0,152,216,.18);flex:none}

/* Stats */
.stats{background:var(--navy);color:#fff}
.stats-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:clamp(var(--space-6),3vw,var(--space-12));padding-block:clamp(var(--space-10),5vw,var(--space-16))}
.stat-num{white-space:nowrap;font-size:clamp(2rem,1.2rem + 2.2vw,3.25rem);font-weight:700;letter-spacing:-.035em;color:#fff;line-height:1;font-variant-numeric:tabular-nums}
.stat-lead .stat-num{color:var(--sky)}
.stat-label{margin-top:var(--space-3);font-size:var(--text-sm);color:rgba(255,255,255,.78);line-height:1.5}
.stat-label a{color:var(--sky)}
.stat:not(.stat-lead){border-left:1px solid rgba(255,255,255,.16);padding-left:clamp(var(--space-4),2vw,var(--space-8))}

/* Programs */
.tiers{display:grid;grid-template-columns:1.25fr 1fr;gap:var(--space-6);align-items:stretch}
.tier{border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-6),3vw,var(--space-10));background:#fff}
.tier header{margin-bottom:var(--space-6)}
.tier-tag{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);background:var(--fill);padding:var(--space-1) var(--space-3);border-radius:999px;margin-bottom:var(--space-4)}
.tier h3{font-size:var(--text-xl);font-weight:700}
.checks{list-style:none;display:grid;gap:var(--space-3)}
.checks li{position:relative;padding-left:var(--space-8);font-size:var(--text-sm);line-height:1.5;color:var(--color-text)}
.checks li::before{content:"";position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;background:var(--fill) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2307226C' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/12px no-repeat}
.tier:not(.tier-enhanced) .checks{grid-template-columns:1fr;gap:var(--space-4)}
.checks .wide{grid-column:1/-1}
.tier-enhanced{background:var(--navy);border-color:var(--navy);color:#fff;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}
.tier-enhanced h3{color:#fff}
.tier-enhanced .tier-tag{background:var(--sky);color:var(--navy)}
.plus-list{list-style:none;display:grid;gap:var(--space-3);margin-bottom:var(--space-8)}
.plus-list li{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}
.plus-list strong{display:block;font-size:var(--text-base);font-weight:650;color:#fff}
.plus-list span{display:block;margin-top:var(--space-1);font-size:var(--text-sm);color:rgba(255,255,255,.75)}
.tier-enhanced .btn{margin-top:auto;align-self:flex-start}

/* Process */
.banner{position:relative;border-radius:var(--radius-xl);overflow:hidden;background:var(--pale)}
.banner img{width:100%;aspect-ratio:21/9;object-fit:cover;object-position:50% 40%}
.banner-card{position:absolute;left:clamp(var(--space-4),3vw,var(--space-10));top:50%;transform:translateY(-50%);max-width:420px;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-lg);padding:clamp(var(--space-5),2.5vw,var(--space-8));box-shadow:var(--shadow-md)}
.banner-card h2{font-size:var(--text-xl)}
.banner-card p:last-child{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-muted)}
.steps{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-6);margin-top:var(--space-12);counter-reset:s;position:relative}
.steps li{position:relative;padding-top:var(--space-2)}
.steps li:not(:last-child)::after{content:"";position:absolute;top:19px;left:calc(40px + var(--space-3));right:calc(var(--space-6) * -1 + var(--space-3));height:2px;background:linear-gradient(90deg,var(--sky),var(--fill))}
.step-n{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--navy);color:#fff;font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-4);position:relative;z-index:1}
.steps h3{font-size:var(--text-base);font-weight:650}
.steps p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}

/* Split */
.split{display:grid;grid-template-columns:1fr 1.05fr;gap:clamp(var(--space-8),6vw,var(--space-20));align-items:center}
.split-img img{width:100%;aspect-ratio:4/3.3;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
.split-copy h2{font-size:var(--text-2xl);font-size:clamp(1.75rem,1.1rem + 2vw,2.75rem)}
.split-copy>p:not(.eyebrow){margin-top:var(--space-5);color:var(--color-muted)}
.defs{margin-top:var(--space-8);display:grid;gap:0;border-top:1px solid var(--color-border)}
.defs div{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}
.defs dt{font-weight:650;color:var(--navy);font-size:var(--text-sm)}
.defs dd{font-size:var(--text-sm);color:var(--color-muted)}

/* Tabs / platform */
.tabs{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}
.tablist{display:flex;gap:var(--space-1);padding:var(--space-3);background:var(--pale);border-bottom:1px solid var(--color-border-soft);overflow-x:auto}
.tablist button{padding:0 var(--space-5);min-height:44px;border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);color:var(--color-muted);white-space:nowrap}
.tablist button:hover{color:var(--navy);background:rgba(7,34,108,.05)}
.tablist button[aria-selected="true"]{background:var(--navy);color:#fff}
.tabpanel{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(var(--space-6),4vw,var(--space-16));padding:clamp(var(--space-6),4vw,var(--space-12));align-items:center}
.tabpanel[hidden]{display:none}
.panel-copy h3{font-size:var(--text-xl);font-weight:700}
.panel-copy>p{margin-top:var(--space-3);margin-bottom:var(--space-6);color:var(--color-muted)}
.panel-ui{display:flex;justify-content:center;background:linear-gradient(160deg,var(--fill),var(--pale));border-radius:var(--radius-xl);padding:clamp(var(--space-6),3vw,var(--space-10));min-height:420px;align-items:center}
.pill{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:var(--fill);color:var(--accent-ink);padding:3px 10px;border-radius:999px}

.phone{width:min(100%,300px);background:#fff;border-radius:32px;padding:var(--space-5) var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);border:8px solid var(--navy)}
.phone-top{display:flex;justify-content:space-between;align-items:center;font-weight:700;color:var(--navy);font-size:var(--text-sm);margin-bottom:var(--space-4)}
.phone-h{font-weight:700;font-size:var(--text-base);color:var(--navy);margin-bottom:var(--space-4);line-height:1.25}
.tl{list-style:none;display:grid;gap:0}
.tl li{display:flex;gap:var(--space-3);position:relative;padding-bottom:var(--space-4);color:var(--color-muted)}
.tl li:last-child{padding-bottom:0}
.tl li:not(:last-child)::before{content:"";position:absolute;left:7px;top:18px;bottom:0;width:2px;background:var(--color-border)}
.tl li.done:not(:last-child)::before{background:var(--accent)}
.tl-dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--color-border);background:#fff;flex:none;margin-top:3px}
.tl li.done .tl-dot{background:var(--accent);border-color:var(--accent)}
.tl li.now .tl-dot{border-color:var(--accent);box-shadow:0 0 0 4px rgba(0,152,216,.2)}
.tl strong{display:block;font-size:var(--text-xs);color:var(--navy);font-weight:650;line-height:1.3}
.tl small{display:block;font-size:.75rem;line-height:1.35}
.phone-msg{margin-top:var(--space-5);display:flex;justify-content:space-between;align-items:center;background:var(--navy);color:#fff;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600}

.dash{width:min(100%,440px);background:#fff;border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-soft)}
.dash-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);color:var(--navy);font-size:var(--text-sm)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}
.kpis div{background:var(--pale);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}
.kpis small{display:block;font-size:var(--text-xs);color:var(--color-muted);font-weight:500}
.kpis b{display:block;font-size:var(--text-xl);color:var(--navy);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.2}
.bars{margin-top:var(--space-5);display:grid;gap:var(--space-3)}
.bar-row{display:grid;grid-template-columns:5.5rem 1fr;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-muted);font-weight:500}
.bar-row i{display:block;height:10px;border-radius:999px;background:var(--fill);position:relative;overflow:hidden}
.bar-row i::after{content:"";position:absolute;inset:0;width:var(--w);background:var(--accent);border-radius:999px;transform-origin:left;animation:grow 900ms var(--ease) both}
@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.dash-foot{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-soft);display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-muted)}
.dash-foot strong{color:var(--navy)}
.mini-table{font-size:var(--text-xs);text-align:left}
.mini-table th{font-size:.6875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);font-weight:700;padding:0 0 var(--space-2);text-align:left}
.mini-table td{padding:var(--space-3) 0;border-top:1px solid var(--color-border-soft);color:var(--navy);font-weight:600;font-variant-numeric:tabular-nums}
.chip{display:inline-block;font-size:.75rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--pale);color:var(--color-muted)}
.chip-done{background:var(--navy);color:#fff}
.chip-now{background:var(--accent);color:#fff}
.chip-ready{background:var(--fill);color:var(--navy)}

/* Privacy flow */
.flow-block{margin-top:clamp(var(--space-12),7vw,var(--space-24));display:grid;grid-template-columns:1fr;gap:var(--space-8)}
.flow-head{max-width:640px}
.flow-head h3{font-size:var(--text-xl);font-weight:700}
.flow-head>p:not(.eyebrow){margin-top:var(--space-4);color:var(--color-muted);font-size:var(--text-sm)}
.flow{display:grid;grid-template-columns:1fr 56px 1.1fr 56px 1.2fr;align-items:center;gap:var(--space-2)}
.flow-node{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm)}
.flow-core{background:var(--navy);border-color:var(--navy);box-shadow:var(--shadow-md)}
.flow-k{font-size:.6875rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink)}
.flow-v{margin-top:var(--space-1);font-weight:700;color:var(--navy);font-size:var(--text-sm);line-height:1.3}
.flow-node span{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);line-height:1.4}
.flow-core .flow-k{color:var(--sky)}
.flow-core .flow-v{color:#fff}
.flow-core span{color:rgba(255,255,255,.78)}
.flow-arrow{height:2px;background:var(--accent);position:relative}
.flow-arrow::after{content:"";position:absolute;right:-1px;top:-4px;border-left:8px solid var(--accent);border-top:5px solid transparent;border-bottom:5px solid transparent}
.flow-out{display:grid;gap:var(--space-3)}

/* Network */
.track{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;border-top:2px solid var(--color-border)}
.stage{position:relative;padding:var(--space-8) var(--space-6) 0 0}
.stage::before{content:"";position:absolute;top:-8px;left:0;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--color-border)}
.stage-live::before{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 5px rgba(0,152,216,.2)}
.stage-live{border-top:2px solid var(--accent);margin-top:-2px}
.stage-tag{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-3)}
.stage-live .stage-tag{color:var(--accent-ink)}
.stage-next .stage-tag{color:var(--navy)}
.stage h3{font-size:var(--text-lg);font-weight:700}
.stage p{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-muted);line-height:1.5}
.stage-next{background:linear-gradient(180deg,transparent 0,transparent 0)}

/* Ecosystem */
.eco{display:grid;grid-template-columns:.8fr 1.3fr;gap:clamp(var(--space-8),6vw,var(--space-20));align-items:start}
.eco-head{position:sticky;top:calc(var(--space-20) + var(--space-4))}
.eco-head p:not(.eyebrow){margin-top:var(--space-5);color:var(--color-muted)}
.eco-list{list-style:none;border-top:1px solid var(--color-border)}
.eco-list li{padding:var(--space-8) 0;border-bottom:1px solid var(--color-border);display:grid;grid-template-columns:12rem 1fr;gap:var(--space-6)}
.eco-list h3{font-size:var(--text-lg);font-weight:700}
.eco-list p{color:var(--color-muted);font-size:var(--text-base)}

/* FAQ */
.faq-wrap{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(var(--space-8),6vw,var(--space-20));align-items:start}
.faq-head p:not(.eyebrow){margin-top:var(--space-4);color:var(--color-muted)}
.faq-list{border-top:1px solid var(--color-border)}
details{border-bottom:1px solid var(--color-border)}
summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) 0;font-weight:600;color:var(--navy);font-size:var(--text-base);min-height:56px}
summary::-webkit-details-marker{display:none}
summary svg{flex:none;color:var(--accent);transition:transform 240ms var(--ease)}
details[open] summary svg{transform:rotate(45deg)}
summary:hover{color:var(--accent-ink)}
details p{padding:0 var(--space-10) var(--space-6) 0;color:var(--color-muted);font-size:var(--text-base)}

/* Contact */
.contact{background:var(--navy);color:#fff;padding-block:clamp(var(--space-16),8vw,var(--space-24))}
.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(var(--space-8),6vw,var(--space-20));align-items:center}
.contact h2{color:#fff}
.contact-copy>p:not(.eyebrow){margin-top:var(--space-5);color:rgba(255,255,255,.8)}
.mail{display:inline-block;margin-top:var(--space-8);font-size:var(--text-lg);font-weight:600;color:var(--sky);text-decoration:none;border-bottom:2px solid rgba(127,217,241,.4);padding-bottom:2px;word-break:break-all}
.mail:hover{border-color:var(--sky)}
.contact-actions{display:grid;gap:var(--space-3)}
.contact-k{font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:rgba(255,255,255,.6)}
.route{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-radius:var(--radius-lg);color:#fff;text-decoration:none}
.route strong{display:block;font-size:var(--text-base);font-weight:650}
.route small{display:block;font-size:var(--text-sm);color:rgba(255,255,255,.7);margin-top:2px}
.route svg{color:var(--sky);flex:none;transition:transform 240ms var(--ease)}
.route:hover{background:rgba(255,255,255,.14);border-color:var(--sky)}
.route:hover svg{transform:translateX(4px)}

/* Footer */
.site-footer{background:#041548;color:rgba(255,255,255,.75);padding-top:var(--space-12)}
.footer-grid{display:flex;justify-content:space-between;gap:var(--space-8);flex-wrap:wrap;padding-bottom:var(--space-8)}
.brand-light .brand-mark{color:#fff}
.brand-light .brand-mark b{color:var(--sky)}
.brand-light .brand-sub{color:rgba(255,255,255,.6)}
.foot-addr{margin-top:var(--space-5);font-size:var(--text-sm);line-height:1.7}
.foot-addr a{color:var(--sky)}
.foot-nav{display:grid;grid-template-columns:repeat(2,auto);gap:var(--space-2) var(--space-10);align-content:start}
.foot-nav a{color:rgba(255,255,255,.85);text-decoration:none;font-size:var(--text-sm);padding:var(--space-1) 0}
.foot-nav a:hover{color:var(--sky)}
.legal{border-top:1px solid rgba(255,255,255,.14);padding-block:var(--space-6) var(--space-8);display:grid;gap:var(--space-3);font-size:var(--text-xs);color:rgba(255,255,255,.6)}
.legal p{max-width:80ch}

/* Reveal (JS-enabled only) */
.js .reveal{opacity:0;transition:opacity 700ms var(--ease)}
.js .reveal.in{opacity:1}

/* Responsive */
@media (max-width:1024px){
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat:not(.stat-lead){border-left:0;padding-left:0}
  .stat-lead{grid-column:1/-1}
  .steps{grid-template-columns:repeat(3,1fr);row-gap:var(--space-10)}
  .steps li::after{display:none}
  .track{grid-template-columns:1fr 1fr;row-gap:var(--space-8);border-top:0}
  .stage{border-top:2px solid var(--color-border);margin-top:0}
  .stage-live{margin-top:0}
  .flow-block{grid-template-columns:1fr}
  .eco-head{position:static}
}
@media (max-width:860px){
  .menu-btn{display:inline-flex}
  .nav{position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--gutter) var(--space-6);box-shadow:var(--shadow-md);display:none}
  .nav.open{display:flex}
  .nav a:not(.btn){padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-soft);font-size:var(--text-base)}
  .nav a:not(.btn)::after{display:none}
  .nav-cta{margin-top:var(--space-4)}
  .hero-grid,.tiers,.split,.tabpanel,.eco,.faq-wrap,.contact-grid{grid-template-columns:1fr}
  .tier:not(.tier-enhanced) .checks{grid-template-columns:1fr}
  .hero-chip{left:var(--space-4);bottom:var(--space-4)}
  .banner img{aspect-ratio:4/3;object-position:35% 50%}
  .banner-card{position:static;transform:none;max-width:none;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .flow{grid-template-columns:1fr;gap:var(--space-3)}
  .flow-arrow{width:2px;height:24px;margin-left:var(--space-6)}
  .flow-arrow::after{right:-4px;top:auto;bottom:-1px;border-top:8px solid var(--accent);border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:0}
  .eco-list li{grid-template-columns:1fr;gap:var(--space-2)}
  .split-img{order:-1}
}
@media (max-width:560px){
  .stats-grid{grid-template-columns:1fr 1fr;gap:var(--space-6)}
  .steps{grid-template-columns:1fr 1fr}
  .track{grid-template-columns:1fr}
  .cta-row .btn{width:100%}
  .panel-ui{min-height:0}
  .defs div{grid-template-columns:1fr;gap:var(--space-1)}
  details p{padding-right:0}
  .foot-nav{grid-template-columns:1fr 1fr}
  .tablist{padding:var(--space-2);flex-wrap:wrap;overflow-x:visible}
  .tablist button{padding:0 var(--space-4)}
}

/* Why / compare */
.compare{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:stretch}
.compare-col{border-radius:var(--radius-xl);padding:clamp(var(--space-6),3vw,var(--space-10));border:1px solid var(--color-border)}
.compare-before{background:#fff}
.compare-after{background:var(--pale);border-color:var(--accent);box-shadow:0 0 0 4px rgba(0,152,216,.12)}
.compare-tag{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-6);padding:var(--space-1) var(--space-3);border-radius:999px;background:#EEF1F8;color:var(--color-muted)}
.compare-after .compare-tag{background:var(--navy);color:#fff}
.plain{list-style:none;display:grid;gap:var(--space-4)}
.plain li{position:relative;padding-left:var(--space-8);font-size:var(--text-sm);line-height:1.5;color:var(--color-muted)}
.plain li::before{content:"";position:absolute;left:0;top:.15em;width:20px;height:20px;border-radius:50%;background:#EEF1F8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2344588C' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M7 12h10'/%3E%3C/svg%3E") center/14px no-repeat}
.compare-after .checks li::before{background-color:#fff}

/* Audiences */
.aud{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}
.aud-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:clamp(var(--space-6),3vw,var(--space-10));box-shadow:var(--shadow-sm)}
.aud-tag{display:inline-block;align-self:flex-start;font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-ink);background:var(--fill);padding:var(--space-1) var(--space-3);border-radius:999px;margin-bottom:var(--space-5)}
.aud-card h3{font-size:var(--text-xl);font-weight:700;line-height:1.2}
.aud-card>p{margin-top:var(--space-3);color:var(--color-muted);font-size:var(--text-sm);line-height:1.55}
.aud-card .checks{margin-top:var(--space-6)}
.aud-link{margin-top:auto;padding-top:var(--space-6);font-weight:600;font-size:var(--text-sm);color:var(--navy);text-decoration:none;display:inline-flex;gap:var(--space-2);align-items:center}
.aud-link::after{content:"\2192";transition:transform .2s}
.aud-link:hover{color:var(--accent-ink)}
.aud-link:hover::after{transform:translateX(3px)}
@media (max-width:900px){.compare,.aud{grid-template-columns:1fr}}
