/* TEAM AI - 랜딩 페이지 공용 스타일 */
:root{
  --primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;
  --primary-glow:rgba(37,99,235,.10);--accent:#06b6d4;
  --white:#fff;--g50:#f8fafc;--g100:#f1f5f9;--g200:#e2e8f0;--g300:#cbd5e1;
  --g400:#94a3b8;--g500:#64748b;--g600:#475569;--g700:#334155;--g800:#1e293b;--g900:#0f172a;
  --grad:linear-gradient(135deg,#2563eb 0%,#06b6d4 100%);
  --sh-sm:0 1px 2px rgba(0,0,0,.05);
  --sh-md:0 4px 6px -1px rgba(0,0,0,.07),0 2px 4px -2px rgba(0,0,0,.05);
  --sh-lg:0 10px 15px -3px rgba(0,0,0,.08),0 4px 6px -4px rgba(0,0,0,.05);
  --r:12px;--r-lg:16px;--r-xl:24px;
  --ease:cubic-bezier(.16,1,.3,1);
  --max:1120px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  color:var(--g800);background:var(--white);line-height:1.75;letter-spacing:-.02em;
  word-break:keep-all;overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}

/* 헤더 (원본 사이트와 동일) */
.header{
  position:fixed;top:0;width:100%;
  background:rgba(255,255,255,.85);
  backdrop-filter:blur(24px) saturate(180%);
  -webkit-backdrop-filter:blur(24px) saturate(180%);
  z-index:1000;border-bottom:1px solid rgba(226,232,240,.6);
  transition:all .4s var(--ease);
}
.header.scrolled{box-shadow:var(--sh-md);background:rgba(255,255,255,.95)}
.nav-container{
  display:flex;justify-content:space-between;align-items:center;
  max-width:1280px;margin:0 auto;padding:.75rem 2rem;
}
.logo{display:flex;align-items:center;text-decoration:none}
.logo img{height:60px;width:auto;transition:transform .3s ease}
.nav-right-group{display:flex;align-items:center;gap:2rem}
.nav-links{display:flex;list-style:none;gap:2.5rem}
.nav-links a{
  color:var(--g700);text-decoration:none;font-weight:600;font-size:.95rem;
  position:relative;padding:.5rem 0;transition:color .3s ease;
}
.nav-links a::after{
  content:'';position:absolute;width:0;height:2px;bottom:0;left:0;
  background:var(--grad);transition:width .3s ease;border-radius:2px;
}
.nav-links a:hover{color:#6366f1}
.nav-links a:hover::after{width:100%}
.cta-nav{
  background:linear-gradient(135deg,#6366f1 0%,#06b6d4 100%);
  color:#fff;padding:.75rem 1.5rem;border-radius:100px;text-decoration:none;
  font-weight:600;font-size:.9rem;transition:all .3s ease;
  box-shadow:0 4px 15px rgba(99,102,241,.3);white-space:nowrap;
}
.cta-nav:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(99,102,241,.4)}
.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;z-index:2001;padding:8px}
.hamburger-icon{width:28px;height:20px;display:flex;flex-direction:column;justify-content:space-between}
.hamburger-icon span{display:block;height:2px;width:100%;background:var(--g700);border-radius:2px;transition:all .3s ease}
.mobile-menu-overlay{
  position:fixed;top:0;left:0;width:100%;height:100%;
  background:rgba(255,255,255,.98);backdrop-filter:blur(20px);
  z-index:1500;display:flex;flex-direction:column;align-items:center;justify-content:center;
  opacity:0;visibility:hidden;transition:all .4s ease;
}
.mobile-menu-overlay.active{opacity:1;visibility:visible}
.mobile-menu-overlay .nav-links{display:flex!important;flex-direction:column;gap:2rem;text-align:center}
.mobile-menu-overlay .nav-links a{font-size:1.5rem;font-weight:700;color:var(--g900)}
.mobile-menu-overlay .cta-nav{display:inline-flex!important;margin-top:2rem;font-size:1.2rem;padding:1rem 2rem}
body{padding-top:0}
.hd-spacer{height:84px}
@media(max-width:1024px){
  .nav-links,.nav-right-group .cta-nav{display:none}
  .mobile-menu-btn{display:block}
  .nav-container{padding:.5rem 1rem}
  .logo img{height:75px}
  .hd-spacer{height:91px}
}
@media(max-width:480px){
  .logo img{height:65px}
  .hd-spacer{height:81px}
}

/* 브레드크럼 */
.bc{background:var(--g50);border-bottom:1px solid var(--g100);font-size:.75rem;color:var(--g500)}
.bc .wrap{padding-top:11px;padding-bottom:11px}
.bc a:hover{color:var(--primary)}
.bc span{margin:0 7px;color:var(--g300)}

/* 히어로 */
.hero{background:linear-gradient(180deg,#fff 0%,#f0f9ff 55%,#e0f2fe 100%);padding:64px 0 60px;text-align:center;position:relative;overflow:hidden}
.hero::after{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,.10) 0%,transparent 70%);top:-180px;right:-140px;pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.badge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--g200);border-radius:999px;padding:7px 16px;font-size:.75rem;font-weight:700;color:var(--primary);box-shadow:var(--sh-sm);margin-bottom:22px}
.badge::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--grad)}
h1{font-size:clamp(1.75rem,5vw,2.75rem);font-weight:900;line-height:1.32;letter-spacing:-.045em;color:var(--g900);margin-bottom:20px}
h1 em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead{font-size:clamp(.9375rem,2.2vw,1.0625rem);color:var(--g600);line-height:1.9;max-width:680px;margin:0 auto 28px}
.chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}
.chips span{font-size:.75rem;font-weight:600;color:var(--g600);background:rgba(255,255,255,.8);border:1px solid var(--g200);padding:6px 13px;border-radius:999px}
.btns{display:flex;gap:11px;justify-content:center;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:7px;padding:14px 26px;border-radius:999px;font-size:.9375rem;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s var(--ease)}
.btn:hover{transform:translateY(-2px)}
.btn-p{background:var(--grad);color:#fff;box-shadow:0 6px 18px rgba(37,99,235,.28)}
.btn-p:hover{box-shadow:0 10px 26px rgba(37,99,235,.36)}
.btn-s{background:#fff;color:var(--g700);border:1px solid var(--g300)}
.btn-s:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--sh-md)}

