.sg-home .sg-section{padding:76px 0}
.sg-home .sg-hero{padding:48px 0 44px;background:#fff}
.sg-home .sg-hero .sg-two{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:32px}
.sg-hero-visual{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1fr);gap:10px;align-items:center;min-width:0}
.sg-hero-character{display:grid;align-content:end;justify-items:center;min-width:0;color:#007e51;text-decoration:none;font-size:13px;font-weight:720}
.sg-hero-character img{display:block;width:100%;height:305px;object-fit:contain;filter:drop-shadow(0 12px 13px rgba(35,42,39,.12));transition:transform .25s ease}
.sg-hero-character:hover img,.sg-hero-character:focus-visible img{transform:translateY(-5px)}
.sg-hero-character span{display:block;padding:7px 10px;background:#eaf8f1;border-radius:999px;text-align:center}
.sg-hero-visual .sg-flow{padding:14px;border-radius:17px}
.sg-hero-visual .sg-flow div{padding:13px 0;gap:9px;font-size:13px;line-height:1.4}
.sg-home .sg-heading{margin-bottom:25px}
.home-gateway{padding:32px 0 38px;border-bottom:1px solid #e2e9e5;background:#fff}
.home-gateway h2{font-size:clamp(23px,2.6vw,32px);line-height:1.3;letter-spacing:-.04em;margin:0 0 18px}
.home-gateway h2 strong{color:#007e51}
.home-gateway-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.home-gateway-grid a{display:grid;align-content:start;gap:5px;min-width:0;padding:18px;border:1px solid #e2e9e5;border-radius:17px;background:#fdfefd;text-decoration:none;transition:border-color .18s,transform .18s}
.home-gateway-grid a:hover,.home-gateway-grid a:focus-visible{border-color:#20b486;transform:translateY(-2px)}
.home-gateway-grid b{font-size:17px;color:#232a27}
.home-gateway-grid span{font-size:13px;line-height:1.5;color:#5e6965}
.form-card:has([data-action="admin-enter"]){margin:22px auto 40px}
.qw-page .qw-hero{padding-top:42px;padding-bottom:20px}
.qw-page .qw-local-nav{margin-bottom:18px}
.qw-page .qw-builder{gap:26px}
@media(max-width:760px){
 .sg-home .sg-section{padding:58px 0}
 .sg-home .sg-hero{padding:28px 0 32px}
 .sg-home .sg-hero .sg-two{grid-template-columns:1fr;gap:20px}
 .sg-hero-visual{grid-template-columns:minmax(0,.7fr) minmax(0,1fr)}
 .sg-hero-character img{height:210px}
 .sg-hero-visual .sg-flow div{padding:8px 0;font-size:12px}
 .home-gateway{padding:28px 0}
 .home-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .home-gateway-grid a{padding:14px}
 .home-gateway-grid b{font-size:15px}
 .home-gateway-grid span{font-size:12px}
 .qw-page .qw-hero{padding-top:28px;padding-bottom:12px}
 .admin-layout{gap:18px;padding-top:22px}
 .admin-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding-bottom:0}
 .admin-nav a,.admin-nav button{min-width:0;white-space:normal;line-height:1.35;padding:9px 11px;font-size:12px;border:1px solid #e2e9e5;border-radius:10px;background:#fff}
 .admin-content h1{margin-bottom:16px}
}
@media(max-width:390px){.home-gateway-grid{grid-template-columns:1fr 1fr}.admin-nav a,.admin-nav button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-gateway-grid a,.sg-hero-character img{transition:none}.home-gateway-grid a:hover,.home-gateway-grid a:focus-visible,.sg-hero-character:hover img,.sg-hero-character:focus-visible img{transform:none}}