.marketing{--bf-base:hsl(var(--background));--bf-surface:hsl(var(--card));--bf-surface-2:hsl(var(--secondary));--bf-ink:hsl(var(--foreground));--bf-ink-muted:hsl(var(--muted-foreground));--bf-ink-soft:hsl(var(--ink-soft));--bf-accent:hsl(var(--primary));--bf-accent-2:hsl(var(--primary-hover));--bf-accent-ink:hsl(var(--primary-foreground));--bf-gold:hsl(var(--gold));--bf-border:hsl(var(--border));--bf-rule:hsl(var(--rule));--bf-shadow-1:0 1px 0 #19262c0a, 0 1px 3px #19262c0f;--bf-shadow-2:0 2px 4px #19262c0d, 0 12px 32px -8px #19262c1a;--bf-shadow-3:0 4px 8px #19262c0f, 0 24px 60px -16px #19262c2e;background:var(--bf-base);color:var(--bf-ink);font-feature-settings:"ss01", "cv11";text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-family:Inter Tight,ui-sans-serif,system-ui,-apple-system,sans-serif}.marketing.marketing-dark{--bf-shadow-1:0 1px 0 #00000080, 0 1px 3px #0006;--bf-shadow-2:0 4px 12px #00000080, 0 16px 40px #0006;--bf-shadow-3:0 8px 20px #0009, 0 32px 80px #00000080}.marketing h1,.marketing h2,.marketing h3,.marketing h4{letter-spacing:-.025em;color:var(--bf-ink);font-variation-settings:"opsz" 144, "SOFT" 30, "wght" 400;text-wrap:balance;font-family:Fraunces,ui-serif,Georgia,Times New Roman,serif;font-weight:400;line-height:1.04}.marketing h1{font-variation-settings:"opsz" 144, "SOFT" 50, "wght" 350;letter-spacing:-.035em;margin:0 0 .4em;font-size:clamp(48px,8.5vw,128px);font-weight:350}.marketing h2{margin:0 0 .35em;font-size:clamp(32px,4.5vw,56px);font-weight:400}.marketing h3{letter-spacing:-.015em;font-variation-settings:"opsz" 36, "SOFT" 20, "wght" 500;margin:0 0 .4em;font-size:clamp(20px,1.8vw,26px);font-weight:500}.marketing h4{font-variation-settings:"opsz" 18, "SOFT" 20, "wght" 500;margin:0 0 .4em;font-size:18px;font-weight:500}.marketing p{color:var(--bf-ink-muted);text-wrap:pretty;font-size:16px;line-height:1.65}.marketing p.lead{color:var(--bf-ink);max-width:36ch;font-size:clamp(18px,1.4vw,22px);font-weight:400;line-height:1.5}.marketing code,.marketing kbd,.marketing .mono{font-feature-settings:"ss02";font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace}.marketing .container{max-width:1180px;margin:0 auto;padding:0 24px}.marketing .container-wide{max-width:1320px;margin:0 auto;padding:0 24px}.marketing .btn-primary{background:var(--bf-ink);color:var(--bf-base);letter-spacing:.005em;cursor:pointer;box-shadow:var(--bf-shadow-1);border:none;border-radius:6px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),background .16s;display:inline-flex}.marketing .btn-primary:hover{box-shadow:var(--bf-shadow-2);background:var(--bf-accent);color:var(--bf-accent-ink);transform:translateY(-1px)}.marketing.marketing-dark .btn-primary{background:var(--bf-accent);color:var(--bf-accent-ink)}.marketing.marketing-dark .btn-primary:hover{background:var(--bf-accent-2)}.marketing .btn-secondary{color:var(--bf-ink);letter-spacing:.005em;border:1px solid var(--bf-rule);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:500;text-decoration:none;transition:border-color .16s,background .16s,transform .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.marketing .btn-secondary:hover{border-color:var(--bf-ink);background:var(--bf-surface);transform:translateY(-1px)}.marketing .eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--bf-accent);align-items:center;gap:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px;font-weight:500;display:inline-flex}.marketing .eyebrow:before{content:"";opacity:.6;background:currentColor;width:24px;height:1px;display:inline-block}.marketing .accent{color:var(--bf-accent);font-variation-settings:"opsz" 144, "SOFT" 80, "wght" 400;font-style:italic}.marketing .forge-rule{align-items:center;gap:16px;margin:0;display:flex}.marketing .forge-rule:before,.marketing .forge-rule:after{content:"";background:var(--bf-rule);flex:1;height:1px}.marketing .forge-rule__mark{letter-spacing:.3em;color:var(--bf-ink-soft);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:10px}.marketing .card{background:var(--bf-surface);border:1px solid var(--bf-border);box-shadow:var(--bf-shadow-1);border-radius:10px;padding:28px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s cubic-bezier(.2,.8,.2,1),border-color .2s;position:relative}.marketing .card:hover{box-shadow:var(--bf-shadow-2);border-color:var(--bf-rule);transform:translateY(-3px)}.marketing .bf-reveal{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1);transform:translateY(20px)}.marketing .bf-reveal-in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.marketing .bf-reveal{opacity:1;transition:none;transform:none}}.marketing .bf-band-ink{background:var(--bf-ink);color:var(--bf-base);position:relative;overflow:hidden}.marketing .bf-band-ink:after{content:"";pointer-events:none;background:radial-gradient(800px 400px at 80% 0,#f5b3422e,#0000 60%);position:absolute;inset:0}.marketing .bf-band-ink h2,.marketing .bf-band-ink h3{color:var(--bf-base)}.marketing .bf-band-ink p{color:#fbf7efb8}.marketing .grain{position:relative}.marketing .grain:before{content:"";opacity:.045;pointer-events:none;mix-blend-mode:multiply;z-index:0;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.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.42 0 0 0 0 0.27 0 0 0 0 0.07 0 0 0 0.5 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");position:absolute;inset:0}.marketing.marketing-dark .grain:before{opacity:.08;mix-blend-mode:overlay}.marketing .grain>*{z-index:1;position:relative}.marketing .hero-title{text-wrap:balance}.marketing .hero-title .accent{display:inline-block}.marketing .dropcap:first-letter{font-variation-settings:"opsz" 144, "SOFT" 70, "wght" 350;float:left;color:var(--bf-accent);margin:.05em .08em 0 0;font-family:Fraunces,serif;font-size:3.6em;font-weight:350;line-height:.85}.marketing ::selection{background:color-mix(in srgb, var(--bf-accent) 30%, transparent);color:var(--bf-ink)}.marketing.marketing-dark ::selection{background:color-mix(in srgb, var(--bf-accent) 35%, transparent);color:var(--bf-base)}.marketing :focus-visible{outline:2px solid var(--bf-accent);outline-offset:2px;border-radius:3px}
