:root{
  --navy:#13273a;
  --ink:#1e3348;
  --muted:#5f7386;
  --cyan:#2fc1f0;
  --blue:#1e7fd6;
  --blue-deep:#125da6;
  --line:#dfe8ef;
  --bg:#ffffff;
  --panel:#f5f9fc;
  --grad:linear-gradient(120deg,#35c9f2 0%,#1e7fd6 100%);
}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
h1,h2,h3,h4,.disp{font-family:'Space Grotesk',sans-serif}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* nav */
.topbar{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(8px);z-index:50}
nav{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:42px;display:block}
.navlinks{display:flex;gap:26px;align-items:center;font-weight:600;font-size:.92rem}
.navlinks a{color:var(--ink);text-decoration:none}
.navlinks a:hover{color:var(--blue)}
.navlinks a.active{color:var(--blue-deep);border-bottom:2px solid var(--blue)}
.btn{display:inline-block;background:var(--navy);color:#fff;padding:12px 24px;font-weight:700;text-decoration:none;border-radius:8px;font-size:.95rem;transition:background .15s}
.btn:hover{background:var(--blue-deep)}
.btn.primary{background:var(--grad)}
.btn.outline{background:#fff;color:var(--navy);border:1.5px solid var(--navy)}
.btn.onDark{background:var(--grad)}

/* hero */
.hero{padding:76px 0 60px;border-bottom:1px solid var(--line)}
section.tight{padding-top:52px}
.hero .tag{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:24px}
.hero .tag:before{content:'';width:26px;height:3px;background:var(--grad)}
.hero h1{font-size:3.8rem;line-height:1.04;letter-spacing:-.03em;color:var(--navy);font-weight:700;max-width:18ch}
.hero h1 .g{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p.lead{font-size:1.18rem;color:var(--muted);max-width:62ch;margin:26px 0 34px}
.heroflex{display:flex;gap:14px;flex-wrap:wrap}

/* stat strip */
.statstrip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;margin-top:60px;overflow:hidden}
.statstrip.three{grid-template-columns:repeat(3,1fr)}
.stat{padding:28px 26px;border-right:1px solid var(--line)}
.stat:last-child{border-right:none}
.stat .n{font-family:'Space Grotesk',sans-serif;font-size:2.5rem;font-weight:700;color:var(--navy);letter-spacing:-.03em}
.stat .n em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.stat .l{font-size:.82rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:4px}

section{padding:84px 0}
.kicker{font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:14px}
h2{font-size:2.5rem;letter-spacing:-.025em;color:var(--navy);font-weight:700;margin-bottom:14px}
.sub{color:var(--muted);font-size:1.08rem;max-width:66ch}

/* two doors (home) */
.doors{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-top:48px}
.door{border:1px solid var(--line);border-radius:16px;padding:44px 40px;position:relative;overflow:hidden;display:flex;flex-direction:column}
.door.flagship{background:var(--navy);border:none;color:#e8f2fa}
.door.flagship h3{color:#fff}
.door.flagship p{color:#a8c4d9}
.door .flag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 12px;border-radius:6px;margin-bottom:20px;width:fit-content}
.door.flagship .flag{background:var(--grad);color:#fff}
.door .flag.quiet{background:var(--panel);color:var(--blue-deep);border:1px solid var(--line)}
.door h3{font-size:1.7rem;letter-spacing:-.02em;color:var(--navy);margin-bottom:12px}
.door p{color:var(--muted);margin-bottom:18px}
.door ul{list-style:none;margin:0 0 26px}
.door li{padding:8px 0;font-weight:600;font-size:.95rem;border-bottom:1px solid rgba(140,170,195,.25)}
.door li:last-child{border:none}
.door.flagship li{color:#cfe2f0}
.door .cta-row{margin-top:auto;display:flex;gap:12px;flex-wrap:wrap}
.door .miniquote{font-size:.9rem;font-style:italic;color:var(--muted);border-left:3px solid var(--blue);padding-left:14px;margin-bottom:24px}
.door.flagship .ministat{display:flex;gap:26px;margin-bottom:26px}
.door.flagship .ministat div b{font-family:'Space Grotesk',sans-serif;font-size:1.6rem;color:var(--cyan);display:block;line-height:1.1}
.door.flagship .ministat div span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#a8c4d9;font-weight:600}

/* services grid */
.svc{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-top:44px}
.svc>div{background:#fff;padding:30px 26px}
.svc h3{font-size:1.12rem;color:var(--navy);margin:14px 0 8px}
.svc p{font-size:.92rem;color:var(--muted)}
.svc .idx{font-family:'Space Grotesk',sans-serif;font-weight:700;color:transparent;-webkit-text-stroke:1.4px var(--blue);font-size:2rem;line-height:1}
.svc.three{grid-template-columns:repeat(3,1fr)}

.callout{margin-top:32px;display:flex;gap:18px;align-items:flex-start;background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:26px 30px}
.callout .mark{flex:none;width:42px;height:42px;border-radius:10px;background:var(--grad);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem}
.callout strong{color:var(--navy)}

/* chart */
.split{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.chart{border:1px solid var(--line);border-radius:14px;padding:38px}
.bar{display:grid;grid-template-columns:150px 1fr 44px;align-items:center;gap:12px;margin:11px 0}
.bar .name{font-size:.85rem;font-weight:600;color:var(--muted);text-align:right}
.bar .track{background:var(--panel);height:20px;border-radius:4px;overflow:hidden}
.bar .fill{height:100%;background:#c3dcee;border-radius:4px}
.bar.hl .fill{background:var(--grad)}
.bar.hl .name{color:var(--navy);font-weight:800}
.bar .val{font-family:'Space Grotesk',sans-serif;font-weight:700;color:var(--navy);font-size:.95rem}
.source{margin-top:20px;font-size:.8rem;color:var(--muted)}

/* dark results */
.dark{background:var(--navy);color:#e8f2fa}
.dark h2{color:#fff}
.dark .kicker{color:var(--cyan)}
.dark .sub{color:#a8c4d9}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.case{background:#1b3450;border:1px solid #2a4767;border-radius:14px;padding:32px}
.case .brand{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:18px}
.case .hero-stat{font-family:'Space Grotesk',sans-serif;font-size:2.7rem;font-weight:700;letter-spacing:-.03em;color:#fff;line-height:1}
.case .hero-label{color:#a8c4d9;font-size:.9rem;margin:8px 0 22px}
.case table{width:100%;border-collapse:collapse}
.case td{padding:9px 0;border-top:1px solid #2a4767;font-size:.92rem;color:#cfe2f0}
.case td.v{font-family:'Space Grotesk',sans-serif;font-weight:700;color:#fff;text-align:right}
.fresh{margin-top:30px;padding:22px 28px;border:1px dashed #33557a;border-radius:12px;color:#cfe2f0;font-size:.98rem}
.fresh b{color:var(--cyan)}

/* steps rail */
.rail{display:grid;grid-template-columns:repeat(6,1fr);margin-top:48px;position:relative}
.rail:before{content:'';position:absolute;top:24px;left:4%;right:4%;height:2px;background:var(--line)}
.rstep{position:relative;text-align:center;padding:0 10px}
.rstep .n{position:relative;z-index:1;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:#fff;border:2px solid var(--blue);color:var(--blue-deep);display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:1.05rem}
.rstep h4{font-size:.95rem;color:var(--navy);margin-bottom:5px}
.rstep p{font-size:.8rem;color:var(--muted);line-height:1.45}
.brandnote{margin-top:40px;border-left:4px solid var(--blue);background:var(--panel);padding:22px 28px;border-radius:0 12px 12px 0}
.brandnote strong{color:var(--navy)}

/* pricing */
.pricing{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pgrid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:22px;margin-top:44px;align-items:stretch}
.pcard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:38px;text-align:left}
.pcard .amt{font-family:'Space Grotesk',sans-serif;font-size:3.6rem;font-weight:700;letter-spacing:-.04em;color:var(--navy)}
.pcard .amt small{font-size:1rem;color:var(--muted);font-weight:600;letter-spacing:.08em}
.pcard h3{margin-top:6px;font-size:1.1rem;color:var(--navy)}
.pcard p{font-size:.9rem;color:var(--muted);margin-top:8px}
.pnone{background:var(--navy);color:#e8f2fa;border:none;border-radius:14px;padding:38px}
.pnone h3{color:var(--cyan);font-size:1rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.pnone ul{list-style:none}
.pnone li{padding:8px 0;border-bottom:1px solid #2a4767;font-weight:600;font-size:.95rem}
.pnone li:last-child{border:none}

/* quotes */
.tq{border-left:4px solid;border-image:var(--grad) 1;padding:8px 0 8px 36px;max-width:56rem}
.tq p{font-size:1.35rem;line-height:1.65;color:var(--ink);font-weight:500}
.tq .who{margin-top:20px;font-weight:700;color:var(--navy)}
.tq .who small{display:block;font-weight:500;color:var(--muted)}
.tgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px}
.tcard{border:1px solid var(--line);border-radius:14px;padding:32px;background:#fff}
.tcard p{font-size:1rem;line-height:1.7;color:var(--ink)}
.tcard .who{margin-top:18px;font-weight:700;color:var(--navy);font-size:.95rem;display:flex;align-items:center;gap:12px}
.tcard .who img{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none}
.tcard .who.brand img{width:auto;height:26px;border-radius:0;object-fit:contain}
.tcard .who small{display:block;font-weight:500;color:var(--muted)}
.tcard.featured{grid-column:1/-1;background:var(--panel)}
.tcard.featured p{font-size:1.2rem}

/* tiers (fractional) */
.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px}
.tier{border:1px solid var(--line);border-radius:14px;padding:34px;display:flex;flex-direction:column;background:#fff}
.tier h3{font-size:1.25rem;color:var(--navy);margin-bottom:6px}
.tier .lvl{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:16px}
.tier ul{list-style:none}
.tier li{padding:8px 0;border-top:1px solid var(--line);font-size:.92rem;color:var(--ink)}
.tier.hl{background:var(--navy);border:none;color:#e8f2fa}
.tier.hl h3{color:#fff}
.tier.hl .lvl{color:var(--cyan)}
.tier.hl li{color:#cfe2f0;border-top:1px solid #2a4767}

/* founders */
.founders{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:44px}
.founder{border:1px solid var(--line);border-radius:16px;padding:40px;background:#fff}
.founder .headshot{width:104px;height:104px;border-radius:16px;object-fit:cover;margin-bottom:18px;display:block}
.founder .headshot.placeholder-img{background:var(--panel);border:1px dashed var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.75rem;text-align:center;padding:8px}
.founder .headshot.monogram{background:var(--grad);display:flex;align-items:center;justify-content:center;color:#fff;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:2rem;letter-spacing:.02em}
.founder .role{font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue-deep)}
.founder h3{font-size:1.6rem;color:var(--navy);margin:6px 0 4px}
.founder .creds{font-weight:600;color:var(--blue-deep);font-size:.95rem;margin-bottom:16px}
.founder p{color:var(--muted);font-size:.98rem;margin-bottom:12px}
.founder .strengths{margin-top:18px;display:flex;flex-wrap:wrap;gap:8px}
.founder .strengths span{background:var(--panel);border:1px solid var(--line);border-radius:6px;padding:6px 12px;font-size:.8rem;font-weight:600;color:var(--navy)}
.placeholder{background:#fff8e6;border:1px dashed #d9b23c;color:#7a6114;padding:12px 16px;border-radius:8px;font-size:.85rem;margin-top:10px}

/* cross-promo banner */
.crosslink{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:40px 44px;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.crosslink h3{font-size:1.5rem;letter-spacing:-.02em;color:var(--navy);margin-bottom:8px}
.crosslink p{color:var(--muted);max-width:52ch}

/* roi nod */
.roinod{margin-top:34px;display:flex;gap:16px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:20px 26px}
.roinod .ic{flex:none;width:40px;height:40px;border-radius:10px;background:var(--panel);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.roinod p{font-size:.95rem;color:var(--muted)}
.roinod b{color:var(--navy)}

/* logos */
.logorow{display:flex;gap:44px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:40px;opacity:.85}
.logorow img{height:56px;object-fit:contain}

.final{text-align:center}
.final h2{font-size:3rem;max-width:24ch;margin:0 auto 16px}
.final .sub{margin:0 auto 34px}
footer{border-top:1px solid var(--line);padding:38px 0;font-size:.88rem;color:var(--muted)}
footer .wrap{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
footer img{height:34px}
footer .fnav{display:flex;gap:20px}
footer .fnav a{color:var(--muted);text-decoration:none}
footer .fnav a:hover{color:var(--blue)}

@media(max-width:900px){
  .hero h1{font-size:2.5rem}
  .statstrip,.svc,.case-grid,.tiers,.founders,.tgrid{grid-template-columns:1fr}
  .statstrip{grid-template-columns:1fr 1fr}
  .doors{grid-template-columns:1fr}
  .split{grid-template-columns:1fr}
  .rail{grid-template-columns:repeat(3,1fr)}
  .rail:before{display:none}
  .pgrid{grid-template-columns:1fr}
  .navlinks{display:none}
}