.homepage-final{color:#1c293c;background:#fff}.homepage-final *{box-sizing:border-box}.homepage-final{--home-max:1440px;--home-gutter:24px}.home-contact,.home-closing{width:min(var(--home-max),calc(100% - 48px));margin-inline:auto}.home-eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#087fe5;line-height:1.5;margin:0 0 20px}.home-contact h2,.home-closing h2{font:750 clamp(38px,4vw,54px)/1.03 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:0}.home-contact{display:grid;grid-template-columns:.8fr 1.05fr .95fr;gap:28px;align-items:start;padding-block:58px}.home-contact h2{margin-bottom:18px}.home-contact-copy>p:not(.home-eyebrow){font-size:16px;line-height:1.55;color:#5c6979;max-width:340px}.home-contact form{display:grid;gap:7px}.home-contact input,.home-contact textarea{width:100%;border:1px solid #d5e0e7;border-radius:2px;padding:11px 12px;font:14px Arial,sans-serif;color:#1c293c}.home-contact textarea{resize:vertical}.home-contact button{border:0;background:#087fe5;color:#fff;min-height:46px;font-weight:700;cursor:pointer}.home-contact img{width:100%;height:214px;object-fit:cover}.home-closing{background:#087fe5;color:#fff;text-align:center;max-width:none;width:100%;padding:52px 24px}.home-closing .home-eyebrow{color:#c8eaff}.home-closing h2{color:#fff}.home-closing>p:not(.home-eyebrow){max-width:520px;margin:16px auto 24px}.home-closing>a:last-child{display:block;margin-top:14px;font-size:20px;font-weight:700}
@media(max-width:800px){.home-contact{width:calc(100% - 40px)}.home-contact h2,.home-closing h2{font-size:clamp(34px,9vw,46px)}.home-contact{grid-template-columns:1fr;gap:22px;padding-block:52px}.home-contact img{height:220px;order:3}.home-closing{padding:44px 20px}}


/* Hero keyvisual: crisp asymmetric photo with a separate Marie-blue shape behind it. */






/* Final UI rhythm and surface refinement. */
.global-header{background:#f7f8f9}


















.home-contact{position:relative;padding:82px 34px;border:1px solid #d7e1e8;box-shadow:0 14px 32px rgba(28,41,60,.08);margin-bottom:104px}
.home-contact:after{content:'';position:absolute;right:-14px;bottom:-14px;width:90px;height:90px;background:#087fe5;z-index:-1;clip-path:polygon(24% 0,100% 0,100% 76%,76% 100%,0 100%,0 24%)}
.home-contact form{gap:10px}
.home-contact input,.home-contact textarea{padding:14px;border-color:#cbd8e1;background:#fbfcfd}
.home-contact button{min-height:50px}
.home-contact{padding-block:58px;margin-bottom:58px}
.home-contact-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.home-contact-actions button,.home-whatsapp{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 14px;font:700 13px/1 Arial,sans-serif;text-decoration:none}
.home-whatsapp{background:#25d366;color:#fff}
.home-contact img{height:230px;clip-path:polygon(10% 0,92% 0,100% 15%,100% 86%,88% 100%,8% 100%,0 84%,0 16%)}
.home-closing{background:#fff;color:#1c293c;padding:92px 24px 104px;border-top:1px solid #d7e1e8}
.home-closing .home-eyebrow{color:#087fe5}
.home-closing h2{color:#1c293c}
.home-closing>p:not(.home-eyebrow){max-width:560px;color:#5c6979;margin:18px auto 0}
.home-closing h2{display:inline-block;background:var(--heading-gradient-light);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative;padding-bottom:16px}
.home-closing h2:after{content:'';position:absolute;left:0;bottom:0;width:96px;height:2px;background:linear-gradient(90deg,#087fe5,#8fd7f5,transparent)}









.home-closing{padding-top:64px;padding-bottom:72px}
@media(max-width:800px){.home-contact{padding:56px 20px;margin-bottom:72px}.home-contact:after{right:-8px;bottom:-8px;width:56px;height:56px}.home-contact img{height:220px}.home-contact-actions{grid-template-columns:1fr}.home-closing{padding:52px 20px 60px}}

/* Compact four-step timeline for the homepage process section. */















/* Tighten the process band and leave a deliberate breathing space before contact. */

.home-contact{margin-top:32px}
@media(max-width:800px){.home-contact{margin-top:24px}}


/* Give the service photography slightly more visual weight. */



.about-page{color:#1c293c;background:#fff}.about-hero,.about-intro,.about-network{width:min(1440px,calc(100% - 48px));margin-inline:auto}.about-hero{min-height:428px;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,6vw,88px);align-items:center;padding-block:42px}.about-hero h1,.about-intro h2,.about-network h2{font:750 clamp(40px,4vw,58px)/1.03 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:0 0 24px;background:var(--heading-gradient-light);-webkit-background-clip:text;background-clip:text;color:transparent}.about-hero h1 span{display:inline}.about-hero-copy>p:not(.home-eyebrow),.about-intro>p:not(.home-eyebrow),.about-network>p:not(.home-eyebrow){font-size:18px;line-height:1.6;color:#5c6979;max-width:650px}.about-hero-image{margin:0;position:relative;height:330px;isolation:isolate}.about-hero-image:before{content:'';position:absolute;inset:14px -12px -12px 12px;background:#087fe5;z-index:-1}.about-hero-image img{width:100%;height:100%;object-fit:cover;clip-path:polygon(0 8%,8% 0,100% 0,100% 90%,92% 100%,0 100%)}.about-intro{padding-block:88px;border-top:1px solid #d7e1e8}.about-intro h2{margin-bottom:20px}.about-intro>p{max-width:720px}.about-intro>p+p{margin-top:14px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:58px}.about-principles article{border-top:1px solid #d7e1e8;padding-top:18px}.about-principles b{font:300 46px/1 'Segoe UI Light',Arial,sans-serif;color:#087fe5}.about-principles h3{margin:14px 0 8px;font-size:14px;letter-spacing:.08em}.about-principles p{margin:0;color:#5c6979;line-height:1.55}.about-network{padding-block:70px;border-top:1px solid #d7e1e8}.about-network h2{font-size:clamp(34px,3.5vw,48px);margin-bottom:18px}.about-network>a{display:inline-block;margin-top:18px;color:#087fe5;font-weight:700;border-bottom:1px solid #b8dff2;padding-bottom:4px}
@media(max-width:800px){.about-hero,.about-intro,.about-network{width:calc(100% - 40px)}.about-hero{grid-template-columns:1fr;gap:28px;padding-block:30px}.about-hero h1{font-size:clamp(38px,10vw,48px)}.about-hero-copy>p:not(.home-eyebrow),.about-intro>p:not(.home-eyebrow),.about-network>p:not(.home-eyebrow){font-size:16px}.about-hero-image{height:260px;order:2}.about-intro{padding-block:64px}.about-principles{grid-template-columns:1fr;gap:24px;margin-top:42px}.about-network{padding-block:56px}}
@media(prefers-reduced-motion:reduce){.about-page *{scroll-behavior:auto}}

/* Editorial process microline and restrained timeline interaction. */











/* Über-uns page refinements */
.about-page{background:#fff}.about-page .about-hero{background:#f7fafc;width:100%;padding-inline:max(24px,calc((100vw - 1440px)/2));}.about-page .about-intro{width:100%;max-width:none;margin:0;padding:96px max(24px,calc((100vw - 1440px)/2));background:#f1f6f9;border-top:0}.about-editorial{max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(50px,8vw,140px)}.about-editorial-lead h2{font-size:clamp(38px,4vw,54px)}.about-editorial-copy{border-left:2px solid #087fe5;padding-left:30px;max-width:720px}.about-editorial-copy p{margin:0 0 19px;color:#5c6979;font-size:17px;line-height:1.65}.about-editorial-copy p:last-child{margin-bottom:0}.about-page .about-principles{max-width:1440px;margin:72px auto 0;grid-template-columns:repeat(3,1fr);gap:0}.about-page .about-principles article{padding:20px 34px 0;border-top:1px solid #cfdbe3;border-right:1px solid #cfdbe3}.about-page .about-principles article:first-child{padding-left:0}.about-page .about-principles article:last-child{border-right:0}.about-page .about-network{width:100%;max-width:none;margin:0;padding:88px max(24px,calc((100vw - 1440px)/2));background:#17243a;color:#fff;border:0}.about-page .about-network h2{color:#fff}.about-page .about-network>p:not(.home-eyebrow){color:#c5d0dc}.about-network-copy{max-width:680px}.mertako-logo-placeholder{justify-self:end;color:#737373;background:#fff;padding:26px 28px;text-align:center;font-size:clamp(1.8rem,3vw,3rem);font-weight:800;letter-spacing:.04em}.mertako-logo-placeholder:first-letter{color:#009f9d}.mertako-logo-placeholder small{display:block;margin-top:8px;font-size:.55rem;letter-spacing:.08em;color:#737373}@media(max-width:800px){.about-page .about-hero{padding-inline:20px}.about-page .about-intro{padding:68px 20px}.about-editorial{display:block}.about-editorial-copy{margin-top:32px;padding-left:20px}.about-editorial-copy p{font-size:16px}.about-page .about-principles{display:block;margin-top:48px}.about-page .about-principles article,.about-page .about-principles article:first-child{padding:18px 0;border-right:0;border-top:1px solid #cfdbe3}.about-page .about-network{display:block;padding:64px 20px}.mertako-logo-placeholder{justify-self:auto;margin-top:40px;width:max-content;max-width:100%;font-size:1.8rem}}

/* Final network and principles refinement */
.about-page .about-network{background:linear-gradient(115deg,#17243a 0%,#17243a 58%,#123e61 100%)}.about-page .about-principles article{position:relative}.principle-icon{display:block;margin-bottom:10px;color:#087fe5;font-size:24px;font-weight:700;line-height:1}.about-page .about-principles b{display:block}
.about-page .about-network{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.62fr);gap:clamp(40px,8vw,120px);align-items:center}.mertako-partner{margin:0;justify-self:end;max-width:360px;width:100%;background:#fff;padding:18px 22px}.mertako-partner img{display:block;width:100%;height:auto}.mertako-partner figcaption{margin-top:8px;color:#5c6979;font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-align:center}@media(max-width:800px){.about-page .about-network{display:block}.mertako-partner{margin-top:38px;max-width:320px}}

/* Network partner section: light editorial integration */
.about-page .about-network{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);gap:clamp(42px,7vw,110px);align-items:center;width:100%;max-width:none;margin:0;padding:76px max(24px,calc((100vw - 1440px)/2));background:#f3f6f8;color:#1c293c;border-top:1px solid #d7e1e8}.about-page .about-network-copy{max-width:680px}.about-page .about-network .home-eyebrow{color:#087fe5}.about-page .about-network h2{font:750 clamp(38px,4vw,54px)/1.03 'Manrope',Arial,sans-serif;letter-spacing:-.05em;margin:0 0 22px;background:var(--heading-gradient-light);-webkit-background-clip:text;background-clip:text;color:transparent}.about-page .about-network-copy>p:not(.home-eyebrow){margin:0;color:#5c6979;font-size:17px;line-height:1.62;max-width:620px}.mertako-partner{box-sizing:border-box;position:relative;justify-self:stretch;margin:0;padding:28px 32px 30px;background:#fff;border:1px solid #d3dfe6;border-radius:4px;box-shadow:0 8px 22px rgba(28,41,60,.06)}.mertako-partner:before{content:'';display:block;height:3px;margin:-28px -32px 24px;background:#087fe5}.mertako-label{margin:0 0 20px;color:#087fe5;font-size:11px;font-weight:700;letter-spacing:.16em}.mertako-partner img{display:block;width:min(100%,320px);height:auto;margin:0 auto}.mertako-caption{margin:16px 0 20px;text-align:center;color:#596a80;font-size:14px;line-height:1.45}.mertako-caption small{display:inline-block;margin-top:6px;color:#7d8b99;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.mertako-button{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:11px 14px;border:1px solid #087fe5;border-radius:2px;color:#087fe5;font-size:13px;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}.mertako-button b{font-size:18px;font-weight:400;transition:transform .2s ease}.mertako-button:hover,.mertako-button:focus-visible{background:#087fe5;color:#fff}.mertako-button:hover b,.mertako-button:focus-visible b{transform:translateX(3px)}@media(max-width:800px){.about-page .about-network{display:block;padding:60px 20px}.about-page .about-network h2{font-size:clamp(34px,9vw,46px)}.about-page .about-network-copy>p:not(.home-eyebrow){font-size:16px}.mertako-partner{margin-top:36px;padding:24px 22px}.mertako-partner:before{margin:-24px -22px 20px}.mertako-partner img{width:min(100%,280px)}}
/* Network section final composition pass */
.about-page .about-network{padding-top:64px;padding-bottom:64px;gap:clamp(48px,7vw,108px)}.about-page .about-network-copy{align-self:center;max-width:620px}.about-page .about-network-copy>p:not(.home-eyebrow){max-width:560px;font-size:16px;line-height:1.58}.mertako-partner{justify-self:end;width:min(100%,460px);max-width:460px;padding:26px 38px 28px;box-shadow:0 3px 12px rgba(28,41,60,.045);border-color:#dbe4e9}.mertako-partner:before{width:72px;height:2px;margin:-26px 0 23px}.mertako-label{margin:0 0 14px;letter-spacing:.16em}.mertako-partner img{width:min(100%,350px)}.mertako-caption{margin:12px 0 18px}.mertako-button{display:inline-flex;width:auto;min-width:0;gap:24px;padding:10px 13px;font-size:11px;letter-spacing:.04em}.mertako-caption small{display:none}@media(max-width:800px){.about-page .about-network{padding-top:52px;padding-bottom:52px}.mertako-partner{width:100%;max-width:460px;margin-top:32px;padding:24px 24px 26px}.mertako-partner:before{margin:-24px 0 21px}.mertako-partner img{width:min(100%,330px)}}
.about-page .about-network{background:linear-gradient(110deg,#f7f9fb 0%,#f3f7fa 55%,#edf7fb 100%);border-top-color:#dce5ea;border-bottom:1px solid #dce5ea}.mertako-partner{text-align:center;background:rgba(255,255,255,.96);border-color:#dbe4e9;box-shadow:0 3px 10px rgba(28,41,60,.035)}.mertako-label{text-align:left}.mertako-button{margin-inline:auto}

.quick-contact-status{margin:10px 0 0;padding:11px 14px;font-size:13px;line-height:1.45}.quick-contact-status.success{background:#e8f6ee;color:#1d6844}.quick-contact-status.error{background:#fff0f0;color:#8a3434}







/* Subtle master geometry for the homepage hero image. */



/* Restrained service-card and button micro-interactions. */
@media(hover:hover) and (pointer:fine){
 
 
 
 .home-contact-actions button{transition:background-color .22s ease,transform .22s cubic-bezier(.22,1,.36,1),color .22s ease}
 .home-contact-actions button:hover{transform:translateY(-1px)}
}


@media(prefers-reduced-motion:reduce){.home-contact-actions button{transition:none}}

/* Home hero accent aligned with the quieter service-page family. */



/* Refine only the top-right corner of the homepage hero accent. */


/* Homepage hero: restrained blue contour only at right and bottom. */



/* Final homepage hero accent: a small lower-right signature only. */



/* Homepage services: modestly loosen desktop spacing without changing the grid. */

/* Index services desktop sizing for comfortable Full-HD typography. */


/* Index services mobile overflow hotfix: cards fully collapse to one column. */


/* Final Polish: quick enquiry form (start page and service pages). */
.home-contact input,.home-contact textarea{transition:border-color var(--dur-micro,.2s) ease,box-shadow var(--dur-micro,.2s) ease,background-color var(--dur-micro,.2s) ease}
.home-contact input:hover,.home-contact textarea:hover{border-color:#a9bccb}
.home-contact input:focus,.home-contact textarea:focus{outline:0;border-color:#087fe5;background:#fff;box-shadow:0 0 0 3px rgba(8,127,229,.18)}
.home-contact-actions button:hover,.home-contact-actions button:focus-visible{background:#066dca}
.home-contact-actions button:active{transform:translateY(0)}
.home-whatsapp{transition:background-color var(--dur-micro,.2s) ease,transform var(--dur-micro,.2s) var(--ease-out,ease)}
@media(hover:hover) and (pointer:fine){.home-whatsapp:hover{background:#20c05c;transform:translateY(-1px)}}
/* 16px prevents iOS Safari from zooming into the field on focus. */
@media(max-width:800px){.home-contact input,.home-contact textarea{font-size:16px}}
@media(prefers-reduced-motion:reduce){.home-contact input,.home-contact textarea,.home-whatsapp{transition:none}}