@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#18253f;--paper:#faf7f0;--peach:#fac296;--muted:#646c79;--line:#deded8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd6632;outline-offset:5px}.skip{position:absolute;top:-100px;left:20px;z-index:10;background:var(--ink);color:white;padding:12px}.skip:focus{top:10px}.wrap{width:min(1220px,calc(100% - 96px));margin:auto}header{height:115px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;gap:13px;align-items:center;font-size:10px;letter-spacing:1.6px;font-weight:700;line-height:1.4}.brand>span{font-family:Georgia,serif;font-size:35px;letter-spacing:-5px}.brand>span>span{font-size:22px;color:#a96534;margin-left:5px}.brand small{font-size:8px;font-weight:400;letter-spacing:1.3px}nav{display:flex;align-items:center;gap:30px;font-size:12px}nav>a:not(.button):hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:var(--paper);padding:18px 24px;font-size:13px;font-weight:600;border:1px solid var(--ink);border-radius:4px;transition:transform .2s,background .2s}.button:hover{background:#33466d;transform:translateY(-2px)}.button span{white-space:nowrap}.button.small{padding:11px 17px;font-size:11px}.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center;padding:70px 0 75px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;margin:0 0 24px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:600;line-height:1.13;letter-spacing:-2px;margin:0}h1{font-size:clamp(40px,4.7vw,64px);letter-spacing:-3.2px}em{font-family:Georgia,serif;font-weight:400;color:#945b35}.lead{font-size:17px;line-height:1.8;color:var(--muted);max-width:490px;margin:27px 0 29px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:600}.micro{font-size:10px;color:var(--muted);margin-top:18px}.hero-art{background:var(--ink);padding:22px;border-radius:5px;box-shadow:14px 14px 0 #e9dfd2}.hero-art>img{display:block;width:100%;height:auto}.art-label{display:block;color:var(--peach);font-size:8px;letter-spacing:1.5px;padding-bottom:18px}.art-foot{display:flex;justify-content:space-between;align-items:center;color:var(--paper);padding:20px 3px 0}.art-foot>span:first-child{font-size:9px;letter-spacing:1.3px;line-height:1.6}.art-foot>span:last-child{font-size:29px;line-height:1;text-align:right}.art-foot small{font-size:8px;letter-spacing:1px}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:28px 0}.facts>div{display:flex;align-items:center;gap:17px;border-right:1px solid var(--line);padding:0 24px}.facts>div:first-child{padding-left:0}.facts>div:last-child{border:0}.facts b{font-family:Manrope,sans-serif;font-size:35px;letter-spacing:-1px}.facts span{font-size:11px;color:var(--muted);max-width:120px;line-height:1.5}.section{padding:95px 0}.intro{max-width:720px;margin-bottom:42px}h2{font-size:44px;line-height:1.2;letter-spacing:-2px}.intro>p:last-child{font-size:16px;color:var(--muted);max-width:640px;margin:22px 0 0}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.benefit-grid article{border-top:2px solid var(--ink);padding-top:22px}.benefit-grid article>span{font-size:9px;letter-spacing:1.4px;color:#945b35;font-weight:700}.benefit-grid h3{font-size:23px;letter-spacing:-.8px;margin-top:15px}.benefit-grid p{font-size:13px;color:var(--muted);line-height:1.8}.roadmap{background:var(--ink);color:var(--paper);padding:80px 0}.roadmap-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.roadmap .eyebrow{color:var(--peach)}.roadmap em{color:var(--peach)}.roadmap h2{font-size:52px}.roadmap p:not(.eyebrow){color:#c0c8d7;font-size:14px;max-width:430px}.stage-buttons{display:grid;gap:8px;margin-top:28px;max-width:380px}.stage-buttons button{background:transparent;border:1px solid #53617b;color:var(--paper);padding:12px 16px;text-align:left;font-size:13px;cursor:pointer;border-radius:3px}.stage-buttons button[aria-selected=true]{background:var(--peach);color:var(--ink);border-color:var(--peach);font-weight:600}#stage-panel{background:#22324f;border:1px solid #53617b;border-radius:4px;padding:35px;min-height:365px}#stage-panel h3{font-size:29px;letter-spacing:-1px}.output{border-left:2px solid var(--peach);padding-left:20px;margin-top:28px}.output>span{font-size:8px;letter-spacing:1.6px;color:var(--peach)}.note{font-size:11px!important;line-height:1.7}.roadmap .note{margin-top:25px;color:#a6b3c9!important}.part{border-top:1px solid var(--line)}.part:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.part summary{display:grid;grid-template-columns:45px 1fr auto 24px;gap:15px;align-items:center;padding:19px 0}.part summary>span{color:#945b35;font-family:Georgia,serif;font-size:24px}.part strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.part small{font-size:10px;color:var(--muted)}summary b{font-size:24px;font-weight:400;text-align:right}details[open]>summary>b{transform:rotate(45deg)}.part ol{margin:0 0 22px 60px;padding-left:20px;columns:2;column-gap:45px;font-size:13px;color:var(--muted)}.part li{padding:3px 0;break-inside:avoid}.practice{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:0 0 95px;align-items:center}.practice p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:440px;margin:23px 0}.practice h2{font-size:38px}.worksheet{background:#efe7da;padding:35px;border:1px solid #d9cbbb;box-shadow:8px 8px 0 #e6ddcf}.worksheet span{font-size:8px;letter-spacing:1.4px;font-weight:700;color:#875029}.worksheet blockquote{font-family:Georgia,serif;font-size:25px;line-height:1.6;margin:21px 0 25px}.worksheet u{text-decoration-color:#a28c76;text-underline-offset:7px;font-size:21px}.worksheet>div{border-top:1px solid #cdbfae;padding-top:20px}.worksheet>div>p{font-size:13px!important;line-height:2!important}.worksheet small{font-size:10px;color:var(--muted)}.package{background:#e9edf2;padding:85px 0}.package-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:center}.package ul{list-style:none;padding:0;margin-top:26px}.package li{font-size:13px;padding:8px 0}.package li:before{content:'↗';color:#875029;margin-right:13px}.package .note{color:var(--muted);max-width:500px}.package aside{background:var(--paper);padding:37px;border:1px solid #c8cfda;border-radius:4px;box-shadow:8px 8px 0 #d5dce6}.price{font-family:Manrope,sans-serif;font-size:82px;letter-spacing:-5px;line-height:1.2}.price span{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:1px;color:var(--muted)}aside>p:not(.eyebrow){font-size:13px;color:var(--muted)}aside .button{width:100%;margin:12px 0 18px}aside small{font-size:10px;color:var(--muted);display:block}hr{border:0;border-top:1px solid var(--line);margin:24px 0}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:90px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:19px 0;font-size:14px}.faq details p{font-size:13px;color:var(--muted);padding-bottom:12px}.closing{text-align:center;border-top:1px solid var(--line);padding:65px 0 80px}.closing h2{font-size:40px}.closing .button{margin-top:30px}footer{border-top:1px solid var(--line);padding:30px 0;display:grid;grid-template-columns:1fr auto;gap:23px}footer .brand{font-size:9px}footer>div{display:flex;gap:25px;font-size:11px}footer small{font-size:9px;color:var(--muted);grid-column:1/-1;max-width:900px}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}nav>a:not(.button){display:none}.hero{gap:35px}h1{font-size:48px}.hero-art{padding:16px}.actions{gap:18px}.facts>div{padding:0 17px;gap:12px}.facts b{font-size:30px}.facts span{font-size:10px}.benefit-grid{grid-template-columns:1fr 1fr;gap:30px}.roadmap-grid,.package-grid{gap:45px}.part strong{font-size:16px}.practice{gap:35px}.worksheet{padding:27px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}header{height:90px}.brand{font-size:8px;gap:9px;letter-spacing:1px}.brand>span{font-size:29px}.brand small{font-size:7px}.button.small{font-size:10px;padding:10px 12px;gap:12px}.hero{grid-template-columns:1fr;padding:43px 0 55px;gap:35px}h1{font-size:44px;letter-spacing:-2.3px}.lead{font-size:16px;margin:23px 0}.eyebrow{font-size:8px;letter-spacing:1.6px}.hero .actions{flex-direction:column;align-items:flex-start}.hero .button{width:100%}.hero-art{box-shadow:8px 8px 0 #e9dfd2;max-width:440px;margin:auto}.facts{grid-template-columns:1fr 1fr;gap:23px 0}.facts>div{padding:0 15px}.facts>div:nth-child(2){border:0}.facts>div:nth-child(3){padding-left:0}.facts span{font-size:10px}.facts b{font-size:31px}.section{padding:60px 0}h2{font-size:33px;letter-spacing:-1.4px}.intro>p:last-child{font-size:14px}.benefit-grid{gap:25px 20px}.benefit-grid h3{font-size:21px}.benefit-grid p{font-size:12px}.benefit-grid article>span{font-size:8px}.roadmap{padding:58px 0}.roadmap-grid,.package-grid,.practice,.faq{grid-template-columns:1fr;gap:30px}.roadmap h2{font-size:44px}.stage-buttons{max-width:none}#stage-panel{padding:25px;min-height:340px}.part summary{grid-template-columns:25px 1fr 22px;gap:10px;padding:17px 0}.part summary small{grid-column:2;grid-row:2}.part summary>b{grid-column:3;grid-row:1/3}.part strong{font-size:16px;line-height:1.5}.part summary>span{font-size:20px}.part ol{columns:1;margin-left:35px;font-size:12px}.practice{padding:0 0 60px}.practice h2{font-size:33px}.worksheet blockquote{font-size:22px}.worksheet u{font-size:19px}.package{padding:58px 0}.package aside{padding:28px}.package li{font-size:12px}.faq{gap:25px}.faq summary{font-size:13px}.closing{padding:48px 0 60px}.closing h2{font-size:32px}footer{grid-template-columns:1fr;gap:20px}footer small{grid-column:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
