@font-face {
  font-family: "Newsreader";
  src: url("../fonts/Newsreader.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Work Sans";
  src: url("../fonts/WorkSans.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
:root{
  --color-surface:#fffdf8;
  --color-surface-strong:#ebe5d8;
  --color-text:#171914;
  --color-text-muted:#67695f;
  --color-primary:#183c32;
  --color-primary-deep:#0d2922;
  --color-accent:#d9ee53;
  --color-line:#d7d1c5;
  --color-inverse:#f8f6ef;
  --color-alert:#794333;
  --space-1:8px;
  --space-2:12px;
  --space-3:16px;
  --space-4:24px;
  --space-5:32px;
  --space-6:48px;
  --space-7:64px;
  --space-8:96px;
  --space-9:128px;
  --text-display:clamp(2.75rem,7vw,4.6rem);
  --text-h1:clamp(2.35rem,5.5vw,4.1rem);
  --text-h2:clamp(2rem,4vw,2.8rem);
  --text-h3:clamp(1.35rem,2.4vw,1.65rem);
  --text-body:1rem;
  --text-body-lg:clamp(1.08rem,1.5vw,1.18rem);
  --text-small:.875rem;
  --text-xs:.76rem;
  --radius-sm:10px;
  --radius-md:18px;
  --radius-lg:28px;
  --radius-pill:999px;
  --shadow-soft:0 18px 50px rgba(23,25,20,.08);
  --shadow-lift:0 24px 70px rgba(13,41,34,.15);
  --line:1px;
  --reading:760px;
  --wide:1160px;
  --header-h:72px;
  --transition:.25s ease;
}
*{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-behavior:smooth}
body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:"Work Sans",sans-serif;font-size:var(--text-body);line-height:1.75;display:flex;flex-direction:column;min-height:100vh}
main{flex:1 0 auto}
img{display:block;max-width:100%;width:100%}
a{color:inherit;text-decoration-thickness:var(--line);text-underline-offset:4px}
button,input,select{font:inherit}
button,a{transition:transform var(--transition),background var(--transition),color var(--transition),border-color var(--transition),box-shadow var(--transition)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}
.shell{width:min(calc(100% - var(--space-5)),var(--wide));margin-inline:auto}
.shell-reading{width:min(calc(100% - var(--space-5)),var(--reading));margin-inline:auto}
.shell-wide{width:min(calc(100% - var(--space-5)),var(--wide));margin-inline:auto}
.site-header{height:var(--header-h);display:flex;align-items:center;border-bottom:var(--line) solid var(--color-line);background:rgba(244,240,232,.95);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}
.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;letter-spacing:.12em;text-decoration:none}
.brand img{width:32px;height:32px;object-fit:contain}
.header-nav{display:none;gap:var(--space-5);margin-left:auto}
.header-nav a{text-decoration:none;font-size:var(--text-small);font-weight:600}
.header-nav a:hover{transform:translateY(-2px)}
.ad-label,.sponsored,.eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.14em;font-weight:700}
.ad-label{border:var(--line) solid var(--color-text);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}
.article-hero{padding-top:var(--space-7);padding-bottom:var(--space-6)}
.sponsored{color:var(--color-primary);margin:0}.hero-kicker{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.hero-pause{display:flex;gap:var(--space-1);align-items:center}.hero-pause span{width:9px;height:9px;border-radius:50%;background:var(--color-primary)}
h1,h2,h3{font-family:"Newsreader",serif;line-height:1.05;margin-top:0}
h1{font-size:var(--text-h1);letter-spacing:-.035em;margin-bottom:var(--space-5)}
.lead{font-family:"Newsreader",serif;font-size:clamp(1.3rem,2.5vw,1.65rem);line-height:1.45;color:var(--color-text-muted);margin:0 0 var(--space-5)}
.byline{display:flex;justify-content:space-between;gap:var(--space-4);align-items:center;padding-top:var(--space-4);border-top:var(--line) solid var(--color-line)}
.byline div{display:flex;flex-direction:column;gap:2px;font-size:var(--text-small)}
.byline span{color:var(--color-text-muted)}
.share-button{width:44px;height:44px;border-radius:50%;border:var(--line) solid var(--color-line);background:var(--color-surface);cursor:pointer;font-size:1.15rem}
.share-button:hover{transform:rotate(-8deg);border-color:var(--color-primary)}
.hero-media{margin-bottom:var(--space-7)}
.hero-media img{aspect-ratio:16/9;object-fit:cover;border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
figcaption{font-size:var(--text-small);color:var(--color-text-muted);line-height:1.5;margin-top:var(--space-2)}
.article-body{font-size:var(--text-body-lg)}
.article-body p{margin:0 0 var(--space-4)}
.article-body h2{font-size:var(--text-h2);margin-top:var(--space-7);margin-bottom:var(--space-4);letter-spacing:-.02em}
.dropcap:first-letter{font-family:"Newsreader",serif;font-size:4.6em;float:left;line-height:.78;padding-right:var(--space-2);padding-top:var(--space-2);color:var(--color-primary)}
.pullquote{margin:var(--space-7) calc(0px - var(--space-4));padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-inverse);box-shadow:var(--shadow-lift)}
.pause-mark{display:block;color:var(--color-accent);font-size:1.4rem;letter-spacing:.2em;margin-bottom:var(--space-3)}
.pullquote blockquote{font-family:"Newsreader",serif;font-size:clamp(1.7rem,3.5vw,2.35rem);line-height:1.25;margin:0}
.inline-media{margin:var(--space-7) 0}
.inline-media img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md)}
.inline-media.large img{aspect-ratio:16/10}
.scenario{margin:var(--space-7) calc(0px - var(--space-4));border:var(--line) solid var(--color-line);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);box-shadow:var(--shadow-soft)}
.scenario-head{padding:var(--space-5);background:var(--color-surface-strong)}
.scenario-head h3{font-size:var(--text-h3);line-height:1.3;margin:var(--space-2) 0 0}
.scenario-options{display:grid;gap:var(--space-2);padding:var(--space-4)}
.scenario-options button{text-align:left;border:var(--line) solid var(--color-line);background:var(--color-surface);padding:var(--space-3) var(--space-4);min-height:56px;border-radius:var(--radius-sm);cursor:pointer}
.scenario-options button:hover,.scenario-options button.is-selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-inverse);transform:translateX(4px)}
.scenario-result{padding:0 var(--space-5) var(--space-5);color:var(--color-text-muted);font-size:var(--text-small)}
.brand-reveal{margin-top:var(--space-9);margin-bottom:var(--space-9);background:var(--color-primary-deep);color:var(--color-inverse);border-radius:var(--radius-lg);padding:var(--space-7);display:grid;gap:var(--space-7);position:relative;overflow:hidden}
.brand-reveal:after{content:"•••";position:absolute;right:var(--space-5);top:var(--space-3);font-family:"Newsreader",serif;font-size:7rem;line-height:1;color:rgba(217,238,83,.12);letter-spacing:.05em}
.eyebrow.light{color:var(--color-accent)}
.brand-reveal h2{font-size:var(--text-display);max-width:14ch;margin:var(--space-3) 0 var(--space-5);letter-spacing:-.04em}
.brand-reveal-copy p{max-width:62ch;color:rgba(248,246,239,.78);font-size:var(--text-body-lg)}
.brand-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--line);background:rgba(248,246,239,.18);border:var(--line) solid rgba(248,246,239,.18)}
.brand-facts div{background:var(--color-primary-deep);padding:var(--space-4);min-height:140px;display:flex;flex-direction:column;justify-content:space-between}
.brand-facts strong{font-family:"Newsreader",serif;font-size:2.5rem;color:var(--color-accent)}
.brand-facts span{font-size:var(--text-small);line-height:1.4;color:rgba(248,246,239,.75)}
.program-card{margin:var(--space-6) calc(0px - var(--space-4));display:grid;border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-soft);border:var(--line) solid var(--color-line)}
.program-main{padding:var(--space-5);background:var(--color-surface)}
.program-main h3{font-size:clamp(2rem,4vw,3rem);margin:var(--space-2) 0 var(--space-3)}
.program-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-4)}
.program-tags span{font-size:var(--text-small);border:var(--line) solid var(--color-line);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill)}
.price-panel{background:var(--color-accent);color:var(--color-text);padding:var(--space-5);display:flex;flex-direction:column;justify-content:center}
.price-panel span,.price-panel small{font-size:var(--text-small)}
.price-panel strong{font-family:"Newsreader",serif;font-size:clamp(2.8rem,6vw,4.5rem);line-height:1;margin:var(--space-2) 0}
.program-grid{display:block;margin:var(--space-7) 0;border-top:var(--line) solid var(--color-line)}
.program-grid article{display:grid;grid-template-columns:52px 1fr;column-gap:var(--space-4);padding:var(--space-5) 0;border-bottom:var(--line) solid var(--color-line);background:transparent}
.program-grid article:nth-child(even){transform:none}
.program-grid article span{font-size:var(--text-xs);font-weight:700;color:var(--color-primary)}
.program-grid h3{font-size:var(--text-h3);margin:0 0 var(--space-2);grid-column:2}
.program-grid p{font-size:var(--text-body);color:var(--color-text-muted);margin:0;grid-column:2}.program-grid article>span{grid-column:1;grid-row:1 / span 2}
.faq{margin:var(--space-8) 0}
.faq details{border-top:var(--line) solid var(--color-line)}
.faq details:last-child{border-bottom:var(--line) solid var(--color-line)}
.faq summary{cursor:pointer;list-style:none;font-family:"Newsreader",serif;font-size:1.3rem;padding:var(--space-4) var(--space-5) var(--space-4) 0;position:relative}
.faq summary:after{content:"+";position:absolute;right:0;top:var(--space-4);font-family:"Work Sans",sans-serif}
.faq details[open] summary:after{content:"−"}
.faq details p{font-size:var(--text-body);color:var(--color-text-muted);padding-right:var(--space-5)}
.conversion{margin-top:var(--space-9);margin-bottom:var(--space-8);padding:var(--space-7);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-inverse);display:grid;gap:var(--space-7)}
.conversion h2{font-size:var(--text-display);margin:var(--space-3) 0 var(--space-4);max-width:12ch;letter-spacing:-.04em}
.conversion-copy p{max-width:55ch;color:rgba(248,246,239,.8)}
.pause-signature{display:flex;gap:var(--space-2);margin-top:var(--space-6)}
.pause-signature span{width:16px;height:16px;border-radius:50%;background:var(--color-accent)}
.lead-form{background:var(--color-surface);color:var(--color-text);padding:var(--space-5);border-radius:var(--radius-md);display:grid;gap:var(--space-4)}
.lead-form label{font-size:var(--text-small);font-weight:600;display:grid;gap:var(--space-1)}
.lead-form input,.lead-form select{width:100%;border:var(--line) solid var(--color-line);background:var(--color-bg);min-height:50px;padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text)}
.primary-button,.ghost-button{min-height:48px;border-radius:var(--radius-pill);padding:0 var(--space-4);font-weight:700;cursor:pointer;border:var(--line) solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);text-decoration:none}
.primary-button{background:var(--color-accent);color:var(--color-text)}
.primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(217,238,83,.2)}
.ghost-button{background:transparent;border-color:var(--color-line);color:var(--color-text)}
.form-note{font-size:var(--text-xs);line-height:1.5;color:var(--color-text-muted);margin:0}
.site-footer{background:var(--color-text);color:var(--color-inverse);padding:var(--space-7) 0 var(--space-4)}
.footer-grid{display:grid;gap:var(--space-6)}
.footer-brand p{max-width:58ch;color:rgba(248,246,239,.65);font-size:var(--text-small)}
.footer-logo{margin-bottom:var(--space-4)}
.footer-brand h3{margin-bottom:var(--space-2)}
.footer-grid h3{font-family:"Work Sans",sans-serif;font-size:var(--text-small);text-transform:uppercase;letter-spacing:.12em;color:var(--color-accent);margin:0 0 var(--space-3)}
.footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:var(--space-2)}
.footer-grid a,.footer-grid p{font-size:var(--text-small);color:rgba(248,246,239,.75);margin:0}
.footer-bottom{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--line) solid rgba(248,246,239,.16);display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:rgba(248,246,239,.45)}
.cookie-banner{position:fixed;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:50;background:var(--color-surface);border:var(--line) solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-lift);padding:var(--space-4);display:none;gap:var(--space-4);align-items:center;justify-content:space-between}
.cookie-banner.is-visible{display:flex;flex-direction:column;align-items:stretch}
.cookie-banner strong{display:block;margin-bottom:var(--space-1)}
.cookie-banner p{margin:0;color:var(--color-text-muted);font-size:var(--text-small);line-height:1.5}
.cookie-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}
.compact{min-height:44px}
.legal-main{padding:var(--space-7) 0 var(--space-9)}
.legal-hero{padding-bottom:var(--space-5);border-bottom:var(--line) solid var(--color-line);margin-bottom:var(--space-6)}
.legal-hero h1{margin-bottom:var(--space-3)}
.legal-hero p{color:var(--color-text-muted);max-width:62ch}
.legal-content{word-break:break-word}
.legal-content h2{font-size:var(--text-h3);margin:var(--space-6) 0 var(--space-3)}
.legal-content p{margin:0 0 var(--space-4);color:var(--color-text-muted)}
.last-updated{color:var(--color-text-muted);font-size:var(--text-small);margin:0 0 var(--space-4)}
.contact-card{background:var(--color-surface);border:var(--line) solid var(--color-line);padding:var(--space-5);border-radius:var(--radius-md);margin:var(--space-5) 0}
.contact-card p{color:var(--color-text);margin:0 0 var(--space-2)}
.thanks-panel{background:var(--color-primary);color:var(--color-inverse);padding:var(--space-6);border-radius:var(--radius-lg);margin:var(--space-6) 0}
.thanks-panel h2{font-size:var(--text-h2)}
.next-steps{display:grid;gap:var(--space-3);margin:var(--space-6) 0}
.next-steps article{background:var(--color-surface);border:var(--line) solid var(--color-line);border-radius:var(--radius-md);padding:var(--space-5)}
.next-steps span{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;background:var(--color-accent);border-radius:50%;font-weight:700}
.next-steps h3{font-size:var(--text-h3);margin:var(--space-3) 0 var(--space-2)}
@media(min-width:768px){
  .header-nav{display:flex}
  .article-hero{padding-top:var(--space-8)}
  .pullquote,.scenario,.program-card{margin-left:calc(0px - var(--space-7));margin-right:calc(0px - var(--space-7))}
  .brand-reveal{grid-template-columns:1.4fr .8fr;align-items:end}
  .program-card{grid-template-columns:1.35fr .65fr}
  .conversion{grid-template-columns:1fr .85fr;align-items:start}
  .footer-grid{grid-template-columns:2fr 1fr 1fr}
  .cookie-banner.is-visible{flex-direction:row;align-items:center}
  .next-steps{grid-template-columns:repeat(3,1fr)}
}
@media(min-width:1024px){
  .article-hero{padding-top:var(--space-9)}
  .brand-reveal,.conversion{padding:var(--space-8)}
  .hero-media img{aspect-ratio:2/1}
}
@media(min-width:1440px){
  :root{--wide:1240px;--reading:800px}
}
@media(max-width:768px){
  .conversion{margin-top:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4);gap:var(--space-4)}
}
@media(max-width:640px){
  .site-header{height:auto;min-height:var(--header-h);align-items:stretch}
  .header-inner{flex-wrap:wrap;padding-top:var(--space-3);padding-bottom:var(--space-2);width:100%}
  .brand{flex-wrap:wrap;flex-direction:column;align-items:flex-start}
  .brand,.footer-logo,.footer-col,.ad-label,.footer-bottom span{word-break:break-all}
  .conversion,.brand-reveal{min-width:0}
  .conversion-copy,.brand-reveal-copy{min-width:0;max-width:100%}
}
@media(max-width:480px){
  .shell,.shell-reading,.shell-wide{width:min(calc(100% - var(--space-3)),var(--wide))}
  .article-hero{padding-top:var(--space-5);padding-bottom:var(--space-4)}
  .brand-reveal{padding:var(--space-4)}
  .conversion{padding:var(--space-3);gap:var(--space-3)}
  .lead-form{padding:var(--space-4)}
  .lead-form input,.lead-form select,.primary-button,.ghost-button{max-width:100%;width:100%}
  h1{font-size:clamp(1.85rem,8vw,2.35rem)}
  .conversion h2,.brand-reveal h2{font-size:clamp(2rem,9vw,2.75rem)}
}
@media(max-width:374px){
  .shell,.shell-reading,.shell-wide{width:min(calc(100% - var(--space-4)),var(--wide))}
  .article-hero{padding-top:var(--space-6)}
  .brand-reveal{padding:var(--space-5)}
  .conversion{padding:var(--space-3);gap:var(--space-3)}
  .pullquote,.scenario,.program-card{margin-left:0;margin-right:0}
}
@media(max-width:900px){
  .brand-facts{grid-template-columns:1fr}
  .brand-facts div{min-width:0;max-width:100%}
  .program-grid article{min-width:0;max-width:100%}
}