@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b3454;--blue:#095b90;--sky:#e8f5fa;--lime:#d9ef81;--muted:#516672;--line:#dbe4e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:#fbfcfc;color:var(--ink);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}p,h1,h2,h3{margin:0}p+p{margin-top:18px}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.17;letter-spacing:-.045em}h1{font-size:clamp(2.4rem,3.55vw,3.55rem);font-weight:600}h1 em{display:block;margin-top:14px}h2{font-size:clamp(2rem,3.2vw,3rem);font-weight:500}h3{font-size:1.4rem;letter-spacing:-.025em}em{font-style:normal;color:var(--blue)}header{height:96px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;background:#fbfcfcf5;backdrop-filter:blur(16px);z-index:50;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:15px;font-size:18px;font-weight:600;line-height:1.25;flex-shrink:0}.brand b{font-family:Georgia,serif;font-size:43px;font-weight:400;letter-spacing:-.08em;border-right:1px solid var(--line);padding-right:18px}.brand small{display:block;font-size:9px;letter-spacing:.08em;font-weight:400;margin-top:8px}nav{display:flex;gap:24px;font-size:13px}nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;padding:17px 25px;border-radius:8px;font-size:14px;font-weight:600;border:1px solid var(--ink);cursor:pointer;text-align:center;line-height:1.4;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px);background:var(--blue)}.button.small{font-size:12px;padding:13px 17px}.menu{display:none}.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:600;line-height:1.7;margin-bottom:22px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:6%;padding:65px 6vw 75px;background:linear-gradient(110deg,#e7f4fa,#f1f8fa 65%,#e0eff6);align-items:center;overflow:hidden}.intro{font-size:17px;color:var(--muted);margin-top:26px;max-width:550px}.actions{display:flex;gap:24px;align-items:center;margin-top:30px;flex-wrap:wrap}.text-link{font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.notes{display:flex;gap:20px;font-size:11px;color:var(--muted);margin-top:22px}.visual{position:relative;max-width:530px;padding-right:22px}.photo{height:565px;border-radius:100px 16px 16px 16px;overflow:hidden;position:relative;background:#d7e4e9}.photo img{width:100%;height:100%;object-fit:cover;object-position:center 36%;transition:transform 1s}.photo:hover img{transform:scale(1.04)}.photo:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#062d49ed)}.caption{position:absolute;bottom:28px;left:30px;z-index:2;color:white}.caption small{font-size:10px;letter-spacing:.12em}.caption p{font-family:Manrope,sans-serif;font-size:24px;line-height:1.35;margin-top:12px;letter-spacing:-.025em}.tag{position:absolute;top:35px;left:-25px;padding:15px 20px;background:var(--lime);border-radius:10px;display:flex;gap:15px;align-items:center;font-size:14px;font-weight:600;animation:float 7s ease-in-out infinite;box-shadow:0 12px 35px #0b345415}.tag>span{font-size:34px;line-height:1}.tag small{display:block;font-size:11px;font-weight:400}.vertical{position:absolute;writing-mode:vertical-rl;right:-12px;top:120px;font-size:9px;letter-spacing:.2em}.credentials{display:grid;grid-template-columns:repeat(4,1fr);padding:30px 6vw;background:var(--ink);color:white}.credentials div{padding:0 25px;border-right:1px solid #ffffff30}.credentials div:first-child{padding-left:0}.credentials div:last-child{border:0}.credentials strong{display:block;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:-.04em;font-weight:500}.credentials span{display:block;font-size:12px;color:#ccdce6}.section{padding:96px 7vw}.heading{max-width:800px;margin-bottom:48px}.heading>p:last-child{margin-top:24px;color:var(--muted);max-width:650px;font-size:17px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.pillars article{padding:30px;border:1px solid var(--line);border-radius:14px;transition:transform .3s,box-shadow .3s}.pillars article:hover{transform:translateY(-6px);box-shadow:0 18px 40px #0b34540d}.pillars article:last-child{background:var(--sky)}.pillars small{font-size:10px;letter-spacing:.09em;font-weight:600}.symbol{display:flex;height:100px;align-items:center;font-size:48px;color:var(--blue)}.pillars h3{margin-bottom:16px;font-size:22px}.pillars p{font-size:15px;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1.1fr;gap:9%;align-items:center}.two h2{margin-bottom:25px}.two>div>p:not(.eyebrow){color:var(--muted)}.sky{background:var(--sky)}.questions p{border-bottom:1px solid #bdd4df;padding:18px 0;font-family:Manrope,sans-serif;font-size:19px;line-height:1.5;letter-spacing:-.02em;margin:0}.questions small{font-size:11px;margin-right:16px;color:var(--blue)}.questions>span{display:block;font-size:13px;margin-top:26px;color:var(--blue)}.process{display:grid;grid-template-columns:1fr 1.25fr;gap:30px}.steps{display:flex;flex-direction:column;gap:10px}.steps button{background:none;border:1px solid var(--line);border-radius:10px;padding:21px 24px;text-align:left;font-size:18px;font-weight:600;color:var(--ink);cursor:pointer;transition:.25s}.steps button>span{float:left;display:flex;align-items:center;justify-content:center;width:39px;height:39px;border:1px solid var(--line);border-radius:50%;font-size:12px;margin:5px 20px 0 0}.steps small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}.steps [aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.steps [aria-selected=true] small{color:#cadce8}.steps [aria-selected=true]>span{background:var(--lime);color:var(--ink);border-color:var(--lime)}.panel{padding:34px 40px;background:var(--sky);border-radius:14px;display:flex;flex-direction:column;justify-content:space-between;min-height:430px}.panel-number{font-family:Manrope,sans-serif;font-size:80px;line-height:1;color:#a6c6d6}.panel .eyebrow{margin-top:30px;margin-bottom:14px;font-size:10px}.panel h3{font-size:27px;max-width:420px;margin-bottom:20px}.panel p:not(.eyebrow){font-size:15px;color:var(--muted)}.panel p.panel-note{border-top:1px solid #c6dce6;padding-top:18px;margin-top:22px;font-size:13px;color:var(--blue)}.center{text-align:center;margin-top:36px}.parents{background:var(--lime)}.parents em{color:var(--ink);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:8px}.parents .text-link{display:inline-block;margin-top:24px}.about-photo img{height:550px;width:100%;object-fit:cover;object-position:center 35%;border-radius:14px 100px 14px 14px;display:block}.about-photo small{font-size:9px;letter-spacing:.12em;text-align:center;display:block;margin-top:18px}.about h2{margin-bottom:14px}.about h3{font-size:20px;color:var(--blue);line-height:1.5;margin-bottom:24px}.about-note{border-left:3px solid var(--lime);padding-left:20px;margin:28px 0}.about-note strong{font-size:15px}.about-note p{font-size:14px;color:var(--muted);margin-top:8px}.stories{background:#f0f5f7}.quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.quotes figure{margin:0;border-top:1px solid #b7ccd6;padding-top:10px;display:flex;flex-direction:column}.quotes figure>span{font-family:Georgia,serif;font-size:70px;line-height:1;color:var(--blue)}blockquote{margin:0 0 28px;font-size:18px;line-height:1.7;letter-spacing:-.01em}figcaption{margin-top:auto;font-size:14px;font-weight:600}figcaption small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:4px}.faq{align-items:start}.faq>div>p:last-child{max-width:350px}details{padding:20px 0;border-bottom:1px solid var(--line)}details:first-child{padding-top:0}summary{display:flex;align-items:center;justify-content:space-between;gap:18px;cursor:pointer;font-size:16px;font-weight:600;line-height:1.5;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:25px;font-weight:400}details[open] summary:after{content:'−'}details p{padding-top:16px;font-size:15px;color:var(--muted)}.closing{background:var(--ink);color:white}.closing h2{font-size:clamp(2.5rem,4vw,3.6rem)}.closing h2 em{color:var(--lime)}.closing>div>p:not(.eyebrow){color:#ccdde8;font-size:17px;margin-bottom:28px}.lime{background:var(--lime);border-color:var(--lime);color:var(--ink)}.lime:hover{background:#e2f5a6}.closing-note{display:block;font-size:11px;color:#b7cfde;margin-top:15px}form{background:white;color:var(--ink);padding:32px;border-radius:14px}form h3{font-size:26px}form>p{font-size:14px;color:var(--muted);margin:12px 0 22px}label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}label small{font-size:12px;font-weight:400;color:var(--muted)}input,textarea{width:100%;padding:12px 14px;border:1px solid #cad7df;border-radius:7px;background:#fbfcfd;color:var(--ink);font-size:15px;margin-bottom:17px}textarea{resize:vertical}form button{width:100%}.form-note{display:block;font-size:11px;line-height:1.6;color:var(--muted);margin-top:14px}footer{padding:35px 6vw;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.floating{position:fixed;bottom:22px;right:22px;width:56px;height:56px;background:var(--lime);border-radius:50%;z-index:25;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 22px #0b345430;transition:transform .2s}.floating:hover{transform:scale(1.08)}.floating svg{width:26px;height:26px}.progress{position:fixed;top:0;left:0;height:3px;background:var(--blue);width:0;z-index:100}.skip{position:fixed;top:-100px;left:20px;background:white;padding:10px;z-index:200}.skip:focus{top:10px}:focus-visible{outline:3px solid #478fb8;outline-offset:5px}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}@keyframes float{50%{transform:translateY(-8px)}}@media(min-width:1600px){header,.hero,.section,.credentials,footer{padding-left:calc((100vw - 1360px)/2);padding-right:calc((100vw - 1360px)/2)}}@media(max-width:1100px){header .button{display:none}nav{font-size:12px;gap:18px}.photo{height:535px}.hero{gap:4%;padding-top:45px}.section{padding:75px 6vw}.pillars article{padding:24px}.credentials div{padding:0 18px}.two{gap:7%}.about-photo img{height:510px}.panel{padding:30px}.process{gap:20px}}@media(max-width:760px){html{scroll-padding-top:90px}header{height:80px;padding:0 22px}.brand{font-size:16px;gap:12px}.brand b{font-size:35px;padding-right:12px}.brand small{font-size:8px;letter-spacing:.04em}.menu{display:block;background:none;border:1px solid var(--line);padding:8px 12px;border-radius:7px;font-size:13px;color:var(--ink)}nav{display:none;position:absolute;left:0;right:0;top:80px;padding:20px;background:#fbfcfc;border-bottom:1px solid var(--line);font-size:15px}nav.open{display:flex;flex-direction:column}.hero{grid-template-columns:1fr;padding:36px 24px 44px;gap:35px}h1{font-size:2.35rem}.eyebrow{font-size:10px;margin-bottom:20px}.intro{font-size:16px;margin-top:22px}.actions{gap:18px}.button{padding:15px 20px}.notes{gap:14px;font-size:10px}.visual{width:100%;max-width:500px;padding:0 14px 0 10px;margin:auto}.photo{height:410px;border-top-left-radius:80px}.tag{top:22px;left:0;padding:11px 15px;font-size:13px}.tag small{font-size:10px}.tag>span{font-size:27px}.vertical{right:-6px;font-size:9px}.caption{left:22px;bottom:22px}.caption p{font-size:22px}.credentials{grid-template-columns:repeat(2,1fr);padding:26px 24px;gap:25px 15px}.credentials div{padding:0 12px 0 0!important}.credentials div:nth-child(2){border:0}.credentials strong{font-size:20px}.credentials span{font-size:11px;line-height:1.5;margin-top:5px}.section{padding:62px 24px}h2{font-size:2.1rem}.heading{margin-bottom:32px}.heading>p:last-child{font-size:16px}.pillars,.two,.process,.quotes{grid-template-columns:1fr}.pillars{gap:15px}.pillars article{padding:25px}.symbol{height:75px;font-size:40px}.two{gap:35px}.questions p{font-size:18px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:8px}.steps button{font-size:14px;padding:14px 12px;line-height:1.4}.steps button>span{float:none;width:28px;height:28px;margin:0 0 8px;font-size:10px}.steps small{font-size:10px}.panel{min-height:395px;padding:27px}.panel-number{font-size:60px}.panel h3{font-size:24px}.about-photo img{height:440px}.quotes{gap:35px}blockquote{font-size:18px;margin-bottom:20px}.closing h2{font-size:2.6rem}form{padding:25px}.closing{padding-bottom:75px}footer{flex-direction:column;align-items:flex-start;padding:30px 24px 85px;gap:20px}.floating{height:50px;width:50px;right:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
/* Layout that adapts to narrow screens, tablets and enlarged text. */
.hero,.two,.process{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.process{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}
.pillars,.quotes{grid-template-columns:repeat(3,minmax(0,1fr))}
.hero>*,.two>*,.process>*,.pillars>*,.quotes>*{min-width:0}
img{max-width:100%}h1,h2,h3,p,blockquote{overflow-wrap:break-word}
input,textarea{font-size:1rem;min-height:48px}
.button{min-height:48px}.notes{flex-wrap:wrap;row-gap:8px}
header{height:auto;min-height:96px;padding-top:16px;padding-bottom:16px}
.brand{min-width:0}.brand span{min-width:0}.brand small{line-height:1.5}
.credentials div{min-width:0}.steps button{min-width:0}
@media(min-width:761px) and (max-width:960px){
 header{min-height:80px;padding:14px 5vw}header .button{display:none}
 .menu{display:block;background:none;border:1px solid var(--line);padding:10px 16px;border-radius:7px;font-size:14px;color:var(--ink);min-height:44px}
 nav{display:none;position:absolute;left:0;right:0;top:100%;padding:22px 5vw;background:#fbfcfc;border-bottom:1px solid var(--line);font-size:16px}
 nav.open{display:flex;flex-direction:column;gap:8px}nav a{padding:10px 0}
 .hero{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);padding:42px 5vw 50px;gap:30px}
 h1{font-size:clamp(2rem,4.2vw,2.7rem)}.intro{font-size:16px}
 .photo{height:500px;border-top-left-radius:70px}.caption{left:22px;bottom:22px}.caption p{font-size:20px}.caption small{font-size:9px}
 .tag{left:-12px;padding:12px 14px;font-size:12px}.tag small{font-size:10px}.tag>span{font-size:26px}
 .pillars{gap:14px}.pillars article{padding:20px}.pillars h3{font-size:20px}.pillars small{font-size:10px}
 .section{padding:65px 5vw}.two{gap:35px}.about-photo img{height:480px}
 .process{gap:18px}.steps button{padding:18px 16px;font-size:16px}.steps button>span{margin-right:12px;width:32px;height:32px}.panel{padding:26px}.panel h3{font-size:24px}
 .credentials{padding:26px 5vw}.credentials div{padding:0 12px}.credentials strong{font-size:20px}.credentials span{font-size:11px}
 .closing{grid-template-columns:minmax(0,1fr);gap:32px}.closing form{max-width:620px;width:100%}.closing>div{max-width:650px}
 footer{flex-wrap:wrap;gap:22px}
}
@media(max-width:760px){
 header{min-height:80px;padding:13px 20px;gap:14px}.menu{flex-shrink:0;min-height:44px;padding:9px 12px}
 nav{top:100%;max-height:calc(100dvh - 85px);overflow:auto;gap:0}nav a{padding:12px 0;min-height:44px}
 .hero,.two,.process,.pillars,.quotes{grid-template-columns:minmax(0,1fr)}
 .hero{padding-top:30px}.hero .eyebrow{max-width:340px;line-height:1.8}
 h1{font-size:clamp(1.95rem,6.4vw,2.65rem);line-height:1.2}
 h2{font-size:clamp(1.9rem,6vw,2.4rem)}
 .actions{align-items:flex-start;gap:18px}.actions .button{width:100%}.actions .text-link{padding:5px 0}
 .photo{height:clamp(350px,105vw,480px)}.caption p{font-size:clamp(19px,5.1vw,24px)}
 .tag{max-width:calc(100% - 20px)}.credentials{grid-template-columns:repeat(2,minmax(0,1fr))}
 .steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps button{min-height:125px;display:flex;flex-direction:column;align-items:flex-start;font-size:14px}.steps button>span{flex-shrink:0}
 .steps small{line-height:1.5}.panel{min-height:0;gap:28px}.panel .eyebrow{margin-top:0}.panel h3{font-size:25px}
 .about-photo img{height:clamp(360px,112vw,520px)}
 .closing h2{font-size:clamp(2.05rem,7vw,2.8rem)}.closing .button{width:100%}
 .section{padding:58px 24px}.closing{padding-bottom:68px}
 footer{align-items:flex-start}footer .brand{max-width:100%}footer .brand small{max-width:230px}
 .floating{bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right))}
}
@media(max-width:380px){
 header{padding:12px 16px;gap:8px}.brand{gap:9px;font-size:14px}.brand b{font-size:31px;padding-right:10px}.brand small{font-size:8px;max-width:155px;letter-spacing:0}.menu{font-size:12px;padding:9px 10px}
 .hero,.section{padding-left:20px;padding-right:20px}.hero{gap:28px}
 .notes{font-size:11px;gap:6px 14px}.photo{border-top-left-radius:60px}.caption{left:18px;right:14px}.caption small{font-size:8px;letter-spacing:.07em}.vertical{font-size:8px}
 .credentials{padding:24px 20px;gap:22px 12px}.credentials strong{font-size:18px}.credentials span{font-size:11px}
 .questions p{font-size:17px}.questions small{margin-right:10px}.steps button{padding:13px 11px}.panel{padding:23px}
 form{padding:22px}label{font-size:14px}.form-note{font-size:12px}.pillars small{font-size:11px}.about-photo small{font-size:10px}
}
/* Contact shortcuts enter only after the opening section. */
.after-hero{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}
.after-hero.is-visible{visibility:visible;opacity:1;pointer-events:auto}
.hero h1 em{display:inline;margin-top:0}
#contact-form{scroll-margin-top:125px}
@media(max-width:1100px){header .menu-cta.is-visible{display:inline-flex;font-size:12px;padding:12px 15px}}
@media(max-width:960px){
 header{flex-wrap:wrap;column-gap:16px;row-gap:0}
 header .brand{flex:1}.menu{order:1}header .menu-cta{order:2;flex-basis:100%;display:none;margin-top:0}
 header .menu-cta.is-visible{display:flex;margin-top:12px}
 nav{z-index:2}
 #contact-form{scroll-margin-top:160px}
}
@media(prefers-reduced-motion:reduce){.after-hero{transition:none}}
/* Center the FAQ title and list in a single reading column. */
.section.faq{display:flex;flex-direction:column;align-items:center;gap:40px}
.faq>div{width:100%;max-width:820px}
.faq>div:first-child{max-width:700px;text-align:center}
.faq>div:first-child>p:last-child{max-width:540px;margin-left:auto;margin-right:auto}
.faq h2{margin-bottom:20px}
.faq details{text-align:left}
@media(max-width:760px){.section.faq{gap:30px}.faq>div{max-width:100%}}
/* Mobile opening: introduction, portrait, then centered contact actions. */
@media(max-width:760px){
 .hero>div:first-child{display:contents}
 .hero>.visual{order:3}
 .hero .eyebrow{order:0;margin-bottom:0}
 .hero h1{order:1}
 .hero .intro{order:2;margin-top:0}
 .hero .actions{order:4;margin-top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;width:100%}
 .hero .actions .button{width:100%;max-width:360px}
 .hero .actions .text-link{align-self:center;text-align:center}
}

.form-honey{display:none!important}#form-status{font-size:14px;line-height:1.5;margin:16px 0 8px}#form-status[data-state=error]{color:#a62a25}#form-status[data-state=success]{color:var(--blue)}#form-whatsapp{display:inline-block;margin-top:8px}#form-whatsapp[hidden],#form-status[hidden]{display:none}form button:disabled{opacity:.7;cursor:wait;transform:none}
