/* Sales funnel case study: shared hero/chapter layout, olive, yellow-green, and orange palette. */
.sf-page { --perma-green:#99c24c; --sf-ink:#354121; --sf-green:#667b40; --sf-paper:#f5f3e9; background:var(--sf-paper); color:#36392d; }
body.page-sales-funnel .nav-dropdown-toggle,body.page-sales-funnel .nav-dropdown-menu a[aria-current='page'] { color:#99c24c; }
.sf-page :is(section,article)[id] { scroll-margin-top:70px; }
.sf-page h1,.sf-page h2,.sf-page h3 { font-family:'Manrope',Arial,sans-serif; letter-spacing:-.045em; }
.sf-page a:focus-visible { outline:3px solid #718336; outline-offset:5px; }
.sf-page .perma-hero { background:#252d1c; padding-top:90px; }
.sf-page .perma-hero::after { border-color:#6e7e38; box-shadow:0 0 140px #6e7e3822; }
.sf-page .perma-hero-grid-lines { background-image:linear-gradient(#bcd08c26 1px,transparent 1px),linear-gradient(90deg,#bcd08c26 1px,transparent 1px); }
.sf-page .perma-hero-layout { grid-template-columns:1.05fr 1fr; gap:65px; padding-bottom:115px; }
.sf-page .perma-hero-copy h1 { font-size:clamp(43px,4.4vw,67px); line-height:1.02; letter-spacing:-.055em; margin:25px 0 28px; }
.sf-page .perma-hero-lede { font-size:clamp(20px,1.7vw,25px); font-weight:500; line-height:1.45; }
.sf-page .perma-hero-summary>p { color:#d3d8c6; font-size:16px; line-height:1.7; }
.sf-page .perma-hero-summary .perma-hero-lede { color:#f9faf6; font-size:clamp(20px,1.7vw,25px); }
.sf-page .perma-hero-media { margin-top:-90px; }
.sf-page .perma-hero-media::before { border-color:#b5c985; }
.sf-page .perma-hero-photo-wrap { aspect-ratio:1911/1074; }
.sf-page .perma-hero-photo { object-fit:contain; filter:none; }
.sf-page .perma-hero-product { width:76%; right:-3%; bottom:-58%; }
.sf-page .perma-hero-stats { margin-top:0; border-color:#5c6441; }
.sf-page .perma-hero-stats article { background:#303c23; border-color:#5c6441; min-height:155px; }
.sf-page .perma-hero-stats article:nth-child(even) { background:#39472a; }
.sf-page .perma-hero-stats strong { font-size:clamp(30px,3.7vw,54px); white-space:nowrap; }
.sf-page .perma-chapter-nav { background:#f5f7f1f5; }
.sf-page .perma-chapter-nav span { color:#667b40; }
.sf-page .perma-chapter-nav a:hover { color:#667b40; border-color:#667b40; }
.sf-eyebrow { font-size:11px!important; letter-spacing:.19em; text-transform:uppercase; color:var(--sf-green); font-weight:700; margin:0 0 22px!important; }
.sf-section-heading { max-width:950px; margin-bottom:62px; }
.sf-section-heading h2 { font-size:clamp(38px,4.9vw,70px); line-height:1.06; margin:0 0 30px; color:var(--sf-ink); }
.sf-section-heading p:not(.sf-eyebrow) { font-size:20px; line-height:1.75; max-width:820px; }
.sf-context { padding:115px 0; background:radial-gradient(ellipse at 100% 0,#e6eadb 0,transparent 45%),#f5f3e9; }
.sf-context-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 70px; }
.sf-context-card { padding:38px 0 28px; border-top:1px solid #c6cbba; }
.sf-context-card>h3 { color:var(--sf-green); font-size:32px; line-height:1.2; margin:0 0 24px; }
.sf-context-card h3:not(:first-child) { font-size:23px; margin-top:32px; }
.sf-page :is(.sf-context-card,.sf-step-content,.sf-tech-copy,.sf-results-content) p { font-size:18px; line-height:1.8; margin:0 0 22px; }
.sf-page blockquote { margin:35px 0; padding:26px 30px; border-left:3px solid #809a3f; background:#eaeee1; color:#3a4026; font-family:'Manrope',Arial,sans-serif; font-size:clamp(21px,2vw,27px); line-height:1.5; letter-spacing:-.025em; }
.sf-page blockquote strong { font-weight:500; }
.sf-objections { padding:24px 28px; background:#fffdf6; border:1px solid #d9dfce; line-height:2.2!important; }
.sf-tech { padding:110px 0; background:radial-gradient(ellipse at 90% 0,#4e5a252e,transparent 60%),#252d1c; color:#dbe0d0; }
.sf-tech .sf-section-heading h2 { color:#fafbf7; }
.sf-tech .sf-eyebrow { color:#99c24c; }
.sf-tools { display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); margin:0 0 60px; border:1px solid #5f6842; }
.sf-tools article { padding:24px 15px; border-right:1px solid #5f6842; }
.sf-tools article:last-child { border-right:0; }
.sf-tools img { display:block; padding:4px; width:38px; height:38px; object-fit:contain; background:white; border-radius:8px; margin-bottom:18px; }
.sf-tools h3 { font-size:15px; letter-spacing:-.025em; margin:0 0 10px; color:#fff; }
.sf-tools p { font-size:12px; line-height:1.65; margin:0; color:#ced3c2; }
.sf-tool-dash { display:none; }
.sf-tech-copy { max-width:920px; }
.sf-tech blockquote { background:transparent; padding:12px 0; border:0; color:#99c24c; font-size:clamp(32px,4vw,54px); margin:42px 0; }
.sf-journey { list-style:none; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:2px; padding:0; margin:55px 0 0; }
.sf-journey a { position:relative; display:block; padding:24px 18px; background:#363b23; color:#f4f7ed; font-size:14px; }
.sf-journey a:hover { background:#536027; }
.sf-journey small { display:block; color:#99c24c; margin-bottom:26px; }
.sf-journey span { position:absolute; right:16px; top:24px; color:#99c24c; }
.sf-steps { padding:110px 0 0; background:#fbfaf5; }
.sf-step-index { display:flex; flex-wrap:wrap; gap:9px; padding-bottom:55px; }
.sf-step-index a { border:1px solid #d2d7c6; padding:11px 15px; font-size:12px; color:#4a5523; border-radius:3px; }
.sf-step-index a:hover { background:#e9eddf; border-color:#667b40; }
.sf-step { display:grid; grid-template-columns:minmax(220px,.7fr) minmax(0,1.6fr); gap:100px; padding:80px 0; border-top:1px solid #cacfbe; }
.sf-step-title { position:sticky; top:205px; align-self:start; }
.sf-step-title .sf-eyebrow { display:inline-block; padding:9px 12px; background:#e9eddf; border:1px solid #cad0bb; color:#4d5924; margin-bottom:23px!important; }
.sf-step-title h2 { font-size:clamp(30px,3.2vw,46px); line-height:1.12; color:var(--sf-ink); margin:0 0 28px; }
.sf-back { font-size:12px; color:#68714c; text-decoration:underline; text-underline-offset:4px; }
.sf-step-content { min-width:0; }
.sf-step-content h3 { font-size:27px; color:#3b4226; line-height:1.3; margin:34px 0 20px; }
.sf-step-content ul { padding-left:22px; font-size:18px; line-height:1.8; margin:0 0 25px; }
.sf-flow { padding:21px 25px; background:#eff2e9; border-left:3px solid #abb88a; margin-bottom:26px; }
.sf-flow>span { display:block; font-size:10px; letter-spacing:.13em; font-weight:700; color:#637038; margin-bottom:8px; }
.sf-step-content .sf-flow p { margin:0; font-size:14px; line-height:1.8; color:#4f5831; }
.sf-stat-grid { display:flex; flex-wrap:wrap; border:1px solid #cad0ba; margin-bottom:30px; background:#eaeedf; }
.sf-stat-grid>div { flex:1 1 170px; padding:20px 23px; font-family:'Manrope',Arial,sans-serif; font-size:20px; font-weight:600; line-height:1.45; color:#485422; border:1px solid #cad0ba; margin:-1px; }
.sf-figure { background:#ebeee4; border:1px solid #dde1d3; padding:22px; margin:32px 0; }
.sf-figure img { display:block; width:100%; height:auto; }
.sf-portrait { max-width:420px; margin-inline:auto; }
.sf-small-image { max-width:275px; }
.sf-lead-card { border:1px solid #d5daca; background:#fff; margin:24px 0; display:grid; grid-template-columns:1fr 1fr; align-items:center; }
.sf-lead-card .sf-figure { border:0; padding:16px; margin:0; height:100%; display:grid; align-items:center; }
.sf-lead-card>div { padding:24px; }
.sf-lead-card h3 { margin:0 0 24px; font-size:23px; }
.sf-button { display:inline-flex; gap:20px; align-items:center; justify-content:space-between; padding:15px 20px; background:#667b40; color:#fff; font-size:clamp(15px,1.15vw,16px); font-weight:700; line-height:1.5; border:1px solid #667b40; }
.sf-button:hover { background:#46552b; }
.sf-emails { margin:26px 0 14px; border-top:1px solid #c5cbb5; }
.sf-emails a { display:flex; justify-content:space-between; gap:24px; padding:19px 20px; background:#f0f3e9; border-bottom:1px solid #c5cbb5; color:#3a4025; font-size:15px; line-height:1.6; }
.sf-emails a:nth-child(even) { background:#f8faf3; }
.sf-emails a:hover { background:#e4ead6; }
.sf-emails b { font-size:20px; }
.sf-page .sf-note { color:#6b7159; font-size:13px; line-height:1.6; }
.sf-placeholder { min-height:190px; display:flex; align-items:center; justify-content:center; gap:22px; text-align:left; border:1px dashed #adb59a; background:repeating-linear-gradient(135deg,#f0f3e9,#f0f3e9 12px,#edf0e4 12px,#edf0e4 13px); margin:28px 0; color:#6a7154; padding:25px; }
.sf-placeholder-icon { font-size:40px; font-weight:400; }
.sf-placeholder figcaption { font-size:16px; font-weight:600; }
.sf-placeholder small { display:block; margin-top:8px; font-size:11px; font-weight:400; text-transform:uppercase; letter-spacing:.12em; }
.sf-video { position:relative; aspect-ratio:16/9; margin:30px 0; background:#2b2f1c; }
.sf-video iframe { width:100%; height:100%; border:0; position:absolute; inset:0; }
.sf-webinar-structure { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); padding:0; margin:28px 0; list-style:none; counter-reset:structure; border-top:1px solid #d1d6c6; }
.sf-webinar-structure li { counter-increment:structure; padding:18px 10px; border-bottom:1px solid #d1d6c6; font-size:13px; color:#515d27; }
.sf-webinar-structure li::before { content:counter(structure,decimal-leading-zero); margin-right:14px; color:#80896b; }
.sf-results { padding:110px 0; background:#e7e9d2; }
.sf-results .shell { max-width:1050px; }
.sf-results .sf-section-heading { margin:0; }
.sf-results-content h3 { font-size:clamp(31px,4vw,51px); color:#343922; line-height:1.12; margin:55px 0 30px; }
.sf-results-content h3:first-child { margin-top:0; }
.sf-results-content p:has(>strong:only-child) { padding-top:24px; border-top:1px solid #b6bea2; font-size:23px; color:#3b4126; margin-bottom:10px; }
.sf-results-content blockquote:last-child { font-size:clamp(29px,4vw,50px); background:#303a21; color:#dbe5c2; padding:45px; margin-bottom:0; border:0; }
@media (min-width:1700px) { .sf-step { gap:160px; } }
@media (max-width:1150px) { .sf-tools { grid-template-columns:repeat(3,minmax(0,1fr)); } .sf-tools article { border-bottom:1px solid #5f6842; } .sf-page .perma-hero-layout { grid-template-columns:1fr 1fr; gap:35px; } .sf-step { gap:50px; } .sf-context-grid { gap:0 40px; } }
@media (max-width:850px) { .sf-page .perma-hero-layout { grid-template-columns:1fr; gap:45px; padding-bottom:100px; } .sf-page .perma-hero-media { margin:0 0 80px; } .sf-page .perma-hero-product { width:60%; bottom:-45%; right:0; } .sf-page .perma-hero-stats { margin-top:20px; } .sf-page .perma-hero-copy h1 { max-width:680px; font-size:55px; } .sf-context-grid { grid-template-columns:1fr; } .sf-journey { grid-template-columns:repeat(3,minmax(0,1fr)); } .sf-step { grid-template-columns:1fr; gap:25px; padding:55px 0; } .sf-step-title { position:static; } .sf-back { display:none; } .sf-step-title h2 { max-width:650px; } .sf-step-title .sf-eyebrow { margin-bottom:15px!important; } }
@media (max-width:550px) { .sf-page .perma-hero { padding-top:55px; } .sf-page .perma-hero-copy h1 { font-size:43px; } .sf-page .perma-hero-stats strong { font-size:29px; } .sf-page .perma-hero-stats article { padding:23px 15px; min-height:130px; } .sf-page .perma-hero-layout { padding-bottom:50px; } .sf-page .perma-hero-media { margin-bottom:45px; } .sf-page .perma-hero-product { bottom:-48%; width:66%; } .sf-context,.sf-tech,.sf-results { padding:65px 0; } .sf-steps { padding-top:65px; } .sf-section-heading { margin-bottom:38px; } .sf-section-heading p:not(.sf-eyebrow) { font-size:18px; } .sf-tools { grid-template-columns:repeat(2,minmax(0,1fr)); } .sf-tools article:last-child { grid-column:1/-1; } .sf-journey { grid-template-columns:repeat(2,minmax(0,1fr)); } .sf-page blockquote { padding:23px; } .sf-lead-card { grid-template-columns:1fr; } .sf-figure { padding:12px; } .sf-results-content blockquote:last-child { padding:28px; } .sf-step-index { gap:7px; } .sf-step-index a { font-size:11px; padding:9px 11px; } .sf-webinar-structure { grid-template-columns:1fr; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
.sf-context-card:last-child { grid-column:1/-1; column-count:2; column-gap:70px; }
.sf-context-card:last-child>h3 { column-span:all; }
.sf-context-card:last-child blockquote { break-inside:avoid; }
.sf-results-content h2 { font-size:clamp(38px,4.9vw,70px); color:#343922; line-height:1.08; margin:0 0 30px; }
.sf-result-cards { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin-bottom:70px; }
.sf-result-cards article { padding:28px; background:#f0f4e6; border-top:2px solid #97a477; }
.sf-result-cards p:has(>strong:only-child) { border:0; padding:0; font-size:24px; line-height:1.35; margin-bottom:17px; }
.sf-result-cards article p:last-child { font-size:16px; margin-bottom:0; }
@media (max-width:850px) { .sf-context-card:last-child { column-count:1; } }
@media (max-width:550px) { .sf-result-cards { grid-template-columns:1fr; } }

/* Context: editorial cards, clear reading levels, and visual anchors. */
.sf-context { background:radial-gradient(ellipse at 0 20%,#e3e8d74d,transparent 45%),#efeddf; }
.sf-context .sf-section-heading { max-width:1000px; }
.sf-context .sf-intro { border-left:3px solid #9aaf6b; padding-left:26px; }
.sf-context-grid { gap:28px; align-items:stretch; }
.sf-context-card { position:relative; padding:38px; border:1px solid #d9ddce; border-radius:14px; background:#fffdf5; box-shadow:0 10px 28px #2f341f10; overflow:hidden; }
.sf-topic-heading { display:flex; align-items:center; gap:19px; padding-bottom:25px; margin-bottom:27px; border-bottom:1px solid #dbdfd0; }
.sf-topic-icon { display:inline-flex; flex:none; align-items:center; justify-content:center; width:56px; height:56px; border-radius:15px; background:#e4edcf; color:#4c5824; }
.sf-topic-icon svg { width:29px; height:29px; }
.sf-context .sf-topic-heading h3 { margin:0; font-size:clamp(29px,2.7vw,38px); line-height:1.1; color:#30351f; letter-spacing:-.045em; }
.sf-page .sf-context-card p { font-size:17px; line-height:1.75; color:#565a49; margin-bottom:22px; }
.sf-context-card strong { color:#363b23; font-weight:700; }
.sf-page .sf-context-card>.sf-topic-heading+p { font-size:21px; line-height:1.5; letter-spacing:-.015em; color:#373c24; }
.sf-page .sf-context-card .sf-context-pivot { margin:28px 0; font-size:23px; font-family:'Manrope',Arial,sans-serif; line-height:1.5; font-weight:600; letter-spacing:-.025em; }
.sf-context-pivot mark { background:#e5edbd; color:#3c4327; padding:3px 6px; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.sf-context-detail { margin:32px -38px -38px; padding:30px 38px 36px; background:#f0f2e8; border-top:1px solid #dadfcf; }
.sf-context .sf-context-detail h3 { display:flex; gap:12px; align-items:flex-start; margin:0 0 22px; font-size:21px; line-height:1.35; color:#454e28; letter-spacing:-.025em; }
.sf-context-detail .sf-topic-icon { width:33px; height:33px; border-radius:9px; }
.sf-context-detail .sf-topic-icon svg { width:20px; height:20px; }
.sf-context .sf-context-card blockquote { position:relative; border:0; padding:22px 0 0; margin:25px 0 0; background:none; border-top:1px solid #c4cbb3; font-size:22px; line-height:1.45; color:#4e5731; }
.sf-context .sf-context-card blockquote strong { color:inherit; font-weight:500; }
.sf-context-customer { background:#354121; border-color:#354121; }
.sf-context-customer .sf-topic-heading { border-color:#5c6343; }
.sf-context-customer .sf-topic-icon { background:#515b31; color:#d5e9a0; }
.sf-context .sf-context-customer .sf-topic-heading h3 { color:#f0f5df; }
.sf-page .sf-context-customer p { color:#ced2c5; }
.sf-page .sf-context-customer>.sf-topic-heading+p { color:#e9eedc; }
.sf-context-customer strong { color:#eef5e1; }
.sf-context-customer .sf-context-pivot mark { color:#e4eec5; background:transparent; padding:0; border-bottom:2px solid #b1c879; }
.sf-detail-objections { background:#414e2d; border-color:#606844; }
.sf-context .sf-detail-objections h3 { color:#e4ebcd; }
.sf-context .sf-detail-objections>p:not(.sf-objections) { font-size:15px; color:#c5cbb8; }
.sf-page .sf-context-customer .sf-objections { border:0; padding:0; background:none; line-height:1.5!important; margin-bottom:0; }
.sf-objections br { display:none; }
.sf-context-customer .sf-objections strong { display:flex; align-items:center; gap:12px; padding:13px 0; border-top:1px solid #606847; color:#f3efd8; font-size:17px; font-weight:500; }
.sf-context-customer .sf-objections strong::before { content:'?'; display:inline-flex; align-items:center; justify-content:center; flex:none; width:24px; height:24px; border:1px solid #8e9f63; border-radius:50%; color:#d4e3a9; font-family:'Manrope',Arial,sans-serif; font-size:13px; }
.sf-context-solution { background:#e3e8c8; border-color:#c9d3af; }
.sf-context-solution .sf-topic-icon { background:#c8d9ac; }
.sf-page .sf-context-card .sf-solution-statement { margin:32px 0 0; padding:25px 0 0; border-top:1px solid #b2be94; font-family:'Manrope',Arial,sans-serif; font-size:clamp(29px,3vw,40px); line-height:1.15; letter-spacing:-.045em; }
.sf-solution-statement strong { color:#3f4529; }
.sf-solution-statement span { display:block; margin-top:10px; font-size:.72em; font-weight:500; }
.sf-context-product { background:linear-gradient(135deg,#fffdf5 65%,#f0eddb); }
.sf-context-product .sf-topic-icon { background:#eee6c8; color:#77632b; }
.sf-context-card.sf-context-research { grid-column:1/-1; column-count:auto; padding:40px; background:#fffdf5; border-top:4px solid #839161; }
.sf-research-layout { display:grid; grid-template-columns:1.2fr 1fr; gap:60px; align-items:center; }
.sf-context .sf-research-layout blockquote { margin:0; padding:35px; border:1px solid #cfdbb9; border-radius:12px; background:radial-gradient(circle at 100% 0,#d3e0aa,transparent 70%),#edf2df; font-size:clamp(26px,3vw,38px); line-height:1.35; color:#48512b; }
.sf-context .sf-research-layout blockquote::before { content:'“'; display:block; height:58px; font-family:Georgia,serif; font-size:95px; color:#8b9e5b; line-height:1; }
.sf-research-layout>div>p:last-child { margin-bottom:0; }
@media (max-width:1150px) { .sf-context-card { padding:28px; } .sf-context-detail { margin-inline:-28px; margin-bottom:-28px; padding:28px; } .sf-topic-heading { gap:14px; } .sf-topic-icon { width:46px; height:46px; border-radius:12px; } .sf-research-layout { gap:30px; } }
@media (max-width:850px) { .sf-context-grid { gap:22px; } .sf-research-layout { grid-template-columns:1fr; } .sf-context .sf-topic-heading h3 { font-size:32px; } }
@media (max-width:550px) { .sf-context-card,.sf-context-card.sf-context-research { padding:24px; border-radius:10px; } .sf-context-detail { margin-inline:-24px; margin-bottom:-24px; padding:25px 24px; } .sf-page .sf-context-card p { font-size:16px; } .sf-page .sf-context-card>.sf-topic-heading+p { font-size:20px; } .sf-context .sf-topic-heading h3 { font-size:28px; } .sf-context .sf-context-detail h3 { font-size:19px; } .sf-page .sf-context-card .sf-context-pivot { font-size:21px; } .sf-context .sf-research-layout blockquote { padding:24px; font-size:28px; } .sf-context .sf-intro { padding-left:20px; } }

/* Brand colors sampled from the supplied Holistic Homestead Academy assets. */
.sf-page { --sf-olive:#667b40; --sf-lime:#99c24c; --sf-orange:#ff8a00; --perma-green:var(--sf-lime); --sf-green:var(--sf-olive); --sf-ink:#354121; }
.sf-page .perma-hero-grid-lines { background-image:linear-gradient(#99c24c18 1px,transparent 1px),linear-gradient(90deg,#99c24c18 1px,transparent 1px); }
.sf-page .perma-hero::after { border-color:#667b4070; }
.sf-page .perma-hero-media::before { border-color:var(--sf-olive); }
.sf-page .perma-hero-stats strong { color:#b0d36b; }
.sf-page .perma-chapter-nav span { color:#596e32; }
.sf-page .perma-chapter-nav a:hover { border-color:#ff8a00; color:#46592c; }
.sf-page .sf-eyebrow { color:#596e32; }
.sf-page .sf-tech .sf-eyebrow { color:#b0d36b; }
.sf-page .sf-button { background:#ff8a00; border-color:#ff8a00; color:#292317; }
.sf-page .sf-button:hover { background:#e97a00; border-color:#e97a00; color:#211b12; }
.sf-page a:focus-visible { outline-color:#c76600; }
.sf-page .sf-step-title .sf-eyebrow { border-color:#b6c792; background:#e5ebd4; color:#4e632d; }
.sf-page .sf-topic-icon { background:#e7eccf; color:#667b40; }
.sf-page .sf-context-customer .sf-topic-icon { background:#4a5b31; color:#bedb82; }
.sf-page .sf-context-product .sf-topic-icon { background:#ffead0; color:#a35600; }
.sf-page .sf-context-pivot mark { background:#e1edba; color:#354121; }
.sf-page .sf-context-customer .sf-context-pivot mark { background:transparent; color:#e6eccb; border-bottom-color:#ff8a00; }
.sf-page .sf-context-card.sf-context-research { border-top-color:#ff8a00; }
.sf-page .sf-flow { border-left-color:#ff8a00; }
.sf-page .sf-result-cards article { border-top-color:#667b40; }
.sf-page .sf-result-cards article:first-child { border-top-color:#ff8a00; }
body.page-sales-funnel .nav-dropdown-toggle,body.page-sales-funnel .nav-dropdown-menu a[aria-current='page'] { color:#b0d36b; }

/* Fill the site grid; use deliberate columns for longer passages. */
.sf-page .sf-section-heading { max-width:none; }
.sf-page .sf-section-heading p:not(.sf-eyebrow) { max-width:none; }
.sf-steps>.shell>.sf-section-heading h2 { max-width:none; text-wrap:wrap; }
.sf-context .sf-intro { display:grid; grid-template-columns:1.55fr 1fr; align-items:center; gap:55px; }
.sf-context .sf-intro p { margin:0; }
.sf-context .sf-intro p:last-child { padding:24px 28px; background:#e5e9cc; border-radius:8px; color:#46552b; font-weight:600; }
.sf-tech-copy { max-width:none; }
.sf-tech-explanation { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.sf-page .sf-tech-explanation p { margin:0; padding-top:22px; border-top:2px solid #667b40; font-size:17px; }
.sf-tech-copy blockquote { text-align:center; padding:38px 24px; margin:42px 0 0; border-top:1px solid #667b4060; border-bottom:1px solid #667b4060; }
.sf-results .shell { max-width:1400px; }
.sf-results-intro { display:grid; grid-template-columns:1fr 1.3fr; gap:65px; align-items:start; margin:40px 0 55px; }
.sf-page .sf-results-thesis p { font-family:'Manrope',Arial,sans-serif; font-size:30px; line-height:1.4; letter-spacing:-.03em; color:#46552b; }
.sf-page .sf-results-thesis p:last-child { font-weight:700; }
.sf-results-reflection { display:grid; grid-template-columns:1fr 1fr; gap:60px; border-top:1px solid #b6bea2; padding-top:50px; }
.sf-results-reflection h3 { margin-top:0; font-size:clamp(30px,3vw,44px); }
.sf-results-journey { padding:32px; background:#f4f3e6; border-radius:12px; }
.sf-results-journey p { padding-bottom:13px; border-bottom:1px solid #d6dcc4; }
.sf-results-journey p:last-child { padding-bottom:0; border:0; margin-bottom:0; }
@media (max-width:1000px) { .sf-tech-explanation { grid-template-columns:1fr; gap:25px; } .sf-context .sf-intro { gap:28px; } .sf-results-intro,.sf-results-reflection { gap:32px; } }
@media (max-width:850px) { .sf-context .sf-intro,.sf-results-intro,.sf-results-reflection { grid-template-columns:1fr; } .sf-results-intro { gap:12px; } .sf-page .sf-results-thesis p { font-size:26px; } .sf-results-reflection { gap:24px; } }
@media (max-width:550px) { .sf-context .sf-intro p:last-child { padding:20px; } .sf-results-journey { padding:24px; } }

/* Editorial rhythm throughout the customer journey. */
.sf-page .sf-section-heading .sf-section-deck { font-family:'Manrope',Arial,sans-serif; font-size:clamp(24px,2.15vw,31px); font-weight:500; line-height:1.5; letter-spacing:-.025em; color:#55683b; border-left:4px solid #99c24c; padding:6px 0 6px 25px; margin-top:35px; }
.sf-page .sf-tech .sf-section-deck { color:#d8e6b8; border-left-color:#ff8a00; }
.sf-page .sf-step-content .sf-editorial-heading { margin:38px 0 24px; font-size:clamp(25px,2.3vw,33px); line-height:1.35; font-weight:600; letter-spacing:-.035em; color:#45562d; }
.sf-page .sf-step-content>.sf-editorial-heading:first-child { margin-top:0; }
.sf-step-content>p strong { color:#46562c; font-weight:700; }
.sf-page .sf-step-content .sf-revenue-callout { display:flex; align-items:baseline; flex-wrap:wrap; gap:0 9px; margin:15px 0 38px; padding:18px 23px; background:#f3ecd9; border-left:4px solid #ff8a00; font-size:17px; color:#5b5136; }
.sf-revenue-callout strong { font-family:'Manrope',Arial,sans-serif; color:#485b2f; font-size:42px; line-height:1.2; letter-spacing:-.05em; }
.sf-page .sf-step-content .sf-framework-callout { padding:25px 28px; margin:30px 0; border:1px solid #ccd8a8; border-radius:10px; background:#edf1df; color:#414e31; }
.sf-framework-callout mark { padding:3px 7px; color:#344521; background:#d3e5a1; font-weight:700; box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.sf-page .sf-step-content .sf-inline-takeaway { padding:22px 26px; margin:30px 0; background:#f0ecda; border-left:3px solid #a7b66b; color:#566137; font-family:'Manrope',Arial,sans-serif; font-size:23px; font-weight:500; line-height:1.5; letter-spacing:-.02em; }
.sf-step-content .sf-inline-takeaway strong { color:#394923; }
.sf-step-content blockquote { position:relative; background:#354121; border:0; border-top:3px solid #ff8a00; color:#edf2df; padding:30px 34px; border-radius:0 0 10px 10px; font-size:clamp(24px,2.3vw,32px); line-height:1.45; }
.sf-step-content blockquote::before { content:'“'; display:block; font-family:Georgia,serif; font-size:75px; line-height:.8; height:42px; color:#b3ce7e; }
.sf-step-content blockquote strong { color:inherit; }
.sf-optimization-checks { display:grid; gap:0; border-top:1px solid #d2d9c2; margin:25px 0; }
.sf-page .sf-optimization-checks p { position:relative; margin:0; padding:18px 20px 18px 44px; border-bottom:1px solid #d2d9c2; background:#f1f3e7; font-size:17px; }
.sf-optimization-checks p::before { content:'↗'; position:absolute; left:17px; color:#758f45; font-weight:700; }
@media (max-width:550px) { .sf-page .sf-section-heading .sf-section-deck { font-size:23px; padding-left:18px; } .sf-page .sf-step-content .sf-editorial-heading { font-size:26px; } .sf-page .sf-step-content .sf-inline-takeaway { padding:20px; font-size:21px; } .sf-page .sf-step-content .sf-framework-callout { padding:20px; } .sf-page .sf-step-content blockquote { padding:25px; font-size:25px; } }

/* Supplied traffic and registration examples. */
.sf-campaign-image { padding:12px; background:#fffdf5; border-radius:8px; overflow:hidden; }
.sf-ad-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:32px 0; align-items:start; }
.sf-ad-gallery .sf-figure { margin:0; padding:8px; }
@media (max-width:550px) { .sf-ad-gallery { grid-template-columns:1fr; gap:20px; } }

.sf-organic-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:18px; margin:32px 0; }
.sf-organic-gallery .sf-figure { margin:0; padding:8px; }
.sf-short-video { aspect-ratio:9/16; width:min(100%,400px); margin:32px auto; }
@media (max-width:550px) { .sf-organic-gallery { grid-template-columns:1fr; } }

/* 2026 visual refresh: cool editorial neutrals, dimensional evidence cards, and stronger hierarchy. */
.sf-page {
  --sf-ink:#17221c;
  --sf-green:#2e6b4d;
  --sf-lime:#a8d866;
  --sf-orange:#ff6b35;
  --sf-paper:#f6f8f5;
  --sf-surface:#ffffff;
  --sf-line:#dce4df;
  --sf-muted:#66736c;
  background:var(--sf-paper);
  color:#334039;
}
.sf-page :is(h2,h3) { color:var(--sf-ink); }
.sf-page .perma-hero {
  padding-top:96px;
  background:
    radial-gradient(circle at 79% 28%,rgba(168,216,102,.14),transparent 27%),
    radial-gradient(circle at 92% 82%,rgba(255,107,53,.08),transparent 25%),
    #101915;
}
.sf-page .perma-hero::after { border-color:rgba(168,216,102,.2); box-shadow:0 0 180px rgba(94,177,119,.08); }
.sf-page .perma-hero-grid-lines {
  opacity:.32;
  background-size:64px 64px;
  background-image:linear-gradient(rgba(168,216,102,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(168,216,102,.07) 1px,transparent 1px);
  mask-image:linear-gradient(90deg,#000 0,rgba(0,0,0,.3) 62%,transparent 92%);
}
.sf-page .perma-hero-layout { gap:72px; padding-bottom:108px; }
.sf-page .perma-hero-copy h1 { color:#f7faf8; font-size:clamp(46px,4.8vw,70px); line-height:.98; }
.sf-page .perma-hero-copy h1 span { color:var(--sf-lime); }
.sf-page .perma-kicker span { color:#9ba9a1; }
.sf-page .perma-hero-summary>p { color:#aebbb4; }
.sf-page .perma-hero-summary .perma-hero-lede { color:#f2f6f3; font-size:clamp(21px,1.8vw,27px); }
.sf-page .perma-hero-media { margin-top:-54px; }
.sf-page .perma-hero-media::before { inset:16px -16px -16px 16px; border-color:rgba(168,216,102,.45); border-radius:18px; }
.sf-page .perma-hero-photo-wrap { border-radius:18px; box-shadow:0 28px 70px rgba(0,0,0,.32); }
.sf-page .perma-hero-product { filter:drop-shadow(0 28px 30px rgba(0,0,0,.46)); }
.sf-page .perma-hero-stats { gap:12px; margin-top:0; padding-bottom:24px; border:0; }
.sf-page .perma-hero-stats article,
.sf-page .perma-hero-stats article:nth-child(even) {
  min-height:148px;
  padding:28px 30px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(255,255,255,.055);
  box-shadow:0 16px 38px rgba(0,0,0,.14);
  backdrop-filter:blur(12px);
}
.sf-page .perma-hero-stats strong { color:var(--sf-lime); font-size:clamp(31px,3.4vw,50px); }
.sf-page .perma-hero-stats article:nth-child(2) strong { color:#ff8a5d; }
.sf-page .perma-hero-stats span { color:#c5d0ca; }
.sf-page .perma-chapter-nav { border-color:var(--sf-line); background:rgba(255,255,255,.9); color:#4b5952; box-shadow:0 8px 28px rgba(19,36,27,.05); }
.sf-page .perma-chapter-nav span { color:var(--sf-green); }
.sf-page .perma-chapter-nav a:hover { color:var(--sf-green); border-color:var(--sf-orange); }

.sf-page .sf-eyebrow { color:var(--sf-green); }
.sf-section-heading h2 { color:var(--sf-ink); font-size:clamp(42px,5.2vw,74px); }
.sf-page .sf-section-heading .sf-section-deck {
  max-width:1040px;
  color:#4d5c54;
  border-left-color:var(--sf-lime);
}
.sf-context { padding:125px 0; background:linear-gradient(180deg,#f7f9f7 0%,#edf3ef 100%); }
.sf-context .sf-intro { border-left-color:var(--sf-green); }
.sf-context .sf-intro p:last-child { background:#e3eee7; color:#2d5c43; }
.sf-context-grid { gap:24px; align-items:start; }
.sf-context-card {
  border:1px solid rgba(29,65,45,.1);
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:0 18px 55px rgba(18,47,31,.07);
}
.sf-topic-heading { border-color:#e3e9e5; }
.sf-page .sf-topic-icon { border-radius:14px; background:#e7f2eb; color:var(--sf-green); }
.sf-page .sf-context-card p { color:#526159; }
.sf-page .sf-context-card>.sf-topic-heading+p { color:#28382f; }
.sf-context-detail { background:#f2f6f3; border-color:#e0e8e3; }
.sf-context-customer { background:linear-gradient(145deg,#173126,#204331); border-color:#244d38; box-shadow:0 24px 60px rgba(12,42,27,.2); }
.sf-context-customer .sf-topic-heading,.sf-detail-objections { border-color:rgba(255,255,255,.13); }
.sf-detail-objections { background:rgba(255,255,255,.045); }
.sf-context-solution { background:linear-gradient(145deg,#eef7e6,#e5f1df); border-color:#cbdcc5; }
.sf-context-product { background:linear-gradient(145deg,#fff 60%,#f5f8f6); }
.sf-page .sf-context-product .sf-topic-icon { background:#fff0e9; color:#d95628; }
.sf-context-card.sf-context-research { border-top-color:var(--sf-orange); background:#fff; }
.sf-context .sf-research-layout blockquote { border-color:#d4e4d7; background:linear-gradient(145deg,#f0f7f2,#e3f0e7); color:#28543d; }

.sf-tech { padding:125px 0; background:radial-gradient(circle at 85% 10%,rgba(168,216,102,.1),transparent 30%),#101915; color:#cbd6d0; }
.sf-tech .sf-section-heading h2 { color:#f7faf8; }
.sf-page .sf-tech .sf-section-deck { color:#c8d7cf; border-left-color:var(--sf-orange); }
.sf-tools { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; border:0; }
.sf-tools article {
  min-height:145px;
  padding:22px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:16px;
  background:rgba(255,255,255,.045);
  transition:transform .2s,border-color .2s,background .2s;
}
.sf-tools article:last-child { border-right:1px solid rgba(255,255,255,.1); }
.sf-tools article:hover { transform:translateY(-3px); border-color:rgba(168,216,102,.38); background:rgba(255,255,255,.07); }
.sf-tools img { width:44px; height:44px; padding:7px; border-radius:12px; margin-bottom:16px; }
.sf-tools h3 { font-size:18px; }
.sf-tools p { color:#aab8b0; font-size:13px; }
.sf-page .sf-tech-explanation p { border-top-color:rgba(168,216,102,.42); color:#c5d0ca; }
.sf-tech-copy blockquote { border-color:rgba(255,255,255,.11); color:var(--sf-lime); }
.sf-journey { gap:12px; }
.sf-journey a { min-height:128px; padding:22px; border:1px solid rgba(255,255,255,.1); border-radius:15px; background:rgba(255,255,255,.055); font-size:15px; transition:transform .2s,background .2s; }
.sf-journey a:hover { transform:translateY(-3px); background:#244a36; }
.sf-journey small,.sf-journey span { color:var(--sf-lime); }

.sf-steps { padding-top:125px; background:#f7f9f7; }
.sf-step-index { gap:10px; padding-bottom:66px; }
.sf-step-index a { padding:11px 16px; border:1px solid #d9e2dc; border-radius:999px; background:#fff; color:#3c5d49; font-size:12px; box-shadow:0 5px 18px rgba(22,55,37,.035); }
.sf-step-index a:hover { background:#e9f3ec; border-color:#9fc5ac; }
.sf-step { grid-template-columns:minmax(230px,.65fr) minmax(0,1.6fr); gap:92px; padding:96px 0; border-color:#dfe6e1; }
.sf-step-title { top:195px; }
.sf-step-title .sf-eyebrow,.sf-page .sf-step-title .sf-eyebrow { padding:9px 13px; border:0; border-radius:999px; background:#e3efe7; color:#316347; }
.sf-step-title h2 { color:var(--sf-ink); font-size:clamp(34px,3.45vw,50px); }
.sf-back { color:#5c6b63; text-decoration-color:#a8b7ae; }
.sf-step-content { max-width:850px; }
.sf-page :is(.sf-step-content,.sf-results-content) p { color:#4c5b53; }
.sf-page .sf-step-content .sf-editorial-heading { color:#20382b; font-size:clamp(27px,2.5vw,36px); line-height:1.25; }
.sf-step-content>p strong { color:#1f5b3b; }
.sf-flow { position:relative; padding:22px 25px 22px 68px; border:0; border-radius:16px; background:#162a20; box-shadow:0 14px 35px rgba(18,47,31,.12); }
.sf-flow::before { content:'→'; position:absolute; left:23px; top:25px; display:grid; place-items:center; width:28px; height:28px; border-radius:50%; background:var(--sf-lime); color:#17221c; font-weight:800; }
.sf-flow>span { color:#a9d570; }
.sf-step-content .sf-flow p { color:#f0f5f2; font-size:16px; line-height:1.65; }
.sf-stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; border:0; background:transparent; }
.sf-stat-grid>div {
  min-height:126px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:22px;
  margin:0;
  border:1px solid #dfe6e1;
  border-radius:16px;
  background:#fff;
  color:#31423a;
  font-size:17px;
  box-shadow:0 12px 34px rgba(17,49,31,.06);
}
.sf-stat-grid strong { display:block; color:#1f6a45; font-family:'Manrope',Arial,sans-serif; font-size:clamp(29px,3vw,40px); line-height:1; letter-spacing:-.055em; }
.sf-stat-grid span { display:block; margin-top:10px; color:#738078; font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700; line-height:1.3; letter-spacing:.08em; text-transform:uppercase; }
.sf-page .sf-step-content .sf-revenue-callout { border:0; border-radius:14px; background:#fff0ea; color:#6f493b; }
.sf-revenue-callout strong { color:#d95628; }
.sf-page .sf-step-content .sf-framework-callout { border-color:#d2e2d6; background:#eef6f0; }
.sf-framework-callout mark { background:#d7edc4; color:#20452f; }
.sf-page .sf-step-content .sf-inline-takeaway { border:0; border-radius:16px; background:#eaf3ed; color:#315742; }
.sf-figure { padding:12px; border:1px solid #e0e7e2; border-radius:18px; background:#fff; box-shadow:0 18px 50px rgba(20,53,35,.08); overflow:hidden; }
.sf-figure img { border-radius:10px; }
.sf-lead-card { border:1px solid #dfe7e1; border-radius:18px; background:#fff; box-shadow:0 16px 42px rgba(18,50,32,.07); overflow:hidden; }
.sf-lead-card .sf-figure { border-radius:0; box-shadow:none; }
.sf-button { border-radius:999px; background:var(--sf-orange); border-color:var(--sf-orange); color:#fff; box-shadow:0 8px 20px rgba(255,107,53,.2); transition:transform .2s,box-shadow .2s,background .2s; }
.sf-button:hover { transform:translateY(-2px); background:#ee5723; border-color:#ee5723; color:#fff; box-shadow:0 12px 24px rgba(255,107,53,.27); }
.sf-emails { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:28px 0 16px; border:0; }
.sf-emails a,.sf-emails a:nth-child(even) {
  position:relative;
  min-height:138px;
  align-items:flex-start;
  padding:54px 62px 22px 22px;
  border:1px solid #dfe6e1;
  border-radius:16px;
  background:#fff;
  color:#26372e;
  font-family:'Manrope',Arial,sans-serif;
  font-size:17px;
  font-weight:600;
  line-height:1.4;
  box-shadow:0 12px 34px rgba(18,50,32,.055);
  transition:transform .2s,border-color .2s,box-shadow .2s;
}
.sf-emails a::before { content:'EMAIL ASSET'; position:absolute; left:22px; top:19px; color:#6c7c73; font-family:'DM Sans',sans-serif; font-size:9px; font-weight:800; letter-spacing:.15em; }
.sf-emails a>span { display:block; }
.sf-emails a:hover,.sf-emails a:nth-child(even):hover { transform:translateY(-3px); border-color:#a9cdb4; background:#fff; box-shadow:0 17px 38px rgba(18,50,32,.09); }
.sf-emails b { position:absolute; right:18px; top:18px; display:grid; place-items:center; width:32px; height:32px; border-radius:50%; background:#e8f2eb; color:#2e6b4d; font-size:16px; }
.sf-page .sf-note { color:#748078; font-size:12px; }
.sf-placeholder { min-height:170px; border:1px dashed #b8c9be; border-radius:18px; background:#eef4f0; color:#617168; }
.sf-placeholder-icon { color:#2e6b4d; }
.sf-video { border-radius:18px; overflow:hidden; box-shadow:0 22px 55px rgba(12,32,22,.16); }
.sf-webinar-structure { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; border:0; }
.sf-webinar-structure li { min-height:112px; padding:18px; border:1px solid #dfe6e1; border-radius:14px; background:#fff; color:#2d4738; font-size:13px; font-weight:700; }
.sf-webinar-structure li::before { display:block; margin:0 0 22px; color:#ea6535; }
.sf-step-content blockquote { border-radius:18px; border:0; background:linear-gradient(140deg,#183025,#244b36); color:#eef5f0; box-shadow:0 20px 45px rgba(15,45,27,.14); }
.sf-step-content blockquote::before { color:var(--sf-lime); }
.sf-page .sf-optimization-checks p { border-color:#dfe7e1; background:#fff; }

/* Older stat copy is visually decomposed without changing its underlying content. */
#step-1a .sf-stat-grid>div,
#step-10 .sf-stat-grid>div { font-size:0; }
#step-1a .sf-stat-grid>div::before,
#step-10 .sf-stat-grid>div::before { display:block; color:#1f6a45; font-family:'Manrope',Arial,sans-serif; font-size:clamp(29px,3vw,40px); font-weight:700; line-height:1; letter-spacing:-.055em; }
#step-1a .sf-stat-grid>div::after,
#step-10 .sf-stat-grid>div::after { display:block; margin-top:10px; color:#738078; font-family:'DM Sans',sans-serif; font-size:11px; font-weight:700; line-height:1.3; letter-spacing:.08em; text-transform:uppercase; }
#step-1a .sf-stat-grid>div:nth-child(1)::before { content:'150K'; }
#step-1a .sf-stat-grid>div:nth-child(1)::after { content:'Instagram'; }
#step-1a .sf-stat-grid>div:nth-child(2)::before { content:'100K'; }
#step-1a .sf-stat-grid>div:nth-child(2)::after { content:'Facebook page'; }
#step-1a .sf-stat-grid>div:nth-child(3)::before { content:'5K'; }
#step-1a .sf-stat-grid>div:nth-child(3)::after { content:'Facebook group'; }
#step-1a .sf-stat-grid>div:nth-child(4)::before { content:'50K'; }
#step-1a .sf-stat-grid>div:nth-child(4)::after { content:'TikTok'; }
#step-1a .sf-stat-grid>div:nth-child(5)::before { content:'5K'; }
#step-1a .sf-stat-grid>div:nth-child(5)::after { content:'YouTube'; }
#step-10 .sf-stat-grid>div:nth-child(1)::before { content:'1%'; }
#step-10 .sf-stat-grid>div:nth-child(1)::after { content:'Average refund rate'; }
#step-10 .sf-stat-grid>div:nth-child(2)::before { content:'Up to 10%'; }
#step-10 .sf-stat-grid>div:nth-child(2)::after { content:'Industry comparison'; }

.sf-results { padding:125px 0; background:linear-gradient(180deg,#eaf2ed,#f7f9f7); }
.sf-results-content h2,.sf-results-content h3 { color:var(--sf-ink); }
.sf-page .sf-results-thesis p { color:#24593d; }
.sf-result-cards { gap:16px; }
.sf-result-cards article { padding:32px; border:1px solid #dce6df; border-top:1px solid #dce6df; border-radius:18px; background:rgba(255,255,255,.88); box-shadow:0 14px 38px rgba(18,50,32,.055); }
.sf-result-cards article:first-child { border-top-color:#dce6df; }
.sf-result-cards p:has(>strong:only-child) { color:#1e5f3d; font-size:27px; }
.sf-results-reflection { border-color:#cedbd2; }
.sf-results-journey { border:1px solid #dbe6de; border-radius:18px; background:#fff; box-shadow:0 15px 40px rgba(18,50,32,.06); }
.sf-results-journey p { border-color:#e2e9e4; }
.sf-results-content blockquote:last-child { border-radius:20px; background:linear-gradient(135deg,#152a20,#28513b); color:#edf6f0; box-shadow:0 24px 60px rgba(14,43,25,.18); }

@media (max-width:1150px) {
  .sf-tools { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .sf-step { gap:52px; }
}
@media (max-width:850px) {
  .sf-page .perma-hero-media { margin-top:0; }
  .sf-page .perma-hero-stats { grid-template-columns:repeat(2,1fr); }
  .sf-step { grid-template-columns:1fr; gap:28px; padding:68px 0; }
  .sf-step-content { max-width:none; }
  .sf-emails { grid-template-columns:1fr; }
  .sf-webinar-structure { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:550px) {
  .sf-page .perma-hero { padding-top:58px; }
  .sf-page .perma-hero-layout { padding-bottom:45px; }
  .sf-page .perma-hero-stats { gap:8px; }
  .sf-page .perma-hero-stats article,.sf-page .perma-hero-stats article:nth-child(even) { min-height:125px; padding:21px 17px; }
  .sf-context,.sf-tech,.sf-results { padding:76px 0; }
  .sf-steps { padding-top:76px; }
  .sf-tools { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sf-tools article { min-height:138px; padding:18px; }
  .sf-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sf-stat-grid>div { min-height:112px; padding:18px; }
  .sf-webinar-structure { grid-template-columns:1fr 1fr; }
  .sf-emails a,.sf-emails a:nth-child(even) { min-height:125px; }
}

/* Match the square-edged visual language of the PermaResilience case study. */
.sf-page,
.sf-page *,
.sf-page *::before,
.sf-page *::after { border-radius:0!important; }

/* The hero's oversized orbit is a background motif, not a content card. */
.sf-page .perma-hero::after { border-radius:50%!important; }

/* Context section: five independent editorial rows with alternating columns. */
.sf-context-grid {
  display:grid;
  grid-template-columns:1fr;
  gap:0;
}
.sf-context-card,
.sf-context-card.sf-context-research {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(50px,7vw,110px);
  align-items:start;
  padding:76px 0;
  border:0;
  border-top:1px solid #ccd8d0;
  background:transparent;
  box-shadow:none;
  overflow:visible;
}
.sf-context-card:last-child { column-count:auto; }
.sf-context-card:nth-child(even) {
  isolation:isolate;
}
.sf-context-card:nth-child(even)::before {
  content:'';
  position:absolute;
  z-index:-1;
  inset:0 calc(50% - 50vw);
  background:#e9eeeb;
}
.sf-context-card>.sf-topic-heading {
  grid-column:1;
  grid-row:1;
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  column-gap:18px;
  margin:0;
  padding:0;
  border:0;
}
.sf-context-card>.sf-topic-heading>h3 { grid-column:2; }
.sf-context .sf-context-card .sf-topic-heading h3,
.sf-context .sf-context-customer .sf-topic-heading h3 {
  max-width:520px;
  color:#17221c;
  font-size:clamp(38px,4.5vw,62px);
  line-height:1.02;
}
.sf-context-card>.sf-topic-heading .sf-topic-icon {
  flex:0 0 48px;
  width:48px;
  height:48px;
  margin:0;
  border:1px solid #cfe0d5;
  background:transparent;
  color:#2e6b4d;
}
.sf-page .sf-context-card>.sf-topic-heading>.sf-context-pivot,
.sf-page .sf-context-card>.sf-topic-heading>.sf-solution-statement {
  grid-column:1/-1;
  margin:22px 0 0;
  padding:18px 0 0;
  border:0;
  border-top:3px solid #ff6b35;
  background:transparent;
  color:#24583d;
  font-family:'Manrope',Arial,sans-serif;
  font-size:clamp(24px,2.6vw,34px);
  font-weight:600;
  line-height:1.35;
  letter-spacing:-.025em;
}

/* Keep the left-column callout independent of the reading flow on the right. */
.sf-context-card>.sf-topic-heading { position:relative; }
.sf-page .sf-context-card>.sf-topic-heading>.sf-context-pivot,
.sf-page .sf-context-card>.sf-topic-heading>.sf-solution-statement {
  position:absolute;
  top:calc(100% + 34px);
  left:0;
  right:0;
  margin:0;
}
.sf-page .sf-context-card>.sf-topic-heading+p,
.sf-page .sf-context-research .sf-research-layout>div>p:first-child {
  margin-top:0;
  margin-bottom:18px;
  color:#1d3428;
  font-family:'Manrope',Arial,sans-serif;
  font-size:clamp(23px,2vw,29px);
  font-weight:700;
  line-height:1.32;
  letter-spacing:-.03em;
}
.sf-context-product>.sf-topic-heading::after {
  content:'From principles to a practical plan.';
  position:absolute;
  top:calc(100% + 34px);
  left:0;
  right:0;
  padding-top:18px;
  border-top:3px solid #202421;
  color:#24583d;
  font-family:'Manrope',Arial,sans-serif;
  font-size:clamp(23px,2.2vw,31px);
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.03em;
}
/* Keep the Product row's end rule neutral rather than carrying the orange into it. */
.sf-context-card.sf-context-research { border-top-color:#ccd8d0; }
.sf-page .sf-context-card>.sf-topic-heading>.sf-context-pivot { border-top-color:#a8d866; }
.sf-context-card>.sf-topic-heading>.sf-context-pivot mark {
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
}
.sf-context-card>p,
.sf-context-card>.sf-context-detail {
  grid-column:2;
}
.sf-page .sf-context-card>p {
  max-width:760px;
  color:#4b5951;
  font-size:18px;
  line-height:1.75;
}
.sf-page .sf-context-card>.sf-topic-heading+p {
  color:#23342b;
  font-size:23px;
  line-height:1.5;
}
.sf-context-card>.sf-context-pivot,
.sf-page .sf-context-card>.sf-context-pivot {
  grid-column:1;
  grid-row:2;
  align-self:start;
  margin:18px 0 0;
  padding:18px 0 0;
  border-top:3px solid #a8d866;
  color:#24583d;
  font-size:clamp(24px,2.6vw,34px);
  line-height:1.35;
}
.sf-context-card>.sf-context-pivot mark,
.sf-context-customer .sf-context-pivot mark {
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
}
.sf-context-card:nth-child(even)>.sf-topic-heading {
  grid-column:2;
}
.sf-context-card:nth-child(even)>p,
.sf-context-card:nth-child(even)>.sf-context-detail {
  grid-column:1;
}
.sf-context-card:nth-child(even)>.sf-context-pivot {
  grid-column:2;
  grid-row:2;
}
.sf-context-card>.sf-context-detail {
  width:100%;
  max-width:760px;
  margin:22px 0 0;
  padding:28px 30px;
  border:0;
  border-left:3px solid #4e8b68;
  background:#eaf1ed;
}
.sf-context-card.sf-context-idea>.sf-context-detail {
  grid-column:2;
}
.sf-context-card.sf-context-customer>.sf-context-detail {
  grid-column:2;
}
.sf-context-customer strong { color:#1f5b3b; }
.sf-page .sf-context-card.sf-context-customer>.sf-context-pivot mark { color:#24583d; }
.sf-context .sf-context-detail h3,
.sf-context .sf-detail-objections h3 {
  color:#254f39;
}
.sf-page .sf-context-card .sf-context-detail p,
.sf-context .sf-detail-objections>p:not(.sf-objections) {
  color:#4a5b52;
}
.sf-detail-objections { background:#173126!important; }
.sf-context .sf-detail-objections h3 { color:#e9f2ec; }
.sf-page .sf-context-card .sf-detail-objections>p:not(.sf-objections) { color:#b7c6bd; }
.sf-context-customer .sf-objections strong { color:#edf4ef; }
.sf-context-card>.sf-solution-statement,
.sf-page .sf-context-card>.sf-solution-statement {
  grid-column:1;
  grid-row:2;
  align-self:start;
  margin:18px 0 0;
  padding:18px 0 0;
  border-top:3px solid #ff6b35;
  background:transparent;
}
.sf-context-research>.sf-research-layout { display:contents; }
.sf-context-research .sf-research-layout>div {
  grid-column:2;
  grid-row:1 / span 2;
}
.sf-context .sf-context-research .sf-research-layout blockquote {
  grid-column:1;
  grid-row:2;
  margin:30px 0 0;
  padding:26px 0 0;
  border:0;
  border-top:3px solid #ff6b35;
  background:transparent;
  box-shadow:none;
  color:#28543d;
  font-size:clamp(25px,2.7vw,36px);
}
.sf-context .sf-context-research .sf-research-layout blockquote::before {
  height:38px;
  font-size:68px;
}
.sf-context .sf-context-research>.sf-topic-heading>blockquote {
  grid-column:1/-1;
  margin:22px 0 0;
  padding:18px 0 0;
  border:0;
  border-top:3px solid #ff6b35;
  background:transparent;
  box-shadow:none;
  color:#28543d;
  font-size:clamp(25px,2.7vw,36px);
  line-height:1.35;
}
.sf-context .sf-context-research>.sf-topic-heading>blockquote::before {
  display:none;
}

@media (max-width:850px) {
  .sf-context-card,
  .sf-context-card.sf-context-research {
    grid-template-columns:1fr;
    gap:0;
    padding:56px 0;
  }
  .sf-context-card>.sf-topic-heading,
  .sf-context-card:nth-child(even)>.sf-topic-heading,
  .sf-context-card>p,
  .sf-context-card:nth-child(even)>p,
  .sf-context-card>.sf-context-detail,
  .sf-context-card:nth-child(even)>.sf-context-detail,
  .sf-context-card>.sf-context-pivot,
  .sf-context-card:nth-child(even)>.sf-context-pivot,
  .sf-context-card>.sf-solution-statement,
  .sf-context-research .sf-research-layout>div,
  .sf-context .sf-context-research .sf-research-layout blockquote {
    grid-column:1;
    grid-row:auto;
  }
  .sf-context-card.sf-context-idea>.sf-context-detail,
  .sf-context-card.sf-context-customer>.sf-context-detail { grid-column:1; }
  .sf-context-card>.sf-topic-heading { margin-bottom:30px; }
  .sf-page .sf-context-card>.sf-topic-heading>.sf-context-pivot,
  .sf-page .sf-context-card>.sf-topic-heading>.sf-solution-statement {
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    grid-column:1/-1;
    grid-row:auto;
    display:block;
    margin:8px 0 28px;
  }
  .sf-context-product>.sf-topic-heading::after {
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    grid-column:1/-1;
    display:block;
    margin:8px 0 28px;
  }
  .sf-context-card>.sf-context-pivot,
  .sf-page .sf-context-card>.sf-context-pivot,
  .sf-context-card>.sf-solution-statement,
  .sf-page .sf-context-card>.sf-solution-statement { margin:8px 0 28px; }
  .sf-context-research .sf-research-layout>div { order:2; }
  .sf-context .sf-context-research .sf-research-layout blockquote { order:3; }
}

@media (max-width:550px) {
  /* Reserve room for the product collage before the result tiles begin. */
  .sf-page .perma-hero-media { margin-bottom:125px; }
}

/* Modern callout system: neutral surfaces with orange used as the sole accent. */
.sf-page .sf-step-title .sf-eyebrow {
  padding:10px 14px 10px 18px;
  border:0;
  background:#202421;
  color:#f5f7f5;
  box-shadow:inset 4px 0 0 #ff6b35;
  letter-spacing:.16em;
}
.sf-step-content>p strong { color:#202522; }
.sf-flow::before { background:#ff6b35; color:#fff; }
.sf-flow>span { color:#ff8a5d; }
.sf-stat-grid>div { border-top:3px solid #ff6b35; }
.sf-stat-grid strong,
#step-1a .sf-stat-grid>div::before,
#step-10 .sf-stat-grid>div::before { color:#202522; }

.sf-page .sf-step-content .sf-framework-callout {
  padding:25px 28px;
  border:0;
  border-left:4px solid #ff6b35;
  background:#f0f1f0;
  color:#303532;
  box-shadow:none;
}
.sf-framework-callout mark {
  padding:0 1px 2px;
  border-bottom:2px solid #ff6b35;
  background:transparent;
  color:#181b19;
  font-weight:700;
}

.sf-page .sf-step-content .sf-inline-takeaway {
  padding:27px 30px;
  border:0;
  border-top:3px solid #ff6b35;
  background:#202421;
  color:#f2f4f2;
  box-shadow:0 16px 38px rgba(18,24,20,.1);
}
.sf-step-content .sf-inline-takeaway strong { color:#ff8a5d; }

.sf-page .sf-step-content .sf-revenue-callout {
  gap:3px 10px;
  padding:24px 28px;
  border:0;
  border-left:4px solid #ff6b35;
  background:#202421;
  color:#d7dcd8;
  box-shadow:0 16px 38px rgba(18,24,20,.1);
}
.sf-page .sf-step-content .sf-revenue-callout strong {
  color:#ff7b49;
  font-size:44px;
}

.sf-emails a,
.sf-emails a:nth-child(even) {
  border:1px solid #d6dbd8;
  border-top:3px solid #202421;
  background:#fff;
  color:#202522;
  box-shadow:0 12px 30px rgba(20,27,23,.05);
}
.sf-emails a::before { color:#747b77; }
.sf-emails b {
  background:#ff6b35;
  color:#fff;
}
.sf-emails a:hover,
.sf-emails a:nth-child(even):hover {
  transform:translateY(-2px);
  border-color:#ff6b35;
  background:#fff;
  box-shadow:0 16px 34px rgba(20,27,23,.09);
}
.sf-placeholder {
  border-color:#cfd5d1;
  background:#f0f2f1;
  color:#4d5550;
}
.sf-placeholder-icon { color:#ff6b35; }

/* Fanned webinar email examples. */
.sf-email-deck {
  margin:34px 0;
  padding:28px;
  background:#e8eae9;
  overflow:hidden;
}
.sf-email-deck>figcaption {
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  gap:14px;
  color:#202522;
}
.sf-email-deck-icon {
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  background:#ff6b35;
  color:#fff;
}
.sf-email-deck-icon svg { width:22px; height:22px; }
.sf-email-deck figcaption strong {
  display:block;
  font-family:'Manrope',Arial,sans-serif;
  font-size:17px;
  line-height:1.25;
}
.sf-email-deck figcaption small {
  display:block;
  margin-top:4px;
  color:#6d7470;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sf-email-deck-stage {
  position:relative;
  height:clamp(460px,55vw,650px);
  margin-top:10px;
}
.sf-email-card {
  position:absolute;
  top:50%;
  width:42%;
  max-width:340px;
  padding:7px;
  border:1px solid #c7cdca;
  background:#fff;
  box-shadow:0 24px 55px rgba(18,24,20,.18);
}
.sf-email-card img { display:block; width:100%; height:auto; }
.sf-email-card-left {
  left:5%;
  z-index:1;
  transform:translateY(-50%) rotate(-8deg);
  transform-origin:85% 75%;
}
.sf-email-card-center {
  left:50%;
  z-index:3;
  width:44%;
  transform:translate(-50%,-50%);
  box-shadow:0 30px 65px rgba(18,24,20,.24);
}
.sf-email-card-right {
  right:5%;
  z-index:2;
  transform:translateY(-50%) rotate(8deg);
  transform-origin:15% 75%;
}

@media (max-width:550px) {
  .sf-email-deck { padding:20px 14px; }
  .sf-email-deck-stage { height:430px; }
  .sf-email-card { width:58%; padding:4px; }
  .sf-email-card-left { left:-8%; transform:translateY(-50%) rotate(-6deg); }
  .sf-email-card-center { width:61%; }
  .sf-email-card-right { right:-8%; transform:translateY(-50%) rotate(6deg); }
}

/* Sales email examples: a staggered spread with one shared card angle. */
.sf-email-spread {
  margin:34px 0;
  padding:28px;
  background:#e8eae9;
  overflow:hidden;
}
.sf-email-spread>figcaption {
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  gap:14px;
  color:#202522;
}
.sf-email-spread-icon {
  display:grid;
  flex:0 0 42px;
  width:42px;
  height:42px;
  place-items:center;
  border:1px solid #ff6b35;
  color:#d95221;
}
.sf-email-spread-icon svg { width:22px; height:22px; }
.sf-email-spread figcaption strong {
  display:block;
  font-family:'Manrope',Arial,sans-serif;
  font-size:17px;
  line-height:1.25;
}
.sf-email-spread figcaption small {
  display:block;
  margin-top:4px;
  color:#6d7470;
  font-size:10px;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.sf-email-spread-stage {
  display:flex;
  align-items:flex-start;
  justify-content:center;
  min-height:440px;
  padding:54px 20px 28px;
}
.sf-email-spread-card {
  position:relative;
  width:37%;
  max-width:285px;
  padding:7px;
  border:1px solid #c7cdca;
  background:#fff;
  box-shadow:0 22px 48px rgba(18,24,20,.17);
  transform:rotate(-5deg);
  transform-origin:50% 50%;
}
.sf-email-spread-card:nth-child(1) { z-index:1; }
.sf-email-spread-card:nth-child(2) { z-index:2; margin:30px 0 0 -5%; }
.sf-email-spread-card:nth-child(3) { z-index:3; margin:60px 0 0 -5%; }
.sf-email-spread-card img { display:block; width:100%; height:auto; }

/* Keep tool-card copy legible on the dark technology panel. */
.sf-page .sf-tech .sf-tools h3 { color:#f7faf8; }
.sf-page .sf-tech .sf-tools p { color:#c2cec7; }

/* Lead-magnet actions: larger dark buttons with a sharp orange accent. */
.sf-lead-card .sf-button {
  display:flex;
  width:min(100%,330px);
  min-height:60px;
  padding:17px 21px 17px 24px;
  justify-content:space-between;
  gap:24px;
  border:2px solid #17231c;
  background:#17231c;
  color:#fff;
  font-size:clamp(15px,1.2vw,17px);
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:6px 6px 0 #ff8a00;
}
.sf-lead-card .sf-button span {
  font-size:1.15em;
  line-height:1;
}
.sf-lead-card .sf-button:hover {
  transform:translate(-2px,-2px);
  border-color:#222e27;
  background:#222e27;
  color:#fff;
  box-shadow:8px 8px 0 #ff8a00;
}

/* Larger centered CTAs used elsewhere in the funnel steps. */
.sf-step-content > .sf-button {
  display:flex;
  width:min(100%,330px);
  min-height:64px;
  margin:34px auto 48px;
  padding:18px 24px 18px 28px;
  justify-content:space-between;
  gap:30px;
  border:2px solid #ff8a00;
  background:#ff8a00;
  color:#171b18;
  font-size:clamp(16px,1.3vw,18px);
  font-weight:800;
  letter-spacing:-.01em;
  box-shadow:8px 8px 0 #17231c;
}
.sf-step-content > .sf-button span {
  font-size:1.15em;
  line-height:1;
}
.sf-step-content > .sf-button:hover {
  transform:translate(-3px,-3px);
  background:#ff9b26;
  border-color:#ff9b26;
  color:#111512;
  box-shadow:11px 11px 0 #17231c;
}

@media (max-width:550px) {
  .sf-email-spread { padding:20px 14px; }
  .sf-email-spread-stage { min-height:360px; padding:45px 0 20px; }
  .sf-email-spread-card { width:47%; padding:4px; transform:rotate(-4deg); }
  .sf-email-spread-card:nth-child(2) { margin-top:22px; margin-left:-16%; }
  .sf-email-spread-card:nth-child(3) { margin-top:44px; margin-left:-16%; }
}