:root {
	--navy: #082a3a;
	--teal: #00ae92;
	--orange: #ff7217;
	--muted: #617681;
	--paper: #f7faf9;
}

* { box-sizing: border-box; }

html, body { min-height: 100%; }

body {
	margin: 0;
	color: var(--navy);
	background: var(--paper);
	font-family: Montserrat, Arial, sans-serif;
}

.landing { min-height: 100vh; display: flex; flex-direction: column; }

.site-header {
	height: 92px;
	padding: 0 clamp(24px, 7vw, 110px);
	display: flex;
	align-items: center;
	background: #fff;
	position: relative;
	z-index: 2;
}

.brand img { display: block; width: 155px; height: auto; }

.hero {
	min-height: min(650px, 68vh);
	flex: 1;
	position: relative;
	display: flex;
	align-items: center;
	overflow: hidden;
	color: #fff;
}

.hero-background {
	position: absolute;
	inset: 0;
	background: url('.instructions/template/productieproces.png') center center / cover no-repeat;
	transform: scale(1.015);
}

.hero-overlay {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(3, 28, 42, .91) 0%, rgba(3, 28, 42, .7) 41%, rgba(3, 28, 42, .11) 100%);
}

.hero-content {
	width: min(1160px, calc(100% - 48px));
	margin: 0 auto;
	padding: 56px 0;
	position: relative;
	z-index: 1;
}

.eyebrow {
	margin: 0 0 14px;
	color: var(--teal);
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 3px;
	text-transform: uppercase;
}

