:root{--navy:#102c35;--ink:#18353d;--muted:#52686c;--green:#17664f;--lime:#dcf296;--paper:#f5f3eb;--line:#d9dfd8;--white:#fff;--radius:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--green)}a:focus-visible,summary:focus-visible{outline:3px solid #2977bd;outline-offset:5px}a:hover{text-decoration:underline}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:16px;top:-80px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.topbar{border-bottom:1px solid var(--line)}nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:750;text-decoration:none;color:var(--navy);letter-spacing:-.6px}.brand img{border-radius:9px}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{text-decoration:none;font-size:14px;font-weight:600;color:var(--ink)}.button{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 22px;background:var(--green);color:#fff;border:1px solid transparent;border-radius:9px;font-weight:650;text-decoration:none;line-height:1.4}.button:hover{background:#114d3c;text-decoration:none}.button.secondary{background:transparent;border-color:#a5b4ad;color:var(--ink)}.button.light{background:var(--lime);color:var(--navy)}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:1.8px;font-weight:700;font-size:11px;color:var(--green)}.eyebrow:before{content:"";height:7px;width:7px;border-radius:50%;background:currentColor}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:78px 0 70px}.hero h1{font-size:clamp(38px,4.5vw,60px);line-height:1.08;font-weight:650;letter-spacing:-2.7px;margin:22px 0}.hero h1 span{font-family:Georgia,serif;font-style:italic;font-weight:400;color:var(--green)}.intro{color:var(--muted);max-width:520px;font-size:18px;line-height:1.7}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 16px}.small{font-size:13px;color:var(--muted)}.hero-art{position:relative;min-width:0}.app-card{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 25px 70px #153b3414;overflow:hidden;transform:rotate(1deg)}.app-bar{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:#eef2eb;font-size:13px;font-weight:700}.pill{background:#e3efd6;color:#355b26;font-size:11px;font-weight:600;border-radius:99px;padding:3px 9px}.app-body{padding:25px}.app-body h2{font-size:21px;margin:0 0 3px}.app-note{font-size:12px;color:var(--muted);margin:0 0 20px}.example-line{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px 0;border-bottom:1px solid #edf0e8;font-size:14px}.example-line strong{font-variant-numeric:tabular-nums}.total{margin:22px -4px 0;padding:20px;background:var(--navy);color:white;border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:16px}.total small{display:block;color:#d7e4dc}.total strong{font-size:32px;font-weight:600;letter-spacing:-1px}.card-caption{margin:15px 0 0;font-size:12px;color:var(--muted);text-align:center}.strip{border-block:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:24px 0;color:var(--muted);font-size:14px}.strip strong{color:var(--ink)}section{padding:80px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:36px}h2{font-size:clamp(28px,3.3vw,40px);line-height:1.17;letter-spacing:-1.2px;font-weight:600;margin:14px 0}h3{font-size:19px;line-height:1.35;letter-spacing:-.3px}.section-head p{max-width:420px;color:var(--muted);margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.step{padding:28px;background:white;border:1px solid var(--line);border-radius:var(--radius)}.number{font-size:13px;font-weight:750;color:var(--green);width:36px;height:36px;border-radius:50%;background:#edf2e5;display:grid;place-items:center}.step p,.feature p{color:var(--muted);font-size:15px}.dark-section{background:var(--navy);color:#fff}.dark-section .eyebrow{color:var(--lime)}.dark-section p{color:#d0dfdb}.split{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:start}.features{display:grid;grid-template-columns:1fr 1fr;gap:26px}.feature{border-top:1px solid #537078;padding-top:6px}.feature h3{color:#f4f8f0}.feature p{color:#c9d9d4}.rule-note{font-size:13px;border-left:3px solid var(--lime);padding-left:16px;margin-top:26px}.budget{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:center}.budget p{color:var(--muted)}.budget-bars{border-radius:var(--radius);background:#e8eddf;padding:32px}.bar{height:28px;display:flex;gap:4px;overflow:hidden;border-radius:7px;margin:20px 0}.bar span:nth-child(1){width:84.6%;background:var(--green)}.bar span:nth-child(2){width:15%;background:#b4bd9f}.bar span:nth-child(3){width:.4%;min-width:4px;background:white}.legend{display:flex;flex-direction:column;gap:10px;font-size:14px}.legend div{display:flex;justify-content:space-between;gap:15px}.badge{display:inline-block;border:1px solid #bcc6b0;color:#3b5b34;border-radius:99px;padding:3px 11px;font-size:12px}.pricing{background:#ecefe5}.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.price-card{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:34px}.amount{font-size:56px;line-height:1.2;letter-spacing:-2px;font-weight:650}.amount span{font-size:15px;letter-spacing:0;font-weight:400;color:var(--muted)}.checks{padding:0;list-style:none;margin:24px 0}.checks li{padding:7px 0 7px 26px;position:relative;font-size:15px}.checks li:before{content:'✓';position:absolute;left:0;color:var(--green);font-weight:700}.faq{max-width:800px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:22px 0}.faq summary{font-size:17px;font-weight:600;cursor:pointer;padding-right:12px}.faq p{color:var(--muted);margin:14px 0 0}.contact{text-align:center;border-radius:22px;background:var(--navy);color:#fff;padding:48px 24px;margin-bottom:70px}.contact p{color:#d0dfdb;margin:16px auto;max-width:550px}footer{padding:30px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-row{display:flex;justify-content:space-between;gap:28px}.footer-row p{max-width:650px;margin:0}.footer-links{display:flex;gap:20px;align-items:start}
@media(max-width:850px){.hero{gap:32px;padding-top:48px}.hero h1{letter-spacing:-1.5px}.navlinks{gap:16px}.steps{gap:14px}.step{padding:20px}.split,.price-grid{gap:40px}.features{grid-template-columns:1fr}.section-head{align-items:start}.strip{flex-wrap:wrap}.budget{gap:28px}}
@media(max-width:620px){.wrap{width:calc(100% - 36px)}nav{min-height:76px;flex-wrap:wrap;padding:17px 0;gap:14px}.brand{font-size:21px}.navlinks{gap:22px;flex-wrap:wrap}.navlinks .button{display:none}.hero,.split,.budget,.price-grid{grid-template-columns:1fr;gap:36px}.hero{padding:35px 0 44px}.hero h1{font-size:42px}.intro{font-size:17px}.app-card{transform:none}.app-body{padding:20px}.steps,.features{grid-template-columns:1fr}.section-head{display:block}.section-head p{margin-top:16px}.strip{font-size:13px;gap:10px}.strip span{flex-basis:100%}section{padding:52px 0}.price-card,.budget-bars{padding:25px}.footer-row{flex-direction:column}.contact{padding:35px 22px}.actions .button{flex:1 1 auto}.example-line{font-size:13px}.total strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.product-tour{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);border-radius:16px;background:var(--navy)}.tour-transcript{margin-top:18px;color:var(--muted)}.tour-transcript summary{cursor:pointer;color:var(--ink);font-weight:600}.tour-transcript li{margin:8px 0}
