/* V16: scoped reference implementation. The existing landing/hero is untouched. */
.v16-section{color:#06384b;background:#fffefa;padding:32px 0;scroll-margin-top:100px}
.v16-panel{container-type:inline-size;width:min(100%,941px);margin-inline:auto;position:relative;isolation:isolate;overflow:hidden;font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR",sans-serif}
.v16-check .v16-panel{background:#fffefa}
.v16-check-top{background:url('../img/v16-check-background.webp') center top/100% 100% no-repeat;height:86cqw;padding:9.3cqw 6.4cqw 0;position:relative}
.v16-badge{display:inline-flex;gap:2cqw;align-items:center;min-height:8.6cqw;margin:0;padding:.4cqw 3.6cqw;border:2px solid #b5dfae;border-radius:99px;background:#e7f8de;box-shadow:inset 0 3px 7px #fff;color:#005d3a;font-size:3.5cqw;font-weight:850;line-height:1.1}
.v16-eyebrow{font-size:2.95cqw;font-weight:750;letter-spacing:.14em;line-height:1.2;margin:4.4cqw 0 3cqw;color:#658e8d}
.v16-panel h2{font-size:9.5cqw;line-height:1.18;letter-spacing:-.065em;font-weight:950;margin:0;color:#04374a;word-break:keep-all}
.v16-panel h2 span,.v16-panel h2 em{color:#098240;font-style:normal}
.v16-description{font-size:3.5cqw;line-height:1.48;letter-spacing:-.035em;color:#596f80;font-weight:500;margin:5.8cqw 0 0;max-width:57cqw;word-break:keep-all}
.v16-check-bottom{padding:0 5.1cqw 3cqw}
.v16-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5cqw;margin:0 0 4cqw;padding:0;list-style:none}
.v16-feature{padding:3.1cqw 4.5cqw 3.2cqw;min-height:24.5cqw;border:3px solid #fff;border-radius:4cqw;box-shadow:0 13px 30px #254f3b0c;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;cursor:default}
.v16-feature-0{background:#f0fbf5}.v16-feature-1{background:#fdfaf3}.v16-feature-2{background:#eff8ff}.v16-feature-3{background:#fff3f4}
.v16-feature strong{font-size:3.65cqw;font-weight:850;line-height:1.2;letter-spacing:-.035em}
.v16-icon{position:relative;display:inline-block;overflow:hidden;flex:none;width:20cqw;height:13.5cqw;mix-blend-mode:multiply;pointer-events:none}
.v16-icon img{position:absolute;max-width:none!important;width:100cqw!important;height:auto!important;top:0;left:0}
.v16-icon-paw img{left:-9.5cqw;top:-89.5cqw}.v16-icon-bone img{left:-57.5cqw;top:-89.5cqw}
.v16-icon-clipboard img{left:-10cqw;top:-114cqw}.v16-icon-heart img{left:-60cqw;top:-117cqw}
.v16-icon-gift{width:5.8cqw;height:6.3cqw}.v16-icon-gift img{left:-9.8cqw;top:-10.3cqw}
.v16-primary{display:flex;align-items:center;justify-content:center;gap:2.5cqw;border:2px solid #129987;border-radius:99px;background:linear-gradient(115deg,#007d6c,#00394d);color:white!important;box-shadow:inset 0 2px 4px #b5ffdf75,0 15px 32px #004b4420;text-decoration:none!important;min-height:14.6cqw;font-size:4.5cqw;font-weight:800;line-height:1.2;letter-spacing:-.045em;padding:1.5cqw 3cqw;transition:filter .18s,box-shadow .18s}
.v16-primary:hover{filter:brightness(1.08);box-shadow:inset 0 2px 4px #b5ffdf75,0 18px 34px #004b4430}
.v16-primary:focus-visible,.v16-about a:focus-visible{outline:4px solid #dfb73e;outline-offset:5px}
.v16-icon-whitepaw{width:6.2cqw;height:6.8cqw;mix-blend-mode:screen}.v16-icon-whitepaw img{left:-15cqw;top:-145.5cqw}
.v16-icon-arrow{width:7.6cqw;height:7.8cqw;mix-blend-mode:screen;margin-left:auto}.v16-icon-arrow img{left:-83.5cqw;top:-144.9cqw}
.v16-note{display:flex;align-items:center;gap:2.5cqw;border:2px solid white;border-radius:4cqw;background:#f3f4f5;margin:3.7cqw 0 0;padding:2.5cqw 3.5cqw;color:#5f7485;font-size:2.7cqw;font-weight:500;line-height:1.65;letter-spacing:-.03em}
.v16-icon-info{width:5.5cqw;height:5.5cqw}.v16-icon-info img{left:-9.2cqw;top:-163.5cqw}
.v16-patent{font-size:12px;color:#5e766b;margin:18px 0 0;text-align:center;line-height:1.6}
.v16-guide{padding-top:0}
.v16-guide .v16-panel{max-width:941px;background:url('../img/v16-guide-background.webp') center/100% 100% no-repeat;min-height:0;}
.v16-about{margin:7.5cqw 4.8cqw 0;border:3px solid #fff;border-radius:5.3cqw;padding:3.4cqw 3.5cqw 3.1cqw;background:#f3fcf6ed;box-shadow:0 15px 30px #254f3b0c}
.v16-about a{display:flex;align-items:center;gap:3.3cqw;color:#08384f;text-decoration:none;line-height:1.2}
.v16-about strong{font-weight:850;font-size:3.6cqw;letter-spacing:-.045em}
.v16-about p{font-size:2.65cqw;line-height:1.5;margin:0 0 0 9.7cqw;color:#607688;letter-spacing:-.04em;word-break:keep-all}
.v16-icon-book{width:14cqw;height:12cqw}.v16-icon-book img{width:100cqw!important;left:-9.6cqw;top:-10cqw}
.v16-about-chevron{margin-left:auto;color:#006255;border-radius:100%;padding:0 2.4cqw;background:#dff5e5;font-size:5cqw;font-weight:500;line-height:1.6}
.v16-guide-content{padding:14.9cqw 5.6cqw 12.5cqw;min-height:94cqw}
.v16-guide .v16-eyebrow{color:#507b49;margin:0 0 3.9cqw;font-size:3.2cqw;letter-spacing:.13em}
.v16-guide h2{font-size:8.5cqw;line-height:1.3;white-space:nowrap}
.v16-guide .v16-description{font-size:3.8cqw;max-width:50cqw;margin-top:5.5cqw;line-height:1.45}
.v16-guide-cta{width:max-content;max-width:100%;padding:1.9cqw 4cqw;margin-top:7.1cqw;font-size:4.1cqw;min-height:15.8cqw}
.v16-icon-camera{width:11cqw;height:10cqw;mix-blend-mode:normal;border-radius:2cqw}.v16-icon-camera img{width:100cqw!important;left:-11.3cqw;top:-100.5cqw}
/* Longer translations keep the same artwork and accessible real text. */
html:not([lang=ko]) .v16-check-top h2{font-size:7.3cqw;max-width:58cqw}
html:not([lang=ko]) .v16-check-top .v16-description{font-size:3.05cqw;max-width:53cqw}
html:not([lang=ko]) .v16-badge{font-size:3.15cqw}
html:not([lang=ko]) .v16-feature strong{font-size:3.25cqw}
html:not([lang=ko]) .v16-primary{font-size:3.65cqw}
html:not([lang=ko]) .v16-guide h2{font-size:6.8cqw;white-space:normal;max-width:66cqw}
html:not([lang=ko]) .v16-guide .v16-description{font-size:3.25cqw}
html:not([lang=ko]) .v16-note{font-size:2.7cqw}
@media(min-width:1100px){.v16-section{padding-block:48px}.v16-guide{padding-top:0}.v16-panel{width:850px}.v16-guide .v16-panel{min-height:0}}
@media(max-width:760px){.v16-section{padding:18px 0}.v16-guide{padding-top:0}.v16-panel{width:100%}.v16-patent{font-size:11px;margin:14px 8px 0}.v16-badge{border-width:1px}.v16-feature{border-width:2px}.v16-primary{border-width:1px}.v16-note{font-size:max(11px,2.7cqw)}.v16-about{border-width:2px}.v16-check-top{height:86cqw}.v16-guide .v16-panel{min-height:0}}
@media(prefers-reduced-motion:reduce){.v16-primary{transition:none}}
/* Reference typography and the original decorative brush strokes. */
.v16-check .v16-description{max-width:50cqw}
.v16-check h2>span,.v16-guide h2>em{position:relative;display:inline-block}
.v16-check h2>span:after{content:"";position:absolute;left:0;bottom:-3.5cqw;width:33cqw;height:4cqw;background:url('../img/v16-check-reference.webp') -7cqw -61cqw/100cqw auto no-repeat;mix-blend-mode:multiply}
.v16-guide h2>em:after{content:"";position:absolute;left:0;bottom:-2.5cqw;width:31cqw;height:3cqw;background:url('../img/v16-guide-reference.webp') -5.7cqw -73.3cqw/100cqw auto no-repeat;mix-blend-mode:multiply}
.v16-guide h2{font-size:9cqw;letter-spacing:-.055em}
.v16-icon-arrow{border-radius:50%;mix-blend-mode:screen}
/* Transparent, isolated reference-style assets: four columns, two rows. */
.v16-icon{mix-blend-mode:normal;--cell:14.5cqw;width:var(--cell);height:var(--cell)}
.v16-icon img{width:calc(var(--cell)*4)!important;left:0;top:0}
.v16-icon-paw img{left:0;top:0}.v16-icon-bone img{left:calc(var(--cell)*-1);top:0}.v16-icon-clipboard img{left:calc(var(--cell)*-2);top:0}.v16-icon-heart img{left:calc(var(--cell)*-3);top:0}
.v16-icon-gift{--cell:6.3cqw}.v16-icon-gift img{left:0;top:calc(var(--cell)*-1)}
.v16-icon-book{--cell:14cqw}.v16-icon-book img{left:calc(var(--cell)*-1);top:calc(var(--cell)*-1)}
.v16-icon-camera{--cell:11cqw;border-radius:0}.v16-icon-camera img{left:calc(var(--cell)*-2);top:calc(var(--cell)*-1)}
.v16-icon-info{--cell:5.5cqw}.v16-icon-info img{left:calc(var(--cell)*-3);top:calc(var(--cell)*-1)}
.v16-icon-whitepaw{--cell:6.3cqw;filter:brightness(0) invert(1)}.v16-icon-whitepaw img{left:0;top:0}
.v16-icon-arrow{--cell:7.6cqw;display:grid;place-items:center;background:#ffffff26;line-height:1;font-size:6cqw;font-weight:400;margin-left:auto}.v16-icon-arrow img{display:none}.v16-icon-arrow:before{content:"›";margin-top:-.4cqw}
.v16-feature{padding-top:2cqw;padding-bottom:3.2cqw}
.v16-feature .v16-icon{margin-left:1.5cqw}
.v16-about .v16-icon{height:12cqw}
.v16-check h2>span:after{height:3cqw;background-position:-7cqw -62cqw}
.v16-feature .v16-icon{--cell:18cqw;height:14.5cqw;margin-left:0}
.v16-feature .v16-icon img{top:-2cqw}
html[lang=ko] .v16-guide h2{font-size:8.7cqw;line-height:1.25}
html[lang=ko] .v16-guide .v16-description{max-width:54cqw;margin-top:5.1cqw}

/* V16 refinement: V14 puppy asset, centered feature content, one site-wide typeface. */
html body{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Noto Sans KR","Noto Sans",Arial,sans-serif!important}
html body *,html body *:before,html body *:after{font-family:inherit!important}
.v16-check-top{height:140cqw;background:#fffefa;isolation:isolate}
.v16-check-top:before{content:"";position:absolute;z-index:0;top:76cqw;left:5.1cqw;width:89.8cqw;height:57cqw;border:2px solid #fff;border-radius:5cqw;background:#effaf8 url('../img/app-promo-v8.png') center 55%/115% auto no-repeat;box-shadow:0 1.8cqw 4.5cqw rgba(20,86,70,.1)}
.v16-check-top>*{position:relative;z-index:1}
.v16-check-top h2{max-width:90cqw}.v16-check-top .v16-description{max-width:78cqw}
html[lang=en] .v16-check-top:before{background-image:url('../img/app-promo-en-v10.png')}
html[lang=ja] .v16-check-top:before{background-image:url('../img/app-promo-ja-v10.png')}
html[lang=zh-CN] .v16-check-top:before{background-image:url('../img/app-promo-zh-CN-v10.png')}
html[lang=vi] .v16-check-top:before{background-image:url('../img/i18n/vi/app-promo.webp')}
.v16-feature{align-items:center;justify-content:center;gap:1.2cqw;text-align:center}
.v16-feature .v16-icon{margin:0}
.v16-feature strong{width:100%;text-align:center}
@media(max-width:760px){
  .v16-check-top:before{background-position:center 55%;background-size:115% auto}
  .v16-feature{gap:.8cqw}
}

/* V16 spacing and desktop-scale refinement. */
.v6-kicker{font-family:inherit;font-style:normal;font-weight:600;letter-spacing:-.035em}
.homepage-v6 .product-section{padding-bottom:24px}
.v16-guide{padding-top:0}
.v16-guide .v16-about{margin-top:2.8cqw}
.v12-origin{padding-bottom:30px!important}
.v12-origin+.section{padding-top:34px!important}
@media(min-width:761px){
  .v16-section{padding-block:28px}
  .v16-guide{padding-top:0}
  .v16-panel,.v16-guide .v16-panel{width:min(100%,720px)}
  .v16-guide h2,html[lang=ko] .v16-guide h2{font-size:7.2cqw}
  .v16-check-top{height:78cqw;padding-top:7cqw}
  .v16-check-top:before{top:8cqw;left:auto;right:3cqw;width:49cqw;height:62cqw;background-position:center 55%;background-size:140% auto}
  .v16-check-top h2{max-width:48cqw;font-size:7.3cqw;line-height:1.2}
  .v16-check-top .v16-eyebrow{max-width:46cqw;margin-block:3.2cqw 2.5cqw;font-size:2.45cqw}
  .v16-check-top .v16-description{max-width:44cqw;margin-top:4cqw;font-size:2.8cqw}
  .v16-feature{min-height:18cqw;padding-block:1.5cqw 2.2cqw}
  .v16-feature .v16-icon{--cell:13cqw;height:10.5cqw}
  .v16-feature strong{font-size:2.9cqw}
  .v16-primary{min-height:10.5cqw;font-size:3.5cqw}
  .v16-icon-whitepaw{--cell:5cqw}.v16-icon-arrow{--cell:6cqw;font-size:4.8cqw}
  .v16-note{font-size:2.15cqw;padding-block:2cqw}
}
@media(max-width:760px){
  .homepage-v6 .product-section{padding-bottom:8px}
  .v16-guide .v16-about{margin-top:1.5cqw}
  .v12-origin{padding-bottom:20px!important}
  .v12-origin+.section{padding-top:24px!important}
}

/* V16 FAQ scene — spacious lifestyle image and softly layered question cards. */
.homepage-v6 .v7-faq{
  position:relative;
  overflow:hidden;
  padding-block:44px;
  background:#fffdf9 url('../img/faq-background-v16.png') center/cover no-repeat;
}
.homepage-v6 .v7-faq .faq-layout{
  width:min(92%,1480px);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(540px,1fr);
  gap:0;
  align-items:center;
}
.homepage-v6 .v7-faq .faq-layout>div:first-child{
  position:relative;
  min-height:500px;
  padding:33px 0 0 18px;
}
.homepage-v6 .v7-faq .eyebrow{
  position:relative;
  z-index:2;
  color:#3f7955;
  font-size:13px;
  font-weight:800;
  letter-spacing:.18em;
}
.homepage-v6 .v7-faq h2{
  position:relative;
  z-index:2;
  max-width:440px;
  margin:23px 0 31px;
  color:#073e47;
  font-size:clamp(48px,3.9vw,64px);
  line-height:1.17;
  letter-spacing:-.065em;
  font-weight:900;
}
.homepage-v6 .v7-faq .text-link{
  position:relative;
  z-index:2;
  width:max-content;
  padding-bottom:10px;
  color:#0b4c4b;
  border-bottom:1px solid #547c7c;
  font-size:17px;
  font-weight:750;
}
.homepage-v6 .v7-faq .v7-faq-pet{
  position:absolute;
  z-index:1;
  left:-2%;
  bottom:0;
  display:block;
  width:116%;
  height:490px;
  margin:0;
  border-radius:44% 50% 11% 10% / 19% 27% 10% 10%;
  object-fit:cover;
  object-position:62% center;
  box-shadow:0 24px 60px rgba(46,92,68,.1);
}
.homepage-v6 .v7-faq .accordion{
  position:relative;
  z-index:2;
  gap:13px;
  margin-left:-10px;
}
.homepage-v6 .v7-faq .accordion details{
  min-height:84px;
  padding:0 22px 0 30px;
  border:1px solid rgba(98,130,107,.14)!important;
  border-radius:29px;
  background:#f1f7ed!important;
  box-shadow:0 14px 34px rgba(48,86,65,.045);
  overflow:hidden;
}
.homepage-v6 .v7-faq .accordion details:nth-child(2){background:#fff5e6!important;border-color:rgba(190,143,64,.14)!important}
.homepage-v6 .v7-faq .accordion details:nth-child(3){background:#edf7fa!important;border-color:rgba(65,136,162,.14)!important}
.homepage-v6 .v7-faq .accordion details:nth-child(4){background:#fff1f2!important;border-color:rgba(174,92,105,.13)!important}
.homepage-v6 .v7-faq .accordion summary{
  min-height:82px;
  padding:16px 0;
  color:#124b4d!important;
  font-size:19px;
  line-height:1.45;
  font-weight:800;
  letter-spacing:-.035em;
}
.homepage-v6 .v7-faq .accordion summary::after{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:rgba(83,147,93,.1);
  color:#286b49;
  font-size:25px;
}
.homepage-v6 .v7-faq .accordion details:nth-child(2) summary::after{background:rgba(226,164,54,.12);color:#7b3c24}
.homepage-v6 .v7-faq .accordion details:nth-child(3) summary::after{background:rgba(74,157,187,.1);color:#17617b}
.homepage-v6 .v7-faq .accordion details:nth-child(4) summary::after{background:rgba(224,102,119,.1);color:#8b3440}
.homepage-v6 .v7-faq .accordion details[open]{box-shadow:0 18px 38px rgba(48,86,65,.08)}
.homepage-v6 .v7-faq .accordion details p{
  margin:-5px 62px 27px 0;
  color:#536b6d;
  font-size:16px;
  line-height:1.8;
}
@media(max-width:1050px){
  .homepage-v6 .v7-faq .faq-layout{grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:0}
  .homepage-v6 .v7-faq .faq-layout>div:first-child{min-height:480px}
  .homepage-v6 .v7-faq .v7-faq-pet{left:-2%;width:112%;height:455px}
  .homepage-v6 .v7-faq h2{max-width:360px;font-size:50px}
  .homepage-v6 .v7-faq .accordion summary{font-size:19px}
}
@media(max-width:760px){
  .homepage-v6 .v7-faq{padding-block:54px;background-size:auto 100%;background-position:center}
  .homepage-v6 .v7-faq .faq-layout{width:calc(100% - 32px);grid-template-columns:1fr;gap:22px}
  .homepage-v6 .v7-faq .faq-layout>div:first-child{display:grid;min-height:0;padding:0;grid-template-columns:1fr;align-items:start}
  .homepage-v6 .v7-faq .eyebrow{font-size:11px}
  .homepage-v6 .v7-faq h2{max-width:none;margin:17px 0 19px;font-size:42px;line-height:1.18}
  .homepage-v6 .v7-faq .text-link{font-size:15px;margin-bottom:24px}
  .homepage-v6 .v7-faq .v7-faq-pet{position:relative;left:auto;bottom:auto;width:100%;height:275px;border-radius:34% 43% 22px 22px / 25% 30% 22px 22px;object-position:58% center}
  .homepage-v6 .v7-faq .accordion{gap:11px;margin-left:0}
  .homepage-v6 .v7-faq .accordion details{min-height:0;padding:0 15px 0 19px;border-radius:20px}
  .homepage-v6 .v7-faq .accordion summary{min-height:82px;padding:17px 0;font-size:17px;gap:12px}
  .homepage-v6 .v7-faq .accordion summary::after{width:42px;height:42px;font-size:22px}
  .homepage-v6 .v7-faq .accordion details p{margin:-2px 46px 21px 0;font-size:15px;line-height:1.72}
}