/* ── Made Tommy – self-hosted ──────────────────────────────────────── */
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY Thin_PERSONAL USE.otf") format("opentype");
  font-weight:100;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY Light_PERSONAL USE.otf") format("opentype");
  font-weight:300;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY Regular_PERSONAL USE.otf") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY Medium_PERSONAL USE.otf") format("opentype");
  font-weight:500;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY Bold_PERSONAL USE.otf") format("opentype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY ExtraBold_PERSONAL USE.otf") format("opentype");
  font-weight:800;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy";
  src:url("../fonts/made-tommy/MADE TOMMY Black_PERSONAL USE.otf") format("opentype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}
/* Outline variants (optional — available for decorative use) */
@font-face{
  font-family:"Made Tommy Outline";
  src:url("../fonts/made-tommy/MADE TOMMY Regular Outline_PERSONAL USE.otf") format("opentype");
  font-weight:400;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy Outline";
  src:url("../fonts/made-tommy/MADE TOMMY Bold Outline_PERSONAL USE.otf") format("opentype");
  font-weight:700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:"Made Tommy Outline";
  src:url("../fonts/made-tommy/MADE TOMMY Black Outline_PERSONAL USE.otf") format("opentype");
  font-weight:900;
  font-style:normal;
  font-display:swap;
}

:root{
--ink:#111111;--canvas:#ffffff;--sage:#f3efeb;--stone:#e9eaeb;--gun:#615e5b;
--concrete:#d8d3cc;--black:#000000;--orange:#ff9900;
--font:"Made Tommy",ui-sans-serif,system-ui,-apple-system,sans-serif;
--mono:"Made Tommy",ui-monospace,SFMono-Regular,Menlo,monospace;
--r-card:32px;--r-sm:10px;--r-md:20px;--r-btn:160px;--r-nav:140px;
--page:1200px;--gap:80px;--cp:28px;--eg:24px;
--ease:cubic-bezier(.22,1,.36,1);
}
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font);overflow-x:hidden;-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
h1,h2,h3,h4{margin:0;font-family:var(--font);font-weight:700;letter-spacing:-0.03em;line-height:1.1;color:var(--ink);}
p{margin:0;line-height:1.6;}

/* Skip */
.skip-link{position:fixed;left:1rem;top:1rem;z-index:100;transform:translateY(-150%);background:var(--black);color:var(--canvas);padding:.75rem 1rem;border-radius:var(--r-sm);font-size:.875rem;}
.skip-link:focus{transform:translateY(0);}

/* Topbar */
.topbar{position:fixed;top:20px;left:50%;z-index:50;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;width:min(var(--page),calc(100% - 2rem));padding:.5rem .5rem .5rem 1.25rem;transform:translateX(-50%);background:rgba(255,255,255,.92);border:1px solid var(--stone);border-radius:var(--r-nav);backdrop-filter:blur(20px);}
.brand{display:inline-flex;align-items:center;}
.brand img{height:2.6rem;width:auto;object-fit:contain;}
.nav{justify-self:center;display:inline-flex;gap:.25rem;padding:.25rem;background:var(--sage);border-radius:var(--r-nav);}
.nav a{display:inline-flex;align-items:center;min-height:2.2rem;padding:0 1.1rem;border-radius:var(--r-nav);font-size:.875rem;font-weight:500;color:var(--gun);transition:background .2s var(--ease),color .2s var(--ease);}
.nav a:hover,.nav a.is-active{background:var(--black);color:var(--canvas);}
.nav-actions{display:inline-flex;align-items:center;gap:.5rem;}
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:2.4rem;padding:0 1.25rem;border-radius:var(--r-btn);border:1px solid var(--concrete);background:transparent;color:var(--ink);font-size:.875rem;font-weight:500;cursor:pointer;transition:transform .2s var(--ease),border-color .2s;}
.btn-ghost:hover{transform:translateY(-2px);border-color:var(--ink);}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:2.6rem;padding:0 1.5rem;border-radius:var(--r-btn);background:var(--black);color:var(--canvas);font-size:.875rem;font-weight:700;cursor:pointer;border:none;transition:transform .2s var(--ease),opacity .2s;}
.btn-primary:hover{transform:translateY(-2px);opacity:.88;}
.btn-primary-lg{min-height:3.2rem;padding:0 2rem;font-size:1rem;}

