.site-header{position:sticky;top:0;z-index:200;width:100%;padding:.75rem 0;background:#fafafae0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.06)}.site-header-inner{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 2rem}.site-header-name{font-size:.875rem;font-weight:600;letter-spacing:.02em;color:inherit;text-decoration:none}.site-header-name:hover{opacity:.6}.site-nav{display:flex;align-items:center;gap:2rem}.site-nav-link{font-size:.875rem;font-weight:500;letter-spacing:.04em;text-transform:lowercase;color:#525252;text-decoration:none}.site-nav-link:hover{color:#0a0a0a}.site-header-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:28px;height:28px;padding:0;border:none;background:none;cursor:pointer}.burger-bar{display:block;width:100%;height:1.5px;background:#0a0a0a;border-radius:2px;transition:transform .2s ease,opacity .2s ease}@media (max-width: 680px){.site-nav{display:none}.site-header-burger{display:flex}}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:grid;place-items:center;background:#0a0a0a8c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);cursor:pointer}.nav-panel{padding:1.75rem 2.5rem;border-radius:12px;background:#fafafa;box-shadow:0 24px 48px #0000002e;font-size:1.125rem;font-weight:500;letter-spacing:.04em;text-transform:lowercase;cursor:default}.nav-link{color:#0a0a0a;text-decoration:none}.nav-link:hover{color:#b700ff}.nav-sep{color:#a3a3a3}.work{position:relative;z-index:1;padding:6rem 1.5rem}.work-inner{max-width:1200px;margin:0 auto;padding:3.5rem 2.5rem;background:#fafafae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px}.work-intro{max-width:44rem;margin-bottom:3rem}.work-desc{margin:0;font-size:1rem;line-height:1.6;color:#525252}.case-list{columns:2;column-gap:2rem;margin:0;padding:0;list-style:none}.case-item{break-inside:avoid;margin-bottom:2.5rem}.case-link{display:block;position:relative;text-decoration:none;border-radius:8px;overflow:hidden}.case-link:focus-visible{outline:2px solid #b700ff;outline-offset:4px}.case-thumb,.case-video{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .3s ease-out}.case-placeholder{display:block;width:100%;height:100%;background:#e5e5e5}.case-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;padding:1rem 1.25rem;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 60%);opacity:0;transition:opacity .26s ease-out}.case-overlay-title{font-size:.9375rem;font-weight:600;color:#fff}.case-link:hover .case-thumb,.case-link:hover .case-video{transform:scale(1.03)}.case-link:hover .case-overlay{opacity:1}.case-meta{margin-top:1rem}.tag-row{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.tag{display:inline-block;padding:.2em .55em;border-radius:4px;background:#f0f0f0;font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#525252}.case-title{margin:0 0 .3rem;font-size:1rem;font-weight:600;color:#0a0a0a}.case-blurb{margin:0;font-size:.875rem;line-height:1.55;color:#737373}@media (max-width: 900px){.case-list{columns:1}}@media (max-width: 600px){.work{padding:4rem 1rem}.work-inner{padding:2rem 1.25rem}}.site-footer{position:relative;z-index:1;padding:2rem 0;border-top:1px solid rgba(0,0,0,.07);background:#fafafab3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.site-footer-inner{display:flex;align-items:center;gap:.75rem;max-width:1200px;margin:0 auto;padding:0 2.5rem;font-size:.8125rem;color:#737373}.site-footer-name{font-weight:600;color:#0a0a0a}.site-footer-copy{margin-right:auto}.site-footer-links{display:flex;align-items:center;gap:.5rem}.site-footer-link{color:#737373;text-decoration:none}.site-footer-link:hover{color:#b700ff}.site-footer-sep{color:#d4d4d4}@media (max-width: 600px){.site-footer-inner{padding:0 1.5rem}}.creative{position:relative;z-index:1;padding:6rem 1.5rem 8rem}.creative-inner{max-width:1200px;margin:0 auto;padding:3.5rem 2.5rem;background:#0a0a0ae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px}.creative-intro{max-width:44rem;margin-bottom:3rem}.creative-desc{margin:0;font-size:1rem;line-height:1.6;color:#737373}.creative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin:0;padding:0;list-style:none}.creative-link{display:block;text-decoration:none;border-radius:8px;overflow:hidden;aspect-ratio:1 / 1}.creative-link:focus-visible{outline:2px solid #b700ff;outline-offset:4px}.creative-thumb{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease-out}.creative-placeholder{display:block;width:100%;height:100%;background:#1e1e1e}.creative-link:hover .creative-thumb{transform:scale(1.03)}.creative-meta{margin-top:1rem}.tag-row--dark{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.5rem}.tag--dark{display:inline-block;padding:.2em .55em;border-radius:4px;background:#ffffff14;font-size:.6875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase;color:#737373}.creative-title{margin:0 0 .3rem;font-size:1rem;font-weight:600;color:#f0f0f0}.creative-blurb{margin:0;font-size:.875rem;line-height:1.55;color:#737373}@media (max-width: 900px){.creative-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.creative{padding:4rem 1rem 6rem}.creative-inner{padding:2rem 1.25rem}.creative-grid{grid-template-columns:1fr}}.creative-hero{position:relative;z-index:1;min-height:clamp(280px,40vw,520px);display:flex;flex-direction:column;padding:5rem 0 0;background:transparent}.creative-hero-content{container-type:inline-size;position:relative;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2.5rem 2rem;pointer-events:none}@media (max-width: 600px){.creative-hero{padding:4rem 0 0}.creative-hero-content{padding:0 1.5rem 2rem}}.cs-sidebar{display:none}.cs-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.6rem}.cs-sidebar a{display:flex;align-items:center;gap:.5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#c4c4c4;text-decoration:none;transition:color .2s ease;white-space:nowrap}.cs-sidebar a:before{content:"";display:block;height:1px;width:14px;background:currentColor;flex-shrink:0;transition:width .25s ease}.cs-sidebar a:hover{color:#737373}.cs-sidebar a.active{color:#039e94}.cs-sidebar a.active:before{width:22px}.cs-layout{max-width:1200px;margin:0 auto}@media (min-width: 1200px){.cs-layout{display:grid;grid-template-columns:10rem 1fr}.cs-sidebar{display:block;position:sticky;top:40vh;align-self:start;padding-left:2rem;grid-row:1 / span 20;z-index:20}.cs-main{padding:0 2rem;min-width:0}.cs-main .hero-content{max-width:none;margin:0}}.cs-main .hero-word--accent{color:#039e94}.cs-page .hero{min-height:0;padding:3rem 0 0}.cs-page .hero-content{flex:none;padding:0 2.5rem 1.5rem}.cs-page .hero-scroll-hint{position:static;margin-top:1.5rem}.cs-main .hero-title-stack{flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:.5rem}.cs-main .hero-line{font-size:clamp(12.75rem,5vw,12.5rem);padding-top:0;white-space:nowrap}.cs-section{position:relative;z-index:1;padding:2.25rem 1.5rem}.cs-section--flush{padding-top:0;padding-bottom:0}.cs-panel{background:#fafafae6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:16px}.cs-body{margin:1.25rem 0 0;font-size:1rem;line-height:1.7;color:#525252}.cs-back{display:inline-flex;align-items:center;gap:.35rem;margin-bottom:1.75rem;padding:0;border:none;background:none;font:inherit;font-size:.8125rem;font-weight:500;letter-spacing:.04em;color:#737373;cursor:pointer;text-transform:lowercase}.cs-back:hover{color:#039e94}.cs-hero-role{margin:1.25rem 0 0;font-size:.875rem;color:#737373;letter-spacing:.02em;pointer-events:auto}.cs-hero-meta{display:flex;flex-direction:column;margin:.6rem 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:#a3a3a3;pointer-events:auto}.cs-insights{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e5e5}.cs-insight{display:flex;align-items:baseline;gap:1rem}.cs-insight-num{flex-shrink:0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;color:#039e94}.cs-insight-text{font-size:.9375rem;color:#404040;line-height:1.5}.cs-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1.5rem}.cs-stat-img{display:block;width:100%;border-radius:10px;border:1px solid rgba(0,0,0,.08)}.cs-full-img{display:block;width:100%;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.cs-full-img--flush{border-radius:0;border:none}.cs-img-pending{display:flex;align-items:center;justify-content:center;width:100%;border:1px dashed #c4c4c4;border-radius:12px;background:#f5f5f5;color:#a3a3a3;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;line-height:1.5;text-align:center;padding:1rem}.cs-mt{margin-top:1.25rem}.cs-label{display:block;margin-bottom:1.25rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#737373}.cs-headline{margin:-.75rem 0 .75rem;font-size:1.5rem;font-weight:600;color:#1c1b1f;letter-spacing:-.01em}.cs-screenshot-pair{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.cs-split{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;max-width:1200px;margin:0 auto}.cs-caption{display:block;margin-top:.875rem;font-size:.8125rem;line-height:1.55;color:#737373}.cs-outcomes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}.cs-outcome{display:flex;flex-direction:column;gap:.35rem}.cs-outcome-before{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:1.5rem;font-weight:600;color:#a3a3a3;text-decoration:line-through;text-decoration-color:#d4d4d4}.cs-outcome-arrow{font-size:1.25rem;color:#d4d4d4}.cs-outcome-after{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:2rem;font-weight:600;letter-spacing:-.04em;color:#039e94}.cs-outcome-label{margin-top:.25rem;font-size:.8125rem;color:#737373;text-transform:lowercase;letter-spacing:.03em}.cs-ds-meta{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;color:#a3a3a3}.cs-ds-surface{background:#f9f9f9;border:1px solid #efefef;border-radius:10px}.cs-ds-label{display:block;margin:1.75rem 0 .75rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#a3a3a3}.cs-ds-swatch-row{display:flex;gap:.75rem}.cs-ds-swatch{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.cs-ds-swatch-block{display:block;height:3rem;border-radius:8px;border:1px solid rgba(0,0,0,.06)}.cs-ds-swatch-name{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;color:#737373;letter-spacing:.04em}.cs-ds-swatch-hex{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;color:#a3a3a3}.cs-ds-type{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem 2rem;background:#f9f9f9;border-radius:10px;border:1px solid #efefef}.cs-ds-type-display{font-family:Inter,system-ui,sans-serif;font-size:1.75rem;font-weight:600;color:#1c1b1f;line-height:1.2;margin:0}.cs-ds-type-body{font-family:Inter,system-ui,sans-serif;font-size:.9375rem;font-weight:400;color:#525252;line-height:1.6;margin:0}.cs-ds-type-label{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6875rem;font-weight:600;letter-spacing:.1em;color:#039e94;text-transform:uppercase;margin:0}.cs-ds-subnav{display:flex;align-items:center;gap:.5rem;margin:1.5rem 0 0}.cs-ds-subnav a{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#737373;text-decoration:none;cursor:pointer}.cs-ds-subnav a:hover{color:#039e94}.cs-ds-subnav span{color:#d4d4d4;font-size:.7rem}.cs-ds-tier-label{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid #e5e5e5;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:#1c1b1f}.cs-ds-swatch-row--scale{display:grid;grid-template-columns:repeat(9,1fr);gap:.4rem}.cs-ds-swatch--sm .cs-ds-swatch-block{height:2rem}.cs-ds-swatch--sm .cs-ds-swatch-name,.cs-ds-swatch--sm .cs-ds-swatch-hex{font-size:.55rem}.cs-ds-type-scale{display:flex;flex-direction:column}.cs-ds-type-row{display:flex;align-items:baseline;gap:1.25rem;padding:.7rem 0;border-bottom:1px solid #efefef}.cs-ds-type-row:last-child{border-bottom:none}.cs-ds-type-meta{flex-shrink:0;width:5.5rem;font-size:.65rem}.cs-ds-type-sample{font-family:Inter,system-ui,sans-serif;color:#1c1b1f;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cs-ds-weight-row{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.cs-ds-weight-item{flex:1 1 6rem;padding:.85rem 1rem}.cs-ds-weight-sample{font-family:Inter,system-ui,sans-serif;font-size:1.125rem;color:#1c1b1f}.cs-ds-weight-token{margin-top:.3rem}.cs-ds-spacing{display:flex;flex-direction:column;gap:.6rem}.cs-ds-spacing-row{display:flex;align-items:center;gap:1rem}.cs-ds-spacing-px{width:3rem;flex-shrink:0;text-align:right;font-size:.65rem}.cs-ds-spacing-bar{background:#039e94;height:.875rem;border-radius:3px;flex-shrink:0}.cs-ds-spacing-usage{font-size:.75rem;color:#737373}.cs-ds-radius-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cs-ds-radius-card{padding:1.25rem}.cs-ds-radius-shape{width:100%;height:3.5rem;background:#e6f7f6;border:2px solid #039E94;margin-bottom:.75rem}.cs-ds-radius-name{font-size:.8125rem;font-weight:600;color:#1c1b1f}.cs-ds-radius-token{margin-top:.2rem}.cs-ds-radius-usage{font-size:.7rem;color:#737373;margin-top:.4rem}.cs-ds-note{font-size:.8125rem;color:#737373;margin:.5rem 0 1rem}.cs-ds-shadow-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cs-ds-shadow-card{padding:1.25rem;background:#fff;border-radius:10px}.cs-ds-shadow-name{font-size:.8125rem;font-weight:600;color:#1c1b1f}.cs-ds-shadow-token{margin-top:.3rem;word-break:break-all}.cs-ds-shadow-usage{font-size:.7rem;color:#737373;margin-top:.4rem}.cs-ds-icon{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;display:inline-block}.cs-ds-icon-variants{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem}.cs-ds-icon-variant-card{padding:1.25rem}.cs-ds-icon-variant-row{display:flex;gap:.75rem;margin-bottom:.75rem;color:#039e94;font-size:28px}.cs-ds-icon-variant-name{font-size:.8125rem;font-weight:600;color:#1c1b1f}.cs-ds-icon-variant-token{margin-top:.2rem}.cs-ds-icon-sizes{display:flex;align-items:flex-end;gap:1.5rem;padding:.25rem 0 1.25rem}.cs-ds-icon-size-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:#039e94}.cs-ds-icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.5rem}.cs-ds-icon-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:.85rem .4rem;border-radius:8px;border:1px solid #efefef;background:#fafafa}.cs-ds-icon-item .cs-ds-icon{font-size:20px;color:#039e94}.cs-ds-icon-item-name{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.55rem;color:#737373;text-align:center;word-break:break-all}.cs-ds-btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1.5rem}.cs-ds-btn-row+.cs-ds-btn-row{margin-top:.75rem}.cs-ds-btn{font-family:Inter,system-ui,sans-serif;font-size:.8125rem;font-weight:500;border-radius:6px;padding:.5rem 1.1rem;border:none;display:inline-flex;align-items:center;gap:.3rem}.cs-ds-btn--primary{background:#039e94;color:#fff}.cs-ds-btn--secondary{background:transparent;color:#039e94;border:1.5px solid #039E94}.cs-ds-btn--ghost{background:#fafafa;color:#1c1b1f;border:1px solid #d9d9d9}.cs-ds-btn--danger{background:#d20f39;color:#fff}.cs-ds-btn--disabled{background:#d9d9d9;color:#9b9bb0;opacity:.6}.cs-ds-btn--icon{font-size:.75rem;padding:.4rem .85rem}.cs-ds-btn--icon .cs-ds-icon{font-size:14px}.cs-ds-chip-group{margin-bottom:1.25rem}.cs-ds-chip-group:last-child{margin-bottom:0}.cs-ds-chip-row{display:flex;flex-wrap:wrap;gap:.6rem}.cs-ds-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .6rem;border-radius:9999px;font-size:.6875rem;font-weight:500;border:1px solid;white-space:nowrap}.cs-ds-chip .cs-ds-icon{font-size:11px}.cs-ds-card-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.cs-ds-card{padding:1rem;border-radius:10px;border:1px solid #d9d9d9;background:#fafafa}.cs-ds-card-label{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.6rem;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:.5rem}.cs-ds-card-body{font-size:.8125rem;color:#525252;line-height:1.5}.cs-ds-statgroup-label{font-size:.8125rem;font-weight:700;color:#1c1b1f;margin:1.25rem 0 .75rem}.cs-ds-metrics-row{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.cs-ds-flags-row{display:grid;grid-template-columns:.8fr 1fr 1fr;gap:.75rem;margin-top:.75rem}.cs-ds-flags-stack{display:flex;flex-direction:column;gap:.75rem}.cs-ds-statcard{display:flex;flex-direction:column;background:#fafafa;border:1px solid #d9d9d9;border-radius:10px;padding:1rem}.cs-ds-statcard-label{font-size:.65rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#4c4f69}.cs-ds-statcard-value{margin-top:.4rem;font-size:1.5rem;font-weight:700;color:#1c1b1f;font-variant-numeric:tabular-nums;line-height:1}.cs-ds-statcard-row-lines{margin-top:.6rem;display:flex;flex-direction:column;gap:.4rem}.cs-ds-statcard-row-line{display:flex;justify-content:space-between;font-size:.7rem;color:#4c4f69}.cs-ds-statcard-row-line span:last-child{font-weight:500;color:#1c1b1f}.cs-ds-statcard-divider{margin-top:.6rem;padding-top:.6rem;border-top:1px solid #d9d9d9}.cs-ds-statcard-sub-label{font-size:.625rem;text-transform:uppercase;letter-spacing:.03em;color:#4c4f69}.cs-ds-statcard-status{display:flex;align-items:center;gap:.4rem;margin-top:auto;padding-top:.75rem;font-size:.75rem}.cs-ds-statcard-status-dot{width:.4rem;height:.4rem;border-radius:50%;background:currentColor;flex-shrink:0}.cs-ds-flag-card-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.cs-ds-flag-card-title{font-size:.8125rem;font-weight:600;color:#1c1b1f}.cs-ds-flag-card-text{margin-top:.5rem;font-size:.75rem;color:#4c4f69}.cs-ds-case-list{margin-top:.6rem;display:flex;flex-direction:column;gap:.5rem}.cs-ds-case-name{font-size:.6875rem;font-weight:600;color:#1c1b1f;line-height:1.3}.cs-ds-case-court,.cs-ds-case-more{font-size:.625rem;color:#4c4f69}.cs-ds-stepper{display:flex;align-items:center;padding:1.5rem}.cs-ds-step{display:flex;flex-direction:column;align-items:center;gap:.35rem}.cs-ds-step-dot{display:block;width:.9rem;height:.9rem;border-radius:50%;border:2px solid;box-sizing:border-box}.cs-ds-step-label{font-size:.6rem;font-weight:500;white-space:nowrap}.cs-ds-step-line{height:1px;flex:1;margin:0 .25rem}.cs-ds-jump{font-size:.75rem;color:#737373;margin-top:.6rem}.cs-ds-jump a{color:#039e94;text-decoration:none;font-weight:500;cursor:pointer}.cs-ds-jump a:hover{text-decoration:underline}.cs-calc{display:flex;flex-direction:column;gap:1.25rem;padding:1.75rem;background:#fafafae6;border:1px solid rgba(0,0,0,.08);border-radius:16px}.cs-calc-eyebrow{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#737373}.cs-calc-result{padding:1.25rem;background:#f9f9f9;border:1px solid #efefef;border-radius:10px}.cs-calc-result-label{display:block;font-size:.7rem;font-weight:500;color:#737373}.cs-calc-result-value{display:block;margin-top:.4rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:2rem;font-weight:600;letter-spacing:-.02em;color:#039e94}.cs-calc-result-row{display:flex;justify-content:space-between;gap:1rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #efefef;font-size:.8125rem;color:#737373}.cs-calc-result-row strong{color:#1c1b1f;font-weight:600}.cs-calc-field{display:flex;flex-direction:column;gap:.4rem}.cs-calc-field-label{font-size:.75rem;font-weight:500;color:#525252}.cs-calc-field input[type=number]{width:100%;border-radius:6px;border:1px solid #d9d9d9;background:#fafafa;color:#1c1b1f;padding:.55rem .75rem;font-size:.9375rem;font-family:inherit;box-sizing:border-box}.cs-calc-field input[type=number]:focus{outline:none;border-color:#039e94}.cs-calc-input-prefix{position:relative;display:flex;align-items:center}.cs-calc-input-prefix span{position:absolute;left:.85rem;font-size:.875rem;color:#9b9bb0;pointer-events:none}.cs-calc-input-prefix input[type=number]{padding-left:2rem}.cs-calc-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.cs-calc-unit-row{display:flex;gap:.5rem}.cs-calc-unit-btn{flex:1;padding:.5rem .75rem;border-radius:6px;border:1px solid #d9d9d9;background:#fafafa;color:#525252;font-size:.8125rem;font-weight:500;font-family:inherit;cursor:pointer}.cs-calc-unit-btn.active{border-color:#039e94;background:#e6f7f6;color:#039e94}@media (max-width: 900px){.cs-split{grid-template-columns:1fr;gap:2rem}.cs-screenshot-pair{grid-template-columns:1fr}.cs-outcomes{grid-template-columns:1fr;gap:1.5rem}.cs-ds-radius-row,.cs-ds-shadow-row,.cs-ds-card-row,.cs-ds-metrics-row,.cs-ds-flags-row{grid-template-columns:1fr}}@media (max-width: 600px){.cs-section{padding:1.75rem 1rem}.cs-panel{padding:1.5rem 1.25rem}.cs-stat-row{grid-template-columns:1fr}.cs-outcome-after{font-size:1.5rem}.cs-ds-swatch-row{flex-wrap:wrap}.cs-ds-swatch{flex:1 1 calc(33% - .5rem)}.cs-ds-type-display{font-size:1.25rem}.cs-ds-swatch-row--scale{grid-template-columns:repeat(5,1fr)}.cs-ds-icon-grid{grid-template-columns:repeat(4,1fr)}.cs-ds-type-row{flex-wrap:wrap;gap:.3rem}.cs-ds-type-meta{width:auto}.cs-ds-stepper{overflow-x:auto}}*,*:before,*:after{box-sizing:border-box}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#fafafa;opacity:0;pointer-events:none}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:Helvetica,Arial,sans-serif;font-size:1rem;line-height:1.55;color:#0a0a0a;background:#fafafa}#root{min-height:100vh}.cube-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.cube-bg-canvas{display:block!important;width:100%!important;height:100%!important}.eyebrow{margin:0 0 .5rem;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:.75rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#737373}.eyebrow--light{color:#525252}.anim-fade-up{will-change:transform,opacity}@media (prefers-reduced-motion: reduce){.cube-bg{opacity:.25}}.hero{position:relative;z-index:1;min-height:clamp(400px,70vw,calc(100svh - 3.25rem));display:flex;flex-direction:column;padding:5rem 0 0;background:transparent}.hero-content{container-type:inline-size;position:relative;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:0 2.5rem 2rem;pointer-events:none}.hero-text{pointer-events:auto}.hero-tagline{margin:0 0 .5rem;font-size:clamp(.8125rem,.4rem + 1.6vw,.9375rem);font-weight:400;letter-spacing:.01em;color:#525252}.hero-tagline-name{color:#b700ff;font-weight:600}.hero-title{margin:0}.hero-title-stack{display:flex;flex-direction:column;align-items:flex-start;line-height:.87}.hero-line{display:block;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;font-size:clamp(1.5rem,22cqi,32rem);letter-spacing:-.08em;font-style:italic;padding-top:1.5rem}.hero-word{color:#0a0a0a}.hero-word--accent{color:#b700ff}.hero-scroll-hint{position:absolute;bottom:1.5rem;right:2.5rem;display:flex;align-items:center;gap:.4rem;margin:0;font-size:clamp(.8125rem,.4rem + 1.6vw,.9375rem);color:#737373;pointer-events:auto}@media (max-width: 600px){.hero{padding:4rem 0 0}.hero-content{padding:0 1.5rem 2rem}.hero-scroll-hint{right:1.5rem}}