@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Baskerville:wght@400;700&display=swap');
:root{--deep:#2D4136;--ink:#2D4136;--muted:#607166;--rule:#DCE6DE;--paper:#EDF3EE;--accent:#C8A75A;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:#FFFFFF}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p,figure{margin-top:0}h1,h2,h3{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;letter-spacing:-.032em}p{line-height:1.7}.container{width:min(1100px,calc(100% - 48px));margin-inline:auto}.section{padding:90px 0}.eyebrow{font-size:.75rem;letter-spacing:.12em;font-weight:700;color:#2D4136;line-height:1.4;margin-bottom:18px}.button{min-height:48px;padding:13px 24px;display:inline-flex;justify-content:center;align-items:center;border:1px solid #52745D;background:#52745D;color:#FFFFFF;font-size:.93rem;font-weight:700;white-space:nowrap;transition:background .2s}.button:hover{background:#3F604B}.button-small{padding:11px 17px;min-height:42px;font-size:.86rem}.text-link{font-size:.94rem;font-weight:700;color:var(--deep);border-bottom:1px solid var(--deep);padding-bottom:5px;display:inline-flex;align-items:center;gap:12px}.text-link:hover{color:#2D4136;border-color:#2D4136}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #DCE6DE;background:#F7F8F8;box-shadow:0 2px 7px rgba(25,40,34,.07)}.header-layout{min-height:112px;display:flex;justify-content:space-between;align-items:center;gap:24px}.brand{width:246px;flex:none}.brand img{width:100%;height:auto}.site-header nav{display:flex;gap:24px;align-items:center;font-size:.94rem;font-weight:600;color:#2D4136}.site-header nav a:hover{color:#2D4136}
.hero{background:var(--paper)}.hero-layout{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:85px;padding-top:72px;padding-bottom:70px}.hero-copy h1{font-size:clamp(2.55rem,4vw,3.7rem);line-height:1.21;color:var(--deep);margin-bottom:25px}.hero-copy>p:not(.eyebrow){font-size:1.04rem;max-width:520px;color:#2D4136}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:34px}.hero-image{margin:0}.hero-image img{width:100%;height:530px;object-fit:cover;object-position:center 48%;background:#EDF3EE}.hero-image figcaption{font-size:.75rem;color:#2D4136;padding-top:11px}
.section-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:55px;margin-bottom:42px}.section-heading h2,.process h2,.practical h2,.faq h2{font-size:clamp(1.9rem,2.65vw,2.6rem);line-height:1.3;color:var(--deep);margin:0}.section-heading>p{color:var(--muted);font-size:.96rem;margin:0;max-width:400px}
.package-comparison{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.package-option{padding:32px 40px 35px 0}.package-option+ .package-option{border-left:1px solid var(--rule);padding:32px 0 35px 40px}.package-option img{width:100%;height:280px;object-fit:cover;object-position:center 52%;background:#EDF3EE;margin-bottom:25px}.package-option.comfort img{object-position:center 42%}.comfort{border-top:3px solid var(--accent);margin-top:-3px}.package-title{display:flex;justify-content:space-between;gap:15px;align-items:start}.package-title .eyebrow{font-size:.7rem;margin-bottom:10px}.package-title h3{font-size:1.6rem;line-height:1.28;margin:0}.price{font-size:1.52rem;font-weight:700;color:var(--deep);white-space:nowrap;margin:0;padding-top:26px}.system{font-size:1rem;font-weight:700;margin:16px 0 8px;color:#2D4136}.benefit{font-size:.92rem;color:var(--muted);min-height:52px;margin-bottom:15px}.specifications{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:22px 0 23px}.specifications summary{cursor:pointer;list-style:none;position:relative;padding:15px 26px 15px 0;font-size:.87rem;font-weight:700;color:var(--deep)}.specifications summary::-webkit-details-marker{display:none}.specifications summary:after{content:'+';position:absolute;right:2px;top:12px;font-size:1.2rem;font-weight:400}.specifications[open] summary:after{content:'−'}.specifications ul{columns:2;column-gap:20px;list-style:none;margin:0 0 20px;padding:0}.specifications li{break-inside:avoid;padding:5px 0 5px 14px;position:relative;color:#2D4136;font-size:.82rem;line-height:1.45}.specifications li:before{content:'•';position:absolute;left:0;color:var(--accent)}.package-guidance{font-size:.92rem;color:var(--muted);margin:22px 0 0}.package-guidance a{color:var(--deep);font-weight:700;text-decoration:underline;text-underline-offset:4px}
.process{background:var(--paper)}.process-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:105px}.process-intro h2{max-width:410px;margin-bottom:22px}.process-intro>p:last-child{max-width:420px;color:var(--muted);font-size:.96rem}.process-list{list-style:none;margin:0;padding:0}.process-list li{display:grid;grid-template-columns:36px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--rule)}.process-list li:first-child{border-top:1px solid var(--rule)}.process-list span{font-size:.8rem;color:#2D4136;padding-top:4px}.process-list h3{font-family:'DM Sans',Arial,sans-serif;font-weight:700;letter-spacing:0;font-size:1rem;margin:0 0 4px}.process-list p{font-size:.89rem;color:var(--muted);margin:0}
.other{background:#FFFFFF}.editorial-row{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center;margin-bottom:78px}.editorial-image img{width:100%;height:485px;object-fit:cover;object-position:24% center;background:#EDF3EE}.editorial-copy h3{font-size:2rem;color:var(--deep);margin:0 0 10px}.editorial-price{font-size:1.3rem;font-weight:700;color:var(--deep);margin-bottom:15px}.editorial-copy>p:not(.eyebrow):not(.editorial-price){color:var(--muted);font-size:.95rem}.editorial-copy .specifications{margin:24px 0}.other-pair{display:grid;grid-template-columns:1fr 1fr;gap:54px;border-top:1px solid var(--rule);padding-top:42px}.other-item{display:grid;grid-template-columns:135px 1fr;gap:22px}.other-item img{width:135px;height:165px;object-fit:cover;object-position:center 42%}.other-item h3{font-size:1.3rem;color:var(--deep);margin:0 0 13px;line-height:1.3}.other-item p:not(.eyebrow){font-size:.89rem;color:var(--muted)}.other-item .eyebrow{font-size:.7rem;margin-bottom:10px}.other-price{font-weight:700;color:var(--deep)!important}.other-item .text-link{margin-top:6px;font-size:.86rem}.footwear{grid-template-columns:1fr;border-left:1px solid var(--rule);padding-left:48px}.footwear dl{margin:14px 0}.footwear dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--rule);padding:7px 0;font-size:.84rem}.footwear dd{margin:0;font-weight:700;white-space:nowrap}
.practical{background:var(--paper)}.practical-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px}.practical-layout>div+div{border-left:1px solid var(--rule);padding-left:75px}.practical h2{font-size:1.9rem}.practical p:not(.eyebrow){font-size:.91rem;color:var(--muted);margin-top:16px}.practical .text-link{margin-top:9px;font-size:.87rem}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px}.faq-layout>div:first-child>p:last-child{font-size:.95rem;color:var(--muted);margin-top:19px}.faq-list{border-top:1px solid var(--rule)}.faq-list details{border-bottom:1px solid var(--rule)}.faq-list summary{cursor:pointer;list-style:none;position:relative;padding:20px 30px 20px 0;font-size:.95rem;font-weight:600}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;top:17px;font-size:1.2rem;font-weight:400;color:#2D4136}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:.88rem;color:var(--muted);margin:0 20px 20px 0}
.closing{background:#2D4136;color:#FFFFFF;padding:60px 0}.closing-layout{display:flex;justify-content:space-between;align-items:center;gap:55px}.closing h2{font-size:2rem;line-height:1.3;margin:0 0 10px;max-width:560px}.closing p{font-size:.94rem;color:#FFFFFF;margin:0}.closing .button{background:#52745D;border-color:#52745D;color:#FFFFFF;flex:none}.closing .button:hover{background:#3F604B}footer{background:#EDF3EE}.footer-layout{display:grid;grid-template-columns:2fr 1fr 1fr;gap:45px;align-items:start;padding:42px 0}.footer-layout p,.footer-layout span{font-size:.82rem;color:#2D4136;display:block;margin:9px 0}.footer-layout strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;color:var(--deep)}.footer-layout a{font-size:.9rem;display:block;margin:10px 0;font-weight:700}.footer-fine{border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:25px;padding:18px 0 30px;color:#2D4136;font-size:.74rem}.floating-whatsapp{position:fixed;z-index:20;right:20px;bottom:20px;display:grid;place-items:center;width:52px;height:52px;background:#25D366;color:#0B3D24;border:2px solid #FFFFFF;border-radius:50%;box-shadow:0 5px 20px rgba(45,65,54,.2)}.floating-whatsapp svg{width:27px;height:27px}a:focus-visible,summary:focus-visible{outline:3px solid #52745D;outline-offset:4px}
@media(max-width:1020px){.site-header nav{gap:13px;font-size:.86rem}.brand{width:210px}.hero-layout{gap:48px}.process-layout,.faq-layout{gap:55px}.editorial-row{gap:45px}.other-pair{gap:32px}.footwear{padding-left:32px}.practical-layout{gap:45px}.practical-layout>div+div{padding-left:45px}}
@media(max-width:780px){.site-header nav{display:none}.hero-layout{gap:27px}.hero-copy h1{font-size:2.5rem}.hero-image img{height:455px}.package-option{padding-right:24px}.package-option+ .package-option{padding-left:24px}.package-title{display:block}.price{padding-top:8px}.process-layout,.faq-layout{gap:30px}.editorial-row{gap:30px}.other-item{grid-template-columns:1fr}.other-item img{width:100%;height:150px}.footwear{padding-left:25px}.practical-layout{gap:30px}.practical-layout>div+div{padding-left:30px}}
@media(max-width:650px){.container{width:calc(100% - 36px)}.section{padding:60px 0}.header-layout{min-height:96px}.brand{width:175px}.header-layout .button{font-size:.75rem;padding:10px 12px;min-height:40px}.hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:30px;padding-top:44px;padding-bottom:55px}.hero-copy h1{font-size:clamp(2.25rem,9vw,2.85rem);line-height:1.19}.hero-copy>p:not(.eyebrow){font-size:.97rem}.hero-actions{gap:19px;margin-top:25px}.hero-actions .button{flex:1}.hero-image img{height:365px}.hero-image figcaption{font-size:.7rem}.section-heading{display:block;margin-bottom:29px}.section-heading>p{margin-top:18px}.package-comparison{grid-template-columns:1fr}.package-option,.package-option+ .package-option{padding:25px 0 32px;border-left:0}.package-option+ .package-option{border-top:1px solid var(--rule)}.package-option img{height:245px;margin-bottom:19px}.package-title{display:flex}.package-title h3{font-size:1.42rem}.price{font-size:1.4rem;padding-top:20px}.benefit{min-height:0}.package-option .button{width:100%}.specifications ul{columns:2}.process-layout,.faq-layout{grid-template-columns:1fr;gap:26px}.process-intro h2{max-width:none}.process-intro>p:last-child{margin-bottom:0}.editorial-row{display:flex;flex-direction:column;align-items:stretch;gap:28px;margin-bottom:49px}.editorial-image img{height:310px;object-position:25% center}.editorial-copy h3{font-size:1.75rem}.editorial-copy .button{width:100%}.other-pair{grid-template-columns:1fr;gap:35px;padding-top:34px}.other-item{grid-template-columns:120px 1fr;gap:17px}.other-item img{width:120px;height:150px}.footwear{border-left:0;border-top:1px solid var(--rule);padding:32px 0 0;grid-template-columns:1fr}.practical-layout{grid-template-columns:1fr;gap:35px}.practical-layout>div+div{border-left:0;border-top:1px solid var(--rule);padding:32px 0 0}.closing-layout{display:block}.closing h2{font-size:1.7rem}.closing .button{margin-top:23px;width:100%}.footer-layout{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:27px}.footer-layout>div:first-child{grid-column:span 2}.footer-fine{display:block;line-height:1.6}.footer-fine span{display:block;margin-bottom:8px}.floating-whatsapp{width:48px;height:48px;right:12px;bottom:12px}}
@media(max-width:370px){.brand{width:150px}.header-layout .button{padding:9px;font-size:.69rem}.package-title{display:block}.price{padding-top:7px}.other-item{grid-template-columns:1fr}.other-item img{width:100%;height:170px}.specifications ul{columns:1}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.button{transition:none}}

/* Keep the supplied package posters fully visible at every width. */
.poster-link{display:block;margin-bottom:25px}
.poster-link img,.package-option.comfort .poster-link img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;object-position:center;margin:0;background:#FFFFFF}
@media(max-width:650px){.poster-link{margin-bottom:19px}.poster-link img,.package-option.comfort .poster-link img{height:auto}}
/* Real fitting footage, with a quiet overlay for legible text. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:#EDF3EE;color:#2D4136}
.hero-motion{position:absolute;top:0;right:0;width:50%;height:100%;object-fit:contain;object-position:center;z-index:-2}
.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(237,243,238,.97) 0%,rgba(237,243,238,.94) 37%,rgba(237,243,238,.22) 73%,rgba(237,243,238,.04) 100%);z-index:-1}
.hero-layout{display:flex;align-items:center;min-height:620px;padding-top:70px;padding-bottom:70px}
.hero-copy{max-width:590px}
.hero-copy .eyebrow{color:#2D4136}
.hero-copy h1{font-size:clamp(2.45rem,3.9vw,3.55rem);line-height:1.19;color:#2D4136;max-width:590px}
.hero-copy>p:not(.eyebrow){color:#2D4136;max-width:480px}
.hero-actions .button{background:#52745D;color:#FFFFFF;border-color:#52745D}
.hero-actions .button:hover{background:#52745D;border-color:#52745D}
.hero-actions .text-link{color:#2D4136;border-color:#2D4136}
.hero-actions .text-link:hover{color:#2D4136;border-color:#C8A75A}
@media(max-width:650px){.hero{background-image:url('assets/hero-fitting-clear-poster.jpg');background-position:center 72%;background-size:cover}.hero-motion{width:100%;object-fit:cover;object-position:center 72%}.hero:after{background:linear-gradient(180deg,rgba(237,243,238,.97) 0%,rgba(237,243,238,.96) 52%,rgba(237,243,238,.55) 76%,rgba(237,243,238,.05) 100%)}.hero-layout{min-height:575px;padding-top:48px;padding-bottom:48px;justify-content:flex-start;text-align:center}.hero-copy{max-width:480px}.hero-copy h1{font-size:clamp(2.05rem,8vw,2.8rem)}.hero-copy>p:not(.eyebrow){font-size:.97rem}.hero-actions{justify-content:center;gap:19px}.hero-actions .button{flex:0 1 auto;min-width:150px}}
@media(max-width:380px){.hero-layout{min-height:560px}.hero-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.hero-motion{display:none}.hero{background-image:url('assets/hero-fitting-clear-poster.jpg');background-repeat:no-repeat;background-position:80% center;background-size:auto 100%}}
.hero-motion{z-index:0}
.hero:after{z-index:1}
.hero-layout{position:relative;z-index:2}
/* Longer Malay labels wrap without crowding the existing layout. */
.button{white-space:normal;text-align:center;line-height:1.35}
.process-intro .text-link{margin-top:20px}
.package-guidance strong{color:var(--deep)}
@media(max-width:650px){.hero-actions .button{min-width:145px}.closing .button{max-width:100%}}

/* WhatsApp calls to action keep their familiar green. */
.button.whatsapp-button,.hero-actions .button.whatsapp-button,.closing .button.whatsapp-button{background:#25D366;border-color:#25D366;color:#0B3D24}
.button.whatsapp-button:hover,.hero-actions .button.whatsapp-button:hover,.closing .button.whatsapp-button:hover{background:#20BC59;border-color:#20BC59}

.footwear img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center;background:#F7F4EF;margin-bottom:21px}
.silicone-cover{grid-template-columns:1fr;align-content:start}
.silicone-cover img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;object-position:center;background:#F7F4EF;margin-bottom:21px}

.location{background:var(--paper);border-top:1px solid var(--rule)}
.location-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}
.location h2{font-size:clamp(1.9rem,2.65vw,2.6rem);line-height:1.3;color:var(--deep);margin:0 0 24px}
.location address{font-size:1.05rem;line-height:1.7;font-style:normal;color:var(--deep)}
.location-copy>p:not(.eyebrow){font-size:.92rem;color:var(--muted);margin:19px 0 24px}
.location-map{display:block;width:100%;height:350px;border:1px solid var(--rule);background:#FFFFFF}
@media(max-width:780px){.location-layout{grid-template-columns:1fr;gap:30px}.location-map{height:330px}}
@media(max-width:650px){.location h2{font-size:1.75rem}.location-map{height:290px}}

.contact{background:#FFFFFF}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.contact-intro h2{font-size:clamp(1.9rem,2.65vw,2.6rem);line-height:1.3;color:var(--deep);margin:0 0 20px}.contact-intro p:not(.eyebrow){font-size:.95rem;color:var(--muted)}.contact-intro a{text-decoration:underline;text-underline-offset:4px;color:var(--deep);overflow-wrap:anywhere}.contact-form{border-top:1px solid var(--rule);padding-top:23px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:21px 20px;margin-bottom:21px}.contact-form label{display:block;font-size:.87rem;font-weight:700;color:var(--deep)}.contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{display:block;width:100%;margin-top:9px;padding:12px 13px;border:1px solid #BDCBBF;border-radius:0;background:#FFFFFF;color:var(--ink);font:inherit;font-weight:400;font-size:1rem;line-height:1.4}.contact-form textarea{resize:vertical;min-height:120px}.contact-form input:focus-visible,.contact-form select:focus-visible,.contact-form textarea:focus-visible{outline:2px solid #52745D;outline-offset:2px}.contact-form .optional{color:var(--muted);font-weight:400}.contact-form .contact-consent{display:flex;gap:10px;align-items:flex-start;margin:18px 0 7px;font-weight:400;line-height:1.5}.contact-consent input{margin:4px 0 0;flex:none;accent-color:#52745D}.contact-note{font-size:.78rem;color:var(--muted);margin:0 0 20px}.contact-form button:disabled{opacity:.6;cursor:wait}.contact-status{font-size:.88rem;min-height:1.4em;margin:13px 0 0}.contact-status.success{color:#2D6240}.contact-status.error{color:#A33D2C}.contact-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.social-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:12px}.social-links a{display:inline-flex;align-items:center;gap:6px;margin:0;font-size:.81rem;font-weight:600}.social-links svg{width:22px;height:22px;flex:none}.social-links a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:780px){.contact-layout{grid-template-columns:1fr;gap:28px}}
@media(max-width:650px){.contact-fields{grid-template-columns:1fr;gap:18px}.contact-intro h2{font-size:1.75rem}.contact-form button{width:100%}.social-links{gap:14px}.social-links a{font-size:.78rem}}
section[id]{scroll-margin-top:140px}
@media(max-width:650px){section[id]{scroll-margin-top:105px}}
.header-layout{min-height:104px}
.brand{height:104px;display:flex;align-items:center;overflow:hidden}
.brand img{flex:none;mix-blend-mode:multiply}
.brand img{mix-blend-mode:normal}
section[id]{scroll-margin-top:115px}
@media(max-width:1020px){.header-layout{min-height:98px}.brand{height:90px}}
@media(max-width:650px){.header-layout{min-height:80px}.brand{height:78px}section[id]{scroll-margin-top:90px}}
@media(max-width:370px){.brand{height:68px}}

/* Keep the opening hero within the first screen beneath the sticky header. */
.hero{background:#F7EFE6;background-image:linear-gradient(120deg,#FCF8F3 0%,#F0E3D6 100%)}
.hero:after{background:linear-gradient(90deg,rgba(250,246,240,.98) 0%,rgba(250,246,240,.94) 37%,rgba(250,246,240,.18) 73%,rgba(250,246,240,0) 100%)}
.hero-motion{width:54%;height:106%;top:-3%}
.hero-layout{min-height:calc(100vh - 104px);min-height:calc(100svh - 104px);padding-top:clamp(22px,4vh,56px);padding-bottom:clamp(22px,4vh,56px)}
@media(max-width:1020px){.hero-layout{min-height:calc(100vh - 98px);min-height:calc(100svh - 98px)}}
@media(max-width:650px){
  .hero{background-image:url('assets/hero-fitting-clear-poster.jpg')}
  .hero-motion{width:100%;height:100%;top:0}
  .hero:after{background:linear-gradient(180deg,rgba(250,246,240,.98) 0%,rgba(250,246,240,.95) 50%,rgba(250,246,240,.48) 76%,rgba(250,246,240,.04) 100%)}
  .hero-layout{min-height:calc(100vh - 80px);min-height:calc(100svh - 80px);padding-top:clamp(24px,5vh,42px);padding-bottom:clamp(20px,4vh,36px)}
}
@media(max-height:650px) and (min-width:651px){.hero-layout{padding-top:20px;padding-bottom:20px}.hero-copy h1{font-size:clamp(2.1rem,3.4vw,3rem)}}
@media(max-height:620px) and (max-width:650px){.hero-layout{padding-top:16px;padding-bottom:16px}.hero-copy h1{font-size:clamp(1.85rem,7vw,2.3rem)}}
@media(prefers-reduced-motion:reduce){.hero{background-image:url('assets/hero-fitting-clear-poster.jpg');background-repeat:no-repeat;background-position:80% center;background-size:auto 100%}}
.header-actions{display:flex;align-items:center;gap:10px;flex:none}
.language-toggle{background:transparent;border:1px solid #AAB9AE;color:var(--deep);font:600 .83rem 'DM Sans',Arial,sans-serif;min-height:40px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.language-toggle:hover{background:#E6EDE8}
.language-toggle:focus-visible{outline:3px solid #52745D;outline-offset:3px}
.whatsapp-short{display:none}
.site-header nav{gap:14px}
.header-layout{gap:16px}
@media(max-width:1200px) and (min-width:781px){.header-layout{gap:12px}.site-header nav{gap:10px;font-size:.82rem}.brand{width:190px}}
@media(max-width:650px){.header-layout{gap:8px}.brand{width:clamp(120px,35vw,175px)}.header-actions{gap:6px}.language-toggle{font-size:.75rem;min-height:38px;padding:5px 8px}.whatsapp-full{display:none}.whatsapp-short{display:inline}.header-actions .button{padding:9px 10px}}
@media(max-width:370px){.brand{width:105px}.header-actions{gap:4px}.language-toggle{font-size:.7rem;padding:5px 6px}.header-actions .button{padding:8px}}

/* Flowing pale blue, with the video moved inward on wider screens. */
.hero{background:#F5FAFD}
.hero:before{content:'';position:absolute;inset:-20%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 52% 68% at 16% 36%,#CFE8F4 0%,rgba(207,232,244,0) 72%),radial-gradient(ellipse 48% 65% at 46% 78%,#DBEDF7 0%,rgba(219,237,247,0) 72%),linear-gradient(110deg,#F9FCFE 0%,#EAF5FA 52%,#F7FBFD 100%);animation:hero-blue-flow 26s ease-in-out infinite;will-change:transform}
@keyframes hero-blue-flow{0%,100%{transform:translate3d(-2%,0,0) scale(1)}50%{transform:translate3d(4%,-2%,0) scale(1.06)}}
.hero-motion{z-index:1;width:min(49vw,780px,calc(85svh - 90px));height:100%;top:0;right:6vw;object-fit:cover;object-position:center 74%}
.hero:after{z-index:2;background:linear-gradient(90deg,rgba(248,252,254,.12) 0%,rgba(248,252,254,.08) 51%,rgba(248,252,254,0) 67%)}
.hero-layout{z-index:3}
.hero-copy{max-width:500px}
.hero-copy h1{font-size:clamp(1.25rem,3.4vw,2.5rem)}
.hero-title-line{display:block;white-space:nowrap}
.hero-copy .hero-credentials{font-size:.92rem;letter-spacing:.035em;line-height:1.55;margin-bottom:20px;max-width:640px}
.hero-credentials .hero-credential-line{display:block}
.hero-credentials .hero-credential-line+.hero-credential-line{margin-top:4px}
.hero-credentials .credential-phrase{white-space:nowrap}
.hero-actions .button.whatsapp-button{background:#254A64;border-color:#254A64;color:#FFFFFF}
.hero-actions .button.whatsapp-button:hover{background:#1C394E;border-color:#1C394E;color:#FFFFFF}
@media(min-width:651px) and (max-width:1300px){.hero-copy{max-width:44%}}
@media(min-width:651px) and (max-width:1100px){.hero-motion{right:3vw}}
@media(max-width:650px){.hero:after{background:linear-gradient(180deg,rgba(248,252,254,.98) 0%,rgba(237,248,252,.96) 48%,rgba(240,249,252,.65) 73%,rgba(240,249,252,.09) 100%)}.hero-motion{width:100%;height:100%;top:0;right:0;object-fit:contain;object-position:center bottom}.hero-copy{max-width:480px}.hero-copy h1{font-size:clamp(1.15rem,5.8vw,2.25rem)}.hero-copy .hero-credentials{font-size:.82rem;letter-spacing:.015em;line-height:1.5;margin-bottom:17px}}
@media(prefers-reduced-motion:reduce){.hero:before{animation:none;will-change:auto}.hero-motion{display:none}.hero{background-image:url('assets/hero-fitting-clear-poster.jpg');background-repeat:no-repeat;background-position:right center;background-size:auto 100%}.hero:after{background:linear-gradient(90deg,rgba(248,252,254,.92) 0%,rgba(248,252,254,.56) 63%,rgba(248,252,254,.08) 100%)}}
@media(prefers-reduced-motion:reduce) and (max-width:650px){.hero{background-position:center bottom}.hero:after{background:linear-gradient(180deg,rgba(248,252,254,.98) 0%,rgba(237,248,252,.96) 48%,rgba(240,249,252,.65) 73%,rgba(240,249,252,.09) 100%)}}
/* Phone copy and uninterrupted footage share the opening viewport. */
@media(max-width:650px){
  .hero{display:grid;grid-template-rows:auto minmax(0,1fr);height:calc(100svh - 80px);background-image:none;padding-bottom:10px}
  .hero:after{display:none}
  .hero-layout{order:0;min-height:0;padding-top:16px;padding-bottom:10px}
  .hero-copy .hero-credentials{font-size:.75rem;line-height:1.4;margin-bottom:10px}
  .hero-copy h1{margin-bottom:14px}
  .hero-copy>p:not(.eyebrow){font-size:.9rem;line-height:1.45;margin-bottom:0}
  .hero-actions{margin-top:12px;gap:16px}
  .hero-actions .button{width:auto;min-width:140px;min-height:44px;padding-block:10px}
  .hero-motion{display:block;order:1;position:relative;inset:auto;z-index:3;width:calc(100% - 36px);height:100%;min-height:0;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;margin:0 auto;pointer-events:none}
}
.contact-social{margin-top:34px;padding-top:22px;border-top:1px solid var(--rule)}
.contact-social strong{display:block;font-size:.78rem;letter-spacing:.07em;color:var(--deep)}
.contact-social .social-links{gap:18px;margin-top:17px}
.contact-social .social-links a{display:inline-flex;gap:7px;align-items:center;font-size:.86rem;font-weight:600;color:var(--deep);text-decoration:none}
.contact-social .social-links a:hover{text-decoration:underline}
.contact-social .social-links svg{width:31px;height:31px}
.contact-social .facebook svg{color:#1877F2}
.contact-social .tiktok svg{color:#161823;filter:drop-shadow(-1px -1px 0 #25F4EE) drop-shadow(1px 1px 0 #FE2C55)}
.contact-address{margin-top:24px;font-style:normal;font-size:.94rem;line-height:1.65;color:var(--deep)}
.contact-address strong{font-size:.78rem;letter-spacing:.07em}
.contact-address span{color:var(--muted)}
@media(min-width:781px){
  .contact.section{padding-block:clamp(28px,4vh,42px)}
  .contact-layout{gap:60px}
  .contact-intro h2{margin-bottom:12px}
  .contact-intro p:not(.eyebrow){line-height:1.5;margin-bottom:12px}
  .contact-social{margin-top:17px;padding-top:14px}
  .contact-social .social-links{margin-top:10px}
  .contact-address{margin-top:16px;line-height:1.48}
  .contact-form{padding-top:10px}
  .contact-fields{gap:12px 18px;margin-bottom:13px}
  .contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{margin-top:6px;padding:9px 11px}
  .contact-form textarea{min-height:94px}
  .contact-form .contact-consent{margin:12px 0 5px;line-height:1.4}
  .contact-note{margin-bottom:11px}
.contact-status{margin-top:8px}
}
.site-header .button.whatsapp-button{background:#8EC8E5;border-color:#8EC8E5;color:#173D55}
.site-header .button.whatsapp-button:hover{background:#74B8D9;border-color:#74B8D9;color:#173D55}
@media(min-width:781px){.site-header nav{margin-left:24px}.site-header .header-actions{margin-left:auto;margin-right:-14px}}
@media(min-width:781px) and (max-width:1100px){.site-header nav{margin-left:8px}}
@media(min-width:1201px){.site-header nav{gap:23px}}
@media(min-width:1001px) and (max-width:1200px){.site-header nav{gap:17px}}
@media(min-width:781px) and (max-width:1000px){.site-header nav{gap:11px}}
.contact-layout{background:#E5F3FA;border:1px solid #CDE5F1;padding:22px 24px}
.contact-social,.contact-form{border-color:#BCD9E8}
@media(min-width:781px){.contact.section{padding-block:24px}.contact-layout{gap:44px;grid-template-columns:.85fr 1.15fr}}
@media(max-width:780px){.contact.section{padding-block:38px}.contact-layout{padding:22px}}
@media(max-width:650px){.contact-layout{padding:19px}}
#contact{scroll-margin-top:104px}
@media(min-width:781px){
  .contact.section{padding-block:16px}
  .contact-layout{padding-block:16px}
  .contact-status:empty{min-height:0;margin:0}
}
@media(min-width:781px) and (max-height:730px){
  .contact.section{padding-block:10px}
  .contact-layout{padding-block:12px}
  .contact-intro .eyebrow{margin-bottom:10px}
  .contact-intro h2{font-size:clamp(1.75rem,2.4vw,2rem);margin-bottom:9px}
  .contact-intro p:not(.eyebrow){line-height:1.4;margin-bottom:8px}
  .contact-social{margin-top:11px;padding-top:10px}
  .contact-social .social-links{margin-top:7px}
  .contact-address{margin-top:10px;line-height:1.38}
  .contact-fields{gap:8px 18px;margin-bottom:10px}
  .contact-form input:not([type=checkbox]),.contact-form select,.contact-form textarea{padding:8px 10px}
  .contact-form textarea{height:82px;min-height:82px}
  .contact-form .contact-consent{margin:9px 0 4px}
  .contact-note{margin-bottom:8px}
}
@media(max-width:780px){#contact{scroll-margin-top:90px}}
.footer-layout{display:block;padding:25px 0}
.footer-layout p{margin:0}
@media(max-width:650px){.contact-social .social-links{gap:14px}.contact-social .social-links a{font-size:.82rem}}

/* Product gallery uses the site's editorial rhythm and loads footage only on request. */
.gallery{background:#FFFFFF}
.gallery-group-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;padding:18px 0 20px;border-top:1px solid var(--rule)}
.gallery-group-heading .eyebrow{margin:0 0 8px}
.gallery-group-heading h3{font-size:1.55rem;line-height:1.3;margin:0}
.gallery-group-heading h3 span{font-family:'DM Sans',Arial,sans-serif;font-weight:400;font-size:.95rem;letter-spacing:0;color:var(--muted);white-space:nowrap}
.gallery-group-heading>p{font-size:.82rem;color:var(--muted);margin:0 0 3px;white-space:nowrap}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.gallery-tile{display:block;width:100%;padding:0;border:0;background:transparent;text-align:left;color:var(--ink);font:inherit;cursor:pointer}
.gallery-media{display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--paper)}
.gallery-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s ease}
.gallery-tile:hover .gallery-media img{transform:scale(1.025)}
.play-mark{position:absolute;left:15px;bottom:15px;width:40px;height:40px;display:grid;place-items:center;padding-left:2px;border-radius:50%;background:#FFFFFF;color:var(--deep);font-size:.82rem;box-shadow:0 3px 14px rgba(36,48,58,.15)}
.gallery-caption{display:flex;flex-direction:column;gap:3px;padding:11px 0 0;font-size:.9rem;font-weight:700;line-height:1.35}
.gallery-caption small{color:var(--muted);font-size:.79rem;font-weight:400}
.gallery-extra{margin-top:30px}
.gallery-extra summary{display:table;cursor:pointer;color:var(--deep);border-bottom:1px solid var(--deep);padding:0 0 5px;font-weight:700;font-size:.91rem}
.gallery-extra .gallery-grid{padding-top:26px}
.gallery-group-separator{height:64px}
.gallery-dialog{width:min(880px,calc(100% - 26px));max-height:calc(100% - 26px);padding:0;border:0;background:#FFFFFF;color:var(--ink);box-shadow:0 20px 70px rgba(0,0,0,.25)}
.gallery-dialog::backdrop{background:rgba(20,32,26,.78)}
.gallery-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 17px;font-size:.92rem}
.gallery-close{border:0;background:transparent;color:var(--deep);font:inherit;font-weight:700;cursor:pointer;padding:8px}
.gallery-dialog video{display:block;width:100%;max-height:calc(100vh - 100px);background:#151515;object-fit:contain}
@media(max-width:780px){.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}}
@media(max-width:650px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 13px}.gallery-group-heading{display:block}.gallery-group-heading h3{font-size:1.32rem}.gallery-group-heading h3 span{display:block;margin-top:3px;font-size:.85rem}.gallery-group-heading>p{margin:9px 0 0}.gallery-group-separator{height:46px}.gallery-media{aspect-ratio:3/4}.gallery-caption{font-size:.83rem}.play-mark{left:10px;bottom:10px;width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.gallery-media img{transition:none}.gallery-tile:hover .gallery-media img{transform:none}}

/* Compact, accessible navigation on phones and tablets. */
.menu-toggle{display:none}
@media(max-width:780px){
  .menu-toggle{display:grid;place-items:center;flex:none;width:38px;height:40px;padding:0;border:1px solid #D5DBDF;border-radius:4px;background:transparent;color:#24303A;font-size:22px;line-height:1;cursor:pointer}
  .menu-toggle:focus-visible{outline:2px solid #24303A;outline-offset:3px}
  .site-header.menu-open nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));position:absolute;top:100%;left:0;right:0;margin:0;padding:12px 18px 16px;gap:4px 12px;background:#F7F8F8;border-bottom:1px solid #D5DBDF;box-shadow:0 5px 10px rgba(36,48,58,.07);max-height:calc(100svh - 104px);overflow-y:auto}
  .site-header.menu-open nav a{display:flex;align-items:center;min-height:44px;padding:8px 10px;font-size:.94rem;font-weight:500}
}
@media(max-width:650px){.header-layout{gap:8px}.header-actions{gap:4px}.menu-toggle{width:34px;height:38px;font-size:21px}.site-header.menu-open nav{max-height:calc(100svh - 80px)}}