/* Mobile nav toggle */
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .25s var(--ease);}
.nav-mobile{display:none;position:fixed;inset:0;z-index:40;background:var(--canvas);padding:6rem 2rem 2rem;flex-direction:column;gap:1rem;}
.nav-mobile.is-open{display:flex;}
.nav-mobile a{font-size:1.5rem;font-weight:700;padding:.75rem 0;border-bottom:1px solid var(--stone);}

/* Reveal animation */
.js [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease),transform .6s var(--ease);}
.js [data-reveal].revealed{opacity:1;transform:none;}

/* Eyebrow */
.eyebrow{margin:0 0 1.25rem;color:var(--orange);font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;}

/* Buttons inline */
.see-why{color:var(--gun);font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:color .2s;}
.see-why:hover{color:var(--ink);}

/* Hero */
.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(22rem,1fr);gap:clamp(3rem,7vw,6rem);align-items:center;width:min(var(--page),calc(100% - 3rem));min-height:min(100svh,960px);margin:0 auto;padding:clamp(8rem,13vw,10rem) 0 3rem;}
.hero h1{font-size:clamp(3.5rem,7vw,5.5rem);max-width:12ch;letter-spacing:-0.035em;line-height:1.0;}
.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem;}
.hero-sub{max-width:46ch;margin-top:1.5rem;color:var(--gun);font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65;}
.hero-art{margin:0;align-self:end;}
.hero-art img{width:100%;filter:drop-shadow(0 20px 48px rgba(0,0,0,.1));}
.hero-metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);}
.hero-metrics>div{padding:1.25rem 1.5rem;border-right:1px solid var(--stone);}
.hero-metrics>div:last-child{border-right:0;}
.hero-metrics span{display:block;color:var(--gun);font-size:.85rem;}
.hero-metrics strong{display:block;margin-top:.25rem;font-family:var(--mono);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;letter-spacing:-0.01em;line-height:.95;}

/* Sections */
.section{width:min(var(--page),calc(100% - 3rem));margin:0 auto;padding:var(--gap) 0;}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:3rem;}
.section-head h2{font-size:clamp(2.2rem,4vw,3.5rem);max-width:14ch;}
.section-link{color:var(--ink);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;transition:opacity .2s;}
.section-link:hover{opacity:.6;}

/* Decision list */
.decision-list{border-top:1px solid var(--stone);}
.decision-card{display:grid;grid-template-columns:1fr minmax(20rem,.72fr);gap:clamp(2rem,5vw,4rem);align-items:stretch;padding:clamp(2rem,4vw,3.5rem) 0;border-bottom:1px solid var(--stone);}
.decision-copy h3{font-size:clamp(1.75rem,3vw,2.75rem);max-width:16ch;margin-bottom:1rem;}
.decision-copy p{color:var(--gun);font-size:1.05rem;line-height:1.7;max-width:44ch;}
.decision-copy a{display:inline-block;margin-top:1.25rem;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;}
.decision-media{display:grid;border:1px solid var(--stone);background:var(--sage);border-radius:var(--r-md);overflow:hidden;}
.decision-media img{width:100%;height:100%;min-height:18rem;object-fit:contain;padding:1.5rem;}
.decision-media span{padding:.75rem 1rem;border-top:1px solid var(--stone);color:var(--gun);font-size:.7rem;font-weight:700;letter-spacing:.12em;}

/* Value grid */
.value-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--stone);border-bottom:1px solid var(--stone);}
.value-grid article{min-height:22rem;padding:clamp(1.25rem,2vw,2rem);border-right:1px solid var(--stone);}
.value-grid article:last-child{border-right:0;}
.value-grid .step-num{display:block;font-family:var(--mono);font-size:clamp(3.5rem,7vw,6rem);font-weight:400;letter-spacing:-0.02em;line-height:.9;color:var(--stone);}
.value-grid h3{margin-top:2rem;font-size:clamp(1.1rem,1.6vw,1.4rem);}
.value-grid p{margin-top:.75rem;color:var(--gun);font-size:.9rem;line-height:1.65;}

