@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap");
:root{--navy:#102f4d;--navy-deep:#092a44;--teal:#15999c;--teal-dark:#087a80;--mint:#eaf7f4;--gold:#f3aa2b;--cream:#fbfaf7;--paper:#ffffff;--ink:#17324b;--muted:#627486;--line:#dde8e8;--shadow:0 16px 42px rgba(18,47,76,.09);--shadow-sm:0 7px 24px rgba(18,47,76,.07);--r:22px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,"Avenir Next","Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.55}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.6;cursor:not-allowed}img{display:block;max-width:100%}svg{vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em;color:var(--navy-deep)}h1{font-size:clamp(2.6rem,9vw,4.95rem);font-weight:850}h2{font-size:clamp(2rem,6vw,3.25rem);font-weight:800}h3{font-size:1.3rem;font-weight:800}p{line-height:1.65}.skip-link{position:absolute;z-index:999;top:-80px;left:14px;background:#fff;padding:11px 18px;border-radius:12px}.skip-link:focus{top:12px}.icon{width:20px;height:20px;flex:0 0 auto;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon-sm{width:17px;height:17px}.icon-lg{width:29px;height:29px}.icon-xl{width:36px;height:36px}.container{width:min(calc(100% - 36px),var(--max));margin-inline:auto}.page-shell{overflow:hidden}.section{padding:58px 0}.section-sm{padding:36px 0}.section-head{display:flex;flex-direction:column;gap:9px;margin-bottom:25px}.section-head p{color:var(--muted);max-width:620px;margin:0}.eyebrow{font-weight:850;letter-spacing:.17em;text-transform:uppercase;color:var(--teal-dark);font-size:.72rem;margin:0 0 12px}.accent{color:var(--teal)}.gold-text{color:var(--gold)}.small-note{font-size:.84rem;color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:7px;padding:7px 13px;background:#e8f6f4;color:#0c6b73;border:1px solid #cdecea;border-radius:100px;font-weight:700;font-size:.78rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:49px;padding:12px 21px;border-radius:999px;font-weight:800;font-size:.93rem;border:1.7px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease;line-height:1.2;white-space:nowrap;text-align:center}.btn:hover{transform:translateY(-2px)}.btn:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.btn-primary{background:linear-gradient(120deg,#20ae9e,#087d82);color:white;box-shadow:0 10px 20px rgba(4,133,130,.18)}.btn-primary:hover{box-shadow:0 14px 26px rgba(4,133,130,.28)}.btn-outline{border-color:#27465e;color:var(--navy-deep);background:#fff}.btn-outline:hover{background:#eef6f6}.btn-whatsapp{color:#fff;background:linear-gradient(120deg,#1dbb81,#128e74);box-shadow:0 10px 24px rgba(14,132,103,.2)}.btn-whatsapp:hover{background:linear-gradient(120deg,#1caa76,#087b63)}.btn-white{color:var(--teal-dark);background:#fff}.btn-navy{background:var(--navy);color:#fff}.btn-link{padding:0;min-height:auto;color:var(--teal-dark);font-weight:800;border:0;background:none;display:inline-flex;gap:7px;align-items:center}.btn-link:hover{text-decoration:underline}.button-row{display:flex;flex-wrap:wrap;gap:10px}.button-row .btn{min-width:135px}
.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);border-bottom:1px solid #e8eeee;backdrop-filter:blur(14px)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:76px}.brand{display:inline-flex;align-items:center;gap:9px;min-width:0}.brand-mark{width:47px;height:49px;object-fit:contain;flex:0 0 auto}.brand-name{font-size:1.03rem;line-height:1;white-space:nowrap;font-weight:900;letter-spacing:-.055em;color:var(--navy)}.brand-name span{color:var(--teal)}.brand-tag{font-size:.59rem;color:#385369;letter-spacing:-.017em;margin-top:6px;white-space:nowrap;font-weight:600}.header-actions{display:flex;gap:8px;align-items:center}.header-wa{display:grid;place-items:center;width:40px;height:40px;border-radius:14px;background:#e0f6ed;color:#098763}.menu-toggle{display:grid;place-items:center;width:40px;height:40px;color:var(--navy);border:1px solid #e7eeee;border-radius:12px;background:white}.desktop-nav{display:none;align-items:center;gap:26px;font-size:.9rem;font-weight:750}.desktop-nav a:hover,.desktop-nav a[aria-current=page]{color:var(--teal-dark)}.desktop-nav .btn{min-height:42px;padding:11px 17px}.mobile-menu{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid #eff2f2;border-bottom:1px solid #dbe6e6;box-shadow:0 12px 24px rgba(15,45,75,.11);padding:13px 18px 20px;display:none}.mobile-menu.is-open{display:block}.mobile-menu a{display:flex;align-items:center;justify-content:space-between;padding:15px 12px;border-bottom:1px solid #edf0f0;font-weight:750}.mobile-menu .btn{margin-top:16px;width:100%;border:0}.mobile-scrim{position:fixed;inset:76px 0 0;background:rgba(7,30,45,.32);z-index:50;display:none}.mobile-scrim.is-open{display:block}.mobile-bottom-bar{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1.6fr 1fr;gap:9px;z-index:49;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);box-shadow:0 -8px 25px rgba(17,55,76,.1);backdrop-filter:blur(12px)}.mobile-bottom-bar .btn{min-height:48px;padding:10px 12px;font-size:.88rem}body{padding-bottom:77px}
.hero{padding:30px 0 0;background:radial-gradient(100% 70% at 96% 22%,#e7f8f4 0,transparent 65%),linear-gradient(160deg,#fffefa,#f7f9f7)}.hero-grid{display:flex;flex-direction:column;gap:30px}.hero-copy{position:relative;z-index:1}.hero h1{margin:0 0 17px;max-width:640px}.hero h1 .line{display:block}.hero h1 .line.teal{color:var(--teal)}.hero-lead{font-size:1.05rem;max-width:520px;color:#526578;margin:0 0 22px}.hero .pill{margin-bottom:18px}.hero .button-row{gap:9px}.hero .button-row .btn{min-width:140px}.hero-trust{display:flex;gap:14px;align-items:center;flex-wrap:wrap;color:#486578;font-size:.79rem;font-weight:750;margin:20px 0 0}.hero-trust span{display:inline-flex;gap:6px;align-items:center}.hero-trust .icon{color:var(--teal)}.hero-visual{position:relative;min-height:284px;border-radius:28px 28px 0 0;overflow:hidden;isolation:isolate;background:#eef4ef}.hero-visual img{width:100%;height:100%;min-height:284px;object-fit:cover;object-position:58% center}.hero-visual:before{content:"";position:absolute;inset:auto auto 0 0;width:100%;height:22%;background:linear-gradient(0deg,rgba(12,47,65,.2),transparent);z-index:1}.visual-label{position:absolute;left:14px;bottom:15px;z-index:2;display:flex;align-items:center;gap:8px;border-radius:13px;background:rgba(255,255,255,.94);box-shadow:0 8px 28px rgba(4,41,53,.14);color:var(--navy);padding:10px 13px;font-size:.78rem;font-weight:800}.visual-label .icon{color:var(--teal)}.spark{position:absolute;right:22px;top:16px;color:var(--gold);font-size:37px;line-height:1;z-index:2;text-shadow:0 2px 12px rgba(255,255,255,.8)}
.value-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-14px;position:relative;z-index:3}.value-item{text-align:center;border:1px solid #e7efed;border-radius:17px;padding:15px 8px 14px;background:#fff;box-shadow:var(--shadow-sm)}.value-item .icon{color:var(--teal);margin-bottom:6px}.value-item strong{display:block;font-size:.79rem;line-height:1.3;color:var(--navy)}.value-item small{display:none;color:var(--muted);font-size:.72rem}
.services-grid{display:grid;grid-template-columns:1fr;gap:14px}.service-card{background:#fff;border:1px solid #e7eceb;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.service-card-image{height:190px;position:relative;overflow:hidden;background:#edf5f3}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.service-card:hover img{transform:scale(1.04)}.service-card-image .icon-badge{position:absolute;bottom:12px;left:14px;display:grid;place-items:center;width:47px;height:47px;border-radius:15px;background:white;box-shadow:0 5px 15px rgba(7,44,68,.13);color:var(--teal)}.service-card-body{padding:18px 19px 21px}.service-card-body h3{margin:0 0 8px;font-size:1.19rem}.service-card-body p{margin:0 0 15px;font-size:.9rem;color:var(--muted)}.mini-link{display:inline-flex;align-items:center;gap:7px;color:var(--teal-dark);font-weight:800;font-size:.89rem}.service-card .mini-link:hover{text-decoration:underline}.services-grid.compact{grid-template-columns:1fr 1fr;gap:12px}.services-grid.compact .service-card-image{height:128px}.services-grid.compact .service-card-body{padding:15px}.services-grid.compact .service-card-body h3{font-size:.99rem}.services-grid.compact .service-card-body p{font-size:.82rem}
.bundle{background:linear-gradient(115deg,#103a5c,#082c49 60%,#0c777c);border-radius:26px;padding:27px 24px;color:#fff;position:relative;overflow:hidden;isolation:isolate}.bundle:after{content:"";height:160px;width:180px;background:rgba(24,195,181,.17);border-radius:60% 0 0 60%;position:absolute;right:-64px;bottom:-99px;transform:rotate(-34deg);z-index:-1}.bundle .eyebrow{color:#8fe7df}.bundle h2{color:#fff;font-size:clamp(1.83rem,6vw,2.8rem);margin:0 0 12px}.bundle p{color:#e0eeee;margin-bottom:18px;max-width:520px}.bundle-badge{width:54px;height:54px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);display:grid;place-items:center;border-radius:17px;margin-bottom:16px;color:#fff}.bundle-badge .icon{width:29px;height:29px}.bundle-points{display:flex;flex-wrap:wrap;gap:9px;margin:0 0 20px}.bundle-points span{font-size:.78rem;font-weight:750;background:rgba(255,255,255,.11);padding:6px 10px;border-radius:100px}.steps-grid{display:grid;grid-template-columns:1fr;gap:12px;counter-reset:steps}.step{padding:19px 19px 18px;background:#fff;border:1px solid #e7eceb;border-radius:18px;display:flex;gap:14px;align-items:flex-start}.step-num{background:var(--mint);color:var(--teal-dark);border-radius:13px;min-width:42px;height:42px;display:grid;place-items:center;font-size:1.1rem;font-weight:900}.step h3{margin:0 0 6px;font-size:1.02rem}.step p{font-size:.86rem;color:var(--muted);margin:0}.area-card{position:relative;border-radius:23px;background:linear-gradient(100deg,#e8f7f3,#f3fbfa);padding:25px;overflow:hidden;border:1px solid #d7eeea}.area-card:after{content:"";position:absolute;right:-45px;bottom:-75px;height:175px;width:175px;border:25px solid rgba(20,156,153,.08);border-radius:50%}.area-card h3{margin-bottom:8px}.area-card p{font-size:.9rem;color:#587285;margin-bottom:0;max-width:690px}.area-pin{display:inline-grid;place-items:center;border-radius:14px;width:46px;height:46px;background:#fff;color:var(--teal-dark);margin-bottom:12px}
.review-note{display:flex;gap:14px;align-items:flex-start;padding:19px;border-radius:18px;border:1px solid #d7eeea;background:#eff9f7}.review-note .icon{color:var(--teal)}.review-note strong{display:block;color:var(--navy)}.review-note p{font-size:.89rem;margin:4px 0 0;color:#4f6b77}.faq-list{display:grid;gap:10px}.faq-list details{background:#fff;border:1px solid #e3eae9;border-radius:14px;overflow:hidden;box-shadow:0 4px 18px rgba(28,65,87,.035)}.faq-list summary{padding:17px 17px;cursor:pointer;font-weight:800;color:var(--navy);font-size:.92rem;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary .icon{transition:transform .2s;color:var(--teal)}.faq-list details[open] summary .icon{transform:rotate(180deg)}.faq-list details p{padding:0 17px 17px;color:var(--muted);font-size:.89rem;margin:0}.end-cta{display:flex;flex-direction:column;gap:19px;background:linear-gradient(110deg,#092f4d,#0c3b5b);padding:28px 24px;border-radius:24px;position:relative;overflow:hidden;color:white}.end-cta:before{content:"";position:absolute;border-radius:60%;width:210px;height:210px;right:-110px;top:-100px;background:rgba(19,182,175,.24)}.end-cta h2{font-size:clamp(1.55rem,5vw,2.35rem);margin:0 0 5px;color:white}.end-cta p{margin:0;color:#d8e9ed;font-size:.9rem}.end-cta .button-row{position:relative;z-index:1}
.site-footer{padding:41px 0 26px;background:#0c2e49;color:#d7e5ea}.site-footer .brand-name{color:#fff}.site-footer .brand-tag{color:#b6cfd3}.site-footer-grid{display:grid;gap:27px}.footer-message{max-width:410px;color:#b7cbd4;font-size:.86rem;margin:14px 0 0}.footer-links{display:flex;gap:15px;flex-wrap:wrap;color:#d9e5e9;font-size:.84rem}.footer-links a:hover{text-decoration:underline}.footer-small{border-top:1px solid #29506a;margin-top:29px;padding-top:18px;display:flex;flex-direction:column;gap:5px;color:#aabfc8;font-size:.75rem}
.subhero{padding:31px 0 30px;background:linear-gradient(145deg,#fff,#f0f9f6)}.subhero-grid{display:grid;gap:22px;align-items:center}.subhero h1{font-size:clamp(2.2rem,8vw,4rem);margin-bottom:12px}.subhero p{color:var(--muted);max-width:650px}.subhero-photo{border-radius:24px;overflow:hidden;max-height:320px;min-height:220px;background:#e8f5ee}.subhero-photo img{width:100%;height:100%;object-fit:cover;min-height:220px}.crumb{color:#72919b;font-size:.76rem;font-weight:700;margin-bottom:20px}.crumb a{text-decoration:underline;text-underline-offset:3px}.service-detail-list{display:grid;gap:13px}.detail-item{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:19px 17px;background:#fff;border:1px solid var(--line);border-radius:19px;box-shadow:0 5px 17px rgba(13,48,72,.04)}.detail-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eaf7f4;color:var(--teal-dark)}.detail-item h3{font-size:1.01rem;margin:2px 0 6px}.detail-item p{font-size:.87rem;color:var(--muted);margin:0}.inline-quote{background:#e8f7f4;border:1px solid #cde9e4;padding:24px;border-radius:22px}.inline-quote h3{margin:0 0 8px}.inline-quote p{font-size:.87rem;color:var(--muted)}.inline-quote .btn{margin-top:5px}
/* Quote page and conditional lead form */
.quote-layout{display:grid;gap:25px;align-items:start}.quote-intro h1{font-size:clamp(2.5rem,9vw,4.2rem)}.quote-intro p{color:var(--muted);font-size:.98rem}.quick-contact{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}.quick-contact a{padding:13px 8px;font-weight:800;font-size:.86rem;display:flex;justify-content:center;align-items:center;gap:8px;border:1px solid var(--line);border-radius:14px;background:#fff}.quick-contact .whatsapp{background:#e6f9f0;border-color:#b7e9d2;color:#0b896a}.quick-contact a:hover{box-shadow:var(--shadow-sm)}.quote-card{background:white;box-shadow:var(--shadow);border-radius:25px;border:1px solid #e3ecea;overflow:hidden}.quote-card-top{padding:25px 22px;color:#fff;background:linear-gradient(115deg,#0a3453,#0f6d77)}.quote-card-top h2{font-size:1.68rem;color:#fff;margin-bottom:7px}.quote-card-top p{font-size:.87rem;color:#d9eded;margin:0}.quote-form{padding:21px 18px 23px}.service-radio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.service-radio{display:block;position:relative;cursor:pointer}.service-radio input{position:absolute;opacity:0;pointer-events:none}.service-radio span{border:1.6px solid #dae7e7;border-radius:14px;padding:14px 8px;min-height:73px;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;gap:7px;font-size:.77rem;font-weight:800;line-height:1.2;color:#496477;transition:border .2s,background .2s}.service-radio .icon{color:var(--teal)}.service-radio input:checked+span{border:2px solid var(--teal);background:#e5f7f4;color:var(--navy)}.service-radio input:focus-visible+span{outline:3px solid var(--gold);outline-offset:3px}.form-section-title{display:flex;align-items:center;gap:9px;font-size:1rem;margin:23px 0 13px;font-weight:850;color:var(--navy)}.form-section-title .step-label{display:inline-grid;place-items:center;width:27px;height:27px;color:var(--teal-dark);font-size:.79rem;border-radius:50%;background:var(--mint)}.form-grid{display:grid;gap:14px}.field{display:block;min-width:0}.field span{font-size:.81rem;font-weight:800;color:#2b4761;display:block;margin:0 0 6px}.field input,.field select,.field textarea{width:100%;min-width:0;padding:12px 13px;min-height:47px;border:1.5px solid #dbe5e6;background:#fdfefe;border-radius:11px;color:var(--navy);transition:border .2s,box-shadow .2s;outline:0}.field input:focus,.field select:focus,.field textarea:focus{border-color:#22a5a1;box-shadow:0 0 0 3px rgba(33,157,157,.12)}.field textarea{min-height:105px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:#a0afb8}.field.full{grid-column:1/-1}.field small{font-size:.72rem;color:#738796;display:block;margin-top:5px}.conditional[hidden]{display:none}.conditional{padding-top:2px}.form-optional{border:1px solid #e1e9e8;background:#fbfdfc;border-radius:13px;padding:10px 13px;margin-top:14px}.form-optional summary{font-size:.84rem;font-weight:800;cursor:pointer;color:var(--navy)}.form-optional .field{margin-top:12px}.form-checkbox{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;color:#516879;line-height:1.5;margin:18px 0}.form-checkbox input{margin:4px 0 0;accent-color:var(--teal);width:17px;height:17px}.form-submit{width:100%;margin-top:8px}.form-disclaimer{text-align:center;color:#7e9098;font-size:.75rem;line-height:1.5;margin:13px 0 0}.form-error{font-size:.8rem;color:#ad3c29;margin:10px 0 0}.feedback-toast{position:fixed;bottom:90px;right:18px;max-width:340px;padding:14px 18px;color:#fff;background:#113c59;border-radius:14px;z-index:100;box-shadow:var(--shadow)}.feedback-toast[hidden]{display:none}.thankyou{min-height:60vh;display:grid;place-items:center;text-align:center;padding:70px 0}.thankyou-card{background:white;border:1px solid var(--line);border-radius:26px;padding:35px 25px;box-shadow:var(--shadow);max-width:640px}.thankyou-card .icon{color:var(--teal)}.thankyou h1{font-size:2.7rem;margin-top:15px}.thankyou p{color:var(--muted)}.privacy-text{max-width:780px}.privacy-text h2{font-size:1.4rem;margin-top:25px}.privacy-text p{color:var(--muted)}
@media(min-width:600px){.container{width:min(calc(100% - 58px),var(--max))}.section{padding:78px 0}.hero{padding:46px 0 0}.hero-grid{gap:40px}.hero-visual{min-height:390px;border-radius:30px}.hero-visual img{min-height:390px}.value-item small{display:block;margin-top:7px}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.quick-contact{max-width:460px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer-grid{grid-template-columns:2fr 1fr}.end-cta{flex-direction:row;justify-content:space-between;align-items:center;padding:31px 33px}.end-cta .button-row{flex:0 0 auto}}
@media(min-width:900px){body{padding-bottom:0}.mobile-bottom-bar,.mobile-scrim,.menu-toggle,.header-wa,.mobile-menu{display:none!important}.desktop-nav{display:flex}.header-inner{min-height:87px}.brand-mark{width:55px;height:58px}.brand-name{font-size:1.25rem}.brand-tag{font-size:.7rem}.hero{padding:68px 0 42px}.hero-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center}.hero h1{font-size:clamp(3.65rem,5.7vw,5.3rem)}.hero-lead{font-size:1.12rem}.hero-visual{height:475px;border-radius:35px 35px 35px 120px;overflow:hidden;box-shadow:0 22px 60px rgba(10,65,70,.11)}.hero-visual img{height:100%;object-position:center}.hero .button-row .btn{min-width:175px}.hero-trust{gap:19px}.value-row{margin-top:0;gap:16px}.value-item{padding:23px 16px}.value-item strong{font-size:.92rem}.value-item small{font-size:.77rem}.services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.services-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.services-grid.compact .service-card-image{height:167px}.service-card-image{height:197px}.bundle{padding:38px 41px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:25px}.bundle .bundle-main{max-width:680px}.bundle-badge{margin-bottom:9px}.bundle-actions{display:flex;align-items:flex-end}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.step{padding:24px}.section-head{flex-direction:row;justify-content:space-between;align-items:end;gap:28px}.section-head p{max-width:470px}.subhero{padding:45px 0}.subhero-grid{grid-template-columns:1fr 1fr;gap:55px}.subhero-photo{min-height:330px;max-height:360px;border-radius:32px 32px 32px 95px}.subhero-photo img{min-height:330px}.quote-layout{grid-template-columns:.8fr 1.15fr;gap:55px}.quote-card-top{padding:30px 31px}.quote-form{padding:27px 30px 31px}.quote-intro{position:sticky;top:120px}.detail-item{grid-template-columns:48px 1fr}.services-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:23px}.footer-small{flex-direction:row;justify-content:space-between}.end-cta{padding:34px 45px}}
@media(max-width:370px){.brand-name{font-size:.92rem}.brand-tag{font-size:.52rem}.brand-mark{width:42px;height:43px}.header-wa,.menu-toggle{width:37px;height:37px}.container{width:min(calc(100% - 28px),var(--max))}.hero h1{font-size:2.45rem}.hero .button-row .btn{min-width:0;flex:1;font-size:.85rem;padding:11px 12px}.service-radio span{font-size:.7rem}.services-grid.compact .service-card-image{height:105px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Keep the secondary form immediately accessible on small screens. */
@media(max-width:899px){.quote-intro-visual,.quote-intro-privacy{display:none!important}.quote-layout{gap:16px}.quote-intro h1{margin-bottom:11px}.quote-intro p{margin-bottom:10px}.quote-intro>.quick-contact{margin-top:13px}.quote-intro>div[style*="margin:21px"]{margin-top:12px!important;margin-bottom:10px!important}}


/* === Premium visual refresh === */

:root{
  --navy:#0d2d4c;
  --navy-deep:#081f37;
  --navy-soft:#133b61;
  --teal:#1aa7a1;
  --teal-dark:#0f8e8b;
  --teal-soft:#daf7f2;
  --mint:#eefaf7;
  --gold:#f0b347;
  --cream:#f8f5ef;
  --paper:#ffffff;
  --paper-soft:#fcfbf8;
  --ink:#162f48;
  --muted:#607487;
  --line:#deebe8;
  --shadow:0 18px 60px rgba(8,31,55,.10);
  --shadow-lg:0 24px 80px rgba(8,31,55,.14);
  --shadow-sm:0 10px 30px rgba(8,31,55,.08);
  --r:26px;
}
html{background:var(--cream)}
body{
  font-family:"Plus Jakarta Sans",Inter,"Avenir Next","Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(1200px 500px at 100% -10%, rgba(39,198,175,.08), transparent 55%),
    radial-gradient(900px 420px at -8% 40%, rgba(13,45,76,.04), transparent 55%),
    linear-gradient(180deg, #fbfaf7 0%, #f6f4ef 100%);
  color:var(--ink);
}
h1,h2,h3,.brand-name{font-family:"Plus Jakarta Sans",Inter,sans-serif; letter-spacing:-.045em}
p{font-size:1rem}
.page-shell{position:relative}
.page-shell:before{
  content:""; position:absolute; inset:0 0 auto 0; height:580px; pointer-events:none;
  background:radial-gradient(55% 65% at 15% 0%, rgba(240,179,71,.12), transparent 65%),
             radial-gradient(55% 75% at 100% 12%, rgba(26,167,161,.10), transparent 65%);
  opacity:.8;
}
.container{position:relative; z-index:1}
.section{padding:72px 0}
.section-sm{padding:44px 0}
.eyebrow{font-size:.74rem; letter-spacing:.2em}
.section-head{margin-bottom:30px}
.section-head p{font-size:1rem}
.pill{
  background:rgba(255,255,255,.82);
  backdrop-filter:blur(12px);
  border:1px solid rgba(26,167,161,.18);
  box-shadow:0 6px 20px rgba(14,48,74,.06);
  color:var(--teal-dark);
}
.btn{
  min-height:54px;
  padding:14px 24px;
  border-radius:18px;
  font-size:.96rem;
  font-weight:800;
  box-shadow:0 8px 18px rgba(15,50,72,.05);
}
.btn:hover{transform:translateY(-3px); box-shadow:0 16px 30px rgba(8,31,55,.10)}
.btn-primary,.btn-whatsapp,.btn-white,.btn-outline,.btn-navy{position:relative; overflow:hidden}
.btn-primary:before,.btn-whatsapp:before,.btn-white:before,.btn-outline:before,.btn-navy:before{
  content:""; position:absolute; inset:0; background:linear-gradient(120deg, rgba(255,255,255,.17), transparent 32%, transparent 68%, rgba(255,255,255,.08)); pointer-events:none;
}
.btn-primary{
  background:linear-gradient(135deg, #1cb3a7 0%, #0f8f8d 60%, #1179a4 100%);
  color:#fff; box-shadow:0 14px 26px rgba(15,143,141,.28);
}
.btn-whatsapp{
  background:linear-gradient(135deg, #1cc985 0%, #0f9b76 55%, #0b8d73 100%);
  color:#fff; box-shadow:0 14px 26px rgba(13,141,115,.25);
}
.btn-outline{
  background:rgba(255,255,255,.82);
  border:1.5px solid rgba(13,45,76,.16);
  color:var(--navy-deep);
  box-shadow:0 10px 24px rgba(8,31,55,.06);
}
.btn-outline:hover{background:#fff}
.btn-white{
  background:linear-gradient(180deg, #ffffff 0%, #f7fbfb 100%);
  color:var(--teal-dark);
  box-shadow:0 12px 24px rgba(9,31,55,.12);
}
.site-header{
  background:rgba(255,255,255,.78);
  backdrop-filter:blur(18px) saturate(140%);
  border-bottom:1px solid rgba(222,235,232,.72);
}
.header-inner{min-height:82px}
.brand-mark{filter:drop-shadow(0 8px 14px rgba(8,31,55,.08))}
.brand-name{font-size:1.1rem; font-weight:900}
.brand-tag{font-size:.61rem; letter-spacing:.01em}
.desktop-nav a:not(.btn){position:relative; color:var(--navy); font-weight:750}
.desktop-nav a:not(.btn):after{
  content:""; position:absolute; left:0; right:0; bottom:-8px; margin:auto; width:0; height:2px; border-radius:999px; background:linear-gradient(90deg, var(--gold), var(--teal)); transition:width .22s ease;
}
.desktop-nav a:not(.btn):hover:after,.desktop-nav a[aria-current=page]:after{width:100%}
.header-wa,.menu-toggle{border-radius:14px; box-shadow:0 8px 18px rgba(8,31,55,.05)}
.hero{
  padding:34px 0 8px;
  background:
    radial-gradient(50% 65% at 92% 18%, rgba(26,167,161,.10), transparent 65%),
    radial-gradient(40% 40% at 6% 0%, rgba(240,179,71,.12), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.88), rgba(248,245,239,.75));
}
.hero-grid{gap:28px}
.hero-copy{
  padding:0;
}
.hero h1{max-width:700px; margin-bottom:18px}
.hero h1 .line{display:block}
.hero h1 .line.teal{
  background:linear-gradient(135deg, #1cb3a7, #0d7ea0);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
.hero-lead{font-size:1.08rem; line-height:1.7; max-width:560px}
.hero-visual{
  border-radius:34px;
  border:1px solid rgba(255,255,255,.9);
  box-shadow:var(--shadow-lg);
  min-height:310px;
}
.hero-visual:after{
  content:""; position:absolute; inset:0; background:linear-gradient(135deg, rgba(8,31,55,.10), transparent 38%, transparent 70%, rgba(255,255,255,.07)); pointer-events:none; z-index:1;
}
.visual-label{
  border-radius:16px; padding:12px 14px; backdrop-filter:blur(10px);
}
.spark{right:24px; top:18px; font-size:34px; filter:drop-shadow(0 4px 16px rgba(255,255,255,.95))}
.value-row{gap:12px; margin-top:-22px}
.value-item{
  border:1px solid rgba(222,235,232,.9);
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(14px);
  border-radius:22px;
  box-shadow:var(--shadow-sm);
  padding:16px 12px;
}
.value-item .icon{color:var(--teal-dark)}
.value-item strong{font-size:.84rem}
.service-card{
  border:1px solid rgba(222,235,232,.95);
  border-radius:28px;
  box-shadow:var(--shadow-sm);
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,.94));
}
.service-card-image{height:220px}
.service-card-image:after{content:""; position:absolute; inset:auto 0 0; height:35%; background:linear-gradient(0deg, rgba(8,31,55,.08), transparent)}
.service-card-image .icon-badge{width:54px; height:54px; border-radius:18px; bottom:14px; left:16px}
.service-card-body{padding:22px 22px 24px}
.service-card-body h3{font-size:1.28rem; margin-bottom:10px}
.service-card-body p{font-size:.95rem}
.mini-link{font-size:.9rem}
.bundle{
  padding:32px 28px;
  border-radius:34px;
  box-shadow:var(--shadow-lg);
  border:1px solid rgba(255,255,255,.10);
}
.bundle:before{content:""; position:absolute; inset:0; background:linear-gradient(145deg, rgba(255,255,255,.05), transparent 45%); pointer-events:none}
.bundle-badge{width:58px; height:58px; border-radius:18px}
.bundle h2{font-size:clamp(2rem,6vw,3rem)}
.bundle p{font-size:1rem}
.steps-grid{gap:18px}
.step{
  background:rgba(255,255,255,.88);
  border:1px solid rgba(222,235,232,.9);
  border-radius:26px;
  box-shadow:var(--shadow-sm);
  padding:24px 20px;
}
.step-num{
  width:52px; height:52px; border-radius:18px;
  background:linear-gradient(135deg, #eefaf7, #e8f4fb);
  color:var(--teal-dark); border:1px solid #d7e8e5; box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.area-card,.review-note,.inline-quote,.detail-item,.quote-card,.thankyou-card{
  border-radius:28px;
  box-shadow:var(--shadow-sm);
}
.area-card{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(234,247,244,.95));
  border:1px solid #dbeae5;
  position:relative; overflow:hidden;
}
.area-card:after{content:""; position:absolute; right:-40px; bottom:-52px; width:180px; height:180px; border-radius:50%; background:rgba(26,167,161,.10)}
.faq-list details{
  background:rgba(255,255,255,.92);
  border:1px solid rgba(222,235,232,.95);
  border-radius:20px;
  box-shadow:0 6px 20px rgba(8,31,55,.05);
  margin-bottom:12px;
}
.faq-list summary{padding:20px 20px; font-weight:800}
.faq-list details p{padding:0 20px 20px; color:var(--muted)}
.end-cta{
  background:linear-gradient(135deg, #0b2a46 0%, #0f3a60 48%, #0e7f8d 100%);
  border:1px solid rgba(255,255,255,.10);
  box-shadow:var(--shadow-lg);
  border-radius:32px;
}
.end-cta .btn-white{background:#fff}
.site-footer{background:linear-gradient(180deg, #0b2740 0%, #0a2238 100%)}
.subhero{
  background:
    radial-gradient(50% 65% at 92% 18%, rgba(26,167,161,.10), transparent 65%),
    linear-gradient(180deg, rgba(255,255,255,.92), rgba(241,248,246,.78));
}
.subhero-photo,.quote-intro-visual img{box-shadow:var(--shadow-lg)}
.detail-item{background:rgba(255,255,255,.94)}
.quote-card{border:1px solid rgba(222,235,232,.95); box-shadow:var(--shadow-lg)}
.quote-card-top{
  padding:28px 24px;
  background:linear-gradient(135deg, #0b3050 0%, #0f446a 35%, #0ea09a 100%);
}
.quote-form{padding:24px 20px 26px; background:linear-gradient(180deg,#fff,#fcfdfd)}
.service-radio span{
  border-radius:16px;
  min-height:82px;
  background:#fff;
}
.service-radio input:checked+span{box-shadow:0 12px 24px rgba(15,143,141,.12)}
.field input,.field select,.field textarea{
  min-height:52px;
  border-radius:14px;
  background:#fff;
}
.field textarea{min-height:125px}
.quick-contact a{border-radius:16px; min-height:54px; box-shadow:var(--shadow-sm)}
.quick-contact .whatsapp{background:linear-gradient(135deg, #eaf9f0, #e7fbfb)}
.form-optional{border-radius:18px}
.form-submit{min-height:58px; font-size:1rem}
.mobile-bottom-bar{
  background:rgba(255,255,255,.86);
  border-top:1px solid rgba(222,235,232,.95);
  backdrop-filter:blur(18px);
  box-shadow:0 -10px 30px rgba(8,31,55,.08);
}
.mobile-bottom-bar .btn{border-radius:16px}
@media(min-width:900px){
  .header-inner{min-height:90px}
  .hero{padding:54px 0 28px}
  .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.1fr); gap:58px}
  .hero-copy{padding:14px 0}
  .hero h1{font-size:clamp(4rem,5.8vw,5.9rem)}
  .hero-lead{font-size:1.12rem}
  .hero-visual{height:540px; border-radius:40px}
  .value-row{margin-top:-38px; grid-template-columns:repeat(3,1fr)}
  .value-item{padding:22px 18px}
  .value-item strong{font-size:.96rem}
  .services-grid{gap:24px}
  .service-card-image{height:230px}
  .service-card:hover{transform:translateY(-7px)}
  .bundle{padding:40px 42px}
  .subhero{padding:52px 0}
  .subhero-photo{border-radius:36px}
  .quote-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.1fr)}
  .quote-intro{top:112px}
}
@media(max-width:899px){
  .site-header{box-shadow:0 8px 26px rgba(8,31,55,.05)}
  .hero-copy{padding-top:4px}
  .hero-lead{font-size:1rem}
  .hero-visual{border-radius:28px}
  .services-grid.compact{grid-template-columns:1fr}
  .service-card-image{height:205px}
  .btn{min-height:52px}
  .section{padding:62px 0}
}
/* Hide the hosting badge injected by Netlify on public pages. */
iframe#nl-badge-frame {
  display: none !important;
}