:root{--bg:#08121f;--bg2:#0c1c30;--blue:#47a8f8;--white:#f5f8fd;--muted:#b4c3d5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}
.container{max-width:1240px;margin:auto;padding:0 28px}header{position:sticky;top:0;z-index:10;background:#08121fee;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff20}
nav{min-height:88px;display:flex;justify-content:space-between;align-items:center;gap:25px}nav img{width:165px;height:70px;object-fit:contain;object-position:left}nav .links{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:700;letter-spacing:.06em}
nav .links a:hover,.footer-links a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#071422;border:1px solid var(--blue);padding:16px 25px;border-radius:4px;font-weight:800;font-size:13px;letter-spacing:.04em}.button.secondary{background:transparent;color:white;border-color:#7d9bb9}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 88% 28%,#17609a80,transparent 42%),linear-gradient(120deg,#060e1b,#112b47 68%,#0b1728);min-height:690px;display:flex;align-items:center}
.hero:after{content:"";position:absolute;right:-8%;top:12%;width:43%;height:80%;border:1px solid #71b9f033;transform:skew(-21deg);box-shadow:-50px 30px 0 #ffffff05,-100px 60px 0 #ffffff04;pointer-events:none}
.hero-inner{position:relative;z-index:1;padding-top:95px;padding-bottom:115px}.eyebrow{color:#78c3ff;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:800}
h1{font-size:clamp(48px,7.4vw,102px);letter-spacing:-.06em;line-height:1.01;margin:22px 0;max-width:900px}h1 em{color:#69baff;font-style:normal}h2{font-size:clamp(34px,4.2vw,59px);letter-spacing:-.045em;line-height:1.1;margin:15px 0 22px}h3{font-size:22px;letter-spacing:-.02em;margin:20px 0 10px}
.lead{font-size:19px;line-height:1.8;color:#d0dbea;max-width:710px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}
section{padding:105px 0}.section-lead{max-width:740px;color:var(--muted);line-height:1.8}.services{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:44px}
.service{padding:30px 25px;min-height:250px;border:1px solid #ffffff20;background:linear-gradient(145deg,#12283f,#0b1829);transition:transform .2s,border-color .2s}.service:hover{transform:translateY(-4px);border-color:#47a8f8}.service span{font-size:10px;color:#6cbaff;letter-spacing:.14em;font-weight:800}.service p{font-size:14px;color:#b8c7d7;line-height:1.75}
.band{background:#eef3f9;color:#14253b}.band .eyebrow{color:#1974b9}.band .section-lead{color:#52667c}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:45px}.pillar{border-top:2px solid #268ed9;padding-top:23px}.pillar strong{font-size:23px}.pillar p{color:#52667c;line-height:1.7}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px}.gallery article{min-height:230px;padding:24px;display:flex;flex-direction:column;justify-content:end;border:1px solid #ffffff20;background:linear-gradient(140deg,#1e4666,#0d1b2c)}.gallery article:nth-child(2){background:linear-gradient(140deg,#1c3955,#112f4d)}.gallery article:nth-child(3){background:linear-gradient(140deg,#0c3154,#172436)}.gallery small{color:#b6d7f2;letter-spacing:.1em;text-transform:uppercase}.gallery h3{margin:8px 0}.gallery-note{color:#a6b8c9;font-size:13px;margin-top:18px}
.contact{background:linear-gradient(120deg,#0b2035,#0a1626)}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:start}.contact-box{border:1px solid #ffffff26;padding:34px;background:#ffffff08}.contact-box p{line-height:1.85;color:#d0dce9}.contact-box a{color:#83caff}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
footer{border-top:1px solid #ffffff20;padding:34px 0;color:#a5b6c8;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-links{display:flex;gap:20px}.legal{max-width:850px;margin:0 auto;padding:70px 28px 110px;line-height:1.8}.legal h1{font-size:48px}.legal h2{font-size:25px;margin-top:36px}.legal p{color:#d2dce8}
@media(max-width:950px){.services{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.contact-layout{grid-template-columns:1fr}.hero{min-height:600px}}
@media(max-width:620px){nav{min-height:76px}nav img{width:115px;height:54px}nav .links{gap:13px;font-size:11px}nav .links a:nth-child(2){display:none}.hero-inner{padding-top:70px;padding-bottom:80px}.hero{min-height:550px}section{padding:72px 0}.services,.pillars,.gallery{grid-template-columns:1fr}.service{min-height:190px}.container{padding:0 20px}}

.hero{background:linear-gradient(90deg,#07111ff2 0%,#081625dc 52%,#0b1b2d88 100%),url("https://images.unsplash.com/photo-1504307651254-35680f356dfd?auto=format&fit=crop&w=1800&q=85") center/cover no-repeat;}
.stock-strip{height:175px;background:linear-gradient(90deg,#07111fc9,#0816256b),url("https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1500&q=80") center 55%/cover no-repeat;display:flex;align-items:end;padding:25px 0;}
.stock-strip .container{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:end}.stock-strip span{font-size:14px;font-weight:800;letter-spacing:.18em}.stock-strip small{color:#d5dce5;font-size:10px}.gallery{grid-template-columns:repeat(3,1fr)}.gallery .project-card{position:relative;padding:0;min-height:285px;overflow:hidden;background:#10253a;display:block}.project-card img{width:100%;height:300px;object-fit:cover;display:block;transition:transform .3s}.project-card:hover img{transform:scale(1.035)}.project-info{position:absolute;bottom:0;left:0;right:0;padding:48px 20px 18px;background:linear-gradient(transparent,#071421eb)}.project-info h3{margin:7px 0 0;font-size:19px}@media(max-width:800px){.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.gallery{grid-template-columns:1fr}.stock-strip{height:120px}.stock-strip .container{display:block}.stock-strip small{display:block;margin-top:8px}}

.subhero{background:linear-gradient(120deg,#091726,#173956);padding:115px 0 100px}.subhero h1{font-size:clamp(45px,6vw,78px);max-width:1050px}.subhero .button{margin-top:25px}.service-tags{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 45px}.service-tags span,.service-tags a{padding:13px 18px;border:1px solid #ffffff35;color:#d8e8fa;background:#142c45;border-radius:3px;font-size:14px}.service-tags a:hover{border-color:#47a8f8}.service-link{color:inherit;display:block;text-decoration:none}.service-link strong{color:#7ac5ff;font-size:12px}.feature-photo{height:350px;overflow:hidden;margin:25px 0 65px}.feature-photo img{width:100%;height:100%;object-fit:cover}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photo-grid figure{margin:0;background:#11243a;border:1px solid #ffffff25}.photo-grid img{width:100%;height:250px;object-fit:cover;display:block}.photo-grid figcaption{padding:15px;font-size:13px;color:#bed0e2}.seo-section{background:#0d2239}@media(max-width:850px){.photo-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.photo-grid{grid-template-columns:1fr}.subhero{padding:80px 0}.photo-grid img{height:220px}}
/* Verbesserte mobile Navigation */
@media(max-width:720px){header nav{display:flex;align-items:center;gap:10px;min-width:0}header nav>a{flex:0 0 94px}header nav>a img{max-width:94px;height:auto}header nav .links{display:flex;min-width:0;overflow-x:auto;white-space:nowrap;gap:16px;scrollbar-width:none;padding:12px 0}header nav .links::-webkit-scrollbar{display:none}header nav .links a{flex-shrink:0;font-size:11px;letter-spacing:.025em}}

/* Mobile navigation correction */
@media(max-width:700px){header nav{display:flex;flex-wrap:wrap;gap:12px;padding:14px 0}header nav>a img{max-width:115px;height:auto}header nav .links{display:flex;flex-wrap:wrap;gap:12px;font-size:12px} .feature-photo img{max-height:430px;object-fit:cover}}