.home-hero { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); align-items:center; gap:32px; }
.home-hero-copy { grid-column:auto; padding:14px 0; }
.home-brand-animation { position:relative; overflow:hidden; margin:0; border:1px solid #34466c; border-radius:20px; background:#02071a; box-shadow:0 16px 50px #01061680; }
.home-brand-animation img { display:block; width:100%; height:auto; aspect-ratio:1944 / 810; object-fit:contain; }
.home-brand-animation video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; opacity:0; }
.home-brand-animation.is-playing .home-default-video,.home-brand-animation.is-speedtest-playing .home-speedtest-video { opacity:1; }
.home-brand-animation.is-playing img,.home-brand-animation.is-speedtest-playing img { opacity:0; }
.home-speedtest-link { display:block; }
.home-speedtest-link:focus-visible { outline:3px solid #69e4f8; outline-offset:-4px; }
.home-speedtest-caption { position:absolute; left:10px; bottom:10px; color:#edf7ff; background:#061329e8; border:1px solid #7896b6; border-radius:7px; padding:6px 10px; font-size:11px; }
.home-animation-toggle { position:absolute; right:10px; bottom:10px; border:1px solid #7896b6; background:#061329e8; color:#edf7ff; border-radius:7px; padding:6px 10px; font:inherit; font-size:11px; cursor:pointer; }
.home-animation-toggle:focus-visible { outline:3px solid #69e4f8; outline-offset:3px; }
.tool-grid .password-tile { grid-column:auto; grid-template-columns:minmax(0,1fr); grid-template-rows:140px minmax(150px,1fr); min-height:290px; }
.tool-grid .password-tile .mailcheck-tile-visual { border-right:0; border-bottom:1px solid rgba(120,232,255,.08); }
.tool-grid .password-tile .mailcheck-tile-copy { padding:17px 20px; }
.tool-grid .password-tile .mailcheck-tile-copy > strong { font-size:1.28rem; }
.tool-grid .password-tile .mailcheck-tile-copy .tool-description { max-width:none; font-size:.78rem; }
.tool-grid .password-tile .mailcheck-tile-visual img,.tool-grid .password-tile .mailcheck-hover-video { object-fit:contain; }
@media(max-width:760px) { .home-hero { grid-template-columns:1fr; gap:16px; } .home-hero-copy { padding:0 4px; } }
@media(prefers-reduced-motion:reduce) { .home-brand-animation video { display:none; } .home-brand-animation img { opacity:1; } .home-animation-toggle { display:none; } }