/* 첫 화면(손님) */
.hero{position:relative;border-radius:var(--r-lg);overflow:hidden;padding:calc(var(--space-8) + var(--space-4)) calc(var(--space-7) + var(--space-2));margin:var(--space-2) 0 var(--space-6);
  background:radial-gradient(1200px 400px at 80% -10%,var(--navy-glow) 0,transparent 60%),linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 55%,var(--navy-3) 100%);color:var(--on-brand)}
.hero .eyebrow{font-size:var(--text-sm);letter-spacing:.18em;color:var(--hero-eyebrow);font-weight:700;text-transform:uppercase}
.hero h1{font-size:var(--text-3xl);line-height:var(--leading-tight);margin:var(--space-3) 0 var(--space-2);color:var(--on-brand);font-weight:800}
.hero h1 .pt{color:var(--hero-point)}
.hero p.sub{color:var(--hero-ink);font-size:var(--text-lg);max-width:560px;margin:0 0 var(--space-6)}
.hero .cta{display:flex;gap:var(--space-2);flex-wrap:wrap}
.hero .btn.gho{background:rgba(255,255,255,.08);color:var(--on-brand);border:1px solid rgba(255,255,255,.25)}
.hero .stat{display:flex;gap:var(--space-7);margin-top:var(--space-7);flex-wrap:wrap}
.hero .stat div b{display:block;font-size:var(--text-xl);color:var(--on-brand)}
.hero .stat div span{font-size:var(--text-xs);color:var(--hero-mut)}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.feat .card{margin:0}
.feat .ic{width:46px;height:46px;border-radius:var(--r-lg);display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--ic-soft-1),var(--ic-soft-2));color:var(--brand);margin-bottom:var(--space-3)}
.feat .ic svg{width:var(--space-6);height:var(--space-6)}
.feat h3{margin:0 0 var(--space-2);font-size:var(--text-lg)}
.feat p{margin:0;color:var(--mut);font-size:var(--text-md);line-height:var(--leading-normal)}
@media(max-width:760px){.hero{padding:calc(var(--space-7) + var(--space-3)) var(--space-6)}.hero h1{font-size:var(--text-2xl)}.feat{grid-template-columns:1fr}}