.xf-page{--xf-ink:#0b2a17;--xf-deep:var(--tu-green-deep,#15532e);--xf-gold:var(--tu-gold,#f2b104);--xf-green:var(--tu-green,var(--primary));--xf-tint:color-mix(in oklab,var(--xf-green) 14%,var(--card));--xf-gold-tint:color-mix(in oklab,var(--xf-gold) 16%,var(--card));--xf-hero:linear-gradient(118deg,#0b2a17,#12402a 48%,#15532e 72%,#0e2f1c)}.xf-band{background:var(--xf-hero);color:#fff}.xf-grid-lines{background-image:linear-gradient(90deg,rgb(255 255 255/.045) 1px,transparent 0),linear-gradient(180deg,rgb(255 255 255/.045) 1px,transparent 0);background-size:44px 44px;mask-image:radial-gradient(ellipse at 70% 40%,#000 20%,transparent 75%)}.xf-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--xf-green)}.xf-eyebrow-x{display:grid;place-items:center;width:1.3rem;height:1.3rem;border-radius:.35rem;background:var(--xf-gold);color:#0b2a17;font-size:.75rem;letter-spacing:0}.xf-accent{color:var(--xf-green)}.xf-gold-text{background:linear-gradient(100deg,#f2b104,#ffd766 45%,#f2b104 70%,#d99a00);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.xf-gold-btn{background:var(--xf-gold)!important;color:#0b2a17!important;box-shadow:0 14px 34px -14px rgb(242 177 4/.75)}.xf-gold-btn:hover{background:#f6c445!important}.xf-ghost-btn{border:1px solid rgb(255 255 255/.22);background:rgb(255 255 255/.06);color:#fff;transition:background-color .22s ease,border-color .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.xf-ghost-btn:hover{background:rgb(255 255 255/.12);border-color:rgb(255 255 255/.4)}.xf-engine-chip{border:1px solid rgb(255 255 255/.16);background:rgb(255 255 255/.06);backdrop-filter:blur(6px);transition:border-color .22s ease,background-color .22s ease,transform .26s cubic-bezier(.22,1,.36,1)}.xf-engine-chip:hover{border-color:rgb(242 177 4/.6);background:rgb(255 255 255/.1);transform:translateX(4px)}.xf-engine-chip[data-status=live]{border-color:rgb(242 177 4/.55)}.xf-engine-line{fill:none;stroke:var(--xf-gold);stroke-width:1.4;vector-effect:non-scaling-stroke}.xf-engine-line[data-status=adding]{stroke-opacity:.38;stroke-dasharray:3 5}.xf-engine-line[data-status=unknown]{stroke-opacity:.6}.xf-engine-core{background:radial-gradient(circle at 35% 30%,#ffd766,#f2b104 55%,#c98d00);color:#0b2a17;box-shadow:0 0 0 10px rgb(242 177 4/.12),0 0 0 22px rgb(242 177 4/.06),0 18px 50px -10px rgb(242 177 4/.55)}.xf-card{background:var(--card);border:1px solid var(--border);border-radius:1.25rem}.xf-chip{padding:.2rem .6rem;font-size:.72rem;font-weight:600;background:color-mix(in oklab,var(--xf-green) 13%,transparent);color:var(--xf-green)}.xf-chip,.xf-status{display:inline-flex;align-items:center;border-radius:999px}.xf-status{gap:.3rem;padding:.2rem .55rem;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.xf-status[data-status=live]{background:var(--xf-deep);color:#fff}.xf-status[data-status=adding]{background:var(--xf-gold-tint);color:var(--tu-gold-600,#b98600)}.xf-dot{width:.4rem;height:.4rem;background:currentColor}.xf-dot,.xf-toggle{border-radius:999px}.xf-toggle{display:inline-flex;align-items:center;gap:.35rem;height:2.1rem;border:1px solid var(--border);background:var(--card);padding:0 .85rem;font-size:.82rem;font-weight:500;transition:border-color .2s ease,background-color .2s ease,color .2s ease,transform .26s cubic-bezier(.34,1.56,.64,1)}.xf-toggle:hover:not(:disabled){border-color:color-mix(in oklab,var(--xf-green) 55%,var(--border));transform:translateY(-2px)}.xf-toggle[aria-pressed=true]{border-color:var(--xf-green);background:color-mix(in oklab,var(--xf-green) 14%,var(--card));font-weight:650}.xf-toggle:disabled{cursor:not-allowed;opacity:.5}.xf-option{border:1px solid var(--border);background:var(--card);transition:border-color .2s ease,background-color .2s ease,transform .26s cubic-bezier(.22,1,.36,1)}.xf-option:hover:not(:disabled){border-color:color-mix(in oklab,var(--xf-green) 55%,var(--border));transform:translateX(4px)}.xf-option[data-state=right]{border-color:#16a34a;background:color-mix(in oklab,#16a34a 14%,var(--card))}.xf-option[data-state=wrong]{border-color:#dc2626;background:color-mix(in oklab,#dc2626 12%,var(--card))}.xf-compare-x{background:var(--xf-tint)}.xf-compare-head{background:#0b2a17}html:not(.dark) .xf-page .xf-card{box-shadow:0 1px 2px rgb(11 42 23/.04),0 10px 30px -22px rgb(11 42 23/.35)}html:not(.dark) .xf-page{--xf-tint:#e3efe6}html.dark .xf-page .xf-compare-head{background:#0a1f13}@media (prefers-reduced-motion:no-preference){.xf-engine-line[data-status=live],.xf-engine-line[data-status=unknown]{stroke-dasharray:6 7;animation:xf-flow 1.6s linear infinite}.xf-engine-core{animation:xf-breathe 3.2s ease-in-out infinite}.xf-engine-ring{animation:xf-spin 18s linear infinite}.xf-gold-text{animation:xf-sheen 6s ease-in-out 1s infinite}.xf-watermark{animation:xf-drift 14s ease-in-out infinite}.xf-reveal-pop{animation:xf-pop .52s cubic-bezier(.34,1.56,.64,1) backwards}.xf-slide{animation:xf-slide .36s cubic-bezier(.22,1,.36,1) backwards}.xf-shake{animation:xf-shake .42s cubic-bezier(.36,.07,.19,.97) both}.xf-lift{transition:transform .32s cubic-bezier(.22,1,.36,1),box-shadow .32s cubic-bezier(.22,1,.36,1),border-color .22s ease}.xf-lift:hover{transform:translateY(-5px);border-color:color-mix(in oklab,var(--xf-green) 40%,var(--border));box-shadow:0 22px 44px -26px color-mix(in oklab,var(--xf-green) 60%,transparent)}.xf-lift:hover .xf-icon{transform:scale(1.1) rotate(-6deg)}.xf-icon{transition:transform .32s cubic-bezier(.34,1.56,.64,1)}.xf-row{transition:background-color .2s ease}}.xf-row:hover{background:color-mix(in oklab,var(--xf-green) 5%,transparent)}@keyframes xf-flow{to{stroke-dashoffset:-26}}@keyframes xf-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes xf-spin{to{transform:rotate(1turn)}}@keyframes xf-sheen{0%,to{background-position:100% 0}50%{background-position:0 0}}@keyframes xf-drift{0%,to{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(-14px,10px,0) rotate(-2deg)}}@keyframes xf-pop{0%{opacity:0;transform:scale(.94) translateY(6px)}}@keyframes xf-slide{0%{opacity:0;transform:translateY(-6px)}}@keyframes xf-shake{10%,90%{transform:translateX(-1px)}20%,80%{transform:translateX(3px)}30%,50%,70%{transform:translateX(-5px)}40%,60%{transform:translateX(5px)}}.xf-faq[open]{background:color-mix(in oklab,var(--xf-green) 4%,transparent)}