*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--navy:#1a3a5c;--teal:#2ab5b5;--teal-light:#3dd6d6;--teal-pale:#e8f9f9;--white:#fff;--offwhite:#f7f9fc;--gray:#64748b;--gray-light:#e2e8f0;--text:#1e293b;--shadow:0 4px 24px rgba(26,58,92,.10);--shadow-lg:0 8px 40px rgba(26,58,92,.15)}
html{scroll-behavior:smooth}
body{font-family:'Lato',sans-serif;background:var(--white);color:var(--text);line-height:1.7}
.container{max-width:1100px;margin:0 auto;padding:0 1.5rem}
.site-header{background:rgba(255,255,255,.97);border-bottom:1px solid var(--gray-light);box-shadow:0 2px 12px rgba(26,58,92,.07);padding:.9rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:100}
.brand-logo{height:44px}
.menu{display:flex;gap:1.4rem;align-items:center}
.menu a{color:var(--navy);text-decoration:none;font-size:.86rem;font-weight:600;transition:color .2s}
.menu a:hover{color:var(--teal)}
.menu a.highlight{background:var(--teal);color:#fff;padding:7px 16px;border-radius:6px}
.menu a.highlight:hover{background:var(--teal-light)}
.lang-toggle{display:flex;gap:4px}
.lang-toggle button{background:none;border:1px solid var(--gray-light);color:var(--gray);padding:5px 11px;border-radius:5px;font-size:.78rem;font-weight:700;cursor:pointer;transition:all .2s}
.lang-toggle button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
@media(max-width:768px){.lang-toggle{gap:3px}.lang-toggle button{padding:4px 8px;font-size:.72rem}}
.hero-sp{background:linear-gradient(135deg,var(--navy) 0%,#1a5c5c 100%);padding:5rem 1.5rem 4rem;text-align:center}
.hero-sp .breadcrumb{font-size:.78rem;color:rgba(255,255,255,.6);margin-bottom:1rem}
.hero-sp .breadcrumb a{color:var(--teal-light);text-decoration:none}
.hero-sp h1{font-family:'Nunito',sans-serif;font-size:clamp(1.8rem,4vw,3rem);font-weight:900;color:#fff;margin-bottom:1rem}
.hero-sp h1 span{color:var(--teal-light)}
.hero-sp p{color:rgba(255,255,255,.82);font-size:1.05rem;max-width:600px;margin:0 auto 2rem}
.btn{display:inline-block;background:var(--teal);color:#fff;padding:.85rem 2rem;border-radius:8px;font-family:'Nunito',sans-serif;font-size:.9rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .2s;box-shadow:0 4px 15px rgba(42,181,181,.35)}
.btn:hover{background:var(--teal-light);transform:translateY(-2px)}
.btn-white{background:#fff;color:var(--navy);box-shadow:0 4px 15px rgba(0,0,0,.12)}
.btn-white:hover{background:var(--offwhite)}
.section{padding:4rem 0}
.section-alt{background:var(--offwhite)}
h2{font-family:'Nunito',sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900;color:var(--navy);margin-bottom:.8rem}
.section-sub{color:var(--gray);font-size:1rem;margin-bottom:2rem;max-width:620px}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.4rem;margin-top:1.5rem}
.card{background:var(--white);border:1px solid var(--gray-light);border-radius:14px;padding:1.8rem;box-shadow:var(--shadow);transition:all .25s}
.card:hover{transform:translateY(-4px);border-color:var(--teal)}
.card .icon{font-size:2rem;margin-bottom:.8rem}
.card h3{font-family:'Nunito',sans-serif;font-size:1rem;font-weight:800;color:var(--navy);margin-bottom:.4rem}
.card p{font-size:.88rem;color:var(--gray);margin:0}
.cta-strip{background:linear-gradient(135deg,var(--navy) 0%,#1a5c5c 100%);padding:4rem 1.5rem;text-align:center}
.cta-strip h2{color:#fff;margin-bottom:.8rem;font-family:'Nunito',sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:900}
.cta-strip p{color:rgba(255,255,255,.8);margin-bottom:2rem}
footer{background:var(--navy);padding:2rem 1.5rem;text-align:center}
footer p{color:rgba(255,255,255,.5);font-size:.82rem}
footer span{color:var(--teal)}
.nap-footer{color:rgba(255,255,255,.65);font-size:.82rem;line-height:1.9;margin-bottom:.8rem;font-style:normal}
.nap-footer strong{color:#fff}
.nap-footer a{color:rgba(255,255,255,.65);text-decoration:none}
.nap-footer a:hover{color:var(--teal)}
@media(max-width:768px){.menu{display:none}}
.contact-wrap{display:flex;gap:3rem;flex-wrap:wrap;align-items:flex-start;margin-top:2rem}
.contact-info{min-width:220px;flex:1}
.contact-logo{height:56px;margin-bottom:1.5rem}
.contact-detail{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:.95rem}
.contact-detail .ic{font-size:1.2rem}
.contact-detail a{color:var(--teal);text-decoration:none;font-weight:600}
.contact-detail a:hover{text-decoration:underline}
.form-card{flex:2;min-width:280px;background:var(--white);border:1px solid var(--gray-light);border-radius:16px;padding:2.2rem;box-shadow:var(--shadow-lg)}
.form-card input,.form-card textarea{width:100%;background:var(--offwhite);color:var(--text);border:1.5px solid var(--gray-light);border-radius:8px;padding:11px 15px;font-size:.92rem;font-family:inherit;margin-bottom:1rem;transition:border-color .2s,box-shadow .2s}
.form-card input:focus,.form-card textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(42,181,181,.15);background:#fff}
.form-card .row{display:flex;gap:1rem}
@media(max-width:540px){.form-card .row{flex-direction:column}}
.form-card .mini{font-size:.82rem;color:var(--teal);font-weight:700;margin-bottom:.7rem}
.form-card .btn{width:100%}
.hp,.honeypot{display:none}
.pricing-note{text-align:center;font-size:.82rem;color:var(--gray);margin-top:1rem}