@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800&display=swap');
:root{--ink:#17212b;--muted:#73808d;--blue:#3e62f5;--purple:#744df5;--line:#e8ebf2;--bg:#f5f7fb}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#e7ecff 0,#f5f7fb 35%,#f8f9fc 100%);color:var(--ink);font-family:Vazirmatn,Arial,sans-serif;min-height:100vh}.shell{width:min(1060px,92vw);margin:auto;padding:54px 0 28px}.hero{padding:12px 8px 42px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:2px;color:#6271aa;margin-bottom:18px;direction:ltr;text-align:right}.hero h1{font-size:clamp(35px,6vw,66px);line-height:1.16;letter-spacing:-2px;margin:0 0 20px;font-weight:800}.hero h1 span{color:var(--blue)}.hero p{max-width:590px;color:#5c6977;font-size:16px;line-height:2;margin:0 0 18px}.trust{font-size:12px;color:#657283}.dot{display:inline-block;width:8px;height:8px;background:#36be80;border-radius:50%;margin-left:7px}.card{background:#fff;border:1px solid rgba(25,43,75,.07);border-radius:28px;box-shadow:0 20px 70px rgba(47,68,112,.10);padding:34px 42px}.topline{display:flex;justify-content:space-between;color:#7b8795;font-size:12px}.progress{height:5px;background:#edf0f5;border-radius:5px;margin:13px 0 43px;overflow:hidden}.progress div{height:100%;width:14%;background:linear-gradient(90deg,var(--purple),var(--blue));border-radius:5px;transition:width .35s ease}.step{display:none;min-height:315px}.step.active{display:block;animation:fade .25s ease}@keyframes fade{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.icon{width:52px;height:52px;border-radius:17px;background:#eef1ff;color:var(--blue);display:grid;place-items:center;font-size:27px;margin-bottom:20px}.step h2{font-size:27px;margin:0 0 10px}.hint{color:var(--muted);font-size:14px;margin:0 0 30px}.step label{font-size:13px;color:#5d6975;display:block;margin-bottom:9px}.step input,.step select{width:100%;max-width:480px;border:1px solid #dfe4ed;border-radius:13px;padding:16px 17px;font:inherit;color:var(--ink);outline:none;background:#fff;transition:.2s}.step input:focus,.step select:focus{border-color:var(--blue);box-shadow:0 0 0 4px #e9edff}.input-wrap{position:relative;max-width:480px}.input-wrap input{padding-left:55px}.input-wrap span{position:absolute;left:17px;top:16px;color:#9aa3af;font-size:13px;direction:ltr}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:560px}.choice-grid button{border:1px solid #e1e5ed;background:#fff;border-radius:14px;padding:20px 8px;font:inherit;font-size:22px;color:var(--ink);cursor:pointer;transition:.2s}.choice-grid button small{display:block;font-size:11px;color:#87929f;margin-top:4px}.choice-grid button.selected,.choice-grid button:hover{border-color:var(--blue);background:#eff2ff;color:var(--blue);transform:translateY(-2px)}.toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(160px,260px));gap:14px;max-width:600px}.toggle{border:1px solid #e1e5ed;border-radius:14px;padding:17px!important;display:flex!important;align-items:center;gap:11px;cursor:pointer;color:var(--ink)!important;transition:.2s}.toggle input{display:none}.toggle span{width:38px;height:23px;border-radius:15px;background:#dfe4ed;position:relative;transition:.2s;flex:none}.toggle span:after{content:'';position:absolute;width:17px;height:17px;background:#fff;border-radius:50%;top:3px;right:3px;box-shadow:0 1px 3px #aab1bd;transition:.2s}.toggle input:checked+span{background:var(--blue)}.toggle input:checked+span:after{right:18px}.toggle:has(input:checked){border-color:#aebaff;background:#f3f5ff}.actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:25px}.actions button,.again{font:inherit;border:0;border-radius:13px;padding:14px 23px;cursor:pointer}.next{background:linear-gradient(100deg,var(--purple),var(--blue));color:#fff;box-shadow:0 8px 17px #5267df45}.next span{margin-right:10px}.back{background:transparent;color:#7c8793}.summary{background:#f8f9fc;border-radius:16px;padding:17px 20px;line-height:2;color:#586574;font-size:13px;max-width:640px}.result{text-align:center;margin-top:24px;padding:48px 30px}.result-kicker{color:#70808d;font-size:14px}.price{font-size:clamp(42px,8vw,76px);line-height:1.2;font-weight:800;color:var(--blue);margin-top:12px;letter-spacing:-2px}.price-label{font-size:17px;color:#61707c}.range{margin:18px 0;color:#6b7785;font-size:14px}.meter{width:min(410px,90%);height:8px;background:#ecedf4;border-radius:5px;margin:24px auto 10px}.meter div{height:100%;width:50%;background:linear-gradient(90deg,#8e73ff,var(--blue));border-radius:5px}.confidence-label{font-size:12px;color:#7b8791}.again{margin-top:29px}.disclaimer{font-size:11px;color:#9aa3ae;margin:25px auto 0;max-width:540px;line-height:1.8}footer{text-align:center;color:#a2aab5;font-size:11px;margin-top:25px;direction:ltr}@media(max-width:620px){.shell{padding-top:28px}.card{padding:25px 21px;border-radius:22px}.hero{padding-bottom:28px}.step h2{font-size:23px}.choice-grid{gap:7px}.choice-grid button{font-size:18px;padding:16px 3px}.toggle-grid{grid-template-columns:1fr}.progress{margin-bottom:30px}.step{min-height:350px}}
