:root{--navy:#172536;--blue:#0870bb;--muted:#687482;--line:#dfe5eb;--bg:#f7fafd;--pale:#edf5fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--navy);font-family:Manrope,sans-serif}.shell{width:min(1360px,calc(100% - 80px));margin-inline:auto}a{text-decoration:none;color:inherit}h1,h2,h3{font-family:'Plus Jakarta Sans',sans-serif}.eyebrow{margin:0 0 14px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.button{min-height:50px;padding:0 25px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-size:14px;font-weight:800}.button-white{background:#fff;color:var(--navy)}
.developer-hero{height:690px;margin-top:46px;position:relative;overflow:hidden;border-radius:34px;background:var(--navy);color:#fff}.developer-hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#102032f5 0%,#102032db 38%,#10203238 70%,#10203214)}.hero-copy{position:absolute;inset:0;width:58%;padding:76px 70px;display:flex;flex-direction:column;justify-content:center}.hero-copy .eyebrow{color:#8bc7ef}.hero-copy h1{max-width:720px;margin:0;font-size:clamp(45px,5vw,70px);line-height:1.02;letter-spacing:-.05em}.hero-copy>p:not(.eyebrow){max-width:650px;margin:26px 0 30px;color:#ffffffcf;font-size:17px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:24px}.hero-link{font-size:13px;font-weight:800}.hero-proof{margin-top:46px;padding-top:26px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border-top:1px solid #ffffff26}.hero-proof span{color:#ffffff9c;font-size:11px;line-height:1.45}.hero-proof strong{display:block;margin-bottom:4px;color:#fff;font:800 17px 'Plus Jakarta Sans'}
.lead-section{padding:80px 0 72px;display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.lead-section h2,.section-heading h2,.operation h2,.customer-copy h2{margin:0;font-size:clamp(34px,4vw,51px);line-height:1.08;letter-spacing:-.04em}.lead-section>div:last-child p{margin:0 0 20px;color:var(--muted);font-size:16px;line-height:1.8}
.scope-section{padding:76px 0;background:var(--pale)}.section-heading{max-width:790px;margin-bottom:38px}.section-heading>p:last-child{margin:15px 0 0;color:var(--muted);line-height:1.65}.scope-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.scope-grid article{min-height:300px;padding:28px;display:flex;flex-direction:column;border:1px solid #d7e3ec;border-radius:24px;background:#fff}.scope-grid article>span{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e4f2fc;color:var(--blue);font-size:12pxpx;font-weight:850}.scope-grid h3{margin:24px 0 11px;font-size:21px;line-height:1.25}.scope-grid p{margin:0;color:var(--muted);font-size:13.5px;line-height:1.7}
.operation{padding:76px 0;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:72px}.operation-media{height:510px;overflow:hidden;border-radius:28px}.operation-media img{width:100%;height:100%;display:block;object-fit:cover}.operation-copy>p:not(.eyebrow){margin:22px 0;color:var(--muted);line-height:1.75}.operation ul{margin:0;padding:0;display:grid;gap:12px;list-style:none}.operation li{position:relative;padding-left:24px;font-size:13.5px;font-weight:750}.operation li:before{content:'✓';position:absolute;left:0;color:var(--blue)}
.process-section{padding:72px 0;background:var(--navy);color:#fff}.process-section .eyebrow{color:#69b9eb}.process-section .section-heading{max-width:880px}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.timeline article{min-height:245px;padding:27px;border:1px solid #ffffff1f;border-radius:22px;background:#ffffff0a}.timeline strong{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#0b72ba;font-size:13px}.timeline h3{margin:27px 0 10px;font-size:19px}.timeline p{margin:0;color:#ffffffa6;font-size:13px;line-height:1.65}
.models{padding:76px 0}.models>.section-heading{max-width:820px}.model-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:12px}.model-grid article{min-height:300px;padding:30px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:25px;background:#fff}.model-grid .model-main{background:linear-gradient(145deg,#12314a,#0870bb);color:#fff;border:0}.model-grid p{margin:0 0 55px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.1em}.model-main p{color:#8fd0f6}.model-grid h3{margin:0 0 14px;font-size:22px}.model-grid span{margin-top:auto;color:var(--muted);font-size:13.5px;line-height:1.7}.model-main span{color:#ffffffb8}
.customer-section{margin-bottom:24px;display:grid;grid-template-columns:.9fr 1.1fr;overflow:hidden;border-radius:30px;background:#fff;border:1px solid var(--line)}.customer-copy{padding:58px;align-self:center}.customer-copy>p:not(.eyebrow){margin:21px 0;color:var(--muted);line-height:1.75}.customer-copy a{color:var(--blue);font-size:13px;font-weight:850}.customer-section>img{width:100%;height:480px;object-fit:cover}.developer-cta{margin-bottom:24px;padding:52px 58px;display:flex;align-items:center;justify-content:space-between;gap:40px;border-radius:30px;background:var(--navy);color:#fff}.developer-cta>div{max-width:820px}.developer-cta h2{margin:0 0 12px;font-size:36px}.developer-cta>div>p:last-child{margin:0;color:#ffffffa6;line-height:1.65}
@media(max-width:1050px){.developer-hero{height:650px}.hero-copy{width:72%;padding:60px}.scope-grid{grid-template-columns:1fr 1fr}.operation{grid-template-columns:1fr;gap:36px}.timeline{grid-template-columns:1fr 1fr}.model-grid{grid-template-columns:1fr}.model-grid article{min-height:240px}.customer-section{grid-template-columns:1fr}.customer-section>img{height:380px}}
@media(max-width:650px){.shell{width:calc(100% - 32px)}.developer-hero{height:760px;margin-top:24px;border-radius:25px}.developer-hero>img{object-position:64% center}.hero-shade{background:linear-gradient(0deg,#102032fa 5%,#102032d9 55%,#10203232)}.hero-copy{inset:auto 0 0;width:100%;padding:32px 22px}.hero-copy h1{font-size:38px}.hero-copy>p:not(.eyebrow){font-size:14px;margin:20px 0}.hero-actions{align-items:flex-start;flex-direction:column;gap:16px}.hero-proof{margin-top:28px;grid-template-columns:1fr 1fr;gap:15px}.lead-section{padding:44px 0 38px;grid-template-columns:1fr;gap:24px}.lead-section h2,.section-heading h2,.operation h2,.customer-copy h2{font-size:30px}.lead-section>div:last-child p{font-size:14px}.scope-section,.process-section{padding:44px 0}.scope-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.scope-grid::-webkit-scrollbar{display:none}.scope-grid article{flex:0 0 min(84vw,320px);min-height:285px;scroll-snap-align:start}.operation,.models{padding:44px 0}.operation-media{height:310px}.timeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.timeline article{flex:0 0 min(82vw,300px);scroll-snap-align:start}.customer-copy{padding:32px 24px}.customer-section>img{height:300px}.developer-cta{padding:34px 24px;align-items:flex-start;flex-direction:column}.developer-cta h2{font-size:29px}.developer-cta .button{width:100%}}
.scope-grid article>span{font-size:12px}
.developer-cta .button{flex:0 0 auto;min-width:230px;white-space:nowrap}
@media(max-width:650px){.developer-cta .button{min-width:0}}
.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.hero-proof span{min-width:0;padding:0 26px;border-left:1px solid #ffffff20}
.hero-proof span:first-child{padding-left:0;border-left:0}
.hero-proof span:last-child{padding-right:0}
@media(max-width:650px){.hero-proof{grid-template-columns:1fr 1fr;gap:16px}.hero-proof span{padding:0;border-left:0}.hero-proof span:last-child{grid-column:1/-1}}

/* One consistent gap between every main section. */
:root{--developer-section-gap:24px}
main{display:flex;flex-direction:column;gap:var(--developer-section-gap)}
.developer-hero{margin-bottom:0}
.lead-section,.operation,.models{padding-top:0;padding-bottom:0}
.scope-section,.process-section{padding-top:24px;padding-bottom:24px}
.customer-section{margin-top:0;margin-bottom:0}
.developer-cta{margin-top:0;margin-bottom:var(--developer-section-gap)}
@media(max-width:650px){:root{--developer-section-gap:18px}.lead-section,.operation,.models{padding-top:0;padding-bottom:0}.scope-section,.process-section{padding-top:18px;padding-bottom:18px}}