/* VKEC shared design system — polished navigation */
:root{--navy:#0b315b;--navy2:#082743;--blue:#1678c9;--teal:#159aa7;--green:#4e9c22;--gold:#b88a3b;--ink:#172636;--muted:#607180;--line:#dce7f0;--surface:#f5f8fb;--white:#fff}
*{box-sizing:border-box}
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(11,49,91,.09);backdrop-filter:blur(12px)}
.site-header-inner{width:min(1380px,calc(100% - 48px));min-height:92px;margin:auto;display:flex;align-items:center;gap:34px}
.site-brand{display:flex;align-items:center;flex:0 0 auto}.site-brand img{width:104px;height:76px;object-fit:contain;display:block}
.main-nav{margin-left:auto;display:flex;align-items:center;gap:2px;height:100%}
.main-nav>a,.nav-dropdown-toggle{appearance:none;border:0;background:transparent;color:var(--navy);font:650 15.5px/1.2 "Segoe UI",Arial,sans-serif;text-decoration:none;white-space:nowrap;padding:16px 14px;border-radius:9px;cursor:pointer;position:relative;transition:color .18s ease,background .18s ease}
.main-nav>a::after,.nav-dropdown-toggle::after{content:"";position:absolute;left:14px;right:14px;bottom:8px;height:2px;border-radius:2px;background:var(--blue);transform:scaleX(0);transform-origin:center;transition:transform .18s ease}
.main-nav>a:hover,.main-nav>a:focus-visible,.nav-dropdown-toggle:hover,.nav-dropdown-toggle:focus-visible{color:var(--blue);outline:none;background:#f5f9fc}
.main-nav>a:hover::after,.main-nav>a:focus-visible::after,.nav-dropdown-toggle:hover::after,.nav-dropdown-toggle:focus-visible::after{transform:scaleX(1)}
.nav-dropdown{position:relative}
.nav-dropdown.is-open>.nav-dropdown-toggle{color:var(--blue);background:#f3f8fc}
.nav-dropdown.is-open>.nav-dropdown-toggle::after{transform:scaleX(1)}
.chevron{display:inline-block;margin-left:6px;font-size:14px;line-height:1;transition:transform .2s ease}.nav-dropdown.is-open .chevron{transform:rotate(180deg)}

.nav-dropdown-menu{position:absolute;right:-12px;top:calc(100% + 12px);width:560px;padding:0;background:rgba(255,255,255,.99);border:1px solid rgba(11,49,91,.10);border-radius:20px;box-shadow:0 24px 60px rgba(8,39,67,.17);opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease;overflow:hidden}
.nav-dropdown.is-open .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.suite-intro{padding:20px 22px 17px;background:linear-gradient(135deg,#f7fbfd,#fff);border-bottom:1px solid #e7eef3}
.suite-kicker{display:block;font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--teal);margin-bottom:7px}
.suite-intro strong{display:block;color:var(--navy);font-size:19px;letter-spacing:-.01em}
.suite-intro small{display:block;color:var(--muted);font-size:12.5px;margin-top:4px}
.suite-products{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:15px}
.suite-product{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:11px;padding:14px;border:1px solid #e5edf3;border-radius:14px;text-decoration:none;color:var(--ink);background:#fff;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.suite-product:hover{border-color:#c9deed;box-shadow:0 8px 22px rgba(8,39,67,.08);transform:translateY(-1px)}
.suite-product strong{display:block;color:var(--navy);font-size:14.5px}.suite-product small{display:block;color:var(--muted);font-size:11.5px;line-height:1.35;margin-top:4px}
.product-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:18px}.product-icon.sow{background:linear-gradient(135deg,var(--blue),var(--teal))}.product-icon.sign{background:linear-gradient(135deg,#7357c7,var(--blue))}
.arrow{display:none}
.suite-explore{display:flex;justify-content:space-between;align-items:center;margin:0 15px 15px;padding:12px 14px;border-radius:10px;background:#f3f8fc;color:var(--navy);font-size:13px;font-weight:800;text-decoration:none;transition:background .18s ease,color .18s ease}
.suite-explore:hover{background:#e9f3f9;color:var(--blue)}.suite-explore span{color:var(--teal);font-size:17px}

.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:#eef5fa;border-radius:10px;cursor:pointer}.nav-toggle span{display:block;width:23px;height:2px;background:var(--navy);margin:5px auto;border-radius:2px}
.site-footer{margin-top:0;background:var(--navy2);color:#fff}.site-footer-inner{width:min(1180px,calc(100% - 40px));margin:auto;padding:46px 0 24px}.footer-brand{display:flex;flex-direction:column;gap:7px}.footer-brand strong{font-size:20px}.footer-brand span{opacity:.78}.footer-links{display:flex;flex-wrap:wrap;gap:12px 28px;margin-top:24px}.footer-links a{color:#fff;text-decoration:none;opacity:.88}.footer-links a:hover{opacity:1}.footer-bottom{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.16);font-size:13px;opacity:.68}
@media(max-width:1100px){.site-header-inner{width:min(100% - 30px,1100px);gap:16px}.site-brand img{width:94px;height:70px}.main-nav>a,.nav-dropdown-toggle{font-size:14px;padding:12px 9px}}
@media(max-width:900px){.site-header-inner{min-height:76px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;padding:12px 18px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(8,39,67,.12);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav>a,.nav-dropdown-toggle{width:100%;text-align:left;padding:14px 10px;font-size:15px}.nav-dropdown-menu{position:static;width:auto;margin:3px 10px 8px;padding:10px;display:none;box-shadow:none;border-radius:14px}.nav-dropdown.is-open .nav-dropdown-menu{display:block;opacity:1;visibility:visible;transform:none}.site-brand img{width:94px;height:66px}}
@media(max-width:480px){.site-header-inner{width:calc(100% - 20px)}.site-brand img{width:88px;height:62px}.suite-product{grid-template-columns:36px 1fr 16px}.product-icon{width:36px;height:36px}.site-footer-inner{width:calc(100% - 28px)}}
@media(max-width:1100px){.site-header-inner{width:min(100% - 30px,1100px);gap:16px}.site-brand img{width:94px;height:70px}.main-nav>a,.nav-dropdown-toggle{font-size:14px;padding:14px 9px}.main-nav>a::after,.nav-dropdown-toggle::after{left:9px;right:9px}}
@media(max-width:900px){.site-header-inner{min-height:76px}.nav-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;height:auto;padding:12px 18px 18px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 18px 35px rgba(8,39,67,.12);flex-direction:column;align-items:stretch}.main-nav.is-open{display:flex}.main-nav>a,.nav-dropdown-toggle{width:100%;text-align:left;padding:14px 10px;font-size:15px}.main-nav>a::after,.nav-dropdown-toggle::after{display:none}.nav-dropdown-menu{position:static;width:auto;margin:4px 10px 8px;padding:0;display:none;box-shadow:none;border-radius:14px}.nav-dropdown.is-open .nav-dropdown-menu{display:block;opacity:1;visibility:visible;transform:none}.suite-products{grid-template-columns:1fr}.site-brand img{width:94px;height:66px}}
@media(max-width:480px){.site-header-inner{width:calc(100% - 20px)}.site-brand img{width:88px;height:62px}.site-footer-inner{width:calc(100% - 28px)}}