:root{--navy:#071e32;--blue:#0877c9;--light:#f4f7f9;--text:#13283a;--muted:#667b89}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:#fff}.container{width:min(1180px,calc(100% - 44px));margin:auto}a{text-decoration:none;color:inherit}img{display:block;width:100%}
header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e5eaee}.nav{height:92px;display:flex;align-items:center;gap:30px}.logo{width:210px;height:76px;object-fit:contain;object-position:left center}.nav nav{display:flex;gap:28px;margin-left:auto;font-weight:700;font-size:14px}.phone{margin-left:12px;background:var(--blue);color:#fff;padding:13px 18px;border-radius:7px;font-weight:800}
.hero{min-height:650px;position:relative;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,22,38,.96) 0%,rgba(2,22,38,.82) 43%,rgba(2,22,38,.22) 100%),url('images/sdb-retouchee-1.png') center 22%/cover no-repeat}.hero-inner{position:relative;z-index:2}.hero-copy{max-width:720px;padding:85px 0}.eyebrow{display:inline-block;font-size:12px;letter-spacing:2px;font-weight:900;color:#6fc1ff;margin-bottom:14px}.eyebrow.blue{color:var(--blue)}h1{font-size:68px;line-height:1.02;letter-spacing:-2.4px;margin:0 0 22px}.hero p{font-size:20px;line-height:1.55;color:#dce7ef;max-width:680px}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:8px;font-weight:800}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid #ffffff88;color:#fff}.dark{background:var(--navy);color:#fff}.mini-proof{display:flex;gap:28px;margin-top:36px;color:#dce7ef;font-size:14px}
.section{padding:90px 0}.section-title{max-width:760px;margin-bottom:38px}.section-title h2,.about h2,.split-copy h2,.contact h2{font-size:48px;line-height:1.08;letter-spacing:-1.5px;margin:0 0 12px}.section-title p,.about p,.split-copy p{color:var(--muted);font-size:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article{padding:27px;border:1px solid #e2e8ec;border-radius:14px;min-height:215px;background:#fff}.cards article.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.cards article.featured p{color:#bfd0dc}.cards .icon{font-size:25px}.cards h3{font-size:19px;margin:26px 0 10px}.cards p{color:var(--muted);line-height:1.55;font-size:14px}
.portfolio{padding:90px 0;background:var(--navy);color:#fff}.section-title.light h2{color:#fff}.section-title.light p{color:#b9cad6}.showcase{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.showcase>div{position:relative;overflow:hidden;border-radius:14px;background:#123}.showcase .big{height:500px}.showcase .small{height:500px}.showcase img{height:100%;object-fit:cover}.label{position:absolute;left:0;right:0;bottom:0;padding:50px 20px 18px;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;flex-direction:column}.label b{font-size:20px}.label span{font-size:13px;color:#d6e2ea}.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.work-grid figure{margin:0;background:#fff;color:var(--text);border-radius:12px;overflow:hidden}.work-grid img{height:220px;object-fit:cover}.work-grid figcaption{padding:13px 14px;font-weight:800}
.about{padding:90px 0}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.facts{display:grid;gap:10px}.facts div{padding:20px 22px;background:var(--light);border-radius:12px}.facts strong,.facts span{display:block}.facts strong{font-size:21px}.facts span{color:var(--muted);font-size:14px}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#eef3f6}.split-img img{height:100%;object-fit:cover}.split-copy{padding:75px;align-self:center}.split-copy p{max-width:540px}.split-copy .btn{margin-top:15px}
.contact{background:linear-gradient(135deg,#0877c9,#064e85);color:#fff;padding:75px 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.contact h2{color:#fff}.contact p{color:#e1edf5;font-size:17px}.contact-box{background:#fff;border-radius:14px;padding:22px}.contact-box a{display:flex;flex-direction:column;padding:14px 10px;border-bottom:1px solid #e6ebef}.contact-box a:last-child{border-bottom:0}.contact-box small{font-size:11px;color:#758895;font-weight:800}.contact-box strong{font-size:20px;color:var(--navy)}
footer{background:#031725;color:#c4d0d9;padding:34px 0}.foot{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:40px;align-items:center}.foot img{width:170px;background:#fff;border-radius:8px;padding:5px}.foot b{color:#fff}
@media(max-width:900px){.nav nav{display:none}.phone{margin-left:auto}.hero{min-height:590px}h1{font-size:48px}.cards{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr}.showcase .big,.showcase .small{height:360px}.work-grid{grid-template-columns:1fr 1fr}.about-grid,.split,.contact-grid{grid-template-columns:1fr}.split-copy{padding:45px 25px}.foot{grid-template-columns:1fr}.mini-proof{flex-direction:column;gap:7px}}

.services-strip{padding:46px 0 38px;background:#fff;border-bottom:1px solid #e7ecef}
.service-line{display:flex;flex-wrap:wrap;gap:10px}
.service-line span{background:#f3f6f8;border:1px solid #e2e8ec;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:800;color:#193247}
@media(max-width:700px){.services-strip{padding:34px 0 28px}.service-line{gap:7px}.service-line span{font-size:12px;padding:9px 11px}}
.phone{white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;text-align:center}
@media(max-width:700px){.phone{font-size:13px;padding:11px 12px}}