:root{--text-small:.875rem;--text-ui:1rem;--text-body:1.0625rem;--text-lead:1.125rem;--text-email:.9375rem;--ink:#2e2b33;--muted:#58515a;--orange:#f97316;--rust:#ad480c;--peach:#fef0e7;--line:#e8dfd8;--green:#254f43;--ease:cubic-bezier(.23,1,.32,1);--ease-move:cubic-bezier(.77,0,.175,1);--press:140ms;--switch:200ms;--specimen:250ms}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:120px}
body{margin:0;font-size:var(--text-body);line-height:1.6;color:var(--ink);background:#fff;font-family:'Plus Jakarta Sans',sans-serif;-webkit-font-smoothing:antialiased;scrollbar-color:#c0aaa0 #faf6f3}
::selection{background:#ffd5b7;color:#552307}
a{color:inherit;text-decoration:none;text-underline-offset:5px}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--rust);outline-offset:5px}
button,a,summary{-webkit-tap-highlight-color:transparent}
img{display:block;max-width:100%}
figure,h1,h2,h3,p{margin:0}
h1,h2{letter-spacing:-.04em;text-wrap:balance}
h2{font-size:clamp(34px,3.35vw,48px);font-weight:600;line-height:1.15}
p{line-height:1.75}
button,.button,.outline-button,.text-link{touch-action:manipulation}
.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex:none}
.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}

