.stepper{display:flex}.stepper--horizontal{flex-direction:row;gap:var(--gap-md)}.stepper--vertical{flex-direction:column;gap:var(--gap-lg)}.stepper-step{display:flex;gap:var(--gap-md);flex:1}.stepper-step-indicator{display:flex;align-items:center;gap:var(--gap-md)}.stepper-step-number{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--muted);transition:var(--transition-colors)}.stepper-step--active .stepper-step-number,.stepper-step--completed .stepper-step-number{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.stepper-step-line{flex:1;height:2px;background:var(--border);margin-top:16px}.stepper--vertical .stepper-step-line{width:2px;height:100%;margin-top:0;margin-left:16px}.stepper-step-content{flex:1}.stepper-step-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--text)}.stepper-step--active .stepper-step-label{color:var(--titles)}.stepper-step-description{font-size:var(--text-small);color:var(--muted);margin-top:var(--gap-xs)}.scrollspy{display:flex;flex-direction:column;gap:var(--gap-xs);position:sticky;top:var(--gap-lg)}.scrollspy-item{padding:var(--gap-sm) var(--gap-md);text-align:left;font-size:var(--text-body);color:var(--muted);background:transparent;border:none;border-left:2px solid var(--border);cursor:pointer;transition:var(--transition-colors)}.scrollspy-item:hover{color:var(--text);border-left-color:var(--primary)}.scrollspy-item--active{color:var(--primary);border-left-color:var(--primary);font-weight:var(--font-medium)}.command-palette-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:flex-start;justify-content:center;padding-top:20vh;z-index:9999}.command-palette{width:90%;max-width:600px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-xl);overflow:hidden}.command-palette-input{width:100%;padding:var(--gap-lg);font-size:var(--text-body);color:var(--text);background:transparent;border:none;border-bottom:1px solid var(--border);outline:none}.command-palette-list{max-height:400px;overflow-y:auto}.command-palette-empty{padding:var(--gap-xl);text-align:center;color:var(--muted)}.command-palette-item{width:100%;display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-md) var(--gap-lg);text-align:left;border-bottom:1px solid var(--border);transition:var(--transition-colors)}.command-palette-item:hover{background:var(--surface)}.command-palette-item:last-child{border-bottom:none}.command-palette-icon{flex-shrink:0;font-size:var(--text-h4)}.command-palette-label{flex:1;font-size:var(--text-body);color:var(--text)}.command-palette-shortcut{flex-shrink:0;font-size:var(--text-small);font-family:var(--font-mono);color:var(--muted);padding:var(--gap-xs) var(--gap-sm);background:var(--surface);border-radius:var(--radius-xs)}.tabs{width:100%}.tabs-list{border-radius:var(--radius-md);background-color:var(--muted);padding:var(--gap-xs)}.tabs-list,.tabs-trigger{display:inline-flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.tabs-trigger{white-space:nowrap;border-radius:var(--radius-sm);padding:var(--gap-sm) var(--gap-md);font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;border:none;background:none}.tabs-trigger:hover{background-color:var(--accent);color:var(--accent-foreground)}.tabs-trigger:focus{outline:2px solid var(--ring);outline-offset:2px}.tabs-trigger--active{background-color:var(--background);color:var(--foreground);box-shadow:var(--shadow-sm)}.tabs-trigger:disabled{pointer-events:none;opacity:.5}.tabs-content{margin-top:var(--gap-sm);border-radius:var(--radius-md)}.tabs-content:focus{outline:2px solid var(--ring);outline-offset:2px}.tabs-list--underline{background-color:transparent;border-bottom:1px solid var(--border);border-radius:0;padding:0}.tabs-list--underline .tabs-trigger{border-radius:0;border-bottom:2px solid transparent;padding-bottom:var(--gap-sm)}.tabs-list--underline .tabs-trigger--active{background-color:transparent;border-bottom-color:var(--primary);color:var(--primary);box-shadow:none}.tabs-list--sm .tabs-trigger{padding:var(--gap-xs) var(--gap-sm);font-size:.75rem}.tabs-list--lg .tabs-trigger{padding:var(--gap-sm) var(--gap-md);font-size:1rem}.modal-overlay{position:fixed;inset:0;z-index:50;background-color:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:var(--gap-md);animation:modal-overlay-show .2s ease-out}.modal-content{position:relative;background-color:var(--background);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:32rem;max-height:85vh;overflow:hidden;animation:modal-content-show .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-xl);border-bottom:1px solid var(--border)}.modal-title{font-size:1.125rem;font-weight:600;line-height:1;color:var(--foreground)}.modal-close{position:absolute;right:var(--gap-md);top:var(--gap-md);background:none;border:none;cursor:pointer;padding:var(--gap-xs);border-radius:var(--radius-sm);color:var(--muted-foreground);opacity:.7;transition:opacity .2s ease}.modal-close:hover{opacity:1}.modal-close:focus{outline:2px solid var(--ring);outline-offset:2px}.modal-body{padding:var(--gap-xl);overflow-y:auto;max-height:calc(85vh - 8rem)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--gap-sm);padding:var(--gap-xl);border-top:1px solid var(--border)}.modal-content--sm{max-width:24rem}.modal-content--md{max-width:32rem}.modal-content--lg{max-width:48rem}.modal-content--xl{max-width:64rem}.modal-content--full{max-width:95vw;max-height:95vh}@keyframes modal-overlay-show{0%{opacity:0}to{opacity:1}}@keyframes modal-content-show{0%{opacity:0;transform:translate(-50%,-48%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes modal-overlay-hide{0%{opacity:1}to{opacity:0}}@keyframes modal-content-hide{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-48%) scale(.95)}}.modal-overlay--exiting{animation:modal-overlay-hide .2s ease-in forwards}.modal-content--exiting{animation:modal-content-hide .2s ease-in forwards}.dropdown{position:relative;display:inline-block}.dropdown-trigger{background:none;border:none;cursor:pointer;padding:var(--gap-sm);border-radius:var(--radius-md);transition:background-color .2s ease}.dropdown-trigger:hover{background-color:var(--accent)}.dropdown-trigger:focus{outline:2px solid var(--ring);outline-offset:2px}.dropdown-content{position:absolute;top:100%;left:0;z-index:50;min-width:8rem;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--popover);color:var(--popover-foreground);box-shadow:var(--shadow-md);animation:dropdown-show .2s ease-out;margin-top:var(--gap-xs)}.dropdown-content--right{right:0;left:auto}.dropdown-content--top{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--gap-xs)}.dropdown-item{position:relative;display:flex;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;align-items:center;border-radius:var(--radius-sm);padding:var(--gap-sm) var(--gap-sm);font-size:.875rem;outline:none;transition:colors .2s ease;color:var(--popover-foreground)}.dropdown-item:focus,.dropdown-item:hover{background-color:var(--accent);color:var(--accent-foreground)}.dropdown-item--disabled{pointer-events:none;opacity:.5}.dropdown-item--destructive{color:var(--destructive)}.dropdown-item--destructive:focus,.dropdown-item--destructive:hover{background-color:var(--destructive);color:var(--destructive-foreground)}.dropdown-separator{height:1px;background-color:var(--border);margin:var(--gap-xs) 0}.dropdown-label{padding:var(--gap-sm) var(--gap-sm);font-size:.75rem;font-weight:600;color:var(--muted-foreground)}.dropdown-shortcut{margin-left:auto;font-size:.75rem;letter-spacing:.1em;opacity:.6}@keyframes dropdown-show{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes dropdown-hide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}.dropdown-content--exiting{animation:dropdown-hide .15s ease-in forwards}.drawer-overlay{inset:0;background-color:rgba(0,0,0,.5);animation:fade-in .2s ease}.drawer,.drawer-overlay{position:fixed;z-index:50}.drawer{background-color:var(--background);box-shadow:var(--shadow-xl);transition:transform .3s ease}.drawer--left{top:0;bottom:0;left:0;width:20rem;transform:translateX(-100%)}.drawer--left.drawer--open{transform:translateX(0)}.drawer--right{top:0;bottom:0;right:0;width:20rem;transform:translateX(100%)}.drawer--right.drawer--open{transform:translateX(0)}.drawer--top{top:0;left:0;right:0;height:20rem;transform:translateY(-100%)}.drawer--top.drawer--open{transform:translateY(0)}.drawer--bottom{bottom:0;left:0;right:0;height:20rem;transform:translateY(100%)}.drawer--bottom.drawer--open{transform:translateY(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md);border-bottom:1px solid var(--border)}.drawer-title{font-size:1.125rem;font-weight:600;color:var(--foreground)}.drawer-close{background:none;border:none;cursor:pointer;padding:var(--gap-xs);color:var(--muted-foreground);border-radius:var(--radius-sm);transition:all .2s ease}.drawer-close:hover{background-color:var(--accent);color:var(--accent-foreground)}.drawer-content{padding:var(--gap-md);overflow-y:auto;max-height:calc(100% - 5rem)}.drawer-footer{padding:var(--gap-md);border-top:1px solid var(--border)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.popover{z-index:50;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--gap-md);min-width:12rem;max-width:20rem}.popover,.popover-arrow{position:absolute;background-color:var(--background)}.popover-arrow{width:.5rem;height:.5rem;border:1px solid var(--border);transform:rotate(45deg)}.popover--top .popover-arrow{bottom:-.25rem;border-bottom:none;border-right:none}.popover--bottom .popover-arrow{top:-.25rem;border-top:none;border-left:none}.popover--left .popover-arrow{right:-.25rem;border-right:none;border-bottom:none}.popover--right .popover-arrow{left:-.25rem;border-left:none;border-top:none}.tooltip{z-index:100;color:var(--background);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-sm);font-size:.875rem;line-height:1.4;max-width:16rem;pointer-events:none;animation:tooltip-fade-in .15s ease}.tooltip,.tooltip-arrow{position:absolute;background-color:var(--foreground)}.tooltip-arrow{width:.375rem;height:.375rem;transform:rotate(45deg)}.tooltip--top .tooltip-arrow{bottom:-.1875rem}.tooltip--bottom .tooltip-arrow{top:-.1875rem}.tooltip--left .tooltip-arrow{right:-.1875rem}.tooltip--right .tooltip-arrow{left:-.1875rem}@keyframes tooltip-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.dropdown-menu{position:relative;display:inline-block}.dropdown-menu-content{position:absolute;top:100%;margin-top:var(--gap-xs);min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:var(--gap-xs);z-index:50}.dropdown-menu-content--left{left:0}.dropdown-menu-content--right{right:0}.dropdown-menu-item{width:100%;text-align:left;padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-xs);transition:var(--transition-colors)}.dropdown-menu-item:hover{background:var(--bg)}.dropdown-menu-separator{height:1px;background:var(--border);margin:var(--gap-xs) 0}.toast-container{position:fixed;z-index:var(--z-toast);pointer-events:none}.toast-container--top-right{top:var(--gap-lg);right:var(--gap-lg)}.toast-container--top-left{top:var(--gap-lg);left:var(--gap-lg)}.toast-container--bottom-right{bottom:var(--gap-lg);right:var(--gap-lg)}.toast-container--bottom-left{bottom:var(--gap-lg);left:var(--gap-lg)}.toast{display:flex;align-items:flex-start;gap:var(--gap-md);padding:var(--gap-md);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;min-width:20rem;max-width:28rem;margin-bottom:var(--gap-sm)}.toast--success{border-left:4px solid var(--success)}.toast--warning{border-left:4px solid var(--warning)}.toast--error{border-left:4px solid var(--error)}.toast--info{border-left:4px solid var(--info)}.toast-icon{width:1.25rem;height:1.25rem;flex-shrink:0}.toast-content{flex:1}.toast-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--gap-xs)}.toast-description{font-size:var(--text-tiny);color:var(--muted)}.toast-close{padding:var(--gap-xs);background:none;border:none;color:var(--muted);cursor:pointer;border-radius:var(--radius-sm);transition:var(--transition-colors)}.toast-close:hover{background-color:var(--muted);color:var(--foreground)}.toast-close-icon{width:1rem;height:1rem}.banner{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-md) var(--gap-md);border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--background);color:var(--foreground)}.banner-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.banner-content{flex:1;font-size:.875rem;line-height:1.5}.banner-title{font-weight:500;margin-bottom:var(--gap-xs)}.banner-close,.banner-description{color:var(--muted-foreground)}.banner-close{flex-shrink:0;background:none;border:none;cursor:pointer;padding:var(--gap-xs);border-radius:var(--radius-sm);transition:all .2s ease}.banner-close:hover{background-color:var(--accent);color:var(--accent-foreground)}.banner--info{background-color:color-mix(in srgb,var(--info) 10%,transparent);border-color:var(--info);color:var(--info)}.banner--info .banner-description{color:var(--info);opacity:.9}.banner--success{background-color:color-mix(in srgb,var(--success) 10%,transparent);border-color:var(--success);color:var(--success)}.banner--success .banner-description{color:var(--success);opacity:.9}.banner--warning{background-color:color-mix(in srgb,var(--warning) 10%,transparent);border-color:var(--warning);color:var(--warning)}.banner--warning .banner-description{color:var(--warning);opacity:.9}.banner--destructive{background-color:color-mix(in srgb,var(--destructive) 10%,transparent);border-color:var(--destructive);color:var(--destructive)}.banner--destructive .banner-description{color:var(--destructive);opacity:.9}.banner--fixed{position:fixed;top:0;left:0;right:0;z-index:50;border-radius:0;border-left:none;border-right:none;border-top:none}.sidebar{display:flex;flex-direction:column;width:16rem;height:100vh;background-color:var(--background);border-right:1px solid var(--border);overflow-y:auto}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md);border-bottom:1px solid var(--border)}.sidebar-logo{font-size:1.125rem;font-weight:600;color:var(--foreground)}.sidebar-content{flex:1;padding:var(--gap-md);overflow-y:auto}.sidebar-footer{padding:var(--gap-md);border-top:1px solid var(--border)}.sidebar-nav{display:flex;flex-direction:column;gap:var(--gap-xs)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--gap-md);padding:var(--gap-sm) var(--gap-md);border-radius:var(--radius-md);font-size:.875rem;color:var(--muted-foreground);text-decoration:none;transition:all .2s ease;cursor:pointer}.sidebar-nav-item:hover{background-color:var(--accent);color:var(--accent-foreground)}.sidebar-nav-item--active{background-color:var(--primary);color:var(--bg);font-weight:500}.sidebar-nav-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.sidebar--collapsed{width:4rem}.sidebar--collapsed .sidebar-logo,.sidebar--collapsed .sidebar-nav-item span{display:none}.sidebar--collapsed .sidebar-nav-item{justify-content:center;padding:var(--gap-sm)}@media (max-width:768px){.sidebar{position:fixed;top:0;left:0;z-index:40;transform:translateX(-100%);transition:transform .3s ease}.sidebar--open{transform:translateX(0)}}.sidebar-overlay{position:fixed;inset:0;z-index:30;background-color:rgba(0,0,0,.5);display:none}@media (max-width:768px){.sidebar-overlay--visible{display:block}}.page-header{flex-direction:column;padding:var(--padding-section-xl) 0;border-bottom:1px solid var(--border)}.page-header,.page-header-top{display:flex;gap:var(--gap-md)}.page-header-top{align-items:center;justify-content:space-between}.page-header-content{flex:1}.page-header-breadcrumb,.page-title{margin-bottom:var(--margin-sm)}.page-title{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--titles)}.page-subtitle{font-size:var(--text-body-lg);color:var(--muted);line-height:var(--leading-normal);max-width:48rem}.page-header-actions{display:flex;align-items:center;gap:var(--gap-sm)}.page-header-tabs{margin-top:var(--margin-md)}.page-header--left{text-align:left}.page-header--center{text-align:center}.page-header--center .page-subtitle{margin-left:auto;margin-right:auto}.page-header--right{text-align:right}.page-header--right .page-subtitle{margin-left:auto}.page-header--compact{padding:var(--padding-section-sm) 0}.page-header--compact .page-title{font-size:var(--text-h1);margin-bottom:var(--margin-sm)}.page-header--compact .page-subtitle{font-size:var(--text-body)}@media (max-width:768px){.page-header{padding:var(--padding-section-md) 0}.page-header-top{flex-direction:column;align-items:flex-start}.page-title{font-size:var(--text-h1)}.page-subtitle{font-size:var(--text-body)}.page-header-actions{width:100%;flex-direction:column}.page-header-actions>*{width:100%}}.navbar{background-color:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);position:sticky;top:0;z-index:50}.navbar--transparent{background-color:transparent;border-bottom:none;position:absolute;width:100%}.navbar--transparent.navbar--menu-open{background-color:var(--navbar-bg);border-bottom:1px solid var(--navbar-border)}.navbar-container{max-width:100%;margin:0;padding:0 5%;display:flex;align-items:center;justify-content:space-between;height:4rem}.navbar-brand{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-body-lg);font-weight:600;color:var(--titles);text-decoration:none;transition:opacity .2s;max-height:var(--gap-md)}.navbar-brand:hover{opacity:.8}.navbar-brand img,.navbar-brand svg{max-height:var(--gap-md);width:auto}.navbar-nav{display:flex;align-items:center;gap:var(--gap-xl)}.navbar-link{color:var(--titles);text-decoration:none;font-size:var(--text-body);font-weight:var(--font-semibold);transition:color .2s}.navbar-link--active,.navbar-link:hover{color:var(--primary)}.navbar-actions{display:flex;align-items:center;gap:var(--gap-md)}.navbar-toggle{display:none;background:transparent;border:none;cursor:pointer;padding:var(--gap-sm);transition:opacity .2s}.navbar-toggle:hover{opacity:.8}.navbar-menu{display:none;background-color:var(--navbar-bg);border-top:1px solid var(--navbar-border);padding:var(--gap-md)}.navbar-menu-nav{display:flex;flex-direction:column;gap:var(--gap-md)}.navbar-menu-link{color:var(--text);text-decoration:none;font-size:var(--text-body);font-weight:500;padding:var(--gap-sm);border-radius:var(--radius-xs);transition:background-color .2s,color .2s}.navbar-menu-link--active,.navbar-menu-link:hover{background-color:var(--surface);color:var(--primary)}.navbar-menu-actions{margin-top:var(--gap-md);padding-top:var(--gap-md);border-top:1px solid var(--border);display:flex;gap:var(--gap-md)}@media (max-width:768px){.navbar-nav{display:none}.navbar-menu,.navbar-toggle{display:block}}.footer{background:var(--footer-bg);color:var(--text);padding:var(--padding-section-md) 0;border-top:1px solid var(--footer-border)}.footer-container{max-width:100%;margin:0;padding-left:5%;padding-right:5%}.footer-top{margin-bottom:var(--padding-section-md)}.footer-top .footer-container{display:grid;grid-template-columns:1.2fr 2fr;gap:var(--padding-section-xl)}@media (max-width:768px){.footer-top .footer-container{grid-template-columns:1fr;gap:var(--padding-section-sm)}}.footer-newsletter{display:flex;flex-direction:column;gap:var(--gap-md)}.footer-logo{font-size:var(--text-h3);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--gap-sm);max-height:var(--gap-xl);display:flex;align-items:center}.footer-logo img,.footer-logo svg{max-height:var(--gap-xl);width:auto}.footer-newsletter-text{font-size:var(--text-small);color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--gap-md)}.footer-newsletter-form{display:flex;gap:var(--gap-sm);margin-bottom:var(--gap-md)}.footer-newsletter-input{flex:1;height:2.5rem;padding:0 var(--gap-md);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-small)}.footer-newsletter-input::-moz-placeholder{color:var(--muted)}.footer-newsletter-input::placeholder{color:var(--muted)}.footer-newsletter-input:focus{outline:none;border-color:var(--primary)}.footer-newsletter-disclaimer{font-size:var(--text-tiny);color:var(--muted);line-height:var(--leading-relaxed)}.footer-newsletter-disclaimer a{color:var(--primary);text-decoration:underline}.footer-links{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:var(--gap-xs);align-items:start}@media (max-width:1024px){.footer-links{grid-template-columns:repeat(2,1fr)!important;gap:var(--gap-xl)}}.footer-column{display:flex;flex-direction:column;gap:var(--gap-sm)}.footer-column-title{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-xs)}.footer-column-links{display:flex;flex-direction:column;gap:var(--gap-sm)}.footer-link{font-size:var(--text-small);color:var(--text);font-weight:var(--font-semibold);text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--primary)}.footer-separator{height:1px;background:var(--border);margin:0 0 var(--gap-xl);opacity:.3}[data-theme=light] .footer-separator{background:#1f1f23!important;opacity:.3!important}.footer-bottom .footer-container{display:flex;justify-content:space-between;align-items:center}@media (max-width:640px){.footer-bottom .footer-container{flex-direction:column;gap:var(--gap-md);text-align:center}}.footer-copyright{font-size:var(--text-small);color:var(--muted)}.footer-social{display:flex;gap:var(--gap-xl);align-items:center}.footer-social-link{display:flex;align-items:center;gap:var(--gap-sm);font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--text);text-decoration:none;transition:color .2s}.footer-social-link:hover{color:var(--primary)}.footer-social-icon{width:20px;height:20px}.section-header{margin-bottom:var(--padding-container);padding-left:var(--padding-section-sm);padding-right:var(--padding-section-sm)}@media (min-width:768px){.section-header{padding-left:var(--padding-section-md);padding-right:var(--padding-section-md)}}@media (min-width:1024px){.section-header{padding-left:var(--padding-section-xl);padding-right:var(--padding-section-xl)}}.section-header--left{text-align:left}.section-header--center{text-align:center}.section-header--right{text-align:right}.section-header-title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);margin-bottom:var(--margin-sm)}.section-header-subtitle{font-size:var(--text-body-lg);color:var(--muted);line-height:var(--leading-tight);margin-bottom:var(--margin-lg)}.section-header-actions{display:flex;gap:var(--gap-md);align-items:center;margin-top:var(--margin-lg)}.section-header--center .section-header-actions{justify-content:center}.section-header--left .section-header-actions{justify-content:flex-start}.section-header--right .section-header-actions{justify-content:flex-end}.doc-layout{display:grid;grid-template-columns:280px 1fr;gap:0;min-height:calc(100vh - 64px)}.doc-layout-sidebar{border-right:1px solid var(--border);padding:var(--padding-section-md) var(--gap-xl);position:sticky;top:64px;height:calc(100vh - 64px);overflow-y:auto;background:var(--bg)}.doc-layout-content{width:100%}.doc-nav-section{margin-bottom:var(--gap-xl)}.doc-nav-title{display:block;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--titles);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--gap-md);text-decoration:none;padding:var(--gap-sm) 0;transition:var(--transition-colors);cursor:pointer}.doc-nav-title:hover{color:var(--primary)}.doc-nav-list{list-style:none;padding:0;margin:0}.doc-nav-list li{margin-bottom:var(--gap-sm)}.doc-nav-link{display:block;padding:var(--gap-sm) var(--gap-md);color:var(--text);text-decoration:none;border-radius:var(--radius-xs);transition:var(--transition-colors);font-size:var(--text-body)}.doc-nav-link:hover{background-color:var(--surface);color:var(--titles)}.doc-nav-link:active,.doc-nav-link[aria-current=page]{background-color:var(--primary);color:#0b0b0d;font-weight:var(--font-medium)}@media (max-width:768px){.doc-layout{grid-template-columns:1fr}.doc-layout-sidebar{display:none}}.grid{display:grid}.grid--cols-1{grid-template-columns:repeat(1,1fr)}.grid--cols-2{grid-template-columns:repeat(2,1fr)}.grid--cols-3{grid-template-columns:repeat(3,1fr)}.grid--cols-4{grid-template-columns:repeat(4,1fr)}.grid--cols-6{grid-template-columns:repeat(6,1fr)}.grid--cols-12{grid-template-columns:repeat(12,1fr)}.grid--gap-sm{gap:var(--gap-sm)}.grid--gap-md{gap:var(--gap-md)}.grid--gap-lg{gap:var(--gap-lg)}.grid--gap-xl{gap:var(--gap-xl)}.grid-item--span-1{grid-column:span 1}.grid-item--span-2{grid-column:span 2}.grid-item--span-3{grid-column:span 3}.grid-item--span-4{grid-column:span 4}.grid-item--span-6{grid-column:span 6}.grid-item--span-12{grid-column:span 12}.masonry{-moz-column-count:1;column-count:1}.masonry--cols-2{-moz-column-count:2;column-count:2}.masonry--cols-3{-moz-column-count:3;column-count:3}.masonry--cols-4{-moz-column-count:4;column-count:4}.masonry--gap-sm{-moz-column-gap:var(--gap-sm);column-gap:var(--gap-sm)}.masonry--gap-md{-moz-column-gap:var(--gap-md);column-gap:var(--gap-md)}.masonry--gap-lg{-moz-column-gap:var(--gap-lg);column-gap:var(--gap-lg)}.masonry>*{-moz-column-break-inside:avoid;break-inside:avoid;margin-bottom:var(--gap-md)}@media (max-width:768px){.masonry--cols-3,.masonry--cols-4{-moz-column-count:2;column-count:2}}@media (max-width:480px){.masonry{-moz-column-count:1;column-count:1}}.split{display:flex;gap:var(--gap-md)}.split--horizontal{flex-direction:row}.split--vertical{flex-direction:column}.split--ratio-1-1 .split-left,.split--ratio-1-1 .split-right,.split--ratio-1-2 .split-left{flex:1}.split--ratio-1-2 .split-right,.split--ratio-2-1 .split-left{flex:2}.split--ratio-1-3 .split-left,.split--ratio-2-1 .split-right{flex:1}.split--ratio-1-3 .split-right,.split--ratio-3-1 .split-left{flex:3}.split--ratio-3-1 .split-right{flex:1}@media (max-width:768px){.split--horizontal{flex-direction:column}}.project-header{padding:var(--gap-xl)}.project-header-content{display:flex;align-items:flex-start;justify-content:space-between}.project-header-info{flex:1}.project-header-title-row{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-sm);flex-wrap:wrap}.project-header-title{font-size:1.25rem;font-weight:600;color:var(--titles);margin:0}.project-header-badge{font-size:.875rem}.project-header-type--artiste{background:var(--primary-muted);color:var(--primary)}.project-header-type--beatmaker{background:rgba(59,130,246,.15);color:var(--info)}.project-header-type--studio{background:rgba(34,197,94,.15);color:var(--success)}.project-header-type--producteur{background:rgba(245,158,11,.15);color:var(--warning)}.project-header-status--draft{background:rgba(107,114,128,.15);color:var(--muted)}.project-header-status--active{background:rgba(34,197,94,.15);color:var(--success)}.project-header-status--archived{background:rgba(245,158,11,.15);color:var(--warning)}.project-header-description{font-size:.875rem;color:var(--muted);margin:0 0 var(--gap-md);line-height:1.4}.project-header-meta{display:flex;align-items:center;gap:var(--gap-md);font-size:.75rem;color:var(--muted)}.project-header-meta-item{display:inline-block}.project-header-actions{display:flex;align-items:center;gap:var(--gap-sm);flex-shrink:0}.project-header-action{padding:var(--gap-sm) var(--gap-md);font-size:.875rem;background:rgba(255,255,255,.05);color:var(--muted);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.project-header-action:hover{background:rgba(255,255,255,.1);color:var(--titles)}.project-header-action-icon{width:1rem;height:1rem}.prose{color:var(--text);line-height:var(--leading-relaxed);margin-bottom:var(--gap-xl)}.prose:last-child{margin-bottom:0}.prose h2{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--titles);margin-top:var(--gap-xl);margin-bottom:var(--gap-md)}.prose h3{font-size:var(--text-h3);margin-top:var(--gap-lg)}.prose h3,.prose h4{font-weight:var(--font-semibold);color:var(--titles);margin-bottom:var(--gap-sm)}.prose h4{font-size:var(--text-h4);margin-top:var(--gap-md)}.prose ol,.prose p,.prose ul{margin-bottom:var(--gap-md)}.prose ol,.prose ul{padding-left:var(--gap-lg)}.prose li{margin-bottom:var(--gap-sm)}.prose strong{font-weight:var(--font-semibold);color:var(--titles)}.prose a{color:var(--primary);text-decoration:underline}.prose a:hover{opacity:.8}.prose code{padding:.125rem .375rem;border-radius:var(--radius-xs);font-family:monospace;font-size:.875em;color:var(--titles)}.prose code,.prose pre{background-color:var(--surface)}.prose pre{padding:var(--gap-md);border-radius:var(--radius-sm);overflow-x:auto;margin-bottom:var(--gap-md)}.prose pre code{background-color:transparent;padding:0}.prose blockquote{border-left:4px solid var(--primary);padding-left:var(--gap-md);margin-left:0;margin-bottom:var(--gap-md);font-style:italic;color:var(--muted)}.prose hr{border:none;border-top:1px solid var(--border);margin:var(--gap-xl) 0}.prose table{width:100%;border-collapse:collapse;margin-bottom:var(--gap-md)}.prose td,.prose th{padding:var(--gap-sm) var(--gap-md);border:1px solid var(--border);text-align:left}.prose th{background-color:var(--surface);font-weight:var(--font-semibold);color:var(--titles)}.code-block{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--bg)}.code-block-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-sm) var(--gap-md);background:var(--surface);border-bottom:1px solid var(--border)}.code-block-language{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--muted);text-transform:uppercase}.code-block-pre{margin:0;padding:var(--gap-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--text-small);line-height:var(--leading-relaxed)}.code-block-code{display:block}.code-block-line{display:flex;gap:var(--gap-md)}.code-block-line-number{display:inline-block;min-width:2em;text-align:right;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.code-block-line-content{flex:1}.markdown{color:var(--text);line-height:var(--leading-relaxed)}.markdown h1,.markdown h2,.markdown h3{color:var(--titles);font-weight:var(--font-semibold);margin-top:var(--gap-xl);margin-bottom:var(--gap-md)}.markdown h1{font-size:var(--text-h1)}.markdown h2{font-size:var(--text-h2)}.markdown h3{font-size:var(--text-h3)}.markdown strong{font-weight:var(--font-semibold);color:var(--titles)}.markdown em{font-style:italic}.markdown code{font-family:var(--font-mono);font-size:var(--text-small);background:var(--surface);padding:.2em .4em;border-radius:var(--radius-xs);border:1px solid var(--border)}.markdown a{color:var(--primary);text-decoration:none;transition:var(--transition-colors)}.markdown a:hover{text-decoration:underline}.legal-page{max-width:850px;margin:0 auto}.legal-page-header{margin-bottom:4rem;padding-bottom:2rem;border-bottom:2px solid var(--border);text-align:center}.legal-page-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:var(--font-bold);color:var(--titles);margin:0 0 1rem;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.legal-page-meta{font-size:var(--text-small);color:var(--muted);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.legal-page-content{display:flex;flex-direction:column;gap:3.5rem}.legal-section{display:flex;flex-direction:column;gap:1.5rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.legal-section:last-child{border-bottom:none;padding-bottom:0}.legal-section-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:var(--font-bold);color:var(--titles);margin:0 0 .5rem;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight)}.legal-section-content{font-size:1.0625rem;color:var(--text);line-height:1.75;white-space:pre-line}.legal-section-items{display:flex;flex-direction:column;gap:1rem;padding-left:0;margin:1.5rem 0;list-style:none}.legal-section-item{font-size:1.0625rem;color:var(--text);line-height:1.75;position:relative;padding-left:2rem}.legal-section-item:before{content:"→";position:absolute;left:0;top:.125rem;color:var(--primary);font-weight:var(--font-bold);font-size:1.25rem}.legal-section-item strong{color:var(--titles);font-weight:var(--font-bold)}.legal-section-contact{font-size:1rem;color:var(--text);line-height:1.75;margin-top:1.5rem;padding:1.5rem;background-color:var(--muted-bg);border-radius:var(--radius-lg);border-left:4px solid var(--primary);box-shadow:0 1px 3px rgba(0,0,0,.1)}.legal-section-contact a,.legal-section-content a,.legal-section-item a{color:var(--primary);text-decoration:underline;text-underline-offset:2px;transition:var(--transition-all);font-weight:var(--font-medium)}.legal-section-contact a:hover,.legal-section-content a:hover,.legal-section-item a:hover{opacity:.8;text-decoration-thickness:2px}@media (max-width:768px){.legal-page{max-width:100%}.legal-page-header{margin-bottom:var(--gap-xl);padding-bottom:var(--gap-lg)}.legal-page-title{font-size:var(--text-h2)}.legal-section{gap:var(--gap-md);padding-bottom:var(--gap-lg)}.legal-section-title{font-size:var(--text-h4)}.legal-section-content,.legal-section-item{font-size:var(--text-small)}.legal-section-item{padding-left:var(--gap-lg)}}.hero{position:relative;width:100%;min-height:100vh;display:flex;align-items:center;padding:var(--padding-section-xl) var(--padding-container);border-bottom:1px solid var(--border)}.hero--with-bg{border-bottom:none}.hero-overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg),color-mix(in srgb,var(--bg) 30%,transparent))}.hero-container{position:relative;z-index:10;width:100%;max-width:80rem;margin:0 auto}.hero-content{width:100%}.hero-content--center{text-align:center;display:flex;flex-direction:column;align-items:center}.hero-content--left{text-align:left}.hero-content--split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl);align-items:center}.hero-text{display:flex;flex-direction:column;gap:var(--gap-md)}.hero-eyebrow{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--primary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.hero-eyebrow,.hero-title{margin-bottom:var(--margin-sm)}.hero-title{font-size:clamp(var(--text-h1),8vw,var(--text-display-sm));line-height:var(--leading-none);font-weight:var(--font-bold);color:var(--titles);max-width:50rem;letter-spacing:var(--tracking-tight)}.hero-subtitle{font-size:var(--text-body-lg);line-height:var(--leading-tight);font-weight:var(--font-normal);color:var(--text);margin-bottom:var(--margin-lg);max-width:42rem;opacity:.9}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--gap-md);align-items:center}.hero-content--center .hero-actions{justify-content:center}.hero-image{min-height:200px;margin-top:var(--margin-xl)}.hero-content--split .hero-image{margin-top:0}@media (max-width:1024px){.hero{padding:var(--padding-section-lg) var(--padding-container)}}@media (max-width:768px){.hero{padding:var(--padding-section-md) var(--padding-section-sm)}.hero-content--split{grid-template-columns:1fr;gap:var(--gap-lg)}}.cta-section{padding:var(--space-section-lg) var(--padding-container);text-align:center;background-color:none}.cta-container{max-width:var(--max-width-container);margin:0 auto}.cta-content--text-only{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xl)}.cta-actions{display:flex;gap:var(--gap-md);flex-wrap:wrap;justify-content:center}.cta-content--with-image{display:grid;grid-template-columns:1fr;gap:var(--gap-xl);align-items:center}@media (min-width:768px){.cta-content--with-image{grid-template-columns:1fr 1fr}.cta-content--reverse{direction:rtl}.cta-content--reverse>*{direction:ltr}}.cta-text{display:flex;flex-direction:column;gap:var(--gap-lg)}.cta-image{display:flex;align-items:center;justify-content:center}.content-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-xl);align-items:center}.content-split-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--radius-md)}.content-split-image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.content-split-content{display:flex;flex-direction:column;gap:var(--gap-md)}.content-split-title{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--titles);line-height:var(--leading-none)}.content-split-subtitle{font-size:var(--text-body-lg);color:var(--text);line-height:var(--leading-tight)}.content-split-features{display:flex;flex-direction:column;gap:var(--gap-sm);list-style:none;padding:0;margin:0;margin-bottom:var(--gap-md)}.content-split-feature{font-size:var(--text-body);font-weight:var(--font-semibold);color:var(--titles);display:flex;align-items:center;gap:var(--gap-md)}.content-split-actions{display:flex;gap:var(--gap-md);flex-wrap:wrap}@media (max-width:768px){.content-split{grid-template-columns:1fr;gap:var(--gap-xl)}.content-split-image{order:-1}}.faq-container{max-width:48rem;margin:0 auto;display:flex;flex-direction:column;gap:var(--gap-md)}.faq-item{background-color:var(--surface);border:none;border-radius:var(--radius-lg);overflow:hidden}.faq-question{display:flex;justify-content:space-between;align-items:center;padding:var(--gap-xl) var(--padding-section-sm);background:none;border:none;width:100%;text-align:left;font-size:var(--text-body-lg);font-weight:var(--font-medium);color:var(--titles);cursor:pointer;transition:all .2s ease}.faq-question:hover{background-color:var(--bg)}.faq-icon{width:1.25rem;height:1.25rem;color:var(--primary);transition:transform .2s ease;flex-shrink:0}.faq-icon--open{transform:rotate(180deg)}.faq-answer{padding:0 var(--padding-section-sm) var(--gap-xl) var(--padding-section-sm);color:var(--text);line-height:var(--leading-tight);font-size:var(--text-body);background-color:var(--surface)}.faq-answer p{margin:0}.logo-cloud,.logo-cloud-grid{flex-wrap:wrap;gap:var(--gap-xl)}.logo-cloud,.logo-cloud-grid,.logo-cloud-item{display:flex;justify-content:center;align-items:center}.logo-cloud-item{opacity:.8;transition:opacity .2s ease}.logo-cloud-item:hover{opacity:1}.logo-cloud-image{height:2rem;-o-object-fit:contain;object-fit:contain}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--gap-xl)}@media (min-width:768px){.testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{padding:var(--gap-lg);background-color:var(--bg);border:none;border-radius:var(--radius-sm);position:relative;text-align:center;width:100%;display:flex;flex-direction:column;min-height:300px;box-sizing:border-box;overflow:hidden}@media (min-width:768px){.testimonial-card{padding:var(--gap-xl)}}.testimonials-grid .testimonial-card{margin:0 auto;max-width:800px}.testimonial-quote{display:block;font-size:var(--text-body);color:var(--text);line-height:var(--leading-tight);margin:0 0 var(--gap-lg) 0;padding:0;font-style:italic;word-wrap:break-word;overflow-wrap:break-word;white-space:normal;max-width:100%}@media (min-width:768px){.testimonial-quote{font-size:var(--text-h4);line-height:var(--leading-tight)}}.testimonial-author{display:flex;flex-direction:column;align-items:center;gap:var(--gap-md)}.testimonial-avatar{width:2.25rem;height:2.25rem;border-radius:var(--radius-full);-o-object-fit:cover;object-fit:cover}.testimonial-avatar--placeholder{background-color:var(--surface)}.testimonial-info{display:flex;flex-direction:column;gap:var(--gap-xs)}.testimonial-info h4{font-size:var(--text-h4);font-weight:600;color:var(--titles);margin-bottom:var(--gap-xs)}.testimonial-info p{font-size:.75rem;color:var(--muted)}.testimonial-name{font-weight:500;color:var(--titles)}.testimonial-role{font-size:.75rem;color:var(--muted)}.testimonials-carousel{overflow:hidden}.testimonials-carousel .carousel-item{min-width:0;flex:0 0 100%}.testimonials-carousel .testimonial-card{margin:0;max-width:100%;min-width:0;position:relative;left:auto;right:auto}.testimonials-carousel .testimonial-quote{width:100%;max-width:100%;box-sizing:border-box;overflow-wrap:anywhere;word-break:break-word;hyphens:auto}@media (max-width:767.98px){.testimonials-carousel .testimonial-card{min-height:unset}}@media (min-width:768px){.testimonials-carousel .testimonial-card{margin:0 auto;max-width:800px}}.testimonials-carousel .testimonial-avatar,.testimonials-grid--no-avatar .testimonial-avatar{display:none}.stats-grid{display:grid;gap:var(--gap-xl);grid-template-columns:1fr}.stats-grid--2{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.stats-grid--3{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stats-grid--4{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.stat-card,.stat-item{text-align:center;padding:var(--gap-xl);background:var(--surface);border:none;border-radius:var(--radius-md);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);border-color:var(--primary);box-shadow:0 8px 16px rgba(0,0,0,.1)}.stat-value{font-size:clamp(var(--text-h1),5vw,var(--text-display-sm));font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--gap-md);line-height:var(--leading-none);letter-spacing:var(--tracking-tight)}.stat-label{font-size:var(--text-body-lg);font-weight:var(--font-medium);color:var(--titles);margin-bottom:var(--gap-xs);opacity:.9}.stat-sublabel{font-size:var(--text-small);color:var(--muted);line-height:var(--leading-tight)}@media (max-width:768px){.stats-grid--2,.stats-grid--3,.stats-grid--4{grid-template-columns:1fr}}.steps{width:100%;margin:0 auto;padding:var(--padding-section-md) var(--gap-md)}.steps-container{margin:0 auto;max-width:80rem}.steps-header{margin-bottom:var(--gap-xl);text-align:center}.steps-title{font-size:1.875rem;font-weight:600;color:var(--titles);margin-bottom:var(--gap-md)}@media (min-width:768px){.steps-title{font-size:2.25rem}}.steps-subtitle{font-size:1.125rem;color:var(--muted);margin:0}.steps-list{display:flex;flex-direction:column;gap:var(--padding-section-sm)}@media (min-width:768px){.steps-list{gap:var(--padding-section-md)}}.steps-list--horizontal{flex-direction:row;gap:var(--gap-xl)}@media (min-width:768px){.steps-list--horizontal{gap:var(--padding-section-md)}}.steps-list--horizontal .step-item{flex-direction:column;align-items:center;text-align:center;flex:1}.step-item{display:flex;gap:var(--gap-xl);align-items:flex-start}@media (min-width:768px){.step-item{gap:var(--gap-xl)}}.step-number{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;background-color:var(--primary);color:var(--on-primary);border-radius:var(--radius-full);font-weight:600;font-size:1.125rem;flex-shrink:0}.step-content{flex:1;padding-top:var(--gap-xs)}.step-title{font-size:1.25rem;font-weight:600;color:var(--titles);margin-bottom:var(--gap-sm)}.step-description{color:var(--text);line-height:1.6;margin:0}.pricing-strip{width:100%;margin:0 auto;padding:var(--padding-section-md) var(--gap-md);background-color:var(--surface)}.pricing-strip-container{margin:0 auto;max-width:60rem;text-align:center}.pricing-strip-title{font-size:1.5rem;font-weight:600;color:var(--titles);margin-bottom:var(--gap-md)}.pricing-strip-description{color:var(--muted);margin-bottom:var(--gap-xl)}.pricing-strip-content{display:flex;flex-direction:column;align-items:center;gap:var(--gap-xl)}@media (min-width:768px){.pricing-strip-content{flex-direction:row;justify-content:center}}.pricing-strip-price{display:flex;align-items:baseline;gap:var(--gap-sm)}.pricing-strip-amount{font-size:2.5rem;font-weight:700;color:var(--primary)}.pricing-strip-period{font-size:1rem;color:var(--muted)}.pricing-strip-actions{display:flex;gap:var(--gap-md);flex-wrap:wrap;justify-content:center}.newsletter{background-color:var(--primary);color:var(--on-primary);padding:var(--space-section-lg) var(--padding-container);text-align:center}.newsletter-section{background:linear-gradient(135deg,var(--primary) 0,#4a90e2 100%);padding:var(--padding-section-md) 0;text-align:center;margin:var(--padding-section-md) 0}.newsletter-container{max-width:32rem;margin:0 auto}.newsletter-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--on-primary);margin-bottom:var(--gap-md)}.newsletter-description{font-size:1rem;color:var(--on-primary);opacity:.9;margin-bottom:var(--gap-xl);max-width:28rem;margin-left:auto;margin-right:auto}.newsletter-form{display:flex;flex-direction:column;gap:var(--gap-md);max-width:24rem;margin:0 auto}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-input{flex:1;padding:.75rem 1rem;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg);color:var(--text);transition:border-color .2s ease;box-sizing:border-box}.newsletter-input:focus{outline:none;border-color:var(--primary)}.newsletter-button{padding:.75rem 1.5rem;background-color:var(--primary);color:var(--on-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity .2s ease;white-space:nowrap;font-weight:500;font-size:.875rem}.newsletter-button:hover{opacity:.9}.contact-block{width:100%;margin:0 auto;padding:var(--padding-section-md) var(--gap-md)}.contact-block-container{margin:0 auto;max-width:80rem;display:grid;gap:var(--padding-section-sm);grid-template-columns:1fr}@media (min-width:768px){.contact-block-container{grid-template-columns:1fr 1fr;gap:var(--padding-section-md)}}.contact-block-content{display:flex;flex-direction:column;gap:var(--gap-xl)}.contact-block-title{font-size:1.875rem;font-weight:600;color:var(--titles);margin-bottom:var(--gap-md)}.contact-block-description{color:var(--text);line-height:1.6;margin-bottom:var(--gap-xl)}.contact-block-info{display:flex;flex-direction:column;gap:var(--gap-md)}.contact-block-item{display:flex;align-items:center;gap:var(--gap-md)}.contact-block-icon{width:1.25rem;height:1.25rem;color:var(--primary);flex-shrink:0}.contact-block-text{color:var(--text)}.contact-block-form{background-color:var(--surface);padding:var(--gap-xl);border-radius:var(--radius-lg);border:1px solid var(--border)}.feature-grid{display:grid;gap:var(--gap-xl)}.feature-grid--cols-2,.feature-grid--cols-3,.feature-grid--cols-4{grid-template-columns:repeat(1,1fr)}@media (min-width:768px){.feature-grid--cols-2,.feature-grid--cols-3,.feature-grid--cols-4{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.feature-grid--cols-3{grid-template-columns:repeat(3,1fr)}.feature-grid--cols-4{grid-template-columns:repeat(4,1fr)}}.feature-grid-item{display:flex;flex-direction:column;gap:var(--gap-sm);background:var(--surface);padding:var(--gap-xl);border-radius:var(--radius-md)}.feature-grid-item--center{align-items:center;text-align:center}.feature-grid-icon{font-size:var(--text-h2);color:var(--primary)}.feature-grid-icon img{width:4rem;height:4rem;-o-object-fit:contain;object-fit:contain}.feature-grid-title{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--titles);margin:0}.feature-grid-description{font-size:var(--text-body);color:var(--muted);margin:0;line-height:var(--leading-relaxed)}.comparison{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm)}.comparison-header{padding:var(--gap-md) var(--gap-lg);text-align:left;font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);background:var(--surface)}.comparison-header,.comparison-row{border-bottom:1px solid var(--border)}.comparison-row:last-child{border-bottom:none}.comparison-feature{color:var(--titles);font-weight:var(--font-medium)}.comparison-feature,.comparison-value{padding:var(--gap-md) var(--gap-lg);font-size:var(--text-body)}.comparison-value{text-align:left;color:var(--muted)}.comparison-row:hover{background:var(--surface)}.content-split:has(.avnir-sphere-container){overflow:visible}.content-split:has(.avnir-sphere-container) .content-split-media{overflow:visible;border-radius:0}.avnir-sphere-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:31.25rem;overflow:visible!important;padding:3.125rem;perspective:1000px}.gradient-avnir{position:relative;width:15rem;height:15rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 0deg,#ff2d55,#ff9d00,#2fad66,#5cb9f2,#9802eb,#ff2d55);filter:blur(3.125rem) brightness(1.25);animation:avnir-spin 15s linear infinite;mix-blend-mode:screen;z-index:2}@keyframes avnir-spin{0%{transform:rotate(0deg) scale(1.02)}to{transform:rotate(1turn) scale(1.02)}}.orbiter{top:50%;left:50%;transform:translate(-50%,-50%)}.carrier,.orbiter{position:absolute}.orbiter--avnir .carrier,.orbiter--jacques .carrier{animation:orbit-horizontal 30s linear infinite}.orbiter--jacques .carrier{animation-delay:-15s}.planet{display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.orbiter--avnir .planet,.orbiter--jacques .planet{animation:orbit-depth 30s linear infinite}.orbiter--jacques .planet{animation-delay:-15s}.planet-img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.planet--avnir,.planet--jacques{background:#1b1b1d}@keyframes orbit-horizontal{0%{transform:translateX(11rem) translateY(0)}25%{transform:translateX(0) translateY(-3rem)}50%{transform:translateX(-11rem) translateY(0)}75%{transform:translateX(0) translateY(3rem)}to{transform:translateX(11rem) translateY(0)}}@keyframes orbit-depth{0%{transform:scale(1.3);z-index:3}25%{transform:scale(.9);z-index:2}50%{transform:scale(.7);z-index:1}75%{transform:scale(.9);z-index:2}to{transform:scale(1.3);z-index:3}}@media (max-width:48rem){.avnir-sphere-container{min-height:30rem;padding:var(--gap-2xl) var(--gap-lg);padding-top:4rem;padding-bottom:4rem}.gradient-avnir{filter:blur(2.5rem) brightness(1.25)}@keyframes orbit-horizontal{0%{transform:translateX(7rem) translateY(0)}25%{transform:translateX(0) translateY(-2rem)}50%{transform:translateX(-7rem) translateY(0)}75%{transform:translateX(0) translateY(2rem)}to{transform:translateX(7rem) translateY(0)}}.sphere-logo{width:4rem;height:4rem}.sphere-logo-text{font-size:var(--text-h3)}}.brand-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-lg);min-height:60vh;display:flex;align-items:center;justify-content:center}.brand-hero-bg{position:absolute;inset:0;z-index:0}.brand-hero-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.brand-hero-overlay{position:absolute;inset:0;background:var(--bg);z-index:1}.brand-hero-content{position:relative;z-index:10;width:100%;max-width:var(--container-max-width,1200px);margin:0 auto;padding:var(--space-48) var(--space-24);text-align:center}@media (min-width:768px){.brand-hero{min-height:70vh}.brand-hero-content{padding:var(--space-64) var(--space-32)}}@media (min-width:1024px){.brand-hero{min-height:80vh}.brand-hero-content{padding:var(--space-80) var(--space-48)}}.price{display:inline-flex;align-items:baseline;gap:var(--gap-sm);font-weight:600;color:var(--foreground)}.price-currency{font-size:.875em;font-weight:500;color:var(--muted-foreground);margin-right:var(--gap-xs)}.price-amount{font-size:1em;font-weight:700;color:var(--foreground)}.price-original{font-size:.875em;font-weight:400;color:var(--muted-foreground);text-decoration:line-through}.price--sm{font-size:.875rem}.price--md{font-size:1rem}.price--lg{font-size:1.5rem}.price:has(.price-original) .price-amount{color:var(--destructive)}.price--sale,.price--sale .price-amount{color:var(--destructive)}.mini-cart,.mini-cart-trigger{position:relative}.mini-cart-badge{position:absolute;top:-.5rem;right:-.5rem;min-width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;background-color:var(--primary);color:var(--bg);border-radius:var(--radius-full);padding:0 var(--gap-xs)}.mini-cart-panel{position:absolute;top:calc(100% + var(--gap-sm));right:0;width:20rem;background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:50}.mini-cart-header{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md);border-bottom:1px solid var(--border)}.mini-cart-title{font-size:.875rem;font-weight:600;color:var(--foreground)}.mini-cart-close{background:none;border:none;cursor:pointer;padding:var(--gap-xs);color:var(--muted-foreground);transition:color .2s ease}.mini-cart-close:hover{color:var(--foreground)}.mini-cart-items{max-height:20rem;overflow-y:auto;padding:var(--gap-md)}.mini-cart-item{display:flex;gap:var(--gap-md);padding-bottom:var(--gap-md);margin-bottom:var(--gap-md);border-bottom:1px solid var(--border)}.mini-cart-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mini-cart-item-image{-o-object-fit:cover;object-fit:cover}.mini-cart-item-image,.mini-cart-item-placeholder{width:3rem;height:3rem;border-radius:var(--radius-sm);background-color:var(--muted);flex-shrink:0}.mini-cart-item-placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.mini-cart-item-content{flex:1;min-width:0}.mini-cart-item-name{font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:var(--gap-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mini-cart-item-variant{font-size:.75rem;color:var(--muted-foreground);margin-bottom:var(--gap-sm)}.mini-cart-item-footer{display:flex;align-items:center;justify-content:space-between}.mini-cart-quantity{display:flex;align-items:center;gap:var(--gap-sm)}.mini-cart-quantity-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;color:var(--muted-foreground);cursor:pointer;transition:all .2s ease}.mini-cart-quantity-btn:hover{border-color:var(--primary);color:var(--foreground)}.mini-cart-quantity-value{font-size:.875rem;color:var(--foreground);min-width:2rem;text-align:center}.mini-cart-item-price{font-size:.875rem;font-weight:600;color:var(--foreground)}.mini-cart-item-remove{background:none;border:none;cursor:pointer;padding:var(--gap-xs);color:var(--destructive);transition:opacity .2s ease}.mini-cart-item-remove:hover{opacity:.8}.mini-cart-empty{padding:var(--padding-section-sm) var(--gap-xl);text-align:center}.mini-cart-empty-icon{width:4rem;height:4rem;margin:0 auto var(--gap-md);color:var(--muted-foreground)}.mini-cart-empty-text{font-size:.875rem;color:var(--muted-foreground)}.mini-cart-footer{padding:var(--gap-md);border-top:1px solid var(--border)}.mini-cart-total{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-md)}.mini-cart-total-label{font-size:.875rem;font-weight:500;color:var(--foreground)}.mini-cart-total-amount{font-size:1.125rem;font-weight:700;color:var(--foreground)}.variants-swatches{display:flex;flex-direction:column;gap:var(--gap-md)}.variants-swatches-label{font-size:.875rem;font-weight:500;color:var(--foreground)}.variants-swatches-group{display:flex;flex-wrap:wrap;gap:var(--gap-sm)}.swatch{position:relative;width:2.5rem;height:2.5rem;border-radius:var(--radius-sm);border:2px solid var(--border);cursor:pointer;transition:all .2s ease}.swatch:hover{border-color:var(--primary);transform:scale(1.05)}.swatch--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.swatch--disabled{opacity:.3;cursor:not-allowed;position:relative}.swatch--disabled:after{content:"";position:absolute;top:50%;left:-10%;right:-10%;height:1px;background-color:var(--destructive);transform:rotate(-45deg)}.swatch--size{width:auto;min-width:2.5rem;height:2.5rem;padding:0 var(--gap-md);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:500;color:var(--foreground);background-color:var(--background)}.swatch--size:hover{background-color:var(--accent)}.swatch--size.swatch--active{background-color:var(--primary);color:var(--bg)}.swatch--size.swatch--disabled{background-color:var(--muted);color:var(--muted-foreground)}.swatch--text{width:auto;min-width:4rem;height:2.5rem;padding:0 var(--gap-md);display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--foreground);background-color:var(--background);border-radius:var(--radius-md)}.swatch--text:hover{background-color:var(--accent)}.swatch--text.swatch--active{background-color:var(--primary);color:var(--bg);border-color:var(--primary)}.swatch--image{width:3rem;height:3rem;padding:0;overflow:hidden}.swatch--image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-gallery{display:grid;gap:var(--gap-md)}.media-gallery-main{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--muted)}.media-gallery-main-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-gallery-nav{position:absolute;bottom:var(--gap-md);left:50%;transform:translateX(-50%);display:flex;gap:var(--gap-sm);padding:var(--gap-sm);background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);border-radius:var(--radius-full)}.media-gallery-nav-btn{width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--foreground);cursor:pointer;border-radius:var(--radius-sm);transition:background-color .2s ease}.media-gallery-nav-btn:hover{background-color:rgba(255,255,255,.1)}.media-gallery-thumbnails{display:grid;grid-template-columns:repeat(auto-fill,minmax(4rem,1fr));gap:var(--gap-sm)}.media-gallery-thumbnail{position:relative;aspect-ratio:1;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all .2s ease}.media-gallery-thumbnail:hover{border-color:var(--primary)}.media-gallery-thumbnail--active{border-color:var(--primary);box-shadow:0 0 0 2px var(--background),0 0 0 4px var(--primary)}.media-gallery-thumbnail-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background-color:var(--muted)}.media-gallery-zoom{position:absolute;top:var(--gap-md);right:var(--gap-md);width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.5);backdrop-filter:blur(8px);border:none;border-radius:var(--radius-full);color:var(--foreground);cursor:pointer;transition:background-color .2s ease}.media-gallery-zoom:hover{background-color:rgba(0,0,0,.7)}.media-gallery-fullscreen{position:fixed;inset:0;z-index:100;background-color:rgba(0,0,0,.95);display:flex;align-items:center;justify-content:center;padding:var(--gap-xl)}.media-gallery-fullscreen-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.media-gallery-fullscreen-close{position:absolute;top:var(--gap-md);right:var(--gap-md);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:rgba(255,255,255,.1);border:none;border-radius:var(--radius-full);color:var(--foreground);cursor:pointer;transition:background-color .2s ease}.media-gallery-fullscreen-close:hover{background-color:rgba(255,255,255,.2)}.checkout-steps{justify-content:space-between;padding:var(--gap-xl) 0}.checkout-step,.checkout-steps{display:flex;align-items:center}.checkout-step{flex-direction:column;gap:var(--gap-sm);flex:1;position:relative}.checkout-step-indicator{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--muted);color:var(--muted-foreground);font-weight:600;font-size:.875rem;transition:all .2s ease;z-index:2}.checkout-step--active .checkout-step-indicator{background-color:var(--primary);color:var(--bg)}.checkout-step--completed .checkout-step-indicator{background-color:var(--success);color:var(--bg)}.checkout-step-label{font-size:.875rem;color:var(--muted-foreground);text-align:center;font-weight:500}.checkout-step--active .checkout-step-label,.checkout-step--completed .checkout-step-label{color:var(--foreground)}.checkout-step-connector{position:absolute;top:1.25rem;left:50%;right:-50%;height:2px;background-color:var(--border);z-index:1}.checkout-step:last-child .checkout-step-connector{display:none}.checkout-step--completed .checkout-step-connector{background-color:var(--success)}@media (max-width:768px){.checkout-steps{flex-direction:column;align-items:stretch}.checkout-step{flex-direction:row;justify-content:flex-start;padding:var(--gap-md) 0}.checkout-step-indicator{flex-shrink:0}.checkout-step-label{text-align:left;flex:1}.checkout-step-connector{top:auto;left:1.25rem;right:auto;bottom:-50%;width:2px;height:100%}.checkout-step:last-child .checkout-step-connector{display:none}}.faceted-search{display:flex;flex-direction:column;gap:var(--gap-xl)}.faceted-search-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:var(--gap-md);border-bottom:1px solid var(--border)}.faceted-search-title{font-size:1rem;font-weight:600;color:var(--foreground)}.faceted-search-clear{font-size:.875rem;color:var(--primary);background:none;border:none;cursor:pointer;text-decoration:underline}.faceted-search-clear:hover{opacity:.8}.faceted-search-facet{display:flex;flex-direction:column;gap:var(--gap-md)}.faceted-search-facet-title{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:var(--gap-sm)}.faceted-search-facet-options{display:flex;flex-direction:column;gap:var(--gap-sm)}.faceted-search-option{display:flex;align-items:center;gap:var(--gap-sm);cursor:pointer}.faceted-search-option-checkbox{flex-shrink:0}.faceted-search-option-label{flex:1;font-size:.875rem;color:var(--foreground);cursor:pointer}.faceted-search-option-count{font-size:.75rem;color:var(--muted-foreground)}.faceted-search-range{display:flex;flex-direction:column;gap:var(--gap-md)}.faceted-search-range-slider{width:100%;height:4px;background-color:var(--muted);border-radius:var(--radius-full);position:relative}.faceted-search-range-track{position:absolute;height:100%;background-color:var(--primary);border-radius:var(--radius-full)}.faceted-search-range-values{display:flex;align-items:center;justify-content:space-between;gap:var(--gap-sm)}.faceted-search-range-input{flex:1;padding:var(--gap-sm);border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--background);color:var(--foreground);font-size:.875rem;text-align:center}.faceted-search-active{display:flex;flex-wrap:wrap;gap:var(--gap-sm);padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-md)}.faceted-search-active-filter{display:inline-flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-xs) var(--gap-sm);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.75rem;color:var(--foreground)}.faceted-search-active-filter-remove{background:none;border:none;cursor:pointer;padding:0;color:var(--muted-foreground);display:flex;align-items:center;justify-content:center}.faceted-search-active-filter-remove:hover{color:var(--destructive)}.mega-menu{position:relative}.mega-menu-trigger{display:flex;align-items:center;gap:var(--gap-xs);padding:var(--gap-sm) var(--gap-md);background:none;border:none;color:var(--foreground);cursor:pointer;font-size:.875rem;font-weight:500;transition:color .2s ease}.mega-menu-trigger--active,.mega-menu-trigger:hover{color:var(--primary)}.mega-menu-panel{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:-moz-max-content;width:max-content;max-width:80rem;margin-top:var(--gap-sm);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);z-index:50;padding:var(--gap-xl)}.mega-menu-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));gap:var(--gap-xl)}.mega-menu-section{display:flex;flex-direction:column;gap:var(--gap-md)}.mega-menu-section-title{font-size:.875rem;font-weight:600;color:var(--foreground);margin-bottom:var(--gap-sm)}.mega-menu-links{display:flex;flex-direction:column;gap:var(--gap-sm)}.mega-menu-link{display:flex;align-items:center;gap:var(--gap-sm);padding:var(--gap-sm);border-radius:var(--radius-md);color:var(--muted-foreground);text-decoration:none;font-size:.875rem;transition:all .2s ease}.mega-menu-link:hover{background-color:var(--accent);color:var(--accent-foreground)}.mega-menu-link-icon{flex-shrink:0;width:1.25rem;height:1.25rem}.mega-menu-link-content{flex:1}.mega-menu-link-title{font-weight:500;color:var(--foreground);margin-bottom:var(--gap-xs)}.mega-menu-link-description{font-size:.75rem;color:var(--muted-foreground);line-height:1.4}.mega-menu-featured{grid-column:span 2;padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-md)}.mega-menu-featured-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--gap-md)}.mega-menu-featured-title{font-size:1rem;font-weight:600;color:var(--foreground);margin-bottom:var(--gap-sm)}.mega-menu-featured-description{font-size:.875rem;color:var(--muted-foreground);line-height:1.5;margin-bottom:var(--gap-md)}@media (max-width:1024px){.mega-menu-panel{left:0;right:0;transform:none;max-width:100%}.mega-menu-content{grid-template-columns:repeat(2,1fr)}.mega-menu-featured{grid-column:span 1}}@media (max-width:640px){.mega-menu-content{grid-template-columns:1fr}}.product-card{display:flex;flex-direction:column;background:var(--surface);border:none;border-radius:var(--radius-md);overflow:hidden;transition:var(--transition-transform)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.product-card-image-wrapper{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--surface)}.product-card-image-wrapper--widescreen{aspect-ratio:16/9}.product-card-badge{position:absolute;top:var(--gap-sm);right:var(--gap-sm);padding:var(--gap-xs) var(--gap-sm);background:var(--primary);color:#0b0b0d;font-size:var(--text-small);font-weight:var(--font-semibold);border-radius:var(--radius-xs);z-index:10}.product-card-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:var(--transition-transform)}.product-card:hover .product-card-image{transform:scale(1.05)}.product-card-content{padding:var(--gap-md);display:flex;flex-direction:column;gap:var(--gap-sm)}.product-card-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--titles);margin:0}.product-card-description{font-size:var(--text-body);color:var(--muted);line-height:1.6;margin:0}.product-card-pricing{display:flex;align-items:center;gap:var(--gap-sm)}.product-card-price{font-size:var(--text-h4);font-weight:var(--font-bold);color:var(--primary)}.product-card-original-price{font-size:var(--text-body);color:var(--muted);text-decoration:line-through}.product-card-button{width:100%;margin-top:var(--gap-sm)}.reviews{display:flex;flex-direction:column;gap:var(--gap-xl)}.reviews-summary{display:flex;align-items:center;gap:var(--gap-lg);padding:var(--gap-lg);background:var(--surface);border-radius:var(--radius-sm)}.reviews-average{display:flex;align-items:center;gap:var(--gap-md)}.reviews-average-score{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--titles)}.reviews-average-stars{display:flex;gap:var(--gap-xs)}.reviews-total{font-size:var(--text-body);color:var(--muted)}.reviews-list{display:flex;flex-direction:column;gap:var(--gap-lg)}.review-item{padding:var(--gap-lg);border:1px solid var(--border);border-radius:var(--radius-sm)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--gap-sm)}.review-author{display:flex;align-items:center;gap:var(--gap-sm)}.review-author-name{font-weight:var(--font-semibold);color:var(--titles)}.review-verified{font-size:var(--text-small);color:var(--primary);padding:var(--gap-xs) var(--gap-sm);background:var(--surface);border-radius:var(--radius-xs)}.review-date{font-size:var(--text-small);color:var(--muted)}.review-rating{display:flex;gap:var(--gap-xs);margin-bottom:var(--gap-sm)}.review-star{font-size:var(--text-h4);color:var(--muted)}.review-star--filled{color:var(--warning)}.review-comment{font-size:var(--text-body);color:var(--text);line-height:var(--leading-relaxed);margin:0}.wishlist-button{position:relative;transition:var(--transition-transform)}.wishlist-button:hover{transform:scale(1.1)}.wishlist-button--active .wishlist-icon{animation:heartbeat .3s ease-in-out}.wishlist-icon{font-size:var(--text-h3);display:inline-block}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.pricing-table{display:grid;grid-template-columns:repeat(auto-fit,minmax(18rem,1fr));gap:var(--gap-xl);max-width:80rem;margin:0 auto}.pricing-card{display:flex;flex-direction:column;padding:var(--gap-xl);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.pricing-card--featured,.pricing-card:hover{border-color:var(--primary);box-shadow:var(--shadow-lg)}.pricing-card--featured{position:relative}.pricing-card-badge{position:absolute;top:-.75rem;left:50%;transform:translateX(-50%);padding:var(--gap-xs) var(--gap-md);background-color:var(--primary);color:var(--bg);font-size:.75rem;font-weight:600;border-radius:var(--radius-full)}.pricing-card-header{margin-bottom:var(--gap-xl)}.pricing-card-name{font-size:1.25rem;font-weight:600;color:var(--foreground);margin-bottom:var(--gap-sm)}.pricing-card-description{font-size:.875rem;color:var(--muted-foreground);line-height:var(--leading-tight)}.pricing-card-price{margin-bottom:var(--gap-xl)}.pricing-card-amount{font-size:3rem;font-weight:700;color:var(--foreground);line-height:1}.pricing-card-period{font-size:1rem;color:var(--muted-foreground)}.pricing-card-features{flex:1;margin-bottom:var(--gap-xl)}.pricing-card-feature{display:flex;align-items:flex-start;gap:var(--gap-sm);padding:var(--gap-sm) 0;font-size:.875rem;color:var(--foreground)}.pricing-card-feature-icon{flex-shrink:0;width:1.25rem;height:1.25rem;color:var(--primary)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:var(--gap-md)}.dashboard-kpi-card{padding:var(--gap-lg);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all .2s ease}.dashboard-kpi-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md)}.dashboard-kpi-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-md)}.dashboard-kpi-title{font-size:.875rem;color:var(--muted-foreground);font-weight:500}.dashboard-kpi-icon{width:1.25rem;height:1.25rem;color:var(--muted-foreground)}.dashboard-kpi-value{font-size:2rem;font-weight:700;color:var(--foreground);line-height:1;margin-bottom:var(--gap-sm)}.dashboard-kpi-change{display:inline-flex;align-items:center;gap:var(--gap-xs);font-size:.875rem;font-weight:500}.dashboard-kpi-change--positive{color:var(--success)}.dashboard-kpi-change--negative{color:var(--destructive)}.dashboard-kpi-change--neutral{color:var(--muted-foreground)}.api-keys-container{background-color:var(--surface);border-radius:var(--radius-lg);padding:var(--gap-xl)}.api-keys-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--gap-xl)}.api-keys-header-content h3{font-size:1.125rem;font-weight:600;color:var(--foreground);margin-bottom:var(--gap-xs)}.api-keys-header-content p{font-size:.875rem;color:var(--muted-foreground)}.api-keys-empty{text-align:center;padding:var(--padding-section-sm) 0}.api-keys-empty-icon{width:4rem;height:4rem;margin:0 auto var(--gap-md);color:var(--muted-foreground)}.api-keys-empty h4{font-size:1rem;font-weight:500;color:var(--foreground);margin-bottom:var(--gap-sm)}.api-keys-empty p{font-size:.875rem;color:var(--muted-foreground);margin-bottom:var(--gap-md)}.api-keys-list{display:flex;flex-direction:column;gap:var(--gap-md)}.api-key-item{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--gap-md)}.api-key-content{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--gap-md)}.api-key-info{flex:1;min-width:0}.api-key-header{display:flex;align-items:center;gap:var(--gap-md);margin-bottom:var(--gap-sm)}.api-key-name{font-size:1rem;font-weight:500;color:var(--foreground)}.api-key-code-wrapper{display:flex;align-items:center;gap:var(--gap-sm);margin-bottom:var(--gap-sm)}.api-key-code{font-family:monospace;font-size:.875rem;background-color:var(--muted);color:var(--muted-foreground);padding:var(--gap-xs) var(--gap-sm);border-radius:var(--radius-sm)}.api-key-permissions{display:flex;flex-wrap:wrap;gap:var(--gap-xs);margin-bottom:var(--gap-sm)}.api-key-meta{font-size:.75rem;color:var(--muted-foreground)}.api-key-actions{display:flex;gap:var(--gap-sm)}.api-keys-form{display:flex;flex-direction:column;gap:var(--gap-md)}.api-keys-form-field label{display:block;font-size:.875rem;font-weight:500;color:var(--foreground);margin-bottom:var(--gap-sm)}.api-keys-permissions-list{display:flex;flex-direction:column;gap:var(--gap-sm)}.api-keys-permission-item{display:flex;align-items:center;gap:var(--gap-sm);cursor:pointer}.api-keys-permission-item input[type=checkbox]{border-radius:var(--radius-sm);border:1px solid var(--border);background-color:transparent}.api-keys-permission-item span{font-size:.875rem;color:var(--foreground);text-transform:capitalize}.api-keys-form-actions{display:flex;gap:var(--gap-md);padding-top:var(--gap-md)}.roles-matrix{overflow-x:auto}.roles-matrix-table{width:100%;border-collapse:collapse}.roles-matrix-header{background-color:var(--muted);font-weight:600;font-size:.875rem;text-align:left}.roles-matrix-cell,.roles-matrix-header{padding:var(--gap-md);border-bottom:1px solid var(--border)}.roles-matrix-cell{text-align:center}.roles-matrix-permission{font-size:.875rem;color:var(--foreground);text-align:left}.plan-picker-container{width:100%}.plan-picker-container>.toggle-button{margin-bottom:var(--gap-xl)}.plan-picker-grid{display:grid;grid-template-columns:1fr;gap:var(--gap-xl);overflow:visible}@media (min-width:48rem){.plan-picker-grid{grid-template-columns:repeat(3,1fr);gap:var(--gap-xl)}.plan-picker-grid--two-cols{grid-template-columns:repeat(2,1fr);max-width:56rem;margin:0 auto}}.plan-picker-card{position:relative;background-color:var(--surface);padding:var(--gap-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition-all);display:flex;flex-direction:column;height:100%}.plan-picker-card--popular{box-shadow:0 0 0 .125rem var(--primary)}.plan-picker-card--selected{box-shadow:0 0 0 .125rem color-mix(in srgb,var(--primary) 50%,transparent)}.plan-picker-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}.plan-picker-badge-content{display:inline-block;padding:var(--gap-sm) var(--gap-sm);background-color:var(--primary);color:var(--on-primary);font-size:var(--text-tiny);font-weight:var(--font-medium);border-radius:var(--radius-full);border:none}.plan-picker-header{text-align:center;margin-bottom:var(--gap-xl)}.plan-picker-name{font-size:var(--text-h4);font-weight:var(--font-semibold);color:var(--foreground);margin-bottom:var(--gap-sm)}.plan-picker-description{color:var(--muted-foreground);font-size:var(--text-small);margin-bottom:var(--gap-md)}.plan-picker-price{margin-bottom:var(--gap-sm)}.plan-picker-price-amount{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--primary)}.plan-picker-price-period{color:var(--muted-foreground);font-size:var(--text-h4);font-weight:var(--font-bold)}.plan-picker-price-note{display:flex;justify-content:center;margin-top:var(--gap-sm)}.plan-picker-features{display:flex;flex-direction:column;gap:var(--gap-md);margin-bottom:var(--gap-xl);flex:1}.plan-picker-feature{display:flex;align-items:flex-start;gap:var(--gap-sm);font-size:var(--text-small)}.plan-picker-feature-icon{width:1.5rem;height:1.5rem;color:var(--primary);margin-top:calc(var(--gap-xs) / 2);flex-shrink:0}.plan-picker-feature-text{color:var(--muted-foreground)}.plan-picker-cta{width:100%;margin-top:var(--gap-md)}.invite-members-form{display:flex;flex-direction:column;gap:var(--gap-md)}.invite-members-input-group,.invite-members-list{display:flex;gap:var(--gap-sm)}.invite-members-list{flex-direction:column;margin-top:var(--gap-md)}.invite-member-item{display:flex;align-items:center;justify-content:space-between;padding:var(--gap-md);background-color:var(--muted);border-radius:var(--radius-md)}