/* Centered, two-sided hero and readable single-column mobile cards. */
.page-home .hero{--hero-chrome:85px}
.page-home .hero-inner{align-items:center;text-align:center;padding-inline:30px}
.page-home .hero h1{max-width:830px;margin-inline:auto;font-size:clamp(46px,5.2vw,78px);text-shadow:0 3px 28px #06111e55}
.page-home .hero-copy{max-width:590px;margin-inline:auto;color:#c6d6e5}
.page-home .hero .eyebrow,.page-home .hero-actions,.page-home .hero-trust{justify-content:center}
.page-home .hero .hero-art{object-position:center;opacity:1}
.page-home .hero:after{background:linear-gradient(90deg,#06111e0d 0%,#06111e20 22%,#06111ebd 37%,#06111ed6 50%,#06111ebd 63%,#06111e20 78%,#06111e0d 100%)}
.page-home .hero:before{background:radial-gradient(ellipse at 50% 45%,#22cee70c,transparent 65%)}
html[data-theme=light] .page-home .hero:after{background:linear-gradient(90deg,#f0f5f808,#f0f5f81a 20%,#f0f5f8c7 38%,#f0f5f8e0 50%,#f0f5f8c7 62%,#f0f5f81a 80%,#f0f5f808)}
html[data-theme=light] .page-home .hero h1{text-shadow:none}
html[data-theme=light] .page-home .hero-copy{color:#385369}
.page-home .hero-scroll{left:50%;transform:translateX(-50%);white-space:nowrap}
.page-home .hero .ambient-network{width:23%;right:5%;bottom:9%;opacity:.2}
.resource-card h3,.four-cols h3,.home-toolkit .compact-card h3{display:block;-webkit-line-clamp:unset;overflow:visible;min-height:0}
.resource-card p,.home-toolkit .compact-card p{display:block;-webkit-line-clamp:unset;overflow:visible}
.home-toolkit .compact-card .card-body{grid-template-rows:auto 1fr auto}
.home-toolkit .compact-card .card-meta{grid-row:1/3}
.home-toolkit .compact-card p{font-size:12px;line-height:1.85}
/* Every automatic sequence finishes within five seconds; no perpetual header effect. */
.desktop-effects .hero.is-in-view:before{animation-duration:4s;animation-iteration-count:1}
.desktop-effects .hero.is-in-view .hero-scroll>span{animation-duration:2s;animation-iteration-count:2}
.desktop-effects .ambient-network .network-flow{animation-duration:4s;animation-iteration-count:1}
@media(max-width:1024px){.page-home .hero h1{font-size:clamp(43px,6.5vw,65px)}.page-home .hero-copy{max-width:550px}}
@media(max-width:700px){
 .page-home .hero{--hero-chrome:72px}
 .page-home .hero-inner{padding:35px 22px 74px;justify-content:center}
 .page-home .hero h1{font-size:clamp(32px,9.5vw,49px);max-width:100%;line-height:1.13;margin-bottom:20px}
 .page-home .hero-copy{font-size:clamp(12px,3.35vw,15px);line-height:1.85;max-width:390px}
 .page-home .hero .hero-art{object-fit:contain;object-position:center bottom;opacity:.9}
 .page-home .hero:after{background:linear-gradient(180deg,#06111ef5 0%,#06111edb 37%,#06111ea3 64%,#06111e00 100%)}
 html[data-theme=light] .page-home .hero:after{background:linear-gradient(180deg,#eef4f7fa 0%,#eef4f7ed 37%,#eef4f7b5 65%,#eef4f710 100%)}
 .page-home .hero-trust{flex-wrap:wrap;gap:11px 16px;font-size:9px;max-width:320px}
 .page-home .hero-actions{gap:10px}.page-home .hero-actions .btn{font-size:11px;padding:12px 13px}
 .page-home .hero-scroll{bottom:24px;font-size:8px}
 .card-grid,.card-grid.four-cols,.home-toolkit .tool-list-grid,.saved-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .resource-card .card-cover,.four-cols .card-cover{height:auto;aspect-ratio:16/9}
 .resource-card .card-body,.four-cols .card-body{padding:21px}
 .resource-card h3,.four-cols h3{font-size:clamp(17px,4.6vw,20px);line-height:1.55;letter-spacing:-.02em}
 .resource-card p{font-size:clamp(12px,3.45vw,14px);line-height:1.85;margin-bottom:18px}
 .resource-card .card-meta{font-size:11px;gap:9px;margin-bottom:13px}.resource-card .card-meta .tag{font-size:9px}
 .resource-card .card-link{font-size:12px;min-height:35px}
 .home-toolkit .compact-card .card-body{grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto auto;padding:20px;gap:14px 16px}
 .home-toolkit .compact-card .card-meta{grid-row:1;gap:8px;margin:0}
 .home-toolkit .compact-card h3{font-size:16px;line-height:1.55;grid-column:2}
 .home-toolkit .compact-card p{grid-column:1/-1;font-size:13px;line-height:1.85;margin:0}
 .home-toolkit .compact-card .card-link{grid-column:1/-1;margin:0;font-size:12px}
}
@media(max-height:620px) and (max-width:700px){.page-home .hero-inner{padding-top:26px;padding-bottom:62px}.page-home .hero h1{font-size:32px}.page-home .hero-copy{font-size:12px}.page-home .hero-trust{margin-top:16px}}