/* The Cloud identifies AI Email Marketing. Its existing motion is reused. */
.email-coming-page{min-height:100svh;padding:clamp(140px,12vw,200px) 0 80px;background:radial-gradient(ellipse at 76% 42%,#8ee9ed66,transparent 48%),radial-gradient(ellipse at 20% 80%,#d9c7ed66,transparent 54%),#eef2fa}
.email-coming-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,5vw,100px);min-height:560px}
.email-coming-copy{padding-block:36px}
.email-coming-copy .eyebrow{color:#356679;font-size:12px}
.email-coming-copy h1{font-size:clamp(48px,6vw,112px);line-height:1.05;letter-spacing:-.06em}
.email-coming-copy h1 em{font-style:normal;color:#137a97}
.email-coming-lead{font-size:clamp(17px,1.2vw,21px);line-height:1.8;max-width:48ch;margin-top:28px}
.email-coming-copy .button-row{margin-top:32px;gap:20px;flex-wrap:wrap}
.email-coming-note{font-size:13px;margin-top:28px;color:#5b6173}
.email-product{--email-ink:#283642;--email-muted:#566571;--email-line:#ffffffde;--email-gap:clamp(24px,3vw,64px);color:var(--email-ink)}
.email-product h2{font-size:clamp(34px,3.3vw,64px);line-height:1.12;letter-spacing:-.05em;text-wrap:balance}
.email-product h3{font-size:clamp(23px,1.65vw,30px);line-height:1.25;letter-spacing:-.035em}
.email-product .eyebrow{color:#436674;font-size:11px;letter-spacing:.1em}
.email-product .email-install{display:flex;align-items:center;gap:14px;min-height:64px;border:1px solid #9ebcc6;background:linear-gradient(120deg,#dcf5f2,#ddeaf7 60%,#e5daf4);color:#344b59;opacity:1;cursor:not-allowed;padding:12px 24px}
.email-install span{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.email-install small{font-size:11px;font-weight:400;color:#576674}
.email-hero-label{text-align:center;margin:30px auto 0;color:#366878}
.email-hero-label>span{display:block;font-size:19px;font-weight:600}
.email-hero-label small{display:block;font-size:13px;margin-top:8px}
.email-section-heading{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--email-gap);align-items:end;margin-bottom:40px}
.email-section-heading>p,.email-section-lead{font-size:clamp(16px,1vw,19px);line-height:1.85;max-width:55ch;color:var(--email-muted)}
.email-section-lead{margin-top:28px}
.email-start-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--email-gap)}
.email-start-card{padding:clamp(26px,3vw,56px);border:1px solid var(--email-line);border-radius:30px;background:linear-gradient(135deg,#ffffffa3,#edf4fa66);box-shadow:inset 0 1px 1px #fff,0 18px 40px #4867750a;display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.email-step-label{font-size:11px;letter-spacing:.06em;color:#526e7b;margin-bottom:30px}
.email-start-card>p,.email-tools-grid article>p{font-size:16px;line-height:1.85;color:var(--email-muted);max-width:55ch;margin:18px 0 28px}
.email-prompt-example,.email-code-example{margin-top:auto;width:100%;padding:24px;border:1px solid #ffffffde;border-radius:20px;background:#d8edf450}
.email-prompt-example>span{font-size:11px;color:#547385}
.email-prompt-example p{font-size:16px;line-height:1.8;color:#304f60;margin-top:10px}
.email-code-example{color:#3e5d70;overflow-x:auto;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.85}
.email-tools-section{background:radial-gradient(ellipse at 72% 25%,#a9e6e84d,transparent 55%),linear-gradient(120deg,#e8edf7,#f1e9f6)}
.email-tools-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.email-tools-grid article{grid-column:span 2;padding:clamp(24px,2.5vw,44px);border:1px solid var(--email-line);border-radius:26px;background:#ffffff55;min-width:0}
.email-tools-grid article:nth-child(n+4){grid-column:span 3}
.email-tool-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;border-radius:16px;background:#d6eef3;margin-bottom:28px;color:#376a7b}
.email-tool-icon svg{width:23px;height:23px}
.email-tools-grid article>p{margin-bottom:0}
.email-workflow-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--email-gap);align-items:center}
.email-workflow-steps{list-style:none;padding:0;margin:0}
.email-workflow-steps li{display:flex;gap:24px;padding:28px 0;border-bottom:1px solid #bacdd7}
.email-workflow-steps li:first-child{padding-top:0}
.email-workflow-steps li:last-child{border-bottom:0;padding-bottom:0}
.email-workflow-steps li>span{display:grid;place-items:center;flex:none;width:42px;height:42px;border:1px solid #fff;border-radius:50%;background:#dfeef5;font-size:12px;color:#406374}
.email-workflow-steps h3{font-size:24px}
.email-workflow-steps p{font-size:16px;line-height:1.8;color:var(--email-muted);max-width:52ch;margin-top:12px}
.email-pricing-section{padding-top:0}
.email-pricing-card{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--email-gap);align-items:center;padding:clamp(28px,4vw,76px);border:1px solid #fff;border-radius:32px;background:radial-gradient(ellipse at 84% 35%,#81e1e45e,transparent 52%),linear-gradient(120deg,#e7eff9,#f1e9f6)}
.email-pricing-card>div>p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:50ch;margin-top:24px;color:var(--email-muted)}
.email-pricing-card .email-install{margin-top:30px}
.email-price-comparison{padding:30px 0 30px 40px;border-left:1px solid #acc7d3}
.email-price-comparison strong{font-size:clamp(84px,10vw,160px);line-height:1;letter-spacing:-.06em;font-weight:500;color:#14768f}
.email-price-comparison p{max-width:24ch!important}
.email-product .faq-list summary{font-size:16px;line-height:1.7}
.email-product .faq-list details p{font-size:15px;line-height:1.85}
.email-closing{padding-top:0}
.email-closing .container{border-top:1px solid #c7d4df;padding-top:48px}
.email-closing p{font-size:17px;margin:24px 0;line-height:1.8}
.email-cloud{display:grid;place-items:center;min-height:340px;width:100%;isolation:isolate}
.email-cloud>.product-mascot{--mascot-size:clamp(180px,18vw,320px)}
.email-cloud-visual{background:none}
.email-cloud-visual .email-cloud>.product-mascot{--mascot-size:clamp(160px,14vw,250px)}
.products-menu{max-height:calc(100svh - 120px);overflow-y:auto;overscroll-behavior:contain}
.home-cast-actor[data-home-actor=cloud] .cast-bubble{left:auto;right:0;transform:translate(0,8px) scale(.97);transform-origin:80% bottom}
.home-cast-actor[data-home-actor=cloud][data-active=true] .cast-bubble{transform:translate(0,0) scale(1)}
.home-cast-actor[data-home-actor=cloud] .cast-bubble::after{left:auto;right:24%}
@media(min-width:901px){
 :is(body[data-page-route="/"],body[data-page-route="/products"]) .product-grid:not(.filtered) .product-card[data-tone="ai-email-marketing"]{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;align-items:center}
 :is(body[data-page-route="/"],body[data-page-route="/products"]) .product-grid .product-card[data-tone="ai-email-marketing"] .card-info{padding:clamp(32px,3vw,64px)}
}
@media(max-width:700px){
 .email-coming-page{padding-top:130px;padding-bottom:56px}
 .email-coming-layout{grid-template-columns:1fr;gap:20px;min-height:0}
 .email-coming-copy{padding-top:28px;padding-bottom:0}
 .email-coming-copy h1{font-size:clamp(48px,12vw,76px)}
 .email-coming-copy .button-row{align-items:flex-start;flex-direction:column;gap:12px}
 .email-cloud{min-height:280px}
 .email-cloud>.product-mascot{--mascot-size:210px}
 .email-cloud-visual .email-cloud{min-height:230px}
 .email-cloud-visual .email-cloud>.product-mascot{--mascot-size:170px}
}
@media(max-width:1000px){.email-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.email-tools-grid article,.email-tools-grid article:nth-child(n+4){grid-column:auto}.email-tools-grid article:last-child{grid-column:1/-1}.email-section-heading{grid-template-columns:1fr;gap:24px}}
@media(max-width:700px){.email-start-grid,.email-workflow-layout,.email-pricing-card{grid-template-columns:1fr}.email-tools-grid{grid-template-columns:1fr}.email-hero-label{margin-top:0}.email-tools-grid article{padding:26px}.email-step-label{margin-bottom:24px}.email-price-comparison{border-left:0;border-top:1px solid #acc7d3;padding:32px 0 0}.email-pricing-card{padding:30px 24px}.email-start-card{padding:26px 22px}.email-code-example,.email-prompt-example{padding:20px}.email-workflow-steps li{gap:16px}.email-workflow-steps h3{font-size:23px}}
@media(max-width:360px){.email-hero-art .email-cloud>.product-mascot{--mascot-size:170px}.email-cloud-visual .email-cloud>.product-mascot{--mascot-size:140px}}