:root{--ink:#071328;--paper:#f4f5f7;--white:#fff;--blue:#3268ff;--blue-on-light:#2b5fe6;--electric:#80a4ff;--muted:#9ca9bd;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--ink)}
body{margin:0;background:var(--ink);color:var(--white);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
:where(a,button):focus-visible{outline:3px solid var(--electric);outline-offset:4px}
.statement :where(a,button):focus-visible,.work :where(a,button):focus-visible,.case-section-light :where(a,button):focus-visible,.about-intro :where(a,button):focus-visible,.about-range :where(a,button):focus-visible{outline-color:var(--blue-on-light)}
.skip{position:fixed;left:1rem;top:-5rem;z-index:100;padding:.75rem 1rem;background:white;color:var(--ink);border-radius:.25rem}.skip:focus{top:1rem}
.progress{position:fixed;inset:0 0 auto;height:3px;z-index:90;background:transparent}.progress span{display:block;width:0;height:100%;background:var(--blue)}
.nav{position:fixed;z-index:80;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1.1rem clamp(1.25rem,4vw,4.5rem);font-size:.86rem;letter-spacing:.05em;text-transform:uppercase;border-bottom:1px solid transparent;transition:padding .3s,background .3s,border-color .3s,box-shadow .3s}
.nav.is-scrolled,.nav.is-open{padding-top:.8rem;padding-bottom:.8rem;background:rgba(7,19,40,.88);border-color:var(--line);box-shadow:0 12px 40px rgba(0,0,0,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:.75rem;font-weight:600}.brand-mark{display:grid;place-items:center;width:2rem;height:2rem;border:1px solid rgba(255,255,255,.55);border-radius:50%;font-size:.62rem;letter-spacing:.08em}
.nav nav{display:flex;align-items:center;gap:clamp(1rem,3vw,2.5rem)}.nav nav a{position:relative;transition:opacity .25s}.nav nav a:hover{opacity:.65}.nav nav a:not(.contact-link)::after{content:"";position:absolute;left:0;right:100%;bottom:-.45rem;height:1px;background:var(--electric);transition:right .25s}.nav nav a:hover::after,.nav nav a.is-active::after{right:0}.contact-link{padding:.65rem 1rem;border:1px solid var(--line);border-radius:999px}.nav-toggle{display:none;width:2.75rem;height:2.75rem;padding:.7rem;border:1px solid var(--line);border-radius:50%;background:transparent;color:white}.nav-toggle span{display:block;height:1px;background:currentColor}.nav-toggle span+span{margin-top:.45rem}
.hero{position:relative;min-height:100svh;padding:clamp(8rem,16vh,12rem) clamp(1.25rem,6vw,6rem) 3rem;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 78% 38%,rgba(50,104,255,.27),transparent 28%),linear-gradient(145deg,#071328 5%,#0b1830 70%,#142453)}
.hero-noise{position:absolute;inset:0;z-index:-1;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E")}
.eyebrow,.section-kicker{font-family:Manrope,sans-serif;font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:var(--electric)}
.hero-title{position:relative;z-index:2;margin:1rem 0 2rem;max-width:1050px;font-family:Manrope,sans-serif;font-size:clamp(3.8rem,9.4vw,9rem);font-weight:500;letter-spacing:-.065em;line-height:.88}
.hero-title .line{display:block}.hero-title .accent{color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.88)}
.hero-bottom{display:grid;grid-template-columns:minmax(280px,560px) auto;gap:2rem;align-items:end}.hero-bottom p{margin:0;font-size:clamp(1.1rem,1.8vw,1.45rem);color:#d7dfed}.text-link{justify-self:end;border-bottom:1px solid currentColor;padding-bottom:.3rem}
.hero-orbit{position:absolute;right:-5vw;top:18vh;width:min(40vw,520px);aspect-ratio:1;opacity:.6;z-index:1}.orbit-ring{position:absolute;inset:0;border:1px solid rgba(128,164,255,.28);border-radius:50%}.ring-one{animation:float 9s ease-in-out infinite}.ring-two{inset:14%;animation:float 7s ease-in-out infinite reverse}.orbit-dot{position:absolute;left:14%;top:38%;width:.65rem;height:.65rem;background:var(--blue);border-radius:50%;box-shadow:0 0 32px 10px rgba(50,104,255,.45)}
.statement{padding:clamp(6rem,11vw,10rem) clamp(1.25rem,6vw,6rem);background:var(--paper);color:var(--ink)}
.statement .section-kicker,.work .section-kicker{color:var(--blue-on-light)}.manifesto{max-width:1080px;margin:2rem 0 6rem;font-family:Manrope,sans-serif;font-size:clamp(2.2rem,5.2vw,5rem);letter-spacing:-.045em;line-height:1.07}.manifesto em{font-style:normal;color:var(--blue-on-light)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cfd4dc}.principle{padding:2rem 3rem 0 0;border-right:1px solid #cfd4dc}.principle:last-child{border:0;padding-left:2rem}.principle:nth-child(2){padding-left:2rem}.principle span{font-family:Manrope,sans-serif;color:var(--blue);font-size:.8rem}.principle h2{font-family:Manrope,sans-serif;font-size:1.35rem;letter-spacing:-.02em}.principle p{color:#4b5568;max-width:24rem}
.feature{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,4vw,4.5rem);background:#061024}.feature-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:end;max-width:1400px;margin:0 auto 4rem}.display{margin:.7rem 0 0;font-family:Manrope,sans-serif;font-size:clamp(3.5rem,8vw,8rem);line-height:.93;letter-spacing:-.06em;font-weight:500}.feature-summary .lede{font-family:Manrope,sans-serif;font-size:clamp(1.35rem,2.1vw,2rem);letter-spacing:-.025em;line-height:1.2}.feature-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;border-top:1px solid var(--line);padding-top:1rem}.feature-summary dl div{display:flex;flex-direction:column}.feature-summary dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.feature-summary dd{margin:.35rem 0 0;font-size:.88rem}
.feature-case-link{display:inline-block;margin-top:1.5rem;border-bottom:1px solid currentColor;padding-bottom:.25rem;color:var(--electric)}
.hero-board,.board{margin:0;overflow:hidden;background:#101b31;box-shadow:0 28px 80px rgba(0,0,0,.32)}.hero-board{max-width:1400px;margin-inline:auto;border-radius:.4rem}.hero-board img,.hero-board video,.board img{display:block;width:100%;height:auto;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.hero-board:hover img,.hero-board:hover video,.board:hover img{transform:scale(1.012)}.showreel-fallback{display:none}
.chapter{display:grid;grid-template-columns:minmax(260px,.75fr) minmax(0,1.65fr);gap:clamp(2rem,6vw,7rem);align-items:center;max-width:1400px;margin:clamp(8rem,15vw,14rem) auto}.chapter.reverse{grid-template-columns:minmax(0,1.65fr) minmax(260px,.75fr)}.chapter.reverse .chapter-copy{order:2}.chapter.reverse .board{order:1}.chapter-number{font-family:Manrope,sans-serif;font-size:.8rem;color:var(--muted);margin-bottom:4rem}.chapter h3{font-family:Manrope,sans-serif;font-size:clamp(2rem,3.6vw,4rem);letter-spacing:-.045em;line-height:1.05;margin:.9rem 0 1.4rem}.chapter-copy>p:last-child{color:#b9c4d6;font-size:1.08rem;max-width:38rem}.board{border-radius:.35rem}.final-chapter{margin-bottom:0}
.work{padding:clamp(6rem,11vw,10rem) clamp(1.25rem,6vw,6rem);background:var(--paper);color:var(--ink)}.work-heading{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:4rem;align-items:end;margin-bottom:5rem}.work-heading .display{max-width:900px}.work-intro{margin:0 0 .8rem;color:#5f6877;font-size:1.08rem;max-width:34rem}.project-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(2rem,3vw,3.5rem)}.project-card{grid-column:span 6;min-width:0;margin-bottom:3rem}.project-card:nth-child(1),.project-card:nth-child(4){grid-column:span 7}.project-card:nth-child(2),.project-card:nth-child(3){grid-column:span 5}.project-image{min-width:0;overflow:hidden;background:#dfe3ea;margin-bottom:1.4rem}.project-image img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.project-card:hover img{transform:scale(1.035)}.project-copy{position:relative;min-width:0;padding-right:3.25rem}.project-card span{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:var(--blue-on-light)}.project-card .project-index{position:absolute;right:0;top:.15rem;color:#667085}.project-card h3{margin:.4rem 0 .2rem;font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.04em}.project-card p{margin:0 0 1.1rem;color:#5f6877;max-width:34rem}.project-card strong{font-size:.82rem;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:.2rem}
.closing{position:relative;min-height:80vh;padding:clamp(6rem,12vw,11rem) clamp(1.25rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 80% 70%,rgba(50,104,255,.28),transparent 30%),#071328}.closing-title{font-family:Manrope,sans-serif;font-size:clamp(3.5rem,8.3vw,8.5rem);font-weight:500;letter-spacing:-.065em;line-height:.9;margin:2rem 0}.closing-title span{color:var(--electric)}.closing-copy{max-width:650px;margin:0 0 3rem;color:#c8d2e2;font-size:clamp(1.05rem,1.8vw,1.35rem)}.cta{display:flex;justify-content:space-between;align-items:center;width:min(100%,620px);padding:1.25rem 1.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.1rem;transition:padding .25s,background .25s}.cta:hover{padding-inline:2rem;background:rgba(255,255,255,.045)}
footer{display:flex;justify-content:space-between;align-items:center;padding:1.5rem clamp(1.25rem,6vw,6rem);border-top:1px solid var(--line);font-size:.76rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}footer nav{display:flex;gap:1.5rem}footer a:hover{color:var(--white)}
.reveal,.reveal-media{opacity:0;transform:translateY(36px);transition:opacity .85s cubic-bezier(.2,.7,.2,1),transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible,.reveal-media.visible{opacity:1;transform:none}.hero .reveal:nth-child(3){transition-delay:.12s}.hero .reveal:nth-child(4){transition-delay:.22s}
@keyframes float{0%,100%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(-1rem,1.2rem,0) rotate(5deg)}}
@media(max-width:900px){.hero-bottom,.feature-intro,.chapter,.chapter.reverse,.work-heading{grid-template-columns:1fr}.hero-orbit{width:65vw;right:-22vw}.principles{grid-template-columns:1fr}.principle,.principle:nth-child(2),.principle:last-child{padding:1.5rem 0;border-right:0;border-bottom:1px solid #cfd4dc}.feature-intro{gap:2rem}.feature-summary dl{grid-template-columns:1fr 1fr}.chapter.reverse .chapter-copy,.chapter.reverse .board{order:initial}.chapter-number{margin-bottom:2rem}.project-grid{grid-template-columns:minmax(0,1fr)}.project-card,.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3),.project-card:nth-child(4){grid-column:auto}.work-heading{gap:1.5rem}.nav-toggle{display:block}.nav nav{position:absolute;left:1rem;right:1rem;top:calc(100% + .5rem);display:none;flex-direction:column;align-items:stretch;gap:0;padding:1rem;background:#0b1830;border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.35)}.nav.is-open nav{display:flex}.nav nav a{padding:1rem}.nav nav a:not(.contact-link)::after{display:none}.contact-link{border:0;border-radius:0;background:rgba(255,255,255,.05)}}
@media(max-width:600px){.hero{padding-top:8rem}.hero-title{font-size:clamp(3.3rem,17vw,5.4rem)}.hero-bottom{display:block}.hero-bottom .text-link{display:inline-block;margin-top:2rem}.feature-summary dl{grid-template-columns:1fr}.chapter{margin:7rem auto}.manifesto{margin-bottom:4rem}.display{font-size:3.7rem}.project-copy{padding-right:2.5rem}footer{display:block}footer nav{margin-top:1rem;flex-wrap:wrap}.hero-orbit{top:25vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}.reveal,.reveal-media{opacity:1;transform:none}.hero-board .showreel{display:none}.showreel-fallback{display:block}}

/* Payment Experience case study */
.case-page{background:#071328}.case-page .nav{background:rgba(7,19,40,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.case-hero{position:relative;min-height:100svh;padding:clamp(9rem,16vh,12rem) clamp(1.25rem,6vw,6rem) clamp(5rem,8vw,8rem);overflow:hidden;background:radial-gradient(circle at 82% 20%,rgba(50,104,255,.3),transparent 28%),linear-gradient(145deg,#071328,#0b1830 68%,#142453)}
.case-hero::after{content:"";position:absolute;right:-10vw;top:7rem;width:min(44vw,640px);aspect-ratio:1;border:1px solid rgba(128,164,255,.2);border-radius:50%;box-shadow:inset 0 0 0 7vw rgba(7,19,40,.18);pointer-events:none}
.case-hero-copy{position:relative;z-index:1;max-width:1200px}.case-title{max-width:1180px;margin:1.2rem 0 2rem;font-family:Manrope,sans-serif;font-size:clamp(4rem,9vw,8.5rem);font-weight:500;letter-spacing:-.065em;line-height:.9}.case-title span{color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.9)}
.case-lede{max-width:760px;margin:0;color:#d7dfed;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45}
.case-meta{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);max-width:760px;margin:4rem 0 3rem;border-top:1px solid var(--line);padding-top:1rem}.case-meta div{display:flex;flex-direction:column}.case-meta dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.case-meta dd{margin:.35rem 0 0}
.case-hero-media{position:relative;z-index:2;max-width:1400px;margin:0 auto;overflow:hidden;border-radius:.45rem;background:#fff;box-shadow:0 34px 100px rgba(0,0,0,.45)}.case-hero-media img{width:100%}
.case-snapshot{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,6vw,6rem);border-bottom:1px solid #d9dee7}.snapshot-heading{display:grid;grid-template-columns:minmax(170px,.35fr) minmax(0,1.65fr);gap:clamp(2rem,6vw,6rem);align-items:start;max-width:1400px;margin:0 auto clamp(3rem,5vw,5rem)}.snapshot-heading h2{max-width:950px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(2.6rem,5vw,5.5rem);font-weight:500;line-height:1;letter-spacing:-.05em}.snapshot-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px;margin:0 auto;border-top:1px solid #cfd4dc}.snapshot-grid article{padding:1.75rem 2.5rem 0 0;border-right:1px solid #cfd4dc}.snapshot-grid article+article{padding-left:2.5rem}.snapshot-grid article:last-child{border-right:0}.snapshot-grid span{color:var(--blue-on-light);font-size:.76rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase}.snapshot-grid p{margin:.75rem 0 0;color:#4b5568;font-size:1.05rem}
.case-section{padding:clamp(6rem,10vw,10rem) clamp(1.25rem,6vw,6rem)}.case-section-light{background:var(--paper);color:var(--ink)}.case-section-light .section-kicker{color:var(--blue)}
.case-section-heading{max-width:1100px;margin-bottom:4.5rem}.case-section-heading h2{max-width:1000px;margin:.8rem 0 0;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,6vw,6.5rem);font-weight:500;letter-spacing:-.055em;line-height:.98}.case-section-heading-wide{max-width:1250px}.case-section-heading-wide>p:last-child{max-width:700px;color:#b9c4d6;font-size:1.12rem}
.case-two-column{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,8vw,8rem);align-items:start;max-width:1400px}.case-statement{margin:0;font-family:Manrope,sans-serif;font-size:clamp(2rem,4vw,4.2rem);line-height:1.08;letter-spacing:-.04em}.case-body{color:#4b5568;font-size:1.08rem}.case-body p:first-child{margin-top:0}
.case-principles{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px;margin-top:7rem;border-top:1px solid #cfd4dc}.case-principle{padding:2rem 2.5rem 0 0;border-right:1px solid #cfd4dc}.case-principle+article{padding-left:2.5rem}.case-principle:last-child{border:0}.case-principle span,.delivery-grid article>span{color:var(--blue);font-size:.78rem;font-weight:600;letter-spacing:.12em}.case-principle h3,.delivery-grid h3{font-family:Manrope,sans-serif;font-size:1.4rem;letter-spacing:-.025em}.case-principle p,.delivery-grid p{color:#5f6877}
.case-flow{background:#061024}.flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem);max-width:1400px;margin:auto}.flow-card{margin:0;overflow:hidden;background:#101b31;border:1px solid var(--line);border-radius:.4rem;box-shadow:0 24px 70px rgba(0,0,0,.28)}.flow-card-wide{grid-column:1/-1;max-width:1040px;justify-self:center}.flow-card img{width:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.flow-card:hover img{transform:scale(1.012)}.flow-label{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.flow-label span{color:var(--electric);font-size:.78rem}.flow-label strong{font-weight:500}
.case-states .case-section-heading{max-width:1200px}.state-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,4vw,4rem);max-width:1400px}.state-card{margin:0;background:white;box-shadow:0 24px 60px rgba(7,19,40,.12)}.state-card img{width:100%}.state-card figcaption{padding:1.5rem 1.6rem 1.8rem}.state-card figcaption span{color:var(--blue);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em}.state-card figcaption p{margin:.45rem 0 0;color:#4b5568;font-size:1.05rem}
.case-edge{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,7vw,7rem);align-items:center;background:radial-gradient(circle at 20% 50%,rgba(50,104,255,.22),transparent 32%),#071328}.edge-copy h2{margin:.8rem 0 1.5rem;font-family:Manrope,sans-serif;font-size:clamp(2.8rem,5vw,5.5rem);line-height:.98;letter-spacing:-.05em}.edge-copy>p:last-child{color:#c3cede;font-size:1.08rem}.edge-media{margin:0;overflow:hidden;border-radius:.4rem;box-shadow:0 28px 80px rgba(0,0,0,.38)}.edge-media img{width:100%}
.case-delivery{padding-bottom:clamp(7rem,12vw,12rem)}.delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1400px;border-top:1px solid #cfd4dc}.delivery-grid article{padding:2rem 2.5rem 0 0;border-right:1px solid #cfd4dc}.delivery-grid article+article{padding-left:2.5rem}.delivery-grid article:last-child{border:0}
.case-next{padding:clamp(7rem,12vw,11rem) clamp(1.25rem,6vw,6rem);background:linear-gradient(145deg,#071328,#102348)}.case-next h2{max-width:1050px;margin:1rem 0 4rem;font-family:Manrope,sans-serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.case-next-link{display:flex;justify-content:space-between;align-items:center;max-width:920px;padding:1.4rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.12rem}.case-next-link span:last-child{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.12em}.case-back{display:inline-block;margin-top:3rem;border-bottom:1px solid currentColor;padding-bottom:.25rem;color:var(--electric)}
@media(max-width:900px){.case-meta,.case-two-column,.case-principles,.flow-grid,.state-pair,.case-edge,.delivery-grid,.snapshot-heading,.snapshot-grid{grid-template-columns:1fr}.case-hero::after{width:75vw;right:-32vw}.case-principles,.delivery-grid,.snapshot-grid{border-top:0}.case-principle,.case-principle+article,.delivery-grid article,.delivery-grid article+article,.snapshot-grid article,.snapshot-grid article+article{padding:1.5rem 0;border-right:0;border-top:1px solid #cfd4dc}.flow-card-wide{grid-column:auto}.case-edge{gap:3rem}.case-next-link{align-items:flex-start;gap:2rem}.case-next-link span:last-child{text-align:right}}
@media(max-width:600px){.case-title{font-size:clamp(3.35rem,16vw,5rem)}.case-meta{gap:1.3rem}.case-meta dd{font-size:.9rem}.case-section-heading{margin-bottom:3rem}.case-next-link{display:block}.case-next-link span{display:block}.case-next-link span:last-child{margin-top:.4rem;text-align:left}}

/* Outage Experience case study */
.outage-hero{background:radial-gradient(circle at 82% 24%,rgba(50,104,255,.34),transparent 26%),radial-gradient(circle at 72% 70%,rgba(128,164,255,.12),transparent 30%),linear-gradient(145deg,#061024,#0b1830 64%,#152b55)}
.outage-hero::after{border-color:rgba(128,164,255,.24);box-shadow:inset 0 0 0 7vw rgba(7,19,40,.16),0 0 90px rgba(50,104,255,.08)}
.outage-report-flow{background:#061024}.outage-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem);max-width:1400px;margin:auto}
.outage-mobile-section{overflow:hidden}.outage-platform-copy{margin-bottom:5rem}.outage-platform-copy>.case-body{margin:0}.mobile-story{max-width:1400px;margin:0 auto 3rem;overflow:hidden;background:#fff;box-shadow:0 26px 70px rgba(7,19,40,.14)}.mobile-story img{width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.mobile-story:hover img{transform:scale(1.012)}
.outage-status-section{background:radial-gradient(circle at 82% 25%,rgba(50,104,255,.2),transparent 28%),#071328}.outage-state-pair .state-card{color:var(--ink)}.mobile-status-story{max-width:1200px;margin:clamp(4rem,8vw,8rem) auto 0;overflow:hidden;background:#fff;box-shadow:0 28px 80px rgba(0,0,0,.36)}.mobile-status-story img{width:100%}
@media(max-width:900px){.outage-flow-grid{grid-template-columns:1fr}.outage-platform-copy{margin-bottom:3rem}}

/* Start Service case study */
.start-service-hero{background:radial-gradient(circle at 80% 22%,rgba(65,118,255,.34),transparent 25%),radial-gradient(circle at 68% 72%,rgba(128,164,255,.13),transparent 32%),linear-gradient(145deg,#061024,#0a1933 66%,#173160)}
.start-service-hero::after{border-color:rgba(128,164,255,.26);box-shadow:inset 0 0 0 7vw rgba(7,19,40,.15),0 0 100px rgba(50,104,255,.09)}
.start-service-flow{background:radial-gradient(circle at 16% 46%,rgba(50,104,255,.13),transparent 28%),#061024}.start-flow-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,3vw,3rem);max-width:1400px;margin:auto}
.start-service-model{overflow:hidden}.service-moments{display:grid;grid-template-columns:1fr auto 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;max-width:1400px}.service-moment{padding:clamp(1.5rem,3vw,3rem);border:1px solid #cfd4dc;background:#fff}.service-moment>span{color:var(--blue);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em}.service-moment h3{margin:.65rem 0 .9rem;font-family:Manrope,sans-serif;font-size:clamp(1.65rem,3vw,2.7rem);line-height:1.1;letter-spacing:-.035em}.service-moment p{margin:0;color:#5f6877}.service-bridge{display:flex;align-items:center;gap:.8rem;color:var(--blue);font-family:Manrope,sans-serif;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em}.service-bridge span{display:block;width:clamp(1rem,3vw,3rem);height:1px;background:#aeb9ca}.screen-detail{display:block}.screen-detail:focus-visible{outline-offset:-5px}
.start-service-states{background:radial-gradient(circle at 80% 28%,rgba(50,104,255,.2),transparent 28%),#071328}.start-state-pair .state-card{color:var(--ink)}
@media(max-width:900px){.start-flow-grid,.service-moments{grid-template-columns:1fr}.service-bridge{justify-content:center}.service-bridge span{width:28%}}

.smart-fields-hero{background:radial-gradient(circle at 78% 18%,rgba(37,99,235,.34),transparent 30%),linear-gradient(145deg,#061124,#0b1b39 70%,#17356b)}
.smart-board{max-width:1400px;margin:clamp(4rem,7vw,7rem) auto 0;overflow:hidden;background:#fff;border-radius:.4rem;box-shadow:0 26px 70px rgba(7,19,40,.14)}.smart-board img{width:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.smart-board:hover img{transform:scale(1.008)}
.smart-lifecycle{background:radial-gradient(circle at 20% 42%,rgba(50,104,255,.2),transparent 28%),#061024}.lifecycle-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1400px;border-top:1px solid var(--line)}.lifecycle-grid article{position:relative;padding:2rem 2rem 0;border-right:1px solid var(--line)}.lifecycle-grid article:first-child{padding-left:0}.lifecycle-grid article:last-child{border-right:0}.lifecycle-grid span{color:var(--electric);font-size:.78rem;font-weight:600;letter-spacing:.12em}.lifecycle-grid h3{font-family:Manrope,sans-serif;font-size:1.45rem;letter-spacing:-.025em}.lifecycle-grid p{color:#b9c4d6}
.smart-experience .case-section-heading-wide>p:last-child{color:#4b5568}.smart-decisions{margin-top:5rem}.smart-validation{background:radial-gradient(circle at 82% 18%,rgba(50,104,255,.18),transparent 26%),#071328}
@media(max-width:900px){.lifecycle-grid{grid-template-columns:1fr 1fr}.lifecycle-grid article,.lifecycle-grid article:first-child{padding:1.5rem 1.5rem 1.5rem 0;border-top:1px solid var(--line)}}
@media(max-width:600px){.lifecycle-grid{grid-template-columns:1fr}.lifecycle-grid article{border-right:0}}

/* About experience */
.about-page{background:#071328}.about-page .nav{background:rgba(7,19,40,.76);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.about-hero{position:relative;min-height:100svh;padding:clamp(9rem,16vh,12rem) clamp(1.25rem,6vw,6rem) clamp(5rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:radial-gradient(circle at 82% 34%,rgba(50,104,255,.3),transparent 27%),linear-gradient(145deg,#061024,#0b1830 67%,#142a55)}
.about-hero::after{content:"";position:absolute;right:-8vw;top:13vh;width:min(44vw,640px);aspect-ratio:1;border:1px solid rgba(128,164,255,.22);border-radius:50%;box-shadow:inset 0 0 0 7vw rgba(7,19,40,.16);pointer-events:none}
.about-hero>.eyebrow,.about-title,.about-hero-bottom{position:relative;z-index:1}.about-title{max-width:1320px;margin:1.2rem 0 4rem;font-family:Manrope,sans-serif;font-size:clamp(3.8rem,8.1vw,8rem);font-weight:500;letter-spacing:-.065em;line-height:.92}.about-title span{color:transparent;-webkit-text-stroke:1.4px rgba(255,255,255,.9)}
.about-hero-bottom{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,8rem);align-items:end;max-width:1320px}.about-hero-bottom>p{max-width:680px;margin:0;color:#d7dfed;font-size:clamp(1.12rem,2vw,1.5rem)}.about-hero-bottom dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:0;border-top:1px solid var(--line);padding-top:1rem}.about-hero-bottom dl div{display:flex;flex-direction:column}.about-hero-bottom dt{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.about-hero-bottom dd{margin:.35rem 0 0;font-size:.92rem}.about-signal{position:absolute;right:clamp(1rem,5vw,5rem);bottom:3rem;display:flex;gap:.45rem;align-items:center}.about-signal span{display:block;width:.35rem;height:.35rem;border-radius:50%;background:var(--electric)}.about-signal span:nth-child(2){opacity:.5}.about-signal span:nth-child(3){opacity:.2}
.about-intro{padding:clamp(7rem,12vw,12rem) clamp(1.25rem,6vw,6rem);background:var(--paper);color:var(--ink)}.about-intro .section-kicker,.about-range .section-kicker{color:var(--blue)}.about-intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(3rem,8vw,8rem);align-items:start;margin-top:2rem}.about-intro h2{max-width:950px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(3rem,6vw,6.8rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.about-prose{color:#4b5568;font-size:1.12rem}.about-prose p:first-child{margin-top:0}
.about-practice{padding:clamp(7rem,12vw,12rem) clamp(1.25rem,6vw,6rem);background:#061024}.about-practice-heading{max-width:1100px;margin-bottom:5rem}.about-practice-heading h2{margin:.8rem 0 0;font-family:Manrope,sans-serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.practice-track{max-width:1400px;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}.practice-track li{display:grid;grid-template-columns:120px 1fr;gap:2rem;padding:2.25rem 0;border-bottom:1px solid var(--line)}.practice-track li>span{color:var(--electric);font-family:Manrope,sans-serif;font-size:.8rem;letter-spacing:.13em}.practice-track h3{margin:0 0 .55rem;font-family:Manrope,sans-serif;font-size:clamp(1.8rem,3vw,3rem);font-weight:500;letter-spacing:-.035em}.practice-track p{max-width:720px;margin:0;color:#aebbd0;font-size:1.05rem}
.about-range{padding:clamp(7rem,12vw,12rem) clamp(1.25rem,6vw,6rem);background:var(--paper);color:var(--ink)}.about-range-heading{display:grid;grid-template-columns:.45fr 1.55fr;gap:3rem;align-items:start;margin-bottom:5rem}.about-range-heading h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(3rem,6vw,6.5rem);font-weight:500;line-height:.98;letter-spacing:-.055em}.range-grid{display:grid;grid-template-columns:1fr 1fr;max-width:1400px;border-top:1px solid #cfd4dc;border-left:1px solid #cfd4dc}.range-grid article{padding:clamp(2rem,4vw,4rem);border-right:1px solid #cfd4dc;border-bottom:1px solid #cfd4dc}.range-grid article>span{color:var(--blue);font-size:.76rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em}.range-grid h3{margin:.8rem 0 1rem;font-family:Manrope,sans-serif;font-size:clamp(1.7rem,3vw,2.9rem);line-height:1.08;letter-spacing:-.035em}.range-grid p{max-width:500px;color:#5f6877}.range-grid a{display:inline-block;margin-top:1.2rem;border-bottom:1px solid currentColor;padding-bottom:.2rem;font-weight:600}
.about-quality{padding:clamp(7rem,12vw,12rem) clamp(1.25rem,6vw,6rem);background:radial-gradient(circle at 82% 25%,rgba(50,104,255,.22),transparent 30%),#071328}.quality-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,8vw,8rem);align-items:start;margin-top:2rem}.quality-grid h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(3rem,5.8vw,6rem);font-weight:500;line-height:.99;letter-spacing:-.055em}.quality-list{border-top:1px solid var(--line)}.quality-list p{margin:0;padding:1.3rem 0;border-bottom:1px solid var(--line);color:#d3dbea;font-size:1.08rem}
.about-contact{min-height:82vh;padding:clamp(7rem,12vw,11rem) clamp(1.25rem,6vw,6rem);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#0a1933,#17315f)}.about-contact h2{max-width:1200px;margin:1rem 0 2rem;font-family:Manrope,sans-serif;font-size:clamp(3.5rem,8vw,8rem);font-weight:500;line-height:.92;letter-spacing:-.065em}.about-contact h2 span{color:var(--electric)}.about-contact>p:not(.section-kicker){max-width:680px;margin:0 0 3rem;color:#d0d9e7;font-size:clamp(1.1rem,2vw,1.4rem)}.about-actions{display:flex;align-items:center;gap:2rem;flex-wrap:wrap}.about-primary-action{display:flex;justify-content:space-between;align-items:center;width:min(100%,620px);padding:1.25rem 1.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:1.1rem;transition:padding .25s,background .25s}.about-primary-action:hover{padding-inline:2rem;background:rgba(255,255,255,.045)}.about-primary-action span:last-child{color:var(--electric);font-size:.76rem;text-transform:uppercase;letter-spacing:.13em}.about-secondary-action{border-bottom:1px solid currentColor;padding-bottom:.25rem;color:#d9e2f0}
@media(max-width:900px){.about-hero-bottom,.about-intro-grid,.about-range-heading,.quality-grid{grid-template-columns:1fr}.about-hero-bottom{gap:2.5rem}.about-hero-bottom dl{grid-template-columns:1fr 1fr}.about-range-heading{gap:1.2rem}.range-grid{grid-template-columns:1fr}.practice-track li{grid-template-columns:70px 1fr}.about-hero::after{width:75vw;right:-34vw}}
@media(max-width:600px){.about-title{font-size:clamp(3.2rem,15vw,5rem)}.about-hero-bottom dl{grid-template-columns:1fr}.practice-track li{grid-template-columns:1fr;gap:.8rem}.range-grid{border-left:0}.range-grid article{padding:2rem 0;border-right:0}.about-actions{display:block}.about-secondary-action{display:inline-block;margin-top:2rem}}

/* Accessibility refinements for small text displayed on light surfaces */
.case-section-light .section-kicker,.principle span,.case-principle span,.delivery-grid article>span,.state-card figcaption span,.service-moment>span,.service-bridge,.about-intro .section-kicker,.about-range .section-kicker,.range-grid article>span{color:var(--blue-on-light)}