/* PREFARM home v2 — 앱 화면 스크린샷 구성 (prefarm-static.css 는 그대로, 이 파일만 추가) */
:root{--pf-olive:#3F5B12;--pf-khaki:#463E11;--pf-ink:#292D27;--pf-green:#4F7414;--pf-cream:#F7FAF3;--pf-line:#D8E3C4}
.pfv2-stage{position:absolute;inset:0;container-type:inline-size}
.pfv2-blob{position:absolute;border-radius:50%;background:#E9F8CF;width:72cqw;height:72cqw;left:14cqw;top:14cqw}
.pfv2-phone{position:absolute;margin:0;border:5px solid var(--pf-ink);border-radius:26px;background:var(--pf-ink);overflow:hidden;box-shadow:0 14px 32px rgba(41,45,39,.18)}
.pfv2-phone img{display:block;width:100%;height:auto;border-radius:21px;background:#F7F4E9}
.pfv2-call{position:absolute;display:flex;flex-direction:column;gap:3px;background:#fff;border-radius:12px;padding:10px 14px;box-shadow:0 10px 26px rgba(41,45,39,.14);font-family:"M PLUS Rounded 1c",sans-serif;max-width:44cqw;z-index:5}
.pfv2-call b{font-size:11px;font-weight:700;color:var(--pf-green);letter-spacing:.2px}
.pfv2-call span{font-size:13px;font-weight:700;color:var(--pf-ink);line-height:1.35;word-break:keep-all}
.pfv2-call.pfv2-dark{background:var(--pf-olive)}
.pfv2-call.pfv2-khaki{background:var(--pf-khaki)}
.pfv2-call.pfv2-dark b{color:#D9F2A8}.pfv2-call.pfv2-dark span{color:#fff}

/* 컨테이너 비율 고정 (cqw 배치가 모든 폭에서 같게 보이도록) */
div.framer-rl23qy.framer-rl23qy,div.framer-1pamie7.framer-1pamie7{height:auto!important}
div.framer-18bh7xi.framer-18bh7xi.framer-18bh7xi{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:510/640!important}
div.framer-zztibs.framer-zztibs.framer-zztibs{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:480/560!important}
div.framer-yo2v0k.framer-yo2v0k.framer-yo2v0k{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:480/590!important}
div.framer-188uewb.framer-188uewb.framer-188uewb{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:4/5!important}
/* hero: 두 화면은 테두리만 살짝 겹침, 설명은 아래 */
.pfv2-hero .pfv2-p-back{width:42cqw;left:6cqw;top:14cqw}
.pfv2-hero .pfv2-p-main{width:46cqw;left:47cqw;top:6cqw}
.pfv2-hero .pfv2-c1{right:4cqw;bottom:3cqw}
.pfv2-hero .pfv2-c2{left:4cqw;bottom:3cqw}
/* how: 화면 1장 + 아래 콜아웃 + 칩 */
.pfv2-step{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .3s ease}
.pfv2-step.on{opacity:1;pointer-events:auto}
.pfv2-p-how{width:40cqw;left:30cqw;top:3cqw}
.pfv2-c3{left:50%;transform:translateX(-50%);top:92cqw;width:max-content;max-width:90cqw}
.pfv2-chips{position:absolute;left:0;right:0;bottom:3.5cqw;display:flex;gap:8px;justify-content:center;z-index:6}
.pfv2-chip{font:700 12px "M PLUS Rounded 1c",sans-serif;letter-spacing:.4px;min-height:40px;padding:0 14px;border-radius:20px;border:1px solid var(--pf-line);background:#fff;color:#3D4838;cursor:pointer}
.pfv2-chip.on{background:var(--pf-olive);border-color:var(--pf-olive);color:#fff}
.pfv2-chip:focus-visible,.pfv2-tab:focus-visible,.pfv2-arrow:focus-visible,.pfv2-strip:focus-visible,[data-pfv2-step-row]:focus-visible{outline:3px solid var(--pf-olive);outline-offset:2px}
[data-pfv2-step-row]{cursor:pointer}
/* business: 3화면 가장자리만 살짝 겹침 */
.pfv2-biz .pfv2-blob{background:#fff;opacity:.55}
.pfv2-pb-l{width:30cqw;left:3cqw;top:31cqw}
.pfv2-pb-c{width:36cqw;left:32cqw;top:20cqw;z-index:2}
.pfv2-pb-r{width:30cqw;left:67cqw;top:31cqw}
.pfv2-cb1{left:3cqw;top:4cqw}
.pfv2-cb2{right:3cqw;bottom:5cqw}
/* farmer: 사진 4:5 전체, 두 화면은 가장자리만 겹침 */
.pfv2-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(41,45,39,.10) 0%,rgba(41,45,39,.55) 100%);border-radius:inherit}
.pfv2-pf-l{width:40cqw;left:5cqw;top:8cqw}
.pfv2-pf-r{width:46cqw;left:45cqw;top:3cqw;z-index:2}
.pfv2-cf1{left:5cqw;bottom:4cqw}
/* sections */
.pfv2-sec{width:100%;background:var(--pf-cream);padding:96px 0 80px;position:relative}
.pfv2-gallery{background:#fff;padding-top:48px}
.pfv2-wrap{max-width:1440px;margin:0 auto;padding:0 48px}
.pfv2-eyebrow{margin:0 0 20px;font:400 15px/1 "Hubballi",sans-serif;letter-spacing:1.4px;color:var(--pf-green)}
.pfv2-sec h2{margin:0;font:700 34px/1.3 "M PLUS Rounded 1c",sans-serif;letter-spacing:-1px;color:var(--pf-ink);word-break:keep-all}
.pfv2-lede{margin:20px 0 0;max-width:640px;font:400 16px/1.8 "M PLUS Rounded 1c",sans-serif;color:#4a5246;word-break:keep-all}
.pfv2-note{margin:32px 0 0;font:400 12px/1.6 "M PLUS Rounded 1c",sans-serif;color:#5d655a}
/* 스크린샷 띠: 한 장씩 스냅, 다음 장이 약 20% 보이고 가장자리는 배경색으로 페이드 */
.pfv2-stripwrap{margin-top:48px;container-type:inline-size;--gap:24px;--n:4.2;--pad:max(48px,calc((100cqw - 1440px)/2 + 48px))}
.pfv2-strip{list-style:none;margin:0;padding:8px var(--pad) 20px var(--pad);display:flex;gap:var(--gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);overscroll-behavior-x:contain;scrollbar-width:none;
 -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 64px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 64px),transparent 100%)}
.pfv2-strip::-webkit-scrollbar{display:none}
.pfv2-strip.at-end{-webkit-mask-image:none;mask-image:none}
.pfv2-strip li{flex:0 0 auto;width:calc((100cqw - var(--pad) - (var(--n) - 1) * var(--gap)) / var(--n));max-width:320px;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px}
.pfv2-strip li:last-child{scroll-snap-align:end}
.pfv2-no{font:400 22px/1 "Hubballi",sans-serif;color:var(--pf-green);letter-spacing:1px;font-variant-numeric:tabular-nums}
.pfv2-p-strip,.pfv2-p-gal{position:relative;width:100%}
.pfv2-cap{display:flex;flex-direction:column;gap:4px;font-family:"M PLUS Rounded 1c",sans-serif}
.pfv2-who{font-size:11px;font-weight:700;color:var(--pf-green);letter-spacing:.3px}
.pfv2-cap strong{font-size:15px;font-weight:700;color:var(--pf-ink)}
.pfv2-cap em{font-style:normal;font-size:13px;line-height:1.5;color:#4a5246;word-break:keep-all}
.pfv2-stripbar{display:flex;align-items:center;gap:20px;margin-top:8px}
.pfv2-count{font:400 18px/1 "Hubballi",sans-serif;letter-spacing:1px;color:var(--pf-ink);font-variant-numeric:tabular-nums;min-width:64px}
.pfv2-track{position:relative;flex:1;height:4px;border-radius:2px;background:#DDE6CE}
.pfv2-track i{position:absolute;top:0;bottom:0;left:0;width:20%;border-radius:2px;background:var(--pf-olive)}
.pfv2-btns{display:flex;gap:8px}
.pfv2-arrow{width:44px;height:44px;border-radius:50%;border:1px solid var(--pf-line);background:#fff;color:var(--pf-olive);font-size:26px;line-height:1;cursor:pointer}
.pfv2-arrow[disabled]{opacity:.35;cursor:default}
/* tabs + gallery grid (가로 스크롤 없음) */
.pfv2-tabs{display:flex;gap:8px;margin:36px 0 28px;flex-wrap:wrap}
.pfv2-tab{font:700 15px "M PLUS Rounded 1c",sans-serif;min-height:48px;padding:0 24px;border-radius:24px;border:1px solid var(--pf-line);background:#fff;color:#3D4838;cursor:pointer}
.pfv2-tab.on{color:#fff;background:var(--pf-olive);border-color:var(--pf-olive)}
.pfv2-tab[data-t=frm].on{background:var(--pf-khaki);border-color:var(--pf-khaki)}
.pfv2-pintro{margin:0 0 28px;font:500 16px/1.6 "M PLUS Rounded 1c",sans-serif;color:var(--pf-ink);word-break:keep-all}
.pfv2-panel[hidden]{display:none}
.pfv2-gal{list-style:none;margin:0;padding:0;display:grid;gap:28px 20px}
.pfv2-g-phone{grid-template-columns:repeat(6,1fr)}
.pfv2-gal li{display:flex;flex-direction:column;gap:12px;min-width:0}
@media (max-width:1199.98px){.pfv2-g-phone{grid-template-columns:repeat(3,1fr)}.pfv2-stripwrap{--n:3.2}}
@media (max-width:809.98px){
 .pfv2-sec{padding:64px 0 56px}.pfv2-wrap{padding:0 22px}.pfv2-sec h2{font-size:26px}.pfv2-lede{font-size:15px}
 div.framer-18bh7xi.framer-18bh7xi.framer-18bh7xi{aspect-ratio:346/470!important}
 div.framer-zztibs.framer-zztibs.framer-zztibs{aspect-ratio:346/500!important}
 div.framer-yo2v0k.framer-yo2v0k.framer-yo2v0k{aspect-ratio:346/500!important}
 .pfv2-p-how{width:48cqw;left:26cqw}.pfv2-c3{top:111cqw}
 .pfv2-cb1{max-width:58cqw}
 .pfv2-pb-c{top:24cqw}.pfv2-pb-l,.pfv2-pb-r{top:33cqw}
 .pfv2-stripwrap{--pad:22px;--gap:14px;--n:2.2}
 .pfv2-strip li{max-width:none}
 .pfv2-arrow{display:none}
 .pfv2-tab{padding:0 18px;flex:1 1 0;min-width:0}
 .pfv2-g-phone{grid-template-columns:repeat(2,1fr);gap:24px 14px}
  .pfv2-call{padding:8px 11px}.pfv2-call span{font-size:12px}
 .pfv2-no{font-size:18px}
}
/* 신청 CTA */
.pfv2-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:12px;font:700 16px/1.2 "M PLUS Rounded 1c",sans-serif;color:#fff!important;text-decoration:none!important;text-align:center;word-break:keep-all;transition:transform .15s ease,background-color .15s ease}
.pfv2-btn-buy{background:var(--pf-olive)}.pfv2-btn-frm{background:var(--pf-khaki)}
.pfv2-btn:hover{filter:brightness(1.12)}
.pfv2-btn:focus-visible{outline:3px solid #7ECD00;outline-offset:3px}
.pfv2-cta{display:flex;flex-wrap:wrap;gap:12px}
.pfv2-cta-hero{margin-top:4px}
.pfv2-cta-hero .pfv2-btn{flex:0 1 auto;min-width:200px}
.pfv2-badges{flex-direction:row!important;flex-wrap:wrap;align-items:center;width:auto!important;gap:12px!important;margin-top:16px!important}
.pfv2-badges .prefarm-store-badge{width:150px}
.pfv2-dl{width:100%;background:#fff;padding:48px 0;border-top:1px solid var(--pf-line)}
.pfv2-dl-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 32px}
.pfv2-dl .pfv2-eyebrow{margin-bottom:12px}
.pfv2-dl-t{margin:0;font:700 22px/1.3 "M PLUS Rounded 1c",sans-serif;color:var(--pf-ink)}
.pfv2-dl-d{margin:8px 0 0;font:400 14px/1.6 "M PLUS Rounded 1c",sans-serif;color:#4a5246;word-break:keep-all}
.pfv2-badges-dl{margin-top:0!important}
.pfv2-badges-dl .prefarm-store-badge{width:170px}
.pfv2-cta-sec{margin-top:28px}
.pfv2-cta-after{margin-top:36px}
.pfv2-tel{color:inherit;font:inherit;text-decoration:none}
.pfv2-tel:hover{text-decoration:underline}
.pfv2-process{margin-top:36px;max-width:520px;font-family:"M PLUS Rounded 1c",sans-serif}
.pfv2-process h3{margin:0 0 16px;font-size:17px;font-weight:700;color:var(--pf-ink)}
.pfv2-process ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.pfv2-process li{display:flex;gap:14px;align-items:flex-start}
.pfv2-pn{flex:0 0 36px;height:36px;border-radius:50%;background:var(--pf-olive);color:#fff;font:400 15px/36px "Hubballi",sans-serif;letter-spacing:.5px;text-align:center}
.pfv2-process strong{display:block;font-size:15px;color:var(--pf-ink)}
.pfv2-process em{display:block;margin-top:2px;font-style:normal;font-size:13px;line-height:1.55;color:#4a5246;word-break:keep-all}
.pfv2-bar-m{display:none}
@media (max-width:809.98px){
 .pfv2-cta-hero .pfv2-btn{flex:1 1 150px;min-width:0;padding:0 12px}
 .pfv2-badges .prefarm-store-badge{width:140px}
 .pfv2-dl{padding:36px 0}
 .pfv2-cta-after,.pfv2-cta-sec{width:100%}
 .pfv2-cta-after .pfv2-btn,.pfv2-cta-sec .pfv2-btn{width:100%}
 .pfv2-bar-m{display:flex;gap:10px;position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.97);border-top:1px solid var(--pf-line);box-shadow:0 -6px 20px rgba(41,45,39,.10);transform:translateY(110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
 .pfv2-bar-m.show{transform:none;visibility:visible;transition:transform .25s ease}
 .pfv2-bar-m .pfv2-btn{flex:1 1 0;min-width:0;min-height:48px;padding:0 8px;font-size:15px}
}
@media (prefers-reduced-motion:reduce){.pfv2-bar-m,.pfv2-bar-m.show{transition:none}.pfv2-btn{transition:none}}
@media (prefers-reduced-motion:reduce){.pfv2-step{transition:none}html{scroll-behavior:auto!important}}