/* Synklas Compact Business UI – additive visual layer, 2026-10-27 */
:root{--syn-ink:#18283b;--syn-blue:#173c63;--syn-border:#e2e6eb;--syn-muted:#657284}
html{scroll-behavior:smooth}
body{font-size:14px;line-height:1.5}
.wrap,.container,.page-container{max-width:1080px}
.wrap{width:min(1080px,calc(100% - 36px))}
.header{background:#fff!important;border-bottom:1px solid var(--syn-border)!important;box-shadow:0 1px 5px rgba(20,40,60,.035)!important;backdrop-filter:none}
.header .nav{min-height:56px;gap:15px}
.header .brand img{width:35px;height:35px;object-fit:contain}
.header .brand strong{color:var(--syn-ink)!important;font-size:.83rem;letter-spacing:.04em}
.header .brand span{color:var(--syn-muted)!important;letter-spacing:.08em}
.header .links a{color:#435368!important;font-size:.82rem;padding:7px 9px;border-radius:5px}
.header .links a:hover{color:var(--syn-blue)!important;background:#f2f5f8}
.header .menu-btn{color:var(--syn-ink);border-color:var(--syn-border)}
.btn,.button,button.btn,a.btn{border-radius:6px;padding:9px 15px;font-size:.86rem;font-weight:600;box-shadow:none}
.btn-gold{background:var(--syn-blue);color:#fff;box-shadow:none}
.btn-navy{background:var(--syn-blue);color:#fff}
.btn-outline{border-color:#bcc8d4;color:var(--syn-blue)}
.section{padding:46px 0}
.section h2{font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.2}
.section-intro{margin-bottom:23px}
.grid{gap:14px}
.card{border-radius:9px;box-shadow:none;padding:20px}
.page-hero{background:#f7f8fa!important;color:var(--syn-ink)!important;border-bottom:1px solid var(--syn-border)}
.page-hero:before{display:none}
.page-hero .wrap{padding:36px 0;max-width:780px}
.page-hero h1{font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.18;margin:10px 0 0}
.page-hero p{color:var(--syn-muted)!important}
.hero:not(.hero-video){background:#f7f8fa!important;color:var(--syn-ink)!important}
.hero:not(.hero-video):before{display:none}
.hero:not(.hero-video) p{color:var(--syn-muted)!important}
.hero-grid{gap:28px;padding:48px 0}
.hero h1{font-size:clamp(1.85rem,3.3vw,2.8rem);line-height:1.15}
.hero .lead{font-size:1rem;font-weight:500}
.hero-actions{margin-top:20px;gap:9px}
.hero-img{border-radius:10px;box-shadow:0 6px 22px rgba(18,36,55,.08)}
.eyebrow{border:0;padding:0;color:var(--syn-blue);font-size:.69rem;letter-spacing:.08em}
input:not([type=checkbox]):not([type=radio]),select,textarea{max-width:100%;border-radius:6px}
input,select,textarea{font-size:14px}
@media(max-width:900px){.wrap{width:calc(100% - 28px)}.hero-grid{padding:32px 0}.section{padding:32px 0}.header .nav{min-height:54px}.header .mobile{background:#fff;border-top:1px solid var(--syn-border)}.header .mobile a{color:var(--syn-ink);border-bottom:1px solid var(--syn-border)}}
@media(max-width:600px){.card{padding:15px}.page-hero .wrap{padding:27px 0}}