:root{--bg:#050a10;--panel:#09131d;--blue:#087cff;--blue2:#0a55cf;--text:#f7fbff;--muted:#aebdcb;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit}.topbar{height:76px;display:flex;align-items:center;gap:28px;padding:0 max(5vw,24px);position:fixed;inset:0 0 auto;z-index:20;background:linear-gradient(#050a10f5,#050a10d9);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand{margin-right:auto}.brand img{height:56px;display:block}.topbar nav{display:flex;gap:26px}.topbar nav a{text-decoration:none;font-size:14px;font-weight:800;color:#dce8f4}.call-pill,.primary{background:linear-gradient(135deg,var(--blue),var(--blue2));text-decoration:none;font-weight:900;border-radius:10px;padding:13px 18px;box-shadow:0 12px 30px #087cff30}.call-pill{font-size:14px}.topbar button{display:none;background:none;border:0;color:white;font-size:28px}.hero{height:min(860px,96vh);min-height:680px;position:relative;background:url('assets/hero.jpg') 63% center/cover no-repeat;display:flex;align-items:center}.shade{position:absolute;inset:0;background:linear-gradient(90deg,#02060bed 0%,#02060bd9 43%,#02060b73 72%,#02060b30 100%)}.hero-inner{position:relative;width:min(1220px,90%);margin:0 auto;padding-top:70px}.hero-copy{max-width:760px}.kicker,.eyebrow{font-weight:900;letter-spacing:.19em;color:#2b94ff;font-size:12px}.hero h1{font-size:clamp(64px,9vw,124px);line-height:.8;margin:22px 0 30px;letter-spacing:-.055em}.hero h1 em{font-style:normal;color:#1687ff}.hero p{font-size:clamp(18px,2vw,23px);color:#d1dce7;max-width:700px}.actions,.contact-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:15px 21px;border-radius:10px;font-weight:900;text-decoration:none}.secondary{border:1px solid #ffffff69;background:#08111bd9}.secondary.dark{border-color:#1a344d}.trust{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;font-size:13px;font-weight:800;color:#d9e5ef}.stripe{display:grid;grid-template-columns:repeat(3,1fr);background:linear-gradient(90deg,#0752b8,#087cff,#0752b8);padding:26px 6vw}.stripe div{text-align:center;border-right:1px solid #ffffff40}.stripe div:last-child{border:0}.stripe strong,.stripe small{display:block}.stripe small{opacity:.82;margin-top:2px}.section{padding:100px max(5vw,24px);max-width:1380px;margin:auto}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:12px 0 42px}.section h2,.about h2,.contact h2{font-size:clamp(38px,5vw,70px);line-height:.98;letter-spacing:-.045em;margin:0}.section-head p{max-width:560px;color:var(--muted);font-size:17px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.service-grid article{padding:30px;min-height:260px;background:linear-gradient(180deg,#0c1824,#08111a);border:1px solid var(--line);border-radius:18px}.service-grid span{color:#2a95ff;font-size:13px;font-weight:900}.service-grid h3{font-size:23px;margin:50px 0 12px}.service-grid p{color:var(--muted);margin:0}.work{padding-top:40px}.masonry{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:14px}.masonry img{width:100%;height:440px;object-fit:cover;border-radius:18px}.masonry img:first-child{height:560px}.about{max-width:1380px;margin:40px auto 0;display:grid;grid-template-columns:.95fr 1.05fr;min-height:650px;background:#07111b}.about-copy{padding:80px max(5vw,56px);display:flex;flex-direction:column;justify-content:center}.about h2{margin:14px 0 28px}.about h2 span{color:#1687ff}.about p{color:var(--muted);max-width:560px;font-size:18px}.checks{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.checks span{padding:12px 0;border-bottom:1px solid var(--line);font-weight:800}.checks span:before{content:'✓';color:#188cff;margin-right:9px}.about>img{width:100%;height:100%;object-fit:cover;min-height:650px}.contact{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center;padding:110px max(5vw,24px)}.contact-copy p{color:var(--muted);font-size:18px;max-width:670px}.email{display:block;margin-top:26px;color:#d5e7f7;text-decoration:none;font-weight:800}.qr-wrap{background:white;color:#08111a;border-radius:22px;padding:28px;text-align:center;justify-self:end;width:min(370px,100%)}.qr-wrap img{width:100%;max-width:260px}.qr-wrap strong,.qr-wrap small{display:block}.qr-wrap strong{margin-top:8px}.qr-wrap small{color:#607080}footer{min-height:140px;border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;padding:30px max(5vw,24px);color:#ced9e4}footer img{height:64px}footer span{color:#7f91a3}.foot-right{margin-left:auto;color:#8394a5;font-size:13px}
@media(max-width:920px){.topbar nav{display:none;position:absolute;top:76px;left:16px;right:16px;flex-direction:column;background:#08121d;padding:22px;border:1px solid var(--line);border-radius:15px}.topbar nav.open{display:flex}.topbar button{display:block}.call-pill{display:none}.hero{min-height:720px;background-position:67% center}.hero h1{font-size:clamp(58px,16vw,90px)}.stripe{grid-template-columns:1fr;gap:18px}.stripe div{border-right:0;border-bottom:1px solid #ffffff40;padding-bottom:18px}.stripe div:last-child{border:0;padding-bottom:0}.section-head{display:block}.service-grid{grid-template-columns:1fr 1fr}.masonry{grid-template-columns:1fr 1fr}.masonry img,.masonry img:first-child{height:340px}.masonry img:first-child{grid-column:1/-1}.about{grid-template-columns:1fr}.about>img{min-height:420px}.contact{grid-template-columns:1fr}.qr-wrap{justify-self:start}footer{flex-wrap:wrap}.foot-right{width:100%;margin-left:82px}}
@media(max-width:600px){.topbar{padding:0 16px}.brand img{height:48px}.hero{min-height:690px;background-position:70% center}.shade{background:linear-gradient(90deg,#02060bf5 0%,#02060bdc 65%,#02060b78 100%)}.hero-inner{width:calc(100% - 32px)}.hero h1{font-size:56px}.hero p{font-size:17px}.trust{display:grid;gap:8px}.section{padding:74px 18px}.section h2,.about h2,.contact h2{font-size:42px}.service-grid{grid-template-columns:1fr}.service-grid article{min-height:auto}.service-grid h3{margin-top:28px}.masonry{grid-template-columns:1fr}.masonry img,.masonry img:first-child{height:290px;grid-column:auto}.about-copy{padding:70px 20px}.about>img{min-height:330px}.checks{grid-template-columns:1fr}.contact{padding:80px 18px}.primary,.secondary{width:100%}.qr-wrap{width:100%}footer{padding:30px 18px}footer img{height:52px}.foot-right{margin-left:70px}.stripe{padding:24px 18px}}
/* Real-project gallery */
.masonry{grid-template-columns:repeat(3,1fr);grid-auto-rows:360px}
.masonry img,.masonry img:first-child{height:100%;grid-column:auto;object-position:center;border:1px solid var(--line);transition:transform .25s ease,filter .25s ease}
.masonry img:hover{transform:translateY(-3px);filter:brightness(1.05)}
.masonry img:nth-child(1),.masonry img:nth-child(5){grid-row:span 2}
@media(max-width:920px){.masonry{grid-template-columns:1fr 1fr;grid-auto-rows:330px}.masonry img,.masonry img:first-child{height:100%;grid-column:auto}.masonry img:nth-child(1),.masonry img:nth-child(5){grid-row:span 1}}
@media(max-width:600px){.masonry{grid-template-columns:1fr;grid-auto-rows:360px}.masonry img,.masonry img:first-child{height:100%}}

/* Compact WhatsApp contact card */
.qr-wrap{background:linear-gradient(145deg,#0c1824,#08111a);color:#f7fbff;border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:20px;display:flex;align-items:center;gap:20px;text-align:left;justify-self:end;width:min(460px,100%);box-shadow:0 18px 50px rgba(0,0,0,.25)}
.qr-wrap img{width:145px;height:145px;object-fit:cover;border-radius:14px;background:#fff;padding:7px;flex:0 0 auto}
.qr-copy{display:flex;flex-direction:column;align-items:flex-start}.qr-copy .wa-badge{font-size:11px;font-weight:900;letter-spacing:.16em;color:#35d07f;margin-bottom:6px}.qr-wrap .qr-copy strong{font-size:20px;margin:0 0 5px}.qr-wrap .qr-copy small{color:#9fb0c0;line-height:1.4}.wa-link{margin-top:13px;padding:10px 14px;border-radius:9px;background:#19b866;color:white;text-decoration:none;font-size:13px;font-weight:900}
@media(max-width:600px){.qr-wrap{padding:16px;gap:15px;width:100%;border-radius:16px}.qr-wrap img{width:112px;height:112px;padding:5px;border-radius:11px}.qr-wrap .qr-copy strong{font-size:17px}.qr-wrap .qr-copy small{font-size:12px}.wa-link{padding:9px 11px;font-size:12px}}