:root{--ink:#15232e;--muted:#586873;--line:#dfe5e9;--cyan:#00bde7;--magenta:#ec008c;--yellow:#ffe400}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fafbf9;color:var(--ink);font:16px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}.top,main,footer{max-width:1200px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;padding:22px 32px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:15px;align-items:center;text-decoration:none;font-weight:850;letter-spacing:1px}.brand img{width:63px;height:48px;object-fit:contain}.nav-link{font-size:14px;text-underline-offset:5px}main{padding:0 32px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center;padding:80px 0 72px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:1.8px;margin:0 0 24px}h1{font-size:clamp(44px,5.5vw,74px);line-height:1.03;letter-spacing:-3px;margin:0 0 25px}h1 span{text-decoration:underline;text-decoration-color:var(--cyan);text-decoration-thickness:7px;text-underline-offset:10px}.intro{font-size:18px;color:var(--muted);max-width:470px;margin:0 0 30px}.download{display:flex;align-items:center;justify-content:space-between;gap:30px;width:fit-content;background:var(--ink);color:white;padding:18px 24px;border-radius:8px;font-size:14px;font-weight:800;text-decoration:none;box-shadow:0 5px 0 var(--cyan)}.download:hover{background:#2a3c49}.download span{font-size:23px;line-height:1}.download:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #ec008c;outline-offset:5px}.meta{font-size:12px;color:var(--muted);margin:18px 0 28px}.trial{border-left:3px solid var(--magenta);padding-left:14px;max-width:430px;display:grid;gap:3px}.trial strong{font-size:15px}.trial span{font-size:13px;color:var(--muted)}.visual{position:relative;padding:26px 24px 44px;background:linear-gradient(135deg,#00bde7 0%,#ec008c 42%,#ffe400 75%,#263440 100%);border-radius:18px;transform:rotate(2deg)}.mock{background:#fff;border-radius:10px;padding:22px;box-shadow:0 12px 35px #14202b25;transform:rotate(-4deg)}.mock-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.mock-head img{width:50px;height:35px;object-fit:contain}.mock-head span{font-size:8px;letter-spacing:1px;font-weight:800;max-width:145px}.sheet{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;border:1px solid var(--line);background:#f5f7f7}.sheet div{position:relative;padding:20px 10px;text-align:center;background:white;border:1px solid #d9e0e3;font-size:25px;font-weight:900;letter-spacing:-1px;box-shadow:4px 4px 0 #00bde7}.sheet div:nth-child(3n){box-shadow:4px 4px 0 #ec008c}.sheet div:nth-child(3n+2){box-shadow:4px 4px 0 #ffe400}.sheet span{display:block;font-size:8px;letter-spacing:2px}.mock p{font-size:11px;text-align:center;margin:19px 0 0;letter-spacing:1px}.color-strip{display:flex;position:absolute;top:-9px;right:28px;gap:6px}.color-strip i{width:23px;height:23px;background:var(--cyan);border:2px solid white;border-radius:50%}.color-strip i:nth-child(2){background:var(--magenta)}.color-strip i:nth-child(3){background:var(--yellow)}.color-strip i:nth-child(4){background:var(--ink)}.visual-caption{position:absolute;bottom:12px;left:24px;font-size:9px;font-weight:800;letter-spacing:1px;background:#fffffff2;padding:4px 9px;border-radius:3px}.tools{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;gap:30px}.tools span{font-size:12px;color:#64747f}.tools h2{font-size:17px;margin:10px 0}.tools p{font-size:14px;color:var(--muted);margin:0}.install{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:76px 0}.install h2{font-size:40px;line-height:1.13;letter-spacing:-1px;margin:0 0 22px}.install p{color:var(--muted);max-width:420px}.install ol{list-style:none;counter-reset:steps;margin:0;padding:0}.install li{counter-increment:steps;position:relative;padding:0 0 20px 55px}.install li:before{content:counter(steps);position:absolute;left:0;top:0;background:#e6f7fc;width:34px;height:34px;text-align:center;line-height:34px;border-radius:50%;font-weight:800}.install li p{font-size:14px;margin:7px 0}.details{padding:0 0 65px;max-width:850px}.details h2{font-size:26px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:700}details p{color:var(--muted);font-size:14px}code{overflow-wrap:anywhere;font-size:12px}footer{padding:30px 32px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}footer span{font-weight:850;letter-spacing:1px}footer p{color:var(--muted)}@media(max-width:760px){.top{padding:16px 22px}main{padding:0 22px}.hero{grid-template-columns:1fr;gap:45px;padding:48px 0}.hero-copy{max-width:540px}.visual{max-width:440px;width:95%;justify-self:center}.tools{grid-template-columns:1fr 1fr;gap:28px}.install{grid-template-columns:1fr;gap:30px;padding:50px 0}.install h2{font-size:34px}footer{flex-wrap:wrap;padding:24px 22px}.brand{font-size:14px}.nav-link{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.top nav{display:flex;gap:24px}.pricing{padding:65px 0;border-bottom:1px solid var(--line)}.pricing h2{font-size:clamp(32px,4vw,46px);line-height:1.15;letter-spacing:-1px;margin:0 0 15px}.pricing-intro,.pricing-note{color:var(--muted)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:30px 0 20px}.plan{padding:30px;background:white;border:1px solid var(--line);border-top:5px solid var(--cyan);border-radius:10px}.plan.monthly{border-top-color:var(--magenta)}.plan-label{font-size:12px;letter-spacing:1px;font-weight:800;margin:0}.plan h3{font-size:25px;margin:10px 0}.price{font-size:46px;line-height:1.2;font-weight:800;margin:20px 0}.price span{display:block;font-size:14px;font-weight:400;color:var(--muted);margin-top:8px}.plan ul{padding-left:20px}.plan li{margin:10px 0}.renewal{padding-top:18px;border-top:1px solid var(--line);font-size:14px;color:var(--muted)}.trial-link{font-size:14px;font-weight:800;text-underline-offset:5px}.pricing-note{font-size:13px}@media(max-width:760px){.plans{grid-template-columns:1fr}.pricing{padding:45px 0}.plan{padding:24px}.top nav{gap:12px}.brand{gap:8px}.brand img{width:42px}.top{flex-wrap:wrap;gap:12px}}

.demo-video{padding:65px 0;border-bottom:1px solid var(--line)}.demo-video h2{max-width:800px;font-size:clamp(28px,4vw,43px);line-height:1.2;margin:0 0 18px;letter-spacing:-1px}.demo-video>p{color:var(--muted)}.demo-video video{display:block;width:100%;height:auto;margin:28px 0 10px;border:1px solid var(--line);border-radius:12px;background:#fafbf9}.video-caption{font-size:13px}.demo-video details{max-width:850px}@media(max-width:760px){.demo-video{padding:45px 0}.top nav{flex-wrap:wrap}}