:root{--mono:'Roboto Mono',monospace;--page-top:var(--rail-top)}@media (max-width:768px){:root{--page-top:64px}}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}.case-header,.page h2{scroll-margin-top:var(--rail-top)}a:focus-visible{outline:2px solid var(--primary);outline-offset:3px;border-radius:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important;scroll-behavior:auto!important}}body{font-family:'Suisse Intl',-apple-system,sans-serif;font-size:var(--text-base);background:#fff;min-height:100vh;color:#000;-webkit-font-smoothing:antialiased;line-height:1.6}body::before{content:"";position:fixed;top:0;left:0;right:0;height:75px;background:#fff;mask-image:linear-gradient(to bottom,black 0%,black 15%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 15%,transparent 100%);z-index:100;pointer-events:none}.page{width:100%;max-width:calc(var(--wide) + 48px);margin:0 auto;padding:var(--page-top) 24px 160px}.page>*{max-width:var(--column)}.page>.cs-image,.page>.cs-image-row,.page>.cs-table,.page>.gallery,.page>.permissions-matrix,.page>.stats-row{max-width:none}.case-header{margin-bottom:24px}.case-header .subtitle{font-size:var(--text-md);color:var(--secondary);line-height:1.4;letter-spacing:-.02em}.case-header .tools-group{display:flex;align-items:center;gap:12px;margin-top:20px}.tool-link{display:inline-flex;transition:transform .25s cubic-bezier(.34, 1.56, .64, 1)}.tool-link:hover{transform:scale(1.15) rotate(-4deg)}.tool-icon{width:36px;height:36px;border-radius:999px;border:1.5px solid #00000012;object-fit:contain}.banner{background:rgba(0,0,0,.04);overflow:hidden;margin-bottom:48px;padding:48px}.banner img{width:100%;display:block}h2{font-family:'Suisse Intl',sans-serif;font-size:var(--text-lg);font-weight:500;line-height:1.3;letter-spacing:-.02em;margin-top:56px;margin-bottom:8px}h3{font-size:var(--text-md);font-weight:500;line-height:1.4;letter-spacing:-.02em;margin-top:32px;margin-bottom:12px}p{font-size:var(--text-base);color:var(--secondary);margin-bottom:16px}.numbered-item{margin-top:16px;margin-bottom:16px}.numbered-item strong{font-weight:500;color:var(--primary)}.indent{padding-left:24px;border-left:2px solid rgba(0,0,0,.06);margin-bottom:16px;color:var(--tertiary)}.overview-block-label{font-family:var(--mono);font-size:var(--text-caption);color:var(--tertiary);text-transform:uppercase;letter-spacing:.06em;font-weight:400}.overview{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:56px;padding:32px 0}.overview h2,.overview h3{margin-top:0}.overview-left p{margin-bottom:0}.overview-right{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.product-logo{width:64px;height:64px;object-fit:contain}.gallery{width:100%;margin:56px 0;display:flex;flex-direction:column;gap:32px}.gallery-row{display:grid;width:100%}.gallery-row--one{grid-template-columns:1fr}.gallery-row--modal-mobile{grid-template-columns:2.85fr 1fr;column-gap:32px;align-items:start}.gallery-row--mobile-modal{grid-template-columns:1fr 2.97fr;column-gap:32px;align-items:start}.gallery-item img{width:100%;height:auto;display:block;filter:drop-shadow(0 2px 8px rgba(0, 0, 0, .04)) drop-shadow(0 12px 40px rgba(0, 0, 0, .06)) drop-shadow(0 32px 80px rgba(0, 0, 0, .03))}@media (max-width:768px){.gallery{gap:16px}.gallery-row--mobile-modal,.gallery-row--modal-mobile{grid-template-columns:1fr;column-gap:0;row-gap:16px}.gallery-item--phone img{max-width:220px;margin-inline:auto}}.stats-row{display:flex;justify-content:center;gap:24px;margin:56px 0}.stat-item{flex:1;max-width:200px;aspect-ratio:1;border-radius:32%;background:#f4f4f4;border:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:24px;opacity:0;transform:translateY(42px) scale(.4)}.stat-number{font-size:28px;font-weight:400;color:#000;line-height:1;letter-spacing:-.8px}.stat-label{font-size:var(--text-caption);font-weight:400;color:var(--tertiary);line-height:1.3;max-width:150px}.cs-image{margin:40px 0;border-radius:16px;overflow:hidden;background:rgba(0,0,0,.04)}.cs-image--no-radius{border-radius:0}.cs-image--elevated{background:0 0;box-shadow:0 2px 8px rgba(0,0,0,.04),0 12px 40px rgba(0,0,0,.06),0 32px 80px rgba(0,0,0,.03)}.cs-image--fade{position:relative;background:0 0}.cs-image--fade img{mask-image:linear-gradient(to bottom,black 50%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,black 50%,transparent 100%)}.cs-image img{width:100%;display:block}.cs-image-row{display:flex;gap:12px;margin:40px 0}.cs-image-row .cs-image{margin:0;flex:1}.cs-image-row .cs-image--narrow{flex:0 0 280px}.cs-image-caption{font-family:var(--mono);font-size:11px;color:var(--tertiary);text-align:center;letter-spacing:.02em;padding:12px 16px}.cs-table{width:100%;background:#ffffff90;border-collapse:collapse;font-size:var(--text-small);margin:24px 0;border:1px solid rgba(0,0,0,.08);border-radius:10px;overflow:hidden}.cs-table th{font-size:var(--text-caption);font-weight:400;color:var(--tertiary);padding:10px 12px;text-align:left;border-bottom:1px solid rgba(0,0,0,.06);border-left:1px solid rgba(0,0,0,.06)}.cs-table th:first-child{border-left:none}.cs-table td{padding:10px 12px;color:var(--secondary);border-bottom:1px solid rgba(0,0,0,.04);border-left:1px solid rgba(0,0,0,.06)}.cs-table td:first-child{color:var(--primary);font-weight:500;border-left:none}.cs-table td:last-child{font-weight:500;color:var(--primary)}.cs-table tbody tr:last-child td{border-bottom:none}.permissions-matrix td:not(:first-child),.permissions-matrix th:not(:first-child){text-align:center}.pm-icon{width:14px;height:14px;vertical-align:-2px;margin-right:2px}.pm-edit{color:var(--primary)}.pm-view{color:var(--tertiary)}.pm-view .pm-icon{opacity:.4}.shipped-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.shipped-list li{font-size:var(--text-base);color:var(--secondary);letter-spacing:-.2px;padding-left:20px;position:relative}.shipped-list li::before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:rgba(0,0,0,.15)}.shipped-list li strong{font-weight:500;color:var(--primary)}@media (max-width:768px){.page{padding:var(--page-top) 16px 72px}.back-link{margin-bottom:24px}.case-header{margin-bottom:16px}.case-header .tools-group{gap:8px;margin-top:16px}.tool-icon{width:28px;height:28px}h2{margin-top:40px}h3{margin-top:24px}.cs-image{margin:24px 0}.gallery{margin:32px 0;gap:16px}.gallery-row--mobile-modal,.gallery-row--modal-mobile{grid-template-columns:1fr;column-gap:0;row-gap:16px}.stats-row{flex-wrap:wrap;gap:12px;margin:32px 0}.stat-item{width:calc(50% - 8px);max-width:none;flex:none}.stat-number{font-size:var(--text-lg)}.overview{grid-template-columns:1fr;gap:24px;margin-bottom:32px;padding:16px 0}.cs-table,.permissions-matrix{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.cs-table td,.cs-table th{font-size:var(--text-caption);padding:8px 10px}.permissions-matrix td,.permissions-matrix th{white-space:nowrap}.cs-image-row{flex-direction:column}.cs-image-row .cs-image--narrow{flex:1;max-width:280px;margin:0 auto}.indent{padding-left:16px}}