:root{--od-surface-base:#F7F7F8;--od-surface-raised:#FFFFFF;--od-surface-sunken:#F0F0F1;--od-surface-panel:#F5F5F6;--od-surface-hover:#EBEBEC;--od-surface-active:#E5E5E6;--od-bg-base:var(--od-surface-base);--od-bg-surface:var(--od-surface-raised);--od-bg-elevated:var(--od-surface-raised);--od-bg-sunken:var(--od-surface-sunken);--od-bg-panel:var(--od-surface-panel);--od-bg-hover:var(--od-surface-hover);--od-bg-active:var(--od-surface-active);--od-surface-veil:rgba(255,255,255,0.8);--od-text-primary:#1A1A1A;--od-otis:#4BBEB3;--od-accent-text:#0F766E;--od-accent-strong:#115E59;--od-status-verified:#15803D;--od-status-captured:var(--od-text-primary);--od-status-ageing:#B45309;--od-status-quote-only:#6B6B6B;--od-status-failed:#B91C1C;--od-status-working:var(--od-accent-text);--od-radius-pill:9999px;--od-measure:68ch}@keyframes od-reveal{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){[data-reveal]{animation:od-reveal linear both;animation-timeline:view();animation-range:entry 0 entry 45%}}}@media print{[data-reveal]{animation:none;opacity:1;transform:none}}:root{--od-bg-base:#F7F7F8;--od-bg-surface:#FFFFFF;--od-bg-elevated:#FFFFFF;--od-bg-sunken:#F0F0F1;--od-bg-panel:#F5F5F6;--od-bg-hover:#EBEBEC;--od-bg-active:#E5E5E6;--od-text-secondary:#4A4A4A;--od-text-tertiary:#6B6B6B;--od-text-muted:#9CA3AF;--od-text-inverse:#FFFFFF;--od-logo-initial:#4BBEB3;--od-border-default:rgba(0,0,0,0.12);--od-border-subtle:rgba(0,0,0,0.09);--od-border-strong:rgba(0,0,0,0.12);--od-border-divider:rgba(0,0,0,0.08);--od-shadow-sm:0 1px 2px rgba(0,0,0,0.04),0 1px 3px rgba(0,0,0,0.06);--od-shadow-md:0 2px 4px rgba(0,0,0,0.04),0 4px 8px rgba(0,0,0,0.06);--od-shadow-lg:0 4px 8px rgba(0,0,0,0.04),0 8px 16px rgba(0,0,0,0.06),0 16px 32px rgba(0,0,0,0.04);--od-shadow-xl:0 8px 16px rgba(0,0,0,0.06),0 16px 32px rgba(0,0,0,0.08),0 32px 64px rgba(0,0,0,0.04);--od-otis-hover:#3DAA9F;--od-otis-active:#2F968C;--od-otis-bg:rgba(75,190,179,0.08);--od-otis-border:rgba(75,190,179,0.3);--od-verified:#0B6F66;--od-focus-ring:rgba(75,190,179,0.4);--od-success:#22C55E;--od-success-bg:rgba(34,197,94,0.08);--od-warning:#F59E0B;--od-warning-bg:rgba(245,158,11,0.08);--od-error:#EF4444;--od-error-bg:rgba(239,68,68,0.08);--od-panel-width:400px;--od-header-height:56px;--od-radius-sm:6px;--od-radius-md:8px;--od-radius-lg:12px;--od-radius-xl:16px;--od-space-1:4px;--od-space-2:8px;--od-space-3:12px;--od-space-4:16px;--od-space-5:20px;--od-space-6:24px;--od-space-8:32px;--od-space-10:40px;--od-font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--od-text-xs:11px;--od-text-sm:13px;--od-text-base:14px;--od-text-md:15px;--od-text-lg:16px;--od-text-xl:18px;--od-text-2xl:20px;--od-text-3xl:24px;--od-leading-tight:1.25;--od-leading-normal:1.5;--od-leading-relaxed:1.625;--od-font-normal:400;--od-font-medium:500;--od-font-semibold:600;--od-font-bold:700;--od-transition-fast:150ms ease;--od-transition-normal:200ms ease;--od-transition-slow:300ms ease}.od-v2{font-family:var(--od-font-sans);color:var(--od-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.od-panel{background:var(--od-bg-surface);border:1px solid var(--od-border-default);border-radius:var(--od-radius-xl);box-shadow:var(--od-shadow-lg);padding:var(--od-space-5)}.od-panel-section{padding:var(--od-space-4) 0;border-bottom:1px solid var(--od-border-divider)}.od-panel-section:last-child{border-bottom:none}.od-panel-header{font-size:var(--od-text-sm);font-weight:var(--od-font-semibold);color:var(--od-text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--od-space-3)}.od-product-card{background:var(--od-bg-surface);border:1px solid var(--od-border-default);border-radius:var(--od-radius-lg);box-shadow:var(--od-shadow-md);padding:var(--od-space-5);transition:box-shadow var(--od-transition-normal),transform var(--od-transition-normal)}.od-product-card:hover{box-shadow:var(--od-shadow-lg);transform:translateY(-2px)}.od-product-card-header{display:flex;align-items:flex-start;gap:var(--od-space-4)}.od-product-logo{width:56px;height:56px;border-radius:var(--od-radius-md);background:var(--od-bg-sunken);display:flex;align-items:center;justify-content:center;flex-shrink:0}.od-product-info{flex:1;min-width:0}.od-product-name{font-size:var(--od-text-lg);font-weight:var(--od-font-semibold);color:var(--od-text-primary);margin:0 0 var(--od-space-1) 0}.od-product-meta{display:flex;align-items:center;gap:var(--od-space-3);font-size:var(--od-text-sm);color:var(--od-text-tertiary)}.od-product-meta-divider{width:3px;height:3px;border-radius:50%;background:var(--od-text-muted)}.od-product-description{font-size:var(--od-text-base);color:var(--od-text-secondary);line-height:var(--od-leading-relaxed);margin-top:var(--od-space-3)}.od-product-actions{display:flex;align-items:center;gap:var(--od-space-3);margin-left:auto;flex-shrink:0}.od-criteria-bars{display:flex;gap:var(--od-space-3);margin-top:var(--od-space-4);flex-wrap:wrap}.od-criteria-bar{display:flex;flex-direction:column;gap:var(--od-space-1);min-width:80px}.od-criteria-bar-label{font-size:var(--od-text-xs);color:var(--od-text-tertiary);white-space:nowrap}.od-criteria-bar-track{height:6px;background:var(--od-bg-sunken);border-radius:3px;overflow:hidden}.od-criteria-bar-fill{height:100%;background:var(--od-text-tertiary);border-radius:3px;transition:width var(--od-transition-normal)}.od-criteria-bar-value{font-size:var(--od-text-xs);color:var(--od-text-secondary)}.od-btn,.od-criteria-bar-value{font-weight:var(--od-font-medium)}.od-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--od-space-2);font-family:var(--od-font-sans);font-size:var(--od-text-sm);padding:var(--od-space-2) var(--od-space-4);border-radius:var(--od-radius-md);border:none;cursor:pointer;transition:all var(--od-transition-fast);white-space:nowrap}.od-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--od-bg-surface),0 0 0 4px var(--od-focus-ring)}.od-btn-primary{background:var(--od-text-primary);color:var(--od-text-inverse)}.od-btn-primary:hover{background:#333333}.od-btn-primary:active{background:#4A4A4A}.od-btn-secondary{background:transparent;color:var(--od-text-secondary);border:1px solid var(--od-border-strong)}.od-btn-secondary:hover{background:var(--od-bg-hover);border-color:var(--od-border-strong)}.od-btn-otis{background:var(--od-otis);color:var(--od-text-inverse)}.od-btn-otis:hover{background:var(--od-otis-hover)}.od-btn-otis:active{background:var(--od-otis-active)}.od-btn-ghost{background:transparent;color:var(--od-text-secondary)}.od-btn-ghost:hover{background:var(--od-bg-hover);color:var(--od-text-primary)}.od-btn-sm{padding:var(--od-space-1) var(--od-space-3);font-size:var(--od-text-xs)}.od-btn-lg{padding:var(--od-space-3) var(--od-space-6)}.od-btn-lg,.od-input{font-size:var(--od-text-base)}.od-input{width:100%;padding:var(--od-space-3) var(--od-space-4);font-family:var(--od-font-sans);color:var(--od-text-primary);background:var(--od-bg-sunken);border:1px solid transparent;border-radius:var(--od-radius-md);transition:all var(--od-transition-fast)}.od-input::-moz-placeholder{color:var(--od-text-muted)}.od-input::placeholder{color:var(--od-text-muted)}.od-input:hover{background:var(--od-bg-hover)}.od-input:focus{outline:none;background:var(--od-bg-surface);border-color:var(--od-otis);box-shadow:0 0 0 3px var(--od-focus-ring)}.od-textarea{width:100%;padding:var(--od-space-3) var(--od-space-4);font-family:var(--od-font-sans);font-size:var(--od-text-base);color:var(--od-text-primary);background:var(--od-bg-sunken);border:1px solid transparent;border-radius:var(--od-radius-md);resize:vertical;min-height:80px;transition:all var(--od-transition-fast)}.od-textarea::-moz-placeholder{color:var(--od-text-muted)}.od-textarea::placeholder{color:var(--od-text-muted)}.od-textarea:focus{outline:none;background:var(--od-bg-surface);border-color:var(--od-otis);box-shadow:0 0 0 3px var(--od-focus-ring)}.od-select{width:100%;padding:var(--od-space-2) var(--od-space-3);padding-right:var(--od-space-8);font-family:var(--od-font-sans);font-size:var(--od-text-sm);color:var(--od-text-primary);background:var(--od-bg-sunken);border:1px solid transparent;border-radius:var(--od-radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236B6B6B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--od-transition-fast)}.od-select:hover{background-color:var(--od-bg-hover)}.od-select:focus{outline:none;background-color:var(--od-bg-surface);border-color:var(--od-otis)}.od-chip{display:inline-flex;align-items:center;gap:var(--od-space-2);padding:var(--od-space-1) var(--od-space-3);font-size:var(--od-text-sm);color:var(--od-text-secondary);background:var(--od-bg-sunken);border-radius:var(--od-radius-md);transition:all var(--od-transition-fast)}.od-chip:hover{background:var(--od-bg-hover)}.od-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:transparent;color:var(--od-text-muted);cursor:pointer;transition:all var(--od-transition-fast)}.od-chip-remove:hover{background:var(--od-bg-active);color:var(--od-text-primary)}.od-collapsible{border-bottom:1px solid var(--od-border-divider)}.od-collapsible:last-child{border-bottom:none}.od-collapsible-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--od-space-3) 0;font-size:var(--od-text-sm);font-weight:var(--od-font-medium);color:var(--od-text-secondary);background:transparent;border:none;cursor:pointer;transition:color var(--od-transition-fast)}.od-collapsible-trigger:hover{color:var(--od-text-primary)}.od-collapsible-icon{width:16px;height:16px;color:var(--od-text-muted);transition:transform var(--od-transition-normal)}.od-collapsible[data-state=open] .od-collapsible-icon{transform:rotate(180deg)}.od-collapsible-content{padding-bottom:var(--od-space-4)}.od-header{position:fixed;top:0;left:0;right:0;height:var(--od-header-height);background:var(--od-bg-surface);border-bottom:1px solid var(--od-border-subtle);z-index:100;transition:transform var(--od-transition-normal)}.od-header--hidden{transform:translateY(-100%)}.od-ai-fab{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:var(--od-otis);color:var(--od-text-inverse);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--od-shadow-lg);transition:all var(--od-transition-normal);z-index:90}.od-ai-fab:hover{background:var(--od-otis-hover);transform:scale(1.05);box-shadow:var(--od-shadow-xl)}.od-ai-fab:active{transform:scale(.98)}.od-compass{display:inline-flex;align-items:center;justify-content:center;color:currentColor}.od-compass svg{width:100%;height:100%}.od-compass--sm{width:16px;height:16px}.od-compass--md{width:24px;height:24px}.od-compass--lg{width:32px;height:32px}.od-compass--animated{animation:compass-pulse 3s ease-in-out infinite}@keyframes compass-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.od-layout{display:grid;grid-template-columns:var(--od-panel-width) 1fr;gap:var(--od-space-6);min-height:calc(100vh - var(--od-header-height));padding:var(--od-space-6);padding-top:calc(var(--od-header-height) + var(--od-space-6));background:var(--od-bg-base)}.od-products-container{display:flex;flex-direction:column;gap:var(--od-space-4)}.od-added-products{display:flex;flex-wrap:wrap;gap:var(--od-space-2);padding-bottom:var(--od-space-4);border-bottom:1px solid var(--od-border-divider)}.od-added-products:empty{display:none}.od-rating-group{display:flex;gap:var(--od-space-1)}.od-rating-btn{width:32px;height:32px;border-radius:var(--od-radius-md);border:1px solid var(--od-border-strong);background:var(--od-bg-surface);color:var(--od-text-tertiary);font-size:var(--od-text-sm);font-weight:var(--od-font-medium);cursor:pointer;transition:all var(--od-transition-fast)}.od-rating-btn:hover{background:var(--od-bg-hover);border-color:var(--od-text-tertiary)}.od-rating-btn--active{background:var(--od-text-primary);border-color:var(--od-text-primary);color:var(--od-text-inverse)}.od-stars{display:flex;align-items:center;gap:2px}.od-star{width:14px;height:14px;color:var(--od-text-muted)}.od-star--filled{color:#FBBF24}.od-star--half{background:linear-gradient(90deg,#FBBF24 50%,var(--od-text-muted) 50%);-webkit-background-clip:text;background-clip:text}.od-v2 .prose,.od-v2 .prose *{font-family:var(--od-font-sans)}.od-v2 .prose ul{list-style-type:disc;padding-left:1.25rem}.od-v2 .prose ol{list-style-type:decimal;padding-left:1.25rem}.od-chevron-slide{transition:color .2s ease,transform .2s ease,stroke-width .2s ease}.group:hover .od-chevron-slide{color:var(--od-otis)!important;stroke-width:3.5;animation:od-chevron-slide-bounce 1.2s ease forwards}@keyframes od-chevron-slide-bounce{0%{transform:translateX(0)}40%{transform:translateX(8px)}80%{transform:translateX(4px)}to{transform:translateX(4px)}}.od-chevron-slide-quiet{transition:color .2s ease,transform .25s cubic-bezier(.32,.72,0,1),stroke-width .2s ease}.group:hover .od-chevron-slide-quiet{color:var(--od-otis)!important;stroke-width:3.5;transform:translateX(6px)}.od-chevron-ask-otis{transition:color .1s ease,transform .13s cubic-bezier(.2,1.7,.4,1),stroke-width .1s ease}.ask-otis-pill-15:hover .od-chevron-ask-otis{color:var(--od-otis)!important;stroke-width:3.5;transform:translateX(4px)}@keyframes od-search-mark-fade{0%{background-color:rgba(255,224,0,.55)}70%{background-color:rgba(255,224,0,.45)}to{background-color:transparent}}mark.od-search-mark{background-color:rgba(255,224,0,.55);color:inherit;padding:0 1px;border-radius:2px;animation:od-search-mark-fade 2.5s ease-out 3s forwards}.od-product-scroller{scrollbar-gutter:stable}@supports (scrollbar-gutter:stable both-edges){.od-product-scroller{scrollbar-gutter:stable both-edges}}.od-tabstrip{scrollbar-width:none;-ms-overflow-style:none}.od-tabstrip::-webkit-scrollbar{display:none}