@font-face{font-family:"DM Sans";src:url("assets/dm-sans-regular.woff2") format("woff2");font-weight:400;font-display:optional}
@font-face{font-family:"DM Sans";src:url("assets/dm-sans-medium.woff2") format("woff2");font-weight:500;font-display:optional}
@font-face{font-family:"DM Sans";src:url("assets/dm-sans-bold.woff2") format("woff2");font-weight:700;font-display:optional}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#f9f7f7}
body{margin:0;background:#f9f7f7;color:#11262b;font-family:"DM Sans",Arial,sans-serif;font-size:18px;line-height:1.35;overflow-x:hidden}
button{font:inherit;color:inherit}
.action{border:0;background:none;cursor:pointer}
.action:focus-visible{outline:3px solid #f85760;outline-offset:4px}
.shell{width:min(1320px,calc(100% - 80px));margin:0 auto}
.section{padding:120px 0}
h1,h2,h3,p{margin-top:0}
h2{font-size:54px;font-weight:400;line-height:1.02;letter-spacing:-.025em}
.hero{position:relative;height:900px;background:#010141;color:#f9f7f7;overflow:hidden}
.nav{height:145px;display:flex;align-items:center;gap:38px;position:relative;z-index:3}
.logo{padding:0;width:92px;margin-right:auto}
.logo img{display:block;width:100%;height:auto}
.navlinks{display:flex;align-items:center;gap:58px}
.navitem{text-transform:uppercase;font-size:14px;font-weight:700;color:#fff;white-space:nowrap;padding:10px 0}
.navitem span{font-size:18px;margin-left:8px}
.outline,.solid{min-height:46px;padding:10px 28px;border:1px solid currentColor;color:#fff;font-size:15px;font-weight:700;border-radius:2px;transition:background-color .2s,color .2s,transform .2s}
.outline:hover{background:#fff;color:#010141}
.solid{background:#0a0ae5;border-color:#0a0ae5}
.solid:hover{background:#fff;color:#0a0ae5;transform:translateY(-2px)}
.navcta{margin-left:16px;text-transform:uppercase}
.navcta span,.solid span{margin-right:14px;font-size:22px;font-weight:400}
.menubutton{display:none;color:#fff;text-transform:uppercase;font-size:14px;font-weight:700}
.heroinner{position:relative;z-index:2;height:755px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:100px}
.heroinner h1{font-family:Arial,sans-serif;font-size:88px;font-weight:400;line-height:1.04;letter-spacing:-.035em;text-align:center;margin:0 0 74px}
.heroinner h1 span{display:block}
.heroinner h1 span:last-child{margin-left:200px;color:#d2d1ff}
.herobuttons{display:flex;gap:22px}
.heroambient{position:absolute;inset:auto -10% -45% -10%;height:80%;background:linear-gradient(180deg,transparent 0,#0a0ae5 100%);opacity:.18;filter:blur(80px);animation:ambient 12s ease-in-out infinite alternate}
.intro{padding:145px 0 120px;text-align:center}
.narrow{width:min(770px,calc(100% - 40px));margin:auto}
.intro p{font-size:24px;line-height:1.25;margin:0 auto 32px}
.intro p:last-child{font-size:30px}
.intro p:last-child::first-line{color:#0a0ae5}
.proof{position:relative;background:#0a0ae5;padding:52px 0 64px}
.steps{height:72px;background:linear-gradient(180deg,#dddcf9 0 12%,#cccbf6 12% 24%,#bbbaf2 24% 36%,#aaa8ef 36% 48%,#9997ec 48% 60%,#7775e5 60% 72%,#5554e5 72% 84%,#2626e5 84% 100%)}
.topsteps{position:absolute;left:0;right:0;top:-72px}
.bottomsteps{position:absolute;left:0;right:0;bottom:-60px;height:60px;transform:rotate(180deg)}
.proofgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}
.proofcard{background:#f9f7f7;min-height:350px;border:1px solid #d2d1ff;padding:28px 30px;display:flex;flex-direction:column;justify-content:space-between}
.proofcard strong{color:#0a0ae5;font-size:50px;font-weight:400;letter-spacing:-.03em}
.proofcard img{display:block;width:90px;height:32px;object-fit:contain;object-position:left center;margin-bottom:25px}
.proofcard p{max-width:250px;font-size:18px;line-height:1.2;margin:0}
.brandword{display:block;color:#c92c3c;font-size:12px;font-weight:700;margin-bottom:26px}
.studio{padding-top:190px}
.studiogrid{display:grid;grid-template-columns:420px 1fr;gap:78px;align-items:center}
.studiovisual{height:600px;overflow:hidden;background:#d2d1ff}
.studiovisual img{width:100%;height:100%;object-fit:cover;object-position:center top}
.studiocopy{max-width:690px}
.studiocopy p{font-size:29px;line-height:1.2;margin-bottom:34px}
.studiocopy em{font-style:normal;color:#0a0ae5}
.textaction{display:block;margin-left:auto;font-size:14px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #11262b;padding:10px 0}
.services{padding-top:70px}
.services h2{margin-bottom:68px}
.servicegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.service{height:520px;position:relative;overflow:hidden;padding:0;color:#fff;text-align:left}
.service img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.service::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(1,1,65,.8))}
.service span{position:absolute;z-index:2;left:28px;bottom:26px;font-size:34px;line-height:1}
.service:hover img{transform:scale(1.045)}
.built{padding-top:170px}
.sectionhead,.teamhead{display:grid;grid-template-columns:1fr 1fr;align-items:end;margin-bottom:54px}
.sectionhead h2,.teamhead h2{grid-column:2;margin:0}
.smallaction{justify-self:start;font-size:13px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #11262b;padding:8px 0}
.builtgrid{display:grid;grid-template-columns:1.1fr .7fr .8fr;grid-template-rows:330px 260px;gap:12px}
.metric{position:relative;padding:24px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #0a0ae5}
.metric strong{font-size:58px;font-weight:400;letter-spacing:-.04em}
.metric p{font-size:20px;line-height:1.15;margin:0}
.metricphoto{grid-column:1 / 3;color:#fff;border:0;padding:0}
.metricphoto img,.metricbuilding img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}
.metricphoto::after,.metricbuilding::after{content:"";position:absolute;inset:20% 0 0;background:linear-gradient(transparent,rgba(1,1,65,.75))}
.metricphoto div,.metricbuilding div{position:relative;z-index:2;height:100%;padding:24px;display:flex;flex-direction:column;justify-content:space-between}
.metricblue{grid-column:3;background:#0a0ae5;color:#f9f7f7;border:0}
.metriclight{grid-column:1;background:#f9f7f7;color:#0a0ae5}
.metricbuilding{grid-column:2 / 4;color:#fff;border:0;padding:0}
.insights{padding-top:120px}
.insighthead{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px}
.insighthead h2{margin:0}
.filters{display:flex;gap:20px;align-items:center;font-size:12px;text-transform:uppercase;margin-bottom:28px;white-space:nowrap}
.filters b{color:#0a0ae5}
.feature{display:block;width:100%;padding:0;text-align:left;margin-bottom:42px}
.feature img{display:block;width:100%;height:265px;object-fit:cover}
.feature span{display:flex;flex-direction:column;padding-top:14px;font-size:16px}
.feature b{text-transform:uppercase;font-size:12px;margin-bottom:4px}
.articlegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.article{text-align:left;padding:0}
.article img{width:100%;height:245px;object-fit:cover;display:block;margin-bottom:14px;transition:filter .2s}
.article:hover img{filter:saturate(1.2)}
.article small{display:block;font-size:11px;text-transform:uppercase;margin-bottom:6px}
.article span{display:block;font-size:18px;line-height:1.2}
.team{padding-bottom:0;position:relative}
.teamhead{margin-bottom:52px}
.teamgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.teamgrid article{height:465px;position:relative;color:#fff;overflow:hidden;background:#0a0ae5}
.teamgrid img{width:100%;height:100%;object-fit:cover;display:block}
.teamgrid article::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(1,1,65,.88))}
.teamgrid small,.teamgrid h3{position:absolute;z-index:2;left:22px;right:18px}
.teamgrid small{top:24px;font-size:11px}
.teamgrid h3{bottom:18px;font-size:27px;font-weight:400;line-height:1;margin:0}
.teamsteps{margin-top:-2px;height:170px;background:linear-gradient(180deg,#0a0ae5 0 15%,#0808a8 15% 30%,#060690 30% 45%,#040460 45% 60%,#030348 60% 75%,#020233 75% 88%,#01011f 88% 100%)}
footer{background:#0d1314;color:#f9f7f7;padding:90px 0 0;position:relative}
.footertop{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start;margin-bottom:80px}
.footertop h2{font-size:48px}
.subscribe>span{display:block;font-size:19px;margin-bottom:16px}
.fakeinput{height:48px;border-bottom:1px solid #aaa7a7;color:#aaa7a7;display:flex;align-items:center;justify-content:space-between;font-size:14px}
.fakeinput b{border:1px solid #706d6d;padding:4px 8px;color:#f9f7f7}
.subscribe small{display:block;color:#a3a3a3;font-size:11px;margin-top:12px}
.footergrid{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:44px;padding-bottom:110px}
.footerbrand img{width:80px;margin-bottom:20px}
.footerbrand p{font-size:14px}
.footergrid>div{display:flex;flex-direction:column;gap:7px}
.footergrid b{text-transform:uppercase;font-size:12px;margin-bottom:10px}
.footergrid span{font-size:11px;text-transform:uppercase;color:#d2d1d1}
.footersteps{height:108px;background:linear-gradient(90deg,#0a0ae5 0 8%,#01011f 8% 11%,#0a0ae5 11% 22%,#01011f 22% 27%,#0a0ae5 27% 40%,#01011f 40% 49%,#0a0ae5 49% 67%,#01011f 67% 74%,#0a0ae5 74% 88%,#01011f 88% 93%,#0a0ae5 93% 100%);clip-path:polygon(0 45%,8% 45%,8% 92%,11% 92%,11% 70%,22% 70%,22% 100%,27% 100%,27% 76%,40% 76%,40% 96%,49% 96%,49% 40%,67% 40%,67% 88%,74% 88%,74% 64%,88% 64%,88% 94%,93% 94%,93% 54%,100% 54%,100% 100%,0 100%)}
.legal{display:flex;justify-content:space-between;color:#aaa7a7;font-size:10px;padding:18px 0 30px}
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,18px);background:#f9f7f7;color:#010141;padding:12px 20px;border:1px solid #010141;box-shadow:0 14px 40px rgba(1,1,65,.18);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20;font-size:14px}
.toast.show{opacity:1;transform:translate(-50%,0)}
.reveal{opacity:1;transform:none}
@keyframes ambient{from{transform:translateY(12%) scale(.95)}to{transform:translateY(-3%) scale(1.05)}}

@media(max-width:1024px){
  .shell{width:min(100% - 48px,920px)}.section{padding:90px 0}.navlinks{display:none}.navcta{display:none}.menubutton{display:block}.hero{height:820px}.nav{height:110px}.heroinner{height:710px;padding-bottom:70px}.heroinner h1{font-size:68px}.heroinner h1 span:last-child{margin-left:80px}.intro p{font-size:21px}.intro p:last-child{font-size:26px}.proofcard{min-height:300px}.studiogrid{grid-template-columns:340px 1fr;gap:45px}.studiovisual{height:510px}.studiocopy p{font-size:24px}.service{height:400px}.service span{font-size:28px}.builtgrid{grid-template-rows:290px 230px}.teamgrid article{height:380px}.filters{overflow:hidden}.footergrid{gap:25px}
}

@media(max-width:700px){
  body{font-size:16px}.shell{width:calc(100% - 32px)}.section{padding:70px 0}.hero{height:100svh;min-height:660px}.heroambient{display:none}.nav{height:78px}.logo{width:68px}.menubutton{font-size:12px}.heroinner{height:calc(100svh - 78px);min-height:582px;padding-bottom:40px;justify-content:center}.heroinner h1{font-size:38px;line-height:1.06;margin-bottom:40px}.heroinner h1 span:last-child{margin:0;color:#d2d1ff}.herobuttons{gap:10px}.outline,.solid{min-height:39px;padding:8px 15px;font-size:12px}.intro{padding:95px 0}.narrow{width:calc(100% - 44px)}.intro p{font-size:17px;line-height:1.25}.intro p:last-child{font-size:19px}.steps{height:54px}.topsteps{top:-54px}.proof{padding:20px 0 35px}.proofgrid{grid-template-columns:1fr;gap:8px}.proofcard{min-height:205px;padding:19px 20px}.proofcard strong{font-size:38px}.proofcard p{font-size:15px}.proofcard img{margin-bottom:13px}.bottomsteps{height:45px;bottom:-45px}.studio{padding-top:110px}.studiogrid{display:block}.studiovisual{height:460px;margin-bottom:40px}.studiocopy p{font-size:18px}.services h2,h2{font-size:36px}.services h2{margin-bottom:34px}.servicegrid{grid-template-columns:1fr;gap:10px}.service{height:430px}.service span{font-size:31px}.built{padding-top:105px}.sectionhead,.teamhead{grid-template-columns:1fr;gap:34px}.sectionhead h2,.teamhead h2{grid-column:1}.builtgrid{display:flex;flex-direction:column}.metric{min-height:230px}.metricphoto{height:280px}.metricbuilding{height:245px}.metric strong{font-size:46px}.metric p{font-size:16px}.insighthead{display:block}.insighthead h2{margin-bottom:28px}.filters{gap:14px;overflow:auto;padding-bottom:10px}.feature img{height:160px}.articlegrid{grid-template-columns:1fr}.article img{height:220px}.article span{font-size:16px}.teamhead{margin-bottom:34px}.teamgrid{grid-template-columns:1fr}.teamgrid article{height:490px}.teamsteps{height:120px}.footertop{grid-template-columns:1fr;gap:28px;margin-bottom:60px}.footertop h2{font-size:36px}.footergrid{grid-template-columns:1fr 1fr;padding-bottom:70px}.footerbrand{grid-column:1 / 3}.footergrid>div:nth-child(n+2){display:none}.footersteps{height:75px}.legal{display:block;text-align:center;line-height:1.8}.legal span{display:block}.toast{width:calc(100% - 32px);text-align:center}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.heroambient{animation:none}.service img,.toast{transition:none}}