*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#151515;background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1120px,92%);margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e7e7e7}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.16em}.brand img{width:43px;height:43px;object-fit:contain}.brand b{font-size:15px}.nav nav{display:flex;gap:30px;font-size:13px;font-weight:700}.nav nav a:hover{opacity:.55}.hero{padding:95px 0;background:linear-gradient(135deg,#fafafa,#fff)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:11px;letter-spacing:.28em;font-weight:800;color:#777;margin:0 0 14px}.hero h1{font-size:clamp(50px,7vw,78px);line-height:1;letter-spacing:-.05em;margin:0 0 24px}.hero h1 span{color:#777}.lead{max-width:650px;color:#666;font-size:17px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{min-height:48px;padding:0 22px;border:1px solid #111;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;cursor:pointer}.dark{background:#111;color:#fff}.dark:hover{background:#333}.light{background:#fff}.light:hover{background:#f3f3f3}.logo-card{height:420px;border:1px solid #ddd;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 25px 70px rgba(0,0,0,.07)}.logo-card img{width:250px;height:250px;object-fit:contain}.logo-card div{height:1px;width:80px;background:#111;margin:22px}.logo-card small{font-size:9px;letter-spacing:.28em;color:#777}.section{padding:95px 0}.heading{text-align:center;margin-bottom:45px}.heading h2,.complain-grid h2,.contact-box h2{font-size:40px;line-height:1.1;letter-spacing:-.035em;margin:0 0 12px}.heading>p:last-child,.contact-box p{color:#777}.shops{display:grid;grid-template-columns:1fr 1fr;gap:20px}.shop{min-height:118px;border:1px solid #ddd;padding:25px;display:flex;align-items:center;gap:20px;transition:.2s}.shop:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.08)}.shop .icon{width:58px;height:58px;display:grid;place-items:center;flex:none;border:1px solid #ddd;border-radius:10px}.shop .icon img{width:39px;height:39px}.shop-text{display:flex;flex-direction:column;gap:3px}.shop-text strong{font-size:21px}.shop-text span{font-size:13px;color:#777}.arrow{margin-left:auto;font-size:25px}.tiktok .icon{background:#000;border-color:#000}.tiktok .icon img{filter:drop-shadow(2px 0 #25f4ee)}.shopee .icon{background:#fff}.dark-section{background:#111;color:#fff;padding:95px 0}.complain-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:start}.complain-grid h2{font-size:43px}.muted{color:#bdbdbd;max-width:560px}.note{margin-top:30px;border-left:2px solid #fff;padding:5px 0 5px 18px;color:#ccc}.note b{color:#fff}form{background:#fff;color:#111;padding:30px}label{display:block;font-size:12px;font-weight:800;margin-bottom:17px}input,select,textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #d3d3d3;border-radius:2px;font:inherit;outline:none;background:#fff}input:focus,select:focus,textarea:focus{border-color:#111}.submit{width:100%;background:#111;color:#fff}form small{display:block;text-align:center;color:#777;margin-top:12px;font-size:11px}.contact{background:#f7f7f7}.contact-box{border:1px solid #ddd;background:#fff;padding:36px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-box h2{font-size:32px}.contact-box p{margin:0}.footer{min-height:75px;border-top:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:11px}@media(max-width:800px){.nav nav{gap:14px}.hero{padding:65px 0}.hero-grid,.complain-grid,.shops{grid-template-columns:1fr}.logo-card{height:330px}.section,.dark-section{padding:70px 0}.complain-grid{gap:40px}.contact-box{flex-direction:column;align-items:flex-start}.footer{flex-direction:column;justify-content:center;gap:5px}}@media(max-width:500px){.nav{height:66px}.nav nav a:nth-child(3){display:none}.brand b{font-size:13px}.hero h1{font-size:48px}.actions .btn{width:100%}.shop{padding:20px}.shop-text strong{font-size:18px}form{padding:22px}}