:root {
    --deck-ink: #10213d;
    --deck-green: #123d82;
    --deck-green-light: #175ab8;
    --deck-lime: #00e676;
    --deck-paper: #f5f8fc;
    --deck-muted: #708099;
    --deck-line: #e2eaf4;
}

* { box-sizing: border-box; }
html, body { width: 100%; height: 100%; margin: 0; overflow: hidden; }
body { background: var(--deck-paper); color: var(--deck-ink); font-family: "DM Sans", "Segoe UI", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.presentation-shell { position: relative; width: 100%; height: 100%; min-height: 480px; overflow: hidden; }
.presentation-header { position: absolute; z-index: 5; top: 0; right: 0; left: 0; height: 76px; display: flex; align-items: center; justify-content: space-between; padding: 0 clamp(22px, 5.2vw, 78px); border-bottom: 1px solid rgba(32, 42, 58,.08); background: rgba(246, 248, 250,.86); backdrop-filter: blur(16px); }
.deck-brand { display: inline-flex; align-items: center; gap: 10px; font-family: "Manrope", "Segoe UI", Arial, sans-serif; font-size: 13px; font-weight: 800; letter-spacing: .075em; }
.deck-brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px 11px 11px 3px; background: var(--deck-green); color: var(--deck-lime); font-family: Georgia, serif; font-size: 23px; font-weight: 400; }
.deck-brand small { display: block; margin-top: 2px; color: #787E87; font-family: "DM Sans", "Segoe UI", Arial, sans-serif; font-size: 8px; letter-spacing: .2em; }
.header-label { margin-left: 35px; color: #7D8289; font-size: 9px; font-weight: 700; letter-spacing: .16em; }
.header-divider { margin: 0 8px; color: #C2C7CD; }
.header-actions { display: flex; align-items: center; gap: 18px; }
.return-link { color: #525966; font-size: 11px; font-weight: 700; }
.return-link span { margin-left: 6px; color: #6C7D91; }
.icon-button { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #DDE2E7; border-radius: 50%; background: transparent; cursor: pointer; transition: background .2s, border-color .2s; }
.icon-button:hover { border-color: #B1BBC8; background: #E8EDF2; }
.icon-button svg, .nav-arrow svg { width: 17px; height: 17px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.7; }
.progress-track { position: absolute; z-index: 6; top: 75px; right: 0; left: 0; height: 2px; background: rgba(29, 39, 58,.07); }
.progress-fill { width: 14.285%; height: 100%; display: block; background: var(--deck-lime); transition: width .45s cubic-bezier(.2,.7,.2,1); }
.deck { position: absolute; inset: 77px 0 72px; overflow: hidden; }
.slide { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; overflow-x: hidden; overflow-y: auto; padding: 46px clamp(24px, 8.5vw, 132px) 57px; background: var(--deck-paper); opacity: 0; visibility: hidden; transform: translateX(30px) scale(.99); transition: opacity .38s ease, transform .38s ease, visibility .38s; }
.slide.is-active { z-index: 1; visibility: visible; opacity: 1; transform: translateX(0) scale(1); }
.slide.is-before { transform: translateX(-30px) scale(.99); }
.slide-kicker { position: absolute; right: clamp(24px, 5.2vw, 78px); bottom: 26px; color: #9A9FA5; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.eyebrow { color: #6C7A8A; font-size: 9px; font-weight: 700; letter-spacing: .2em; }
.live-dot { width: 7px; height: 7px; display: inline-block; margin: 0 8px 1px 0; border-radius: 50%; background: var(--deck-lime); box-shadow: 0 0 0 4px rgba(0,230,118,.15); }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { font-family: "Manrope", "Segoe UI", Arial, sans-serif; }
.slide h2 { margin: 15px 0 14px; font-size: clamp(35px, 4.2vw, 56px); font-weight: 700; line-height: 1.12; letter-spacing: -.055em; }
.slide h2 em, .slide-cover h1 em { color: #6E7D90; font-family: Georgia, serif; font-weight: 400; }
.slide-copy > p, .slide-heading > p { max-width: 500px; color: var(--deck-muted); font-size: 14px; line-height: 1.75; }
.slide-heading { margin: 0 auto 34px; text-align: center; }
.slide-heading h2 { font-size: clamp(33px, 3.8vw, 49px); }
.slide-heading > p { margin: 0 auto; font-size: 12px; }

/* Opening slide */
.slide-cover { justify-content: flex-start; flex-direction: row; align-items: center; padding-right: 7vw; padding-left: clamp(35px, 12vw, 180px); background: radial-gradient(ellipse at 78% 45%, rgba(150, 186, 220,.22), transparent 34%), linear-gradient(112deg, #F4F7F9, #E8EEF3); }
.cover-copy { position: relative; z-index: 2; width: 48%; max-width: 570px; }
.slide-cover h1 { margin: 21px 0 17px; font-size: clamp(42px, 5vw, 72px); line-height: 1.04; letter-spacing: -.065em; }
.cover-copy > p { max-width: 400px; margin-bottom: 27px; color: #727780; font-size: 15px; line-height: 1.75; }
.deck-button { min-height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 15px; padding: 0 18px; border: 0; border-radius: 5px; background: var(--deck-green); color: white; cursor: pointer; font-size: 11px; font-weight: 700; transition: background .2s, transform .2s; }
.deck-button:hover { transform: translateY(-2px); background: var(--deck-green-light); }
.deck-button-light { background: var(--deck-green); color: white; }
.cover-footnote { display: flex; align-items: center; gap: 8px; margin-top: 28px; color: #888D94; font-size: 9px; }
.checkmark { width: 17px; height: 17px; display: inline-grid; flex: 0 0 17px; place-items: center; border-radius: 50%; background: #e2fff0; color: #087a40; font-size: 11px; }
.cover-art { position: absolute; top: 0; right: 5%; width: 42%; height: 100%; }
.cover-ring { position: absolute; top: 50%; left: 53%; border: 1px solid rgba(79, 94, 116,.14); border-radius: 50%; transform: translate(-50%,-50%); }
.ring-large { width: min(39vw, 460px); height: min(39vw, 460px); }
.ring-small { width: min(30vw, 350px); height: min(30vw, 350px); border-color: rgba(79, 94, 116,.21); }
.cover-cup { position: absolute; top: 49%; left: 52%; width: clamp(160px, 18vw, 224px); height: clamp(190px, 22vw, 270px); display: flex; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; border: 9px solid rgba(228,230,210,.85); border-radius: 18px 18px 56px 56px; background: linear-gradient(110deg,#16233D,#2A3D60 58%,#152037); color: #C2D6E9; box-shadow: inset 12px 0 20px rgba(255,255,255,.07), 13px 25px 42px rgba(27, 41, 65,.2); transform: translate(-50%,-50%) rotate(-5deg); }
.cover-cup:after { position: absolute; inset: 11px; border: 1px solid rgba(190, 212, 233,.28); border-radius: 10px 10px 45px 45px; content: ""; }
.cover-cup:before { position: absolute; top: 22%; left: 0; width: 100%; height: 1px; background: rgba(190, 212, 233,.28); content: ""; }
.cover-cup > span { z-index: 1; font-family: Georgia, serif; font-size: clamp(43px, 5vw, 63px); }
.cover-cup > small { z-index: 1; margin-top: 1px; font-size: 9px; letter-spacing: .25em; }
.cover-cup > i { position: absolute; right: 0; bottom: 18px; left: 0; height: 1px; background: rgba(0,230,118,.55); }
.cover-cup-lid { position: absolute; top: -11px; right: -9px; left: -9px; height: 24px; border: 5px solid #f1f5f9; border-radius: 50%; background: #cbd8e5; }
.cover-card { position: absolute; right: 0; bottom: 24%; display: flex; align-items: center; gap: 11px; padding: 13px 16px; border: 1px solid rgba(218, 225, 232,.9); border-radius: 8px; background: rgba(255,255,255,.9); box-shadow: 0 15px 35px rgba(31, 44, 67,.1); }
.cover-card-icon { width: 32px; height: 32px; display: grid; place-items: center; border-radius: 7px; background: #e2fff0; color: #087a40; font-size: 18px; }
.cover-card small, .cover-card strong { display: block; }
.cover-card small { color: #858990; font-size: 7px; letter-spacing: .11em; }
.cover-card strong { margin-top: 4px; font-family: "Manrope", sans-serif; font-size: 13px; }
.cover-bean { position: absolute; width: 25px; height: 16px; border: 1px solid #9BB2C6; border-radius: 50%; transform: rotate(38deg); }
.cover-bean:after { position: absolute; top: 7px; left: 3px; width: 17px; height: 1px; background: #9BB2C6; content: ""; transform: rotate(-18deg); }
.bean-a { top: 25%; right: 15%; }
.bean-b { bottom: 28%; left: 11%; transform: rotate(-29deg) scale(.75); }
.cover-glow { position: absolute; top: 50%; left: 74%; width: 340px; height: 340px; border-radius: 50%; background: rgba(120, 174, 223,.12); filter: blur(32px); transform: translate(-50%,-50%); }

/* Product and membership journey */
.slide-layout { width: 100%; max-width: 1100px; display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(36px, 7vw, 95px); margin: 0 auto; }
.slide-copy { max-width: 510px; }
.clarification { display: flex; gap: 11px; max-width: 460px; margin-top: 25px; padding: 13px 15px; border: 1px solid #e9e2c7; border-radius: 6px; background: #fbf8eb; color: #766b46; }
.clarification > span { width: 19px; height: 19px; display: grid; flex: 0 0 19px; place-items: center; border-radius: 50%; background: #eee5c2; font-size: 11px; font-weight: 700; }
.clarification p { margin: 0; font-size: 10px; line-height: 1.65; }
.source-note { display: block; margin-top: 14px; color: #91959B; font-size: 9px; line-height: 1.5; }
.package-visual { position: relative; min-height: 385px; display: grid; place-items: center; overflow: hidden; border: 1px solid #DFE5EA; border-radius: 10px; background: radial-gradient(circle at center, #D3DEEA, #E8EEF3 57%, #f6f7f1); }
.visual-orbit { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(88, 108, 133,.18); border-radius: 50%; transform: translate(-50%,-50%); }
.orbit-outer { width: 310px; height: 310px; }
.orbit-inner { width: 230px; height: 230px; }
.package-cup { z-index: 1; width: 126px; height: 170px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 7px solid #edf2f7; border-radius: 15px 15px 42px 42px; background: linear-gradient(110deg,#18243D,#2A3D60); color: #C2D6E9; box-shadow: 12px 22px 35px rgba(28, 42, 66,.17); transform: rotate(-6deg); }
.package-cup > span { font-family: Georgia, serif; font-size: 50px; }
.package-cup > small { font-size: 8px; letter-spacing: .23em; }
.price-tag { position: absolute; z-index: 2; min-width: 126px; padding: 12px 14px; border: 1px solid rgba(226, 230, 235,.9); border-radius: 6px; background: rgba(255,255,255,.94); box-shadow: 0 12px 25px rgba(34, 45, 63,.1); }
.price-tag span, .price-tag strong, .price-tag small { display: block; }
.price-tag span { color: #838890; font-size: 7px; font-weight: 700; letter-spacing: .12em; }
.price-tag strong { margin: 5px 0 2px; color: #23314A; font-family: "Manrope", sans-serif; font-size: 24px; }
.price-tag small { color: #9499A0; font-size: 8px; }
.entry-tag { top: 20%; right: 5%; }
.coffee-tag { bottom: 19%; left: 5%; }
.journey { width: 100%; max-width: 1030px; display: grid; grid-template-columns: 1fr 32px 1fr 32px 1fr; align-items: center; gap: 13px; margin: 5px auto 23px; }
.journey-step { position: relative; min-height: 215px; padding: 23px 20px 19px; border: 1px solid var(--deck-line); border-radius: 8px; background: #fff; }
.step-index { position: absolute; top: 20px; right: 19px; color: #B5BAC0; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.step-icon { width: 38px; height: 38px; display: grid; margin-bottom: 18px; place-items: center; border-radius: 8px; background: #e2fff0; color: #087a40; font-size: 19px; }
.journey-step h3 { margin-bottom: 7px; font-size: 15px; letter-spacing: -.025em; }
.journey-step p { min-height: 38px; margin-bottom: 17px; color: #7F848B; font-size: 10px; line-height: 1.65; }
.journey-chip { display: inline-block; padding: 6px 8px; border-radius: 3px; background: #EEF1F5; color: #6F7E90; font-size: 7px; font-weight: 700; letter-spacing: .1em; }
.journey-connector { color: #99A5B1; text-align: center; }
.journey-note { display: flex; align-items: center; justify-content: center; gap: 8px; color: #848990; font-size: 9px; text-align: center; }

/* Interactive reward explainer */
.slide-rewards { background: linear-gradient(120deg,#f5f6ef,#E8EEF3); }
.reward-explorer { width: 100%; max-width: 895px; display: grid; grid-template-columns: .9fr 1.1fr; gap: 16px; margin: 0 auto; }
.reward-options { display: grid; align-content: start; gap: 7px; }
.reward-option { min-height: 56px; display: grid; grid-template-columns: 31px 1fr auto; align-items: center; gap: 9px; padding: 8px 12px; border: 1px solid #DDE2E8; border-radius: 5px; background: rgba(255,255,255,.65); cursor: pointer; text-align: left; transition: border-color .2s, background .2s, transform .2s; }
.reward-option:hover { transform: translateX(2px); border-color: #BBC6D2; }
.reward-option.is-selected { border-color: #078b48; background: white; box-shadow: 0 7px 18px rgba(39, 52, 70,.06); }
.option-icon { width: 29px; height: 29px; display: grid; place-items: center; border-radius: 6px; background: #e2fff0; color: #087a40; font-size: 16px; }
.reward-option > span:nth-child(2) { color: #505661; font-size: 10px; font-weight: 700; }
.option-value { color: #087a40; font-family: "Manrope", sans-serif; font-size: 11px; font-weight: 800; }
.reward-detail { min-height: 245px; padding: 25px 27px; border: 1px solid #DCE1E7; border-radius: 7px; background: white; box-shadow: 0 12px 30px rgba(29, 40, 59,.05); }
.detail-eyebrow { display: block; color: #858A92; font-size: 8px; font-weight: 700; letter-spacing: .16em; }
.detail-amount { display: block; margin: 9px 0 5px; color: #087a40; font-family: "Manrope", sans-serif; font-size: 38px; letter-spacing: -.06em; }
.detail-title { margin-bottom: 7px; font-size: 16px; }
.detail-description { max-width: 420px; min-height: 32px; margin-bottom: 18px; color: #787D85; font-size: 10px; line-height: 1.65; }
.detail-foot { display: flex; align-items: center; gap: 11px; padding-top: 13px; border-top: 1px solid #E9ECF0; }
.detail-status { padding: 5px 7px; border-radius: 3px; background: #EFF2F5; color: #707C8A; font-size: 7px; font-weight: 700; letter-spacing: .1em; }
.detail-condition { color: #8C9097; font-size: 8px; }
.slide-disclaimer { margin: 15px auto 0; color: #8D9197; font-size: 8px; text-align: center; }

/* Unilevel schedule */
.unilevel-layout { grid-template-columns: .8fr 1.2fr; gap: clamp(30px, 5vw, 70px); }
.level-board { padding: 15px 20px; border: 1px solid #DFE4E9; border-radius: 7px; background: rgba(255,255,255,.9); box-shadow: 0 14px 35px rgba(37, 49, 66,.05); }
.level-board-heading, .level-row { display: grid; grid-template-columns: 1.3fr .8fr 1fr; align-items: center; gap: 12px; }
.level-board-heading { padding: 2px 6px 9px; color: #93979D; font-size: 7px; font-weight: 700; letter-spacing: .12em; }
.level-row { min-height: 27px; padding: 4px 6px; border-top: 1px solid #ECEFF1; }
.level-row > span { color: #656B75; font-size: 9px; }
.level-row > span i { display: inline-block; width: 22px; color: #9A9FA6; font-size: 7px; font-style: normal; font-weight: 700; }
.level-row > strong { color: #087a40; font-family: "Manrope", sans-serif; font-size: 10px; }
.level-bar { height: 4px; overflow: hidden; border-radius: 10px; background: #E9EDF1; }
.level-bar > i { width: var(--bar); height: 100%; display: block; border-radius: inherit; background: var(--deck-lime); }
.unilevel-layout .clarification { margin-top: 20px; }

/* Member dashboard preview */
.dashboard-preview { width: 100%; max-width: 930px; min-height: 266px; display: grid; grid-template-columns: 55px 1fr; margin: 0 auto 17px; overflow: hidden; border: 1px solid #DCE1E7; border-radius: 8px; background: #F9FBFC; box-shadow: 0 18px 42px rgba(34, 47, 67,.08); }
.preview-sidebar { display: flex; flex-direction: column; align-items: center; gap: 16px; padding: 14px 0; background: #17233A; }
.preview-logo { width: 25px; height: 25px; display: grid; margin-bottom: 9px; place-items: center; border-radius: 7px 7px 7px 2px; background: #00e676; color: #17233A; font-family: Georgia,serif; font-size: 17px; }
.sidebar-dot { width: 16px; height: 16px; border: 1px solid rgba(222, 232, 241,.27); border-radius: 5px; }
.sidebar-dot.selected { border-color: var(--deck-lime); background: rgba(0,230,118,.18); }
.sidebar-avatar { width: 23px; height: 23px; display: grid; margin-top: auto; place-items: center; border-radius: 50%; background: #D2DBE5; color: #455163; font-size: 9px; font-weight: 700; }
.preview-main { padding: 19px 24px 18px; }
.preview-topline { display: flex; align-items: center; justify-content: space-between; color: #717780; font-size: 7px; font-weight: 700; letter-spacing: .12em; }
.preview-topline i { margin-left: 7px; color: #9BA0A6; font-size: 6px; font-style: normal; }
.preview-status { padding: 5px 8px; border-radius: 15px; background: #fbf1db; color: #8a713d; font-size: 7px; letter-spacing: 0; }
.preview-main h3 { margin: 15px 0 3px; font-size: 15px; letter-spacing: -.03em; }
.preview-main > p { margin-bottom: 13px; color: #898D94; font-size: 8px; }
.preview-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.preview-metrics > div { min-height: 58px; padding: 10px; border: 1px solid #E5E9ED; border-radius: 5px; background: white; }
.preview-metrics span, .preview-panel > span { display: block; color: #8C9197; font-size: 6px; font-weight: 700; letter-spacing: .1em; }
.preview-metrics strong { display: block; margin-top: 7px; color: #27354C; font-family: "Manrope",sans-serif; font-size: 15px; }
.preview-lower { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }
.preview-panel { min-height: 62px; padding: 10px; border: 1px solid #E5E9ED; border-radius: 5px; background: white; }
.preview-panel > strong { display: block; margin: 6px 0 3px; color: #33425B; font-family: "Manrope",sans-serif; font-size: 11px; letter-spacing: .08em; }
.preview-panel > small { color: #94989D; font-size: 7px; }
.referral-panel > i { width: 47%; height: 4px; display: inline-block; margin-top: 9px; border-radius: 4px; background: #E9EDF1; }

/* Closing slide and controls */
.slide-close { align-items: center; overflow-y: hidden; background: radial-gradient(ellipse at 75% 48%, rgba(118, 163, 207,.13), transparent 31%), #15213A; color: white; }
.close-content { position: relative; z-index: 2; width: min(650px, 85%); margin-right: auto; margin-left: max(4%, calc((100% - 900px) / 2)); }
.slide-close .eyebrow { color: #96B4D1; }
.slide-close h2 { margin-top: 18px; font-size: clamp(45px, 6vw, 76px); }
.slide-close h2 em { color: #00e676; }
.close-content > p { max-width: 430px; color: #C3C9D2; font-size: 13px; line-height: 1.75; }
.close-actions { display: flex; align-items: center; gap: 22px; margin-top: 24px; }
.slide-close .deck-button-light { background: var(--deck-lime); color: #17233A; }
.slide-close .deck-button-light:hover { background: #52ef92; }
.close-secondary { color: #CFD5DD; font-size: 10px; font-weight: 600; }
.close-secondary:hover { color: white; text-decoration: underline; }
.contact-note { margin: 18px 0 0; color: #c3ceda; font-size: 10px; }
.contact-note a { color: var(--deck-lime); font-weight: 700; }
.contact-note a:hover { text-decoration: underline; }
.close-disclaimer { display: flex; gap: 11px; max-width: 560px; margin-top: 35px; padding: 13px 15px; border: 1px solid rgba(224,225,182,.24); border-radius: 6px; background: rgba(10, 19, 36,.28); color: #e4e3c4; }
.close-disclaimer > span { width: 18px; height: 18px; display: grid; flex: 0 0 18px; place-items: center; border-radius: 50%; background: rgba(140, 185, 227,.18); color: #A9C8E5; font-size: 10px; font-weight: 700; }
.close-disclaimer p { margin: 0; font-size: 9px; line-height: 1.65; }
.close-mark { position: absolute; right: 14%; bottom: -19%; color: rgba(140, 185, 227,.055); font-family: Georgia,serif; font-size: min(45vw, 550px); line-height: 1; }
.slide-close .slide-kicker { color: #8D96A5; }
.slide-nav { position: absolute; z-index: 5; right: 0; bottom: 0; left: 0; height: 72px; display: flex; align-items: center; justify-content: center; gap: 17px; border-top: 1px solid rgba(32, 42, 58,.08); background: rgba(246, 248, 250,.94); backdrop-filter: blur(16px); }
.nav-arrow { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid #DCE0E5; border-radius: 50%; background: transparent; color: #404959; cursor: pointer; transition: background .2s, opacity .2s; }
.nav-arrow:hover:not(:disabled) { background: #E8EDF2; }
.nav-arrow:disabled { cursor: default; opacity: .35; }
.slide-dots { display: flex; align-items: center; gap: 7px; }
.slide-dot { width: 7px; height: 7px; padding: 0; border: 0; border-radius: 50%; background: #CDD3D9; cursor: pointer; transition: width .22s, border-radius .22s, background .22s; }
.slide-dot[aria-current="step"] { width: 23px; border-radius: 8px; background: var(--deck-lime); }
.slide-count { min-width: 44px; margin-left: 5px; color: #434B58; font-size: 9px; font-weight: 700; letter-spacing: .08em; }
.slide-count i { margin: 0 3px; color: #A0A5AB; font-style: normal; }
.keyboard-hint { position: absolute; z-index: 4; right: 5.2vw; bottom: 27px; display: flex; align-items: center; gap: 5px; color: #A0A4AA; font-size: 8px; }
.keyboard-hint kbd { min-width: 16px; padding: 3px 4px; border: 1px solid #DCE1E6; border-radius: 3px; background: #fff; color: #7E848D; font-family: inherit; text-align: center; }
.keyboard-hint > span { padding: 0 3px; }
.icon-button:focus-visible, .deck-button:focus-visible, .nav-arrow:focus-visible, .slide-dot:focus-visible, .reward-option:focus-visible, a:focus-visible { outline: 3px solid #7E94AB; outline-offset: 3px; }

@media (max-width: 800px) {
    .slide { padding-right: 6vw; padding-left: 6vw; }
    .slide-cover { padding-left: 7vw; }
    .cover-art { right: 0; width: 48%; }
    .cover-card { right: 3%; }
    .slide-layout { gap: 28px; }
    .package-visual { min-height: 330px; }
    .journey { gap: 7px; }
    .journey-step { min-height: 210px; padding: 19px 14px; }
    .journey-connector { font-size: 12px; }
    .unilevel-layout { grid-template-columns: .75fr 1.25fr; }
    .level-board { padding: 11px 13px; }
    .level-board-heading, .level-row { grid-template-columns: 1.1fr .75fr .8fr; gap: 7px; }
}

@media (max-width: 600px) {
    .presentation-shell { min-height: 440px; }
    .presentation-header { height: 61px; padding: 0 16px; }
    .deck-brand { gap: 7px; font-size: 11px; }
    .deck-brand-mark { width: 30px; height: 30px; font-size: 20px; }
    .header-label { display: none; }
    .header-actions { gap: 12px; }
    .return-link { font-size: 10px; }
    .icon-button { width: 31px; height: 31px; }
    .progress-track { top: 60px; }
    .deck { inset: 62px 0 60px; }
    .slide { justify-content: flex-start; padding: 32px 21px 52px; }
    .slide-kicker { right: 20px; bottom: 17px; font-size: 7px; }
    .slide-cover { display: block; padding: 42px 23px 20px; }
    .slide-close { overflow-y: auto; }
    .cover-glow { display: none; }
    .cover-copy { width: 100%; }
    .slide-cover h1 { margin: 13px 0 11px; font-size: clamp(40px, 11vw, 60px); }
    .cover-copy > p { max-width: 340px; margin-bottom: 17px; font-size: 12px; }
    .deck-button { min-height: 41px; padding: 0 14px; font-size: 10px; }
    .cover-footnote { margin-top: 13px; font-size: 7px; }
    .cover-art { top: auto; right: 3%; bottom: -3%; width: 74%; height: 44%; }
    .ring-large { width: 250px; height: 250px; }
    .ring-small { width: 190px; height: 190px; }
    .cover-cup { width: 132px; height: 160px; }
    .cover-cup > span { font-size: 40px; }
    .cover-card { right: 0; bottom: 19%; padding: 9px 10px; }
    .cover-card-icon { width: 27px; height: 27px; font-size: 15px; }
    .cover-card small { font-size: 6px; }
    .cover-card strong { font-size: 10px; }
    .slide-layout { display: flex; flex-direction: column; align-items: stretch; gap: 20px; margin: auto; }
    .slide h2 { margin: 10px 0 9px; font-size: clamp(32px, 9vw, 43px); }
    .slide-copy > p { margin-bottom: 0; font-size: 11px; }
    .clarification { margin-top: 13px; padding: 10px 11px; }
    .clarification p { font-size: 9px; }
    .source-note { margin-top: 8px; font-size: 8px; }
    .package-visual { min-height: 230px; flex: 0 0 230px; }
    .orbit-outer { width: 215px; height: 215px; }
    .orbit-inner { width: 160px; height: 160px; }
    .package-cup { width: 96px; height: 128px; }
    .package-cup > span { font-size: 39px; }
    .price-tag { min-width: 100px; padding: 9px 10px; }
    .price-tag strong { font-size: 20px; }
    .entry-tag { top: 9%; right: 3%; }
    .coffee-tag { bottom: 8%; left: 3%; }
    .slide-heading { margin: auto 0 17px; }
    .slide-heading h2 { font-size: clamp(30px, 8.5vw, 41px); }
    .slide-heading > p { font-size: 10px; }
    .journey { grid-template-columns: 1fr; gap: 7px; margin: 0 0 12px; }
    .journey-step { min-height: 0; display: grid; grid-template-columns: 32px 1fr auto; align-items: center; column-gap: 9px; padding: 10px 12px; }
    .step-index { top: 8px; right: 9px; font-size: 6px; }
    .step-icon { width: 29px; height: 29px; grid-row: span 2; margin: 0; font-size: 14px; }
    .journey-step h3 { margin: 0; padding-right: 20px; font-size: 11px; }
    .journey-step p { min-height: 0; grid-column: 2; margin: 3px 0 0; font-size: 8px; }
    .journey-chip { grid-column: 3; grid-row: 1 / span 2; font-size: 6px; }
    .journey-connector { display: none; }
    .journey-note { font-size: 8px; line-height: 1.5; }
    .reward-explorer { grid-template-columns: 1fr; gap: 9px; }
    .reward-options { grid-template-columns: 1fr 1fr; gap: 6px; }
    .reward-option { min-height: 43px; grid-template-columns: 24px 1fr; gap: 6px; padding: 6px; }
    .option-icon { width: 23px; height: 23px; font-size: 12px; }
    .reward-option > span:nth-child(2) { font-size: 8px; }
    .option-value { grid-column: 2; font-family: "DM Sans",sans-serif; font-size: 8px; }
    .reward-detail { min-height: 0; padding: 14px 16px; }
    .detail-amount { margin: 5px 0 2px; font-size: 29px; }
    .detail-title { margin-bottom: 5px; font-size: 13px; }
    .detail-description { min-height: 0; margin-bottom: 9px; font-size: 8px; }
    .detail-foot { gap: 7px; padding-top: 8px; }
    .detail-condition { font-size: 7px; }
    .slide-disclaimer { margin-top: 8px; font-size: 7px; }
    .unilevel-layout { gap: 10px; }
    .unilevel-layout .clarification { margin-top: 10px; }
    .level-board { padding: 8px 10px; }
    .level-board-heading, .level-row { grid-template-columns: 1.1fr .7fr .8fr; gap: 5px; }
    .level-board-heading { padding-bottom: 5px; font-size: 6px; }
    .level-row { min-height: 19px; padding: 2px 4px; }
    .level-row > span { font-size: 7px; }
    .level-row > span i { width: 18px; font-size: 6px; }
    .level-row > strong { font-size: 8px; }
    .level-bar { height: 3px; }
    .dashboard-preview { min-height: 0; grid-template-columns: 32px 1fr; margin-bottom: 12px; }
    .preview-sidebar { gap: 10px; padding: 9px 0; }
    .preview-logo { width: 19px; height: 19px; margin-bottom: 5px; font-size: 13px; }
    .sidebar-dot { width: 12px; height: 12px; border-radius: 3px; }
    .sidebar-avatar { width: 18px; height: 18px; font-size: 7px; }
    .preview-main { padding: 10px 9px; }
    .preview-topline { font-size: 5px; }
    .preview-topline i { margin-left: 3px; font-size: 5px; }
    .preview-status { padding: 4px 5px; font-size: 5px; }
    .preview-main h3 { margin: 10px 0 2px; font-size: 11px; }
    .preview-main > p { margin-bottom: 8px; font-size: 6px; }
    .preview-metrics { gap: 4px; }
    .preview-metrics > div { min-height: 44px; padding: 6px; }
    .preview-metrics span, .preview-panel > span { font-size: 5px; }
    .preview-metrics strong { margin-top: 5px; font-size: 10px; }
    .preview-lower { gap: 4px; margin-top: 4px; }
    .preview-panel { min-height: 48px; padding: 6px; }
    .preview-panel > strong { margin: 5px 0 2px; font-size: 8px; }
    .preview-panel > small { font-size: 5px; }
    .referral-panel > i { margin-top: 7px; }
    .close-content { width: 100%; margin: auto 0; }
    .slide-close h2 { font-size: clamp(44px, 12vw, 64px); }
    .close-content > p { font-size: 11px; }
    .close-actions { align-items: flex-start; flex-direction: column; gap: 13px; margin-top: 16px; }
    .close-disclaimer { margin-top: 24px; padding: 10px 11px; }
    .close-disclaimer p { font-size: 8px; }
    .close-mark { right: 4%; bottom: -12%; font-size: 75vw; }
    .slide-nav { height: 60px; gap: 10px; }
    .nav-arrow { width: 30px; height: 30px; }
    .slide-dots { gap: 5px; }
    .slide-dot { width: 6px; height: 6px; }
    .slide-dot[aria-current="step"] { width: 17px; }
    .slide-count { min-width: 37px; font-size: 8px; }
    .keyboard-hint { display: none; }
}

@media (max-width: 360px) {
    .ring-large { width: 190px; height: 190px; }
    .ring-small { width: 150px; height: 150px; }
}

@media (max-height: 650px) and (min-width: 601px) {
    .slide { padding-top: 24px; padding-bottom: 42px; }
    .slide-close { overflow-y: auto; }
    .slide-heading { margin-bottom: 19px; }
    .slide h2 { font-size: clamp(32px, 4vw, 47px); }
    .journey-step { min-height: 175px; padding-top: 16px; padding-bottom: 15px; }
    .package-visual { min-height: 300px; }
    .dashboard-preview { min-height: 225px; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; }
}