/* PickTrend main.css — v2.5 (consolidated & deduped) */
:root{
  --brand1:#16b1ff; --brand2:#5866ff;
  --ink:#0f172a; --ink-weak:#475569;
  --bg:#fff; --bg-dark:#0b132a;
  --radius:12px; --header-h:64px;
}
html,body{margin:0;padding:0;font-family:Pretendard,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);scroll-behavior:smooth;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none} a:hover{opacity:.88}

/* Header */
.site-header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:1300;display:flex;align-items:center;background:transparent;transition:background .2s,box-shadow .2s}
.header-inner{max-width:1280px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}
.logo{font-weight:900;font-size:1.2rem;color:var(--brand1)}
.main-nav-inline ul{display:flex;gap:18px;margin:0;padding:0;list-style:none}
.main-nav-inline li{list-style:none}
.main-nav-inline li::marker{content:none}
.main-nav-inline li+li::before{content:none}
.main-nav-inline a{display:block;padding:10px 4px;font-weight:800;color:#fff}
.nav-toggle{display:none;width:36px;height:30px;align-items:center;justify-content:center;border:0;background:transparent}
.nav-toggle .bar{width:22px;height:2px;background:#fff}
@media (max-width:1024px){.main-nav-inline{display:none}.nav-toggle{display:inline-flex}}
.site-header.scrolled{backdrop-filter:saturate(160%) blur(10px);background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(0,0,0,.08)}
.site-header.scrolled .main-nav-inline a{color:var(--ink)}
.site-header.scrolled .nav-toggle .bar{background:var(--ink)}
.site-header.scrolled .logo{color:var(--ink)}

/* Drawer */
#main-drawer{position:fixed;top:0;right:0;bottom:0;width:min(84vw,360px);background:#0b132a;color:#fff;transform:translateX(100%);transition:transform .28s ease;z-index:1400;padding:16px 12px}
#main-drawer[aria-hidden="false"]{transform:translateX(0)}
#main-drawer ul{list-style:none;margin:16px 0 0;padding:0}
#main-drawer li+li{border-top:1px solid rgba(255,255,255,.12)}
#main-drawer a{display:block;padding:14px 8px;color:#fff;font-weight:800}
.nav-backdrop[hidden]{display:none}
.nav-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);z-index:1390}

/* Fixed header spacing (프론트 공통) */
body{padding-top:var(--header-h)}
.home body, .front-page body{padding-top:0}