/* 섹션 */
section{padding:64px 0}
section.alt{background:var(--g50)}
.lbl{display:block;text-align:center;font-size:.6875rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--primary);margin-bottom:12px}
h2{font-size:clamp(1.375rem,3.6vw,1.875rem);font-weight:900;line-height:1.38;letter-spacing:-.04em;color:var(--g900);text-align:center;margin-bottom:18px}
h2.left{text-align:left}
.sub{text-align:center;font-size:.9688rem;color:var(--g600);line-height:1.9;max-width:720px;margin:0 auto 40px}

/* 요약 박스 (AEO) */
.answer{background:#fff;border:1px solid var(--g200);border-left:4px solid var(--primary);border-radius:var(--r);padding:26px 28px;max-width:820px;margin:0 auto 40px;box-shadow:var(--sh-sm)}
.answer p{font-size:1rem;line-height:1.95;color:var(--g700)}
.answer p strong{color:var(--g900);font-weight:800}
.facts{list-style:none;max-width:820px;margin:0 auto;background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);padding:24px 28px;box-shadow:var(--sh-sm)}
.facts li{position:relative;padding-left:24px;margin:11px 0;font-size:.9375rem;color:var(--g600);line-height:1.85}
.facts li::before{content:'';position:absolute;left:2px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--grad)}
.facts li b{color:var(--g900);font-weight:700}

/* 본문 블록 */
.blocks{max-width:820px;margin:0 auto}
.blk{margin-bottom:34px}
.blk h3{font-size:1.1875rem;font-weight:800;color:var(--g900);margin-bottom:11px;line-height:1.45}
.blk h3 i{font-style:normal;color:var(--primary)}
.blk p{font-size:.9688rem;line-height:1.95;color:var(--g600)}
.blk p+p{margin-top:12px}
.blk ul{margin:12px 0 0;padding-left:20px}
.blk li{font-size:.9375rem;line-height:1.85;color:var(--g600);margin:6px 0}

