*{box-sizing:border-box} :root{--navy:#071321;--navy2:#0b1b2e;--blue:#3478ff;--blue2:#5d96ff;--ink:#101c2d;--muted:#657184;--pale:#f3f6fa;--line:#e5eaf1}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-999px;top:8px}.skip-link:focus{left:8px;z-index:100;background:white;padding:10px}.site-header{height:72px;background:var(--navy);color:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #ffffff12}.nav-wrap{max-width:1200px;height:100%;padding:0 28px;margin:auto;display:flex;align-items:center;gap:30px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:800;letter-spacing:.04em;white-space:nowrap}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--blue);font-weight:800}.site-nav{display:flex;gap:26px;margin-left:auto}.site-nav a,.nav-phone{font-size:12px;color:#d7dfeb;transition:color .2s}.site-nav a:hover,.nav-phone:hover{color:#75a5ff}.nav-actions{display:flex;align-items:center;gap:18px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:12px 18px;border-radius:9px;font-weight:700;font-size:12px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-blue{background:var(--blue);color:white;box-shadow:0 8px 22px #3478ff30}.button-blue:hover{background:#2468ef}.button-small{padding:9px 13px}.button-outline{border:1px solid #8a9bb7a1;color:inherit;background:#ffffff08}.menu-toggle{display:none;background:none;border:0;color:white}.hero{min-height:550px;max-width:1200px;margin:auto;background:var(--navy);position:relative;overflow:hidden;color:white;display:flex;align-items:center}.hero-photo{position:absolute;inset:0 0 0 35%;background-image:url('vaizdo3.png');background-size:cover;background-position:center;opacity:.8}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#071321 0%,#071321 34%,#071321e8 43%,#07132150 74%,#07132120 100%),linear-gradient(0deg,#07132170,transparent 45%)}.hero-content{position:relative;z-index:1;padding:66px 6.5%;max-width:670px}.eyebrow{font-size:10px;letter-spacing:.17em;font-weight:800;color:#8bb4ff;margin:0 0 14px}.blue-text{color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-.055em;line-height:1.12;margin-bottom:18px;font-weight:800}h1 span{color:#4d8bff}.hero-copy{max-width:455px;color:#c1cad7;font-size:14px;margin-bottom:24px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.hero-benefits{display:flex;gap:28px;margin-top:40px}.hero-benefits>div{display:flex;gap:9px;align-items:center;color:#d4deec;font-size:10px;line-height:1.4}.benefit-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #6f91c65e;color:#7eabff;border-radius:9px;font-size:17px}.hero-caption{position:absolute;right:28px;bottom:22px;font-size:9px;letter-spacing:.15em;color:#d6e3f8}.live-dot{display:inline-block;width:6px;height:6px;background:#5f9aff;border-radius:50%;margin-right:8px}.section{max-width:1200px;margin:auto;padding:82px 6.5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-.045em;margin-bottom:0;font-weight:800}.section-intro{max-width:360px;color:var(--muted);font-size:13px;margin-bottom:4px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;box-shadow:0 8px 26px #0c244008;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 36px #0c244012}.card-image{height:190px;position:relative;overflow:hidden;background:#eaf0f7}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.service-card:hover .card-image img{transform:scale(1.04)}.card-number{position:absolute;top:12px;left:12px;background:#071321c9;color:white;padding:4px 8px;border-radius:6px;font-size:10px;font-weight:700}.card-body{padding:22px}.service-icon{display:grid;place-items:center;width:32px;height:32px;background:#eaf1ff;color:var(--blue);border-radius:9px;font-size:18px;margin-bottom:14px}.service-card h3{font-size:17px;margin-bottom:8px;letter-spacing:-.025em}.service-card p,.project-info p{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:16px}.text-link{font-size:11px;color:var(--blue);font-weight:800}.text-link span{margin-left:5px}.about{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center;padding-top:36px;padding-bottom:84px}.about-copy h2{font-size:32px;margin-bottom:18px}.about-copy>p:last-child{max-width:350px;color:var(--muted);font-size:13px}.value-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}.value-icon{font-size:25px;color:var(--blue);font-weight:800}.value-item h3{font-size:14px;margin:8px 0 5px}.value-item p{font-size:11px;color:var(--muted);margin:0}.projects{padding-top:30px}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:white;color:var(--ink);font-size:18px;cursor:pointer}.gallery-controls button:hover{background:var(--blue);color:white}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.project-card img{display:block;width:100%;height:190px;object-fit:cover}.project-info{padding:18px}.project-info h3{font-size:14px;line-height:1.4;margin-bottom:7px}.project-info p{margin-bottom:13px}.tag{display:inline-block;color:#2867d9;background:#edf3ff;border-radius:5px;padding:5px 9px;font-size:10px;font-weight:700}.contact-banner{max-width:1120px;margin:0 auto 30px;border-radius:18px;background:radial-gradient(ellipse at 95% 50%,#123b6c 0%,transparent 35%),linear-gradient(120deg,#071321,#0c2036);color:white;padding:44px 5%;display:flex;justify-content:space-between;gap:30px;align-items:center;overflow:hidden}.contact-main h2{font-size:clamp(25px,3vw,34px);margin-bottom:12px}.contact-main>p:not(.eyebrow){font-size:12px;color:#c2ccda}.contact-buttons{display:flex;gap:10px;margin-top:20px;flex-wrap:wrap}.contact-details{min-width:225px;display:grid;gap:12px;font-size:12px;color:#d4deec}.contact-details a,.contact-details p{margin:0}.contact-details span{display:inline-block;width:24px;color:#70a1ff}.footer{max-width:1200px;margin:auto;padding:22px 6.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer .brand{color:var(--ink);font-size:13px}.footer .brand-mark{width:24px;height:24px}.footer p{margin:0}.footer>a:last-child{color:var(--blue);font-weight:700}@media(min-width:1201px){.hero{border-radius:0 0 18px 18px}.site-header .nav-wrap{padding-left:0;padding-right:0}}@media(max-width:850px){.nav-wrap{padding:0 20px;gap:18px}.site-nav{gap:14px}.nav-phone{display:none}.hero{min-height:510px}.hero-content{padding:55px 6%}.section{padding:64px 5%}.card-image,.project-card img{height:155px}.card-body{padding:17px}.about{gap:36px}.contact-banner{margin-left:20px;margin-right:20px}}@media(max-width:650px){.site-header{height:64px}.nav-wrap{justify-content:space-between}.menu-toggle{display:flex;flex-direction:column;gap:5px;padding:10px;margin-left:auto}.menu-toggle span{width:22px;height:2px;background:white;display:block}.site-nav{display:none;position:absolute;top:64px;left:0;right:0;background:#091827;padding:18px 22px 24px;flex-direction:column;gap:18px;border-top:1px solid #ffffff18}.site-nav.open{display:flex}.nav-actions{display:none}.hero{min-height:600px;align-items:end}.hero-photo{inset:0;background-position:58% center;opacity:.65}.hero-shade{background:linear-gradient(0deg,#071321 0%,#071321f0 28%,#07132175 68%,#07132135 100%)}.hero-content{padding:70px 23px 32px}.hero-caption{display:none}h1{font-size:42px}.hero-copy{font-size:13px}.hero-benefits{gap:14px;margin-top:30px}.hero-benefits>div{font-size:9px;gap:6px}.benefit-icon{width:27px;height:27px}.section{padding:54px 20px}.section-heading{align-items:start;flex-direction:column;gap:14px}.section-intro{max-width:100%}.service-grid,.project-grid{grid-template-columns:1fr;gap:16px}.card-image,.project-card img{height:220px}.card-body{padding:20px}.about{grid-template-columns:1fr;gap:28px;padding-top:12px}.about-copy h2{font-size:30px}.value-grid{gap:24px 18px}.projects{padding-top:20px}.gallery-controls{align-self:flex-end;margin-top:-6px}.contact-banner{margin:0 12px 20px;padding:30px 22px;display:block;border-radius:14px}.contact-main h2{font-size:27px}.contact-details{margin-top:28px}.footer{padding:22px 20px;flex-wrap:wrap}.footer p{order:3;width:100%}.desktop-only{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

@media(max-width:650px){.project-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.project-card{flex:0 0 88%;scroll-snap-align:start}}


/* Strong full-page dark treatment + visible original logo */
:root { color-scheme: dark; }
html, body { margin:0; min-height:100%; background:#070b12 !important; color:#f5f7fb; }
body { background:linear-gradient(180deg,#070b12 0%,#080e18 55%,#070b12 100%) !important; }
main, header, footer, section, .section, .services, .about, .projects {
  background-color:transparent !important;
}
.site-header { background:#070b12 !important; }
.hero { background:#070b12 !important; }
.services, .about { background:transparent !important; }
.service-card { background:linear-gradient(145deg,#101a29,#0a111c) !important; border:1px solid #25344a !important; }
.contact-banner { background:radial-gradient(ellipse at 95% 50%,#102e58 0%,transparent 38%),linear-gradient(120deg,#070b12,#0c1b2d) !important; }
.footer { background:#070b12 !important; }
.brand { display:inline-flex; align-items:center; gap:7px; color:#f8fafc !important; }
.brand-logo { display:block; width:25px !important; height:25px !important; object-fit:contain; opacity:1 !important; }
.brand-word { display:inline-block; color:#f8fafc; font-size:17px; line-height:1; font-weight:700; letter-spacing:-.045em; }
.footer .brand-logo { width:22px !important; height:22px !important; }
.footer .brand-word { font-size:15px; }
@media(max-width:650px) {
  .brand-logo { width:22px !important; height:22px !important; }
  .brand-word { font-size:16px; }
}


/* User-requested adjustments based on the working V2 version */
.contact-main { display: none !important; }
.contact-details p { margin: 0; }
.contact-details p:nth-child(-n+2) { white-space: nowrap; }