/* LeadVoz Maria browser demos. Scoped so legacy vertical layouts remain unchanged. */
.maria-hub,.maria-context{position:relative;background:#061321;color:#f4f8fc;font-family:Inter,system-ui,sans-serif}
.maria-hub{padding:86px 0 78px;border-bottom:1px solid #1c3448}
.maria-context{padding:78px 0;border-block:1px solid #1c3448}
.maria-wrap{width:min(1200px,calc(100% - 40px));margin:auto}
.maria-section-head,.maria-context-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:56px;align-items:start}
.maria-section-head h1,.maria-context-grid h2{margin:8px 0 0;color:#fff;letter-spacing:-.04em;line-height:1.03}
.maria-section-head h1{font-size:clamp(42px,6vw,76px);max-width:880px}
.maria-context-grid h2{font-size:clamp(34px,4vw,54px);max-width:680px}
.maria-section-head>p,.maria-context-grid>div>p{margin:8px 0 0;color:#b8c9dc;font-size:clamp(17px,2vw,20px);line-height:1.65;max-width:680px}
.maria-eyebrow{display:block;color:#65dfff;font-size:12px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}
.maria-intro-note{margin:34px 0 18px;color:#dbe8f5;font-size:14px}
.maria-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.maria-profile-card,.maria-context-card{position:relative;display:flex;flex-direction:column;min-width:0;border:1px solid #29445c;border-radius:18px;background:#0b1b2e;color:#f4f8fc;box-shadow:0 18px 48px rgba(0,0,0,.2)}
.maria-profile-card{min-height:440px;padding:24px 20px 20px}
.maria-context-card{padding:28px;max-width:480px;justify-self:end}
.maria-profile-card:hover,.maria-context-card:hover{border-color:#4f829e;transform:translateY(-2px)}
.maria-profile-card,.maria-context-card,.maria-open{transition:transform .2s ease,border-color .2s ease,background-color .2s ease}
.maria-card-wave{display:grid;place-items:center;width:58px;height:58px;margin:24px 0;border:1px solid #285b73;border-radius:50%;background:#102a3d}
.maria-card-wave svg{width:28px;height:30px;stroke:#65dfff;stroke-width:3;stroke-linecap:round}
.maria-card-wave .lv-wave-mark path{transform-box:fill-box;transform-origin:center;animation:lvMariaWave 1.2s ease-in-out infinite}
.maria-card-wave .lv-wave-mark path:nth-child(2){animation-delay:-.18s}.maria-card-wave .lv-wave-mark path:nth-child(3){animation-delay:-.36s}.maria-card-wave .lv-wave-mark path:nth-child(4){animation-delay:-.54s}
@keyframes lvMariaWave{0%,100%{transform:scaleY(.5);opacity:.62}50%{transform:scaleY(1);opacity:1}}
.maria-profile-card h3,.maria-context-card h3{margin:0;color:#fff;font-size:23px;line-height:1.12;letter-spacing:-.025em}
.maria-purpose{color:#65dfff!important;font-size:13px!important;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.maria-profile-card p,.maria-context-card p{margin:12px 0 0;color:#b8c9dc;font-size:14px;line-height:1.6}
.maria-open{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:auto 0 13px;padding:13px 15px;border:1px solid #237db2;border-radius:10px;background:#126bd8;color:white;font:750 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer}
.maria-open:hover{background:#0d5fbe;transform:translateY(-1px)}
.maria-open:focus-visible{outline:3px solid #65dfff;outline-offset:3px}
.maria-profile-card small,.maria-context-card small{display:block;color:#9fb4c8;font-size:11px;line-height:1.45}
.maria-disclosure{margin-top:7px;color:#71879a!important}
.maria-phone-divider{display:flex;align-items:center;gap:16px;padding:28px max(20px,calc((100vw - 1200px)/2));background:#030811;color:#8fa4b9;font:750 12px/1 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.maria-phone-divider::before,.maria-phone-divider::after{content:"";height:1px;flex:1;background:#1c3448}
.lv-focus-video{max-width:100%;height:auto}

#maria-dialog{box-sizing:border-box;width:min(780px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:0;border:1px solid #31516b;border-radius:22px;background:#081827;color:#f4f8fc;box-shadow:0 30px 110px #000b;overflow:hidden}
#maria-dialog::backdrop{background:#010812c9;backdrop-filter:blur(6px)}
.maria-dialog-head{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:12px 20px;border-bottom:1px solid #233d53}
.maria-dialog-brand{display:flex;align-items:center;gap:10px;font:850 20px/1 Inter,system-ui,sans-serif;color:#fff}.maria-dialog-brand b{color:#65dfff}.maria-dialog-brand svg{width:25px;height:28px;stroke:#65dfff;stroke-width:3;stroke-linecap:round}
.maria-close{display:grid;place-items:center;width:42px;height:42px;border:0;border-radius:10px;background:#12293c;color:#d9e7f4;font:28px/1 system-ui;cursor:pointer}
.maria-close:hover{background:#1b3a52}.maria-close:focus-visible{outline:3px solid #65dfff;outline-offset:2px}
.maria-dialog-body{padding:28px 30px 30px;overflow:auto;max-height:calc(100dvh - 94px)}
.maria-session-title{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start}
.maria-session-title h2{margin:6px 0 0;color:#fff;font:800 clamp(27px,4vw,40px)/1.08 Inter,system-ui,sans-serif;letter-spacing:-.035em}
.maria-timer{min-width:80px;padding:12px;border:1px solid #2c526c;border-radius:12px;background:#10263a;text-align:center}.maria-timer small{display:block;color:#9db2c5;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.maria-timer output{display:block;margin-top:4px;color:#fff;font:800 20px/1 Inter,system-ui,sans-serif}
.maria-session-copy{margin:18px 0;color:#b8c9dc;line-height:1.65}
.maria-state{display:flex;align-items:center;gap:10px;min-height:50px;padding:12px 14px;border:1px solid #28455d;border-radius:12px;background:#0d2031;color:#dce8f4;font-size:14px}.maria-state i{width:9px;height:9px;border-radius:50%;background:#65dfff;box-shadow:0 0 0 5px rgba(101,223,255,.1)}
.maria-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.maria-controls button{min-height:48px;padding:12px 18px;border:1px solid #31516b;border-radius:10px;background:#10263a;color:#f4f8fc;font:750 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer}.maria-controls .maria-start{background:#126bd8;border-color:#237db2}.maria-controls button:disabled{opacity:.45;cursor:not-allowed}.maria-controls button:focus-visible{outline:3px solid #65dfff;outline-offset:2px}
.maria-privacy{margin:18px 0 0;color:#8fa5b9;font-size:12px;line-height:1.55}.maria-error{min-height:22px;margin:14px 0 0;color:#ffadad;font-size:13px}.maria-lab-note{margin:15px 0 0;padding:12px 14px;border:1px solid #60552d;border-radius:10px;background:#242113;color:#ebd888;font-size:12px;line-height:1.5}
#maria-challenge:empty{display:none}.maria-audio audio{width:100%}.maria-form-button{display:none;width:100%;margin-top:16px;padding:14px 18px;border:1px solid #237db2;border-radius:10px;background:#126bd8;color:#fff;font:750 14px/1.2 Inter,system-ui,sans-serif;cursor:pointer}.maria-form-button[aria-hidden="false"]{display:block}

@media(max-width:1050px){.maria-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.maria-profile-card{min-height:400px}.maria-section-head,.maria-context-grid{gap:32px}}
@media(max-width:720px){.maria-hub,.maria-context{padding:58px 0}.maria-wrap{width:calc(100% - 28px)}.maria-section-head,.maria-context-grid{grid-template-columns:1fr}.maria-grid{grid-template-columns:1fr 1fr}.maria-context-card{justify-self:stretch;max-width:none}.maria-profile-card{min-height:390px}.maria-dialog-body{padding:22px 18px 24px}}
@media(max-width:480px){.maria-grid{grid-template-columns:1fr}.maria-profile-card{min-height:0}.maria-profile-card .maria-open{margin-top:28px}.maria-session-title{grid-template-columns:1fr}.maria-timer{width:100%;display:flex;justify-content:space-between;align-items:center}.maria-timer output{margin:0}.maria-controls{display:grid}.maria-controls button{width:100%}}
@media(prefers-reduced-motion:reduce){.maria-card-wave .lv-wave-mark path{animation:none!important;transform:none!important;opacity:1!important}.maria-profile-card,.maria-context-card,.maria-open{transition:none!important}}
@media print{.maria-hub,.maria-context{background:#fff;color:#000}.maria-open,#maria-dialog{display:none!important}}
