.demo{--ink:#0c0d0e;--ink-2:#5b6168;--ink-3:#8a9099;--line:#ececee;--line-2:#e2e3e6;--paper:#fff;--paper-2:#fafafa;--accent:#1f7a2e;--accent-soft:#eaf4ec;--blue:#2563eb;--blue-soft:#e8effc;width:100%;background:var(--paper);border:1px solid var(--line-2);border-radius:18px;box-shadow:0 30px 70px -34px rgba(12,13,14,.32),0 8px 24px -14px rgba(12,13,14,.14);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.demo-chrome{display:flex;align-items:center;gap:.8rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--paper-2)}.demo-dots{display:flex;gap:.4rem}.demo-dots i{width:11px;height:11px;border-radius:50%;background:#dcdde0}.demo-file{font-size:.8rem;color:var(--ink-3);font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace}.demo-note{margin-left:auto;font-size:.72rem;font-weight:600;font-style:italic;color:var(--ink-3);white-space:nowrap}.demo-track{position:relative;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.5rem;gap:.5rem;padding:1rem 1.1rem 1.3rem;border-bottom:1px solid var(--line)}.demo-pill{gap:.5rem;padding:.45rem .6rem;border-radius:9999px;border:1px solid var(--line-2);background:var(--paper);min-width:0}.demo-pill,.demo-pill-ico{display:flex;align-items:center;transition:all .35s ease}.demo-pill-ico{justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--paper-2);color:var(--ink-3);flex-shrink:0}.demo-pill-label{font-size:.82rem;font-weight:600;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .35s ease}.demo-pill-label b{color:inherit}.demo-pill.active{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 4px 14px -6px rgba(31,122,46,.5)}.demo-pill.active .demo-pill-ico{background:var(--accent);color:#fff}.demo-pill.active .demo-pill-label{color:var(--accent)}.demo-pill.done .demo-pill-ico{background:var(--accent);color:#fff}.demo-pill.done .demo-pill-label{color:var(--ink)}.demo-track-bar{position:absolute;left:1.1rem;right:1.1rem;bottom:0;height:2px;background:var(--line-2);transform:translateY(50%);border-radius:2px;overflow:hidden}.demo-track-bar span{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .6s cubic-bezier(.4,0,.2,1)}.demo-body{display:grid;grid-template-columns:1.55fr 1fr;min-height:360px}.demo-stage{position:relative;border-right:1px solid var(--line);overflow:hidden}.scene{position:absolute;inset:0;opacity:0;transition:opacity .55s ease;pointer-events:none}.demo[data-step="0"] .scene-draw,.demo[data-step="1"] .scene-draw,.demo[data-step="2"] .scene-draw,.demo[data-step="3"] .scene-excel{opacity:1}.draw-canvas{background-color:#fcfcfd;background-image:linear-gradient(90deg,rgba(12,13,14,.045) 1px,transparent 0),linear-gradient(180deg,rgba(12,13,14,.045) 1px,transparent 0);background-size:26px 26px}.draw-canvas,.schematic{position:absolute;inset:0}.schematic{width:100%;height:100%}.sch-bus line{stroke:#cc1d8f;stroke-width:1.7}.sch-feed{stroke:rgba(20,22,26,.5);stroke-width:1.3}.sch-node{fill:#14161a}.sch-term{fill:#fff;stroke:rgba(20,22,26,.72);stroke-width:1.4}.sch-blade{stroke:#2f4ad0;stroke-width:2.1;stroke-linecap:round}.sch-trip{stroke:rgba(20,22,26,.68);stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.sch-case{fill:none;stroke:rgba(20,22,26,.55);stroke-width:1.4}.sch-amp{fill:#2f9ec4;font:600 12px ui-monospace,Cascadia Code,monospace}.sch-cu{fill:#2f9ec4;font:700 13px ui-monospace,Cascadia Code,monospace}.region{position:absolute;inset:7% 6%;border:2px dashed var(--accent);border-radius:6px;background:rgba(31,122,46,.04);opacity:0}.demo[data-step="0"] .region{animation:regionDraw 1.5s cubic-bezier(.4,0,.2,1) forwards}.demo[data-step="1"] .region,.demo[data-step="2"] .region{opacity:1;border-style:solid}@keyframes regionDraw{0%{opacity:0;-webkit-clip-path:inset(0 100% 100% 0);clip-path:inset(0 100% 100% 0)}15%{opacity:1}to{opacity:1;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}.region-tag{position:absolute;top:-10px;left:10px;transform:translateY(-100%);font-size:.66rem;font-weight:700;color:#fff;background:var(--accent);padding:2px 8px;border-radius:5px}.region-handle{position:absolute;width:8px;height:8px;background:#fff;border:2px solid var(--accent);border-radius:2px}.region-handle.tl{top:-5px;left:-5px}.region-handle.tr{top:-5px;right:-5px}.region-handle.bl{bottom:-5px;left:-5px}.region-handle.br{bottom:-5px;right:-5px}.demo[data-step="0"] .region-handle,.scan{opacity:0}.scan{position:absolute;left:6%;right:6%;height:36px;background:linear-gradient(180deg,transparent,rgba(31,122,46,.18),transparent);border-top:1.5px solid rgba(31,122,46,.7)}.demo[data-step="1"] .scan{opacity:1;animation:scanMove 1.7s ease-in-out infinite}@keyframes scanMove{0%{top:7%}to{top:80%}}.box{border:1.5px solid var(--accent);background:rgba(31,122,46,.08);opacity:0;transform:scale(.82);transition:opacity .4s ease,transform .4s ease}.box,.box em{position:absolute;border-radius:4px}.box em{top:-9px;left:-1px;transform:translateY(-100%);font-style:normal;font-size:.6rem;font-weight:700;color:#fff;background:var(--accent);padding:1px 6px;white-space:nowrap}.box.b1{top:27%;left:12%;width:8.3%;height:18%}.box.b2{left:26.2%}.box.b2,.box.b3{top:27%;width:7.7%;height:18%}.box.b3{left:40.3%}.box.b4{left:54.2%}.box.b4,.box.b5{top:27%;width:7.7%;height:18%}.box.b5{left:68.7%}.demo[data-step="1"] .box:not(.box-add),.demo[data-step="2"] .box:not(.box-add){opacity:1;transform:scale(1)}.demo[data-step="1"] .box.b1,.demo[data-step="2"] .box.b1{transition-delay:.15s}.demo[data-step="1"] .box.b2,.demo[data-step="2"] .box.b2{transition-delay:.35s}.demo[data-step="1"] .box.b3,.demo[data-step="2"] .box.b3{transition-delay:.55s}.demo[data-step="1"] .box.b4,.demo[data-step="2"] .box.b4{transition-delay:.75s}.demo[data-step="1"] .box.b5,.demo[data-step="2"] .box.b5{transition-delay:.95s}.box-add{top:27%;left:82.8%;width:7.7%;height:18%;border-color:var(--blue);background:rgba(37,99,235,.09)}.box-add em{background:var(--blue)}.demo[data-step="2"] .box-add{opacity:1;transform:scale(1);transition-delay:.1s;animation:addPop .5s ease .1s both}@keyframes addPop{0%{transform:scale(.5)}60%{transform:scale(1.12)}to{transform:scale(1)}}.cursor{position:absolute;color:var(--ink);filter:drop-shadow(0 1px 2px rgba(0,0,0,.3));opacity:0}.demo[data-step="0"] .cursor{opacity:1;animation:cursorDraw 1.5s cubic-bezier(.4,0,.2,1) forwards}@keyframes cursorDraw{0%{top:9%;left:8%;opacity:0}12%{opacity:1}to{top:88%;left:90%;opacity:1}}.scene-excel{display:flex;flex-direction:column;padding:1.1rem 1.2rem;background:var(--paper)}.xls{border:1px solid var(--line-2);border-radius:8px;overflow:hidden;flex:1 1}.xls-row{display:grid;grid-template-columns:1.6fr .7fr .9fr 1fr;grid-gap:.5rem;gap:.5rem;padding:.5rem .8rem;font-size:.78rem;color:var(--ink-2);border-bottom:1px solid var(--line);align-items:center}.xls-row span:not(:first-child){text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xls-head{background:var(--paper-2);font-weight:700;color:var(--ink);font-size:.72rem;text-transform:uppercase;letter-spacing:.3px}.xls-head span:not(:first-child){text-align:right}.demo[data-step="3"] .xls-row:not(.xls-head){animation:rowIn .45s ease both;animation-delay:var(--d,0s)}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.xls-row span:first-child{color:var(--ink);font-weight:500}.xls-total{background:var(--accent-soft);font-weight:800;border-bottom:none}.xls-total,.xls-total span:first-child{color:var(--accent)}.xls-dl{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;margin-top:1rem;padding:.6rem 1.1rem;border-radius:9px;background:var(--accent);color:#fff;font-size:.82rem;font-weight:700;position:relative}.demo[data-step="3"] .xls-dl{animation:dlPulse 1s ease .6s 2}@keyframes dlPulse{0%,to{box-shadow:0 0 0 0 rgba(31,122,46,0)}50%{box-shadow:0 0 0 6px rgba(31,122,46,.18)}}.xls-dl-check{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--accent);opacity:0;transform:scale(.4)}.demo[data-step="3"] .xls-dl-check{animation:checkIn .4s ease 1.7s forwards}@keyframes checkIn{to{opacity:1;transform:scale(1)}}.demo-side{padding:1.1rem 1.15rem;display:flex;flex-direction:column}.side-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.side-head>span:first-child{font-size:.85rem;font-weight:800;color:var(--ink)}.side-badge{font-size:.66rem;font-weight:700;padding:2px 9px;border-radius:9999px;background:var(--paper-2);color:var(--ink-3);transition:all .35s ease}.side-badge.s1,.side-badge.s2{background:var(--blue-soft);color:var(--blue)}.side-badge.s3{background:var(--accent-soft);color:var(--accent)}.side-list{list-style:none;margin:0;padding:0;flex:1 1}.side-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem;border-radius:7px;border-bottom:1px solid var(--line);font-size:.8rem;color:var(--ink-2);opacity:0;transform:translateX(10px);transition:opacity .45s ease,transform .45s ease,background .35s ease}.side-row>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo:not([data-step="0"]) .side-row{opacity:1;transform:none;transition-delay:var(--d,0s)}.side-row b{color:var(--ink);font-size:.92rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0}.demo[data-step="2"] .side-row.salter{background:var(--blue-soft)}.side-chip{font-style:normal;font-size:.6rem;font-weight:700;color:#fff;background:var(--blue);padding:1px 5px;border-radius:4px;animation:addPop .4s ease both}.side-total{display:flex;align-items:center;justify-content:space-between;margin-top:.7rem;padding-top:.8rem;border-top:2px solid var(--line-2);transition:opacity .4s ease}.demo[data-step="0"] .side-total{opacity:0}.side-total span{font-size:.8rem;color:var(--ink-2)}.side-total b{font-size:1.35rem;font-weight:800;letter-spacing:-.5px;color:var(--ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-caption{padding:.85rem 1.2rem;border-top:1px solid var(--line);background:var(--paper-2);font-size:.88rem;font-weight:600;color:var(--ink);text-align:center}@media (max-width:760px){.demo-track{grid-template-columns:repeat(2,1fr)}.demo-body{grid-template-columns:1fr}.demo-stage{border-right:none;border-bottom:1px solid var(--line);min-height:280px}.demo-side{min-height:220px}}@media (prefers-reduced-motion:reduce){.demo *,.demo :after,.demo :before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.demo[data-step="0"] .scene-xgrid,.demo[data-step="1"] .scene-xgrid,.demo[data-step="2"] .scene-xgrid{opacity:1}.scene-xgrid{display:flex;flex-direction:column;padding:1rem 1.1rem;background:var(--paper)}.xg{position:relative;flex:1 1;border:1px solid var(--line-2);border-radius:8px;overflow:hidden;font-size:.76rem}.xg-row{display:grid;grid-template-columns:26px 44px 1fr 52px}.xg-row>span{padding:.42rem .55rem;border-right:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink)}.xg-row>span:last-child{border-right:none}.xg-colhead>span,.xg-rownum{background:#f1f2f4;color:var(--ink-3);font-weight:600;text-align:center;font-size:.68rem}.xg-corner{background:#f1f2f4}.xg-titlerow .xg-cell{background:#f7f8fa;font-weight:700;color:var(--ink)}.xg-num{text-align:center;color:var(--ink-3)}.xg-adet{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xg-mal{position:relative;padding-right:1.9rem;transition:background .35s ease,box-shadow .35s ease}.xg-mal-txt{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.xg-ref{position:absolute;top:3px;right:4px;font-style:normal;font-size:.56rem;font-weight:700;color:#fff;background:var(--accent);padding:0 4px;border-radius:3px;opacity:0;transform:scale(.6);transition:opacity .3s ease,transform .3s ease}.demo[data-step="1"] .xg-mal.det,.demo[data-step="2"] .xg-mal.det{background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent);transition-delay:var(--d,0s)}.demo[data-step="1"] .xg-mal.det .xg-ref,.demo[data-step="2"] .xg-mal.det .xg-ref{opacity:1;transform:scale(1);transition-delay:var(--d,0s)}.demo[data-step="2"] .xg-mal.add{background:var(--blue-soft);box-shadow:inset 3px 0 0 var(--blue);animation:xgAdd .5s ease .1s both}.demo[data-step="2"] .xg-mal.add .xg-ref{opacity:1;transform:scale(1);background:var(--blue)}@keyframes xgAdd{0%{background:#fff}40%{background:rgba(37,99,235,.22)}to{background:var(--blue-soft)}}.xg-scan{position:absolute;left:0;right:0;height:30px;background:linear-gradient(180deg,transparent,rgba(31,122,46,.16),transparent);border-top:1.5px solid rgba(31,122,46,.65);opacity:0;pointer-events:none}.demo[data-step="1"] .xg-scan{opacity:1;animation:xgScan 1.8s ease-in-out infinite}@keyframes xgScan{0%{top:22%}to{top:88%}}.xg-tabs{display:flex;gap:3px;margin-top:.65rem;padding-left:.2rem}.xg-tab{font-size:.7rem;font-weight:600;padding:.28rem .75rem;border:1px solid var(--line-2);border-bottom:none;border-radius:6px 6px 0 0;background:var(--paper-2);color:var(--ink-3)}.xg-tab.active{background:#fff;color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}@media (max-width:760px){.scene-xgrid{padding:.75rem}.xg-row{grid-template-columns:22px 36px 1fr 44px}}.lp{--ink:#0c0d0e;--ink-2:#5b6168;--ink-3:#8a9099;--line:#ececee;--line-2:#e2e3e6;--paper:#fff;--paper-2:#fafafa;--accent:#1f7a2e;--accent-soft:#eaf4ec;width:100%;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-inter),-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}.lp *{box-sizing:border-box}.lp-wrap{max-width:1120px;margin:0 auto;padding:0 2rem}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.35rem;border-radius:10px;font-size:.95rem;font-weight:600;letter-spacing:-.1px;text-decoration:none;border:1px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap;transition:transform .15s ease,background .15s ease,border-color .15s ease}.lp-btn-primary{background:var(--ink);color:#fff}.lp-btn-primary:hover{background:#000;transform:translateY(-1px)}.lp-btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.lp-btn-ghost:hover{border-color:var(--ink);background:var(--paper-2)}.lp-hero{padding:8.5rem 0 5rem;border-bottom:1px solid var(--line)}.lp-hero-intro{max-width:720px;margin:0 auto 3rem;text-align:center;display:flex;flex-direction:column;align-items:center}.lp-h1{font-size:clamp(2.4rem,4.6vw,3.6rem);font-weight:800;line-height:1.05;letter-spacing:-1.8px;margin:0 0 1.4rem;color:var(--ink)}.lp-lead{font-size:clamp(1.02rem,1.4vw,1.18rem);line-height:1.65;color:var(--ink-2);max-width:34rem;margin:0 auto 2rem}.lp-hero-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap}.lp-demo-wrap{max-width:1000px;margin:0 auto;gap:3rem}.lp-demo-block,.lp-demo-wrap{display:flex;flex-direction:column}.lp-demo-block{gap:.9rem}.lp-demo-label{align-self:center;display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--ink-2)}.lp-demo-label:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent)}.lp-section{padding:6rem 0}.lp-head{max-width:38rem;margin:0 0 3rem}.lp-h2{font-size:clamp(1.7rem,3vw,2.2rem);font-weight:800;letter-spacing:-1px;line-height:1.15;margin:0 0 .85rem;color:var(--ink)}.lp-sub{font-size:1.02rem;color:var(--ink-2);line-height:1.6;margin:0}.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.1rem;gap:1.1rem}.lp-card{padding:1.75rem;border:1px solid var(--line-2);border-radius:14px;background:var(--paper);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.lp-card:hover{border-color:#d2d4d8;box-shadow:0 14px 40px -24px rgba(12,13,14,.2);transform:translateY(-2px)}.lp-card-ico{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent);margin-bottom:1.1rem}.lp-card h3{font-size:1.05rem;font-weight:700;letter-spacing:-.3px;margin:0 0 .5rem;color:var(--ink)}.lp-card p{font-size:.92rem;line-height:1.6;color:var(--ink-2);margin:0}.lp-steps-section{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lp-steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.1rem;gap:1.1rem}.lp-step{padding:1.75rem;background:var(--paper);border:1px solid var(--line-2);border-radius:14px}.lp-step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem}.lp-step-num{font-size:1.6rem;font-weight:800;letter-spacing:-1px;color:var(--ink)}.lp-step-ico{color:var(--accent)}.lp-step h3{font-size:1.02rem;font-weight:700;letter-spacing:-.3px;margin:0 0 .5rem;color:var(--ink)}.lp-step p{font-size:.92rem;line-height:1.6;color:var(--ink-2);margin:0}.lp-compare{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.25rem;gap:1.25rem}.lp-compare-card{background:#fff;border:1px solid var(--line-2);border-radius:16px;padding:1.9rem}.lp-compare-card.good{border-color:var(--accent);box-shadow:0 14px 40px -24px rgba(31,122,46,.45)}.lp-compare-head{display:flex;align-items:center;min-height:30px;margin-bottom:1.1rem;padding-bottom:.9rem;border-bottom:1px solid var(--line)}.lp-compare-tag{font-size:1.02rem;font-weight:700;letter-spacing:-.3px;color:var(--ink)}.lp-compare-logo{height:26px;width:auto;display:block}.lp-compare-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.8rem}.lp-compare-list li{display:flex;align-items:flex-start;gap:.6rem;font-size:.92rem;line-height:1.45;color:var(--ink-2)}.lp-compare-list svg{flex-shrink:0;margin-top:1px}.lp-compare-card.bad .lp-compare-list svg{color:#c0392b}.lp-compare-card.good .lp-compare-list svg{color:var(--accent)}.lp-footer{border-top:1px solid var(--line);padding:3.5rem 0 2rem}.lp-footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;flex-wrap:wrap;padding-bottom:2.5rem}.lp-footer-brand{max-width:22rem}.lp-footer-logo{height:26px;width:auto;margin-bottom:.85rem}.lp-footer-brand p{font-size:.88rem;color:var(--ink-3);line-height:1.6;margin:0}.lp-footer-links{display:flex;gap:1.5rem}.lp-footer-links a{font-size:.88rem;color:var(--ink-2);text-decoration:none;transition:color .15s ease}.lp-footer-links a:hover{color:var(--ink)}.lp-footer-base{display:flex;align-items:center;justify-content:space-between;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.82rem;color:var(--ink-3)}@media (max-width:920px){.lp-hero{padding:7.5rem 0 3.5rem}.lp-hero-intro{margin-bottom:2.5rem}.lp-cards,.lp-steps{grid-template-columns:1fr 1fr}}@media (max-width:680px){.lp-wrap{padding:0 1.25rem}.lp-section{padding:4rem 0}.lp-cards,.lp-compare,.lp-steps{grid-template-columns:1fr}.lp-footer-base{flex-direction:column;gap:.5rem;align-items:flex-start}}