:root{
  --bg:#080b10; --panel:#10151d; --panel2:#151c26; --ink:#f5f7fa; --muted:#9aa6b4;
  --blue:#1677ff; --blue2:#59a6ff; --line:#263140; --white:#fff;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;background:rgba(8,11,16,.92);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:11px}.brand-mark{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,var(--blue),#0054c7);display:grid;place-items:center;font:800 27px "Barlow Condensed";font-style:italic;transform:skew(-7deg)}
.brand-copy{display:flex;flex-direction:column;line-height:.88}.brand-copy strong{font:800 24px "Barlow Condensed";letter-spacing:.06em}.brand-copy small{font:600 9px Inter;letter-spacing:.25em;color:#a9b4c2;margin-top:5px}
nav{display:flex;gap:30px;font-size:13px;color:#c9d1db}nav a:hover{color:white}
.btn{display:inline-flex;justify-content:center;align-items:center;background:var(--blue);color:white;border-radius:8px;padding:14px 20px;font-weight:700;transition:.2s;box-shadow:0 12px 34px rgba(22,119,255,.16)}
.btn:hover{transform:translateY(-2px);background:#2e87ff}.btn-small{padding:10px 15px;font-size:12px}
.ghost{background:transparent;border:1px solid #435267;box-shadow:none}.ghost:hover{background:#101722}.ghost.dark{border-color:#435267}
.hero{min-height:700px;display:grid;grid-template-columns:1.05fr .95fr;gap:6vw;align-items:center;padding:88px 7vw;position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 12% 35%,rgba(22,119,255,.22),transparent 27%),linear-gradient(120deg,#080b10 25%,#0d131c 75%);z-index:-1}
.eyebrow{font:700 11px Inter;letter-spacing:.2em;color:var(--blue2);margin:0 0 18px}
h1,h2,h3{font-family:"Barlow Condensed",sans-serif;margin:0}h1{font-size:clamp(62px,7vw,112px);line-height:.86;text-transform:uppercase;letter-spacing:-.025em}h1 em,h2 em{font-style:normal;color:var(--blue2)}
.lead{font-size:19px;line-height:1.7;color:var(--muted);max-width:650px;margin:28px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.stats{display:flex;gap:36px;margin-top:42px}.stats div{display:flex;flex-direction:column;border-left:2px solid var(--blue);padding-left:12px}.stats strong{font:700 22px "Barlow Condensed"}.stats span{font-size:11px;color:var(--muted);margin-top:3px}
.hero-photo{position:relative;border:1px solid var(--line);padding:9px;background:#0f141b;box-shadow:0 30px 80px rgba(0,0,0,.35);transform:rotate(1.2deg)}
.hero-photo img{display:block;width:100%;height:510px;object-fit:cover;filter:saturate(.94) contrast(1.03)}
.photo-label{position:absolute;left:25px;bottom:25px;background:rgba(8,11,16,.9);padding:14px 16px;border-left:3px solid var(--blue);display:flex;flex-direction:column}.photo-label span{font-size:9px;letter-spacing:.17em;color:var(--blue2)}.photo-label strong{font:700 19px "Barlow Condensed";margin-top:4px}
.trustbar{min-height:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:26px;flex-wrap:wrap;padding:18px 6vw;background:#0d1219;color:#c6d0dc;font:700 12px Inter;letter-spacing:.08em}.trustbar i{width:5px;height:5px;border-radius:50%;background:var(--blue)}
.section{padding:105px 7vw}.section-head{max-width:900px;margin-bottom:48px}.section-head h2,.tech h2,.contact h2{font-size:clamp(46px,5.5vw,76px);line-height:.94;text-transform:uppercase}.section-head>p:last-child{max-width:700px;color:var(--muted);line-height:1.7}
.services{background:#0a0e14}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.service-card{min-height:235px;padding:30px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:0;background:var(--blue);transition:.35s}.service-card:hover:before{height:100%}.service-card span{color:var(--blue2);font-size:11px}.service-card h3{font-size:32px;text-transform:uppercase;margin:28px 0 10px}.service-card p{color:var(--muted);line-height:1.65;font-size:14px}
.tech{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;background:linear-gradient(135deg,#101722,#080b10)}.tech-copy>p:not(.eyebrow){color:var(--muted);line-height:1.75;font-size:17px}.tech ul{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech li{background:#121b27;border:1px solid var(--line);padding:14px 16px;font-weight:600;font-size:13px}
.tech-gallery{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tech-gallery img{width:100%;height:440px;object-fit:cover;border:1px solid #344154}.tech-gallery img:first-child{transform:translateY(28px)}
.structure{background:#f3f5f8;color:#111821}.structure .eyebrow{color:#1267d9}.structure .section-head p:last-child{color:#596575}
.social-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{display:flex;flex-direction:column;min-height:290px;padding:30px;background:white;border:1px solid #dce2e9;transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 18px 50px rgba(24,40,62,.11)}.post-top{font-size:10px;letter-spacing:.16em;color:#1267d9;font-weight:700}.post-card h3{font-size:31px;text-transform:uppercase;margin:28px 0 12px}.post-card p{color:#637080;line-height:1.6}.post-card span{margin-top:auto;color:#1267d9;font-weight:700;font-size:13px}
.review-strip{padding:90px 7vw;text-align:center;background:var(--blue);color:white}.review-strip>div{max-width:900px;margin:auto}.stars{letter-spacing:.22em}.review-strip h2{font-size:clamp(42px,5vw,70px);text-transform:uppercase;margin:16px 0}.review-strip p{opacity:.86}
.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:80px;align-items:center}.contact-lines{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:32px 0}.contact-lines p{padding:18px;background:var(--panel);border:1px solid var(--line);color:var(--muted);line-height:1.6}.contact-lines strong{color:white}.hours{background:var(--panel2);border:1px solid var(--line);padding:38px}.hours>span{font-size:10px;letter-spacing:.2em;color:var(--blue2);font-weight:700}.hours div{padding:20px 0;border-bottom:1px solid var(--line)}.hours strong{font:700 24px "Barlow Condensed";text-transform:uppercase}.hours p,.hours small{color:var(--muted);line-height:1.6}
footer{min-height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:28px 7vw;color:#758190;font-size:11px}.footer-brand{color:white}.floating-wa{position:fixed;right:22px;bottom:22px;width:56px;height:56px;border-radius:50%;background:#1fc65a;color:white;display:grid;place-items:center;font-weight:800;z-index:35;box-shadow:0 16px 35px rgba(0,0,0,.3)}
.reveal{opacity:0;transform:translateY(18px);transition:.65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){
 nav{display:none}.topbar{padding:0 20px}.hero{grid-template-columns:1fr;padding:72px 22px}.hero-photo{max-width:620px}.section{padding:78px 22px}.service-grid,.social-proof-grid{grid-template-columns:1fr 1fr}.tech,.contact{grid-template-columns:1fr}.tech-gallery img{height:320px}.trustbar{justify-content:flex-start}.stats{gap:18px;flex-wrap:wrap}
}
@media(max-width:560px){
 .btn-small{display:none}.service-grid,.social-proof-grid{grid-template-columns:1fr}.hero-photo img{height:390px}.tech ul,.contact-lines{grid-template-columns:1fr}.tech-gallery{grid-template-columns:1fr}.tech-gallery img:first-child{transform:none}.tech-gallery img{height:280px}footer{flex-direction:column;gap:18px;align-items:flex-start}
}