@media (width<=768px){html,body{overflow-x:clip}.catalog-support-bar{padding-bottom:max(12px, env(safe-area-inset-bottom))}.brand-breadcrumb-item a{white-space:normal}}@media (width<=480px){.md-actions{justify-content:stretch;width:100%}.md-actions-btn{text-align:center;flex:1;min-width:0}}.md-actions-btn-label--short{display:none}@media (width<=480px){.md-actions-btn{padding:7px 10px;font-size:11px}.md-actions-btn-label--full{display:none}.md-actions-btn-label--short{display:inline}}@media (width<=768px){.welcome-modal-backdrop{padding:12px;padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:flex-start}.welcome-modal{max-height:min(92vh,100%)}.welcome-modal-frame{border-width:6px;box-shadow:3px 3px #000,6px 6px #00000059}.welcome-modal-inner{border-width:3px}.welcome-modal-top{flex-wrap:wrap;gap:10px;padding:14px 16px}.welcome-modal-tagline{font-size:12px}.welcome-modal-sticker,.welcome-modal-close{padding:6px 10px;font-size:13px}.welcome-modal-eyebrow{padding:20px 16px}.welcome-modal-eyebrow h2{white-space:normal;font-size:clamp(22px,7vw,32px)}.welcome-modal-body{padding:20px 16px}.welcome-modal-lead{margin-bottom:16px;font-size:17px}.welcome-step{padding:14px 16px;font-size:16px}.welcome-modal-footer{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.welcome-modal-timer{text-align:center;min-width:0}.welcome-modal-cta{width:100%;padding:12px 20px;font-size:14px}}@media (width<=900px){.landing-root [class*=-nav-links]{display:none!important}}@media (width<=768px){.landing-root{--space-section:clamp(16px, 4vw, 24px);--space-xl:20px;--space-lg:16px;overflow-x:clip}.landing-root [class*=-nav]:not([class*=-nav-links]):not([class*=-navbar]){flex-wrap:wrap;row-gap:8px;min-height:0;padding-left:max(16px, env(safe-area-inset-left))!important;padding-right:max(16px, env(safe-area-inset-right))!important}.landing-root [class*=-hero-content],.landing-root [class*=-hero-inner],.landing-root [class*=-hero-copy],.landing-root [class*=-footer-inner],.landing-root [class*=-footer-grid]{padding-left:max(16px, env(safe-area-inset-left))!important;padding-right:max(16px, env(safe-area-inset-right))!important}.landing-root .brand-site [class$=-site__components]{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.landing-root .mockup-stat-row{grid-template-columns:repeat(2,1fr)}.landing-root .mockup-sidebar{width:88px;padding:12px 8px}.landing-root .mockup-pricing-card.featured{transform:none}}@media (width<=480px){.landing-root .mockup-stat-row{grid-template-columns:1fr}.landing-root .mockup-component-cell.wide{grid-column:span 1}.landing-root .mockup-laptop-grid{grid-template-columns:1fr}}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#1d1d1f;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--motion-ease-out:cubic-bezier(.22, 1, .36, 1);--motion-ease-in-out:cubic-bezier(.65, 0, .35, 1);--motion-duration-fast:.22s;--motion-duration-medium:.32s;--motion-duration-slow:.42s}.welcome-modal-backdrop{z-index:1000;isolation:isolate;background:#0c0c1261;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.welcome-modal{width:min(100%,920px);max-height:min(94vh,960px);overflow:auto}.welcome-modal-frame{background:#000;border:10px solid #000;box-shadow:5px 5px #000,10px 10px #00000059}.welcome-modal-inner{background:#fff;border:5px solid #000}.welcome-modal-top{color:#fff;background:#000;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px;display:flex}.welcome-modal-top-lead{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.welcome-modal-tagline{letter-spacing:.04em;text-transform:uppercase;margin:0;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:700}.welcome-modal-sticker{color:#000;background:#fcc20f;border:2px solid #000;flex-shrink:0;padding:8px 14px;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:700;transform:rotate(-8deg);box-shadow:2px 2px #000}.welcome-modal-close{color:#fff;cursor:pointer;background:0 0;border:2px solid #fff;flex-shrink:0;padding:8px 14px;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:700}.welcome-modal-close:hover{color:#000;background:#fff}.welcome-modal-eyebrow{background:#d77a7a;border-bottom:4px solid #000;padding:32px 36px}.welcome-modal-eyebrow h2{color:#000;white-space:nowrap;margin:0;font-family:Arial Black,Arial,sans-serif;font-size:clamp(32px,6vw,48px);font-weight:900;line-height:1.05}.welcome-modal-body{padding:32px 36px}.welcome-modal-lead{color:#000;margin:0 0 24px;font-family:Times New Roman,Times,serif;font-size:22px;line-height:1.5}.welcome-modal-steps{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.welcome-step{border:3px solid #000;padding:18px 24px;font-family:Times New Roman,Times,serif;font-size:21px;line-height:1.45}.welcome-step--sage{background:#b3bd95}.welcome-step--sky{background:#9ab6c8}.welcome-step--peach{background:#e6915d}.welcome-modal-footer{background:#fff;border-top:4px solid #000;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:24px 36px;display:flex}.welcome-modal-timer{color:#666;flex:1;min-width:180px;font-family:Helvetica,Arial,sans-serif;font-size:15px;font-weight:700}.welcome-modal-cta{color:#fff;text-transform:uppercase;cursor:pointer;background:#e91d2a;border:3px solid #000;padding:14px 36px;font-family:Helvetica,Arial,sans-serif;font-size:16px;font-weight:700;box-shadow:3px 3px #000}.welcome-modal-cta:hover{background:#b01e0a}@media (width<=480px){.welcome-modal-top-lead{flex-wrap:wrap}}.brand-logo{height:var(--brand-logo-height,28px);object-fit:contain;flex-shrink:0;width:auto;max-width:min(160px,40vw);display:block}.brand-logo--on-dark{filter:brightness(0)invert()}.catalog-sidebar{overscroll-behavior:contain;width:300px;height:100dvh;transition:transform var(--motion-duration-medium) var(--motion-ease-out), opacity var(--motion-duration-fast) ease, visibility var(--motion-duration-medium);background:#fafafa;border-right:1px solid #e5e5e5;flex-shrink:0;padding:20px 16px;overflow-y:auto}.catalog-layout:not(.catalog-layout--full) .catalog-sidebar{height:100%;max-height:100dvh}.catalog-sidebar-header{justify-content:space-between;align-items:baseline;margin-bottom:16px;display:flex}.catalog-sidebar-header h2,.catalog-sidebar-home{color:inherit;margin:0;font-size:18px;font-weight:700;text-decoration:none}.catalog-sidebar-home:hover{color:#533afd}.catalog-count{color:#888;font-size:12px}.catalog-search{box-sizing:border-box;border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:20px;padding:10px 14px;font-size:14px}.catalog-group h3{text-transform:uppercase;letter-spacing:.5px;color:#888;margin:0 0 8px;font-size:11px}.catalog-group ul{margin:0 0 20px;padding:0;list-style:none}.catalog-group li a{color:#333;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:14px;text-decoration:none;transition:background .15s;display:flex}.catalog-group li a:hover{background:#eee}.catalog-group li a.active{color:#533afd;background:#e8e8ff}.swatch{border:1px solid #0000001a;border-radius:50%;flex-shrink:0;width:12px;height:12px}.catalog-brand-logo{--brand-logo-height:20px;flex-shrink:0;max-width:72px}.brand-info{flex-direction:column;min-width:0;display:flex}.brand-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.brand-archetype{color:#999;font-size:11px}.catalog-layout--full .catalog-main{width:100%}.catalog-sidebar--stored{z-index:40;opacity:0;visibility:hidden;pointer-events:none;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}@media (prefers-reduced-motion:reduce){.catalog-sidebar{transition:none}}@media (width<=768px){.catalog-sidebar{display:none!important}}.catalog-support-bar{z-index:30;background:#fafafa;border-top:1px solid #e8e8e8;flex-shrink:0;padding:12px clamp(20px,5vw,48px)}.catalog-support-bar-inner{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 12px;max-width:900px;margin:0 auto;display:flex}.catalog-support-bar-text{color:#555;margin:0;font-size:13px;font-weight:500;line-height:1.55}.catalog-support-bar-social{flex-shrink:0;align-items:center;gap:8px;display:inline-flex}.catalog-support-bar-link{color:#666;transition:color var(--motion-duration-fast) ease, opacity var(--motion-duration-fast) ease;justify-content:center;align-items:center;padding:2px;text-decoration:none;display:inline-flex}.catalog-support-bar-link:hover{color:#111;opacity:.85}.catalog-support-bar-icon{width:15px;height:15px}@media (width<=768px){.catalog-support-bar{padding-left:16px;padding-right:16px}}.catalog-mobile-search{display:none}@media (width<=768px){.catalog-mobile-search{flex:4;width:80%;min-width:0;display:block;position:relative}.catalog-mobile-search-field{width:100%;position:relative}.catalog-mobile-search-icon{color:#888;pointer-events:none;width:17px;height:17px;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.catalog-mobile-search-input{box-sizing:border-box;color:#141414;width:100%;transition:border-color var(--motion-duration-fast) ease, box-shadow var(--motion-duration-fast) ease;background:#fff;border:1px solid #ddd;border-radius:10px;padding:10px 12px 10px 36px;font-size:15px;line-height:1.2;box-shadow:0 2px 8px #0000000a}.catalog-mobile-search-input::placeholder{color:#999}.catalog-mobile-search-input:focus{border-color:#999;outline:none;box-shadow:0 0 0 3px #0000001a,0 2px 8px #0000000a}.catalog-mobile-search-dropdown{z-index:120;overscroll-behavior:contain;background:#fff;border:1px solid #e8e8e8;border-radius:14px;width:100%;max-height:min(52vh,360px);margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 40px #0000001f,0 2px 8px #0000000f}.catalog-mobile-search--open .catalog-mobile-search-input{border-bottom-right-radius:10px;border-bottom-left-radius:10px}.catalog-mobile-search-option{color:inherit;transition:background var(--motion-duration-fast) ease;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:flex}.catalog-mobile-search-option:hover,.catalog-mobile-search-option:focus-visible{background:#f3f3f3;outline:none}.catalog-mobile-search-logo{--brand-logo-height:22px;flex-shrink:0;max-width:72px}.catalog-mobile-search-swatch{border:1px solid #00000014;border-radius:50%;flex-shrink:0;width:22px;height:22px}.catalog-mobile-search-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.catalog-mobile-search-name{letter-spacing:-.02em;color:#141414;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:600;overflow:hidden}.catalog-mobile-search-sub{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.catalog-mobile-search-empty{color:#888;text-align:center;padding:14px 12px;font-size:14px}}.catalog-page{box-sizing:border-box;width:100%;max-width:none;padding:clamp(24px,4vw,48px) clamp(20px,5vw,48px) clamp(32px,5vw,56px)}.catalog-hero{border-bottom:1px solid #ececec;justify-content:space-between;align-items:flex-end;gap:clamp(24px,4vw,48px);margin-bottom:clamp(28px,4vw,40px);padding-bottom:clamp(28px,4vw,40px);display:flex}.catalog-hero-copy{flex:1;min-width:0}.catalog-hero-eyebrow{letter-spacing:-.01em;color:#737373;margin:0 0 18px;font-size:14px;line-height:1.4}.catalog-hero-eyebrow-em{color:#171717;font-weight:600}.catalog-hero-eyebrow-sep{color:#d4d4d4;margin:0 .5em;font-weight:400}.catalog-hero-eyebrow-rest{color:#737373;font-weight:400}.catalog-hero h1{letter-spacing:-.035em;color:#141414;margin:0 0 14px;font-size:clamp(1.75rem,3.2vw,2.35rem);font-weight:600;line-height:1.12}.catalog-hero-accent{color:#6b6b6b;font-weight:500}.catalog-hero-lead{color:#666;white-space:nowrap;margin:0;font-size:15px;line-height:1.65}.catalog-hero-stat-area{text-align:right;border-left:1px solid #ececec;flex-shrink:0;padding-bottom:4px;padding-left:24px}.catalog-hero-stat{flex-shrink:0}.catalog-hero-stat-val{letter-spacing:-.04em;color:#141414;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,5vw,3.25rem);font-weight:600;line-height:1;display:block}.catalog-hero-stat-lbl{letter-spacing:.12em;text-transform:uppercase;color:#999;margin-top:6px;font-size:11px;font-weight:600;display:block}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px;display:grid}.catalog-card{color:inherit;transition:border-color .2s ease, box-shadow .2s ease, transform .2s var(--motion-ease-out,ease);background:#fff;border:1px solid #ebebeb;border-radius:10px;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.catalog-card:hover{border-color:#d8d8d8;transform:translateY(-1px);box-shadow:0 8px 28px #0000000f}.catalog-card-swatch{height:4px}.catalog-card-body{padding:18px 18px 20px}.catalog-card-header{align-items:center;gap:12px;margin-bottom:10px;display:flex}.catalog-card-logo{--brand-logo-height:26px;max-width:68px}.catalog-card-header h2{letter-spacing:-.02em;min-width:0;margin:0;font-size:16px;font-weight:600;line-height:1.25}.catalog-card-tag{letter-spacing:.06em;text-transform:uppercase;color:#777;background:#f5f5f5;border-radius:999px;margin-bottom:10px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-block}.catalog-card-body p{color:#6f6f6f;margin:0;font-size:13px;line-height:1.55}.catalog-empty{text-align:center;color:#888;padding:48px;font-size:15px}@media (width<=768px){.catalog-page{padding:20px 16px 32px}.catalog-hero{flex-direction:column;align-items:flex-start}.catalog-hero-stat-area{text-align:left;border-left:none;flex-direction:row;align-items:center;gap:12px;width:100%;padding-bottom:0;padding-left:0;display:flex}.catalog-hero-stat{flex:1;min-width:0}.catalog-hero-stat-val{font-size:clamp(1.65rem,7vw,2.25rem)}.catalog-hero-stat-lbl{margin-top:4px;font-size:10px}.catalog-hero-lead{white-space:normal}}.catalog-layout{min-height:100vh;display:flex}.catalog-layout:not(.catalog-layout--full){height:100dvh;overflow:hidden}.catalog-main{min-width:0;transition:margin-left var(--motion-duration-medium) var(--motion-ease-out);flex:1}.catalog-layout:not(.catalog-layout--full) .catalog-sidebar:not(.catalog-sidebar--stored){z-index:40;position:fixed;top:0;bottom:0;left:0}.catalog-layout:not(.catalog-layout--full) .catalog-main{min-height:0;margin-left:300px;overflow-y:auto}.catalog-main--with-support{flex-direction:column;display:flex;overflow:hidden}.catalog-main-scroll{flex:1;min-height:0;overflow-y:auto}.catalog-main-scroll--stored{z-index:0;visibility:hidden;pointer-events:none;position:fixed;inset:0 0 0 300px;overflow-y:auto}.catalog-brand-view{flex:1;width:100%;min-width:0}.catalog-layout--full{height:auto;overflow:visible}.catalog-layout--full .catalog-main{margin-left:0;overflow-y:visible}.catalog-route{will-change:opacity, transform}.catalog-route--catalog{animation:catalog-route-catalog var(--motion-duration-medium) var(--motion-ease-out) both}.catalog-route--brand{animation:catalog-route-brand var(--motion-duration-slow) var(--motion-ease-out) both}@keyframes catalog-route-catalog{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes catalog-route-brand{0%{opacity:0;transform:translateY(10px)scale(.996)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.catalog-main{transition:none}.catalog-route{will-change:auto;animation:none}}.catalog-menu-btn,.catalog-sidebar-backdrop{display:none}@media (width<=768px){.catalog-sidebar{display:none!important}.catalog-layout:not(.catalog-layout--full) .catalog-main{margin-left:0}.catalog-main-scroll--stored{left:0}.catalog-route--brand{will-change:auto;animation:none;transform:none}.mobile-nav-back-slot{display:contents}.mobile-nav-back{color:#141418e0;white-space:nowrap;transition:background var(--motion-duration-fast) ease, border-color var(--motion-duration-fast) ease, color var(--motion-duration-fast) ease;background:#ffffff61;border:1px solid #ffffff8c;border-radius:999px;flex-shrink:0;align-items:center;margin-right:4px;padding:6px 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #00000014,inset 0 1px #ffffffb8}.mobile-nav-back:hover{color:#0a0a0cf2;background:#ffffff85;border-color:#ffffffb8}:is(.landing-root [class$=-nav]:has(.mobile-nav-back),.landing-root [class$=-navbar]:has(.mobile-nav-back)){padding-top:max(8px, env(safe-area-inset-top))!important}}.md-actions{flex-shrink:0;gap:8px;display:flex}.md-actions-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,border-color .15s}.md-actions-btn:hover{background:#f3f3f3;border-color:#ccc}.brand-breadcrumb{flex:1;min-width:0}.brand-breadcrumb-list{flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:0;font-size:13px;line-height:1.4;list-style:none;display:flex}.brand-breadcrumb-item{color:#888;align-items:center;min-width:0;display:inline-flex}.brand-breadcrumb-item:not(:last-child):after{content:"›";color:#ccc;margin-left:6px;font-size:14px;line-height:1}.brand-breadcrumb-item a{color:#555;white-space:nowrap;transition:color var(--motion-duration-fast) ease;font-weight:500;text-decoration:none}.brand-breadcrumb-item a:hover{color:#533afd}.brand-breadcrumb-item--current{color:#141414;white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}@media (width<=480px){.brand-breadcrumb-list{font-size:12px}}.landing-root{background:var(--color-canvas,#fff);min-height:100vh;color:var(--color-ink,var(--color-body,#1d1d1f));font-family:var(--font-body,system-ui, -apple-system, sans-serif);font-size:var(--font-body-size,17px);font-weight:var(--font-body-weight,400);line-height:var(--font-body-line-height,1.47);letter-spacing:var(--font-body-letter-spacing,0)}.landing-root *{box-sizing:border-box}.brand-landing-wrapper{flex-direction:column;min-height:100vh;display:flex}.brand-chrome-bar{z-index:50;animation:brand-chrome-in var(--motion-duration-medium) var(--motion-ease-out) both;background:#fafafa;border-bottom:1px solid #e8e8e8;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex;position:sticky;top:0}.brand-chrome-back{color:#555;white-space:nowrap;transition:color var(--motion-duration-fast) ease;font-size:13px;font-weight:500;text-decoration:none}.brand-chrome-back:hover{color:#111}.brand-landing-wrapper .landing-root{flex:1;min-height:0}.brand-landing-enter--ready .landing-root{animation:brand-content-in var(--motion-duration-slow) var(--motion-ease-out) 50ms both}.brand-not-found{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;display:flex}.brand-not-found a{color:#533afd}.brand-loading{color:#888;min-height:60vh;animation:brand-loading-in var(--motion-duration-medium) var(--motion-ease-out) both;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex}.brand-loading:after{content:"";border:2px solid #e8e8e8;border-top-color:#888;border-radius:50%;width:28px;height:28px;animation:.75s linear infinite brand-loading-spin}@keyframes brand-chrome-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-content-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-loading-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.brand-chrome-bar,.brand-landing-enter--ready .landing-root,.brand-loading{animation:none}.brand-loading:after{border-top-color:#ccc;animation:none}}@media (width<=768px){.brand-landing-wrapper{padding-bottom:calc(56px + env(safe-area-inset-bottom,0px))}.brand-chrome-bar--viewport-dock{z-index:200;width:100%;padding:8px 12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(8px, env(safe-area-inset-bottom));border-top:1px solid #e8e8e8;border-bottom:none;flex-wrap:wrap;gap:8px;position:fixed;inset:auto 0 0;box-shadow:0 -4px 16px #0000000f}}@media (width<=480px){.brand-landing-wrapper{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.brand-chrome-bar--viewport-dock{flex-direction:column;align-items:stretch}}