:root{font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,sans-serif;color:#172033;background:#f6f8fc}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 5%,#dbeafe 0,transparent 30%),radial-gradient(circle at 85% 30%,#d1fae5 0,transparent 28%),#f6f8fc}.page{min-height:100vh}.topbar{height:76px;padding:0 max(24px,5vw);display:flex;align-items:center;justify-content:space-between;background:#ffffffd9;border-bottom:1px solid #e2e8f0;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#1e3a8a,#2563eb);color:#fff;font-size:23px;box-shadow:0 10px 24px #2563eb40}.brand strong,.brand small{display:block}.brand strong{font-size:15px;letter-spacing:.05em}.brand small{margin-top:2px;color:#94a3b8;font-size:11px}.status{display:flex;align-items:center;gap:8px;border:1px solid #a7f3d0;background:#ecfdf5;color:#047857;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:750}.status i{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 4px #a7f3d066}.hero{text-align:center;padding:72px 24px 40px}.eyebrow{display:inline-flex;border-radius:999px;padding:7px 12px;background:#e0e7ff;color:#3730a3;font-size:10px;font-weight:900;letter-spacing:.14em}.hero h1{margin:16px 0 10px;font-size:clamp(34px,5vw,56px);letter-spacing:-.045em;color:#0f172a}.hero p{margin:0;color:#64748b;line-height:1.75;font-size:15px}.systems{max-width:1040px;margin:auto;padding:0 24px 46px;display:grid;grid-template-columns:1fr 1fr;gap:24px}.system-card{position:relative;isolation:isolate;overflow:hidden;min-height:405px;padding:34px;border:1px solid #e2e8f0;border-radius:30px;background:#fff;color:inherit;text-decoration:none;box-shadow:0 16px 45px #0f172a12;transition:transform .25s,box-shadow .25s,border-color .25s}.system-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px #0f172a20}.system-card.uniform:hover{border-color:#93c5fd}.system-card.pantry:hover{border-color:#6ee7b7}.system-card img{position:relative;width:92px;height:92px;object-fit:cover;border-radius:24px;box-shadow:0 14px 30px #0f172a20;margin-bottom:42px}.system-card .tag{display:block;font-size:10px;font-weight:900;letter-spacing:.13em;color:#64748b}.system-card h2{font-size:29px;margin:8px 0 8px;letter-spacing:-.03em}.system-card p{max-width:390px;min-height:52px;color:#64748b;line-height:1.65;font-size:14px}.system-card strong{position:absolute;left:34px;bottom:32px;font-size:14px}.system-card b{display:inline-grid;place-items:center;width:27px;height:27px;margin-left:7px;border-radius:50%;color:#fff}.uniform strong{color:#1d4ed8}.uniform b{background:#2563eb}.pantry strong{color:#047857}.pantry b{background:#059669}.card-glow{position:absolute;z-index:-1;width:220px;height:220px;border-radius:50%;right:-80px;top:-70px;filter:blur(2px);opacity:.7}.uniform .card-glow{background:#dbeafe}.pantry .card-glow{background:#d1fae5}footer{max-width:992px;margin:0 auto 40px;padding:18px 24px;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;border:1px solid #e2e8f0;border-radius:18px;background:#ffffffb8;color:#64748b;font-size:12px}footer span:before{content:"✓";color:#059669;font-weight:900;margin-right:7px}@media(max-width:720px){.topbar{padding:0 16px}.status{font-size:0;padding:9px}.hero{padding-top:48px}.systems{grid-template-columns:1fr}.system-card{min-height:360px}.system-card img{width:78px;height:78px;margin-bottom:30px}.brand small{display:none}}@media(max-width:420px){.hero h1{font-size:32px}.hero p br{display:none}.systems{padding-inline:14px}.system-card{padding:26px;border-radius:24px}.system-card strong{left:26px}.system-card h2{font-size:25px}}