/* Shared marketing polish. Preserve each page's imagery, fonts and colour tokens. */
.marketing-suite{font-size:20px;line-height:1.75}
.marketing-suite main{overflow-wrap:break-word}
.marketing-suite main :is(p,li){font-size:1.25rem;line-height:1.8}
.marketing-suite main :is(h1,h2,h3,h4){text-wrap:balance}
.marketing-suite main h1{line-height:1.12;letter-spacing:-.015em}
.marketing-suite main h2{line-height:1.25;letter-spacing:-.01em}
.marketing-suite .split-hero-text{padding-top:4rem;padding-bottom:4rem}
.marketing-suite .split-hero-text>p{font-size:1.375rem!important;line-height:1.8!important;max-width:38rem}
.marketing-suite .split-hero-text h1{font-size:clamp(2.6rem,4.2vw,4rem)}
.marketing-suite .split-hero-media{min-width:0;overflow:hidden}
.marketing-suite .section-head>p{max-width:48rem;margin-left:auto;margin-right:auto;font-size:1.25rem!important;line-height:1.8!important}
.marketing-suite .eyebrow{font-size:1rem;letter-spacing:.1em}
.marketing-suite .section-head h2{font-size:clamp(2rem,3vw,2.8rem)!important}
.marketing-suite :is(.resource-card,.tier-card,.quote-card,.value-card,.demo-form-card,.browser-mock,.feature-card,.guide-card,.solution-card){border-radius:10px;border-color:var(--line);min-width:0}
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card){padding:2rem;box-shadow:0 5px 16px color-mix(in srgb,var(--ink) 4%,transparent)}
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card) h4{font-size:1.5rem;line-height:1.35}
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card) p{font-size:1.125rem!important;line-height:1.8!important}
.marketing-suite .btn{border-radius:6px;min-height:50px;font-size:1.0625rem;padding:.8rem 1.15rem;line-height:1.4;white-space:normal;text-align:center}
.marketing-suite :is(.hero-ctas,.demo-form-row){gap:.8rem}
.marketing-suite :is(.hero-ctas,.cta-buttons){flex-wrap:wrap}
.marketing-suite .demo-hero{border-radius:12px}.marketing-suite .demo-hero p{font-size:1.25rem!important;line-height:1.8!important}
.marketing-suite .demo-hero-inner{max-width:850px!important}
.marketing-suite :is(.demo-modal-input,.form-control,.form-select){font-size:1.0625rem;min-height:52px;border-radius:6px}
.marketing-suite :is(.demo-modal-sub,.demo-modal-legal){font-size:1rem;line-height:1.7}
.marketing-suite .demo-modal-card{border-radius:12px;max-height:90dvh;overflow-y:auto}
.marketing-suite .demo-modal-close{min-width:44px;min-height:44px}
.marketing-suite .demo-modal-card h3{font-size:1.8rem}
.marketing-suite .faq-question{font-size:1.25rem;line-height:1.5;min-height:60px;text-align:left}
.marketing-suite .faq-answer p{font-size:1.125rem!important;line-height:1.8!important}
.marketing-suite :is(.feat-tab,.currency-btn,.region-btn){min-height:46px;font-size:1rem;border-radius:6px}
.marketing-suite :is(.resource-grid,.values-grid,.quote-grid,.pricing-grid,.demo-split)>*{min-width:0}
.marketing-suite .tier-card{padding:2rem}.marketing-suite .tier-card p,.marketing-suite .tier-card li{font-size:1.125rem!important}
.marketing-suite .breadcrumb-bar{font-size:1rem;line-height:1.6}
.marketing-suite a:focus-visible,.marketing-suite button:focus-visible,.marketing-suite input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}
.marketing-suite .photo-cta .content>p{font-size:1.25rem!important;line-height:1.8!important}
@media(max-width:1100px){.marketing-suite :is(.resource-grid,.values-grid,.quote-grid,.pricing-grid){grid-template-columns:repeat(2,minmax(0,1fr))}.marketing-suite .demo-split{grid-template-columns:1fr}.marketing-suite .split-hero-text{padding-top:3rem;padding-bottom:3rem}.marketing-suite .split-hero-text>p{font-size:1.25rem!important}}
@media(max-width:760px){.marketing-suite :is(.resource-grid,.values-grid,.quote-grid,.pricing-grid,.demo-form-row){grid-template-columns:1fr}.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card,.tier-card){padding:1.5rem}.marketing-suite .split-hero-text h1{font-size:2.7rem}.marketing-suite .split-hero-text{padding-top:2.5rem;padding-bottom:2.5rem}.marketing-suite .demo-hero-inner{padding:2rem 1.5rem}.marketing-suite main :is(p,li){font-size:1.25rem}.marketing-suite .breadcrumb-bar .container{flex-wrap:wrap}.marketing-suite .demo-modal-card{padding:1.6rem}.marketing-suite .hero-ctas .btn{max-width:100%}}
@media(prefers-reduced-motion:no-preference){.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card){transition:box-shadow .2s ease,transform .2s ease}.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card):hover{transform:translateY(-3px);box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 8%,transparent)}}
@media(prefers-reduced-motion:reduce){.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card){transition:none;transform:none!important}}
.marketing-suite .site-nav .btn{border-radius:6px}
@media(max-width:760px){.marketing-suite .demo-hero{padding:2rem 1.25rem}.marketing-suite .demo-hero-inner{padding:0}}
/* Persistent navigation: measured spacer avoids covering page content. */
:root{--marketing-nav-height:90px}
.marketing-suite .site-nav{position:fixed;inset:0 0 auto;z-index:100;border-bottom:1px solid var(--line);box-shadow:0 2px 8px color-mix(in srgb,var(--ink) 5%,transparent)}
.nav-spacer{height:var(--marketing-nav-height)}
.marketing-suite .nav-inner{transform:none;max-width:1280px}
.marketing-suite .nav-links{gap:1rem}
.marketing-suite .nav-drop-toggle,.marketing-suite .nav-links>a.link{font-size:1rem;min-height:44px;display:inline-flex;align-items:center;gap:.3rem}
.marketing-suite .nav-util-btn,.marketing-suite .nav-hamburger{min-width:44px;min-height:44px}
.marketing-suite .nav-drop-menu.nav-mega{top:var(--marketing-nav-height);margin-top:0;border-radius:10px;max-height:calc(100dvh - var(--marketing-nav-height) - 16px);overflow-y:auto;padding:1rem;background:var(--white,#fff);border:1px solid var(--line);box-shadow:0 16px 36px color-mix(in srgb,var(--ink) 12%,transparent)}
.marketing-suite .nav-drop-menu a span{font-size:1rem;line-height:1.5}.marketing-suite .nav-drop-menu a span small{font-size:.875rem;line-height:1.5}
.marketing-suite .nav-drop-menu a.nav-mega-tile{flex-basis:340px;border-radius:8px}
.marketing-suite .nav-mega-col{min-width:0}
.marketing-suite .nav-drop.nav-dismissed:hover .nav-drop-menu{visibility:hidden;opacity:0;content-visibility:hidden}
html{scroll-padding-top:calc(var(--marketing-nav-height) + 16px)}
.marketing-suite [id]{scroll-margin-top:16px}
html[data-theme=dark] .marketing-suite .nav-drop-menu.nav-mega{background:var(--gray-bg)}
@media(max-width:1240px){:root{--marketing-nav-height:70px}.marketing-suite .nav-links{height:100dvh;gap:0;overscroll-behavior:contain}.marketing-suite .nav-drop-menu.nav-mega{position:static;top:auto;margin-top:0;padding:0;border:0;box-shadow:none;max-height:0;overflow:hidden;background:transparent}.marketing-suite .nav-drop.open .nav-drop-menu.nav-mega{max-height:none;overflow:visible;padding:.5rem}.marketing-suite .nav-hamburger{position:relative;z-index:301}.marketing-suite .nav-drop-toggle{width:100%;justify-content:space-between;padding:.9rem 0}.marketing-suite .nav-drop-menu.nav-mega.nav-mega-grid{display:block}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}
/* Matching card precision for the remaining marketing pages; imagery remains intact. */
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card,.tier-card){border:1px solid var(--line);border-radius:12px;box-shadow:0 5px 16px color-mix(in srgb,var(--ink) 5%,transparent)}
.marketing-suite .demo-form-card{border:1px solid var(--line);border-radius:12px;box-shadow:0 8px 24px color-mix(in srgb,var(--ink) 6%,transparent)}
/* Demo landing page: strong banner and a generous white request card. */
.demo-showcase .demo-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center;padding:3rem;background:#1E2025;color:#fff;border-radius:14px}
.demo-showcase .demo-hero-inner{padding:0;min-width:0}
.demo-showcase .demo-hero-inner h1{font-size:clamp(2.7rem,4vw,4rem);line-height:1.12;color:#fff}
.demo-showcase .demo-hero-inner p{color:#fff}
.demo-showcase .demo-hero .demo-form-card{margin:0;padding:2rem;background:#fff;color:#1E2025;opacity:1;transform:none;min-width:0}
.demo-showcase .demo-form-card h3{font-size:2rem;line-height:1.2;color:#1E2025}
.demo-showcase .demo-form-card .demo-modal-sub{font-size:1.0625rem!important;color:#5F6368;line-height:1.7!important}
.demo-showcase .demo-form-card .demo-modal-legal{font-size:1rem!important;line-height:1.65!important;color:#5F6368}
.demo-showcase .demo-form-card a:not(.btn){color:#5C1FA6}
.demo-showcase .demo-modal-input{background:#f8f8fa;color:#1E2025;border:1px solid #DFE1E1;margin-bottom:1rem;min-height:54px;font-size:1.0625rem;padding:.8rem}
.demo-showcase .demo-visible-label{display:block;color:#1E2025;font-size:1rem;font-weight:600;margin:0 0 .4rem}
.demo-showcase .demo-form-row{display:grid;grid-template-columns:1fr 1fr}
.demo-showcase .demo-split{grid-template-columns:1fr;max-width:1000px;margin:auto}
@media(max-width:1100px){.demo-showcase .demo-hero{gap:2rem;padding:2rem}.demo-showcase .demo-hero-inner h1{font-size:2.8rem}.demo-showcase .demo-form-card{padding:1.5rem!important}}
@media(max-width:760px){.demo-showcase .demo-hero{grid-template-columns:1fr;padding:1.5rem;gap:2rem}.demo-showcase .demo-hero-inner h1{font-size:2.5rem}.demo-showcase .demo-form-row{grid-template-columns:1fr}.demo-showcase .demo-form-card h3{font-size:1.8rem}}
.demo-showcase .demo-form-card{--ink:#1E2025;--muted:#5F6368;--line:#DFE1E1;--gray-bg:#EBECEC;--orange-dark:#5C1FA6}
html[data-theme=dark] .demo-showcase .demo-form-card .demo-modal-input{background:#f8f8fa;color:#1E2025;border-color:#DFE1E1}
.demo-showcase .demo-modal-input::placeholder{color:#5F6368;opacity:1}
@media(prefers-reduced-motion:reduce){.marketing-suite .reveal,.marketing-suite .reveal-hero{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}}
/* Company page: clear editorial sections, original laboratory imagery and bold values. */
.about-vitrio .split-hero-text h1{font-size:clamp(2.8rem,4.2vw,4.3rem)}
.about-section-links{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white,#fff);padding:1.2rem 0}
.about-section-links .container{display:flex;gap:2rem;flex-wrap:wrap}
.about-section-links a{font-size:1.125rem;color:var(--ink);font-weight:600;padding:.4rem 0;text-decoration:underline;text-underline-offset:6px;text-decoration-color:var(--line)}
.about-section-links a:hover{color:var(--orange);text-decoration-color:var(--orange)}
.about-vitrio .story-band{background:transparent;border:0;box-shadow:none}
.about-vitrio .feature-row{gap:3rem;align-items:center}.about-vitrio .feature-copy h2{font-size:2.5rem;line-height:1.25}
.about-vitrio .feature-row>img{border-radius:12px;border:1px solid var(--line);box-shadow:0 10px 24px color-mix(in srgb,var(--ink) 7%,transparent)}
.about-vitrio .about-mission{padding:4.5rem 0;background:#1E2025;color:#fff}
.about-vitrio .about-mission h2,.about-vitrio .about-mission p{color:#fff!important}.about-vitrio .about-mission .eyebrow{color:color-mix(in srgb,var(--orange) 45%,#fff)}
.about-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem;margin-top:2.5rem}
.about-value-card{background:var(--orange-dark);color:#fff;padding:2rem 1.5rem;min-height:320px;border-radius:12px;display:flex;flex-direction:column}
.about-value-number{font-size:1.125rem;color:#fff;opacity:.8;margin-bottom:1.7rem}
.about-value-card h3{font-size:1.8rem;line-height:1.3;color:#fff;margin:0 0 1rem}
.about-vitrio .about-value-card p{color:#fff;font-size:1.125rem!important;line-height:1.8!important;margin:0}
.marketing-suite .nav-mega-col h6{font-size:.875rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:.5rem .75rem;border-bottom:1px solid var(--line);margin-bottom:.5rem}
.marketing-suite .nav-company-menu .nav-mega-tile{flex-basis:280px;min-height:260px}
.marketing-suite .nav-company-menu .nav-mega-col{min-width:190px;padding:.5rem 0}
.marketing-suite .nav-drop-menu a{border-radius:6px;padding:.8rem}
html[data-theme=dark] .about-section-links{background:var(--gray-bg)}
@media(max-width:1100px){.about-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-vitrio .feature-row{gap:2rem}.marketing-suite .nav-company-menu .nav-mega-col{min-width:0}}
@media(max-width:760px){.about-values-grid{grid-template-columns:1fr;gap:1.25rem}.about-value-card{min-height:0;padding:1.7rem}.about-vitrio .feature-copy h2{font-size:2rem}.about-section-links .container{gap:.7rem 1.3rem}.about-vitrio .about-mission{padding:3rem 0}.about-vitrio .split-hero-text h1{font-size:2.8rem}}
.about-vitrio .about-value-card p{font-size:1.25rem!important}
.marketing-suite .nav-mega-col h6{font-size:1rem}
@media(prefers-reduced-motion:reduce){.marketing-suite .nav-drop-menu,.marketing-suite .nav-links{transition:none!important}}

/* Balanced B2B scale: brand fonts retained, compact navigation and workspace. */
html:has(body.marketing-suite){font-size:100%}
.marketing-suite{font-size:16px;line-height:1.6}
.marketing-suite main :is(p,li){font-size:1rem;line-height:1.65}
.marketing-suite :is(.split-hero-text>p,.section-head>p,.demo-hero p,.photo-cta .content>p){font-size:1.125rem!important;line-height:1.65!important}
.marketing-suite :is(.split-hero-text h1,.demo-showcase .demo-hero-inner h1){font-size:clamp(2.25rem,3.6vw,3.5rem);line-height:1.12}
.marketing-suite .section-head h2{font-size:clamp(1.8rem,2.6vw,2.5rem)!important}
.marketing-suite .eyebrow{font-size:.8125rem;letter-spacing:.08em}
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card,.tier-card){padding:1.5rem}
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card) h4{font-size:1.25rem}
.marketing-suite :is(.resource-card,.value-card,.guide-card,.solution-card,.tier-card,.faq-answer) p,.marketing-suite .tier-card li{font-size:1rem!important;line-height:1.65!important}
.marketing-suite .btn{font-size:1rem;min-height:44px;padding:.65rem 1rem}
.marketing-suite .faq-question{font-size:1.0625rem;min-height:52px}
.marketing-suite .about-value-card h3{font-size:1.375rem}.marketing-suite .about-value-card p{font-size:1rem!important;line-height:1.65!important}
.marketing-suite .about-value-card{min-height:260px;padding:1.5rem}
.marketing-suite .about-section-links a{font-size:1rem}
.marketing-suite .nav-inner{padding:.75rem 1.4rem;gap:1rem}
.marketing-suite .nav-links{gap:.85rem}
.marketing-suite .nav-drop-toggle,.marketing-suite .nav-links>a.link{font-size:.9375rem;font-weight:600}
.marketing-suite .nav-links .btn{font-size:.9375rem;padding:.65rem 1rem;min-height:44px}
.marketing-suite .nav-drop-menu.nav-mega{gap:1rem;padding:1rem;max-width:min(920px,calc(100vw - 3rem))}
.marketing-suite .nav-mega-col{padding:.5rem;box-shadow:none;border-radius:6px;flex-basis:200px}
.marketing-suite .nav-mega-col h6{font-size:.75rem;padding:.5rem;margin:0 0 .4rem}
.marketing-suite .nav-drop-menu a{padding:.5rem;min-height:40px}
.marketing-suite .nav-drop-menu a span{font-size:.9375rem;line-height:1.4}
.marketing-suite .nav-drop-menu a span small{font-size:.8125rem;line-height:1.45}
.marketing-suite .nav-drop-menu a.nav-mega-tile{flex-basis:260px;min-height:250px;padding:1.25rem;box-shadow:none}
.marketing-suite .nav-mega-tile strong{font-size:1.25rem}
.marketing-suite .nav-drop-menu.nav-mega.nav-mega-grid{width:820px;gap:1rem;grid-template-columns:repeat(3,minmax(0,1fr))}
.marketing-suite .solutions-card{width:auto;min-width:0;border-radius:8px;box-shadow:none}
.marketing-suite .solutions-card-photo img{height:112px}
.marketing-suite .solutions-card-body{padding:1rem}
.marketing-suite .solutions-card-title{font-size:1rem;margin-bottom:.6rem;line-height:1.4}
.marketing-suite .solutions-card-body a.solutions-card-link{font-size:.875rem;padding:.4rem 0;min-height:32px}
.marketing-enterprise .hero{padding:3.5rem 0}
.marketing-enterprise .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:2.75rem;align-items:center}
.marketing-enterprise .hero h1{font-size:clamp(2.5rem,3.7vw,3.5rem);line-height:1.08;margin:1rem 0 1.25rem}
.marketing-enterprise :is(.lead,.section p,.feature-copy p,.conversation-grid p){font-size:1.0625rem!important;line-height:1.65!important}
.marketing-enterprise .hero .lead{font-size:1.125rem!important;max-width:34rem}
.marketing-enterprise :is(.feature-copy li,.faq-answer p,.tier-card li,.resource-card p){font-size:1rem!important;line-height:1.65!important}
.marketing-suite.marketing-enterprise .hero :is(.hero-reassurance,.compliance-note,.booking-shortcut,.quick-fact,.hcs-label,.hcs-badge){font-size:.8125rem;line-height:1.5}
.marketing-enterprise .hero-ctas .btn,.marketing-enterprise .conversation-grid .btn{font-size:1rem;min-height:44px}
.marketing-enterprise .section-head h2{font-size:clamp(1.8rem,2.6vw,2.5rem)!important}
.marketing-enterprise .product-preview{margin:0;min-width:0;max-width:100%;transform:none}
.marketing-enterprise .product-preview-card{margin:0;border-radius:10px;background:#fff;color:#1E2025;box-shadow:0 18px 45px rgba(0,0,0,.18);transform:none;--ink:#1E2025;--muted:#5F6368;--line:#DFE1E1;--white:#fff;--gray-bg:#f5f6f8}
.marketing-suite.marketing-enterprise .hero .preview-toolbar{padding:.85rem 1.1rem;background:#f8f9fb;gap:.5rem}
.marketing-suite.marketing-enterprise .hero .preview-wordmark{font-size:1rem}
.marketing-suite.marketing-enterprise .hero .product-preview-label{font-size:.6875rem;line-height:1.4}
.marketing-suite.marketing-enterprise .hero .preview-workspace{background:#fff}
.marketing-suite.marketing-enterprise .hero .preview-sidebar{width:44px;padding:1rem .4rem;background:#f8f9fb}
.marketing-suite.marketing-enterprise .hero .preview-main{padding:1.25rem;min-width:0}
.marketing-suite.marketing-enterprise .hero .preview-kicker{font-size:.6875rem;line-height:1.5}
.marketing-suite.marketing-enterprise .hero .preview-heading{gap:.5rem;margin-bottom:1rem}
.marketing-suite.marketing-enterprise .hero .preview-heading h2{font-size:1.5rem;margin:.2rem 0 0;line-height:1.2}
.marketing-suite.marketing-enterprise .hero .preview-period{display:inline-flex;font-size:.75rem;line-height:1.4}
.marketing-suite.marketing-enterprise .hero .preview-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.marketing-suite.marketing-enterprise .hero .preview-metric{padding:.8rem;background:#f8f9fb;border:1px solid #DFE1E1;border-radius:6px}
.marketing-suite.marketing-enterprise .hero .preview-metric>span{font-size:.75rem;line-height:1.4}
.marketing-suite.marketing-enterprise .hero .preview-metric strong{font-size:1.875rem;line-height:1.3}
.marketing-suite.marketing-enterprise .hero .preview-metric small{font-size:.6875rem;line-height:1.4}
.marketing-suite.marketing-enterprise .hero .preview-chart-heading{font-size:.8125rem;line-height:1.5;margin-top:1.25rem}
.marketing-suite.marketing-enterprise .hero .preview-chart-heading>span,.marketing-suite.marketing-enterprise .hero .preview-chart-axis{font-size:.6875rem;line-height:1.4}
.marketing-suite.marketing-enterprise .hero .preview-chart{height:100px}
.marketing-suite.marketing-enterprise .hero .preview-stock-row{font-size:.8125rem;line-height:1.4;padding:.65rem 0;gap:.5rem;flex-wrap:nowrap}
.marketing-suite.marketing-enterprise .hero .preview-stock-header,.marketing-suite.marketing-enterprise .hero .preview-status{font-size:.6875rem;line-height:1.4}
.marketing-enterprise .product-preview-card figcaption{font-size:.75rem;line-height:1.5;padding:.8rem 1.25rem;background:#f8f9fb}
.marketing-enterprise .enterprise-benefits-grid strong{font-size:1.0625rem}.marketing-enterprise .enterprise-benefits-grid small{font-size:.9375rem}
.marketing-enterprise .enterprise-benefits-grid>div,.marketing-enterprise .enterprise-benefits-grid>div+div{min-height:0;padding:1.25rem}
.marketing-enterprise .audience-card{height:300px}.marketing-enterprise .audience-card strong{font-size:1.375rem}.marketing-enterprise .audience-card-body{padding:1.25rem}
.marketing-enterprise .audience-card :is(.audience-tag,.audience-card-cta){font-size:.875rem}.marketing-enterprise .audience-card-body>span:not(.audience-tag){font-size:1rem}
.marketing-enterprise .feature-copy h3{font-size:1.75rem}.marketing-enterprise .logo-pill{font-size:1rem;padding:.75rem 1rem}
@media(max-width:1240px){.marketing-suite .nav-drop-menu.nav-mega.nav-mega-grid{width:auto;display:block}.marketing-suite .solutions-card{margin-bottom:.75rem}.marketing-suite .solutions-card-photo img{height:130px}.marketing-suite .nav-drop-menu.nav-mega{max-width:100%;padding:0}.marketing-suite .nav-drop.open .nav-drop-menu.nav-mega{padding:.5rem}.marketing-suite .nav-drop-toggle{padding:.75rem 0}}
@media(max-width:1000px){.marketing-enterprise .hero-grid{grid-template-columns:1fr;gap:2rem}.marketing-enterprise .product-preview{max-width:640px;margin:auto;width:100%}}
@media(max-width:760px){.marketing-enterprise .hero{padding:2.5rem 0}.marketing-enterprise .hero h1{font-size:2.5rem}.marketing-suite .split-hero-text h1,.marketing-suite .demo-showcase .demo-hero-inner h1{font-size:2.25rem}.marketing-suite.marketing-enterprise .hero .preview-main{padding:1rem}.marketing-suite.marketing-enterprise .hero .preview-sidebar{display:none}.marketing-suite.marketing-enterprise .hero .preview-heading h2{font-size:1.25rem}.marketing-suite.marketing-enterprise .hero .preview-metrics{grid-template-columns:1fr}.marketing-suite.marketing-enterprise .hero .preview-metric{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem}.marketing-suite.marketing-enterprise .hero .preview-metric strong{grid-column:2;grid-row:1/3}.marketing-suite.marketing-enterprise .hero .preview-metric small{font-size:.75rem}.marketing-suite.marketing-enterprise .hero .preview-metric>span{font-size:.8125rem}.marketing-suite.marketing-enterprise .hero .preview-stock-row{font-size:.75rem}.marketing-enterprise .hero .lead{font-size:1.0625rem!important}.marketing-suite .section-head>p{font-size:1rem!important}}

.marketing-suite.about-vitrio .about-intro h1{font-size:clamp(2.25rem,3.6vw,3.5rem)}
.marketing-suite.about-vitrio :is(.about-intro p,.about-profile-copy p,.about-reading-column p){font-size:1.0625rem!important;line-height:1.65!important}
.marketing-suite.about-vitrio :is(.about-profile-copy h2,.about-reading-column h2,.feature-copy h2,.about-platform-band h2){font-size:clamp(1.8rem,2.6vw,2.5rem)}
.marketing-suite .workflow-benefit-card{padding:1.5rem}.marketing-suite .workflow-benefit-card h3{font-size:1.375rem}.marketing-suite .workflow-benefit-card p{font-size:1rem!important;line-height:1.65!important}.marketing-suite .workflow-benefit-card a{font-size:1rem}
.marketing-suite .customer-stories .customer-story blockquote{font-size:1.125rem}.marketing-suite .customer-stories .story-signoff{font-size:1rem!important}.marketing-suite .customer-stories .customer-story{min-height:320px}
@media(max-width:760px){.marketing-enterprise .hero-grid>div:first-child{display:block}.marketing-enterprise .hero .eyebrow{margin-bottom:.75rem}.marketing-enterprise .hero .rule{margin-bottom:1rem}.marketing-enterprise .hero h1{margin:.75rem 0 1.25rem}.marketing-enterprise .hero .lead{margin:0 0 1.5rem}.marketing-enterprise .hero-reassurance{margin:1rem 0}.marketing-enterprise .hero-compliance-strip{margin-top:1.25rem!important}.marketing-enterprise .hero .booking-shortcut{margin:.5rem 0}.marketing-enterprise .product-preview{order:initial}}
.marketing-suite .nav-drop-toggle{margin:0;padding:.5rem .35rem;border-radius:6px}
@media(max-width:1240px){.marketing-suite .nav-drop-toggle{padding:.75rem 0}}

/* Theme-aware homepage with a compact procurement application preview. */
.marketing-suite.marketing-enterprise .hero{background:#f8f9fb;color:var(--ink);padding:4rem 0}
.marketing-suite.marketing-enterprise .hero::before{display:none}
.marketing-suite.marketing-enterprise .hero-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3rem;align-items:center}
.marketing-suite.marketing-enterprise .hero h1{color:var(--ink);font-size:clamp(2.5rem,3.5vw,3.4rem)}
.marketing-suite.marketing-enterprise .hero .grad-text{color:var(--orange)}
.marketing-suite.marketing-enterprise .hero .lead{color:var(--muted)!important}
.marketing-suite.marketing-enterprise .hero :is(.hero-reassurance,.compliance-note,.booking-shortcut,.quick-fact,.hcs-label){color:var(--muted)}
.marketing-suite.marketing-enterprise .hero .eyebrow{color:var(--orange-dark)}
.marketing-suite.marketing-enterprise .hero .btn-orange{background:var(--orange);border-color:var(--orange);color:#fff}
.marketing-suite.marketing-enterprise .hero .btn-blue{background:transparent;border-color:var(--line);color:var(--ink)}
.marketing-suite.marketing-enterprise .hero .hcs-badge{color:var(--muted);border-color:var(--line);background:transparent}
.marketing-suite.marketing-enterprise .hero .quick-fact{background:color-mix(in srgb,var(--orange) 6%,transparent)}
.marketing-suite.marketing-enterprise .hero .product-preview{width:100%;max-width:520px;justify-self:end;align-self:center;margin:0}
.procurement-preview{margin:0;width:100%;background:#fff;color:#1E2025;border:1px solid #DFE1E1;border-radius:10px;overflow:hidden;box-shadow:0 12px 35px rgba(30,32,37,.09),0 2px 4px rgba(30,32,37,.03);font-size:12px;line-height:1.5}
.procurement-topbar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid #e8eaee;background:#fff}
.procurement-brand{display:flex;align-items:center;gap:7px;font-weight:600;font-size:14px}.procurement-demo-label{margin-left:auto;font-size:10px;color:#667085}.procurement-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#f1edf9;color:#5C1FA6;font-size:9px;font-weight:600}
.procurement-layout{display:grid;grid-template-columns:104px minmax(0,1fr)}
.procurement-sidebar{padding:18px 8px;background:#fafbfc;border-right:1px solid #e8eaee;display:flex;flex-direction:column;gap:7px;font-size:10px;color:#667085}
.procurement-sidebar>span{display:flex;align-items:center;gap:6px;padding:7px 6px;border-radius:5px}.procurement-sidebar i{font-size:12px}.procurement-sidebar .procurement-nav-active{background:#f0eafb;color:#5C1FA6;font-weight:600}.procurement-sidebar .procurement-lab{margin-top:auto;font-size:9px;line-height:1.5;color:#98a2b3}
.procurement-content{padding:18px 16px;min-width:0}.procurement-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.procurement-eyebrow{font-size:9px;letter-spacing:.08em;color:#667085}
.marketing-suite .procurement-heading h2{font-size:18px;line-height:1.25;margin:3px 0 0;color:#1E2025;letter-spacing:0}.procurement-date{font-size:9px;color:#667085;white-space:nowrap}
.procurement-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:20px}.procurement-stats>div{padding:10px 8px;border:1px solid #e8eaee;border-radius:6px;background:#fafbfc}.procurement-stats span{display:block;font-size:9px;color:#667085;line-height:1.4}.procurement-stats strong{display:block;font-size:24px;font-weight:600;line-height:1.3;margin-top:5px;font-variant-numeric:tabular-nums}.procurement-purple{color:#7C3AED}
.procurement-table-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11px}.procurement-table-heading>span{font-size:9px;color:#667085}
.procurement-table{width:100%;border-collapse:collapse;font-size:10px;text-align:left}.procurement-table th{background:#fafbfc;color:#667085;font-size:9px;font-weight:500;padding:8px 6px;border-block:1px solid #e8eaee}.procurement-table td{padding:10px 6px;border-bottom:1px solid #e8eaee}.procurement-table td strong{font-weight:500;display:block}.procurement-table td small{display:block;font-size:9px;color:#667085;margin-top:2px}.procurement-table th:last-child,.procurement-table td:last-child{text-align:right}.procurement-status{display:inline-block;font-size:9px;white-space:nowrap;border-radius:4px;padding:3px 5px}.procurement-status.pending{color:#5C1FA6;background:#f1eafa}.procurement-status.approved{color:#0b6b5c;background:#e8f5f1}.procurement-status.ordered{color:#1a6e99;background:#eaf3fa}
.procurement-alert{display:flex;align-items:center;gap:9px;padding:10px;margin-top:14px;background:#fafbfc;border:1px solid #e8eaee;border-radius:6px;color:#667085;font-size:12px}.procurement-alert strong{display:block;font-size:10px;color:#344054;font-weight:500}.procurement-alert small{display:block;font-size:9px}.procurement-alert>i:last-child{margin-left:auto}
.marketing-suite .procurement-preview figcaption{padding:9px 16px;border-top:1px solid #e8eaee;background:#fafbfc;color:#667085;font-size:10px;line-height:1.5}
html[data-theme=dark] .marketing-suite.marketing-enterprise .hero{background:var(--gray-bg)}
html[data-theme=dark] .marketing-suite.marketing-enterprise .hero .eyebrow{color:#bda1f3}
html[data-theme=dark] .marketing-suite.marketing-enterprise .hero .grad-text{color:#bda1f3}
@media(max-width:1000px){.marketing-suite.marketing-enterprise .hero-grid{grid-template-columns:1fr;gap:2rem}.marketing-suite.marketing-enterprise .hero .product-preview{justify-self:center;margin:auto;max-width:520px}}
@media(max-width:760px){.marketing-suite.marketing-enterprise .hero{padding:2.5rem 0}.marketing-suite.marketing-enterprise .hero h1{font-size:2.5rem}.procurement-layout{grid-template-columns:1fr}.procurement-sidebar{display:none}.procurement-content{padding:16px 12px}.procurement-stats{gap:6px}.procurement-stats>div{padding:9px 6px}.procurement-heading{gap:5px}.marketing-suite .procurement-heading h2{font-size:17px}.procurement-table td{padding:9px 4px}.procurement-table th{padding:7px 4px}}
.procurement-topbar{padding:10px 16px}.procurement-content{padding:14px 16px}.procurement-heading{margin-bottom:12px}.procurement-eyebrow{display:block;line-height:1.4}.procurement-stats{margin-bottom:14px}.procurement-stats>div{padding:8px}.procurement-table td{padding:6px}.procurement-alert{padding:8px;margin-top:12px}.marketing-suite .procurement-preview figcaption{padding:6px 16px}
@media(max-width:1100px){.marketing-suite.marketing-enterprise .hero-grid{grid-template-columns:1fr;gap:2rem}.marketing-suite.marketing-enterprise .hero .product-preview{justify-self:center;margin:auto;max-width:520px}}
@media(max-width:760px){.procurement-content{padding:14px 12px}.procurement-table td{padding:6px 4px}}