/* Layout from the supplied Sendvio design; existing content keeps its styles. */
.pdf-header,.reference-hero,.topic-hero,.topic-content{font-family:'Poppins',sans-serif;color:#22221e}
.pdf-header{color:var(--nav-content);border-bottom:0}
.pdf-header .pdf-nav-container{width:calc(100% - 80px);max-width:1440px;min-height:76px;height:76px;margin:auto;gap:0}
.pdf-header .brand{width:192px;flex:none;margin-inline-start:5px}
.pdf-header .brand img{width:192px;height:auto}
.pdf-header .brand::after{-webkit-mask-image:url('sendvio-ai-mcp-logo.svg?v=62e4cec1b7');mask-image:url('sendvio-ai-mcp-logo.svg?v=62e4cec1b7')}
.pdf-header .desktop-nav{margin-inline-start:55px;gap:43px;font-size:18px;font-weight:400;white-space:nowrap}
.pdf-header .desktop-nav>a{padding:12px 0;font-size:18px;font-weight:400}
.pdf-header .header-actions{margin-inline-start:auto;gap:16px}
.pdf-header .language-link{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-inline-end:7px;color:var(--nav-content)}
.pdf-header .nav-button{height:44px;min-height:44px;border-width:1px;border-radius:12px;font-family:inherit;font-size:20px;font-weight:400;padding:0 14px}
.pdf-header .nav-button-primary{width:125px;min-width:125px}
.pdf-header .nav-button-secondary{width:94px;min-width:94px}
.pdf-header .nav-dropdown{position:relative;margin:0;border:0;padding:0}
.pdf-header .nav-dropdown summary{position:relative;display:flex;align-items:center;gap:10px;min-height:44px;padding:0;font:inherit;color:var(--nav-content);cursor:pointer;list-style:none}
.pdf-header summary::-webkit-details-marker{display:none}
.pdf-header .nav-dropdown summary::after{content:'';position:absolute;inset:auto 0 0;height:2px;width:auto;background:currentColor;clip-path:inset(0 100% 0 0);transition:clip-path .3s ease;transform:none}
.pdf-header .nav-dropdown summary:hover,.pdf-header .nav-dropdown summary:focus-visible{color:var(--action-accent)}
.pdf-header .nav-dropdown summary:hover::after,.pdf-header .nav-dropdown summary:focus-visible::after{clip-path:inset(0)}
.nav-chevron{width:7px;height:7px;border-inline-end:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);margin-top:-4px}
.pdf-header .nav-dropdown-panel{position:absolute;top:100%;inset-inline-start:-20px;width:260px;background:var(--nav-surface);color:var(--nav-content);border:1px solid currentColor;border-radius:12px;padding:12px;box-shadow:0 12px 24px #22221e18}
.pdf-header .nav-dropdown-panel a{display:block;padding:10px 8px;font-size:16px;font-weight:400;line-height:1.4;white-space:normal}
.reference-hero{background:#ffffff}
.reference-hero-grid{width:calc(100% - 75px);max-width:1440px;margin:0 auto 0 max(34px,calc((100% - 1440px)/2));display:grid;grid-template-columns:minmax(0,481fr) minmax(0,602fr);gap:48px;height:526px;padding-top:64px;align-items:start}
.reference-hero-copy{padding-top:8px}
.reference-eyebrow{font-size:28px;font-weight:300;line-height:34px;margin:0 0 0 4px;letter-spacing:0}
.reference-hero h1{font-family:'Poppins',sans-serif;font-size:84px;font-weight:700;line-height:70px;letter-spacing:0;margin:12px 0 14px;max-width:none}
.reference-lead{font-size:27px;font-weight:300;line-height:35px;letter-spacing:0;margin:0;max-width:none}
.reference-actions{display:flex;gap:16px;margin-top:23px}
.reference-button{display:inline-flex;align-items:center;justify-content:center;height:44px;border:1px solid #22221e;border-radius:12px;padding:0 20px;font-size:20px;font-weight:400;line-height:1;text-decoration:none;white-space:nowrap;transition:background .3s,color .3s}
.reference-button-primary{width:125px;background:#EF5E20;border-color:#EF5E20;color:#FFFFFF}
.reference-button-secondary{width:164px;background:transparent;color:#22221e}
.reference-button:hover,.reference-button:focus-visible{background:#22221e;color:#ffffff;border-color:#22221e}
.reference-media{height:387px;border:5px solid #22221e;border-radius:17px}
.reference-trust{height:94px;background:#EF5E20;color:#FFFFFF}
.reference-trust-inner{width:calc(100% - 68px);max-width:1440px;margin:auto;height:100%;display:grid;grid-template-columns:306fr 433fr 399fr;align-items:center}
.reference-shopify{display:flex;align-items:center;justify-content:center;gap:10px;padding-inline-end:0;font-size:20px}
.reference-shopify img{width:31px;height:28px;object-fit:contain}
.reference-trust p{font-size:22px;font-weight:300;line-height:29px;margin:0;padding-inline-start:44px;border-inline-start:2px solid #22221e}
.reference-intro{text-align:center;padding:50px 24px 34px}
.reference-intro h2{font-family:'Poppins',sans-serif;font-size:40px;font-weight:700;line-height:48px;letter-spacing:0;margin:0;max-width:none}
.reference-intro p{font-size:20px;font-weight:300;line-height:32px;margin:16px auto 0;max-width:none}
.topic-hero{max-width:1200px;margin:auto;padding:64px 32px 40px}
.topic-hero>a{font-size:16px;text-decoration:underline}
.topic-hero h1{font-family:'Poppins',sans-serif;font-size:64px;letter-spacing:0;margin:24px 0 16px}
.topic-hero p{font-size:24px;line-height:1.5;font-weight:300;max-width:800px}
.topic-content{max-width:1200px;margin:auto;padding:32px 32px 90px;min-height:360px}
.topic-content h2{font-family:'Poppins',sans-serif;font-size:40px}
.topic-content p,.topic-content li{font-size:20px;line-height:1.6;max-width:780px}
.topic-content .button{margin:20px 12px 0 0}
@media(min-width:961px) and (max-width:1150px){.pdf-header .pdf-nav-container{width:calc(100% - 40px)}.pdf-header .brand,.pdf-header .brand img{width:156px}.pdf-header .desktop-nav{margin-inline-start:28px;gap:24px}.pdf-header .language-link{margin-inline-end:0}.pdf-header .header-actions{gap:10px}.reference-hero h1{font-size:76px}.reference-eyebrow{font-size:24px}.reference-lead{font-size:23px}.reference-desktop-break{display:none}.reference-trust p{font-size:19px;padding-inline-start:24px}}
@media(max-width:960px){.pdf-header .pdf-nav-container{width:calc(100% - 40px)}.pdf-header .desktop-nav{display:none}.reference-hero-grid{height:auto;min-height:526px;gap:32px;padding:48px 0 60px;grid-template-columns:1fr 1fr}.reference-hero h1{font-size:64px;line-height:.9}.reference-eyebrow{font-size:20px;line-height:28px}.reference-lead{font-size:22px;line-height:30px}.reference-desktop-break{display:none}.reference-media{height:340px}.reference-trust{height:auto}.reference-trust-inner{padding:24px 0;grid-template-columns:1fr 1fr 1fr}.reference-trust p{font-size:18px;line-height:25px;padding-inline-start:20px;padding-inline-end:12px}.reference-shopify{font-size:17px;gap:8px}.reference-intro h2{font-size:34px;line-height:1.15}.reference-intro p{font-size:19px;line-height:30px}}
@media(max-width:700px){.pdf-header .pdf-nav-container{width:calc(100% - 32px);height:76px}.pdf-header .brand{margin:0;width:145px}.pdf-header .brand img{width:145px;height:auto}.pdf-header .language-link{display:none}.pdf-header .header-actions{gap:10px}.pdf-header .nav-button-primary{font-size:18px;width:107px;min-width:107px}.reference-hero-grid{width:calc(100% - 40px);margin:auto;grid-template-columns:1fr;padding:38px 0 42px;gap:38px}.reference-hero-copy{padding:0}.reference-hero h1{font-size:clamp(52px,17.5vw,76px);line-height:.88;margin:16px 0 24px}.reference-eyebrow{font-size:23px}.reference-lead{font-size:24px;line-height:32px}.reference-media{height:auto;aspect-ratio:602/387;border-width:4px}.reference-trust-inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:20px;text-align:center}.reference-trust p{border:0;padding:18px 0 0;border-top:1px solid #22221e;font-size:20px;line-height:28px}.reference-shopify{font-size:20px}.reference-intro{padding:40px 20px}.reference-intro h2{font-size:34px}.topic-hero{padding:40px 20px 24px}.topic-hero h1{font-size:48px}.topic-content{padding:24px 20px 60px}}
@media(max-width:360px){.pdf-header .brand,.pdf-header .brand img{width:119px}.pdf-header .header-actions{gap:8px}.pdf-header .nav-button-primary{width:101px;min-width:101px}.reference-hero h1{font-size:56px}.reference-eyebrow{font-size:21px}.reference-actions{gap:10px}.reference-button{padding:0 12px;font-size:18px}.reference-button-secondary{width:150px}}
@media(prefers-reduced-motion:reduce){.pdf-header *,.reference-button{transition:none!important}}

.pdf-header .nav-button-primary{border-color:var(--action-accent)}
html[lang="fr"] .pdf-header .nav-button{width:auto}
html[lang="fr"] .pdf-header .nav-button-primary{min-width:125px;padding-inline:18px}
html[lang="fr"] .pdf-header .nav-button-secondary{min-width:94px;padding-inline:16px}
@media(max-width:700px){html[lang="fr"] .pdf-header .header-actions>.nav-button-primary{display:none}}

/* Shared navigation line boxes keep links, summaries and actions on one axis. */
.pdf-header .desktop-nav{align-items:center}
.pdf-header .desktop-nav>a,
.pdf-header .nav-dropdown summary{height:44px;min-height:44px;padding:0;line-height:24px;display:flex;align-items:center}
.pdf-header .nav-button{line-height:24px}
.pdf-header .nav-dropdown summary::after,
.pdf-header .desktop-nav>a::after{bottom:0}
.pdf-header .nav-chevron{flex:none}

.site-footer .footer-brand img{width:184.8px;height:auto;filter:brightness(0) invert(1)}

/* Render the provided full-color artwork instead of an alpha mask. */
.site-header .brand img{visibility:visible}
.site-header .brand::after{display:none}
.site-footer .footer-brand img{filter:none;content:url('sendvio-ai-mcp-logo-light.svg?v=62e4cec1b7')}

@media(hover:hover) and (pointer:fine){
 .site-header:hover .brand img{content:url('sendvio-ai-mcp-logo-light.svg?v=62e4cec1b7')}
}
.site-header:has(:focus-visible) .brand img,
.site-header:has(.menu-toggle[aria-expanded=true]) .brand img{
 content:url('sendvio-ai-mcp-logo-light.svg?v=62e4cec1b7')
}