:root{--bg:#fff;--fg:#111827;--mute:#4b5563;--line:#e5e7eb;--brand:#0f766e;--brand-fg:#fff;--card:#f9fafb}
@media (prefers-color-scheme:dark){:root{--bg:#0b1110;--fg:#ecfdf5;--mute:#a7b5b0;--line:#1f2d2a;--brand:#2dd4bf;--brand-fg:#06201c;--card:#111b19}}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
h1,h2,h3{line-height:1.2;font-family:Georgia,'Times New Roman',serif}h1{font-size:clamp(2rem,5vw,3.4rem);margin:.2em 0}h2{font-size:1.9rem}
a{color:var(--brand)}.wrap{max-width:1100px;margin:0 auto;padding:0 20px}section.wrap{padding-top:40px;padding-bottom:40px}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--bg);padding:8px;z-index:9}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.hp{position:absolute;left:-9999px}
.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--bg);z-index:5}
.bar{display:flex;align-items:center;gap:20px;min-height:64px;flex-wrap:wrap}.logo{font:700 1.4rem Georgia,serif;text-decoration:none;color:var(--fg)}
nav{display:flex;gap:16px;flex:1;flex-wrap:wrap}nav a{color:var(--fg);text-decoration:none}nav a:hover{color:var(--brand)}.cta{display:flex;gap:12px;align-items:center}
.btn{display:inline-block;background:var(--brand);color:var(--brand-fg);padding:10px 18px;border-radius:8px;border:0;text-decoration:none;font:600 1rem inherit;cursor:pointer}
.btn.big{padding:14px 24px}.btn.small{padding:6px 12px}.btn.ghost{background:transparent;color:var(--brand);border:2px solid var(--brand)}
.hero{padding:56px 0;background:linear-gradient(180deg,var(--card),var(--bg))}.lead{font-size:1.25rem;color:var(--mute);max-width:40em}
.two{display:grid;gap:32px;grid-template-columns:1fr}@media(min-width:860px){.two{grid-template-columns:1.2fr 1fr;align-items:center}}
.grid3{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:22px;color:inherit;text-decoration:none;display:block}
a.card:hover{border-color:var(--brand)}time{color:var(--mute);font-size:.9rem}
.trial{display:grid;gap:12px}.trial label,.news{display:grid;gap:4px;font-weight:600;font-size:.95rem}
input{font:inherit;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--fg);width:100%}
.stages{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.stages li{border:1px solid var(--line);border-radius:12px;padding:16px;background:var(--card)}.stages span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--brand);color:var(--brand-fg);font-weight:700}
.tabs{display:flex;gap:8px;flex-wrap:wrap}.tabs button,.toggle button{border:1px solid var(--line);background:var(--card);color:var(--fg);padding:8px 14px;border-radius:999px;cursor:pointer;font:inherit}
.tabs [aria-selected=true],.toggle [aria-pressed=true]{background:var(--brand);color:var(--brand-fg);border-color:var(--brand)}
.panel{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:12px;min-height:120px}
.toggle{display:flex;gap:8px;margin-bottom:24px}.price{font-size:2.4rem;font-family:Georgia,serif;margin:.3em 0}.price small{font-size:1rem;color:var(--mute)}
.plan ul{padding-left:1.1em}.plan.pop{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand)}
.prose{max-width:720px}.prose pre{overflow:auto;background:var(--card);padding:12px;border-radius:8px}blockquote{border-left:3px solid var(--brand);margin:1em 0;padding-left:1em;color:var(--mute)}
iframe.demo{width:100%;height:760px;border:1px solid var(--line);border-radius:12px}
footer{border-top:1px solid var(--line);margin-top:40px;padding:40px 0;color:var(--mute)}.foot{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.foot a{display:block;color:var(--mute);text-decoration:none;margin:4px 0}.foot h4{margin:0 0 8px;color:var(--fg)}.msg{margin:0;font-size:.9rem}
:focus-visible{outline:3px solid var(--brand);outline-offset:2px}