:root{--obsidian-50: #EAEEF7;--obsidian-100: #CCD7ED;--obsidian-200: #99B0DC;--obsidian-300: #6184C6;--obsidian-400: #345CAE;--obsidian-500: #193C8B;--obsidian-600: #0A1B44;--obsidian-700: #071333;--obsidian-800: #050D24;--obsidian-900: #020612;--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(--obsidian-600);--text-brand-hover: var(--obsidian-500);--surface-page: var(--grey-50);--surface-card: var(--grey-0);--surface-sunken: var(--grey-100);--surface-inverse: var(--obsidian-600);--surface-accent: var(--obsidian-600);--surface-accent-subtle: var(--obsidian-50);--border-subtle: var(--grey-200);--border-default: var(--grey-300);--border-accent: var(--obsidian-600);--action-primary-bg: var(--obsidian-600);--action-primary-bg-hover: var(--obsidian-500);--action-primary-bg-active: var(--obsidian-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(--obsidian-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}.xd-container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.xd-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(--obsidian-50);color:var(--obsidian-600);border:1px solid var(--obsidian-100)}.xd-badge-dot{width:6px;height:6px;border-radius:50%;background-color:var(--emerald-600)}.xd-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}.xd-btn-primary:hover{background-color:var(--action-primary-bg-hover);transform:translateY(-1px)}.xd-btn-primary:active{background-color:var(--action-primary-bg-active);transform:translateY(0)}.xd-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}.xd-btn-secondary:hover{background-color:var(--action-secondary-bg-hover);border-color:var(--obsidian-400)}.xd-section{padding:var(--space-10) 0}@media(max-width:768px){.xd-section{padding:var(--space-8) 0}}