/* Ask Raqam — interactive coach section */
.ask{background:#08110D;color:var(--cream);position:relative;overflow:hidden}
.ask::before{content:"";position:absolute;top:-300px;left:-180px;width:900px;height:820px;border-radius:50%;background:radial-gradient(circle,rgba(35,151,106,.3),transparent 66%);pointer-events:none}
.ask::after{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--lineD) 1px,transparent 1px),linear-gradient(90deg,var(--lineD) 1px,transparent 1px);background-size:74px 74px;opacity:.35;mask-image:radial-gradient(ellipse 76% 70% at 62% 40%,#000,transparent 76%);pointer-events:none}
.ask .wrap{position:relative;z-index:2}
.ask-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:60px;align-items:start}
@media(max-width:980px){.ask-grid{grid-template-columns:1fr;gap:40px}}
.ask-copy h2{font-size:clamp(32px,4.2vw,50px);margin:18px 0 0}
.ask-copy p{font-size:18px;color:var(--dim);margin:18px 0 0;line-height:1.6;text-wrap:pretty}
.ask-copy .f-list{margin-top:30px}

.panel{background:rgba(255,255,255,.035);border:1px solid var(--lineD);border-radius:26px;overflow:hidden;box-shadow:0 44px 90px -40px rgba(0,0,0,.7)}
.panel-h{display:flex;align-items:center;gap:12px;padding:18px 24px;border-bottom:1px solid var(--lineD);background:rgba(255,255,255,.02)}
.panel-h .av{width:36px;height:36px;border-radius:12px;background:var(--em);display:grid;place-items:center;flex-shrink:0}
.panel-h b{font-size:15px;font-weight:600;letter-spacing:-.01em;display:block}
.panel-h small{font-size:12px;color:var(--mint);font-weight:600;display:flex;align-items:center;gap:6px}
.panel-h small i{width:6px;height:6px;border-radius:50%;background:var(--mint);display:block;animation:pulse2 2.2s ease-in-out infinite}
@keyframes pulse2{0%,100%{opacity:1}50%{opacity:.35}}
.log{padding:26px 24px;min-height:314px;display:flex;flex-direction:column;gap:16px;justify-content:flex-end}
@media(max-width:560px){.log{min-height:360px;padding:20px 16px}}
.qa-q{align-self:flex-end;max-width:76%;background:var(--em);color:#fff;border-radius:20px 20px 6px 20px;padding:13px 19px;font-size:15px;line-height:1.45;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .34s cubic-bezier(.2,1.2,.4,1)}
.qa-q.on{opacity:1;transform:none}
.qa-a{align-self:flex-start;max-width:88%;background:#151E1A;border:1px solid var(--lineD);border-radius:20px 20px 20px 6px;padding:16px 20px;font-size:15.5px;line-height:1.55;color:var(--cream);opacity:0;transform:translateY(10px);transition:opacity .3s,transform .34s cubic-bezier(.2,1.2,.4,1)}
.qa-a.on{opacity:1;transform:none}
.qa-a b{color:var(--mint);font-weight:600}
.qa-a .w{opacity:0;transition:opacity .26s}
.qa-a .w.on{opacity:1}
.dots2{align-self:flex-start;display:flex;gap:5px;background:#151E1A;border:1px solid var(--lineD);border-radius:20px;padding:16px 20px}
.dots2 i{width:6px;height:6px;border-radius:50%;background:var(--dim);display:block;animation:blink 1.2s infinite}
.dots2 i:nth-child(2){animation-delay:.18s}.dots2 i:nth-child(3){animation-delay:.36s}
.viz{margin-top:14px;padding-top:14px;border-top:1px solid var(--lineD);opacity:0;transform:translateY(8px);transition:opacity .4s,transform .45s cubic-bezier(.2,1.2,.4,1)}
.viz.on{opacity:1;transform:none}
.viz-l{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}
.vbars{display:flex;align-items:flex-end;gap:8px;height:74px}
.vbars i{flex:1;background:#22302B;border-radius:5px;height:0;transition:height .6s cubic-bezier(.2,.8,.25,1)}
.viz.on .vbars i{height:var(--h)}
.vbars i.hi{background:var(--mint)}
.vscale{display:flex;justify-content:space-between;font-family:'IBM Plex Mono',monospace;font-size:10px;color:var(--faint);margin-top:8px}
.vrow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;font-size:14px;border-bottom:1px solid rgba(255,255,255,.05)}
.vrow:last-child{border-bottom:none}
.vrow span{color:var(--dim)}
.vrow b{font-family:'IBM Plex Mono',monospace;font-weight:600;font-variant-numeric:tabular-nums}
.vbar-w{height:8px;border-radius:99px;background:#212C27;overflow:hidden;margin-top:10px}
.vbar-w i{display:block;height:100%;border-radius:99px;background:var(--mint);width:0;transition:width .8s cubic-bezier(.2,.8,.25,1) .15s}
.viz.on .vbar-w i{width:var(--w)}

.ask-in{border-top:1px solid var(--lineD);padding:16px 20px;background:rgba(255,255,255,.02)}
.ask-in .lbl{font-size:12px;color:var(--faint);margin-bottom:11px;display:flex;align-items:center;gap:7px}
.qchips{display:flex;gap:8px;flex-wrap:wrap}
.qchips button{background:transparent;border:1px solid var(--lineD);border-radius:99px;color:var(--dim);font-family:inherit;font-size:13.5px;font-weight:500;padding:10px 16px;cursor:pointer;transition:border-color .18s,color .18s,background .18s;text-align:left}
.qchips button:hover{border-color:var(--mint);color:var(--cream);background:rgba(122,211,176,.06)}
.qchips button.on{background:var(--mint);border-color:var(--mint);color:#08120D;font-weight:600}
.qchips button:disabled{opacity:.45;cursor:default}
.ask-foot{font-size:12.5px;color:var(--faint);margin-top:14px;display:flex;align-items:center;gap:8px}
@media(prefers-reduced-motion:reduce){.qa-a .w,.viz,.qa-q,.qa-a{opacity:1!important;transform:none!important}.panel-h small i{animation:none}}