@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=Manrope:wght@400;500;600;700;800&display=swap');
.tutorial-card{min-height:210px;padding:25px 18px;border:0;border-right:1px solid #abb58b;background:transparent;text-align:left;display:flex;flex-direction:column;cursor:pointer;font-family:inherit;color:inherit;transition:background .2s}.tutorial-card:hover,.tutorial-card:focus-visible{background:var(--lime);outline:0}.tutorial-card:first-child{padding-left:0}.tutorial-card:last-child{border-right:0}.tutorial-card h3{font-size:20px;letter-spacing:-.04em;margin:auto 0 16px}.tutorial-card span{font-size:12px;font-weight:800}.video-modal{width:min(960px,92vw);padding:0;border:0;background:#111;box-shadow:0 20px 80px #0008}.video-modal::backdrop{background:#10120ecc}.video-frame{aspect-ratio:16/9}.video-frame iframe{border:0;width:100%;height:100%;display:block}.close-video{position:absolute;right:-13px;top:-42px;border:0;color:white;background:transparent;font:36px/1 Arial;cursor:pointer}@media(max-width:760px){.tutorial-card,.tutorial-card:first-child{min-height:160px;padding:18px;border-bottom:1px solid #abb58b}}
:root{--ink:#161816;--paper:#f5f3ed;--lime:#d8ff3f;--muted:#6b6e66;--line:#d7d7cf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:14px clamp(20px,5vw,76px);display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:#f5f3edf2;backdrop-filter:blur(12px);z-index:4}.brand img,footer img{width:118px;height:auto;display:block}.site-header nav{display:flex;gap:24px;margin-left:auto;font-size:13px;font-weight:700}.site-header nav a:hover,.text-link:hover{opacity:.58}.button{background:var(--ink);color:white;padding:15px 22px;display:inline-block;font-size:13px;font-weight:800;border-radius:2px;transition:transform .2s}.button:hover{transform:translateY(-2px)}.button-small{padding:11px 15px}.menu{display:none}.hero{min-height:620px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:70px clamp(20px,9vw,150px);gap:7vw;background:linear-gradient(120deg,#eef0e5,#f5f3ed)}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.12em;text-transform:uppercase;color:#627020;margin:0 0 18px}.hero h1,.band h2,.learn h2,.about h2,.cta h2{font-size:clamp(42px,5vw,78px);line-height:.98;letter-spacing:-.065em;margin:0 0 24px;max-width:720px}.lede{font-size:18px;line-height:1.6;max-width:530px;color:#474a43}.actions{display:flex;align-items:center;gap:28px;margin-top:30px}.text-link{font-size:14px;font-weight:800;border-bottom:1px solid;padding-bottom:3px}.micro,.note{color:var(--muted);font-size:12px;margin-top:28px}.product-card{border-radius:38% 38% 8px 8px;overflow:hidden;background:#ccd89c;box-shadow:20px 20px 0 var(--lime)}.product-card img{width:100%;display:block;mix-blend-mode:multiply}.band{padding:80px clamp(20px,9vw,150px);background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.band h2{font-size:clamp(35px,4vw,62px);margin:0}.band p:last-child{font-size:19px;line-height:1.65;color:#d3d5cc;align-self:end}.features{display:grid;grid-template-columns:repeat(3,1fr);padding:0 clamp(20px,9vw,150px)}.features article{min-height:255px;padding:42px 30px;border-right:1px solid var(--line)}.features article:first-child{padding-left:0}.features article:last-child{border:0}.features span,.tutorial-grid b{font:11px 'DM Mono',monospace;color:#708115}.features h3{font-size:27px;letter-spacing:-.05em;margin:48px 0 8px}.features p{color:var(--muted);line-height:1.5;max-width:260px}.learn{padding:84px clamp(20px,9vw,150px);background:#e5ecd0}.learn h2{font-size:clamp(38px,4.4vw,66px)}.tutorial-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #abb58b;margin-top:46px}.tutorial-grid a{min-height:210px;padding:25px 18px;border-right:1px solid #abb58b;display:flex;flex-direction:column;transition:background .2s}.tutorial-grid a:hover{background:var(--lime)}.tutorial-grid a:first-child{padding-left:0}.tutorial-grid a:last-child{border:0}.tutorial-grid h3{font-size:20px;letter-spacing:-.04em;margin:auto 0 16px}.tutorial-grid span{font-size:12px;font-weight:800}.about{display:grid;grid-template-columns:1fr 1fr;background:#fff}.about img{width:100%;height:100%;min-height:550px;object-fit:cover}.about div{padding:100px clamp(30px,7vw,130px);display:flex;flex-direction:column;justify-content:center}.about h2{font-size:clamp(38px,4.5vw,65px)}.about p:not(.eyebrow){line-height:1.7;color:var(--muted);font-size:16px}.about .text-link{width:max-content;margin-top:22px}.cta{text-align:center;padding:110px 20px;background:var(--lime)}.cta h2{font-size:clamp(38px,5vw,75px);margin:0 auto 30px}.cta .eyebrow{color:#4a5618}footer{padding:55px clamp(20px,9vw,150px) 24px;background:var(--ink);color:white;display:grid;grid-template-columns:2fr 1fr;gap:30px;font-size:13px}footer img{filter:invert(1);margin-bottom:22px}footer p{line-height:1.65;color:#bfc3b9}footer div:last-of-type{display:flex;flex-direction:column;align-items:flex-start;gap:12px}footer .eyebrow{color:var(--lime);margin:0}.copyright{grid-column:1/-1;border-top:1px solid #4a4c47;padding-top:20px;margin:30px 0 0;color:#969b91}@media(max-width:760px){.site-header{height:68px;gap:14px}.brand img{width:100px}.site-header nav{display:none;position:absolute;top:67px;left:0;right:0;padding:20px;background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column}.site-header nav.open{display:flex}.menu{display:block;margin-left:auto;border:0;background:transparent;font:700 12px Manrope}.button-small{display:none}.hero,.band,.about{grid-template-columns:1fr}.hero{padding:58px 24px 70px;gap:50px;min-height:auto}.hero h1{font-size:54px}.band{padding:62px 24px;gap:15px}.features{grid-template-columns:1fr;padding:0 24px}.features article,.features article:first-child{padding:28px 0;border-right:0;border-bottom:1px solid var(--line);min-height:auto}.features h3{margin:22px 0 8px}.learn{padding:62px 24px}.tutorial-grid{grid-template-columns:1fr 1fr}.tutorial-grid a,.tutorial-grid a:first-child{min-height:160px;padding:18px;border-bottom:1px solid #abb58b}.about img{min-height:360px}.about div{padding:65px 24px}.cta{padding:75px 24px}footer{padding:48px 24px 22px;grid-template-columns:1fr}}