/* One scenic header and six destinations fill the Home viewport. */
.home-dashboard{max-width:1160px;min-height:calc(100dvh - 70px);margin:auto;display:grid;grid-template-rows:minmax(150px,.65fr) auto minmax(225px,1fr) minmax(225px,1fr);gap:12px}
@media(min-width:861px){.app:has(.home-dashboard) .side{overflow-y:auto;overscroll-behavior:contain}}
body:has(.home-dashboard) .demo-bar{display:none}
.home-hero{position:relative;isolation:isolate;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:3px 0 8px;border:0;border-radius:0;background:transparent;color:var(--text);overflow:visible}
.home-hero>img{display:none}
.home-hero:after{content:'';position:absolute;inset:-10px -10px 0;z-index:-1;background:radial-gradient(ellipse at 80% 0%,#7acac415,transparent 56%);pointer-events:none}
.home-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;min-width:0;margin:0;padding:0;border:0;background:none;color:var(--text)}
.home-head-copy{min-width:0}
.home-head .eyebrow{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.home-head .h1{margin:7px 0 0;font-size:clamp(28px,2.7vw,37px);line-height:1.08;letter-spacing:-.04em;overflow-wrap:anywhere;text-shadow:none}
.home-head .h1 strong{font-weight:750;color:var(--text)}
.home-greeting-dot{color:#a8e5db}
.home-head .home-kpis{display:flex;flex:none;gap:7px}
.home-head .home-kpis span{height:37px;padding:0 11px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line-2);border-radius:11px}
.home-head .home-kpis svg{color:var(--cyan)}
.home-quote{position:relative;width:100%;max-width:100%;padding-top:10px;border-top:1px solid var(--line-2)}
.home-hero-top,.home-hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.home-hero-top{padding-right:124px}
.home-hero-bottom{position:absolute;top:8px;right:0}
.home-hero-top>span{font-size:10px;font-weight:700;letter-spacing:.13em;color:var(--muted)}
.home-hero-top a{display:none}
.home-hero-top svg{width:18px;height:18px}
.home-thoughts{position:relative;min-height:63px;margin:4px 0}
.home-thoughts .band-it{position:absolute;inset:0;margin:0;padding:0;justify-content:center;font-size:clamp(20px,1.85vw,25px);font-weight:550;line-height:1.2;letter-spacing:-.035em;color:var(--text);text-wrap:balance;transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out);transform:translateY(5px)}
.home-thoughts .band-it.on{transform:none}
.home-hero-bottom>span{display:none}
.quote-controls{display:flex;align-items:center;gap:2px}
.quote-controls button{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:50%;background:var(--surface-2);color:var(--text-2)}
.quote-controls button[aria-pressed=true]{background:#bde5e742}
.quote-controls svg{width:16px;height:16px}
.home-hero-top a,.quote-controls button{position:relative}
.home-hero-top a:before,.quote-controls button:before{content:'';position:absolute;inset:-4px}
.home-section-label{display:flex;align-items:center;min-height:23px;margin:0}
.home-section-label h2{margin:0;font-size:18px;font-weight:650}
.home-primary,.home-secondary{display:grid;gap:12px;min-height:0;margin:0}
.home-primary{grid-template-columns:1.6fr 1fr}
.home-secondary{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-dashboard .ht,.home-dashboard .ht.big,.home-secondary .ht{height:100%;min-height:0;padding:18px;border-radius:16px;overflow:hidden}
.home-dashboard .ht:after{background:linear-gradient(0deg,#071522f2 3%,#071522a3 57%,#07152228)}
.home-dashboard .ht-ey{font-size:9px;letter-spacing:.1em}
.home-dashboard .ht-t{font-size:20px;line-height:1.16;margin-top:6px}
.home-dashboard .ht.big .ht-t{font-size:25px}
.home-dashboard .ht-l,.home-dashboard .ht.big .ht-l{font-size:11px;line-height:1.3;margin-top:6px}
.home-dashboard .ht-bar{margin-top:9px}
.home-dashboard .home-calm:after{background:linear-gradient(0deg,#082c30ef,#0c3634a5 58%,#183c3544)}
@media(max-width:1150px) and (min-width:761px){.home-secondary{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.home-dashboard{grid-template-rows:minmax(150px,.65fr) auto minmax(190px,.85fr) minmax(270px,1.5fr)}}
@media(max-width:760px){
 .main:has(.home-dashboard){padding:14px 16px calc(82px + env(safe-area-inset-bottom))}
 .home-dashboard{min-height:calc(100dvh - 96px - env(safe-area-inset-bottom));grid-template-rows:minmax(145px,.65fr) auto minmax(124px,.76fr) minmax(252px,1.59fr);gap:8px}
 .home-hero{padding:2px 0 6px;border-radius:0}
 .home-head .eyebrow{font-size:8px;letter-spacing:.08em}
 .home-head .h1{font-size:clamp(22px,5.9vw,27px);line-height:1.1;margin-top:4px}
 .home-head .home-kpis{gap:4px}
 .home-head .home-kpis span{height:29px;padding:0 7px;font-size:10px;gap:3px;border-radius:9px}
 .home-head .home-kpis svg{width:12px;height:12px}
 .home-quote{padding-top:7px}
 .home-hero-top{padding-right:37px}
 .home-hero-bottom{top:5px}
 .home-hero-top>span{font-size:8px}
 .home-hero-top a{width:31px;height:31px}
 .home-hero-top svg{width:15px;height:15px}
 .home-thoughts{min-height:61px;margin:2px 0}
 .home-thoughts .band-it{font-size:clamp(16px,4.35vw,20px);line-height:1.22;max-width:100%}
 .home-hero-bottom>span{display:none}
 .quote-controls button{width:32px;height:32px}
 .quote-controls #quote-prev,.quote-controls #quote-next{display:none}
 .quote-controls svg{width:14px;height:14px}
 .home-section-label{min-height:20px}
 .home-section-label h2{font-size:15px}
 .home-primary,.home-secondary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .home-secondary{grid-template-rows:repeat(2,minmax(0,1fr))}
 .home-dashboard .ht,.home-dashboard .ht.big,.home-secondary .ht{padding:11px;border-radius:13px}
 .home-dashboard .ht-ic{width:27px;height:27px;border-radius:8px}
 .home-dashboard .ht-ic svg{width:15px;height:15px}
 .home-dashboard .ht-badge{height:19px;font-size:7px;padding:0 5px}
 .home-dashboard .ht-ey{font-size:7px;letter-spacing:.07em}
 .home-dashboard .ht-t,.home-dashboard .ht.big .ht-t,.home-dashboard .home-calm .ht-t{font-size:clamp(15px,4.2vw,18px);line-height:1.13;margin-top:4px}
 .home-dashboard .ht-l,.home-dashboard .ht.big .ht-l{font-size:9px;line-height:1.22;margin-top:5px}
 .home-secondary .ht-l{display:none}
 .home-dashboard .ht-bar{margin-top:6px}
}
@media(max-width:370px){
 .main:has(.home-dashboard){padding-left:12px;padding-right:12px}
 .home-hero{padding:0}
 .home-head .h1{font-size:20px}
 .home-thoughts .band-it{font-size:15px}
 .home-dashboard .ht,.home-dashboard .ht.big,.home-secondary .ht{padding:9px}
 .home-dashboard .ht-badge{max-width:58px}
}
@media(max-height:730px) and (max-width:760px){
 .main:has(.home-dashboard){padding-top:9px}
 .home-dashboard{min-height:calc(100dvh - 91px - env(safe-area-inset-bottom));grid-template-rows:minmax(125px,.62fr) auto minmax(112px,.68fr) minmax(238px,1.7fr);gap:6px}
 .home-hero{padding-top:0;padding-bottom:4px}
 .home-hero-top a{width:29px;height:29px}
 .home-thoughts{min-height:54px;margin:1px 0}
 .home-thoughts .band-it{font-size:15px}
 .quote-controls button{width:29px;height:29px}
 .home-section-label{min-height:18px}
 .home-primary,.home-secondary{gap:6px}
}
@media(prefers-reduced-motion:reduce){.home-thoughts .band-it{transition:none;transform:none}}
@media(prefers-contrast:more){.home-hero:after{background:linear-gradient(90deg,#061924fa,#061924df 67%,#061924b0)}}