*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:17px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--bg-secondary:#f5f5f7;--bg-tertiary:#e8e8ed;--bg-elevated:#fff;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#86868b;--text-link:#0071e3;--brand:#0071e3;--brand-hover:#0077ed;--separator:#00000014;--separator-strong:#00000026;--shadow-xs:0 1px 3px #0000000f;--shadow-sm:0 2px 8px #00000014;--shadow-md:0 4px 20px #0000001a;--shadow-lg:0 12px 40px #0000001f;--shadow-xl:0 24px 64px #00000024;--r-sm:.5rem;--r-md:.875rem;--r-lg:1.25rem;--r-xl:1.75rem;--r-2xl:2.5rem;--radius-sm:var(--r-sm);--radius-md:var(--r-md);--radius-lg:var(--r-lg);--radius-xl:var(--r-xl);--border:var(--separator);--bg-subtle:var(--bg-secondary);--bg-muted:var(--bg-tertiary);--text:var(--text-primary);--text-muted:var(--text-secondary);--text-subtle:var(--text-tertiary);--haks-danger:#ff3b30;--haks-success:#34c759;--haks-warning:#ff9500}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,system-ui,sans-serif;font-size:1rem;line-height:1.5}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:99px}.container{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,3rem)}.container-wide{width:100%;max-width:1600px;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,4rem)}.text-headline{letter-spacing:-.03em;font-size:clamp(2.5rem,7vw,5.5rem);font-weight:700;line-height:1.05}.text-title-1{letter-spacing:-.025em;font-size:clamp(2rem,5vw,3.5rem);font-weight:700;line-height:1.1}.text-title-2{letter-spacing:-.02em;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600;line-height:1.2}.text-title-3{letter-spacing:-.015em;font-size:1.25rem;font-weight:600}.text-body{font-size:1rem;font-weight:400;line-height:1.6}.text-body-large{font-size:1.125rem;font-weight:400;line-height:1.65}.text-callout{font-size:.9375rem;line-height:1.5}.text-caption{color:var(--text-tertiary);font-size:.75rem}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:980px;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn-primary{background:var(--brand,#0071e3);color:#fff}.btn-primary:hover{background:var(--brand-hover,#0077ed);transform:scale(1.02)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary)}.btn-secondary:hover{background:var(--separator-strong)}.btn-ghost{color:var(--brand,#0071e3);background:0 0;padding:0}.btn-ghost:hover{opacity:.75}.btn-large{padding:1rem 2rem;font-size:1.0625rem}.btn-sm{padding:.5rem 1.1rem;font-size:.8125rem}.card{background:var(--bg-elevated);border-radius:var(--r-xl);border:1px solid var(--separator);padding:1.5rem;transition:box-shadow .25s,transform .25s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-flush{padding:0;overflow:hidden}.glass{-webkit-backdrop-filter:saturate(180%)blur(20px);background:#ffffffb8;border:1px solid #ffffff80}[data-theme=dark] .glass{background:#1c1c1eb8;border-color:#ffffff14}.input{background:var(--bg-secondary);border-radius:var(--r-md);width:100%;color:var(--text-primary);appearance:none;border:1.5px solid #0000;outline:none;padding:.75rem 1rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:var(--brand,#0071e3);box-shadow:0 0 0 4px #0071e31f}.input::placeholder{color:var(--text-tertiary)}.toggle{background:var(--bg-tertiary);cursor:pointer;border-radius:99px;flex-shrink:0;width:51px;height:31px;transition:background .25s cubic-bezier(.4,0,.2,1);position:relative}.toggle.on{background:var(--haks-success,#34c759)}.toggle:after{content:"";background:#fff;border-radius:50%;width:25px;height:25px;transition:left .25s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #00000038}.toggle.on:after{left:23px}.product-grid{grid-template-columns:repeat(3,1fr);gap:1.25rem;display:grid}@media (max-width:1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.product-grid{grid-template-columns:1fr}}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--bg-tertiary) 50%, var(--bg-secondary) 75%);border-radius:var(--r-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}@keyframes skeleton-shimmer{to{background-position:-200% 0}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes slide-up{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{animation:.5s cubic-bezier(.16,1,.3,1) both fade-up}.animate-fade-in{animation:.35s both fade-in}.animate-scale-in{animation:.35s cubic-bezier(.16,1,.3,1) both scale-in}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) both slide-up}.animate-spin{animation:1s linear infinite spin}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--brand,#0071e3);font-size:.8125rem;font-weight:600}.gradient-text{background:linear-gradient(135deg,#1d1d1f 0%,#6e6e73 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.gradient-text-blue{background:linear-gradient(135deg,#0071e3 0%,#34aadc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sr-only{clip:rect(0,0,0,0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media print{.no-print{display:none!important}body{color:#000;background:#fff}}