.benefit-section{padding-bottom:var(--section-space)}
.benefit-copy{min-width:0}
.benefit-copy h2,.benefit-heading h2{margin:0}
.benefit-intro{font-size:1rem;line-height:1.75;color:var(--secondary);margin-top:20px}
.launcher-layout{display:grid;background:var(--money);border-radius:var(--radius);overflow:hidden}
.launcher-layout>.benefit-copy{background:var(--blue);color:white;border-radius:var(--radius);padding:28px 24px}
.launcher-layout .eyebrow{color:var(--lime)}
.launcher-layout .benefit-intro{color:#e9f0ff;font-size:.975rem;line-height:1.75;margin-top:18px}
.launcher-support{font-size:.8rem;line-height:1.7;color:#d8e5ff;margin-top:16px}
.launcher-showcase{position:relative;overflow:hidden;padding:22px 18px 20px;text-align:center}
.demo-instruction{font-size:.8rem;font-weight:600;color:#435269}
.demo-instruction>span{margin-left:8px;color:var(--blue)}
.launcher-phone{position:relative;isolation:isolate;width:232px;max-width:100%;aspect-ratio:9/17;padding:6px;border-radius:29px;background:var(--ink);margin:18px auto;box-shadow:0 18px 34px #1439711e;text-align:left;color:var(--ink)}
.launcher-display{position:relative;width:100%;height:100%;border-radius:23px;overflow:hidden;background:#fff}
.launcher-panel{position:absolute;inset:0;overflow:hidden}
.launcher-panel[hidden]{display:none}
.courier-baemin{--courier-accent:#187d7b;--courier-tint:#dbf5f0;--courier-head:#203e3a;background:#f1f8f5}
.courier-coupang{--courier-accent:#0877a0;--courier-tint:#0877a0;--courier-head:#fff;background:#edf6fc}
.courier-yogiyo{--courier-accent:#d32245;--courier-tint:#fff0f3;--courier-head:#ae1635;background:#fff9fa}
.courier-agency{--courier-accent:#edce6b;--courier-tint:#243346;--courier-head:#fff;background:#e9edf2}
.courier-statusbar{display:flex;justify-content:space-between;padding:.6rem 1rem .45rem;background:var(--courier-tint);color:var(--courier-head);font-size:.55rem;font-weight:600}
.courier-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.65rem 1rem .8rem;background:var(--courier-tint);color:var(--courier-head)}
.courier-heading>span{font-size:1rem;font-weight:700;letter-spacing:-.04em}
.courier-heading small{font-size:.55rem;opacity:.85;white-space:nowrap}
.courier-banner{padding:1rem 1rem 1.35rem;background:var(--courier-tint);color:var(--courier-head)}
.courier-banner>span{font-size:.65rem;opacity:.8}
.courier-banner h3{font-size:1.2rem;line-height:1.45;margin-top:.4rem}
.courier-body{padding:1rem 4.65rem 1rem .85rem}
.courier-card{padding:.85rem .65rem;background:#fff;border-radius:12px;border:1px solid #1421390a;box-shadow:0 4px 15px #14213905}
.courier-card>span{font-size:.6rem;color:#647383}
.courier-card strong{display:block;font-size:.85rem;line-height:1.5;margin-top:.35rem;word-break:keep-all}
.courier-card p{font-size:.6rem;line-height:1.7;color:#697686;margin-top:.3rem;word-break:keep-all}
.courier-card-secondary{margin-top:.65rem}
.courier-route{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1rem .65rem;font-size:.65rem;color:#637583}
.courier-route>span{display:flex;gap:.5rem;align-items:center}
.courier-route>span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--courier-accent)}
.courier-route i{height:24px;border-left:1px dashed #aab7c0;margin-left:2px}
.courier-yogiyo .courier-heading{background:#fff;color:#d32245;border-bottom:1px solid #ffe1e9}
.courier-agency .courier-heading{color:#f6d875}
.courier-agency .courier-card{border-radius:3px;border-left:3px solid #677f9b}
.launcher-dock{position:absolute;z-index:2;right:9px;top:37%;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 7px 9px;background:#fff;border:1px solid #dce5f1;border-radius:17px;box-shadow:0 8px 25px #112b5330}
.launcher-dock-label{font-size:.55rem;font-weight:700;color:var(--blue);line-height:1.4}
.launcher-dock button{width:44px;height:44px;border-radius:11px;padding:0;color:#fff;font-size:.72rem;line-height:1.12;font-weight:700;position:relative;transition:transform .18s,box-shadow .18s}
.launcher-dock .dock-baemin{background:#218f8c}
.launcher-dock .dock-coupang{background:#1487b0}
.launcher-dock .dock-yogiyo{background:#d9284c;font-size:.65rem}
.launcher-dock .dock-agency{background:#33465d;color:#ffe491}
.launcher-dock button[aria-pressed=true]{outline:2px solid #1c5de8;outline-offset:2px}
.launcher-dock button:active{transform:scale(.96)}

.launcher-dock{top:34%;right:8px}
.launcher-promise{font-size:.975rem;font-weight:600;margin-top:20px;line-height:1.6}
.launcher-state-label{font-size:.72rem;color:#4b6182;line-height:1.5}
.launcher-demo-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:9px}
.launcher-demo-controls button{background:transparent;color:var(--blue);font-size:.72rem;min-height:44px;padding:5px 4px;text-decoration:underline;text-underline-offset:4px}
.demo-caption{font-size:.65rem;color:#6a7688;margin-top:7px;text-align:center;line-height:1.6}
.launcher-panel:not([hidden]){animation:app-appear .16s ease-out}
@keyframes app-appear{from{opacity:.7}to{opacity:1}}
.money-section{background:var(--soft)}
.benefit-heading{margin-bottom:30px}
.money-grid{display:grid;gap:44px}
.money-feature{min-width:0}
.feature-visual{position:relative;overflow:hidden;border-radius:var(--radius)}
.expense-visual{background:#dfe9fc;padding:26px 16px}
.expense-demo{max-width:420px;width:100%;margin:auto}
.expense-notification{display:flex;align-items:center;gap:10px;background:white;border-radius:15px;padding:13px 12px;box-shadow:0 7px 22px #1b417914;transition:transform .25s ease,opacity .25s ease}
.payment-app-icon{display:grid;place-items:center;background:var(--blue);color:white;width:36px;height:36px;border-radius:10px;font-size:1.25rem;flex-shrink:0}
.expense-notification>div{flex:1;min-width:0}
.demo-label{font-size:.63rem;color:#687387;display:block}
.expense-notification strong{font-size:.8rem;display:flex;justify-content:space-between;gap:10px;margin-top:4px;line-height:1.5}
.transfer-track{height:44px;display:flex;align-items:center;flex-direction:column;padding:4px;gap:3px;color:var(--blue)}
.transfer-track span{display:block;width:2px;flex:1;background:#acc3eb}
.transfer-track i{font-style:normal;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#f0f5ff;font-size:.9rem;line-height:1}
.expense-ledger{background:white;border-radius:17px;padding:18px 14px;min-height:121px;position:relative;overflow:hidden}
.expense-ledger-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:.75rem;font-weight:600;gap:6px}
.expense-complete{font-size:.6rem;color:#247a62;opacity:0;visibility:hidden;transition:opacity .25s}
.expense-row{display:flex;justify-content:space-between;align-items:center;gap:10px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .3s,transform .3s}
.expense-row>div>strong{font-size:.73rem;display:block}
.expense-row>div>span{font-size:.58rem;color:#74808e;display:block;margin-top:4px}
.expense-row>strong{font-size:1.3rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.expense-row>strong>span{font-size:.65rem;margin-left:2px}
.expense-placeholder{position:absolute;bottom:25px;left:14px;right:14px;color:#7c8796;font-size:.75rem}
.expense-demo[data-state=receiving] .expense-notification{transform:translateY(-4px)}
.expense-demo[data-state=complete] .expense-notification{opacity:.78}
.expense-demo[data-state=complete] .transfer-track span{background:var(--blue)}
.expense-demo[data-state=complete] .expense-row{opacity:1;visibility:visible;transform:none}
.expense-demo[data-state=complete] .expense-complete{opacity:1;visibility:visible}
.expense-demo[data-state=complete] .expense-placeholder{opacity:0;visibility:hidden}
.story-copy{padding:24px 6px 0}
.story-copy>p{font-size:.95rem;line-height:1.7;color:var(--secondary);margin-top:14px}
.feature-note{font-size:.75rem!important;color:#697789!important;line-height:1.75!important;margin-top:12px!important}
.settlement-visual{height:300px;background:#dfe9fc;padding-top:24px}
.settlement-visual .phone{width:240px;max-width:79%;align-self:flex-start}
.settlement-visual::after,.vehicle-showcase::after,.record-showcase::after{content:"";position:absolute;left:0;right:0;bottom:0;height:54px;background:linear-gradient(transparent,var(--media-floor));pointer-events:none;z-index:1}
.settlement-visual{--media-floor:#dfe9fc}
.settlement-flow{display:flex;flex-wrap:wrap;align-items:center;gap:6px;list-style:none;padding:0;margin:18px 0 0;font-size:.75rem;font-weight:600;color:var(--blue)}
.settlement-flow li+li::before{content:"→";margin-right:6px;color:#8da6c5}
.vehicle-section{background:#edf3ea}
.vehicle-layout,.record-layout{display:grid;gap:30px}
.benefit-points{list-style:none;padding:0;margin:20px 0 0;display:grid;gap:9px;color:#506051;font-size:.87rem}
.benefit-points li{display:flex;align-items:baseline;gap:9px;word-break:keep-all}
.benefit-points li::before{content:"·";font-weight:700;color:#438454}
.vehicle-showcase{position:relative;overflow:hidden;border-radius:var(--radius);height:360px;padding-top:20px;background:#e0eadc;--media-floor:#e0eadc}
.vehicle-showcase .phone{width:244px;max-width:78%;align-self:flex-start}
.record-explanation{font-size:.875rem;line-height:1.75;color:#6b7682;margin-top:16px}
.record-showcase{position:relative;overflow:hidden;background:var(--soft);border-radius:var(--radius);height:360px;padding-top:20px;--media-floor:var(--soft)}
.record-showcase .phone{width:244px;max-width:78%;align-self:flex-start}
.vehicle-label{position:absolute;font-weight:600;white-space:nowrap;line-height:1.4;text-align:center;display:block}
.vehicle-label-chip{left:4%;top:1.85%;width:34%;height:3.7%;background:#e6f5f1;color:#24a88e;border-radius:1.8cqw;font-size:3.9cqw;padding-top:.35cqw}
.vehicle-label-card{right:7%;top:9.5%;width:28%;height:2.1%;background:#33416c;color:#c4cbe0;font-size:3.25cqw}
.gallery-dialog .vehicle-label{display:none}
.gallery-dialog:has(#tab-vehicle[aria-selected=true]) .vehicle-label{display:block}

@media(min-width:761px){
 .benefit-intro{font-size:1.125rem;line-height:1.75;margin-top:24px}
 .launcher-layout{grid-template-columns:.95fr 1.05fr;align-items:stretch}
 .launcher-layout>.benefit-copy{padding:40px 32px;display:flex;flex-direction:column;justify-content:center}
 .launcher-layout .benefit-intro{font-size:1.05rem;line-height:1.85}
 .launcher-support{font-size:.9rem;margin-top:24px}
 .launcher-showcase{padding:28px 22px 24px}
 .demo-instruction{font-size:.9rem}
 .launcher-phone{width:258px;aspect-ratio:9/18.2;margin-block:20px}
 .launcher-promise{font-size:1.125rem}
 .launcher-state-label,.launcher-demo-controls button{font-size:.8rem}
 .demo-caption{font-size:.7rem}
 .benefit-heading{margin-bottom:42px}
 .money-grid{grid-template-columns:1fr 1fr;gap:32px}
 .feature-visual{height:340px}
 .expense-visual{display:flex;align-items:center;justify-content:center;padding:24px}
 .expense-notification{padding:16px;border-radius:18px}.expense-notification strong{font-size:.9rem}
 .payment-app-icon{width:40px;height:40px;font-size:1.4rem}
 .demo-label{font-size:.7rem}.transfer-track{height:54px}
 .expense-ledger{padding:22px 18px;min-height:136px}.expense-ledger-heading{font-size:.85rem}
 .expense-row>div>strong{font-size:.8rem}.expense-row>strong{font-size:1.5rem}.expense-placeholder{left:18px;font-size:.8rem}
 .story-copy{padding:28px 4px 0}.story-copy>p{font-size:1rem;margin-top:18px}.feature-note{font-size:.8rem!important}
 .settlement-visual{padding-top:30px}.settlement-visual .phone{width:280px;max-width:72%}
 .settlement-flow{font-size:.82rem;margin-top:22px}
 .vehicle-layout,.record-layout{grid-template-columns:1fr 1fr;gap:52px;align-items:center}
 .vehicle-showcase,.record-showcase{height:470px;padding-top:28px}
 .vehicle-showcase .phone,.record-showcase .phone{width:290px;max-width:78%}
 .record-layout>.benefit-copy{grid-column:2;grid-row:1}
 .record-showcase{grid-column:1;grid-row:1}
 .benefit-points{font-size:1rem;gap:12px;margin-top:26px}
 .record-explanation{font-size:1rem;margin-top:22px}
 .media-caption{font-size:.8rem;bottom:17px}
}
@media(min-width:1100px){
 .launcher-layout>.benefit-copy{padding:56px 46px}
 .launcher-layout h2{font-size:3rem}
 .launcher-showcase{padding-block:34px}
 .money-grid{gap:36px}.feature-visual{height:380px}.expense-visual{padding:36px}
 .vehicle-layout,.record-layout{gap:80px}.vehicle-showcase,.record-showcase{height:520px}
 .vehicle-showcase .phone,.record-showcase .phone{width:315px}
 .settlement-visual .phone{width:310px}
}
@media(hover:hover) and (pointer:fine){.launcher-dock button:hover{filter:brightness(1.08)}}
@media(prefers-reduced-motion:reduce){.launcher-panel:not([hidden]){animation:none}}