:root{--sapphire-50: #EDF2FC;--sapphire-100: #D6E3F9;--sapphire-200: #ADC7F3;--sapphire-300: #7DA6EB;--sapphire-400: #4B80E0;--sapphire-500: #285ED1;--sapphire-600: #13328C;--sapphire-700: #0E256D;--sapphire-800: #0A1B4F;--sapphire-900: #061134;--grey-0: #FFFFFF;--grey-25: #FBFCFD;--grey-50: #F7F8FA;--grey-100: #F0F2F5;--grey-200: #E4E7EC;--grey-300: #D3D8E0;--grey-400: #A8B0BD;--grey-500: #868E9C;--grey-600: #5B6270;--grey-700: #3C424E;--grey-800: #232833;--grey-900: #0F1115;--emerald-50: #EAF7F1;--emerald-600: #059669;--emerald-700: #047857;--text-primary: var(--grey-900);--text-secondary: var(--grey-600);--text-tertiary: var(--grey-500);--text-inverse: var(--grey-0);--text-brand: var(--sapphire-600);--text-brand-hover: var(--sapphire-500);--surface-page: var(--grey-50);--surface-card: var(--grey-0);--surface-sunken: var(--grey-100);--surface-inverse: var(--sapphire-600);--surface-accent: var(--sapphire-600);--surface-accent-subtle: var(--sapphire-50);--border-subtle: var(--grey-200);--border-default: var(--grey-300);--border-accent: var(--sapphire-600);--action-primary-bg: var(--sapphire-600);--action-primary-bg-hover: var(--sapphire-500);--action-primary-bg-active: var(--sapphire-700);--action-primary-fg: var(--grey-0);--action-secondary-bg: var(--grey-0);--action-secondary-bg-hover: var(--grey-50);--action-secondary-fg: var(--grey-900);--action-secondary-border: var(--grey-300);--focus-ring: 0 0 0 3px var(--sapphire-100);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 48px;--space-9: 64px;--space-10: 96px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 9999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", "Cascadia Code", "Fira Code", Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-family:var(--font-sans);background-color:var(--surface-page);color:var(--text-primary);-webkit-font-smoothing:antialiased}body{min-height:100vh;line-height:1.5}a{color:inherit;text-decoration:none}.xf-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.xf-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.02em;background-color:var(--sapphire-50);color:var(--sapphire-600);border:1px solid var(--sapphire-100)}.xf-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--emerald-600)}.xf-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;background-color:var(--action-primary-bg);color:var(--action-primary-fg);font-size:14px;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color .15s ease,transform .15s ease}.xf-btn-primary:hover{background-color:var(--action-primary-bg-hover);transform:translateY(-1px)}.xf-btn-primary:active{background-color:var(--action-primary-bg-active);transform:translateY(0)}.xf-btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 20px;background-color:var(--action-secondary-bg);color:var(--action-secondary-fg);font-size:14px;font-weight:600;border-radius:var(--radius-md);border:1px solid var(--action-secondary-border);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.xf-btn-secondary:hover{background-color:var(--action-secondary-bg-hover);border-color:var(--sapphire-400)}.xf-section{padding:var(--space-10) 0}@media(max-width:768px){.xf-section{padding:var(--space-8) 0}}