.xp{width:100%;max-width:960px;margin:70px auto 0;padding:var(--space-8) var(--space-4) var(--space-16);display:flex;flex-direction:column;gap:var(--space-10);color:var(--text-primary)}.xp,.xp-hero>*,.xp-section>*,.xp>*{min-width:0}.xp-hero{display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center}.xp-hero__copy{display:flex;flex-direction:column;gap:var(--space-4)}.xp-eyebrow{font-size:var(--font-size-xs);font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-primary)}.xp-title{font-family:var(--font-display);font-weight:800;font-size:var(--font-size-3xl);line-height:var(--line-height-tight)}.xp-lead{font-size:var(--font-size-md);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.xp-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.xp-ctas .btn{display:inline-flex;align-items:center;gap:var(--space-2)}.xp-note{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-normal)}.xp-shot{margin:0;justify-self:center;max-width:300px}.xp-shot img{display:block;width:100%;height:auto;border-radius:var(--radius-xl);border:8px solid var(--text-primary);box-shadow:var(--glass-shadow-hover)}.xp-shot figcaption{margin-top:var(--space-2);font-size:var(--font-size-xs);color:var(--text-tertiary);text-align:center}.xp-shot--inline{max-width:280px;margin:var(--space-4) auto 0}.xp-toc{display:flex;gap:var(--space-2);overflow-x:auto;scrollbar-width:none;padding-bottom:var(--space-1)}.xp-toc::-webkit-scrollbar{display:none}.xp-toc a{white-space:nowrap;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:600;text-decoration:none}.xp-toc a:hover{color:var(--color-primary);border-color:var(--color-primary)}.xp-section{display:flex;flex-direction:column;gap:var(--space-4);scroll-margin-top:90px}.xp-section h2{font-family:var(--font-display);font-weight:800;font-size:var(--font-size-2xl);line-height:var(--line-height-tight)}.xp-section h3{font-weight:700;font-size:var(--font-size-md);display:flex;align-items:center;gap:var(--space-2)}.xp-section p{line-height:var(--line-height-relaxed);color:var(--text-secondary)}.xp-section--cta{padding:var(--space-6);border-radius:var(--radius-xl);background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.xp-table-wrap{overflow-x:auto}.xp-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.xp-table th{text-align:left;color:var(--text-tertiary);font-weight:600;padding:var(--space-2)}.xp-table td,.xp-table th{border-bottom:1px solid var(--glass-border)}.xp-table td{padding:var(--space-3) var(--space-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.xp-pl{display:block;color:var(--text-tertiary);font-size:var(--font-size-xs)}.xp-callout{padding:var(--space-3) var(--space-4);border-left:4px solid var(--color-primary);background:var(--color-bg-surface);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.xp-list{flex-direction:column;font-size:var(--font-size-sm);color:var(--text-secondary)}.xp-list,.xp-list li{display:flex;gap:var(--space-2)}.xp-list li{align-items:flex-start;line-height:var(--line-height-normal)}.xp-list svg{flex-shrink:0;margin-top:2px;color:var(--color-success)}.xp-compare{display:grid;grid-template-columns:1fr;gap:var(--space-4)}.xp-compare>div{padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border);background:var(--glass-bg);display:flex;flex-direction:column;gap:var(--space-3)}.xp-traps{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.xp-trap{padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--glass-border);background:var(--glass-bg);display:flex;flex-direction:column;gap:var(--space-2)}.xp-trap h3 svg{color:var(--color-warning)}.xp-trap p{font-size:var(--font-size-sm)}.xp-example{font-style:italic;color:var(--text-tertiary)!important}.xp-question{font-size:var(--font-size-lg);font-weight:700;color:var(--text-primary)!important}.xp-options{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-6);list-style:lower-alpha}.xp-options li{font-size:var(--font-size-md)}.xp-answer,.xp-faq{border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background:var(--glass-bg)}.xp-answer summary,.xp-faq summary{cursor:pointer;font-weight:700;min-height:32px;display:flex;align-items:center;color:var(--text-primary)}.xp-answer p,.xp-faq p{margin-top:var(--space-2);font-size:var(--font-size-sm)}.xp-features{display:grid;grid-template-columns:1fr;gap:var(--space-3)}.xp-features div{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-normal)}.xp-features svg{flex-shrink:0;color:var(--color-success);margin-top:1px}.xp-sheet{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-surface);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.xp-sheet svg{color:var(--color-primary);flex-shrink:0}.xp-links{display:flex;flex-direction:column;gap:var(--space-2)}.xp-links a{color:var(--color-primary);font-weight:600;display:inline-flex;gap:var(--space-1);align-items:center}@media (min-width:720px){.xp-compare,.xp-features,.xp-traps{grid-template-columns:1fr 1fr}.xp-title{font-size:var(--font-size-4xl)}}@media (min-width:900px){.xp-hero{grid-template-columns:1fr 280px}}