@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');

:root{
  --bg:#FBFAFE;
  --surface:#FFFFFF;
  --surface-alt:#F4F1FA;
  --border:#E9E3F4;
  --border-strong:#D7CCEA;
  --text-primary:#211A2E;
  --text-secondary:#69607C;
  --text-muted:#9C93B0;
  --accent:#9333EA;
  --accent-strong:#7E22CE;
  --accent-weak:#F4E9FE;
  --accent-text:#7E22CE;
  --brand-grad-1:#A855F7;
  --brand-grad-2:#F472B6;
  --success:#0D9488;
  --success-weak:#E1F7F3;
  --warning:#D97706;
  --warning-weak:#FEF3C7;
  --danger:#DB4467;
  --danger-weak:#FCE7ED;
  --radius:14px;
  --font-sans:'Pretendard',-apple-system,BlinkMacSystemFont,sans-serif;
  --font-mono:'SFMono-Regular',Consolas,monospace;
  --shadow-sm:0 1px 2px rgba(76,42,120,.06),0 1px 1px rgba(76,42,120,.05);
  --shadow-md:0 10px 26px rgba(76,42,120,.12),0 2px 8px rgba(76,42,120,.06);
  --glass-bg:rgba(255,255,255,.55);
  --glass-bg-strong:rgba(255,255,255,.72);
  --glass-border:rgba(255,255,255,.6);
  --glass-blur:blur(22px) saturate(180%);
}

body{
  font-family:var(--font-sans);
  background:var(--bg);
  color:var(--text-primary);
  -webkit-font-smoothing:antialiased;
  position:relative;
  min-height:100vh;
}

.landing-intro::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(480px 320px at 28% 18%, rgba(168,85,247,.30), transparent 70%),
    radial-gradient(520px 360px at 76% 8%, rgba(45,212,191,.20), transparent 70%);
  animation:spotDrift 14s ease-in-out infinite alternate;
}
@keyframes spotDrift{from{opacity:.75;transform:translateY(0)}to{opacity:1;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.landing-intro::before{animation:none}}

.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 35%, transparent)}
.btn.primary:hover{background:var(--accent-strong)}

.brandline{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:44px}

.wall-label{display:inline-flex;align-items:center;gap:10px;margin-bottom:30px}
.wall-label .rule{width:26px;height:1px;background:rgba(243,238,250,.35)}
.wall-label span.txt{font-size:10.5px;font-weight:700;letter-spacing:.32em;color:#C9B8E8;text-transform:uppercase}

.landing-intro h1{margin:0;font-size:clamp(30px,4.6vw,46px);font-weight:800;line-height:1.42;letter-spacing:-.015em;color:#FFFFFF;word-break:keep-all;}
.landing-intro h1 em{
  font-style:normal;background:linear-gradient(95deg,#D8B4FE,#5EEAD4 65%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.landing-intro h3{margin:0;font-size:clamp(24px,4.6vw,32px);font-weight:800;line-height:1.42;letter-spacing:.015em;color:#FFFFFF;word-break:keep-all;}

.intro-sub{margin:22px auto 0;font-size:14.5px;line-height:1.85;color:#C7BBDD;word-break:keep-all}
.intro-cta{margin-top:38px}
.intro-cta .btn.primary{
  padding:14px 30px;font-size:13.5px;border-radius:12px;
  background:linear-gradient(95deg,#A855F7,#D946A8);box-shadow:0 14px 34px rgba(168,85,247,.35);border:none;
}
.intro-cta .hint{font-size:11.5px;color:#9C8FBD}

.catalog-head{text-align:center}
.catalog-head .wall-label{margin-bottom:16px}
.catalog-head .wall-label .rule{background:var(--border-strong)}
.catalog-head .wall-label span.txt{color:var(--text-muted)}
.catalog-head h2{font-size:22px;font-weight:800;color:var(--text-primary);margin:0;letter-spacing:-.01em;word-break:keep-all}
.catalog-head p{margin:12px 0 0;font-size:12.5px;color:var(--text-muted);word-break:keep-all}

.ba-item{border:1px solid var(--border);border-radius:14px;padding:22px 24px;background:var(--surface)}
.ba-row{display:flex;align-items:center;gap:12px}
.ba-before{font-size:12.5px;color:var(--text-muted);text-decoration:line-through;text-decoration-color:var(--border-strong);word-break:keep-all}
.ba-arrow{flex:none;color:var(--accent);font-size:14px}
.ba-after{font-size:13.5px;font-weight:700;color:var(--text-primary);word-break:keep-all}

.eff-item{text-align:center;padding:20px 10px}
.eff-item .eic{width:34px;height:34px;border-radius:50%;background:var(--success-weak);color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 12px}
.eff-item .et{font-size:12px;font-weight:700;color:var(--text-primary);line-height:1.6;word-break:keep-all}
.eff-item .nic{width:16px;height:16px;flex:none;display:inline-flex;align-items:center;justify-content:center}

.company-foot a{color:var(--text-muted)}