/* Trust grid */
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;background:var(--stone);}
.trust-grid article{background:var(--canvas);padding:1.5rem;}
.trust-grid img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--sage);padding:1rem;border-radius:var(--r-md);}
.trust-grid h3{margin-top:1.25rem;font-size:1.25rem;}
.trust-grid p{margin-top:.5rem;color:var(--gun);font-size:.9rem;line-height:1.6;}

/* Advisor row */
.advisor-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3rem;}
.advisor-row article{border-top:1px solid var(--stone);padding-top:1.25rem;}
.advisor-row img{width:100%;aspect-ratio:4/5;object-fit:contain;background:var(--sage);border-radius:var(--r-md);}
.advisor-row h3{margin-top:1rem;font-size:clamp(2rem,3.5vw,3.5rem);}
.advisor-row p{color:var(--gun);margin-top:.25rem;}
dl{margin:.75rem 0 0;}
dt{color:var(--gun);font-size:.7rem;font-weight:700;letter-spacing:.12em;}
dd{margin:.25rem 0 0;}

/* Guidance / Cases */
.guidance-section{display:grid;grid-template-columns:minmax(16rem,.5fr) 1fr;gap:clamp(2rem,6vw,5rem);align-items:start;}
.guidance-sticky{position:sticky;top:7rem;}
.guidance-sticky h2{font-size:clamp(2rem,3.5vw,3rem);}
.guidance-sticky .btn-primary{margin-top:2rem;}
.case-grid{display:grid;gap:0;border-top:1px solid var(--stone);}
.case-grid article{display:grid;grid-template-columns:14rem 1fr;gap:1.5rem;align-items:center;padding:1.5rem 0;border-bottom:1px solid var(--stone);}
.case-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--sage);border-radius:var(--r-sm);padding:1rem;}
.case-grid h3{font-size:1.3rem;margin-bottom:.5rem;}
.case-grid p{color:var(--gun);font-size:.95rem;line-height:1.65;}

/* Fee */
.fee-section{display:grid;grid-template-columns:.85fr 1fr .85fr;gap:1rem;align-items:start;}
.fee-copy{padding-top:2rem;}
.fee-copy h2{font-size:clamp(2rem,3.5vw,3rem);}
.fee-card{border:1px solid var(--stone);border-radius:var(--r-card);padding:clamp(1.25rem,2vw,2rem);}
.fee-card img{width:100%;border-radius:var(--r-md);margin-bottom:1rem;background:var(--sage);}
.fee-number{display:flex;align-items:baseline;gap:.15rem;}
.fee-number strong{font-family:var(--mono);font-size:clamp(3.5rem,7vw,6.5rem);font-weight:500;letter-spacing:-0.02em;line-height:.9;}
.fee-number span{font-family:var(--mono);font-size:2.5rem;font-weight:400;}
.fee-card ul{display:grid;gap:.75rem;margin:1.25rem 0;padding:0;list-style:none;}
.fee-card li{border-top:1px solid var(--stone);padding-top:.75rem;color:var(--gun);font-size:.9rem;line-height:1.6;}
.fee-card .btn-primary{margin-top:.5rem;width:100%;}
.compare-fee{margin-top:5rem;opacity:.7;}
.compare-fee h3{font-size:1.5rem;}
.primary-fee{background:var(--sage);}

/* Thinking / articles */
.thinking-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;}
.thinking-grid article{border-top:1px solid var(--stone);padding-top:1.25rem;}
.thinking-grid img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--sage);border-radius:var(--r-md);padding:1.5rem;}
.thinking-grid .tag{display:inline-block;margin-bottom:.75rem;color:var(--gun);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.thinking-grid h3{font-size:1.2rem;margin-bottom:.5rem;}
.thinking-grid p{color:var(--gun);font-size:.85rem;}

/* Final CTA */
.final-cta{display:grid;grid-template-columns:1fr auto auto;gap:2rem;align-items:center;background:var(--black);padding:clamp(3rem,6vw,5rem) max(1.5rem,calc((100vw - var(--page))/2));}
.final-cta h2{color:var(--canvas);font-size:clamp(2rem,3.5vw,3rem);max-width:14ch;}
.final-cta img{width:min(24vw,18rem);}

/* Footer */
.footer{display:grid;gap:1.25rem;width:min(var(--page),calc(100% - 3rem));margin:0 auto;padding:3rem 0;border-top:1px solid var(--stone);}
.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;}
.footer-nav a{font-size:.875rem;font-weight:600;color:var(--gun);transition:color .2s;}
.footer-nav a:hover{color:var(--ink);}
.footer p{margin:0;font-size:.85rem;color:var(--gun);}
.footer a{color:var(--ink);font-weight:600;}
.footer-brand img{height:2.2rem;width:auto;}

