/* Homepage concept, October 22: audience, story, method, trust, newsletter value, next step. */
html{scroll-behavior:smooth}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[id]{scroll-margin-top:110px}

.home-hero h1{min-height:0;font-size:clamp(3rem,4.6vw,5rem);line-height:1.04;margin:18px 0 28px}
.home-hero .lede{max-width:580px;color:#dfe6ef}
.home-hero .hero-why{max-width:560px;margin-top:14px;color:#e9d29a;font-size:.98rem;line-height:1.7}
.home-hero .actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px;margin-top:34px}

.home-proof{background:#0d1a38;color:#e1e7f0;border-top:1px solid #ffffff1a}
.home-proof .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;padding:34px 0}
.home-proof p{display:flex;flex-direction:column;gap:6px;margin:0;padding-left:18px;border-left:1px solid #c4962366}
.home-proof strong{font:700 1.9rem/1 var(--serif);color:#e9d29a}
.home-proof span{font-size:.8rem;line-height:1.5;color:#b9c5d5}

.home-audience .section-head{max-width:820px;display:block}
.home-audience .lede{margin-top:20px}
.audience-kicker{margin:56px 0 22px;font:700 1.35rem/1.3 var(--serif);color:var(--navy)}
.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.audience-grid article{background:var(--ice);padding:30px 26px;border-top:2px solid var(--gold)}
.audience-grid article>span{font-size:.72rem;letter-spacing:.2em;color:#946e14;font-weight:600}
.audience-grid h3{font-size:1.45rem;line-height:1.2;margin:14px 0 12px;color:var(--navy)}
.audience-grid p{font-size:.9rem;line-height:1.75;color:var(--muted);margin:0}
.home-bridge{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:48px;padding-top:34px;border-top:1px solid var(--line)}
.home-bridge p{margin:0;font-size:1.1rem;max-width:720px}
.home-bridge strong{color:var(--navy)}
.home-bridge .text-link{margin:0;flex-shrink:0}

.home-story-links{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:10px}
.home-story-links .text-link{margin-top:0;color:white}

.home-ruler{border-top:1px solid #ffffff1f}
.home-ruler .method-three p{max-width:270px}
.home-ruler-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:10px 0 44px}
.home-hand{display:grid;grid-template-columns:110px 1fr;gap:28px;align-items:start}
.home-hand img{width:110px;height:auto;border-radius:50%}
.home-hand h3,.home-benefits h3{font-size:1.7rem;color:white;margin:0 0 14px}
.home-hand p,.home-benefits p{color:#c7d2e0;font-size:.95rem;line-height:1.75}
.home-hand .method-question{font-size:1.7rem;margin:16px 0}
.home-benefits ul{list-style:none;padding:0;margin:0 0 24px}
.home-benefits li{padding:12px 0 12px 30px;border-top:1px solid #ffffff22;color:#eef2f7;position:relative}
.home-benefits li:before{content:'✓';position:absolute;left:0;color:#d9b563}
.home-example{padding:20px 22px;background:#ffffff0d;border-left:2px solid var(--gold)}
.home-example strong{color:white}
.home-ruler .actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 30px}
.home-ruler .actions .text-link{color:white;margin-top:0}

.home-different .section-head{display:block;max-width:820px}
.compare{margin-top:44px;border:1px solid var(--line)}
.compare-row{display:grid;grid-template-columns:1fr 1fr}
.compare-row span{padding:18px 24px;font-size:.95rem;line-height:1.6;border-top:1px solid var(--line)}
.compare-row span:first-child{color:#7a8596;text-decoration:line-through;text-decoration-color:#7a859666}
.compare-row span:last-child{color:var(--navy);font-weight:600;background:#eef6fc;border-left:2px solid var(--gold)}
.compare-head span{border-top:0;font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;text-decoration:none!important;color:var(--muted)!important}
.compare-head span:last-child{background:var(--navy);color:#e9d29a!important}
.credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:52px 0 10px}
.credentials article{border-top:1px solid var(--line);padding-top:22px}
.credentials h3{font-size:1.6rem;margin:0 0 10px;color:var(--navy)}
.credentials p{font-size:.92rem;line-height:1.75;color:var(--muted);margin:0}
.home-different .actions{display:flex;flex-wrap:wrap;gap:16px 36px}

.home-letter-points li span{line-height:1.6}
.home-letter-points strong{color:white}
.newsletter-promise{color:#c7d2e0;font-size:.88rem;margin-top:-10px}

.home-paths h2{margin-bottom:0}

@media(max-width:1100px){
 .audience-grid{grid-template-columns:repeat(2,1fr)}
 .home-ruler-grid{grid-template-columns:1fr;gap:40px}
 .home-proof .wrap{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
 .home-hero h1{font-size:clamp(2.4rem,9.5vw,3.4rem)}
 .audience-grid,.credentials{grid-template-columns:1fr}
 .home-bridge{flex-direction:column;align-items:start}
 .compare-row span{padding:14px 14px;font-size:.86rem}
 .home-hand{grid-template-columns:64px 1fr;gap:18px}
 .home-hand img{width:64px}
 .home-proof .wrap{gap:20px;padding:26px 0}
 .home-proof strong{font-size:1.5rem}
}

/* October 29 change orders: new hero copy, five RULER steps, newsletter, About/Book/Framework/Contact additions. */
.nav-newsletter{padding:8px 16px!important;border:1px solid var(--gold);border-radius:999px;color:var(--navy);font-weight:600}
.nav-newsletter:after{display:none}
.nav-newsletter:hover{background:var(--gold)}
@media(max-width:1100px){.nav-newsletter{width:auto!important;margin-top:8px}}

.home-hero h1{font-size:clamp(2.6rem,3.9vw,4.3rem)}
.home-hero .hero-intro{margin-top:14px}
.button.outline-light{background:transparent;color:white;border-color:#ffffffa6}
.button.outline-light:hover{background:#ffffff1a}

.home-audience .audience-copy{margin:14px 0 0;max-width:720px;color:var(--muted);line-height:1.8}
.audience-question{margin:26px 0 0;padding:18px 22px;background:var(--ice);border-left:2px solid var(--gold);max-width:760px;font-size:1.05rem;line-height:1.7}
.audience-question strong{color:var(--navy)}

.home-story .button{margin-top:0}

.method-five-title{color:white;font-size:1.9rem;margin:46px 0 0}
.method-five{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;list-style:none;padding:38px 0;margin:24px 0 35px;border-top:1px solid #ffffff30;border-bottom:1px solid #ffffff30;counter-reset:none}
.method-five li{position:relative;padding-top:4px}
.method-five li>span{font-size:.75rem;color:#d9b563;letter-spacing:.2em}
.method-five h3{font-size:1.55rem;line-height:1.15;margin:12px 0 8px;color:white}
.method-five .step-line{color:#e9d29a;font-weight:600;font-size:.9rem;margin:0 0 10px}
.method-five p{font-size:.86rem;line-height:1.7;color:#c0ccdc;margin:0}
.method-meaning{color:#e9d29a;font:700 1.4rem/1.45 var(--serif);max-width:760px;margin:0 0 10px}
.home-example+.home-example{margin-top:16px}
.home-example p{margin:0 0 8px}
.home-example p:last-child{margin-bottom:0}
@media(max-width:1100px){.method-five{grid-template-columns:repeat(3,1fr);row-gap:34px}}
@media(max-width:760px){
 .home-hero h1{font-size:clamp(2rem,8.2vw,2.8rem);margin:12px 0 18px}
 .home-hero .lede{font-size:.92rem;margin-bottom:0}
 .home-hero .hero-why{margin-top:10px}
 .home-hero .actions{margin-top:20px;gap:12px}
 .home-hero .actions .button{width:100%}
 .method-five{grid-template-columns:1fr;gap:24px;padding:26px 0}
 .method-five li{padding-left:44px}
 .method-five li>span{position:absolute;left:0;top:10px}
 .method-five h3{margin-top:0}
}

.newsletter-why{color:#c7d2e0;line-height:1.75;max-width:560px}
.newsletter-story>.button{margin:6px 0 30px}
.newsletter-sample{background:#ffffff0d;border:1px solid #ffffff26;border-left:3px solid var(--gold);padding:24px 26px;max-width:560px}
.newsletter-sample h3{color:white;font-size:1.5rem;margin:8px 0 12px}
.newsletter-sample p{color:#c7d2e0;font-size:.92rem;line-height:1.75;margin:0 0 10px}
.newsletter-sample .sample-question{color:white;font:700 1.2rem/1.45 var(--serif)}
.newsletter-sample .sample-sign{color:#e9d29a;font-size:.8rem;letter-spacing:.08em;margin:14px 0 0}
.newsletter-card .newsletter-hint{font-size:.8rem;color:#33475b;margin:14px 0 0}
.newsletter-card .lead-consent{text-align:left}

.qualification-card{margin-top:30px;padding:24px 26px;background:var(--ice);border-top:2px solid var(--gold)}
.qualification-card h3{font-size:1.5rem;margin:0 0 10px;color:var(--navy)}
.qualification-card p{margin:0;color:var(--muted);line-height:1.75;font-size:.93rem}
.about-biography .bio-closing{font:700 1.3rem/1.45 var(--serif);color:var(--navy)}
.about-hero-copy>p{margin-bottom:12px}
.about-hero-copy h1{font-size:clamp(2.8rem,4vw,4.4rem)}
.about-hero-copy>.text-link{display:inline-block;margin-top:12px}
.about-final{background:var(--ice);text-align:center}
.about-final .reading-width{max-width:760px;margin:0 auto}
.about-final p{font-size:1.05rem;line-height:1.8;color:var(--muted)}
.about-final .about-final-belief{font:700 1.6rem/1.4 var(--serif);color:var(--navy);margin:0 0 10px}
.about-final .button{margin-top:18px}

.framework-hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:6%;align-items:center}
.framework-hero .hero-subheading{font:700 clamp(1.5rem,2.4vw,2.1rem)/1.3 var(--serif);color:#907025;margin:4px 0 22px}
.framework-hero p{max-width:680px;line-height:1.8;color:var(--muted)}
.framework-hero .hero-question{font-size:1.1rem;color:var(--navy);margin-top:20px}
.framework-hero-hand{width:100%;max-width:360px;height:auto;justify-self:center}
.framework-visuals .section-head .lede{max-width:720px;margin-top:18px}
.vector-label.vector-step{font-size:18px}
.everyday-example{margin-top:34px;padding-top:30px;border-top:1px solid var(--line)}
.everyday-example h3{font-size:1.7rem;margin:0 0 14px}
.everyday-example p{line-height:1.8}
@media(max-width:760px){.framework-hero-grid{grid-template-columns:1fr}.framework-hero-hand{max-width:200px;order:-1;justify-self:start}}

.book-newsletter{padding-top:0}
.book-newsletter-card{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:36px 40px;background:var(--ice);border-left:3px solid var(--gold)}
.book-newsletter-card p{margin:0 0 10px;max-width:640px;line-height:1.75}
.book-newsletter-card .lede{margin-top:10px;color:var(--navy)}
.book-newsletter-card .button{flex-shrink:0}
@media(max-width:760px){.book-newsletter-card{flex-direction:column;align-items:start;padding:26px 22px}.book-newsletter-card .button{width:100%}}

.page-hero .hero-more{max-width:760px;line-height:1.8;color:var(--muted);margin:12px 0 0}
.page-hero .hero-more a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.contact-paths{padding-bottom:0}
.contact-paths .engagement-grid{margin-top:0}
.contact-paths h2{font-size:1.8rem;margin:12px 0}
.contact-paths .button{margin-top:auto;align-self:flex-start}
[data-business-field][hidden]{display:none}
.ask-method{flex-wrap:wrap}
.ask-method>span{flex:1 1 150px;min-width:0}
@media(max-width:760px){.ask-method>span{flex-basis:40%}}
.newsletter-why+.newsletter-promise{margin-top:0}
@media(max-width:640px){
 .home-hero .hero-photo{height:200px;object-position:center 22%}
 .home-hero .wrap{padding-top:22px}
 .home-hero .eyebrow{margin-bottom:6px}
 .home-hero .hero-position{margin:0}
}
/* Mobile: keep the primary CTA inside the first screen, directly after the opening lines. */
@media(max-width:640px){
 .home-hero .hero-copy{display:flex;flex-direction:column}
 .home-hero .actions{order:1;margin:18px 0 22px}
 .home-hero .hero-intro,.home-hero .hero-why{order:2}
}
@media(max-width:640px) and (max-height:700px){.home-hero .hero-photo{height:130px}}