.hero .eyebrow { color: #d8eee9; }

h1, h2, p { margin-top: 0; }

h1 {
	max-width: 670px;
	margin-bottom: 22px;
	font-size: clamp(39px, 5vw, 70px);
	line-height: 1.04;
	letter-spacing: -2px;
}

h1 em { color: var(--teal); font-style: normal; }

.hero-copy {
	max-width: 535px;
	margin-bottom: 0;
	font-size: clamp(14px, 1.5vw, 17px);
	line-height: 1.7;
	color: #f1f7f7;
}

.contact-footer {
	min-height: 160px;
	padding: 28px clamp(24px, 7vw, 110px);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 40px;
	background: #fff;
}

.contact-intro h2 { margin: 0; font-size: clamp(25px, 3vw, 35px); line-height: 1.1; }

.contact-details {
	display: flex;
	align-items: flex-start;
	gap: clamp(30px, 6vw, 90px);
	font-style: normal;
}

.contact-details div { min-width: 120px; }
.contact-details span, .contact-details strong, .contact-details a { display: block; }
.contact-details span { margin-bottom: 7px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; }
.contact-details strong, .contact-details a { color: var(--navy); font-size: 13px; font-weight: 600; line-height: 1.55; text-decoration: none; }
.contact-details a:hover { color: var(--orange); }

@media (max-width: 760px) {
	.site-header { height: 76px; }
	.brand img { width: 130px; }
	.hero { min-height: 600px; align-items: flex-end; }
	.hero-background { background-position: 62% center; }
	.hero-overlay { background: linear-gradient(0deg, rgba(3, 28, 42, .94) 0%, rgba(3, 28, 42, .62) 52%, rgba(3, 28, 42, .16) 100%); }
	.hero-content { width: calc(100% - 40px); padding: 44px 0 52px; }
	h1 { letter-spacing: -1.2px; }
	.contact-footer { display: block; padding: 30px 24px 34px; }
	.contact-intro { margin-bottom: 27px; }
	.contact-details { display: grid; grid-template-columns: 1fr 1fr; gap: 22px 30px; }
	.contact-details div:last-child { grid-column: 1 / -1; }
}

@media (max-width: 420px) {
	.hero { min-height: 570px; }
	h1 { font-size: 35px; }
	.hero-copy { font-size: 13px; }
	.contact-details { display: block; }
	.contact-details div { margin-bottom: 18px; }
	.contact-details div:last-child { margin-bottom: 0; }
}
:root{--navy:#082a3a;--deep:#061f2c;--teal:#0aa88f;--mint:#8ce3ca;--orange:#ff7217;--pale:#f3f8f8;--muted:#506778;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font-family:Montserrat,Arial,sans-serif;font-size:14px;line-height:1.55}.container{width:min(1160px,calc(100% - 112px));margin:auto}.site-header{height:76px;background:#fff;position:sticky;top:0;z-index:10;box-shadow:0 2px 14px #082a3a12}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between}.brand img{width:141px;display:block}.main-nav{display:flex;align-items:center;gap:28px}.main-nav a{color:var(--navy);text-decoration:none;font-size:12px;font-weight:600;padding:28px 0 24px;white-space:nowrap}.main-nav a.active{border-bottom:2px solid var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:28px;background:var(--orange);color:#fff;text-decoration:none;padding:14px 23px;font-weight:700;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#e95f0a}.button span{font-size:18px;line-height:0}.button-small{padding:12px 19px!important;color:#fff!important}.hero{height:535px;background:linear-gradient(90deg,#041f2de8,#062a3a99 54%,#062a3a20),url('.instructions/template/Webpagina mockup.png') center top/cover no-repeat;color:#fff;position:relative;overflow:hidden}.hero-content{position:relative;padding-top:77px;z-index:1}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:11px;margin:0 0 10px;font-weight:600}.hero h1{font-size:45px;line-height:1.07;margin:0 0 17px;letter-spacing:-1.5px}.hero h1 em{color:#04c3a2;font-style:normal}.hero-copy{max-width:475px;margin:0 0 25px;font-size:14px}.button-outline{border:1px solid #fff;background:transparent}.button-outline:hover{background:#ffffff20}.button-row{display:flex;gap:14px}.hero-index{position:absolute;right:10%;top:76px;border-left:1px solid #ffffffaa;padding-left:24px;display:grid;gap:9px;font-size:12px}.hero-note{position:absolute;right:10%;bottom:31px;text-transform:uppercase;letter-spacing:3px;font-size:10px}.hero-note strong{font-weight:500}.hero-note i{display:block;background:var(--orange);width:22px;height:3px;margin-top:12px}.hero-shape{position:absolute;bottom:-100px;right:-4%;width:44%;height:190px;background:#00a28bca;transform:skewY(-29deg)}.value-strip{background:#f8fbfb;padding:27px 0}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.value-grid>div{display:flex;align-items:center;gap:14px}.line-icon{font-size:30px;color:var(--teal);font-weight:400}.value-grid p{margin:0;font-size:11px}.value-grid b,.value-grid small{display:block}.value-grid small{color:var(--muted);font-size:10px}.mission{height:390px;display:grid;grid-template-columns:43% 57%;position:relative}.mission-image{background:linear-gradient(125deg,#037b74aa,#0000),url('.instructions/template/Webpagina mockup.png') center 33%/cover no-repeat}.mission-content{position:absolute;left:43%;right:0;display:flex;padding:52px 6% 45px 4%;gap:38px}.mission-copy{max-width:430px}.mission h2,h2{font-size:27px;line-height:1.14;letter-spacing:-.7px;margin:0 0 13px}.mission-copy>p:not(.eyebrow){font-size:11px;color:var(--muted);margin:0 0 18px}.stats{border-left:1px solid #d5e3e5;padding-left:27px;display:grid;gap:19px;min-width:120px}.stats strong,.stats span{display:block}.stats strong{font-size:23px;color:var(--teal)}.stats span{font-size:11px;color:var(--muted)}.section-light{background:var(--pale);padding:35px 0 44px}.section-heading{text-align:center}.section-heading h2{margin-bottom:4px}.section-heading>p:last-child{color:var(--muted);margin:0 0 20px;font-size:11px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-card{background:#fff;padding:23px 24px 18px;min-height:175px;box-shadow:0 7px 20px #082a3a06}.service-icon{font-size:39px;color:var(--teal);height:53px}.service-card h3{font-size:13px;margin:0 0 5px}.service-card p{font-size:11px;color:var(--muted);margin:0;max-width:145px}.service-card a{display:block;color:var(--orange);font-size:20px;text-decoration:none;margin-top:6px}.trust-band{height:190px;background:linear-gradient(90deg,#032234ed,#082a3aaa),url('.instructions/template/Webpagina mockup.png') center 49%/cover;color:#fff}.trust-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.trust-band .eyebrow{font-size:10px}.industry-list{display:flex;gap:30px;margin-top:17px}.industry-list span{font-size:22px;text-align:center}.industry-list small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:1.5px;margin-top:2px}.trust-inner blockquote{border-left:1px solid #ffffff80;max-width:310px;margin:0;padding-left:34px;font-size:12px}.trust-inner cite{display:block;font-size:9px;font-style:normal;margin-top:12px}.contact-cta{padding:27px 0;border-bottom:1px solid #dbe4e6}.contact-inner{display:flex;justify-content:space-between;align-items:center}.contact-inner h2{margin:0 0 3px;font-size:23px}.contact-inner p{margin:0;color:var(--muted);font-size:11px}footer{padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-inner img{width:105px}.footer-inner p{color:#78909e;font-size:10px;margin:1px 0}.footer-inner nav{display:flex;gap:23px}.footer-inner nav a{color:var(--navy);font-size:10px;text-decoration:none}.socials{display:flex;gap:12px}.socials a{color:#fff;background:var(--navy);font-size:11px;text-decoration:none;width:16px;height:16px;text-align:center;line-height:16px}.menu-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(max-width:800px){.container{width:min(100% - 40px,600px)}.site-header{height:66px}.brand img{width:120px}.menu-toggle{display:flex;border:0;background:none;flex-direction:column;gap:4px;padding:10px}.menu-toggle span{width:23px;height:2px;background:var(--navy)}.main-nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px 20px;box-shadow:0 9px 20px #082a3a15}.main-nav.open{display:flex}.main-nav a{padding:11px 0}.main-nav .nav-cta{margin-top:8px;text-align:center}.hero{height:600px}.hero-content{padding-top:65px}.hero h1{font-size:37px}.hero-copy{max-width:100%;font-size:13px}.hero-index{display:none}.hero-note{right:20px;bottom:30px}.value-grid{grid-template-columns:repeat(2,1fr);gap:20px}.mission{height:auto;display:block}.mission-image{height:235px}.mission-content{position:static;display:block;padding:37px 20px}.stats{border-left:0;border-top:1px solid #d5e3e5;padding:22px 0 0;margin-top:24px;display:flex;justify-content:space-between}.stats strong{font-size:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.trust-band{height:auto;padding:35px 0}.trust-inner{display:block}.industry-list{gap:16px;justify-content:space-between}.trust-inner blockquote{margin-top:28px;padding:18px 0 0;border-left:0;border-top:1px solid #ffffff80;max-width:100%}.contact-inner{display:block}.contact-inner .button{margin-top:18px}.footer-inner{align-items:flex-start;flex-wrap:wrap;gap:22px}.footer-inner nav{order:3;width:100%;justify-content:space-between;gap:7px}.socials{margin-left:auto}}
@media(max-width:420px){.hero h1{font-size:31px}.button-row{flex-wrap:wrap}.value-grid{gap:15px 8px}.value-grid>div{gap:8px}.line-icon{font-size:23px}.value-grid p{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card{min-height:150px}.footer-inner nav{font-size:9px}.footer-inner nav a{font-size:9px}}