@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b0d12;--text:#f6f7fb;--muted:#a7adbb;--accent:#8b5cf6;--accent2:#22d3ee;--light:#f5f6fa;--border:rgba(255,255,255,.1)}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg);line-height:1.6}.container{width:min(1120px,92%);margin:auto}
.header{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(11,13,18,.88);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:9px;color:#fff;text-decoration:none;font:700 24px "Space Grotesk",sans-serif}.brand img{height:54px;width:42px;object-fit:contain}.brand span{display:flex;flex-direction:column}.brand small{font:500 9px "DM Sans",sans-serif;color:#aeb4c1;letter-spacing:.8px}
nav{display:flex;gap:30px}nav a{color:#d9dce5;text-decoration:none;font-weight:500;font-size:15px}nav a:hover{color:var(--accent2)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:27px}
.hero{min-height:760px;padding:165px 0 100px;background:radial-gradient(circle at 80% 30%,rgba(139,92,246,.22),transparent 32%),radial-gradient(circle at 10% 70%,rgba(34,211,238,.1),transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.eyebrow,.section-label{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--accent2);margin-bottom:16px}h1,h2,h3{font-family:"Space Grotesk",sans-serif;line-height:1.1}h1{font-size:clamp(43px,6vw,72px);max-width:760px}h1 span,h2 span{color:var(--accent2)}
.hero-text{font-size:18px;color:var(--muted);max-width:650px;margin:25px 0 32px}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 23px;border-radius:9px;text-decoration:none;font-weight:700;border:1px solid transparent;cursor:pointer;font-family:inherit}.primary{background:var(--accent);color:#fff;box-shadow:0 10px 30px rgba(139,92,246,.22)}.secondary{border-color:var(--border);color:#fff;background:rgba(255,255,255,.03)}
.trust-row{display:flex;gap:35px;margin-top:50px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:20px}.trust-row small{color:var(--muted)}
.hero-card{background:linear-gradient(145deg,#171b28,#0f121a);border:1px solid var(--border);border-radius:20px;padding:28px;box-shadow:0 25px 70px rgba(0,0,0,.35);min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center}.logo-showcase{width:210px;height:210px;border-radius:50%;background:rgba(255,255,255,.97);display:grid;place-items:center;box-shadow:0 20px 55px rgba(0,0,0,.3);overflow:hidden}.logo-showcase img{width:150px;height:175px;object-fit:contain}.showcase-title{font:700 22px "Space Grotesk";margin-top:25px}.showcase-line{width:80px;height:3px;background:linear-gradient(90deg,#f59e0b,#8b5cf6,#22d3ee);margin:12px 0}.hero-card p{color:var(--muted)}
.section{padding:110px 0}.light{background:var(--light);color:#171923}.light .section-label{color:#7050dc}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:80px}.two-col h2,.section-head h2,.contact-grid h2,.cta h2{font-size:clamp(35px,5vw,52px)}.two-col p{color:var(--muted);margin-bottom:18px}
.section-head{text-align:center;max-width:700px;margin:0 auto 50px}.section-head>p:last-child{color:#777d8d;margin-top:12px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e6e7ec;padding:30px;border-radius:14px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(0,0,0,.08)}.icon{width:45px;height:45px;border-radius:10px;display:grid;place-items:center;background:#eee9ff;color:#704fe0;font-weight:bold;margin-bottom:22px;font-size:20px}.card h3{font-size:20px;margin-bottom:10px}.card p{color:#686e7b;font-size:15px}
.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#11141d}.project-image{height:230px;display:grid;place-items:center;font:700 18px "Space Grotesk";letter-spacing:2px}.purple{background:linear-gradient(135deg,#4c1d95,#8b5cf6)}.blue{background:linear-gradient(135deg,#075985,#22d3ee)}.dark{background:linear-gradient(135deg,#1f2937,#111827)}.project-info{padding:20px}.project-info h3{font-size:19px}.project-info p{color:var(--muted);font-size:14px;margin-top:5px}
.cta{padding:75px 0;background:linear-gradient(100deg,#18122b,#101e28)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{max-width:650px}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.contact-grid>div>p:not(.section-label){color:#686e7b}.contact-details{margin-top:35px;display:grid;gap:18px}.contact-details a{color:#5e42c4;text-decoration:none}.contact-actions{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.whatsapp{background:#16a34a;color:#fff}.contact-form{background:#fff;padding:32px;border-radius:15px;border:1px solid #e5e6eb;box-shadow:0 15px 40px rgba(0,0,0,.05)}.contact-form label{display:block;font-size:14px;font-weight:700;margin-bottom:17px}.contact-form input,.contact-form textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #d9dbe2;border-radius:8px;font:inherit;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:#8b5cf6}.contact-form .btn{border:0}.form-note{font-size:12px;color:#818694;margin-top:13px}
footer{background:#07080c;padding:30px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer p{color:#777d8d;font-size:13px}.footer-brand img{height:48px}
@media(max-width:800px){nav{display:none;position:absolute;top:78px;left:0;right:0;background:#0b0d12;padding:20px;flex-direction:column;gap:18px;border-bottom:1px solid var(--border)}nav.open{display:flex}.menu-btn{display:block}.hero{padding-top:130px}.hero-grid,.two-col,.contact-grid{grid-template-columns:1fr;gap:45px}.cards,.projects{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}}
@media(max-width:520px){.brand{font-size:21px}.brand img{height:48px;width:36px}.brand small{font-size:8px}.cards,.projects{grid-template-columns:1fr}.trust-row{gap:18px}.trust-row small{font-size:11px}.section{padding:80px 0}.hero{min-height:auto;padding-bottom:80px}.footer{flex-direction:column;align-items:flex-start}}