:root{--ink:#172e38;--muted:#52656a;--paper:#f6f7f2;--green:#17634b;--lime:#dfedbc;--line:#dce2d9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit}button{font:inherit}.wrap{max-width:1180px;margin:auto;padding:0 32px}.skip{position:absolute;top:-80px;background:white;padding:12px;z-index:10}.skip:focus{top:0}header{position:sticky;top:0;z-index:5;background:var(--paper);border-bottom:1px solid var(--line)}nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{display:flex;align-items:center;gap:11px;font-size:20px;font-weight:800;letter-spacing:-.8px;text-decoration:none}.mark{display:grid;place-items:center;width:35px;height:35px;background:var(--ink);color:var(--lime);border-radius:50%;font-size:24px;font-weight:400}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px}.nav-links a{text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--green);color:white;text-decoration:none;padding:15px 24px;border-radius:7px;border:1px solid var(--green);font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,transform .2s}.btn:hover{background:#114936;transform:translateY(-2px)}.btn.small{padding:10px 18px;font-size:13px}.btn.light{background:var(--lime);border-color:var(--lime);color:var(--ink)}.text-link{text-underline-offset:5px;font-weight:600;font-size:14px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #aa6410;outline-offset:5px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:700;color:var(--green);margin:0 0 24px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%}.hero{display:grid;grid-template-columns:1.13fr 1fr;gap:64px;padding-top:80px;padding-bottom:72px;align-items:center}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,4.8vw,65px);line-height:1.07;letter-spacing:-3px;margin-bottom:26px;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--green)}.intro{font-size:17px;max-width:460px;color:var(--muted);line-height:1.8;margin-bottom:28px}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.micro{font-size:12px;color:var(--muted);margin:17px 0 0}.workspace{position:relative;background:#e7ecdf;border:1px solid #dce3d3;border-radius:16px;padding:27px 26px 22px;box-shadow:0 25px 55px #24392a0a;transform:rotate(1deg)}.workspace-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:1px;margin-bottom:22px}.dots{display:flex;gap:4px}.dots i{height:6px;width:6px;background:#96a08e;border-radius:50%}.sheet{padding:27px;background:white;border-radius:9px;box-shadow:0 5px 15px #253d2910;transform:rotate(-1deg)}.sheet-tag{color:var(--green);font-size:10px;font-weight:bold;letter-spacing:1.5px}.sheet h3{font-size:23px;letter-spacing:-.7px;margin:13px 0 6px}.sheet>p{font-size:12px;color:var(--muted);margin-bottom:21px}.route{display:flex;align-items:center;gap:13px;padding:12px 0;border-top:1px solid #edf0e8;font-size:13px}.route span{display:grid;place-items:center;background:var(--paper);width:29px;height:29px;flex-shrink:0;border-radius:50%;font-size:11px;color:var(--green)}.route strong{font-weight:500;flex:1}.route b{font-weight:400;color:#698572}.route.active{color:var(--green);font-weight:bold}.route.active span{background:var(--green);color:white}.sheet-bottom{margin-top:17px;border-radius:5px;background:#f1f5eb;padding:11px;font-size:11px;color:var(--green);text-align:center}.workspace-note{font-size:10px;text-align:center;margin:17px 0 0;color:#56664e;letter-spacing:.2px}.compat{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0}.compat .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}.compat p{margin:0;font-size:13px;color:var(--muted)}.toolnames{display:flex;gap:36px;font-size:19px;font-weight:600;letter-spacing:-.5px}.section{padding:85px 0}.heading-row{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}h2{font-size:clamp(30px,3.3vw,43px);line-height:1.15;letter-spacing:-1.7px;font-weight:500;margin-bottom:0}.heading-row p{max-width:320px;color:var(--muted);font-size:14px;margin-bottom:0}.section .eyebrow{margin-bottom:18px}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.module{border:1px solid var(--line);border-radius:9px;padding:28px;background:#ffffff80;position:relative}.module.featured{background:#eaf0e0;border-color:#cfdcbb}.module-num{font:12px monospace;color:var(--green);display:block;margin-bottom:30px}.module h3{font-size:18px;margin-bottom:10px;letter-spacing:-.4px}.module p{font-size:13px;color:var(--muted);margin:0;line-height:1.8}.module-arrow{position:absolute;right:26px;top:22px;font-size:23px;color:#6e8463}.how{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.how-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.how-intro p{color:var(--muted);font-size:14px;margin:22px 0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.step-no{font:italic 36px Georgia,serif;color:var(--green);display:block;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px}.steps h3{font-size:16px;margin-bottom:10px}.steps p{font-size:13px;color:var(--muted)}.offer{display:grid;grid-template-columns:1fr .9fr;gap:95px;align-items:center}.offer-copy>p{color:var(--muted);font-size:15px;margin:22px 0}.checklist{list-style:none;padding:0;margin:27px 0}.checklist li{padding:9px 0;font-size:14px}.checklist li:before{content:'✓';color:var(--green);margin-right:13px}.support{padding-top:23px;border-top:1px solid var(--line);display:flex;gap:14px;align-items:center}.avatar{display:grid;place-items:center;border-radius:50%;width:42px;height:42px;background:#e2e8d6;font-size:13px;flex-shrink:0}.support p{font-size:12px;margin:0;color:var(--muted)}.support strong{display:block;color:var(--ink);font-size:13px}.price-card{background:var(--ink);color:white;border-radius:12px;padding:38px;position:relative;overflow:hidden}.price-card:before{content:'↗';position:absolute;right:22px;top:-24px;font-size:170px;line-height:1;color:#ffffff07}.price-kicker{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--lime)}.price{font-size:85px;letter-spacing:-5px;line-height:1.2;margin:20px 0 8px}.price span{font-size:27px;letter-spacing:-1px}.price-note{color:#c3d0ce;font-size:13px}.price-card .btn{width:100%;margin:16px 0}.price-details{border-top:1px solid #ffffff24;padding-top:22px;margin-top:15px;display:flex;justify-content:space-between;font-size:12px;color:#d4ddda;gap:16px}.price-details b{color:var(--lime)}.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:15px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';font-size:22px;font-weight:400;color:var(--green)}.faq details[open] summary:after{content:'−'}.faq details p{font-size:14px;color:var(--muted);margin:15px 20px 0 0}.last{background:#e7eddc;padding:45px 0}.last .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.last h2{font-size:30px}.last p{margin:10px 0 0;color:var(--muted);font-size:14px}footer{padding:35px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:11px;color:var(--muted)}.copyright{font-size:11px;color:var(--muted);margin:18px 0 0}dialog{border:1px solid var(--line);border-radius:14px;padding:32px;max-width:460px;width:calc(100% - 32px);color:var(--ink)}dialog::backdrop{background:#172e3880}dialog h2{font-size:26px;margin-bottom:18px}dialog p{color:var(--muted);font-size:14px}
@media(max-width:950px){.hero{gap:32px;padding-top:55px}h1{font-size:48px}.nav-links{gap:18px}.workspace{padding:20px}.sheet{padding:20px}.offer{gap:45px}.how-grid{gap:35px}.faq{gap:40px}}
@media(max-width:700px){.wrap{padding:0 22px}nav{height:74px;gap:12px}.logo{font-size:17px}.mark{width:28px;height:28px;font-size:20px}.nav-links>a{display:none}.btn.small{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:40px;gap:35px}h1{font-size:48px;letter-spacing:-2.5px}.intro{font-size:16px}.workspace{transform:none;max-width:460px;width:100%;margin:auto}.sheet{transform:none}.compat .wrap{align-items:flex-start;flex-direction:column;gap:12px}.toolnames{font-size:18px;gap:25px}.section{padding:55px 0}.heading-row{display:block;margin-bottom:28px}.heading-row p{margin-top:20px}.modules{grid-template-columns:1fr 1fr;gap:12px}.module{padding:20px}.module h3{font-size:16px}.module-num{margin-bottom:22px}.module-arrow{right:16px;top:15px}.how-grid,.offer,.faq{grid-template-columns:1fr;gap:32px}.steps{gap:17px}.offer{gap:30px}.price-card{padding:30px}.last .wrap{align-items:flex-start;flex-direction:column}.footer-inner{align-items:flex-start;flex-direction:column}.footer-links{gap:12px 18px}.faq{padding-left:22px;padding-right:22px}h2{font-size:34px}}
@media(max-width:380px){.modules{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.step-no{padding-bottom:7px;margin-bottom:12px}h1{font-size:42px}.actions .btn{width:100%}.logo{font-size:15px}.nav-links{gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}