:root{--bg: #ffffff;--surface: #f5f5f7;--surface-warm: #fbfbfd;--fg: #1d1d1f;--muted: #6e6e73;--accent: #0071e3;--accent-hover: #0077ed;--border: #d2d2d7;--border-strong: #aeaeb2;--font-display: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-body: -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;--tracking-display: -.015em;--tracking-tight: -.01em;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--section-y: 100px;--container-max: 1200px;--container-pad: 24px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 5rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 980px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .1);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);color:var(--fg);background-color:var(--bg);line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit;font-size:var(--text-base)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--section-y) 0}.section--surface{background-color:var(--surface)}.section--warm{background-color:var(--surface-warm)}.heading-display{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:600;letter-spacing:var(--tracking-display);line-height:1.1;color:var(--fg)}.heading-1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;letter-spacing:var(--tracking-display);line-height:1.15;color:var(--fg)}.heading-2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.2;color:var(--fg)}.heading-3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:500;line-height:1.3;color:var(--fg)}.text-muted{color:var(--muted)}.btn-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:12px 28px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:500;letter-spacing:.01em;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer;border:none;white-space:nowrap}.btn-pill:active{transform:scale(.98)}.btn-pill:focus-visible{outline:4px solid rgba(0,113,227,.3);outline-offset:2px}.btn-primary{background-color:var(--accent);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:transparent;color:var(--accent);border:1px solid var(--border-strong)}.btn-secondary:hover{background-color:var(--surface);border-color:var(--accent)}.btn-white{background-color:#fff;color:var(--fg)}.btn-white:hover{background-color:var(--surface-warm)}.section-heading{text-align:center;max-width:680px;margin:0 auto var(--space-3xl)}.section-heading__label{font-size:var(--text-xs);font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-sm)}.section-heading__title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-display);color:var(--fg);margin-bottom:var(--space-md)}.section-heading__subtitle{font-size:var(--text-lg);color:var(--muted);line-height:1.6}.product-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);display:flex;flex-direction:column}.product-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.product-card__image-wrap{position:relative;padding-top:75%;overflow:hidden;background:var(--surface)}.product-card__image-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image-wrap img{transform:scale(1.04)}.product-card__badge{position:absolute;top:12px;left:12px;background:var(--accent);color:#fff;font-size:var(--text-xs);font-weight:500;padding:3px 10px;border-radius:var(--radius-pill)}.product-card__body{padding:var(--space-lg);flex:1;display:flex;flex-direction:column}.product-card__category{font-size:var(--text-xs);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs)}.product-card__title{font-size:var(--text-base);font-weight:500;color:var(--fg);margin-bottom:var(--space-sm);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md);font-size:var(--text-sm);color:var(--muted)}.product-card__moq{font-weight:500;color:var(--fg)}.product-card__action{margin-top:auto}.product-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl)}@media (min-width: 640px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1280px){.product-grid{grid-template-columns:repeat(4,1fr)}}.feature-card{padding:var(--space-xl);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center}.feature-card__icon{width:48px;height:48px;margin:0 auto var(--space-md);color:var(--accent)}.feature-card__title{font-size:var(--text-base);font-weight:600;color:var(--fg);margin-bottom:var(--space-sm)}.feature-card__desc{font-size:var(--text-sm);color:var(--muted);line-height:1.6}.divider{border:none;border-top:1px solid var(--border);margin:0}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em}.badge--accent{background:#0071e314;color:var(--accent)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--fg)}.form-input,.form-select,.form-textarea{padding:11px 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--fg);font-size:var(--text-base);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #0071e326}.form-textarea{resize:vertical;min-height:120px}@media (max-width: 767px){:root{--section-y: 60px;--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.5rem}.heading-display{font-size:2.5rem}}@media (max-width: 480px){:root{--text-5xl: 2rem;--text-4xl: 1.75rem}.container{padding:0 16px}}