/* v2 홈: 어두운 히어로 + 색 있는 띠 */
.hero2{position:relative;background:#0A0F1C;color:#E9EDF5;overflow:hidden;isolation:isolate}
.hero2::before{content:"";position:absolute;inset:0;z-index:-1;background:
 radial-gradient(600px 380px at 78% 30%,rgba(59,107,255,.35),transparent 70%),
 radial-gradient(500px 300px at 10% 110%,rgba(124,156,255,.18),transparent 70%),
 linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px) 0 0/44px 44px,
 linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/44px 44px}
.hero2-in{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-block:84px 0}
.hero2-in>*{min-width:0}
.hero2 .eyebrow{color:#8FA9FF}
.hero2 h1{margin-top:16px;color:#fff;font-size:clamp(34px,5.2vw,56px)}
.hero2 h1 em{font-style:normal;background:linear-gradient(90deg,#8FA9FF,#4C7BFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero2 .lead{color:#A8B2C4;margin-top:22px}
.hero2 .btn{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#fff}
.hero2 .btn.primary{background:#3B6BFF;border-color:#3B6BFF}
.facts{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:34px;padding-bottom:84px;font-size:14px;color:#A8B2C4}
.facts span{display:inline-flex;align-items:center;gap:8px}.facts span::before{content:"";width:6px;height:6px;border-radius:50%;background:#4C7BFF}
.stage{position:relative;height:520px;align-self:end}
.phone{position:absolute;bottom:-60px;width:220px;border-radius:34px;padding:7px;background:#1C2333;box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.08)}
.phone img{display:block;width:100%;border-radius:28px}
.phone.p1{left:6%;transform:rotate(-7deg)}.phone.p2{left:42%;bottom:-20px;transform:rotate(5deg);z-index:2}
.float{position:absolute;z-index:3;background:rgba(17,23,38,.86);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:12px 14px;font-family:var(--mono);font-size:12.5px;line-height:1.6;color:#C9D2E3;box-shadow:0 16px 40px rgba(0,0,0,.35)}
.float b{color:#fff;font-weight:500}.float .ok{color:#5BD69A}
.float.f1{top:48px;left:-4px}.float.f2{top:180px;right:-6px}
/* 한 줄 강점 */
.strip{border-bottom:1px solid var(--line);background:var(--surface)}
.strip .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.strip .it{padding:26px 20px 26px 0;display:grid;gap:4px}.strip .it+.it{padding-left:20px;border-left:1px solid var(--line)}
.strip b{font-size:18px;font-weight:600}.strip span{font-size:14px;color:var(--sub)}
/* 서비스 카드 */
.svc{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.svc>div{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px;display:grid;gap:12px;align-content:start;transition:transform .2s,box-shadow .2s,border-color .2s}
.svc>div:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(18,22,29,.08);border-color:var(--accent)}
.ico{width:46px;height:46px;border-radius:12px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center}
.svc ul{margin:0;padding:0;list-style:none;display:grid;gap:6px;font-size:15px;color:var(--sub)}
.svc li::before{content:"✓";color:var(--accent);margin-right:8px;font-weight:600}
/* 제품 띠 */
.prod2{background:#FFF4D6;color:#3A2E25;border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center;padding:44px 0 0 44px;position:relative}
.prod2>*{min-width:0}
.prod2 .pt{padding-bottom:44px;display:grid;gap:14px}
.prod2 .badge{display:inline-flex;width:max-content;gap:6px;align-items:center;font-size:13px;background:#fff;border-radius:999px;padding:4px 12px;color:#7A5A2C}
.prod2 h3{font-size:30px;display:flex;align-items:center;gap:12px}.prod2 h3 svg{width:52px;height:52px;border-radius:14px}
.prod2 p{color:#6B5A4A}
.prod2 ul{margin:0;padding:0;list-style:none;display:grid;gap:8px;font-size:15px}
.prod2 li{display:flex;gap:10px}.prod2 li::before{content:"";flex:none;margin-top:9px;width:7px;height:7px;border-radius:50%;background:#F2B53A}
.prod2 .links a{color:#3A2E25;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.fan{position:relative;height:440px}
.fan img{position:absolute;bottom:-40px;width:190px;border-radius:26px;border:6px solid #3A2E25;box-shadow:0 20px 40px rgba(58,46,37,.25);background:#fff}
.fan .a{left:4%;transform:rotate(-8deg);bottom:-70px}.fan .b{left:32%;z-index:2}.fan .c{left:60%;transform:rotate(8deg);bottom:-70px}
/* 진행 단계 */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.flow::before{content:"";position:absolute;top:22px;left:22px;right:22px;height:2px;background:linear-gradient(90deg,var(--accent),var(--line))}
.flow li{position:relative;display:grid;gap:8px;align-content:start}
.flow .n{width:46px;height:46px;border-radius:50%;background:var(--accent);color:#fff;display:grid;place-items:center;font-family:var(--mono);font-size:14px;box-shadow:0 0 0 6px var(--bg)}
.flow li+li .n{background:var(--surface);color:var(--accent);border:2px solid var(--accent)}
.flow h3{margin-top:8px}.flow .out{font-family:var(--mono);font-size:12.5px;color:var(--accent)}
/* 기술 */
.stk{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.stk>div{border-top:2px solid var(--ink);padding-top:14px;display:grid;gap:10px;align-content:start}
.stk h4{margin:0;font-family:var(--mono);font-size:12px;letter-spacing:1.5px;color:var(--sub);font-weight:500}
.stk .stack span{background:var(--surface)}
/* 문의 띠 */
.cta2{border-radius:24px;padding:48px;background:linear-gradient(120deg,#1F4FD8,#3B6BFF 60%,#6C8DFF);color:#fff;display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;position:relative;overflow:hidden}
.cta2::after{content:"";position:absolute;right:-60px;top:-60px;width:260px;height:260px;border-radius:50%;border:40px solid rgba(255,255,255,.08)}
.cta2>*{min-width:0;position:relative;z-index:1}
.cta2 .eyebrow{color:#C9D6FF}.cta2 h2{color:#fff;margin-top:10px}.cta2 p{color:#DCE4FF;margin-top:12px}
.cta2 .mailbtn{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#1F4FD8;font-family:var(--mono);font-weight:500;font-size:clamp(16px,2.2vw,20px);padding:14px 22px;border-radius:12px;text-decoration:none}
.cta2 ul{margin:16px 0 0;padding-left:18px;color:#DCE4FF;font-size:14px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .prod2{background:#2A2416;color:#F3E6CC}:root:not([data-theme="light"]) .prod2 p{color:#CDBB9A}:root:not([data-theme="light"]) .prod2 .links a{color:#F3E6CC}:root:not([data-theme="light"]) .prod2 .badge{background:#3A321F;color:#F0C97A}}
:root[data-theme="dark"] .prod2{background:#2A2416;color:#F3E6CC}
@media (max-width:860px){
 .hero2-in,.prod2,.cta2{grid-template-columns:1fr}
 .stage{height:420px}.phone{width:180px}.float.f2{right:0}
 .strip .wrap,.svc,.stk{grid-template-columns:1fr 1fr}.strip .it:nth-child(3){padding-left:0;border-left:0}
 .flow{grid-template-columns:1fr 1fr;row-gap:32px}.flow::before{display:none}
 .prod2{padding:32px 24px 0}.fan{height:360px}.fan img{width:150px}
 .cta2{padding:32px 24px}
}
@media (max-width:520px){.strip .wrap,.svc,.stk,.flow{grid-template-columns:1fr}.strip .it,.strip .it+.it{padding:16px 0;border-left:0;border-bottom:1px solid var(--line)}.facts{padding-bottom:40px}.stage{height:380px}.phone{width:160px}.float{font-size:11px}}