:root{--text:#1f2937;--muted:#6b7280;--line:#e5e7eb;--bg:#fff;--soft:#f8fafc;--primary:#2563eb;--primary-hover:#1d4ed8}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:var(--bg);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}header{z-index:1000;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff5;position:sticky;top:0}.nav{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.brand{letter-spacing:-.5px;color:var(--primary);font-size:28px;font-weight:700}.menu{align-items:center;gap:28px;display:flex}.menu a{color:var(--text);font-weight:500;text-decoration:none;transition:color .2s}.menu a:hover{color:var(--primary)}.dropdown{position:relative}.dropdown-content{border:1px solid var(--line);z-index:10;background:#fff;border-radius:12px;min-width:240px;padding:10px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 10px 30px #00000014}.dropdown:hover .dropdown-content{display:block}.dropdown-content a{padding:12px 16px;display:block}.dropdown-content a:hover{background:var(--soft)}main{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.hero{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;padding:60px 0;display:grid}.hero h1{letter-spacing:-1px;margin:0 0 24px;font-size:56px;line-height:1.1}.hero p{color:var(--muted);margin-bottom:32px;font-size:20px}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;padding:14px 28px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-outline{color:var(--text);border:2px solid var(--text);background:0 0}.btn-outline:hover{background:var(--text);color:#fff}.hero img,.product-card img,.detail img{border:1px solid var(--line);object-fit:cover;background:#fff;border-radius:20px;width:100%;height:auto}.section-title{letter-spacing:-.5px;margin:60px 0 30px;font-size:36px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;display:grid}.product-card{background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:24px;transition:transform .3s,box-shadow .3s}.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000000d}.product-card h3{margin:20px 0 12px;font-size:26px}.product-card p,.contact-box p,.detail p,.detail li{color:var(--muted);font-size:16px}.product-card .btn{margin-top:20px}.detail{background:var(--soft);border-radius:24px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:48px;margin-top:32px;padding:40px;display:grid}.detail ul{margin-top:20px;padding-left:20px}.detail li{margin-bottom:10px}.contact-box{background:var(--soft);border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(2,1fr);gap:24px;max-width:800px;margin:0 auto;padding:40px;display:grid}.contact-item{flex-direction:column;gap:8px;display:flex}.contact-item strong{color:var(--text);text-transform:uppercase;letter-spacing:.5px;font-size:14px}.contact-item p{color:var(--text);font-size:18px}footer{border-top:1px solid var(--line);text-align:center;color:var(--muted);background:var(--soft);padding:32px 24px;font-weight:500}@media (width<=900px){.hero,.product-grid,.detail,.contact-box{grid-template-columns:1fr;gap:32px}.nav{flex-direction:column;gap:16px}.menu{flex-wrap:wrap;justify-content:center;gap:16px}.hero h1{font-size:42px}.hero{padding:30px 0}.detail{padding:24px}}