:root{color-scheme:light dark;--bg:#f5f2e9;--paper:#fffdf7;--ink:#142e2a;--muted:#52645f;--rule:#d1d8ce;--accent:#176659;--coral:#d46353}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang TC",sans-serif}a{color:var(--accent);text-underline-offset:4px}a:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:5px}img{display:block;max-width:100%;height:auto}header,main,footer{max-width:1160px;margin:auto;padding-inline:28px}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:24px;border-bottom:1px solid var(--rule)}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--ink);font-size:20px;font-weight:650}.brand img{width:44px;height:44px;border-radius:11px}.top nav{display:flex;gap:24px;font-size:15px}.top nav a{text-decoration:none}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-block:66px 70px}.hero h1{font-size:clamp(40px,5.3vw,70px);line-height:1.18;letter-spacing:-.045em;margin:20px 0 26px}.hero .intro{max-width:510px;color:var(--muted);font-size:19px}.status{display:inline-flex;gap:8px;align-items:center;font-size:14px;color:var(--muted)}.status:before{content:"";width:7px;height:7px;background:var(--coral);border-radius:50%}.actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin:27px 0}.button{display:inline-block;border:1px solid var(--accent);border-radius:6px;background:var(--accent);color:var(--paper);padding:10px 18px;text-decoration:none}.secondary{background:none;color:var(--accent)}.hero figure{margin:0;justify-self:center;width:min(100%,300px)}.hero figure img{border:1px solid var(--rule);border-radius:26px}.hero figcaption{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}.strip{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;border-block:1px solid var(--rule);padding-block:30px}.strip strong{display:block;font-size:27px;font-weight:500}.strip p{margin:4px 0;color:var(--muted);font-size:15px}.section{padding-block:58px;border-bottom:1px solid var(--rule)}h2{font-size:clamp(27px,3vw,38px);line-height:1.3;font-weight:550;letter-spacing:-.025em}h3{font-size:21px;font-weight:550}p{max-width:760px}.feature{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;align-items:center}.feature figure{margin:0}.feature img{border:1px solid var(--rule);border-radius:10px}.feature p,.section>p{color:var(--muted)}.feature .watch{max-width:190px;margin:0 auto}.pricing{display:grid;grid-template-columns:1fr 1fr;gap:36px}.price{padding-block:10px}.price h3{margin-top:0}.price ul{padding-left:20px;font-size:16px;color:var(--muted)}.price .amount{font-size:32px;margin:0}.price .amount small{font-size:15px;color:var(--muted)}details{padding:19px 0;border-bottom:1px solid var(--rule)}summary{cursor:pointer;font-weight:550}details p{color:var(--muted);font-size:16px;margin-bottom:0}.support{max-width:840px}.support h1{font-size:42px;line-height:1.2;margin-top:40px}.support h2{font-size:25px;margin-top:36px}.support nav{display:flex;gap:24px;flex-wrap:wrap}.legal-note{font-size:14px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:22px;padding-block:35px;font-size:14px;color:var(--muted)}footer nav{display:flex;gap:20px;flex-wrap:wrap}.skip{position:absolute;left:-1000px}.skip:focus{left:15px;top:12px;background:var(--paper);padding:12px;z-index:4}@media(prefers-color-scheme:dark){:root{--bg:#101b19;--paper:#f6f2e9;--ink:#f6f2e9;--muted:#b4c2bb;--rule:#344740;--accent:#a5d5c2;--coral:#ff9381}.button{color:#102d25}.button.secondary{color:var(--accent)}}@media(max-width:700px){header,main,footer{padding-inline:22px}.top{padding-block:19px;gap:12px}.top nav{gap:15px;font-size:14px}.hero{grid-template-columns:1fr;gap:26px;padding-block:33px 40px}.hero h1{font-size:43px;margin:14px 0 18px}.hero .intro{font-size:17px}.hero figure{width:218px}.actions{margin:20px 0}.strip{gap:14px}.strip strong{font-size:23px}.strip p{font-size:13px}.feature{grid-template-columns:1fr;gap:20px}.feature figure{order:-1}.section{padding-block:35px}.pricing{grid-template-columns:1fr;gap:20px}footer{flex-direction:column;padding-block:28px}.support h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
