@import"https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;600;700&display=swap&subset=cyrillic";@import"https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap&subset=cyrillic";:root{font-family:Roboto,Helvetica,Arial,sans-serif;color:#1f2937;background-color:#f3f6fb}*{box-sizing:border-box}body{margin:0;background:#f3f6fb;min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:32px 20px 72px;display:flex;flex-direction:column;gap:20px}.header{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.logo{width:180px;height:auto}.header:after{content:"";display:block;width:100%;height:2px;border-radius:999px;background:#e5e7eb}.wizard{display:grid;gap:16px}.wizard-shell{background:#fff;border-radius:18px;padding:20px;border:1px solid #e5e7eb;display:grid;gap:16px}.wizard-stage{position:relative;opacity:1;transform:translate(0);transition:opacity .26s ease,transform .26s ease}.wizard-stage.exiting.forward{opacity:0;transform:translate(-24px)}.wizard-stage.exiting.back,.wizard-stage.entering.forward{opacity:0;transform:translate(24px)}.wizard-stage.entering.back{opacity:0;transform:translate(-24px)}.wizard-progress{display:grid;gap:10px}.wizard-track{height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden}.wizard-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8);border-radius:999px;transition:width .26s ease}.wizard-progress.loading .wizard-fill{animation:pulse 1.1s ease-in-out infinite}.wizard-steps{display:flex;justify-content:space-between;gap:8px}.wizard-step{width:28px;height:28px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:grid;place-items:center;font-size:12px;font-weight:600;border:none;cursor:pointer;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1)}.wizard-step.active{background:#0ea5e9;color:#fff;box-shadow:0 6px 12px #0ea5e940}.wizard-step.completed{background:#dcfce7;color:#166534}.wizard-step:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 12px #0f172a1f}.wizard-step:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.toast{align-self:flex-start;background:#ecfeff;color:#0f172a;border:1px solid #cffafe;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:600}.nav-actions{display:flex;gap:8px;align-items:center}.button-loading{display:inline-flex;gap:8px;align-items:center}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.5);border-top-color:#fff;animation:spin .8s linear infinite}h2{margin:0;font-size:22px}.card,.results,.info-card{background:#fff;border-radius:18px;padding:20px;border:1px solid #e5e7eb;box-shadow:none}.results{display:grid;gap:16px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.field{display:grid;gap:8px;font-weight:600;color:#1f2937}.helper{font-size:12px;color:#9ca3af;font-weight:500}.error-text{color:#b91c1c}.micro{font-size:12px;color:#9ca3af;text-align:center}.field input{padding:12px 14px;border-radius:10px;border:1px solid #d1d5db;font-size:14px;outline:none;background:#fff}.field input:focus{border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e926}.button{padding:12px 18px;border:none;border-radius:10px;background:#0ea5e9;color:#fff;font-size:14px;font-weight:600;cursor:pointer}.button.secondary{background:#f8fafc;color:#0f172a;border:1px solid #d1d5db}.button:disabled{background:#9ca3af;cursor:not-allowed}.ghost{padding:8px 14px;border-radius:999px;border:1px solid #d1d5db;background:#fff;color:#0ea5e9;font-weight:600;cursor:pointer}.error{color:#b91c1c;background:#fee2e2;padding:10px 12px;border-radius:10px;font-size:13px}.error-banner{background:#fff1f2;border:1px solid #fecdd3;color:#9f1239;padding:10px 12px;border-radius:12px;font-size:13px;font-weight:600}.intro{padding:8px 0}.intro-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center}.intro-title{font-size:28px;font-weight:700;color:#0f172a}.intro-copy{display:grid;gap:16px}.intro-points{display:grid;gap:10px}.intro-point{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155;font-weight:600}.point-icon{width:30px;height:30px;border-radius:10px;background:#e0f2fe;display:grid;place-items:center;font-size:14px}.intro-form{display:grid;gap:12px;background:#f8fafc;border-radius:14px;padding:14px;border:1px solid #e5e7eb}.intro-phone{display:grid;gap:12px;justify-items:center}.demo{background:#fff;border:1px solid #e5e7eb;box-shadow:none}.demo-footnote{font-size:11px;color:#0f172a;margin-top:10px;font-weight:600;align-self:flex-start;background:#f1f5f9;border:1px solid #e2e8f0;padding:4px 8px;border-radius:999px}.intro-cta{width:100%;display:flex;justify-content:center}.results-layout{display:flex;gap:28px;align-items:flex-start}.results-left{flex:1;display:grid;gap:14px}.results-right{width:360px;flex-shrink:0}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric-card{background:#f8fafc;border-radius:12px;padding:14px 16px;border:1px solid #e5e7eb;display:grid;gap:6px;min-height:150px;align-content:start;box-shadow:0 6px 14px #0f172a0f;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),border-color .2s cubic-bezier(.2,.8,.2,1),background-color .2s cubic-bezier(.2,.8,.2,1);will-change:transform}.metric-card.warn{background:#fffbeb;border-color:#fcd34d}.metric-card.danger{background:#fef2f2;border-color:#fca5a5}.metric-card.success{background:#ecfdf3;border-color:#86efac}.metric-card:hover{transform:translateY(-3px);box-shadow:0 14px 26px #0f172a1f;border-color:#cbd5f5;background:#f1f5ff}.metric-card.warn:hover{border-color:#fbbf24;background:#fef0b9}.metric-card.danger:hover{border-color:#f87171;background:#fee2e8}.metric-card.success:hover{border-color:#22c55e;background:#dcfce7}.metric-title{font-size:12px;color:#6b7280;font-weight:600;display:inline-flex;align-items:center;gap:6px}.metric-icon{display:inline-flex;align-items:center;justify-content:center;transition:transform .2s cubic-bezier(.2,.8,.2,1)}.metric-card:hover .metric-icon{transform:translateY(-2px) rotate(3deg)}.metric-value{font-size:28px;font-weight:700;color:#111827}.metric-sub{font-size:12px;color:#9ca3af}.leader{font-size:13px;color:#6b7280;font-weight:600}.next-step{margin-top:8px;padding:12px 14px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:space-between;gap:12px}.next-step-text{font-size:13px;color:#374151;font-weight:600}.next-step-actions{display:inline-flex;gap:8px;flex-shrink:0}.offer-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:10px}.phone-single{place-items:center}.phone-mock{position:relative;width:320px;margin:0 auto}.phone-frame{width:100%;height:auto;display:block;pointer-events:none}.phone-screen{position:absolute;top:26px;left:18px;right:18px;bottom:30px;background:#fff;border-radius:28px;padding:8px;border:1px solid #e5e7eb;overflow:hidden;display:flex;flex-direction:column}.phone-screen.demo{padding:6px}.kaspi-header{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#6b7280;padding:4px 2px 10px}.kaspi-icons{display:flex;gap:6px;align-items:center}.kaspi-signal,.kaspi-wifi{width:14px;height:10px;border:1.5px solid #9ca3af;border-radius:2px}.kaspi-battery{font-size:10px;padding:1px 6px;border:1px solid #9ca3af;border-radius:10px}.kaspi-search{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:6px;margin-bottom:10px}.kaspi-search-input{background:#f3f4f6;border-radius:18px;padding:8px 12px;font-size:12px;color:#9ca3af;display:flex;align-items:center;gap:6px}.kaspi-search-icon{width:10px;height:10px;border:2px solid #9ca3af;border-radius:50%;position:relative}.kaspi-search-icon:after{content:"";width:6px;height:2px;background:#9ca3af;position:absolute;right:-4px;bottom:-4px;transform:rotate(45deg);border-radius:2px}.kaspi-back,.kaspi-close{font-size:18px;color:#9ca3af;text-align:center}.kaspi-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;font-size:12px;margin-bottom:8px;color:#9ca3af}.kaspi-tabs .tab{text-align:center;padding-bottom:6px;border-bottom:2px solid transparent}.kaspi-tabs .tab.active{color:#ef4444;border-color:#ef4444;font-weight:600}.kaspi-subtitle{font-size:12px;color:#6b7280;margin-bottom:8px}.kaspi-banner{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;font-size:11px;padding:6px 8px;border-radius:10px;margin-bottom:8px}.kaspi-pills{display:flex;gap:6px;margin-bottom:8px}.kaspi-pills span{padding:4px 8px;border-radius:999px;font-size:11px;background:#f3f4f6;color:#6b7280}.kaspi-pills .active{background:#fee2e2;color:#ef4444;font-weight:600}.kaspi-list .offer-row{border-radius:0;padding:10px 2px 12px;background:#fff;border:none;border-bottom:1px solid #e5e7eb;gap:6px}.phone-screen.demo .kaspi-list .offer-row{box-shadow:none}.phone-screen.demo .kaspi-list .offer-row.highlight{background:#f0f7ff}.kaspi-list .offer-row.kaspi{grid-template-columns:1fr auto}.kaspi-list .offer-right{text-align:left;justify-items:end}.kaspi-list .offer-button{justify-self:end;width:96px}.kaspi-list .offer-shop{font-size:12px;color:#111827}.kaspi-list .offer-price{font-size:16px;font-weight:700}.kaspi-list .offer-monthly{font-size:11px;background:#fde047;color:#111827;padding:2px 6px;border-radius:8px;display:inline-block}.kaspi-list .offer-rating{font-size:11px}.kaspi-list .offer-button{padding:6px 10px;font-size:11px;background:#0b72d9;border-radius:10px}.kaspi-spacer{height:6px}.kaspi-list .offer-monthly:after{content:" × 24";color:#374151;font-weight:600;margin-left:4px}.kaspi-list .offer-shipping{font-size:11px;color:#4b5563;gap:4px}.kaspi-list .offer-shipping .shipping-line:before{content:"•";color:#9ca3af;margin-right:6px}.offer-list{display:grid;gap:8px;overflow:hidden}.offer-row{display:grid;align-items:center;gap:16px;background:#fff;border-radius:12px;padding:14px;border:1px solid #e5e7eb;transition:transform .5s ease,background-color .5s ease,border-color .5s ease}.offer-row.compact{padding:10px}.offer-row.highlight{border-color:#0ea5e9;box-shadow:0 0 0 2px #0ea5e91f}.offer-row.moving{will-change:transform}.offer-row.moving-up{animation:moveUpSmooth .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.offer-row.moving-down{animation:moveDownSmooth .6s cubic-bezier(.2,.8,.2,1);will-change:transform}.offer-price{transition:color .4s ease}.offer-monthly{transition:background-color .4s ease,color .4s ease}@keyframes moveUpSmooth{0%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes moveDownSmooth{0%{transform:translateY(-10px)}to{transform:translateY(0)}}.offer-left{display:grid;gap:6px}.offer-shop{font-weight:700;color:#0ea5e9;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.badge{font-size:10px;padding:2px 8px;border-radius:999px;background:#0ea5e9;color:#fff}.mini-pill{font-size:10px;padding:2px 6px;border-radius:999px;background:#dcfce7;color:#166534}.offer-rating{display:flex;align-items:center;gap:8px;font-size:13px;color:#6b7280}.stars{display:inline-flex;gap:2px;align-items:center}.rating-value{margin-left:6px;font-weight:600;color:#111827}.offer-shipping{display:grid;gap:2px;font-size:10px;color:#6b7280}.offer-right{display:grid;gap:6px;text-align:right;font-weight:600}.offer-price{font-weight:700;color:#111827}.offer-monthly{font-size:12px;color:#6b7280}.offer-button{padding:8px 14px;border-radius:8px;border:none;background:#0ea5e9;color:#fff;font-weight:600;cursor:pointer}.final-summary{display:grid;gap:14px}.final-hero{font-size:30px;font-weight:800;color:#16a34a;text-align:center}.final-sales{text-align:center;font-size:13px;color:#6b7280}.final-line{display:flex;justify-content:space-between;font-size:14px;color:#111827}.final-line span{color:#6b7280}.final-price{font-size:14px;color:#111827;font-weight:600}.final-protect{font-size:13px;color:#475569}.final-protect-title{font-weight:600;margin-bottom:6px}.final-protect ul{margin:0;padding-left:16px;display:grid;gap:4px}.final-reco{font-size:13px;color:#475569;font-weight:600}.receipt-cta{width:100%;margin-top:8px}.lead-wrapper{display:grid;gap:16px}.lead-card{display:grid;gap:12px}.lead-subtitle{font-size:14px;color:#6b7280;font-weight:600}.lead-success{background:#ecfdf3;border:1px solid #bbf7d0;border-radius:16px;padding:18px;display:grid;gap:12px;color:#166534;font-weight:600}.success-title{font-size:18px;color:#166534;font-weight:700}.success-text{font-size:14px;color:#166534}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}@media (max-width: 980px){.intro-layout{grid-template-columns:1fr}.results-layout{flex-direction:column}.results-right{width:100%}.offer-row.kaspi{grid-template-columns:1fr;text-align:left}.offer-right{text-align:left}.offer-button{justify-self:start}}@media (max-width: 720px){.page{padding:24px 16px 48px}.section-header{flex-direction:column;align-items:flex-start}.metric-grid{grid-template-columns:1fr}.next-step{flex-direction:column;align-items:flex-start}.next-step-actions{width:100%}.next-step-actions .button{flex:1}.phone-mock{width:260px}}