:root{--brand-cyan: #3F6FB5;--brand-pink: #D94F3D;--brand-yellow: #E0A82E;--brand-turquoise: #46A24E;--accent: #3F6FB5;--accent-hover: #33598F;--accent-soft: #8AA6D6;--accent-pale: #E5EAF5;--barn-red: #7C0A01;--barn-red-light: #B03020;--barn-red-pale: #F5E8E6;--earth-green: #4A7C59;--earth-green-light: #7AAF8A;--earth-green-pale: #E4F0E8;--cobalt: #1B4F8A;--cobalt-light: #4A7EC4;--cobalt-pale: #E0EAFA;--rose: #C2185B;--teal: #00897B;--amber: #E65100;--cream: #F9F5EF;--cream-dark: #F0EBE2;--ink: #1A1714;--white: #FFFFFF;--black: #0A0806;--font-display: "Cormorant Garamond", Georgia, serif;--font-ui: "DM Mono", "SF Mono", Menlo, monospace;--font-sans: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Courier New", monospace;--radius-xs: 4px;--radius-sm: 7px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 22px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--text-display-xl: 3.5rem;--text-display-lg: 2.5rem;--text-display-md: 2rem;--text-display-sm: 1.5rem;--text-display-xs: 1.15rem;--text-lg: .875rem;--text-md: .8rem;--text-sm: .75rem;--text-xs: .72rem;--text-2xs: .65rem;--text-3xs: .6rem;--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .06em;--tracking-wider: .1em;--tracking-widest: .15em;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.5;--leading-relaxed: 1.65;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-spring: cubic-bezier(.22, .68, 0, 1.18);--duration-fast: .14s;--duration-normal: .2s;--duration-slow: .32s;--shadow-xs: 0 1px 2px rgba(26,23,20,.05);--shadow-sm: 0 2px 8px rgba(26,23,20,.07), 0 1px 2px rgba(26,23,20,.04);--shadow-md: 0 4px 16px rgba(26,23,20,.09), 0 2px 4px rgba(26,23,20,.05);--shadow-xl: 0 16px 48px rgba(26,23,20,.16), 0 8px 16px rgba(26,23,20,.08);--shadow-modal: 0 40px 100px rgba(26,23,20,.2), 0 8px 24px rgba(26,23,20,.08);--shadow-accent: 0 4px 16px rgba(63,111,181,.22);--status-success: #2d7a4f;--status-success-bg: #EDFAF3;--status-warning: #D9881F;--status-warning-bg: #FFF8EF;--status-error: #b53a3a;--status-error-bg: #FFF1EF;--status-info: #2858a0;--status-info-bg: #EFF3FB;--bead-white: #FFFFFF;--bead-black: #1A1714;--bead-lt-red: #E8514A;--bead-med-red: #C8232A;--bead-dk-red: #8B0F12;--bead-orange: #E8641E;--bead-yellow: #F5C800;--bead-gold: #C89A00;--bead-lime: #78C814;--bead-lt-green: #4AA040;--bead-dk-green: #1A5C28;--bead-tq-green: #00A882;--bead-lt-tq-blue: #40C0C8;--bead-tq-blue: #00A0B4;--bead-med-blue: #2858C0;--bead-royal-blue: #1030A0;--bead-navy-blue: #0A1858;--bead-dk-pink: #D44070;--bead-bone: #EDE0C8;--bead-tan: #C8A87A;--bead-lt-brown: #A0724A}body[data-theme=dark]{--bg: #0E0C0A;--bg-elev: #141210;--bg-hover: #1E1A16;--text: #F9F5EF;--text-muted: #D6CFC4;--text-dim: #7A7167;--text-faint: #4A4540;--border: #2A2520;--border-soft: #1E1A16;--input-bg: #0E0C0A;--overlay: rgba(0,0,0,.7);--shadow-lg: 0 8px 32px rgba(0,0,0,.4), 0 4px 8px rgba(0,0,0,.2);--shimmer: linear-gradient(110deg, #1E1A16 25%, #2A2520 50%, #1E1A16 75%);--cream: var(--bg);--ink: var(--text);--stone: var(--text-dim);--rule: var(--border);--rule-light: var(--border-soft)}body[data-theme=light],body:not([data-theme]){--bg: #FAF6EF;--bg-elev: #FFFFFF;--bg-hover: #F2EDE3;--text: #2A241E;--text-muted: #5A5148;--text-dim: #7A7167;--text-faint: #B8AEA0;--border: #E5DED1;--border-soft: #EFE9DD;--input-bg: #FFFFFF;--overlay: rgba(42,36,30,.5);--shadow-lg: 0 8px 32px rgba(80,48,10,.12), 0 4px 8px rgba(80,48,10,.06);--shimmer: linear-gradient(110deg, #f0ece6 25%, #e8e2db 50%, #f0ece6 75%);--cream: var(--bg);--ink: var(--text);--stone: var(--text-dim);--rule: var(--border);--rule-light: var(--border-soft)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}html,body{overflow-x:hidden}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em}button,input,textarea,select{font-family:inherit}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-dim)}input[type=range]{accent-color:var(--accent);cursor:pointer}.label-caps{font-family:var(--font-ui);font-size:var(--text-2xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-dim)}@media(max-width:900px){.lp-hero-grid{grid-template-columns:1fr!important}.lp-hero-bead{display:none!important}.lp-cat-wide{grid-column:span 1!important}.lp-cat-grid{grid-template-columns:repeat(2,1fr)!important}.lp-steps-grid{grid-template-columns:1fr!important}.lp-steps-line{display:none!important}.lp-tiers-grid{grid-template-columns:1fr!important}.lp-tier-highlight{transform:none!important}.lp-footer-grid{grid-template-columns:1fr 1fr!important;gap:36px!important}}@media(max-width:600px){.lp-cat-grid,.lp-footer-grid{grid-template-columns:1fr!important}.lp-hero-stats{gap:24px!important}.lp-hero-ctas{flex-direction:column!important}}.prodDash{width:100%;flex:1 1 auto;border-left:none;padding:0;background:transparent}.prodDash__header{margin-bottom:12px}.prodDash__title{font-size:14px;font-weight:700}.prodDash__sub{font-size:12px;opacity:.75;margin-top:2px}.prodDash__meta{margin-top:10px;display:grid;gap:4px;font-size:12px}.prodDash__section{margin-top:12px}.prodDash__sectionTitle,.prodDash__subSectionTitle{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;opacity:.5;margin-bottom:8px}.prodDash__toggle{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid var(--rule);background:var(--bg-hover);padding:8px 10px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.prodDash__panel{margin-top:10px;display:grid;gap:10px}.layerRow,.colorRow{border:1px solid var(--rule);border-radius:10px;padding:10px;background:var(--bg-hover)}.layerRow__top{display:flex;justify-content:space-between;align-items:center;gap:10px}.layerRow__label{font-size:12px;font-weight:800}.tag{font-size:10px;padding:3px 8px;border-radius:999px;border:1px solid rgba(0,0,0,.1);white-space:nowrap}.tag--scale{background:#5046c814}.tag--fixed{background:#0000000a}.layerRow__note{margin-top:6px;font-size:11px;opacity:.8;line-height:1.25}.layerRow__grid{margin-top:8px;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px;font-size:12px}.layerRow__color{margin-top:10px;display:flex;align-items:center;gap:8px;font-size:12px}.colorRow{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start}.colorRow__name{font-size:12px;font-weight:800}.colorRow__stats{margin-top:4px;display:grid;gap:2px;font-size:12px;opacity:.9}.swatch{width:18px;height:18px;border-radius:6px;border:1px solid rgba(0,0,0,.15)}.k{opacity:.65;font-weight:700}.prodDash__section--totals .totalsRow{border:1px solid var(--rule);border-radius:10px;padding:10px;background:var(--bg-hover);display:grid;gap:6px;font-size:12px}.fastenerDisplay{display:flex;align-items:center;gap:10px}.fastenerLabel{font-size:12px;opacity:.75}