@import url("https://fonts.googleapis.com/css2?family=Libre_Baskerville:ital,wght@0,400;0,700;1,400&family=Inter:wght@400;500;600;700&display=swap");:root{--font-heading:"Libre Baskerville",Georgia,"Times New Roman",Times,serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--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;--color-ink-dark:#1A1409;--color-ink-rich:#2C2416;--color-ink-medium:#3D332A;--color-ink-muted:#5C4F43;--color-cream:#FBF8F3;--color-linen:#F5EFE7;--color-paper:#EFE8DC;--color-parchment:#E8DFD0;--color-copper:#B87333;--color-copper-hover:#A66429;--color-rust:#C65D3B;--color-rust-hover:#B34F2D;--color-sage:#9CA986;--color-sage-hover:#889775;--color-clay:#D4A373;--color-clay-hover:#C39261;--color-success:#5B7553;--color-success-bg:#E8F0E5;--color-warning:#D49A3D;--color-warning-bg:#FFF5E1;--color-error:#B54B3F;--color-error-bg:#FDECEA;--color-info:#7B8FA3;--color-info-bg:#EDF2F7;--color-border-light:#E8DFD0;--color-border:#D8CFC3;--color-border-medium:#C4B8A8;--color-border-dark:#A89C8D;--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{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 .btn-sage{background-color:var(--color-sage);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-sage:hover{background-color:var(--color-sage-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.customer-layout .btn-sage: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 .card-warm{background-color:var(--color-linen);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm)}.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-sage-rust{background:linear-gradient(135deg,var(--color-sage) 0,var(--color-rust) 100%);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 .gradient-vibrant{background:linear-gradient(135deg,#5B7553,#9CA986);color:#FBF8F3}.customer-layout .gradient-vibrant h1,.customer-layout .gradient-vibrant h2,.customer-layout .gradient-vibrant h3,.customer-layout .gradient-vibrant h4,.customer-layout .gradient-vibrant h5,.customer-layout .gradient-vibrant h6,.customer-layout .gradient-vibrant 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:#F5EFE7;--hop-bg-card:#FBF8F3;--hop-bg-highlight:#E8DFD0;--hop-text-primary:#2C2416;--hop-text-secondary:#5C4F43;--hop-text-logo:#1A1409;--hop-accent-copper:#B87333;--hop-accent-copper-dark:#A66429;--hop-accent-sage:#9CA986;--hop-border:#D8CFC3;--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-input{background-color:white;border:2px solid var(--hop-border);color:var(--hop-text-primary);border-radius:.5rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s}.hop-input:focus{outline:none;border-color:var(--hop-accent-copper);box-shadow:var(--hop-focus-ring)}.hop-input::placeholder{color:var(--hop-text-secondary);opacity:.6}.hop-input:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.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-btn-secondary{background-color:white;color:var(--hop-accent-copper);font-weight:600;padding:.75rem 1.5rem;border-radius:.5rem;border:2px solid var(--hop-accent-copper);transition:all .2s;cursor:pointer}.hop-btn-secondary:hover{background-color:var(--hop-bg-highlight)}.hop-heading-1{font-size:2.25rem;line-height:1.2}.hop-heading-1,.hop-heading-2{font-weight:700;color:var(--hop-text-primary);margin:0}.hop-heading-2{font-size:1.875rem;line-height:1.3}.hop-heading-3{font-size:1.5rem;font-weight:700}.hop-heading-3,.hop-heading-4{color:var(--hop-text-primary);line-height:1.4;margin:0}.hop-heading-4{font-size:1.25rem;font-weight:600}.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}.hop-banner-success{background-color:#f0fdf4;border:2px solid #86efac;border-radius:.75rem;padding:1.5rem}.hop-banner-warning{background-color:#fef3c7;border:2px solid #fbbf24;border-radius:.75rem;padding:1.5rem}.hop-banner-error{background-color:#fef2f2;border:2px solid #fca5a5;border-radius:.75rem;padding:1.5rem}@media (max-width:768px){.hop-heading-1{font-size:1.875rem}.hop-heading-2{font-size:1.5rem}.hop-heading-3{font-size:1.25rem}}