:root{--primary:#2366f0;--primary-dark:#1a4fc4;--primary-light:#4d85f5;--dark:#111827;--light-bg:#f0f5ff;--light-bg-gradient:linear-gradient(135deg,#f0f5ff,#e8f0ff);--text:#333;--light-text:#6b7280;--white:#fff;--shadow-sm:0 2px 10px rgba(0,0,0,.05);--shadow-md:0 4px 12px rgba(0,0,0,.08);--shadow-lg:0 10px 30px rgba(0,0,0,.1);--gradient-primary:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);--bg:var(--light-bg);--muted:var(--light-text);--line:rgba(0,0,0,.08);--accent:var(--primary);--accent2:var(--primary);--shadow:0 20px 60px rgba(0,0,0,.1);--radius:18px;--max:1120px}*{margin:0;padding:0;box-sizing:border-box}body,html{background:var(--light-bg-gradient);color:var(--text);line-height:1.6;font-family:var(--font-open-sans),ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden}body{min-height:100vh}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.fade-in-up{animation:fadeInUp .8s ease-out}.fade-in{animation:fadeIn 1s ease-out}.slide-in-left{animation:slideInLeft .8s ease-out}.slide-in-right{animation:slideInRight .8s ease-out}*{transition:color .2s ease,background-color .2s ease,transform .3s ease,box-shadow .3s ease}a,button{transition:all .3s cubic-bezier(.4,0,.2,1)}a:hover{opacity:.8}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.product-image-wrapper{overflow:hidden}.product-image,.product-image-wrapper{transition:transform .3s ease}@media (max-width:900px){.container{padding:0 16px}h1{font-size:36px!important}h2{font-size:32px!important}.hero-content{flex-direction:column!important;gap:20px!important}.hero-images{max-width:100%!important}.hero-image{min-height:220px!important}}@media (max-width:600px){.container{padding:0 12px}h1{font-size:28px!important}h2{font-size:24px!important}h3{font-size:20px!important}.hero,section{padding:40px 0!important}.hero-content{gap:10px!important}.hero-image{min-height:140px!important}}.cpu-architecture{offset-anchor:10px 0;animation:animation-path;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.75,-.01,0,.99)}.cpu-line-1{offset-path:path("M 10 20 h 79.5 q 5 0 5 5 v 30");animation-duration:5s;animation-delay:1s}.cpu-line-2{offset-path:path("M 180 10 h -69.7 q -5 0 -5 5 v 40");animation-delay:6s;animation-duration:2s}.cpu-line-3{offset-path:path("M 130 20 v 21.8 q 0 5 -5 5 h -25");animation-delay:4s;animation-duration:6s}.cpu-line-4{offset-path:path("M 170 80 v -21.8 q 0 -5 -5 -5 h -65");animation-delay:3s;animation-duration:3s}.cpu-line-5{offset-path:path("M 135 65 h 15 q 5 0 5 5 v 10 q 0 5 -5 5 h -39.8 q -5 0 -5 -5 v -35");animation-delay:9s;animation-duration:4s}.cpu-line-6{offset-path:path("M 94.8 95 v -46");animation-delay:3s;animation-duration:7s}.cpu-line-7{offset-path:path("M 88 88 v -15 q 0 -5 -5 -5 h -10 q -5 0 -5 -5 v -5 q 0 -5 5 -5 h 28");animation-delay:4s;animation-duration:4s}.cpu-line-8{offset-path:path("M 30 30 h 25 q 5 0 5 5 v 6.5 q 0 5 5 5 h 35");animation-delay:3s;animation-duration:3s}@keyframes animation-path{0%{offset-distance:0}to{offset-distance:100%}}