.trace-root{--t-paper:#efe8d9;--t-sand:#e5dbc7;--t-well:#d9cdb6;--t-modal:#f4efe4;--t-ink:#1a1611;--t-ink-2:#5c5447;--t-ink-3:#8c8474;--t-accent:#c2602c;--t-border:#1a16111a;background:var(--t-paper);min-height:100dvh;color:var(--t-ink);-webkit-font-smoothing:antialiased;font-family:Archivo,ui-sans-serif,system-ui,sans-serif;position:relative}.trace-root.night{--t-paper:#141210;--t-sand:#1c1915;--t-well:#262119;--t-modal:#1e1a15;--t-ink:#efe7d6;--t-ink-2:#b0a88f;--t-ink-3:#7e7765;--t-accent:#e07b3a;--t-border:#ffffff1f}.trace-root:after{content:"";z-index:60;pointer-events:none;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}.trace-root.night:after{mix-blend-mode:screen;opacity:.05}.trace-root .t-wrap{z-index:1;max-width:1120px;margin:0 auto;padding:32px 24px 96px;position:relative}@media (min-width:768px){.trace-root .t-wrap{padding:48px 48px 120px}}.trace-root .t-topbar{border-bottom:1px solid var(--t-border);justify-content:space-between;align-items:center;padding-bottom:40px;display:flex}.trace-root .t-lockup{color:var(--t-ink);align-items:center;gap:10px;display:inline-flex}.trace-root .t-wordmark{letter-spacing:-.03em;font-size:26px;font-weight:600}.trace-root .t-wordmark .dot{color:var(--t-accent)}.trace-root .t-toggle{text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--t-border);color:var(--t-ink);cursor:pointer;background:0 0;border-radius:1000px;padding:8px 16px;font-family:Space Mono,ui-monospace,monospace;font-size:12px}.trace-root .t-section{padding-top:56px}.trace-root .t-eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--t-ink-3);margin-bottom:20px;font-family:Space Mono,ui-monospace,monospace;font-size:12px}.trace-root .t-display-lg{letter-spacing:-.035em;font-size:64px;font-weight:600;line-height:64px}.trace-root .t-display-md{letter-spacing:-.03em;font-size:44px;font-weight:600;line-height:46px}.trace-root .t-display-sm{letter-spacing:-.025em;font-size:30px;font-weight:600;line-height:34px}.trace-root .t-headline{letter-spacing:-.02em;font-size:22px;font-weight:500;line-height:26px}.trace-root .t-body{letter-spacing:-.01em;color:var(--t-ink-2);font-size:16px;line-height:26px}.trace-root .t-mono{text-transform:uppercase;letter-spacing:.14em;font-family:Space Mono,ui-monospace,monospace;font-size:12px}.trace-root .t-muted{color:var(--t-ink-3)}.trace-root .t-accent{color:var(--t-accent)}@media (max-width:640px){.trace-root .t-display-lg{font-size:40px;line-height:42px}.trace-root .t-display-md{font-size:30px;line-height:34px}}.trace-root .t-swatches{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:768px){.trace-root .t-swatches{grid-template-columns:repeat(4,1fr)}}.trace-root .t-swatch{border:1px solid var(--t-border);border-radius:14px;overflow:hidden}.trace-root .t-swatch .chip{height:96px}.trace-root .t-swatch .meta{padding:10px 12px}.trace-root .t-swatch .name{font-size:13px;font-weight:500}.trace-root .t-swatch .hex{color:var(--t-ink-3);font-family:Space Mono,monospace;font-size:11px}.trace-root .t-btnrow{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.trace-root .t-btn{cursor:pointer;border:1px solid #0000;border-radius:1000px;align-items:center;gap:8px;height:44px;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex}.trace-root .t-btn--primary{background:var(--t-ink);color:var(--t-paper)}.trace-root .t-btn--secondary{color:var(--t-ink);border-color:var(--t-border);background:0 0}.trace-root .t-btn--ghost{color:var(--t-ink);background:0 0}.trace-root .t-btn--accent{background:var(--t-accent);color:#fff}.trace-root .t-cards{grid-template-columns:1fr;gap:16px;display:grid}@media (min-width:768px){.trace-root .t-cards{grid-template-columns:repeat(3,1fr)}}.trace-root .t-card{background:var(--t-sand);border:1px solid var(--t-border);border-radius:20px;padding:24px}.trace-root .t-card .t-headline{margin:14px 0 8px}.trace-root .t-markwell{background:var(--t-sand);border:1px solid var(--t-border);border-radius:20px;flex-wrap:wrap;justify-content:center;align-items:center;gap:28px;padding:48px;display:flex}.trace-root .t-tile{background:var(--t-well);width:132px;height:132px;color:var(--t-ink);border-radius:20px;justify-content:center;align-items:center;display:flex}.trace-root .t-divider{background:var(--t-border);height:1px;margin-top:56px}
