.guard-hero{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:2.5rem;padding-block:4rem 3rem}
.guard-intro h1{font-size:clamp(2.4rem,4.8vw,4.4rem);line-height:1.06;letter-spacing:-.04em;max-width:14ch;margin-block:1rem 1.5rem}
.guard-intro .lead{max-width:38rem}.guard-preview{font-size:.9rem;max-width:35rem;color:#455867;margin-top:1.2rem}
.guard-hero-art{position:relative;padding-bottom:2.5rem;padding-inline-end:4.5rem}
.guard-frame{background:#fff;border:1px solid #c9dcd8;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px #16505c26}
.guard-frame-bar{display:flex;gap:6px;padding:9px 12px;background:#eef4f2;border-bottom:1px solid #d6e5e1}
.guard-frame-bar i{width:10px;height:10px;border-radius:50%;background:#c4d6d2}
.guard-shot{display:block;width:100%;height:auto}
.guard-phone{border:8px solid #1d2b30;border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 20px 40px #16505c33}
.guard-hero-phone{position:absolute;inset-inline-end:0;bottom:0;width:31%;max-width:190px}
.guard-number{display:inline-grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:50%;background:#d4f1e8;color:#165750;font-weight:750}
.guard-catches .card{background:linear-gradient(145deg,#fff,#eff9f6);border-color:#c9e6df}
.guard-shots .lead{max-width:48rem}
.guard-gallery{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 2rem;align-items:start;margin-top:2rem}
.guard-gallery-phone{display:grid;grid-template-columns:minmax(0,220px) 1fr;gap:1.5rem;align-items:center}.guard-gallery-phone figcaption h3{margin-top:0}
.guard-gallery-item{margin:0}.guard-gallery-item figcaption h3{font-size:1.1rem;margin:1rem 0 .3rem}.guard-gallery-item figcaption p{margin:0;font-size:.95rem;color:#455867}
.guard-gallery-phone .guard-phone{border-width:6px;border-radius:22px}
.guard-read{display:grid;grid-template-columns:1fr 1fr;gap:3rem;border-block:1px solid #d4e8e6}
.guard-read ul{padding-inline-start:1.3rem}.guard-read li{padding:.45rem 0}
.guard-privacy h2,.guard-read h2,.guard-close h2{font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.14}
.guard-close{background:#e8f6ef;border-radius:2rem;padding:3rem;margin-block:1rem 4rem}.guard-close p{max-width:52rem}
.guard-brands{font-size:.88rem;color:#455867}
.guard-mascot{display:block;height:auto;filter:drop-shadow(0 16px 16px #16505c22)}
.guard-mascot-read{width:150px;margin:0 0 .5rem -.5rem}
.guard-close-mascot{display:grid;grid-template-columns:220px 1fr;gap:2.5rem;align-items:center}.guard-mascot-close{width:100%}
.guard-cross{display:inline-block;margin-inline-start:1.5rem}
.child-hero-art{padding-inline-end:0;padding-bottom:0}
.child-hero-mascot{position:absolute;inset-inline-start:-15%;bottom:-24%;width:27%;max-width:180px}
.child-gallery{grid-template-columns:1.25fr .5fr 1.25fr}
.guard-gallery-popup .guard-frame{max-width:300px}
.child-steps{padding-inline-start:1.3rem}.child-steps li{padding:.45rem 0}
.guard-teaser{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:start}
.guard-teaser-item{display:grid;grid-template-columns:130px 1fr;gap:1.5rem;align-items:start}
.guard-teaser-item h2{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.15;margin-top:.5rem}.guard-teaser-mascot{width:100%}
@media(min-width:900px) and (prefers-reduced-motion:no-preference){.guard-hero-art{animation:guard-arrive .8s ease-out both}@keyframes guard-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}
@media(max-width:960px){.child-gallery{grid-template-columns:1fr 1fr}.guard-teaser{grid-template-columns:1fr}}
@media(max-width:760px){.guard-close-mascot{grid-template-columns:1fr;gap:1rem}.guard-mascot-close{max-width:160px}.guard-cross{display:block;margin:1rem 0 0}.child-hero-mascot{width:28%;inset-inline-start:-4%}.guard-teaser-item{grid-template-columns:90px 1fr;gap:1rem}.guard-hero{grid-template-columns:1fr;padding-block:2.5rem 1rem;gap:1.5rem}.guard-intro h1{max-width:18ch}.guard-hero-art{padding-inline-end:3rem}.guard-read{grid-template-columns:1fr;gap:1rem}.guard-close{padding:2rem 1.5rem}.guard-teaser{grid-template-columns:1fr;gap:1.5rem}}
@media(max-width:700px){.guard-gallery,.child-gallery{grid-template-columns:1fr}.guard-gallery-phone{grid-template-columns:minmax(0,170px) 1fr;gap:1rem}}
