.oc-container{width:min(var(--oc-container-max),100% - var(--oc-space-lg) * 2);margin-inline:auto}.oc-container--wide{width:min(var(--oc-container-wide),100% - var(--oc-space-lg) * 2);margin-inline:auto}.oc-container--narrow{width:min(720px,100% - var(--oc-space-lg) * 2);margin-inline:auto}.oc-section{padding-block:var(--oc-space-3xl)}.oc-section--compact{padding-block:var(--oc-space-xl)}.oc-section--hero{padding-block:var(--oc-space-4xl)}.oc-flex{display:flex}.oc-flex--center{display:flex;align-items:center;justify-content:center}.oc-flex--between{display:flex;align-items:center;justify-content:space-between}.oc-flex--column{display:flex;flex-direction:column}.oc-flex--wrap{display:flex;flex-wrap:wrap;gap:var(--oc-space-md)}.oc-grid{display:grid;gap:var(--oc-space-lg)}.oc-grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}.oc-grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}.oc-grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}.oc-grid--products{grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--oc-space-md)}.oc-dashboard{display:grid;grid-template-columns:var(--oc-sidebar-width) 1fr;min-height:100vh}.oc-dashboard__sidebar{background:var(--oc-surface);border-right:1px solid var(--oc-border);padding:var(--oc-space-lg);position:sticky;top:0;height:100vh;overflow-y:auto}.oc-dashboard__main{padding:var(--oc-space-xl);overflow-x:hidden}@media (max-width: 768px){.oc-dashboard{grid-template-columns:1fr}.oc-dashboard__sidebar{position:fixed;left:-100%;top:0;width:min(280px,85vw);z-index:var(--oc-z-overlay);transition:left var(--oc-transition-base)}.oc-dashboard__sidebar.oc-dashboard__sidebar--open{left:0}.oc-dashboard__main{padding:var(--oc-space-md)}}.oc-navbar{position:fixed;top:0;left:0;right:0;height:var(--oc-navbar-height);background:var(--oc-surface);border-bottom:1px solid var(--oc-border);z-index:var(--oc-z-sticky);display:flex;align-items:center;padding-inline:var(--oc-space-lg)}.oc-navbar__content{width:min(var(--oc-container-wide),100%);margin-inline:auto;display:flex;align-items:center;justify-content:space-between}.oc-navbar+main{padding-top:var(--oc-navbar-height)}.oc-page{min-height:calc(100vh - var(--oc-navbar-height));animation:oc-fadeIn var(--oc-transition-base) ease-out}.oc-stack>*+*{margin-top:var(--oc-space-md)}.oc-stack--lg>*+*{margin-top:var(--oc-space-lg)}.oc-stack--xl>*+*{margin-top:var(--oc-space-xl)}.oc-divider{border:none;height:1px;background:var(--oc-border);margin-block:var(--oc-space-lg)}.oc-hero{background:linear-gradient(135deg,#0f172a,#1e3a5f,#0d3b66);color:var(--oc-text-inverse);padding-block:var(--oc-space-4xl);position:relative;overflow:hidden}.oc-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 30%,rgba(37,99,235,.15) 0%,transparent 60%),radial-gradient(circle at 30% 80%,rgba(13,148,136,.1) 0%,transparent 50%)}.oc-hero__content{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:var(--oc-space-2xl);align-items:center}.oc-hero__text{max-width:600px}.oc-hero__label{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--oc-secondary-light);margin-bottom:var(--oc-space-md)}.oc-hero__title{font-size:var(--oc-text-6xl);font-weight:var(--oc-weight-black);color:var(--oc-text-inverse);margin-bottom:var(--oc-space-lg);line-height:1.1}.oc-hero__title span{color:var(--oc-accent)}.oc-hero__subtitle{font-size:var(--oc-text-lg);color:#fffc;line-height:var(--oc-leading-relaxed);margin-bottom:var(--oc-space-xl);max-width:50ch}.oc-hero__actions{display:flex;flex-wrap:wrap;gap:var(--oc-space-md)}.oc-hero__mockup{display:flex;justify-content:center}.oc-hero__phone{width:min(280px,70vw);height:auto;aspect-ratio:9 / 16;background:var(--oc-surface);border-radius:2rem;box-shadow:var(--oc-shadow-float);overflow:hidden;position:relative;border:3px solid rgba(255,255,255,.1)}.oc-hero__phone-header{background:var(--oc-primary);padding:var(--oc-space-md);display:flex;align-items:center;gap:var(--oc-space-sm)}.oc-hero__phone-logo{width:28px;height:28px;border-radius:var(--oc-radius-md);background:#fff3}.oc-hero__phone-name{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);color:var(--oc-text-inverse)}.oc-hero__phone-body{padding:var(--oc-space-md);display:flex;flex-direction:column;gap:var(--oc-space-sm)}.oc-hero__phone-item{background:var(--oc-bg);border-radius:var(--oc-radius-md);padding:var(--oc-space-sm);display:flex;gap:var(--oc-space-sm);align-items:center}.oc-hero__phone-item-img{width:48px;height:48px;border-radius:var(--oc-radius-sm);background:var(--oc-border)}.oc-hero__phone-item-text{flex:1}.oc-hero__phone-item-name{font-size:.65rem;font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark)}.oc-hero__phone-item-price{font-size:.6rem;color:var(--oc-primary);font-weight:var(--oc-weight-bold)}.oc-problem{background:var(--oc-surface);text-align:center}.oc-problem__title{margin-bottom:var(--oc-space-xl)}.oc-problem__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:var(--oc-space-lg);max-width:900px;margin-inline:auto}.oc-problem__item{padding:var(--oc-space-lg);border-radius:var(--oc-radius-xl);background:#fef2f2;border:1px solid #fecaca}.oc-problem__icon{font-size:2rem;margin-bottom:var(--oc-space-sm)}.oc-problem__stat{font-size:var(--oc-text-3xl);font-weight:var(--oc-weight-bold);color:var(--oc-error)}.oc-problem__desc{font-size:var(--oc-text-sm);color:var(--oc-text-body);margin-top:var(--oc-space-xs)}.oc-solution{background:var(--oc-bg);text-align:center}.oc-solution__title{margin-bottom:var(--oc-space-md)}.oc-solution__subtitle{color:var(--oc-text-light);margin-bottom:var(--oc-space-2xl);margin-inline:auto}.oc-solution__url{display:inline-flex;align-items:center;gap:var(--oc-space-sm);background:var(--oc-surface);padding:var(--oc-space-sm) var(--oc-space-lg);border-radius:var(--oc-radius-full);box-shadow:var(--oc-shadow-md);font-family:var(--oc-font-heading);font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);color:var(--oc-primary);margin-bottom:var(--oc-space-2xl)}.oc-solution__url span{color:var(--oc-text-muted)}.oc-types{background:var(--oc-surface);text-align:center}.oc-types__title{margin-bottom:var(--oc-space-2xl)}.oc-type-card{background:var(--oc-bg);border-radius:var(--oc-radius-xl);padding:var(--oc-space-xl);text-align:center;border:1px solid var(--oc-border-light);transition:all var(--oc-transition-fast)}.oc-type-card:hover{border-color:var(--oc-primary);box-shadow:var(--oc-shadow-md);transform:translateY(-4px)}.oc-type-card__icon{font-size:2.5rem;margin-bottom:var(--oc-space-md)}.oc-type-card__name{font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);color:var(--oc-text-dark);margin-bottom:var(--oc-space-xs)}.oc-type-card__desc{font-size:var(--oc-text-sm);color:var(--oc-text-light)}.oc-steps{background:var(--oc-bg);text-align:center}.oc-steps__title{margin-bottom:var(--oc-space-2xl)}.oc-step{text-align:center;padding:var(--oc-space-lg)}.oc-step__number{width:48px;height:48px;border-radius:var(--oc-radius-full);background:var(--oc-primary);color:var(--oc-text-inverse);font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);display:inline-flex;align-items:center;justify-content:center;margin-bottom:var(--oc-space-md)}.oc-step__title{font-size:var(--oc-text-lg);font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark);margin-bottom:var(--oc-space-xs)}.oc-step__desc{font-size:var(--oc-text-sm);color:var(--oc-text-light);max-width:30ch;margin-inline:auto}.oc-features{background:var(--oc-surface);text-align:center}.oc-features__title{margin-bottom:var(--oc-space-2xl)}.oc-feature-item{display:flex;align-items:flex-start;gap:var(--oc-space-md);padding:var(--oc-space-lg);background:var(--oc-bg);border-radius:var(--oc-radius-xl);text-align:left}.oc-feature-item__icon{width:48px;height:48px;min-width:48px;border-radius:var(--oc-radius-lg);background:var(--oc-primary);color:var(--oc-text-inverse);display:flex;align-items:center;justify-content:center;font-size:1.2rem}.oc-feature-item__name{font-size:var(--oc-text-base);font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark);margin-bottom:var(--oc-space-xs)}.oc-feature-item__desc{font-size:var(--oc-text-sm);color:var(--oc-text-light)}.oc-pricing{background:linear-gradient(135deg,#0f172a,#1e3a5f);color:var(--oc-text-inverse);text-align:center}.oc-pricing__title{color:var(--oc-text-inverse);margin-bottom:var(--oc-space-md)}.oc-pricing__subtitle{color:#ffffffb3;margin-bottom:var(--oc-space-2xl);margin-inline:auto}.oc-pricing__comparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:var(--oc-space-lg);max-width:800px;margin-inline:auto}.oc-pricing__card{background:#ffffff0d;border-radius:var(--oc-radius-xl);padding:var(--oc-space-xl);border:1px solid rgba(255,255,255,.1)}.oc-pricing__card--highlight{background:var(--oc-surface);color:var(--oc-text-dark);border-color:var(--oc-accent);box-shadow:0 0 40px #f9731633;transform:scale(1.03)}.oc-pricing__card-label{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--oc-space-md)}.oc-pricing__card--highlight .oc-pricing__card-label{color:var(--oc-accent)}.oc-pricing__card-rate{font-size:var(--oc-text-4xl);font-weight:var(--oc-weight-black)}.oc-pricing__card-detail{font-size:var(--oc-text-sm);opacity:.7;margin-top:var(--oc-space-xs)}.oc-pricing__card--highlight .oc-pricing__card-rate{color:var(--oc-primary)}.oc-cta{background:var(--oc-bg);text-align:center;padding-block:var(--oc-space-4xl)}.oc-cta__title{margin-bottom:var(--oc-space-md)}.oc-cta__subtitle{color:var(--oc-text-light);margin-bottom:var(--oc-space-xl);margin-inline:auto}.oc-footer{background:#0f172a;color:#fff9;padding-block:var(--oc-space-2xl);text-align:center}.oc-footer__logo{font-family:var(--oc-font-heading);font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);color:var(--oc-text-inverse);margin-bottom:var(--oc-space-md)}.oc-footer__text{font-size:var(--oc-text-sm)}.oc-footer__links{display:flex;justify-content:center;gap:var(--oc-space-lg);margin-top:var(--oc-space-md);flex-wrap:wrap}.oc-footer__link{color:#fff9;font-size:var(--oc-text-sm);transition:color var(--oc-transition-fast)}.oc-footer__link:hover{color:var(--oc-text-inverse)}.oc-store-header{background:var(--store-primary, var(--oc-primary));color:var(--oc-text-inverse);padding:var(--oc-space-lg)}.oc-store-header__content{display:flex;align-items:center;gap:var(--oc-space-md)}.oc-store-header__logo{width:48px;height:48px;border-radius:var(--oc-radius-lg);object-fit:cover;background:#fff3}.oc-store-header__name{font-size:var(--oc-text-2xl);font-weight:var(--oc-weight-bold);color:var(--oc-text-inverse)}.oc-store-header__desc{font-size:var(--oc-text-sm);opacity:.85}.oc-store-menu{padding:var(--oc-space-lg)}.oc-store-menu__search,.oc-store-menu__categories{margin-bottom:var(--oc-space-lg)}.oc-store-menu__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:var(--oc-space-md)}.oc-cart-page{padding:var(--oc-space-lg);max-width:600px;margin-inline:auto}.oc-cart-page__title{margin-bottom:var(--oc-space-lg)}.oc-cart-summary{background:var(--oc-surface);border-radius:var(--oc-radius-xl);padding:var(--oc-space-lg);box-shadow:var(--oc-shadow-card);margin-top:var(--oc-space-lg)}.oc-cart-summary__row{display:flex;justify-content:space-between;padding:var(--oc-space-xs) 0;font-size:var(--oc-text-sm);color:var(--oc-text-body)}.oc-cart-summary__total{display:flex;justify-content:space-between;padding-top:var(--oc-space-md);margin-top:var(--oc-space-sm);border-top:2px solid var(--oc-border);font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);color:var(--oc-text-dark)}.oc-order-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:var(--oc-space-sm);margin-block:var(--oc-space-lg)}.oc-order-mode{padding:var(--oc-space-md);border:2px solid var(--oc-border);border-radius:var(--oc-radius-lg);text-align:center;cursor:pointer;transition:all var(--oc-transition-fast);min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--oc-space-xs)}.oc-order-mode:hover{border-color:var(--store-primary, var(--oc-primary))}.oc-order-mode--active{border-color:var(--store-primary, var(--oc-primary));background:#2563eb0d}.oc-order-mode__icon{font-size:1.5rem}.oc-order-mode__label{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);color:var(--oc-text-dark)}.oc-sidebar-nav{display:flex;flex-direction:column;gap:var(--oc-space-xs)}.oc-sidebar-nav__item{display:flex;align-items:center;gap:var(--oc-space-md);padding:var(--oc-space-sm) var(--oc-space-md);border-radius:var(--oc-radius-md);font-size:var(--oc-text-sm);font-weight:var(--oc-weight-medium);color:var(--oc-text-body);transition:all var(--oc-transition-fast);min-height:44px}.oc-sidebar-nav__item:hover{background:var(--oc-bg);color:var(--oc-text-dark)}.oc-sidebar-nav__item--active{background:var(--oc-primary);color:var(--oc-text-inverse)}.oc-sidebar-nav__item--active:hover{background:var(--oc-primary-dark);color:var(--oc-text-inverse)}.oc-sidebar-nav__icon{width:20px;text-align:center}.oc-dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--oc-space-xl);flex-wrap:wrap;gap:var(--oc-space-md)}.oc-dash-header__title{font-size:var(--oc-text-3xl)}.oc-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--oc-space-md);margin-bottom:var(--oc-space-xl)}.oc-orders-list{display:flex;flex-direction:column;gap:var(--oc-space-md)}.oc-setup{max-width:600px;margin-inline:auto}.oc-setup__progress{display:flex;justify-content:space-between;margin-bottom:var(--oc-space-2xl);position:relative}.oc-setup__progress:before{content:"";position:absolute;top:20px;left:0;right:0;height:2px;background:var(--oc-border)}.oc-setup__step{display:flex;flex-direction:column;align-items:center;gap:var(--oc-space-xs);position:relative;z-index:1}.oc-setup__step-dot{width:40px;height:40px;border-radius:var(--oc-radius-full);background:var(--oc-bg);border:2px solid var(--oc-border);display:flex;align-items:center;justify-content:center;font-weight:var(--oc-weight-bold);font-size:var(--oc-text-sm);color:var(--oc-text-muted);transition:all var(--oc-transition-fast)}.oc-setup__step--active .oc-setup__step-dot{background:var(--oc-primary);border-color:var(--oc-primary);color:var(--oc-text-inverse)}.oc-setup__step--completed .oc-setup__step-dot{background:var(--oc-success);border-color:var(--oc-success);color:var(--oc-text-inverse)}.oc-setup__step-label{font-size:var(--oc-text-xs);color:var(--oc-text-muted);text-align:center;max-width:8ch}.oc-setup__step--active .oc-setup__step-label{color:var(--oc-primary);font-weight:var(--oc-weight-semibold)}.oc-setup__panel{background:var(--oc-surface);border-radius:var(--oc-radius-xl);padding:var(--oc-space-xl);box-shadow:var(--oc-shadow-card)}.oc-setup__actions{display:flex;justify-content:space-between;margin-top:var(--oc-space-xl)}.oc-slug-preview{display:flex;align-items:center;background:var(--oc-bg);padding:var(--oc-space-sm) var(--oc-space-md);border-radius:var(--oc-radius-md);font-family:monospace;font-size:var(--oc-text-sm);margin-top:var(--oc-space-xs);gap:0}.oc-slug-preview__slug{color:var(--oc-primary);font-weight:var(--oc-weight-bold)}.oc-slug-preview__domain{color:var(--oc-text-muted)}.oc-slug-preview__status{margin-left:auto;font-size:var(--oc-text-xs);font-weight:var(--oc-weight-semibold)}.oc-slug-preview__status--available{color:var(--oc-success)}.oc-slug-preview__status--taken{color:var(--oc-error)}.oc-product-table{width:100%;overflow-x:auto}.oc-product-table table{width:100%;min-width:600px}.oc-product-table th,.oc-product-table td{padding:var(--oc-space-sm) var(--oc-space-md);text-align:left;border-bottom:1px solid var(--oc-border-light)}.oc-product-table th{font-size:var(--oc-text-sm);font-weight:var(--oc-weight-semibold);color:var(--oc-text-light);background:var(--oc-bg)}.oc-product-table td{font-size:var(--oc-text-sm);color:var(--oc-text-body)}.oc-product-table__thumb{width:48px;height:48px;border-radius:var(--oc-radius-md);object-fit:cover;background:var(--oc-bg)}.oc-color-picker{display:flex;flex-direction:column;gap:var(--oc-space-md)}.oc-color-swatch{display:flex;align-items:center;gap:var(--oc-space-md)}.oc-color-swatch__preview{width:48px;height:48px;border-radius:var(--oc-radius-lg);border:2px solid var(--oc-border)}.oc-color-swatch input[type=color]{width:48px;height:48px;border:none;border-radius:var(--oc-radius-md);cursor:pointer;padding:0}.oc-landing-nav{background:#0f172af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.oc-landing-nav .oc-navbar__content{color:var(--oc-text-inverse)}.oc-landing-nav__logo{font-family:var(--oc-font-heading);font-size:var(--oc-text-xl);font-weight:var(--oc-weight-bold);color:var(--oc-text-inverse)}.oc-landing-nav__logo span{color:var(--oc-accent)}.oc-landing-nav__links{display:flex;align-items:center;gap:var(--oc-space-lg)}.oc-landing-nav__link{color:#ffffffb3;font-size:var(--oc-text-sm);font-weight:var(--oc-weight-medium);transition:color var(--oc-transition-fast)}.oc-landing-nav__link:hover{color:var(--oc-text-inverse)}@media (max-width: 768px){.oc-landing-nav__links{display:none}.oc-landing-nav__links--open{display:flex;flex-direction:column;position:absolute;top:var(--oc-navbar-height);left:0;right:0;background:#0f172afa;padding:var(--oc-space-lg);border-bottom:1px solid rgba(255,255,255,.1);animation:oc-slideDown var(--oc-transition-base)}}