/* Shared content bounds for all Sendvio pages. */
:root{--container:1312px;--page-gutter:16px}
.container,
.pdf-header .pdf-nav-container,
.reference-hero-grid,
.reference-intro,
.topic-hero,
.topic-content{width:calc(100% - var(--page-gutter)*2);max-width:var(--container);margin-inline:auto}
.pdf-header .brand{margin-inline-start:0}
.reference-intro,.topic-hero,.topic-content{padding-inline:0}
.reference-hero-grid{height:auto;min-height:526px;padding-bottom:64px}
.reference-hero-grid>*{min-width:0}
.reference-media{height:auto;aspect-ratio:602/387}
.reference-intro p{max-width:1100px}
.topic-hero p,.topic-content p{overflow-wrap:break-word}
@media(min-width:961px) and (max-width:1150px){
 
 .reference-trust p{padding-inline-start:24px}
}
@media(max-width:960px){
 .pdf-header .pdf-nav-container{gap:16px}
 .reference-hero-grid{gap:32px;padding-top:48px;padding-bottom:48px}
 
 .reference-trust p{padding-inline-start:16px;padding-inline-end:12px}
}
@media(max-width:900px){
 .reference-hero-grid{grid-template-columns:1fr;min-height:0}
 .reference-hero-copy{padding-top:0}
 
 .reference-lead{max-width:640px}
 .reference-media{width:100%;max-height:470px}
}
@media(max-width:700px){
 .reference-hero-grid{gap:32px;padding-top:38px;padding-bottom:42px}
 
 
 .reference-trust p{padding:18px 0 0}
 .reference-actions{flex-wrap:wrap}
 .reference-intro{padding-block:40px}
 .pdf-header .pdf-nav-container{gap:8px}
 .pdf-header .header-actions{gap:8px}
}
@media(max-width:360px){
 
 .reference-actions{gap:10px}
}
.topic-content .reference-button{width:auto;max-width:100%;height:auto;min-height:44px;padding:12px 20px;white-space:normal;line-height:1.3;text-align:center;margin:8px 8px 8px 0}
/* Refined header scale and breathing room above the hero copy. */
.pdf-header .brand,.pdf-header .brand img{width:170px}
.reference-hero-copy{padding-top:48px}


@media(max-width:900px){
 .reference-hero-copy{padding-top:24px}
}
@media(max-width:360px){
 .pdf-header .brand,.pdf-header .brand img{width:119px}

}
/* Poppins has wider letterforms than the previous condensed display face. */

.reference-intro h2{font-size:34px;line-height:1.25}
@media(min-width:901px) and (max-width:1150px){.pdf-header .desktop-nav{gap:22px}.pdf-header .desktop-nav>a,.pdf-header .nav-dropdown summary{font-size:16px}}

@media(max-width:700px){.reference-intro h2{font-size:28px}}
.reference-intro .reference-desktop-break{display:none}
@media(max-width:700px){.topic-hero h1{font-size:clamp(38px,9vw,48px);overflow-wrap:break-word}}
/* Homepage typography and AI-first reading order. */




.reference-trust p,.reference-shopify{font-size:18px;line-height:1.55}
.reference-trust p{padding-block:4px}
.reference-intro{padding-block:60px}
.reference-intro h2{max-width:1000px;margin-inline:auto}
.reference-intro p{font-size:18px;line-height:1.75;max-width:1080px}
body :is(.button,.reference-button,.nav-button,.copy-button,.plan-select),.plan-section .plan-cycle button,.platform-tabs button{font-size:17px}
.connections p+p{margin-top:14px}


@media(max-width:700px){
 
 
 .reference-trust p{padding:18px 0 0}
 .reference-intro{padding-block:44px}
 .plan-section .plan-cycle{display:flex;border-radius:16px}
 .plan-section .plan-cycle button{flex:1 1 100%;border-radius:12px}
}
.pdf-header .nav-button{font-size:17px}


