:root{--navy:rgb(11,62,102);--navy-dark:rgb(10,46,93);--blue:rgb(3,105,161);--sky-bg:rgb(240,249,255);--line:rgb(224,242,254);--amber:rgb(245,158,11);--ink:rgb(71,85,105);--muted:rgb(100,116,139);--wa:rgb(37,211,102);
--head:Poppins,Nunito,sans-serif;--body:Nunito,system-ui,sans-serif}
*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font:400 1rem/1.6 var(--body);color:rgb(51,65,85);background:rgb(255,255,255)}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
.wrap{max-width:72rem;margin:0 auto}
.wrap-lg{max-width:64rem}
.wrap-md{max-width:48rem}

.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:14px;color:rgb(255,255,255);font:600 16px var(--head);white-space:nowrap;transition:transform .15s,filter .15s}
.hero-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}
.hero-btn svg{width:22px;height:22px;flex:none}
.hero-btn-wa{background:linear-gradient(180deg,rgb(47,224,122),rgb(29,185,84));box-shadow:0 14px 26px -12px rgba(29,185,84,.85),inset 0 1px 0 rgba(255,255,255,.35)}
.hero-btn-tel{background:rgba(255,255,255,.08);border:1.5px solid rgba(255,255,255,.4)}
@media(max-width:767px){.hero-actions{flex-direction:column}.hero-btn{width:100%}}

.hero-sec{position:relative;isolation:isolate;padding:3rem 1rem 3.5rem;background:var(--navy-dark) url(/hero-bg-m.webp) center/cover no-repeat}
.hero-sec::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(10,46,93,.82),rgba(10,46,93,.7) 55%,rgba(10,46,93,.86))}
.hero-grid{display:grid}
.hero-text{text-shadow:0 2px 14px rgba(0,0,0,.35)}
.hero-h1{font:800 clamp(1.6rem,6.6vw,1.9rem)/1.2 var(--head);color:rgb(255,255,255);margin-bottom:12px;text-wrap:balance}
.hero-sub{font:800 clamp(1.15rem,2vw,1.6rem)/1.25 var(--head);color:var(--amber);margin-bottom:12px}
.hero-p{font-size:1rem;line-height:1.7;color:rgba(255,255,255,.85);margin-bottom:24px;max-width:30rem}
.hero-actions .hero-btn{text-shadow:none}
@media(min-width:768px){
.hero-sec{padding:0 1.5rem;background-image:url(/hero-bg.webp);background-position:50% 40%}
.hero-sec::before{background:linear-gradient(90deg,rgba(10,46,93,.93),rgba(10,46,93,.86) 38%,rgba(10,46,93,.5) 58%,rgba(10,46,93,0) 78%)}
.hero-grid{min-height:560px;align-items:center}
.hero-text{max-width:560px;padding:4rem 0}
.hero-h1{font-size:clamp(1.9rem,3.4vw,2.7rem)}
.hero-p{font-size:1.125rem}
}

.section{padding:3.5rem 1rem}
.section-intro{padding-bottom:1.5rem}
.section-why{padding-top:2rem}
.section-alt{background:rgb(246,250,253)}
.section-sky{background:rgb(240,249,255)}
@media(min-width:768px){.section{padding:5rem 1.5rem}}
.sec-title{font:800 clamp(1.55rem,4.2vw,2.1rem)/1.2 var(--head);color:var(--navy);text-align:center;margin-bottom:1.75rem;text-wrap:balance}
.sec-head{text-align:center;margin-bottom:2rem}
.sec-head .sec-title{margin-bottom:.75rem}
.sec-sub{color:rgb(71,85,105)}
.body-text{color:rgb(71,85,105);line-height:1.75}
.section-intro .body-text{text-align:center}

