:root{--navy:#10212b;--ink:#16232b;--blue:#1f6f8b;--sky:#eaf7fb;--mint:#22a06b;--yellow:#ffd85a;--soft:#f5f8fa;--line:#dbe5ea;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Noto Sans KR","Apple SD Gothic Neo",sans-serif;color:var(--ink);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}.wrap{max-width:1180px;margin:auto;padding:0 22px}.top{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20;box-shadow:0 4px 18px #0001}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:23px;font-weight:900}.brand b{color:var(--yellow)}.links{display:flex;gap:22px;font-size:14px;font-weight:700}.cta{background:var(--yellow);color:#13202a;padding:12px 18px;border-radius:999px;font-weight:900}
.hero{background:linear-gradient(135deg,#effbff 0%,#fff 58%);padding:58px 0 68px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}.eyebrow{color:var(--blue);font-weight:900;letter-spacing:.03em}.hero h1{font-size:54px;line-height:1.12;margin:12px 0 20px;letter-spacing:-.045em}.hero p{font-size:19px;color:#52636d}.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-block;padding:14px 20px;border-radius:12px;font-weight:900;background:var(--navy);color:#fff}.btn.secondary{background:#fff;color:var(--navy);border:1px solid #b9cbd4}
.hero-card{position:relative}.hero-card img{width:100%;height:510px;object-fit:cover;border-radius:28px;box-shadow:0 24px 60px #16485b2b}.badge{position:absolute;left:20px;bottom:20px;background:#10212be8;color:#fff;padding:10px 14px;border-radius:12px;font-size:13px;font-weight:800}
.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:-28px;position:relative}.trust div{background:#fff;border:1px solid var(--line);padding:20px;border-radius:18px;box-shadow:0 10px 26px #16485b12}.trust strong{display:block;font-size:17px}.trust span{font-size:13px;color:#667781}
section{padding:84px 0}.soft{background:var(--soft)}.kicker{color:var(--blue);font-weight:900}.title{font-size:38px;line-height:1.2;letter-spacing:-.035em;margin:8px 0 16px}.sub{color:#64747d;max-width:760px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.card{border:1px solid var(--line);border-radius:22px;padding:28px;background:#fff}.card h3{margin:0 0 8px;font-size:22px}.card p{margin:0;color:#64747d}.num{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--sky);color:var(--blue);font-weight:900;margin-bottom:18px}
.case-list{display:grid;gap:34px;margin-top:36px}.case{background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}.case h3{margin:0 0 14px}.compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}.shot{position:relative}.shot img{width:100%;height:360px;object-fit:cover;border-radius:16px;display:block}.label{position:absolute;top:12px;left:12px;background:#10212be8;color:#fff;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:900}.label.after{background:#16875f}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.gallery img{width:100%;height:280px;object-fit:cover;border-radius:18px}
.area{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.area-box{background:var(--navy);color:#fff;border-radius:26px;padding:34px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}.chip{background:#ffffff12;border:1px solid #ffffff22;border-radius:999px;padding:8px 12px}
.contact{background:var(--navy);color:#fff}.contact .title{color:#fff}.contact-box{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.phone{font-size:34px;font-weight:900;color:var(--yellow)}
footer{background:#09151c;color:#aebdc5;padding:34px 0;font-size:13px}
@media(max-width:850px){.links{display:none}.hero-grid,.area,.contact-box{grid-template-columns:1fr}.hero h1{font-size:39px}.hero-card img{height:380px}.trust{grid-template-columns:1fr 1fr;margin-top:18px}.cards,.gallery{grid-template-columns:1fr}.compare{grid-template-columns:1fr}.shot img{height:300px}.phone{font-size:28px}}