/* Navbar */
.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:var(--white);border-bottom:1px solid var(--border);transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}
.navbar.is-scrolled{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border-bottom-color:var(--glass-border);box-shadow:var(--glass-inset),0 1px 0 rgba(226,232,240,0.6)}
.nav-container{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:64px;gap:40px}
@media(min-width:768px){.nav-container{padding:0 40px}}
.nav-brand{display:flex;align-items:center;gap:8px;font-family:var(--font-brand);font-weight:700;font-size:1.15rem;color:var(--ink);flex-shrink:0;text-decoration:none}
.nav-logo-img{width:22px;height:auto;display:block}
.nav-brand-name{font-family:var(--font-brand);font-weight:700;font-size:1.15rem;color:var(--ink)}
.mark{display:inline-block;letter-spacing:0.08em;color:var(--indigo);font-family:var(--font-brand);animation:lx-mark-converge 0.7s cubic-bezier(0,0,0.2,1) 0.05s both}
.nav-menu{display:none;align-items:center;gap:4px;flex:1}
@media(min-width:900px){.nav-menu{display:flex}}
.nav-link{font-size:0.9rem;font-weight:500;color:var(--slate);padding:6px 12px;border-radius:var(--r-sm);transition:color 0.2s}
.nav-link.active,.nav-link:hover{color:var(--indigo)}
.nav-link.active{font-weight:600;position:relative;}
.nav-link.active::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--indigo);border-radius:2px;}
.nav-dropdown{position:relative}
.nav-dropdown:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-toggle{display:flex;align-items:center;gap:6px;cursor:pointer}
.dropdown-toggle .fa-chevron-down{font-size:0.7rem;transition:transform 0.2s}
.nav-dropdown:hover .fa-chevron-down{transform:rotate(180deg)}
.dropdown-menu{position:absolute;top:calc(100% + 8px);left:0;min-width:200px;background:rgba(255,255,255,0.97);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.2s,transform 0.2s,visibility 0.2s}
.dropdown-menu a{display:block;padding:8px 12px;font-size:0.875rem;color:var(--slate);border-radius:var(--r-sm);transition:background 0.15s,color 0.15s}
.dropdown-menu a:hover,.dropdown-menu a.active{background:var(--indigo-pale);color:var(--indigo)}
.nav-cta{margin-left:auto;background:var(--indigo);color:var(--white)!important;padding:8px 18px!important;border-radius:var(--r-sm);font-weight:600;font-size:0.875rem;transition:background 0.2s!important}
.nav-cta:hover{background:var(--indigo-dark)!important;transform:translateY(-1px)}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}
@media(max-width:899px){.nav-toggle{display:flex}.nav-menu{display:none;flex-direction:column;align-items:stretch;position:fixed;top:64px;left:0;right:0;background:var(--white);border-bottom:1px solid var(--border);padding:16px 24px 24px;gap:4px;max-height:calc(100vh - 64px);overflow-y:auto}.nav-menu.open{display:flex}.dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:var(--surface);border:1px solid var(--border);margin-top:4px}.nav-cta{text-align:center;margin:8px 0 0}}
/* Resource subnav */
.resource-subnav{background:var(--white);border-bottom:1px solid var(--border);position:sticky;top:64px;z-index:99}
.subnav-inner{max-width:1180px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.subnav-inner::-webkit-scrollbar{display:none}
@media(min-width:768px){.subnav-inner{padding:0 40px}}
.subnav-link{display:flex;align-items:center;gap:8px;padding:14px 18px;font-size:0.875rem;font-weight:500;color:var(--slate-light);border-bottom:2px solid transparent;white-space:nowrap;transition:color 0.2s,border-color 0.2s;flex-shrink:0}
.subnav-link:hover{color:var(--ink)}
.subnav-link.active{color:var(--indigo);border-bottom-color:var(--indigo)}
/* Page hero */
.page-hero{padding-top:112px;padding-bottom:48px;background:var(--ink);text-align:center}
.page-hero-eyebrow{display:inline-block;font-size:0.78rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--indigo-light);background:rgba(85,88,240,0.15);border:1px solid rgba(123,125,245,0.3);padding:4px 12px;border-radius:var(--r-xl);margin-bottom:16px;animation:lx-fade-up 0.4s cubic-bezier(0,0,0.2,1) 0.1s both}
.page-hero h1{color:var(--white);font-size:clamp(1.75rem,3.5vw,2.75rem);margin-bottom:12px;animation:lx-fade-up 0.45s cubic-bezier(0,0,0.2,1) 0.2s both}
.page-hero p{color:rgba(255,255,255,0.65);font-size:1.05rem;max-width:560px;margin:0 auto;animation:lx-fade-up 0.45s cubic-bezier(0,0,0.2,1) 0.3s both}
/* Buttons */
.btn-primary{background:var(--indigo);color:var(--white);padding:11px 22px;border-radius:var(--r-sm);font-weight:600;font-size:0.95rem;border:none;cursor:pointer;transition:background 0.2s,transform 0.15s,box-shadow 0.2s;display:inline-flex;align-items:center;gap:8px}
.btn-primary:hover{background:var(--indigo-dark);transform:translateY(-2px);box-shadow:var(--shadow-indigo)}
.btn-outline{background:transparent;color:var(--indigo);padding:10px 20px;border-radius:var(--r-sm);font-weight:600;font-size:0.9rem;border:1px solid var(--indigo);cursor:pointer;transition:background 0.2s,color 0.2s;display:inline-flex;align-items:center;gap:8px}
.btn-outline:hover{background:var(--indigo-pale)}
.btn-ghost{background:transparent;color:rgba(255,255,255,0.8);padding:11px 22px;border-radius:var(--r-sm);font-weight:500;font-size:0.95rem;border:1px solid rgba(255,255,255,0.2);cursor:pointer;transition:background 0.2s;display:inline-flex;align-items:center;gap:8px}
.btn-ghost:hover{background:rgba(255,255,255,0.08);color:var(--white)}
/* Section helpers */
.section-white{background:var(--white)}
.section-slate{background:var(--surface)}
.section-dark{background:var(--ink)}
.section-header{margin-bottom:48px}
.section-header.centered{text-align:center}
.section-header.centered .section-eyebrow{justify-content:center}
.section-eyebrow{display:flex;align-items:center;gap:10px;font-size:0.8rem;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:var(--indigo);margin-bottom:12px}
.section-eyebrow::before,.section-eyebrow::after{content:'';flex:1;height:1px;background:var(--indigo);opacity:0.3;max-width:40px}
.section-header.centered .section-eyebrow::before,.section-header.centered .section-eyebrow::after{flex:0;max-width:32px}
.section-h2{margin-bottom:12px}
.section-dark .section-h2{color:var(--white)}
.section-sub{font-size:1.05rem;max-width:600px;color:var(--slate);line-height:1.7}
.section-header.centered .section-sub{margin:0 auto}
.section-dark .section-sub{color:rgba(255,255,255,0.65)}
/* Glass card base */
.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm),var(--glass-inset)}
/* CTA section */
.cta-section{background:var(--ink);padding:72px 0;text-align:center;position:relative;overflow:hidden}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(85,88,240,0.12) 0%,transparent 70%);pointer-events:none}
.cta-mark{font-family:var(--font-brand);font-size:2rem;font-weight:700;letter-spacing:0.08em;color:var(--indigo-light);margin-bottom:20px;display:block}
.cta-logo-mark{width:32px;height:auto;display:block;margin:0 auto 20px;filter:brightness(0) invert(1) opacity(0.7);}
.cta-section h2{color:var(--white);font-size:clamp(1.75rem,3.5vw,2.5rem);margin-bottom:16px}
.cta-section p{color:rgba(255,255,255,0.65);font-size:1.05rem;max-width:520px;margin:0 auto 36px}
.cta-btns{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
/* Footer */
footer{background:var(--ink-deep);border-top:1px solid rgba(255,255,255,0.06);padding:64px 0 32px}
.footer-grid{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:48px}
@media(max-width:700px){.footer-grid{grid-template-columns:1fr;gap:36px}}
.footer-brand-name{display:flex;align-items:center;gap:8px;font-family:var(--font-brand);font-weight:700;font-size:1.1rem;color:var(--white);margin-bottom:10px}
.footer-logo-img{width:20px;height:auto;display:block;filter:brightness(0) invert(1) opacity(0.85)}
.footer-brand-name .mark{color:var(--indigo-light)}
.footer-tagline{font-size:0.875rem;color:rgba(255,255,255,0.45);margin-bottom:4px}
.footer-loc{font-size:0.8rem;color:rgba(255,255,255,0.3)}
.footer-links-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
@media(max-width:480px){.footer-links-grid{grid-template-columns:1fr}}
.footer-col h4{font-size:0.8rem;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:rgba(255,255,255,0.4);margin-bottom:16px}
.footer-col ul{display:flex;flex-direction:column;gap:10px}
.footer-col a{font-size:0.875rem;color:rgba(255,255,255,0.55);transition:color 0.2s}
.footer-col a:hover{color:var(--white)}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:24px;text-align:center}
.footer-bottom p{font-size:0.8rem;color:rgba(255,255,255,0.3)}