:root{--blue-900:#757575;--blue-800:#047ea0;--blue-700:#047ea0;--blue-600:#047ea0;--blue-500:#047ea0;--blue-100:#e0f7fc;--blue-50:#e0f7fc;--orange-700:#047ea0;--orange-600:#047ea0;--orange-500:#047ea0;--orange-400:#047ea0;--orange-100:#e0f7fc;--orange-50:#f6f7f8;--gray-900:#757575;--gray-800:#757575;--gray-700:#757575;--gray-500:#9e9e9e;--gray-400:#9e9e9e;--gray-200:#dadde1;--gray-100:#eeeff1;--gray-50:#f6f7f8;--white:#fff;--color-primary:var(--blue-700);--color-accent:var(--orange-500);--color-bg:#ebebeb;--color-surface:var(--white);--color-border:var(--gray-200);--color-text:var(--gray-800);--color-text-muted:var(--gray-500);--color-heading:var(--gray-900);--teal:var(--orange-500);--teal-dark:var(--orange-700);--teal-light:var(--orange-100);--accent:var(--orange-500);--navy:var(--blue-700);--navy-dark:var(--blue-800);--ink:var(--gray-900);--ink-light:var(--gray-700);--muted:var(--gray-500);--border:var(--gray-200);--surface:var(--white);--background:#ebebeb;--font:"Inter",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono","Fira Code",monospace;--sans:var(--font);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-xs:0 1px 2px #06aed50f;--shadow-sm:0 1px 4px #06aed514,0 1px 2px #06aed50a;--shadow:0 4px 16px #06aed51a;--shadow-md:0 8px 32px #06aed51f;--shadow-lg:0 16px 48px #06aed526;--shadow-blue:0 4px 20px #06aed540;--shadow-orange:0 4px 20px #06aed559}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#ebebeb;background-image:radial-gradient(circle,#047ea02e 1.5px,#0000 1.5px),radial-gradient(circle,#f7982433 1.5px,#0000 1.5px),radial-gradient(circle,#06aed526 1.5px,#0000 1.5px),radial-gradient(circle,#047ea01a 1px,#0000 1px),radial-gradient(circle,#f798241f 1px,#0000 1px);background-position:0 0,41px 29px,19px 53px,63px 11px,37px 67px;background-size:97px 97px,83px 83px,71px 71px,53px 53px,67px 67px;line-height:1.65}.container{max-width:1280px;padding:0 var(--space-6);margin:0 auto}@media (max-width:640px){.container{padding:0 var(--space-4)}}h1,h2,h3,h4,h5,h6{font-family:var(--font);color:var(--color-heading);letter-spacing:-.025em;font-weight:800;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.6rem,4vw,2.5rem)}h3{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700}h4{font-size:1.125rem;font-weight:700}p{color:var(--color-text);line-height:1.7}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100)}::-webkit-scrollbar-thumb{background:var(--blue-700);border-radius:var(--radius-full);opacity:.5}::-webkit-scrollbar-thumb:hover{background:var(--orange-500)}::selection{background:var(--orange-500);color:var(--white)}:focus-visible{outline:2px solid var(--orange-500);outline-offset:3px;border-radius:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInL{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius);font-family:var(--font);cursor:pointer;white-space:nowrap;border:none;padding:11px 24px;font-size:14px;font-weight:600;line-height:1;text-decoration:none;transition:all .18s;display:inline-flex}.btn-primary{background:var(--orange-500);color:var(--white);box-shadow:var(--shadow-orange)}.btn-primary:hover{background:var(--orange-700);transform:translateY(-2px);box-shadow:0 8px 28px #06aed573}.btn-secondary{background:var(--blue-700);color:var(--white);box-shadow:var(--shadow-blue)}.btn-secondary:hover{background:var(--blue-600);transform:translateY(-2px)}.btn-outline{color:var(--blue-700);border:2px solid var(--blue-700);background:0 0}.btn-outline:hover{background:var(--blue-700);color:var(--white)}.btn-ghost{color:var(--gray-700);border:1.5px solid var(--gray-200);background:0 0}.btn-ghost:hover{background:var(--gray-100);border-color:var(--gray-400);color:var(--gray-900)}.btn-sm{padding:7px 16px;font-size:13px}.btn-lg{padding:14px 32px;font-size:16px}.card{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow .22s,transform .22s,border-color .22s;overflow:hidden}.card:hover{box-shadow:var(--shadow-md);border-color:var(--blue-500);transform:translateY(-4px)}.badge{border-radius:var(--radius-full);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:5px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-flex}.badge-blue{background:var(--blue-50);color:var(--blue-700);border:1px solid var(--blue-100)}.badge-orange{background:var(--orange-50);color:var(--orange-600);border:1px solid var(--orange-100)}.badge-gray{background:var(--gray-100);color:var(--gray-600);border:1px solid var(--gray-200)}.section-label{font-family:var(--mono);color:var(--orange-500);letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.section-title{color:var(--gray-900);letter-spacing:-.025em;font-size:clamp(1.5rem,3.5vw,2.4rem);font-weight:800;line-height:1.2}.section-sub{color:var(--gray-600);max-width:580px;margin-top:12px;font-size:16px;line-height:1.75}.pattern-blue{background-color:var(--blue-700);background-image:radial-gradient(circle,#ffffff0d 1px,#0000 1px);background-size:28px 28px}.pattern-light{background-color:#ebebeb;background-image:radial-gradient(circle,#dadde1 1px,#0000 1px);background-size:24px 24px}.text-blue{color:var(--blue-700)!important}.text-orange{color:var(--orange-500)!important}.text-muted{color:var(--gray-500)!important}.text-white{color:var(--white)!important}.bg-blue{background:var(--blue-700)!important}.bg-orange{background:var(--orange-500)!important}.fw-800{font-weight:800!important}.mono{font-family:var(--mono)!important}.rounded{border-radius:var(--radius)!important}.shadow{box-shadow:var(--shadow)!important}@media (max-width:768px){.hide-mobile{display:none!important}}@media (min-width:769px){.hide-desktop{display:none!important}}@media (max-width:640px){h1{font-size:clamp(1.8rem,7vw,2.4rem)}h2{font-size:clamp(1.4rem,5vw,1.9rem)}h3{font-size:clamp(1.1rem,4vw,1.4rem)}p{font-size:15px}}@media (max-width:480px){.container{padding:0 14px}}@media (max-width:640px){.btn{padding:10px 18px;font-size:13px}.btn-lg{padding:12px 24px;font-size:14px}.card{border-radius:var(--radius)}.card:hover{transform:none}}.grid-products{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;display:grid}@media (max-width:900px){.grid-products{grid-template-columns:repeat(3,1fr);gap:14px}}@media (max-width:640px){.grid-products{grid-template-columns:repeat(2,1fr);gap:10px}}@media (max-width:360px){.grid-products{grid-template-columns:1fr}}.grid-categories{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:14px;display:grid}@media (max-width:900px){.grid-categories{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.grid-categories{grid-template-columns:repeat(2,1fr);gap:10px}}.shop-layout{grid-template-columns:260px 1fr;align-items:start;gap:24px;display:grid}@media (max-width:1024px){.shop-layout{grid-template-columns:220px 1fr;gap:16px}}@media (max-width:768px){.shop-layout{grid-template-columns:1fr}.shop-sidebar{display:none}.shop-sidebar.open{z-index:200;background:#fff;padding:20px;display:block;position:fixed;inset:0;overflow-y:auto}.hero-section{padding:56px 0 44px!important}.hero-stats{flex-wrap:wrap;gap:16px!important}.hero-stats>div{margin-right:16px!important;padding-right:16px!important}}@media (max-width:480px){.hero-cta-row{flex-direction:column}.hero-cta-row a,.hero-cta-row button{justify-content:center;width:100%}.hero-stats{grid-template-columns:1fr 1fr;gap:16px;display:grid!important}.hero-stats>div{border-right:none!important;margin-right:0!important;padding-right:0!important}}@media (max-width:768px){.section-pad{padding:48px 0!important}}@media (max-width:480px){.section-pad{padding:36px 0!important}}@media (max-width:900px){.adm-sidebar-wrap{z-index:300;transition:left .25s;position:fixed;left:-260px}.adm-sidebar-wrap.open{left:0}.adm-main{margin-left:0!important}}@media (max-width:768px){.table-responsive{-webkit-overflow-scrolling:touch;overflow-x:auto}.table-responsive table{min-width:560px}}.kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr;gap:10px}}@media (max-width:640px){.form-grid-2{grid-template-columns:1fr!important}}@media (hover:none){.card:hover{box-shadow:var(--shadow-sm);transform:none}.btn:hover{transform:none}}img{max-width:100%;height:auto}img[loading=lazy]{content-visibility:auto}