.octopi-react-page{margin-block-start:0!important}.octopi-react-page__hero h1{max-width:20ch;margin:24px 0 0}.octopi-react-page__hero>p:last-child{max-width:672px;margin:32px 0 0;color:color-mix(in srgb,var(--color-foreground) 75%,transparent);font-size:18px}.octopi-react-spotlight{margin-top:64px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--color-card)}.octopi-react-spotlight>a{color:inherit;text-decoration:none}.octopi-react-spotlight__media{aspect-ratio:21/9;overflow:hidden}.octopi-react-spotlight__media img{width:100%;height:100%;object-fit:var(--media-fit)}.octopi-react-spotlight__body{display:grid;grid-template-columns:8fr 4fr;gap:32px;padding:40px}.octopi-react-spotlight__body h2{margin:16px 0 0}.octopi-react-spotlight__body>div:first-child>p:last-child{max-width:768px;margin:20px 0 0;color:color-mix(in srgb,var(--color-foreground) 72%,transparent)}.octopi-react-spotlight__meta{display:grid;justify-items:end;align-content:start;gap:14px;color:color-mix(in srgb,var(--color-foreground) 65%,transparent);font-size:12px}.octopi-react-spotlight__meta strong{margin-top:16px;color:var(--color-foreground);font-weight:500}.octopi-react-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:128px;overflow:hidden;border:1px solid var(--color-border);border-radius:12px;background:var(--color-border)}.octopi-react-pillars article{min-height:220px;padding:32px;background:var(--color-background)}.octopi-react-number{color:var(--color-accent)!important;font-family:var(--font-mono);font-size:12px!important}.octopi-react-pillars h3{margin:24px 0 0;font-size:20px;line-height:1.2}.octopi-react-pillars article>p:last-child{margin:12px 0 0;color:color-mix(in srgb,var(--color-foreground) 70%,transparent);font-size:14px}.octopi-react-section{margin-top:128px}.octopi-react-section>h2{max-width:24ch;margin:16px 0 0}.octopi-react-section>.octopi-react-projects{margin-top:40px}.octopi-react-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 32px}.octopi-react-projects .octopi-project-tile__media{aspect-ratio:16/10}.octopi-react-split{display:grid;grid-template-columns:5fr 1fr 6fr;gap:48px;margin-top:128px}.octopi-react-split>div:first-child{grid-column:1}.octopi-react-split>div:first-child h2{margin:16px 0 0}.octopi-react-split>.octopi-react-pillars{grid-column:3;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.octopi-react-split>.octopi-react-pillars article{min-height:0;padding:20px}.octopi-react-split>.octopi-react-pillars .octopi-react-number{display:none}.octopi-react-split>.octopi-react-pillars h3{margin:0;font-size:14px}.octopi-react-pillars.is-process{grid-template-columns:repeat(5,minmax(0,1fr));margin-top:48px}.octopi-react-pillars.is-process article{min-height:190px;padding:24px}.octopi-react-cta{margin-top:128px;padding:64px;border:1px solid var(--color-border);border-radius:16px;background:linear-gradient(135deg,var(--color-card),var(--color-background))}.octopi-react-cta h3{max-width:22ch;margin:16px 0 0}.octopi-react-cta>p:not(.octopi-eyebrow){max-width:640px;margin:16px 0 0;color:color-mix(in srgb,var(--color-foreground) 70%,transparent)}.octopi-react-cta .octopi-button{margin-top:32px}.octopi-react-services{margin-top:96px}.octopi-react-service{display:grid;grid-template-columns:5fr 1fr 6fr;padding-top:40px;border-top:1px solid var(--color-border)}.octopi-react-service+.octopi-react-service{margin-top:96px}.octopi-react-service__media{grid-column:1;aspect-ratio:4/3;display:grid;place-items:center;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--service-hue)}.octopi-react-service__media img{width:100%;height:100%;object-fit:var(--media-fit)}.octopi-react-service__media span{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.octopi-react-service__copy{grid-column:3}.octopi-react-service__copy h2{margin:16px 0 0}.octopi-react-service__copy>p:not(.octopi-react-number){margin:20px 0 0;color:color-mix(in srgb,var(--color-foreground) 75%,transparent)}.octopi-react-service__detail{font-size:14px}.octopi-react-service__lists{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px;margin-top:40px}.octopi-react-service__lists ul{margin:12px 0 0;padding:0;list-style:none;color:color-mix(in srgb,var(--color-foreground) 80%,transparent);font-size:14px}.octopi-react-service__lists li+li{margin-top:6px}.octopi-react-service__lists li::before{content:'— ';color:var(--color-muted)}.octopi-react-text-link{display:inline-block;margin-top:40px;color:var(--color-accent);font-size:14px;text-decoration:none}.octopi-react-service__related{grid-column:1/-1;margin-top:56px;padding-top:32px;border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.octopi-react-row-heading{display:flex;justify-content:space-between;gap:24px;align-items:center}.octopi-react-row-heading a{color:color-mix(in srgb,var(--color-foreground) 70%,transparent);font-size:14px;text-decoration:none}.octopi-react-service__related .octopi-react-projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:32px}.octopi-react-service__related .octopi-project-tile__media{aspect-ratio:4/3}.octopi-react-service__related .octopi-project-tile footer{display:none}
@media(max-width:900px){.octopi-react-page__hero>p:last-child{font-size:16px}.octopi-react-spotlight__media{aspect-ratio:16/10}.octopi-react-spotlight__body{grid-template-columns:1fr;padding:32px}.octopi-react-spotlight__meta{justify-items:start}.octopi-react-pillars{grid-template-columns:repeat(2,minmax(0,1fr))}.octopi-react-split{grid-template-columns:1fr}.octopi-react-split>div:first-child,.octopi-react-split>.octopi-react-pillars{grid-column:auto}.octopi-react-pillars.is-process{grid-template-columns:repeat(2,minmax(0,1fr))}.octopi-react-service{grid-template-columns:1fr;gap:40px}.octopi-react-service__media,.octopi-react-service__copy{grid-column:auto}.octopi-react-service__related .octopi-react-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.octopi-react-cta{padding:40px}}
@media(max-width:620px){.octopi-react-spotlight{margin-top:48px}.octopi-react-spotlight__body{padding:24px}.octopi-react-pillars,.octopi-react-pillars.is-process,.octopi-react-projects,.octopi-react-service__related .octopi-react-projects{grid-template-columns:1fr}.octopi-react-pillars{margin-top:96px}.octopi-react-pillars article{min-height:0}.octopi-react-section,.octopi-react-split,.octopi-react-cta{margin-top:96px}.octopi-react-service__lists{grid-template-columns:1fr}.octopi-react-cta{padding:40px 32px}}
.octopi-react-footer-cta{display:grid;grid-template-columns:8fr 4fr;gap:40px;align-items:end;margin-top:128px;padding:80px 0 0;border-top:1px solid var(--color-border)}.octopi-react-footer-cta h2{max-width:14ch;margin:24px 0 0;font-size:clamp(var(--display-lg-min),var(--display-lg-vw),var(--display-lg-max));line-height:var(--display-lg-line);letter-spacing:-.03em}.octopi-react-footer-cta h2 span{color:var(--color-muted)}.octopi-react-footer-cta>div:first-child>p:last-child{max-width:576px;margin:24px 0 0;color:color-mix(in srgb,var(--color-foreground) 70%,transparent)}.octopi-react-footer-cta__actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px}.octopi-react-footer-cta .octopi-button.is-light{color:var(--color-background);background:var(--color-foreground)}@media(max-width:900px){.octopi-react-footer-cta{grid-template-columns:1fr}.octopi-react-footer-cta__actions{justify-content:flex-start}}
.octopi-react-canary-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:128px}.octopi-react-canary-media>div{display:flex;align-items:flex-start;aspect-ratio:4/3;padding:20px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-media);background:linear-gradient(135deg,#0a1a2a,#0f3a55,#06101a)}.octopi-react-canary-media>div+div{background:linear-gradient(135deg,#1a0a2a,#3a1555,#0a061a)}.octopi-react-canary-media span{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase}@media(max-width:620px){.octopi-react-canary-media{grid-template-columns:1fr;margin-top:96px}}