/* Shared free-guide acquisition, aligned with the existing Onda design. */
body{padding-bottom:94px}
.guide-cta{border:0;text-align:left;cursor:pointer;font:inherit}
.hero-top .guide-cta{background:none;color:inherit;text-decoration:underline;text-underline-offset:6px}
.hero-bottom .guide-cta{background:none;color:inherit}
.guide-sticky{position:fixed;bottom:0;left:0;right:0;z-index:20;background:#11150ff5;border-top:1px solid #ffffff24;backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px max(24px,4.1vw) calc(15px + env(safe-area-inset-bottom));color:#f1f0e9}
.guide-sticky strong{font-weight:500;font-size:18px}
.guide-sticky p{margin:3px 0 0;color:#b6bbae;font-size:16px}
.guide-sticky .button{min-height:52px;min-width:240px}
.guide-preview{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;margin-top:40px}
.guide-preview img{width:100%;height:auto;max-width:280px;box-shadow:8px 12px 32px #0005}
.guide-preview ul{padding:0;list-style:none;margin:0}
.guide-preview li{padding:16px 0;border-bottom:1px solid var(--line);font-size:18px}
.guide-free-label{font-family:Archivo,Arial,sans-serif;font-size:clamp(48px,5vw,76px);letter-spacing:-.04em;line-height:1.1}
.guide-offer .section-label{margin-bottom:28px}
.guide-offer .button{width:100%;margin-top:28px}
.guide-dialog{width:min(580px,calc(100vw - 28px));padding:32px;color:#f1f0e9;background:#12170f;border:1px solid #606957;max-height:calc(100dvh - 28px);overflow:auto}
.guide-dialog h2{font-size:clamp(30px,5vw,42px);line-height:1.12;margin:22px 0}
.guide-intro{display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:28px;margin:4px 0 28px}
.guide-dialog .guide-intro h2{margin:0;font-size:clamp(28px,5vw,38px);text-wrap:balance}
.guide-dialog .guide-book{display:block;width:100%;height:auto;box-shadow:5px 9px 20px #0005}
.guide-dialog p{font-size:18px;line-height:1.55;color:#c1c6ba;margin:0 0 24px}
.guide-dialog .guide-close{display:block;margin-left:auto;min-width:48px;min-height:44px;font-size:17px;border:0;background:none;color:inherit;cursor:pointer}
.guide-dialog label{display:block;font-size:18px;margin:22px 0 10px}
.guide-dialog input[type=email]{width:100%;font:inherit;font-size:18px;min-height:56px;padding:12px 14px;border:1px solid #89927f;border-radius:0;background:#20271b;color:#fff}
.guide-dialog .button{width:100%;margin-top:26px;border:0;cursor:pointer;font:inherit}
.guide-dialog .button:disabled{opacity:.6;cursor:wait}
.guide-dialog .guide-privacy{font-size:16px;margin:20px 0 0}
.guide-privacy a{text-decoration:underline;text-underline-offset:3px}
.guide-message{font-size:17px;line-height:1.5;margin-top:18px}
.guide-message[data-state=error]{color:#f4b6a6}
.guide-message[data-state=success]{color:#dbe8bb}
.guide-dialog [hidden]{display:none!important}
.guide-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.guide-dialog :focus-visible,.guide-sticky :focus-visible,.guide-cta:focus-visible{outline:2px solid #d8dfba;outline-offset:5px}
.shift-study .plan-open img{height:auto;max-height:590px;object-fit:contain}
.shift-study .plan-open{min-height:620px}
.team-section .section-head{display:flex;justify-content:space-between;align-items:end;gap:48px;margin-bottom:48px}
.team-section .section-head p{max-width:420px;color:var(--muted)}
.team-section .eyebrow{display:block;font-size:16px;color:var(--muted);margin-bottom:24px}
.team-section .team-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:40px 24px}
.team-section .team-grid article{min-width:0}
.team-section .team-grid img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 30%;filter:grayscale(1)}
.team-section .team-grid h3{font-size:19px;line-height:1.3;margin-top:18px}
.team-section .team-grid p{font-size:16px;color:var(--muted);margin-top:8px;line-height:1.5}
.shift-study .plan-open .expand{margin-top:auto}
/* Keep the two hero text groups in separate rows, even in short windows. */
@media(min-width:701px){
.hero{display:grid;grid-template-rows:auto 1fr;gap:48px;height:auto;min-height:100svh;max-height:none;padding:143px 4.1vw 142px}
.hero .hero-media{position:absolute;inset:0;width:100%;height:100%}
.hero-top{position:relative;inset:auto}
.hero-title{position:relative;inset:auto;align-self:end}
}
@media(max-width:700px){
.guide-sticky{padding:12px 16px calc(12px + env(safe-area-inset-bottom));gap:12px}
.guide-sticky strong{font-size:16px}
.guide-sticky p{font-size:14px}
.guide-sticky .button{min-width:0;width:138px;min-height:52px;padding:12px 14px;font-size:16px;flex:none}
.guide-preview{gap:24px}
.guide-preview img{max-width:200px}
.guide-dialog{padding:22px}
.guide-intro{grid-template-columns:88px minmax(0,1fr);gap:20px;margin-bottom:24px}
.shift-study .plan-open{min-height:360px}
.shift-study .plan-open img{height:auto;max-height:510px}
.team-section .section-head{display:block}.team-section .section-head p{margin-top:24px}
.team-section .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 18px}
}
@media(max-width:360px){.guide-sticky p{max-width:140px}.guide-sticky .button{width:126px}.guide-preview{grid-template-columns:1fr}.guide-preview img{max-width:220px}}
