.site-header { position: fixed; z-index: 1000; top: 0; right: 0; left: 0; border-bottom: 1px solid transparent; transition: background .25s, box-shadow .25s, border-color .25s; }
.site-header.scrolled { border-color: rgba(10,23,36,.07); background: rgba(255,255,255,.88); box-shadow: 0 8px 30px rgba(7,27,46,.05); backdrop-filter: blur(18px); }
.navbar { min-height: 78px; padding: .75rem 0; }
.brand { display: inline-flex; align-items: center; gap: .72rem; color: var(--navy); font-size: 1.28rem; font-weight: 720; letter-spacing: -.025em; }
.brand-mark { position: relative; display: grid; width: 31px; height: 31px; grid-template-columns: repeat(3, 1fr); gap: 2px; align-items: end; padding: 5px; overflow: hidden; border-radius: 8px; background: var(--navy); }
.brand-mark i { display: block; border-radius: 2px 2px 1px 1px; background: #fff; }
.brand-mark i:nth-child(1) { height: 9px; opacity: .55; }.brand-mark i:nth-child(2) { height: 15px; opacity: .78; }.brand-mark i:nth-child(3) { height: 21px; background: var(--cyan); }
.navbar-nav { gap: .1rem; }
.nav-link { padding: .55rem .62rem !important; color: #4c5a69; font-size: .82rem; font-weight: 560; white-space: nowrap; }
.nav-link:hover, .nav-link.active { color: var(--blue); }
.nav-cta { margin-left: 1rem; font-size: .78rem !important; }
.navbar-toggler { width: 44px; height: 42px; padding: 10px; border: 1px solid var(--line); border-radius: 10px; box-shadow: none !important; }
.navbar-toggler span { display: block; height: 2px; margin: 4px 0; background: var(--ink); }
.btn { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: .65rem; border-radius: 10px; font-size: .88rem; font-weight: 650; transition: transform .25s var(--ease), box-shadow .25s, background .25s, color .25s; }
.btn:hover { transform: translateY(-2px); }
.btn-primary { border-color: var(--blue); background: var(--blue); box-shadow: 0 10px 24px rgba(12,91,217,.2); }
.btn-primary:hover { border-color: var(--blue-hover); background: var(--blue-hover); box-shadow: 0 14px 30px rgba(12,91,217,.28); }
.btn-secondary { color: var(--ink); border-color: #cfd8e1; background: rgba(255,255,255,.7); }
.btn-secondary:hover { color: var(--blue); border-color: var(--blue); background: #fff; }
.btn-lg { min-height: 54px; padding: .8rem 1.25rem; font-size: .94rem; }
.feature-card { position: relative; min-height: 270px; padding: 2rem; border: 1px solid var(--line); border-radius: var(--radius); background: #fff; box-shadow: var(--shadow-sm); transition: transform .3s var(--ease), box-shadow .3s, border-color .3s; }
.feature-card:hover { transform: translateY(-5px); border-color: #b9d1ea; box-shadow: var(--shadow); }
.feature-card .line-icon { display: grid; width: 42px; height: 42px; place-items: center; margin-bottom: 2.2rem; color: var(--blue); border: 1px solid #cfe0f5; border-radius: 12px; background: var(--canvas-blue); font-size: .75rem; font-weight: 750; }
.feature-card h3 { margin-bottom: .8rem; }.feature-card p { min-height: 76px; margin: 0; font-size: .96rem; }.feature-card small { position: absolute; right: 2rem; bottom: 1.6rem; left: 2rem; padding-top: 1rem; color: #758392; border-top: 1px solid var(--line); font-size: .72rem; }
.solution-card { padding: 1rem; border: 1px solid var(--line-dark); border-radius: var(--radius); background: rgba(255,255,255,.055); transition: transform .3s var(--ease), background .3s; }
.solution-card:hover { transform: translateY(-5px); background: rgba(255,255,255,.09); }
.solution-card > h3 { margin: 1.5rem .5rem .55rem; color: #fff; }.solution-card > p { min-height: 52px; margin: 0 .5rem .6rem; color: #9fb0c0; font-size: .9rem; }
.mini-ui { height: 210px; padding: 1.25rem; overflow: hidden; color: var(--ink); border-radius: 12px; background: #f8fafc; }
.mini-top { display: flex; align-items: center; justify-content: space-between; color: #738293; font-size: .62rem; text-transform: uppercase; }.mini-top b { color: var(--blue); font-size: .58rem; }
.metric-row { display: flex; align-items: baseline; gap: .6rem; margin: 2rem 0 1.2rem; }.metric-row strong { font-size: 2.6rem; letter-spacing: -.06em; }.metric-row small { color: #778696; }
.progress-lines i { display: block; width: 100%; height: 7px; margin: 10px 0; border-radius: 10px; background: linear-gradient(90deg, var(--cyan) 72%, #e4eaf0 72%); }.progress-lines i:nth-child(2) { background: linear-gradient(90deg, var(--blue) 48%, #e4eaf0 48%); }.progress-lines i:nth-child(3) { background: linear-gradient(90deg, #96a5b5 86%, #e4eaf0 86%); }
.task { display: grid; grid-template-columns: 8px 1fr auto; gap: .7rem; align-items: center; margin-top: .85rem; padding: .75rem; border: 1px solid #e2e9ef; border-radius: 8px; background: #fff; font-size: .67rem; }.task i { width: 7px; height: 7px; border-radius: 50%; background: #f0a52a; }.task i.high { background: var(--danger); }.task i.low { background: var(--success); }.task em { color: #778696; font-style: normal; }
.price { margin: 2rem 0; padding: 1rem; border: 1px solid #dbe6f0; border-radius: 10px; background: #fff; }.price small, .price strong { display: block; }.price small { color: #778696; font-size: .68rem; }.price strong { margin-top: .4rem; color: var(--blue); font-size: 1.65rem; }.range { height: 5px; border-radius: 10px; background: #dce5ed; }.range i { display: block; position: relative; width: 68%; height: 100%; border-radius: inherit; background: var(--cyan); }.range i::after { position: absolute; top: 50%; right: 0; width: 13px; height: 13px; content: ""; transform: translate(50%,-50%); border: 3px solid #fff; border-radius: 50%; background: var(--blue); box-shadow: 0 2px 6px #668; }
.proposal { display: grid; place-items: center; background: #edf2f7; }.proposal-sheet { width: 120px; height: 158px; padding: 1rem; transform: rotate(-3deg); border-radius: 5px; background: #fff; box-shadow: 0 12px 28px rgba(7,27,46,.15); }.proposal-sheet span { color: var(--blue); font-size: .55rem; font-weight: 800; }.proposal-sheet i { display: block; height: 5px; margin-top: .8rem; background: #dce4eb; }.proposal-sheet i:nth-of-type(2){ width: 70%; }.proposal-sheet b { display: block; margin-top: 1.5rem; padding-top: .5rem; color: var(--success); border-top: 1px solid #e6ebef; font-size: .5rem; }
.docs { display: flex; align-items: center; gap: 1.2rem; }.folder { position: relative; width: 76px; height: 58px; flex: 0 0 auto; border-radius: 5px 9px 9px 9px; background: #f5c75a; box-shadow: 0 8px 18px rgba(160,110,0,.18); }.folder::before { position: absolute; top: -9px; left: 0; width: 35px; height: 13px; content: ""; border-radius: 5px 5px 0 0; background: #e7b84b; }.doc-info strong,.doc-info span { display:block; }.doc-info strong { font-size: .85rem; }.doc-info span { margin: .35rem 0 1rem; color: #788797; font-size: .65rem; }.doc-info i { display:block; width:90px; height:6px; margin:.5rem 0; background:#dce5ed; }
.cockpit { position: relative; }.donut { width: 110px; height: 110px; margin: 1.3rem auto .8rem; border-radius: 50%; background: conic-gradient(var(--blue) 0 62%, var(--cyan) 62% 88%, #e0e7ee 88%); }.donut::after { display: block; width: 65px; height: 65px; content: ""; transform: translate(22px,22px); border-radius: 50%; background: #f8fafc; }.cockpit-legend { display:flex; justify-content:center; gap:.7rem; color:#657586; font-size:.53rem; }.cockpit-legend i { display:inline-block; width:6px; height:6px; margin-right:3px; border-radius:50%; background:var(--blue); }.cockpit-legend span:nth-child(2) i { background:var(--cyan); }.cockpit-legend span:nth-child(3) i { background:#dfe6ec; }
@media (max-width:1199.98px){ .navbar-collapse { margin-top: .75rem; padding: 1rem; border: 1px solid var(--line); border-radius: 14px; background: rgba(255,255,255,.98); box-shadow: var(--shadow); }.nav-cta { width: 100%; margin: .75rem 0 0; }.nav-link { padding: .65rem !important; font-size: .9rem; } }