:root{--ink:#182235;--muted:#576579;--blue:#0a66cf;--blue-dark:#084d9b;--paper:#fff;--line:#dce3ed;--soft:#f2f5fa;font-family:"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #0658b6;outline-offset:5px}svg{width:21px;height:21px;flex-shrink:0}.wrap,.site-header{width:min(1200px,calc(100% - 80px));margin-inline:auto}.site-header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:9px}.brand>span{font-weight:800;font-size:30px;letter-spacing:-1px}.brand-dot{color:var(--blue)}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a:hover,.text-link:hover{color:var(--blue)}.languages{display:flex;gap:5px;font-size:12px;font-weight:700}.languages a{padding:7px 8px;border-radius:4px}.languages a[aria-current]{background:#e5effc;color:var(--blue-dark)}.hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;padding-top:58px;padding-bottom:115px;align-items:center}h1{font-size:clamp(38px,4.3vw,61px);line-height:1.09;letter-spacing:-.035em;margin:0 0 27px;font-weight:750}h1 span{color:var(--blue)}.intro{font-size:18px;line-height:1.65;color:var(--muted);max-width:43ch;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:650;border:0;border-radius:7px;padding:15px 22px;min-height:48px;transition:background .18s ease}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{background:#e8edf5;color:var(--ink)}.secondary:hover{background:#dce5f3}.text-link{font-size:14px;font-weight:650}.platform{font-size:12px;color:var(--muted);margin:20px 0 8px}.runtime{font-size:11px;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.demo-shell{position:relative;background:#fff;border-radius:14px;box-shadow:0 18px 50px -15px #263b6740;transform:rotate(-1deg);isolation:isolate}.demo-header{height:44px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#e8eef8;border-radius:14px 14px 0 0;padding:0 16px;font-size:11px;color:#425471}.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;background:#9caec5;border-radius:50%}.demo-dot{width:7px;height:7px;background:var(--blue);border-radius:50%}.demo-workspace{height:355px;position:relative;background:#f7f9fd;overflow:hidden}.demo-document{position:absolute;inset:36px 32px 28px 90px;padding:23px;background:white;box-shadow:0 4px 14px #293c6010;border-radius:4px;pointer-events:none}.document-heading{font-size:23px;font-weight:650;letter-spacing:-.02em}.document-line{height:6px;border-radius:3px;background:#dfe5ef;width:75%;margin-top:12px}.document-line.long{width:93%}.document-line.short{width:55%}.document-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:27px 0}.document-columns>div{height:72px;border-radius:4px;background:#eaf0fa}.document-columns>div:last-child{background:#d3e3fa}canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.demo-tools{position:absolute;top:24px;left:16px;display:flex;flex-direction:column;align-items:center;gap:5px;background:#1c1c1e;padding:11px 8px;border-radius:11px;box-shadow:0 4px 14px #14192330}.demo-tools img{margin-bottom:5px}.demo-tools button{display:flex;align-items:center;justify-content:center;border:0;background:#2b2d34;color:#e8edf5;border-radius:5px;width:33px;height:33px}.demo-tools button:hover{background:#414755}.demo-tools button[aria-pressed=true]{background:var(--blue);color:white}.demo-tools svg{width:19px;height:19px}.demo-swatch{width:13px;height:13px;background:#1a6bdf;border:2px solid #fff;border-radius:50%;margin-top:5px}.demo-footer{padding:10px 13px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:10px;color:var(--muted)}.board-switch{display:flex;gap:2px;flex-shrink:0}.board-switch button{border:0;border-radius:4px;background:transparent;font-size:10px;padding:6px;color:var(--muted)}.board-switch button[aria-pressed=true]{background:#e5effc;color:var(--blue-dark)}.demo-disclaimer{position:absolute;left:0;right:0;bottom:-35px;margin:0;font-size:10px;text-align:center;color:var(--muted)}.demo-workspace[data-board=white]{background:white}.demo-workspace[data-board=black]{background:#000}.demo-workspace[data-board=white] .demo-document,.demo-workspace[data-board=black] .demo-document{visibility:hidden}.section-intro{max-width:690px;margin-bottom:40px}h2{font-size:clamp(28px,3.1vw,40px);line-height:1.17;letter-spacing:-.025em;margin:0 0 18px;font-weight:700}.section-intro>p{font-size:16px;line-height:1.65;color:var(--muted);margin:0;max-width:65ch}.features{padding-bottom:100px}.feature-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:33px}.feature-group{border-top:2px solid var(--ink);padding-top:18px}.feature-group h3{font-size:16px;margin:0 0 23px}.feature-group dl{margin:0}.feature-group dl>div{margin-bottom:21px}.feature-group dt{font-size:13px;font-weight:650;margin-bottom:7px}.feature-group dd{font-size:12px;color:var(--muted);line-height:1.7;margin:0}.pricing{background:#edf3fd;padding:80px 0}.plans{display:grid;grid-template-columns:1fr 1fr;max-width:930px;gap:22px}.plan{padding:31px;border-radius:12px;background:#fff}.plan-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.plan h3{font-size:20px;margin:0 0 22px}.price{font-size:45px;font-weight:750;letter-spacing:-.03em}.price>span{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted)}.price-note{font-size:12px;color:var(--muted);margin:10px 0 24px;min-height:18px}.promotion{font-size:11px;background:#d3e5ff;color:#063d7f;padding:6px 9px;border-radius:4px;margin-bottom:22px}.plan ul{padding:0;list-style:none;margin:0 0 26px;min-height:132px}.plan li{font-size:13px;margin:0 0 13px;padding-left:24px;position:relative}.plan li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:700}.plan .button{width:100%}.license-note{font-size:11px;color:var(--muted);line-height:1.5;margin:15px 0 0}.how{padding-top:92px;padding-bottom:88px}.how ol{padding:0;list-style-position:inside;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;counter-reset:steps;margin:35px 0 0}.how li{list-style:none;counter-increment:steps}.how li:before{content:counter(steps);font-size:12px;font-weight:700;border:1px solid #afbdcf;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:27px;height:27px;margin-bottom:16px}.how h3{font-size:16px;margin:0 0 10px}.how p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.faq{padding-bottom:86px;display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq details{border-bottom:1px solid var(--line);padding:19px 0}.faq details:first-child{padding-top:0}.faq summary{font-size:14px;font-weight:600;cursor:pointer;line-height:1.5}.faq details p{font-size:13px;line-height:1.7;color:var(--muted);margin:14px 0 0}.closing{border-top:1px solid var(--line);padding-top:60px;padding-bottom:60px;display:flex;justify-content:space-between;align-items:center;gap:25px}.closing h2{font-size:30px;margin:0}.closing .button{flex-shrink:0}footer{padding:25px 0 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;font-size:11px;color:var(--muted)}footer p{margin:0}dialog{border:0;border-radius:12px;padding:32px;max-width:min(480px,calc(100% - 32px));color:var(--ink);box-shadow:0 18px 70px #17213c40}dialog::backdrop{background:#17213c80}dialog h2{font-size:24px;padding-right:18px}dialog p{font-size:14px;line-height:1.7;color:var(--muted)}.dialog-close{position:absolute;right:13px;top:12px;border:0;background:transparent;font-size:25px;padding:3px 8px}.skip{position:absolute;top:-80px;left:20px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:10px}@media(min-width:1500px){.hero{padding-top:80px;padding-bottom:140px}}@media(max-width:1000px){.wrap,.site-header{width:calc(100% - 48px)}.hero{gap:30px}.hero-actions{gap:15px}.demo-footer{flex-wrap:wrap}.demo-workspace{height:340px}.demo-document{inset:32px 20px 28px 80px;padding:17px}.document-heading{font-size:19px}.feature-groups{grid-template-columns:repeat(2,1fr);gap:35px}.faq{gap:35px}}@media(max-width:700px){.wrap,.site-header{width:calc(100% - 36px)}.site-header{height:80px;gap:12px}nav{display:none}.brand>span{font-size:27px}.hero{grid-template-columns:1fr;padding-top:30px;padding-bottom:85px;gap:43px}h1{font-size:43px}.intro{font-size:16px;max-width:50ch}.hero-actions{gap:22px}.platform{font-size:11px}.demo-shell{transform:none}.demo-workspace{height:310px}.demo-footer{padding:10px}.demo-footer>span{font-size:9px}.demo-disclaimer{font-size:9px;bottom:-29px}.features{padding-bottom:55px}.feature-groups{gap:23px}.feature-group h3{font-size:14px}.feature-group dt{font-size:12px}.feature-group dd{font-size:11px}.pricing{padding:52px 0}.plans{grid-template-columns:1fr}.plan{padding:25px}.plan ul{min-height:0}.how{padding-top:55px;padding-bottom:55px}.how ol{grid-template-columns:1fr;gap:29px}.how li:before{float:left;margin-right:13px;margin-bottom:0}.how li p{padding-left:40px}.faq{grid-template-columns:1fr;gap:20px;padding-bottom:55px}.closing{align-items:flex-start;flex-direction:column;padding-top:40px;padding-bottom:40px}.closing h2{font-size:28px}footer{flex-direction:column;gap:10px;padding-bottom:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}