:root{color:#f4f6ff;font-synthesis:none;scroll-behavior:smooth;background:#080d19;font-family:Inter,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}.container{width:min(1160px,100% - 48px);margin-inline:auto}.accent{color:#7b91ff}.muted{color:#818ba3}.header{z-index:10;border-bottom:1px solid #ffffff12;position:relative}.nav{justify-content:space-between;align-items:center;gap:20px;min-height:82px;display:flex}.logo{letter-spacing:-.5px;align-items:center;gap:12px;font-size:14px;font-weight:850;display:flex}.logo-mark{background:#6d7eff;border-radius:12px;place-items:center;width:40px;height:40px;font-size:21px;display:grid}.nav-links{color:#b9c1d4;align-items:center;gap:32px;font-size:13px;display:flex}.nav-links a:hover{color:#fff}.nav-cta{border:1px solid #5566a3;border-radius:8px;padding:12px 18px;color:#fff!important}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:45px;min-height:650px;padding-top:105px;padding-bottom:105px;display:grid}.eyebrow,.section-kicker{letter-spacing:2.5px;color:#91a3ff;font-size:11px;font-weight:800}.eyebrow{align-items:center;gap:10px;display:flex}.dot{background:#8a9aff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 15px #8a9aff}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-3.7px;margin:28px 0;font-size:clamp(44px,5.1vw,75px);line-height:1.08}.gradient-text{background:linear-gradient(110deg,#8c9dff,#c1a7ff,#74c7ff);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-description{color:#a5afc5;max-width:510px;font-size:16px;line-height:1.85}.hero-buttons{flex-wrap:wrap;gap:14px;margin-top:34px;display:flex}.btn{border-radius:9px;justify-content:center;align-items:center;gap:26px;padding:16px 22px;font-size:13px;font-weight:750;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#080d19;background:#78f}.btn-primary:hover{background:#a3afff}.btn-secondary{color:#fff;border:1px solid #39435a}.hero-note{color:#78839c;margin-top:25px;font-size:12px}.hero-visual{place-items:center;min-height:390px;display:grid;position:relative}.orb{filter:blur(70px);background:#4656ff30;border-radius:50%;width:330px;height:330px;position:absolute}.dashboard{background:linear-gradient(145deg,#1b2744,#0f172a);border:1px solid #5b6da344;border-radius:16px;width:min(100%,440px);position:relative;overflow:hidden;transform:rotate(-3deg);box-shadow:0 35px 90px #0008}.dashboard-top{letter-spacing:1.5px;color:#7d8da9;border-bottom:1px solid #ffffff13;justify-content:space-between;padding:16px 20px;font-size:9px;display:flex}.window-dots{color:#7e8bff;letter-spacing:4px}.dashboard-body{padding:34px}.dash-label{letter-spacing:3px;color:#9aaaff;font-size:10px}.dash-title{margin-top:20px;font-size:37px;font-weight:850;line-height:1.2}.dash-title span{color:#8c9bff}.dash-lines{gap:9px;margin-top:25px;display:grid}.dash-lines i{background:#ffffff16;border-radius:6px;width:80%;height:6px;display:block}.dash-lines i:nth-child(2){width:55%}.dash-lines i:nth-child(3){width:68%}.dash-chart{align-items:flex-end;gap:13px;height:110px;margin-top:25px;display:flex}.dash-chart span{background:linear-gradient(#9eacff,#4e5cb0);border-radius:5px 5px 0 0;flex:1}.dash-caption{color:#9eacd2;letter-spacing:2px;margin-top:15px;font-size:9px}.floating-tag{color:#17203d;background:#e5eaff;border-radius:10px;padding:15px 19px;font-size:12px;font-weight:800;position:absolute;bottom:30px;right:-8px;box-shadow:0 15px 40px #0005}.strip{background:#0d1423;border-top:1px solid #ffffff13;border-bottom:1px solid #ffffff13}.strip-inner{color:#77839b;letter-spacing:2px;flex-wrap:wrap;justify-content:space-around;align-items:center;gap:15px;padding:25px 0;font-size:11px;font-weight:800;display:flex}.strip b{color:#78f}.section{padding-top:110px;padding-bottom:110px}.section-heading{justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px;display:flex}.section-heading h2{letter-spacing:-2px;max-width:660px;margin:15px 0 0;font-size:clamp(34px,4vw,52px);line-height:1.15}.section-heading>p{color:#94a0b7;max-width:320px;margin:0;font-size:14px;line-height:1.8}.services-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.service-card{background:#11192a;border:1px solid #ffffff14;border-radius:13px;flex-direction:column;min-height:295px;padding:27px 23px;display:flex}.service-card:hover{border-color:#78f7}.service-top{color:#71809d;letter-spacing:1px;justify-content:space-between;align-items:center;font-size:10px;display:flex}.service-icon{color:#a5b0ff;font-size:28px}.service-card h3{letter-spacing:-.6px;margin:40px 0 12px;font-size:19px}.service-card p{color:#97a3b8;font-size:13px;line-height:1.75}.service-card a{color:#a4b0ff;justify-content:space-between;margin-top:auto;font-size:12px;font-weight:700;display:flex}.portfolio-section{background:#0c1321}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{min-width:0}.project-preview{background:#172f42;border-radius:12px;height:250px;overflow:hidden}.orange .project-preview{background:#473026}.purple .project-preview{background:#2c244a}.preview-browser{letter-spacing:1.5px;color:#ffffff80;background:#0002;justify-content:space-between;padding:13px 17px;font-size:9px;display:flex}.preview-inner{flex-direction:column;align-items:flex-start;padding:35px 30px;display:flex}.preview-kicker{color:#fff9;margin-bottom:15px;font-size:10px}.preview-inner strong{letter-spacing:-1.5px;font-size:30px}.preview-rule{background:#8cbfff;width:65px;height:3px;margin:20px 0}.orange .preview-rule{background:#ffb78c}.purple .preview-rule{background:#c0a2ff}.preview-button{letter-spacing:1px;border:1px solid #fff5;border-radius:5px;padding:10px 13px;font-size:9px}.project-info{justify-content:space-between;gap:10px;padding:23px 2px;display:flex}.project-type{color:#91a3ff;letter-spacing:1.5px;font-size:10px}.project-info h3{margin:10px 0;font-size:20px}.project-info p{color:#8996ac;font-size:12px;line-height:1.6}.project-arrow{color:#a2aeff;font-size:25px}.process-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.process-step{border-top:1px solid #39445b;padding-top:25px}.step-number{color:#8f9fff;margin-bottom:35px;font-size:13px}.process-step h3{margin-bottom:12px;font-size:21px}.process-step p{color:#96a1b8;font-size:13px;line-height:1.8}.contact-section{text-align:center;background:radial-gradient(at top,#26325e,#10182b 65%);border-top:1px solid #ffffff16}.contact-inner{flex-direction:column;align-items:center;padding-top:100px;padding-bottom:100px;display:flex}.contact-inner h2{letter-spacing:-3px;max-width:760px;margin:18px 0 25px;font-size:clamp(40px,5vw,68px);line-height:1.1}.contact-inner>p:not(.section-kicker){color:#aab4c9;max-width:500px;line-height:1.8}.contact-inner .btn{margin-top:18px}.contact-note{color:#8491ab;margin-top:18px;font-size:11px}footer{background:#080d19;border-top:1px solid #ffffff13}.footer-inner{color:#7d8ba4;justify-content:space-between;align-items:center;gap:25px;min-height:110px;font-size:11px;display:flex}.footer-brand{color:#fff;font-size:13px;font-weight:850}@media (width<=950px){.hero{grid-template-columns:1fr;padding-top:80px}.hero-visual{width:100%;max-width:520px;margin:auto}.services-grid,.process-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.container{width:min(100% - 32px,1160px)}.nav{min-height:72px}.logo{font-size:11px}.nav-links{gap:12px}.nav-links>a:not(.nav-cta){display:none}.nav-cta{padding:10px 12px;font-size:11px}.hero{min-height:auto;padding-top:75px;padding-bottom:65px}h1{letter-spacing:-2px}.hero-visual{min-height:320px}.dashboard{transform:none}.floating-tag{bottom:5px;right:0}.section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-heading>p{margin-top:20px}.services-grid,.projects-grid,.process-grid{grid-template-columns:1fr}.service-card{min-height:240px}.service-card h3{margin-top:25px}.project-preview{height:245px}.contact-inner{padding-top:80px;padding-bottom:80px}.contact-inner h2{letter-spacing:-1.5px}.footer-inner{text-align:center;flex-direction:column;justify-content:center;padding:30px 0}}@media (prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.btn{transition:none}}