:root{--font-sans: "Poppins", system-ui, -apple-system, sans-serif;--color-background: #fafafa;--color-surface-muted: #f4f4f5;--color-surface-trust: #f1f5f9;--color-foreground: #18181b;--color-card: #ffffff;--color-card-foreground: #18181b;--color-primary: #e31e24;--color-on-primary: #ffffff;--color-secondary: #f4f4f5;--color-muted: #f4f4f5;--color-muted-foreground: #71717a;--color-destructive: #f97316;--color-success: #22c55e;--color-dahua-red: #e31e24;--color-on-dahua-red: #ffffff;--color-hero-surface: #ffffff;--color-trust-text: #18181b;--color-whatsapp: #25d366;--color-border: rgba(0, 0, 0, .08);--color-input: #f4f4f5;--color-ring: rgba(227, 30, 36, .4);--color-input-focus-border: var(--color-dahua-red);--color-search-bg: #f4f4f5;--category-blue: #3b82f6;--category-pink: #ec4899;--category-orange: #f97316;--category-green: #22c55e;--category-yellow: #eab308;--category-purple: #a855f7;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 16px;--radius-2xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-section: clamp(48px, 8vw, 64px);--container-x: 16px;--container-max: 1280px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .12);--header-float-top: 12px;--header-bar-height: 56px;--header-total-offset: 5.5rem}@media(max-width:639px){:root{--header-total-offset: 4.75rem}}.section-intro{font-size:1rem;font-weight:400;line-height:1.5;max-width:42rem;color:var(--color-muted-foreground);margin-top:var(--spacing-sm)}.section-header{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.section-header__title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;line-height:1.2}.section-header__link{font-size:.875rem;font-weight:500;line-height:1.43;color:var(--color-dahua-red);white-space:nowrap}.section-header__link:hover{text-decoration:underline}.section-surface--default{background:var(--color-background)}.section-surface--muted{background:var(--color-surface-muted)}.section-surface--trust{background:var(--color-surface-trust)}.icon-inline{font-size:.875rem;line-height:1;vertical-align:-.125em}.icon-nav{font-size:1.125rem;line-height:1}.icon-accent{font-size:1rem;line-height:1;margin-inline-end:.5rem}:root{--scrollbar-size: 8px;--scrollbar-track: color-mix(in srgb, var(--color-foreground) 4%, transparent);--scrollbar-track-hover: color-mix(in srgb, var(--color-foreground) 7%, transparent);--scrollbar-thumb: color-mix(in srgb, var(--color-muted-foreground) 38%, transparent);--scrollbar-thumb-hover: color-mix( in srgb, var(--color-dahua-red) 42%, var(--color-muted-foreground) 58% );--scrollbar-thumb-active: color-mix(in srgb, var(--color-dahua-red) 72%, #000 28%)}html{scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px;border:2px solid transparent;background-clip:padding-box;transition:background-color .2s ease,border-color .2s ease}*::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}*::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}*::-webkit-scrollbar-corner{background:transparent}*:hover::-webkit-scrollbar-track{background:var(--scrollbar-track-hover)}@media(prefers-reduced-motion:reduce){*::-webkit-scrollbar-thumb{transition:none}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:light;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:var(--font-sans);background:var(--color-background);color:var(--color-foreground);overflow-x:clip;min-height:100vh;min-height:100dvh}h1,h2,h3,h4,p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font-family:inherit}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-x)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);border:none;border-radius:var(--radius-sm);padding:8px 16px;min-height:36px;font-size:.875rem;font-weight:500;line-height:1.43;cursor:pointer;transition:background-color .2s,color .2s}.btn:focus-visible{outline:2px solid var(--color-ring);outline-offset:2px}.btn--primary{background:var(--color-dahua-red);color:var(--color-on-dahua-red)}.btn--primary:hover{background:#c91a1f}.btn--ghost{background:transparent;color:var(--color-foreground)}.btn--ghost:hover{background:#0000000a}.btn--dahua-red{background:var(--color-dahua-red);color:var(--color-on-dahua-red)}.btn--dahua-red:hover{background:#c91a1f}.btn--destructive{background:var(--color-destructive);color:var(--color-on-primary)}.btn--success{background:var(--color-success);color:var(--color-on-primary)}.btn--full{width:100%}.input-search{width:100%;height:36px;padding:6px 12px 6px 36px;background:var(--color-search-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-foreground);font-size:.875rem}.input-search::placeholder{color:var(--color-muted-foreground)}.input-search:focus:focus,.input-search:focus:focus-visible,.input-search:focus-visible:focus,.input-search:focus-visible:focus-visible{outline:none;box-shadow:none;border-color:var(--color-input-focus-border)}.badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm);background:var(--color-muted);color:var(--color-foreground);font-size:.75rem;font-weight:500}.page-intro__label{font-size:.875rem;font-weight:500;line-height:1.43;color:var(--color-dahua-red);text-transform:uppercase;letter-spacing:.05em}.page-intro__title{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;line-height:1.2;margin-top:var(--spacing-sm)}.page-intro__desc{font-size:1rem;font-weight:400;line-height:1.5;color:var(--color-muted-foreground);margin-top:var(--spacing-md);max-width:42rem}.main-content{padding-top:var(--header-total-offset)}.main-content--home{padding-top:0}input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=file]):focus,input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=submit]):not([type=reset]):not([type=hidden]):not([type=file]):focus-visible,textarea:focus,textarea:focus-visible{outline:none;box-shadow:none;border-color:var(--color-input-focus-border)}