:root{--paper:#f2efe7;--paper-2:#ebe7dd;--ink:#111;--ink-2:#333;--mute:#6f6a60;--line:#d9d4c8;--red:#c8442d;--sand:#cfc6b4;--serif:"Playfair Display","Cormorant Garamond",Georgia,serif;--sans:"Inter",-apple-system,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 var(--sans);color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}.c-side,.c-words,.caps,.eyebrow,.fine,.num,.tag,footer,nav .links a{font-family:var(--sans);font-size:11px;letter-spacing:.22em;text-transform:uppercase}nav{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:40px;gap:40px;padding:26px 40px}.wordmark{font:500 34px/1 var(--serif);letter-spacing:-.5px}nav .links{display:flex;gap:34px;justify-content:center}nav .links a{color:var(--ink-2);padding:8px 12px;margin:-8px -12px;transition:background .12s,color .12s}nav .links a:hover{color:var(--ink);background:var(--paper-2)}.nav-right{display:flex;align-items:center;gap:28px}.tag{color:var(--mute);line-height:1.5;text-align:right}.btn{display:inline-flex;align-items:center;gap:14px;padding:13px 22px;font:500 15px/1 var(--serif);color:var(--paper);background:var(--ink);border:1px solid var(--ink);transition:background .15s,color .15s}.btn:hover{background:var(--paper);color:var(--ink)}.btn.big{padding:18px 26px;font-size:18px}.btn span{font-family:var(--sans)}.hero{display:grid;grid-template-columns:1.05fr 1fr;grid-gap:40px;gap:40px;align-items:center;padding:50px 40px 80px}.eyebrow{color:var(--mute);margin-bottom:26px}h1{margin:0 0 24px;font:400 76px/1.02 var(--serif);letter-spacing:-1.5px}.lede{max-width:48ch;margin:0 0 30px;font:400 19px/1.55 var(--serif);color:var(--ink-2)}.cta-row{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.alt{font:400 15px var(--serif);color:var(--ink-2);border-bottom:1px solid var(--ink-2);padding-bottom:2px}.alt:hover{color:var(--ink);border-color:var(--ink)}.fine{margin-top:22px;color:var(--mute);letter-spacing:.16em;line-height:1.8}.fine code{font-family:var(--mono);text-transform:none;letter-spacing:0;font-size:12px;color:var(--ink-2)}.collage{position:relative;height:560px}.collage>*{position:absolute}.c-bar{left:8%;top:0;width:84px;height:320px;background:var(--ink)}.c-circle{right:10%;top:40px;width:180px;height:180px;border-radius:50%;background:var(--sand)}.c-frame{left:14%;top:120px;width:64%;height:300px;background:var(--paper-2);border:1px solid var(--line);display:grid;place-items:center;padding:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.35)}.c-code{margin:0;font:12.5px/1.7 var(--mono);color:var(--ink-2);white-space:pre}.c-red{left:54%;top:350px;width:120px;height:120px;background:var(--red);mix-blend-mode:multiply}.c-square{left:4%;top:330px;width:22px;height:22px;background:var(--ink)}.c-words{right:28%;top:300px;line-height:2}.c-side,.c-words{color:var(--ink-2)}.c-side{right:0;top:260px;padding-left:16px;border-left:1px solid var(--ink);display:flex;flex-direction:column;gap:14px;line-height:1.8}.c-side i{display:block;width:24px;height:1px;background:var(--ink)}.steps{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:44px 34px 48px;border-left:1px solid var(--line)}.step:first-child{border-left:none}.num{color:var(--mute);margin-bottom:14px}.step h3{margin:0 0 22px;font:400 30px/1 var(--serif)}.step svg{width:46px;height:46px;fill:none;stroke:var(--ink);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;margin-bottom:24px}.step p{margin:0 0 18px;font:400 15px/1.6 var(--serif);color:var(--ink-2)}.step code{font:12px var(--mono);color:var(--mute)}.close{display:grid;grid-template-columns:300px 1fr auto;align-items:center;grid-gap:60px;gap:60px;padding:70px 40px 80px}.close-art{position:relative;height:240px}.close-art div{position:absolute;background:var(--sand)}.close-art div:first-child{left:0;top:0;width:200px;height:240px;background:linear-gradient(160deg,#d8d1c1,#bfb6a2)}.close-art div:nth-child(2){left:120px;top:40px;width:180px;height:200px;background:var(--ink);opacity:.9}.close-art div:nth-child(3){left:60px;top:150px;width:80px;height:80px;background:var(--red);mix-blend-mode:multiply}.close-quote p{margin:0 0 12px;font:italic 400 38px/1.25 var(--serif)}.close-quote span{font:400 16px var(--serif);color:var(--ink-2)}.close-cta{text-align:right}.close-cta .fine{margin-top:14px}footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:26px 40px 40px;border-top:1px solid var(--line);color:var(--mute)}footer a{border-bottom:1px solid var(--line)}@media (max-width:1000px){nav{grid-template-columns:auto 1fr}nav .links{display:none}.hero{grid-template-columns:1fr;padding-bottom:40px}.collage{height:420px}h1{font-size:54px}.steps{grid-template-columns:1fr 1fr}.step:nth-child(3){border-left:none}.close{grid-template-columns:1fr;gap:34px}.close-cta{text-align:left}}@media (max-width:600px){nav{padding:20px}.close,.hero,footer{padding-left:20px;padding-right:20px}.nav-right .tag{display:none}h1{font-size:40px}.steps{grid-template-columns:1fr}.step{border-left:none;border-top:1px solid var(--line)}.collage{height:340px}.c-frame{width:80%;left:8%}}