html,body,#root{margin:0;min-height:100%}body{background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.site{--navy: #0c3b5d;--deep: #082c46;--teal: #0e8a8f;--teal-bright: #12b5a5;--wash: #eef6f7;--ink: #14242e;--ink-2: #4d6470;font-family:inherit;color:var(--ink);line-height:1.55}.site h1,.site h2,.site h3,.site p{margin:0}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid #e6eef0;background:#fff}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex:none;background:var(--navy);color:#fff}.brand-mark svg{width:22px;height:22px}.brand-name{font-weight:700;font-size:17px;color:var(--deep);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.brand-name em{font-style:normal;font-weight:500;color:var(--teal)}.topbar-phone{font-weight:600;font-size:14px;color:var(--navy);text-decoration:none;white-space:nowrap}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:center;background:linear-gradient(160deg,var(--deep) 0%,var(--navy) 55%,#0d5a6b 100%);color:#fff;padding:48px 32px}.hero-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--teal-bright);margin-bottom:12px}.hero h1{font-size:34px;line-height:1.18;letter-spacing:-.02em;font-weight:700}.hero-sub{margin-top:14px;font-size:16px;color:#cfe3ea;max-width:46ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-note{margin-top:16px;font-size:13px;color:#9fc3cf}.hero-art img{display:block;width:100%;height:auto;border-radius:16px;box-shadow:0 16px 40px #02142059}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 22px;border-radius:10px;font-size:16px;font-weight:700;text-decoration:none;line-height:1.2}.btn svg{width:20px;height:20px;flex:none}.btn-whatsapp{background:var(--teal-bright);color:#06333d}.btn-whatsapp:hover{background:#0ea392;color:#fff}.btn-call{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.65)}.btn-call:hover{border-color:#fff}.services{padding:48px 32px 40px}.section-eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;color:var(--teal);margin-bottom:8px}.section-eyebrow.light{color:var(--teal-bright)}.services h2{font-size:26px;letter-spacing:-.02em;color:var(--deep)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.service-card{border:1px solid #e2ecee;border-radius:14px;padding:20px 18px;background:#fff}.service-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:var(--wash);color:var(--teal);margin-bottom:12px}.icon{width:24px;height:24px}.service-card h3{font-size:16px;color:var(--deep);font-weight:700}.service-card p{margin-top:6px;font-size:14px;color:var(--ink-2)}.why{background:var(--navy);color:#fff;padding:40px 32px}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:20px}.why-check{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#12b5a52e;color:var(--teal-bright);margin-bottom:10px}.why-check svg{width:18px;height:18px}.why-item h3{font-size:17px;font-weight:700}.why-item p{margin-top:6px;font-size:14px;color:#c3d9e2}.area{display:flex;align-items:center;gap:14px;padding:24px 32px;background:var(--wash);color:var(--ink);font-size:15px}.area-pin{color:var(--teal);flex:none;display:inline-flex}.area-pin svg{width:26px;height:26px}.cta{text-align:center;padding:48px 32px}.cta h2{font-size:24px;color:var(--deep);letter-spacing:-.02em}.cta p{margin:10px auto 22px;font-size:15px;color:var(--ink-2);max-width:46ch}.footer{border-top:1px solid #e6eef0;padding:20px 32px 28px;text-align:center}.footer-biz{font-size:13px;color:var(--ink-2);font-weight:600}.footer-credit{margin-top:6px;font-size:12px;color:#8ba1ab}@media(max-width:720px){.hero{grid-template-columns:1fr;padding:36px 22px;gap:28px}.hero h1{font-size:28px}.hero-cta .btn{flex:1 1 100%}.services,.why,.cta{padding-left:22px;padding-right:22px}.service-grid,.why-grid{grid-template-columns:1fr}.area{padding:20px 22px}.brand-name{font-size:15px}.topbar{padding:14px 18px}}@media(min-width:721px)and (max-width:980px){.service-grid{grid-template-columns:repeat(2,1fr)}}