/* StokProg Web Demo v1 */
.stokprog-demo-page .landing-main{max-width:1440px}
.demo-hero{position:relative;overflow:hidden;border-radius:34px;margin:1.2rem 0 1.6rem;padding:clamp(2rem,4vw,4rem);background:
 radial-gradient(circle at 10% 0%,rgba(79,121,255,.34),transparent 34%),
 radial-gradient(circle at 90% 20%,rgba(255,138,42,.28),transparent 30%),
 linear-gradient(135deg,#071225,#0d1b35 55%,#172d58);color:#fff;display:grid;grid-template-columns:minmax(0,1.25fr) 420px;gap:2rem;align-items:center;box-shadow:0 26px 70px rgba(7,18,37,.26)}
.demo-kicker{display:inline-flex;gap:.55rem;align-items:center;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.08);border-radius:999px;padding:.5rem .85rem;color:#dbe8ff;font-weight:800}
.demo-hero h1{font-size:clamp(2.2rem,5vw,4.8rem);line-height:.98;letter-spacing:-.055em;margin:1rem 0}.demo-hero h1 span{color:#ffb168}.demo-hero p{max-width:780px;color:#bdd0ef;font-size:1.09rem}
.demo-hero-actions,.demo-final-cta{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.demo-btn{display:inline-flex;align-items:center;gap:.55rem;border:0;border-radius:16px;padding:.9rem 1.15rem;font-weight:900;text-decoration:none}.demo-btn.primary{background:linear-gradient(135deg,#4f79ff,#3b82f6);color:#fff;box-shadow:0 18px 42px rgba(79,121,255,.28)}.demo-btn.ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.16)}
.demo-hero-card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:26px;padding:1.2rem;backdrop-filter:blur(18px)}.demo-hero-card strong{display:block;font-size:1.35rem;margin:.8rem 0}.demo-hero-card ul{margin:0;padding:0;list-style:none;display:grid;gap:.65rem}.demo-hero-card li{color:#eaf1ff}.demo-hero-card li:before{content:"✓";color:#2dd4bf;font-weight:900;margin-right:.45rem}.demo-live-dot{display:inline-flex;align-items:center;gap:.45rem;color:#dbe8ff;font-weight:800}.demo-live-dot span{width:10px;height:10px;background:#2dd4bf;border-radius:50%;box-shadow:0 0 0 6px rgba(45,212,191,.12)}
.demo-shell{margin:1.5rem 0 2rem}.demo-window{background:#081429;border:1px solid rgba(255,255,255,.09);border-radius:30px;box-shadow:0 28px 80px rgba(7,18,37,.28);display:grid;grid-template-columns:290px minmax(0,1fr);min-height:760px;overflow:hidden}.demo-sidebar{background:linear-gradient(180deg,#071225,#0b1930);padding:1.1rem;color:#fff;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column}.demo-brand{display:flex;gap:.75rem;align-items:center;padding:.5rem .4rem 1rem}.demo-brand span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#2e9bff,#3b59f0);font-weight:900}.demo-brand strong{display:block}.demo-brand small{color:#9eb1d0}
.demo-nav{display:grid;gap:.35rem}.demo-nav button{border:0;background:transparent;color:#bdd0ef;text-align:left;border-radius:16px;padding:.78rem .85rem;font-weight:800;display:flex;gap:.65rem;align-items:center}.demo-nav button:hover,.demo-nav button.active{background:linear-gradient(135deg,rgba(79,121,255,.24),rgba(255,138,42,.12));color:#fff}
.demo-sidebar-note{margin-top:auto;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:.9rem;background:rgba(255,255,255,.06)}.demo-sidebar-note strong,.demo-sidebar-note span{display:block}.demo-sidebar-note span{color:#9eb1d0;font-size:.86rem}
.demo-main{background:linear-gradient(180deg,#eef4ff,#f8fbff);min-width:0}.demo-topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.2rem;background:#fff;border-bottom:1px solid #dfe7f2}.demo-topbar small{display:block;color:#64748b}.demo-topbar strong{font-size:1.1rem}.demo-top-actions{display:flex;gap:.5rem;flex-wrap:wrap}.demo-top-actions button,.demo-top-actions a,.demo-section-head button,.demo-filter-row button{border:1px solid #d7e3f4;background:#fff;color:#17376f;border-radius:14px;padding:.65rem .85rem;font-weight:900;text-decoration:none}.demo-top-actions button:hover,.demo-top-actions a:hover,.demo-section-head button:hover,.demo-filter-row button:hover{background:#eef5ff}
.demo-panel{display:none;padding:1.25rem}.demo-panel.active{display:block;animation:demoIn .22s ease}@keyframes demoIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.demo-section-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.demo-section-head span{color:#3b5998;font-weight:900;text-transform:uppercase;font-size:.76rem;letter-spacing:.08em}.demo-section-head h2{margin:.15rem 0 0;font-size:1.8rem;font-weight:900;color:#071225}
.demo-kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.demo-kpi-grid article,.demo-card,.demo-chart-card{background:#fff;border:1px solid #dfe7f2;border-radius:24px;padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.055)}.demo-kpi-grid small{display:block;color:#64748b}.demo-kpi-grid strong{display:block;font-size:2.1rem;color:#071225}.demo-kpi-grid em{font-style:normal;color:#3b5998;font-weight:800}
.demo-dashboard-grid,.demo-split,.demo-publish-layout,.demo-catalog{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-card-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.demo-card h3{margin:0 0 .85rem;font-weight:900;color:#071225}.demo-badge{display:inline-flex;padding:.35rem .6rem;border-radius:999px;font-weight:900;font-size:.75rem}.demo-badge.blue{background:#eaf2ff;color:#31569d}.demo-badge.orange{background:#fff3e5;color:#b45309}
.demo-flow-list,.demo-step-list,.demo-console{display:grid;gap:.55rem}.demo-flow-list p,.demo-step-list p{margin:0;padding:.7rem .75rem;border-radius:14px;background:#f4f7fb;color:#334155}.demo-flow-list .done,.demo-step-list .done{background:#ecfdf5;color:#047857}.demo-step-list .active{background:#eef5ff;color:#17376f;border:1px solid #bdd4ff}.demo-console{height:245px;overflow:auto;background:#071225;color:#dbe8ff;border-radius:18px;padding:.8rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem}.demo-console p{margin:0}.demo-console .ok{color:#78f3c4}.demo-console .warn{color:#ffd28a}
.demo-filter-row{display:grid;grid-template-columns:1fr 210px auto;gap:.7rem;margin-bottom:1rem}.demo-filter-row input,.demo-filter-row select{border:1px solid #dfe7f2;border-radius:14px;padding:.75rem .85rem;background:#fff}.demo-table-wrap{background:#fff;border:1px solid #dfe7f2;border-radius:24px;overflow:auto;box-shadow:0 14px 34px rgba(15,23,42,.055)}.demo-table{width:100%;border-collapse:collapse;min-width:760px}.demo-table th{background:#f3f7fc;color:#475569;text-align:left;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.demo-table th,.demo-table td{padding:.82rem;border-bottom:1px solid #edf2f7}.demo-table tr:hover td{background:#f8fbff}.demo-status{display:inline-flex;border-radius:999px;padding:.3rem .55rem;font-weight:900;font-size:.76rem}.demo-status.ok{background:#ecfdf5;color:#047857}.demo-status.wait{background:#fff7ed;color:#b45309}
.demo-file-drop{border:2px dashed #bdd4ff;background:#f8fbff;border-radius:22px;padding:1.4rem;text-align:center;display:grid;gap:.35rem;color:#17376f}.demo-file-drop i{font-size:2.4rem;color:#16a34a}.demo-progress{height:10px;background:#e5edf8;border-radius:999px;overflow:hidden}.demo-progress.big{height:14px;margin:1rem 0}.demo-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#3b82f6,#ff8a2a);transition:width .35s ease}.demo-excel-result{padding:.85rem;border-radius:16px;background:#f4f7fb;color:#334155}.demo-check-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem}.demo-check-list li{display:flex;gap:.55rem;align-items:center}.demo-check-list i{color:#16a34a}
.demo-product-preview{border-radius:20px;background:linear-gradient(135deg,#071225,#17376f);color:#fff;padding:1rem}.demo-product-preview span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.13);padding:.28rem .55rem}.demo-product-preview strong{display:block;font-size:1.25rem;margin:.75rem 0}.demo-product-preview small{color:#bdd0ef}
.demo-template-grid,.demo-module-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.demo-template-grid article,.demo-module-grid article{background:#fff;border:1px solid #dfe7f2;border-radius:22px;padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.055)}.demo-template-grid article.active,.demo-module-grid article.on{border-color:#9bbcff;box-shadow:0 18px 38px rgba(59,89,152,.14)}.demo-template-grid i{font-size:1.7rem;color:#3b5998}.demo-template-grid strong,.demo-module-grid strong{display:block;margin:.45rem 0;color:#071225}.demo-template-grid span,.demo-module-grid span{color:#64748b}
.demo-phone{width:min(320px,100%);margin:auto;background:#071225;border:9px solid #0f1f39;border-radius:34px;padding:1rem;color:#fff;box-shadow:0 24px 70px rgba(15,23,42,.2)}.demo-phone-top{width:78px;height:7px;background:#253b61;border-radius:99px;margin:0 auto 1rem}.demo-phone span{display:block;color:#bdd0ef}.demo-phone-img{height:180px;border-radius:22px;margin:1rem 0;background:radial-gradient(circle at 50% 40%,#93c5fd,transparent 25%),linear-gradient(135deg,#1e3a8a,#0f172a)}.demo-phone button{width:100%;border:0;border-radius:15px;background:#ff8a2a;color:#fff;font-weight:900;padding:.8rem}.demo-language-row{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0}.demo-language-row span{width:44px;height:44px;border-radius:14px;background:#eef5ff;color:#17376f;display:grid;place-items:center;font-weight:900}.demo-muted{color:#64748b}
.demo-chart-card{min-height:360px}.demo-bars{height:260px;display:flex;align-items:end;gap:1rem;padding:1rem;background:#f8fbff;border-radius:20px}.demo-bars span{flex:1;border-radius:14px 14px 0 0;background:linear-gradient(180deg,#4f79ff,#3b5998);min-height:20px;transition:height .3s}
.demo-final-cta{justify-content:space-between;background:linear-gradient(135deg,#071225,#17376f);color:#fff;border-radius:30px;padding:1.5rem;margin:2rem 0}.demo-final-cta h2{margin:.5rem 0}.demo-final-cta p{color:#bdd0ef;margin:0;max-width:740px}
.spv5-btn-demo{background:linear-gradient(135deg,#ff8a2a,#ef4444);color:#fff;border:0;border-radius:16px;padding:.9rem 1.15rem;font-weight:900}.spv5-btn-demo:hover{color:#fff;filter:brightness(1.06)}
.spv5-demo-teaser{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:1.2rem;align-items:center;background:linear-gradient(135deg,#071225,#17376f);color:#fff;border-radius:32px;padding:clamp(1.4rem,3vw,2.2rem);overflow:hidden;box-shadow:0 24px 70px rgba(7,18,37,.18)}.spv5-demo-copy p{color:#bdd0ef;max-width:760px}.spv5-demo-copy h2{color:#fff}.spv5-demo-actions{display:flex;gap:.7rem;flex-wrap:wrap}.spv5-demo-device{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:.8rem}.spv5-demo-device-top{display:flex;gap:.35rem;align-items:center;color:#dbe8ff;margin-bottom:.75rem}.spv5-demo-device-top span{width:11px;height:11px;border-radius:50%;background:#ff6b6b}.spv5-demo-device-top span:nth-child(2){background:#ffd166}.spv5-demo-device-top span:nth-child(3){background:#06d6a0}.spv5-demo-device-top strong{margin-left:.5rem}.spv5-demo-device-body{display:grid;grid-template-columns:130px 1fr;gap:.75rem}.spv5-demo-device aside{display:grid;gap:.45rem}.spv5-demo-device aside b{background:rgba(255,255,255,.09);border-radius:12px;padding:.5rem;font-size:.82rem}.spv5-demo-device main{background:#eef4ff;border-radius:18px;padding:.8rem}.demo-skeleton{height:18px;background:#c9d8ef;border-radius:99px;margin:.55rem 0;width:70%}.demo-skeleton.wide{height:42px;width:100%;border-radius:14px}.demo-mini-table{display:grid;gap:.45rem}.demo-mini-table span{height:24px;background:#dbe7fa;border-radius:10px}.demo-progress{height:10px;background:#dce7f7;border-radius:99px}.demo-progress em{display:block;height:100%;width:62%;border-radius:99px;background:#ff8a2a}
@media(max-width:1100px){.demo-hero,.demo-window,.spv5-demo-teaser{grid-template-columns:1fr}.demo-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.08)}.demo-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-kpi-grid,.demo-template-grid,.demo-module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-dashboard-grid,.demo-split,.demo-publish-layout,.demo-catalog{grid-template-columns:1fr}}
@media(max-width:640px){.demo-topbar,.demo-section-head{align-items:flex-start;flex-direction:column}.demo-filter-row{grid-template-columns:1fr}.demo-nav{grid-template-columns:1fr}.demo-kpi-grid,.demo-template-grid,.demo-module-grid{grid-template-columns:1fr}.demo-panel{padding:.8rem}.demo-window{border-radius:22px}.demo-hero{padding:1.2rem;border-radius:24px}.spv5-demo-device-body{grid-template-columns:1fr}}


/* StokProg Web Demo v2 - Sahibinden automation showcase */
.demo-kicker.dark{background:#eef5ff;color:#17376f;border-color:#d7e6ff}
.demo-sahibinden-spotlight{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem;align-items:center;background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #d7e6ff;border-radius:26px;padding:1rem;margin-bottom:1rem;box-shadow:0 14px 34px rgba(15,23,42,.045)}
.demo-sahibinden-spotlight h3{margin:.7rem 0 .35rem;font-weight:950;color:#071225;font-size:1.55rem}.demo-sahibinden-spotlight p{margin:0;color:#64748b}
.demo-robot-status{background:#071225;color:#fff;border-radius:22px;padding:1rem}.demo-robot-status strong{display:block;font-size:1.35rem}.demo-robot-status small{color:#bdd0ef}
.demo-sahibinden-layout{display:grid;grid-template-columns:minmax(0,1.1fr) 430px;gap:1rem;margin-bottom:1rem}.demo-publish-table-card{min-width:0}.demo-publish-table-wrap{overflow:auto}.demo-publish-table{min-width:780px}.demo-publish-table input{width:18px;height:18px;accent-color:#3b82f6}.demo-publish-table tr.selected td{background:#f0f6ff}.demo-publish-table tr.running td{background:#fff7ed!important}.demo-publish-table tr.done td{background:#ecfdf5!important}.demo-publish-no{font-weight:950;color:#3b5998}
.demo-browser-sim{background:#0b1730;border:1px solid rgba(255,255,255,.1);border-radius:26px;overflow:hidden;box-shadow:0 18px 52px rgba(15,23,42,.18);position:relative}.demo-browser-top{display:flex;align-items:center;gap:.38rem;padding:.8rem;background:#071225;color:#bdd0ef}.demo-browser-top span{width:11px;height:11px;border-radius:50%;background:#ff6b6b}.demo-browser-top span:nth-child(2){background:#ffd166}.demo-browser-top span:nth-child(3){background:#06d6a0}.demo-browser-top strong{margin-left:.6rem;font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.demo-browser-body{position:relative;min-height:420px;background:linear-gradient(180deg,#f8fbff,#eef4ff);padding:1rem}.demo-cursor{position:absolute;width:28px;height:28px;background:url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 3L22 17L14.5 18.5L11 25L5 3Z' fill='%23071225' stroke='white' stroke-width='2'/%3E%3C/svg%3E") center/contain no-repeat;left:28px;top:34px;z-index:4;filter:drop-shadow(0 8px 10px rgba(15,23,42,.28));transition:left .55s ease,top .55s ease,transform .2s ease}.demo-cursor.click{transform:scale(.82)}
.demo-form-sim{display:grid;gap:.75rem}.demo-form-sim label{display:grid;gap:.32rem;color:#64748b;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em}.demo-form-sim b{display:block;min-height:40px;background:#fff;border:1px solid #dfe7f2;border-radius:14px;padding:.65rem;color:#172033;text-transform:none;letter-spacing:0;font-size:.9rem;box-shadow:0 10px 25px rgba(15,23,42,.035)}.demo-image-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem}.demo-image-strip span{height:76px;border-radius:14px;background:linear-gradient(135deg,#bfdbfe,#dbeafe);border:1px solid #d7e6ff}.demo-form-sim button{border:0;border-radius:16px;background:linear-gradient(135deg,#ff8a2a,#ef4444);color:#fff;font-weight:950;padding:.85rem;box-shadow:0 16px 36px rgba(239,68,68,.2)}
.demo-publish-bottom{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.demo-result-box{padding:.85rem;border-radius:16px;background:#f4f7fb;color:#334155}.demo-result-box strong{color:#047857}
.demo-api-grid{display:grid;grid-template-columns:minmax(0,1.15fr) 320px;gap:1rem}.demo-api-grid .demo-crm-card,.demo-api-grid .demo-language-card{grid-column:auto}.demo-api-terminal{background:#071225;color:#dbe8ff;border-radius:18px;padding:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:150px;display:grid;align-content:start;gap:.35rem}.demo-api-terminal p{margin:0}.demo-api-terminal b{color:#78f3c4}.demo-api-terminal span{color:#ffd28a}.demo-api-products{display:grid;gap:.55rem;margin-top:.8rem}.demo-api-products article{display:flex;justify-content:space-between;gap:.75rem;align-items:center;background:#f8fbff;border:1px solid #e3ebf7;border-radius:14px;padding:.65rem}.demo-api-products strong{color:#071225}.demo-api-products small{color:#64748b}.demo-crm-flow{display:grid;gap:.65rem}.demo-crm-flow p{display:flex;gap:.6rem;align-items:flex-start;margin:0;padding:.72rem;border-radius:14px;background:#f8fbff;color:#334155}.demo-crm-flow i{color:#3b5998}.demo-language-row.big span{width:50px;height:50px}
.demo-module-showcase{margin:2rem 0}.demo-showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.demo-showcase-grid article{background:#fff;border:1px solid #dfe7f2;border-radius:24px;padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.055);position:relative;overflow:hidden}.demo-showcase-grid article:before{content:"";position:absolute;inset:auto -30px -40px auto;width:120px;height:120px;background:radial-gradient(circle,rgba(79,121,255,.16),transparent 68%)}.demo-showcase-grid i{font-size:1.8rem;color:#3b5998}.demo-showcase-grid strong{display:block;margin:.6rem 0 .25rem;color:#071225;font-size:1.05rem}.demo-showcase-grid span{color:#64748b}
@media(max-width:1180px){.demo-sahibinden-layout,.demo-sahibinden-spotlight,.demo-publish-bottom,.demo-api-grid{grid-template-columns:1fr}.demo-browser-body{min-height:360px}.demo-showcase-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.demo-showcase-grid{grid-template-columns:1fr}.demo-sahibinden-spotlight h3{font-size:1.25rem}.demo-browser-body{min-height:390px}}


/* StokProg Web Demo v3 - sales lab and conversion funnel */
.demo-sales-lab{margin:1.6rem 0 2rem;background:linear-gradient(135deg,#ffffff,#eef5ff);border:1px solid #d7e6ff;border-radius:34px;padding:clamp(1.1rem,3vw,1.6rem);box-shadow:0 20px 55px rgba(15,23,42,.075)}
.demo-lab-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:1rem}.demo-lab-head h2{margin:.75rem 0 .45rem;color:#071225;font-weight:950;font-size:clamp(1.8rem,3vw,2.75rem);letter-spacing:-.035em}.demo-lab-head p{color:#64748b;max-width:900px}
.demo-sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem;margin-bottom:1rem}.demo-sector-grid button{border:1px solid #dfe7f2;background:#fff;border-radius:22px;padding:1rem;text-align:left;display:grid;gap:.45rem;color:#172033;box-shadow:0 12px 30px rgba(15,23,42,.04);transition:.18s}.demo-sector-grid button:hover,.demo-sector-grid button.active{transform:translateY(-2px);border-color:#9bbcff;box-shadow:0 18px 45px rgba(59,89,152,.14)}.demo-sector-grid i{font-size:1.6rem;color:#3b5998}.demo-sector-grid strong{font-weight:950;color:#071225}.demo-sector-grid span{color:#64748b;font-size:.9rem}
.demo-lab-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem}.demo-lab-card{background:#fff;border:1px solid #dfe7f2;border-radius:26px;padding:1rem;box-shadow:0 14px 34px rgba(15,23,42,.055)}.demo-personalized-card p{color:#64748b}.demo-scenario-pills{display:flex;gap:.45rem;flex-wrap:wrap}.demo-scenario-pills span{border-radius:999px;background:#eef5ff;color:#17376f;font-weight:900;padding:.35rem .6rem;font-size:.8rem}
.demo-roi-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.demo-roi-form label{display:grid;gap:.35rem;color:#64748b;font-weight:800;font-size:.82rem}.demo-roi-form input{border:1px solid #dfe7f2;border-radius:14px;padding:.65rem;background:#f8fbff}.demo-roi-result{margin-top:.8rem;border-radius:18px;background:linear-gradient(135deg,#071225,#17376f);color:#fff;padding:.9rem}.demo-roi-result strong,.demo-roi-result span,.demo-roi-result em{display:block}.demo-roi-result span{color:#bdd0ef}.demo-roi-result em{font-style:normal;color:#ffcf9c;font-weight:900}
.demo-ai-input{display:grid;grid-template-columns:1fr auto;gap:.55rem}.demo-ai-input input{border:1px solid #dfe7f2;border-radius:14px;padding:.7rem;background:#f8fbff}.demo-ai-input button,.demo-mini-action{border:0;border-radius:14px;background:linear-gradient(135deg,#3b82f6,#3b5998);color:#fff;font-weight:950;padding:.7rem .9rem}.demo-ai-output{margin:.75rem 0;border-radius:18px;background:#071225;color:#dbe8ff;min-height:110px;padding:.85rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.86rem;white-space:pre-wrap}.demo-language-row.compact span{width:42px;height:42px}
.demo-dual-screen{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin:.75rem 0}.demo-dual-screen>div{border:1px solid #dfe7f2;border-radius:18px;padding:.8rem;background:#f8fbff;min-height:130px}.demo-dual-screen strong{display:block;color:#071225;margin-bottom:.45rem}.demo-dual-screen p{margin:0;color:#64748b}.demo-dual-admin.active{background:#eef5ff;border-color:#9bbcff}.demo-dual-customer.active{background:#ecfdf5;border-color:#86efac}
.demo-score-section{display:grid;grid-template-columns:420px minmax(0,1fr);gap:1rem;align-items:stretch;margin:2rem 0;background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #d7e6ff;border-radius:34px;padding:1rem;box-shadow:0 20px 55px rgba(15,23,42,.075)}.demo-score-main{background:#071225;color:#fff;border-radius:28px;padding:1.25rem;display:grid;align-content:center}.demo-score-main h2{margin:.75rem 0 .45rem;font-weight:950}.demo-score-main p{color:#bdd0ef}.demo-score-ring{width:170px;height:170px;border-radius:50%;display:grid;place-items:center;margin-top:1rem;background:conic-gradient(#3b82f6 0 92%,rgba(255,255,255,.1) 92% 100%);position:relative}.demo-score-ring:before{content:"";position:absolute;inset:14px;border-radius:50%;background:#071225}.demo-score-ring strong,.demo-score-ring span{position:relative}.demo-score-ring strong{font-size:3.2rem;line-height:1}.demo-score-ring span{color:#bdd0ef;margin-top:-56px;margin-left:74px}
.demo-score-details{display:grid;gap:.75rem}.demo-score-details article{position:relative;background:#fff;border:1px solid #dfe7f2;border-radius:18px;padding:.8rem;overflow:hidden}.demo-score-details article strong,.demo-score-details article span{position:relative;z-index:1}.demo-score-details article strong{display:block;color:#071225}.demo-score-details article span{display:block;color:#64748b}.demo-score-details article em{position:absolute;left:0;bottom:0;height:5px;background:linear-gradient(90deg,#3b82f6,#ff8a2a);border-radius:0 99px 99px 0}.demo-recommended-pack{background:linear-gradient(135deg,#ff8a2a,#ef4444);color:#fff;border-radius:20px;padding:1rem}.demo-recommended-pack b,.demo-recommended-pack strong{display:block}.demo-recommended-pack a{display:inline-flex;margin-top:.7rem;color:#fff;font-weight:950;text-decoration:none;border:1px solid rgba(255,255,255,.28);border-radius:14px;padding:.55rem .7rem}
.demo-funnel-glow{animation:demoFunnelGlow .8s ease}@keyframes demoFunnelGlow{0%{box-shadow:0 0 0 rgba(59,130,246,0)}50%{box-shadow:0 0 0 8px rgba(59,130,246,.16)}100%{box-shadow:0 0 0 rgba(59,130,246,0)}}
@media(max-width:1180px){.demo-lab-head,.demo-lab-grid,.demo-score-section{grid-template-columns:1fr;display:grid}.demo-sector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-roi-form{grid-template-columns:1fr}}
@media(max-width:640px){.demo-sector-grid,.demo-dual-screen{grid-template-columns:1fr}.demo-ai-input{grid-template-columns:1fr}.demo-score-ring{width:140px;height:140px}.demo-score-ring strong{font-size:2.6rem}}


/* StokProg Demo v4 - personal demo + sharp industrial geometry */
.stokprog-demo-page *{border-radius:0!important}
.demo-personal-link{display:grid;grid-template-columns:minmax(0,1fr) 150px;gap:1rem;align-items:center;margin:1rem 0 1.4rem;padding:1.1rem;background:linear-gradient(135deg,#fff,#eef5ff);border:1px solid #9bbcff;box-shadow:14px 14px 0 rgba(7,18,37,.08)}
.demo-personal-link h2{margin:.65rem 0 .25rem;color:#071225;font-weight:950}.demo-personal-link p{margin:0;color:#475569}.demo-personal-score{height:130px;background:#071225;color:#fff;display:grid;place-items:center}.demo-personal-score strong{font-size:3rem;line-height:1}.demo-personal-score span{margin-top:-42px;color:#bdd0ef}
.demo-window,.demo-hero,.demo-sales-lab,.demo-score-section,.demo-final-cta{box-shadow:14px 14px 0 rgba(7,18,37,.1)!important}
@media(max-width:640px){.demo-personal-link{grid-template-columns:1fr}.demo-personal-score{height:auto;padding:1rem}}


/* StokProg Industrial Square Cleanup v1 - Demo */
.stokprog-demo-page *,
.demo-hero,
.demo-window,
.demo-sidebar,
.demo-main,
.demo-topbar,
.demo-panel,
.demo-card,
.demo-kpi-grid article,
.demo-table-wrap,
.demo-table,
.demo-sales-lab,
.demo-sector-grid button,
.demo-lab-card,
.demo-score-section,
.demo-score-main,
.demo-score-ring,
.demo-score-details article,
.demo-recommended-pack,
.demo-final-cta,
.demo-browser-sim,
.demo-browser-top,
.demo-browser-body,
.demo-form-sim b,
.demo-form-sim button,
.demo-result-box,
.demo-file-drop,
.demo-phone,
.demo-phone-img,
.demo-personal-link,
.demo-personal-score,
.demo-module-showcase article,
.demo-showcase-grid article,
.demo-template-grid article,
.demo-module-grid article,
.demo-api-terminal,
.demo-api-products article,
.demo-ai-output,
.demo-dual-screen>div,
.demo-toast{
  border-radius:0!important;
}
.demo-hero,
.demo-window,
.demo-sales-lab,
.demo-score-section,
.demo-final-cta,
.demo-personal-link{
  box-shadow:14px 14px 0 rgba(7,18,37,.10)!important;
}
.demo-card,
.demo-kpi-grid article,
.demo-lab-card,
.demo-sector-grid button,
.demo-score-details article,
.demo-showcase-grid article,
.demo-template-grid article,
.demo-module-grid article{
  box-shadow:8px 8px 0 rgba(7,18,37,.055)!important;
  border:1px solid #cbd5e1!important;
}
.demo-btn,
.demo-top-actions button,
.demo-top-actions a,
.demo-section-head button,
.demo-filter-row button,
.demo-nav button,
.demo-badge,
.demo-status,
.demo-kicker,
.demo-language-row span,
.demo-scenario-pills span{
  border-radius:0!important;
}
.demo-live-dot span{
  border-radius:0!important;
}
.demo-progress,
.demo-progress span,
.demo-progress em,
.demo-bars span,
.demo-skeleton,
.demo-mini-table span{
  border-radius:0!important;
}