:root{color:#102a43;font-synthesis:none;--blue:#2563eb;--muted:#52647b;background:#fff;font-family:Inter,Noto Sans SC,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:disabled{opacity:.45;cursor:not-allowed}button{cursor:pointer}a:focus-visible,button:focus-visible{outline-offset:4px;outline:3px solid #93c5fd}.skip{background:#fff;padding:12px;position:absolute;top:-100px}.skip:focus{z-index:100;top:0}.site-header{border-bottom:1px solid #e0e6ed;align-items:center;gap:60px;max-width:1440px;margin:auto;padding:26px 40px;display:flex}.brand{white-space:nowrap;align-items:center;gap:12px;font-size:25px;font-weight:750;display:flex}.brand-mark{background:var(--blue);color:#fff;border-radius:7px;justify-content:center;align-items:center;width:40px;height:42px;font-size:26px;font-weight:650;display:inline-flex;box-shadow:0 3px 8px #2563eb26}.brand-mark.small{width:29px;height:31px;font-size:21px}.site-header nav{gap:34px;font-size:15px;font-weight:550;display:flex}.header-actions{gap:14px;margin-left:auto;display:flex}.button{border:1px solid var(--blue);background:var(--blue);color:#fff;border-radius:7px;justify-content:center;align-items:center;padding:11px 22px;font-size:14px;font-weight:600;line-height:1.4;transition:background .15s;display:inline-flex}.button:hover{background:#1d4ed8}.button.secondary{color:var(--blue);background:#fff}.button.secondary:hover{background:#eff6ff}.button.large{padding:17px 35px;font-size:18px}.hero{grid-template-columns:.85fr 1fr;align-items:center;gap:36px;max-width:1440px;min-height:660px;margin:0 auto;padding:74px 36px 72px;display:grid}.hero h1{letter-spacing:-.045em;color:#061c35;margin:0 0 35px;font-size:clamp(38px,4.2vw,60px);font-weight:780;line-height:1.3}.hero-copy>p{color:var(--muted);max-width:530px;margin-bottom:48px;font-size:20px;line-height:1.8}.actions{flex-wrap:wrap;align-items:center;gap:35px;display:flex}.text-link{color:var(--blue);align-items:center;gap:10px;font-size:17px;font-weight:650;display:inline-flex}.text-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.product-preview{background:#fff;border:5px solid #edf0f5;border-radius:14px;min-width:0;overflow:hidden;box-shadow:0 10px 30px #102a4308}.preview-bar{background:#f4f6f9;border-bottom:1px solid #e3e9ef;align-items:center;gap:9px;padding:14px;font-size:17px;display:flex}.preview-hint{color:#6b7d91;margin-left:auto;font-size:12px}.preview-body{grid-template-columns:29% 71%;min-height:445px;display:grid}.preview-pages{background:#f8fbff;border-right:1px solid #e3e9ef;flex-direction:column;gap:10px;padding:20px 8px;display:flex}.preview-pages button{text-align:left;color:#52647b;white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:10px 8px;font-size:13px}.preview-pages button[aria-selected=true]{color:#2563eb;background:#e7f1ff;font-weight:600}.preview-slide{min-width:0;padding:23px}.preview-slide h2{letter-spacing:-.02em;margin:0 0 12px;font-size:23px;font-weight:750}.preview-slide p{color:#52647b;margin-bottom:15px;font-size:13px;line-height:1.7}.preview-slide pre{color:#152e48;background:#f4f6f8;border-radius:8px;min-height:278px;margin:0;padding:16px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;overflow:auto}.preview-controls{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.preview-controls .button{padding:9px 16px;font-size:13px}.features-section{max-width:1320px;margin:auto;padding:65px 40px 76px}.features-section>h2,.start-section h2{letter-spacing:-.04em;text-align:center;margin:0 0 55px;font-size:clamp(30px,3.6vw,45px);font-weight:750;line-height:1.35}.feature-columns{grid-template-columns:repeat(3,1fr);display:grid}.feature-columns article{border-right:1px solid #dfe6ef;padding:0 38px}.feature-columns article:first-child{padding-left:0}.feature-columns article:last-child{border:0}.feature-columns h3{margin:12px 0 22px;font-size:25px;font-weight:700}.feature-columns p{color:var(--muted);margin:0;font-size:18px;line-height:1.9}.start-section{text-align:center;background:#edf5ff;padding:70px 25px}.start-section h2{margin-bottom:20px}.start-section p{color:var(--muted);margin-bottom:32px;font-size:19px}.start-section .actions{justify-content:center}.site-footer{color:#52647b;justify-content:space-between;gap:24px;max-width:1440px;margin:auto;padding:30px 45px;font-size:13px;display:flex}.site-footer nav{flex-wrap:wrap;gap:24px;display:flex}.content{max-width:1100px;margin:auto;padding:60px 28px 90px}.content h1{letter-spacing:-.04em;margin:0 0 20px;font-size:42px}.content h2{margin-top:35px;font-size:24px}.content p,.content li{color:var(--muted);line-height:1.85}.plan-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin:38px 0;display:grid}.plan-card{border:1px solid #e0e6ed;border-radius:12px;padding:27px}.plan-card h2{margin:0 0 20px}.plan-card strong{font-size:36px}.plan-card ul{padding-left:20px}.content a:not(.button){color:var(--blue)}.error-message{background:#fef2f2;padding:16px;color:#b91c1c!important}.content code{background:#f1f5f9;border-radius:4px;padding:3px 6px}.content table{border-collapse:collapse;width:100%}.content td,.content th{text-align:left;border-bottom:1px solid #e0e6ed;padding:12px}@media (width>=1450px){.hero{gap:65px}.preview-body{min-height:475px}.preview-slide pre{min-height:308px;font-size:13px}}@media (width<=1050px){.site-header{gap:25px;padding:20px 25px}.site-header nav{gap:20px}.brand{font-size:21px}.hero{gap:20px;padding:50px 25px}.hero-copy>p{font-size:17px}.hero h1{font-size:38px}.actions{gap:20px}.button.large{padding:14px 24px;font-size:16px}.text-link{font-size:15px}.preview-slide{padding:16px}.preview-pages button{font-size:11px}.preview-slide pre{padding:12px;font-size:10px}.preview-slide h2{font-size:20px}.feature-columns article{padding:0 24px}.feature-columns p{font-size:16px}}@media (width<=760px){.site-header{flex-wrap:wrap;gap:18px;padding:18px 20px}.site-header nav{order:3;justify-content:space-between;width:100%;font-size:14px}.header-actions{gap:8px}.header-actions .button{padding:8px 11px;font-size:12px}.brand{font-size:20px}.brand-mark{width:30px;height:33px;font-size:22px}.hero{grid-template-columns:1fr;gap:36px;min-height:auto;padding:45px 20px 30px}.hero h1{margin-bottom:22px;font-size:37px}.hero-copy>p{margin-bottom:28px;font-size:17px}.preview-body{min-height:360px}.preview-slide pre{min-height:225px;font-size:10px}.preview-slide h2{font-size:19px}.preview-pages{padding:15px 3px}.preview-pages button{padding:9px 3px;font-size:10px}.features-section{padding:48px 24px}.features-section>h2{margin-bottom:25px;font-size:28px}.feature-columns{grid-template-columns:1fr}.feature-columns article,.feature-columns article:first-child{border:0;border-bottom:1px solid #dfe6ef;padding:20px 0}.feature-columns h3{margin:0 0 12px;font-size:22px}.start-section{padding:50px 24px}.start-section h2{font-size:30px}.start-section p{font-size:16px}.site-footer{flex-direction:column;padding:25px}.site-footer nav{gap:18px}.content{padding:40px 22px 60px}.content h1{font-size:32px}.plan-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}