:root{--background:#fff;--foreground:#111827;--primary:#2563eb;--primary-dark:#1d4ed8;--secondary:#f8fafc;--muted:#6b7280;--border:#e5e7eb;--card:#fffc;--radius:18px}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--foreground);background:radial-gradient(circle at 0 0,#2563eb1f,#0000 30%),#fff;font-family:Inter,sans-serif}.container{width:100%;max-width:1280px;margin:auto;padding:0 16px}.header{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#ffffffe6;position:sticky;top:0}.nav-wrapper{justify-content:space-between;align-items:center;height:70px;padding:0 16px;display:flex}.logo-box{align-items:center;height:50px;display:flex}.logo-box img{object-fit:contain;height:100%}.nav-link{color:var(--foreground);font-weight:500;text-decoration:none;transition:all .2s}.nav-link:hover{color:var(--primary)}.nav-link.router-link-active{color:var(--primary);font-weight:600}.nav-actions{display:none}.mobile-menu{border-top:1px solid var(--border);background:#fff;flex-direction:column;gap:14px;padding:16px;display:flex}.mobile-menu a,.mobile-menu a,.mobile-menu a:visited{color:var(--foreground);font-weight:500;text-decoration:none}.mobile-menu a:hover{color:var(--primary)}@media (width>=768px){.nav-wrapper{height:82px}.mobile-menu-icon{display:none}.nav-menu{gap:36px;display:flex}.nav-actions{gap:14px;display:flex}.mobile-menu{display:none!important}}.btn-primary,.btn-secondary{text-align:center;width:100%}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;cursor:pointer;border:none;border-radius:14px;padding:13px 24px;font-weight:600;transition:all .25s;box-shadow:0 10px 30px #2563eb40,inset 0 1px #fff3}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 40px #2563eb59}.btn-secondary{color:var(--foreground);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:14px;padding:13px 24px;font-weight:600;transition:all .25s;box-shadow:0 4px 14px #0000000a}.btn-secondary:hover{border-color:#d1d5db;transform:translateY(-1px)}@media (width>=768px){.btn-primary,.btn-secondary{width:auto}}.hero-section{padding:60px 0;position:relative;overflow:hidden}.hero-grid{text-align:center;grid-template-columns:1fr;align-items:center;gap:30px;display:grid}.hero-title{margin-bottom:18px;font-size:32px;font-weight:800;line-height:1.2}.hero-description{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.6}.hero-actions{flex-direction:column;align-items:stretch;gap:12px;display:flex}.hero-preview-card{border-radius:20px;width:100%;max-width:340px;margin:0 auto;padding:18px}.hero-preview{justify-content:center;align-items:center;height:220px;display:flex}.hero-preview img{object-fit:contain;width:100%;height:100%}@media (width>=768px){.hero-section{padding:100px 0}.hero-grid{text-align:left;grid-template-columns:1.2fr 1fr;gap:60px}.hero-title{font-size:48px}.hero-actions{flex-direction:row;justify-content:flex-start}.hero-preview-card{max-width:420px}.hero-preview{height:320px}}.features-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:#fafafa;padding:90px 0}.feature-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.card{border:1px solid var(--border);background:#fff;border-radius:22px;padding:32px;transition:all .25s;box-shadow:0 8px 24px #00000008}.card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000000f}.feature-icon{margin-bottom:18px;font-size:34px}.card h3{margin-bottom:10px;font-size:20px}.card p{color:var(--muted);line-height:1.7}.products-section{padding:120px 0}.section-header{justify-content:space-between;align-items:center;margin-bottom:60px;display:flex}.section-title{margin-bottom:10px;font-size:42px;font-weight:800}.section-subtitle{color:var(--muted)}.view-all-link{color:var(--primary);font-weight:600;text-decoration:none}.products-grid,.feature-grid,.features-modern-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=768px){.products-grid,.feature-grid,.features-modern-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.products-grid,.feature-grid,.features-modern-grid{grid-template-columns:repeat(4,1fr)}}.product-card{border:1px solid var(--border);background:#fff;border-radius:24px;padding:24px;transition:all .25s;box-shadow:0 10px 30px #0000000a}.product-card:hover{transform:translateY(-5px)}.product-image{border-radius:20px;height:220px;margin-bottom:24px;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;display:block}.product-card h3{margin-bottom:14px;font-size:24px}.product-card p{color:var(--muted);margin-bottom:26px;line-height:1.7}.full-width{width:100%}.cta-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:linear-gradient(#2563eb08,#2563eb12);padding:120px 0}.cta-container{text-align:center;max-width:760px}.cta-container h2{margin-bottom:22px;font-size:52px}.cta-container p{color:var(--muted);margin-bottom:40px;font-size:18px;line-height:1.8}.footer{padding-top:70px}.footer-content{justify-content:space-between;gap:60px;padding-bottom:50px;display:flex}.footer-title{margin-bottom:16px;font-size:24px}.footer-description{color:var(--muted);max-width:420px;line-height:1.8}.footer-grid{grid-template-columns:repeat(3,1fr);gap:60px;display:grid}.footer-grid h4{margin-bottom:18px}.footer-grid ul{list-style:none}.footer-grid li{color:var(--muted);margin-bottom:10px}.footer-bottom{border-top:1px solid var(--border);text-align:center;color:var(--muted);padding:28px}@media (width<=1024px){.hero-grid,.feature-grid,.products-grid,.footer-content{grid-template-columns:1fr;display:grid}.nav-menu{display:none}.hero-title{font-size:48px}}.logo-box{justify-content:center;align-items:center;height:48px;display:flex}.logo-box img{object-fit:contain;width:auto;height:auto;max-height:100%;display:block}@media (width>=768px){.logo-box{height:60px}}@media (width>=1024px){.logo-box{height:80px}}.features-modern-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;padding:70px 0}.features-modern-grid{grid-template-columns:repeat(4,1fr);gap:32px;display:grid}.feature-modern-item{border-radius:22px;align-items:flex-start;gap:18px;padding:24px;transition:all .25s;display:flex}.feature-modern-item:hover{background:#fff;transform:translateY(-4px);box-shadow:0 14px 40px #0000000f}.feature-modern-icon{width:58px;min-width:58px;height:58px;color:var(--primary);background:linear-gradient(135deg,#2563eb1f,#2563eb0d);border-radius:18px;justify-content:center;align-items:center;display:flex}.feature-modern-title{margin-bottom:10px;font-size:20px;font-weight:700}.feature-modern-description{color:var(--muted);line-height:1.7}@media (width<=1024px){.features-modern-grid{grid-template-columns:1fr}}@media (width<=768px){.nav-wrapper{justify-content:space-between;align-items:center;height:auto;padding:12px 0;display:flex}.logo-wrapper{flex-direction:column;align-items:flex-start;gap:4px}.nav-menu,.nav-actions{display:none}.hero-grid{text-align:center}.hero-badge{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-preview-card{width:100%;margin:0 auto}}.hero-preview img{object-fit:contain;width:100%;height:100%;display:block}.hero-section{overflow-x:hidden}.mobile-menu-icon{cursor:pointer;font-size:28px;display:none}@media (width<=768px){.mobile-menu-icon{display:block}}.product-detail-grid{grid-template-columns:1fr;gap:30px;display:grid}.product-image-card{flex-direction:column;gap:12px;display:flex}.product-main-image{border:1px solid var(--border);background:#f9fafb;border-radius:20px;justify-content:center;align-items:center;height:320px;display:flex}.product-thumbs{gap:10px;display:flex}.thumb{border:1px solid var(--border);background:#fff;border-radius:12px;flex:1;justify-content:center;align-items:center;height:70px;font-size:12px;display:flex}.product-category{color:var(--primary);font-size:13px;font-weight:600}.product-title{margin:10px 0;font-size:34px}.product-description{color:var(--muted);line-height:1.7}.product-meta{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.meta-item{border:1px solid var(--border);background:#fff;border-radius:14px;padding:12px}.meta-item .label{color:var(--muted);font-size:12px}.meta-item .value{font-weight:600}.spec-table{border-collapse:collapse;width:100%}.spec-table td{border-bottom:1px solid var(--border);padding:12px}.spec-table td:first-child{color:var(--muted);font-weight:600}@media (width>=768px){.product-detail-grid{grid-template-columns:1fr 1fr}.product-title{font-size:42px}}.filter-bar{grid-template-columns:1fr;gap:12px;margin-top:20px;display:grid}.search-input,.filter-select{border:1px solid #e5e7eb;border-radius:12px;width:100%;padding:12px}.tag{color:#334155;background:#f1f5f9;border-radius:999px;padding:4px 10px;font-size:12px}.empty-state{text-align:center;color:var(--muted);padding:40px}@media (width>=768px){.filter-bar{grid-template-columns:2fr 1fr 1fr auto;align-items:center}}.tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.details-link{margin-top:12px;display:block}