:root{color-scheme:dark;--bg:#080d12;--panel:#0e161f;--line:#26343e;--text:#f4f7f8;--muted:#8e9aa4;--accent:#bfff2c;--cyan:#2bd5f2;--green:#58dfa9;--yellow:#f0b94b;--red:#f06d7a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Pretendard,"Noto Sans KR",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{display:flex;align-items:center;justify-content:space-between;height:86px;padding:0 clamp(22px,6vw,105px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:900}.brand img{width:42px;height:42px;object-fit:contain}.brand span{display:grid}.brand small{margin-top:4px;color:var(--muted);font-size:8px;letter-spacing:.15em}.header-actions{display:flex;gap:8px}.header-actions button,.header-actions a{padding:10px 14px;border:1px solid #394853;background:transparent;color:#fff;font-weight:800;cursor:pointer}.header-actions a{background:var(--accent);border-color:var(--accent);color:#111}main{padding:78px clamp(22px,6vw,105px) 90px}.intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,430px);align-items:end;gap:40px;margin-bottom:45px}.eyebrow{grid-column:1/-1;margin:0;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.17em}.intro h1{margin:10px 0 0;font-size:clamp(48px,6vw,82px);line-height:1.02;letter-spacing:-.065em}.intro>p:last-child{margin:0;color:#a5b0b9;font-size:16px;line-height:1.8}.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.products article{display:flex;flex-direction:column;min-height:390px;padding:30px 25px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.product-head{display:flex;align-items:center;gap:15px}.product-head img{width:58px;height:58px;object-fit:contain}.product-head span{min-width:0}.product-head small{color:var(--cyan);font-size:8px;letter-spacing:.12em}.product-head h2{margin:7px 0 0;font-size:clamp(20px,2vw,29px);line-height:1.08;letter-spacing:-.04em}.products article>p{min-height:92px;margin:35px 0 24px;color:#a0acb5;font-size:14px;line-height:1.75}.statuses{display:grid;gap:8px;margin-bottom:25px}.status{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid #34424d;color:#b5c0c8;font-size:11px;font-weight:800}.status::before{content:"";width:8px;height:8px;border-radius:50%;background:#66747f}.status.operational,.status.public{border-color:#275f4f;color:#6fe4bb}.status.operational::before,.status.public::before{background:var(--green)}.status.scheduled_maintenance,.status.maintenance,.status.admin_only{border-color:#654f28;color:#f0c66c}.status.scheduled_maintenance::before,.status.maintenance::before,.status.admin_only::before{background:var(--yellow)}.status.service_suspended{border-color:#66323b;color:#ff909a}.status.service_suspended::before{background:var(--red)}.products article>a{margin-top:auto;padding-top:18px;border-top:1px solid var(--line);font-size:13px;font-weight:900}.products article>a:hover{color:var(--accent)}.status-guide{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px;padding:18px 20px;border:1px solid var(--line);color:#abb6be;font-size:11px}.status-guide>span{display:flex;align-items:center;gap:7px}.status-guide i{width:8px;height:8px;border-radius:50%}.green{background:var(--green)}.yellow{background:var(--yellow)}.red{background:var(--red)}.status-guide small{margin-left:auto;color:#71808b}footer{display:flex;justify-content:space-between;padding:30px clamp(22px,6vw,105px);border-top:1px solid var(--line);color:#73818b;font-size:11px}@media(max-width:1100px){.products{grid-template-columns:repeat(2,1fr)}.products article{min-height:340px}}@media(max-width:700px){header{height:70px;padding:0 15px}.brand small,.header-actions a{display:none}.header-actions button{padding:9px 11px}main{padding:55px 17px 70px}.intro{display:block}.intro>p:last-child{margin-top:20px}.products{grid-template-columns:1fr}.products article{min-height:330px}.status-guide{align-items:flex-start;flex-direction:column}.status-guide small{margin-left:0}footer{align-items:flex-start;flex-direction:column;gap:10px}}