:root{--navy:#0f1b2b;--navy-2:#182a42;--orange:#f59e0b;--orange-dark:#d97f00;--ink:#15202e;--muted:#5b6878;--line:#e3e8ef;--bg:#f5f7fa;--radius:14px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Inter,system-ui,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0 0 .5em;font-family:Archivo,system-ui,sans-serif;line-height:1.08}h1{font-size:clamp(2.5rem,6.5vw,4.6rem);font-weight:800}h2{font-size:clamp(1.9rem,4vw,2.8rem);font-weight:800}h3{font-size:1.2rem;font-weight:700}p{margin:0 0 1em}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--orange-dark);margin-bottom:.8em;font-family:Archivo,sans-serif;font-size:.78rem;font-weight:700}.eyebrow-accent{color:var(--orange)}.btn{border:2px solid var(--orange);background:var(--orange);color:var(--navy);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:.95em 1.5em;font-family:inherit;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{background:#fbb033;transform:translateY(-1px)}.btn-outline{color:#fff;background:0 0;border-color:#fff9}.btn-outline:hover{background:#ffffff1a}.btn-small{padding:.6em 1.1em;font-size:.92rem}.strip{background:var(--navy);color:#c8d2df;font-size:.85rem}.strip-inner{justify-content:space-between;gap:1rem;padding:.5rem 0;display:flex}.strip-right{gap:1.4rem;display:flex}.strip a{text-decoration:none}.strip a:hover{color:#fff}.topbar{z-index:10;backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#fffffff2;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;height:72px;display:flex}.logo{align-items:center;gap:.65rem;text-decoration:none;display:flex}.logo-mark{background:var(--orange);color:var(--navy);border-radius:10px;place-items:center;width:44px;height:44px;font-family:Archivo,sans-serif;font-size:1.05rem;font-weight:800;display:grid}.logo-text{color:var(--navy);font-family:Archivo,sans-serif;font-size:1.2rem;font-weight:800;line-height:1;display:grid}.logo-text small{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:.25rem;font-size:.75rem;font-weight:500}.nav{gap:1.8rem;display:flex}.nav a{color:var(--navy-2);font-weight:600;text-decoration:none}.nav a:hover{color:var(--orange-dark)}.hero{color:#fff;background:radial-gradient(circle at 85% 30%, #f59e0b24, transparent 45%), linear-gradient(160deg, var(--navy-2), var(--navy) 60%);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(2rem,5vw,4rem);padding:clamp(3.5rem,9vw,6.5rem) 0;display:grid}.hero-inner{max-width:640px}.collage{grid-template-columns:1fr 1fr;justify-self:end;gap:14px;width:100%;max-width:460px;display:grid;position:relative}.collage-img{aspect-ratio:1;object-fit:cover;border:3px solid #ffffff14;border-radius:14px;width:100%;height:auto;box-shadow:0 24px 50px -24px #000000b3}.c2,.c4{transform:translateY(28px)}.collage-badge{background:var(--orange);color:var(--navy);border-radius:12px;padding:.8rem 1.1rem;line-height:1.1;display:grid;position:absolute;bottom:6px;left:-22px;box-shadow:0 16px 34px -14px #0009}.collage-badge strong{font-family:Archivo,sans-serif;font-size:1.15rem;font-weight:800}.collage-badge span{text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;font-weight:600}.hero h1{color:#fff}.tag{color:#fcc96b;background:#f59e0b29;border:1px solid #f59e0b73;border-radius:999px;margin-bottom:1.4rem;padding:.35em .9em;font-size:.88rem;font-weight:600;display:inline-block}.lead{color:#d3dbe6;max-width:34em;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:.8rem;margin:1.8rem 0 2.2rem;display:flex}.usps{color:#e6ebf2;flex-wrap:wrap;gap:.6rem 1.6rem;margin:0;padding:0;font-weight:500;list-style:none;display:flex}.usps li{padding-left:1.5rem;position:relative}.usps li:before{content:"";border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);width:.9rem;height:.5rem;position:absolute;top:.4em;left:0;transform:rotate(-45deg)}.section{padding:clamp(3.5rem,8vw,6.5rem) 0}.section-dark{background:var(--navy);color:#c8d2df}.section-dark h2,.section-dark h3{color:#fff}.section-head{max-width:640px;margin-bottom:2.4rem}.grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.tile{background:var(--bg);border-radius:var(--radius);border:1px solid var(--line);flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px -24px #0f1b2b73}.tile img{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto}.tile-body{padding:1.1rem 1.2rem 1.3rem}.tile-body p{color:var(--muted);margin:0;font-size:.95rem}.tile-big{background:var(--navy);border-color:var(--navy);grid-column:span 2;grid-template-columns:1fr 1fr;display:grid}.tile-big img{aspect-ratio:auto;height:100%}.tile-big .tile-body{flex-direction:column;justify-content:center;padding:1.6rem;display:flex}.tile-big h3{color:#fff;font-size:1.5rem}.tile-big p{color:#c8d2df}.extra{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1.6rem;display:flex}.extra-label{margin-right:.4rem;font-weight:600}.chip{border:1px solid var(--line);color:var(--navy-2);background:#fff;border-radius:999px;padding:.35em .9em;font-size:.9rem}.steps{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin:0;padding:0;list-style:none;display:grid}.step{background:var(--navy-2);border-radius:var(--radius);border:1px solid #ffffff0f;padding:1.8rem}.step-nr{color:var(--orange);margin-bottom:.6rem;font-family:Archivo,sans-serif;font-size:2.4rem;font-weight:800;line-height:1;display:block}.step p{margin:0}.offerte{grid-template-columns:1fr 1.15fr;align-items:start;gap:clamp(2rem,5vw,4rem);display:grid}.contact-list{gap:.8rem;margin-top:1.6rem;display:grid}.contact-list a,.contact-list p{background:var(--bg);border:1px solid var(--line);word-break:break-word;border-radius:12px;gap:.1rem;margin:0;padding:.9rem 1.1rem;font-weight:600;text-decoration:none;display:grid}.contact-list span{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-size:.78rem;font-weight:600}.contact-list a:hover{border-color:var(--orange)}.form{border:1px solid var(--line);border-radius:var(--radius);background:#fff;gap:1rem;padding:clamp(1.4rem,3vw,2.2rem);display:grid;box-shadow:0 24px 60px -36px #0f1b2b80}.form label{color:var(--navy-2);gap:.35rem;font-size:.9rem;font-weight:600;display:grid}.form input,.form select,.form textarea{font:inherit;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);border-radius:10px;width:100%;padding:.75em .9em;font-weight:400}.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--orange);background:#fff;outline:none;box-shadow:0 0 0 3px #f59e0b33}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-note{color:var(--muted);margin:0;font-size:.82rem}.footer{background:var(--navy);color:#8e9bad;padding:1.6rem 0;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.callbar{display:none}@media (width<=960px){.nav{display:none}.grid{grid-template-columns:1fr 1fr}.steps,.offerte,.hero-grid{grid-template-columns:1fr}.collage{justify-self:start;max-width:520px}}@media (width<=600px){.strip-inner>span:first-child{display:none}.strip-right{justify-content:space-between;gap:.8rem;width:100%;font-size:.8rem}.topbar .btn-small{display:none}.grid,.form-row{grid-template-columns:1fr}.tile-big{grid-column:auto;grid-template-columns:1fr}.tile-big img{aspect-ratio:4/3;height:auto}.collage{gap:10px}.c3,.c4{display:none}.c2{transform:translateY(18px)}.collage-badge{bottom:-6px;left:10px}.hero-actions .btn{width:100%}body{padding-bottom:72px}.callbar{z-index:20;background:var(--orange);color:var(--navy);border-radius:12px;justify-content:center;padding:1rem;font-weight:700;text-decoration:none;display:flex;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 30px -10px #0f1b2b99}}