@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
.brut-root{--b-bg:50 30% 97%;--b-fg:0 0% 7%;--b-card:0 0% 100%;--b-muted:45 25% 92%;--b-muted-fg:0 0% 36%;--b-primary:327 90% 75%;--b-accent:55 100% 60%;--b-secondary:210 80% 75%;--b-mint:155 60% 70%;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:hsl(var(--b-fg));background-color:hsl(var(--b-bg));background-image:radial-gradient(circle at 12% 8%,hsl(var(--b-primary)/.18)0%,transparent 35%),radial-gradient(circle at 92% 96%,hsl(var(--b-accent)/.2)0%,transparent 38%);background-attachment:fixed;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.brut-root ::selection{background:hsl(var(--b-primary));color:hsl(var(--b-fg))}.brut-root .font-display,.brut-root h1,.brut-root h2,.brut-root h3{letter-spacing:-.02em;font-family:Space Grotesk,Inter,ui-sans-serif,system-ui,sans-serif}.brut-root .font-mono{font-family:JetBrains Mono,ui-monospace,monospace}.brut-root .b-bg-cream{background-color:hsl(var(--b-bg))}.brut-root .b-bg-card{background-color:hsl(var(--b-card))}.brut-root .b-bg-fg{background-color:hsl(var(--b-fg))}.brut-root .b-bg-muted{background-color:hsl(var(--b-muted))}.brut-root .b-bg-pink{background-color:hsl(var(--b-primary))}.brut-root .b-bg-yellow{background-color:hsl(var(--b-accent))}.brut-root .b-bg-blue{background-color:hsl(var(--b-secondary))}.brut-root .b-bg-mint{background-color:hsl(var(--b-mint))}.brut-root .b-text-fg{color:hsl(var(--b-fg))}.brut-root .b-text-muted{color:hsl(var(--b-muted-fg))}.brut-root .b-text-cream{color:hsl(var(--b-bg))}.brut-root .b-text-pink{color:hsl(var(--b-primary))}.brut-root .b-border{border:1px solid hsl(var(--b-fg))}.brut-root .b-border-2{border:2px solid hsl(var(--b-fg))}.brut-root .b-border-3{border:3px solid hsl(var(--b-fg))}.brut-root .b-border-b-3{border-bottom:3px solid hsl(var(--b-fg))}.brut-root .b-border-t-3{border-top:3px solid hsl(var(--b-fg))}.brut-root .b-border-l-3{border-left:3px solid hsl(var(--b-fg))}.brut-root .b-border-r-3{border-right:3px solid hsl(var(--b-fg))}.brut-root .b-shadow-sm{box-shadow:3px 3px 0 0 hsl(var(--b-fg))}.brut-root .b-shadow{box-shadow:5px 5px 0 0 hsl(var(--b-fg))}.brut-root .b-shadow-lg{box-shadow:8px 8px 0 0 hsl(var(--b-fg))}.brut-root .b-shadow-xl{box-shadow:12px 12px 0 0 hsl(var(--b-fg))}.brut-root .b-shadow-pink{box-shadow:5px 5px 0 0 hsl(var(--b-primary))}.brut-root .b-shadow-yellow{box-shadow:5px 5px 0 0 hsl(var(--b-accent))}.brut-root .b-shadow-mint{box-shadow:5px 5px 0 0 hsl(var(--b-mint))}.brut-root .b-lift{will-change:transform;transition:transform .15s,box-shadow .15s}.brut-root .b-lift:hover{box-shadow:8px 8px 0 0 hsl(var(--b-fg));transform:translate(-2px,-2px)}.brut-root .b-lift:active{box-shadow:none;transform:translate(2px,2px)}.brut-root .b-dots{background-image:radial-gradient(hsl(var(--b-fg)/.1)1px,transparent 1px);background-size:18px 18px}.brut-root .b-mono-bleed{position:relative;overflow:hidden}.brut-root .b-mono-bleed:after{content:"";pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 78'><path d='M15.5 12.5H42.5A3 3 0 0 1 45.5 15.5V60.5H35.5A23 23 0 0 1 12.5 37.5V15.5A3 3 0 0 1 15.5 12.5Z' transform='translate(10 2.5)' fill='%23121212' fill-opacity='0.06'/></svg>");background-repeat:no-repeat;background-size:contain;width:420px;height:420px;position:absolute;top:50%;right:-6%;transform:translateY(-50%)rotate(-8deg)}.brut-root .b-mono-bleed-lime:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 78'><path d='M15.5 12.5H42.5A3 3 0 0 1 45.5 15.5V60.5H35.5A23 23 0 0 1 12.5 37.5V15.5A3 3 0 0 1 15.5 12.5Z' transform='translate(10 2.5)' fill='%23AEE63F' fill-opacity='0.16'/></svg>")}.brut-root .b-mono-bleed-cream:after{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 78 78'><path d='M15.5 12.5H42.5A3 3 0 0 1 45.5 15.5V60.5H35.5A23 23 0 0 1 12.5 37.5V15.5A3 3 0 0 1 15.5 12.5Z' transform='translate(10 2.5)' fill='%23FAF7EE' fill-opacity='0.06'/></svg>")}.brut-root .b-zigzag{background:conic-gradient(from 135deg at 50% 0,hsl(var(--b-fg))90deg,transparent 0)top center/44px 100% repeat-x;height:22px}@keyframes b-reveal-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.brut-root .b-reveal{animation:1ms linear both b-reveal-rise;animation-timeline:view();animation-range:entry 5% entry 45%}}}.brut-root .b-mono-bleed>*{z-index:1;position:relative}@keyframes b-mono-quarter{0%,18%{transform:rotate(0)}25%,43%{transform:rotate(90deg)}50%,68%{transform:rotate(180deg)}75%,93%{transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes b-mono-pulse{0%,to{transform:scale(1)}50%{transform:scale(.88)}}.brut-root .b-mono-glyph{transform-box:view-box;transform-origin:39px 39px}.brut-root .b-mono-anim-quarter .b-mono-glyph{animation:5.2s cubic-bezier(.7,0,.2,1) infinite b-mono-quarter}.brut-root .b-mono-anim-pulse .b-mono-glyph{animation:2.4s ease-in-out infinite b-mono-pulse}@media (prefers-reduced-motion:reduce){.brut-root .b-mono-anim-quarter .b-mono-glyph,.brut-root .b-mono-anim-pulse .b-mono-glyph{animation:none}}.brut-root .noise-overlay{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:180px 180px}@keyframes b-rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes b-float-slow{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-7px)rotate(-1deg)}}@keyframes b-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.brut-root .b-animate-rise{animation:.7s cubic-bezier(.22,1,.36,1) both b-rise-in}.brut-root .b-animate-float{animation:5.5s ease-in-out infinite b-float-slow}.brut-root .b-delay-100{animation-delay:.1s}.brut-root .b-delay-200{animation-delay:.2s}.brut-root .b-delay-300{animation-delay:.3s}.brut-root .book-scene{perspective:1700px;place-items:center;width:100%;min-height:460px;display:grid;position:relative}.brut-root .book{--bw:250px;--bh:340px;--bd:38px;width:var(--bw);height:var(--bh);transform-style:preserve-3d;transition:transform .7s cubic-bezier(.22,1,.36,1);animation:6.5s ease-in-out infinite b-book-float;position:relative;transform:rotateX(6deg)rotateY(-32deg)rotate(-1deg)}.brut-root .book:hover{transform:rotateX(4deg)rotateY(-20deg)rotate(0)}.brut-root .book__face{position:absolute;top:0;left:0}.brut-root .book__cover{width:var(--bw);height:var(--bh);transform:translateZ(calc(var(--bd)/2));border:3px solid hsl(var(--b-fg));background:radial-gradient(120% 80% at 80% 0,#2a2724 0%,#0000 55%),linear-gradient(150deg,#1c1a18 0%,#131110 60%,#0e0d0c 100%);border-radius:3px 8px 8px 3px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.brut-root .book__back{width:var(--bw);height:var(--bh);transform:rotateY(180deg)translateZ(calc(var(--bd)/2));border:3px solid hsl(var(--b-fg));background:#0d0c0b;border-radius:3px 8px 8px 3px}.brut-root .book__pages{width:var(--bd);height:calc(var(--bh) - 12px);top:6px;left:calc(var(--bw) - var(--bd)/2);border-top:3px solid hsl(var(--b-fg));border-bottom:3px solid hsl(var(--b-fg));background:repeating-linear-gradient(90deg,#efe9da 0 1px,#d6cfbd 2px,#efe9da 3px);transform:rotateY(90deg)}.brut-root .book__spine{width:var(--bd);height:var(--bh);left:calc(var(--bd)/-2);border:3px solid hsl(var(--b-fg));background:linear-gradient(#211e1c,#0d0c0b);border-radius:4px 0 0 4px;transform:rotateY(-90deg)}.brut-root .book-scene:after{content:"";background:hsl(var(--b-fg)/.28);filter:blur(11px);z-index:-1;border-radius:50%;width:230px;height:26px;position:absolute;bottom:38px;left:50%;transform:translate(-50%)rotateX(72deg)}.brut-root .book-pill{z-index:5;border:3px solid hsl(var(--b-fg));letter-spacing:.02em;box-shadow:3px 3px 0 0 hsl(var(--b-fg));white-space:nowrap;border-radius:9999px;align-items:center;gap:.35rem;padding:.4rem .7rem;font-family:Space Grotesk,Inter,sans-serif;font-size:.72rem;font-weight:700;animation:5s ease-in-out infinite b-pill-float;display:inline-flex;position:absolute}.brut-root .b-reveal{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(22px)}.brut-root .b-reveal.is-visible{opacity:1;transform:none}.brut-root .b-caret:after{content:"▋";margin-left:1px;animation:1s step-end infinite b-blink}@keyframes b-blink{50%{opacity:0}}@keyframes b-fill{0%{width:0%}to{width:100%}}@keyframes b-book-float{0%,to{transform:rotateX(6deg)rotateY(-32deg)rotate(-1deg)translateY(0)}50%{transform:rotateX(6deg)rotateY(-30deg)rotate(-1deg)translateY(-10px)}}@keyframes b-pill-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.brut-root .b-marquee-track{width:max-content;animation:45s linear infinite b-marquee;display:flex}.brut-root .b-prose{color:hsl(var(--b-fg));font-size:1.075rem;line-height:1.75}.brut-root .b-prose>*+*{margin-top:1.15rem}.brut-root .b-prose h2{letter-spacing:-.02em;margin-top:2.6rem;margin-bottom:.2rem;scroll-margin-top:6rem;font-family:Space Grotesk,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.15}.brut-root .b-prose h2:before{content:"";background:hsl(var(--b-primary));border:2px solid hsl(var(--b-fg));border-radius:4px;width:44px;height:6px;margin-bottom:.85rem;display:block}.brut-root .b-prose h3{letter-spacing:-.01em;margin-top:2rem;scroll-margin-top:6rem;font-family:Space Grotesk,sans-serif;font-size:1.3rem;font-weight:700}.brut-root .b-prose h4{margin-top:1.6rem;font-family:Space Grotesk,sans-serif;font-size:1.08rem;font-weight:700}.brut-root .b-prose a{color:hsl(var(--b-fg));background:hsl(var(--b-primary)/.45);box-shadow:inset 0 -2px 0 0 hsl(var(--b-fg));padding:0 1px;font-weight:500;text-decoration:none}.brut-root .b-prose a:hover{background:hsl(var(--b-primary))}.brut-root .b-prose strong{font-weight:700}.brut-root .b-prose ul,.brut-root .b-prose ol{padding-left:1.4rem}.brut-root .b-prose ul{padding-left:0;list-style:none}.brut-root .b-prose ul>li{margin-top:.5rem;padding-left:1.6rem;position:relative}.brut-root .b-prose ul>li:before{content:"";background:hsl(var(--b-accent));border:2px solid hsl(var(--b-fg));width:10px;height:10px;position:absolute;top:.55em;left:0}.brut-root .b-prose ol{list-style:decimal}.brut-root .b-prose ol>li{margin-top:.5rem;padding-left:.3rem}.brut-root .b-prose ol>li::marker{font-family:JetBrains Mono,monospace;font-weight:700}.brut-root .b-prose blockquote{border:3px solid hsl(var(--b-fg));background:hsl(var(--b-accent)/.25);box-shadow:5px 5px 0 0 hsl(var(--b-fg));border-radius:8px;padding:1rem 1.25rem;font-style:normal;font-weight:500}.brut-root .b-prose blockquote>*+*{margin-top:.6rem}.brut-root .b-prose code{background:hsl(var(--b-muted));border:1px solid hsl(var(--b-fg)/.3);border-radius:4px;padding:.1em .35em;font-family:JetBrains Mono,monospace;font-size:.85em}.brut-root .b-prose pre{background:hsl(var(--b-fg));color:hsl(var(--b-bg));border:3px solid hsl(var(--b-fg));box-shadow:5px 5px 0 0 hsl(var(--b-primary));border-radius:8px;padding:1.1rem 1.25rem;font-size:.85rem;line-height:1.6;overflow-x:auto}.brut-root .b-prose pre code{color:inherit;background:0 0;border:none;padding:0}.brut-root .b-prose img{border:3px solid hsl(var(--b-fg));box-shadow:5px 5px 0 0 hsl(var(--b-fg));border-radius:10px}.brut-root .b-prose hr{border:none;border-top:3px solid hsl(var(--b-fg));margin:2.5rem 0}.brut-root .b-prose table{border-collapse:collapse;border:3px solid hsl(var(--b-fg));width:100%;box-shadow:5px 5px 0 0 hsl(var(--b-fg));border-radius:4px;font-size:.95rem;overflow:hidden}.brut-root .b-prose th{background:hsl(var(--b-accent));text-align:left;border:2px solid hsl(var(--b-fg));padding:.65rem .85rem;font-family:Space Grotesk,sans-serif;font-weight:700}.brut-root .b-prose td{border:2px solid hsl(var(--b-fg)/.4);padding:.65rem .85rem}.brut-root .b-prose .cost-table{border:3px solid hsl(var(--b-fg));box-shadow:6px 6px 0 0 hsl(var(--b-fg));border-radius:10px;margin:1.5rem 0;font-size:.95rem;overflow:hidden}.brut-root .b-prose .cost-row{grid-template-columns:.85fr 1.3fr 1.3fr;display:grid}.brut-root .b-prose .cost-row+.cost-row{border-top:2px solid hsl(var(--b-fg))}.brut-root .b-prose .cost-cell{padding:.65rem .8rem;line-height:1.4}.brut-root .b-prose .cost-cell+.cost-cell{border-left:2px solid hsl(var(--b-fg))}.brut-root .b-prose .cost-head .cost-cell{background:hsl(var(--b-fg));color:hsl(var(--b-bg));font-family:Space Grotesk,sans-serif;font-weight:700}.brut-root .b-prose .cost-cell.label{background:hsl(var(--b-fg)/.05);font-family:Space Grotesk,sans-serif;font-weight:700}.brut-root .b-prose .cost-cell.old{color:#7a1f1f;background:#f7dede}.brut-root .b-prose .cost-cell.new{background:#d6f3e4;font-weight:600}.brut-root .b-prose .cost-row.total .cost-cell{border-top-width:3px;font-weight:800}.brut-root .b-prose .blog-cta a{box-shadow:none;font-weight:inherit;background:0 0;padding:0}.brut-root .b-prose .blog-cta a:hover{background:0 0}.brut-root .b-prose .blog-cta img{box-shadow:none;border:none;border-radius:0}