/* Page hero (inner pages) */
.page-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(18rem,.8fr);gap:clamp(2rem,6vw,5rem);align-items:end;width:min(var(--page),calc(100% - 3rem));margin:0 auto;padding:clamp(8rem,13vw,10rem) 0 clamp(3rem,6vw,5rem);border-bottom:1px solid var(--stone);}
.page-hero h1{font-size:clamp(3rem,6vw,5rem);max-width:14ch;}
.page-hero p:not(.eyebrow){max-width:48ch;color:var(--gun);font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.65;margin-top:1rem;}
.page-hero img{width:100%;background:var(--sage);border-radius:var(--r-card);padding:2rem;}

/* Asym grid (about/community) */
.asym-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1px;margin-top:3rem;background:var(--stone);border-radius:var(--r-card);overflow:hidden;}
.page-card{min-height:16rem;padding:clamp(1.25rem,2vw,2rem);background:var(--canvas);}
.page-card:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:.65fr 1fr;gap:2rem;align-items:center;background:var(--sage);}
.page-card .tag{display:inline-block;margin-bottom:.75rem;color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.page-card h3{font-size:clamp(1.3rem,2vw,1.8rem);}
.page-card p{margin-top:.5rem;color:var(--gun);font-size:.95rem;line-height:1.65;}

/* Split feature */
.split-feature{display:grid;grid-template-columns:minmax(16rem,.75fr) 1fr;gap:clamp(2rem,6vw,5rem);align-items:center;}
.split-feature.reverse{grid-template-columns:1fr minmax(16rem,.75fr);}
.split-feature.reverse img{order:2;}
.split-feature img{width:100%;background:var(--sage);border-radius:var(--r-card);padding:2rem;}
.split-feature h2{font-size:clamp(2rem,3.8vw,3.2rem);}
.split-feature p{margin-top:1rem;color:var(--gun);font-size:1rem;line-height:1.7;}

/* Resource list */
.resource-list{display:grid;border-top:1px solid var(--stone);margin-top:3rem;}
.resource-row{display:grid;grid-template-columns:6rem 1fr auto;gap:clamp(1rem,3vw,3rem);align-items:center;padding:clamp(1.25rem,2.5vw,2rem) 0;border-bottom:1px solid var(--stone);}
.resource-row>strong{font-family:var(--mono);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:400;letter-spacing:-0.02em;line-height:.9;color:var(--stone);}
.resource-row .tag{display:inline-block;margin-bottom:.5rem;color:var(--orange);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;}
.resource-row h3{font-size:clamp(1.1rem,1.8vw,1.5rem);}
.resource-row p{margin-top:.4rem;color:var(--gun);font-size:.9rem;line-height:1.6;}
.resource-row .btn-primary{white-space:nowrap;}

/* Material grid */
.material-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;margin-top:3rem;}
.material-card{border:1px solid var(--stone);border-radius:var(--r-card);overflow:hidden;}
.material-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:var(--sage);}
.material-card:nth-child(3){grid-column:span 2;display:grid;grid-template-columns:1fr 2fr;}
.material-card:nth-child(3) img{aspect-ratio:unset;height:100%;}
.material-card-body{padding:1.5rem;}
.material-card-body h3{font-size:1.3rem;}
.material-card-body p{margin-top:.5rem;color:var(--gun);font-size:.9rem;line-height:1.6;}
.material-card-body .btn-primary{margin-top:1.25rem;}

