:root{--page-max-width: 1440px;--page-gutter: clamp(1rem, 3vw, 2rem);--header-height: 72px;--color-brand-primary: var(--brand-primary, #1546d0);--color-brand-secondary: var(--brand-secondary, #0a1226);--color-brand-accent: var(--brand-accent, #e11d2e);--color-background: #f6f8fc;--color-surface: #ffffff;--color-surface-elevated: #e8eefa;--color-surface-muted: #eff3f9;--color-text-primary: #0b1324;--color-text-secondary: #46536a;--color-text-muted: #66748b;--color-text-inverse: #f8fafc;--color-success: #12803c;--color-warning: #b45309;--color-danger: #c81e1e;--color-info: #2563eb;--color-border-default: #d6dce7;--color-border-subtle: #e5e9f1;--color-border-strong: #b1bccf;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(11, 19, 36, .06);--shadow-md: 0 10px 28px rgba(11, 19, 36, .08);--shadow-lg: 0 24px 56px rgba(11, 19, 36, .14);--z-header: 40;--z-modal: 60;--duration-fast: .16s;--duration-standard: .24s;--duration-slow: .4s;--ease-out: cubic-bezier(.22, 1, .36, 1);--font-sans: Inter, "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--font-display: var(--font-sans);--color-on-brand: #ffffff;--color-brand-link: var(--color-brand-primary);--color-brand-soft: color-mix(in srgb, var(--color-brand-primary) 9%, var(--color-surface));--color-accent-soft: color-mix(in srgb, var(--color-brand-accent) 10%, var(--color-surface));--color-ink: #070d1a;--color-ink-raised: #101a2e;--color-campaign-text: #ffffff;--color-campaign-muted: #c3cee0;--color-campaign-highlight: #ffffff;--color-border-on-dark: rgba(255, 255, 255, .14);--feature-bg: linear-gradient(135deg, color-mix(in srgb, var(--color-brand-primary) 9%, #ffffff) 0%, color-mix(in srgb, var(--color-brand-accent) 6%, #ffffff) 100%);--feature-fg: var(--color-text-primary);--feature-muted: var(--color-text-secondary);--feature-eyebrow: var(--color-brand-accent);--feature-raised: #ffffff;--feature-border: var(--color-border-subtle);--footer-bg: #eef2f8;color-scheme:light}:root[data-theme=dark]{color-scheme:dark;--color-brand-primary: color-mix(in srgb, var(--brand-primary, #1546d0) 78%, #ffffff);--color-brand-accent: color-mix(in srgb, var(--brand-accent, #e11d2e) 85%, #ffffff);--color-brand-link: color-mix(in srgb, var(--brand-primary, #1546d0) 45%, #ffffff);--color-success: #5fd394;--color-warning: #f6b65a;--color-danger: #ff8a8a;--color-background: #070d1a;--color-surface: #0d1526;--color-surface-elevated: #18233b;--color-surface-muted: #111b2f;--color-text-primary: #eaf0fb;--color-text-secondary: #b3c0d6;--color-text-muted: #8a9bb8;--color-text-inverse: #070d1a;--color-border-default: #24324e;--color-border-subtle: #19253d;--color-border-strong: #33456a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 12px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--color-ink: #03070f;--color-ink-raised: #0b1324;--feature-bg: linear-gradient(135deg, #0b1324 0%, color-mix(in srgb, var(--brand-primary, #1546d0) 35%, #070d1a) 100%);--feature-fg: #ffffff;--feature-muted: var(--color-campaign-muted);--feature-eyebrow: #ff9ea4;--feature-raised: rgba(255, 255, 255, .05);--feature-border: var(--color-border-on-dark);--footer-bg: #050a14}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:1rem;line-height:1.55;background:var(--color-background);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--duration-standard) ease,color var(--duration-standard) ease}a{color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.12;letter-spacing:-.025em;font-weight:800}::selection{background:var(--color-brand-primary);color:var(--color-on-brand)}:focus-visible{outline:3px solid var(--color-brand-link);outline-offset:3px;border-radius:4px}.container{width:min(100%,var(--page-max-width));margin-inline:auto;padding-inline:var(--page-gutter)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:.6rem;color:var(--color-brand-accent);font-size:.75rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow:before{content:"";width:1.25rem;height:2px;background:currentColor;border-radius:2px}.eyebrow--plain:before{display:none}.display{font-size:clamp(2.4rem,5.6vw,4.75rem);font-weight:900;font-style:italic;text-transform:uppercase;letter-spacing:-.035em;line-height:.95}.title-xl{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:850;letter-spacing:-.035em}.title-lg{font-size:clamp(1.5rem,2.6vw,2.25rem);font-weight:800;letter-spacing:-.03em}.lead{font-size:clamp(1rem,1.3vw,1.125rem);color:var(--color-text-secondary);max-width:60ch}.muted{color:var(--color-text-muted)}.btn{--btn-bg: var(--color-surface);--btn-fg: var(--color-text-primary);--btn-border: var(--color-border-default);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.75rem 1.4rem;border:1.5px solid var(--btn-border);border-radius:var(--radius-pill);background:var(--btn-bg);color:var(--btn-fg);font-size:.9rem;font-weight:750;letter-spacing:.01em;line-height:1;text-decoration:none;white-space:nowrap;transition:transform var(--duration-fast) ease,box-shadow var(--duration-fast) ease,background var(--duration-fast) ease,border-color var(--duration-fast) ease}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn svg{width:1.1em;height:1.1em;flex-shrink:0}.btn--primary{--btn-bg: var(--color-brand-primary);--btn-fg: var(--color-on-brand);--btn-border: var(--color-brand-primary)}.btn--accent{--btn-bg: var(--color-brand-accent);--btn-fg: #fff;--btn-border: var(--color-brand-accent)}.btn--dark{--btn-bg: var(--color-text-primary);--btn-fg: var(--color-background);--btn-border: var(--color-text-primary)}.btn--light{--btn-bg: #fff;--btn-fg: #0b1324;--btn-border: #fff}.btn--outline-light{--btn-bg: transparent;--btn-fg: #fff;--btn-border: rgba(255, 255, 255, .45)}.btn--outline-light:hover{--btn-bg: rgba(255, 255, 255, .1)}.btn--ghost{--btn-bg: transparent;--btn-border: transparent;padding-inline:.75rem}.btn--ghost:hover{--btn-bg: var(--color-surface-muted);box-shadow:none}.btn--sm{min-height:40px;padding:.55rem 1rem;font-size:.82rem}.btn--block{width:100%}.link-arrow{display:inline-flex;align-items:center;gap:.45rem;min-height:44px;color:var(--color-brand-link);font-size:.9rem;font-weight:750;text-decoration:none}.link-arrow span{transition:transform var(--duration-fast) ease}.link-arrow:hover span{transform:translate(3px)}.section{display:grid;gap:clamp(1.25rem,2.5vw,2rem)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap}.section-head>div{max-width:46rem}.section-head p:not(.eyebrow){margin-top:.5rem;color:var(--color-text-secondary)}.page-hero{position:relative;overflow:hidden;display:grid;gap:.75rem;padding:clamp(1.75rem,4vw,3rem);border-radius:var(--radius-xl);background:var(--feature-bg);color:var(--feature-fg);isolation:isolate;border:1px solid var(--feature-border)}.page-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.55;background:radial-gradient(600px 300px at 100% 0%,color-mix(in srgb,var(--color-brand-primary) 30%,transparent),transparent 70%),radial-gradient(420px 260px at 85% 120%,color-mix(in srgb,var(--color-brand-accent) 25%,transparent),transparent 70%)}.page-hero:after{content:"";position:absolute;right:-4rem;top:-2rem;bottom:-2rem;width:40%;z-index:-1;opacity:.06;background:repeating-linear-gradient(115deg,currentColor 0 2px,transparent 2px 22px)}.page-hero h1{font-size:clamp(2rem,4.6vw,3.5rem);font-weight:900;letter-spacing:-.035em;max-width:18ch}.page-hero p:not(.eyebrow){color:var(--feature-muted);max-width:60ch}.page-hero .eyebrow{color:var(--feature-eyebrow)}.page-hero .breadcrumbs,.page-hero .breadcrumbs a{color:var(--feature-muted)}.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.82rem;color:var(--color-text-muted)}.breadcrumbs a{color:var(--color-text-secondary);text-decoration:none}.breadcrumbs a:hover{color:var(--color-brand-link);text-decoration:underline}.breadcrumbs [aria-current]{color:inherit;font-weight:650}.card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:clamp(.75rem,1.6vw,1.25rem)}.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,1fr);gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:.25rem}.scroller::-webkit-scrollbar{display:none}.scroller>*{scroll-snap-align:start}.chip{display:inline-flex;align-items:center;gap:.4rem;min-height:38px;padding:.45rem .95rem;border-radius:var(--radius-pill);border:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);font-size:.84rem;font-weight:650;text-decoration:none;white-space:nowrap;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,color var(--duration-fast) ease}.chip:hover{border-color:var(--color-border-strong)}.chip--active,.chip[aria-current=page],.chip[aria-pressed=true]{background:var(--color-text-primary);border-color:var(--color-text-primary);color:var(--color-background)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .6rem;border-radius:var(--radius-pill);font-size:.7rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.badge--accent{background:var(--color-brand-accent);color:#fff}.badge--dark{background:var(--color-text-primary);color:var(--color-background)}.badge--soft{background:var(--color-brand-soft);color:var(--color-brand-link)}.status{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;font-weight:700;color:var(--color-success)}.status:before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor;box-shadow:0 0 0 3px color-mix(in srgb,currentColor 20%,transparent)}.status--warn,.status[data-status=LowStock]{color:var(--color-warning)}.status--off,.status[data-status=OutOfStock]{color:var(--color-danger)}.state-card{display:grid;justify-items:center;gap:.75rem;padding:clamp(2rem,5vw,3.5rem) 1.5rem;text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-default);border-radius:var(--radius-xl)}.state-card p{max-width:48ch;color:var(--color-text-secondary)}.skeleton{position:relative;overflow:hidden;background:var(--color-surface-muted);border-radius:var(--radius-lg)}.skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--color-surface) 70%,transparent),transparent);animation:skeleton-sweep 1.4s ease-in-out infinite}@keyframes skeleton-sweep{to{transform:translate(100%)}}img.img-fade{opacity:0;filter:blur(10px);transition:opacity .45s var(--ease-out),filter .65s var(--ease-out)}img.img-fade.is-loaded{opacity:1;filter:none}:has(>img.img-fade:not(.is-loaded)){background-color:var(--color-surface-muted);background-image:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--color-surface) 60%,transparent) 50%,transparent 80%);background-size:200% 100%;background-repeat:no-repeat;animation:img-shimmer 1.3s ease-in-out infinite}@keyframes img-shimmer{0%{background-position:150% 0}to{background-position:-50% 0}}.field{display:grid;gap:.4rem}.field label,.field .field__label{font-size:.84rem;font-weight:700;color:var(--color-text-secondary)}.field label small{font-weight:500;color:var(--color-text-muted)}.input,.field input,.field select,.field textarea{width:100%;min-height:48px;padding:.7rem .9rem;border-radius:var(--radius-md);border:1px solid var(--color-border-default);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.field textarea{min-height:120px;resize:vertical}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-brand-primary) 18%,transparent)}.field__error{font-size:.78rem;color:var(--color-danger);font-weight:600}.alert{padding:.8rem 1rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600}.alert--success{background:color-mix(in srgb,var(--color-success) 12%,var(--color-surface));color:var(--color-success)}.alert--error{background:color-mix(in srgb,var(--color-danger) 12%,var(--color-surface));color:var(--color-danger)}.prose{max-width:72ch;color:var(--color-text-secondary);line-height:1.75}.prose h2{margin:2rem 0 .75rem;font-size:1.35rem;color:var(--color-text-primary)}.prose p+p,.prose ul{margin-top:.9rem}.prose ul{padding-left:1.2rem}.prose li+li{margin-top:.35rem}.prose a{color:var(--color-brand-link)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}