/* Seylac public design unity v1. Scoped to public marketing and guest surfaces. */
:root{--sdu-ink:#102443;--sdu-muted:#475d75;--sdu-blue:#124e96;--sdu-navy:#071f4a;--sdu-border:#d6e3f1;--sdu-font:"Instrument Sans",Inter,ui-sans-serif,system-ui,sans-serif}
html body:is(:not(.app-shell)){font-family:var(--sdu-font)}
html body :is(.features-hero h1,.solutions-hero h1,.mp-hero h1,.iv-hero h1,.bk-hero h1,.syr-hub-intro h1){font-family:var(--sdu-font);font-size:clamp(2.75rem,5.5vw,4.75rem);line-height:1.04;letter-spacing:-.052em}
html body .features-hero h1 span{color:#fff!important;text-shadow:0 2px 16px rgba(5,28,70,.22)}
html body .features-hero-copy>p{color:rgba(255,255,255,.9)!important}
html body .features-hero .features-hero-actions .btn-primary,
html body .mp-hero .mp-actions .btn-light{background:#fff!important;border-color:#fff!important;color:#113e7a!important;box-shadow:0 10px 26px rgba(5,31,74,.18)}
html body .features-hero .features-hero-actions .btn-outline,
html body .mp-hero .mp-actions .btn-outline-light{background:transparent!important;border:1px solid rgba(255,255,255,.8)!important;color:#fff!important}
html body .features-hero .features-hero-actions .btn:hover,
html body .mp-hero .mp-actions .btn:hover{transform:translateY(-2px)}
html body .features-hero .features-hero-actions .btn:focus-visible,
html body .mp-hero .mp-actions .btn:focus-visible{outline:3px solid #fbd06b!important;outline-offset:3px}
html body .syr-hub-intro h1 em{font-family:inherit;font-style:normal;font-weight:780;color:#1156a1}
html body :is(.features-section h2,.workflow-section h2,.foundation-section h2,.solutions-section h2,.iv-section-title,.bk-section-title,.syr-section-head h2){font-family:var(--sdu-font);letter-spacing:-.048em}
html body :is(.features-hero-copy>p,.solutions-hero-copy>p,.mp-hero p,.iv-lead,.bk-lead,.syr-hub-intro>p){font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.65}
html body :is(.stack-header small,.command-window small,.iv-app small,.bk-app small,.syr-workflow-item small){font-size:max(12px, .75rem);line-height:1.35}
html body :is(.stack-mark,.iv-appmark,.bk-appmark){font-size:0!important;color:transparent!important;background:#fff url('/assets/seylac-brand-official-20261019/icon-48.png') center/76% no-repeat!important;border:1px solid rgba(12,72,156,.12);box-shadow:0 2px 9px rgba(7,31,74,.15)}
html body .command-side-logo{width:40px;height:40px;background:#fff url('/assets/seylac-brand-official-20261019/icon-48.png') center/76% no-repeat;border-radius:10px}
html body .iv-paper-logo{font-family:var(--sdu-font);font-weight:800}
html body .sy-auth-footer{font-size:13px;color:#e2ecfc}
html body .guest-preview .preview-top span{font-size:12px}
html{scroll-padding-top:90px}
@media(max-width:767px){html body :is(.features-hero h1,.solutions-hero h1,.mp-hero h1,.iv-hero h1,.bk-hero h1,.syr-hub-intro h1){font-size:clamp(2.5rem,9vw,3.5rem);line-height:1.08}html body :is(.features-hero-actions,.mp-actions){gap:10px}html body :is(.features-hero-actions .btn,.mp-actions .btn){min-height:48px;font-size:14px;white-space:normal}html body :is(.stack-header small,.command-window small,.iv-app small,.bk-app small,.syr-workflow-item small){font-size:11px}}
/* Contrast on the actual blue Features hero, including its proof labels. */
html body .features-hero .features-hero-copy h1{color:#fff!important}
html body .features-hero .features-proof{color:#e7f2ff!important}
html body .features-hero .features-proof span{color:#e7f2ff!important}
html body .features-hero .features-proof i{color:#086b55!important;background:#b8ffe5!important}
html body .feature-float .float-ai-icon{font-size:0!important;background:#fff url('/assets/seylac-brand-official-20261019/icon-48.png') center/80% no-repeat!important}