.wc-sub{max-width:620px;margin:-.75rem auto 2rem;text-align:center;color:var(--muted);line-height:1.6}
.wc-grid{display:grid;grid-template-columns:1fr;gap:14px}
.wc-card{display:flex;align-items:center;gap:18px;background:linear-gradient(180deg,rgb(255,255,255),rgb(247,251,254));border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:0 18px 36px -26px rgba(11,62,102,.5);transition:transform .25s,box-shadow .25s}
.wc-card:hover{transform:translateY(-3px);box-shadow:0 24px 40px -24px rgba(11,62,102,.55)}
.wc-ico{position:relative;flex:none;width:64px;height:64px;border-radius:20px;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),linear-gradient(150deg,rgb(10,46,93) 0%,rgb(11,79,133) 55%,rgb(3,105,161) 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 16px 26px -12px rgba(10,46,93,.75),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(246,196,83,.35)}
.wc-t{font:700 1.05rem/1.3 var(--head);color:var(--navy)}
.wc-d{margin-top:4px;color:var(--muted);font-size:.92rem;line-height:1.55}
@media(min-width:640px){.wc-grid{grid-template-columns:repeat(2,1fr);gap:18px}}
@media(min-width:1024px){.wc-grid{grid-template-columns:repeat(4,1fr);gap:20px}
.wc-card{flex-direction:column;text-align:center;padding:30px 20px 28px}
.wc-ico{width:76px;height:76px;border-radius:24px}.wc-ico svg{width:40px;height:40px}}

.svc-about{background:var(--sky-bg);border-radius:24px;padding:24px}
.svc-photo img{width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:18px;box-shadow:0 6px 20px rgba(11,62,102,.15)}
.svc-text{margin-top:28px}
.svc-h{font:800 clamp(1.25rem,3.2vw,1.6rem)/1.25 var(--head);color:var(--navy)}
.svc-text .body-text{margin-top:12px}
.svc-cards{display:grid;gap:16px;margin-top:20px}
.svc-card{background:rgb(255,255,255);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 28px -22px rgba(11,62,102,.4)}
.svc-sub{display:flex;align-items:center;gap:12px;padding:16px 18px 6px;font:700 17px var(--head);color:var(--navy)}
.svc-ico{width:44px;height:44px;flex:none;border-radius:14px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),linear-gradient(150deg,rgb(10,46,93) 0%,rgb(11,79,133) 55%,rgb(3,105,161) 100%);box-shadow:0 10px 18px -9px rgba(10,46,93,.75),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(246,196,83,.35)}
.svc-list{padding:4px 18px 16px;color:var(--ink);line-height:1.6}
.svc-list li{position:relative;padding:8px 0 8px 30px;border-top:1px solid rgb(241,245,249)}
.svc-list li:first-child{border-top:0}
.svc-list li::before{content:"";position:absolute;left:0;top:10px;width:20px;height:20px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E0F2FE'/%3E%3Cpath d='M5.6 10.3l3 3 5.8-6' fill='none' stroke='%230369A1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center/contain}
@media(min-width:768px){.svc-about{padding:36px}.svc-photo img{aspect-ratio:21/9}.svc-text{margin-top:32px}.svc-cards{grid-template-columns:1fr 1fr;gap:20px}}

.steps{display:grid;gap:16px}
.step{background:linear-gradient(180deg,rgb(255,255,255),rgb(247,251,254));border:1px solid var(--line);border-radius:20px;padding:22px 18px;text-align:center;box-shadow:0 14px 32px -20px rgba(11,62,102,.35);transition:transform .25s,box-shadow .25s}
.step:hover{transform:translateY(-3px);box-shadow:0 22px 38px -22px rgba(11,62,102,.5)}
.step-n{width:52px;height:52px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 28% 18%,rgba(255,255,255,.3),rgba(255,255,255,0) 55%),linear-gradient(150deg,rgb(10,46,93) 0%,rgb(11,79,133) 55%,rgb(3,105,161) 100%);color:rgb(246,196,83);font:800 20px var(--head);display:flex;align-items:center;justify-content:center;box-shadow:0 12px 20px -10px rgba(10,46,93,.75),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 0 1px rgba(246,196,83,.4)}
.step-t{font:700 1.05rem var(--head);color:var(--navy)}
.step-d{margin-top:6px;color:var(--muted);font-size:.95rem;line-height:1.55}
@media(min-width:768px){.steps{grid-template-columns:repeat(3,1fr);gap:20px}.step{padding:28px 22px}}