/* 카드 그리드 */
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;max-width:var(--max);margin:0 auto}
.card{background:#fff;border:1px solid var(--g200);border-radius:var(--r-lg);padding:26px 24px;transition:all .3s var(--ease)}
.card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--sh-lg)}
.card .tag{display:inline-block;font-size:.6875rem;font-weight:800;letter-spacing:.04em;color:var(--primary);background:var(--primary-glow);padding:4px 10px;border-radius:999px;margin-bottom:11px}
.card h3{font-size:1.0313rem;font-weight:800;color:var(--g900);margin-bottom:9px;line-height:1.5}
.card p{font-size:.875rem;line-height:1.8;color:var(--g600)}

/* 표 */
.tbl-wrap{max-width:820px;margin:0 auto;overflow-x:auto;border:1px solid var(--g200);border-radius:var(--r-lg);background:#fff}
table{width:100%;border-collapse:collapse;min-width:520px}
th,td{padding:15px 18px;text-align:left;font-size:.9063rem;border-bottom:1px solid var(--g100);line-height:1.75}
th{background:var(--g50);font-weight:800;color:var(--g800);white-space:nowrap}
td{color:var(--g600)}
tr:last-child th,tr:last-child td{border-bottom:none}
td b{color:var(--g900)}

/* FAQ */
.faq{max-width:820px;margin:0 auto}
details{border:1px solid var(--g200);border-radius:var(--r);margin-bottom:11px;background:#fff;transition:border-color .25s,box-shadow .25s}
details[open]{border-color:var(--primary);box-shadow:var(--sh-md)}
summary{list-style:none;cursor:pointer;padding:19px 50px 19px 21px;font-size:.9688rem;font-weight:700;color:var(--g800);position:relative;line-height:1.6}
summary::-webkit-details-marker{display:none}
summary::after{content:'+';position:absolute;right:21px;top:50%;transform:translateY(-50%);font-size:1.4rem;font-weight:400;color:var(--primary)}
details[open] summary::after{content:'\2212'}
.ans{padding:0 21px 21px;font-size:.9063rem;line-height:1.9;color:var(--g600)}
.ans a{color:var(--primary);font-weight:700}

/* 관련 페이지 */
.rel{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:11px;max-width:var(--max);margin:0 auto}
.rel a{display:block;background:#fff;border:1px solid var(--g200);border-radius:var(--r);padding:15px 17px;transition:all .25s var(--ease)}
.rel a:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--sh-md)}
.rel strong{display:block;font-size:.9063rem;font-weight:700;color:var(--g900);margin-bottom:3px}
.rel em{font-style:normal;font-size:.75rem;color:var(--g500);line-height:1.6}

/* CTA 밴드 */
.cta{background:var(--grad);color:#fff;text-align:center;padding:64px 0}
.cta h2{color:#fff;margin-bottom:14px}
.cta p{font-size:.9688rem;opacity:.94;line-height:1.9;margin-bottom:28px}
.cta .btn-w{background:#fff;color:var(--primary);box-shadow:0 6px 20px rgba(0,0,0,.16)}
.cta .btn-o{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.6)}
.cta .btn-o:hover{background:rgba(255,255,255,.14)}

/* 푸터 */
footer{background:var(--g900);color:var(--g400);padding:48px 0 40px;text-align:center;font-size:.8125rem;line-height:1.9}
.ft-nav{display:flex;flex-wrap:wrap;gap:8px 17px;justify-content:center;padding-bottom:22px;margin-bottom:22px;border-bottom:1px solid rgba(255,255,255,.08)}
.ft-nav a{font-size:.8125rem;transition:color .2s}
.ft-nav a:hover{color:#fff}
footer .ft-co{color:var(--g300);font-weight:600;margin-bottom:8px}
footer a.ft-l{color:var(--g300)}
footer a.ft-l:hover{color:#fff}
.ft-cr{margin-top:16px;font-size:.6875rem;color:var(--g600)}

@media(max-width:768px){
  .wrap{padding:0 18px}
      .hero{padding:44px 0 46px}
  section{padding:48px 0}
  .answer,.facts{padding:20px 18px}
  .answer p{font-size:.9375rem}
  .facts li,.blk p{font-size:.9063rem}
  .blk h3{font-size:1.0625rem}
  .sub{font-size:.9063rem;margin-bottom:30px}
  summary{font-size:.9063rem;padding:16px 44px 16px 17px}
  .ans{font-size:.875rem;padding:0 17px 17px}
  th,td{padding:12px 14px;font-size:.8438rem}
  .btn{padding:13px 22px;font-size:.9063rem}
}