/* ─── Tangerine · tangerine.bar ─────────────────────────────────────── */
@font-face{font-family:"Quicksand";src:url(fonts/Quicksand-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Quicksand";src:url(fonts/Quicksand-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Quicksand";src:url(fonts/Quicksand-Medium.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Quicksand";src:url(fonts/Quicksand-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Quicksand";src:url(fonts/Quicksand-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/SourceSans3-Light.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/SourceSans3-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/SourceSans3-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/SourceSans3-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url(fonts/SourceSans3-Bold.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Architects Daughter";src:url(fonts/ArchitectsDaughter-Regular.woff2) format("woff2");font-weight:400;font-display:swap}

:root{
  --tangerine:#F68113; --saffron:#F3C316; --citron:#B9B93C; --blood:#C92018;
  --prussian:#003552; --indigo:#004E7A; --sky:#3A8BC4; --sky-light:#7EC3EA;
  --warm:#676860; --smoke:#F5F5F5; --charcoal:#2A2A28;
  --light:#D7D7D5; --mid:#A5A5A1; --dark-grey:#4A4A45;
  --rose:#CF3A6C; --olive:#697221; --dark-saffron:#C18B29; --pale-citron:#E9E9BE; --plum:#831F41;
  --head:"Quicksand",system-ui,-apple-system,"Segoe UI",sans-serif;
  --body:"Source Sans 3","Source Sans Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  --hand:"Architects Daughter",cursive;
  --max:1120px; --narrow:760px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--smoke);color:var(--charcoal);font-family:var(--body);font-size:18px;line-height:1.6;font-weight:400}
img{max-width:100%;height:auto;display:block}
a{color:var(--indigo);text-decoration:none}
a:hover{text-decoration:underline}
h1,h2,h3,h4{font-family:var(--head);color:var(--prussian);margin:0 0 .4em;line-height:1.12;font-weight:700;letter-spacing:-.005em}
h1{font-size:clamp(2.1rem,5.2vw,3.6rem)}
h2{font-size:clamp(1.75rem,3.4vw,2.4rem)}
h3{font-size:clamp(1.2rem,2vw,1.45rem);font-weight:600}
.subtitle{font-family:var(--head);font-weight:500;font-size:clamp(1.15rem,1.8vw,1.4rem);color:var(--tangerine);margin:-.2em 0 1.2em}
p{margin:0 0 1.1em;text-wrap:pretty}
h1,h2,h3{text-wrap:balance}
strong{font-weight:700}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.lead{font-size:1.2rem;line-height:1.55}
.muted{color:var(--warm)}
hr.rule{border:0;border-top:1px solid var(--light);margin:0}
.accent{color:var(--tangerine)}
.blue{color:var(--sky)}
.wordmark{font-family:var(--head);font-weight:700;letter-spacing:-.01em}
.wordmark .dot{color:var(--tangerine)}

/* buttons */
.btn{display:inline-block;font-family:var(--head);font-weight:600;font-size:1.02rem;line-height:1;padding:16px 26px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;text-decoration:none!important;white-space:nowrap}
.btn-primary{background:var(--tangerine);color:#fff;border-color:var(--tangerine)}
.btn-primary:hover{background:#D15D21;border-color:#D15D21;color:#fff}
.btn-ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.7)}
.btn-ghost:hover{background:#fff;color:var(--charcoal)}
.btn-row{display:flex;gap:14px;flex-wrap:wrap;align-items:center}

/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(245,245,245,.92);backdrop-filter:saturate(1.4) blur(8px);-webkit-backdrop-filter:saturate(1.4) blur(8px);border-bottom:1px solid var(--light)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:16px}
.brand img{height:38px;width:auto}
.nav-links{display:flex;align-items:center;gap:26px;font-family:var(--head);font-weight:600;font-size:1rem}
.nav-links a{color:var(--charcoal)}
.nav-links a:hover{color:var(--tangerine);text-decoration:none}
.nav-links a.current{color:var(--indigo)}
.nav .btn{padding:12px 18px;font-size:.95rem}

/* hero */
.hero{position:relative;background:var(--charcoal);color:#fff;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:0;z-index:-1}
.hero-img img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;opacity:.85}
.hero-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,42,40,.97) 0%,rgba(42,42,40,.90) 38%,rgba(42,42,40,.55) 62%,rgba(42,42,40,.12) 100%),linear-gradient(0deg,rgba(42,42,40,.9) 0%,rgba(42,42,40,0) 30%)}
.hero .wrap{padding-top:88px;padding-bottom:96px}
.hero-inner{max-width:660px}
.hero .wordmark{font-size:1.35rem;color:#fff;margin:0 0 1.6rem}
.hero .wordmark .blue{color:var(--sky-light)}
.hero h1{color:#fff;margin-bottom:.6em}
.hero h1 span{color:var(--saffron)}
.hero p.lead{color:rgba(255,255,255,.93);font-weight:300;font-size:1.22rem;max-width:600px}
.hero .tag{font-family:var(--head);font-weight:500;color:var(--pale-citron);font-size:1.05rem;margin-top:1.6rem}

/* sections */
.section{padding:88px 0}
.section.white{background:#fff}
.section.dark{background:var(--charcoal);color:#fff}
.section.dark h2,.section.dark h3{color:#fff}
.section-head{max-width:var(--narrow);margin-bottom:40px}
.section-head.wide{max-width:none}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.two-col.rev{grid-template-columns:.9fr 1.1fr}
.two-col.stretch{align-items:stretch}
.photo{border-radius:10px;overflow:hidden}
.photo img{width:100%;height:100%;object-fit:cover}
.photo.tall{aspect-ratio:3/4}
.photo.wide{aspect-ratio:4/3}
.photo.fill{height:100%;min-height:360px}
.caption{font-family:var(--hand);color:var(--warm);font-size:.95rem;margin-top:.6rem}

/* six stages flow */
.flow{position:relative;width:804px;max-width:100%;margin:64px auto 56px}
.flow-row{display:flex;align-items:center;gap:0;height:48px}
.flow-row.r2{margin-left:56px;margin-top:56px}
.stage{font-family:var(--head);font-weight:600;font-size:.98rem;border:2px solid;border-radius:999px;width:220px;height:48px;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;flex:0 0 auto}
.stage .n{font-size:.8rem;font-weight:700;opacity:.85}
.arrow{width:44px;height:48px;flex:0 0 auto}
.arrow.m-only{display:none}
.arrow svg{width:100%;height:100%}
.connector{position:absolute;left:0;top:0;width:804px;height:152px;pointer-events:none;overflow:visible}
.c1{color:var(--blood);border-color:var(--blood)}.c2{color:var(--rose);border-color:var(--rose)}.c3{color:var(--indigo);border-color:var(--indigo)}
.c4{color:var(--olive);border-color:var(--olive)}.c5{color:var(--dark-saffron);border-color:var(--dark-saffron)}.c6{color:var(--tangerine);border-color:var(--tangerine)}
.punch{font-family:var(--head);font-weight:700;color:var(--prussian);font-size:1.25rem;margin-top:8px}
.punch span{color:var(--tangerine)}

/* leaks */
.leaks{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:8px}
.leak{background:#fff;border:1px solid var(--light);border-radius:10px;padding:26px 26px 24px}
.leak .num{font-family:var(--head);font-weight:700;font-size:2.6rem;line-height:1;margin-bottom:6px}
.leak h3{margin-bottom:.4em;font-size:1.3rem}
.leak p{margin:0;font-size:1.02rem}
.leak .cost-label{font-family:var(--body);font-weight:700;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--warm);margin:16px 0 4px}
.leak .cost{font-size:.98rem;color:var(--dark-grey);line-height:1.45}
.leak .cost b{font-weight:700}
.leaks-punch{margin-top:40px}

/* dream */
.dream{background:var(--prussian);color:#fff;border-radius:14px;padding:48px 52px;display:flex;flex-direction:column;justify-content:center}
.dream h2{color:var(--saffron);margin-bottom:.9em}
.dream .if{font-family:var(--head);font-weight:500;font-size:1.3rem;color:#fff;margin-bottom:1.2em}
.dream p{font-size:1.15rem;color:rgba(255,255,255,.94);margin-bottom:1em}
.dream p span{color:var(--saffron)}

/* ways / gets */
.gets{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 64px;margin-top:8px}
.get{padding:4px 0 4px 20px;border-left:3px solid var(--tangerine)}
.get h3{color:var(--indigo);font-size:1.15rem;margin-bottom:.25em}
.get p{margin:0;font-size:1.02rem}

/* roles */
.roles{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:8px}
.role{background:#fff;border:1px solid var(--light);border-radius:10px;padding:30px}
.role .pct{font-family:var(--head);font-weight:700;font-size:2.6rem;color:var(--tangerine);line-height:1;margin-bottom:18px}
.role .pct small{font-size:1.1rem;font-weight:500;color:var(--warm);margin-left:8px}
.role.you .pct{color:var(--indigo)}
.role h3{margin-bottom:.5em}
.honest{margin-top:34px;padding:28px 32px;background:#fff;border-left:4px solid var(--citron);border-radius:8px;font-size:1.05rem}
.honest p{margin:0}
.honest .lead-in{font-family:var(--head);font-weight:700;font-size:1.35rem;color:var(--sky)}

/* why me */
.why h2{margin-bottom:.15em}

/* testimonials */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.quote{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:10px;padding:30px 30px 26px;display:flex;flex-direction:column}
.quote > p:first-child{font-style:italic;font-weight:300;font-size:1.08rem;color:rgba(255,255,255,.94);flex:1}
.quote .who{font-family:var(--head);font-weight:600;color:#fff;margin:0;line-height:1.35}
.quote .role{font-size:.92rem;color:var(--pale-citron);margin:0;line-height:1.4;background:none;border:0;padding:0}

/* results / who */
.trio{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px}
.trio > div{padding-top:22px;border-top:3px solid var(--light)}
.trio h3{color:var(--prussian)}
.trio .g h3{color:var(--tangerine)}
.trio .w h3{color:var(--olive)}
.kpis{list-style:none;padding:0;margin:.6rem 0 0}
.kpis li{padding:6px 0 6px 22px;position:relative}
.kpis li::before{content:"";position:absolute;left:0;top:15px;width:10px;height:10px;border-radius:50%;background:var(--tangerine)}

/* pricing */
.tiers{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px;max-width:820px}
.tier{background:#fff;border:1px solid var(--light);border-radius:12px;padding:28px 32px;display:grid;grid-template-columns:1fr auto;gap:12px 32px;align-items:center}
.tier h3{margin:0 0 .3em;font-size:1.35rem;color:var(--prussian)}
.tier h3 .sep{color:var(--prussian)}
.tier.t1 h3 span{color:var(--rose)}.tier.t2 h3 span{color:var(--tangerine)}.tier.t3 h3 span{color:var(--indigo)}
.tier p{margin:0;font-size:1.02rem}
.tier .price{text-align:right}
.tier .price b{display:block;font-family:var(--head);font-weight:700;font-size:1.9rem;color:var(--prussian);line-height:1.1}
.tier .price small{display:block;color:var(--warm);font-size:.88rem;margin-top:6px;line-height:1.3}
.tier.hero-tier{border:2px solid var(--citron);box-shadow:0 8px 30px rgba(0,53,82,.06)}
.tier.hero-tier .price b{color:var(--indigo)}
.terms{font-style:italic;color:var(--warm);font-size:.95rem;margin:14px 0 0 6px;line-height:1.5}
.bonus{margin-top:38px;max-width:820px;padding:26px 30px;background:#fff;border-left:4px solid var(--tangerine);border-radius:8px}
.bonus p{margin:0;font-size:1.02rem}
.bonus .lead-in{font-family:var(--head);font-weight:700;font-size:1.3rem;color:var(--indigo);display:block;margin-bottom:.3em}
.bonus .lead-in span{color:var(--tangerine)}

/* CTA */
.cta-box{background:#fff;border:1px solid var(--light);border-radius:16px;padding:64px 32px 60px;text-align:center;max-width:820px;margin:0 auto}
.cta-box .ask{font-family:var(--head);font-weight:500;color:var(--warm);font-size:1.05rem;margin:0 0 1.2rem}
.cta-box h2{margin-bottom:1.1em}
.cta-box h2 span{color:var(--blood)}
.cta-box .lead{max-width:640px;margin-left:auto;margin-right:auto}
.cta-box .btn{margin-top:18px}
.cta-box .alt{margin:22px 0 0;color:var(--warm);font-size:1rem}
.cta-box .alt a{color:var(--tangerine);font-weight:600}

/* footer */
.footer{background:var(--charcoal);color:rgba(255,255,255,.8);padding:60px 0 36px;font-size:.95rem;text-align:center}
.footer img{height:130px;width:auto;margin:0 auto 14px}
.footer .tagline{font-family:var(--head);font-weight:500;color:var(--pale-citron);font-size:1.05rem;margin:0 0 26px}
.footer a{color:var(--tangerine)}
.footer .links{display:flex;justify-content:center;gap:26px;font-family:var(--head);font-weight:600;flex-wrap:wrap}
.footer .links a{color:rgba(255,255,255,.85)}
.footer .fine{margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);font-size:.85rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;text-align:left}

/* about */
.about-hero{padding:80px 0 48px}
.about-hero h1{font-size:clamp(1.8rem,3.3vw,2.45rem)}
.creds{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.creds li{text-align:center}
.creds .logo{height:150px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.creds .logo img{max-height:140px;width:auto;max-width:200px}
.creds .logo img.mcf{max-height:126px}
.creds .logo .textmark{font-family:var(--head);font-weight:700;font-size:1.45rem;color:var(--plum);line-height:1.15;max-width:200px}
.creds b{display:block;font-family:var(--head);font-weight:700;color:var(--indigo);font-size:1.1rem;margin-bottom:2px}
.creds i{display:block;font-style:normal;font-family:var(--head);font-weight:500;color:var(--warm);font-size:.95rem;margin-bottom:8px}
.creds span{font-size:1rem;display:block;max-width:300px;margin:0 auto}
.two-col.photo-heavy{grid-template-columns:1.35fr 1fr}
.two-col.edu{grid-template-columns:.8fr 1.2fr;margin-bottom:48px}
.two-col.edu .photo.tall{max-width:420px}
.shows{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:36px}
.show{min-width:0;display:flex;align-items:center;justify-content:center;padding:18px 16px;aspect-ratio:4/3}
.show img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.show .textmark{font-family:var(--head);font-weight:700;font-size:1.15rem;line-height:1.2;text-align:center;color:var(--charcoal)}
.side-note{background:var(--smoke);border:1px solid var(--light);border-radius:10px;padding:28px 30px}
.side-note h2{margin-bottom:.1em}
.next .wordmark{font-size:clamp(1.8rem,3.4vw,2.5rem);color:var(--prussian);margin:0 0 .6em}

/* responsive */
@media (max-width:980px){
  .quotes{grid-template-columns:1fr}
  .leaks{grid-template-columns:repeat(2,1fr)}
  .trio{grid-template-columns:1fr;gap:28px}
  .two-col,.two-col.rev,.two-col.photo-heavy,.two-col.edu{grid-template-columns:1fr;gap:32px}
  .two-col .photo.tall{max-width:420px}
  .creds{grid-template-columns:1fr;gap:40px}
  .shows{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:860px){
  .flow{width:auto;max-width:320px;margin:40px auto}
  .flow-row{flex-direction:column;height:auto;gap:0}
  .flow-row.r2{margin-left:0;margin-top:0}
  .stage{width:100%}
  .arrow{width:48px;height:40px;transform:rotate(90deg)}
  .connector{display:none}
  .arrow.m-only{display:block;margin:0 auto}
}
@media (max-width:720px){
  body{font-size:17px}
  .section{padding:64px 0}
  .hero .wrap{padding-top:64px;padding-bottom:72px}
  .hero-img img{object-position:65% 40%;opacity:.7}
  .hero-img::after{background:linear-gradient(0deg,rgba(42,42,40,.96) 0%,rgba(42,42,40,.82) 55%,rgba(42,42,40,.35) 100%)}
  .nav .wrap{height:64px}
  .brand img{height:32px}
  .nav-links{gap:14px;font-size:.92rem}
  .nav-links .hide-m{display:none}
  .nav .btn{padding:11px 14px;font-size:.88rem}
  .leaks,.gets,.roles{grid-template-columns:1fr}
  .leak{padding:22px 20px}
  .dream{padding:34px 26px}
  .photo.fill{min-height:280px}
  .tier{grid-template-columns:1fr;padding:24px}
  .tier .price{text-align:left;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
  .tier .price small{margin:0}
  .tier h3 .sep{display:none}
  .tier h3 span:not(.sep){display:block}
  .honest .lead-in{display:block;margin-bottom:.2em}
  .cta-box{padding:48px 22px 44px}
  .shows{grid-template-columns:repeat(2,minmax(0,1fr))}
  .show{padding:16px 14px}
  .btn{white-space:normal;text-align:center}
  .footer .fine{text-align:center;justify-content:center}
}