/* Isolated from existing home and document layouts. No extra font or JS. */
.product-page .nav{gap:26px}
.product-nav{display:flex;gap:24px;margin-left:auto;font-size:13px;line-height:1.6;flex-wrap:wrap}
.product-nav a:hover{color:#6e43aa}
.product-breadcrumb{padding-top:28px;font-size:12px;color:#655e69}
.product-breadcrumb ol{display:flex;gap:12px;flex-wrap:wrap;list-style:none;padding:0;margin:0;line-height:1.7}
.product-breadcrumb li+li:before{content:'/';margin-right:12px;color:#85748e}
.product-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.product-hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:70px;padding-top:42px;padding-bottom:80px}
.product-hero h1{font-size:clamp(38px,4.4vw,62px);line-height:1.14;max-width:650px;margin:24px 0}
.product-hero .intro{max-width:590px;font-size:18px;line-height:1.8}
.product-phone-stage{position:relative;margin:0;padding:32px 24px 24px;background:#e8efcf;border:1px solid #dde6c2;border-radius:34px;display:flex;align-items:center;flex-direction:column;gap:20px;min-width:0}
.product-debt .product-phone-stage{background:#ede6f5;border-color:#e2d8ec}
.product-phone{width:280px;max-width:100%;border:6px solid white;border-radius:31px;overflow:hidden;background:#c9e6e1;box-shadow:0 18px 42px #4532521c}
.product-phone img{display:block;width:100%;height:auto}
.product-phone-stage figcaption{font-size:11px;line-height:1.7;color:#554b5d;text-align:center;max-width:290px}
.product-workflow{padding-top:70px;padding-bottom:70px}
.product-section-head{max-width:790px;margin-bottom:42px}
.product-section-head h2{max-width:790px;font-size:clamp(30px,3.2vw,44px)}
.product-steps{padding:0;margin:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
.product-steps li{border-top:1px solid #dcd5e2;padding-top:28px;min-width:0}
.product-steps .step-number{margin-bottom:18px;color:#7040ad}
.product-steps h3{font-size:23px;line-height:1.3;margin:0 0 16px;font-weight:700}
.product-steps p,.product-detail p{color:#655e69;line-height:1.85;font-size:16px;margin:0}
.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;align-items:center;padding-top:65px;padding-bottom:85px}
.product-detail h2{font-size:clamp(29px,3vw,40px);line-height:1.2;margin:18px 0 24px}
.product-detail .textlink{display:inline-block;margin-top:24px;line-height:1.7}
.product-example{margin:0;padding:32px;border:1px solid #ded2eb;border-radius:28px;background:#f1ebf7}
.product-savings .product-example{background:#edf2de;border-color:#dce4c4}
.product-example figcaption{font-size:12px;line-height:1.7;color:#655e69;max-width:360px}
.product-example-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:28px 0 30px;flex-wrap:wrap}
.product-example-heading span{font-size:14px;line-height:1.7}
.product-example-heading strong{font-size:42px;font-variant-numeric:tabular-nums}
.product-example-progress label{display:flex;justify-content:space-between;gap:20px;font-size:14px;margin-bottom:12px;line-height:1.6}
.product-example progress{display:block;width:100%;height:12px;appearance:none;-webkit-appearance:none;border:0;border-radius:20px;overflow:hidden;background:#d9d0df;accent-color:#8054b9}
.product-example progress::-webkit-progress-bar{background:#d9d0df;border-radius:20px}
.product-example progress::-webkit-progress-value{background:#8054b9;border-radius:20px}
.product-example progress::-moz-progress-bar{background:#8054b9;border-radius:20px}
.product-example dl{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:28px 0 0}
.product-example dt{font-size:13px;line-height:1.7;color:#655e69}
.product-example dd{font-size:28px;margin:8px 0 0;font-weight:700;font-variant-numeric:tabular-nums}
.product-questions{padding-top:45px;padding-bottom:75px}
.product-related{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-top:30px;padding-bottom:75px}
.product-related-link{display:flex;flex-direction:column;gap:20px;align-items:flex-start;background:#30283b;color:#faf7ee;padding:38px;border-radius:28px}
.product-related-link .eyebrow{color:#d5bdec;margin:0}
.product-related-title{font-size:30px;line-height:1.25;font-weight:700}
.product-related-link>span:last-child{font-size:15px;line-height:1.8;color:#e0d6e7}
.product-related-link:hover .product-related-title{text-decoration:underline;text-underline-offset:6px}
.product-next{padding:38px;background:#e8efcf;border-radius:28px}
.product-next>img{border-radius:17px}
.product-next h2{font-size:30px;line-height:1.25;margin:20px 0 25px}
.product-page h1,.product-page h2,.product-page h3,.product-page p,.product-related-link span{overflow-wrap:anywhere;letter-spacing:normal}
.product-page .faq details p{color:#655e69}
.product-page:lang(ko) :is(h1,h2,h3,p,figcaption,summary,span){word-break:keep-all;overflow-wrap:break-word}
@media(max-width:1050px){
  .product-hero{gap:35px}.product-hero h1{font-size:44px}.product-phone{width:250px}
  .product-detail{gap:35px}.product-steps{gap:24px}.product-steps h3{font-size:21px}
}
@media(max-width:700px){
  .product-page .nav{gap:14px}.product-page .nav>.lang{margin-left:auto}
  .product-nav{order:3;flex-basis:100%;width:100%;margin-left:0;gap:8px 18px;font-size:12px}
  .product-nav a{display:flex;align-items:center;min-height:36px}
  .product-breadcrumb{padding-top:22px;font-size:11px}
  .product-hero{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:28px;padding-bottom:45px}
  .product-hero h1{font-size:clamp(34px,9vw,48px);margin:20px 0;line-height:1.16}
  .product-hero .intro{font-size:16px;line-height:1.8}
  .product-phone-stage{padding:26px 18px 22px;border-radius:28px}
  .product-phone{width:250px}
  .product-workflow{padding-top:38px;padding-bottom:35px}.product-section-head{margin-bottom:28px}
  .product-steps{grid-template-columns:minmax(0,1fr);gap:28px}.product-steps h3{font-size:23px}
  .product-steps p,.product-detail p{font-size:15px}
  .product-detail{grid-template-columns:minmax(0,1fr);gap:30px;padding-top:35px;padding-bottom:40px}
  .product-example{padding:24px}.product-example-heading strong{font-size:36px}
  .product-questions{padding-top:30px;padding-bottom:35px}
  .product-related{grid-template-columns:minmax(0,1fr);padding-top:25px;padding-bottom:45px}
  .product-related-link,.product-next{padding:28px}
}