body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.global-nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:1000}.nav-content{gap:var(--space-16);height:64px;justify-content:space-between}.nav-brand,.nav-content{align-items:center;display:flex}.nav-brand{flex-shrink:0}.brand-link{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-8);text-decoration:none}.brand-link,.brand-logo{align-items:center;display:flex}.brand-logo{justify-content:center}.brand-text{color:var(--color-text);font-weight:var(--font-weight-bold)}.nav-items{align-items:center;display:flex;flex:1 1;gap:var(--space-32);margin-left:var(--space-32)}.nav-item{border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-8) var(--space-4);position:relative;text-decoration:none}.nav-item.active,.nav-item:hover{background-color:var(--color-secondary);color:var(--color-primary)}.nav-item.active:after{background-color:var(--color-primary);border-radius:1px;bottom:-17px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:24px}.nav-search{margin-right:var(--space-16)}.nav-search,.search-wrapper{align-items:center;display:flex}.search-wrapper{position:relative}.search-input{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-sm);padding:var(--space-6) var(--space-12);padding-right:var(--space-32);transition:all var(--duration-fast) var(--ease-standard);width:200px}.search-input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.search-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-4);position:absolute;right:var(--space-8);transition:color var(--duration-fast) var(--ease-standard)}.search-btn:hover{color:var(--color-primary)}.nav-cta{align-items:center;display:flex;flex-shrink:0;gap:var(--space-8)}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-base);cursor:pointer;display:none;flex-direction:column;gap:var(--space-4);padding:var(--space-8);transition:background-color var(--duration-fast) var(--ease-standard)}.mobile-menu-toggle:hover{background-color:var(--color-secondary)}.hamburger-line{background-color:var(--color-text);height:2px;transition:all var(--duration-normal) var(--ease-standard);width:24px}.mobile-menu-toggle.active .hamburger-line:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-toggle.active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle.active .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.nav-cta,.nav-items,.nav-search{display:none}.mobile-menu-toggle{display:flex}.nav-content{height:56px}.brand-text{font-size:var(--font-size-base)}.search-input{width:100%}}.nav-item:focus-visible{outline:var(--focus-outline);outline-offset:2px}.nav-item{transition:all var(--duration-fast) var(--ease-standard)}.mobile-menu-overlay{align-items:center;animation:fadeIn .3s ease-out;background-color:#00000080;justify-content:center;z-index:9999}.mobile-menu-fullscreen,.mobile-menu-overlay{bottom:0;display:flex;left:0;position:fixed;right:0;top:0}.mobile-menu-fullscreen{animation:slideInFromRight .3s ease-out;background-color:var(--color-surface);flex-direction:column;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.mobile-menu-header{align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;padding:var(--space-16) var(--space-20)}.mobile-menu-brand{align-items:center;display:flex;gap:var(--space-8)}.mobile-menu-brand .brand-logo{align-items:center;display:flex;justify-content:center}.mobile-menu-brand .brand-text{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.mobile-menu-close{align-items:center;background:none;border:none;border-radius:var(--radius-base);color:var(--color-text);cursor:pointer;display:flex;justify-content:center;padding:var(--space-8);transition:all var(--duration-fast) var(--ease-standard)}.mobile-menu-close:hover{background-color:var(--color-secondary);color:var(--color-primary)}.mobile-menu-close:focus-visible{outline:var(--focus-outline);outline-offset:2px}.mobile-menu-content{display:flex;flex:1 1;flex-direction:column;gap:var(--space-32);justify-content:center;padding:var(--space-32) var(--space-20)}.mobile-nav-items{display:flex;flex-direction:column;gap:var(--space-4)}.mobile-nav-item{border-radius:var(--radius-base);color:var(--color-text);display:block;font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);padding:var(--space-16) var(--space-20);text-align:center;text-decoration:none;transition:all var(--duration-fast) var(--ease-standard)}.mobile-nav-item.active,.mobile-nav-item:hover{background-color:var(--color-secondary);color:var(--color-primary)}.mobile-nav-item:focus-visible{outline:var(--focus-outline);outline-offset:2px}.mobile-search{padding:0 var(--space-20)}.mobile-search .form-control{font-size:var(--font-size-lg);padding:var(--space-12) var(--space-16);text-align:center}.mobile-cta{display:flex;flex-direction:column;gap:var(--space-12);padding:0 var(--space-20)}.mobile-cta .btn{font-size:var(--font-size-lg);padding:var(--space-12) var(--space-16)}@media (max-width:480px){.mobile-menu-header{padding:var(--space-12) var(--space-16)}.mobile-menu-content{gap:var(--space-24);padding:var(--space-24) var(--space-16)}.mobile-nav-item{font-size:var(--font-size-lg);padding:var(--space-12) var(--space-16)}.mobile-cta,.mobile-search{padding:0 var(--space-16)}}@media (prefers-contrast:high){.mobile-nav-item{border:1px solid #0000}.mobile-nav-item.active,.mobile-nav-item:hover{border-color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.mobile-menu-fullscreen,.mobile-menu-overlay{animation:none}}.products-bar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000001a;padding:var(--space-6) 0;position:sticky;top:0;z-index:1001}.products-bar-content{align-items:center;display:flex;justify-content:center}.products-bar-items{align-items:center;display:flex;gap:var(--space-4);padding:var(--space-4) 0}.products-bar-item{align-items:center;background:#0000;border:none;border-radius:var(--radius-base);color:var(--color-text-secondary);cursor:pointer;display:flex;filter:grayscale(100%) opacity(.6);flex-direction:column;gap:var(--space-2);min-width:48px;padding:var(--space-6) var(--space-8);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}.products-bar-item:disabled{cursor:not-allowed;opacity:.6}.products-bar-item.hover-enabled:hover:not(:disabled){transform:translateY(-1px)}.products-bar-item.active-enabled.active,.products-bar-item.hover-enabled:hover:not(:disabled){background:var(--color-secondary);color:var(--color-text);filter:grayscale(0) opacity(1)}.products-bar-item.active-enabled.active:after{background:var(--color-primary);border-radius:1px;bottom:-1px;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.products-bar-icon{align-items:center;background:#0000;border-radius:var(--radius-base);display:flex;height:24px;justify-content:center;width:24px}.products-bar-item.hover-enabled:hover:not(:disabled) .products-bar-icon{background:#0000;transform:scale(1.1)}.products-bar-item.active-enabled.active .products-bar-icon{background:#0000;transform:scale(1.05)}.products-bar-label{color:inherit;font-size:9px;font-weight:var(--font-weight-medium);line-height:1.2;text-align:center}.products-bar-coming-soon{background:var(--color-warning);border-radius:var(--radius-sm);color:var(--color-surface);font-size:8px;font-weight:var(--font-weight-bold);letter-spacing:.5px;padding:var(--space-1) var(--space-2);position:absolute;right:-4px;text-transform:uppercase;top:-4px}@media (max-width:768px){.products-bar{padding:var(--space-4) 0}.products-bar-items{gap:var(--space-2);padding:var(--space-2) 0}.products-bar-item{gap:var(--space-2);min-width:42px;padding:var(--space-4) var(--space-6)}.products-bar-icon{height:20px;width:20px}.products-bar-label{font-size:8px}}@media (max-width:480px){.products-bar-items{flex-wrap:wrap;gap:var(--space-2);justify-content:center}.products-bar-item{min-width:36px;padding:var(--space-2) var(--space-4)}.products-bar-icon{height:18px;width:18px}.products-bar-icon svg{height:12px;width:12px}.products-bar-label{font-size:7px}}.products-bar-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.products-bar-item{transition:all var(--duration-fast) var(--ease-standard)}.products-bar-icon{transition:all var(--duration-normal) var(--ease-standard)}@media (prefers-contrast:high){.products-bar-item{border:2px solid #fff6}.products-bar-item.active,.products-bar-item:hover{border-color:var(--color-btn-primary-text)}}@media (prefers-reduced-motion:reduce){.products-bar-icon,.products-bar-item{transition:none}.products-bar-item:hover .products-bar-icon{transform:none}}.sub-brand-nav{background-color:var(--color-background);border-bottom:1px solid var(--color-border);padding:var(--space-12) 0}.sub-brand-content{align-items:center;display:flex;justify-content:center}.sub-brand-items{align-items:center;display:flex;gap:var(--space-32)}.sub-brand-item{align-items:center;border-radius:var(--radius-base);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-16);position:relative;text-decoration:none;transition:all var(--duration-normal) var(--ease-standard)}.sub-brand-item.active,.sub-brand-item:hover{background-color:var(--color-secondary);color:var(--color-primary)}.sub-brand-icon{align-items:center;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-base);display:flex;height:40px;justify-content:center;transition:all var(--duration-normal) var(--ease-standard);width:40px}.sub-brand-item.active .sub-brand-icon,.sub-brand-item:hover .sub-brand-icon{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-surface)}.sub-brand-label{font-size:var(--font-size-sm);text-align:center}.coming-soon,.sub-brand-label{font-weight:var(--font-weight-medium)}.coming-soon{background-color:var(--color-warning);border-radius:var(--radius-sm);color:var(--color-surface);font-size:var(--font-size-xs);padding:var(--space-2) var(--space-4);position:absolute;right:-4px;top:-4px}@media (max-width:768px){.sub-brand-items{flex-wrap:wrap;gap:var(--space-16);justify-content:center}.sub-brand-item{min-width:80px;padding:var(--space-12)}.sub-brand-icon{height:32px;width:32px}.sub-brand-label{font-size:var(--font-size-xs)}}@media (max-width:480px){.sub-brand-items{gap:var(--space-8)}.sub-brand-item{min-width:60px;padding:var(--space-8)}.sub-brand-icon{height:28px;width:28px}}.sub-brand-item:focus-visible{outline:var(--focus-outline);outline-offset:2px}.sub-brand-item{transition:all var(--duration-fast) var(--ease-standard)}.sub-brand-nav{transition:all var(--duration-normal) var(--ease-standard)}@media (prefers-contrast:high){.sub-brand-item{border:1px solid #0000}.sub-brand-item.active,.sub-brand-item:hover{border-color:var(--color-primary)}}.product-nav{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-16) 0}.product-nav-content{align-items:center;display:flex;gap:var(--space-24);justify-content:space-between}.product-nav-title{align-items:center;display:flex;gap:var(--space-12)}.product-nav-logo{align-items:center;background:var(--color-primary);border-radius:var(--radius-base);box-shadow:var(--shadow-sm);color:var(--color-btn-primary-text);display:flex;height:40px;justify-content:center;width:40px}.product-nav-title h2{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.product-nav-items{align-items:center;display:flex;gap:var(--space-24)}.product-nav-item{border-radius:var(--radius-base);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-8) var(--space-12);position:relative;text-decoration:none}.product-nav-item.active,.product-nav-item:hover{background-color:var(--color-secondary);color:var(--color-primary)}.product-nav-item.external:after{content:"↗";font-size:var(--font-size-sm);margin-left:var(--space-4)}@media (max-width:768px){.product-nav-content{align-items:flex-start;flex-direction:column;gap:var(--space-16)}.product-nav-items{flex-wrap:wrap;gap:var(--space-16)}.product-nav-item{font-size:var(--font-size-sm);padding:var(--space-6) var(--space-8)}}@media (max-width:480px){.product-nav-items{gap:var(--space-8)}}.product-nav-item:focus-visible{outline:var(--focus-outline);outline-offset:2px}.product-nav-item{transition:all var(--duration-fast) var(--ease-standard)}.product-nav{transition:all var(--duration-normal) var(--ease-standard)}@media (prefers-contrast:high){.product-nav-item{border:1px solid #0000}.product-nav-item.active,.product-nav-item:hover{border-color:var(--color-primary)}}.breadcrumbs{display:flex;justify-content:center;margin-bottom:var(--space-32)}.breadcrumb-list{list-style:none;margin:0;padding:0}.breadcrumb-item,.breadcrumb-list{align-items:center;display:flex;gap:var(--space-8)}.breadcrumb-item{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.breadcrumb-item:not(:last-child):after{color:var(--color-text-secondary);content:"/"}.breadcrumb-item a{color:var(--color-text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-standard)}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item:last-child{color:var(--color-text);font-weight:var(--font-weight-medium)}.breadcrumb-item:last-child span{color:var(--color-text)}.main-content{padding:var(--space-32) 0}.hero{margin-bottom:var(--space-32);text-align:center}.hero h1{color:var(--color-text);font-size:var(--font-size-4xl);margin-bottom:var(--space-16)}.hero p{color:var(--color-text-secondary);font-size:var(--font-size-lg);margin-bottom:var(--space-24)}.demo-instructions{margin-bottom:var(--space-32)}.demo-instructions h2{color:var(--color-text);margin-bottom:var(--space-16)}.demo-instructions ol{color:var(--color-text-secondary);line-height:1.6}.demo-instructions li{margin-bottom:var(--space-8)}.demo-instructions strong{color:var(--color-text)}.product-content{margin-bottom:var(--space-32)}.product-content h2{color:var(--color-text);margin-bottom:var(--space-16)}.product-content p{color:var(--color-text-secondary)}@media (max-width:768px){.hero h1{font-size:var(--font-size-3xl)}.hero p{font-size:var(--font-size-base)}}@media (max-width:480px){.hero h1{font-size:var(--font-size-2xl)}}.demo-controls{bottom:24px;position:fixed;right:24px;z-index:10001}.demo-fab{align-items:center;background:var(--color-primary);border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:var(--color-btn-primary-text);cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all var(--duration-normal) var(--ease-standard);width:56px}.demo-fab:hover{background:var(--color-primary-hover);box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.demo-fab.open,.demo-fab.open:hover{background:var(--color-error)}.demo-fab.open:hover{opacity:.9}.demo-panel{animation:slideInUp .3s ease-out;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);bottom:72px;box-shadow:0 10px 40px #00000026;position:absolute;right:0;width:320px}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.demo-panel-header{border-bottom:1px solid var(--color-border);padding:var(--space-20) var(--space-20) var(--space-16)}.demo-panel-header h3{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.demo-panel-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.demo-panel-content{max-height:400px;overflow-y:auto;padding:var(--space-20)}.demo-control-group{margin-bottom:var(--space-24)}.demo-control-group:last-child{margin-bottom:0}.demo-control-group h4{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-12) 0}.demo-checkbox{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-12);margin-bottom:var(--space-8);transition:color var(--duration-fast) var(--ease-standard)}.demo-checkbox:hover{color:var(--color-primary)}.demo-checkbox input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.demo-checkbox-indicator{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-sm);flex-shrink:0;height:18px;position:relative;transition:all var(--duration-fast) var(--ease-standard);width:18px}.demo-checkbox input[type=checkbox]:checked+.demo-checkbox-indicator{background:var(--color-primary);border-color:var(--color-primary)}.demo-checkbox input[type=checkbox]:checked+.demo-checkbox-indicator:after{border:solid var(--color-surface);border-width:0 2px 2px 0;content:"";height:8px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.demo-checkbox input[type=checkbox]:focus+.demo-checkbox-indicator{box-shadow:var(--focus-ring)}.demo-state-info{display:flex;flex-direction:column;gap:var(--space-8)}.demo-state-item{align-items:center;background:var(--color-secondary);border-radius:var(--radius-sm);display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:var(--space-8) var(--space-12)}.demo-state-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.demo-state-value{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-transform:capitalize}@media (max-width:768px){.demo-controls{bottom:20px;right:20px}.demo-fab{height:48px;width:48px}.demo-panel{bottom:64px;width:280px}.demo-panel-content,.demo-panel-header{padding:var(--space-16)}}@media (prefers-reduced-motion:reduce){.demo-panel{animation:none}.demo-fab{transition:none}}:root{--color-background:#fcfcf9;--color-surface:#fffffd;--color-text:#13343b;--color-text-secondary:#626c71;--color-primary:#21808d;--color-primary-hover:#1d7480;--color-primary-active:#1a6873;--color-secondary:#5e52401f;--color-secondary-hover:#5e524033;--color-secondary-active:#5e524040;--color-border:#5e524033;--color-btn-primary-text:#fcfcf9;--color-card-border:#5e52401f;--color-card-border-inner:#5e52401f;--color-error:#c0152f;--color-success:#21808d;--color-warning:#a84b2f;--color-info:#626c71;--color-focus-ring:#21808d66;--color-select-caret:#13343bcc;--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113;--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-family-mono:"Berkeley Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:11px;--font-size-sm:12px;--font-size-base:14px;--font-size-md:14px;--font-size-lg:16px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:550;--font-weight-bold:600;--line-height-tight:1.2;--line-height-normal:1.5;--letter-spacing-tight:-0.01em;--space-0:0;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--radius-sm:6px;--radius-base:8px;--radius-md:10px;--radius-lg:12px;--radius-full:9999px;--shadow-xs:0 1px 2px #00000005;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #00000005;--shadow-md:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;--shadow-lg:0 10px 15px -3px #0000000a,0 4px 6px -2px #00000005;--shadow-inset-sm:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #00000008;--duration-fast:150ms;--duration-normal:250ms;--ease-standard:cubic-bezier(0.16,1,0.3,1);--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px}@media (prefers-color-scheme:dark){:root{--color-background:#1f2121;--color-surface:#262828;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9b3;--color-primary:#32b8c6;--color-primary-hover:#2da6b2;--color-primary-active:#2996a1;--color-secondary:#777c7c26;--color-secondary-hover:#777c7c40;--color-secondary-active:#777c7c4d;--color-border:#777c7c4d;--color-error:#ff5459;--color-success:#32b8c6;--color-warning:#e68161;--color-info:#a7a9a9;--color-focus-ring:#32b8c666;--color-btn-primary-text:#13343b;--color-card-border:#777c7c33;--color-card-border-inner:#777c7c26;--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--button-border-secondary:#777c7c33;--color-border-secondary:#777c7c33;--color-select-caret:#f5f5f5cc;--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:50,184,198;--color-error-rgb:255,84,89;--color-warning-rgb:230,129,97;--color-info-rgb:167,169,169}}[data-color-scheme=dark]{--color-background:#1f2121;--color-surface:#262828;--color-text:#f5f5f5;--color-text-secondary:#a7a9a9b3;--color-primary:#32b8c6;--color-primary-hover:#2da6b2;--color-primary-active:#2996a1;--color-secondary:#777c7c26;--color-secondary-hover:#777c7c40;--color-secondary-active:#777c7c4d;--color-border:#777c7c4d;--color-error:#ff5459;--color-success:#32b8c6;--color-warning:#e68161;--color-info:#a7a9a9;--color-focus-ring:#32b8c666;--color-btn-primary-text:#13343b;--color-card-border:#777c7c26;--color-card-border-inner:#777c7c26;--shadow-inset-sm:inset 0 1px 0 #ffffff1a,inset 0 -1px 0 #00000026;--color-border-secondary:#777c7c33;--color-select-caret:#f5f5f5cc;--focus-ring:0 0 0 3px var(--color-focus-ring);--focus-outline:2px solid var(--color-primary);--status-bg-opacity:0.15;--status-border-opacity:0.25;--select-caret-light:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--select-caret-dark:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");--color-success-rgb:50,184,198;--color-error-rgb:255,84,89;--color-warning-rgb:230,129,97;--color-info-rgb:167,169,169}[data-color-scheme=light]{--color-background:#fcfcf9;--color-surface:#fffffd;--color-text:#13343b;--color-text-secondary:#626c71;--color-primary:#21808d;--color-primary-hover:#1d7480;--color-primary-active:#1a6873;--color-secondary:#5e52401f;--color-secondary-hover:#5e524033;--color-secondary-active:#5e524040;--color-border:#5e524033;--color-btn-primary-text:#fcfcf9;--color-card-border:#5e52401f;--color-card-border-inner:#5e52401f;--color-error:#c0152f;--color-success:#21808d;--color-warning:#a84b2f;--color-info:#626c71;--color-focus-ring:#21808d66;--color-success-rgb:33,128,141;--color-error-rgb:192,21,47;--color-warning-rgb:168,75,47;--color-info-rgb:98,108,113}html{-webkit-font-smoothing:antialiased;background-color:#fcfcf9;background-color:var(--color-background);box-sizing:border-box;color:#13343b;color:var(--color-text);font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base);line-height:1.5;line-height:var(--line-height-normal)}body{margin:0;padding:0}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6{color:#13343b;color:var(--color-text);font-weight:550;font-weight:var(--font-weight-semibold);letter-spacing:-.01em;letter-spacing:var(--letter-spacing-tight);line-height:1.2;line-height:var(--line-height-tight);margin:0}h1{font-size:30px;font-size:var(--font-size-4xl)}h2{font-size:24px;font-size:var(--font-size-3xl)}h3{font-size:20px;font-size:var(--font-size-2xl)}h4{font-size:18px;font-size:var(--font-size-xl)}h5{font-size:16px;font-size:var(--font-size-lg)}h6{font-size:14px;font-size:var(--font-size-md)}p{margin:0 0 16px;margin:0 0 var(--space-16) 0}a{color:#21808d;color:var(--color-primary);text-decoration:none;transition:color .15s cubic-bezier(.16,1,.3,1);transition:color var(--duration-fast) var(--ease-standard)}a:hover{color:#1d7480;color:var(--color-primary-hover)}code,pre{background-color:#5e52401f;background-color:var(--color-secondary);border-radius:6px;border-radius:var(--radius-sm);font-family:Berkeley Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-family:var(--font-family-mono);font-size:13.3px;font-size:calc(var(--font-size-base)*.95)}code{padding:1px 4px;padding:var(--space-1) var(--space-4)}pre{border:1px solid #5e524033;border:1px solid var(--color-border);margin:16px 0;margin:var(--space-16) 0;overflow:auto;padding:16px;padding:var(--space-16)}pre code{background:none;padding:0}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-base);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-base);font-weight:500;justify-content:center;line-height:1.5;padding:8px 16px;padding:var(--space-8) var(--space-16);position:relative;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);transition:all var(--duration-normal) var(--ease-standard)}.btn:focus-visible{box-shadow:0 0 0 3px #21808d66;box-shadow:var(--focus-ring);outline:none}.btn--primary{background:#21808d;background:var(--color-primary);color:#fcfcf9;color:var(--color-btn-primary-text)}.btn--primary:hover{background:#1d7480;background:var(--color-primary-hover)}.btn--primary:active{background:#1a6873;background:var(--color-primary-active)}.btn--secondary{background:#5e52401f;background:var(--color-secondary);color:#13343b;color:var(--color-text)}.btn--secondary:hover{background:#5e524033;background:var(--color-secondary-hover)}.btn--secondary:active{background:#5e524040;background:var(--color-secondary-active)}.btn--outline{background:#0000;border:1px solid #5e524033;border:1px solid var(--color-border);color:#13343b;color:var(--color-text)}.btn--outline:hover{background:#5e52401f;background:var(--color-secondary)}.btn--sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;font-size:var(--font-size-sm);padding:4px 12px;padding:var(--space-4) var(--space-12)}.btn--lg{border-radius:10px;border-radius:var(--radius-md);font-size:16px;font-size:var(--font-size-lg);padding:10px 20px;padding:var(--space-10) var(--space-20)}.btn--full-width{width:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.form-control{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e524033;border:1px solid var(--color-border);border-radius:8px;border-radius:var(--radius-base);color:#13343b;color:var(--color-text);display:block;font-size:14px;font-size:var(--font-size-md);line-height:1.5;padding:8px 12px;padding:var(--space-8) var(--space-12);transition:border-color .15s cubic-bezier(.16,1,.3,1),box-shadow .15s cubic-bezier(.16,1,.3,1);transition:border-color var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);width:100%}textarea.form-control{font-family:FKGroteskNeue,Geist,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-base);font-size:14px;font-size:var(--font-size-base)}select.form-control{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light);background-position:right 12px center;background-position:right var(--space-12) center;background-repeat:no-repeat;background-size:16px;padding:8px 12px;padding:var(--space-8) var(--space-12);padding-right:32px;padding-right:var(--space-32)}@media (prefers-color-scheme:dark){select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}}[data-color-scheme=dark] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23f5f5f5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-dark)}[data-color-scheme=light] select.form-control{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23134252' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-image:var(--select-caret-light)}.form-control:focus{border-color:#21808d;border-color:var(--color-primary);outline:2px solid #21808d;outline:var(--focus-outline)}.form-label{display:block;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:8px;margin-bottom:var(--space-8)}.form-group{margin-bottom:16px;margin-bottom:var(--space-16)}.card{background-color:#fffffd;background-color:var(--color-surface);border:1px solid #5e52401f;border:1px solid var(--color-card-border);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005;box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow .25s cubic-bezier(.16,1,.3,1);transition:box-shadow var(--duration-normal) var(--ease-standard)}.card:hover{box-shadow:0 4px 6px -1px #0000000a,0 2px 4px -1px #00000005;box-shadow:var(--shadow-md)}.card__body,.card__footer,.card__header{padding:16px;padding:var(--space-16)}.card__footer,.card__header{border-bottom:1px solid #5e52401f;border-bottom:1px solid var(--color-card-border-inner)}.status{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:12px;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:6px 12px;padding:var(--space-6) var(--space-12)}.status--success{background-color:#21808d26;background-color:rgba(var(--color-success-rgb,33,128,141),var(--status-bg-opacity));border:1px solid #21808d40;border:1px solid rgba(var(--color-success-rgb,33,128,141),var(--status-border-opacity));color:#21808d;color:var(--color-success)}.status--error{background-color:#c0152f26;background-color:rgba(var(--color-error-rgb,192,21,47),var(--status-bg-opacity));border:1px solid #c0152f40;border:1px solid rgba(var(--color-error-rgb,192,21,47),var(--status-border-opacity));color:#c0152f;color:var(--color-error)}.status--warning{background-color:#a84b2f26;background-color:rgba(var(--color-warning-rgb,168,75,47),var(--status-bg-opacity));border:1px solid #a84b2f40;border:1px solid rgba(var(--color-warning-rgb,168,75,47),var(--status-border-opacity));color:#a84b2f;color:var(--color-warning)}.status--info{background-color:#626c7126;background-color:rgba(var(--color-info-rgb,98,108,113),var(--status-bg-opacity));border:1px solid #626c7140;border:1px solid rgba(var(--color-info-rgb,98,108,113),var(--status-border-opacity));color:#626c71;color:var(--color-info)}.container{margin-left:auto;margin-right:auto;padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16);width:100%}@media (min-width:640px){.container{max-width:640px;max-width:var(--container-sm)}}@media (min-width:768px){.container{max-width:768px;max-width:var(--container-md)}}@media (min-width:1024px){.container{max-width:1024px;max-width:var(--container-lg)}}@media (min-width:1280px){.container{max-width:1280px;max-width:var(--container-xl)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-4{gap:4px;gap:var(--space-4)}.gap-8{gap:8px;gap:var(--space-8)}.gap-16{gap:16px;gap:var(--space-16)}.m-0{margin:0}.mt-8{margin-top:8px;margin-top:var(--space-8)}.mb-8{margin-bottom:8px;margin-bottom:var(--space-8)}.mx-8{margin-left:8px;margin-left:var(--space-8);margin-right:8px;margin-right:var(--space-8)}.my-8{margin-bottom:8px;margin-bottom:var(--space-8);margin-top:8px;margin-top:var(--space-8)}.p-0{padding:0}.py-8{padding-bottom:8px;padding-bottom:var(--space-8);padding-top:8px;padding-top:var(--space-8)}.px-8{padding-left:8px;padding-left:var(--space-8);padding-right:8px;padding-right:var(--space-8)}.py-16{padding-bottom:16px;padding-bottom:var(--space-16);padding-top:16px;padding-top:var(--space-16)}.px-16{padding-left:16px;padding-left:var(--space-16);padding-right:16px;padding-right:var(--space-16)}.block{display:block}.hidden{display:none}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}:focus-visible{outline:2px solid #21808d;outline:var(--focus-outline);outline-offset:2px}[data-color-scheme=dark] .btn--outline{border:1px solid var(--color-border-secondary)}@font-face{font-family:FKGroteskNeue;src:url(https://r2cdn.perplexity.ai/fonts/FKGroteskNeue.woff2) format("woff2")}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.nav-item,.product-nav-item,.sub-brand-item{border:1px solid #0000}.nav-item.active,.nav-item:hover,.product-nav-item.active,.product-nav-item:hover,.sub-brand-item.active,.sub-brand-item:hover{border-color:#21808d;border-color:var(--color-primary)}}
/*# sourceMappingURL=main.70b614a0.css.map*/