.tm-list{display:grid;gap:56px;max-width:560px;margin:0 auto;padding-top:34px}
.tm-card{position:relative;display:flex;flex-direction:column;background:rgb(255,255,255);border-radius:0 48px 48px 48px;padding:60px 28px 30px;box-shadow:0 14px 34px -18px rgba(11,62,102,.35)}
.tm-q{position:absolute;left:28px;top:-34px;width:68px;height:68px;border-radius:50%;background:rgb(214,40,57);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 18px -8px rgba(214,40,57,.7)}
.tm-q svg{width:34px;height:34px}
.tm-text{font-size:1.02rem;line-height:1.85;color:rgb(31,41,55)}
.tm-who{display:flex;align-items:center;gap:16px;margin-top:auto;padding-top:26px}
.tm-av{flex:none;width:68px;height:68px;border-radius:50%;background:linear-gradient(145deg,rgb(11,62,102),rgb(21,101,168));color:rgb(255,255,255);font:700 1.25rem var(--head);display:flex;align-items:center;justify-content:center}
.tm-name{font:700 1.12rem/1.2 var(--head);color:var(--navy)}
@media(min-width:960px){.tm-list{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1100px}
.tm-card{border-radius:0 40px 40px 40px;padding:58px 24px 26px}.tm-text{font-size:.97rem}.tm-av{width:56px;height:56px;font-size:1.05rem}}

.faq-list{display:grid;gap:12px}
.faq-item{background:rgb(255,255,255);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.faq-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;text-align:left;transition:background .2s}
.faq-btn:hover{background:var(--sky-bg)}
.faq-btn:focus-visible{outline-offset:-3px;border-radius:14px}
.faq-q{font-weight:700;font-size:1rem;color:var(--navy)}
.faq-btn[aria-expanded=true] .faq-q{color:var(--blue)}
.faq-plus{flex:none;color:var(--amber);font-size:1.25rem;font-weight:900;transition:transform .2s}
.faq-a{padding:0 20px 16px;color:rgb(71,85,105);font-size:1rem;line-height:1.7}
.faq-more{margin-top:24px;text-align:center;font-size:.9rem;color:var(--muted)}
.faq-more a{color:var(--navy);font-weight:700;text-decoration:underline}

.ar-wrap{max-width:820px;margin:0 auto;text-align:center}
.ar-list{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px}
.ar-list li{display:inline-flex;align-items:center;gap:4px;font:500 .85rem/1.5 var(--head);color:rgb(3,105,161)}
.ar-list svg{flex:none;width:14px;height:14px}
@media(min-width:768px){.ar-list{gap:4px 16px}.ar-list li{font-size:.92rem;gap:5px}.ar-list svg{width:15px;height:15px}}

.ar-note{margin-top:14px;font-size:.9rem;color:var(--muted)}
.ar-note a{color:var(--navy);font-weight:700;text-decoration:underline}

.cta-sec{background:var(--navy-dark);padding:3.5rem 1rem}
.cta-text{text-align:center}
.cta-h{font:800 clamp(1.5rem,4.2vw,2.25rem)/1.2 var(--head);color:rgb(255,255,255)}
.cta-p{margin:16px auto 0;max-width:36rem;color:rgba(255,255,255,.9);font-size:1rem}
.cta-actions{margin-top:22px;justify-content:center}
@media(min-width:768px){.cta-sec{padding:4.5rem 1.5rem}}

.site-footer{background:var(--navy);color:rgba(223,242,254,.7);padding:2rem 1rem;text-align:center;font-size:.75rem;line-height:1.6}
.site-footer p{margin-bottom:12px}
.site-footer p:last-child{margin-bottom:0}
.footer-name{font-size:.875rem;font-weight:700;color:rgba(255,255,255,.9)}
.site-footer a{text-decoration:underline}

.wa-float{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:50;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,rgb(52,229,125),rgb(30,185,84));color:rgb(255,255,255);display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px -10px rgba(18,140,70,.7),0 0 0 3px rgba(255,255,255,.95);transition:transform .2s}
.wa-float:hover{transform:scale(1.07)}
.wa-float svg{width:28px;height:28px}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.tm-wrap{max-width:1100px;margin:0 auto}

.notfound{min-height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:24px;background:rgb(248,250,252);color:var(--navy)}
.notfound h1{font:800 1.6rem var(--head);margin-bottom:8px}
.notfound p{color:var(--ink);margin-bottom:20px}
.notfound a{display:inline-block;margin:4px;padding:12px 24px;border-radius:9999px;background:var(--wa);color:rgb(255,255,255);font-weight:800}
.notfound a.home{background:var(--navy)}

.ar-list a{display:inline-flex;align-items:center;gap:inherit;color:inherit;text-decoration:none}
.ar-list a:hover span,.ar-list a:focus-visible span{text-decoration:underline}