@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@600;700;800&family=Onest:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap');
:root{--surface-0:#f3f1ea;--surface-1:#fff;--surface-2:#e7e4da;--ink:#0e0e10;--ink-muted:#55555c;--line:#d3cfc2;--lime:#c8ff2e;--cobalt:#2b4bff;--display:Unbounded,Arial,sans-serif;--text:Onest,Arial,sans-serif;--mono:'JetBrains Mono',monospace}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--surface-0);font-family:var(--text);-webkit-font-smoothing:antialiased}html{scroll-behavior:smooth}a{color:inherit}.wrap{width:min(1280px,100%);margin:0 auto;padding-left:72px;padding-right:72px}.skip{position:fixed;top:-80px;left:16px;z-index:8;background:var(--ink);color:white;padding:12px}.skip:focus{top:16px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:800 24px/1 var(--display);letter-spacing:-1px;text-decoration:none}.brand-icon{height:33px;width:33px;position:relative;background:linear-gradient(var(--ink),var(--ink)) left top/10px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) left top/3px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) right top/10px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) right top/3px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom/10px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) left bottom/3px 10px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/10px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) right bottom/3px 10px no-repeat}.brand-icon i{position:absolute;inset:9px;background:var(--lime);border:1.5px solid var(--ink)}.subject{font-size:13px;font-weight:500;padding:8px 16px;border-radius:999px;background:var(--surface-2)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:72px}.eyebrow{font-size:15px;font-weight:500;color:var(--ink-muted)}h1{font:800 64px/64px var(--display);letter-spacing:-2.6px;margin:24px 0 32px}mark{position:relative;z-index:0;background:none;color:inherit;white-space:nowrap}mark:before{content:'';position:absolute;z-index:-1;left:-6px;right:-9px;bottom:2px;height:54%;background:var(--lime);transform:rotate(-1.7deg);clip-path:polygon(1% 8%,7% 4%,16% 9%,23% 2%,31% 7%,42% 3%,50% 7%,59% 1%,70% 5%,79% 1%,89% 8%,98% 3%,100% 26%,98% 49%,100% 74%,96% 92%,87% 95%,76% 92%,66% 100%,56% 94%,48% 100%,36% 94%,25% 98%,16% 91%,5% 96%,0 79%,2% 58%,0 37%)}.intro{font-size:18px;line-height:28px;max-width:480px;margin:0 0 32px}.cta{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;padding:14px 24px;background:var(--lime);border:2px solid var(--ink);border-radius:12px;color:var(--ink);font-size:15px;line-height:20px;font-weight:600;text-decoration:none;transition:background .16s}.cta span{font-size:22px}.cta:hover{background:#b8ee20}.cta-note{font-size:13px;line-height:18px;color:var(--ink-muted);margin:16px 0 0}.example{margin:0;min-width:0}.example-top{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:15px;line-height:24px;margin:0 0 16px}.example-top>span:last-child{font-size:22px;font-weight:600;white-space:nowrap}.example-top sub{font-size:13px}.screen-frame{position:relative;background:var(--surface-0);padding:24px}.screen-frame img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.corner{position:absolute;width:22px;height:22px;border-color:var(--ink);border-style:solid;border-width:0}.tl{left:0;top:0;border-top-width:3px;border-left-width:3px}.tr{right:0;top:0;border-top-width:3px;border-right-width:3px}.bl{left:0;bottom:0;border-bottom-width:3px;border-left-width:3px}.br{right:0;bottom:0;border-bottom-width:3px;border-right-width:3px}figcaption{margin-top:16px}figcaption strong{display:block;font-size:18px;font-weight:500;line-height:28px}figcaption span{display:block;font-size:13px;line-height:18px;color:var(--ink-muted);margin-top:8px}.material{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid var(--line);padding-top:48px;padding-bottom:72px}.section-label{font-size:13px;line-height:18px;font-weight:500;color:var(--ink-muted)}h2{font:600 22px/28px var(--display);letter-spacing:-.8px;margin:16px 0 0}.material-details p{font-size:16px;line-height:24px;margin:0 0 24px}.facts{display:flex;flex-wrap:wrap;gap:8px}.facts span{background:var(--surface-2);border-radius:6px;padding:8px 12px;font-size:13px;line-height:18px}.finish{display:flex;align-items:center;justify-content:space-between;gap:32px;background:var(--surface-1);padding-top:48px;padding-bottom:48px}.finish h2{font-size:32px;line-height:40px}.finish p{font-size:16px;line-height:24px;margin:16px 0 0;max-width:450px}.secondary{background:var(--cobalt);color:white;border-color:var(--cobalt);flex-shrink:0}.secondary:hover{background:#203bd6}.footer{display:flex;justify-content:space-between;gap:24px;padding-top:32px;padding-bottom:32px;color:var(--ink-muted);font-size:13px;line-height:18px}a:focus-visible{outline:3px solid var(--cobalt);outline-offset:5px}@media(max-width:1100px){.wrap{padding-left:40px;padding-right:40px}.hero{gap:32px}h1{font-size:44px;line-height:48px;letter-spacing:-1.7px}.intro{font-size:16px;line-height:24px}.screen-frame{padding:16px}h2{font-size:24px;line-height:34px}}@media(max-width:820px){.wrap{padding-left:24px;padding-right:24px}.header{height:96px}.hero{grid-template-columns:1fr;gap:48px;padding-top:48px;padding-bottom:48px}.hero-copy{max-width:600px}.example{max-width:600px;width:100%;margin:0 auto}.material{grid-template-columns:1fr;gap:24px;padding-top:32px;padding-bottom:48px}.material-details{max-width:600px}.finish{display:block;padding-top:32px;padding-bottom:32px}.finish .cta{margin-top:24px}.footer{font-size:12px;line-height:18px}}@media(max-width:480px){.wrap{padding-left:16px;padding-right:16px}.header{height:80px}.brand{font-size:18px;gap:8px;letter-spacing:-.8px}.brand-icon{width:28px;height:28px}.brand-icon i{inset:8px}.subject{font-size:11px;padding:8px 10px}.hero{padding-top:32px;gap:32px}h1{font-size:34px;line-height:42px;letter-spacing:-1.5px;margin:16px 0 24px}.eyebrow{font-size:13px}.intro{font-size:16px;line-height:24px;margin-bottom:24px}.cta{width:100%;padding:14px 16px;gap:16px}.cta-note{font-size:13px;line-height:18px}.example-top{font-size:13px;margin-bottom:12px}.example-top>span:last-child{font-size:20px}.screen-frame{padding:16px}figcaption strong{font-size:16px;line-height:24px}h2{font-size:22px;line-height:30px;letter-spacing:-.5px}.finish h2{font-size:26px;line-height:34px}.footer{display:block;padding-top:24px;padding-bottom:24px;font-size:11px}.footer span{display:block;margin-bottom:8px}}@media(max-width:350px){h1{font-size:29px;line-height:37px}.brand{font-size:16px}.subject{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cta{transition:none}}