@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#08111f;--panel:#101d30;--text:#f4f7fb;--muted:#a7b4c7;--accent:#69e0d0;--line:rgba(255,255,255,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}.header{height:78px;padding:0 8%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(8,17,31,.92);backdrop-filter:blur(14px);z-index:10}.logo{font:700 1.45rem 'Space Grotesk',sans-serif;color:white;text-decoration:none;letter-spacing:-1px}.logo span,h1 span,h2 span{color:var(--accent)}nav{display:flex;gap:32px}nav a{color:var(--muted);text-decoration:none;font-size:.94rem}nav a:hover{color:var(--accent)}.menu-toggle{display:none;background:none;color:white;border:0;font-size:1.7rem}.hero{min-height:620px;padding:90px 8%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:30px;background:radial-gradient(circle at 78% 45%,rgba(43,125,153,.18),transparent 35%)}.eyebrow{color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:2.5px}.hero h1{font:700 clamp(3.2rem,6vw,5.6rem)/1.04 'Space Grotesk',sans-serif;letter-spacing:-4px;margin:20px 0}.hero-copy,.section-copy{max-width:560px;color:var(--muted);font-size:1.08rem}.button{display:inline-flex;gap:25px;align-items:center;margin-top:25px;padding:14px 22px;background:var(--accent);color:#06151b;text-decoration:none;font-weight:700;border-radius:5px}.button:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(105,224,208,.18)}.hero-art{height:390px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:300px;height:300px;background:linear-gradient(135deg,#1d9d9b,#193d73);opacity:.6;right:12%;top:8%}.orb-two{width:190px;height:190px;background:linear-gradient(135deg,#745bd5,#1d9d9b);opacity:.5;left:8%;bottom:4%}.glass-card{position:relative;width:min(370px,90%);padding:25px;background:rgba(14,29,49,.78);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 25px 80px #0008;backdrop-filter:blur(12px);transform:rotate(-5deg)}.dots{color:#6de0d0;font-size:.65rem;letter-spacing:5px;margin-bottom:30px}.code-line{height:9px;width:70%;background:#42627b;border-radius:8px;margin:15px 0}.code-line.wide{width:90%;background:#70d9cb}.code-line.short{width:45%}.chart{height:100px;display:flex;align-items:end;gap:12px;margin-top:30px}.chart i{display:block;flex:1;border-radius:5px 5px 0 0;background:linear-gradient(#69e0d0,#3479a7)}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:65%}.chart i:nth-child(3){height:48%}.chart i:nth-child(4){height:85%}.chart i:nth-child(5){height:58%}.chart i:nth-child(6){height:100%}.chart i:nth-child(7){height:76%}.section{padding:100px 8%}.intro{background:#0b1728}.section h2,.cta h2{font:700 clamp(2.4rem,4vw,3.8rem)/1.12 'Space Grotesk',sans-serif;letter-spacing:-2px;margin:15px 0 20px}.services{background:#08111f}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.service-card{padding:30px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.service-icon{font-size:2rem;color:var(--accent)}.service-card h3{font:600 1.25rem 'Space Grotesk',sans-serif}.service-card p{color:var(--muted);font-size:.95rem}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(110deg,#123c4a,#142b4b)}.cta h2{margin-bottom:0}.button-light{background:white}.contact{background:#0b1728}.contact-details{display:flex;gap:70px;margin-top:35px}.contact-details p{color:var(--muted)}.contact-details strong{color:white}.contact-details a{color:var(--accent)}.note{font-size:.85rem;color:#8292a8;margin-top:35px}footer{padding:30px 8%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer p{color:var(--muted);font-size:.85rem}
@media(max-width:760px){.header{padding:0 6%}.menu-toggle{display:block}nav{display:none;position:absolute;top:77px;left:0;right:0;padding:20px 6%;background:#0b1728;flex-direction:column;gap:18px}nav.open{display:flex}.hero{padding:75px 6%;grid-template-columns:1fr}.hero-art{height:300px}.section{padding:75px 6%}.service-grid{grid-template-columns:1fr}.cta{align-items:flex-start;flex-direction:column}.contact-details{gap:25px;flex-wrap:wrap}footer{padding:25px 6%;gap:15px;flex-direction:column;align-items:flex-start}.hero h1{letter-spacing:-2px}}