*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}button{font:inherit}.skip{position:fixed;top:-100px;left:20px;background:var(--fg);color:var(--bg);padding:12px;z-index:5}.skip:focus{top:12px}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}header{display:flex;justify-content:space-between;gap:25px;padding:24px 5vw;border-bottom:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}.brand{text-decoration:none;font-size:28px;letter-spacing:-.05em;font-weight:700}.brand span{display:block;font-size:11px;letter-spacing:.12em;font-weight:400}nav{display:flex;gap:24px;font-size:13px;align-items:center}.hero{padding:60px 5vw 28px}h1,h2,h3{font-family:var(--face);line-height:1.08;font-weight:400;margin:0}h1{font-size:clamp(48px,6.5vw,100px);letter-spacing:-.045em;max-width:1120px}h2{font-size:clamp(34px,3.6vw,55px);letter-spacing:-.03em}.eyebrow{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:24px}.lead{font-size:20px;max-width:670px;margin:28px 0}.visual{position:relative;height:480px;margin:0 5vw;background:color-mix(in srgb,var(--fg) 4%,var(--bg));overflow:hidden;border:1px solid color-mix(in srgb,var(--fg) 15%,transparent)}.visual img,.visual canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.visual canvas{opacity:0}.visual canvas.ready{opacity:1}.visual:has(canvas.ready:not([hidden])) img{visibility:hidden}.caption{margin:12px 5vw 60px;display:flex;justify-content:space-between;gap:25px;font-size:13px}.caption p{margin:0}.caption button{background:none;color:inherit;border:1px solid currentColor;padding:8px 14px;min-height:44px;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin:0 5vw 60px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}.steps div{padding:24px 0}.steps small{display:block;font-size:11px;letter-spacing:.1em}.steps strong{font-family:var(--face);font-size:30px;font-weight:400}.chapter{padding:55px 5vw;display:grid;grid-template-columns:1fr 1fr;gap:50px;border-top:1px solid color-mix(in srgb,var(--fg) 18%,transparent)}.chapter p{font-size:18px;margin:0 0 24px;max-width:650px}.chapter a{font-size:14px;display:inline-block;padding:10px 0;min-height:44px}.contact{padding:70px 5vw;background:var(--fg);color:var(--bg)}.contact p{max-width:650px}.contact a{font-size:21px}footer{padding:32px 5vw;display:flex;justify-content:space-between;gap:30px;font-size:12px}.read{max-width:1000px;padding:60px 5vw;margin:auto}.read h1{font-size:clamp(46px,6vw,78px)}.read h2{font-size:30px;margin:45px 0 15px}.read p{font-size:19px}.read li{padding:8px 0}.ai-layer .hero{border-left:3px solid var(--accent);margin:50px 5vw 0;padding:15px 3vw 25px}.developer-infrastructure h1{font-weight:700}.developer-infrastructure .eyebrow,.developer-infrastructure .steps small{font-family:monospace}.developer-infrastructure .chapter{grid-template-columns:.7fr 1fr}.enterprise-tools .hero{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:end}.enterprise-tools .chapter{margin:24px 5vw;padding:40px 3vw;background:#ffffff70;border:0}.productivity .hero{text-align:center;max-width:1100px;margin:auto}.productivity .lead{margin:28px auto}.productivity .visual{max-width:1050px;margin:auto;border-radius:50% 50% 0 0;border:0}.productivity .chapter{padding-top:80px;padding-bottom:80px;grid-template-columns:.8fr 1fr}.engineering{background-image:linear-gradient(#17384f08 1px,transparent 1px),linear-gradient(90deg,#17384f08 1px,transparent 1px);background-size:32px 32px}.engineering .steps div{padding-left:20px;border-right:1px solid currentColor}.engineering .chapter{grid-template-columns:.85fr 1.2fr}.operations h1{font-weight:600}.operations .chapter{margin:0 5vw 25px;padding:35px 3vw;border-left:4px solid var(--accent);background:#ffffff60;grid-template-columns:.8fr 1.2fr}.operations .visual{height:420px}@media(max-width:700px){header{padding:22px 6vw;align-items:flex-start}nav{gap:12px;flex-wrap:wrap;max-width:160px;justify-content:flex-end}.brand{font-size:26px}.hero{padding:45px 6vw 20px}h1{font-size:48px}.hero .lead{font-size:18px}.visual{height:340px;margin:0 6vw}.caption{flex-direction:column;margin:14px 6vw 40px;gap:14px}.caption button{align-self:flex-start}.steps{margin:0 6vw 40px}.steps strong{font-size:23px}.steps div{padding:16px 0}.chapter,.developer-infrastructure .chapter,.productivity .chapter,.engineering .chapter,.operations .chapter{grid-template-columns:1fr;padding:35px 6vw;gap:24px}.chapter h2{font-size:36px}.chapter p{font-size:17px}.enterprise-tools .hero{display:block}.enterprise-tools .chapter{grid-template-columns:1fr;padding:30px 6vw;margin:15px 6vw}.productivity .visual{margin:0 6vw;height:340px}.operations .chapter{margin:0 6vw 25px;padding:30px 6vw}.operations .visual{height:340px}.engineering .steps div{padding-left:8px}.contact{padding:50px 6vw}.contact a{font-size:18px}footer{flex-direction:column;gap:14px}.read{padding:45px 6vw}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}canvas{display:none!important}.visual img{visibility:visible!important}}
.steps{gap:18px}.steps strong{display:block;overflow-wrap:anywhere}@media(max-width:420px){.steps{grid-template-columns:1fr;gap:0}.steps div{display:flex;align-items:baseline;gap:20px;padding:12px 0}.steps strong{font-size:26px}.engineering .steps div{border-right:0}}
@font-face{font-family:Inter Tight;src:url('/inter-tight.woff2') format('woff2');font-weight:100 900;font-display:swap}@font-face{font-family:Fraunces;src:url('/fraunces.woff2') format('woff2');font-weight:100 900;font-display:swap}body{font-family:Inter Tight,Arial,sans-serif}header{align-items:center}.brand{font-size:34px;letter-spacing:-.08em;font-weight:900}.brand span{font-family:Inter Tight,Arial,sans-serif;font-weight:600}nav a{min-height:44px;display:inline-flex;align-items:center;padding:8px;text-decoration:none;font-weight:600}h1{line-height:.98;font-size:clamp(52px,7vw,105px);letter-spacing:-.065em}h2{letter-spacing:-.05em}body.ai-layer h1,body.developer-infrastructure h1,body.operations h1,body.ai-layer h2,body.developer-infrastructure h2,body.operations h2{font-weight:780}.ai-layer .hero{border-left:0;margin:0;padding:60px 5vw 28px}.visual{border:0;background:#e7dfd1}.caption{border-bottom:1px solid #24232140;padding-bottom:30px}.caption button{font-weight:600}.chapter .eyebrow{color:#514b42}.chapter:nth-child(even){background:#e7dfd155}.chapter a{text-decoration-color:#ec008c;text-decoration-thickness:2px}.steps{border-color:#24232140}.steps small{font-weight:650}.contact{background:#242321;color:#f7f4ed}.engineering{background-image:none}.engineering .chapter{border-top:1px solid #24232140}.operations .chapter{border-left:0;border-top:1px solid #24232140;background:#ffffff50}.enterprise-tools .chapter{background:transparent;border-top:1px solid #24232140}.enterprise-tools .chapter:nth-child(even){background:#e7dfd155}.productivity .visual{border-radius:0;background:#e7dfd1}.read{max-width:1100px}.read h1{font-size:clamp(46px,7vw,92px)}.read h2{font-weight:500}.read .lead{max-width:780px;font-size:24px}.read ul{padding:0;list-style:none}.read li{border-top:1px solid #24232140;padding:18px 0}.read li::before{content:'↗';margin-right:18px;color:#242321}.read a{min-height:44px;display:inline-block;padding:8px 0}body[data-chapter='1'] .read{border-left:1px solid #24232140;margin-top:40px;margin-bottom:40px}body[data-chapter='2'] .read{background:#e7dfd155;margin-top:40px;margin-bottom:40px}body[data-chapter='2'] .read ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}body[data-chapter='2'] .read li{font-size:18px;line-height:1.4}@media(min-width:1000px){main:not(.read){display:grid;grid-template-columns:1.12fr 1fr}main:not(.read)>.hero{padding:70px 3vw 50px 5vw;display:block;text-align:left;margin:0;align-self:center}main:not(.read)>.hero h1{font-size:clamp(64px,6.5vw,100px)}main:not(.read)>.hero .lead{margin:30px 0}main:not(.read)>.visual{height:530px;margin:60px 5vw 30px 0;width:auto}main:not(.read)>.caption,main:not(.read)>.steps,main:not(.read)>#capabilities,main:not(.read)>.contact{grid-column:1/-1}.productivity main>.hero h1{font-size:90px}.enterprise-tools main>.hero h1{max-width:8ch}}@media(max-width:700px){h1{font-size:52px}.hero{padding:45px 6vw 25px}.ai-layer .hero{padding:45px 6vw 25px}.brand{font-size:31px}header{align-items:flex-start}nav{max-width:165px;gap:0 8px}nav a{padding:3px;font-size:12px}.read .lead{font-size:22px}body[data-chapter='2'] .read ul{display:block}.read{margin:0!important;border:0!important}.productivity .hero{text-align:left}.productivity .lead{margin:28px 0}}
h1,h2,h3{overflow-wrap:anywhere}.read li{overflow-wrap:anywhere;min-width:0}
.brand{white-space:nowrap}.brand span{white-space:normal}@media(max-width:360px){.read h1{font-size:38px;letter-spacing:-.035em}.brand{font-size:28px}.read{padding-left:6vw;padding-right:6vw}}
