/* Shared YNR tokens. Local system typography avoids an external font dependency. */
:root {
  --paper:#faf8ef; --white:#fffdf7; --ink:#10243a; --green:#244d3d;
  --yellow:#f4d75e; --muted:#59655e; --line:#d9ddd1; --soft:#e9eddf;
  --sans:'Segoe UI',Arial,sans-serif; --serif:var(--sans);
  --display:var(--sans); --space-section:clamp(64px,8vw,112px);
  --radius:5px; --focus:#946900; --border:1px solid var(--line);
}
body {font-family:var(--sans); -webkit-font-smoothing:antialiased}
h1,h2 {font-family:var(--display);font-weight:650;letter-spacing:-.045em}
h2 {font-size:clamp(32px,3.4vw,46px);line-height:1.13}
h3 {font-weight:600}
.wrap {max-width:1232px;padding-inline:48px}
.button {border-radius:var(--radius);padding:14px 23px;font-size:14px;min-height:50px;gap:20px;transition:background .18s,transform .18s}
.button.secondary {border-color:#a4ad9c}
.eyebrow {font-size:11px;letter-spacing:.13em;font-weight:650}
header {border:0;padding-top:24px}
.nav.wrap {width:calc(100% - 96px);max-width:1136px;padding:5px 22px 5px 10px;min-height:76px;border:2px dotted #b4b9a8;border-radius:10px}
.brand {width:64px;height:64px}
.brand img {transform:none;border-radius:0;mix-blend-mode:multiply}
.nav nav {gap:32px}
.nav a {font-size:13px}
.nav-access {border-color:#85947f;padding:7px 17px}
.preview-banner {padding:12px 20px 0;background:none;color:var(--muted);font-size:11px;font-weight:400}
.preview-banner span {margin-left:9px}
.hero-stage {position:relative;isolation:isolate;overflow:hidden}
.hero-stage::before {content:'';position:absolute;inset:20px 12% 0;z-index:-1;background-image:linear-gradient(#b8c2a62b 1px,transparent 1px),linear-gradient(90deg,#b8c2a62b 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 50% 58%,#000 0%,transparent 70%)}
.hero {display:block;text-align:center;padding-block:61px 68px;position:relative;z-index:1}
.hero .eyebrow {margin:0 0 24px;color:var(--green)}
.hero h1 {font-size:clamp(44px,4.8vw,69px);line-height:1.09;letter-spacing:-.052em;max-width:1060px;margin:0 auto 27px;font-weight:720;color:var(--green);text-wrap:initial}
.hero mark {background:none;color:inherit;position:relative;white-space:nowrap;display:inline-block;isolation:isolate;padding:0 10px 5px}
.hero mark::before {content:'';position:absolute;inset:5px -3px 0;z-index:-1;background:var(--yellow);clip-path:polygon(0 5%,15% 0,43% 5%,73% 2%,100% 6%,99% 94%,78% 99%,42% 96%,17% 100%,1% 95%);transform:rotate(-1deg)}
.hero .lead {max-width:610px;font-size:18px;line-height:1.7;margin:0 auto 28px;color:#4a594f}
.hero .actions {justify-content:center;gap:12px}
.hero .purchase-note {margin:16px 0 29px;font-size:12px}
.hero-facts {display:flex;justify-content:center;gap:24px;max-width:650px;margin:0 auto;padding-top:22px;border-top:1px solid #ced5c1;font-size:12px;font-weight:400}
.hero-facts span {padding:0;color:var(--green)}
.paper-scribble {position:absolute;width:92px;color:var(--green);stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;opacity:.78}
.paper-scribble .sheet {fill:var(--paper)}
.paper-left {left:max(3%,calc(50% - 570px));top:210px;transform:rotate(12deg)}
.paper-low {left:max(15%,calc(50% - 430px));bottom:14px;width:82px;transform:rotate(-24deg)}
.paper-right {right:max(5%,calc(50% - 550px));bottom:49px;width:99px;transform:rotate(17deg)}
.product-stage {padding-top:8px;padding-bottom:16px}
.product-frame {background:#e7ebde;border:1px solid #d5dccb;border-radius:8px;padding:44px 52px 17px;overflow:hidden}
.product-caption {display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}
.product-caption .eyebrow {margin-bottom:12px}
.product-caption h2 {font-size:36px;margin:0}
.product-caption>p {font-size:15px;color:var(--muted);margin:0 0 3px}
.product-screen {border:1px solid #b7c1ad;border-radius:7px;overflow:hidden;background:var(--paper);box-shadow:0 12px 32px #244d3d0d}
.screen-toolbar {display:flex;align-items:center;justify-content:space-between;gap:15px;padding:12px 18px;background:#f4f5ec;border-bottom:var(--border);color:var(--muted);font-size:10px}
.screen-toolbar>span:first-child {color:#a8b69a;letter-spacing:3px}
.product-screen img {display:block;width:100%;height:auto}
.visual-caption {text-align:center;font-size:11px;color:var(--muted);margin:15px 0 0}
.section-title {gap:70px;margin-bottom:44px}
.section-title h2 {font-size:clamp(32px,3.2vw,44px)}
.section-title>p {font-size:16px;max-width:350px}
.feature-spread {display:grid;grid-template-columns:1fr 1fr;gap:88px;align-items:center}
.answer-paper {background:var(--white);border:1px solid #c7ccbd;padding:40px;position:relative;transform:rotate(-1.5deg);box-shadow:6px 7px 0 #e8ebdf}
.answer-paper h3 {font-size:34px;letter-spacing:-.04em;line-height:1.2;margin-bottom:20px}
.scribble-underline {text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:5px;text-underline-offset:5px}
.answer-paper>p {font-size:15px}
.answer-paper>.small {font-size:13px;margin-bottom:0}
.paper-example {border-block:1px solid var(--line);margin:25px 0;padding:23px 0}
.paper-example>span {font-size:10px;letter-spacing:.1em;color:var(--green);font-weight:600}
.paper-example p {font-size:18px;line-height:1.7;margin:12px 0 0}
.paper-arrow {position:absolute;bottom:11px;right:9px;width:72px;fill:none;stroke:var(--green);stroke-width:1.4;stroke-linecap:round;transform:rotate(12deg)}
.feature-notes article {padding:25px 0;border-top:var(--border)}
.feature-notes article:last-child {padding-bottom:0}
.feature-notes .eyebrow {font-size:10px}
.feature-notes h3 {font-size:23px;margin:10px 0}
.feature-notes p {font-size:15px;color:var(--muted);margin:0}
.how-section {padding-block:80px;background:#edf0e4;border-block:var(--border)}
.journey {list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:27px;margin:0;padding:0}
.journey li {border-top:1px solid #bbc8ae;padding-top:23px}
.journey .step-number {font-size:16px;display:block;margin-bottom:28px;color:var(--green)}
.journey h3 {font-size:18px;line-height:1.35;margin-bottom:14px}
.journey p {font-size:14px;line-height:1.75;color:var(--muted);margin:0}
.downloads-section {background:var(--paper);padding-block:80px;border-bottom:var(--border)}
.downloads-section .split {gap:100px}
.downloads-section h2 {font-size:39px}
.download-list li:first-child {padding-top:0}
.file-icon {font-size:24px}
.audience {display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.audience-photo {margin:0}
.audience-photo img {display:block;width:100%;height:570px;object-fit:cover;object-position:49% center;border-radius:4px}
.audience-photo>p {font-size:12px;color:var(--muted);margin:13px 0 0}
.audience-copy h2 {font-size:40px}
.audience-copy>p {color:var(--muted);font-size:15px}
.audience-copy>.eyebrow {font-size:10px;color:var(--green)}
.audience-situation {border-top:var(--border);padding:21px 0}
.audience-situation h3 {font-size:19px;margin-bottom:9px}
.audience-situation p {font-size:15px;color:var(--muted);margin:0}
.audience-copy>.small {font-size:12px;margin-top:13px}
.panel {border-radius:var(--radius);box-shadow:none}
.offer {padding-block:85px}
.offer-grid {grid-template-columns:1.12fr 1fr;gap:100px}
.offer h2 {font-size:43px}
.offer-grid>div>p:not(.eyebrow) {max-width:440px;font-size:15px;color:#dfe6d7}
.offer-box {border-radius:var(--radius);padding:30px;border-color:#80927c}
.price {font-family:var(--sans);font-size:58px;font-weight:600;letter-spacing:-.06em}
.price small {letter-spacing:0;margin-left:10px}
.offer-box .small {font-size:12px;line-height:1.7}
.faq {gap:80px;grid-template-columns:1fr 1.3fr}
.faq h2 {font-size:40px}
.faq details:first-child {border-top:var(--border)}
.faq summary {font-weight:500;padding-block:22px}
.faq details p {color:var(--muted)}
.free-section {background:#efeee4;padding-block:64px}
.resource-grid {gap:0 30px;grid-template-columns:repeat(2,1fr)}
.resource-card {border:0;border-top:1px solid #bcc5b1;background:none;padding:25px 0;min-height:230px}
.resource-card h3 {font-family:var(--sans);font-size:25px;max-width:420px;font-weight:600;line-height:1.25}
.resource-card p {max-width:440px;font-size:15px}
.resource-card .text-link {padding:0}
.final-cta {padding-block:65px}
.final-cta h2 {font-size:34px}
.footer-grid {padding-top:40px}
.footer-brand {font:600 24px var(--sans);letter-spacing:-.035em}
.workspace-content h2 {font-weight:600}
.workspace-top h1 {font-weight:650}
.workspace-content,.checkout-action,.evidence-card,.question-card {border-radius:var(--radius)}
.workspace-content {box-shadow:none}
.step-sidebar nav button[aria-current] {border-radius:var(--radius)}
@media(min-width:701px) and (max-width:1050px) {
 .hero h1 {font-size:55px}.paper-left {left:12px;width:66px}.paper-right {right:16px;width:70px}.paper-low {left:80px;width:65px}
 .feature-spread,.audience {gap:40px}.answer-paper {padding:28px}.journey {gap:18px}.journey h3 {font-size:16px}.journey p {font-size:13px}
 .product-frame {padding:35px 30px 18px}.offer-grid {gap:45px}.audience-copy h2 {font-size:34px}
}
@media(max-width:700px) {
 .wrap {padding-inline:22px}header {padding-top:14px}
 .nav.wrap {width:calc(100% - 28px);padding:4px 10px 4px 4px;min-height:66px;border-radius:7px}
 .brand {width:54px;height:54px}.nav nav {gap:14px}.nav a {font-size:11px}.nav-access {padding:5px 9px}
 .preview-banner {font-size:10px;line-height:1.5;padding-top:10px}.preview-banner span {display:block;margin:0}
 .hero {padding:43px 22px 53px}.hero .eyebrow {font-size:9px;letter-spacing:.11em;margin-bottom:23px}
 .hero h1 {font-size:clamp(37px,10vw,51px);line-height:1.13;letter-spacing:-.05em;margin-bottom:22px;max-width:520px}
 .hero h1 br {display:none}.hero mark {padding-inline:5px;padding-bottom:4px}
 .hero .lead {font-size:16px;line-height:1.7;max-width:360px;margin-bottom:25px}
 .hero .actions {max-width:360px;margin:auto;gap:10px}.hero .button {width:100%;font-size:14px}
 .hero .purchase-note {font-size:11px;max-width:280px;margin:17px auto 24px}
 .hero-facts {gap:12px;flex-wrap:wrap;font-size:10px;line-height:1.6;max-width:340px;padding-top:18px}
 .hero-facts span:last-child {width:100%}.hero-stage::before {inset:15px 0 0;background-size:42px 42px}
 .paper-left,.paper-low {display:none}.paper-right {width:42px;bottom:29px;right:14px;opacity:.6}
 .product-stage {padding-top:0;padding-inline:14px}.product-frame {padding:25px 16px 14px;border-radius:6px}
 .product-caption {display:block;margin-bottom:20px}.product-caption h2 {font-size:30px}.product-caption .eyebrow {font-size:9px}
 .product-caption>p {font-size:13px;margin-top:14px}.screen-toolbar {font-size:8px;padding:9px;gap:7px}.screen-toolbar>span:last-child {display:none}.screen-toolbar>span:first-child {font-size:7px;letter-spacing:0}
 .product-screen img {width:155%;max-width:none;margin-left:-2%}.visual-caption {font-size:9px;margin-top:12px}
 .section-title {margin-bottom:32px}.section-title h2 {font-size:33px}.section-title>p {font-size:15px;max-width:none;margin-top:20px}
 .feature-spread {grid-template-columns:1fr;gap:35px}.answer-paper {padding:27px 24px;transform:rotate(-.8deg)}
 .answer-paper h3 {font-size:30px}.paper-example p {font-size:17px}.answer-paper .eyebrow {font-size:9px}.paper-arrow {width:53px}
 .feature-notes article {padding:22px 0}.feature-notes h3 {font-size:22px}
 .how-section {padding-block:60px}.journey {grid-template-columns:1fr;gap:0}.journey li {display:grid;grid-template-columns:35px 1fr;column-gap:14px;padding:21px 0}
 .journey .step-number {grid-row:1/3;margin:2px 0}.journey h3 {font-size:19px;margin:0 0 9px}.journey p {grid-column:2;font-size:14px}
 .downloads-section {padding-block:60px}.downloads-section .split {gap:25px}.downloads-section h2 {font-size:33px}.download-list li:first-child {padding-top:15px}
 .audience {grid-template-columns:1fr;gap:32px}.audience-photo img {height:auto;aspect-ratio:1/1;object-position:center}.audience-photo>p {font-size:11px}
 .audience-copy h2 {font-size:34px}.audience-copy>.eyebrow {font-size:9px}.audience-copy>.small {font-size:13px}
 .offer {padding-block:60px}.offer-grid {grid-template-columns:1fr;gap:23px}.offer h2 {font-size:35px}.offer-box {padding:25px 22px}.price {font-size:54px}.offer-box .small {font-size:13px}
 .faq {grid-template-columns:1fr;gap:22px}.faq h2 {font-size:34px}.faq summary {font-size:15px;line-height:1.5}
 .resource-grid {grid-template-columns:1fr}.resource-card {min-height:0}.free-section {padding-block:55px}.resource-card h3 {font-size:24px}
 .final-cta h2 {font-size:30px}.final-cta {padding-block:55px}.sales-page {padding-bottom:0}.mobile-purchase {display:none}
 .footer-grid {gap:25px}.footer-brand {font-size:23px}
 .workspace-top h1 {font-size:25px}.workspace-content h2 {font-size:29px}.checkout-heading h1 {font-size:38px}
}
@media print {.hero-stage::before,.paper-scribble {display:none}.nav.wrap {border:0}}
/* Keep the approved logo intact alongside a readable desktop wordmark. */
.brand {display:flex;align-items:center;gap:12px;width:auto;text-decoration:none}
.brand img {width:64px;height:64px;flex-shrink:0}
.brand-name {font-size:18px;font-weight:650;letter-spacing:-.04em;white-space:nowrap}
@media(max-width:700px) {
 .brand img {width:54px;height:54px}.brand-name {display:none}
 .product-screen img {width:100%;margin:0}
}

.hero-preview-link {gap:10px;font-weight:500;padding:8px 4px;font-size:14px}
@media(max-width:700px){.hero .hero-preview-link {margin-top:2px}}