@import url('https://fonts.googleapis.com/css2?family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root{
  --brand-primary:#251A66;
  --brand-accent:#E78708;
  --brand-primary-2:#49369a;
  --brand-primary-3:#140d45;
  --brand-accent-2:#ffad3f;
  --ink:#17142d;
  --muted:#777287;
  --bg:#f7f6fb;
  --card:#ffffff;
  --line:#e9e6f1;
  --soft-purple:#f2effb;
  --soft-orange:#fff4e4;
  --green:#149663;
  --red:#b85454;
  --shadow-sm:0 8px 24px rgba(37,26,102,.06);
  --shadow-md:0 16px 42px rgba(37,26,102,.10);
  --shadow-lg:0 26px 70px rgba(37,26,102,.20);
  --radius-sm:14px;
  --radius-md:20px;
  --radius-lg:28px;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;min-height:100%;font-family:'Vazirmatn',Tahoma,Arial,sans-serif;background:#ece9f5;color:var(--ink)}
body{overflow-x:hidden;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{touch-action:manipulation}
body.sheet-open{overflow:hidden}

.ambient{position:fixed;border-radius:50%;filter:blur(92px);opacity:.16;pointer-events:none;z-index:0}
.ambient-one{width:320px;height:320px;background:var(--brand-primary);top:-130px;right:-120px}
.ambient-two{width:270px;height:270px;background:var(--brand-accent);bottom:10%;left:-150px;opacity:.10}

.app-shell{position:relative;z-index:1;width:min(100%,540px);min-height:100vh;margin:auto;background:linear-gradient(180deg,#fbfaff 0%,#f7f5fb 58%,#faf9fd 100%);box-shadow:0 0 74px rgba(22,15,62,.13);padding-bottom:100px;overflow:hidden}
.screen{display:none;min-height:calc(100vh - 88px);padding:18px 18px 30px}
.screen-active{display:block;animation:screenIn .28s ease}
.loading-screen.screen-active{display:flex}
@keyframes screenIn{from{opacity:.18;transform:translateY(9px)}to{opacity:1;transform:none}}

.topbar,.quiz-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 16px}
.brand{display:flex;align-items:center;gap:10px}
.brand-mark,.contact-logo{position:relative;display:grid;place-items:center;color:white;font-weight:900;background:linear-gradient(145deg,var(--brand-primary-3),var(--brand-primary));box-shadow:0 10px 25px rgba(37,26,102,.25);overflow:hidden}
.brand-mark{width:44px;height:44px;border-radius:15px;font-size:21px;border:1px solid rgba(231,135,8,.8)}
.brand-mark b,.contact-logo b{position:relative;z-index:2}
.brand-mark i,.contact-logo i{position:absolute;width:24px;height:24px;background:var(--brand-accent);border-radius:50%;right:-11px;bottom:-10px;filter:blur(1px)}
.brand b{display:block;font-size:18px;line-height:1.05;letter-spacing:-.2px}
.brand em{font-style:normal;color:var(--brand-accent)}
.brand small{display:block;margin-top:5px;font-size:10px;color:var(--muted)}
.icon-btn{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);background:rgba(255,255,255,.86);border-radius:15px;font-size:20px;color:var(--brand-primary);cursor:pointer;box-shadow:0 5px 18px rgba(37,26,102,.04)}
.icon-btn:active{transform:scale(.96)}
.center-title{text-align:center}.center-title b{display:block;font-size:14px}.center-title small{display:block;color:var(--muted);font-size:10px;margin-top:2px}.header-spacer{width:43px}

.hero-card{position:relative;overflow:hidden;padding:29px 23px 22px;border-radius:31px;background:radial-gradient(circle at 12% 8%,rgba(231,135,8,.30),transparent 24%),radial-gradient(circle at 90% 48%,rgba(109,76,232,.42),transparent 31%),linear-gradient(145deg,#110b3f 0%,var(--brand-primary) 58%,#34257f 100%);color:#fff;box-shadow:0 28px 68px rgba(37,26,102,.31)}
.hero-card:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:30px 30px;mask-image:linear-gradient(to bottom,#000,transparent 77%)}
.hero-card:after{content:"";position:absolute;width:210px;height:210px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-125px;bottom:-125px;box-shadow:0 0 0 32px rgba(255,255,255,.025),0 0 0 64px rgba(255,255,255,.018)}
.hero-glow{position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(231,135,8,.15);filter:blur(50px);left:-70px;top:-60px}
.hero-copy,.ai-orb,.hero-card button,.micro-grid{position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.08);color:#ffd8a3;font-size:10px;font-weight:800;border:1px solid rgba(255,255,255,.11)}
.eyebrow i{font-style:normal;color:var(--brand-accent)}
.hero-card h1{margin:15px 0 9px;font-size:31px;line-height:1.45;letter-spacing:-1.1px}
.hero-card h1 span{color:#ffc16e}
.hero-card p{color:#d9d4eb;margin:0;max-width:88%;font-size:12px;line-height:2.05}
.ai-orb{height:154px;display:grid;place-items:center;margin:-6px 0 -2px}
.orb-core{width:88px;height:88px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 25%,#fff 0 3%,#c8bcff 12%,#6650d7 43%,#1c1259 76%);box-shadow:0 0 44px rgba(114,82,255,.82),inset 0 0 23px rgba(255,255,255,.20);border:1px solid rgba(255,255,255,.43)}
.orb-core span{font-size:28px;font-weight:900;line-height:1}.orb-core small{font-size:7px;letter-spacing:2px;color:#d7d0ff;margin-top:5px}
.orb-ring{position:absolute;border-radius:50%;border:1px solid rgba(231,135,8,.55);box-shadow:0 0 30px rgba(231,135,8,.20)}
.ring-one{width:124px;height:124px;animation:pulse 2.2s ease-in-out infinite}.ring-two{width:147px;height:147px;border-color:rgba(255,255,255,.08);animation:spin 10s linear infinite}
.spark{position:absolute;color:#ffc36f}.s1{transform:translate(80px,-42px)}.s2{transform:translate(-88px,33px);font-size:10px}.s3{transform:translate(65px,58px);font-size:9px}
@keyframes pulse{50%{transform:scale(1.08);opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}

.primary-btn,.secondary-btn,.ghost-light,.text-btn,.tool-btn{font-family:inherit;cursor:pointer}
.primary-btn{height:54px;border:0;border-radius:17px;background:linear-gradient(135deg,var(--brand-primary),#563ed0);color:#fff;font-weight:800;font-size:13px;padding:0 20px;box-shadow:0 12px 27px rgba(37,26,102,.22)}
.primary-btn:disabled{opacity:.38;box-shadow:none;cursor:not-allowed}
.primary-btn:active:not(:disabled),.secondary-btn:active,.ghost-light:active,.tool-btn:active{transform:translateY(1px)}
.primary-btn-accent{width:100%;background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-2));color:#321d00;box-shadow:0 13px 28px rgba(231,135,8,.25)}
.hero-start{display:flex;align-items:center;justify-content:center;gap:13px;font-size:14px}.hero-start i{font-style:normal;font-size:18px}
.secondary-btn{height:50px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--brand-primary);font-weight:800;padding:0 20px}
.full{width:100%;margin:13px 0 22px}.full-cta{margin-top:16px}
.micro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.micro-grid div{text-align:center;padding:10px 4px;border-radius:14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.08)}
.micro-grid b,.micro-grid span{display:block}.micro-grid b{color:#ffc26f;font-size:14px}.micro-grid span{font-size:8px;color:#c8c3e1;margin-top:3px}

.section{margin-top:29px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:12px}.section-title small{display:block;color:var(--brand-accent);font-size:9px;font-weight:800}.section-title h2{font-size:18px;margin:1px 0 0}.tiny-pill{padding:6px 9px;border-radius:99px;background:var(--soft-purple);color:var(--brand-primary)!important;font-size:9px!important;font-weight:700}
.steps{display:grid;gap:9px}.step-card{display:flex;gap:12px;align-items:center;background:#fff;padding:14px;border:1px solid var(--line);border-radius:19px;box-shadow:var(--shadow-sm)}
.step-card>i{width:37px;height:37px;flex:none;display:grid;place-items:center;background:var(--soft-purple);border-radius:12px;color:var(--brand-primary);font-style:normal;font-weight:900}
.step-card>div{flex:1}.step-card b,.step-card small{display:block}.step-card b{font-size:12px}.step-card small{font-size:9px;color:var(--muted);margin-top:3px}.step-card>span{color:#bbb6c8;font-size:16px}

.channel-banner{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;margin-top:24px;padding:17px;border-radius:23px;background:radial-gradient(circle at 100% 0,rgba(231,135,8,.21),transparent 35%),linear-gradient(140deg,#171046,var(--brand-primary));color:#fff;box-shadow:var(--shadow-md)}
.channel-banner:after{content:"";position:absolute;width:90px;height:90px;border:1px solid rgba(255,255,255,.07);border-radius:50%;left:-36px;bottom:-45px}
.telegram-icon{position:relative;z-index:1;width:48px;height:48px;flex:none;display:grid;place-items:center;background:linear-gradient(145deg,#61c4ff,#168acb);border-radius:16px;font-size:24px;transform:rotate(-7deg);box-shadow:0 8px 22px rgba(0,135,204,.22)}
.channel-copy{position:relative;z-index:1;flex:1}.channel-copy small{color:#bbb6dc;font-size:8px}.channel-copy h3{margin:1px 0 3px;font-size:14px}.channel-copy p{margin:0;color:#dcd8ed;font-size:8px;line-height:1.8}.ghost-light{position:relative;z-index:1;padding:9px 13px;border-radius:12px;background:rgba(255,255,255,.10);color:#fff;border:1px solid rgba(255,255,255,.13);font-weight:800;font-size:10px}
.contact-mini{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:13px;padding:15px;border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:var(--shadow-sm)}
.contact-mini>div{display:flex;align-items:center;gap:10px;min-width:0}.contact-bubble{width:39px;height:39px;flex:none;display:grid;place-items:center;background:var(--soft-orange);color:var(--brand-accent);border-radius:12px}.contact-mini b,.contact-mini small{display:block}.contact-mini b{font-size:11px}.contact-mini small{font-size:8px;color:var(--muted);margin-top:2px}.text-btn{background:none;border:0;color:var(--brand-primary);font-size:10px;font-weight:900;white-space:nowrap;padding:5px 0}
.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px}.trust-strip div{display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 4px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.72)}.trust-strip span{color:var(--green);font-size:9px}.trust-strip b{font-size:7px;color:#625d72;white-space:nowrap}

.quiz-screen{position:relative;min-height:100vh;padding-bottom:105px}.quiz-head{padding-top:5px}.quiz-status{flex:1}.quiz-status>div:first-child{display:flex;justify-content:space-between;align-items:center}.quiz-status b{font-size:11px}.quiz-status span{font-size:8px;color:var(--muted)}
.progress{height:6px;background:#e8e4f1;border-radius:99px;margin-top:8px;overflow:hidden}.progress span{display:block;width:12.5%;height:100%;background:linear-gradient(90deg,var(--brand-accent),#f6a33a,var(--brand-primary));border-radius:99px;transition:.32s cubic-bezier(.2,.8,.2,1)}
.question-wrap{padding-top:39px}.question-kicker{display:inline-flex;padding:6px 9px;border-radius:99px;background:var(--soft-orange);font-size:9px;font-weight:900;color:#a75f00}.question-wrap h2{font-size:24px;line-height:1.7;margin:10px 0 7px;letter-spacing:-.5px}.question-wrap>p{color:var(--muted);font-size:10px;line-height:1.9;margin:0 0 23px}.options{display:grid;gap:10px}
.option-card{display:flex;align-items:center;gap:13px;width:100%;min-height:75px;border:1.5px solid var(--line);border-radius:20px;background:#fff;padding:14px;text-align:right;font-family:inherit;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}
.option-card .option-icon{width:46px;height:46px;flex:none;display:grid;place-items:center;border-radius:15px;background:var(--soft-purple);font-size:20px;transition:.18s}.option-card b{font-size:12px;line-height:1.7}.option-card.selected{border-color:var(--brand-accent);background:linear-gradient(90deg,#fff,#fffbf4);box-shadow:0 11px 30px rgba(231,135,8,.12);transform:translateY(-1px)}.option-card.selected .option-icon{background:var(--soft-orange)}
.option-card .check{margin-right:auto;width:25px;height:25px;flex:none;border:1.5px solid #d8d3e4;border-radius:50%;display:grid;place-items:center;color:transparent;font-size:11px;transition:.18s}.option-card.selected .check{background:var(--brand-primary);border-color:var(--brand-primary);color:#fff;box-shadow:0 5px 13px rgba(37,26,102,.19)}
.quiz-footer{position:fixed;z-index:12;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);display:grid;grid-template-columns:1fr 1.48fr;gap:10px;padding:12px 18px max(14px,env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(247,246,251,0),rgba(247,246,251,.92) 30%,#f7f6fb 58%)}

.loading-screen{align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 36%,rgba(108,79,222,.23),transparent 29%),radial-gradient(circle at 14% 20%,rgba(231,135,8,.10),transparent 22%),linear-gradient(180deg,#100b35,#251A66 68%,#1d1555);color:#fff;padding-bottom:24px}
.loading-content{width:100%;padding:25px 17px}.brain-loader{position:relative;width:142px;height:142px;margin:0 auto 25px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);box-shadow:0 0 70px rgba(113,80,255,.38)}
.brain-loader:before,.brain-loader:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(231,135,8,.52);inset:16px;animation:pulse 1.7s infinite}.brain-loader:after{inset:-12px;border-color:rgba(132,105,255,.18);animation-delay:.35s}
.brain-mark{width:77px;height:77px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#5d45c9,#27186e);box-shadow:0 0 38px rgba(113,83,232,.55),inset 0 0 17px rgba(255,255,255,.10);font-size:27px;font-weight:900}.brain-mark small{font-size:6px;letter-spacing:2px;color:#cdc5fa;margin-top:4px}.brain-spark{position:absolute;top:7px;right:15px;color:#ffb24a}
.loading-kicker{display:inline-flex;padding:6px 9px;border-radius:99px;background:rgba(231,135,8,.13);border:1px solid rgba(231,135,8,.18);color:#ffc775;font-size:8px;font-weight:800}.loading-content h2{font-size:19px;line-height:1.9;margin:13px auto 7px;max-width:340px}.loading-content p{color:#c9c4df;font-size:11px}.loading-track{height:7px;background:rgba(255,255,255,.10);border-radius:99px;overflow:hidden;margin:24px 0 8px}.loading-track span{display:block;width:12%;height:100%;background:linear-gradient(90deg,var(--brand-accent),#ffc46d,#9074ff);border-radius:99px;transition:.5s}.loading-content>small{color:#ffbf6c}.loading-checks{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:23px}.loading-checks span{padding:6px 8px;border-radius:99px;background:rgba(255,255,255,.06);color:#bbb5d5;font-size:7px;border:1px solid rgba(255,255,255,.06)}

.result-intro{text-align:center;padding:8px 21px 17px}.result-intro>span{font-size:28px}.result-intro h2{margin:7px 0 5px;font-size:19px}.result-intro p{margin:0;color:var(--muted);font-size:9px;line-height:1.9}
.answer-summary{display:flex;gap:6px;overflow:auto;padding:0 0 8px;scrollbar-width:none}.answer-summary::-webkit-scrollbar{display:none}.answer-summary>span{display:flex;align-items:center;gap:5px;flex:none;padding:8px 10px;border-radius:99px;background:#fff;border:1px solid var(--line);color:#575269;font-size:8px;box-shadow:0 5px 15px rgba(37,26,102,.03)}.answer-summary i{font-style:normal}
.result-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:4px 0 13px}.tool-btn{height:40px;border-radius:13px;border:1px solid var(--line);background:#fff;color:var(--brand-primary);font-size:9px;font-weight:900}.tool-btn:disabled{opacity:.45;cursor:not-allowed}
.result-list{display:grid;gap:12px}.result-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:25px;background:#fff;padding:15px 16px 17px;box-shadow:0 13px 36px rgba(37,26,102,.065)}.result-card.top{border-color:rgba(231,135,8,.46);box-shadow:0 18px 45px rgba(231,135,8,.12)}.card-accent{position:absolute;right:0;top:0;width:4px;height:100%;background:linear-gradient(var(--brand-accent),var(--brand-primary));opacity:.65}.result-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.rank-badge{display:inline-flex;padding:6px 9px;border-radius:99px;background:var(--soft-orange);color:#955500;font-size:8px;font-weight:900}.price-mini{color:var(--muted);font-size:7px;white-space:nowrap}
.phone-head{display:flex;align-items:center;gap:13px}.phone-visual{width:76px;height:88px;flex:none;border-radius:18px;display:grid;place-items:center;background:linear-gradient(155deg,#f3f1f8,#e1ddea);overflow:hidden;border:1px solid #ebe8f0}.phone-visual img{width:100%;height:100%;object-fit:contain;padding:4px}.phone-placeholder{width:49px;height:67px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(150deg,var(--brand-primary),#5842ba);color:#fff;font-weight:900;box-shadow:0 7px 19px rgba(37,26,102,.19)}
.phone-meta{flex:1;min-width:0}.phone-meta small{color:var(--muted);font-size:8px}.phone-meta h3{margin:1px 0 7px;font-size:15px;direction:ltr;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.score-pill{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:9px;background:#e8f8f0;color:#0d8050;font-size:9px;font-weight:900}
.result-reason{font-size:10px;color:#595468;line-height:1.95;margin:13px 0 9px;padding-top:11px;border-top:1px solid #f0edf5}.quick-metrics{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px}.quick-metrics span{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;border-radius:11px;background:#faf9fc;border:1px solid #f0edf5}.quick-metrics b{font-size:8px;color:#716b81}.quick-metrics i{font-size:8px;color:var(--brand-primary);font-style:normal;font-weight:900}
.pros{display:flex;flex-wrap:wrap;gap:6px}.pros span{font-size:8px;padding:6px 8px;border-radius:10px;background:var(--soft-purple);color:#4d456a}.result-actions{display:grid;grid-template-columns:1fr 1.25fr;gap:8px;margin-top:13px}.result-actions button{height:42px;border-radius:13px;font-family:inherit;font-size:9px;font-weight:900;cursor:pointer}.details-btn{background:#fff;border:1px solid var(--line);color:var(--brand-primary)}.inquiry-btn{border:0;background:linear-gradient(135deg,var(--brand-accent),var(--brand-accent-2));color:#321d00;box-shadow:0 7px 18px rgba(231,135,8,.15)}
.empty-result{text-align:center;padding:30px 18px;background:#fff;border:1px solid var(--line);border-radius:22px}.empty-result>span{font-size:30px;color:var(--brand-primary)}.empty-result h3{font-size:15px;margin:8px 0 4px}.empty-result p{font-size:9px;color:var(--muted);line-height:1.8;margin:0}
.sales-cta{position:relative;overflow:hidden;text-align:center;margin:3px 0 22px;padding:24px 18px;border-radius:25px;background:radial-gradient(circle at 100% 0,rgba(231,135,8,.20),transparent 35%),linear-gradient(145deg,#171046,var(--brand-primary));color:#fff;box-shadow:var(--shadow-md)}.sales-cta:after{content:"";position:absolute;width:130px;height:130px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-50px;bottom:-70px}.cta-badge{position:relative;z-index:1;font-size:8px;font-weight:900;color:#ffc36f}.sales-cta h3{position:relative;z-index:1;font-size:17px;margin:7px 0}.sales-cta p{position:relative;z-index:1;font-size:9px;line-height:1.9;color:#d5d0e7}.sales-cta button{position:relative;z-index:1;margin-top:9px}.compact{margin-top:0}

.compare-intro{display:flex;align-items:center;gap:12px;margin:2px 0 14px;padding:15px;border-radius:19px;background:linear-gradient(135deg,var(--soft-purple),#fff);border:1px solid #e5e0f3}.compare-intro>span{width:43px;height:43px;flex:none;display:grid;place-items:center;border-radius:13px;background:var(--brand-primary);color:#fff;font-size:20px}.compare-intro h2{font-size:14px;margin:0 0 3px}.compare-intro p{font-size:8px;line-height:1.8;margin:0;color:var(--muted)}
.compare-wrap{overflow-x:auto;border:1px solid var(--line);background:#fff;border-radius:22px;box-shadow:var(--shadow-sm);scrollbar-width:none}.compare-wrap::-webkit-scrollbar{display:none}.compare-grid{display:grid;grid-template-columns:86px repeat(3,minmax(96px,1fr));min-width:390px}.compare-header{border-bottom:1px solid var(--line);background:#fbfafd}.compare-label{display:flex;align-items:center;gap:5px;padding:12px 9px;font-size:8px;font-weight:800;color:#6e687c;border-left:1px solid #f0edf5}.compare-phone{position:relative;border:0;border-left:1px solid #f0edf5;background:transparent;padding:13px 7px;font-family:inherit;cursor:pointer;text-align:center}.compare-phone>span{position:absolute;top:7px;left:7px;width:18px;height:18px;display:grid;place-items:center;background:var(--soft-orange);color:#9b5b00;border-radius:50%;font-size:7px;font-weight:900}.compare-phone small,.compare-phone b,.compare-phone em{display:block}.compare-phone small{font-size:6px;color:var(--muted)}.compare-phone b{font-size:8px;direction:ltr;margin:2px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compare-phone em{font-style:normal;font-size:8px;color:var(--green);font-weight:900}.compare-row{border-bottom:1px solid #f0edf5}.compare-value{display:flex;flex-direction:column;justify-content:center;text-align:center;padding:10px 7px;border-left:1px solid #f0edf5}.compare-value>b{font-size:10px;color:var(--brand-primary)}.mini-track{height:3px;border-radius:99px;background:#ece9f2;overflow:hidden;margin-top:5px}.mini-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--brand-accent),var(--brand-primary))}.price-row .compare-value b{font-size:8px}.compare-value.price small{font-size:6px;color:var(--muted);margin-top:2px}.compare-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;min-width:300px;padding:10px}.compare-actions button{height:36px;border:0;border-radius:11px;background:var(--soft-orange);color:#8e5200;font-family:inherit;font-size:7px;font-weight:900;cursor:pointer}.compare-note{font-size:8px;line-height:1.9;color:#756f80;background:#fff8ed;border:1px solid #ffe5bf;border-radius:15px;padding:11px 12px;margin-top:11px}

.contact-hero{text-align:center;padding:22px 19px 21px}.contact-logo{width:69px;height:69px;border-radius:22px;margin:auto;font-size:30px;border:1.5px solid var(--brand-accent)}.contact-hero h2{font-size:20px;margin:14px 0 6px}.contact-hero p{margin:0;color:var(--muted);font-size:10px;line-height:1.95}.contact-list{display:grid;gap:10px}.contact-card{width:100%;display:flex;align-items:center;gap:13px;text-align:right;border:1px solid var(--line);background:#fff;border-radius:20px;padding:15px;font-family:inherit;color:var(--ink);box-shadow:var(--shadow-sm);cursor:pointer}.contact-card.featured{background:linear-gradient(135deg,#f4f1ff,#fff9ef);border-color:#dfd8f7}.contact-icon{width:46px;height:46px;flex:none;border-radius:15px;display:grid;place-items:center;font-size:20px}.contact-icon.orange{background:var(--soft-orange);color:var(--brand-accent)}.contact-icon.blue{background:#edf8ff;color:#209fdc}.contact-icon.purple{background:var(--soft-purple);color:var(--brand-primary)}.contact-card div{flex:1;min-width:0}.contact-card small,.contact-card b,.contact-card em{display:block}.contact-card small{font-size:8px;color:var(--muted)}.contact-card b{font-size:12px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contact-card em{font-style:normal;font-size:7px;color:#8c8697;margin-top:2px}.contact-card>i{font-style:normal;color:var(--brand-primary)}.trust-note{display:flex;gap:10px;align-items:flex-start;background:#fff7eb;border:1px solid #ffe3ba;border-radius:18px;padding:14px;margin-top:15px}.trust-note span{color:var(--brand-accent);font-weight:900}.trust-note p{margin:0;font-size:9px;line-height:1.9;color:#655945}.trust-note b{color:#43361f}

.bottom-nav{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);height:83px;padding:9px 14px max(9px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(4,1fr);background:rgba(255,255,255,.93);backdrop-filter:blur(20px);border-top:1px solid rgba(37,26,102,.08);box-shadow:0 -10px 35px rgba(37,26,102,.06)}.bottom-nav button{border:0;background:none;font-family:inherit;color:#9a94a9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer}.bottom-nav button span{font-size:18px}.bottom-nav button small{font-size:8px}.bottom-nav button.active{color:var(--brand-primary);font-weight:900}.bottom-nav button.active span{color:var(--brand-accent)}

.sheet-backdrop{position:fixed;z-index:80;inset:0;background:rgba(15,10,40,.44);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.25s}.sheet-backdrop.open{opacity:1;pointer-events:auto}.details-sheet{position:fixed;z-index:81;left:50%;bottom:0;width:min(100%,540px);max-height:88vh;overflow:auto;transform:translate(-50%,105%);background:#fbfafd;border-radius:29px 29px 0 0;padding:10px 18px max(20px,env(safe-area-inset-bottom));box-shadow:0 -28px 80px rgba(17,10,52,.28);transition:transform .34s cubic-bezier(.2,.8,.2,1)}.details-sheet.open{transform:translate(-50%,0)}.sheet-handle{width:45px;height:4px;border-radius:99px;background:#d8d3e1;margin:0 auto 12px}.sheet-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sheet-head small{display:block;color:var(--brand-accent);font-size:8px;font-weight:800}.sheet-head h2{font-size:20px;margin:2px 0 0;direction:ltr;text-align:right}.sheet-close{width:38px;height:38px;flex:none;border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--brand-primary);font-size:20px;cursor:pointer}.sheet-score{display:flex;align-items:center;gap:13px;margin:15px 0;padding:12px;border-radius:18px;background:linear-gradient(135deg,var(--soft-purple),#fff);border:1px solid #e6e1f4}.score-ring{width:63px;height:63px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--brand-primary);font-weight:900;font-size:12px;border:6px solid #f3e5d1;outline:2px solid var(--brand-primary);outline-offset:-6px;box-shadow:0 5px 18px rgba(37,26,102,.08)}
.sheet-score>div:last-child b,.sheet-score>div:last-child small{display:block}.sheet-score>div:last-child b{font-size:11px}.sheet-score>div:last-child small{font-size:8px;color:var(--muted);margin-top:3px}.sheet-reason{font-size:10px;line-height:1.95;color:#5e596c;margin:0 0 13px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:10px;border-radius:14px;background:#fff;border:1px solid var(--line)}.metric-card>div:first-child{display:flex;align-items:center;gap:5px}.metric-card span{font-size:11px}.metric-card b{font-size:8px}.metric-card i{margin-right:auto;font-style:normal;font-size:8px;font-weight:900;color:var(--brand-primary)}.metric-track{height:4px;border-radius:99px;background:#ebe8f1;overflow:hidden;margin-top:8px}.metric-track span{display:block;height:100%;background:linear-gradient(90deg,var(--brand-accent),var(--brand-primary));border-radius:99px}.sheet-columns{display:grid;gap:10px;margin-top:13px}.sheet-columns h3{font-size:11px;margin:0 0 7px}.detail-list{display:grid;gap:5px}.detail-list span{padding:8px 10px;border-radius:11px;font-size:8px;line-height:1.7}.detail-list.positive span{background:#eef9f4;color:#306e56}.detail-list.warning span{background:#fff7eb;color:#7c6544}.sheet-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.sheet-meta span{text-align:center;padding:9px 5px;border-radius:12px;background:#fff;border:1px solid var(--line)}.sheet-meta small,.sheet-meta b{display:block}.sheet-meta small{font-size:7px;color:var(--muted)}.sheet-meta b{font-size:9px;margin-top:2px}.sheet-cta{margin-top:2px}

.toast{position:fixed;z-index:99;left:50%;bottom:96px;transform:translate(-50%,20px);width:min(calc(100% - 40px),450px);padding:12px 14px;background:#1b1639;color:#fff;border-radius:14px;text-align:center;font-size:10px;opacity:0;pointer-events:none;transition:.22s;box-shadow:0 14px 36px rgba(15,10,40,.22)}.toast.show{opacity:1;transform:translate(-50%,0)}

@media(min-width:541px){body{padding:22px 0}.app-shell{min-height:calc(100vh - 44px);border-radius:30px}.bottom-nav{bottom:22px;border-radius:0 0 30px 30px}.screen{min-height:calc(100vh - 132px)}.quiz-footer{bottom:22px;border-radius:0 0 30px 30px}.details-sheet{bottom:22px;border-radius:29px}}
@media(max-width:360px){.hero-card{padding-right:19px;padding-left:19px}.hero-card h1{font-size:27px}.question-wrap h2{font-size:21px}.result-card{padding-left:13px;padding-right:13px}.phone-visual{width:69px}.contact-mini{align-items:flex-start;flex-direction:column}.trust-strip{grid-template-columns:1fr}.trust-strip div{justify-content:flex-start;padding-right:12px}.compare-grid{grid-template-columns:78px repeat(3,minmax(88px,1fr));min-width:350px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Phase 7 — resilient network/error states */
.network-banner{position:fixed;z-index:120;top:10px;left:50%;transform:translate(-50%,-140%);width:min(calc(100% - 28px),500px);display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;column-gap:9px;align-items:center;padding:10px 12px;border-radius:15px;background:#241d4e;color:#fff;box-shadow:0 16px 42px rgba(20,12,55,.25);transition:transform .28s cubic-bezier(.2,.8,.2,1)}.network-banner.show{transform:translate(-50%,0)}.network-banner>span{grid-row:1/3;width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:var(--brand-accent);font-weight:900}.network-banner>b{font-size:9px}.network-banner>small{font-size:7px;color:#d8d4e9;margin-top:1px}
.error-screen{display:none;place-items:center;padding:36px 20px 110px}.error-screen.screen-active{display:grid}.error-card{width:100%;max-width:430px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px 20px 21px;box-shadow:0 22px 65px rgba(37,26,102,.11)}.error-mark{position:relative;width:78px;height:78px;margin:0 auto 17px;display:grid;place-items:center;border-radius:25px;background:linear-gradient(145deg,var(--brand-primary),#3a2b91);box-shadow:0 14px 34px rgba(37,26,102,.22)}.error-mark span{position:relative;z-index:2;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--brand-accent);color:#fff;font-size:19px;font-weight:900}.error-mark i{position:absolute;width:60px;height:60px;border:1px solid rgba(255,255,255,.25);border-radius:21px;transform:rotate(13deg)}.error-kicker{display:inline-flex;padding:5px 9px;border-radius:99px;background:var(--soft-orange);color:#9b5b00;font-size:8px;font-weight:900}.error-card h2{font-size:21px;margin:12px 0 7px}.error-card>p{max-width:340px;margin:0 auto;color:var(--muted);font-size:10px;line-height:1.95}.error-ref{display:inline-block;margin-top:10px;padding:5px 8px;border-radius:8px;background:#f5f3f8;color:#766f84;font-size:7px;direction:ltr}.error-actions{display:grid;gap:8px;margin-top:19px}.error-actions .secondary-btn{width:100%;height:48px}.error-contact{justify-self:center;margin-top:2px}.error-note{display:flex;align-items:flex-start;gap:8px;text-align:right;margin-top:17px;padding:11px 12px;border-radius:14px;background:#f8f6ff;border:1px solid #e9e4f7}.error-note span{color:var(--brand-accent);font-weight:900}.error-note p{margin:0;font-size:8px;line-height:1.85;color:#6e687b}