/* Email & SMS Marketing · page refine v1 (2026-10-25) · prefix ex- · replaces email-sms.css on this page */
main.ex{--ex-ink:#17171b;--ex-soft:#6e6c66;--ex-line:#e4e1da;--ex-cream:#F5F3F0;--ex-char:#1a1719;--ex-pink:#E84274;--ex-pink-ink:#c72d5c;--ex-green:#1d7a46;
 --ex-grad:linear-gradient(135deg,#F59700 0%,#EC625F 50%,#E84274 100%);--ex-ease:cubic-bezier(.32,.72,0,1);
 --ex-shadow:0 1px 1px rgba(23,23,27,.06),0 26px 52px -30px rgba(23,23,27,.55);background:#fff;color:#232323}
main.ex section{position:relative}
main.ex button:focus-visible{outline:3px solid #c72d5c;outline-offset:4px}
@media(prefers-reduced-motion:reduce){main.ex *,main.ex *::before,main.ex *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
main.ex p{max-width:none}
main.ex ul,main.ex ol{margin:0;padding:0;list-style:none}
main.ex [id]{scroll-margin-top:120px}
:where(main.ex) :where(.ex-lock,.ex-mail,.ex-sms,.ex-fl-card,.ex-cal-card,.ex-cal-side,.ex-join,.ex-report,.ex-sends,.ex-sp,.ex-pl) p{margin:0}
main.ex>section:not(.pp-final-cta){padding:clamp(72px,9vw,124px) 0}
.ex-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;color:var(--ex-ink);text-decoration:none}
.ex-link:hover{color:var(--ex-pink-ink)}.ex-link svg{width:16px;height:16px}
.ex-tag{position:absolute;right:12px;top:12px;font:600 11px/1 'Outfit',sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:#2b2b2e;color:#fff;z-index:3}
.ex-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:end;margin-bottom:40px}
.ex-head h2{margin:0;max-width:18ch}
main.ex .ex-head>p{margin:0;color:var(--ex-soft);font-size:1.05rem;line-height:1.6}
.ex-bg{position:absolute;inset:0;z-index:-2}.ex-bg img{width:100%;height:100%;object-fit:cover;display:block}
.ex-photo{isolation:isolate;overflow:hidden}
.ex-photo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none}
main.ex a[href] svg{width:13px;height:13px}

/* 01 hero */
.ex-hero{background:#fff;overflow:hidden}
main.ex>.ex-hero{padding:clamp(40px,6vw,84px) 0 clamp(64px,8vw,104px)}
.ex-hero-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
main.ex .ex-hero-copy>p:not(.eyebrow){max-width:44ch;color:var(--ex-soft);font-size:1.1rem;line-height:1.6}
.ex-hero-copy .btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:26px}
main.ex .ex-hero .btn-dark{background:var(--ex-ink);color:#fff;border:1px solid var(--ex-ink)}
main.ex .ex-hero .btn-dark:hover{background:var(--ex-pink);border-color:var(--ex-pink);color:#17171b}
.ex-hero-facts{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px!important}
.ex-hero-facts li{font-size:.86rem;font-weight:600;color:var(--ex-ink);border:1px solid var(--ex-line);border-radius:99px;padding:6px 12px;background:var(--ex-cream)}
.ex-hero-art{position:relative;margin:0;padding:0 0 40px 60px}
.ex-hero-photo{display:block;width:100%;height:560px!important;object-fit:cover;border-radius:24px;box-shadow:0 50px 90px -50px rgba(0,0,0,.7)}
.ex-lock{position:absolute;left:0;bottom:0;width:min(380px,88%);padding:46px 12px 12px;border-radius:26px;background:rgba(245,243,240,.72);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 0 0 1px rgba(255,255,255,.6),var(--ex-shadow)}
.ex-lock .ex-tag{left:14px;right:auto}
.ex-lang{position:absolute;right:12px;top:10px;display:flex;gap:2px;padding:3px;border-radius:99px;background:rgba(23,23,27,.08)}
.ex-lang button{min-height:30px;min-width:44px;border:0;border-radius:99px;background:transparent;font:600 .78rem 'Outfit',sans-serif;color:var(--ex-ink);cursor:pointer}
.ex-lang button[aria-pressed="true"]{background:#fff;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.ex-nts{display:grid;gap:8px}
.ex-lock[data-ex-lang="en"] .ex-nts-zh,.ex-lock[data-ex-lang="zh"] .ex-nts-en{display:none}
.ex-nt{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:12px;border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 8px 20px -14px rgba(0,0,0,.4);animation:ex-drop .7s var(--ex-ease) both}
.ex-nt+.ex-nt{animation-delay:.12s}
@keyframes ex-drop{from{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:none}}
.ex-nt-ic{width:36px;height:36px;border-radius:10px;background:#34c759 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 4C7 4 3 7.4 3 11.5c0 2.3 1.3 4.4 3.4 5.8L6 20l3.2-1.7c.9.2 1.8.3 2.8.3 5 0 9-3.4 9-7.5S17 4 12 4z'/%3E%3C/svg%3E") center/22px no-repeat}
.ex-nt.is-mail .ex-nt-ic{background:#1f7aff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center/20px no-repeat}
.ex-nt-b{display:grid;gap:1px;font-size:.84rem;color:#3b3a37;min-width:0}
.ex-nt-h{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;color:var(--ex-soft)}
.ex-nt-h b{color:var(--ex-ink);text-transform:uppercase;letter-spacing:.04em;font-size:.74rem}
.ex-nt-t{color:var(--ex-ink);font-size:.9rem}

/* 02 why */
.ex-why{background:var(--ex-char);color:#fff}
.ex-why::after{background:linear-gradient(90deg,rgba(26,23,25,.94) 0%,rgba(26,23,25,.87) 50%,rgba(26,23,25,.82) 100%)}
.ex-why-in{max-width:620px}
.ex-why-in h2{color:#fff;margin:0}
main.ex .ex-why-in>p:not(.eyebrow){color:rgba(255,255,255,.8);font-size:1.1rem;margin-top:18px}
.ex-why .eyebrow,.ex-case .eyebrow{color:#ffc09a!important;border-color:rgba(245,151,0,.5)!important;background:rgba(255,255,255,.05)!important}
.ex-why-pts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:48px!important}
.ex-why-pts li{padding:22px;border-radius:20px;background:rgba(255,255,255,.08);box-shadow:0 0 0 1px rgba(255,255,255,.12);display:grid;gap:6px}
.ex-why-pts b{font-size:1.15rem;color:#fff}
.ex-why-pts span{color:rgba(255,255,255,.72);font-size:.95rem;line-height:1.5}

/* 03 channels */
.ex-chan-g{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:start}
.ex-ch-k{display:grid;gap:2px;margin-bottom:14px}
.ex-ch-k b{font-size:1.25rem;color:var(--ex-ink)}
.ex-ch-k span{color:var(--ex-soft);font-size:.95rem}
.ex-mail,.ex-sms{position:relative;background:#fff;border-radius:24px;box-shadow:0 0 0 6px var(--ex-cream),0 0 0 7px var(--ex-line),var(--ex-shadow);overflow:hidden;color:var(--ex-ink)}
.ex-mail-h{display:flex;align-items:center;gap:10px;padding:16px 18px 10px}
.ex-ava{width:36px;height:36px;border-radius:50%;background:var(--ex-grad);color:#fff;font-weight:700;font-size:.8rem;display:flex;align-items:center;justify-content:center}
.ex-mail-h span:last-child{display:grid}.ex-mail-h small{color:var(--ex-soft);font-size:.78rem}
.ex-mail-s{padding:0 18px 14px;font-size:.92rem;color:var(--ex-soft)}
.ex-mail-s b{color:var(--ex-ink)}
.ex-mail-hero img{display:block;width:100%;height:260px!important;object-fit:cover}
.ex-mail-body{padding:22px 24px 26px;text-align:center}
.ex-mail-body h3{font-size:1.6rem;margin:0 0 8px}
.ex-mail-body p{color:var(--ex-soft)}
.ex-mail-btn{display:inline-block;margin-top:16px;background:var(--ex-ink);color:#fff;border-radius:99px;padding:11px 22px;font-weight:600;font-size:.9rem}
.ex-sms{background:#f2f2f7}
.ex-sms-h{display:grid;justify-items:center;gap:1px;padding:18px;border-bottom:1px solid #e3e3e8;background:rgba(255,255,255,.7)}
.ex-sms-h small{color:#8a8a8e;font-size:.76rem}
.ex-bubbles{display:grid;gap:8px;padding:18px 16px 22px}
.ex-b{max-width:84%;padding:10px 14px;border-radius:18px 18px 18px 6px;background:#e5e5ea;color:#111;font-size:.92rem;line-height:1.4}
.ex-b.is-me{justify-self:end;background:#0a84ff;color:#fff;border-radius:18px 18px 6px 18px}
.ex-b-meta{justify-self:center;font-size:.74rem;color:#8a8a8e;margin-top:6px!important}

/* 04 automations */
.ex-auto{background:var(--ex-cream)}
.ex-auto-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
.ex-auto-l h2{margin:0}
main.ex .ex-auto-l>p:not(.eyebrow){color:var(--ex-soft);font-size:1.05rem;margin-top:16px}
.ex-auto-ph{position:relative;margin-top:32px;padding-bottom:40px}
.ex-auto-ph img:first-child{display:block;width:78%;height:340px!important;object-fit:cover;border-radius:22px}
.ex-auto-ph img:last-child{position:absolute;right:0;bottom:0;width:44%;height:190px!important;object-fit:cover;border-radius:18px;border:6px solid var(--ex-cream)}
.ex-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;position:relative}
.ex-flow button{display:grid;gap:2px;justify-items:start;text-align:left;padding:16px;border-radius:18px;border:0;background:rgba(255,255,255,.6);cursor:pointer;font:inherit;color:var(--ex-ink);transition:background .45s var(--ex-ease),box-shadow .45s var(--ex-ease),transform .45s var(--ex-ease)}
.ex-flow button:hover{background:#fff}
.ex-flow button[aria-selected="true"]{background:#fff;box-shadow:0 0 0 1px rgba(232,66,116,.25),0 20px 40px -26px rgba(232,66,116,.5);transform:translateY(-2px)}
.ex-fl-dot{width:12px;height:12px;border-radius:50%;background:#d8d3cc;margin-bottom:8px;transition:background .3s}
.ex-flow button[aria-selected="true"] .ex-fl-dot{background:var(--ex-grad)}
.ex-flow b{font-size:1.02rem}
.ex-flow small{color:var(--ex-soft);font-size:.82rem}
.ex-fl-pane{margin-top:14px;animation:ex-in .5s var(--ex-ease) both}
.ex-fl-pane[hidden]{display:none}
@keyframes ex-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ex-fl-card{position:relative;background:#fff;border-radius:22px;padding:24px;box-shadow:var(--ex-shadow);display:grid;gap:8px}
.ex-fl-card small{color:var(--ex-pink-ink);font-weight:700;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase}
.ex-fl-s{font-size:1.35rem;font-weight:600;color:var(--ex-ink);padding-right:70px}
.ex-fl-card p:not(.ex-fl-s){color:var(--ex-soft)}
.ex-fl-card a{display:inline-flex;align-items:center;gap:6px;justify-self:start;margin-top:6px;font-weight:600;font-size:.9rem;color:var(--ex-ink);text-decoration:none;border-bottom:1px solid var(--ex-line)}

/* 05 calendar */
.ex-cal-g{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:28px;align-items:start}
.ex-cal-card{position:relative;background:#fff;border-radius:24px;padding:22px;box-shadow:0 0 0 1px var(--ex-line),var(--ex-shadow)}
.ex-cal-h{display:flex;align-items:center;gap:20px;margin-bottom:14px;padding-right:80px}
.ex-cal-h b{font-size:1.25rem}
.ex-key{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--ex-soft)}
.ex-key i{width:10px;height:10px;border-radius:3px;margin-left:8px}
.ex-key .is-email,.ex-cal-chip.is-email{background:#ffe7dc}
.ex-key .is-text,.ex-cal-chip.is-text{background:#dcecff}
.ex-key .is-both,.ex-cal-chip.is-both{background:#fde0ea}
.ex-cal-wd,.ex-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.ex-cal-wd li{font-size:.76rem;font-weight:600;color:var(--ex-soft);padding:4px 6px}
.ex-cal-days li{min-height:76px;border-radius:12px;background:#faf9f7;padding:6px;display:flex;flex-direction:column;gap:4px}
.ex-cal-days li span{font-size:.78rem;color:var(--ex-soft)}
.ex-cal-chip{border:0;border-radius:8px;padding:5px 6px;font:600 .74rem/1.2 'Outfit',sans-serif;color:var(--ex-ink);text-align:left;cursor:pointer;transition:transform .3s var(--ex-ease),box-shadow .3s}
.ex-cal-chip:hover{transform:translateY(-1px)}
.ex-cal-chip[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ex-ink)}
.ex-cal-side{display:grid;gap:16px}
.ex-cal-pv{background:var(--ex-ink);color:#fff;border-radius:22px;padding:24px;display:grid;gap:8px;animation:ex-in .45s var(--ex-ease) both}
.ex-cal-pv[hidden]{display:none}
.ex-cal-pv small{color:#ffc09a;font-weight:700;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase}
.ex-cal-pv b{font-size:1.35rem;line-height:1.25}
.ex-cal-pv p{color:rgba(255,255,255,.72)}
.ex-cal-note{color:var(--ex-soft);font-size:.92rem}
.ex-cal-side>a{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-weight:600;color:var(--ex-ink);text-decoration:none;border-bottom:1px solid var(--ex-line)}

/* 06 list */
.ex-list{background:var(--ex-cream)}
.ex-list-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.ex-list-ph{position:relative;min-height:560px}
.ex-lp1{position:absolute;left:0;top:0;width:56%;height:430px!important;object-fit:cover;border-radius:22px}
.ex-lp2{position:absolute;right:0;bottom:40px;width:60%;height:280px!important;object-fit:cover;border-radius:22px;border:6px solid var(--ex-cream)}
.ex-join{position:absolute;left:6%;bottom:0;width:250px;background:#fff;border-radius:18px;padding:16px;box-shadow:var(--ex-shadow);font-size:.88rem}
.ex-join .ex-tag{position:static;display:inline-block;margin-bottom:6px}
.ex-join small{display:block;color:var(--ex-soft);margin-bottom:6px}
.ex-join li{display:flex;justify-content:space-between;padding:7px 0;border-top:1px solid #f0ede8}
.ex-join li span{color:var(--ex-green);font-weight:700}
.ex-list-copy h2{margin:0}
main.ex .ex-list-copy>p:not(.eyebrow):not(.ex-addon){color:var(--ex-soft);font-size:1.05rem;margin-top:16px}
.ex-src{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;margin-top:24px!important;border-top:1px solid var(--ex-line)}
.ex-src li{display:grid;gap:2px;padding:14px 0;border-bottom:1px solid var(--ex-line)}
.ex-src b{color:var(--ex-ink);font-size:.98rem}
.ex-src span{color:var(--ex-soft);font-size:.88rem}
main.ex .ex-addon{margin-top:20px;padding:14px 16px;border-radius:14px;background:#fff;color:#3b3a37;font-size:.92rem;line-height:1.5}
.ex-addon a{display:inline-flex;align-items:center;gap:4px;font-weight:600;color:var(--ex-pink-ink);text-decoration:none;white-space:nowrap}

/* 07 concept month */
.ex-case{background:var(--ex-char);color:#fff;isolation:isolate;overflow:hidden}
.ex-case::before{content:"";position:absolute;z-index:-1;width:60vw;height:60vw;right:-18vw;top:-24vw;border-radius:50%;background:radial-gradient(closest-side,rgba(245,151,0,.42),rgba(232,66,116,.22) 55%,transparent 75%);animation:ex-glow 22s var(--ex-ease) infinite alternate;pointer-events:none}
@keyframes ex-glow{to{transform:translate3d(-6vw,6vw,0) scale(1.1)}}
.ex-case h2{color:#fff}
main.ex .ex-case .ex-head>p{color:rgba(255,255,255,.7)}
.ex-case-g{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;align-items:start}
.ex-sends{display:grid;gap:10px}
.ex-sends li{display:grid;grid-template-columns:52px auto 1fr 64px;align-items:center;gap:14px;padding:12px 12px 12px 16px;border-radius:18px;background:rgba(255,255,255,.06);box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.ex-wk{font-size:.8rem;font-weight:700;color:rgba(255,255,255,.55)}
.ex-sd-ch{font-size:.74rem;font-weight:700;border-radius:99px;padding:4px 9px}
.ex-sd-ch.is-email{background:#ffe7dc;color:#7a3a10}
.ex-sd-ch.is-text{background:#dcecff;color:#103e7a}
.ex-sends b{font-size:1rem;color:#fff}
.ex-sd-th{width:64px;height:48px;border-radius:10px;overflow:hidden}
.ex-sd-th img{width:100%;height:100%!important;object-fit:cover;display:block}
.ex-sd-th.is-text{display:flex;align-items:center;justify-content:center;background:#0a84ff;color:#fff;font-weight:700}
.ex-report{position:relative;background:#fff;color:var(--ex-ink);border-radius:24px;padding:22px;box-shadow:0 0 0 6px rgba(255,255,255,.06),0 40px 80px -40px rgba(0,0,0,.8)}
.ex-rp-h{padding:0 80px 14px 0;border-bottom:1px solid #eeece7}
.ex-rp-h span{display:grid}.ex-rp-h small{color:var(--ex-soft);font-size:.78rem}.ex-rp-h b{font-size:1.1rem}
.ex-rp-k{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0}
.ex-rp-k div{background:#f7f5f1;border-radius:14px;padding:12px}
.ex-rp-k dt{font-size:.78rem;color:var(--ex-soft)}
.ex-rp-k dd{margin:4px 0 0;font-weight:700;font-size:.98rem}
.ex-rp-notes{display:grid;gap:8px}
.ex-rp-notes li{display:grid;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid #eeece7}
.ex-rp-notes b{font-size:.86rem;color:var(--ex-pink-ink)}
.ex-rp-notes span{font-size:.95rem}
.ex-rp-fine{margin-top:14px!important;font-size:.84rem;color:var(--ex-soft)}

/* 08 handle + plans */
.ex-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.ex-sp{border-radius:24px;padding:clamp(22px,3vw,34px);border:1px solid var(--ex-line)}
.ex-sp.is-email{background:var(--ex-ink);color:#fff;border-color:var(--ex-ink)}
.ex-sp h3{font-size:1.5rem;margin:0}
.ex-sp.is-email h3{color:#fff}
.ex-sp>p{color:var(--ex-soft);margin-top:4px!important;font-weight:600}
.ex-sp.is-email>p{color:#ffc09a}
.ex-sp ul{margin-top:18px!important}
.ex-sp li{position:relative;padding:11px 0 11px 26px;border-top:1px solid var(--ex-line)}
.ex-sp.is-email li{border-color:rgba(255,255,255,.14)}
.ex-sp li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:2px;background:var(--ex-grad)}
.ex-plans{margin-top:24px;border-radius:26px;padding:clamp(20px,3vw,32px);background:var(--ex-grad);color:#fff}
.ex-plans-h{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.ex-plans-h b{font-size:1.3rem}
.ex-plans-h span{color:#fff;opacity:.9;font-size:.92rem}
.ex-plans-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ex-pl{background:rgba(255,255,255,.95);color:var(--ex-ink);border-radius:18px;padding:20px}
.ex-pl.is-pop{background:var(--ex-char);color:#fff}
.ex-pl h3{font-size:1.2rem;margin:0 0 10px}
.ex-pl.is-pop h3{color:#fff}
.ex-pl li{padding:8px 0;border-top:1px solid rgba(23,23,27,.08);font-size:.94rem}
.ex-pl.is-pop li{border-color:rgba(255,255,255,.14)}
.ex-plat{display:flex;justify-content:space-between;align-items:center;gap:20px 40px;flex-wrap:wrap;margin-top:32px;padding-top:26px;border-top:1px solid var(--ex-line)}
.ex-plat p{margin:0;color:var(--ex-soft);max-width:52ch}
.ex-plat p b{color:var(--ex-ink)}
.ex-plat ul{display:flex;flex-wrap:wrap;gap:8px}
.ex-plat li{border:1px solid var(--ex-ink);border-radius:99px;padding:7px 14px;font-weight:600;font-size:.9rem;color:var(--ex-ink)}
main.ex .ex-ai{margin-top:24px;color:var(--ex-soft);font-size:.95rem}
.ex-ai b{color:var(--ex-ink)}

/* 09 faq */
.ex-faq{background:#fff;border-top:1px solid var(--ex-line)}
.ex-faq-g{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px}
.ex-faq-g h2{margin:0}
.ex-faq details{border-bottom:1px solid var(--ex-line)}
.ex-faq details:first-child{border-top:1px solid var(--ex-line)}
.ex-faq summary{display:flex;justify-content:space-between;gap:16px;padding:20px 0;cursor:pointer;list-style:none;font-weight:600;font-size:1.04rem;color:var(--ex-ink)}
.ex-faq summary::-webkit-details-marker{display:none}
.ex-faq summary::after{content:"+";color:var(--ex-pink);font-size:1.3rem;line-height:1;transition:transform .2s;flex:none}
.ex-faq details[open] summary::after{transform:rotate(45deg)}
main.ex .ex-faq details p{margin:0 0 20px;color:var(--ex-soft);line-height:1.65;padding-right:32px}

/* responsive */
@media (max-width:1100px){
 .ex-flow{grid-template-columns:repeat(2,1fr)}
 .ex-rp-k{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:900px){
 .ex-head,.ex-hero-g,.ex-chan-g,.ex-auto-g,.ex-cal-g,.ex-list-g,.ex-case-g,.ex-faq-g{grid-template-columns:1fr;gap:28px}
 .ex-head{gap:14px}
 .ex-hero-art{padding-left:28px;max-width:600px}
 .ex-hero-photo{height:460px!important}
 .ex-why-pts{grid-template-columns:1fr}
 .ex-list-ph{min-height:480px;max-width:560px}
 .ex-split,.ex-plans-g{grid-template-columns:1fr}
}
@media (max-width:700px){
 .ex-hero-art{padding:0 0 150px}
 .ex-hero-photo{height:380px!important}
 .ex-lock{width:calc(100% - 20px);left:10px}
 .ex-mail-hero img{height:190px!important}
 .ex-auto-ph{display:none}
 .ex-flow{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:2px;gap:8px;scrollbar-width:none;contain:paint;padding:2px 2px 6px}
 .ex-flow::-webkit-scrollbar{display:none}
 .ex-flow button{flex:0 0 42%;scroll-snap-align:start}
 .ex-cal-card{padding:14px}
 .ex-cal-h{flex-direction:column;align-items:flex-start;gap:6px}
 .ex-cal-days li{min-height:54px;padding:4px;border-radius:8px}
 .ex-cal-chip{font-size:0;width:100%;height:12px;padding:0;border-radius:4px}
 .ex-cal-chip[aria-pressed="true"]{box-shadow:0 0 0 2px var(--ex-ink)}
 .ex-cal-wd li{font-size:.7rem;padding:2px}
 .ex-list-ph{min-height:400px}
 .ex-lp1{height:300px!important;width:62%}
 .ex-lp2{height:190px!important;bottom:60px}
 .ex-join{width:220px;left:0}
 .ex-src{grid-template-columns:1fr}
 .ex-sends li{grid-template-columns:44px 1fr 56px;row-gap:4px}
 .ex-sd-ch{grid-column:2;justify-self:start}
 .ex-sends b{grid-column:2}
 .ex-sd-th{grid-column:3;grid-row:1/3;width:56px}
 .ex-wk{grid-row:1/3}
 main.ex .ex-faq details p{padding-right:0}
}
@media (prefers-reduced-motion:reduce){.ex-nt,.ex-fl-pane,.ex-cal-pv{animation:none}.ex-case::before{animation:none}.ex-flow button,.ex-cal-chip{transition:none}}
.ex-auto-g>*,.ex-chan-g>*,.ex-cal-g>*,.ex-case-g>*,.ex-list-g>*,.ex-hero-g>*{min-width:0}
.ex-nt-h{font-size:11px}
main.ex .ex-hero-copy>p:not(.eyebrow){margin-top:22px}
.ex-nt-h small{font-size:11px}
@media (max-width:700px){
 .ex-why-pts,.ex-plans-g{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:10px;scrollbar-width:none;contain:paint;padding-bottom:4px}
 .ex-why-pts::-webkit-scrollbar,.ex-plans-g::-webkit-scrollbar{display:none}
 .ex-why-pts li{flex:0 0 78%;scroll-snap-align:start}
 .ex-pl{flex:0 0 80%;scroll-snap-align:start}
 .ex-src{grid-template-columns:1fr 1fr;gap:0 14px}
 .ex-src span{display:none}
 .ex-list-ph{min-height:340px}.ex-lp1{height:250px!important}.ex-lp2{height:160px!important;bottom:70px}
 .ex-split{gap:10px}
}
.ex-fl-card small{padding-right:80px}