:root{--navy:#10264c;--ink:#172c4d;--muted:#607087;--orange:#fa5b24;--yellow:#ffda46;--soft:#f4f7fb;--line:#dfe6ef;--shadow:0 14px 45px #18375b0d}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;color:var(--ink);background:#fff;font-family:"Pretendard","Noto Sans KR","Malgun Gothic",system-ui,sans-serif;font-size:16px;line-height:1.75;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,select{font:inherit}a,input,select,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.container{max-width:1160px;margin:auto;padding:0 28px}.narrow{max-width:940px}.section{padding:88px 0}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:800;letter-spacing:-.045em;line-height:1.3}h1{font-size:clamp(30px,4vw,46px)}h2{font-size:clamp(28px,3vw,38px);margin-bottom:22px}h3{font-size:20px;line-height:1.45;margin-bottom:12px}p{color:var(--muted);margin-bottom:22px}.eyebrow{font-size:14px;font-weight:800;letter-spacing:.06em;color:var(--orange);margin-bottom:16px}.lead{font-size:21px;line-height:1.65;color:var(--ink);font-weight:600}.intro{text-align:center}.benefits{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:32px 0}.benefits span{padding:10px 20px;background:var(--soft);border-radius:100px;font-size:15px;font-weight:700}.gift{background:#fff7e9;border:1px solid #f8e6c5;border-radius:20px;padding:24px;margin-top:36px}.gift strong{display:block;margin-bottom:12px}.gift>div{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px}.gift span{font-size:15px}.estimate{background:var(--soft)}.estimate-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start}.estimate-layout>div:first-child{padding-top:35px}.text-link{color:var(--orange);font-weight:700;display:inline-block;margin-top:14px}.quote-card{padding:36px;background:white;border-radius:26px;box-shadow:var(--shadow);border:1px solid #e7edf5}fieldset{padding:0;border:0;margin:0 0 26px;min-width:0}legend{font-weight:700;margin-bottom:12px}legend b{font-size:13px;color:var(--orange);margin-right:9px}.choices{display:flex;gap:10px}.choices label{flex:1;position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices span{display:block;padding:12px 4px;border:1px solid var(--line);border-radius:12px;text-align:center;background:white;font-weight:600}.choices input:checked+span{border-color:var(--navy);background:var(--navy);color:white}.choices input:focus-visible+span{outline:3px solid var(--orange);outline-offset:3px}select,#minutes{width:100%;min-height:52px;padding:12px 15px;border:1px solid var(--line);border-radius:12px;color:var(--ink);background:#fff}#custom-wrap{margin-top:16px}#custom-wrap label{display:block;font-size:14px;margin-bottom:8px}small{display:block;font-size:12px;color:var(--muted);margin-top:10px;line-height:1.7}.result{background:#fff7ec;border-radius:16px;padding:24px;text-align:center;display:flex;flex-direction:column;gap:5px}.result>span{font-size:14px}.result strong{font-size:40px;color:var(--orange);line-height:1.4;letter-spacing:-.03em}.result strong.message{font-size:27px}.result strong span{font-size:22px}.result .vat{font-size:12px;color:var(--muted)}.note{font-size:12px;color:var(--muted);margin:14px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:16px 24px;min-height:56px;border-radius:13px;font-weight:800;line-height:1.5;transition:transform .15s,box-shadow .15s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #00000013}.yellow{background:var(--yellow);color:#192944}.quote-card .button{width:100%;font-size:16px}.table-wrap{margin-top:32px;border-radius:18px;border:1px solid var(--line);overflow:hidden;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;text-align:center;font-variant-numeric:tabular-nums}thead{background:var(--navy);color:white}th,td{padding:18px 12px}tbody th{font-weight:500;color:var(--muted)}tbody tr+tr{border-top:1px solid var(--line)}tbody tr:nth-child(even){background:#f8fafd}td{font-weight:700}.soft{background:var(--soft)}.steps{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:0;margin:36px 0 0}.steps li{padding:28px 22px;background:white;border-radius:20px;border:1px solid #e7edf5}.steps li>span{color:var(--orange);font-weight:800;font-size:15px;display:block;margin-bottom:25px}.steps p{font-size:14px;margin-bottom:0}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.trust article{padding:30px;border-radius:20px;border:1px solid var(--line)}.trust article p{font-size:15px;margin:0}.number{display:block;color:var(--orange);font-size:38px;font-weight:800;line-height:1.2;margin-bottom:24px}.faq-layout{display:grid;grid-template-columns:340px 1fr;gap:50px}.faqs details{border-bottom:1px solid var(--line)}.faqs details:first-child{border-top:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:15px;padding:23px 0}summary::-webkit-details-marker{display:none}summary span{font-size:22px;color:var(--orange);line-height:1.2}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;padding-right:30px}.final-cta{text-align:center;background:var(--navy);color:white}.final-cta .eyebrow{color:var(--yellow)}.final-cta h2{font-size:clamp(29px,4vw,44px)}.final-cta p{color:#c7d2e5}.cta-row{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin:30px 0 20px}.outline{border:1px solid #8291ab;color:white}.email{font-size:14px;color:#c7d2e5;text-decoration:underline;text-underline-offset:4px}footer{padding:42px 0;background:#0b1c38;color:#aab8cd;font-size:13px}footer strong{font-size:20px;color:#fff}footer p{margin:14px 0 0;color:#aab8cd;line-height:1.9}.footer-inner{display:flex;justify-content:space-between;gap:24px}.mobile-cta{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:-100px;left:16px;z-index:30;padding:12px 20px;background:white;color:var(--navy)}.skip:focus{top:16px}[hidden]{display:none!important}.hero{position:relative;max-width:1440px;margin:0 auto}.hero img{display:block;width:100%;height:auto}.hero-link{position:absolute;border-radius:999px}.hero-link:focus-visible{outline:4px solid #1264e5;outline-offset:3px}@media(min-width:769px){.single-line{white-space:nowrap}}@media(max-width:1000px){.estimate-layout{gap:32px;grid-template-columns:.8fr 1.2fr}.steps{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:280px 1fr;gap:26px}.trust article{padding:22px}}@media(max-width:768px){body{font-size:15px;padding-bottom:calc(76px + env(safe-area-inset-bottom))}.container{padding:0 20px}.section{padding:56px 0}.lead{font-size:19px}.estimate-layout,.faq-layout{grid-template-columns:1fr;gap:24px}.estimate-layout>div:first-child{padding-top:0}.quote-card{padding:24px 20px;border-radius:20px}.benefits{gap:8px}.benefits span{font-size:13px;padding:9px 13px}.gift{padding:22px 16px}.gift>div{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;text-align:left}.gift span{font-size:13px}.trust-grid{grid-template-columns:1fr;gap:14px}.trust article{padding:24px}.number{font-size:30px;margin-bottom:14px}.steps{gap:12px}.steps li{padding:22px 16px}.steps h3{font-size:17px}.steps p{font-size:13px}.steps br{display:none}.steps li>span{margin-bottom:18px}th,td{padding:16px 8px;font-size:14px}.footer-inner{flex-direction:column}.cta-row{flex-direction:column;align-items:stretch}.mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:1fr 1.7fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#fffffff5;border-top:1px solid var(--line);box-shadow:0 -6px 20px #10264c0b}.mobile-cta a{display:flex;align-items:center;justify-content:center;text-align:center;border-radius:10px;min-height:48px;font-size:14px;font-weight:800;background:var(--navy);color:white}.mobile-cta a+a{background:var(--yellow);color:var(--navy)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.eyebrow,.text-link,legend b,.steps li>span{color:#c94313}

/* Desktop keeps the approved original. Mobile displays the supplied portrait hero. */
.hero picture { display: block; }
.hero-estimate { left: 5.47235023%; top: 68.87417219%; width: 36.92396313%; height: 10.59602649%; }
.hero-kakao { left: 43.60599078%; top: 68.87417219%; width: 36.05990783%; height: 10.59602649%; }
@media (max-width: 768px) {
  /* The reference includes a second section; show only its first 1120 pixels.
     The existing editable HTML sections continue immediately below. */
  .hero { aspect-ratio: 788 / 1120; overflow: hidden; }
  .hero picture { position: absolute; inset: 0; }
  .hero img { width: 100%; height: auto; aspect-ratio: 788 / 1996; }
  .hero-estimate { left: 5.96446701%; top: 56.16071429%; width: 88.07106599%; height: 7.67857143%; }
  .hero-kakao { left: 5.96446701%; top: 65.35714286%; width: 88.07106599%; height: 7.67857143%; }
}

/* Two-line Kakao labels: the original text still reserves the same button size. */
.button.yellow, .mobile-kakao { position: relative; }
.cta-size { visibility: hidden; }
.cta-copy { position: absolute; left: 24px; right: 52px; top: 50%; transform: translateY(-50%); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; pointer-events: none; }
.cta-title { display: block; font-size: 15px; font-weight: 800; line-height: 1.3; letter-spacing: -.025em; white-space: nowrap; }
.cta-hours { display: block; color: #46506a; font-size: 11px; font-weight: 600; line-height: 1.25; letter-spacing: .02em; white-space: nowrap; }
.hero-kakao-copy { position: absolute; left: 21%; right: 13%; top: 13%; bottom: 13%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: #fed32d; border-radius: 3px; box-shadow: 0 0 3px 2px #fed32d; pointer-events: none; }
.hero-kakao-copy .cta-title { color: #172443; font-size: clamp(12px, 1.62vw, 23.3px); line-height: 1.25; }
.hero-kakao-copy .cta-hours { font-size: clamp(8.5px, .95vw, 13.7px); line-height: 1.25; }
@media (max-width: 768px) {
  .hero-kakao-copy { left: 25%; right: 19%; top: 9%; bottom: 9%; gap: 0; background: #fed229; box-shadow: 0 0 2px 2px #fed229; }
  .hero-kakao-copy .cta-title { font-size: clamp(10.5px, 3.4vw, 26px); }
  .hero-kakao-copy .cta-hours { font-size: clamp(8px, 2.35vw, 18px); }
  .mobile-kakao .cta-copy { left: 5px; right: 5px; gap: 2px; }
  .mobile-kakao .cta-title { font-size: 13px; }
  .mobile-kakao .cta-hours { font-size: 10px; }
}