:root{--bg: #F5F7FA;--panel: #FFFFFF;--canvas: #FAFAF7;--ink: #172033;--sec: #526174;--muted: #8A96A8;--border: #D7DEE8;--divider: #EDF0F4;--pri: #2458CC;--pri-hover: #1D4AB0;--pri-soft: #EAF0FB;--sel-soft: #F0F4FB;--ok: #166534;--ok-soft: #EAF4EE;--warn: #92400E;--warn-soft: #FDF6EC;--warn-border: #E8C9A0;--err: #B42318;--err-soft: #FDF1F0;--font: "IBM Plex Sans", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:var(--bg);font-family:var(--font);font-size:14px;color:var(--ink)}a{color:var(--pri);text-decoration:none}a:hover{color:#1a43a0;text-decoration:underline}button{font:inherit;color:inherit}input,textarea,select{font:inherit}input::placeholder,textarea::placeholder{color:var(--muted)}:focus-visible{outline:2px solid var(--pri);outline-offset:1px}.mono{font-family:var(--mono)}.tnum{font-variant-numeric:tabular-nums}.sec{color:var(--sec)}.app-screen{height:100vh;min-width:1280px;display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.app-page{min-height:100vh;min-width:1280px;display:flex;flex-direction:column;background:var(--bg)}.btn{height:32px;padding:0 14px;border:1px solid var(--border);border-radius:6px;background:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;color:var(--ink);font-size:14px}.btn:hover{background:var(--bg);text-decoration:none;color:var(--ink)}.btn:disabled{cursor:default;color:var(--muted);background:#fff}.btn-primary{border:0;background:var(--pri);color:#fff}.btn-primary:hover{background:var(--pri-hover);color:#fff}.btn-primary:disabled{background:#e3e8ef;color:var(--muted)}.btn-sm{height:28px;padding:0 10px;font-size:12px}.btn-md{height:36px}.btn-lg{height:40px;font-weight:500}.btn-link{border:0;background:transparent;padding:0;color:var(--pri);cursor:pointer}.btn-link:hover{text-decoration:underline}.btn-ghost{border:0;background:transparent;cursor:pointer;border-radius:6px}.btn-ghost:hover{background:#eef1f5}.btn-danger{color:var(--err)}.seg{display:flex;gap:2px;padding:2px;background:#eef1f5;border-radius:8px}.seg>button{height:28px;padding:0 12px;border:0;border-radius:6px;cursor:pointer;font-size:13px;background:transparent;color:var(--sec);white-space:nowrap}.seg>button.on{background:#fff;color:var(--ink);box-shadow:0 1px 2px #1720331f}.seg.sm{border-radius:6px}.seg.sm>button{height:26px;padding:0 10px;font-size:12px;border-radius:5px}.seg.fill>button{flex:1}.chip{height:26px;padding:0 10px;border-radius:13px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);background:#fff;color:var(--ink)}.chip.on{border-color:var(--pri);background:var(--pri-soft);color:var(--pri)}.tabbtn{height:30px;padding:0 12px;display:flex;align-items:center;gap:8px;border:0;border-radius:6px;font-size:13px;cursor:pointer;background:transparent;color:var(--sec);white-space:nowrap}.tabbtn:hover{background:var(--bg);text-decoration:none;color:var(--ink)}.tabbtn.on{background:var(--pri-soft);color:var(--pri);font-weight:600}.hnav{display:flex;flex-shrink:0}.hnav a{height:56px;display:flex;align-items:center;padding:0 12px;color:var(--sec);border-bottom:2px solid transparent;white-space:nowrap}.hnav.compact a{padding:0 10px;font-size:13px}.hnav a:hover{color:var(--ink);text-decoration:none}.hnav a.active{color:var(--ink);font-weight:600;border-bottom-color:var(--pri)}.section-title{font-size:12px;font-weight:600;color:var(--sec);letter-spacing:.04em;text-transform:uppercase}.card{background:#fff;border:1px solid var(--border);border-radius:8px}.panel-l{background:#fff;border-right:1px solid var(--border);overflow:auto}.panel-r{background:#fff;border-left:1px solid var(--border);overflow:auto}.panel-tab{position:absolute;top:calc(50% + 14px);z-index:20;width:16px;height:48px;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--sec);border:1px solid var(--border);box-shadow:0 1px 3px #1720331a}.panel-tab:hover{color:var(--pri);border-color:var(--pri)}.hatch{background:repeating-linear-gradient(135deg,#efeee8 0,#efeee8 8px,#f7f6f1 8px,#f7f6f1 16px)}.tag-mono{font-family:var(--mono);font-size:11px;color:var(--sec);background:var(--canvas);padding:2px 6px;border-radius:4px}.listrow{cursor:pointer}.listrow:hover{background:#f8fafd}.listrow.on{background:var(--sel-soft);box-shadow:inset 3px 0 0 var(--pri)}.input{height:32px;padding:0 10px;border:1px solid var(--border);border-radius:6px;font-size:14px;color:var(--ink);background:#fff;outline-color:var(--pri)}.input.err{border-color:var(--err)}.unit-input{display:flex;align-items:center;height:32px;border:1px solid var(--border);border-radius:6px;padding-right:8px;background:#fff}.unit-input input{flex:1;min-width:0;border:0;outline:0;padding:0 8px;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums;background:transparent}.unit-input span{font-size:12px;color:var(--sec)}.unit-input:focus-within{border-color:var(--pri)}.ro-field{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;border:1px dashed #C9D2DE;border-radius:6px;background:var(--bg);font-size:14px;font-variant-numeric:tabular-nums}.menu{position:absolute;z-index:30;background:#fff;border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #17203324;padding:4px;display:flex;flex-direction:column;min-width:200px}.menu>button,.menu>a{height:32px;display:flex;align-items:center;text-align:left;padding:0 10px;border:0;background:transparent;border-radius:6px;font-size:13px;cursor:pointer;color:var(--ink);white-space:nowrap}.menu>button:hover,.menu>a:hover{background:var(--bg);text-decoration:none}.menu>.sep{height:1px;background:var(--divider);margin:4px 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#17203352;display:flex;align-items:center;justify-content:center;z-index:50}.dialog{background:#fff;border-radius:12px;box-shadow:0 20px 48px #1720333d;display:flex;flex-direction:column;max-height:90vh;overflow:auto}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:60;background:var(--ink);color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;box-shadow:0 8px 24px #1720333d}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.statmark{width:8px;height:8px;border-radius:2px;flex-shrink:0;display:inline-block}.swatch{height:3px;display:inline-block;flex-shrink:0}.checkbox{width:16px;height:16px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;color:#fff;border:1px solid #B4BCC8;background:#fff;cursor:pointer;flex-shrink:0;padding:0}.checkbox.on{border-color:var(--pri);background:var(--pri)}.kbd{font-family:var(--mono);font-size:11px;padding:1px 5px;border:1px solid var(--border);border-radius:4px;color:var(--sec);background:#fff}.tool-palette{position:relative;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;overflow:visible;z-index:20}.tp-btn{position:relative;width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.tp-btn:hover{background:#eef1f5}.tp-btn.on{background:var(--pri);color:#fff}.tp-btn:disabled{cursor:default;opacity:.35;background:transparent}.tp-btn[data-tip]:hover:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);z-index:40;padding:4px 8px;border-radius:4px;background:var(--ink);color:#fff;font-size:12px;white-space:nowrap;pointer-events:none;opacity:1}.tp-go{position:absolute;right:2px;bottom:1px;font-size:9px;line-height:1;color:var(--sec)}.tp-btn.on .tp-go{color:#fff}.tp-dot{position:absolute;right:4px;top:4px;width:6px;height:6px;border-radius:50%;background:var(--pri)}.tp-btn.on .tp-dot{background:#fff}.tp-sep{width:24px;height:1px;background:var(--border);margin:6px 0}.options-bar{height:40px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px;background:#fff;border-bottom:1px solid var(--border);font-size:13px;overflow:hidden}.lp{min-height:100vh;background:var(--bg);color:var(--ink)}.lp-wrap{width:min(1176px,100% - 64px);margin-inline:auto}:where(.lp) :is(h1,h2,h3,h4,p){margin:0}.lp h1,.lp h2{letter-spacing:-.025em;font-weight:600;text-wrap:balance}.lp p{text-wrap:pretty}.lp-head{height:72px;display:flex;align-items:center;gap:32px}.lp-logo:hover{text-decoration:none}.lp-nav{display:flex;gap:24px}.lp-nav a,.lp-foot-bar nav a{color:var(--sec)}.lp-nav a:hover{color:var(--ink);text-decoration:none}.lp-head-actions{margin-left:auto;display:flex;gap:8px}.lp-head-actions .btn-ghost{color:var(--ink)}.lp-hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;padding-block:40px 88px}.lp-hero h1{font-size:48px;line-height:1.08}.lp-lead{margin-top:20px;font-size:17px;line-height:1.6;color:var(--sec);max-width:34em}.lp-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.lp-cta .btn-lg{height:44px;padding:0 20px;font-size:15px}.lp-note{margin-top:12px;font-size:13px;color:var(--sec)}.lp-sheet{margin:0;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 24px 48px -24px #17203340}.lp-sheet-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:8px;border-bottom:1px solid var(--divider)}.lp-sheet-tabs button{height:30px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--sec);font-size:13px;white-space:nowrap;cursor:pointer}.lp-sheet-tabs button:hover{background:var(--bg);color:var(--ink)}.lp-sheet-tabs button.on{background:var(--pri-soft);color:var(--pri);font-weight:600}.lp-sheet-plan{position:relative;height:520px;background:var(--canvas)}.lp-sheet-legend{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:12px 16px;border-top:1px solid var(--divider);font-size:12px;color:var(--sec)}.lp-legend{display:flex;flex-wrap:wrap;gap:6px 16px}.lp-legend>span{display:inline-flex;align-items:center;gap:6px}.lp-legend i{width:14px;height:3px;flex-shrink:0}.lp-sheet-hint{color:var(--muted)}.lp-section{padding-block:72px;border-top:1px solid var(--border)}.lp-section-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:baseline;margin-bottom:40px}.lp-section-head h2{font-size:32px;line-height:1.15}.lp-section-head p{font-size:16px;line-height:1.6;color:var(--sec);max-width:36em}.lp-stages{list-style:none;margin:0;padding:0}.lp-stage{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;padding-block:28px;border-top:1px solid var(--divider)}.lp-stage-title{display:flex;align-items:baseline;gap:14px}.lp-stage-no{width:28px;height:28px;flex-shrink:0;border-radius:50%;border:1.5px solid var(--pri);color:var(--pri);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;transform:translateY(-2px)}.lp-stage-title h3{font-size:20px;font-weight:600}.lp-stage-items{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 40px}.lp-stage-items h4{font-size:15px;font-weight:600;margin-bottom:6px}.lp-stage-items p{font-size:14px;line-height:1.6;color:var(--sec)}.lp-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:12px;background:#fff;overflow:hidden}.lp-plan{padding:24px;display:flex;flex-direction:column;gap:16px}.lp-plan+.lp-plan{border-left:1px solid var(--border)}.lp-plan h3{font-size:16px;font-weight:600}.lp-price{display:flex;flex-direction:column;gap:4px}.lp-price>span:first-child{font-size:32px;font-weight:600;letter-spacing:-.02em}.lp-price>span:last-child{font-size:13px;color:var(--sec)}.lp-plan ul{list-style:none;margin:0;padding:16px 0 0;border-top:1px solid var(--divider);display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.45;flex:1}.lp-plan li{padding-left:18px;position:relative}.lp-plan li:before{content:"";position:absolute;left:0;top:.6em;width:8px;height:2px;background:var(--pri)}.lp-plan .btn{align-self:flex-start}.lp-plans-note{margin-top:16px;font-size:13px;color:var(--sec)}.lp-foot{background:var(--ink);color:#fff}.lp-foot-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-block:56px}.lp-foot-cta h2{font-size:28px;line-height:1.2}.lp-foot-cta p{margin-top:8px;color:#b9c3d3;font-size:15px;line-height:1.6;max-width:36em}.lp-foot-cta .btn-lg{height:44px;padding:0 20px;font-size:15px}.lp-foot-bar{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding-block:20px 28px;border-top:1px solid #2A3550;font-size:13px;color:#8a96a8}.lp-foot-bar nav{display:flex;gap:20px}.lp-foot-bar nav a{color:#b9c3d3}.lp-foot-bar nav a:hover{color:#fff}.lp-foot-copy{margin-left:auto}@media(max-width:1024px){.lp-hero,.lp-section-head,.lp-stage{grid-template-columns:1fr;gap:24px}.lp-hero{padding-block:24px 64px}.lp-section-head{gap:12px}}@media(max-width:720px){.lp-wrap{width:calc(100% - 32px)}.lp-head{height:60px;gap:16px}.lp-nav,.lp-signin{display:none}.lp-hero h1{font-size:34px}.lp-lead{font-size:16px}.lp-sheet-plan{height:360px}.lp-section{padding-block:48px}.lp-section-head h2{font-size:26px}.lp-stage-items,.lp-plans{grid-template-columns:1fr}.lp-plan+.lp-plan{border-left:0;border-top:1px solid var(--border)}}