/* Shared DADSCAPED Method visual system. Existing routes and form behavior retained. */
@font-face{font-family:Anton;src:url('fonts/anton-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:'DM Sans';src:url('fonts/dm-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#F8F7F3;--panel:#EFEEE8;--ink:#202020;--steel:#60605B;--faint:#686862;--red:#E5242C;--hair:#DCDCD4;--display:'Anton',Impact,sans-serif;--util:'DM Sans',sans-serif;--body:'DM Sans',sans-serif;--wrap:1160px}
html{scroll-padding-top:24px}
body{background:var(--paper);font-family:var(--body);font-size:17px;line-height:1.75}
.wrap{padding-left:28px;padding-right:28px}
section{padding:88px 0}
h1,h2,h3{font-weight:400;overflow-wrap:normal;white-space:normal}
h2{line-height:1.13;font-size:clamp(30px,4.3vw,49px)}
.eyebrow{font-size:14px;line-height:1.5;letter-spacing:.12em;white-space:normal}
.rule{height:3px;width:72px;margin-bottom:30px}
.lede{font-size:20px;line-height:1.7}
p,ul.plain li{max-width:760px}
.method-header{background:#161616;color:#F8F7F3;border-bottom:1px solid #383833}
.method-header-inner{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.method-wordmark{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.method-wordmark>span{font-family:Anton,sans-serif;font-size:30px}
.method-wordmark small{font-family:'DM Sans',sans-serif;font-size:11px;font-weight:500;letter-spacing:8.5px;padding-left:8.5px;margin-top:10px}
.method-header .topbar{display:block;position:static;transform:none;opacity:1;width:auto;padding:13px 18px;margin:0;background:var(--red);color:#fff;font-family:var(--body);font-size:14px;font-weight:700;letter-spacing:.02em;text-decoration:none;line-height:1.4}
.hero{background:#161616;color:#F8F7F3;padding:70px 0 64px;border:0}
.hero h1{font-size:clamp(46px,7.9vw,90px);line-height:1.06;max-width:1100px;letter-spacing:0;margin:0 0 24px}
.hero .landscape{color:#C4C3BC;font-size:18px;line-height:1.7;max-width:650px;margin-bottom:28px}
.hero .offerline{color:#F8F7F3;font-size:clamp(19px,2.1vw,23px);line-height:1.6;max-width:690px;margin:20px 0 0}
.hero .eyebrow{color:#F8F7F3}
.hero .underline-h1{color:#F06A6F;margin:0;font-size:14px}
.hero .insidelink{margin:30px 0 0;line-height:1.5}
.hero .btn{font-size:14px;padding:17px 24px;letter-spacing:.035em;max-width:100%}
.method-intro{padding:60px 0;border:0}
.method-intro .anticoach{font-size:19px;line-height:1.8;max-width:760px;margin:0 0 26px;color:var(--steel)}
.method-intro .restline{font-family:var(--display);font-size:clamp(26px,3.5vw,38px);line-height:1.2;text-transform:uppercase;max-width:650px;margin:0}
.method-intro .hl{color:var(--red)}
.btn{font-family:var(--body);font-size:14px;font-weight:700;letter-spacing:.04em;line-height:1.5;min-height:48px}
.btn:hover{filter:brightness(.92)}
.chip{font-size:13px;line-height:1.25;letter-spacing:.035em;padding:9px 12px}
.quiz{border-radius:2px;box-shadow:none;border-color:var(--hair);border-top:3px solid var(--red);background:#fff}
.qopt,.qfield{border-radius:2px;line-height:1.5}
.qback{font-size:14px;min-height:44px;color:var(--steel)}
.qfield:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.qhint{color:var(--steel)}
.qcount{font-size:13px}
.five .row{padding:23px 0;gap:16px}
.five .thing{font-size:29px;line-height:1.2}
.five .say{background:transparent;color:var(--steel);font-family:var(--body);font-size:16px;text-transform:none;letter-spacing:0;padding:0}
.bonus,.guarantee{border:0;border-left:3px solid var(--red);padding:28px 30px;background:var(--panel)}
.bonus-h,.o-h{line-height:1.15}
.tiers.one{max-width:570px}
.tier{padding:34px}
.tier h3{font-size:30px;line-height:1.2}
.group-label{font-size:13px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:var(--red);margin:0 0 15px}
.tier .price{font-size:64px}
.tier ul{font-size:16px;line-height:1.65}
.tier .per,.tier .fine{font-size:14px}
.onetoone{max-width:760px}
.onetoone .o-p,.bonus-p,.g-p{font-size:17px;line-height:1.75}
.shotslide{border-radius:0}
.shotslide img{border-radius:4px}
.shotslide figcaption{font-size:15px;line-height:1.6}
.railbtn{min-width:44px;min-height:44px}
section.dark{background:#202020}
section.dark .dim,section.dark .lede{color:#C4C3BC}
section.dark .anchor .hl{color:#F06A6F}
.about .open{line-height:1.25;max-width:650px}
.about p{max-width:760px}
.q blockquote{line-height:1.7}
footer{background:#161616;color:#C4C3BC}
footer a{color:#F8F7F3;display:inline-block;margin-bottom:10px;font-size:13px}
.stickybar{background:#161616;color:#F8F7F3;border-color:#383833}
.stickybar a{font-family:var(--body);font-size:12px;letter-spacing:.015em;color:#F8F7F3;line-height:1.4;min-height:48px;display:flex;justify-content:center;align-items:center}
.stickybar .buy{background:var(--red);color:#fff}
/* Existing articles share the same type, wordmark and reading surfaces. */
.guide-nav{background:#161616;color:#F8F7F3;border-color:#383833;position:relative}
.guide-nav .inner{min-height:104px}
.brand{display:inline-flex;flex-direction:column;align-items:center;font-size:30px}
.brand .brand-title{color:#F8F7F3}
.brand .brand-method{font-family:var(--body);color:#F8F7F3;font-size:11px;letter-spacing:8.5px;padding-left:8.5px;font-weight:500;margin-top:10px}
.navlinks{font-size:13px;letter-spacing:.025em;gap:22px}
.navlinks .cta{background:var(--red);padding:13px 16px}
.guide-nav~.hero .lede{color:#C4C3BC}
.guide-nav~.hero h1{max-width:1000px;font-size:clamp(36px,5.6vw,68px);line-height:1.12}
.guide-nav~.hero .meta{color:#B0AFA8}
.guide-nav~main{padding-top:60px}
.guide-nav~main h2{margin-top:50px}
.guide-nav~main .offer h2,.guide-nav~main .short h2{margin-top:0}
.short,.offer{border-width:1px;border-left:3px solid var(--red);background:var(--panel)}
.card{background:transparent;box-shadow:none}
.card h2{line-height:1.2!important;margin-top:10px!important}
.read{max-width:760px}
.indexhero h1{max-width:850px!important}
@media(max-width:760px){
 .wrap{padding-left:24px;padding-right:24px}
 section{padding:60px 0}
 .method-header-inner,.guide-nav .inner{min-height:90px;gap:16px}
 .method-wordmark>span,.brand{font-size:26px}
 .method-wordmark small,.brand .brand-method{font-size:10px;letter-spacing:7px;padding-left:7px;margin-top:8px}
 .method-header .topbar{font-size:12px;padding:12px}
 .hero{padding:48px 0 50px}
 .hero h1{font-size:clamp(36px,9.1vw,64px);line-height:1.12;text-wrap:balance;max-width:100%}
 .hero .landscape{font-size:17px}
 .hero .offerline{font-size:20px}
 .hero .btn{font-size:13px;padding:16px 18px;width:auto}
 .method-intro{padding:42px 0}
 .method-intro .anticoach{font-size:17px}
 .lede{font-size:19px}
 .five .row{justify-content:space-between}
 .five .thing{min-width:0;font-size:25px}
 .five .say{font-size:15px;margin-left:0}
 .bonus,.guarantee{padding:24px}
 .tier{padding:28px 22px}
 .tier h3{font-size:27px}
 .tier .price{font-size:56px}
 .strip{gap:12px}
 .shot .chip{font-size:11px;padding:8px 6px;white-space:normal}
 .navlinks{gap:12px;font-size:11px}
 .navlinks .cta{max-width:180px;padding:10px 12px}
 .guide-nav~.hero h1{font-size:clamp(34px,7.9vw,54px)}
 .guide-nav~main{padding-top:40px}
 .stickybar{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media(max-width:400px){
 .wrap{padding-left:22px;padding-right:22px}
 .five .row{align-items:flex-start;flex-direction:column;gap:7px}
 .hero h1{font-size:clamp(32px,9vw,36px)}
 .method-header .topbar{font-size:11px}
 .navlinks .cta{max-width:150px}
}

html{background:var(--paper)}
.rv.in .rule{width:72px}

/* Full personal story and supplied member accounts. */
.about-story{max-width:760px}
.about .about-story p{font-size:18px;line-height:1.85;margin:0 0 28px;color:#D4D3CC}
.about .about-story p:last-child{margin-bottom:0}
.member-testimonials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 36px;margin-top:34px}
.member-testimonial{margin:0;min-width:0;padding:0 0 0 24px;border-left:3px solid var(--red)}
.member-testimonial figcaption{font-family:var(--body);font-size:17px;font-weight:700;margin:0 0 15px;color:var(--ink)}
.member-testimonial blockquote{margin:0}
.member-testimonial .testimonial-highlight{font-family:var(--display);font-size:clamp(24px,2.4vw,29px);line-height:1.3;color:var(--red);margin:0 0 20px}
.member-testimonial .testimonial-story{font-size:16px;line-height:1.8;color:var(--steel);margin:0}
@media(max-width:760px){
  .about .about-story p{font-size:17px;line-height:1.8}
  .member-testimonials{grid-template-columns:1fr;gap:34px}
  .member-testimonial{padding-left:20px}
  .member-testimonial .testimonial-highlight{font-size:25px}
}

/* Homepage garage photograph. Article heroes keep their existing treatment. */
.method-header + .hero{
  background-color:#161616;
  background-image:linear-gradient(90deg,rgba(22,22,22,.3),rgba(22,22,22,.18) 55%,rgba(22,22,22,.1)),url('../images/garage-hero.webp');
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
}
.method-header + .hero h1{max-width:740px}
.method-header + .hero .landscape{max-width:580px}
.method-header + .hero .offerline{max-width:640px}
@media(max-width:1000px){
  .method-header + .hero{
    background-image:linear-gradient(90deg,rgba(22,22,22,.8),rgba(22,22,22,.6)),url('../images/garage-hero.webp');
    background-position:68% center;
  }
}
@media(max-width:760px){
  .method-header + .hero{
    background-image:linear-gradient(90deg,rgba(22,22,22,.86),rgba(22,22,22,.66)),url('../images/garage-hero.webp');
    background-position:73% center;
  }
}