/* Home v10: calmer, cinematic layer on top of v5-v9. */
.v10 .v10-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }

/* Hero: more air */
.v6.v10 .v5-hero { padding-top:clamp(56px,8vw,112px); padding-bottom:clamp(64px,8vw,120px); background:radial-gradient(900px 460px at 80% 20%,#EAF2FF 0,transparent 62%),radial-gradient(640px 380px at 0% 100%,#F2F8E8 0,transparent 60%); }
.v6.v10 .v8-relief { margin-top:22px; }

/* Answered-questions card */
.v10 .v10-ask { margin:0; position:relative; }
.v10 .v10-ask__card { background:#fff; border:1px solid var(--line); border-radius:24px; padding:22px 22px 18px; box-shadow:0 50px 90px -46px rgba(13,23,88,.42),0 2px 6px rgba(13,23,88,.05); min-height:340px; display:flex; flex-direction:column; }
.v6.v10 .v10-ask__top { display:flex; align-items:center; gap:12px; margin:0 0 18px; padding-bottom:14px; border-bottom:1px solid var(--line); }
.v10 .v10-ask__top b { display:block; font-size:15px; color:var(--ink); }
.v10 .v10-ask__top small { display:block; font-size:12.5px; color:var(--faint); }
.v10 .v10-ask__top .v5-pill { margin-left:auto; }
.v6.v10 ul.v10-ask__list { list-style:none; margin:0; padding:0; flex:1; }
.v10 .v10-qa[hidden] { display:none; }
.v10 .v10-qa.is-on .v10-a { animation:v10In .6s .9s ease both; }
@keyframes v10In { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }
.v6.v10 p.v10-q { margin:0 0 14px; display:flex; justify-content:flex-end; }
.v10 .v10-q__txt { display:inline-block; max-width:85%; background:#EEF3FF; color:#1a3a8f; font-weight:600; font-size:clamp(17px,1.5vw,20px); line-height:1.35; padding:12px 18px; border-radius:18px 18px 4px 18px; min-height:1.35em; }
.v10 .v10-q__txt.is-typing::after { content:""; display:inline-block; width:2px; height:1em; margin-left:2px; vertical-align:-2px; background:#1353e9; animation:v10Blink .8s steps(1) infinite; }
@keyframes v10Blink { 50% { opacity:0; } }
.v10 .v10-a { background:var(--soft); border-radius:18px; padding:18px 18px 16px; }
.v6.v10 p.v10-a__what { margin:0 0 10px; font-size:clamp(18px,1.6vw,21px); line-height:1.35; font-weight:600; color:var(--ink); }
.v6.v10 p.v10-a__num { margin:0 0 12px; font-size:clamp(20px,1.8vw,24px); font-weight:600; color:#B3302B; }
.v6.v10 p.v10-a__fix { display:flex; align-items:center; gap:8px; margin:0; padding:10px 12px; background:#EDF6E2; color:#3d6e12; border-radius:12px; font-weight:600; font-size:15px; }
.v10 .v10-ask__bar { display:flex; gap:6px; margin-top:16px; }
.v10 .v10-ask__bar i { flex:1; height:3px; border-radius:3px; background:var(--line); overflow:hidden; position:relative; }
.v10 .v10-ask__bar i.done { background:#9db8f5; }
.v10 .v10-ask__bar i.on::after { content:""; position:absolute; inset:0; background:#1353e9; transform-origin:left; animation:v10Bar 5.2s linear both; }
@keyframes v10Bar { from { transform:scaleX(0); } to { transform:scaleX(1); } }
.v10 .v10-ask figcaption { margin-top:12px; font-size:12.5px; color:var(--faint); text-align:center; }

/* Relief beats: dark, cinematic, one line at a time */
.v10 .v10-beats { background:radial-gradient(900px 500px at 50% 0%,#1b2a5c 0,#0E1424 70%); color:#fff; padding:clamp(80px,11vw,150px) 0; text-align:center; }
.v6.v10 p.v10-beat { margin:0 auto clamp(26px,3.4vw,44px); max-width:880px; font-size:clamp(24px,3vw,38px); line-height:1.2; font-weight:600; color:#e9eefc; letter-spacing:-.01em; }
.v6.v10 p.v10-beat--xl { font-size:clamp(40px,6vw,76px); color:#fff; }
.v6.v10 p.v10-beat--soft { font-size:clamp(19px,2vw,25px); font-weight:400; color:#aab6d8; max-width:720px; }
.v6.v10 p.v10-beat--end { margin-top:clamp(40px,5vw,70px); font-size:clamp(26px,3.2vw,42px); background:linear-gradient(90deg,#7fb6ff,#9bd35a); -webkit-background-clip:text; background-clip:text; color:transparent; }
.v6.v10 p.v10-install { margin:clamp(30px,4vw,50px) 0 0; font-size:14px; color:#8e9ac0; }

/* Lighter sections */
.v6.v10 .v5-sec { padding-top:clamp(72px,9vw,128px); padding-bottom:clamp(72px,9vw,128px); }
.v6.v10 .v9-out .v7-ex { margin-top:10px; }
@media (prefers-reduced-motion:reduce) { .v10 .v10-qa.is-on .v10-a, .v10 .v10-ask__bar i.on::after { animation:none; } .v10 .v10-ask__bar i.on { background:#1353e9; } }
@media (max-width:1023px) { .v10 .v10-ask__card { min-height:0; } }
.v6.v10 ul.v10-ask__list { min-height:250px; } @media (max-width:520px){ .v6.v10 ul.v10-ask__list { min-height:300px; } }

/* v10.1: plain "Answered:" rows (no bubble) */
.v6.v10 p.v10-q { justify-content:flex-start; align-items:baseline; gap:8px; margin:0 0 12px; }
.v10 .v10-q__lab { flex:0 0 auto; font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; font-weight:600; color:#5E9A1E; }
.v10 .v10-q__txt { max-width:none; background:none; padding:0; border-radius:0; color:var(--ink); font-size:clamp(18px,1.6vw,21px); }
/* Two-part beat */
.v10 .v10-duo { display:grid; grid-template-columns:1fr 1fr; gap:16px; max-width:900px; margin:0 auto clamp(30px,4vw,48px); }
.v6.v10 .v10-duo p { margin:0; padding:clamp(22px,3vw,34px); border-radius:22px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); font-size:clamp(22px,2.4vw,30px); line-height:1.2; font-weight:600; color:#fff; text-align:left; }
.v10 .v10-duo span { display:block; margin-bottom:8px; font-size:clamp(14px,1.2vw,16px); font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:#7fb6ff; }
.v10 .v10-duo p:last-child span { color:#9bd35a; }
@media (max-width:640px) { .v10 .v10-duo { grid-template-columns:1fr; } }