/* Contact */
.contact-page{display:grid;grid-template-columns:minmax(16rem,.7fr) 1fr;gap:clamp(2rem,6vw,5rem);align-items:start;}
.contact-card{background:var(--sage);border-radius:var(--r-card);padding:clamp(1.5rem,3vw,2.5rem);}
.contact-card h2{font-size:clamp(1.8rem,3vw,2.5rem);}
.contact-card p{margin-top:.75rem;color:var(--gun);line-height:1.65;}
.contact-methods{display:grid;gap:1rem;margin-top:1.5rem;}
.contact-method span{display:block;font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--gun);margin-bottom:.25rem;}
.contact-method p{font-size:1rem;}
.contact-method a{color:var(--ink);font-weight:600;}
.contact-social{display:flex;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--concrete);}
.contact-social a{font-size:.85rem;font-weight:700;color:var(--gun);transition:color .2s;}
.contact-social a:hover{color:var(--ink);}
.contact-form{display:grid;gap:1.25rem;}
.contact-form label{display:grid;gap:.4rem;font-size:.85rem;font-weight:600;color:var(--ink);}
.contact-form input,.contact-form textarea{width:100%;padding:.875rem 1rem;border:1px solid var(--stone);border-radius:var(--r-sm);background:var(--canvas);color:var(--ink);font-family:var(--font);font-size:1rem;outline:none;transition:border-color .2s;}
.contact-form input:focus,.contact-form textarea:focus{border-color:var(--ink);}
.contact-form textarea{resize:vertical;min-height:10rem;}
.contact-form .btn-primary{width:100%;min-height:3.2rem;font-size:1rem;}

/* Legal */
.legal-page{width:min(var(--page),calc(100% - 3rem));margin:0 auto;padding:var(--gap) 0;max-width:72ch;}
.legal-page h2{font-size:1.5rem;margin-top:2.5rem;margin-bottom:.75rem;}
.legal-page h2:first-child{margin-top:0;}
.legal-page p{color:var(--gun);line-height:1.75;}
.legal-page a{color:var(--ink);font-weight:600;}

/* ── Responsive ──────────────────────────────────────────────────────── */

/* Tablet — hide desktop nav, show hamburger, fix hero padding */
@media(max-width:860px){
  /* Navbar */
  .topbar{grid-template-columns:auto 1fr auto;gap:1rem;padding:.5rem .75rem .5rem 1rem;}
  .nav{display:none;}
  .nav-toggle{display:flex;}
  /* Hide the ghost "Contact" button on mobile — keep only "Join WIF" */
  .btn-ghost{display:none;}
  /* Push "Join WIF" to the right so it sits beside the hamburger */
  .nav-actions{justify-self:end;}

  /* Section head — wrap so link drops below heading */
  .section-head{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:2rem;}

  /* Hero */
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:clamp(6rem,14vw,8rem);}
  .hero-art{display:none;}
  .hero-metrics{grid-template-columns:1fr 1fr;}
  .hero-metrics>div{padding:1rem 1.25rem;}
  .hero-metrics>div:last-child{grid-column:span 2;border-right:0;}

  /* Decision */
  .decision-card{grid-template-columns:1fr;}
  .decision-media{display:none;}

  /* Value grid — 2 cols on tablet */
  .value-grid{grid-template-columns:1fr 1fr;}
  .value-grid article{border-right:0;border-bottom:1px solid var(--stone);}

  /* Trust grid — 2 cols */
  .trust-grid{grid-template-columns:1fr 1fr;}

  /* Advisor row — 2 cols, no span trick needed */
  .advisor-row{grid-template-columns:1fr 1fr;}
  .advisor-row article:last-child{grid-column:auto;}

  /* Guidance / cases */
  .guidance-section{grid-template-columns:1fr;}
  .guidance-sticky{position:static;}
  .case-grid article{grid-template-columns:1fr;}
  .case-grid img{max-height:14rem;object-fit:contain;}

  /* Fee */
  .fee-section{grid-template-columns:1fr;}
  .fee-copy{padding-top:0;}
  .compare-fee{margin-top:2rem;}
  .fee-number strong{font-size:clamp(3rem,10vw,5rem);}

  /* Thinking */
  .thinking-grid{grid-template-columns:1fr 1fr;}

  /* Final CTA — fix negative padding on narrow screens */
  .final-cta{
    grid-template-columns:1fr auto;
    gap:1.5rem;
    padding:clamp(2.5rem,6vw,4rem) clamp(1.5rem,5vw,3rem);
  }
  .final-cta img{display:none;}

  /* Page hero (inner pages) */
  .page-hero{grid-template-columns:1fr;}
  .page-hero img{display:none;}

  /* Asym / community grid */
  .asym-grid{grid-template-columns:1fr;}
  .page-card:nth-child(3){grid-column:span 1;grid-template-columns:1fr;}

  /* Split feature */
  .split-feature,.split-feature.reverse{grid-template-columns:1fr;}
  .split-feature img,.split-feature.reverse img{order:0;}

  /* Resource list */
  .resource-row{grid-template-columns:4rem 1fr;}
  .resource-row .btn-primary{display:none;}

  /* Material grid */
  .material-grid{grid-template-columns:1fr;}
  .material-card:nth-child(3){grid-column:span 1;grid-template-columns:1fr;}
  .material-card:nth-child(3) img{height:auto;aspect-ratio:4/3;}

  /* Contact */
  .contact-page{grid-template-columns:1fr;}
}

