/* 지페 · 홈 v5 섹션: 결제의 기준 · 두 개의 앱 · 다중결제 체험 · AI 메뉴 · 다섯 가지 이유 · 그 밖의 기능 · 핵심 가치
   공통 토큰·버튼은 site.css, 스크롤 스토리 장면은 style.css */
.hw{width:min(100% - 40px,1500px);margin:0 auto}
.is-story .hw{padding-left:64px}
.home .sec__t{text-align:center}
.home .sec__t--l{text-align:left}
.home .kicker{text-align:center}
.home .mp5 .kicker,.home .val .kicker{text-align:left}
#top .wipe{--wc:#111317}

/* ── 결제의 기준을 바꿉니다. ───────────────────────── */
.mf{position:relative;background:var(--night);color:#fff;overflow:clip}
.mf__in{padding-top:clamp(96px,11vw,200px);padding-bottom:clamp(64px,7vw,128px)}
.mf__eyebrow{margin-bottom:clamp(24px,3vw,52px);color:#9aa4b8;font-size:clamp(15px,1.1vw,19px);font-weight:700}
.mf__grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(32px,5vw,104px);align-items:end}
.mf__t{font-size:clamp(46px,10.2vw,200px);font-weight:800;letter-spacing:-.055em;line-height:1.1}
.mf__ln{display:block;overflow:hidden;padding-bottom:.13em;margin-bottom:-.13em}
.mf__ln>span{display:inline-block;transform:translate3d(0,112%,0);transition:transform 1.15s var(--out) calc(var(--k)*.14s)}
.mf.in .mf__ln>span{transform:none}
.mf__ln--k{overflow:visible;margin-bottom:.02em}
.mf__ln--k>span{clip-path:inset(-20% -5% -20% -5%)}
.mf__k{position:relative}
.mf__ul{position:absolute;left:0;right:0;bottom:-.075em;width:100%;height:.15em;overflow:visible}
.mf__ul path{fill:none;stroke:var(--wave);stroke-width:clamp(6px,1vw,16px);stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;vector-effect:non-scaling-stroke;transition:stroke-dashoffset 1.4s 1s var(--out)}
.mf.in .mf__ul path{stroke-dashoffset:0}
.mf__lead{font-size:clamp(22px,2.1vw,40px);font-weight:800;letter-spacing:-.035em;line-height:1.35}
.mf__sub{margin-top:1em;color:#b6bfd3;font-size:clamp(17px,1.3vw,22px);line-height:1.65}
.mf__close{margin-top:.9em;color:#fff;font-size:clamp(17px,1.3vw,22px);font-weight:700;line-height:1.6}
.mf__fee{display:flex;flex-wrap:wrap;align-items:center;gap:14px clamp(20px,3vw,56px);margin-top:clamp(48px,6vw,112px);padding-top:clamp(24px,2.6vw,44px);border-top:1px solid rgba(255,255,255,.16)}
.mf__badge{display:inline-flex;align-items:baseline;gap:.5em;font-size:clamp(22px,2.3vw,42px);font-weight:800;letter-spacing:-.03em}
.mf__badge b{color:var(--wave);font-size:1.5em;line-height:1}
.mf__note{max-width:34em;color:#aab3c6;font-size:14px;line-height:1.55}
@media (max-width:1023px){.mf__grid{grid-template-columns:minmax(0,1fr)}}

/* 슬로건 띠 */
.tick{overflow:hidden;background:var(--wave);color:var(--ink);padding:clamp(18px,2.2vw,38px) 0}
.tick__track{display:flex;width:max-content;animation:tick 80s linear infinite}
.tick__list{display:flex;flex:none;align-items:center}
.tick__list li{display:flex;align-items:center;font-size:clamp(28px,4.2vw,80px);font-weight:800;letter-spacing:-.04em;line-height:1.2;white-space:nowrap}
.tick__list li::after{display:none}
.tick:hover .tick__track{animation-play-state:paused}
@keyframes tick{to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){
  .tick__track{animation:none;width:auto}
  .tick__list[aria-hidden]{display:none}
  .tick__list{flex-wrap:wrap;justify-content:center;padding:0 20px;row-gap:.2em}
  .mf__ln>span{transform:none}
  .mf__ul path{stroke-dashoffset:0}
}

/* ── 두 개의 앱, 하나의 결제 생태계 ───────────────── */
.ap{padding:clamp(80px,10vw,176px) 0;background:#fff}
.ap__lead{max-width:40em;margin:1em auto 0;color:var(--ink2);font-size:clamp(17px,1.3vw,22px);line-height:1.6;text-align:center}
.ap__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.6vw,28px);margin-top:clamp(40px,5vw,88px)}
.apc{position:relative;display:flex;flex-direction:column;min-height:clamp(520px,44vw,800px);padding:clamp(28px,3.2vw,60px);border-radius:var(--r4);overflow:hidden;color:#fff}
.apc--m{background:var(--blue)}
.apc--o{background:var(--night)}
.apc__txt{position:relative;z-index:2;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.apc__foot{margin-top:auto;max-width:48%}
.apc__tag{padding:.45em 1em;border-radius:999px;background:rgba(255,255,255,.16);font-size:clamp(13px,.95vw,15px);font-weight:800}
.apc__name{margin-top:.55em;font-size:clamp(44px,5.2vw,100px);font-weight:800;letter-spacing:-.05em;line-height:1.05}
.apc__tl{margin-top:.55em;font-size:clamp(18px,1.55vw,28px);font-weight:700;letter-spacing:-.02em;line-height:1.4;text-wrap:balance}
.apc__bl{display:grid;gap:.55em;margin:1.2em 0 1.8em}
.apc__bl li{position:relative;padding-left:1.5em;font-size:clamp(15px,1.1vw,19px);font-weight:600;opacity:.92}
.apc__bl li::before{content:"";position:absolute;left:.15em;top:.35em;width:.45em;height:.8em;border-right:.17em solid var(--wave);border-bottom:.17em solid var(--wave);transform:rotate(40deg) scale(.85)}
.apc__vis{position:absolute;right:clamp(16px,3.4vw,64px);bottom:0;width:clamp(180px,17.5vw,330px);height:62%;overflow:hidden;z-index:1}
.apc__vis .dev{position:absolute;left:0;top:0;width:100%}
@media (max-width:1023px){
  .ap__grid{grid-template-columns:minmax(0,1fr)}
  .apc{min-height:0}
  .apc__foot{max-width:none}
  .apc__vis{position:relative;right:auto;bottom:auto;width:min(60%,300px);height:clamp(260px,48vw,360px);margin:8px auto -24px}
  .apc__vis .dev{top:0}
}

/* ── 다중결제 체험 ─────────────────────────────────── */
.mp5{padding:clamp(80px,10vw,176px) 0;background:var(--mist)}
.mp5__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,104px);align-items:center}
.mp5__lead{margin-top:1em;max-width:30em;color:var(--ink2);font-size:clamp(17px,1.3vw,22px);line-height:1.6}
.mp5__rule{margin-top:1.4em;max-width:30em;padding-left:1em;border-left:3px solid var(--wave);color:var(--ink);font-size:clamp(15px,1.1vw,18px);font-weight:600;line-height:1.6}
.mp5__note{margin-top:1.4em;max-width:34em;color:var(--ink2);font-size:14px;line-height:1.6}
.mp5__box{padding:clamp(24px,2.8vw,52px);border-radius:var(--r4);background:#fff;box-shadow:var(--sh2)}
.mp5__top{display:flex;align-items:center;gap:10px}
.mp5__top label{color:var(--ink2);font-size:clamp(15px,1.1vw,18px);font-weight:800}
.mp5__eg{padding:.25em .75em;border-radius:999px;background:var(--mist);color:var(--ink2);font-size:12px;font-weight:800}
.mp5__tot{display:flex;align-items:baseline;gap:.25em;margin-top:.3em;border-radius:14px;transition:box-shadow .2s}
.mp5__tot:focus-within{box-shadow:0 0 0 3px rgba(30,77,216,.25)}
.mp5__tot{justify-content:flex-end}
.mp5__tot input{width:100%;text-align:right;min-width:0;padding:0;border:0;background:transparent;font-size:clamp(40px,4.4vw,80px);font-weight:800;letter-spacing:-.045em;line-height:1.15;outline:0}
.mp5__tot span{flex:none;font-size:clamp(24px,2.4vw,42px);font-weight:800}
.mp5__bar{display:flex;gap:3px;height:clamp(12px,1.1vw,18px);margin-top:1.1em;border-radius:999px;overflow:hidden;background:var(--mist)}
.mp5__bar i{display:block;min-width:6px;height:100%;background:var(--c);transition:width .35s var(--out)}
.mp5__rows{display:grid;gap:clamp(16px,1.6vw,26px);margin-top:clamp(22px,2.4vw,40px)}
.mpr__h{display:flex;align-items:center;gap:.65em}
.mpr__cd{flex:none;width:1.9em;height:1.25em;border-radius:.3em;background:var(--c)}
.mpr__h b{margin-right:auto;font-size:clamp(16px,1.2vw,20px);font-weight:800}
.mpr__auto{padding:.2em .7em;border-radius:999px;background:var(--mist);color:var(--ink2);font-size:12px;font-style:normal;font-weight:800}
.mpr__h strong{min-width:6.6em;font-size:clamp(18px,1.6vw,28px);font-weight:800;letter-spacing:-.03em;text-align:right}
.mpr__h small{min-width:2.8em;color:var(--ink2);font-size:clamp(14px,1vw,16px);font-weight:700;text-align:right}
.mpr__r{-webkit-appearance:none;appearance:none;display:block;width:100%;height:30px;margin:.35em 0 0;background:transparent;cursor:pointer}
.mpr__r::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--c) var(--p,50%),#e5e8eb var(--p,50%))}
.mpr__r::-moz-range-track{height:8px;border-radius:99px;background:#e5e8eb}
.mpr__r::-moz-range-progress{height:8px;border-radius:99px;background:var(--c)}
.mpr__r::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;margin-top:-10px;border:3px solid var(--c);border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(25,31,40,.22);transition:transform .25s var(--spring)}
.mpr__r::-moz-range-thumb{width:22px;height:22px;border:3px solid var(--c);border-radius:50%;background:#fff;box-shadow:0 3px 9px rgba(25,31,40,.22)}
.mpr__r:hover::-webkit-slider-thumb,.mpr__r:active::-webkit-slider-thumb{transform:scale(1.14)}
.mpr__r:disabled{cursor:default}
.mpr__r:disabled::-webkit-slider-thumb{background:var(--mist);box-shadow:none}
.mp5__sum{display:flex;justify-content:space-between;margin-top:1.3em;padding-top:1em;border-top:1px solid var(--line);color:var(--ink2);font-size:clamp(15px,1.1vw,18px);font-weight:700}
.mp5__sum b{color:var(--ink)}
.mp5__pay{width:100%;margin-top:1.1em;font-size:clamp(17px,1.2vw,20px)}
.mp5__box.is-paid .mp5__pay{background:#0b8a5a}
.mp5__msg{display:block;min-height:1.6em;margin-top:.7em;color:var(--ink2);font-size:14px;font-weight:700;text-align:center}
@media (max-width:1023px){.mp5__in{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.mpr__h{flex-wrap:wrap}.mpr__h strong{min-width:0;margin-left:auto}}

/* ── AI 주문: 메뉴 등록 → 대화 → 주문 ─────────────── */
.aim{padding:clamp(80px,10vw,176px) 0;background:var(--night);color:#fff}
.aim .kicker{color:#b9a9ff}
.aim__lead{max-width:36em;margin:1em auto 0;color:#b6bfd3;font-size:clamp(17px,1.3vw,22px);line-height:1.6;text-align:center}
.aim__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,32px);margin-top:clamp(40px,5vw,88px)}
.aic{position:relative;display:flex;flex-direction:column;padding:clamp(24px,2.6vw,44px);border-radius:var(--r3);background:#1a1e26;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07)}
.aic:not(:last-child)::after{content:"";position:absolute;z-index:3;right:calc(clamp(14px,1.8vw,32px)/-2 - 14px);top:clamp(46px,4.4vw,78px);width:28px;height:28px;border-radius:50%;background:var(--ai) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 6l6 6-6 6' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;box-shadow:0 0 0 5px var(--night)}
.aic__who{display:flex;align-items:center;gap:.7em;color:#b9a9ff;font-size:15px;font-weight:800}
.aic__who span{display:grid;place-items:center;min-width:2.2em;height:2.2em;border-radius:50%;background:rgba(124,92,252,.24);font-size:13px}
.aic h3{margin-top:.9em;font-size:clamp(22px,1.9vw,34px);font-weight:800;letter-spacing:-.04em;line-height:1.25}
.aic__p{margin-top:.4em;color:#b6bfd3;font-size:clamp(16px,1.15vw,19px);line-height:1.55}
.aic .aif{margin-top:auto;padding-top:clamp(24px,2.4vw,44px);font-size:clamp(13px,1vw,16px)}
.aim__note{margin-top:clamp(28px,3vw,52px);color:#aab3c6;font-size:14px;text-align:center}
.aim__note span{margin-left:.6em;padding:.2em .7em;border-radius:999px;background:rgba(255,255,255,.1);font-size:12px;font-weight:800}
@media (max-width:1023px){
  .aim__grid{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
  .aic:not(:last-child)::after{right:auto;left:50%;top:auto;bottom:calc(clamp(14px,1.8vw,32px)/-2 - 14px);margin-left:-14px;transform:rotate(90deg)}
}

/* ── 지페를 쓰는 다섯 가지 이유 ───────────────────── */
.why5{padding:clamp(80px,10vw,176px) 0;background:#fff}
.why5__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:clamp(400px,32vw,620px) clamp(380px,29vw,540px);gap:clamp(12px,1.2vw,20px);margin-top:clamp(40px,5vw,88px)}
.rs{position:relative;display:flex;flex-direction:column;min-width:0;min-height:0;padding:clamp(24px,2.6vw,48px);border-radius:var(--r4);overflow:hidden}
.rs--a{grid-column:1/7;background:var(--night);color:#fff;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto 1fr;column-gap:clamp(8px,1vw,20px)}
.rs--b{grid-column:7/13;background:var(--mist)}
.rs--c{grid-column:1/5;grid-row:2;background:var(--navy);color:#fff}
.rs--d{grid-column:5/10;grid-row:2;background:var(--wave);flex-direction:row;gap:clamp(8px,1.2vw,24px)}
.rs--e{grid-column:10/13;grid-row:2;background:var(--mist)}
.rs__txt{position:relative;z-index:2}
.rs__txt h3{font-size:clamp(22px,2.1vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.25}
.rs__txt p{margin-top:.45em;font-size:clamp(16px,1.2vw,20px);line-height:1.55;opacity:.8}
.rs__fn{display:block;margin-top:1em;max-width:26em;font-size:14px;font-weight:600;line-height:1.5;color:#c3cbdb}
.rs__vis{position:relative;flex:1;min-height:0;margin-top:clamp(14px,1.4vw,26px);container-type:size}

/* A · 無 + 영수증 */
.rs--a .rs__txt{grid-column:1/-1;grid-row:1}
.rs__no{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;z-index:1;color:var(--wave);font-size:clamp(150px,16vw,290px);font-weight:800;line-height:.9;letter-spacing:-.05em;transform:translateY(8%)}
.rs--a .rs__rcpt{grid-column:1;grid-row:2;align-self:end;justify-self:start;width:min(100%,380px);margin:0 0 calc(clamp(24px,2.6vw,48px)*-1) calc(clamp(24px,2.6vw,48px)*-1);padding:clamp(18px,1.8vw,30px) clamp(18px,1.8vw,30px) calc(clamp(24px,2.6vw,48px) + 10px) clamp(24px,2.6vw,48px);border-radius:0 28px 0 0;background:#fff;color:var(--ink);box-shadow:0 -10px 40px rgba(0,0,0,.25);font-size:clamp(13px,1vw,16px)}
.rs__rh{display:flex;align-items:center;gap:.6em;color:var(--ink2);font-weight:800}
.rs__rh em{padding:.15em .65em;border-radius:999px;background:var(--mist);font-size:.82em;font-style:normal}
.rs__rn{margin-top:.1em;font-size:2.6em;font-weight:800;letter-spacing:-.045em;line-height:1.15}
.rs__rn small{margin-left:.15em;font-size:.5em;letter-spacing:0}
.rs__rcpt dl{display:grid;gap:.5em;margin-top:.8em;padding-top:.9em;border-top:2px dashed #dfe3e8}
.rs__rcpt dl div{display:flex;justify-content:space-between;gap:1em;font-weight:700}
.rs__rcpt dt{color:var(--ink2)}
.rs__rcpt dd{margin:0;font-weight:800}
.rs__rcpt .y dd{padding:0 .5em;border-radius:.4em;background:var(--wave)}

/* B · PC POS + 폰 */
.pcw{position:absolute;left:0;top:0;width:100%;height:118%;font-size:max(10px,1.95cqw);border-radius:1.4em;background:#fff;box-shadow:var(--sh2);overflow:hidden}
.pcw__bar{display:flex;align-items:center;gap:.5em;height:2.6em;padding:0 1em;background:#eef1f6}
.pcw__bar i{width:.8em;height:.8em;border-radius:50%;background:#ff5f57}
.pcw__bar i:nth-child(2){background:#febc2e}.pcw__bar i:nth-child(3){background:#28c840}
.pcw__bar b{margin-left:.8em;color:var(--ink2);font-size:.95em;font-weight:800}
.pcw__body{display:grid;grid-template-columns:8.4em minmax(0,1fr);height:calc(100% - 2.6em)}
.pcw__side{display:grid;align-content:start;gap:.3em;padding:1em .8em;background:#f7f8fa}
.pcw__side li{padding:.6em .8em;border-radius:.7em;color:var(--ink2);font-weight:700}
.pcw__side li.on{background:var(--ink);color:#fff}
.pcw__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:min-content;gap:.7em;padding:1em}
.pcw .t{display:grid;gap:.1em;padding:.7em .8em;border-radius:.9em;font-weight:700}
.pcw .t b{font-size:1.5em;font-weight:800;line-height:1.1}
.pcw .t span{font-size:.9em}
.t--new{background:#ffe9e7;color:#b02a21}
.t--cook{background:#fff3c4;color:#8a5c00}
.t--done{background:#e3f5ec;color:#0d7a4d}
.t--free{background:#eef1f5;color:#6b7684}
.mph{position:absolute;right:3%;bottom:0;width:28%;min-width:120px;height:62%;padding:1.1em;border:.5em solid #0b0d12;border-bottom:0;border-radius:2em 2em 0 0;background:#fff;font-size:max(9px,1.6cqw);box-shadow:0 1em 3em rgba(17,19,23,.28)}
.mph p{color:var(--ink2);font-weight:800}
.mph b{display:block;margin-top:.2em;font-size:1.7em;font-weight:800;letter-spacing:-.04em;line-height:1.15}
.mph small{font-size:.6em;margin-left:.1em}
.mph__bars{display:flex;align-items:flex-end;gap:.4em;height:5em;margin-top:.8em}
.mph__bars i{flex:1;height:var(--h);border-radius:.3em;background:var(--blue)}
.mph__bars i:nth-child(odd){background:#b9cbff}

/* C · 다중결제 시트 */
.pss{position:absolute;left:0;bottom:calc(clamp(24px,2.6vw,48px)*-1);width:100%;padding:1.3em 1.4em calc(clamp(24px,2.6vw,48px) + 1em);border-radius:1.4em 1.4em 0 0;background:#fff;color:var(--ink);font-size:max(13px,4.1cqw);box-shadow:0 -1em 3em rgba(0,0,0,.2)}
.pss__bar{display:flex;gap:3px;height:.8em;margin-bottom:1em;border-radius:99px;overflow:hidden}
.pss__bar i{width:var(--w);background:var(--c)}
.pss ul{display:grid;gap:.7em}
.pss li{display:flex;align-items:center;gap:.7em;font-weight:700}
.pss .cd{flex:none;width:1.9em;height:1.25em;border-radius:.3em}
.pss li b{margin-right:auto;font-weight:700}
.pss li em{font-style:normal;font-weight:800;letter-spacing:-.02em}
.pss p{display:flex;align-items:center;gap:.7em;margin-top:.9em;padding-top:.8em;border-top:2px dashed #dfe3e8;color:var(--ink2);font-weight:700}
.pss p b{margin-right:auto;color:var(--ink);font-size:1.15em;font-weight:800}
.pss p em{padding:.15em .65em;border-radius:99px;background:var(--mist);font-size:.8em;font-style:normal;font-weight:800}

/* D · 동반 성장 삼각형 */
.rs--d .rs__txt{flex:0 0 46%}
.rs--d .rs__vis{margin-top:0}
.rs__lnk{display:inline-block;margin-top:1em;color:var(--ink);font-size:clamp(15px,1.1vw,18px);font-weight:800;text-decoration:underline;text-underline-offset:.25em;text-decoration-thickness:2px}
.rs--d .rs__txt p{opacity:.85}
.tri{position:absolute;right:0;top:50%;width:min(100%,380px);aspect-ratio:240/200;transform:translateY(-50%)}
.tri svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.tri path{fill:none;stroke:var(--ink);stroke-width:2.2;stroke-dasharray:5 5;stroke-linejoin:round}
.tri__dot{fill:var(--ink)}
.tri b{position:absolute;display:grid;place-items:center;width:30%;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--ink);font-size:max(13px,1.15vw);font-weight:800;box-shadow:0 6px 18px rgba(25,31,40,.16);transform:translate(-50%,-50%)}
.tri__a{left:50%;top:17%}.tri__b{left:16.7%;top:80%}.tri__c{left:83.3%;top:80%}

/* E · 확장 경로 */
.rs__path{position:relative;display:grid;gap:clamp(18px,1.8vw,30px);margin-top:auto;padding-top:clamp(14px,1.6vw,28px)}
.rs__path li{position:relative;display:flex;align-items:center;gap:.9em}
.rs__path i{position:relative;z-index:1;flex:none;width:22px;height:22px;border-radius:50%;background:var(--ink)}
.rs__path li:not(:last-child)::before{content:"";position:absolute;left:10px;top:22px;height:calc(100% + clamp(18px,1.8vw,30px) - 22px);border-left:2px solid var(--ink)}
.rs__path li.on+li.soon::before,.rs__path li.soon::before{border-left-style:dashed}
.rs__path li:nth-child(2)::before{border-left:2px dashed var(--ink3)}
.rs__path b{font-size:clamp(20px,1.7vw,30px);font-weight:800;letter-spacing:-.035em}
.rs__path .soon i{background:#fff;box-shadow:inset 0 0 0 2px var(--ink3)}
.rs__path .soon b{color:var(--ink2)}
.rs__path em{padding:.25em .75em;border-radius:999px;background:var(--wave);color:var(--ink);font-size:13px;font-style:normal;font-weight:800}

@media (max-width:1099px){
  .why5__grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:auto}
  .rs{min-height:clamp(340px,52vw,460px)}
  .rs--a,.rs--b{grid-column:1/3}
  .rs--c{grid-column:1/2;grid-row:auto}
  .rs--d{grid-column:2/3;grid-row:auto;flex-direction:column}
  .rs--e{grid-column:1/3;grid-row:auto}
  .rs--d .rs__txt{flex:none}
  .rs--e{min-height:0}
  .rs--e .rs__path{grid-auto-flow:column;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(20px,4vw,56px);margin-top:20px;padding-top:0}
  .rs--e .rs__path li::before{display:none}
  .rs--d .rs__vis{min-height:clamp(240px,42vw,320px)}
  .rs__vis{min-height:clamp(200px,32vw,300px)}
}
@media (max-width:700px){
  .rs--a{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}
  .rs__no{grid-column:1;grid-row:1;justify-self:start;font-size:clamp(130px,42vw,200px);transform:none;margin-bottom:.1em}
  .rs--a .rs__txt{grid-row:2}
  .rs--a .rs__rcpt{grid-row:3;margin-top:24px;width:calc(100% + clamp(24px,2.6vw,48px));margin-right:calc(clamp(24px,2.6vw,48px)*-1)}
  .rs--c,.rs--d,.rs--e{grid-column:1/3}
  .rs__vis{min-height:clamp(220px,58vw,300px)}
  .rs--d .rs__vis{min-height:clamp(250px,70vw,320px)}
  .tri{left:50%;right:auto;transform:translate(-50%,-50%)}
}

/* ── 그 밖의 기능 ─────────────────────────────────── */
.atl{padding:clamp(80px,10vw,176px) 0;background:var(--mist)}
.atl__tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:clamp(24px,3vw,44px) 0 clamp(28px,3.4vw,56px)}
.atl__tabs button{padding:.75em 1.45em;border:0;border-radius:999px;background:#fff;color:var(--ink2);font-size:clamp(15px,1.05vw,18px);font-weight:800;cursor:pointer;transition:background .25s,color .25s,transform .25s var(--out)}
.atl__tabs button:hover{transform:translateY(-2px)}
.atl__tabs button[aria-selected="true"]{background:var(--ink);color:#fff}
.atl__set[hidden]{display:none}
.atl__big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,24px)}
.atf{display:flex;flex-direction:column;border-radius:var(--r3);background:#fff;box-shadow:var(--sh1);overflow:hidden}
.atf__vis{position:relative;display:grid;place-items:center;height:clamp(290px,21vw,380px);padding-top:34px;margin:clamp(10px,.9vw,16px);border-radius:calc(var(--r3) - 10px);background:#e9edf2;overflow:hidden;container-type:inline-size}
.atf__eg{position:absolute;left:12px;top:12px;padding:.25em .8em;border-radius:99px;background:rgba(255,255,255,.85);color:var(--ink2);font-size:12px;font-weight:800}
.atf__txt{padding:clamp(8px,1vw,18px) clamp(22px,2.2vw,38px) clamp(26px,2.6vw,44px)}
.atf__txt h3{font-size:clamp(20px,1.8vw,32px);font-weight:800;letter-spacing:-.035em;line-height:1.3}
.atf__txt p{margin-top:.4em;color:var(--ink2);font-size:clamp(16px,1.1vw,18px);line-height:1.6}
.atf__txt .tag{margin-top:.9em}
.atl__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,4vw,88px);margin-top:clamp(36px,4vw,72px)}
.atl__list li{display:grid;grid-template-columns:minmax(10em,.55fr) minmax(0,1fr) auto;align-items:baseline;gap:.4em 1.3em;padding:1.2em 0;border-top:1px solid #d6dbe1}
.atl__list b{font-size:clamp(17px,1.3vw,22px);font-weight:800;letter-spacing:-.025em;line-height:1.35}
.atl__list p{color:var(--ink2);font-size:clamp(15px,1.05vw,17px);line-height:1.55}
@media (max-width:1023px){
  .atl__big{grid-template-columns:minmax(0,1fr);max-width:560px;margin-inline:auto}
  .atl__list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.atl__list li{grid-template-columns:minmax(0,1fr) auto}.atl__list p{grid-column:1/-1}}

/* ── 핵심 가치 ────────────────────────────────────── */
.val{padding:clamp(80px,10vw,176px) 0;background:#fff}
.val__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2.4vw,48px);margin-top:clamp(40px,5vw,96px)}
.val__list li{padding-top:clamp(18px,2vw,32px);border-top:3px solid var(--ink)}
.val__list b{display:block;font-size:clamp(46px,5.6vw,108px);font-weight:800;letter-spacing:-.055em;line-height:1}
.val__list p{margin-top:1em;color:var(--ink2);font-size:clamp(16px,1.15vw,19px);line-height:1.7}
@media (max-width:1023px){.val__list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.val__list{grid-template-columns:minmax(0,1fr)}}

/* 파트너 · 앱 받기 섹션은 style.css 그대로 */

/* ── 실제 앱 화면 (홈) ─────────────────────────────── */
.scr--real{background:#fff}
.scr__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.rs__pc{position:absolute;left:0;top:0;width:96%;height:auto;border-radius:1.4em 1.4em 0 0;box-shadow:var(--sh2);border:1px solid rgba(25,31,40,.08)}
.rs__ph{position:absolute;right:2%;bottom:calc(clamp(24px,2.6vw,48px)*-1);width:30%;min-width:112px;padding:.4em;border-radius:2em 2em 0 0;background:#0b0d12;box-shadow:0 1em 3em rgba(17,19,23,.32)}
.rs__ph img{display:block;width:100%;height:auto;aspect-ratio:560/1141;object-fit:cover;object-position:top;border-radius:1.6em 1.6em 0 0}
.rs__vis--pay .rs__ph--pay{position:absolute;left:50%;right:auto;transform:translateX(-50%);width:min(56%,230px);bottom:calc(clamp(24px,2.6vw,48px)*-1)}
.rs--b .rs__vis{min-height:clamp(220px,22vw,380px)}
.dev--real{padding:.5em;border-radius:2.2em}
.dev--real img{border-radius:1.7em}

/* 장면 아래 표기: 실제 앱 화면 (수수료 장면만 예시) */

/* 카드 안 폰: 높이를 카드에 맞춤 */
.rs__ph{width:auto;height:calc(100% + clamp(24px,2.6vw,48px) - 10px);aspect-ratio:560/1180;min-width:0}
.rs__ph img{height:100%;aspect-ratio:auto}
.rs__vis--pay .rs__ph--pay{width:auto;height:calc(100% + clamp(24px,2.6vw,48px) - 6px);bottom:calc(clamp(24px,2.6vw,48px)*-1)}

/* ── 다섯 가지 이유: 폰은 잘리지 않고 통째로, 화면은 틀 안에 꽉 차게 (SHAKH 19.10 «рамка — ужас») ── */
.rs--b .rs__vis{min-height:clamp(200px,32vw,300px)}
@media (min-width:1100px){.rs--b .rs__vis{min-height:0}}
.rs--b .rs__pc{left:0;top:5%;width:auto;height:auto;max-width:80%;max-height:90%;border-radius:1em;border:1px solid rgba(25,31,40,.08)}
.rs__ph{display:flex;position:absolute;right:1%;bottom:0;top:auto;height:100%;width:auto;aspect-ratio:auto;min-width:0;padding:.3em;box-sizing:border-box;border-radius:2.3em;background:#0b0d12;box-shadow:0 1em 2.6em rgba(17,19,23,.3);font-size:clamp(11px,1.05vw,16px)}
.rs__ph img{display:block;flex:none;height:100%;width:auto;aspect-ratio:560/1141;object-fit:fill;border-radius:1.95em}
.rs__vis--pay .rs__ph--pay{left:50%;right:auto;transform:translateX(-50%);height:100%;width:auto;bottom:0}
/* 금액 숫자: 자릿수 폭 고정 — 슬라이더를 움직여도 숫자가 흔들리지 않게 */
.mpr__h strong,.mpr__h small,.mp5__tot input,.mp5__sum b{font-variant-numeric:tabular-nums;font-feature-settings:'tnum' 1}
.mpr__r:disabled{cursor:default}
/* SHAKH 19.10: «~» 물결 표시 제거 (슬로건 띠 구분선 · 「기준을」 밑줄) */
.tick__list li{margin-right:clamp(40px,5vw,96px)}
.mf__ul{display:none}

/* 그 밖의 기능 목록: 제목이 "Face / ID" 처럼 끊기지 않게 */
.atl__list b{word-break:keep-all;text-wrap:balance}
.tick__track{will-change:transform;backface-visibility:hidden;transform:translate3d(0,0,0)}
.tick:hover .tick__track{animation-play-state:paused}

/* 홍보물 갤러리(폰·정적 배치): width/height 속성(781)이 aspect-ratio 를 이겨 사진이 세로로 늘어났음 → 높이는 비율에 맡김 */
.k__ph img{height:auto}

/* 히어로: 사진 5장 (장당 6초, 한 바퀴 30초) — style.css 의 3장용(18초) 애니메이션을 덮어씀 */
.slide{animation:slideFade5 30s linear infinite;animation-delay:calc(var(--k)*6s - 1.1s)}
.slide img{animation:kb5 30s linear infinite;animation-delay:calc(var(--k)*6s - 1.1s)}
@keyframes slideFade5{0%{opacity:0}3.7%,20%{opacity:1}23.7%,100%{opacity:0}}
@keyframes kb5{0%{transform:scale(1)}20%{transform:scale(1.07)}100%{transform:scale(1.07)}}