/* v6 additions for the For you page (2026-10-06): the visible questions, sized to fit one screen */
.qa{padding:clamp(70px,9vh,130px) 0;background:var(--navy)}
.qa-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:clamp(22px,4vh,40px)}
.qa-card{padding:clamp(16px,2.4vh,24px) 20px;border-radius:var(--px-site-radius-panel,18px);border:1px solid rgba(255,255,255,.09);background:linear-gradient(160deg,rgba(30,58,111,.35),rgba(6,14,34,.6));position:relative;overflow:hidden}
.qa-card h3{font-family:var(--serif);font-weight:500;font-size:clamp(17px,2.3vh,20px);line-height:1.25;color:#fff;margin:0 0 8px}
.qa-card p{font-size:clamp(13.5px,1.9vh,15px);line-height:1.5;color:var(--px-site-color-text-body,#C6D0E4);margin:0}
@media (max-width:980px){.qa-grid{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.qa-grid{grid-template-columns:1fr}}
/* D-326: the invitation under the questions, and the quieter bank line on Begin */
.qa-more{margin-top:clamp(16px,3vh,28px);color:var(--px-site-color-text-body,#C6D0E4);font-size:clamp(14px,2vh,16px)}
.sea-end .small-print{font-size:clamp(13px,1.8vh,15px);opacity:.75;max-width:640px;margin-left:auto;margin-right:auto}

/* ---------- v6 small screens (owner 2026-10-06: "not browser and mobile optimised ... Check for Every section") ---------- */
/* Menu: wherever the section links are hidden (clients below 1121px, firms below 981px) a Menu button opens them */
/* Menu: moved to assets/brand.css so every page shares one menu (D-343) */

/* Phones: the three controls become small round icons so they stop covering the text */
@media (max-width:600px){
  .v6 .dock{gap:4px}
  .v6 .dock-btn{width:40px;height:40px;padding:0;justify-content:center;font-size:0;letter-spacing:0;gap:0}
  .v6 .dock-play [data-autoplay-label]{display:none}
  /* Animation switch on phones: a wave (motion), struck through when off. Not a light/dark switch (owner read the old half-circle that way, 2026-10-06) */
  .v6 .dock-btn[data-motion]{position:relative}
  .v6 .dock-btn[data-motion]::before{content:"\2248";font-size:20px;line-height:1}
  .v6 .dock-btn[data-motion][aria-pressed="false"]::before{opacity:.55}
  .v6 .dock-btn[data-motion][aria-pressed="false"]::after{content:"";position:absolute;width:20px;height:1.5px;background:currentColor;transform:rotate(-45deg)}
  .v6 .dock-top,.v6 .dock-top svg{width:40px;height:40px}
  .v6 .hero{padding-bottom:68px}
  .v6 .hero-sub{font-size:15px;line-height:1.5}
  .v6 .hero-cta{gap:8px}
}

/* "Your wealth, watched" below 981px wide (owner 2026-10-06: the text was too low to read): text box first, under the header;
   the radar is drawn in the space below it and its tags follow the radar (--cy, --r set by main-v5.js) */
@media (max-width:980px){
  .v6 .watch .calm-copy{top:calc(11svh + 40px);bottom:auto} /* just below the market line (drawn at 11% height, swings up to 27px) */
  .v6 .watch-tags{top:calc(var(--cy,70%) + var(--r,100px) + 12px)}
}

/* "Every day, not four" and "On your terms" below 981px (owner 2026-10-06: too spaced out on mobile): keep the text and the picture together, centred */
@media (max-width:980px){.v6 .latency-pin,.v6 .voices-pin{align-content:center;gap:28px}}

/* Narration (D-339): Sound On/Off in the dock, and the spoken line as a caption above it */
.v6 .dock-sound{display:inline-flex;align-items:center;gap:8px}
.v6 .ico-snd{width:15px;height:15px;flex:none}
.v6 .dock-sound[aria-pressed="false"] .snd-on{opacity:0}
.v6 .dock-sound[aria-pressed="true"]{border-color:var(--gold-l);color:var(--gold-l)}
.v6 .dock-sound.is-loading,.v6 .dock-play.is-loading{opacity:.6;cursor:progress}
.v6 .caption{position:fixed;left:50%;bottom:calc(clamp(12px,2.4vh,24px) + 56px);transform:translateX(-50%);z-index:94;width:min(40em,calc(100vw - 32px));margin:0;padding:12px 16px;font:400 16px/1.5 var(--sans);color:#F4F6FB;text-align:center;background:rgba(5,15,34,.78);border:1px solid rgba(255,255,255,.14);border-radius:var(--px-site-radius-panel,18px);backdrop-filter:blur(10px);pointer-events:none}
.v6 .caption[hidden]{display:none}
@media (max-width:600px){
  .v6 .dock-sound [data-sound-label]{display:none}
  .v6 .ico-snd{width:18px;height:18px}
  .v6 .caption{font-size:14px;padding:8px 12px;bottom:calc(clamp(12px,2.4vh,24px) + 50px)}
}

/* The seats: one line naming what else is on the desk (owner 2026-10-07: names in the voice, no cards) */
.seats-more{margin-top:28px;font-size:14.5px;line-height:1.5;color:var(--px-site-color-text-body,#C6D0E4);max-width:70ch}
.hero-cta button.btn{font:inherit;cursor:pointer;appearance:none;-webkit-appearance:none}

/* A Tuesday with Praxis: the client's phone beside the arc, one real screen per moment (owner 2026-10-07). The desk is not shown; the walkthrough does that. */
.day .wrap{display:grid;grid-template-columns:minmax(0,1fr) 200px;column-gap:44px;align-items:start}
.day .wrap>.kicker,.day .wrap>.h2,.day .wrap>.arc{grid-column:1}
.day-phone{grid-column:2;grid-row:1/4;align-self:center;justify-self:end;position:relative;width:200px;height:396px;border-radius:26px;transition:width .55s ease,height .55s ease,border-radius .55s ease;border:1px solid rgba(255,255,255,.18);background:#050F22;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.day-phone img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}
.day-phone img:first-child,.day[data-shot="1"] .day-phone img:nth-child(2),.day[data-shot="2"] .day-phone img:nth-child(3),.day[data-shot="3"] .day-phone img:nth-child(4){opacity:1}
.day[data-shot="1"] .day-phone img:first-child,.day[data-shot="2"] .day-phone img:first-child,.day[data-shot="3"] .day-phone img:first-child{opacity:0}
.day[data-shot="1"] .day-phone{width:360px;height:172px;border-radius:12px} /* 08:30: the adviser's laptop, Book of Business (1227x585 capture), growing leftwards over the arc's end */
.moments{grid-column:1/-1}
@media (max-width:600px){.day .wrap{grid-template-columns:minmax(0,1fr) 112px;column-gap:16px}.day-phone{width:112px;height:222px;border-radius:16px}.day[data-shot="1"] .day-phone{width:184px;height:88px;border-radius:8px}}

/* The ask as a call to action (owner 2026-10-07): the demo button glows when the voice says "set up a demo call"; after the 30-second tour the Full tour button and the "Or take the full tour" link glow and grow too. */
.link-tour{background:none;border:0;padding:0;font:inherit;color:var(--gold-l,#E4CB8E);text-decoration:underline;text-underline-offset:4px;cursor:pointer;border-radius:8px}
.link-tour:hover{color:#fff}
@keyframes cue{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(228,203,142,0)}50%{transform:scale(1.03);box-shadow:0 0 22px 2px rgba(228,203,142,.35)}}
.is-cue{animation:cue 1.8s ease-in-out 4} /* subtle (owner 2026-10-07) */
@media (prefers-reduced-motion:reduce){.is-cue{animation:none;box-shadow:0 0 22px 2px rgba(228,203,142,.35)}}