/* A separate visual treatment; reference.html preserves the supplied screenshot design. */
:root{--ink:#12293b;--night:#102330;--blue:#9cd9f1;--strong:#246386;--paper:#f8f9f7;--muted:#66757b;--line:#d8e1e4}.wrap{max-width:1440px;padding:0 5vw}.preview-bar{background:#122b3c;color:#bbd4e1;font-size:10px;letter-spacing:.13em;padding:8px}.site-header{background:#f8f9f7f2}.nav-row{height:96px}.brand img{width:46px;height:46px}.wordmark{font-size:24px}.desktop-nav{letter-spacing:.03em;font-size:10px;gap:23px}.nav-cta{background:var(--ink);border-radius:30px;padding:13px 20px}.lang{border-radius:50%;width:37px;height:37px;padding:0}.hero{background:#f8f9f7;color:var(--ink);padding:65px 0 34px}.hero:before{background:linear-gradient(90deg,transparent 69%,#e8eff1 69%)}.hero-grid{grid-template-columns:.85fr 1.25fr;gap:6vw}.hero .tag{color:var(--strong);font-size:10px;letter-spacing:.17em;margin-bottom:30px}.hero h1{font-size:clamp(48px,5.8vw,88px);font-weight:500;line-height:1.01;letter-spacing:-.065em;max-width:10ch}.hero h1 span{color:#3d7b9a}.hero-copy{color:#66757b;font-size:14px;line-height:1.85;max-width:350px;margin-top:30px}.button{border-radius:30px;min-height:49px;padding:14px 23px;font-size:11px}.button.blue{background:#16374c;color:white}.hero .button.ghost{color:#16374c;border:1px solid #b8cbd4}.hero-main{position:relative;padding-bottom:17px}.hero-main img{border-radius:100px 0 0 0;box-shadow:0 22px 50px #183c4712}.photo-caption{color:#3f6479;font-size:9px;letter-spacing:.1em;padding-top:5px}.hero-bottom{gap:5vw;margin-top:42px}.hero-bottom figure{border-color:#b9cbd5;padding-top:22px;grid-template-columns:145px 1fr}.hero-bottom img{width:145px;border-radius:2px}.hero-bottom h3{color:#18374c;font-size:19px}.hero-bottom p{color:#66757b;font-size:12px}.hero-bottom .tag{font-size:9px;margin:0}.location-bar{background:#e8f0f4;padding:22px 0}.location-bar .wrap{font-size:10px;letter-spacing:.11em}.section{padding:112px 0}.section-head{margin-bottom:48px}.section-head h2{font-weight:500;font-size:clamp(38px,4.4vw,65px);letter-spacing:-.055em}.section-head .sub{font-size:13px;line-height:1.9;max-width:340px}.portfolio{background:#f8f9f7}.gallery{gap:32px 22px}.gallery img{border-radius:2px}.gallery figcaption{font-size:9px;color:#476478;padding-top:4px}.gallery .intro-card{border:0;background:#e9f0f2;padding:36px}.intro-card h3{font-size:clamp(28px,3.1vw,43px);letter-spacing:-.055em;font-weight:500}.intro-card p{line-height:1.85}.count{font-size:9px}.services{background:#edf2f4}.service-grid{gap:24px}.service-card{background:#fff;border:0;box-shadow:none}.service-text{padding:34px}.service-text h3{font-weight:500;letter-spacing:-.035em}.service-text p{font-size:13px;line-height:1.85}.service-text .tag{font-size:9px}.quote-row{border-color:#cddce3}.pricing-grid{gap:16px}.price-card{background:#fff;border:1px solid #d7e2e8;border-top:2px solid #426c85;border-radius:2px;padding:30px}.price-card h3{font-size:21px;font-weight:500}.price-card .amount{font-size:40px;font-weight:500}.price-card .sale-price{color:#215d80}.about{background:#122d40}.about-grid{gap:10vw}.about-logo{background:#163448;border-color:#345268;border-radius:2px;max-width:460px;padding:45px}.about h2{font-size:clamp(40px,4.8vw,66px);font-weight:500}.about p{line-height:1.9}.process{background:#f8f9f7}.steps{gap:35px}.step{border-top:1px solid #c6d5dc;padding-top:24px}.step-no{color:#2e6d92}.step h3{font-weight:500;max-width:13ch}.prep{background:#eaf1f5;border-left:2px solid #477f9e}.faq{background:#edf2f4}.faq h2{font-weight:500;font-size:clamp(38px,4.4vw,62px)}.faq details{border-color:#cbd9df}.faq summary{font-weight:500;font-size:14px}.contact{background:#102330}.contact h2{font-size:clamp(42px,4.8vw,68px);font-weight:500}.contact-grid{gap:9vw;grid-template-columns:1fr 1fr}.contact-links a{font-size:16px}.inquiry{background:#183344;padding:34px;border:1px solid #365061;border-radius:3px}.fields input,.fields select,.fields textarea,.date-trigger{background:#142e40;border-color:#4b6474}.inquiry .button.blue{background:#9cd9f1;color:#102330;width:100%;margin-top:20px}.footer{background:#102330;color:#a8bac6;border-top:1px solid #304b5d;padding-bottom:80px}.design-switch a[href="index.html"]{background:#9cd9f1;color:#102330}@media(min-width:1500px){.wrap{padding:0 64px}}@media(max-width:1000px){.desktop-nav{gap:14px}.hero-grid{gap:35px}.hero h1{font-size:60px}.hero-bottom figure{grid-template-columns:115px 1fr}.hero-bottom img{width:115px}.contact-grid{gap:5vw}}@media(max-width:850px){.nav-row{height:78px}.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr 1.1fr;gap:25px}.hero h1{font-size:48px}.hero-copy{font-size:12px}.hero-actions{gap:8px}.hero-actions .button{padding:12px 17px}.hero-main img{border-radius:60px 0 0 0}.hero-bottom figure{grid-template-columns:100px 1fr}.hero-bottom img{width:100px}.hero-bottom h3{font-size:16px}.hero-bottom p{font-size:10px}.section{padding:75px 0}.about-grid{gap:6vw}.inquiry{padding:24px}}@media(max-width:680px){.wrap{padding:0 24px}.hero{padding:35px 0 30px}.hero:before{background:linear-gradient(180deg,transparent 60%,#e8eff1 60%)}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:64px;max-width:10ch}.hero-copy{font-size:14px;max-width:90%}.hero .tag{margin-bottom:25px}.hero-main img{border-radius:65px 0 0 0}.hero-bottom{gap:22px}.hero-bottom figure{display:block}.hero-bottom img{width:100%;margin-bottom:15px}.hero-bottom h3{font-size:17px}.hero-bottom p{font-size:11px}.hero-bottom .tag{font-size:8px}.location-bar .wrap{font-size:8px;gap:14px;line-height:1.7}.section{padding:65px 0}.section-head{gap:22px;margin-bottom:30px}.section-head h2{font-size:40px}.section-head .sub{font-size:12px}.gallery{gap:25px 14px}.gallery .intro-card{padding:24px}.intro-card h3{font-size:30px}.about-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.about-logo{padding:35px;max-width:340px}.service-text{padding:24px}.contact h2{font-size:46px}.inquiry{padding:24px}.design-switch{bottom:12px}.design-switch a{font-size:10px;padding:8px 12px}}@media(max-width:360px){.hero h1{font-size:55px}}
@media(max-width:400px){.nav-row{gap:10px}.brand{gap:7px}.brand img{height:33px;width:33px}.wordmark{font-size:20px}.lang{height:32px;width:32px}.mobile-toggle{padding:5px 9px}.hero h1{font-size:58px}}