/* Product interface illustrations and shared dialogs. */
.product-screen{height:100%;text-align:left}.app-window{height:100%;display:flex;background:#f7f8fb;color:#333847;font-size:10px;overflow:hidden}.app-sidebar{width:150px;flex-shrink:0;background:#fff;border-right:1px solid #edf0f5;padding:22px 14px;display:flex;flex-direction:column}.app-brand{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:650;margin-bottom:23px;white-space:nowrap}.app-brand .product-icon{width:24px;height:24px;border-radius:7px;font-size:13px}.app-navitem{padding:10px 11px;color:#8a91a1;font-size:9px;margin-bottom:5px;border-radius:6px;display:flex;align-items:center;gap:9px}.app-navitem.active{background:#eef1fb;color:#6773af}.app-navitem .nav-glyph{font-size:12px}.app-sidebar-bottom{margin-top:auto;font-size:8px;color:#a0a6b2;padding:10px}.app-sidebar-bottom span{display:inline-block;width:6px;height:6px;background:#7cb89a;border-radius:50%;margin-right:5px}.app-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.app-topbar{height:43px;flex-shrink:0;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#ffffffb3;border-bottom:1px solid #e9edf3;font-size:9px;color:#8c93a3}.app-topbar-right{display:flex;gap:15px;align-items:center}.app-avatar{width:20px;height:20px;border-radius:50%;background:#e7eaf2;color:#8a94aa;display:grid;place-items:center;font-size:8px}.app-content{padding:23px;flex:1;overflow:hidden}.app-content h3{font-size:17px;letter-spacing:-.03em;font-weight:600}.app-subtitle{font-size:9px;color:#969daf;margin-top:6px}.app-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.app-kpi{border:1px solid #e9edf3;border-radius:8px;background:white;padding:13px 12px}.app-kpi small{display:block;color:#919aaa;font-size:8px}.app-kpi b{font-size:21px;display:block;margin-top:8px;font-weight:650;letter-spacing:-.025em}.app-kpi span{font-size:7px;color:#87a896;display:block;margin-top:7px}.app-panels{display:grid;grid-template-columns:1.6fr 1fr;gap:13px;margin-top:15px}.app-panel{border:1px solid #e9edf3;border-radius:9px;background:white;padding:15px;overflow:hidden}.app-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600}.app-panel-title small{font-size:7px;color:#9ea7b7;font-weight:400}.chart-svg{width:100%;height:134px;margin-top:11px}.chart-labels{display:flex;justify-content:space-between;font-size:7px;color:#a5acb8;margin-top:2px}.ring-chart{display:flex;justify-content:center;align-items:center;gap:16px;height:141px}.ring{width:91px;height:91px;flex-shrink:0;border-radius:50%;background:conic-gradient(#6d93d8 0 43%,#9db6e6 43% 74%,#dce4f5 74%);display:grid;place-items:center}.ring>div{width:66px;height:66px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.ring b{font-size:16px}.ring small{font-size:7px;color:#a3aabc;margin-top:3px}.ring-legend{font-size:8px;color:#8892a5;line-height:2.3}.ring-legend i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#92afdf;margin-right:5px}.app-ai-main{background:linear-gradient(150deg,#f9faff,#f6f5fb);position:relative;display:flex;flex-direction:column;justify-content:center;padding:30px 38px}.ai-welcome{text-align:center}.ai-welcome .welcome-orb{width:49px;height:49px;margin:0 auto 15px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(135deg,#cadcfb,#a99ce1);box-shadow:0 5px 20px #bdbaea4d;color:white;font-size:30px}.ai-welcome h3{font-size:22px;letter-spacing:-.025em}.ai-welcome p{font-size:10px;color:#9895aa;margin-top:10px}.ai-prompts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:25px 0 19px}.ai-prompts>div{background:#ffffffcf;border:1px solid #ebe9f4;border-radius:11px;padding:14px 12px}.ai-prompts b{display:block;font-size:10px;font-weight:550;margin:7px 0}.ai-prompts p{font-size:8px;color:#a4a0b2;line-height:1.7}.ai-prompts .prompt-icon{color:#9a90be;font-size:16px}.ai-composer{background:white;border:1px solid #e1dded;border-radius:12px;padding:16px;box-shadow:0 5px 18px #534b7f05}.ai-composer>p{font-size:10px;color:#aaa5bb}.ai-composer-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:21px;font-size:8px;color:#a9a3b8}.ai-composer-bottom b{font-size:11px;font-weight:500;background:#a799d9;color:#fff;border-radius:6px;padding:3px 7px}.app-table{width:100%;border-collapse:collapse;font-size:8px;margin-top:13px;text-align:left}.app-table th{font-weight:400;color:#9aa2b3;background:#f9fafc;padding:10px 8px}.app-table td{padding:11px 8px;border-top:1px solid #f0f2f6;color:#737e92}.status-pill{display:inline-block;padding:3px 6px;border-radius:4px;color:#669b85;background:#edf6f1;font-size:7px}.status-pill.pending{color:#be9a59;background:#fbf6ea}.app-erp-summary{background:linear-gradient(100deg,#edf3ff,#f4f6fd);border:1px solid #e3eaf6;border-radius:8px;display:flex;gap:10px;align-items:center;padding:12px 14px;margin:15px 0 0;color:#6f85b6;font-size:9px}.app-plan-header{display:grid;grid-template-columns:1.2fr 2fr;font-size:8px;color:#9ba5b5;padding:13px 10px;background:#f9fafc;margin-top:12px}.app-plan-months{display:flex;justify-content:space-between}.app-plan-row{display:grid;grid-template-columns:1.2fr 2fr;gap:10px;align-items:center;padding:14px 10px;font-size:9px;border-bottom:1px solid #f1f2f6}.app-plan-row b{font-weight:450;color:#7d8799}.app-plan-bar-track{background:repeating-linear-gradient(90deg,transparent 0%,transparent 24%,#f1f3f7 25%);height:15px}.app-plan-bar{height:15px;background:#a9c4e8;border-radius:4px}.app-shop-overview{display:flex;gap:18px;margin-top:18px}.app-shop-mobile{width:126px;border:4px solid #333d50;border-radius:16px;background:white;overflow:hidden;flex-shrink:0;height:237px}.app-shop-mobile .phone-screen{padding-top:16px}.app-shop-details{flex:1}.app-shop-feature{background:white;border:1px solid #e9edf4;border-radius:9px;padding:13px 16px;display:flex;align-items:center;gap:12px;margin-bottom:10px}.app-shop-feature>span{width:30px;height:30px;border-radius:8px;background:#f9eee9;color:#ba927f;font-size:16px;display:grid;place-items:center}.app-shop-feature b{font-size:10px;font-weight:550}.app-shop-feature p{font-size:8px;color:#9da2b0;margin-top:5px}.app-service-flow{display:flex;gap:6px;justify-content:space-between;margin:17px 0}.app-service-flow>div{background:white;border:1px solid #e9edf3;border-radius:8px;text-align:center;flex:1;padding:12px 6px;color:#8d94a6;font-size:8px}.app-service-flow b{display:block;font-size:18px;margin-bottom:5px;font-weight:550;color:#7f77a6}.app-fade{animation:panel-enter .4s both}
.phone-screen{padding:30px 12px 12px}.phone-screen b{font-size:14px}.phone-screen>small{display:block;font-size:8px;margin-top:5px;color:var(--muted)}.phone-banner{margin-top:12px;padding:13px 8px;background:#f4e8df;border-radius:7px;height:70px;font-size:10px;position:relative}.phone-banner:after{content:"";width:38px;height:42px;border-radius:5px 5px 12px 12px;background:linear-gradient(120deg,#d9bc9d,#a8927b);position:absolute;right:8px;bottom:6px;box-shadow:3px 6px 5px #7261541b}.phone-products{display:flex;gap:6px;margin-top:9px}.phone-products i{height:52px;border-radius:6px;background:#f3f3f5;flex:1;display:grid;place-items:center;font-size:20px;font-style:normal}
.product-dialog,.contact-dialog{border:0;box-shadow:0 20px 100px #0003;border-radius:28px;padding:0;color:var(--ink);max-height:88vh;max-height:88dvh;overscroll-behavior:contain;width:min(850px,calc(100vw - 32px))}.product-dialog::backdrop,.contact-dialog::backdrop{background:#0006;backdrop-filter:blur(9px)}.dialog-close{position:sticky;float:right;top:18px;margin:18px 18px -54px 0;z-index:5;display:grid;place-items:center;width:35px;height:35px;border-radius:50%;background:#e8e8ec;color:#53535a;font-size:25px;line-height:1}.dialog-body{padding:56px 50px 43px}.dialog-body .eyebrow{font-size:13px}.dialog-body h2{font-size:44px;margin:20px 0;line-height:1.2}.dialog-body .dialog-intro{font-size:16px;line-height:1.9;color:var(--muted);max-width:650px}.dialog-points{display:grid;grid-template-columns:repeat(3,1fr);gap:23px;margin:33px 0}.dialog-points span{font-size:11px;color:var(--blue)}.dialog-points h3{font-size:17px;letter-spacing:-.025em;margin:9px 0}.dialog-points p{font-size:12px;line-height:1.9;color:var(--muted)}.dialog-screen{height:355px;border-radius:12px;overflow:hidden;border:1px solid var(--line);margin-bottom:22px}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.dialog-bottom small{font-size:10px;color:#999;max-width:50%;line-height:1.7}.contact-dialog{width:min(610px,calc(100vw - 32px));padding:46px}.contact-dialog .dialog-close{margin:-27px -27px -8px 0;top:0}.contact-dialog .eyebrow{font-size:12px;margin-top:3px}.contact-dialog h2{font-size:38px;margin:18px 0}.contact-intro{font-size:14px;line-height:1.8;color:var(--muted)}.contact-products{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 15px}.contact-products button{font-size:12px;border:1px solid #dedee4;border-radius:24px;padding:10px 16px;background:#fff}.contact-products button[aria-pressed=true]{border-color:var(--blue);background:#eef6ff;color:var(--blue)}.contact-selection{font-size:12px;color:var(--muted);line-height:1.8;min-height:44px}.contact-number{font-size:34px;letter-spacing:-.03em;display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-top:19px}.contact-number span{font-size:25px;color:var(--blue)}.contact-hint{font-size:12px;color:var(--muted);margin-top:8px}.contact-dialog .button{width:100%;margin-top:28px;font-size:13px}#copy-status{font-size:12px;color:var(--blue);margin-top:13px;line-height:1.8}.noscript{padding:20px;background:#f1f5ff;text-align:center}.reveal{transition:opacity .8s,transform .8s}.js .reveal:not(.visible){opacity:0;transform:translateY(25px)}