:root{--xertone-blue:#6264a7;--xertone-blue-light:#ebebf5;--xertone-off-white:#f5f5fb;--xertone-navy:#252423;--navy:var(--xertone-navy);--brand:var(--xertone-blue);--text-body:#1f2937;--text-muted:#6b7280;--link-blue-aa:#464eb8;--footer-muted-aa:#cbd5e1;--bg:#fff;--bg-soft:#f5f5fb;--border:#e5eaf0;--radius:10px;--container:1100px;--font-fallback:"Segoe UI Variable", "Segoe UI", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font-sans), var(--font-fallback);color:var(--text-body);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.navbar{z-index:100;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);border-bottom:1px solid var(--border);background:#fffffff5;position:sticky;top:0}.navbar .container{justify-content:space-between;align-items:center;height:64px;display:flex}.nav-logo{cursor:pointer;color:var(--navy);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-logo svg{width:28px;height:28px}.nav-brand{letter-spacing:-.01em;font-size:18px;font-weight:700}.nav-links{gap:28px;display:flex}.nav-links a{color:var(--text-body);cursor:pointer;font-size:14px;font-weight:500;text-decoration:none}.nav-links a:hover{color:var(--brand)}.btn-primary{background:var(--xertone-navy);color:#fff;border-radius:var(--radius);cursor:pointer;border:0;padding:10px 18px;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary:hover{background:#141312}.btn-sm{padding:8px 14px;font-size:13px}main{background:var(--bg-soft);min-height:calc(100vh - 64px);padding:56px 0 80px}article{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:48px 56px;box-shadow:0 1px 2px #2524230a}article h1{color:var(--navy);letter-spacing:-.02em;margin:0 0 8px;font-size:36px}article .subtitle{color:var(--text-muted);margin:0 0 32px;font-size:15px}article h2{color:var(--navy);letter-spacing:-.01em;border-bottom:1px solid var(--border);margin:36px 0 12px;padding-bottom:8px;font-size:22px}article p,article li{color:var(--text-body)}article ol,article ul{padding-left:22px}article ol li,article ul li{margin:6px 0}article a{color:var(--link-blue-aa)}article .effective{background:var(--xertone-blue-light);border-left:3px solid var(--brand);color:var(--navy);border-radius:6px;margin:24px 0 32px;padding:12px 16px;font-size:14px}article .callout{background:#fffbea;border-left:3px solid #e0a800;border-radius:6px;margin:12px 0;padding:12px 16px;font-size:14px}.footer{background:var(--navy);color:#cbd5e1;padding:56px 0 28px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:32px;display:grid}.footer-brand-row{align-items:center;gap:10px;display:flex}.footer-brand-row svg{width:28px;height:28px}.footer-brand{color:#fff;font-size:18px;font-weight:700}.footer-tagline{color:#94a3b8;margin:8px 0 0;font-size:14px}.footer-col h3{color:#fff;margin:0 0 12px;font-size:14px;font-weight:600}.footer-col a{color:#94a3b8;cursor:pointer;padding:4px 0;font-size:14px;text-decoration:none;display:block}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-top:32px;padding-top:24px;font-size:13px;display:flex}.footer-copy{color:var(--footer-muted-aa)}.footer-right{color:var(--footer-muted-aa);align-items:center;gap:14px;display:flex}.footer-right a{color:var(--footer-muted-aa);display:inline-flex}@media (max-width:768px){.nav-links{display:none}article{padding:28px 22px}article h1{font-size:28px}.footer-grid{grid-template-columns:1fr 1fr}}