:root{--paper:#f7f7f0;--ink:#20382e;--green:#175c3e;--muted:#667362;--heading:'Manrope',sans-serif;--body:'DM Sans',sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #649858;outline-offset:5px}button:disabled{cursor:default}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.wrap{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.site-header{height:100px;display:flex;align-items:center;gap:38px;border-bottom:1px solid #dce0d2}.brand{text-decoration:none;display:flex;align-items:center;gap:10px;font-family:var(--heading);font-size:23px;font-weight:750;letter-spacing:-1.2px}.brand-mark{font-size:36px;color:#568344;font-weight:400}.brand-ai{font-weight:500}.brand-period{color:#69964c}.site-header nav{margin-left:auto}.nav-link{display:flex;align-items:center;gap:10px;background:none;color:var(--muted);font-size:12px}.nav-link .icon{width:16px}.header-cta{display:flex;align-items:center;gap:18px;border:1px solid #b7c3ad;border-radius:6px;background:transparent;color:var(--ink);font-size:12px;font-weight:600;padding:13px 17px}.header-cta:hover{background:#eaf0e1}
.hero{display:grid;grid-template-columns:.95fr 1.05fr;column-gap:42px;row-gap:24px;grid-template-rows:min-content 1fr;padding-block:60px 54px;align-items:start}.hero-copy{grid-column:1;grid-row:1}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:10px;margin:8px 0 23px}.eyebrow-line{width:24px;height:2px;background:#7d9b64}h1{font-family:var(--heading);font-size:clamp(48px,5.1vw,72px);font-weight:650;line-height:1.04;letter-spacing:-3.8px;margin:0 0 23px}.serif-line{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:400;line-height:1.04;letter-spacing:-3px;color:#46703e}.word-dot{color:#97ad70}.hero-description{max-width:425px;font-size:15px;line-height:1.8;color:var(--muted);margin:0}.hero-description strong{font-weight:600;color:var(--ink)}.hero-conversion{grid-column:1;grid-row:2}.hero-actions{display:flex;align-items:center;gap:23px}.primary-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--green);color:white;border-radius:6px;padding:19px 22px;font-size:14px;font-weight:600;text-decoration:none;box-shadow:0 4px 0 #0b3d2920;transition:background .2s,transform .2s,box-shadow .2s;min-height:54px}.primary-cta:hover{background:#10492f;transform:translateY(-2px);box-shadow:0 6px 14px #0b3d2920}.primary-cta>span{white-space:nowrap}.cta-price{padding-left:12px;margin-left:10px;border-left:1px solid #ffffff45;font-variant-numeric:tabular-nums}.demo-cta{display:flex;align-items:center;gap:9px;padding:8px 0;background:none;color:var(--ink);font-size:12px;white-space:nowrap}.play-circle{display:grid;place-items:center;border:1px solid #c7cebc;border-radius:50%;width:31px;height:31px}.play-circle .icon{width:12px;height:12px;fill:currentColor;stroke-width:0}.purchase-note{font-size:11px;line-height:1.7;color:#68775e;margin:15px 0 7px}.purchase-note span{padding-inline:4px}.tool-note{font-size:11px;line-height:1.6;color:#73806b;margin:0}.tool-note a{text-underline-offset:3px}.included-line{display:flex;align-items:center;gap:10px;border-top:1px solid #dfe3d5;padding-top:19px;margin-top:23px;font-size:12px;color:#73806b}.included-icon{display:grid;place-items:center;width:22px;height:22px;background:#e5ecd9;border-radius:50%;color:#5d7d45}.included-icon .icon{width:13px;height:13px}.included-line em{color:#47603e}
.hero-visual{grid-column:2;grid-row:1/3;min-width:0;padding-top:4px}.visual-topline{display:flex;align-items:center;justify-content:space-between;color:#70815f;font-size:10px;letter-spacing:1.8px;font-weight:600;padding:0 10px 0 14px}.visual-topline>span{display:flex;gap:9px;align-items:center}.live-dot,.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#739450}.visual-topline button{background:none;color:#748568;font-size:16px;width:34px;height:34px;border-radius:4px;letter-spacing:0}.visual-topline button:hover{background:#e8eedf}.visual-canvas{position:relative;isolation:isolate;padding:90px 10px 14px;margin-top:8px}.canvas-grid{position:absolute;inset:0 -13px 0;z-index:-1;background-image:linear-gradient(#c8d8b933 1px,transparent 1px),linear-gradient(90deg,#c8d8b933 1px,transparent 1px),radial-gradient(ellipse at center,#e0ebd1 0%,#e7eddc90 58%,transparent 75%);background-size:28px 28px,28px 28px,100% 100%;border-radius:25px;mask-image:radial-gradient(ellipse at center,black 50%,transparent 78%)}.csv-card{position:absolute;top:18px;left:21px;display:flex;align-items:center;gap:12px;background:#fffef9;border:1px solid #d9e1cb;border-radius:10px;padding:13px 14px;width:263px;box-shadow:0 9px 22px #59754310;transform:rotate(-4deg);animation:csv-enter .65s both}.file-symbol{background:#e9efdd;color:#648c42;border-radius:6px;display:grid;place-items:center;width:33px;height:37px}.file-symbol .icon{width:20px}.csv-card strong{display:block;font-size:12px;font-weight:600}.csv-card div>span{display:block;font-size:10px;color:#889278;margin-top:4px}.csv-check{margin-left:auto;color:#74954e}.csv-check .icon{width:15px}.connector{position:absolute;top:58px;left:45px;width:80%;height:100px;z-index:-1;fill:none;stroke:#adc396;stroke-width:1.2;stroke-dasharray:4 5}.connector-travel{stroke:#527d36;stroke-dasharray:20 400;animation:flow 2.5s .4s both}.dashboard-card{position:relative;padding:19px 20px 13px;background:#fffefa;border:1px solid #dce1cf;border-radius:12px;box-shadow:0 16px 42px #445d351a,0 2px 3px #445d3508;transform:rotate(-1.5deg);animation:dashboard-enter .8s .25s both}.dashboard-topbar{display:flex;align-items:center;justify-content:space-between;padding-bottom:13px;border-bottom:1px solid #eef0e6}.coffee-brand{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650}.coffee-icon{display:grid;place-items:center;background:#eee8d8;border-radius:6px;width:26px;height:26px;font-size:15px}.sample-pill{font-size:10px;border:1px solid #dde5d0;color:#7a8b65;padding:4px 8px;border-radius:20px}.dashboard-title{display:flex;justify-content:space-between;align-items:center;gap:7px;margin:16px 0 13px}.dashboard-title h2{font-size:15px;font-weight:600;margin:0;letter-spacing:-.3px}.period-button{background:#f5f7ef;border:1px solid #e2e7d8;color:#6a7d5b;border-radius:4px;font-size:10px;padding:8px;white-space:nowrap;min-height:32px}.period-button span{margin-left:8px}.dashboard-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.dashboard-metrics>div{border:1px solid #e5e9dd;border-radius:6px;padding:11px 9px;background:#fcfcf7}.metric-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#69785e;white-space:nowrap}.metric-label>span{font-size:13px;color:#8f9c80}.metric-label .icon{width:12px;height:12px}.dashboard-metrics strong{display:block;font-size:clamp(19px,1.95vw,27px);font-weight:600;letter-spacing:-.9px;white-space:nowrap;font-variant-numeric:tabular-nums;margin:9px 0 7px}.dashboard-metrics strong>span{font-size:11px;color:#98a28c;letter-spacing:-.4px}.metric-caption{display:block;font-size:10px;color:#87947a;line-height:1.4}.dashboard-metrics>.net-metric{background:#eaf1de;border-color:#d8e4c5;color:#52753a}.net-metric .metric-label{color:#608146}.chart-heading{display:flex;justify-content:space-between;align-items:center;margin:21px 0 12px;font-size:11px;font-weight:500}.chart-legend{display:flex;align-items:center;gap:5px;font-size:10px;color:#80916d;font-weight:400}.chart-legend i{width:6px;height:6px;background:#739855;border-radius:2px}.chart-legend i:nth-of-type(2){margin-left:6px;background:#dce7c8}.chart-wrap{height:118px;display:flex;gap:9px}.chart-axis{display:flex;flex-direction:column;justify-content:space-between;padding-bottom:19px;font-size:10px;color:#95a085;width:28px;flex-shrink:0}.bar-chart{flex:1;min-width:0;display:flex;gap:10px;background:repeating-linear-gradient(to top,transparent 0,transparent calc(33.333% - 1px),#e8eddf calc(33.333% - 1px),#e8eddf 33.333%);background-size:100% calc(100% - 19px);background-repeat:no-repeat}.bar-group{position:relative;flex:1;display:flex;justify-content:center;align-items:flex-end;gap:4px;padding-bottom:19px;min-width:0}.bar{width:19px;max-width:35%;border-radius:3px 3px 0 0;transform-origin:bottom;animation:bar-grow .8s calc(.6s + var(--i)*.1s) both}.bar.in{background:#709650}.bar.out{background:#dce7c8}.bar-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:10px;color:#849477}.dashboard-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9edde;padding-top:11px;margin-top:11px;font-size:10px;color:#8a987a}.dashboard-foot .status-dot{margin-right:5px}.prompt-card{position:relative;display:flex;align-items:center;gap:12px;margin:13px 14px 0;background:#233e30;color:#e8efdf;padding:17px 18px;border-radius:9px;box-shadow:0 8px 20px #243e3020;transform:rotate(1deg);animation:prompt-enter .7s .9s both}.prompt-spark{font-size:26px;color:#b8d591}.prompt-label{display:block;font-size:9px;letter-spacing:1.3px;color:#b1c3a6}.prompt-card p{font-size:12px;margin:6px 0 0;line-height:1.5}.prompt-enter{color:#91a480;margin-left:auto}.typing-cursor{display:inline-block;width:1px;height:12px;background:#bad88f;vertical-align:middle;margin-left:4px;animation:blink .8s 5}.handwritten{position:absolute;top:15px;right:5px;width:150px;font:italic 17px/1.2 Georgia,serif;color:#839567;transform:rotate(7deg)}.handwritten svg{display:block;width:58px;height:38px;margin-left:50px;fill:none;stroke:#97aa77;stroke-width:1.4;stroke-linecap:round}.build-steps{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 12px 0}.step{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap;color:#89967b;transition:color .4s}.step b{font-size:9px;font-weight:500;border:1px solid #dce3d0;border-radius:50%;width:21px;height:21px;display:grid;place-items:center}.step.active{color:#4b6b37}.step.active b{background:#e6eeda;border-color:#cfddbc}.step-connector{height:1px;background:#d5dfc8;flex:1}.build-steps>button{color:#7c916a;background:none;font-size:18px;width:28px;height:28px}
.outcomes{display:grid;grid-template-columns:.9fr 1fr 1fr 1fr;gap:22px;border-block:1px solid #dce1d2;padding-block:28px}.outcome-intro{display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.7;color:#7c8a6c}.outcome-intro strong{font-weight:500;color:#465e3b}.little-star{font-size:29px;color:#84a165}.outcome{display:flex;align-items:flex-start;gap:10px;border-left:1px solid #e0e5d7;padding-left:20px}.outcome-number{font-size:10px;color:#91a17e;margin-top:3px;white-space:nowrap}.outcome p{font-size:12px;line-height:1.6;font-weight:500;margin:0}.outcome p span{display:block;font-size:10px;font-weight:400;color:#809170;margin-top:5px}.page-end{display:flex;justify-content:space-between;gap:20px;padding-block:22px;font-size:10px;color:#87967a}.page-end>span:first-child{font-size:9px;letter-spacing:1.8px}
dialog{border:1px solid #d9dfcf;border-radius:18px;background:var(--paper);color:var(--ink);padding:40px;width:min(580px,calc(100% - 32px));max-height:90dvh;overflow:auto;box-shadow:0 30px 100px #0c241d35}dialog::backdrop{background:#182d2580;backdrop-filter:blur(7px)}.close-dialog{position:absolute;right:17px;top:13px;font-size:28px;background:none;color:#627361;width:36px;height:36px}.dialog-eyebrow{font-size:9px;letter-spacing:1.6px;color:#7e8b71;margin-bottom:20px}dialog h2{font-family:var(--heading);font-size:34px;letter-spacing:-1.5px;line-height:1.2;margin:0 0 15px}dialog h2 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}dialog p{font-size:14px;line-height:1.7;color:#6e7867}.workshop-dialog ul{padding-left:20px;font-size:13px;line-height:2.2;color:#4f634c}.dialog-price{display:flex;align-items:center;gap:16px;margin:24px 0}.dialog-price strong{font-size:38px;letter-spacing:-2px}.dialog-price span{font-size:11px;max-width:170px;color:#7b8572}.enrollment-status{border:1px solid #dce4cf;background:#edf2e4;padding:17px;border-radius:8px;font-size:13px}.enrollment-status>.status-dot{margin-right:6px}.enrollment-status p{margin:7px 0 0;font-size:12px}.text-button{background:none;font-size:12px;font-weight:600;padding:12px 0;display:flex;align-items:center;gap:20px;color:var(--green)}.workshop-dialog small{display:block;font-size:10px;color:#7b8572;margin-top:8px}.demo-dialog{width:min(850px,calc(100% - 32px))}.demo-explainer{margin-bottom:20px}.demo-tabs{display:flex;gap:10px;border-bottom:1px solid #dce3d1;margin-bottom:22px}.demo-tabs button{font-size:13px;padding:12px;background:none;border-bottom:2px solid transparent;color:#798671}.demo-tabs button[aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.demo-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.demo-summary>div{background:#eef2e6;border:1px solid #dfe6d4;border-radius:8px;padding:18px}.demo-summary span{display:block;font-size:11px;color:#78856c}.demo-summary strong{display:block;font-variant-numeric:tabular-nums;font-size:26px;letter-spacing:-1px;margin-top:8px}.demo-chart{display:flex;gap:12px;height:200px;margin-top:26px;border-bottom:1px solid #dce3d1}.demo-chart .bar{width:26px;animation:none}.demo-chart .bar-group{padding-bottom:23px}.demo-chart .bar-label{bottom:4px;font-size:10px}.demo-footnote{font-size:11px!important}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}caption{text-align:left;padding:0 0 15px;color:#7f8876;font-size:11px}th,td{padding:13px 10px;border-bottom:1px solid #e0e4d6;text-align:left}th{font-size:10px;color:#7d8871;font-weight:500}.amount-cell{text-align:right;font-variant-numeric:tabular-nums}.positive{color:#267641}.import-zone{border:1px dashed #b6c8a2;border-radius:10px;background:#edf2e5;text-align:center;padding:30px 20px}.import-zone>.icon{margin:auto;width:35px;height:35px;color:#74945a}.import-zone h3{font-size:20px;font-weight:500;margin-bottom:0}.import-zone p{font-size:12px}.import-zone .primary-cta{margin:20px auto 0;max-width:260px;font-size:12px;padding:14px 20px}.import-zone .primary-cta:disabled{background:#718369;box-shadow:none;transform:none}#import-status{font-size:12px;min-height:22px;color:#397346}.demo-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px;border-top:1px solid #dce3d1;padding-top:12px;font-size:10px;color:#829174}[hidden]{display:none!important}body.dialog-open{overflow:hidden}.motion-paused *{animation-play-state:paused!important}.motion-paused .bar{transform:scaleY(1)!important;opacity:1!important}.motion-paused .csv-card,.motion-paused .dashboard-card,.motion-paused .prompt-card{animation:none!important}.motion-paused .typing-cursor{opacity:0}
@keyframes csv-enter{from{opacity:0;transform:translateY(10px) rotate(-7deg)}to{opacity:1;transform:rotate(-4deg)}}@keyframes dashboard-enter{from{opacity:0;transform:translateY(18px) rotate(0)}to{opacity:1;transform:rotate(-1.5deg)}}@keyframes prompt-enter{from{opacity:0;transform:translateY(12px) rotate(3deg)}to{opacity:1;transform:rotate(1deg)}}@keyframes bar-grow{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes flow{from{stroke-dashoffset:400}to{stroke-dashoffset:0}}@keyframes blink{50%{opacity:0}}
@media(min-width:1450px){.hero{column-gap:65px}.hero-copy{padding-top:20px}.hero-description{font-size:16px}.hero-conversion{padding-top:0}.dashboard-metrics strong{font-size:27px}}
@media(max-width:1150px) and (min-width:851px){.wrap{width:calc(100% - 64px)}.hero{column-gap:25px;grid-template-columns:.94fr 1.06fr;padding-top:45px}h1{font-size:54px;letter-spacing:-3px}.hero-description{font-size:14px}.hero-actions{gap:12px}.primary-cta{padding:17px 14px;font-size:12px;gap:13px}.cta-price{padding-left:7px;margin-left:6px}.demo-cta{font-size:11px;gap:5px}.handwritten{width:110px;font-size:15px;right:0}.csv-card{width:245px;left:5px}.dashboard-card{padding:15px 13px}.dashboard-metrics strong>span{display:none}.metric-caption{font-size:10px}.metric-label>span,.metric-label .icon{display:none}.build-steps{gap:5px;margin-inline:0}.step{font-size:9px;gap:4px}.step-connector{display:none}.outcomes{gap:12px}.outcome{padding-left:12px;gap:6px}}
@media(max-width:850px){.wrap{width:calc(100% - 48px);max-width:600px}.site-header{height:76px;gap:20px}.site-header nav{display:none}.header-cta{margin-left:auto}.hero{display:flex;flex-direction:column;gap:24px;padding-block:30px 35px}.hero-copy,.hero-visual,.hero-conversion{width:100%}.eyebrow{margin:0 0 16px;font-size:10px;letter-spacing:1.5px}h1{font-size:58px;line-height:1.01;margin-bottom:18px}.hero-description{max-width:510px;font-size:14px;line-height:1.65}.hero-visual{padding:0}.visual-topline{font-size:10px;padding-inline:3px}.visual-canvas{padding:12px;margin-top:0;background:#e8eedf;border:1px solid #dfe7d3;border-radius:12px}.csv-card,.connector,.prompt-card,.handwritten,.canvas-grid,.build-steps{display:none}.dashboard-card{transform:none;animation:none;border-radius:8px;box-shadow:0 4px 14px #445d350c;padding:15px}.dashboard-metrics strong{font-size:25px}.dashboard-metrics strong>span{font-size:12px}.chart-wrap{height:115px}.hero-actions{gap:25px}.primary-cta{padding:18px 22px}.included-line{display:none}.purchase-note{margin-top:12px}.outcomes{grid-template-columns:1fr;gap:18px;padding-block:23px}.outcome-intro{font-size:12px;padding-bottom:6px}.outcome{border:0;padding:0;gap:13px}.outcome p{font-size:13px}.outcome p span{font-size:11px;margin-top:2px}.outcome-number{margin-top:5px}.little-star{width:29px}.page-end{padding-block:20px}.demo-summary strong{font-size:22px}.demo-summary>div{padding:13px}}
@media(max-width:500px){.wrap{width:calc(100% - 36px)}.site-header{height:63px}.brand{font-size:20px;gap:8px}.brand-mark{font-size:30px}.header-cta{display:none}.hero{padding-top:24px;gap:15px}.eyebrow{font-size:9px;letter-spacing:1.05px;gap:8px;margin-bottom:14px}.eyebrow-line{width:18px}h1{font-size:44px;letter-spacing:-2.5px;margin-bottom:14px}.serif-line{letter-spacing:-1.8px}.hero-description{font-size:13px;line-height:1.6}.visual-topline{font-size:9px;letter-spacing:1.2px;height:27px}.visual-topline button{width:32px;height:27px}.visual-canvas{padding:8px}.dashboard-card{padding:12px}.dashboard-topbar{padding-bottom:9px}.coffee-brand{font-size:11px;gap:7px}.coffee-icon{width:22px;height:22px;font-size:13px}.sample-pill{font-size:10px;padding:3px 6px}.dashboard-title{margin:9px 0}.dashboard-title h2{font-size:13px}.period-button{font-size:10px;padding:5px 6px;min-height:30px}.period-button span{margin-left:4px}.dashboard-metrics{gap:5px}.dashboard-metrics>div{padding:8px 7px}.metric-label{font-size:10px;letter-spacing:-.15px}.metric-label>span,.metric-label .icon,.metric-caption,.dashboard-metrics strong>span{display:none}.dashboard-metrics strong{font-size:20px;letter-spacing:-.7px;margin:6px 0 0}.chart-heading{font-size:10px;margin:13px 0 8px}.chart-wrap{height:85px;gap:7px}.chart-axis{width:25px}.bar-chart{gap:6px}.bar-group{gap:3px}.bar{width:15px}.dashboard-foot{display:none}.hero-actions{gap:16px;justify-content:space-between}.primary-cta{font-size:12px;padding:17px 15px;min-height:52px;gap:16px}.cta-price{padding-left:9px;margin-left:7px}.demo-cta{font-size:11px;gap:6px}.play-circle{width:27px;height:27px}.purchase-note{font-size:10px;margin:11px 0 6px}.purchase-note span{padding-inline:2px}.tool-note{font-size:10px}.tool-note br{display:none}.outcomes{margin-top:0}.page-end{font-size:9px}dialog{padding:33px 20px 24px}dialog h2{font-size:28px}.dialog-eyebrow{font-size:9px;line-height:1.6;padding-right:20px}.demo-tabs{gap:0}.demo-tabs button{font-size:12px;padding:11px}.demo-summary{gap:6px}.demo-summary>div{padding:10px 7px}.demo-summary strong{font-size:19px}.demo-summary span{font-size:10px}.demo-chart{height:165px;gap:6px}.demo-chart .bar{width:15px}.demo-bottom{gap:12px}.demo-bottom>span{max-width:150px}.demo-bottom .text-button{white-space:nowrap;font-size:11px}.import-zone{padding:20px 10px}.workshop-dialog small{font-size:11px;line-height:1.6}}
@media(max-width:360px){h1{font-size:38px}.hero-description{font-size:12px}.eyebrow{font-size:8px;letter-spacing:.8px}.hero-actions{gap:9px}.primary-cta{padding:16px 11px;gap:9px;font-size:11px}.demo-cta{font-size:10px;gap:4px}.play-circle{width:25px;height:25px}.hero-actions .play-circle{display:none}.dashboard-card{padding:10px}.dashboard-metrics>div{padding:8px 5px}.dashboard-metrics strong{font-size:18px}.metric-label{font-size:9px}.dashboard-title h2{font-size:12px}.period-button{font-size:9px}.purchase-note{font-size:9px}.page-end{gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* The workshop story. Keep the established hero typography and palette. */
html { scroll-behavior: smooth; scroll-padding-top: 24px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.site-header nav { display: flex; gap: 28px; }
.nav-link { text-decoration: none; }
.section { padding-block: 92px; }
.section-kicker { display: block; font-size: 10px; font-weight: 650; letter-spacing: 1.7px; line-height: 1.7; color: #738465; }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; margin-bottom: 36px; }
.section h2, .final-section h2 { font: 600 clamp(30px,3.3vw,47px)/1.14 var(--heading); letter-spacing: -1.9px; margin: 15px 0 0; }
.section h2 em, .final-section h2 em { font-family: Georgia,serif; font-weight: 400; color: #567345; }
.section-heading>p, .approach-copy>p, .free-copy>p { color: var(--muted); font-size: 14px; line-height: 1.8; margin: 0; }
.inline-link { display: inline-flex; align-items: center; gap: 14px; color: var(--green); font-size: 12px; font-weight: 600; text-decoration: none; border-bottom: 1px solid #9daf89; padding-bottom: 5px; }
.inline-link:hover { color: #70964b; }
.guarantee-note { display: flex; gap: 6px; align-items: center; font-size: 11px; color: #5d7750; margin: 12px 0 0; line-height: 1.5; }
.guarantee-note a { text-decoration: none; border-bottom: 1px solid #b2c2a0; }
.hero-conversion .purchase-note { margin-top: 8px; }

/* The full sample app, shared by the landing page, dialog, and /demo. */
.project-demo { background: #fffefa; border: 1px solid #d7dfcc; border-radius: 14px; box-shadow: 0 18px 50px #364a2910; overflow: hidden; }
.project-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 17px 26px; background: #f0f3e9; border-bottom: 1px solid #dfe5d4; }
.project-identity { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.project-identity strong { font-weight: 600; }
.project-location { border-left: 1px solid #ced8c0; padding-left: 14px; margin-left: 8px; color: #839071; font-size: 10px; }
.project-heading { padding: 25px 28px 15px; display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; }
.project-heading .section-kicker { font-size: 9px; letter-spacing: 1.2px; }
.project-heading h3 { font-family: var(--heading); font-size: 21px; font-weight: 600; letter-spacing: -.7px; margin: 7px 0 0; }
.project-period { font-size: 11px; color: #748666; white-space: nowrap; }
.project-demo .demo-tabs { margin: 0 28px; gap: 22px; }
.project-demo .demo-tabs button { padding: 16px 0 13px; font-size: 12px; }
.project-demo .demo-tabs button>span { border-radius: 4px; background: #ecf0e3; font-size: 10px; margin-left: 5px; padding: 3px 6px; }
.project-demo [role=tabpanel] { padding: 20px 28px 0; min-height: 332px; }
.table-caption { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 11px; margin: 0 0 12px; color: #78886b; }
.table-caption>span:last-child { font-variant-numeric: tabular-nums; font-size: 10px; }
.project-demo .table-scroll { max-height: 242px; scrollbar-width: thin; scrollbar-color: #b2c19b transparent; }
.project-demo table { font-size: 12px; }
.project-demo th { position: sticky; top: 0; background: #fffefa; z-index: 1; font-size: 10px; }
.project-demo td { padding-block: 13px; }
.project-demo td:first-child { color: #7c876f; font-size: 11px; }
.category-tag { display: inline-block; padding: 4px 8px; border-radius: 4px; background: #f0f3e9; font-size: 10px; color: #6d7f5e; }
.project-hint { font-size: 11px; line-height: 1.6; color: #7f8e71; margin: 14px 0 0; }
.project-hint>span { color: #82a15f; margin-right: 7px; }
.project-hint strong { font-weight: 500; color: #56713f; }
.project-demo .demo-bottom { margin: 16px 28px 0; padding-block: 9px; }
.project-demo .demo-bottom .status-dot { margin-right: 5px; }
.project-demo .demo-summary { gap: 14px; }
.project-demo .demo-summary>div { padding: 16px 20px; }
.project-demo .demo-summary>div:last-child { background: #e3edd3; }
.project-demo .demo-summary strong { font-size: 29px; }
.project-demo .demo-chart { height: 155px; margin-top: 0; gap: 22px; }
.project-demo .demo-chart .bar { width: 40px; }
.project-demo .chart-heading { margin-block: 19px 9px; }
.project-demo .demo-footnote { color: #778669; line-height: 1.6; }
.import-layout { display: grid; grid-template-columns: 1.6fr 1fr; gap: 24px; }
.project-demo .import-zone { padding: 23px 20px; }
.import-file { display: grid; place-items: center; width: 36px; height: 40px; border: 1px solid #b9cda1; border-radius: 7px; color: #668948; margin-inline: auto; font-size: 27px; }
.project-demo .import-zone h3 { font-size: 17px; }
.project-demo .import-zone p { font-size: 12px; line-height: 1.6; color: #71815e; }
.import-meta { display: block; font-size: 10px; margin-top: 12px; color: #839575; }
.import-checks { align-self: center; }
.import-checks ol { padding-left: 18px; font-size: 12px; line-height: 1.7; color: #6c7e5b; }
.import-checks li { padding-bottom: 8px; padding-left: 4px; }
.import-checks a { color: #557d3b; font-size: 11px; text-underline-offset: 4px; }
.import-result { font-size: 11px; line-height: 1.7; color: #7c8c6d; margin-bottom: 0; }
.import-result.success { color: #296841; }
.project-below { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-top: 21px; }
.project-below p { font-size: 11px; color: #7c8b6e; line-height: 1.6; }
.project-below strong { color: #526645; font-weight: 500; }
.project-below a { white-space: nowrap; }
.demo-dialog { width: min(1020px,calc(100% - 32px)); }
.demo-dialog .project-demo { margin-top: 22px; box-shadow: none; }
.demo-dialog .project-heading { display: none; }
.demo-dialog .project-demo h3 { letter-spacing: -.4px; }

/* A visual build sequence, with one restrained entrance animation. */
.process-section { background: #243e31; color: #edf1e7; position: relative; overflow: hidden; }
.process-section::after { content: ''; position: absolute; width: 410px; height: 410px; border: 1px solid #d3e1b910; border-radius: 50%; right: -200px; bottom: -220px; box-shadow: 0 0 0 50px #d3e1b905,0 0 0 100px #d3e1b904; pointer-events: none; }
.process-section .section-kicker { color: #a4bb8b; }
.process-section h2 em { color: #bad29c; }
.process-section .section-heading>p { color: #b0beaa; }
.process-track { padding: 0; margin: 46px 0 0; list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.process-track li { min-width: 0; }
.process-art { height: 156px; background: #f0f2e8; color: #354c30; border-radius: 8px; margin-bottom: 26px; padding: 19px 17px; position: relative; transform-origin: center; }
.process-art>span:first-child { display: block; font-size: 9px; letter-spacing: .8px; color: #83916d; margin-bottom: 16px; }
.process-number { font-size: 9px; color: #adc598; letter-spacing: 1.3px; }
.process-track h3 { margin: 11px 0 9px; font-size: 16px; font-weight: 500; letter-spacing: -.3px; }
.process-track li>p { margin: 0; color: #b3c1aa; font-size: 12px; line-height: 1.8; }
.mini-file { transform: rotate(-2deg); }
.mini-file>span:first-child { font-size: 11px; letter-spacing: 0; color: #415a33; font-weight: 600; }
.mini-file>div { display: flex; justify-content: space-between; gap: 7px; font-size: 9px; font-variant-numeric: tabular-nums; padding: 7px 0; border-bottom: 1px solid #dae3ce; }
.mini-file>div:nth-child(2) { font-size: 8px; color: #859470; padding-top: 0; }
.mini-file i { font-style: normal; }
.mini-prompt { background: #324e3a; border: 1px solid #6c855255; transform: rotate(1.5deg); color: #e1ebd6; }
.mini-prompt>span:first-child { color: #b7ce9b; }
.mini-prompt p { font-size: 11px; line-height: 1.8; margin: 0; }
.mini-prompt b { position: absolute; bottom: 14px; right: 16px; color: #b7cd98; font-weight: 400; }
.mini-build { transform: rotate(-1deg); }
.mini-build strong { display: block; font-size: 23px; font-weight: 600; letter-spacing: -1px; }
.mini-build small { display: block; font-size: 7px; letter-spacing: .5px; font-weight: 400; margin-top: 3px; color: #84916f; }
.mini-bars { position: absolute; bottom: 20px; right: 17px; left: 125px; height: 54px; display: flex; align-items: flex-end; gap: 5px; }
.mini-bars i { flex: 1; background: #96b273; height: 40%; border-radius: 2px 2px 0 0; transform-origin: bottom; }
.mini-bars i:nth-child(2n) { background: #c5d6ab; height: 65%; }
.mini-bars i:nth-child(3n) { height: 90%; }
.mini-check { background: #d7e6bb; transform: rotate(2deg); }
.mini-check>span:first-child { color: #66824b; }
.mini-check>div { font-size: 14px; letter-spacing: -.3px; margin: 20px 0 6px; }
.mini-check>strong { font-size: 22px; font-weight: 600; letter-spacing: -.5px; }
.mini-check b { font-size: 14px; font-weight: 400; margin-left: 7px; }
.mini-check>span:last-child { display: block; font-size: 9px; margin-top: 9px; color: #68834d; }
.process-note { border-top: 1px solid #80976d40; margin-top: 35px; padding-top: 22px; font-size: 12px; color: #b1c1a5; }
.process-note>span { color: #bdd39e; margin-right: 8px; }
.in-view .process-art { animation: paper-appear .8s both; }
.in-view li:nth-child(2) .process-art { animation-delay: .12s; }
.in-view li:nth-child(3) .process-art { animation-delay: .24s; }
.in-view li:nth-child(4) .process-art { animation-delay: .36s; }
.in-view .mini-bars i { animation: bar-grow 1s .5s both; }
@keyframes paper-appear { from { opacity: .3; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }

/* Human judgment, before the purchase decision. */
.approach-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; align-items: center; }
.approach-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #eaf0df; border-radius: 50%; aspect-ratio: 1; width: min(290px,100%); margin: auto; position: relative; }
.approach-mark::before { content: ''; position: absolute; inset: -17px; border: 1px dashed #bfcdaa; border-radius: 50%; }
.approach-mark>span { font: italic 125px/1 Georgia,serif; color: #789454; }
.approach-mark small { font-size: 8px; letter-spacing: 1.7px; line-height: 1.8; text-align: center; color: #6c8450; margin-top: 17px; }
.approach-copy>p { max-width: 530px; margin-top: 23px; }
.approach-principles { display: flex; flex-direction: column; gap: 12px; margin-top: 25px; }
.approach-principles>span { font-size: 10px; color: #8c9c7a; }
.approach-principles strong { color: #4c6440; font-weight: 500; font-size: 12px; margin-left: 14px; }

/* A visible curriculum with an honest, single-price offer. */
.curriculum-section { background: #eef1e5; border-block: 1px solid #dee5d0; }
.curriculum-layout { display: grid; grid-template-columns: 1.6fr 1fr; gap: 60px; align-items: start; }
.lesson { border-top: 1px solid #d4dfc5; }
.lesson:last-child { border-bottom: 1px solid #d4dfc5; }
.lesson summary { display: grid; grid-template-columns: 30px 1fr 22px; gap: 15px; align-items: start; padding: 24px 0; cursor: pointer; list-style: none; }
summary::-webkit-details-marker { display: none; }
.lesson-number { color: #93a27e; font-size: 11px; font-variant-numeric: tabular-nums; padding-top: 4px; }
.lesson h3 { margin: 0; font-family: var(--heading); font-size: 16px; font-weight: 600; letter-spacing: -.35px; line-height: 1.5; }
.lesson-outcome { display: block; font-size: 12px; color: #7b8a6b; line-height: 1.7; margin-top: 7px; }
.detail-toggle { display: grid; place-items: center; width: 22px; height: 22px; border: 1px solid #c8d6b5; border-radius: 50%; font-size: 16px; color: #78965a; transition: transform .2s; flex-shrink: 0; }
details[open]>summary .detail-toggle { transform: rotate(45deg); }
summary:focus-visible { outline: 2px solid #769956; outline-offset: 5px; border-radius: 3px; }
.lesson-detail { padding: 0 36px 24px 45px; }
.lesson-detail p { font-size: 13px; color: #697c5b; line-height: 1.8; margin: 0 0 15px; }
.offer-card { background: #fffdf6; border: 1px solid #d5dfc7; border-radius: 12px; padding: 31px; box-shadow: 0 12px 30px #465c2810; }
.offer-label { font-size: 9px; letter-spacing: 1.6px; color: #85986c; }
.offer-card h3 { font-family: var(--heading); font-size: 24px; letter-spacing: -.8px; font-weight: 550; line-height: 1.3; margin: 19px 0; }
.offer-price { display: flex; gap: 14px; align-items: center; font-size: 64px; font-family: var(--heading); letter-spacing: -3px; font-weight: 500; }
.offer-price>span { font-family: var(--body); font-size: 10px; letter-spacing: 0; line-height: 1.8; color: #8a9979; }
.offer-includes { padding: 20px 0; margin: 15px 0 20px; border-block: 1px solid #e1e7d5; list-style: none; font-size: 12px; color: #657953; line-height: 1.8; }
.offer-includes li { padding-block: 5px; padding-left: 23px; position: relative; }
.offer-includes li::before { content: '✓'; position: absolute; left: 0; color: #7c9d57; }
.offer-card .primary-cta { width: 100%; font-size: 13px; }
.offer-card .guarantee-note { justify-content: center; font-size: 10px; }
.offer-footnote { color: #829371; font-size: 10px; line-height: 1.8; text-align: center; margin: 17px 0 0; }
.launch-label { display: block; font-size: 10px; color: #819170; text-align: center; margin-top: 15px; }

/* A real free starter kit, with email delivery explicitly configurable. */
.free-section { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 95px; }
.free-paper { background: #fdfcf6; border: 1px solid #dce3ce; padding: 37px 30px; transform: rotate(-3deg); box-shadow: 9px 13px 0 -2px #e8eddd,9px 13px 0 -1px #d9e2c9,0 18px 35px #4057250c; position: relative; }
.free-paper.in-view { animation: paper-appear .9s both; }
.paper-corner { width: 46px; height: 46px; position: absolute; top: -1px; right: -1px; background: linear-gradient(45deg,#e2e9d5 49%,var(--paper) 50%); border-bottom-left-radius: 5px; }
.free-paper>strong { display: block; font-family: var(--heading); font-size: 32px; font-weight: 500; letter-spacing: -1.1px; margin: 28px 0; line-height: 1.2; }
.free-paper>strong em { font-family: Georgia,serif; color: #759052; font-weight: 400; }
.paper-file { display: flex; gap: 13px; align-items: center; padding: 17px 0; border-top: 1px solid #e0e6d4; }
.paper-file>span { color: #8aa369; font-size: 24px; }
.paper-file>div { font-size: 12px; }
.paper-file small { display: block; font-size: 10px; color: #8a9979; margin-top: 5px; }
.paper-file b { margin-left: auto; font-size: 9px; font-weight: 500; background: #edf2e3; border: 1px solid #dae4ca; padding: 5px 7px; border-radius: 4px; color: #7d9860; }
.paper-stamp { display: block; color: #91a577; font-size: 8px; letter-spacing: 2px; border-top: 1px solid #e0e6d4; padding-top: 23px; margin-top: 5px; }
.free-copy>p { margin-top: 23px; }
.starter-links { display: flex; align-items: center; gap: 22px; flex-wrap: wrap; margin-top: 25px; }
.starter-links .primary-cta { font-size: 12px; }
.starter-links .inline-link { font-size: 11px; }
.starter-form { margin-top: 26px; border-top: 1px solid #dfe5d2; padding-top: 22px; }
.starter-form>label:first-child { display: block; font-size: 12px; color: #667d51; margin-bottom: 11px; }
.email-row { display: flex; border: 1px solid #ccd8bc; border-radius: 6px; background: #fffef9; padding: 5px; gap: 6px; }
.email-row input { border: 0; padding: 11px 9px; font: 12px var(--body); color: var(--ink); background: transparent; min-width: 0; flex: 1; }
.email-row input:focus-visible { outline: 2px solid #85a562; border-radius: 3px; }
.email-row button { font-size: 11px; padding: 11px 14px; color: #f1f5e9; background: #607f47; border-radius: 4px; white-space: nowrap; }
.email-row button>span { padding-left: 7px; }
.email-row button:disabled { background: #e4eadb; color: #8a9a79; }
.email-row input:disabled { color: #829174; opacity: .7; }
.starter-form>p { font-size: 10px; line-height: 1.7; color: #8a997c; margin: 10px 0 4px; }
.email-consent { display: flex; align-items: flex-start; gap: 8px; font-size: 11px; line-height: 1.6; color: #738565; margin-top: 12px; }
.email-consent input { accent-color: var(--green); }
.form-privacy { color: #839775; font-size: 10px; text-underline-offset: 3px; }

/* Answers and the final decision. */
.faq-section { border-top: 1px solid #dce3cf; display: grid; grid-template-columns: .8fr 1.2fr; gap: 65px; }
.faq-section>div>p { color: #859577; font-size: 13px; line-height: 1.8; margin-top: 20px; }
.faq-item { border-bottom: 1px solid #dce4ce; }
.faq-item:first-child { border-top: 1px solid #dce4ce; }
.faq-item summary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 15px; cursor: pointer; font-size: 13px; line-height: 1.6; font-weight: 500; padding-block: 20px; }
.faq-item .detail-toggle { border: 0; }
.faq-item>p { font-size: 12px; color: #718463; line-height: 1.8; padding: 0 30px 20px 0; margin: 0; }
.faq-item a { text-underline-offset: 3px; }
.final-section { background: #e7edda; border-block: 1px solid #d8e2c7; overflow: hidden; }
.final-inner { padding-block: 65px; text-align: center; position: relative; }
.final-star { display: block; font-size: 44px; line-height: 1; color: #8ca76a; margin-bottom: 24px; }
.final-section h2 { font-size: clamp(32px,3.7vw,51px); margin-top: 16px; }
.final-inner>p:not(.guarantee-note) { font-size: 13px; line-height: 1.8; color: #72875e; }
.final-inner>.primary-cta { margin-top: 16px; font-size: 13px; min-width: 285px; }
.final-inner .guarantee-note { justify-content: center; }
.final-inner .final-requirements { font-size: 10px!important; margin-top: 19px; }
.final-free { display: inline-block; font-size: 11px; color: #729254; margin-top: 12px; text-underline-offset: 4px; }
.site-footer { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 23px; align-items: start; padding-block: 40px 28px; }
.site-footer .brand { font-size: 19px; }
.site-footer .brand-mark { font-size: 29px; }
.site-footer>p { font-size: 11px; line-height: 1.7; color: #839373; margin: 2px 0 0; }
.site-footer nav { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 18px; padding-top: 8px; }
.site-footer nav a { color: #7b8d6a; text-decoration: none; font-size: 10px; }
.footer-small { grid-column: 1/-1; font-size: 9px; color: #92a082; border-top: 1px solid #e0e6d5; padding-top: 18px; margin-top: 7px; }
.mobile-purchase { display: none; }

/* Supporting pages retain the same editorial treatment. */
.subpage-header { justify-content: space-between; }
.subpage-header>.inline-link { font-size: 11px; }
.standalone-intro { max-width: 680px; font-size: 15px; line-height: 1.8; color: #718462; margin-bottom: 35px; }
.demo-page h1, .article-page h1 { margin-top: 22px; font-size: clamp(38px,4.5vw,62px); }
.standalone-bottom { display: flex; align-items: center; gap: 25px; margin-top: 28px; flex-wrap: wrap; }
.standalone-bottom>p { font-size: 13px; color: #708563; }
.standalone-bottom .primary-cta { font-size: 12px; }
.article-page { max-width: 800px; }
.article-page h2 { font-size: 27px; line-height: 1.3; letter-spacing: -.8px; margin: 40px 0 16px; }
.article-page p { font-size: 15px; color: #627855; line-height: 1.9; }
.article-page .article-lead { font-size: 17px; }
.article-page code { background: #eaf0df; font-size: 13px; padding: 2px 4px; border-radius: 3px; }
.lesson-callout { font-size: 13px; color: #648047; line-height: 1.8; padding: 21px 24px; background: #eaf0df; border-left: 3px solid #9ab778; border-radius: 0 7px 7px 0; margin-block: 28px; }
.lesson-callout p { font-size: 13px; margin-bottom: 0; }
.lesson-totals { display: grid; grid-template-columns: repeat(3,1fr); gap: 15px; margin-block: 22px; }
.lesson-totals>div { padding: 18px; background: #eaf0df; font-size: 11px; color: #758d5d; border-radius: 7px; }
.lesson-totals strong { display: block; font-size: 29px; color: var(--ink); margin-top: 10px; letter-spacing: -1px; font-variant-numeric: tabular-nums; }
.lesson-prompt { background: #263e30; color: #dfe9d3; border-radius: 9px; padding: 25px; }
.lesson-prompt .section-kicker { color: #acc68d; }
.lesson-prompt pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 12px/1.9 ui-monospace,monospace; }
.lesson-prompt .text-button { color: #bbd69c; }
#copy-status { font-size: 11px; color: #bbd69c; }
.article-next { border-top: 1px solid #d8e2cb; margin-top: 44px; padding-top: 30px; }
.article-next h2 { margin-top: 12px; }

@media (max-width:1100px) {
  .section { padding-block: 72px; }
  .section-heading { gap: 30px; }
  .section-heading>p { max-width: 320px; font-size: 13px; }
  .curriculum-layout { gap: 32px; grid-template-columns: 1.5fr 1fr; }
  .offer-card { padding: 25px; }
  .process-track { gap: 16px; }
  .process-art { padding: 17px 12px; }
  .mini-bars { left: 105px; right: 12px; gap: 3px; }
  .mini-prompt p { font-size: 10px; }
  .process-track h3 { font-size: 14px; }
  .approach-section { gap: 65px; }
  .free-section { gap: 55px; }
  .starter-links { gap: 17px; }
}
@media (max-width:850px) {
  .site-header nav { display: none; }
  .section { padding-block: 57px; }
  .section-heading { display: block; margin-bottom: 27px; }
  .section-heading>p { margin-top: 20px; max-width: 480px; font-size: 13px; }
  .section h2 { font-size: 35px; letter-spacing: -1.3px; }
  .project-toolbar { padding: 13px 18px; }
  .project-location { display: none; }
  .project-heading { padding: 22px 20px 12px; display: block; }
  .project-heading h3 { font-size: 18px; }
  .project-period { display: block; margin-top: 12px; font-size: 10px; }
  .project-demo .demo-tabs { margin-inline: 20px; gap: 23px; }
  .project-demo [role=tabpanel] { padding-inline: 20px; }
  .project-demo .demo-bottom { margin-inline: 20px; }
  .project-below { align-items: flex-start; }
  .project-below p { max-width: 320px; margin: 0; }
  .project-below strong { display: block; }
  .project-below .inline-link { font-size: 11px; }
  .process-track { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 32px 24px; }
  .process-art { height: 158px; padding: 19px; }
  .process-track h3 { font-size: 16px; }
  .mini-prompt p { font-size: 11px; }
  .mini-bars { left: 135px; }
  .approach-section { grid-template-columns: 120px 1fr; gap: 35px; }
  .approach-mark>span { font-size: 67px; }
  .approach-mark small { font-size: 5px; letter-spacing: .8px; margin-top: 7px; }
  .approach-mark::before { inset: -9px; }
  .approach-copy h2 { font-size: 30px; }
  .curriculum-layout { grid-template-columns: 1fr; gap: 28px; }
  .offer-card { width: 100%; padding: 30px; }
  .offer-card .primary-cta { max-width: none; }
  .offer-card .guarantee-note { font-size: 11px; }
  .free-section { grid-template-columns: 1fr; gap: 45px; }
  .free-paper { max-width: 380px; width: 85%; margin-inline: auto; }
  .free-copy h2 { font-size: 36px; }
  .starter-links { gap: 24px; }
  .faq-section { grid-template-columns: 1fr; gap: 25px; }
  .faq-section>div>p { display: none; }
  .final-inner { padding-block: 50px; }
  .final-section h2 { font-size: 37px; }
  .site-footer { grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 100px; }
  .site-footer nav { grid-column: 1/-1; justify-content: flex-start; gap: 20px; }
  .site-footer>p { text-align: right; }
  .mobile-purchase { display: flex; position: fixed; bottom: 0; left: 0; right: 0; z-index: 20; background: #f7f7f0f2; backdrop-filter: blur(12px); border-top: 1px solid #c9d6b8; align-items: center; justify-content: space-between; gap: 18px; padding: 10px 22px calc(10px + env(safe-area-inset-bottom)); box-shadow: 0 -5px 25px #3855230b; }
  .mobile-purchase>span { font-size: 23px; letter-spacing: -.8px; font-variant-numeric: tabular-nums; }
  .mobile-purchase small { display: block; font-size: 9px; letter-spacing: 0; color: #7f9270; margin-top: 3px; }
  .mobile-purchase .primary-cta { font-size: 12px; padding: 14px 21px; min-height: 46px; }
  .demo-page .site-footer, body:has(.article-page) .site-footer { padding-bottom: 28px; }
  .article-page h1, .demo-page h1 { font-size: 46px; }
}
@media (max-width:500px) {
  .section { padding-block: 47px; }
  .section h2 { font-size: 31px; letter-spacing: -1.2px; }
  .section-kicker { font-size: 9px; letter-spacing: 1.4px; }
  .section-heading>p { font-size: 12px; margin-top: 16px; }
  .desktop-break { display: none; }
  .hero-conversion .guarantee-note { font-size: 10px; margin-top: 11px; }
  .project-toolbar { padding: 12px; }
  .project-identity { font-size: 11px; gap: 7px; }
  .project-toolbar .sample-pill { font-size: 9px; }
  .project-heading { padding: 19px 14px 8px; }
  .project-heading h3 { font-size: 16px; }
  .project-heading .section-kicker { font-size: 8px; }
  .project-demo .demo-tabs { margin-inline: 14px; gap: 19px; }
  .project-demo .demo-tabs button { font-size: 11px; padding-block: 13px 11px; }
  .project-demo .demo-tabs button>span { font-size: 9px; margin-left: 3px; padding: 2px 4px; }
  .project-demo [role=tabpanel] { padding: 16px 14px 0; min-height: 318px; }
  .table-caption { font-size: 10px; align-items: flex-start; }
  .table-caption>span:last-child { font-size: 9px; white-space: nowrap; }
  .project-demo .table-scroll { max-height: 224px; }
  .project-demo table { font-size: 11px; min-width: 520px; }
  .project-demo td, .project-demo th { padding-inline: 7px; }
  .project-demo .demo-bottom { margin-inline: 14px; gap: 9px; }
  .project-demo .demo-bottom>span { font-size: 9px; }
  .project-demo .demo-bottom .text-button { font-size: 10px; }
  .project-hint { font-size: 10px; }
  .project-below { flex-direction: column; gap: 13px; }
  .project-demo .demo-summary { gap: 6px; }
  .project-demo .demo-summary>div { padding: 12px 7px; }
  .project-demo .demo-summary strong { font-size: 20px; letter-spacing: -.6px; }
  .project-demo .demo-summary span { font-size: 9px; }
  .project-demo .demo-chart { height: 160px; gap: 6px; }
  .project-demo .demo-chart .bar { width: 17px; }
  .import-layout { grid-template-columns: 1fr; gap: 16px; }
  .project-demo .import-zone { padding: 20px 12px; }
  .project-demo .import-zone h3 { font-size: 15px; }
  .project-demo .import-zone p { font-size: 11px; }
  .import-checks { padding: 2px 5px; }
  .import-checks ol { margin: 8px 0; font-size: 11px; }
  .import-checks li { padding-bottom: 4px; }
  .import-result { font-size: 10px; }
  .demo-dialog { padding: 33px 12px 15px; width: calc(100% - 16px); }
  .demo-dialog>h2 { padding-inline: 5px; font-size: 25px; }
  .demo-dialog .dialog-eyebrow { padding-left: 5px; }
  .demo-dialog .project-demo { margin-top: 15px; }
  .process-track { gap: 28px 16px; margin-top: 31px; }
  .process-art { padding: 14px 10px; height: 136px; margin-bottom: 19px; }
  .process-art>span:first-child { font-size: 7px; letter-spacing: .4px; }
  .mini-file>span:first-child { font-size: 9px; }
  .mini-file>div { font-size: 7px; gap: 3px; padding-block: 6px; }
  .mini-file>div:nth-child(2) { font-size: 7px; }
  .mini-prompt p { font-size: 8px; line-height: 1.9; }
  .mini-build strong { font-size: 24px; }
  .mini-build small { font-size: 7px; }
  .mini-bars { top: auto; left: 12px; bottom: 13px; height: 26px; right: 12px; }
  .mini-build>span:first-child { margin-bottom: 10px; }
  .mini-check>div { font-size: 11px; margin-top: 17px; }
  .mini-check>strong { font-size: 18px; }
  .mini-check>span:last-child { font-size: 8px; }
  .process-number { font-size: 8px; }
  .process-track h3 { font-size: 14px; line-height: 1.4; }
  .process-track li>p { font-size: 11px; }
  .process-note { font-size: 11px; line-height: 1.8; }
  .approach-section { display: block; }
  .approach-mark { width: 80px; float: right; margin: 7px 10px 0 18px; }
  .approach-mark>span { font-size: 51px; }
  .approach-mark small { display: none; }
  .approach-copy>.section-kicker { max-width: 180px; }
  .approach-copy h2 { font-size: 29px; }
  .approach-copy>p { clear: both; font-size: 12px; margin-top: 19px; }
  .approach-principles strong { font-size: 11px; }
  .lesson summary { grid-template-columns: 23px 1fr 20px; gap: 9px; padding-block: 20px; }
  .lesson h3 { font-size: 14px; }
  .lesson-outcome { font-size: 11px; }
  .lesson-detail { padding: 0 20px 20px 32px; }
  .lesson-detail p { font-size: 12px; }
  .lesson-detail .inline-link { font-size: 11px; }
  .offer-card { padding: 25px; }
  .offer-card h3 { font-size: 25px; }
  .offer-card .primary-cta { font-size: 13px; }
  .free-section { gap: 41px; }
  .free-paper { padding: 27px 22px; }
  .free-paper>strong { font-size: 29px; }
  .paper-file>div { font-size: 11px; }
  .paper-file small { font-size: 9px; }
  .free-copy>p { font-size: 12px; margin-top: 18px; }
  .starter-links { gap: 17px; }
  .starter-links .primary-cta { font-size: 12px; padding: 17px; }
  .email-row button { font-size: 10px; padding: 10px; }
  .email-row button>span { display: none; }
  .email-row input { padding: 10px 6px; font-size: 12px; }
  .faq-item summary { font-size: 12px; padding-block: 18px; }
  .faq-item>p { font-size: 12px; }
  .final-section h2 { font-size: 31px; letter-spacing: -1.3px; }
  .final-inner>.section-kicker { font-size: 8px; letter-spacing: 1px; }
  .final-inner>p:not(.guarantee-note) { font-size: 12px; }
  .final-inner>.primary-cta { min-width: 270px; }
  .final-inner .final-requirements { font-size: 10px!important; }
  .site-footer { gap: 16px; padding-top: 29px; }
  .site-footer .brand { font-size: 16px; gap: 6px; }
  .site-footer .brand-mark { font-size: 25px; }
  .site-footer>p { font-size: 10px; }
  .site-footer nav { gap: 16px; }
  .mobile-purchase { padding-inline: 18px; }
  .mobile-purchase .primary-cta { font-size: 11px; min-height: 44px; padding-inline: 18px; }
  .subpage-header>.inline-link { font-size: 9px; gap: 5px; }
  .subpage-header .brand { font-size: 17px; gap: 5px; }
  .article-page h1, .demo-page h1 { font-size: 38px; }
  .standalone-intro { font-size: 13px; }
  .article-page p { font-size: 13px; }
  .article-page .article-lead { font-size: 15px; }
  .article-page h2 { font-size: 24px; }
  .lesson-totals { gap: 7px; }
  .lesson-totals>div { padding: 13px 8px; font-size: 10px; }
  .lesson-totals strong { font-size: 21px; }
  .lesson-callout { padding: 17px; font-size: 12px; }
  .lesson-prompt { padding: 18px; }
  .lesson-prompt pre { font-size: 11px; }
}
@media (prefers-reduced-motion:reduce) { html { scroll-behavior: auto; } }
.txn-date { display: none; }
@media (max-width:500px) {
  .project-demo table { min-width: 0; table-layout: fixed; white-space: normal; }
  .project-demo th:first-child, .project-demo td:first-child,
  .project-demo th:nth-child(3), .project-demo td:nth-child(3) { display: none; }
  .project-demo th:last-child, .project-demo td:last-child { width: 83px; white-space: nowrap; }
  .project-demo td { line-height: 1.5; }
  .txn-date { display: block; font-size: 9px; color: #8b997b; margin-top: 3px; }
}
@media (max-width:850px) { html { scroll-padding-bottom: 90px; } }

/* Instructor */
.instructor-section { display: grid; grid-template-columns: .7fr 1.3fr; gap: 100px; align-items: center; border-top: 1px solid #dce1d2; }
.instructor-avatar { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #20382e; color: #c6dda6; border-radius: 50%; aspect-ratio: 1; width: min(250px,100%); margin: auto; position: relative; }
.instructor-avatar::before { content: ''; position: absolute; inset: -17px; border: 1px dashed #bfcdaa; border-radius: 50%; }
.instructor-avatar>span { font: 650 84px/1 var(--heading); letter-spacing: -4px; }
.instructor-avatar small { font-size: 8px; letter-spacing: 1.7px; line-height: 1.8; text-align: center; color: #a9c18a; margin-top: 14px; }
.instructor-copy>p { max-width: 560px; margin: 23px 0 0; color: var(--muted); font-size: 14px; line-height: 1.8; }
.instructor-facts { list-style: none; padding: 0; margin: 26px 0 0; display: grid; gap: 11px; max-width: 600px; }
.instructor-facts li { position: relative; padding-left: 24px; font-size: 13px; line-height: 1.6; color: #52624b; }
.instructor-facts li::before { content: '✳'; position: absolute; left: 0; top: 0; color: #84a165; font-size: 13px; }
.instructor-facts strong { color: var(--ink); font-weight: 600; }
@media(max-width:1150px) and (min-width:851px){ .instructor-section { grid-template-columns: 200px 1fr; gap: 55px; } .instructor-avatar>span { font-size: 64px; } }
@media(max-width:850px){ .instructor-section { display: block; } .instructor-avatar { width: 92px; float: right; margin: 6px 8px 0 18px; } .instructor-avatar::before { inset: -8px; } .instructor-avatar>span { font-size: 34px; letter-spacing: -1.5px; } .instructor-avatar small { display: none; } .instructor-copy>.section-kicker { max-width: 180px; } .instructor-copy h2 { font-size: 29px; } .instructor-copy>p { clear: both; font-size: 13px; margin-top: 19px; } .instructor-facts li { font-size: 12px; } }

.instructor-photo { margin: auto; width: min(250px,100%); aspect-ratio: 1; position: relative; }
.instructor-photo::before { content: ''; position: absolute; inset: -17px; border: 1px dashed #bfcdaa; border-radius: 50%; }
.instructor-photo img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; background: #eaf0df; }
@media(max-width:850px){ .instructor-photo { width: 96px; float: right; margin: 6px 8px 0 18px; } .instructor-photo::before { inset: -8px; } }

/* Readable mobile type: body copy 16px, supporting text 13–14px. */
@media (max-width:850px) {
  .hero-description,
  .section-heading>p,
  .approach-copy>p,
  .instructor-copy>p,
  .instructor-facts li,
  .free-copy>p,
  .lesson-detail p,
  .faq-item>p,
  .article-page p,
  .standalone-intro,
  .final-inner>p:not(.guarantee-note) { font-size: 16px; line-height: 1.7; }

  .lesson-outcome, .process-track li>p, .process-note,
  .approach-principles strong, .offer-includes,
  .faq-item summary, .lesson-callout, .lesson-callout p,
  .project-demo .import-zone p, .import-checks ol,
  .workshop-dialog ul, dialog p { font-size: 15px; line-height: 1.65; }
  .lesson h3, .process-track h3 { font-size: 17px; line-height: 1.45; }
  .faq-item summary { padding-block: 22px; }
  .article-page .article-lead { font-size: 18px; }
  .lesson-prompt pre { font-size: 14px; line-height: 1.75; }

  .primary-cta, .header-cta, .demo-cta,
  .offer-card .primary-cta, .starter-links .primary-cta,
  .final-inner>.primary-cta, .standalone-bottom .primary-cta,
  .project-demo .import-zone .primary-cta,
  .mobile-purchase .primary-cta { font-size: 14px; min-height: 48px; }
  .inline-link, .starter-links .inline-link, .lesson-detail .inline-link,
  .project-below .inline-link, .text-button,
  .project-demo .demo-bottom .text-button, .final-free { font-size: 14px; }
  .hero-actions { flex-wrap: wrap; gap: 16px; }
  .demo-cta { justify-content: center; }

  .purchase-note, .tool-note, .guarantee-note,
  .hero-conversion .guarantee-note, .offer-card .guarantee-note,
  .offer-footnote, .launch-label, .project-below p,
  .project-hint, .import-result, .import-meta, .import-checks a,
  .workshop-dialog small, .dialog-price span,
  .enrollment-status, .enrollment-status p,
  .starter-form>p, .email-consent, .form-privacy,
  .site-footer>p, .site-footer nav a, .footer-small,
  .standalone-bottom>p, #copy-status { font-size: 13px; line-height: 1.6; }
  .final-inner .final-requirements { font-size: 13px!important; line-height: 1.65; }
  .section-kicker, .final-inner>.section-kicker,
  .offer-label, .dialog-eyebrow { font-size: 11px; line-height: 1.6; letter-spacing: 1.2px; }
  .eyebrow { font-size: 11px; line-height: 1.5; letter-spacing: .9px; }
  .process-number, .lesson-number, .outcome-number { font-size: 12px; }
  .outcome p { font-size: 15px; }
  .outcome p span, .outcome-intro { font-size: 14px; line-height: 1.6; }
  .starter-form>label:first-child { font-size: 14px; line-height: 1.5; }
  .email-row input { font-size: 16px; }
  .email-row button { font-size: 13px; }

  .visual-topline { font-size: 11px; letter-spacing: .9px; }
  .coffee-brand, .project-identity { font-size: 13px; }
  .sample-pill, .project-toolbar .sample-pill { font-size: 11px; }
  .dashboard-title h2 { font-size: 15px; }
  .period-button { font-size: 12px; min-height: 36px; }
  .metric-label { font-size: 12px; white-space: normal; line-height: 1.3; min-height: 31px; }
  .chart-heading, .chart-legend, .chart-axis, .bar-label,
  .project-demo .demo-chart .bar-label { font-size: 12px; }
  .chart-axis { width: 30px; }
  .chart-wrap { height: 100px; }
  .project-period, .project-heading .section-kicker { font-size: 12px; }
  .project-demo .demo-tabs button { font-size: 14px; min-height: 48px; }
  .project-demo .demo-tabs button>span { font-size: 11px; }
  .table-caption, .table-caption>span:last-child,
  .project-demo th, .txn-date, .project-demo td:first-child,
  .project-demo .demo-bottom>span { font-size: 12px; }
  .project-demo table, .category-tag { font-size: 14px; }
  .project-demo .table-scroll { max-height: 290px; }
  .project-demo .demo-summary span { font-size: 13px; min-height: 34px; line-height: 1.3; }
  .project-demo .demo-footnote { font-size: 13px!important; }
  .project-demo .demo-bottom>span { max-width: none; }
  .paper-file>div { font-size: 14px; }
  .paper-file small, .paper-file b, .paper-stamp { font-size: 12px; }
  .paper-file>div { min-width: 0; overflow-wrap: anywhere; }
  .mobile-purchase small { font-size: 11px; }
  .site-footer nav { row-gap: 16px; }
  .subpage-header>.inline-link { font-size: 12px; }
  .lesson-totals>div { font-size: 13px; }
}
@media (max-width:500px) {
  .hero-actions { display: grid; grid-template-columns: minmax(0,1fr); gap: 8px; }
  .hero-actions .primary-cta { width: 100%; padding: 18px 21px; font-size: 16px; }
  .hero-actions .demo-cta { justify-self: center; }
  .hero-actions .play-circle { display: grid; }
  .dashboard-title { align-items: flex-start; }
  .dashboard-metrics strong { font-size: clamp(18px,5.2vw,24px); }
  .period-button { padding-inline: 6px; }
  .dashboard-title h2 { max-width: 125px; line-height: 1.4; }
  .chart-heading { gap: 8px; }
  .chart-legend { flex-shrink: 0; }
  .project-demo .demo-tabs { gap: 16px; }
  .project-demo .demo-tabs button { font-size: 13px; }
  .project-demo th:last-child, .project-demo td:last-child { width: 92px; }
  .project-demo .demo-summary strong { font-size: clamp(17px,4.8vw,24px); }
  .table-caption { flex-wrap: wrap; gap: 6px; }
  .project-demo .import-zone h3 { font-size: 18px; line-height: 1.4; }
  .project-demo .demo-bottom { align-items: flex-start; }
  .project-demo .demo-bottom .text-button { white-space: nowrap; font-size: 13px; }
  .process-art { height: 152px; }
  .process-art>span:first-child, .mini-file>div,
  .mini-file>div:nth-child(2), .mini-prompt p,
  .mini-check>span:last-child { font-size: 10px; }
  .mini-file>span:first-child { font-size: 11px; }
  .mini-build small { font-size: 9px; }
  .mini-file>div { gap: 2px; }
  .mini-check>div { font-size: 12px; }
  .free-paper { width: 90%; }
  .paper-file { gap: 10px; }
  .paper-stamp { font-size: 10px; letter-spacing: 1.3px; }
  .email-row { flex-wrap: wrap; }
  .email-row input { flex-basis: 100%; }
  .email-row button { width: 100%; min-height: 44px; font-size: 14px; }
  .mobile-purchase { gap: 12px; padding-inline: 16px; }
  .mobile-purchase .primary-cta { padding-inline: 14px; gap: 12px; font-size: 13px; }
  .mobile-purchase small { max-width: 92px; }
  .site-footer { grid-template-columns: 1fr; }
  .site-footer>p { text-align: left; }
  .subpage-header { gap: 12px; }
  .subpage-header>.inline-link { max-width: 120px; line-height: 1.4; }
  .lesson-totals>div { padding: 13px 8px; }
  .lesson-totals strong { font-size: clamp(18px,5.3vw,24px); }
}

/* Content pages: guides, comparisons, templates */
.breadcrumbs { font-size: 11px; color: #839373; margin-bottom: 26px; }
.breadcrumbs a { color: #5f7552; text-decoration: none; border-bottom: 1px solid #c9d6b8; }
.article-meta { font-size: 12px !important; color: #839373 !important; margin: -6px 0 26px; }
.article-meta a { color: var(--green); }
.article-page a:not(.primary-cta):not(.inline-link) { color: var(--green); text-underline-offset: 3px; }
.article-list { padding-left: 20px; margin: 0 0 8px; }
.article-list li { font-size: 15px; color: #627855; line-height: 1.8; margin-bottom: 10px; }
.article-list strong { color: var(--ink); font-weight: 600; }
.compare-table { white-space: normal; font-size: 13px; margin-block: 22px; min-width: 640px; }
.compare-table th, .compare-table td { vertical-align: top; line-height: 1.55; padding: 13px 12px; }
.compare-table thead th { font-size: 10px; letter-spacing: .6px; text-transform: uppercase; background: #eef2e6; }
.compare-table tbody th { font-size: 13px; font-weight: 400; color: #52624b; min-width: 170px; }
.compare-table tbody th strong { color: var(--ink); font-weight: 650; }
.compare-table td { color: #52624b; }
.guide-list { list-style: none; padding: 0; margin: 30px 0 0; display: grid; gap: 12px; }
.guide-list a { display: block; padding: 20px 22px; border: 1px solid #dce1d2; border-radius: 10px; background: #fffefa; text-decoration: none; transition: border-color .2s, transform .2s; }
.guide-list a:hover { border-color: #9ab778; transform: translateY(-1px); }
.guide-list strong { display: block; font: 600 17px/1.35 var(--heading); color: var(--ink); letter-spacing: -.3px; }
.guide-list span { display: block; font-size: 13px; color: #6d7d62; margin-top: 6px; line-height: 1.5; }
.article-page .faq-item { border-bottom: 1px solid #dce1d2; }
.article-page .faq-item summary { cursor: pointer; list-style: none; display: flex; justify-content: space-between; gap: 16px; padding: 17px 0; font-size: 15px; font-weight: 500; color: var(--ink); }
.article-page .faq-item summary::-webkit-details-marker { display: none; }
.article-page .faq-item p { margin: 0 0 18px; font-size: 14px; }
.article-next .inline-link { margin-left: 18px; }
@media(max-width:500px){ .article-list li { font-size: 13px; } .guide-list strong { font-size: 15px; } .article-next .inline-link { margin: 16px 0 0; } .compare-table { font-size: 12px; } }

.compare-table .muted { font-size: 11px; color: #8a987a; }
.home-guides .guide-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
@media(max-width:850px){ .home-guides .guide-list { grid-template-columns: 1fr; } }

/* Waitlist forms (home, offer dialog, lesson and guide pages) */
.hp-field { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.dialog-form { margin-top: 18px; padding-top: 18px; }
.article-next .starter-form { max-width: 560px; }
.article-page .starter-form>label:first-child { font-size: 14px; line-height: 1.5; color: #667d51; }
.article-page .starter-form>p { font-size: 13px; line-height: 1.6; color: #8a997c; margin: 10px 0 4px; }
.article-page h3 { font-size: 18px; line-height: 1.4; letter-spacing: -.3px; margin: 30px 0 10px; }

/* GEO pass 2026-10-14: short answers and related guides */
.article-page .bluf { border-left: 3px solid var(--green); background: #eef2e6; padding: 16px 20px; border-radius: 0 8px 8px 0; font-size: 16px; line-height: 1.65; color: var(--ink); margin: 22px 0 26px; max-width: 760px; }
.article-page .bluf strong { color: var(--green); font-weight: 650; }
.related-guides { margin: 48px 0 8px; }
.related-guides .guide-list { grid-template-columns: repeat(2,minmax(0,1fr)); margin-top: 18px; }
.related-guides p { margin-top: 16px; font-size: 14px; }
@media(max-width:850px){ .related-guides .guide-list { grid-template-columns: 1fr; } .article-page .bluf { font-size: 15px; padding: 14px 16px; } }

/* Refresh 2026-10-16: inline call to action in articles */
.article-page .inline-cta { border: 1px solid #d8e2cb; background: #fffefa; border-radius: 10px; padding: 18px 20px; margin: 30px 0; max-width: 760px; }
.article-page .inline-cta p { margin: 0 0 10px; font-size: 15px; line-height: 1.65; }
.article-page .inline-cta p:last-child { margin: 0; }
.article-page .inline-cta .inline-link { display: inline-block; margin-right: 18px; }