/* Product presentation: supporting colors, resource rails and plan controls. */
.site-header{background:#fff}
.example-product{display:grid;justify-items:center;gap:17px;background:#e5efe9;padding:26px 22px;overflow:hidden}.example-product-label{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:700;color:#507064}.example-product-label svg{width:14px;height:14px}.example-product>img{width:210px;max-width:85%;height:auto;border:5px solid #273531;border-radius:8px;background:#111315}.example-product-link{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;color:#365f4c}.example-product-link svg{width:14px;height:14px}.example-product:hover .example-product-link{color:#163e2c}
.resource-overview{padding:76px 0 38px;background:#e0f1eb;border-bottom:1px solid #c9e0d7;overflow:hidden}
.overview-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.overview-heading h2{font-size:40px;max-width:780px}.overview-heading .eyebrow{color:#336a59}
.overview-heading p:last-child{font-size:13px;line-height:1.9;max-width:610px;color:#48665c;margin-top:20px}
.resource-rails{display:grid;gap:13px;overflow:hidden}.rail-window{overflow:hidden;width:100%}.rail-track{display:flex;width:max-content;transform:translateX(0);will-change:transform}
.rail-group{display:flex;align-items:stretch;gap:13px;padding-right:13px;width:max-content;flex-shrink:0}
.rail-item{display:flex;align-items:center;justify-content:center;gap:11px;min-height:64px;flex-shrink:0;padding:17px 24px;background:#fff;border:1px solid #cfe0d8;border-radius:6px;color:#2f4640;font-size:13px;font-weight:700;white-space:nowrap}
.rail-item>svg{width:21px;height:21px}.rail-item small{font-size:8px;color:#638079;font-weight:400;border-left:1px solid #d9e5e0;padding-left:10px}
.tone-coral>svg{color:#c7594c}.tone-blue>svg{color:#456dc1}.tone-gold>svg{color:#a77b19}.tone-mint>svg{color:#358465}
.resource-rails[data-ready=true] .rail-track{animation:resource-drift var(--rail-duration,48s) linear infinite}.resource-rails[data-ready=true] .rail-track.reverse{animation-direction:reverse}
.resource-rails[data-visible=false] .rail-track,.resource-rails[data-document-hidden=true] .rail-track,.resource-rails:hover .rail-track,.resource-rails:focus-within .rail-track{animation-play-state:paused}
@keyframes resource-drift{to{transform:translateX(-50%)}}
.overview-foot{display:flex;gap:20px;align-items:center;margin-top:29px;font-size:10px;color:#527266}.overview-foot>span{display:flex;gap:7px;align-items:center}.overview-foot>span>svg{height:14px;width:14px}.overview-foot>.text-link{margin-left:auto;font-size:10px;align-self:center;color:#2a6350}
.scroll-story{background:#f3f6fb}.story-preview{background:#e5edf6}.crm-section{background:#eaf0fc;border-color:#d8e3f8}.crm-benefits>div:nth-child(2) svg{color:#33826e}.crm-benefits>div:nth-child(3) svg{color:#bd6258}.crm-benefits>div:nth-child(4) svg{color:#a57b25}
.sharing-section{padding:85px 0 75px;background:#fff2ed;border-block:1px solid #f1ddd4}.sharing-heading{text-align:center;max-width:760px;margin:auto}.sharing-heading .eyebrow{color:#ae5c47}.sharing-heading h2{font-size:46px}.sharing-heading>p:last-child{color:#836d66;font-size:14px;line-height:1.9;margin-top:23px}
.sharing-networks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 0;margin:47px auto 0;max-width:900px}.sharing-networks li{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 15px;min-width:0}.network-symbol{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;margin-bottom:14px}.network-symbol>svg,.brand-symbol{width:30px;height:30px;stroke-width:1.7}.brand-symbol{display:block;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain}.brand-whatsapp{mask-image:url('brands/whatsapp.svg')}.brand-tiktok{mask-image:url('brands/tiktok.svg')}
.sharing-networks strong{font-size:12px;color:#363636}.sharing-networks small{font-size:10px;line-height:1.8;color:#8b746b;margin-top:5px}.network-instagram{color:#b83972}.network-whatsapp{color:#168359}.network-tiktok{color:#172024}.network-facebook{color:#3969bf}.network-youtube{color:#c34444}.network-linkedin{color:#2c728e}.network-email{color:#8e6598}.network-qr{color:#5d775a}
.sharing-address{display:flex;align-items:center;justify-content:center;gap:10px;max-width:640px;margin:41px auto 0;padding-top:28px;border-top:1px solid #e9d3c8;font-size:13px;color:#8c7267;flex-wrap:wrap}.sharing-address>svg{width:17px;height:17px}.sharing-address strong{color:#4b3930}.sharing-address>a{display:flex;align-items:center;gap:9px;font-size:11px;color:#a74c27;font-weight:700;margin-left:15px}.sharing-address>a>svg{width:14px;height:14px}
.pricing-section>.section-heading{text-align:center;margin-inline:auto;max-width:800px}.pricing-section>.section-heading>p:last-child{max-width:none}.pricing-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;margin-top:32px}
.cycle-switch{border-radius:40px;border:1px solid #e0e5e5;padding:5px;background:#f1f4f4;width:auto;max-width:100%;gap:4px}.cycle-switch span{min-height:44px;border-radius:30px;padding:10px 22px;font-size:12px;gap:9px}.cycle-switch small{background:#dcf0de;color:#306d3f;font-size:8px;border-radius:20px;padding:3px 7px;line-height:1.5}.cycle-switch input:checked+span{background:#202829;color:#fff;border-color:#202829;box-shadow:none}.cycle-switch input:checked+span small{background:#cdeac8;color:#285b32}.cycle-explanation{text-align:center;color:#687a76;font-size:11px;line-height:1.8;min-height:20px}.pricing-controls .domain-switch{padding-top:3px}.pricing-grid{margin-top:35px;gap:24px}.plan{padding:35px;border-color:#d8e2e5;background:#fbfdfe}.plan-crm{background:#1c2526;border-color:#1c2526;color:#fff}.plan-crm .plan-kicker{color:#a8c2b9}.plan-crm .plan-description,.plan-crm .plan-price>span,.plan-crm .plan-charge{color:#b0c1bd}.plan-crm li svg{color:#9acfba}.plan-crm .plan-boundary{border-color:#3c4a49;color:#a7c2b8}.plan-savings{font-size:10px;line-height:1.8;color:#3d785e;min-height:18px;margin-top:8px}.plan-crm .plan-savings{color:#a3d4b9}.plan>.button{margin-top:21px}.plan-price{margin-top:25px}.plan-charge{min-height:36px}
@media(max-width:1100px){.overview-heading h2{font-size:36px}.sharing-heading h2{font-size:41px}.plan{padding:29px}.sharing-networks{max-width:820px}}
@media(max-width:820px){.resource-overview{padding-top:57px}.overview-heading{margin-bottom:28px}.overview-heading h2{font-size:33px}.overview-heading p:last-child{font-size:12px}.rail-item{min-height:57px;padding:15px 20px;font-size:12px}.rail-item>svg{width:19px;height:19px}.overview-foot{flex-wrap:wrap;gap:13px 20px}.overview-foot>.text-link{margin-left:0}.sharing-section{padding-block:64px}.sharing-heading h2{font-size:37px}.sharing-heading>p:last-child{font-size:12px}.sharing-networks{gap:32px 0}.network-symbol{width:65px;height:65px}.pricing-controls{align-items:center;gap:17px}.cycle-switch{width:auto}.cycle-switch span{padding-inline:18px;font-size:11px}.plan{padding:26px}}
@media(max-width:580px){.resource-overview{padding:48px 0 30px}.overview-heading{align-items:flex-start;gap:15px}.overview-heading h2{font-size:29px}.overview-heading p:last-child{font-size:11px;line-height:1.9;margin-top:17px}.overview-heading .eyebrow{font-size:7px}.rail-item{font-size:11px;min-height:53px;padding:13px 17px;gap:9px}.rail-item>svg{width:17px;height:17px}.rail-item small{font-size:7px;padding-left:8px}.resource-rails,.rail-group{gap:10px}.rail-group{padding-right:10px}.overview-foot{font-size:9px;gap:13px;margin-top:23px;align-items:flex-start;flex-direction:column}.overview-foot>.text-link{align-self:flex-start;font-size:10px}.overview-foot>span>svg{height:13px;width:13px}.sharing-section{padding-block:53px}.sharing-heading h2{font-size:33px}.sharing-heading>p:last-child{font-size:12px;margin-top:19px}.sharing-heading br:not(h2 br){display:none}.sharing-networks{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 10px;margin-top:34px}.sharing-networks li{padding:0 2px}.network-symbol{width:64px;height:64px;margin-bottom:11px}.network-symbol>svg,.brand-symbol{width:28px;height:28px}.sharing-networks strong{font-size:12px}.sharing-networks small{font-size:9px}.sharing-address{font-size:11px;gap:7px;margin-top:31px;padding-top:24px}.sharing-address>a{flex-basis:100%;justify-content:center;margin:7px 0 0;font-size:11px}.pricing-controls{margin-top:27px}.cycle-switch{width:100%;gap:2px;padding:4px}.cycle-switch span{flex-direction:column;justify-content:center;gap:4px;min-height:60px;padding:8px 9px;font-size:10px}.cycle-switch small{font-size:7px;padding:2px 6px;min-height:15px}.cycle-explanation{font-size:10px;max-width:300px}.plan{padding:27px}.pricing-grid{margin-top:29px}.plan-savings{font-size:10px}}
@media(max-width:360px){.overview-heading h2{font-size:26px}.overview-heading .eyebrow{font-size:6px}.sharing-heading h2{font-size:30px}.cycle-switch span{font-size:9px;padding-inline:6px}.cycle-switch small{font-size:7px}.plan{padding:23px}.sharing-networks small{font-size:8px}}
.brand-symbol{-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.brand-whatsapp{-webkit-mask-image:url('brands/whatsapp.svg')}.brand-tiktok{-webkit-mask-image:url('brands/tiktok.svg')}.plan h3{overflow-wrap:break-word}.plan-description{min-height:65px}.sk-crm-tag{white-space:nowrap}
@media(max-width:1100px) and (min-width:821px){.desktop-nav{gap:20px}.desktop-nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.resource-rails .rail-track{animation:none!important;transform:none!important;will-change:auto}.rail-group[aria-hidden=true],[data-rail-fill]{display:none}.rail-track,.rail-group{width:100%;min-width:0}.rail-group{flex-wrap:wrap;padding:0 24px;justify-content:center}.rail-item{white-space:normal}}