:root{--ink:#111315;--muted:#686d76;--blue:#3157ff;--lime:#d9ff43;--paper:#f5f6f8;--line:#dfe2e8;--dark:#101216}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Noto Sans KR',sans-serif;color:var(--ink);background:#fff;word-break:keep-all}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.nav{height:76px;padding:0 max(24px,calc((100vw - 1180px)/2));display:flex;align-items:center;gap:42px;position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(17,19,21,.08)}
.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:-.04em}
.brand-dot{width:17px;height:17px;border-radius:50% 50% 4px 50%;background:var(--blue);transform:rotate(45deg)}
.nav nav{display:flex;gap:30px;margin-left:auto;color:#525762;font-size:15px;font-weight:700}
.nav nav a:hover{color:var(--blue)}
.nav-cta{padding:12px 20px;border-radius:100px;background:var(--ink);color:#fff;font-weight:800}
.nav-actions{display:flex;align-items:center;gap:8px}
.kakao-nav{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fee500;box-shadow:0 7px 18px rgba(43,36,0,.14);transition:transform .2s}
.kakao-nav:hover{transform:translateY(-2px)}
.kakao-nav svg{width:25px;height:25px;fill:#191919}
.hero{min-height:790px;padding:112px 24px 0;text-align:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 55%,#eef1ff 0,#fff 44%)}
.hero-kicker,.label{margin:0 0 22px;color:var(--blue);font-size:13px;font-weight:900;letter-spacing:.13em}
.hero h1{margin:0 auto;font-size:clamp(46px,6.2vw,84px);line-height:1.12;letter-spacing:-.065em;font-weight:900}
.hero h1 em{font-style:normal;color:var(--blue)}
.hero-lead{max-width:690px;margin:28px auto;color:#5d6470;font-size:19px;line-height:1.8}
.hero-cta{display:inline-flex;align-items:center;gap:42px;margin-top:18px;padding:17px 22px 17px 26px;border-radius:12px;background:var(--ink);color:#fff;font-weight:800;box-shadow:0 12px 32px rgba(17,19,21,.18)}
.hero-cta span{font-size:22px;color:var(--lime)}
.hero-note{margin:14px 0 0;color:#7a808a;font-size:13px}
.channel-stage{height:250px;max-width:970px;margin:56px auto 0;position:relative}
.channel-card{position:absolute;width:230px;height:145px;padding:22px;border:1px solid #e0e3ea;border-radius:22px;background:rgba(255,255,255,.93);box-shadow:0 24px 50px rgba(31,43,85,.13);display:grid;grid-template-columns:46px 1fr;grid-template-rows:auto auto;text-align:left;align-content:center;column-gap:14px}
.channel-card>span{grid-row:1/3;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--blue);color:#fff;font-size:21px;font-weight:900}
.channel-card b{font-size:18px}.channel-card small{color:#777e8a}
.card-coupang{left:1%;top:55px;transform:rotate(-6deg)}
.card-naver{left:26%;top:4px;transform:rotate(2deg)}.card-naver>span{background:#03c75a}
.card-review{right:26%;top:28px;transform:rotate(-2deg)}.card-review>span{background:#ff6b4a}
.card-blog{right:1%;top:60px;transform:rotate(6deg)}.card-blog>span{background:#111315}
.score{display:grid;grid-template-columns:repeat(3,1fr);max-width:1120px;margin:auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.score div{padding:38px 20px;text-align:center;border-right:1px solid var(--line)}.score div:last-child{border:0}
.score strong{display:block;color:var(--blue);font-size:34px}.score span{font-size:14px;color:var(--muted)}
.block{max-width:1180px;margin:auto;padding:140px 24px}
.section-copy h2{margin:0;font-size:clamp(38px,5vw,62px);line-height:1.22;letter-spacing:-.055em}
.worry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:58px}
.worry-grid article{min-height:300px;padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--paper);position:relative}
.worry-grid article>span{font-size:12px;font-weight:900;color:#8b9099}
.worry-grid i{display:grid;place-items:center;width:54px;height:54px;margin:38px 0 28px;border-radius:16px;background:#fff;color:var(--blue);font-size:25px;font-style:normal;font-weight:900;box-shadow:0 8px 22px rgba(35,48,85,.08)}
.worry-grid h3{font-size:20px;margin:0 0 12px}.worry-grid p{margin:0;color:var(--muted);line-height:1.75;font-size:15px}
.services{padding:135px max(24px,calc((100vw - 1180px)/2));background:var(--dark);color:#fff}
.section-copy.light .label{color:var(--lime)}
.service-list{margin-top:60px;border-top:1px solid #393c43}
.service-list article{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;padding:32px 5px;border-bottom:1px solid #393c43;transition:.2s}
.service-list article:hover{padding-left:18px;background:#171a20}
.service-list article>b{color:var(--lime);font-size:14px}.service-list h3{margin:0 0 8px;font-size:25px}.service-list p{margin:0;color:#aeb3bd;line-height:1.7}
.service-list article>span{padding:8px 12px;border:1px solid #444952;border-radius:100px;color:#cbd0d9;font-size:12px;font-weight:800;letter-spacing:.09em}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:72px 1fr;gap:20px;padding:30px 0;border-bottom:1px solid var(--line)}
.process li strong{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--blue);color:#fff;font-size:20px}
.process h3{font-size:24px;margin:0 0 8px}.process p{margin:0;color:var(--muted);line-height:1.8}
.reason{padding:140px 24px;text-align:center;background:var(--paper)}
.reason h2{margin:0;font-size:clamp(40px,5vw,64px);line-height:1.2;letter-spacing:-.055em}.reason h2 span{color:var(--blue)}
.reason-grid{max-width:1000px;margin:60px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:left}
.reason-grid article{padding:34px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.reason-grid strong{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--lime);font-size:19px}
.reason-grid h3{margin:32px 0 10px;font-size:22px}.reason-grid p{margin:0;color:var(--muted);line-height:1.75}
.contact{padding:130px max(24px,calc((100vw - 1120px)/2));background:var(--blue);color:#fff;display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start}
.contact .label{color:var(--lime)}.contact h2{margin:0;font-size:clamp(44px,5vw,68px);line-height:1.16;letter-spacing:-.06em}
.contact-intro>p:not(.label){max-width:430px;color:#d7defe;font-size:17px;line-height:1.75}
.direct-contact{display:grid;gap:9px;margin-top:34px}
.direct-contact a,.direct-contact button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;text-align:left;cursor:pointer}
.direct-contact small{color:#cbd6ff}.direct-contact b{font-size:14px}
.lead-card{min-height:660px;padding:34px;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 25px 65px rgba(20,25,70,.25);position:relative}
.live-status{display:flex;align-items:center;gap:8px;width:max-content;margin:0 0 22px;padding:8px 12px;border-radius:100px;background:#eefbf2;color:#167c3c;font-size:12px;font-weight:900;letter-spacing:.03em}
.live-status span{width:8px;height:8px;border-radius:50%;background:#20b65a;box-shadow:0 0 0 0 rgba(32,182,90,.4);animation:livePulse 1.8s infinite}
@keyframes livePulse{70%{box-shadow:0 0 0 8px rgba(32,182,90,0)}100%{box-shadow:0 0 0 0 rgba(32,182,90,0)}}
#leadForm{display:grid;gap:18px}#leadForm label,fieldset{font-size:14px;font-weight:700}sup{color:var(--blue)}
fieldset{border:0;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}legend{width:100%;margin-bottom:9px}
.choice input{position:absolute;opacity:0}.choice span{display:block;padding:10px 13px;border:1px solid #d8dce5;border-radius:100px;color:#616773;cursor:pointer;font-weight:600}
.choice input:checked+span{background:var(--ink);border-color:var(--ink);color:#fff}
#leadForm>label,.two-col label{display:grid;gap:8px}
.field-hint{color:#6f7b82;font-size:12px;font-weight:500;line-height:1.45}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}
input,textarea{width:100%;border:1px solid #d8dce5;border-radius:10px;padding:13px 14px;color:var(--ink);background:#fafbfc;outline:none;font-size:15px}
input:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(49,87,255,.1)}textarea{resize:vertical}
.submit{display:flex;justify-content:space-between;align-items:center;border:0;border-radius:11px;padding:16px 19px;background:var(--ink);color:#fff;font-weight:900;cursor:pointer}.submit span{color:var(--lime);font-size:20px}
.form-actions{display:grid;grid-template-columns:1fr 128px;gap:9px}
.kakao-form{display:flex;align-items:center;justify-content:center;gap:7px;border-radius:11px;background:#fee500;color:#191919;font-size:14px;font-weight:900}
.kakao-form svg{width:23px;height:23px;fill:#191919}
.privacy{margin:0;color:#838994;font-size:12px;line-height:1.5}.submit-frame{width:1px;height:1px;border:0;position:absolute;opacity:0;pointer-events:none}
.success{padding:105px 20px;text-align:center}.success>span{display:grid;place-items:center;width:64px;height:64px;margin:auto;border-radius:50%;background:var(--lime);font-size:28px;font-weight:900}
.success h3{margin:26px 0 10px;font-size:28px}.success p{color:var(--muted);line-height:1.7}.success button{margin-top:16px;border:0;border-radius:10px;padding:13px 18px;background:var(--ink);color:#fff;font-weight:800;cursor:pointer}
footer{max-width:1180px;margin:auto;padding:42px 24px;display:flex;align-items:center;gap:28px;color:#777d87;font-size:13px}footer p:last-child{margin-left:auto}
@media(max-width:900px){.nav nav{display:none}.nav-actions{margin-left:auto}.hero{min-height:720px;padding-top:90px}.channel-stage{height:220px}.channel-card{width:190px}.card-coupang{left:-4%}.card-naver{left:22%}.card-review{right:22%}.card-blog{right:-4%}.worry-grid{grid-template-columns:1fr 1fr}.process,.contact{grid-template-columns:1fr;gap:55px}.reason-grid{grid-template-columns:1fr}.contact-intro>p:not(.label){max-width:none}}
@media(max-width:620px){.nav{height:68px;padding:0 18px}.brand{font-size:18px}.nav-cta{padding:10px 15px;font-size:14px}.kakao-nav{width:40px;height:40px}.kakao-nav svg{width:22px;height:22px}.hero{min-height:760px;padding:74px 18px 0}.hero h1{font-size:43px}.hero-lead{font-size:16px}.channel-stage{height:300px;margin-top:40px}.channel-card{width:47%;height:122px;padding:15px}.card-coupang{left:1%;top:8px}.card-naver{left:auto;right:1%;top:5px}.card-review{left:2%;right:auto;top:148px}.card-blog{right:2%;top:150px}.score div{padding:26px 7px}.score strong{font-size:26px}.score span{font-size:12px}.block,.services,.reason,.contact{padding:90px 20px}.worry-grid{grid-template-columns:1fr}.service-list article{grid-template-columns:42px 1fr}.service-list article>span{display:none}.process{gap:35px}.two-col{grid-template-columns:1fr}.form-actions{grid-template-columns:1fr}.kakao-form{padding:14px}.lead-card{padding:24px 18px}.direct-contact b{font-size:12px}footer{flex-direction:column;align-items:flex-start}footer p{margin:0!important}}