@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--blue:#176fe5;--blue-dark:#0752a0;--lime:#a8d80e;--ink:#17263b;--muted:#4f5d6d;--line:#e2e8ef;--pale:#f4f9ff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
.page-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:28px 22px;background:radial-gradient(ellipse at 8% 10%,#e1f1ff 0,transparent 30%),radial-gradient(ellipse at 94% 88%,#e9f8d9 0,transparent 31%),#f9fbfd}
.landing-card{width:min(1000px,100%);padding:36px 48px 27px;background:rgba(255,255,255,.97);border:1px solid #fff;border-radius:22px;box-shadow:0 18px 55px rgba(15,65,105,.11);text-align:center}
.brand{display:flex;justify-content:center;align-items:center;margin:0 auto 17px;width:100%}
.brand img{display:block;width:min(430px,80%);max-height:185px;object-fit:contain}
.pill{display:inline-block;background:var(--blue);color:white;padding:10px 20px;border-radius:30px;font-size:12px;font-weight:800;letter-spacing:.45px}
h1{font:800 clamp(32px,3.3vw,43px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.7px;color:var(--blue);margin:22px 0 15px}
.intro{max-width:760px;margin:0 auto;color:#3e4b5a;font-size:16px;line-height:1.8}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0 24px}
.service{min-height:112px;padding:20px 10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;border-radius:13px;background:#fff;box-shadow:0 8px 23px rgba(16,46,74,.09);border:1px solid #edf1f5;transition:transform .2s,box-shadow .2s}
.service:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(16,46,74,.13)}
.service-icon{font-size:31px;color:var(--blue);line-height:1;font-weight:700}
.service strong{font-size:15px;font-weight:800;color:#182536}
.feature-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:0 auto 27px;max-width:790px}
.feature-pills span{font-size:13px;font-weight:500;color:#26394e;background:#f3f8ff;border:1px solid #d4e6fb;border-radius:25px;padding:10px 15px;white-space:nowrap}
.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:0 auto 24px}
.contact-button{background:var(--blue);color:#fff;border-radius:28px;padding:14px 25px;font-size:13px;font-weight:800;min-width:145px;transition:transform .2s,background .2s}
.contact-button:hover{transform:translateY(-2px);background:var(--blue-dark)}
.contact-button.whatsapp{background:#08b96a}
.contact-button.whatsapp:hover{background:#079858}
.product-details{border-top:1px solid var(--line);padding:14px 0 5px}
.product-details p{font-size:13px;line-height:1.8;color:#566273;margin:0}
.product-details strong{color:#24354a}
footer{border-top:1px solid var(--line);padding-top:17px;margin-top:10px;color:#5b6674;font-size:12px}
@media(min-height:900px){.landing-card{padding-top:39px;padding-bottom:29px}.brand img{max-height:190px}}
@media(max-width:700px){.page-shell{padding:18px 12px;align-items:flex-start}.landing-card{padding:28px 18px 22px;border-radius:16px}.brand{margin-bottom:18px}.brand img{width:min(360px,90%);max-height:145px}.pill{font-size:10px;letter-spacing:.25px;padding:9px 12px}h1{font-size:29px;letter-spacing:-.6px;margin:20px 0 13px}.intro{font-size:14px;line-height:1.75}.service-grid{grid-template-columns:repeat(2,1fr);gap:11px;margin:23px 0}.service{min-height:100px}.service-icon{font-size:28px}.service strong{font-size:13px}.feature-pills{gap:8px;margin-bottom:22px}.feature-pills span{font-size:11px;padding:9px 11px}.contact-actions{gap:9px}.contact-button{padding:13px 15px;min-width:0;flex:1;font-size:12px}.product-details p{font-size:11px}}
@media(max-width:390px){.landing-card{padding-left:13px;padding-right:13px}.service strong{font-size:12px}.contact-actions{flex-direction:column}.contact-button{width:100%}}