/*
Theme Name: Dockside Precision
Theme URI: https://dockside-works.com
Author: Dockside
Description: Een maatwerk WordPress-thema in Dockside huisstijl, gebaseerd op de aangeleverde website mockup.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: dockside-precision
*/

:root{--navy:#001d35;--navy2:#052947;--deep:#001426;--orange:#ff7900;--blue:#0071bc;--white:#fff;--muted:#d5dde6;--ink:#061d33;--font:'Montserrat','Arial Narrow',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font);color:#fff;background:#f6f7f8}a{text-decoration:none;color:inherit}.container{width:min(1320px,92vw);margin:auto}.topbar{height:88px;background:linear-gradient(90deg,#001426,#00243f);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,255,255,.12)}.topbar .container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo img{height:70px;width:auto;object-fit:contain}.nav{display:flex;align-items:center;gap:36px;text-transform:uppercase;font-size:13px;font-weight:800;letter-spacing:.02em}.nav a:hover,.nav .active{color:var(--orange)}.btn{display:inline-flex;align-items:center;gap:12px;background:var(--orange);border:2px solid var(--orange);padding:16px 28px;border-radius:5px;text-transform:uppercase;font-weight:900;font-size:13px;letter-spacing:.02em;color:#fff;box-shadow:0 10px 22px rgba(255,121,0,.22)}.btn.dark{background:transparent;border-color:rgba(255,255,255,.75);box-shadow:none}.hero{min-height:620px;background:linear-gradient(90deg,rgba(0,18,35,.98) 0%,rgba(0,29,53,.86) 45%,rgba(0,29,53,.22) 100%),url('assets/images/hero.jpg') center/cover no-repeat;position:relative}.hero .container{padding:110px 0 70px}.eyebrow{color:var(--orange);font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.hero h1{font-size:66px;line-height:1.06;letter-spacing:.035em;margin:24px 0 24px;text-transform:uppercase;font-weight:1000;max-width:720px;text-shadow:0 4px 20px rgba(0,0,0,.35)}.hero h1 span{color:var(--blue)}.lead{font-size:18px;line-height:1.75;color:#e9eef4;max-width:570px}.cta-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:38px}.feature-strip{background:linear-gradient(90deg,#001d35,#012a4a);border-top:1px solid rgba(255,255,255,.12)}.feature-strip .container{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;padding:30px 0}.feature{display:flex;align-items:center;gap:18px;font-size:15px;font-weight:900;text-transform:uppercase}.feature .ico{width:50px;height:50px;border:2px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;font-size:24px;color:#fff}.section{padding:68px 0}.light{color:var(--ink);background:#fff}.section h2{font-size:38px;line-height:1.12;margin:14px 0 35px;text-transform:uppercase;letter-spacing:.03em;color:#07233e}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.card{border-radius:7px;overflow:hidden;background:linear-gradient(180deg,#082f50,#001d35);box-shadow:0 18px 38px rgba(0,29,53,.22);color:#fff}.card img{width:100%;height:145px;object-fit:cover;display:block}.card-body{padding:22px 24px 28px}.card h3{margin:0 0 13px;text-transform:uppercase;font-size:17px;letter-spacing:.05em}.card p{font-size:14px;line-height:1.65;color:#e1e8ef;min-height:86px}.more{color:var(--orange);font-size:12px;text-transform:uppercase;font-weight:900}.about{background:#fff;color:#08233c;padding:72px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about img{width:100%;border-radius:6px;box-shadow:0 16px 32px rgba(0,0,0,.18)}.about ul{list-style:none;padding:0;margin:25px 0}.about li{margin:12px 0;font-weight:800}.about li:before{content:'●';color:var(--navy);margin-right:12px}.stats{background:#001d35}.stats .container{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.stat{padding:35px 10px}.stat strong{font-size:34px;display:block}.stat span{text-transform:uppercase;font-size:11px;color:#cbd7e2}.partner{background:linear-gradient(rgba(0,24,44,.86),rgba(0,24,44,.86)),url('assets/images/partner-bg.jpg') center/cover no-repeat;text-align:center;padding:72px 0}.partner h2{color:#fff}.contact{background:linear-gradient(90deg,rgba(0,18,35,.92),rgba(0,24,44,.66)),url('assets/images/contact-bg.jpg') center/cover no-repeat;padding:70px 0}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:50px}.contact input,.contact textarea{width:100%;background:rgba(0,20,38,.75);border:1px solid rgba(255,255,255,.35);color:#fff;padding:15px;margin-bottom:12px}.contact textarea{height:140px}.footer{background:#001426;padding:55px 0 35px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:42px;color:#d7e1ea}.footer img{height:58px}.footer h4{text-transform:uppercase;color:#fff}.footer p,.footer a{font-size:14px;line-height:1.8;color:#d7e1ea}.mobile-demo{position:absolute;right:7vw;bottom:-210px;max-width:300px;filter:drop-shadow(0 18px 18px rgba(0,0,0,.4))}.services-wrap{position:relative}.spacer-mobile{display:none}@media (max-width:980px){.nav{display:none}.hero h1{font-size:42px}.feature-strip .container,.cards,.stats .container,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr 1fr}.mobile-demo{display:none}.spacer-mobile{display:block}}@media (max-width:640px){.hero h1{font-size:34px}.feature-strip .container,.cards,.stats .container,.about-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.topbar{height:72px}.logo img{height:56px}.btn{padding:13px 18px}.section h2{font-size:28px}}