@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";
:root{--ink:#0b1026;--muted:#68738a;--line:#e6e9f0;--violet:#7c3aed;--blue:#3b82f6;--bg:#f7f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);margin:0;font-family:DM Sans,sans-serif}a{color:inherit;text-decoration:none}.nav{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffd;border-bottom:1px solid #0000000b;justify-content:space-between;align-items:center;height:78px;padding:0 6vw;display:flex;position:sticky;top:0}.brand{letter-spacing:.16em;align-items:center;gap:9px;font:700 15px Space Grotesk;display:flex}.brand img{object-fit:cover;object-position:left}.brand b,.footBrand b{color:var(--violet)}nav{color:#667188;align-items:center;gap:28px;font-size:14px;display:flex}nav a:hover{color:var(--ink)}.navbtn{color:var(--ink);border:1px solid #dfe3eb;border-radius:99px;padding:11px 17px}.menu{background:0 0;border:0;font-size:24px;display:none}.hero{background:radial-gradient(circle at 75% 45%,#efe8ff,#0000 40%);grid-template-columns:1.05fr .95fr;align-items:center;min-height:720px;padding:90px 7vw;display:grid;overflow:hidden}.eyebrow,label{letter-spacing:.2em;color:#7c879c;font-size:10px;font-weight:700}.eyebrow{align-items:center;gap:9px;display:flex}.eyebrow i{background:linear-gradient(90deg,var(--violet),var(--blue));width:22px;height:1px;display:block}.hero h1{letter-spacing:-.075em;margin:28px 0;font:700 clamp(70px,8.4vw,125px)/.85 Space Grotesk}.hero h1 em,.intro span,.head span,.process span,.contact em{background:linear-gradient(100deg,#5b21b6,#a855f7,#3b82f6);color:#0000;-webkit-background-clip:text;font-style:normal}.heroText>p{max-width:570px;color:var(--muted);font-size:18px;line-height:1.75}.actions{gap:12px;margin-top:34px;display:flex}.actions a{border-radius:99px;padding:14px 20px;font-size:14px;font-weight:700}.primary{background:var(--ink);color:#fff;box-shadow:0 15px 35px #0b102626}.secondary{background:#fff;border:1px solid #dfe3eb}.proof{gap:30px;margin-top:55px;display:flex}.proof span{text-transform:uppercase;letter-spacing:.12em;color:#78839a;align-items:center;gap:8px;font-size:9px;display:flex}.proof strong{color:var(--ink);font:700 23px Space Grotesk}.visual{place-items:center;height:530px;display:grid;position:relative}.glass{z-index:2;background:linear-gradient(145deg,#111a3b,#070a17);border-radius:30px;flex-direction:column;width:min(450px,90%);height:475px;padding:20px;display:flex;position:relative;box-shadow:0 40px 90px #21165433}.dots{color:#7f89a5;letter-spacing:.1em;font-size:8px}.dots small{float:right}.glass img{object-fit:contain;filter:brightness(0)invert();width:240px;height:180px;margin:auto}.glassFoot{color:#9fa9c0;letter-spacing:.16em;justify-content:space-between;font-size:9px;display:flex}.glassFoot b{color:#a855f7}.ring{border:1px solid #7c3aed25;border-radius:50%;position:absolute}.r1{width:540px;height:540px}.r2{background:#7c3aed08;width:380px;height:380px}.intro{max-width:1000px;padding:145px 7vw 125px}.intro h2,.head h2,.process h2{letter-spacing:-.06em;margin:20px 0 28px;font:700 clamp(45px,5.6vw,78px)/.98 Space Grotesk}.intro>p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.8}.section{padding:115px 7vw}.light{background:var(--bg)}.head{justify-content:space-between;align-items:end;gap:60px;margin-bottom:55px;display:flex}.head>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.7}.grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.project{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden}.mock{place-items:center;height:325px;display:grid;position:relative}.p0 .mock{background:linear-gradient(135deg,#eee7ff,#dfe8ff)}.p1 .mock{background:linear-gradient(135deg,#e5f0ff,#ebe7ff)}.p2 .mock{background:linear-gradient(135deg,#f8e8ff,#e8e9ff)}.p3 .mock{background:linear-gradient(135deg,#e1f7fa,#e7e7ff)}.mock>span{color:#747e94;font:700 11px Space Grotesk;position:absolute;top:15px;right:18px}.window{background:#fff;border-radius:12px;width:77%;height:68%;padding:20px;transform:rotate(-2deg);box-shadow:0 25px 50px #1c244226}.bar{color:#c3c8d3;font-size:7px}.window h4{margin:22px 0 12px;font:700 17px Space Grotesk}.lines{background:#e8eaf0;border-radius:5px;width:80%;height:6px}.tiles{gap:8px;margin-top:20px;display:flex}.tiles i{background:linear-gradient(145deg,#ededff,#f5f6fa);border-radius:8px;flex:1;height:65px;display:block}.body{padding:26px}.body label{color:var(--violet)}.body h3{margin:8px 0;font:700 25px Space Grotesk}.body p{color:var(--muted);min-height:72px;font-size:14px;line-height:1.7}.tags{gap:7px;display:flex}.tags small{color:#667188;border:1px solid #e0e4eb;border-radius:99px;padding:7px 10px;font-size:9px}.capGrid{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.capGrid article{border-bottom:1px solid var(--line);min-height:220px;padding:30px 28px 30px 0;position:relative}.capGrid article:nth-child(3n+2),.capGrid article:nth-child(3n+3){border-left:1px solid var(--line);padding-left:28px}.capGrid small{color:#929bad;letter-spacing:.15em}.capGrid h3{margin:36px 0 10px;font:700 22px Space Grotesk}.capGrid p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.7}.capGrid b{color:var(--violet);position:absolute;top:32px;right:20px}.process{background:var(--ink);color:#fff;grid-template-columns:.9fr 1.1fr;gap:100px;padding:120px 7vw;display:grid}.process label{color:#8792ac}.process h2{margin-top:20px}.steps{border-top:1px solid #26304d}.step{border-bottom:1px solid #26304d;grid-template-columns:65px 1fr;gap:20px;padding:27px 0;display:grid}.step small{color:#8792ac}.step h3{margin:0 0 7px;font:700 22px Space Grotesk}.step p{color:#a6afc3;margin:0;font-size:14px;line-height:1.7}.stack{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:30px;padding:32px 7vw;display:flex}.stack div{flex-wrap:wrap;gap:28px;display:flex}.stack b{color:#58637a;font:600 14px Space Grotesk}.contact{background:radial-gradient(circle at 75% 55%,#e9e1ff,#0000 40%),#f7f8fc;min-height:600px;padding:130px 7vw}.contact h2{letter-spacing:-.075em;margin:24px 0;font:700 clamp(65px,9vw,125px)/.84 Space Grotesk}.contact p{max-width:530px;color:var(--muted);line-height:1.7}.contact>a{background:var(--ink);color:#fff;border-radius:99px;margin-top:30px;padding:17px 22px;font-weight:700;display:inline-block}.contact>a span{color:#a855f7;margin-left:18px}footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:40px 7vw;display:grid}.footBrand{align-items:center;gap:10px;display:flex}.footBrand img{object-fit:cover;object-position:left;width:42px;height:30px}.footBrand strong{letter-spacing:.15em;font:700 14px Space Grotesk}.footBrand small{color:#8d97aa;letter-spacing:.16em;margin-top:4px;font-size:8px;display:block}.footLinks{color:#667188;gap:25px;font-size:12px;display:flex}footer>small{color:#9aa3b7;justify-self:end}@media (max-width:900px){.nav{padding:0 5vw}.menu{display:block}.nav nav{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;align-items:stretch;padding:20px 6vw;display:none;position:absolute;top:78px;left:0;right:0}.nav nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:70px}.visual{margin-top:30px}.head{display:block}.head>p{margin-top:22px}.grid{grid-template-columns:1fr}.capGrid{grid-template-columns:1fr 1fr}.capGrid article:nth-child(3n+2),.capGrid article:nth-child(3n+3){border-left:0;padding-left:0}.capGrid article:nth-child(2n){border-left:1px solid var(--line);padding-left:28px}.process{grid-template-columns:1fr;gap:55px}.stack{display:block}.stack div{margin-top:18px}footer{grid-template-columns:1fr}.footLinks{flex-wrap:wrap}footer>small{justify-self:start}}@media (max-width:600px){.hero{padding:60px 6vw}.hero h1{font-size:68px}.actions{flex-direction:column}.proof{flex-wrap:wrap;gap:18px}.visual{height:430px}.glass{height:390px}.glass img{width:190px}.intro,.section,.process,.contact{padding-left:6vw;padding-right:6vw}.intro{padding-top:100px}.intro h2,.head h2{font-size:46px}.capGrid{grid-template-columns:1fr}.capGrid article:nth-child(2n){border-left:0;padding-left:0}.mock{height:270px}.contact h2{font-size:70px}}