/* Hero & CTA */
.pt-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 16px;background:#000;color:#fff;position:relative}
.pt-title{font-size:clamp(2.5rem,4vw,4rem);margin:0;background:linear-gradient(90deg,var(--brand1),var(--brand2));-webkit-background-clip:text;color:transparent}
.pt-sub{margin:1rem 0 2rem;font-size:clamp(1.1rem,2vw,1.5rem)}
.pt-scroll-btn{--h:52px;position:relative;display:inline-flex;align-items:center;justify-content:center;height:var(--h);padding:0 1.6rem;border-radius:9999px;border:2px solid transparent;color:#fff;background:linear-gradient(90deg,var(--brand1),var(--brand2));font-weight:800;letter-spacing:.2px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.pt-scroll-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--brand2),var(--brand1));opacity:0;transition:opacity .25s}
.pt-scroll-btn:hover{transform:translateY(-2px);box-shadow:0 10px 18px rgba(0,0,0,.3)}
.pt-scroll-btn:hover::before{opacity:1}
.pt-scroll-btn>span{position:relative;z-index:1} /* 글자 항상 위 */

/* Cards & stats */
.card{background:#fff;color:var(--ink);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius);padding:1.5rem;box-shadow:0 4px 18px rgba(0,0,0,.08)}
.card .title{font-weight:800;margin-bottom:.35rem}
.card .desc{opacity:.9}
.stats-inner{max-width:1200px;margin:0 auto;padding:3rem 1rem;display:flex;gap:1rem;flex-wrap:wrap;align-items:stretch}
@media (max-width:768px){.stats-inner{padding:2rem 1rem}.stats-inner .card{flex:1 1 100%}}

/* Forms & buttons */
.pt-input{flex:1 1 220px;padding:.9rem 1.1rem;border:1.5px solid #e4e9f2;border-radius:12px;background:#fff;color:var(--ink);font-size:1rem;transition:.2s}
.pt-input:focus{border-color:var(--brand2);box-shadow:0 0 0 3px rgba(88,102,255,.18);outline:none}
.pt-btn{padding:.9rem 2rem;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#fff;font-weight:700;border:0;border-radius:9999px;cursor:pointer;transition:.2s}
.pt-btn:hover{transform:translateY(-2px);box-shadow:0 8px 14px rgba(0,0,0,.2)}
.glass-wrap{display:flex;gap:1rem;background:#fff;border:1px solid #eef1f6;border-radius:16px;padding:1rem;box-shadow:0 8px 24px rgba(0,0,0,.06)}
@media (max-width:600px){.glass-wrap{flex-direction:column}}

/* Pricing */
.pricing-grid{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.plan-card{background:#0f172a;color:#eaf2ff;border-radius:16px;max-width:360px;flex:1 1 320px;padding:1.75rem 1.5rem;position:relative;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.plan-card .badge{position:absolute;top:10px;right:12px;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#fff;font-weight:700;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}
.plan-pro{outline:1px solid rgba(22,177,255,.25)}
.w-full{display:inline-block;width:100%}

/* Footer */
.site-footer{margin-top:32px;padding:24px 16px;border-top:1px solid rgba(0,0,0,.08);background:#0b132a;color:#fff;border-top-left-radius:32px;border-top-right-radius:32px}
.footer-inner{display:grid;gap:16px;max-width:1280px;margin:0 auto;grid-template-columns:2fr 1fr 1fr}
@media (max-width:768px){.footer-inner{grid-template-columns:1fr;text-align:center}}
.f-nav ul{list-style:none;margin:0;padding:0}
.f-nav li{position:relative;padding:.35rem 0}
.f-nav li+li{border-top:1px dashed rgba(255,255,255,.18)} /* 구분선 */
.f-nav a{display:block;color:#fff;font-weight:700;padding:.25rem 0}
.f-nav a:hover{color:var(--brand1)}

/* Utilities */
.muted{opacity:.78}
#to-top{position:fixed;right:20px;bottom:24px;z-index:1200;width:48px;height:48px;line-height:48px;text-align:center;background:linear-gradient(90deg,var(--brand1),var(--brand2));color:#fff;border-radius:50%;font-size:1.1rem;cursor:pointer;box-shadow:0 4px 10px rgba(0,0,0,.24);transition:.3s}
#to-top:hover{transform:translateY(-3px) scale(1.05)}


/* === PT v2.5 OVERRIDE (append at end) ======================= */
:root{ --brand1:#16b1ff; --brand2:#5866ff; --ink:#0f172a; }

/* 헤더: 정렬·대비 고정 */
.site-header{ height:64px; }
.header-inner{ max-width:1280px; margin:0 auto; padding:0 16px;
  display:flex !important; align-items:center; justify-content:space-between !important; gap:16px; }
.logo{ font-weight:900; color:var(--brand1); text-decoration:none }

/* 스크롤/흰 배경 페이지에서 가독성 */
.site-header.scrolled{
  backdrop-filter:saturate(160%) blur(10px);
  background:rgba(255,255,255,.92) !important;
  box-shadow:0 8px 24px rgba(0,0,0,.08) !important;
}
.site-header.scrolled .main-nav-inline a{ color:var(--ink) !important; }
.site-header.scrolled .nav-toggle .bar{ background:var(--ink) !important; }
.site-header.scrolled .logo{ color:var(--ink) !important; }

/* 데스크톱 메뉴 장식/현재 위치 */
.main-nav-inline li+li::before{ content:none !important; }
.main-nav-inline a{ position:relative; font-weight:800; text-decoration:none; }
.main-nav-inline a::after{ content:""; position:absolute; left:0; bottom:-6px; width:100%; height:2px;
  background:var(--brand1); transform:scaleX(0); transform-origin:left; transition:.28s; }
.main-nav-inline a:hover::after,.main-nav-inline a.is-active::after{ transform:scaleX(1) !important; }

/* CTA 버튼: 텍스트 항상 보이도록(가상요소 제거, 배경 슬라이드로 대체) */
.pt-scroll-btn{
  --h:52px; display:inline-flex; align-items:center; justify-content:center;
  height:var(--h); padding:0 1.6rem; border-radius:9999px;
  background:linear-gradient(90deg,var(--brand1),var(--brand2));
  background-size:200% 100%; color:#fff !important; font-weight:800; letter-spacing:.2px;
  border:2px solid transparent; text-decoration:none; transition:background-position .35s, transform .2s, box-shadow .2s;
}
.pt-scroll-btn:hover{ background-position:100% 0; transform:translateY(-2px); box-shadow:0 10px 18px rgba(0,0,0,.3); }

/* 카드/푸터 톤 & 구분선 */
.card{ background:#fff !important; color:var(--ink) !important; border:1px solid rgba(0,0,0,.08) !important; }
.site-footer .f-nav li+li{ border-top:1px dashed rgba(255,255,255,.18) !important; }
.site-footer .f-nav a:hover{ color:var(--brand1) !important; }

/* 고정헤더 여백(모바일) */
@media(max-width:1024px){ body{ padding-top:64px; } }

/* Progress HUD(상단 바) */
#pt-hud{ position:fixed; top:0; left:0; right:0; height:3px; z-index:2000;
  background:rgba(0,0,0,.06); transform:translateY(-100%); transition:transform .2s; }
#pt-hud.on{ transform:translateY(0); }
#pt-hud .bar{ height:100%; width:0; transition:width .5s ease;
  background:linear-gradient(90deg,var(--brand1),var(--brand2)); }
/* ============================================================ */
html.pt-frozen{pointer-events:none;filter:blur(2px) grayscale(1);}

/* === PATCH 2025-08-17 === */

/* 메뉴/로고 가독성 + 정렬 */
.site-header .header-inner{justify-content:space-between}
.logo{color:#16b1ff;font-weight:900;margin-right:12px}
.main-nav-inline{display:flex;gap:18px;align-items:center}
.main-nav-inline a{color:#fff;font-weight:800;text-decoration:none;opacity:.95}
.main-nav-inline a.is-active{opacity:1}
.site-header.scrolled .main-nav-inline a{color:#0f172a}
.site-header.scrolled .logo{color:#0f172a}

/* 시작하기 버튼 – 글자 사라짐 방지 */
.pt-scroll-btn{position:relative;isolation:isolate;color:#fff}
.pt-scroll-btn::before{z-index:-1}

/* 카드 크기/정렬 통일 */
.stats-inner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.card{min-height:96px;display:flex;align-items:center;justify-content:center}

/* 멤버십 버튼 넘침 방지 + 카드 간격 */
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.plan-card .pt-btn{display:block;width:100%;box-sizing:border-box;margin-top:12px;overflow:hidden}

/* Guard freeze 시 연성 처리 */
html.pt-frozen{pointer-events:none;filter:blur(2px) grayscale(1)}


/* 스크롤 상태(또는 히어로 없는 페이지)에서 대비 강화 */
.site-header.scrolled{ background:rgba(255,255,255,.92); box-shadow:0 8px 24px rgba(0,0,0,.08) }
.site-header.scrolled .logo{ color:#0f172a }
.site-header.scrolled .main-nav-inline a{ color:#0f172a }

/* 로고와 메뉴 간격 약간 넓힘 */
.header-inner{ gap:24px }
.main-nav-inline ul{ gap:22px }


/* 동일 폭/높이 + 정렬 */
.stats-inner{ display:flex; flex-wrap:wrap; gap:16px; align-items:stretch }
.stats-inner .card{ flex:1 1 240px; min-height:110px; display:flex; flex-direction:column; justify-content:center }


/* 요금제 카드 간격 & 버튼 길게 보정 */
.pricing-grid{ display:flex; flex-wrap:wrap; gap:24px; justify-content:center }
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:28px;padding:24px 0 56px}
.plan-card{ flex:1 1 320px; max-width:380px }
.plan-card .w-full{ width:100% }  /* 버튼 넘침 방지 */
.container{max-width:1080px;margin:0 auto;padding:0 20px}
.pricing-hero{padding:36px 0 8px}
@media (max-width:900px){.pricing-grid{grid-template-columns:1fr}}
.plan-card{background:#0b132a;border-radius:16px;padding:26px 24px;color:#fff;position:relative;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.plan-card.best{outline:2px solid rgba(58,71,213,.45)}
.plan-card .badge{position:absolute;top:12px;right:12px;background:#3a47d5;color:#fff;border-radius:999px;padding:4px 10px;font:600 .78rem Pretendard}
.plan-card .price{font:700 1.12rem/1 Pretendard,system-ui;margin:10px 0 12px;opacity:.9}
.plan-card ul{margin:0 0 16px 16px}
.plan-card li{margin:.38rem 0}
.plan-card .btn{display:block;text-align:center;border-radius:14px;padding:13px 16px;background:linear-gradient(90deg,#3788ff,#6aa8ff);font-weight:700}


.checkout-box{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:18px 16px;margin:10px 0 14px}
.checkout-box .actions{margin-top:8px}
.sep{border:0;height:1px;background:rgba(0,0,0,.08);margin:18px 0}
.terms li{margin:.35rem 0}



/* 버튼 텍스트 가독성 보장 */
.pt-scroll-btn,
.pt-scroll-btn:focus,
.pt-scroll-btn:active { color:#fff; }
.pt-scroll-btn > span{ position:relative; z-index:1 } /* 이미 있으면 중복 무방 */

/* 카드 그리드 균일화 */
.stats-inner{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:1rem;
  align-items:stretch;
}
.stats-inner .card{ min-height:110px; display:flex; align-items:center; justify-content:center }

/* 스크롤 헤더 대비 (로고/메뉴 색상) */
.site-header.scrolled{ background:rgba(255,255,255,.90); box-shadow:0 8px 24px rgba(0,0,0,.08) }
.site-header.scrolled .main-nav-inline a,
.site-header.scrolled .logo{ color:#0f172a; }
.header-inner .logo{ margin-right:16px; }

/* 1) 카드 그리드/높이 통일 */
.stats-wrap{padding:48px 0}
.stats-inner{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:22px;align-items:stretch}
@media (max-width:1024px){.stats-inner{grid-template-columns:repeat(2,minmax(220px,1fr))}}
@media (max-width:640px){.stats-inner{grid-template-columns:1fr}}
.card{background:#fff;border-radius:14px;box-shadow:0 6px 18px rgba(0,0,0,.06);padding:0}
.card .card-in{padding:20px 22px;display:flex;flex-direction:column;justify-content:center;min-height:100px}
.card .title{font-weight:700;color:#5b637b;margin-bottom:10px}

/* 2) 헤더: 히어로 위/스크롤 후 색상 분기 */
.site-header{transition:background .2s ease, box-shadow .2s ease}
.site-header:not(.scrolled){background:transparent;box-shadow:none}
.site-header:not(.scrolled) .main-nav-inline a{color:#e6edff}
.site-header.scrolled{background:#ffffff;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.site-header.scrolled .main-nav-inline a{color:#1b1e2a}
.main-nav-inline a.is-active{position:relative}
.main-nav-inline a.is-active::after{content:'';position:absolute;left:8px;right:8px;bottom:-8px;height:2px;background:linear-gradient(90deg,#00d2ff,#3a47d5);border-radius:2px}

/* 3) 푸터 인라인 스타일 제거 대응 */
.f-support p{word-break:keep-all}

/* === PickTrend 2025-08-17: Cards/Hover/Grids === */
:root{
  --navy:#0B1222;
  --ink:#111827;
  --muted:#6B7280;
  --primary:#3A70FF;
  --primary-2:#6CA3FF;
  --card:#ffffff;
  --shadow: 0 10px 30px rgba(16,24,40,.06), 0 1px 1px rgba(16,24,40,.06);
  --shadow-lg: 0 12px 40px rgba(16,24,40,.10), 0 6px 12px rgba(16,24,40,.08);
}

/* 헤더 대비/상태 */
.site-header.scrolled{
  background:rgba(255,255,255,.96);
  backdrop-filter:saturate(150%) blur(8px);
  box-shadow:0 1px 0 rgba(16,24,40,.08);
}
.site-header:not(.scrolled) .main-nav-inline a{ color:rgba(255,255,255,.86); }
.site-header:not(.scrolled) .main-nav-inline a:hover{ color:#9ec0ff; }
.site-header .main-nav-inline a.is-active{ color:#6EA8FF; }

/* 카드 공통 */
.card{
  background:var(--card);
  border-radius:16px;
  box-shadow:var(--shadow);
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
  will-change:transform;
}
.card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.card .title{ font-weight:600; color:#475569; margin-bottom:8px; }

/* 지표 카드 영역 */
.stats-wrap{ padding:56px 0; }
.stats-inner{ display:grid; gap:32px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width: 1024px){ .stats-inner{ grid-template-columns:1fr; } }

/* 플랜 카드 */
.plan-grid{ display:grid; gap:32px; grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:24px; }
@media (max-width:1024px){ .plan-grid{ grid-template-columns:1fr; } }
.plan-card{ position:relative; padding:28px; background:#0E162B; color:#e8eefc; border-radius:18px; box-shadow:var(--shadow); }
.plan-card.best::after{
  content:"Best"; position:absolute; right:16px; top:16px;
  background:linear-gradient(90deg,var(--primary),var(--primary-2));
  color:#fff; font-size:12px; font-weight:700; padding:4px 8px; border-radius:999px;
}
.plan-card .price{ font-size:22px; font-weight:700; margin:10px 0 14px; }
.plan-card ul{ margin:0 0 18px 0; padding:0; list-style:none; }
.plan-card ul li{ display:flex; gap:10px; align-items:flex-start; margin:8px 0; color:#b8c3d9; }
.plan-card ul li::before{
  content:""; width:14px; height:14px; border-radius:999px;
  background:radial-gradient(circle at 30% 30%, #79a9ff 0, #3a70ff 65%);
  margin-top:5px;
}
.plan-card .btn{ width:100%; }

/* 뉴스(소식) 카드 그리드 */
.news-grid{ display:grid; gap:24px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:1024px){ .news-grid{ grid-template-columns:1fr; } }
.post-card{ border-radius:16px; overflow:hidden; background:#fff; box-shadow:var(--shadow); transition:transform .25s, box-shadow .25s; }
.post-card:hover{ transform:translateY(-4px); box-shadow:var(--shadow-lg); }
.post-card img{ width:100%; aspect-ratio:16/9; object-fit:cover; display:block; }
.post-card h3{ font-size:18px; margin:14px 16px 8px; color:#0f172a; }
.post-card p{ margin:0 16px 16px; color:#6b7280; }

/* 트렌드 페이지: 예시 링크 인터랙션 */
.trends-sample a{
  color:#7a8bb2; border-bottom:1px dashed rgba(102,125,195,.35);
  transition: color .2s, border-color .2s; cursor:pointer; text-underline-offset: 3px;
}
.trends-sample a:hover{ color:#3a70ff; border-color:#3a70ff; }

/* 푸터 구조/밀도 */
.site-footer{ background:var(--navy); color:#cbd5e1; border-radius:24px 24px 0 0; margin-top:64px; }
.site-footer .f-cols{ display:grid; gap:24px; grid-template-columns:1.3fr 1fr 1fr; align-items:start; }
.site-footer .brand-blurb{ font-weight:500; color:#cbd5e1; line-height:1.55; }
.site-footer .cta-row{ margin-top:14px; display:flex; gap:12px; flex-wrap:wrap; }

html{ color-scheme: light; background:#fff; }
@media (prefers-color-scheme: dark){
  /* 강제 다크 모드가 켜진 환경에서도 의도한 팔레트 유지(선택) */
  :root{ --card:#0f162b; --navy:#0B1222; }
  body{ background:#0b0f16; color:#e8eefc; }
}

.input{
  width:100%; height:44px; border:1px solid #e5e7eb; border-radius:12px;
  padding:0 12px; background:#fff; color:#111827; transition:border-color .2s, box-shadow .2s;
}
.input:focus{ outline:0; border-color:#9ab7ff; box-shadow:0 0 0 3px rgba(58,112,255,.15); }

.btn{ display:inline-flex; align-items:center; justify-content:center; height:44px;
  padding:0 16px; border-radius:999px; font-weight:700; border:0; cursor:pointer; text-decoration:none; }
.btn-primary{ background:linear-gradient(90deg,#3a70ff,#6ca3ff); color:#fff; }
.btn-primary:hover{ filter:brightness(1.04); }
.btn-outline{ border:1px solid #c9d4ff; color:#2d4db8; background:#f5f8ff; }
.btn-outline:hover{ border-color:#6ca3ff; }

/* === PickTrend additions v2.5 === */
:root{
  --brand-500:#3a47d5;          /* 로고 계열 블루 */
  --brand-600:#2f3bc0;
  --ink-900:#0f172a;
  --ink-700:#334155;
  --ink-500:#64748b;
  --bg:#0b1020;
  color-scheme: light;          /* 강제 다크모드 개입 차단 */
}

/* Header: 히어로 구간에서 유리 패널, 스크롤 후 라이트 */
.site-header{backdrop-filter:saturate(140%) blur(8px); transition:background .25s ease,color .25s ease;}
.site-header:not(.scrolled){background:rgba(0,0,0,.28);}
.site-header.scrolled{background:rgba(255,255,255,.85); box-shadow:0 1px 12px rgba(15,23,42,.06);}
.site-header .main-nav-inline a{color:rgba(255,255,255,.82);}
.site-header .main-nav-inline a:hover{color:#fff}
.site-header.scrolled .main-nav-inline a{color:var(--ink-700)}
.site-header.scrolled .main-nav-inline a:hover{color:var(--ink-900)}
.site-header .main-nav-inline a.is-active{position:relative}
.site-header .main-nav-inline a.is-active:after{
  content:''; position:absolute; left:.2rem; right:.2rem; bottom:-.55rem; height:2px;
  background:linear-gradient(90deg,var(--brand-500),#60a5fa);
  border-radius:2px; opacity:.9;
}

/* Cards: 베이스 + 호버 + in-view */
.card{
  --r:14px;
  background:#fff; border-radius:var(--r);
  box-shadow:0 6px 16px rgba(15,23,42,.08);
  transform:translateY(6px); opacity:0;
  transition:transform .25s ease, box-shadow .25s ease, opacity .35s ease;
}
.card.in-view{transform:none; opacity:1}
.card:hover{transform:translateY(-2px); box-shadow:0 10px 28px rgba(15,23,42,.12)}
@media (prefers-reduced-motion: reduce){
  .card{transition:none}
}

/* Trend hero form (컴팩트/가벼운 유리 UI) */
.trend-hero .glass-wrap{
  display:flex; align-items:center; gap:.6rem; margin:1.2rem auto 0;
  padding:.5rem; background:rgba(255,255,255,.07); border-radius:999px;
  border:1px solid rgba(255,255,255,.16); box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.trend-hero .pt-input{
  min-width:220px; padding:.7rem 1rem; border:0; outline:0; background:#fff; border-radius:999px; 
  font-size:1rem; box-shadow:0 2px 10px rgba(15,23,42,.06);
}
.trend-hero .pt-btn{
  padding:.72rem 1.1rem; border-radius:999px; border:0; cursor:pointer;
  background:linear-gradient(135deg,var(--brand-500),#60a5fa); color:#fff; font-weight:600;
}
.kt-example{margin:.6rem 0 0; color:#cbd5e1; font-size:.92rem}
.kt-example a{color:#cbd5e1; text-decoration:underline dotted; text-underline-offset:3px; transition:color .2s ease}
.kt-example a:hover{color:#e2e8f0}

/* Footer 밀도 올리기: 그리드 + 라인 + 간격 */
.site-footer{background:#0a1224; color:#e5e7eb; margin-top:4rem; border-top-left-radius:20px; border-top-right-radius:20px}
.site-footer .footer-inner{
  max-width:1080px; margin:0 auto; padding:2.2rem 1.2rem; display:grid; gap:1.4rem;
  grid-template-columns:repeat(12,1fr);
  border-top:1px solid rgba(148,163,184,.1);
}
.f-brand{grid-column:span 5}
.f-nav{grid-column:span 4}
.f-support{grid-column:span 3}
.f-brand h3{margin:0 0 .5rem; font-weight:800; letter-spacing:.2px}
.f-nav ul{margin:0; padding:0; list-style:none}
.f-nav li+li{margin-top:.55rem; border-top:1px dashed rgba(148,163,184,.2); padding-top:.55rem}
.f-nav a{color:#cbd5e1}
.f-nav a:hover{color:#fff}
@media (max-width:900px){ .f-brand{grid-column:span 12} .f-nav{grid-column:span 6} .f-support{grid-column:span 6} }

/* Responsive type scale */
.pt-title{font-weight:800; letter-spacing:.2px; font-size:clamp(1.8rem, 2.5vw + 1.2rem, 3rem)}
.pt-sub{font-size:clamp(1rem, .9vw + .85rem, 1.25rem)}

/* 모바일에서 인라인 내비 숨김(드로어만) */
@media (max-width: 980px){
  .main-nav-inline{display:none}
}

/* 페이지 섹션 하단 공기층 */
section + .site-footer{margin-top:3rem}

/* 색상 보정: 일부 브라우저 강제 다크 모드 대비 */
html{background:#fff}

/* Home hero 비주얼(그라디언트 배경) */
.home-hero{
  background:
    radial-gradient(1200px 600px at 50% -10%, rgba(58,71,213,.35), transparent 60%),
    linear-gradient(180deg,#0b1020 0%, #000 100%);
  color:#fff;
}
.home-hero .pt-btn{box-shadow:0 6px 16px rgba(59,130,246,.25)}

/* 뉴스 그리드(보조 타이포) */
.news-card h3{line-height:1.35}
.news-card .stretched{position:relative;z-index:1}
.news-card .stretched::after{content:'';position:absolute;inset:0;z-index:2}