[hidden]{display:none!important}
:root{--demo-navy:#071f3d;--demo-blue:#1769e0;--demo-green:#0f9b59;--demo-yellow:#ffd43b;--demo-bg:#f3f7fc;--demo-line:#d9e4ef;--demo-muted:#53677d}
*{box-sizing:border-box}
.service-demo-body{margin:0;background:var(--demo-bg);color:#10243c;font-family:Manrope,Arial,sans-serif}
.service-demo-main{width:min(1040px,calc(100% - 36px));margin:auto;padding:52px 0 88px}
.demo-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}
.demo-intro>div:first-child{max-width:700px}
.demo-kicker{display:inline-block;color:var(--demo-blue);font-size:.78rem;font-weight:800;letter-spacing:.12em}
.demo-intro h1{margin:12px 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1.04;letter-spacing:-.045em;color:var(--demo-navy)}
.demo-intro p{margin:0;color:var(--demo-muted);font-size:1.08rem;line-height:1.65}
.demo-status{display:flex;align-items:center;gap:11px;min-width:210px;padding:16px 18px;border:1px solid var(--demo-line);border-radius:16px;background:#fff}
.demo-status i{width:12px;height:12px;border-radius:50%;background:#22bf74;box-shadow:0 0 0 6px #22bf7419}
.demo-status span{display:grid;gap:2px}
.demo-status b{font-size:.9rem;color:var(--demo-navy)}
.demo-status small{color:var(--demo-muted)}
.smart-demo{overflow:hidden;border:1px solid var(--demo-line);border-radius:26px;background:#fff;box-shadow:0 25px 70px #0b2b5515}
.smart-demo-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px 19px}
.smart-demo-head>div{display:grid;gap:6px}
.smart-demo-head small{font-weight:800;letter-spacing:.09em;color:var(--demo-blue)}
.smart-demo-head strong{font-size:1.35rem;color:var(--demo-navy)}
#progressText{font-size:.85rem;font-weight:800;color:var(--demo-muted)}
.progress-track{height:7px;background:#e7eef6}
.progress-track span{display:block;width:33%;height:100%;background:linear-gradient(90deg,var(--demo-blue),#35a7d8);transition:width .3s ease}
.question-panel{padding:34px 30px 38px}
.question-panel>p{margin:0 0 22px;color:var(--demo-muted)}
.answer-options{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.answer-option{display:flex;align-items:center;gap:14px;min-height:76px;padding:17px;border:2px solid var(--demo-line);border-radius:16px;background:#fff;color:#17304c;text-align:left;font:700 1rem Manrope;cursor:pointer;transition:border-color .18s,background .18s,transform .18s}
.answer-option:hover,.answer-option:focus-visible{border-color:var(--demo-blue);background:#f1f7ff;transform:translateY(-1px);outline:none}
.answer-option span{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:11px;background:#eaf3ff;color:var(--demo-blue);font-weight:800}
.demo-actions{display:flex;align-items:center;gap:18px;padding:18px 30px;border-top:1px solid var(--demo-line);background:#f9fbfd}
.demo-actions button,.restart-button{border:1px solid var(--demo-line);border-radius:11px;background:#fff;padding:10px 16px;color:var(--demo-navy);font:700 .9rem Manrope;cursor:pointer}
.demo-actions button:disabled{cursor:not-allowed;opacity:.4}
.demo-actions small{color:var(--demo-muted)}
.result-panel{padding:34px 30px 38px}
.result-badge{display:inline-block;padding:7px 11px;border-radius:999px;background:#e8f8f0;color:#087344;font-size:.75rem;font-weight:800;letter-spacing:.08em}
.result-panel h2{margin:16px 0 10px;color:var(--demo-navy);font-size:clamp(1.8rem,4vw,2.7rem)}
.result-panel>p{color:var(--demo-muted);line-height:1.65}
.result-panel ul{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0;padding:0;list-style:none}
.result-panel li{padding:13px 15px;border-radius:12px;background:#f0f6fd;font-weight:700}
.result-panel li:before{content:"✓";margin-right:9px;color:var(--demo-green)}
.business-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:24px 0 10px}
.business-fields label{display:grid;gap:7px;color:var(--demo-navy);font-size:.88rem;font-weight:800}
.business-fields input{width:100%;padding:14px;border:1px solid #bfcddd;border-radius:11px;background:#fff;color:#122c48;font:500 1rem Manrope}
.business-fields input:focus{border-color:var(--demo-blue);outline:3px solid #1769e019}
.privacy-note{font-size:.83rem}
.result-panel .button{margin-top:8px}
.restart-button{display:block;margin:14px auto 0}
.adaptable-note{display:grid;grid-template-columns:.7fr 1.3fr;gap:22px;margin-top:22px;padding:22px 25px;border-radius:18px;background:var(--demo-navy);color:#fff}
.adaptable-note span{color:#c4d6e8;line-height:1.55}
@media(max-width:720px){.service-demo-main{padding-top:36px}.demo-intro{display:grid}.demo-status{width:100%}.smart-demo-head,.question-panel,.result-panel{padding-left:20px;padding-right:20px}.answer-options,.result-panel ul,.business-fields{grid-template-columns:1fr}.answer-option{min-height:68px}.demo-actions{padding:15px 20px}.adaptable-note{grid-template-columns:1fr}.demo-intro h1{letter-spacing:-.03em}}