:root{--paper: #f2ede3;--paper-2: #e9e2d4;--ink: #16130f;--ink-2: #4a443b;--ink-3: #8a8274;--rule: #d4cbb9;--accent: #e8492c;--accent-ink: #b8321a;--good: #3f7d4e;--serif: "Instrument Serif", Georgia, serif;--sans: "Hanken Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--max: 1160px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased}a,button:not(:disabled),[role=button],[role=tab],summary{cursor:pointer}a{color:inherit}em{font-style:italic}[hidden]{display:none!important}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:100;opacity:.35;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.3 0 0 0 0 0.25 0 0 0 0 0.2 0 0 0 0.18 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:18px max(28px,calc((100vw - var(--max)) / 2 + 28px));background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wordmark{font-family:var(--serif);font-size:28px;text-decoration:none;letter-spacing:-.01em}.wordmark em{color:var(--accent)}.nav nav{display:flex;gap:28px;align-items:center;font-size:15px;font-weight:500}.nav nav a:not(.btn){text-decoration:none;color:var(--ink-2)}.nav nav a:not(.btn):hover{color:var(--ink)}.btn{display:inline-block;padding:14px 24px;background:var(--ink);color:var(--paper);font-weight:600;font-size:16px;text-decoration:none;border-radius:2px;box-shadow:4px 4px 0 var(--accent);transition:transform .15s ease,box-shadow .15s ease}.btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--accent)}.btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--accent)}.btn-small{padding:9px 16px;font-size:14px;box-shadow:3px 3px 0 var(--accent)}.btn-ghost{background:transparent;color:var(--ink);border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--rule)}.btn-ghost:hover{box-shadow:6px 6px 0 var(--ink)}.btn-large{font-size:20px;padding:18px 32px;font-family:var(--mono);font-weight:500}.link-arrow{font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--accent);padding-bottom:2px}.link-arrow:after{content:" ↓";color:var(--accent)}section{max-width:var(--max);margin:0 auto;padding:110px 28px}.kicker{font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--accent-ink);margin:0 0 18px}h1,h2,h3{font-weight:400;margin:0}h1,h2{font-family:var(--serif);letter-spacing:-.015em;line-height:1.02}h2{font-size:clamp(38px,5vw,64px);max-width:16ch}h2 em,h1 em{color:var(--accent)}h3{font-size:21px;font-weight:600;letter-spacing:-.01em}.section-head{margin-bottom:56px}.reveal{opacity:0;transform:translateY(18px);animation:rise .8s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(var(--d) * .11s + 80ms)}@keyframes rise{to{opacity:1;transform:none}}.on-scroll{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.on-scroll.seen{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal,.on-scroll{animation:none;opacity:1;transform:none;transition:none}}.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding-top:70px;padding-bottom:90px}.hero h1{font-size:clamp(52px,7.2vw,100px)}.lede{font-size:21px;color:var(--ink-2);max-width:34ch;margin:28px 0 38px}.hero-cta{display:flex;gap:32px;align-items:center;flex-wrap:wrap}.skill-card{position:relative;margin:0;transform:rotate(2.2deg);filter:drop-shadow(10px 14px 0 rgba(22,19,15,.12))}.skill-card:hover{transform:rotate(.6deg);transition:transform .4s ease}.card-tab{display:inline-block;font-family:var(--mono);font-size:13px;padding:8px 18px 10px;background:#fbf8f1;border:1.5px solid var(--ink);border-bottom:none;border-radius:6px 6px 0 0;margin-left:22px;position:relative;top:1.5px}.card-body{background:#fbf8f1;border:1.5px solid var(--ink);border-radius:4px;padding:26px 28px;background-image:repeating-linear-gradient(transparent 0 27px,#e8492c12 27px,#e8492c12 28px)}.card-body pre{margin:0}.card-body code,.side code{font-family:var(--mono);font-size:14px;line-height:1.95;white-space:pre}.card-stamp{position:absolute;right:-14px;bottom:-20px;font-family:var(--mono);font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);border:2px solid var(--accent);padding:6px 12px;transform:rotate(-8deg);background:var(--paper)}.c-dim{color:var(--ink-3)}.c-key{color:var(--accent-ink)}.c-h{font-weight:500}.c-acc{background:#e8492c24;padding:0 3px}.difference{max-width:none;background:var(--ink);color:var(--paper);padding-left:max(28px,calc((100vw - var(--max)) / 2 + 28px));padding-right:max(28px,calc((100vw - var(--max)) / 2 + 28px))}.difference .kicker{color:#ff7a5c}.difference h2{color:var(--paper)}.compare{max-width:none}.prompt-line{display:flex;gap:16px;align-items:baseline;font-family:var(--mono);font-size:17px;padding:18px 22px;border:1px solid #3a342c;border-radius:4px;margin-bottom:26px}.prompt-who{color:#ff7a5c;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.side pre{margin:0;padding:24px;background:#1f1b16;border:1px solid #3a342c;border-radius:4px;overflow-x:auto}.side code{font-size:14px;line-height:1.8;color:#e9e2d4}.side .c-dim{color:#7d7466}.c-bad{color:#ff8a70;text-decoration:underline wavy rgba(255,138,112,.6);text-underline-offset:4px}.c-good{color:#9fd9a8}.verdict{list-style:none;margin:0;padding:0}.verdict li{padding:12px 0 12px 34px;border-bottom:1px solid #3a342c;position:relative;font-size:16px}.verdict.bad li:before{content:"✕";position:absolute;left:4px;color:#ff8a70;font-weight:600}.verdict.good li:before{content:"✓";position:absolute;left:4px;color:#9fd9a8;font-weight:600}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1.5px solid var(--ink)}.problem-grid article{padding:30px 32px 10px 0}.problem-grid article+article{padding-left:32px;border-left:1px solid var(--rule)}.num{font-family:var(--serif);font-style:italic;font-size:44px;color:var(--accent);display:block;margin-bottom:10px}.problem-grid p{color:var(--ink-2);font-size:17px}.how{border-top:1px solid var(--rule)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:s}.steps li{display:flex;flex-direction:column;gap:18px}.step-n{width:54px;height:54px;display:grid;place-items:center;border:1.5px solid var(--ink);border-radius:50%;font-family:var(--serif);font-size:28px;background:var(--paper);box-shadow:3px 3px 0 var(--accent)}.steps p{color:var(--ink-2);font-size:16.5px;margin:8px 0 0}.neutral{max-width:none;padding:0 28px}.neutral-inner{max-width:var(--max);margin:0 auto;background:var(--paper-2);border:1.5px solid var(--ink);padding:70px 64px;display:grid;grid-template-columns:1fr 1.2fr;gap:24px 64px}.neutral-inner p{margin:0;color:var(--ink-2);font-size:18px}.tool-list{grid-column:1 / -1;list-style:none;padding:26px 0 0;margin:10px 0 0;display:flex;flex-wrap:wrap;gap:12px;border-top:1px dashed var(--ink-3)}.tool-list li{font-family:var(--mono);font-size:14px;padding:7px 14px;border:1px solid var(--ink-3);border-radius:999px;background:var(--paper)}.tiers{display:grid;grid-template-columns:1fr 1.12fr 1fr;gap:24px;align-items:stretch}.tier{position:relative;display:flex;flex-direction:column;padding:36px 32px;border:1.5px solid var(--ink);background:#fbf8f1}.tier-feature{background:var(--ink);color:var(--paper);transform:translateY(-14px);box-shadow:8px 8px 0 var(--accent)}.tier-flag{position:absolute;top:-14px;left:28px;margin:0;background:var(--accent);color:#fff;font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.1em;padding:5px 12px}.price{font-family:var(--serif);font-size:48px;margin:14px 0 0;line-height:1}.price span{font-size:22px;color:var(--ink-3)}.tier-sub{font-family:var(--mono);font-size:13px;color:var(--ink-3);margin:10px 0 22px}.tier-feature .tier-sub{color:#a39a8a}.tier ul{list-style:none;padding:0;margin:0 0 30px;flex:1}.tier li{padding:9px 0 9px 24px;position:relative;font-size:16px;border-bottom:1px solid var(--rule)}.tier-feature li{border-color:#3a342c}.tier li:before{content:"→";position:absolute;left:0;color:var(--accent)}.tier .btn{text-align:center}.tier-feature .btn{background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--accent)}.proof{padding-top:40px}.proof-inner{border-left:4px solid var(--accent);padding:10px 0 10px 44px;max-width:900px}blockquote{margin:0;font-family:var(--serif);font-size:clamp(26px,3.2vw,38px);line-height:1.22;letter-spacing:-.01em}blockquote em{color:var(--accent)}.attrib{font-family:var(--mono);font-size:14px;color:var(--ink-3);margin-top:24px}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;border-top:1px solid var(--rule)}.faq-list details{border-bottom:1px solid var(--rule)}.faq-list details:first-child{border-top:1.5px solid var(--ink)}.faq-list summary{list-style:none;padding:22px 40px 22px 0;font-weight:600;font-size:19px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";position:absolute;right:4px;top:16px;font-family:var(--serif);font-size:32px;color:var(--accent);transition:transform .25s ease}.faq-list details[open] summary:after{transform:rotate(45deg)}.faq-list p{margin:0 0 24px;color:var(--ink-2);max-width:60ch}.final{text-align:center;padding-bottom:130px}.final h2{max-width:14ch;margin:0 auto;font-size:clamp(44px,6.5vw,88px)}.final p{color:var(--ink-2);margin:24px auto 40px;max-width:42ch}.foot{max-width:var(--max);margin:0 auto;padding:28px;display:flex;justify-content:space-between;font-family:var(--mono);font-size:13px;color:var(--ink-3);border-top:1px solid var(--rule)}@media(max-width:960px){section{padding:80px 22px}.hero{grid-template-columns:1fr;gap:56px;padding-top:40px}.skill-card{max-width:480px}.problem-grid,.steps,.tiers{grid-template-columns:1fr}.problem-grid article+article{padding-left:0;border-left:none;border-top:1px solid var(--rule)}.steps li{flex-direction:row}.step-n{flex-shrink:0}.tier-feature{transform:none}.neutral-inner{grid-template-columns:1fr;padding:44px 28px}.faq{grid-template-columns:1fr;gap:20px}.nav nav a:not(.btn){display:none}}@media(max-width:520px){body{font-size:17px}.card-body code,.side code{font-size:12px}.card-body{padding:20px}.foot{flex-direction:column;gap:6px}}.hero>*,.side,.compare{min-width:0}.card-body{overflow-x:auto}body{overflow-x:clip}.dept-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.dept-tabs button{border:1px solid #4a433a;background:none;color:#cfc6b6;font:500 14px var(--mono);letter-spacing:.04em;padding:9px 16px;border-radius:2px;transition:background .2s ease,color .2s ease,border-color .2s ease}.dept-tabs button:hover{border-color:#ff7a5c;color:var(--paper)}.dept-tabs button[aria-selected=true]{background:#ff7a5c;border-color:#ff7a5c;color:var(--ink)}.msg{padding:26px 28px;background:#1f1b16;border:1px solid #3a342c;border-radius:4px;font-size:16.5px;line-height:1.65;color:#e9e2d4}.msg p{margin:0 0 14px}.msg p:last-child{margin-bottom:0}.msg strong{font-weight:600}.pair{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start;animation:fade .35s ease}@keyframes fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.side{display:flex;flex-direction:column;gap:18px}.side-label{margin:0;font-family:var(--mono);font-size:13px;text-transform:uppercase;letter-spacing:.12em}.side-without .side-label{color:#ff8a70}.side-with .side-label{color:#9fd9a8}.side-without .msg,.side-without pre{opacity:.88}.side-with .msg,.side-with pre{border-color:#9fd9a8;box-shadow:6px 6px #9fd9a82e}@media(max-width:960px){.pair{grid-template-columns:1fr}}