.logica-page{--g:#17356F}
.l-hero{display:grid;grid-template-columns:1.4fr .6fr;gap:30px;align-items:center;padding:34px 0 18px}
.eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#17356F}
.l-hero h1{margin:6px 0 12px}
.l-hero .note{color:var(--muted);font-size:14px;margin:14px 0 0}
.l-icon{display:flex;justify-content:center}
.l-icon img{width:min(220px,48vw);height:auto;border-radius:28%;box-shadow:0 20px 50px #14183a30}
.l-sec{padding:34px 0 6px}
.l-sec h2{font-size:clamp(1.5rem,2.8vw,2rem);margin:0 0 10px;letter-spacing:-.02em}
.l-sec p{color:#3c4263}
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}
.lcard{background:#fff;border-radius:var(--r);padding:22px}
.lcard h3{margin:0 0 6px;font-size:1.15rem}
.lcard p{margin:0;font-size:15px;color:var(--muted)}
.lcard .dot{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:8px;background:var(--g)}
details.faq{background:#fff;border-radius:16px;padding:0 18px;margin:10px 0}
details.faq summary{cursor:pointer;font-weight:700;min-height:48px;display:flex;align-items:center}
details.faq p{margin:0 0 16px;color:#3c4263}
.stores a.btn.p{background:var(--g);color:#fff}
@media(max-width:820px){.l-hero{grid-template-columns:1fr}.l-icon{order:-1;justify-content:flex-start}.cards3{grid-template-columns:1fr}}