.case-page{z-index:10;color:var(--text-1);position:relative}.case-shell{gap:clamp(1.4rem,3vw,2.6rem);width:min(1840px,100%);margin:0 auto;padding:clamp(2.2rem,8.2vh,6.5rem) clamp(1rem,3.3vw,1.1rem) clamp(2.5rem,11vh,8rem);display:grid}.case-floating-bar{z-index:180;pointer-events:none;justify-content:space-between;align-items:center;gap:.9rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:flex;position:fixed;top:1.2rem;left:clamp(.75rem,3.3vw,3.1rem);right:clamp(.75rem,3.3vw,3.1rem)}.case-floating-bar__title,.case-floating-bar__close{pointer-events:auto}.case-floating-bar__title{min-width:0;color:color-mix(in srgb, var(--text-1) 72%, transparent);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.72rem,.9vw,.84rem);font-weight:700;overflow:hidden}.case-floating-bar__close{color:color-mix(in srgb, var(--text-1) 70%, transparent);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;justify-content:center;align-items:center;gap:.28rem;font-size:.74rem;font-weight:700;transition:color .2s;display:inline-flex}.case-floating-bar__close:hover,.case-floating-bar__close:focus-visible{color:var(--accent);outline:none}.case-floating-bar__close svg{flex-shrink:0}.case-hero{gap:1.2rem;display:grid}.case-hero--feature{align-content:space-between;gap:clamp(1.1rem,3.2vh,2.5rem);min-height:clamp(350px,50vh,650px);padding-top:clamp(2.3rem,7vh,5.2rem)}.case-hero__title{text-align:center;width:100%;font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase;margin:0;font-size:clamp(2.55rem,11.3vw,10.8rem);font-weight:700;line-height:.88}.case-hero-facts{grid-template-columns:repeat(4,minmax(0,1fr));align-self:end;gap:clamp(.9rem,2.4vw,2.4rem);margin:0;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:grid}.case-hero-facts div{gap:.3rem;display:grid}.case-hero-facts dt{color:color-mix(in srgb, var(--text-1) 66%, transparent);letter-spacing:.09em;text-transform:uppercase;margin:0;font-size:clamp(.7rem,.95vw,1rem)}.case-hero-facts dd{color:color-mix(in srgb, var(--text-1) 94%, transparent);font-family:var(--font-main);letter-spacing:-.01em;text-transform:uppercase;word-break:break-word;margin:0;font-size:clamp(1rem,1.8vw,2rem);font-weight:800;line-height:.92}.case-hero__copy{gap:1rem;max-width:102ch;display:grid}.case-hero__kicker{color:color-mix(in srgb, var(--text-1) 70%, transparent);letter-spacing:.15em;text-transform:uppercase;margin:0;font-size:.76rem}.case-hero h1{letter-spacing:-.03em;text-transform:uppercase;margin:0;font-size:clamp(2.1rem,5.4vw,5.35rem);line-height:.95}.case-hero__summary{max-width:70ch;color:color-mix(in srgb, var(--text-1) 83%, transparent);margin:0;font-size:clamp(.98rem,1.25vw,1.24rem);line-height:1.55}.case-meta{flex-wrap:wrap;gap:.42rem;margin:0;padding:0;list-style:none;display:flex}.case-pill{border:1px solid color-mix(in srgb, var(--line) 88%, transparent);color:color-mix(in srgb, var(--text-1) 78%, transparent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.36rem .64rem;font-size:.74rem}.case-meta-grid{border-top:1px solid color-mix(in srgb, var(--line) 88%, transparent);border-bottom:1px solid color-mix(in srgb, var(--line) 88%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.case-meta-grid div{border-left:1px solid color-mix(in srgb, var(--line) 62%, transparent);gap:.55rem;padding:1.1rem .9rem 1.08rem;display:grid}.case-meta-grid div:first-child{border-left:0}.case-meta-grid dt{color:color-mix(in srgb, var(--text-1) 58%, transparent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.7rem}.case-meta-grid dd{color:color-mix(in srgb, var(--text-1) 88%, transparent);margin:0;font-size:.92rem;line-height:1.45}.case-hero-media,.case-hero-strip,.case-overview,.case-challenges,.case-discovery,.case-design-system,.case-diagrams,.case-storefront-showcase,.case-next-cta,.case-story,.case-stats,.case-nav{margin-top:clamp(.25rem,1.2vw,.8rem)}.case-overview{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:clamp(1.2rem,3.2vw,3.4rem);min-height:clamp(420px,64vh,760px);padding-block:clamp(1.2rem,4vh,3.6rem);display:grid}.case-overview__spacer{min-height:1px}.case-overview__content{place-self:center start;gap:clamp(.9rem,1.8vw,1.35rem);max-width:min(740px,100%);padding-right:clamp(0rem,1.6vw,1.2rem);display:grid}.case-overview__label{color:color-mix(in srgb, var(--text-1) 66%, transparent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.72rem,.95vw,1rem)}.case-overview__headline{font-family:var(--font-main);letter-spacing:-.012em;text-transform:uppercase;color:color-mix(in srgb, var(--text-1) 96%, transparent);max-width:70ch;margin:0;font-size:clamp(1.35rem,3.45vw,2.3rem);font-weight:800;line-height:.9}.case-overview__body{max-width:60ch;color:color-mix(in srgb, var(--text-1) 82%, transparent);text-transform:none;margin:clamp(.55rem,1.2vh,1.2rem) 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.88rem,1.06vw,1.26rem);line-height:1.5}.case-challenges{place-content:center;align-items:center;gap:clamp(.35rem,.35vw,.55rem);height:clamp(430px,100vh,680px);padding-block:clamp(1rem,4vh,3.4rem);display:grid;position:relative}.case-challenges__label{color:color-mix(in srgb, var(--text-1) 72%, transparent);letter-spacing:.08em;text-transform:uppercase;justify-self:center;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.8rem,.98vw,1.02rem)}.case-challenges__list{gap:clamp(1rem,2.8vh,2.15rem);width:min(1160px,100%);margin:0;display:grid}.case-challenges__item{justify-items:center;gap:clamp(.4rem,1vh,.8rem);display:grid}.case-challenges__index{color:color-mix(in srgb, var(--text-1) 94%, transparent);margin:0;font-size:clamp(.8rem,1.2vw,1rem);font-weight:700;line-height:1}.case-challenges__text{max-width:96ch;color:color-mix(in srgb, var(--text-1) 86%, transparent);text-align:center;text-wrap:balance;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.8rem,1.2vw,1rem);line-height:1.45}.case-discovery{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(1rem,3vw,3rem);min-height:clamp(460px,70vh,880px);display:grid}.case-discovery__copy{text-align:center;justify-self:center;gap:clamp(1rem,2vh,1.6rem);width:min(620px,100%);display:grid}.case-discovery__label{color:color-mix(in srgb, var(--text-1) 76%, transparent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.82rem,1vw,1.06rem)}.case-discovery__text{color:color-mix(in srgb, var(--text-1) 84%, transparent);text-wrap:balance;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.95rem,1.16vw,1.22rem);line-height:1.52}.case-discovery__media{place-items:end;display:grid}.case-discovery__image{aspect-ratio:5/4;background:0 0;width:min(900px,100%);overflow:visible}.case-discovery__image img{object-fit:contain;filter:none}.case-design-system{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(1.1rem,3vw,3.5rem);min-height:clamp(480px,100vh,920px);display:grid}.case-design-system__board{width:100%}.case-design-system__canvas{--design-bg:color-mix(in srgb, var(--surface-1) 88%, white 12%);--design-panel:color-mix(in srgb, var(--surface-0) 86%, white 14%);--design-panel-strong:color-mix(in srgb, var(--surface-3) 70%, white 30%);--design-ink:var(--text-1);--design-muted:color-mix(in srgb, var(--text-1) 66%, transparent);--design-line:color-mix(in srgb, var(--line) 86%, var(--accent-line) 14%);--design-accent:var(--accent);--design-accent-2:color-mix(in srgb, var(--accent) 62%, var(--text-1) 38%);isolation:isolate;border:1px solid var(--design-line);-webkit-backdrop-filter:blur(12px);width:100%;min-height:560px;box-shadow:var(--shadow-soft);background:0 0;border-radius:8px;gap:.95rem;padding:clamp(1rem,2.4vw,2rem);display:grid;position:relative;overflow:hidden}[data-theme=dark] .case-design-system__canvas{--design-bg:color-mix(in srgb, var(--surface-0) 78%, black 22%);--design-panel:color-mix(in srgb, var(--surface-1) 76%, black 24%);--design-panel-strong:color-mix(in srgb, var(--surface-2) 72%, black 28%);--design-muted:color-mix(in srgb, var(--text-1) 72%, transparent);--design-line:color-mix(in srgb, var(--line) 78%, var(--accent-line) 22%);--design-accent-2:color-mix(in srgb, var(--accent) 48%, var(--text-1) 52%)}.case-design-system__canvas:before{content:"";z-index:-1;border:1px solid color-mix(in srgb, var(--design-accent) 28%, transparent);background:color-mix(in srgb, var(--design-accent) 7%, transparent);width:42%;height:52%;position:absolute;top:-18%;right:-10%;transform:rotate(-8deg)}.case-design-system__mast{border-bottom:1px solid var(--design-line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.95rem;display:flex}.case-design-system__mast p,.case-design-system__rules header p{color:var(--design-accent-2);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:800}.case-design-system__mast h3,.case-design-system__rules header h3{color:var(--design-ink);margin:.24rem 0 0;font-size:1.02rem;line-height:1.35}.case-design-system__mast dl{grid-template-columns:repeat(2,minmax(88px,1fr));gap:.55rem;margin:0;display:grid}.case-design-system__mast dl div{border:1px solid var(--design-line);background:color-mix(in srgb, var(--design-panel) 82%, transparent);border-radius:8px;padding:.55rem .7rem}.case-design-system__mast dt{color:var(--design-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.66rem}.case-design-system__mast dd{color:var(--design-ink);margin:.22rem 0 0;font-size:1.18rem;font-weight:800}.case-design-system__flow{align-items:stretch;gap:.72rem;display:flex}.case-design-system__flow .case-design-card{flex:1 1 0;min-height:170px}.case-design-system__arrow{border:1px solid color-mix(in srgb, var(--design-accent) 46%, transparent);min-height:2.2rem;color:var(--design-accent);background:color-mix(in srgb, var(--design-accent) 10%, var(--design-panel) 90%);border-radius:999px;flex:0 0 2.2rem;align-self:center;place-items:center;display:inline-grid}.case-design-system__arrow svg{display:block}.case-design-system__rules{border:1px solid var(--design-line);background:color-mix(in srgb, var(--design-panel) 84%, transparent);border-radius:8px;grid-template-columns:minmax(220px,.75fr) minmax(0,1.25fr);align-items:stretch;gap:.85rem;padding:.9rem;display:grid}.case-design-system__rule-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.72rem;display:grid}.case-design-card{border:1px solid var(--design-line);min-width:0;color:var(--design-ink);background:color-mix(in srgb, var(--design-panel-strong) 84%, transparent);box-shadow:0 12px 26px -22px color-mix(in srgb, var(--text-1) 54%, transparent);border-radius:8px;align-content:start;gap:.62rem;padding:.82rem;display:grid}.case-design-card--accent{border-color:color-mix(in srgb, var(--design-accent) 58%, transparent);background:color-mix(in srgb, var(--design-accent) 10%, var(--design-panel-strong) 90%)}.case-design-card--light{border-color:color-mix(in srgb, var(--design-accent-2) 44%, transparent)}.case-design-card.is-compact{min-height:128px}.case-design-card__top{align-items:center;gap:.55rem;display:flex}.case-design-card__icon{border:1px solid color-mix(in srgb, var(--design-accent) 42%, transparent);width:2.55rem;min-height:2.55rem;color:var(--design-accent);background:color-mix(in srgb, var(--design-accent) 9%, var(--design-panel) 91%);border-radius:8px;flex:none;place-items:center;display:inline-grid}.case-design-card__kicker{color:var(--design-accent-2);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:800}.case-design-card__title{font-family:var(--font-main);color:var(--design-ink);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.92rem;line-height:1.15}.case-design-card__body{color:var(--design-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.76rem;line-height:1.35}.case-design-system__copy{text-align:center;justify-self:center;gap:clamp(.9rem,1.8vh,1.4rem);width:min(640px,100%);display:grid}.case-design-system__label{color:color-mix(in srgb, var(--accent) 82%, var(--text-1) 18%);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem}.case-design-system__text{color:color-mix(in srgb, var(--text-1) 84%, transparent);text-wrap:balance;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1rem;line-height:1.52}.case-storefront-showcase{isolation:isolate;width:100%;height:clamp(500px,100vh,980px);position:relative;overflow:hidden}.case-storefront-showcase__media,.case-storefront-showcase__image,.case-storefront-showcase__image img{border-radius:8px;width:100%;height:100%;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.case-storefront-showcase__image img{object-fit:cover;object-position:center;filter:saturate(.86)contrast(1.03)brightness(.34)}.case-storefront-showcase:before{content:"";z-index:1;pointer-events:none;background:radial-gradient(84% 70% at 50% 52%,#00000042 0%,#00000094 72%,#000000b3 100%),linear-gradient(#0607088f 0%,#0607089e 100%);position:absolute;inset:0}.case-storefront-showcase__overlay{z-index:2;text-align:center;justify-items:center;gap:clamp(.9rem,1.6vh,1.35rem);width:min(980px,100% - 2.2rem);display:grid;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.case-storefront-showcase__label{color:#efebe0eb;letter-spacing:.08em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.84rem,.96vw,1.08rem)}.case-storefront-showcase__headline{color:#f4f0e8f5;font-family:var(--font-main);letter-spacing:.01em;text-transform:uppercase;max-width:30ch;margin:0;font-size:clamp(1.55rem,4.1vw,4.9rem);font-weight:800;line-height:.94}.case-storefront-showcase__text{color:#ede9e0e6;text-wrap:balance;max-width:60ch;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:clamp(.9rem,1.1vw,1.28rem);line-height:1.5}.case-diagrams{gap:clamp(.8rem,2vw,1.3rem);width:100vw;margin-inline:calc(50% - 50vw);padding-inline:clamp(.8rem,3vw,3.2rem);display:grid}.case-diagrams__label{color:color-mix(in srgb, var(--accent) 82%, var(--text-1) 18%);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem}.case-diagrams__grid{grid-template-columns:1fr;gap:clamp(.95rem,2.2vw,1.8rem);display:grid}.case-diagram-card{--diagram-bg:color-mix(in srgb, var(--surface-1) 88%, white 12%);--diagram-panel:color-mix(in srgb, var(--surface-0) 86%, white 14%);--diagram-panel-strong:color-mix(in srgb, var(--surface-3) 70%, white 30%);--diagram-ink:var(--text-1);--diagram-muted:color-mix(in srgb, var(--text-1) 66%, transparent);--diagram-line:color-mix(in srgb, var(--line) 86%, var(--accent-line) 14%);--diagram-accent:var(--accent);--diagram-accent-2:color-mix(in srgb, var(--accent) 62%, var(--text-1) 38%);--diagram-shadow:var(--shadow-soft);border:1px solid var(--diagram-line);background:linear-gradient(135deg, color-mix(in srgb, var(--diagram-bg) 86%, white 14%), var(--diagram-bg)), var(--diagram-bg);box-shadow:var(--diagram-shadow);border-radius:8px;gap:.95rem;padding:clamp(.85rem,1.7vw,1.25rem);display:grid}[data-theme=dark] .case-diagram-card{--diagram-bg:color-mix(in srgb, var(--surface-0) 78%, black 22%);--diagram-panel:color-mix(in srgb, var(--surface-1) 76%, black 24%);--diagram-panel-strong:color-mix(in srgb, var(--surface-2) 72%, black 28%);--diagram-muted:color-mix(in srgb, var(--text-1) 72%, transparent);--diagram-line:color-mix(in srgb, var(--line) 78%, var(--accent-line) 22%);--diagram-accent-2:color-mix(in srgb, var(--accent) 48%, var(--text-1) 52%)}.case-diagram-card__header{gap:.28rem;max-width:78ch;display:grid}.case-diagram-card__header h3{font-family:var(--font-main);color:var(--diagram-ink);letter-spacing:0;text-transform:uppercase;margin:0;font-size:1.16rem}.case-diagram-card__header p{color:var(--diagram-muted);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.86rem;line-height:1.45}.case-diagram-board{border:1px solid var(--diagram-line);background:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), linear-gradient(135deg, color-mix(in srgb, var(--diagram-panel) 84%, transparent), var(--diagram-panel-strong));background-size:38px 38px,38px 38px,auto;border-radius:8px;gap:.95rem;min-height:560px;padding:clamp(1rem,2.4vw,2rem);display:grid;position:relative;overflow:hidden}.case-diagram-board:before{content:"";border:1px solid color-mix(in srgb, var(--diagram-accent) 28%, transparent);background:color-mix(in srgb, var(--diagram-accent) 7%, transparent);pointer-events:none;width:42%;height:52%;position:absolute;top:-18%;right:-10%;transform:rotate(-8deg)}.case-diagram-board__mast{z-index:1;border-bottom:1px solid var(--diagram-line);justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.95rem;display:flex;position:relative}.case-diagram-board__mast p,.case-diagram-panel header p{color:var(--diagram-accent-2);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:800}.case-diagram-board__mast h4,.case-diagram-panel header h4{color:var(--diagram-ink);margin:.24rem 0 0;font-size:1.02rem;line-height:1.35}.case-diagram-board__mast dl{grid-template-columns:repeat(2,minmax(88px,1fr));gap:.55rem;margin:0;display:grid}.case-diagram-board__mast dl div{border:1px solid var(--diagram-line);background:color-mix(in srgb, var(--diagram-panel) 82%, transparent);border-radius:8px;padding:.55rem .7rem}.case-diagram-board__mast dt{color:var(--diagram-muted);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.66rem}.case-diagram-board__mast dd{color:var(--diagram-ink);margin:.22rem 0 0;font-size:1.18rem;font-weight:800}.case-diagram-board__hero{z-index:1;align-items:stretch;gap:.72rem;display:flex;position:relative}.case-diagram-board__hero .case-diagram-node{flex:1 1 0}.case-diagram-arrow{border:1px solid color-mix(in srgb, var(--diagram-accent) 46%, transparent);min-height:2.2rem;color:var(--diagram-accent);background:color-mix(in srgb, var(--diagram-accent) 10%, var(--diagram-panel) 90%);border-radius:999px;flex:0 0 2.2rem;align-self:center;place-items:center;display:inline-grid}.case-diagram-arrow svg{display:block}.case-diagram-board__lower{z-index:1;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:.95rem;display:grid;position:relative}.case-diagram-panel{border:1px solid var(--diagram-line);background:color-mix(in srgb, var(--diagram-panel) 84%, transparent);border-radius:8px;align-content:start;gap:.85rem;min-width:0;padding:.9rem;display:grid}.case-diagram-panel__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.72rem;display:grid}.case-diagram-node{border:1px solid var(--diagram-line);background:color-mix(in srgb, var(--diagram-panel-strong) 84%, transparent);min-width:0;min-height:116px;box-shadow:0 12px 26px -22px color-mix(in srgb, var(--text-1) 54%, transparent);border-radius:8px;align-items:flex-start;gap:.62rem;padding:.82rem;display:flex}.case-diagram-node--accent{border-color:color-mix(in srgb, var(--diagram-accent) 58%, transparent);background:color-mix(in srgb, var(--diagram-accent) 10%, var(--diagram-panel-strong) 90%)}.case-diagram-node--light{border-color:color-mix(in srgb, var(--diagram-accent-2) 44%, transparent)}.case-diagram-node--base{border-color:color-mix(in srgb, var(--diagram-muted) 44%, transparent)}.case-diagram-node.is-featured{align-content:start;min-height:152px}.case-diagram-node__visual{flex:none;justify-items:center;gap:.42rem;display:grid}.case-diagram-node__icon{border:1px solid color-mix(in srgb, var(--diagram-accent) 42%, transparent);width:2.55rem;min-height:2.55rem;color:var(--diagram-accent);background:color-mix(in srgb, var(--diagram-accent) 9%, var(--diagram-panel) 91%);border-radius:8px;place-items:center;display:inline-grid}.case-diagram-node.is-featured .case-diagram-node__icon{width:2.95rem;min-height:2.95rem}.case-diagram-node__badge{border:1px solid color-mix(in srgb, var(--diagram-accent) 34%, transparent);width:auto;min-height:auto;color:var(--diagram-accent-2);background:color-mix(in srgb, var(--diagram-panel) 78%, transparent);letter-spacing:0;border-radius:999px;place-items:center;padding:.18rem .44rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:800;display:inline-grid}.case-diagram-node h4{font-family:var(--font-main);color:var(--diagram-ink);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.86rem;line-height:1.15}.case-diagram-node p{color:var(--diagram-muted);margin:.34rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.74rem;line-height:1.35}.case-diagram-flow-list{gap:.62rem;display:grid}.case-diagram-flow-step{border:1px solid var(--diagram-line);background:color-mix(in srgb, var(--diagram-panel-strong) 78%, transparent);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.72rem;padding:.76rem;display:grid}.case-diagram-flow-step>span{width:1.85rem;min-height:1.85rem;color:var(--button-primary-text);background:var(--diagram-accent);border-radius:999px;place-items:center;font-size:.74rem;font-weight:800;display:inline-grid}.case-diagram-flow-step h4{color:var(--diagram-ink);letter-spacing:0;text-transform:uppercase;margin:0;font-size:.82rem}.case-diagram-flow-step p{color:var(--diagram-muted);margin:.26rem 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;line-height:1.38}.case-diagram-flow-step__arrow{color:var(--diagram-accent);align-self:center}.case-class-diagram-board{border:1px solid var(--diagram-line);background-size:38px 38px,38px 38px,auto;border-radius:8px;gap:.95rem;min-height:560px;padding:clamp(1rem,2.4vw,2rem);display:grid;position:relative;overflow:hidden}.case-class-diagram-board:before{content:"";border:1px solid color-mix(in srgb, var(--diagram-accent) 28%, transparent);background:color-mix(in srgb, var(--diagram-accent) 7%, transparent);pointer-events:none;width:42%;height:52%;position:absolute;top:-18%;right:-10%;transform:rotate(-8deg)}.case-class-diagram-grid{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.72rem;display:grid;position:relative}.case-class-entity{border:1px solid var(--diagram-line);min-width:0;box-shadow:0 12px 26px -22px color-mix(in srgb, var(--text-1) 54%, transparent);border-radius:8px;align-content:start;display:grid;overflow:hidden}.case-class-entity--accent{border-color:color-mix(in srgb, var(--diagram-accent) 58%, transparent)}.case-class-entity--light{border-color:color-mix(in srgb, var(--diagram-accent-2) 44%, transparent)}.case-class-entity header{border-bottom:1px solid var(--diagram-line);background:color-mix(in srgb, var(--diagram-accent) 9%, var(--diagram-panel) 91%);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.58rem;padding:.76rem;display:grid}.case-class-entity__icon{border:1px solid color-mix(in srgb, var(--diagram-accent) 42%, transparent);width:2.35rem;min-height:2.35rem;color:var(--diagram-accent);background:color-mix(in srgb, var(--diagram-panel) 78%, transparent);border-radius:8px;place-items:center;display:inline-grid}.case-class-entity p{color:var(--diagram-accent-2);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.68rem;font-weight:800}.case-class-entity h4{color:var(--diagram-ink);letter-spacing:0;text-transform:uppercase;margin:.18rem 0 0;font-size:.84rem;line-height:1.16}.case-class-entity ul{gap:.35rem;margin:0;padding:.7rem .76rem .78rem;list-style:none;display:grid}.case-class-entity li{min-width:0;color:var(--diagram-muted);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.7rem;line-height:1.32}.case-class-relationships{z-index:1;border:1px solid var(--diagram-line);border-radius:8px;flex-direction:column;align-items:start;gap:.62rem;width:100%;padding:.68rem;display:flex;position:relative}.case-class-relationships header p{color:var(--diagram-accent-2);letter-spacing:0;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.72rem;font-weight:800}.case-class-relationships header h4{color:var(--diagram-ink);margin:.24rem 0 0;font-size:.82rem;line-height:1.35}.case-class-relationships__list{grid-template-columns:repeat(7,minmax(0,1fr));gap:.4rem;display:grid}.case-class-relationship{border:1px solid var(--diagram-line);background:color-mix(in srgb, var(--diagram-panel-strong) 78%, transparent);border-radius:8px;align-items:start;gap:.28rem;padding:.48rem;display:grid}.case-class-relationship span{min-width:250px;color:var(--diagram-ink);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.64rem;line-height:1.25}.case-class-relationship__line{color:var(--diagram-accent-2);white-space:normal;background:0 0;border:0;border-radius:0;justify-content:start;align-items:center;gap:.36rem;padding:0;display:inline-flex}.case-class-relationship__line svg{display:none}.case-image{background:color-mix(in srgb, var(--surface-0) 62%, transparent);width:100%;position:relative;overflow:hidden}.case-image img{object-fit:cover;filter:contrast(1.03)saturate(.94);width:100%;height:100%}.case-image__placeholder{text-align:center;min-height:240px;color:color-mix(in srgb, var(--text-1) 76%, transparent);background:linear-gradient(130deg, color-mix(in srgb, var(--accent-soft) 55%, transparent), transparent 62%), repeating-linear-gradient(-42deg, color-mix(in srgb, var(--line) 45%, transparent) 0, color-mix(in srgb, var(--line) 45%, transparent) 12px, transparent 12px, transparent 24px);place-items:center;padding:1.2rem;display:grid}.case-image__placeholder strong{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.88rem;display:block}.case-image__placeholder span{margin-top:.42rem;font-size:.86rem;display:block}.case-hero-media__main{aspect-ratio:16/9;background:#fff;border-radius:8px;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b}.case-hero-strip{grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(.7rem,1.4vw,1.25rem);display:grid}.case-hero-strip__item{aspect-ratio:16/10}.case-hero-strip__item--b{transform:translateY(clamp(1.1rem,2.4vw,2.6rem))}.case-stats{border-top:1px solid color-mix(in srgb, var(--line) 88%, transparent);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-stat{border-left:1px solid color-mix(in srgb, var(--line) 62%, transparent);padding:1.1rem .9rem 0}.case-stat:first-child{border-left:0}.case-stat__value{color:var(--text-1);margin:0;font-size:clamp(1.3rem,2.6vw,2.4rem);font-weight:700;line-height:1.05}.case-stat__label{color:color-mix(in srgb, var(--text-1) 62%, transparent);letter-spacing:.1em;text-transform:uppercase;margin:.42rem 0 0;font-size:.74rem}.case-story{gap:clamp(2.2rem,5vw,4.4rem);min-height:100vh;padding:5rem 0;display:grid}.case-chapter{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:clamp(1.1rem,2.8vw,2.8rem);display:grid}.case-chapter.is-reverse .case-chapter__media{order:2}.case-chapter.is-reverse .case-chapter__content{order:1}.case-chapter__media .case-image{aspect-ratio:auto;background:0 0;height:auto;overflow:visible}.case-chapter__media .case-image img{object-fit:contain;background:#fff;width:100%;height:auto;display:block}.case-chapter__content{gap:.88rem;display:grid}.case-chapter__index{color:color-mix(in srgb, var(--text-1) 62%, transparent);letter-spacing:.12em;text-transform:uppercase;margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.73rem}.case-chapter__content h2{font-family:var(--font-main);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-size:clamp(1.1rem,2.1vw,2rem);font-weight:700;line-height:1.1}.case-chapter__content p{color:color-mix(in srgb, var(--text-1) 84%, transparent);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.55}.case-list{color:color-mix(in srgb, var(--text-1) 84%, transparent);gap:.48rem;margin:0;padding-left:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:grid}.case-list li{line-height:1.5}.case-list--clean{padding-left:.9rem}.case-chapter__cards,.case-chapter__split{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;margin-top:.35rem;display:grid}.case-card{border-top:1px solid color-mix(in srgb, var(--line) 84%, transparent);gap:.46rem;padding-top:.72rem;display:grid}.case-card h3{font-family:var(--font-main);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--text-1) 66%, transparent);margin:0;font-size:.82rem}.case-card p{color:color-mix(in srgb, var(--text-1) 82%, transparent);margin:0;line-height:1.5}.case-details{border-top:1px solid color-mix(in srgb, var(--line) 84%, transparent);margin-top:.3rem;padding-top:.7rem}.case-details__summary{color:color-mix(in srgb, var(--text-1) 74%, transparent);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.78rem;list-style:none}.case-details__summary::-webkit-details-marker{display:none}.case-details__body{margin-top:.78rem}.case-details pre{color:color-mix(in srgb, var(--text-1) 82%, transparent);background:color-mix(in srgb, var(--surface-0) 60%, transparent);margin:0;padding:.65rem;font-size:.74rem;line-height:1.45;overflow-x:auto}.case-cta-row{flex-wrap:wrap;gap:.6rem;display:flex}.case-nav{border-top:1px solid color-mix(in srgb, var(--line) 84%, transparent);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.9rem,2vw,1.4rem);margin-top:clamp(.8rem,2.1vw,1.5rem);padding-top:clamp(.9rem,2.2vw,1.4rem);display:grid}.case-nav-card{color:inherit;gap:.58rem;display:grid}.case-nav-card__label{color:color-mix(in srgb, var(--text-1) 60%, transparent);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.35rem;font-size:.72rem;display:inline-flex}.case-nav-card__label--next{justify-content:flex-end}.case-nav-card__body{border-top:1px solid color-mix(in srgb, var(--line) 72%, transparent);grid-template-columns:130px minmax(0,1fr);gap:.7rem;padding-top:.64rem;display:grid}.case-nav-card__thumb{aspect-ratio:16/10;filter:saturate(.9)contrast(1.02);background-position:50%;background-size:cover;width:100%}.case-nav-card__text{gap:.28rem;display:grid}.case-nav-card__eyebrow{color:color-mix(in srgb, var(--text-1) 58%, transparent);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.68rem}.case-nav-card__title{color:var(--text-1);margin:0;font-size:.95rem;font-weight:600;line-height:1.25}.case-nav-card__excerpt{color:color-mix(in srgb, var(--text-1) 78%, transparent);margin:0;font-size:.82rem;line-height:1.36}.case-nav-card:hover .case-nav-card__label,.case-nav-card:focus-visible .case-nav-card__label{color:var(--accent)}.case-nav-card:focus-visible{outline:none}@media (width<=1200px){.case-diagrams{width:100%;margin-inline:0;padding-inline:0}.case-hero-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.case-hero-facts dd{font-size:clamp(1.05rem,3vw,1.55rem)}.case-meta-grid,.case-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.case-diagrams{display:grid}.case-shell{padding-top:clamp(4.9rem,7.8vh,5.8rem)}.case-hero--feature{gap:1.05rem;min-height:auto;padding-top:clamp(1.4rem,3.6vh,2.4rem)}.case-hero__title{font-size:clamp(2.05rem,10.5vw,4.3rem)}.case-hero-facts dd{font-size:clamp(.95rem,3.8vw,1.25rem)}.case-hero-strip{grid-template-columns:1fr}.case-hero-strip__item--b{transform:none}.case-chapter,.case-chapter.is-reverse{grid-template-columns:1fr}.case-chapter.is-reverse .case-chapter__media,.case-chapter.is-reverse .case-chapter__content{order:initial}.case-chapter__cards,.case-chapter__split,.case-nav{grid-template-columns:1fr}.case-overview{grid-template-columns:1fr;gap:.8rem;min-height:auto;padding-block:0}.case-overview__spacer{display:none}.case-overview__content{max-width:100%;padding-right:0}.case-overview__headline{max-width:100%;font-size:clamp(1.4rem,7.4vw,2.8rem);line-height:.98}.case-overview__body{font-size:clamp(.82rem,3.8vw,1.02rem)}.case-challenges{min-height:auto;padding-block:0}.case-challenges__dot{display:none}.case-challenges__text{max-width:100%;font-size:clamp(.82rem,3.5vw,1rem)}.case-discovery{grid-template-columns:1fr;gap:1rem;min-height:auto}.case-discovery__copy{width:100%}.case-discovery__text{font-size:clamp(.82rem,3.6vw,1rem)}.case-discovery__media{justify-items:center}.case-discovery__image{aspect-ratio:16/11;width:min(660px,100%)}.case-design-system{grid-template-columns:1fr;gap:1rem;min-height:auto}.case-diagrams__grid{grid-template-columns:1fr}.case-diagram-board,.case-class-diagram-board{min-height:auto;padding:.9rem}.case-diagram-board__mast{display:grid}.case-diagram-board__hero{flex-direction:column}.case-diagram-arrow{width:100%;min-height:2rem}.case-diagram-arrow svg{transform:rotate(90deg)}.case-diagram-panel__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-diagram-board__lower{grid-template-columns:1fr}.case-class-diagram-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-class-relationships{grid-template-columns:1fr}.case-design-system__canvas{min-height:auto;padding:.9rem}.case-design-system__mast{display:grid}.case-design-system__flow{flex-direction:column}.case-design-system__arrow{width:100%;min-height:2rem}.case-design-system__arrow svg{transform:rotate(90deg)}.case-design-system__rules{grid-template-columns:1fr}.case-design-system__rule-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-design-system__copy{width:100%}.case-design-system__text{font-size:.96rem}.case-storefront-showcase{min-height:clamp(420px,66vh,640px)}.case-storefront-showcase__overlay{width:min(760px,100% - 1.5rem)}.case-storefront-showcase__headline{max-width:100%;font-size:clamp(1.25rem,6.2vw,2.1rem)}.case-storefront-showcase__text{max-width:100%;font-size:clamp(.8rem,3.5vw,.98rem)}}@media (width<=640px){.case-floating-bar{top:.72rem;left:.75rem;right:.75rem}.case-floating-bar__title,.case-floating-bar__close{letter-spacing:.07em;font-size:.66rem}.case-shell{padding-left:.75rem;padding-right:.75rem}.case-hero-facts{grid-template-columns:1fr;gap:.68rem}.case-hero-facts dd{font-size:clamp(.96rem,5.8vw,1.42rem)}.case-diagram-board__mast dl,.case-diagram-panel__grid,.case-class-diagram-grid,.case-design-system__mast dl,.case-design-system__rule-grid{grid-template-columns:1fr}.case-diagram-node,.case-design-card{min-height:auto;padding:.7rem}.case-class-relationship{grid-template-columns:1fr}.case-class-relationship__line{justify-self:start}.case-meta-grid{grid-template-columns:1fr}.case-meta-grid div{border-left:0;border-top:1px solid color-mix(in srgb, var(--line) 62%, transparent)}.case-meta-grid div:first-child{border-top:0}.case-stats{grid-template-columns:1fr}.case-stat{border-left:0;border-top:1px solid color-mix(in srgb, var(--line) 62%, transparent);padding-left:0;padding-right:0}.case-stat:first-child{border-top:0}.case-nav-card__body{grid-template-columns:1fr}}