/* layout.css — 상단 헤더/네비/모바일 드로어 · 하단 푸터 */

/* 헤더 */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.85);border-bottom:1px solid rgba(231,238,247,.9);backdrop-filter:saturate(160%) blur(16px)}
.nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}
.brand-mark{width:44px;height:44px;border-radius:12px;display:block;flex-shrink:0;box-shadow:0 8px 20px rgba(37,99,255,.18)}
.brand-text{font-weight:900;letter-spacing:-.6px;font-size:22px;line-height:1}
.brand-text small{display:block;margin-top:3px;color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.2px}
.nav-links{display:none;align-items:center;gap:30px;font-size:15px;font-weight:800;color:#33415a}
.nav-links a{position:relative}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:.22s}
.nav-links a:hover{color:var(--brand)}
.nav-links a:hover::after{transform:scaleX(1)}
.nav-actions{display:flex;align-items:center;gap:10px}
.menu-btn{display:inline-flex;width:46px;padding:0;font-size:22px}
.drawer{display:none;border-top:1px solid var(--line);background:#fff}
.drawer.open{display:block}
.drawer .container{padding:12px 0 18px;display:grid;gap:8px}
.drawer a{padding:14px 14px;border-radius:12px;font-weight:800;font-size:16px;color:#33415a;background:#f7fbff}
.drawer a:hover{background:var(--brand-soft);color:var(--brand)}
.drawer .drow{display:flex;gap:10px;margin-top:6px}
.drawer .drow .btn{flex:1}
@media(max-width:600px){.brand-text{font-size:19px}#nav-login,#nav-download{display:none!important}}
@media(min-width:1000px){.nav-links{display:flex}.menu-btn{display:none}.drawer{display:none!important}}

/* 푸터 */
footer{background:var(--navy);color:#c9d6e6;padding:52px 0 28px;font-size:14px}
.foot-grid{display:grid;grid-template-columns:1fr;gap:30px}
@media(min-width:860px){.foot-grid{grid-template-columns:1.1fr 1.3fr;gap:48px}}
.foot-brand .brand-text,.foot-brand .brand-text small{color:#fff}
.foot-brand p{color:#93a7c0;margin-top:14px;max-width:460px;line-height:1.7}
.foot-links{display:flex;gap:8px 22px;flex-wrap:wrap;margin-top:14px;font-weight:800}
.foot-links a{color:#bcd0e6}.foot-links a:hover{color:#fff}
.co-name{font-size:17px;font-weight:900;color:#fff;margin-bottom:12px}
.co-list{list-style:none;display:flex;flex-direction:column;gap:9px}
.co-list li{display:flex;gap:9px;align-items:flex-start;line-height:1.55;color:#aebfd4}
.co-list li i{color:var(--brand2);font-size:17px;margin-top:1px;flex-shrink:0}
.co-list b{color:#e7eefa;font-weight:700}
.co-list a{color:#8fc0ff;font-weight:700}
.copyright{margin-top:26px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);color:#8197b2;font-size:12.5px}