:root{--ink:#16251f;--muted:#63716b;--line:#d9e0db;--paper:#f6f7f2;--white:#fff;--teal:#157a6e;--yellow:#f4c95d;--blue:#b8d8e8;--green:#bdd9bd;--coral:#efb3a4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit} .topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1180px;margin:auto;padding:24px 28px}.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;letter-spacing:.01em}.mark{display:inline-block;width:18px;height:24px;border:3px solid var(--teal);border-radius:12px 12px 3px 3px;transform:rotate(14deg)}nav{display:flex;align-items:center;gap:22px}nav a{text-decoration:none;color:#415149;font-size:.92rem}.outline,.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:7px;font-weight:700}.outline{border:1px solid var(--line)}.hero{max-width:1180px;margin:auto;padding:72px 28px 96px;display:grid;grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);gap:64px;align-items:center}.status{color:var(--teal);font-weight:750;font-size:.86rem}.status span{display:inline-block;width:8px;height:8px;background:var(--teal);border-radius:50%;margin-right:8px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.5rem);line-height:.98;letter-spacing:-.04em;max-width:680px;margin-bottom:24px}.lead{font-size:1.2rem;color:var(--muted);max-width:570px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}.primary{background:var(--teal);color:#fff}.secondary{border:1px solid var(--line);background:#fff;text-decoration:none}.payment-note{color:#6c7772;font-size:.82rem;max-width:440px}.canvas{background:#fff;border:1px solid var(--line);box-shadow:0 24px 60px rgba(35,57,47,.12);border-radius:8px;overflow:hidden;transform:rotate(1deg)}.canvas-head{display:flex;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);font-weight:750}.live{color:var(--teal);font-size:.75rem}.grid{height:480px;position:relative;background-color:#fbfcf9;background-image:linear-gradient(#e7ece8 1px,transparent 1px),linear-gradient(90deg,#e7ece8 1px,transparent 1px);background-size:40px 40px}.note{position:absolute;left:var(--x);top:var(--y);width:180px;min-height:104px;padding:16px;border:0;border-radius:5px;text-align:left;color:var(--ink);box-shadow:0 8px 16px rgba(22,37,31,.12);font:600 1rem/1.25 inherit;cursor:pointer;transition:transform .2s}.note:hover{transform:translateY(-4px) rotate(-1deg)}.note small{display:block;margin-top:16px;font-size:.72rem;color:#52625a;font-weight:500}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.green{background:var(--green)}.coral{background:var(--coral)}.axis{position:absolute;color:#829089;font-size:.7rem}.x{right:16px;bottom:12px}.y{left:13px;top:12px}.workflow,.pricing,.business{border-top:1px solid var(--line);padding:92px max(28px,calc((100% - 1124px)/2))}.eyebrow{color:var(--teal);font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.workflow h2,.pricing h2,.business h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;letter-spacing:-.035em;max-width:650px;margin-bottom:46px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.steps article{border-top:3px solid var(--ink);padding-top:16px}.steps b{color:var(--teal)}.steps h3{font-size:1.3rem;margin:18px 0 8px}.steps p,.pricing p,.business p{color:var(--muted)}.pricing{background:#e8eee8;display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plans article{background:#fff;border:1px solid var(--line);border-radius:7px;padding:22px}.plans h3{margin-bottom:18px}.plans strong{font-size:1.8rem}.plans small{font-size:.8rem;font-weight:500}.business{display:grid;grid-template-columns:1fr 1fr;gap:72px}.business dl{margin:0}.business dl div{padding:17px 0;border-top:1px solid var(--line)}dt{font-size:.76rem;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}dd{margin:5px 0 0;font-weight:650}footer{max-width:1180px;margin:auto;padding:54px 28px 70px;display:grid;grid-template-columns:1fr auto;gap:30px}footer p{color:var(--muted);font-size:.85rem;margin:16px 0 0}footer nav{align-items:flex-start;flex-wrap:wrap;justify-content:flex-end}footer>small{grid-column:1/-1;color:#7b8580;border-top:1px solid var(--line);padding-top:20px}@media(max-width:820px){.topbar{align-items:flex-start}.topbar nav{display:none}.hero,.pricing,.business{grid-template-columns:1fr;gap:42px}.hero{padding-top:44px}.canvas{transform:none}.grid{height:410px}.note{width:145px;font-size:.86rem}.steps,.plans{grid-template-columns:1fr}.workflow,.pricing,.business{padding-top:64px;padding-bottom:64px}footer{grid-template-columns:1fr}footer nav{justify-content:flex-start}footer>small{grid-column:auto}h1{font-size:3.2rem}}