/* Shopify trust badge introduces the hero; the ticker contains three approved phrases. */
.reference-hero-copy .reference-shopify{display:inline-flex;justify-content:flex-start;align-items:center;width:fit-content;margin:0 0 20px;padding:5px 9px;gap:6px;background:#e0efff;border-radius:4px;color:#202223;font-size:14px;line-height:20px;white-space:nowrap}
.reference-hero-copy .reference-shopify strong{font-weight:500}
.reference-hero-copy .reference-shopify img{width:16px;height:16px;flex:none;object-fit:contain}

.reference-trust p{padding:0;border:0;color:#FFFFFF;text-align:center;text-wrap:balance}
@media(max-width:700px){
 
 .reference-trust p{padding:0;font-size:16px}
}

/* Continuous proof-point strip. Duplicate content is hidden from assistive technology. */
.reference-trust{height:50px;position:relative;overflow:hidden;display:flex;align-items:center}
.trust-ticker-track{display:flex;width:max-content;animation:trust-scroll 32s linear infinite}
.trust-ticker-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;gap:96px;padding-inline:48px;box-sizing:border-box}
.reference-trust .trust-ticker-group p{flex-shrink:0;margin:0;padding:0;white-space:nowrap;text-wrap:nowrap;font-size:18px;line-height:1.5;color:#FFFFFF}
.reference-trust:hover .trust-ticker-track,.reference-trust:has(:focus-visible) .trust-ticker-track,.reference-trust.is-paused .trust-ticker-track{animation-play-state:paused}
.trust-ticker-toggle{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;background:#EF5E20;color:#FFFFFF;border:0;border-radius:50%;cursor:pointer;box-shadow:0 0 12px 8px #EF5E20}
.trust-ticker-toggle[hidden]{display:none}
.trust-ticker-toggle:focus-visible{outline:2px solid white;outline-offset:2px}
@keyframes trust-scroll{to{transform:translateX(-50%)}}
@media(max-width:700px){.reference-trust .trust-ticker-group p{font-size:16px}.trust-ticker-group{gap:56px;padding-inline:28px}}
@media(prefers-reduced-motion:reduce){
 .reference-trust{overflow-x:auto}
 .trust-ticker-track{animation:none}
 .trust-ticker-group{gap:32px;padding-inline:24px}
 .trust-ticker-group[aria-hidden],.trust-ticker-toggle{display:none}
}

/* Subtle separators distinguish phrases throughout the continuous loop. */
.trust-ticker-group{min-width:0;justify-content:flex-start;gap:0;padding-inline:0}
.reference-trust .trust-ticker-group p{display:flex;align-items:center;gap:44px;padding-inline-end:44px}
.trust-ticker-group p::after{content:"";display:block;flex:0 0 1px;width:1px;height:16px;background:#FFFFFF;opacity:.35}
@media(max-width:700px){.reference-trust .trust-ticker-group p{gap:28px;padding-inline-end:28px}}

/* Approved hero typography: one desktop scale and one mobile scale. */


.reference-eyebrow{font-size:24px;font-weight:400;line-height:1.3}

.reference-lead{font-size:20px;line-height:1.55}



/* Trial reassurance remains visually secondary to the hero actions. */
.hero-trial-notes{margin:16px 0 0;padding:0;color:#55554f;font-size:12px;line-height:1.6}
.hero-trial-notes .trial-separator{display:inline-block;width:4px;height:4px;margin-inline:10px;border-radius:50%;background:currentColor;font-size:0;vertical-align:middle}
.hero-trial-notes .trial-cancel{white-space:nowrap}
@media(max-width:600px){.hero-trial-notes{font-size:13px}}

/* Keep the 1312px shared container and give the desktop hero room to breathe. */
.reference-hero-grid{min-height:758px;padding-block:96px;align-items:start;align-content:center}
.reference-hero-copy{padding-top:0}
.reference-hero-grid .reference-media.demo-showcase{height:560px;max-height:none;border:1px solid #FFF8F5;border-radius:24px;box-shadow:0 12px 32px #EF5E2014}
@media(min-width:901px){
 :root{--page-gutter:32px}
}
@media(min-width:901px) and (max-width:1100px){
 .reference-hero-grid{min-height:700px;padding-block:80px;gap:32px}
 .reference-hero-grid .reference-media.demo-showcase{height:520px}
}
@media(max-width:900px){
 .reference-hero-grid{min-height:0;padding-block:60px 50px;gap:32px}
 .reference-hero-grid .reference-media.demo-showcase{height:460px}
}
@media(max-width:700px){
 .reference-hero-grid{padding-block:52px 42px;gap:28px}
 .reference-hero-grid .reference-media.demo-showcase{height:420px;border-width:1px;border-radius:20px}
}

/* Dedicated feature explanations retain the existing product typography. */
.product-copy .product-detail-heading{font-size:clamp(32px,3.5vw,48px);line-height:1.12;letter-spacing:-.035em;margin:18px 0 24px}
.topic-content h2:not(:first-child){margin-top:40px}
.topic-content h2{max-width:900px;font-size:clamp(27px,3.2vw,40px);line-height:1.2}
.topic-content p a{text-decoration:underline;text-underline-offset:3px}

/* Pre-send protection explanations use the existing white editorial layout. */
.protection-detail{min-height:0;padding-block:36px 44px;border-top:1px solid #e8e8e5}
.protection-detail>p:not(.eyebrow){font-size:18px;max-width:900px}
.protection-detail .eyebrow{font-size:12px}
.protection-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:30px 0}
.protection-checks-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.protection-checks article{padding:24px;border:1px solid #e8e8e5;border-radius:16px;background:#fff}
.protection-checks article>.ui-icon{color:#EF5E20;width:20px;height:20px}
.protection-checks h3{font-size:19px;line-height:1.4;margin:14px 0 10px}
.protection-checks article p{font-size:16px;line-height:1.65;margin:0}
@media(max-width:900px){.protection-checks{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.protection-checks{grid-template-columns:1fr;gap:16px}.protection-detail{padding-block:28px 32px}}

.connected-value{background:#fff}
.connected-value .protection-checks article .text-link{font-size:14px;margin-top:18px;display:inline-flex}




/* Consolidated platform detail: readable inventory without a longer homepage catalogue. */
.platform-directory-link{margin:28px 0 12px}
.tool-directory{background:#fff}
.tool-directory .protection-checks h3{margin-top:0}
.tool-directory ul{margin:0 0 20px;padding-inline-start:18px;font-size:15px;line-height:1.7;color:#55554f}
.tool-directory li+li{margin-top:8px}
.tool-directory .text-link{font-size:14px}
.tool-directory-note{font-size:14px;color:#62625c}
.ai-request-examples dl{max-width:900px;margin:24px 0}
.ai-request-examples dt{font-size:18px;font-weight:600;margin-top:24px}
.ai-request-examples dd{font-size:18px;line-height:1.7;margin:10px 0 0;padding-inline-start:18px;border-inline-start:2px solid #EF5E20;color:#55554f}
#tool-directory-title{scroll-margin-top:110px}

.protection-intro{max-width:880px;margin-top:24px}
.topic-hero .protection-intro p{font-size:18px;line-height:1.65;margin:0;color:#55554f}
.topic-hero .protection-intro p+p{margin-top:12px}
.protection-intro strong{font-weight:600;color:#22221e}
.protection-nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin:26px 0 0;font-size:14px}
.protection-nav a{display:inline-flex;align-items:center;padding:11px 16px;border:1px solid #deded8;border-radius:8px;text-decoration:none;line-height:1.5;color:#22221e;background:#fff}
.protection-nav a:hover{border-color:#EF5E20;background:#FFF8F5}
.protection-nav a:focus-visible{outline:2px solid #EF5E20;outline-offset:3px}
@media(max-width:600px){.topic-hero .protection-intro p{font-size:16px}.protection-nav{gap:10px}.protection-nav a{padding:10px 12px;font-size:13px}}
.protection-detail{border-top:1px solid #e8e8e5}
.protection-detail h2{scroll-margin-top:110px}
.protection-result{padding:20px 24px;background:#FFF8F5;border-radius:12px}
.protection-result strong{display:block;margin-bottom:6px}