/* Store branding and campaign sections. The supplied Apple viewer is isolated. */
:root{--mt-accent:#1278c7;--mt-tint:#eaf5fe;--mt-ink:#1d2330}
html[data-channel="uplus"]{--mt-accent:#ce087f;--mt-tint:#fff0f8}
.mt-shell [hidden]{display:none!important}
.mt-shell a,.mt-shell button{-webkit-tap-highlight-color:transparent}
.mt-header{max-width:1240px;padding:24px 30px;min-height:104px}
.mt-brand{display:flex;align-items:center;min-width:0;flex:none}
.mt-store-logo{width:190px;display:block;flex:none}
.mt-store-logo img{display:block;width:100%;height:auto;max-width:100%;position:static;transform:none}
html[data-channel="uplus"] .mt-store-logo{width:440px}
.mt-header nav{align-items:center;gap:25px;white-space:nowrap}
.mt-header nav a{padding:10px 0}
.mt-header nav a:last-child{color:var(--mt-accent);font-weight:700}
.mt-shell .mt-button{background:var(--mt-accent);min-height:46px;transition:filter .2s,transform .2s}
.mt-shell .mt-button:hover{filter:brightness(.92);transform:translateY(-1px)}
.mt-section-inner{max-width:1180px;margin:auto}
.mt-store-benefits{padding:88px 30px 82px;background:#f5f6f8}
.mt-section-topline{font-size:12px;letter-spacing:2px;font-weight:700;color:var(--mt-accent);margin:0 0 17px}
.mt-shell .mt-section-heading{font-size:clamp(30px,4vw,46px);line-height:1.23;letter-spacing:-1.7px;margin:0 0 18px}
.mt-section-heading>span:last-child{color:#818690}
.mt-section-description{font-size:16px;line-height:1.75;color:#6f7580;margin:0;max-width:650px}
.mt-benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}
.mt-benefit-card{border-radius:25px;min-height:385px;padding:32px;overflow:hidden;position:relative;background:white;display:flex;flex-direction:column;align-items:flex-start}
.mt-benefit-card:nth-child(2){background:#e8eef7}
.mt-benefit-card:nth-child(3){background:#f1eaf0}
.mt-card-kicker{font-size:12px;color:#616976;font-weight:700;letter-spacing:.7px;margin:0 0 18px}
.mt-benefit-card h3{font-size:28px;line-height:1.35;letter-spacing:-1px;margin:0 0 16px;max-width:290px;color:#1d2330}
.mt-benefit-card p:not(.mt-card-kicker){font-size:14px;line-height:1.8;color:#626b78;margin:0;max-width:285px}
.mt-benefit-art{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;width:100%}
.mt-carrier-pill{background:#fff;border:1px solid #e6e9ee;border-radius:14px;padding:12px 14px;line-height:1;font-size:15px;font-weight:800;box-shadow:0 4px 12px #1e2b3a05}
.mt-carrier-pill[data-carrier="skt"]{color:#e64d29}.mt-carrier-pill[data-carrier="kt"]{color:#242a30}.mt-carrier-pill[data-carrier="uplus"]{color:#dd078a}
.mt-benefit-card:first-child .mt-benefit-art{gap:10px}
.mt-process-mini{display:flex;align-items:center;gap:12px;color:#47607d;font-size:13px;font-weight:700;background:#ffffffb3;border:1px solid #fff;border-radius:16px;padding:18px 16px;width:100%;justify-content:space-between}
.mt-process-mini svg{width:16px;height:16px;flex:none}
.mt-mini-tag{font-size:13px;font-weight:600;padding:10px 13px;border-radius:50px;background:#ffffffb3;color:#75536d}
.mt-benefit-note{font-size:12px;color:#777e89;line-height:1.7;margin:23px 0 0}
.mt-reasons{padding:86px 30px 88px;background:#fff}
.mt-reason-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-top:46px}
.mt-reason-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:var(--mt-tint);color:var(--mt-accent);border-radius:16px;margin-bottom:23px}
.mt-reason-icon svg{width:27px;height:27px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.mt-reason h3{font-size:18px;line-height:1.45;letter-spacing:-.55px;margin:0 0 12px;color:#282d36}
.mt-reason p{font-size:13px;line-height:1.8;color:#797f89;margin:0}
.mt-reasons-bottom{margin-top:38px;border-top:1px solid #e8e9ed;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px;line-height:1.7;color:#747b85}
.mt-shell .mt-text-link{color:var(--mt-accent);font-size:14px;font-weight:700;white-space:nowrap}
.mt-shell .mt-text-link:hover{text-decoration:underline}
.mt-detail-nav{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:0 20px 25px;background:#f5f5f7}
.mt-detail-nav a{background:#fff;border:1px solid #e8e8ed;border-radius:30px;font-size:13px;padding:11px 18px;color:#585e68}
.mt-detail-nav a:hover{border-color:var(--mt-accent);color:var(--mt-accent)}
.mt-detail-html .mt-detail-opening{padding-top:80px}
.mt-detail-opening .mt-section-topline{font-size:12px;color:var(--mt-accent)}
.mt-detail-html .mt-detail-opening>img{max-width:1080px;margin-top:24px}
.mt-detail-html article{scroll-margin-top:28px}
.mt-detail-html article>img{max-width:1000px;mix-blend-mode:normal}
.mt-detail-facts b{font-size:36px}
.mt-spec-summary{max-width:1080px;margin:0 auto;padding:64px 30px;text-align:left;display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}
.mt-detail-html .mt-spec-summary h3{font-size:30px;line-height:1.35;letter-spacing:-1px;margin:0 0 15px}
.mt-detail-html .mt-spec-summary p{font-size:14px;line-height:1.7;margin:0;color:#747b85}
.mt-spec-summary dl{margin:0}.mt-spec-summary dl>div{display:grid;grid-template-columns:100px 1fr;gap:15px;border-bottom:1px solid #e8e9ed;padding:17px 0;font-size:14px;line-height:1.7}
.mt-spec-summary dl>div:first-child{padding-top:0}.mt-spec-summary dt{font-weight:600;color:#858b95}.mt-spec-summary dd{margin:0;color:#303640}
.mt-detail-colors{display:flex;gap:15px;flex-wrap:wrap}.mt-detail-colors span{display:inline-flex;align-items:center;gap:7px}.mt-swatch{display:inline-block;width:13px;height:13px;border-radius:50%;border:1px solid #c4c8ce;background:#f2f1ec}.mt-swatch.dark{background:#252c3a;border-color:#252c3a}
.mt-detail-html .mt-detail-end{padding:45px 24px;background:#fff;border-top:1px solid #eee}
.mt-reservation{background:var(--mt-tint);padding:72px 24px}
.mt-reservation .mt-card{max-width:770px;margin-top:30px;box-shadow:0 18px 55px #25344b07;padding:35px 25px}
.mt-reservation-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:26px}
.mt-shell .mt-button.mt-kakao-button{background:#fee500;color:#251f0a;gap:8px}
.mt-kakao-button svg{width:19px;height:19px;fill:currentColor}
.mt-shell .mt-button.mt-button-secondary{background:#f1f2f5;color:#424953}
.mt-shell .mt-dialog-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px}
.mt-shell .mt-dialog-actions .mt-button{font-size:14px}
.mt-sticky-copy{display:flex;align-items:center;gap:13px}
.mt-sticky-copy small{color:#777f8b;font-size:12px;border-left:1px solid #d8dbe0;padding-left:13px}
.mt-shell .mt-sticky{padding-bottom:calc(13px + env(safe-area-inset-bottom));padding-top:13px}
@media(min-width:1200px){.mt-float{right:18px}.mt-float a,.mt-float button{width:62px;min-height:64px}}
@media(max-width:1000px){html[data-channel="uplus"] .mt-store-logo{width:360px}.mt-benefit-card{padding:27px 24px}.mt-benefit-card h3{font-size:25px}.mt-reason-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.mt-header nav{gap:22px}.mt-benefit-art{gap:5px}.mt-carrier-pill{padding:11px}.mt-process-mini{padding:17px 10px;gap:5px}}
@media(max-width:734px){
 .mt-header{padding:20px;min-height:0;flex-direction:column;align-items:flex-start;gap:18px}.mt-brand{max-width:100%}
 .mt-store-logo{width:156px}html[data-channel="uplus"] .mt-store-logo{width:min(100%,440px)}
 .mt-header nav{width:100%;justify-content:space-between;gap:16px;font-size:12px}.mt-header nav a{padding:7px 0}
 .mt-hero{padding-top:32px}.mt-hero h1{font-size:54px;letter-spacing:-2.5px}.mt-hero .mt-dates{line-height:1.8}
 .mt-store-benefits,.mt-reasons{padding:55px 20px}.mt-shell .mt-section-heading{font-size:31px;letter-spacing:-1.4px}.mt-section-description{font-size:14px}
 .mt-benefit-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.mt-benefit-card{padding:29px 27px;min-height:292px}.mt-benefit-card h3{font-size:27px;max-width:none}.mt-benefit-card p:not(.mt-card-kicker){max-width:440px}.mt-card-kicker{margin-bottom:13px}.mt-benefit-art{padding-top:25px}.mt-process-mini{max-width:330px;padding:17px}.mt-benefit-note{font-size:11px}
 .mt-reason-grid{grid-template-columns:1fr;gap:0;margin-top:26px}.mt-reason{display:grid;grid-template-columns:48px 1fr;gap:0 18px;padding:23px 0;border-bottom:1px solid #edf0f3}.mt-reason-icon{grid-row:1 / 3;width:48px;height:48px;margin:0}.mt-reason h3{font-size:18px;margin:0 0 7px}.mt-reason p{font-size:13px;max-width:420px}.mt-reasons-bottom{border:0;margin-top:20px;padding:0;align-items:flex-start;flex-direction:column;gap:14px}
 .mt-detail-html .mt-detail-opening{padding-top:58px}.mt-detail-html .mt-detail-opening h2{font-size:42px}.mt-detail-nav{gap:7px;padding:10px 15px 25px}.mt-detail-nav a{font-size:12px;padding:10px 13px}.mt-detail-html article{padding-top:60px}.mt-detail-html article>img{width:calc(100% + 36px);max-width:none;margin-left:-18px}.mt-detail-html .mt-detail-performance>img{width:100%;margin-left:auto;max-width:760px}
 .mt-spec-summary{grid-template-columns:1fr;gap:26px;padding:45px 23px}.mt-spec-summary dl>div{font-size:13px;grid-template-columns:75px 1fr}.mt-detail-html .mt-spec-summary h3{font-size:28px}.mt-detail-facts{gap:26px}.mt-detail-facts b{font-size:30px}
 .mt-reservation{padding:52px 20px}.mt-reservation .mt-card{padding:30px 20px}.mt-reservation-actions{flex-direction:column}.mt-reservation .mt-card .mt-note{font-size:12px}
 .mt-float{top:auto;bottom:calc(90px + env(safe-area-inset-bottom));right:13px;transform:translateY(16px)}.mt-float.is-visible{transform:translateY(0)}.mt-float a{width:52px;min-height:55px;font-size:10px;border-radius:17px}.mt-float .mt-float-top{display:none}
 .mt-shell .mt-sticky{padding-left:16px;padding-right:16px;gap:12px}.mt-sticky-copy{flex-direction:column;align-items:flex-start;gap:2px;flex-shrink:0}.mt-sticky-copy small{border:0;padding:0;font-size:10px}.mt-sticky strong{font-size:15px}.mt-sticky .mt-button{font-size:12px;min-height:44px;padding:11px 14px;line-height:1.5;text-align:center}
}
@media(max-width:359px){.mt-header{padding:14px 16px}.mt-header nav{gap:11px;font-size:11px}.mt-store-logo{width:145px}.mt-hero h1{font-size:48px}.mt-shell .mt-section-heading{font-size:28px}.mt-benefit-card{padding:25px 23px}}
@media(prefers-reduced-motion:reduce){.mt-shell .mt-button{transition:none}.mt-shell .mt-button:hover{transform:none}}


/* One compact signup section immediately below the hero film. */
.mt-shell .mt-alert-banner{padding:34px 30px;text-align:left;background:var(--mt-tint);scroll-margin-top:24px}
.mt-alert-inner{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}
.mt-alert-copy{min-width:0}
.mt-shell .mt-alert-copy h2{font-size:28px;line-height:1.35;letter-spacing:-1px;margin:0 0 8px}
.mt-alert-copy p{font-size:14px;line-height:1.6;color:#737b87;margin:0}
.mt-alert-inner>.mt-button{flex:none;min-height:48px;text-align:center;line-height:1.5}
@media(max-width:734px){
 .mt-shell .mt-alert-banner{padding:28px 20px 30px;text-align:center}
 .mt-alert-inner{flex-direction:column;gap:19px}
 .mt-shell .mt-alert-copy h2{font-size:23px;letter-spacing:-.8px;margin-bottom:7px}
 .mt-alert-copy p{font-size:13px}
 .mt-alert-inner>.mt-button{width:100%;max-width:320px;font-size:14px;padding:13px 18px}
}

/* Reveal the signup bar with the same scroll threshold as the Kakao shortcut. */
.mt-shell .mt-sticky{left:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 1px));transition:opacity .35s ease,transform .35s ease,visibility .35s}
.mt-shell .mt-sticky.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){.mt-shell .mt-sticky{transition:none}}
