:root{--paper: #FBFBF8;--paper-deep: #F5F5F2;--card: #FFFFFF;--ink: #262323;--ink-soft: rgba(38, 35, 35, .55);--ink-faint: rgba(38, 35, 35, .38);--line: #E7E7E3;--green: #34A853;--amber: #F59E0B;--orange: #FF672F;--blue: #46ABFD;--sans: "Instrument Sans", -apple-system, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--sans);background:var(--paper-deep);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased}button{font-family:var(--sans)}a{color:inherit}.shell{display:grid;grid-template-columns:218px 1fr;height:100%}.side{border-right:1px solid var(--line);background:var(--paper);padding:20px 12px 16px;display:flex;flex-direction:column;overflow-y:auto}.s-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:.95rem;padding:2px 10px 20px;letter-spacing:-.02em}.s-mark{width:22px;height:22px;border-radius:6px;flex:none;background:var(--ink);color:var(--paper);display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;font-weight:600}.s-nav{list-style:none;display:flex;flex-direction:column;gap:2px}.s-nav li{display:flex;gap:10px;align-items:center;padding:8px 10px;border-radius:8px;font-size:.87rem;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.s-nav li:hover{background:#2623230d;color:var(--ink)}.s-nav li.on{background:#26232312;color:var(--ink);font-weight:500}.s-nav svg{width:15px;height:15px;flex:none;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.s-label{font-family:var(--mono);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:0 10px;margin:18px 0 6px}.n-badge{margin-left:auto;font-family:var(--mono);font-size:.62rem;background:#26232314;border-radius:999px;padding:1px 7px;color:var(--ink-soft)}.n-badge.hot{background:var(--orange);color:#fff}.s-foot{margin-top:auto;padding:0 10px}.s-user{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:12px;font-size:.8rem;color:var(--ink-soft)}.avatar{width:24px;height:24px;border-radius:50%;flex:none;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center;font-size:.64rem;font-weight:600}.xp{font-family:var(--mono);font-size:.66rem;color:var(--ink-soft);letter-spacing:.04em}.xp-bar{height:6px;border-radius:999px;background:var(--paper-deep);border:1px solid var(--line);margin-top:7px;overflow:hidden}.xp-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--green),var(--amber));transition:width .6s ease}.main-area{min-width:0;display:flex;flex-direction:column;overflow:hidden}.topbar{display:flex;align-items:center;gap:14px;height:58px;flex:none;padding:0 28px;background:#fbfbf8d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.topbar h1{font-size:1rem;font-weight:600;letter-spacing:-.01em}.topbar .spacer{flex:1}.demo-tag{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;color:#a36a00;background:#f59e0b24;padding:3px 10px;border-radius:999px}.live-chip{font-family:var(--mono);font-size:.62rem;color:#1e7e3c;background:#34a8531f;padding:3px 10px;border-radius:999px;display:inline-flex;align-items:center;white-space:nowrap}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:6px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #34a85359}50%{box-shadow:0 0 0 5px #34a85300}}.scroller{overflow-y:auto;flex:1}.screen{padding:26px 28px 90px;max-width:1080px;margin:0 auto;width:100%}.screen-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:14px;flex-wrap:wrap}.screen-head h2{font-size:1.25rem;font-weight:600;letter-spacing:-.02em}.screen-head p{color:var(--ink-soft);font-size:.92rem}.btn{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:500;text-decoration:none;padding:9px 18px;border-radius:999px;background:var(--ink);color:var(--paper);border:1px solid var(--ink);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #26232324}.btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--ink);box-shadow:none}.btn.small{padding:6px 14px;font-size:.8rem}.btn.tiny{padding:3px 11px;font-size:.72rem}.link-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);letter-spacing:.04em}.link-btn:hover{color:var(--ink)}.back{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;cursor:pointer;font-family:var(--mono);font-size:.68rem;color:var(--ink-faint);margin-bottom:14px;padding:0}.back:hover{color:var(--ink)}.biz-hero{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 24px 18px;margin-bottom:14px;position:relative;overflow:hidden}.biz-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--brand, var(--ink))}.biz-top{display:flex;align-items:center;gap:16px}.biz-name{min-width:0}.biz-name h2{font-size:1.45rem;font-weight:600;letter-spacing:-.03em;line-height:1.15}.biz-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px;font-family:var(--mono);font-size:.64rem;letter-spacing:.04em;color:var(--ink-faint)}.biz-mrr{margin-left:auto;text-align:right;flex:none}.biz-mrr .hero-num small{text-transform:uppercase;letter-spacing:.1em}.journey{display:flex;align-items:center;margin-top:18px;padding-top:16px;border-top:1px dashed var(--line)}.j-step{display:inline-flex;align-items:center;gap:7px;font-family:var(--mono);font-size:.6rem;color:var(--ink-soft);white-space:nowrap;flex:none}.j-dot{width:15px;height:15px;border-radius:50%;flex:none;background:var(--green);color:#fff;font-size:.5rem;display:inline-flex;align-items:center;justify-content:center}.j-step:not(.done){color:var(--ink-faint)}.j-step:not(.done) .j-dot{background:var(--paper-deep);border:1.5px solid var(--ink-faint)}.j-line{flex:1;min-width:10px;height:2px;background:#34a8534d;margin:0 8px}.j-track{flex:2;min-width:40px;height:6px;border-radius:999px;background:var(--paper-deep);border:1px solid var(--line);overflow:hidden;margin-right:10px}.j-track i{display:block;height:100%;border-radius:999px;background:var(--brand, var(--green));transition:width .6s ease}.j-goal{font-family:var(--mono);font-size:.6rem;color:var(--ink-faint);white-space:nowrap;flex:none}@media (max-width: 900px){.biz-top{flex-wrap:wrap}.biz-mrr{margin-left:0;text-align:left;width:100%;margin-top:4px}.journey{flex-wrap:wrap;gap:10px}.j-line{display:none}.j-track{flex:1 1 100%;margin:4px 0 0}}.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.kpi{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.kpi b{display:flex;align-items:center;gap:8px;font-size:1.2rem;font-weight:600;letter-spacing:-.01em}.kpi .up{font-style:normal;font-family:var(--mono);font-size:.58rem;color:#1e7e3c;background:#34a8531f;padding:2px 7px;border-radius:999px}.kpi span{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint)}.panel{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 18px;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:10px}.tile-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);display:block}.m-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:12px}.col{display:flex;flex-direction:column;gap:12px;min-width:0}.rows{list-style:none}.rows li{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.86rem}.rows li:last-child{border-bottom:none}.rows .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rows .amt{font-family:var(--mono);font-size:.74rem;color:var(--ink-soft);white-space:nowrap}.rows.clickable li{cursor:pointer;margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:8px}.rows.clickable li:hover{background:var(--paper-deep)}.dot-ok{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.dot-warn{width:8px;height:8px;border-radius:50%;background:var(--amber);flex:none}.chip{font-family:var(--mono);font-size:.62rem;padding:2px 8px;border-radius:999px;white-space:nowrap;flex:none}.chip.ok{background:#34a8531f;color:#1e7e3c}.chip.wait{background:#f59e0b24;color:#a36a00}.chip.info{background:#46abfd24;color:#1868a8}.chip.dim{background:#26232312;color:var(--ink-soft)}.hero-num{font-size:1.9rem;font-weight:600;letter-spacing:-.02em;line-height:1}.hero-num small{display:block;font-family:var(--mono);font-size:.66rem;font-weight:400;color:var(--ink-faint);margin-top:6px;letter-spacing:.04em}.bars{display:flex;gap:6px;align-items:flex-end;height:56px;margin-top:16px}.bars i{flex:1;border-radius:4px 4px 2px 2px;background:#34a85347;transition:height .5s ease}.bars i.hot{background:var(--green)}.mono-note{margin-top:12px;font-family:var(--mono);font-size:.66rem;color:var(--ink-faint)}.chat{display:flex;flex-direction:column;gap:9px}.bubble{max-width:84%;padding:9px 13px;border-radius:14px;font-size:.86rem;line-height:1.45}.bubble.client{align-self:flex-start;background:var(--paper-deep);border-bottom-left-radius:4px}.bubble.you{align-self:flex-end;background:var(--ink);color:var(--paper);border-bottom-right-radius:4px}.chat .stamp{font-family:var(--mono);font-size:.6rem;color:var(--ink-faint);margin:1px 4px}.chat .stamp.right{align-self:flex-end}.typing{display:inline-flex;gap:4px;align-items:center;padding:4px 2px}.typing i{width:5px;height:5px;border-radius:50%;background:var(--ink-faint);animation:blink 1.2s infinite}.typing i:nth-child(2){animation-delay:.2s}.typing i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,60%,to{opacity:.3}30%{opacity:1}}.reply-bar{display:flex;gap:8px;margin-top:14px}.input{flex:1;font-family:var(--sans);font-size:.88rem;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);outline:none;min-width:0}.input:focus{border-color:var(--ink-faint)}.input.boxy{border-radius:10px}.field{margin-bottom:14px}.extra-row{display:flex;align-items:center;gap:10px;padding:7px 0;font-size:.86rem;border-bottom:1px dashed var(--line);cursor:pointer}.extra-row:last-of-type{border-bottom:none}.extra-row input{accent-color:var(--ink);width:15px;height:15px;flex:none}.extra-row .grow{flex:1}.extra-row .amt{font-family:var(--mono);font-size:.68rem;color:var(--ink-soft)}.field label{display:block;font-family:var(--mono);font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:6px}.field .input,.field select{width:100%}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none}.toast-host{position:fixed;bottom:22px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;z-index:200;pointer-events:none}.toast{font-family:var(--mono);font-size:.74rem;background:var(--ink);color:var(--paper);padding:9px 18px;border-radius:999px;box-shadow:0 10px 30px -10px #26232366;animation:toast-in .25s ease;white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;background:#26232359;display:flex;align-items:center;justify-content:center;padding:24px;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:26px 28px;width:100%;max-width:460px;max-height:82vh;overflow-y:auto;box-shadow:0 24px 60px -20px #26232359;animation:toast-in .22s ease}.modal h3{font-size:1.05rem;font-weight:600;letter-spacing:-.01em;margin-bottom:6px}.modal .sub{color:var(--ink-soft);font-size:.9rem;margin-bottom:18px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.doc-preview{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:18px 20px;font-size:.8rem;color:var(--ink-soft);max-height:260px;overflow-y:auto}.doc-preview h4{font-size:.85rem;color:var(--ink);margin-bottom:8px}.doc-preview p+p{margin-top:8px}.ask-fab{position:fixed;right:24px;bottom:24px;z-index:120;width:52px;height:52px;border-radius:50%;background:var(--ink);color:var(--paper);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 34px -12px #26232380;transition:transform .15s ease}.ask-fab:hover{transform:translateY(-2px)}.ask-fab svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.ask-panel{position:fixed;right:24px;bottom:88px;z-index:120;width:340px;max-width:calc(100vw - 48px);height:440px;max-height:calc(100vh - 130px);background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px -20px #2623234d;display:flex;flex-direction:column;overflow:hidden;animation:toast-in .22s ease}.ask-head{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;border-bottom:1px solid var(--line);background:var(--paper)}.ask-head .tile-label{margin:0}.ask-body{flex:1;overflow-y:auto;padding:14px 14px 6px}.ask-body .bubble{font-size:.82rem}.ask-foot{padding:10px 12px;border-top:1px solid var(--line)}.bubble-action{display:inline-block;margin-top:8px;font-size:.74rem;font-weight:500;background:var(--card);color:var(--ink);border:1px solid var(--line);padding:5px 12px;border-radius:999px;cursor:pointer}.bubble-action:hover{border-color:var(--ink)}.bubble-action:disabled{opacity:.5;cursor:default}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.client-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px 18px 16px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.client-card:hover{transform:translateY(-2px);border-color:var(--ink-faint)}.client-card h3{font-size:.98rem;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.client-card .meta{font-family:var(--mono);font-size:.66rem;color:var(--ink-faint);margin-top:4px}.client-card .foot{display:flex;justify-content:space-between;align-items:center;margin-top:14px}.client-card .mrr{font-weight:600;font-size:1.05rem;letter-spacing:-.01em}.client-card .mrr small{font-family:var(--mono);font-size:.6rem;font-weight:400;color:var(--ink-faint)}.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0 14px}.tabs{display:inline-flex;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:999px;padding:3px}.tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;cursor:pointer;font-size:.8rem;color:var(--ink-soft);padding:5px 14px;border-radius:999px}.tab.on{background:var(--ink);color:var(--paper)}.pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pkg-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px 22px 20px;display:flex;flex-direction:column}.pkg-card.star{border-color:var(--ink);box-shadow:0 14px 34px -20px #2623234d}.pkg-price{font-size:1.5rem;font-weight:600;letter-spacing:-.02em;margin-top:8px}.pkg-price span{font-family:var(--mono);font-size:.64rem;font-weight:400;color:var(--ink-faint)}.pkg-price input{width:84px;font-family:var(--sans);font-size:1.3rem;font-weight:600;border:1px solid var(--line);border-radius:8px;padding:2px 8px;outline:none}.pkg-list{list-style:none;margin:14px 0 16px;flex:1}.pkg-list li{font-size:.84rem;color:var(--ink-soft);padding:5px 0;display:flex;gap:8px;align-items:center}.tick{width:16px;height:16px;border-radius:50%;flex:none;background:var(--green);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.54rem}.tick.off{background:var(--paper-deep);border:1.5px solid var(--ink-faint);color:transparent}.pkg-rev{font-family:var(--mono);font-size:.64rem;color:var(--ink-faint);margin-bottom:14px}.badges{display:flex;gap:10px;margin-bottom:22px}.badge{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 10px;text-align:center;font-size:.76rem;color:var(--ink-soft)}.badge .b-ico{width:26px;height:26px;border-radius:50%;margin:0 auto 8px;display:flex;align-items:center;justify-content:center;font-size:.7rem;background:#34a8531f;color:#1e7e3c}.badge.locked{color:var(--ink-faint)}.badge.locked .b-ico{background:var(--paper-deep);color:var(--ink-faint)}.stepper{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.step-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);background:var(--paper)}.step-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;text-align:left;padding:15px 18px 13px;cursor:pointer;border-right:1px solid var(--line);border-bottom:2px solid transparent;color:var(--ink-soft);transition:background .15s ease,color .15s ease}.step-tab:last-child{border-right:none}.step-tab .num{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:3px}.step-tab .name{font-size:.88rem;font-weight:500}.step-tab:hover{background:var(--paper-deep);color:var(--ink)}.step-tab.active{background:var(--card);color:var(--ink);border-bottom-color:var(--ink)}.step-panel{padding:28px 28px 32px}.step-panel .desc{color:var(--ink-soft);font-size:.95rem;max-width:540px;margin-bottom:20px}.step-cta{margin-top:24px;display:flex;gap:10px}.tasklist{list-style:none;max-width:540px}.tasklist li{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px dashed var(--line);font-size:.92rem}.tasklist li:last-child{border-bottom:none}.tasklist li.click{cursor:pointer}.tasklist li.click:hover{color:var(--ink)}.tasklist .tick{width:18px;height:18px;font-size:.6rem}.tool-cat+.tool-cat{margin-top:24px}.cat-label{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:10px}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px 10px;padding-top:6px}.tool-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:18px 8px 14px;text-align:center;cursor:pointer;position:relative;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.tool-card:hover{transform:translateY(-3px);border-color:var(--ink-faint)}.tool-card img{width:32px;height:32px;object-fit:contain;margin-bottom:8px;filter:grayscale(1);opacity:.7;transition:filter .2s ease,opacity .2s ease}.tool-card:hover img{filter:none;opacity:1}.tool-card h4{font-size:.78rem;font-weight:500;color:var(--ink)}.tool-price{display:block;font-family:var(--mono);font-size:.56rem;color:var(--ink-faint);margin-top:3px;white-space:nowrap}.stack-sum{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:14px 18px 12px;margin-top:24px}.dev-inp{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.64rem;color:var(--ink-soft)}.dev-inp input{width:60px;font-family:var(--mono);font-size:.74rem;padding:3px 8px;border:1px solid var(--line);border-radius:8px;background:var(--card);outline:none}.dev-inp input:focus{border-color:var(--ink-faint)}.tool-card .rec{position:absolute;top:-8px;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.52rem;letter-spacing:.08em;text-transform:uppercase;color:#1e7e3c;background:#34a85324;border:1px solid rgba(52,168,83,.3);padding:1px 8px;border-radius:999px;white-space:nowrap;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.tool-card .sel{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--green);color:#fff;font-size:.6rem;line-height:18px;display:none}.tool-card.selected{border-color:var(--green);box-shadow:0 0 0 1px var(--green)}.tool-card.selected img{filter:none;opacity:1}.tool-card.selected .sel{display:block}.tool-note{margin-top:20px;font-family:var(--mono);font-size:.7rem;color:var(--ink-faint)}.pipe{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;align-items:start;margin-top:4px}.pipe-col{background:#26232308;border:1px dashed var(--line);border-radius:12px;padding:10px;min-height:140px;display:flex;flex-direction:column;gap:8px}.pipe-head{display:flex;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);padding:2px 2px 4px}.pipe-empty{text-align:center;color:var(--ink-faint);font-family:var(--mono);font-size:.7rem;padding:16px 0}.deal{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 12px 11px}.deal h4{font-size:.86rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.deal-meta{font-family:var(--mono);font-size:.62rem;color:var(--ink-faint);margin-top:3px}.deal-note{font-size:.76rem;color:var(--ink-soft);margin:7px 0 10px;line-height:1.4}.deal-btn{width:100%;justify-content:center}@media (max-width: 900px){.pipe{grid-template-columns:1fr}.pipe-col{min-height:0}}.onboard{min-height:100%;display:flex;flex-direction:column;align-items:center;background:var(--paper);overflow-y:auto}.onboard-head{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 26px}.welcome{margin:auto;text-align:center;max-width:620px;padding:40px 28px 80px}.welcome h1{font-size:clamp(2rem,5vw,3rem);font-weight:600;letter-spacing:-.03em;line-height:1.12;margin-bottom:18px}.welcome p{color:var(--ink-soft);font-size:1.05rem;margin-bottom:28px}.welcome-ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.welcome .metaline{margin-top:26px;margin-bottom:0;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em;color:var(--ink-faint)}.onboard-card{width:100%;max-width:720px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:30px 34px 34px;margin:8px 24px 60px;box-shadow:0 24px 60px -30px #2623232e}.onboard-card h2{font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin-bottom:6px}.onboard-card .desc{color:var(--ink-soft);font-size:.95rem;max-width:540px;margin-bottom:20px}.onboard-steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:26px}.onboard-step{font-family:var(--mono);font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);background:var(--paper-deep);border:1px solid var(--line);padding:3px 10px;border-radius:999px;white-space:nowrap}.onboard-step.on{background:var(--ink);color:var(--paper);border-color:var(--ink)}.onboard-step.past{color:#1e7e3c;background:#34a8531f;border-color:transparent}.check-note{display:flex;gap:8px;align-items:center;font-family:var(--mono);font-size:.68rem;color:var(--ink-faint);margin-top:8px}.check-note.ok{color:#1e7e3c}.status-card{border:1px solid var(--line);border-radius:12px;background:var(--paper);padding:16px 18px;margin-bottom:6px}.status-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:.92rem;margin-bottom:8px}.status-card p{font-size:.85rem;color:var(--ink-soft)}.logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transition:opacity .25s ease}.logo-opt{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:88px;background:var(--paper);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.logo-opt:hover{transform:translateY(-2px);border-color:var(--ink-faint)}.logo-opt.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.lm-box{width:44px;height:44px;border-radius:12px;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:1.15rem}.lm-outline{background:transparent;border:2px solid}.lm-word{font-weight:600;font-size:.95rem;letter-spacing:-.02em;display:inline-flex;align-items:baseline;gap:4px;max-width:100%;overflow:hidden}.lm-word i{width:7px;height:7px;border-radius:50%;display:inline-block;flex:none}.site-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.site-card{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;padding:0;text-align:left;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.site-card:hover{transform:translateY(-2px);border-color:var(--ink-faint)}.site-card.on{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink)}.site-prev{height:108px;background:var(--paper);border-bottom:1px solid var(--line);padding:9px 11px}.site-prev.dark{background:#262323}.sp-nav{display:flex;align-items:center;gap:5px;margin-bottom:10px}.sp-dot{width:8px;height:8px;border-radius:3px;flex:none}.sp-name{font-size:.52rem;font-weight:600;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .sp-name{color:#fbfbf8e6}.sp-links{margin-left:auto;display:flex;gap:3px;flex:none}.sp-links i{width:10px;height:2.5px;border-radius:2px;background:#2623232e}.dark .sp-links i{background:#fbfbf840}.sp-hero.center{display:flex;flex-direction:column;align-items:center;gap:6px;padding-top:10px}.sp-hero.split{display:grid;grid-template-columns:1fr .8fr;gap:10px;align-items:center;padding-top:6px}.sp-hero.split>div:first-child{display:flex;flex-direction:column;gap:6px}.sp-h1{width:72%;height:7px;border-radius:3px;background:#262323bf}.sp-h2{width:52%;height:4px;border-radius:2px;background:#26232340}.sp-hero.split .sp-h1{width:92%}.sp-hero.split .sp-h2{width:70%}.sp-h1.light{background:#fbfbf8eb}.sp-h2.light{background:#fbfbf866}.sp-btn{width:28px;height:9px;border-radius:5px}.sp-img{height:46px;border-radius:6px;border:1px dashed}.site-label{display:block;padding:9px 12px 11px;font-size:.82rem;font-weight:600;color:var(--ink)}.site-label small{display:block;font-family:var(--mono);font-size:.58rem;font-weight:400;color:var(--ink-faint);margin-top:1px}@media (max-width: 640px){.logo-grid{grid-template-columns:repeat(2,1fr)}.site-grid{grid-template-columns:1fr}}.swatches{display:flex;gap:10px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease}.swatch:hover{transform:scale(1.1)}.swatch.on{border-color:var(--ink);box-shadow:0 0 0 2px var(--paper)}.brand-preview{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:16px 18px;background:var(--paper);line-height:1.35}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stack{display:flex;flex-direction:column;gap:12px}.spin{display:inline-block;width:12px;height:12px;border:2px solid rgba(38,35,35,.2);border-top-color:var(--ink);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{padding:26px 0;text-align:center;font-family:var(--mono);font-size:.7rem;color:var(--ink-faint)}a:focus-visible,.btn:focus-visible,.step-tab:focus-visible,.tool-card:focus-visible,.tab:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion: reduce){.pulse,.spin,.typing i{animation:none}}@media (max-width: 900px){.client-grid,.pkg-grid{grid-template-columns:1fr 1fr}.m-grid,.grid2{grid-template-columns:1fr}.stat-row{grid-template-columns:1fr 1fr}.step-tabs{grid-template-columns:repeat(2,1fr)}.step-tab{border-bottom:1px solid var(--line)}.step-tab.active{border-bottom:2px solid var(--ink)}}@media (max-width: 640px){.shell{grid-template-columns:1fr}.side{display:none}.kpis,.client-grid,.pkg-grid{grid-template-columns:1fr}.badges{flex-wrap:wrap}.step-tabs{grid-template-columns:1fr}}