@import "tailwindcss";
@import "./legal.css";
:root{--ink:#13251f;--green:#174f3b;--mint:#dff3e7;--lime:#d9f36a;--cream:#f7f4ea;--paper:#fffdf7;--line:#cad7cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px;border-bottom:1px solid var(--line)}.brand{font-weight:900;letter-spacing:-1px;font-size:20px}.brand span{color:#3f8e66}.navCta,.primary{background:var(--ink);color:white;padding:15px 22px;border-radius:4px;font-weight:800;display:inline-block}.hero{min-height:680px;display:grid;grid-template-columns:1.04fr .96fr;max-width:1180px;margin:auto;padding:80px 24px;gap:64px;align-items:center}.eyebrow{text-transform:uppercase;letter-spacing:2.2px;font-size:12px;font-weight:900;color:#3d775d}.hero h1{font-family:Georgia,serif;font-size:68px;line-height:.97;letter-spacing:-3.5px;margin:18px 0 26px}.hero h1 em{color:#3f8e66;font-weight:400}.lead{font-size:19px;line-height:1.65;max-width:620px;color:#42554d}.actions{display:flex;gap:24px;align-items:center;margin-top:32px}.secondary{font-weight:800;border-bottom:1px solid}.micro{font-size:12px;color:#6a7d74}.productStage{height:500px;background:var(--mint);position:relative;border-radius:48% 48% 8px 8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.book{position:relative;z-index:2;width:300px;height:390px;background:var(--green);color:white;padding:45px 32px;box-shadow:25px 30px 50px #18392d55;transform:rotate(-3deg)}.book p,.book b{font-size:10px;letter-spacing:1.8px}.book h2{font:35px/1.05 Georgia,serif;margin:30px 0}.book .rule{width:50px;border-top:5px solid var(--lime);margin-bottom:16px}.book small{display:block;margin-top:44px;line-height:1.4;color:#d8e8df}.sheet{position:absolute;background:white;width:270px;height:350px;padding:28px;box-shadow:0 15px 40px #18392d33;transform:translate(95px,45px) rotate(8deg)}.sheet span{font-weight:900;font-size:12px}.sheet i{display:block;border-bottom:1px solid #bbc9c2;margin-top:42px}.badge{position:absolute;z-index:4;right:42px;top:42px;background:var(--lime);width:92px;height:92px;border-radius:50%;display:grid;place-content:center;text-align:center;font:900 29px Georgia}.badge small{font:700 10px Arial;text-transform:uppercase}.problem,.steps,.faq{padding:105px 24px;max-width:1180px;margin:auto}.problem h2,.steps h2,.faq h2,.inside h2,.offer h2{font:48px/1.08 Georgia,serif;letter-spacing:-2px;max-width:740px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:48px}.three article{border-top:1px solid var(--ink);padding:28px 4px}.three b{color:#3f8e66}.three h3{font:24px Georgia;margin:28px 0 12px}.three p,.inside p,.offer p,.faq p{line-height:1.65;color:#52645c}.inside{background:var(--ink);color:white;padding:105px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:1fr 1fr;gap:70px}.inside h2{color:white}.inside>div>p:last-child{color:#b8c9c1}.inside ul{list-style:none;margin:0;padding:0}.inside li{border-bottom:1px solid #ffffff33;padding:15px 0;font-weight:700}.inside li span{display:inline-block;width:44px;color:var(--lime);font-size:11px}.steps{text-align:center}.steps h2{margin:18px auto}.steps .three{text-align:left}.offer{background:var(--cream);padding:80px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:1fr 360px;gap:70px;align-items:center}.offer ul{line-height:2}.price{background:white;border:1px solid var(--line);padding:38px;text-align:center}.price strong{display:block;font:68px Georgia;margin:12px}.price .primary{width:100%;background:#e0673c}.price p{font-size:11px}.faq{max-width:850px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq summary{font-weight:800;cursor:pointer;list-style:none;display:flex;justify-content:space-between}.faq details:last-child{border-bottom:1px solid var(--line)}footer{background:var(--ink);color:white;padding:65px max(24px,calc((100vw - 1132px)/2));text-align:center}footer p,footer small{color:#afc2b9}footer nav{display:flex;justify-content:center;gap:24px;margin:30px 0;font-size:13px}@media(max-width:800px){.hero,.inside,.offer{grid-template-columns:1fr}.hero{padding-top:48px}.hero h1{font-size:48px}.productStage{height:420px}.problem h2,.steps h2,.faq h2,.inside h2,.offer h2{font-size:38px}.three{grid-template-columns:1fr}.actions{align-items:flex-start;flex-direction:column}.inside{gap:35px}.offer{gap:28px}.price{max-width:400px;width:100%;margin:auto}footer nav{flex-wrap:wrap}}