/* Large phone — single column everything */
@media(max-width:600px){
  :root{--gap:52px;}

  /* Navbar — tighter */
  .topbar{top:12px;padding:.45rem .6rem .45rem .9rem;}
  .brand img{height:2.1rem;}

  /* Hero */
  .hero{padding-top:5.5rem;gap:2rem;}
  .hero h1{font-size:clamp(2.6rem,9vw,3.5rem);}
  .hero-sub{font-size:1rem;}
  .hero-actions{flex-direction:column;align-items:flex-start;gap:1rem;}
  .hero-metrics{grid-template-columns:1fr 1fr;}
  .hero-metrics>div:last-child{grid-column:span 2;}
  .hero-metrics strong{font-size:clamp(2rem,8vw,3rem);}

  /* Section */
  .section{width:calc(100% - 2rem);}

  /* Value grid — 1 col on phones */
  .value-grid{grid-template-columns:1fr;}
  .value-grid article{min-height:auto;padding:1.25rem 0;}

  /* Trust grid — 1 col on phones */
  .trust-grid{grid-template-columns:1fr;}

  /* Advisor row — 1 col */
  .advisor-row{grid-template-columns:1fr;}
  .advisor-row article:last-child{grid-column:auto;}

  /* Thinking grid — 1 col */
  .thinking-grid{grid-template-columns:1fr;}

  /* Final CTA — stack fully */
  .final-cta{
    grid-template-columns:1fr;
    padding:2.5rem 1.25rem;
    text-align:center;
  }
  .final-cta h2{font-size:clamp(1.75rem,6vw,2.4rem);}

  /* Page hero */
  .page-hero{padding-top:5.5rem;padding-bottom:2rem;}
  .page-hero h1{font-size:clamp(2.2rem,7vw,3rem);}

  /* Resource row — hide large number on very small screens */
  .resource-row{grid-template-columns:3rem 1fr;gap:.75rem 1rem;}
  .resource-row>strong{font-size:clamp(1.75rem,7vw,3rem);}

  /* Fee */
  .fee-card{padding:1.25rem;}
  .fee-number strong{font-size:clamp(2.5rem,12vw,4rem);}

  /* Contact card */
  .contact-card{padding:1.25rem;}
}

/* Small phone — ultra compact */
@media(max-width:480px){
  .topbar{width:calc(100% - 1.25rem);}
  .hero h1{font-size:clamp(2.2rem,8.5vw,3rem);}
  .hero-metrics{grid-template-columns:1fr;}
  .hero-metrics>div{border-right:0;border-bottom:1px solid var(--stone);}
  .hero-metrics>div:last-child{grid-column:auto;border-bottom:0;}
  .section-head h2{font-size:clamp(1.8rem,7vw,2.5rem);}
  .nav-mobile{padding:5.5rem 1.25rem 2rem;}
  .nav-mobile a{font-size:1.25rem;}
}