:root{--ink:#174b49;--muted:#536b63;--paper:#fcf9f1;--sage:#e1eadc;--peach:#f3c5a8;--line:#d6ded1;--teal:#1d6860}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b35c35;outline-offset:5px}.wrap{max-width:1180px;margin:auto;padding:0 40px}
.preview{padding:9px 20px;background:var(--ink);color:#fff;text-align:center;font-size:12px;letter-spacing:.04em}.preview strong{color:#ffd6bb}
header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;gap:25px}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;font-weight:750;font-size:22px;letter-spacing:-.7px}.mark{width:27px;height:27px;display:inline-block;border:2px solid var(--ink);border-radius:50%;background:linear-gradient(to top,var(--ink) 48%,transparent 48%);transform:rotate(-18deg)}
nav{display:flex;gap:30px;align-items:center;font-size:14px}nav a{text-decoration:none;padding:10px 0}nav .login{border:1px solid var(--line);padding:10px 20px;border-radius:99px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:80px 0 90px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:750;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;background:#73a795;border-radius:50%}
h1{font-size:clamp(48px,5.7vw,76px);line-height:1.08;letter-spacing:-3.8px;font-weight:600;margin:25px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal)}.intro{max-width:440px;color:var(--muted);font-size:18px;line-height:1.8}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid transparent;border-radius:99px;background:var(--ink);color:white;padding:15px 25px;text-decoration:none;font-size:14px;font-weight:650;cursor:pointer}.hero .button{margin-top:20px}.note{font-size:12px;color:var(--muted);margin-top:15px}.arrow{font-size:20px}
.scene{background:#e5ecdf;border-radius:48% 48% 25px 25px;padding:68px 32px 30px;position:relative;min-height:470px}.orbit{position:absolute;right:14px;top:22px;background:var(--peach);border-radius:50%;width:78px;height:78px;display:grid;place-items:center;transform:rotate(12deg);font-size:34px;color:var(--ink)}
.mail{background:#fffdf8;border:1px solid #d9dfd1;border-radius:17px;box-shadow:0 24px 45px #254f3d13;padding:29px;position:relative;transform:rotate(-3deg)}.mailtop{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px;font-size:11px}.mailtop b{display:flex;gap:8px;align-items:center}.mailtop .mark{width:16px;height:16px}.mail h3{font-family:Georgia,serif;font-size:30px;line-height:1.2;font-weight:400;margin:22px 0 14px}.mail p{font-size:13px;color:var(--muted);margin:9px 0}.mail .mailhello{color:var(--ink);font-weight:600}.actions{display:grid;gap:8px;margin-top:21px}.actions button{border:1px solid var(--line);border-radius:9px;background:transparent;padding:11px;text-align:left;font-size:12px;color:var(--ink);cursor:pointer}.actions button:first-child{background:var(--ink);color:white;border-color:var(--ink)}.actions button:hover{box-shadow:0 0 0 2px #8bb09b}.caption{text-align:center;font-size:11px;color:var(--muted);margin:24px 0 0}.quiet{display:flex;gap:8px;justify-content:center;font-size:12px;margin-top:20px}.demo-result{font-size:12px;min-height:23px;margin:9px 0 0;color:var(--ink)}
.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:13px}.ribbon span::before{content:"✓";margin-right:12px;color:var(--teal)}
section{padding:90px 0}h2{font-size:clamp(32px,3.5vw,46px);line-height:1.18;letter-spacing:-1.8px;font-weight:550;margin:18px 0 24px}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:42px}.sectionhead p{max-width:330px;color:var(--muted);font-size:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.num{font:italic 34px Georgia,serif;color:#6a9182;border-bottom:1px solid var(--line);padding-bottom:18px}.steps h3{font-size:20px;margin:20px 0 8px;font-weight:600}.steps p{font-size:15px;color:var(--muted);margin:0}
.examples{background:var(--sage);border-radius:24px;padding:50px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.examples p{font-size:15px;color:var(--muted)}.examplelist{display:grid;gap:0}.example{display:flex;align-items:center;gap:20px;padding:20px 0;border-bottom:1px solid #c9d4c1}.example:last-child{border:0}.symbol{font-size:24px;width:44px;flex-shrink:0;text-align:center}.example b{font-size:16px;font-weight:600}.example small{display:block;font-size:12px;color:var(--muted)}
.price-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.pricecopy p{max-width:410px;color:var(--muted);font-size:16px}.price{border:1px solid var(--line);background:#fffcf6;border-radius:22px;padding:36px}.planned{font-size:10px;letter-spacing:.1em;text-transform:uppercase;background:#f5e4d7;padding:5px 9px;border-radius:5px;display:inline-block}.amount{font-size:66px;letter-spacing:-3px;line-height:1.2;margin-top:18px}.amount small{font-size:15px;letter-spacing:0;color:var(--muted)}.price ul{list-style:none;padding:0;margin:23px 0}.price li{font-size:14px;margin:10px 0}.price li::before{content:"✓";margin-right:11px}.price .button{width:100%}.price .note{text-align:center}
.faq{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-top:65px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-size:16px;font-weight:600;cursor:pointer;min-height:30px}.faq details p{font-size:14px;color:var(--muted);padding-right:15px}
.end{margin:60px 0 0;text-align:center;background:var(--ink);color:#fffaf0;border-radius:22px;padding:55px 25px}.end h2{font-family:Georgia,serif;font-weight:400;font-size:43px}.end p{font-size:15px;color:#d4e1d5}.end .button{background:#fcf9f1;color:var(--ink);margin-top:12px}
footer{display:flex;justify-content:space-between;gap:30px;padding:38px 0;font-size:12px;color:var(--muted)}footer a{margin-left:20px}dialog{border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);max-width:520px;padding:32px}dialog::backdrop{background:#173f4080}dialog h2{font-size:27px}dialog p{font-size:15px}
@media(max-width:900px){.wrap{padding:0 25px}.hero{gap:30px;padding:50px 0}h1{font-size:54px;letter-spacing:-2.5px}.scene{padding:60px 20px 25px}.mail{padding:23px}.steps{gap:25px}.examples{gap:30px;padding:35px}.price-section,.faq{gap:35px}.ribbon{flex-wrap:wrap}.sectionhead{align-items:start}nav{gap:18px}}
@media(max-width:650px){body{font-size:16px}.wrap{padding:0 22px}header{padding:21px 0}.brand{font-size:19px}nav>a:not(.login){display:none}nav .login{font-size:12px;padding:8px 14px}.hero{grid-template-columns:1fr;padding:35px 0 45px;gap:35px}h1{font-size:55px;letter-spacing:-2.8px}.intro{font-size:17px}.scene{max-width:420px;width:100%;margin:auto;min-height:0;padding:55px 25px 25px}.mail{transform:rotate(-2deg)}.orbit{width:60px;height:60px;font-size:27px}.ribbon{display:grid;gap:12px;font-size:12px;padding:20px 0}section{padding:55px 0}.sectionhead,.steps,.examples,.price-section,.faq{display:block}.sectionhead p{max-width:none}.steps>div{margin-top:30px}.num{padding-bottom:8px}.steps h3{margin-top:12px}.examples{padding:28px 24px}.examplelist{margin-top:25px}h2{font-size:35px;letter-spacing:-1px}.price{margin-top:30px;padding:28px}.faq{padding-top:45px}.end{margin-top:45px;padding:35px 20px}.end h2{font-size:35px}footer{display:block}footer div{margin-top:15px}footer a{margin:0 20px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.price-sub{margin:5px 0;color:var(--muted);font-size:14px}.end .eyebrow{justify-content:center;color:#c9ddc6}