:root{--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.3;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--shadow-sm:0 1px 2px 0 rgba(28,20,9,0.05);--shadow:0 2px 4px 0 rgba(28,20,9,0.08);--shadow-md:0 4px 8px 0 rgba(28,20,9,0.1);--shadow-lg:0 8px 16px 0 rgba(28,20,9,0.12);--shadow-xl:0 12px 24px 0 rgba(28,20,9,0.15);--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--space-xs:0.25rem;--space-sm:0.5rem;--space:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--transition-fast:150ms ease;--transition:250ms ease;--transition-slow:350ms ease;--background:var(--color-cream);--foreground:var(--color-ink-dark);--color-primary:var(--color-ink-rich);--color-primary-hover:var(--color-ink-dark);--color-accent:var(--color-copper);--color-accent-hover:var(--color-copper-hover);--color-bg-page:var(--color-cream);--color-bg-surface:var(--color-parchment);--color-text-main:var(--color-ink-dark);--color-text-muted:var(--color-ink-muted)}.customer-layout{background:var(--color-cream);color:var(--color-ink-dark);font-family:var(--font-body);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.customer-layout h1,.customer-layout h2,.customer-layout h3,.customer-layout h4,.customer-layout h5,.customer-layout h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-ink-rich);letter-spacing:var(--tracking-tight)}.customer-layout h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:var(--space-md)}.customer-layout h2{font-size:clamp(1.5rem,4vw,2.25rem);margin-bottom:var(--space)}.customer-layout h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:var(--space)}.customer-layout h4{font-size:1.25rem;margin-bottom:var(--space-sm)}.customer-layout p{margin-bottom:var(--space);color:var(--color-ink-dark)}.customer-layout p:last-child{margin-bottom:0}.customer-layout a{color:var(--color-ink-muted);transition:color var(--transition-fast);text-decoration:none}.customer-layout a:hover{color:var(--color-ink-dark)}.customer-layout .text-white a,.customer-layout .text-white a:hover,.customer-layout a.text-white,.customer-layout a.text-white:hover,.customer-layout button.text-white,.customer-layout button.text-white:hover,.customer-layout p.text-white{color:white}.customer-layout a:focus-visible{outline:2px solid var(--color-ink-muted);outline-offset:2px;border-radius:var(--radius-sm)}.customer-layout footer a,.customer-layout footer a:hover{color:inherit}.customer-layout footer a:focus-visible{outline:2px solid currentColor}.customer-layout .text-white h1,.customer-layout .text-white h2,.customer-layout .text-white h3,.customer-layout .text-white h4,.customer-layout .text-white h5,.customer-layout .text-white h6,.customer-layout .text-white p{color:inherit}.customer-layout .btn-primary{background-color:var(--color-ink-rich);color:var(--color-cream);font-family:var(--font-body);font-weight:var(--weight-semibold);border-radius:var(--radius);padding:.75rem 1.5rem;transition:all var(--transition);border:none;cursor:pointer;box-shadow:var(--shadow);letter-spacing:var(--tracking-wide)}.customer-layout .btn-primary:hover{background-color:var(--color-ink-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-layout .btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.customer-layout .btn-secondary{background-color:transparent;color:var(--color-ink-rich);font-family:var(--font-body);font-weight:var(--weight-semibold);border:2px solid var(--color-ink-rich);border-radius:var(--radius);padding:.75rem 1.5rem;transition:all var(--transition);cursor:pointer;letter-spacing:var(--tracking-wide)}.customer-layout .btn-secondary:hover{background-color:var(--color-ink-rich);color:var(--color-cream);box-shadow:var(--shadow);transform:translateY(-1px)}.customer-layout .btn-secondary:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.customer-layout .btn-copper{background-color:var(--color-copper);color:var(--color-cream);font-family:var(--font-body);font-weight:var(--weight-semibold);border-radius:var(--radius);padding:.75rem 1.5rem;transition:all var(--transition);border:none;cursor:pointer;box-shadow:var(--shadow);letter-spacing:var(--tracking-wide)}.customer-layout .btn-copper:hover{background-color:var(--color-copper-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-layout .btn-copper:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.customer-layout .card{background-color:var(--color-parchment);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow);transition:all var(--transition)}.customer-layout .card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-border)}.customer-layout input[type=email],.customer-layout input[type=number],.customer-layout input[type=password],.customer-layout input[type=tel],.customer-layout input[type=text],.customer-layout select,.customer-layout textarea{background-color:var(--color-cream);border:2px solid var(--color-border);border-radius:var(--radius);padding:.75rem 1rem;font-family:var(--font-body);font-size:1rem;color:var(--color-ink-dark);transition:all var(--transition);width:100%}.customer-layout input:focus,.customer-layout select:focus,.customer-layout textarea:focus{outline:none;border-color:var(--color-copper);box-shadow:0 0 0 3px rgba(184,115,51,.1)}.customer-layout input::placeholder,.customer-layout textarea::placeholder{color:var(--color-ink-muted)}.customer-layout .gradient-warm-ink{background:linear-gradient(135deg,var(--color-ink-rich) 0,var(--color-ink-medium) 100%);color:var(--color-cream)}.customer-layout .gradient-warm-ink h1,.customer-layout .gradient-warm-ink h2,.customer-layout .gradient-warm-ink h3,.customer-layout .gradient-warm-ink h4,.customer-layout .gradient-warm-ink h5,.customer-layout .gradient-warm-ink h6,.customer-layout .gradient-warm-ink p{color:var(--color-cream)}.customer-layout .gradient-copper-clay{background:linear-gradient(135deg,var(--color-copper) 0,var(--color-clay) 100%);color:var(--color-cream)}.customer-layout .gradient-copper-clay h1,.customer-layout .gradient-copper-clay h2,.customer-layout .gradient-copper-clay h3,.customer-layout .gradient-copper-clay h4,.customer-layout .gradient-copper-clay h5,.customer-layout .gradient-copper-clay h6,.customer-layout .gradient-copper-clay p{color:var(--color-cream)}.customer-layout .gradient-corporate{background:linear-gradient(135deg,#2C2416,#3D332A);color:#FBF8F3}.customer-layout .gradient-corporate h1,.customer-layout .gradient-corporate h2,.customer-layout .gradient-corporate h3,.customer-layout .gradient-corporate h4,.customer-layout .gradient-corporate h5,.customer-layout .gradient-corporate h6,.customer-layout .gradient-corporate p{color:#FBF8F3}.customer-layout .text-ink{color:var(--color-ink-dark)}.customer-layout .text-ink-muted{color:var(--color-ink-muted)}.customer-layout .text-copper{color:var(--color-copper)}.customer-layout .text-sage{color:var(--color-sage)}.customer-layout .bg-linen{background-color:var(--color-linen)}.customer-layout .bg-parchment{background-color:var(--color-parchment)}.customer-layout .bg-paper{background-color:var(--color-paper)}.customer-layout .border-warm{border-color:var(--color-border)}.customer-layout .shadow-warm{box-shadow:var(--shadow)}.customer-layout .shadow-warm-lg{box-shadow:var(--shadow-lg)}.customer-layout ::selection{background-color:var(--color-copper);color:var(--color-cream)}.customer-layout ::-moz-selection{background-color:var(--color-copper);color:var(--color-cream)}.customer-layout ::-webkit-scrollbar{width:12px;height:12px}.customer-layout ::-webkit-scrollbar-track{background:var(--color-linen)}.customer-layout ::-webkit-scrollbar-thumb{background:var(--color-border-medium);border-radius:var(--radius-full);border:2px solid var(--color-linen)}.customer-layout ::-webkit-scrollbar-thumb:hover{background:var(--color-ink-muted)}:root{--hop-bg-page:var(--color-linen);--hop-bg-card:var(--color-cream);--hop-bg-highlight:var(--color-parchment);--hop-text-primary:var(--color-ink-rich);--hop-text-secondary:var(--color-ink-muted);--hop-text-logo:var(--color-ink-dark);--hop-accent-copper:var(--color-copper);--hop-accent-copper-dark:var(--color-copper-hover);--hop-accent-sage:var(--color-sage);--hop-border:var(--color-border);--hop-shadow-sm:0 2px 8px 0 rgba(28,20,9,0.08);--hop-shadow-md:0 4px 12px 0 rgba(28,20,9,0.12);--hop-shadow-lg:0 8px 24px 0 rgba(28,20,9,0.16);--hop-focus-ring:0 0 0 3px rgba(184,115,51,0.1)}.hop-bg-page{background-color:var(--hop-bg-page)}.hop-bg-card{background-color:var(--hop-bg-card)}.hop-bg-highlight{background-color:var(--hop-bg-highlight)}.hop-text-primary{color:var(--hop-text-primary)}.hop-text-secondary{color:var(--hop-text-secondary)}.hop-text-logo{color:var(--hop-text-logo)}.hop-border{border-color:var(--hop-border)}.hop-border-t{border-top-color:var(--hop-border)}.hop-border-b{border-bottom-color:var(--hop-border)}.hop-border-l{border-left-color:var(--hop-border)}.hop-border-r{border-right-color:var(--hop-border)}.hop-accent{color:var(--hop-accent-copper)}.hop-accent-bg{background-color:var(--hop-accent-copper)}.hop-hover:hover{color:var(--hop-accent-copper)}.hop-hover-bg:hover{background-color:var(--hop-bg-highlight)}.hop-shadow-sm{box-shadow:var(--hop-shadow-sm)}.hop-shadow-md{box-shadow:var(--hop-shadow-md)}.hop-shadow-lg{box-shadow:var(--hop-shadow-lg)}.hop-btn-primary{background-color:var(--hop-accent-copper);color:var(--hop-bg-card);font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;transition:all .2s;border:none;cursor:pointer}.hop-btn-primary:hover{background-color:var(--hop-accent-copper-dark);transform:translateY(-1px);box-shadow:var(--hop-shadow-md)}.hop-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.hop-card{background-color:var(--hop-bg-card);border-radius:1rem;box-shadow:var(--hop-shadow-sm);border:1px solid var(--hop-border);transition:all .3s}.hop-card-hover:hover{box-shadow:var(--hop-shadow-lg);transform:translateY(-2px);border-color:var(--hop-accent-copper)}.hop-link{color:var(--hop-accent-copper);text-decoration:none;transition:color .2s}.hop-link:hover{color:var(--hop-accent-copper-dark);text-decoration:underline}.hop-breadcrumb{background-color:var(--hop-bg-card);border-bottom:1px solid var(--hop-border);padding:.75rem 0}.hop-breadcrumb-link{color:var(--hop-text-secondary);transition:color .2s;text-decoration:none}.hop-breadcrumb-link:hover{color:var(--hop-accent-copper)}.hop-breadcrumb-current{color:var(--hop-text-primary);font-weight:500}.hop-label{display:block;font-size:.875rem;font-weight:600;color:var(--hop-text-primary);margin-bottom:.5rem}.hop-banner-info{background-color:var(--hop-bg-highlight);border:2px solid var(--hop-border);border-radius:.75rem;padding:1.5rem}