:root{
  --ink:#07111d;--navy:#071827;--blue:#0d3556;--blue2:#15597d;--steel:#6f8292;--muted:#eef3f6;--white:#fff;--accent:#d99841;--accent2:#f1c071;--line:#d8e3e9;--shadow:0 22px 60px rgba(7,24,39,.16);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 6vw;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(216,227,233,.85);backdrop-filter:blur(14px)}.logo{font-weight:900;letter-spacing:-.02em;line-height:1.15}.logo span{color:var(--accent)}nav{display:flex;gap:8px;align-items:center;font-size:14px;font-weight:700}nav a{padding:9px 12px;border-radius:999px;color:#203040}nav a:hover,nav a.active{background:var(--muted);color:var(--blue)}.hero{position:relative;min-height:84vh;display:grid;align-items:center;padding:8vw;background:radial-gradient(circle at 78% 22%,rgba(217,152,65,.35),transparent 26%),linear-gradient(135deg,#06121e 0%,#0a2438 48%,#164d6d 100%);color:white;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,29,.75),rgba(7,17,29,.2)),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 36px)}.hero-content{position:relative;max-width:980px;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:12px;font-weight:900;color:var(--accent);margin:0 0 14px}.hero h1,.page-hero h1{font-size:clamp(44px,7vw,88px);line-height:.95;margin:0 0 24px;letter-spacing:-.06em}.lead{font-size:clamp(18px,2vw,24px);max-width:880px;color:inherit;opacity:.91}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:999px;font-weight:900;transition:.2s ease}.btn.primary{background:var(--accent);color:#111}.btn.secondary{border:1px solid rgba(255,255,255,.5);color:white}.btn.dark{background:var(--navy);color:white}.btn:hover{transform:translateY(-1px)}.trust-strip{position:relative;z-index:3;display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin:-54px 8vw 0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow);background:var(--line)}.trust-strip div{background:white;padding:24px}.trust-strip strong{display:block;font-size:22px;letter-spacing:-.03em}.trust-strip span{font-size:13px;color:var(--steel);font-weight:700;text-transform:uppercase;letter-spacing:.08em}.section{padding:86px 8vw}.intro{display:grid;grid-template-columns:minmax(260px,.9fr) 1.2fr;gap:62px;align-items:start}.intro h2,.text-panel h2,.cta h2,.contact-box h2{font-size:clamp(32px,4vw,56px);line-height:1.02;margin:0;letter-spacing:-.045em}.intro p,.text-panel p{font-size:19px;color:#263848}.cards{padding:0 8vw 86px;display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.card,.service-card,.mini-card{background:var(--muted);padding:32px;border:1px solid var(--line);border-radius:18px}.card h3,.service-card h2,.mini-card h3{margin:0 0 10px;font-size:23px;line-height:1.15;letter-spacing:-.03em}.card p,.mini-card p{margin:0;color:#3b4d5b}.split{display:grid;grid-template-columns:1fr 1fr;min-height:560px}.split.reverse .visual-panel{order:2}.visual-panel{position:relative;display:flex;align-items:flex-end;padding:32px;min-height:430px;color:white;overflow:hidden}.visual-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(6,18,30,.4),rgba(6,18,30,.72))}.visual-panel span{position:relative;font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:12px;color:rgba(255,255,255,.78)}.maritime{background:radial-gradient(circle at 75% 30%,rgba(217,152,65,.7),transparent 23%),linear-gradient(135deg,#092033,#126080)}.industrial{background:radial-gradient(circle at 75% 35%,rgba(217,152,65,.58),transparent 25%),linear-gradient(135deg,#15191d,#6b421b)}.text-panel{padding:86px 8vw;background:#fff}.check-list{list-style:none;padding:0;margin:28px 0 0}.check-list li{padding:12px 0;border-bottom:1px solid var(--line)}.check-list li:before{content:"✓";color:var(--accent);font-weight:900;margin-right:10px}.dark{background:var(--navy);color:white}.cta{text-align:center}.cta p{max-width:780px;margin-left:auto;margin-right:auto;color:rgba(255,255,255,.82)}.page-hero{padding:96px 8vw;background:radial-gradient(circle at 80% 20%,rgba(217,152,65,.28),transparent 24%),linear-gradient(135deg,#06121e,#0d3556);color:white}.timeline{padding:76px 8vw;max-width:1120px;margin:auto}.timeline article{position:relative;border-left:3px solid var(--accent);padding:0 0 48px 30px}.timeline article:before{content:"";position:absolute;left:-9px;top:3px;width:15px;height:15px;border-radius:50%;background:var(--accent)}.timeline span{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:var(--accent);font-weight:900}.timeline h2{font-size:32px;line-height:1.1;margin:6px 0 8px;letter-spacing:-.035em}.quote{padding:76px 8vw;background:var(--muted);text-align:center}.quote p{font-size:clamp(28px,4vw,50px);line-height:1.12;max-width:1020px;margin:auto;font-weight:900;letter-spacing:-.045em}.service-grid{padding:76px 8vw;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-card{background:white;box-shadow:0 8px 28px rgba(7,24,39,.07)}.service-card ul{padding-left:20px;margin-bottom:0}.service-card li{margin:8px 0}.contact-box{margin:76px 8vw;padding:44px;background:var(--muted);border:1px solid var(--line);border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:44px}.contact-details p{margin:10px 0}.notice{background:white;border-left:4px solid var(--accent);padding:18px;border-radius:12px;color:#334}.footer{padding:32px 6vw;border-top:1px solid var(--line);font-size:14px;color:var(--steel);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer strong{color:var(--ink)}
@media(max-width:900px){.site-header{position:relative;flex-direction:column;align-items:flex-start;padding:14px 6vw}.logo{font-size:16px;overflow-wrap:anywhere}nav{width:100%;flex-wrap:wrap;font-size:13px}.hero{min-height:auto;padding:76px 8vw 110px}.hero h1,.page-hero h1{font-size:clamp(36px,11vw,56px);line-height:1}.lead{font-size:18px}.trust-strip{grid-template-columns:1fr 1fr;margin:-46px 6vw 0}.intro,.split,.service-grid,.contact-box,.three{grid-template-columns:1fr}.split.reverse .visual-panel{order:0}.section,.text-panel{padding:56px 8vw}.cards,.service-grid{padding:0 8vw 56px}.visual-panel{min-height:280px}.page-hero{padding:64px 8vw}.timeline{padding:56px 8vw}.timeline h2{font-size:26px}.quote{padding:56px 8vw}.contact-box{margin:56px 8vw;padding:28px}.footer{display:block}}
@media(max-width:480px){.trust-strip{grid-template-columns:1fr}.hero{padding-top:58px}.btn{width:100%}nav a{padding:7px 9px}.card,.service-card,.mini-card{padding:24px}.hero h1,.page-hero h1{font-size:clamp(33px,12vw,46px)}.eyebrow{letter-spacing:.12em;font-size:11px}}

/* DPS final photo integration */
.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:142px;height:auto;border-radius:8px;box-shadow:0 8px 20px rgba(7,24,39,.12)}.brand-text{font-size:13px;color:#425567;font-weight:800;white-space:nowrap}.photo-hero{background-image:linear-gradient(90deg,rgba(7,17,29,.84),rgba(7,17,29,.52),rgba(7,17,29,.18)),url('images/hero.jpg');background-size:cover;background-position:center}.photo-hero:before{background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 36px)}.photo-port{background-image:linear-gradient(160deg,rgba(6,18,30,.22),rgba(6,18,30,.72)),url('images/port.jpg');background-size:cover;background-position:center}.industrial{background-image:linear-gradient(160deg,rgba(6,18,30,.25),rgba(6,18,30,.7)),url('images/industrial.jpg');background-size:cover;background-position:center}.story-hero{background-image:linear-gradient(90deg,rgba(7,17,29,.88),rgba(7,17,29,.44)),url('images/founder-wide.jpg');background-size:cover;background-position:center}.services-hero{background-image:linear-gradient(90deg,rgba(7,17,29,.82),rgba(7,17,29,.48)),url('images/worker.jpg');background-size:cover;background-position:center}.vision-hero{background-image:linear-gradient(90deg,rgba(7,17,29,.84),rgba(7,17,29,.46)),url('images/night.jpg');background-size:cover;background-position:center}.contact-hero{background-image:linear-gradient(90deg,rgba(7,17,29,.83),rgba(7,17,29,.45)),url('images/port2.jpg');background-size:cover;background-position:center}.gallery-section{padding:86px 8vw;background:#f8fbfd}.gallery-section h2{font-size:clamp(32px,4vw,56px);line-height:1.02;margin:0 0 28px;letter-spacing:-.045em;max-width:900px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery img{width:100%;height:270px;object-fit:cover;border-radius:18px;box-shadow:0 14px 34px rgba(7,24,39,.11);background:#d8e3e9}.gallery img:nth-child(1){object-position:center 38%}.gallery img:nth-child(4){object-position:center}.service-card{overflow:hidden}.service-card:before{content:"";display:block;height:7px;background:linear-gradient(90deg,var(--accent),var(--blue2));margin:-32px -32px 24px}.contact-box{align-items:center}.contact-box:before{content:"";display:block;min-height:360px;border-radius:18px;background:linear-gradient(160deg,rgba(6,18,30,.12),rgba(6,18,30,.55)),url('images/contact-photo.jpg');background-size:cover;background-position:center top;box-shadow:var(--shadow)}.contact-box>div:first-child{order:2}.contact-details{order:3}.notice{margin-top:18px}.logo span:not(.brand-text){color:var(--accent)}
@media(max-width:900px){.brand img{width:120px}.brand-text{font-size:12px;white-space:normal}.site-header{gap:12px}.gallery{grid-template-columns:1fr 1fr}.gallery-section{padding:56px 8vw}.gallery img{height:220px}.contact-box:before{min-height:320px}.photo-hero{background-position:center}}
@media(max-width:560px){.brand{width:100%}.brand img{width:108px}.brand-text{display:none}nav{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}nav a{text-align:center;background:#f4f8fa}.gallery{grid-template-columns:1fr}.gallery img{height:235px}.hero{padding-bottom:96px}.trust-strip{border-radius:14px}.contact-box:before{min-height:260px}}

/* DPS pre-launch refinements */
.badge-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.badge-row span{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);font-weight:900;font-size:13px;color:#fff}.certifications{background:#fff}.certifications h2,.lessons h2,.founder-intro h2{font-size:clamp(32px,4vw,56px);line-height:1.02;margin:0 0 28px;letter-spacing:-.045em;max-width:900px}.cert-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.cert-grid article{padding:22px;border-radius:16px;background:var(--muted);border:1px solid var(--line)}.cert-grid strong{display:block;font-size:18px;line-height:1.1;margin-bottom:8px}.cert-grid span{display:block;color:var(--steel);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.founder-intro{padding:76px 8vw;display:grid;grid-template-columns:minmax(280px,.75fr) 1.25fr;gap:52px;align-items:center}.founder-photo img{border-radius:24px;box-shadow:var(--shadow);width:100%;height:auto}.founder-intro p{font-size:18px;color:#263848}.inline-cards{padding:0;margin-top:24px}.contact-details a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.contact-box:before{background-image:linear-gradient(160deg,rgba(6,18,30,.08),rgba(6,18,30,.38)),url('images/contact-photo.jpg');background-position:center top}
@media(max-width:1050px){.cert-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.founder-intro{grid-template-columns:1fr;padding:56px 8vw}.badge-row span{font-size:12px}.cert-grid{grid-template-columns:1fr}.story-hero{background-position:center top}}