.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:20}
.skip-link:focus{top:10px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:98px}
.site-header nav{display:flex;gap:27px;font-size:var(--text-ui);font-weight:500}
.site-header nav a{display:inline-flex;align-items:center;min-height:44px}
.site-header a:hover{color:var(--rust)}
.outline-button{border:1px solid #d2c8c1;border-radius:999px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:10px 18px;font-size:var(--text-ui);font-weight:600;white-space:nowrap}
.outline-button .icon{width:17px;height:17px}
.button{background:var(--ink);color:white;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;padding:14px 23px;font-size:var(--text-ui);font-weight:600;transition:background .18s}
.button:hover{background:#514550}
.text-link{display:inline-flex;align-items:center;min-height:44px;gap:15px;font-size:var(--text-ui);font-weight:600;text-decoration:underline}
.text-link:hover{color:var(--rust)}
.hero{background:linear-gradient(180deg,#fff 0%,#fff5ed 100%)}
.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:83px;padding-top:40px;padding-bottom:68px}
.hero-copy{padding-bottom:16px}
h1{font-size:clamp(52px,5.15vw,74px);line-height:1.06;font-weight:650;max-width:590px}
h1 span{color:var(--rust)}
.hero-promise{font-size:clamp(27px,2.5vw,36px);font-weight:500;letter-spacing:-.025em;line-height:1.35;margin-top:21px}
.lead{font-size:var(--text-lead);color:var(--muted);max-width:460px;margin-top:18px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px;margin-top:29px}
.exo-connection{display:flex;align-items:center;gap:19px;margin-top:25px}
.exo-connection span{border-left:1px solid #d8c8bd;padding-left:19px;font-size:var(--text-small);color:var(--muted);line-height:1.6}
.hero-demo{max-width:484px;width:100%;justify-self:end}
.message-paper{box-shadow:0 18px 60px #64412719;background:white;border-radius:14px;overflow:hidden;transform:none}
.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:15px 20px;border-bottom:1px solid var(--line);font-size:var(--text-small);font-weight:600}
.segmented{display:flex;background:#f4f1ef;padding:3px;border-radius:9px}
.segmented button{min-height:36px;border:0;border-radius:6px;background:transparent;padding:7px 11px;font-size:var(--text-small);transition:background .18s}
.segmented button[aria-pressed=true]{background:white;box-shadow:0 3px 8px #45301d0c;font-weight:600}
.segmented button:hover{color:var(--rust)}
.mail-envelope{display:flex;align-items:center;gap:15px;padding:17px 23px;font-size:var(--text-small);border-bottom:1px solid #efebe7}
.mail-envelope>span{color:var(--muted)}
.mail-envelope strong,.mail-envelope small{display:block}
.mail-envelope strong{font-weight:600}
.mail-envelope small{font-size:var(--text-small);color:var(--muted);margin-top:5px}
.mail-envelope>.icon{margin-left:auto;color:var(--green);width:17px;height:17px}
.message-bottom{display:flex;align-items:center;gap:10px;font-size:var(--text-small);color:var(--muted);padding:15px 22px}
.message-bottom .icon{width:17px;height:17px}
.demo-caption,figcaption{font-size:var(--text-small);color:var(--muted);line-height:1.65}
.hero-demo>.demo-caption{text-align:center;margin-top:20px}
#hero-sms{min-height:464px;padding:34px 28px;background:#faf9f7}
.sms-heading{display:flex;flex-direction:column;align-items:center;gap:10px}
.sender-avatar{width:52px;height:52px;display:grid;place-items:center;background:#e6ece5;color:var(--green);border-radius:50%}
.sms-heading strong{font-size:var(--text-small);letter-spacing:.02em}
.sms-heading>span:last-child{font-size:var(--text-small);color:var(--muted)}
.sms-bubble{background:#e9e5e0;padding:23px 25px;border-radius:14px 14px 14px 2px;line-height:1.8;font-size:var(--text-ui);margin:33px 16px 0 0}
.sms-bubble span{word-break:break-word;text-decoration:underline}
.sms-time{text-align:center;font-size:var(--text-small);color:var(--muted);margin-top:20px}
.integration{padding-block:83px 91px}
.section-intro{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start}
.section-intro>div{padding-top:5px}
.section-intro p,.feature-copy>p{font-size:var(--text-body);color:var(--muted);max-width:470px}
.section-intro .text-link{margin-top:13px}
.product-shot{margin-top:34px}
.product-window{background:var(--peach);padding:26px 28px 0;border-radius:14px;overflow:hidden;max-height:411px}
.product-window img{width:100%;height:auto;box-shadow:0 9px 28px #64412719;border-radius:8px 8px 0 0}
.product-shot figcaption{margin-top:13px}
.history-section{padding-block:90px;background:#f7f6f3}
.feature-layout{display:grid;grid-template-columns:.94fr 1.06fr;align-items:center;gap:85px}
.feature-copy h2{margin-bottom:23px}
.feature-copy>.quiet-copy,.section-intro .quiet-copy{margin-top:17px;font-size:var(--text-small);line-height:1.75}
.contact-history{background:white;border-radius:14px;box-shadow:0 14px 44px #443d3110;overflow:hidden}
.contact-heading{display:flex;gap:15px;align-items:center;padding:24px 24px 21px}
.avatar{display:grid;place-items:center;width:42px;height:42px;background:#eee3dd;border-radius:50%;font-size:17px;color:#5d4135}
.contact-heading h3{font-size:17px;font-weight:600}
.contact-heading div>span{display:block;font-size:var(--text-small);color:var(--muted);margin-top:5px}
.contact-heading>.icon{margin-left:auto;width:18px;color:#7e726f}
.history-controls{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #efebe7;border-bottom:1px solid #efebe7;padding:13px 20px}
.history-controls>span{font-size:var(--text-small);font-weight:600}
.history-controls .segmented button{padding-inline:8px}
.timeline{padding:0 20px}
.timeline details{border-bottom:1px solid #efebe7}
.timeline details:last-child{border:0}
.timeline summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;padding:23px 0}
.timeline summary::-webkit-details-marker{display:none}
.timeline-icon{display:grid;place-items:center;background:#fbf0e7;color:#8b4b24;border-radius:9px;width:34px;height:34px;flex:none}
.timeline-icon .icon{width:17px;height:17px}
.timeline-content{flex:1;min-width:0}
.event-top{display:flex;justify-content:space-between;align-items:center;gap:9px}
.event-top strong{font-weight:600;font-size:var(--text-small);line-height:1.5}
.event-top time{font-size:var(--text-small);color:var(--muted);white-space:nowrap}
.event-meta{display:flex;align-items:center;gap:10px;font-size:var(--text-small);color:var(--muted);margin-top:8px;flex-wrap:wrap}
.status{color:#426043;background:#f0f5ed;padding:3px 6px;border-radius:4px;font-size:var(--text-small)}
.timeline .disclosure{width:15px;height:15px;color:#8b7e74}
.timeline details[open] .disclosure{transform:rotate(180deg)}
.timeline details>p{padding:0 12px 20px 46px;font-size:var(--text-small);color:var(--muted)}
.history-count{font-size:var(--text-small);padding:12px 22px;background:#fcfbfa;color:var(--muted)}
.history-figure figcaption{margin-top:15px;max-width:450px}
.branding{padding-block:95px}
.sender-section{padding:80px 0;background:#fcf8f4}
.sender-example{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:25px 0}
.sender-example:first-child{padding-top:0}
.sender-example>.icon{width:25px;height:25px;color:#9c5d35}
.sender-example div>span{font-size:var(--text-small);font-weight:600;letter-spacing:.08em;color:var(--muted)}
.sender-example strong{display:block;font-size:19px;font-weight:600;margin-top:7px;letter-spacing:-.01em}
.sender-example p{font-size:var(--text-small);color:var(--muted);margin-top:5px;overflow-wrap:anywhere}
.sender-tag{margin-left:auto;background:#edeade;color:#5e573f;padding:6px 9px;font-size:var(--text-small);border-radius:5px;white-space:nowrap}
.sender-examples>.demo-caption{margin-top:17px}
.results{padding-block:95px}
.campaign-report{margin-top:35px;border:1px solid #dedbd5;border-radius:14px;overflow:hidden}
.report-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 34px;border-bottom:1px solid var(--line)}
.report-heading h3{font-size:var(--text-body);font-weight:600}
.report-heading p{font-size:var(--text-small);color:var(--muted);margin-top:5px}
.report-body{display:grid;grid-template-columns:1.2fr 1fr;gap:72px;padding:36px}
.bar-item+.bar-item{margin-top:23px}
.bar-item>div{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:var(--text-small)}
.bar-item strong{font-size:var(--text-body);font-weight:600;font-variant-numeric:tabular-nums}
.bar-track{display:block;background:#f7f3ee;height:7px;border-radius:3px;overflow:hidden;margin-top:11px}
.bar-track>span{display:block;width:var(--amount);background:#c07b49;height:100%;border-radius:3px}
.bar-item:last-child .bar-track>span{background:var(--green)}
.purchase-result{padding:15px 0 15px 35px;border-left:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.purchase-result>span{font-size:var(--text-small);color:var(--muted)}
.purchase-result>strong{font-size:62px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin-top:15px;font-variant-numeric:tabular-nums}
.purchase-result>strong span{font-size:38px}
.purchase-result p{font-size:var(--text-small);margin-top:7px}
.purchase-result>.icon{color:var(--green);width:20px;margin-top:20px}
.purchase-result small{font-size:var(--text-small);line-height:1.7;color:var(--muted);max-width:250px;margin-top:7px}
.report-footnote{padding:18px 34px;border-top:1px solid var(--line);font-size:var(--text-small);color:var(--muted);background:#fcfbf9;line-height:1.65}
.closing{background:var(--peach);text-align:center;padding:77px 0 81px}
.closing h2{font-size:clamp(35px,4.1vw,57px);line-height:1.17}
.closing p{font-size:var(--text-body);color:var(--muted);margin-top:21px}
.closing .button{margin-top:27px}
footer{background:var(--ink);color:#fff;padding:64px 0 24px}

@media(min-width:1500px){.hero-layout{gap:90px;padding-top:54px;padding-bottom:80px}}
@media(max-width:1100px){.site-header{gap:20px}
.site-header nav{gap:18px}
.site-header img{width:145px}
.hero-layout,.feature-layout,.section-intro{gap:42px}
.hero-layout{grid-template-columns:1fr 1fr}
h1{font-size:61px}
.hero-promise{font-size:30px}
.hero-copy .lead{font-size:var(--text-lead)}
.report-body{gap:45px}
.sender-tag{display:none}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}

.site-header{flex-wrap:wrap;min-height:120px;gap:9px;padding-block:18px 8px}
.site-header img{width:139px}
.site-header>.outline-button{order:2;font-size:var(--text-ui);padding-inline:12px;gap:9px;min-height:40px}
.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:var(--text-ui)}
.site-header nav a{min-height:44px}
.hero-layout{grid-template-columns:1fr;gap:35px;padding-top:29px;padding-bottom:42px}
.hero-copy{padding:0}
h1{font-size:clamp(49px,9vw,68px);max-width:550px}
.hero-promise{font-size:29px;margin-top:17px}
.hero-copy .lead{font-size:var(--text-lead);max-width:440px}
.hero-actions{margin-top:22px;gap:8px}
.button{font-size:var(--text-ui);min-height:49px;padding:13px 19px;gap:14px}
.text-link{font-size:var(--text-ui)}
.exo-connection{margin-top:20px}
.exo-connection img{width:108px}
.exo-connection span{font-size:var(--text-small)}
.hero-demo{max-width:480px;justify-self:center;padding-inline:4px}
.message-paper{transform:none}
.demo-toolbar{padding:12px 15px;font-size:var(--text-small)}
.segmented button{font-size:var(--text-small);padding:7px 9px}
.mail-envelope{padding:14px 18px}
.message-bottom{padding:14px 18px;font-size:var(--text-small)}
.hero-demo>.demo-caption{font-size:var(--text-small);margin-top:17px}
#hero-sms{min-height:435px;padding:28px 22px}
.sms-bubble{font-size:var(--text-small)}
.integration{padding-block:52px}
.section-intro,.feature-layout{grid-template-columns:1fr;gap:22px}
h2{font-size:34px;line-height:1.15}
.section-intro>div{padding:0}
.section-intro p,.feature-copy>p{font-size:var(--text-ui)}
.section-intro .text-link{margin-top:8px}
.product-shot{margin-top:22px}
.product-window{padding:14px 14px 0;height:245px;max-height:none;overflow:auto}
.product-window img{width:800px;max-width:none}
.product-shot figcaption{font-size:var(--text-small);margin-top:11px}
.history-section{padding-block:52px}
.feature-copy h2{margin-bottom:18px}
.feature-copy>.quiet-copy{font-size:var(--text-small);margin-top:14px}
.history-figure{margin-top:6px}
.contact-heading{padding:20px}
.history-controls{padding:11px 14px;gap:8px;flex-wrap:wrap}
.history-controls>span{font-size:var(--text-small)}
.history-controls .segmented button{padding-inline:7px;font-size:var(--text-small)}
.timeline{padding-inline:15px}
.timeline summary{gap:9px;padding-block:21px}
.timeline-icon{width:29px;height:29px}
.timeline-icon .icon{width:15px;height:15px}
.event-top{gap:7px}
.event-top strong{font-size:var(--text-small)}
.event-top time{font-size:var(--text-small)}
.event-meta{font-size:var(--text-small);gap:6px}
.status{font-size:var(--text-small);padding:3px 5px}
.timeline .disclosure{width:12px;height:12px}
.history-count{font-size:var(--text-small);padding-inline:17px}
.history-figure figcaption{font-size:var(--text-small)}
.branding{padding-block:52px}
.sender-section{padding-block:51px}
.sender-example{gap:17px;padding-block:23px}
.sender-example:first-child{padding-top:6px}
.sender-example strong{font-size:20px}
.sender-tag{display:none}
.sender-example p{font-size:var(--text-small)}
.sender-example>div{min-width:0}
.sender-examples>.demo-caption{font-size:var(--text-small)}
.results{padding-block:52px}
.campaign-report{margin-top:25px}
.report-heading{padding:19px 21px;gap:12px}
.report-heading h3{font-size:var(--text-small);max-width:170px;line-height:1.5}
.report-heading p{font-size:var(--text-small)}
.report-heading img{width:85px}
.report-body{grid-template-columns:1fr;gap:24px;padding:24px 21px}
.bar-item>div{font-size:var(--text-small)}
.bar-item strong{font-size:var(--text-ui)}
.bar-item+.bar-item{margin-top:21px}
.purchase-result{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
.purchase-result>strong{font-size:54px;margin-top:10px}
.purchase-result>strong span{font-size:32px}
.purchase-result>.icon{display:none}
.purchase-result small{margin-top:15px;max-width:none}
.report-footnote{padding:16px 21px;font-size:var(--text-small)}
.closing{padding:52px 0}
.closing h2{font-size:35px}
.closing p{font-size:var(--text-ui);margin-top:18px}
.closing .button{margin-top:24px}

}
@media(max-width:370px){
.site-header>.outline-button .icon{display:none}
.hero-layout h1{font-size:46px}
.sender-tag{display:none}
.history-controls{flex-wrap:wrap;gap:8px}
.event-top{align-items:flex-start}
.event-top time{padding-top:2px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}}

/* Selected B+C direction: polished specimens and purposeful, interruptible motion. */
.hero-layout{gap:70px;padding-top:32px;padding-bottom:55px}.hero-demo{max-width:493px}.hero-promise{margin-top:21px}.hero-actions{margin-top:26px}.message-paper{transform:none;box-shadow:0 20px 70px #54382116}.demo-toolbar{padding:13px 18px}.demo-toolbar>span{font-size:var(--text-small)}.mail-envelope{padding:14px 22px}.mail-envelope strong{font-weight:500}.mail-envelope small{font-size:var(--text-small)}.message-bottom{padding:13px 21px;font-size:var(--text-small)}.channel-control{position:relative;padding:3px;display:grid;grid-template-columns:1fr 1fr;isolation:isolate}.channel-control button{position:relative;z-index:1;min-height:40px;padding-inline:13px;font-size:var(--text-ui);background:transparent!important;box-shadow:none!important;font-weight:500!important}.channel-active{position:absolute;inset:3px;display:grid;grid-template-columns:1fr 1fr;pointer-events:none;background:var(--ink);color:white;border-radius:6px;clip-path:inset(0 50% 0 0 round 6px);transition:clip-path var(--switch) var(--ease-move);z-index:2}.channel-active>span{display:flex;align-items:center;justify-content:center;font-size:var(--text-ui)}.message-paper[data-channel=sms] .channel-active{clip-path:inset(0 0 0 50% round 6px)}.channel-stage{display:grid;overflow:hidden}.channel-pane{grid-area:1/1;align-self:stretch;min-width:0;opacity:1;visibility:visible;transform:translateY(0) scale(1);transition:opacity var(--switch) var(--ease),transform var(--switch) var(--ease),visibility 0s}.channel-pane[data-active=false]{opacity:0;visibility:hidden;transform:translateY(8px) scale(.985);pointer-events:none;transition:opacity var(--switch) var(--ease),transform var(--switch) var(--ease),visibility 0s var(--switch)}#hero-sms{min-height:0;padding:49px 34px;background:#f4f5ef;display:flex;flex-direction:column;justify-content:center}.sms-heading{gap:12px}.sms-heading>strong{font-size:var(--text-body);letter-spacing:.08em}.sender-avatar{width:60px;height:60px}.sms-bubble{background:#e1e6da;margin-top:36px;padding:23px;font-size:var(--text-ui);border-radius:14px 14px 14px 3px;color:#33452c}.sms-bubble span{font-size:var(--text-small)}.sms-reply-note{display:flex;align-items:center;justify-content:center;gap:9px;font-size:var(--text-small);margin-top:24px;color:#4f6446}.sms-reply-note>.icon{width:18px;height:18px}
.brand-workbench{display:grid;grid-template-columns:.85fr 1.15fr;gap:0;margin-top:40px;background:#f6f4ee;border-radius:16px;overflow:hidden}.brand-settings{padding:44px 35px;align-self:start;position:sticky;top:20px}.brand-settings h3{font-size:27px;font-weight:500;line-height:1.3;letter-spacing:-.03em}.brand-settings>p{font-size:var(--text-ui);color:var(--muted);line-height:1.8;margin-top:17px;max-width:330px}.brand-choices{display:flex;flex-direction:column;gap:8px;margin-top:30px}.brand-choices button{display:flex;align-items:center;gap:15px;background:transparent;border:1px solid transparent;border-radius:10px;padding:13px 12px;min-height:82px;text-align:left;transition:background var(--switch) ease,border-color var(--switch) ease,transform var(--press) var(--ease)}.brand-choices button[aria-pressed=true]{background:white;border-color:#d6d0c5}.brand-choice-mark{display:grid;place-items:center;width:49px;height:49px;border-radius:9px;flex:none}.mark-studio{background:#e8ece1;color:#314f46;font-family:'Bodoni Moda',Georgia,serif;font-size:27px;letter-spacing:-.03em}.mark-school{background:#e5d9ef;color:#5c486f;font-size:27px;font-weight:800;letter-spacing:-.04em}.mark-club{background:#f1d7c7;color:#713c27;font-size:27px;font-weight:800;letter-spacing:-.04em}.brand-choices strong,.brand-choices small{display:block}.brand-choices strong{font-size:var(--text-small);font-weight:600;line-height:1.5}.brand-choices small{font-size:var(--text-small);color:var(--muted);line-height:1.6;margin-top:4px}.brand-choices .icon{margin-left:auto;width:18px;height:18px;flex:none;opacity:0;transition:opacity var(--switch) ease}.brand-choices button[aria-pressed=true] .icon{opacity:1}.brand-properties{border-top:1px solid #dcd6cb;margin-top:30px;padding-top:13px;font-size:var(--text-small);line-height:1.7}.brand-properties>div{display:grid;grid-template-columns:83px 1fr;gap:15px;padding:9px 0}.brand-properties dt{color:var(--muted)}.brand-properties dd{margin:0}.brand-settings>.text-link{margin-top:8px}.brand-stage{padding:27px 37px 23px;background:#eae9e1;min-width:0;overflow:hidden}.specimen-topline{display:flex;align-items:center;justify-content:center;gap:10px;color:#625e53;font-size:var(--text-small);margin-bottom:21px}.specimen-topline>.icon{width:17px;height:17px}.brand-deck{display:grid;isolation:isolate;max-width:495px;margin:auto;align-items:start}.brand-pane{grid-area:1/1;min-width:0;opacity:1;visibility:visible;transform:translateX(0) scale(1);z-index:1;transition:opacity var(--specimen) var(--ease),transform var(--specimen) var(--ease),visibility 0s}.brand-pane>.email-design{box-shadow:0 12px 34px #32382812}.brand-pane[data-active=false]{opacity:0;visibility:hidden;pointer-events:none;z-index:0;transition:opacity var(--specimen) var(--ease),transform var(--specimen) var(--ease),visibility 0s var(--specimen)}.brand-pane[data-position=before]{transform:translateX(-20px) scale(.985)}.brand-pane[data-position=after]{transform:translateX(20px) scale(.985)}.brand-stage>.demo-caption{font-size:var(--text-small);text-align:center;margin-top:20px;min-height:20px}.specimen-disclosure{font-size:var(--text-small);color:var(--muted);line-height:1.7;margin-top:17px;max-width:780px}
.button,.outline-button{transition:transform var(--press) var(--ease),background var(--press) ease}.button:active,.outline-button:active,.brand-choices button:active{transform:scale(.97)}.text-link .icon,.button .icon,.outline-button .icon{transition:transform var(--switch) var(--ease)}.instant .channel-pane,.instant .channel-active,.instant .brand-pane{transition:none!important}
@media(hover:hover) and (pointer:fine){.brand-choices button:hover{background:#eeebe4}.brand-choices button[aria-pressed=true]:hover{background:#fff}.text-link:hover .icon,.outline-button:hover .icon{transform:translateX(3px)}.button:hover .icon{transform:translateX(3px)}}
@media(max-width:1100px){.hero-layout{gap:40px}.brand-settings{padding:34px 24px}.brand-stage{padding:25px}.brand-choices button{gap:11px;padding-inline:9px}.brand-choice-mark{width:43px;height:46px}.brand-choices small{font-size:var(--text-small)}.brand-properties>div{grid-template-columns:1fr;gap:2px}}
@media(max-width:760px){.hero-layout{gap:33px;padding-top:25px;padding-bottom:36px}.hero-promise{margin-top:17px}.hero-demo{padding:0;max-width:480px}.demo-toolbar{padding:11px 13px;gap:7px}.demo-toolbar>span{max-width:125px;line-height:1.5;font-size:var(--text-small)}.channel-control button{padding-inline:11px;min-height:40px}.mail-envelope{padding:14px 18px;gap:11px}.mail-envelope>span{font-size:var(--text-small)}.message-bottom{padding:14px 18px;font-size:var(--text-small);line-height:1.5}.hero-demo>.demo-caption{font-size:var(--text-small)}.message-paper{transform:none}#hero-sms{padding:36px 25px}.sms-bubble{margin-right:5px;padding:21px;font-size:var(--text-ui)}.sms-reply-note{font-size:var(--text-small)}.brand-workbench{grid-template-columns:1fr;margin-top:26px}.brand-settings{position:static;padding:27px 22px 23px}.brand-settings h3{font-size:25px}.brand-settings h3 br{display:none}.brand-settings>p{font-size:var(--text-ui);max-width:none;margin-top:14px}.brand-choices{flex-direction:row;gap:6px;margin-top:22px}.brand-choices button{flex:1;min-width:0;flex-direction:column;gap:8px;padding:11px 5px;text-align:center;min-height:103px;border-radius:10px}.brand-choice-mark{width:39px;height:39px;font-size:24px}.brand-choices strong{font-size:var(--text-small);font-weight:500;line-height:1.5}.brand-choices small,.brand-choices .icon{display:none}.brand-properties{margin-top:22px;padding-top:11px;font-size:var(--text-small)}.brand-properties>div{grid-template-columns:77px 1fr;gap:10px;padding:7px 0}.brand-settings>.text-link,.brand-settings .brand-properties{display:none}.brand-stage{padding:22px 16px 19px}.specimen-topline{font-size:var(--text-small);gap:8px;margin-bottom:18px}.brand-stage>.demo-caption{font-size:var(--text-small);margin-top:18px;min-height:40px}.specimen-disclosure{font-size:var(--text-small);margin-top:15px}.brand-pane[data-position=before]{transform:translateX(-12px) scale(.985)}.brand-pane[data-position=after]{transform:translateX(12px) scale(.985)}}
@media(prefers-reduced-motion:reduce){.channel-pane,.brand-pane{transform:none!important;transition:opacity 100ms linear,visibility 0s!important}.channel-pane[data-active=false],.brand-pane[data-active=false]{transition:opacity 100ms linear,visibility 0s 100ms!important}.channel-active{transition:none!important}.button:active,.outline-button:active,.brand-choices button:active,.text-link:hover .icon,.button:hover .icon,.outline-button:hover .icon{transform:none!important}}
.button:focus-visible:active,.outline-button:focus-visible:active,.brand-choices button:focus-visible:active{transform:none}.instant .channel-pane,.instant .channel-active,.instant .brand-pane{transition:none!important}

/* Homepage pricing. */
.pricing-teaser{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding:40px 0 75px;align-items:center}
.pricing-teaser .eyebrow{font-size:var(--text-small);font-weight:600;letter-spacing:.08em;color:var(--rust);margin-bottom:16px}
.pricing-teaser h2{font-size:39px}
.pricing-teaser>div>p:not(.eyebrow){font-size:var(--text-ui);color:var(--muted);max-width:490px;margin-top:20px}
.teaser-rate{border-left:1px solid var(--line);padding:24px 0 24px 45px}
.teaser-rate>span{font-size:var(--text-small);color:var(--muted)}
.teaser-rate>strong{display:block;font-size:49px;font-weight:500;letter-spacing:-.035em;margin-block:8px}
.teaser-rate small{font-size:var(--text-ui);font-weight:400;letter-spacing:0}
.pricing-teaser .teaser-rate>p{font-size:var(--text-small);margin-top:8px}
@media(max-width:1100px){.pricing-teaser{gap:40px}}
@media(max-width:760px){.pricing-teaser{grid-template-columns:1fr;padding:0 0 48px;gap:25px}.pricing-teaser h2{font-size:34px}.teaser-rate{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.teaser-rate>strong{font-size:44px}.pricing-teaser>div>p:not(.eyebrow){font-size:var(--text-ui);margin-top:17px}}