@layer pages{:root{--ms-accent:var(--blue-deep);--ms-accent-deep:var(--blue-deep);--ms-accent-soft:rgba(var(--brand-primary-rgb), .07);--ms-ink:var(--brand-primary-ink);--ms-ink-mid:var(--muted);--ms-muted:var(--muted);--ms-line:#d6e2ea;--ms-surface:#f6fbfd;--ms-success:var(--muted);--ms-success-soft:#2f8a6812;--ms-warm:#d49b35;--ms-warm-soft:#d49b3512;--ms-radius:16px;--ms-radius-sm:10px;--ms-shadow:0 2px 16px #0d18200f;--ms-shadow-lg:0 12px 48px #0d18201f;--ms-font:"Geist", "Inter Tight", "Segoe UI Variable Text", Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--ms-font-display:"Geist", "Inter Tight", var(--ms-font)}.marketing-hub-body{background:var(--brand-primary-soft);font-family:var(--ms-font);color:var(--ms-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.skip-link{z-index:100;padding:var(--space-2) 1rem;background:var(--ms-accent);color:var(--on-primary);font-weight:var(--weight-bold);font-size:var(--text-sm);border-radius:var(--radius-sm);text-decoration:none;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.hub-header{align-items:center;gap:var(--space-6);padding:var(--space-3) 1.5rem;background:var(--surface);border-bottom:1px solid var(--ms-line);display:flex}.hub-brand img{width:auto;height:34px}.hub-nav{gap:var(--space-2);flex:1;display:flex}.hub-nav a{padding:var(--space-2) .85rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ms-muted);transition:all var(--duration-fast) var(--ease-standard);text-decoration:none}.hub-nav a:hover,.hub-nav a[aria-current=page]{background:var(--ms-accent-soft);color:var(--ms-accent-deep)}.hub-hero{gap:var(--space-8);max-width:1100px;padding:var(--space-12) 1.5rem 2rem;grid-template-columns:1fr auto;align-items:center;margin:0 auto;display:grid;position:relative}.hub-hero-eyebrow{font-size:var(--text-sm);font-weight:var(--weight-semibold);letter-spacing:.1em;text-transform:uppercase;color:var(--ms-accent);margin:0 0 .6rem}.hub-hero h1{font-family:var(--ms-font-display);font-size:var(--text-4xl);font-weight:var(--weight-semibold);letter-spacing:-.02em;color:var(--ms-ink);margin:0 0 .8rem;line-height:1.05}.hub-hero h1 em{background:var(--ms-accent);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.hub-hero-lead{font-size:var(--text-md);line-height:var(--leading-normal);color:var(--ms-ink-mid);max-width:52ch;margin:0 0 1.5rem}.hub-hero-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.hub-cta-primary,.hub-cta-secondary{padding:var(--space-3) 1.4rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-semibold);transition:all var(--duration-base) var(--ease-standard);align-items:center;text-decoration:none;display:inline-flex}.hub-cta-primary{background:var(--ms-accent);color:var(--on-primary);box-shadow:0 4px 16px rgba(var(--brand-primary-rgb), .3)}.hub-cta-primary:hover{background:var(--ms-accent-deep);box-shadow:0 6px 24px rgba(var(--brand-primary-rgb), .4);transform:translateY(-1px)}.hub-cta-secondary{background:var(--surface);color:var(--ms-ink-mid);border:1px solid var(--ms-line)}.hub-cta-secondary:hover{border-color:var(--ms-accent);color:var(--ms-accent)}.hub-hero-badge{flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.hub-hero-badge-ring{border-radius:var(--radius-sm);background:var(--ms-accent);opacity:.15;animation:12s linear infinite badge-rotate;position:absolute;inset:0}@keyframes badge-rotate{to{transform:rotate(360deg)}}.hub-hero-badge-text{border-radius:var(--radius-sm);background:var(--surface);width:96px;height:96px;box-shadow:var(--ms-shadow);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.hub-hero-badge-text strong{font-family:var(--ms-font-display);font-size:var(--text-3xl);font-weight:var(--weight-semibold);color:var(--ms-accent);line-height:1}.hub-hero-badge-text span{font-size:var(--text-2xs);font-weight:var(--weight-bold);color:var(--ms-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:.15rem}.hub-showcase{gap:var(--space-6);flex-direction:column;max-width:1100px;margin:0 auto;padding:0 1.5rem 3rem;display:flex}.ms-card{background:var(--surface);border-radius:var(--ms-radius);box-shadow:var(--ms-shadow);transition:box-shadow .25s var(--ease-standard), transform .25s var(--ease-standard);grid-template-columns:340px 1fr;display:grid;overflow:hidden}.ms-card:hover{box-shadow:var(--ms-shadow-lg);transform:translateY(-1px)}.ms-card-visual{padding:var(--space-8) 1.5rem;background:var(--ms-surface);border-right:1px solid var(--ms-line);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.ms-card-visual:before{content:"";border-radius:var(--radius-sm);background:var(--card-accent,var(--ms-accent));opacity:.04;width:200px;height:200px;position:absolute;top:-40%;right:-30%}.ms-card-visual img{object-fit:contain;max-width:100%;max-height:220px;filter:drop-shadow(0 4px 12px rgba(var(--ink-rgb), .06));z-index:var(--z-base);position:relative}.ms-card-tag{padding:var(--space-1) .7rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;z-index:var(--z-above);position:absolute;top:1rem;left:1rem}.ms-card-tag.launch{background:var(--ms-success);color:var(--on-primary)}.ms-card-tag.winning{background:var(--ms-warm);color:var(--on-primary)}.ms-card-tag.seasonal{background:var(--muted);color:var(--on-primary)}.ms-card-tag.safety{background:var(--brand-danger);color:var(--on-primary)}.ms-card-tag.innovation{background:var(--ms-accent);color:var(--on-primary)}.ms-card-content{padding:var(--space-7) 2rem;flex-direction:column;display:flex}.ms-card-brand{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--card-accent,var(--ms-accent));margin:0 0 .3rem}.ms-card-title{font-family:var(--ms-font-display);font-size:var(--text-xl);font-weight:var(--weight-semibold);color:var(--ms-ink);margin:0 0 .6rem;line-height:1.1}.ms-card-subtitle{font-size:var(--text-sm);color:var(--ms-muted);margin:0 0 1.2rem;line-height:1.4}.ms-blocks{gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:1.2rem;display:grid}.ms-block{padding:var(--space-4) 1rem;border-radius:var(--ms-radius-sm);background:var(--ms-surface);border:1px solid var(--ms-line)}.ms-block.problem{border-left:3px solid var(--ms-warm);background:var(--ms-warm-soft)}.ms-block.solution{border-left:3px solid var(--ms-accent)}.ms-block.benefits{border-left:3px solid var(--ms-success);background:var(--ms-success-soft)}.ms-block-label{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .5rem;display:flex}.ms-block.problem .ms-block-label{color:var(--ms-warm)}.ms-block.solution .ms-block-label{color:var(--ms-accent)}.ms-block.benefits .ms-block-label{color:var(--ms-success)}.ms-block-icon{border-radius:var(--radius-sm);width:18px;height:18px;font-size:var(--text-2xs);font-weight:var(--weight-semibold);color:var(--on-primary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.ms-block.problem .ms-block-icon{background:var(--ms-warm)}.ms-block.solution .ms-block-icon{background:var(--ms-accent)}.ms-block.benefits .ms-block-icon{background:var(--ms-success)}.ms-block-list{font-size:var(--text-sm);color:var(--ms-ink-mid);margin:0;padding-left:1.1rem;line-height:1.4}.ms-block-list li{margin-bottom:.3rem}.ms-block-list li:last-child{margin-bottom:0}.ms-facts{gap:var(--space-2);flex-wrap:wrap;margin-bottom:1.2rem;display:flex}.ms-fact{padding:var(--space-1) .7rem;border-radius:var(--radius-sm);background:var(--ms-surface);border:1px solid var(--ms-line);font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--ms-ink-mid)}.ms-actions{gap:var(--space-2);flex-wrap:wrap;margin-top:auto;display:flex}.ms-btn{align-items:center;gap:var(--space-1);padding:var(--space-2) .9rem;border-radius:var(--ms-radius-sm);font-size:var(--text-sm);font-weight:var(--weight-bold);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);border:1px solid var(--ms-line);background:var(--surface);color:var(--ms-muted);text-decoration:none;display:inline-flex}.ms-btn:hover{border-color:var(--ms-accent);color:var(--ms-accent);background:var(--ms-accent-soft)}.ms-btn.primary{background:var(--ms-accent);border-color:var(--ms-accent);color:var(--on-primary)}.ms-btn.primary:hover{background:var(--ms-accent-deep);border-color:var(--ms-accent-deep)}.ms-btn svg{flex-shrink:0;width:15px;height:15px}.hub-footer{background:var(--ms-ink);padding:var(--space-8) 1.5rem}.hub-footer-inner{align-items:center;gap:var(--space-6);flex-wrap:wrap;max-width:1100px;margin:0 auto;display:flex}.hub-footer-inner img{filter:brightness(0)invert();opacity:.85;height:28px}.hub-footer-inner p{font-size:var(--text-sm);color:rgba(var(--on-primary-rgb), .78);flex:1;margin:0}.hub-footer-inner nav{gap:var(--space-4);display:flex}.hub-footer-inner nav a{font-size:var(--text-sm);font-weight:var(--weight-bold);color:rgba(var(--on-primary-rgb), .82);transition:color var(--duration-fast) var(--ease-standard);text-decoration:none}.hub-footer-inner nav a:hover{color:var(--on-primary)}@media (max-width:900px){.hub-hero{gap:var(--space-6);padding:var(--space-8) 1rem 1rem;grid-template-columns:1fr}.hub-hero h1{font-size:var(--text-2xl)}.hub-hero-badge{display:none}.ms-card{grid-template-columns:1fr}.ms-card-visual{border-right:none;border-bottom:1px solid var(--ms-line);padding:var(--space-6)}.ms-card-visual img{max-height:160px}.ms-blocks{grid-template-columns:1fr}.hub-header{padding:var(--space-2) 1rem;flex-wrap:wrap}.hub-nav{-webkit-overflow-scrolling:touch;order:3;width:100%;overflow-x:auto}}@media (max-width:600px){.hub-hero h1{font-size:var(--text-2xl)}.ms-card-content{padding:var(--space-5) 1.2rem}.ms-card-title{font-size:var(--text-lg)}.hub-footer-inner{text-align:center;gap:var(--space-3);flex-direction:column}}@media print{.hub-header,.hub-footer,.site-trustbar,.hub-hero-actions,.hub-hero-badge{display:none}.marketing-hub-body{background:var(--surface)}.hub-hero{padding:0 0 1rem}.ms-card{break-inside:avoid;page-break-inside:avoid;box-shadow:none;border:1px solid var(--ms-line)}@page{size:A4;margin:12mm}}}