@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/a128116a0bc3fa8c-s.11-onw4a9s-o3.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/9db33c57cd4391b8-s.1oj6iblxvm99n.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-weight:100 900;font-display:swap;src:url(../media/8010b10db0d5feb2-s.p.1q-jjomgjvbjf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/167cd0713aa75522-s.1nzccunaoxsdm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e455bcff747f0d5e-s.1wuo3gtslpr33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/791bf8c4bb753ed6-s.p.0ggqn9ig56u4s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_85cba47e-module__s1TCdW__className{font-family:Fraunces,Fraunces Fallback}.fraunces_85cba47e-module__s1TCdW__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.0klc_mi0-5f4_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:400;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.0klc_mi0-5f4_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.0klc_mi0-5f4_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/c7f47671e39f7787-s.0klc_mi0-5f4_.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/f06bf9da926bae75-s.p.2874ccu1_u7jf.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Instrument Sans Fallback;src:local(Arial);ascent-override:94.42%;descent-override:24.33%;line-gap-override:0.0%;size-adjust:102.74%}.instrument_sans_328f53c2-module__kVEb1a__className{font-family:Instrument Sans,Instrument Sans Fallback;font-style:normal}.instrument_sans_328f53c2-module__kVEb1a__variable{--font-instrument:"Instrument Sans", "Instrument Sans Fallback"}
:root{--bg:#faf7f1;--paper:#fff;--sand:#f1eadf;--sand-2:#e8dfd1;--line:#e3dacb;--text:#1d1b18;--muted:#5f584e;--accent:#1f5c4b;--accent-ink:#fff;--accent-soft:color-mix(in srgb, var(--accent) 10%, #fff);--line-hi:color-mix(in srgb, var(--accent) 45%, transparent);--ok:#2f7d5f;--err:#b42318;--p-ai-commerce:#1f5c4b;--p-shopify-engineering:#3b5998;--p-building-with-ai:#a4532f;--p-seo-indie:#7a5a10;--font-display:"Fraunces", Georgia, serif;--font-body:"Instrument Sans", system-ui, sans-serif;--font-code:ui-monospace, "SFMono-Regular", Menlo, monospace;--text-body:17px;--text-prose:19px;--text-small:15px;--text-eyebrow:13px;--h1-desktop:88px;--h1-mobile:48px;--h2-desktop:48px;--h2-mobile:34px;--h3-card:25px;--r-pill:999px;--r-card:24px;--r-panel:28px;--r-inner:16px;--r-tile:18px;--shadow:0 1px 2px #1d1b180a, 0 10px 30px -14px #1d1b1829;--shadow-hover:0 1px 2px #1d1b180a, 0 24px 48px -20px #1d1b1838;--container:1280px;--gutter-desktop:80px;--gutter-mobile:20px;--section-gap-desktop:120px;--section-gap-mobile:72px;--card-gap:24px;--prose-width:700px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#171512;--paper:#211e1a;--sand:#2a2621;--sand-2:#332e28;--line:#3a342d;--text:#f2ede4;--muted:#b5ac9f;--accent:#7fc4ae;--accent-ink:#10231d;--accent-soft:color-mix(in srgb, var(--accent) 14%, var(--paper));--ok:#7fc4ae;--err:#f2a097;--p-ai-commerce:#7fc4ae;--p-shopify-engineering:#9db4e6;--p-building-with-ai:#e5a383;--p-seo-indie:#d9bc72}
:root{--font-display:var(--font-fraunces), Georgia, serif;--font-body:var(--font-instrument), system-ui, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img,svg{max-width:100%}a{color:var(--accent);text-decoration:none}a:hover{color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.skip-link{z-index:100;background:var(--accent);color:var(--accent-ink);border-radius:var(--r-pill);padding:12px 20px;font-weight:600;position:absolute;top:-100px;left:16px}.skip-link:focus{color:var(--accent-ink);top:12px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.shell{width:100%;max-width:calc(var(--container) + 2 * var(--gutter-desktop));padding-inline:var(--gutter-desktop);margin:0 auto}.main{gap:var(--section-gap-desktop);flex-direction:column;padding-bottom:96px;display:flex}.main.tight{gap:72px}.stack{flex-direction:column;display:flex}.grid{gap:var(--card-gap);display:grid}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.serif,h1,h2,h3{font-family:var(--font-display);font-optical-sizing:auto;letter-spacing:-.015em;margin:0;font-weight:500;line-height:1.08}.serif em,h1 em,h2 em{color:var(--accent);font-weight:450}h1{font-weight:450}.h1-home{font-size:var(--h1-desktop);line-height:1.02}.h1-page{font-size:76px;line-height:1.04}.h2{font-size:var(--h2-desktop)}.lead{color:var(--muted);max-width:680px;margin:0;font-size:21px;line-height:1.6}.muted{color:var(--muted)}.eyebrow{font-size:var(--text-eyebrow);text-transform:uppercase;letter-spacing:.12em;color:var(--muted);align-items:center;gap:10px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:50%;width:8px;height:8px}.header{justify-content:space-between;align-items:center;height:92px;display:flex}.wordmark{color:var(--text);font-family:var(--font-display);letter-spacing:-.01em;align-items:center;gap:12px;font-size:22px;font-weight:600;display:flex}.wordmark:hover{color:var(--text)}.mono-badge{background:var(--accent);width:36px;height:36px;color:var(--accent-ink);font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;font-style:italic;font-weight:600;display:flex}.mono-badge.lg{width:64px;height:64px;font-size:26px}.mono-badge.md{width:40px;height:40px}.header-right{align-items:center;gap:16px;display:flex}.nav{gap:4px;display:flex}.nav a{color:var(--muted);border-radius:var(--r-pill);padding:10px 16px;font-size:16px;font-weight:500;transition:color .2s,background .2s}.nav a:hover,.nav a[aria-current=page]{color:var(--text);background:var(--sand)}.icon-btn{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:border-color .2s,color .2s;display:inline-flex}.icon-btn:hover{border-color:var(--line-hi);color:var(--accent)}.menu-btn,.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}.mobile-menu{z-index:50;background:var(--bg);padding:0 var(--gutter-mobile) 32px;flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.mobile-menu[hidden]{display:none}.mobile-menu nav{flex-direction:column;margin-top:24px;display:flex}.mobile-menu nav a{font-family:var(--font-display);color:var(--text);border-bottom:1px solid var(--line);padding:12px 0;font-size:40px;font-weight:450}.mobile-menu .mm-foot{flex-direction:column;gap:24px;margin-top:auto;padding-top:32px;display:flex}.mm-row{justify-content:space-between;align-items:center;display:flex}.btn{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:10px;height:54px;padding:0 26px;font-family:inherit;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{color:var(--accent-ink);box-shadow:0 10px 24px -10px color-mix(in srgb, var(--accent) 70%, transparent);transform:translateY(-1px)}.btn-ghost{border-color:var(--line);color:var(--text);background:var(--paper)}.btn-ghost:hover{border-color:var(--text);color:var(--text)}.btn[disabled]{opacity:.6;cursor:progress;transform:none}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:var(--shadow);color:var(--text);transition:transform .25s,box-shadow .25s,border-color .25s}a.card:hover,.card.hov:hover{border-color:var(--line-hi);box-shadow:var(--shadow-hover);color:var(--text);transform:translateY(-4px)}.card.flat{box-shadow:none;background:0 0}.card.sand{background:var(--sand);box-shadow:none;border:0}.card-link{flex-direction:column;display:flex;overflow:hidden}.card-inset{padding:14px 14px 0}.card-inset>*{border-radius:var(--r-inner);display:block;overflow:hidden}.card-body{flex-direction:column;flex-grow:1;gap:14px;padding:22px 26px 28px;display:flex}.card-body h3{font-size:23px;line-height:1.25}.tool-card{flex-direction:column;gap:20px;padding:30px;display:flex}.tool-card.big{padding:36px}.tool-card h3{font-size:25px;line-height:1.15}.tool-card.big h3{font-size:28px}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.row-between.top{align-items:flex-start}.wrap{flex-wrap:wrap}.tags{flex-wrap:wrap;gap:8px;display:flex}.icon-tile{border-radius:var(--r-tile);background:var(--accent-soft);width:56px;height:56px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-tile.sm{border-radius:14px;width:44px;height:44px}.cta{color:var(--accent);align-items:center;gap:6px;font-size:15px;font-weight:600;display:inline-flex}.small{font-size:14px}.p16{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.tag{border-radius:var(--r-pill);background:var(--sand);color:var(--muted);white-space:nowrap;align-self:flex-start;align-items:center;gap:7px;padding:8px 12px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.tag-acc{background:var(--accent-soft);color:var(--accent)}.tag.pillar{color:var(--pc);background:color-mix(in srgb, var(--pc) 10%, var(--paper))}a.tag.pillar:hover{color:var(--pc);background:color-mix(in srgb, var(--pc) 18%, var(--paper))}.tag.status{color:var(--sc);background:color-mix(in srgb, var(--sc) 10%, var(--paper))}.tag .dot{background:currentColor;border-radius:50%;flex-shrink:0;width:7px;height:7px}.free{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--r-pill);color:var(--ok);background:color-mix(in srgb, var(--ok) 12%, var(--paper));padding:6px 11px;font-size:12px;font-weight:700}.section{flex-direction:column;gap:48px;display:flex}.section-head{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.section-head>div{flex-direction:column;gap:14px;display:flex}.section-head p{color:var(--muted);max-width:560px;margin:0;font-size:19px}.more{color:var(--text);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:8px;padding:10px 0;font-size:15px;font-weight:600;display:inline-flex}.more:hover{color:var(--accent);border-color:var(--accent)}.hello{font-family:var(--font-display);color:var(--text);border-bottom:1.5px solid var(--accent);align-items:center;gap:10px;padding-bottom:4px;font-style:italic;font-weight:500;display:inline-flex}.hello:hover{color:var(--accent)}.hello .arr{color:var(--accent);font-style:normal;transition:transform .2s}.hello:hover .arr{transform:translate(4px)}.hero{grid-template-columns:minmax(0,1fr) 540px;align-items:center;gap:72px;padding-top:48px;display:grid}.hero-copy{flex-direction:column;gap:30px;display:flex}.hero-copy .lead{max-width:600px;font-size:21px}.showcase-wrap{height:600px;position:relative}.showcase{background:var(--sand);border-radius:32px;justify-content:center;align-items:center;width:440px;height:560px;display:flex;position:relative;overflow:hidden}.showcase svg.deco{width:100%;height:100%;position:absolute;inset:0}.mini{z-index:2;border-radius:22px;flex-direction:column;gap:18px;width:380px;padding:24px;display:flex;position:relative}.mini-input{border:1px solid var(--line);background:var(--bg);height:46px;color:var(--muted);border-radius:12px;flex-grow:1;align-items:center;padding:0 14px;font-size:15px;display:flex}.mini .btn{height:46px;padding:0 18px;font-size:15px}.check-row{align-items:center;gap:10px;padding:10px 0;font-size:15px;display:flex}.check-row+.check-row{border-top:1px solid var(--line)}.check-dot{background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.note{z-index:3;border-radius:20px;align-items:flex-start;gap:14px;width:300px;padding:18px 20px;display:flex;position:absolute}.note.a{top:0;right:0}.note.b{bottom:0;right:24px}.note-t{font-size:15px;font-weight:600;display:block}.note-s{color:var(--muted);font-size:14px;line-height:1.45;display:block}.facts{margin-top:-40px;padding:32px 0;display:flex}.facts>div{flex-direction:column;flex:1;gap:4px;padding:0 32px;display:flex}.facts>div+div{border-left:1px solid var(--line)}.facts .v{font-size:30px}.eyebrow-sm{margin-bottom:4px;font-size:11px}.signoff{text-align:center;border-radius:var(--r-panel);background:var(--accent-soft);flex-direction:column;align-items:center;gap:14px;padding:72px 20px;display:flex}.signoff .t{font-size:36px}.signoff .hello{font-size:24px}.footer{border-radius:var(--r-panel);background:var(--sand);flex-direction:column;gap:40px;margin:0 24px 24px;padding:64px 56px 36px;display:flex}.footer-top{justify-content:space-between;gap:40px;display:flex}.footer-brand{flex-direction:column;gap:16px;max-width:420px;display:flex}.footer nav{flex-direction:column;gap:12px;display:flex}.flink{color:var(--muted);font-size:15px}.flink:hover{color:var(--text)}.socials{gap:10px;display:flex}.soc{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);width:44px;height:44px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.soc:hover{color:var(--accent);border-color:var(--line-hi)}.footer-right{flex-direction:column;gap:18px;display:flex}.footer-right .hello{align-self:flex-start;font-size:22px}.footer-bottom{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:6px;padding-top:24px;font-size:14px;display:flex}.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;display:grid}.step{align-items:flex-start;gap:18px;display:flex}.step .n{color:var(--accent);font-size:40px;line-height:1}.step b{font-size:18px;font-weight:600;display:block}.step-cards{gap:var(--card-gap);grid-template-columns:repeat(var(--n,3), minmax(0, 1fr));margin:0;padding:0;list-style:none;display:grid}.panel{flex-direction:column;gap:36px;padding:48px 56px;display:flex}.crumbs{color:var(--muted);flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--accent)}.meta-card{padding:24px 28px}.meta-card dl{margin:0}.meta-card .r{justify-content:space-between;gap:16px;padding:12px 0;font-size:15px;display:flex}.meta-card .r+.r{border-top:1px solid var(--line)}.meta-card dt{color:var(--muted)}.meta-card dd{text-align:right;margin:0;font-weight:500}.detail-hero{grid-template-columns:minmax(0,1fr) 380px;align-items:start;gap:64px;display:grid}.detail-hero>div:first-child{flex-direction:column;gap:24px;display:flex}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:18px;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);font-size:22px;line-height:1}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);margin:12px 0 0}.split{grid-template-columns:320px minmax(0,1fr);gap:64px;display:grid}.screenshot-frame{border-radius:var(--r-panel);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.chips{flex-wrap:wrap;gap:10px;display:flex}.chip{border-radius:var(--r-pill);border:1px solid var(--line);background:var(--paper);min-height:44px;color:var(--text);align-items:center;padding:0 18px;font-size:15px;font-weight:500;transition:border-color .2s,background .2s;display:inline-flex}.chip:hover{border-color:var(--line-hi);color:var(--text)}.chip[aria-current=page]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.pager{justify-content:center;gap:10px;display:flex}.featured-post{grid-template-columns:1.2fr 1fr;display:grid;overflow:hidden}.featured-post .card-body{justify-content:center;padding:40px}.featured-post h2{font-size:40px}.project-featured{grid-column:1/-1;grid-template-columns:1.3fr 1fr;display:grid;overflow:hidden}.project-featured .card-inset{padding:14px}.projects-grid{gap:var(--card-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.projects-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.footnote{border:1px dashed var(--line);border-radius:var(--r-card);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:22px 28px;display:flex}.stack-list{flex-wrap:wrap;gap:8px;display:flex}.about-hero{grid-template-columns:480px minmax(0,1fr);align-items:center;gap:88px;padding-top:8px;display:grid}.photo{aspect-ratio:480/580;background:var(--sand-2);border-radius:32px;width:100%;max-width:480px;position:relative;overflow:hidden}.photo .label{color:var(--muted);background:var(--paper);border-radius:var(--r-pill);padding:6px 12px;font-size:13px;font-weight:600;position:absolute;bottom:18px;left:20px}.about-copy{flex-direction:column;gap:20px;max-width:640px;font-size:20px;line-height:1.7;display:flex}.about-copy p{margin:0}.into{flex-direction:column;gap:12px;padding:32px;display:flex}.into .tech{color:var(--accent);border-top:1px solid var(--line);margin-top:auto;padding-top:14px;font-size:14px;font-weight:600}.post-head{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:800px;margin:0 auto;display:flex}.post-head h1{font-size:64px;line-height:1.06}.post-head .lead{max-width:680px;font-size:22px}.post-cover{border-radius:32px;width:100%;max-width:1120px;margin:0 auto;overflow:hidden}.narrow{width:100%;max-width:700px;margin:0 auto}.prose{font-size:var(--text-prose);flex-direction:column;gap:24px;line-height:1.75;display:flex}.prose>*{margin:0}.prose h2{margin-top:22px;font-size:34px;line-height:1.2}.prose h3{margin-top:10px;font-size:26px}.prose a{text-decoration:underline;-webkit-text-decoration-color:var(--line-hi);text-decoration-color:var(--line-hi);text-underline-offset:4px}.prose code.i{font-family:var(--font-code);background:var(--sand);color:var(--text);border-radius:6px;padding:2px 7px;font-size:.82em}.prose ul,.prose ol{flex-direction:column;gap:8px;padding-left:24px;display:flex}.prose blockquote{border-left:3px solid var(--accent);color:var(--muted);font-family:var(--font-display);padding-left:20px;font-style:italic}.prose figure{margin:0}.prose figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:15px}.prose figure img{border-radius:var(--r-inner);width:100%;height:auto}.code{border:1px solid var(--line);font-family:var(--font-code);color:#3d3830;background:#fffdf9;border-radius:18px;font-size:14px;line-height:1.7;overflow:hidden}.code .bar{border-bottom:1px solid var(--line);background:var(--sand);color:var(--muted);font-size:13px;font-family:var(--font-body);justify-content:space-between;align-items:center;padding:8px 10px 8px 18px;font-weight:600;display:flex}.code .bar button{font:inherit;color:var(--text);background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:10px;align-items:center;gap:6px;min-height:44px;padding:0 12px;font-size:13px;display:inline-flex}.code pre{white-space:pre-wrap;word-break:break-word;font:inherit;margin:0;padding:20px 22px;font-size:13.5px;background:0 0!important}.callout{background:var(--sand);border-radius:18px;gap:14px;padding:22px 24px;font-size:17px;line-height:1.6;display:flex}.callout .ic{color:var(--accent);flex-shrink:0;padding-top:2px}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:separate;border-spacing:0;border:1px solid var(--line);background:var(--paper);border-radius:16px;width:100%;font-size:16px;line-height:1.5;overflow:hidden}.tbl th{text-align:left;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:var(--sand);padding:13px 18px;font-size:13px;font-weight:600}.tbl td{border-top:1px solid var(--line);vertical-align:top;padding:15px 18px}.author-box{align-items:center;gap:22px;padding:28px;display:flex}.related{border-top:1px solid var(--line);flex-direction:column;gap:40px;padding-top:72px;display:flex}.contact-wrap{max-width:640px}.form{flex-direction:column;gap:24px;padding:40px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.field label,.field legend{padding:0;font-size:15px;font-weight:600}.input{width:100%;min-height:52px;font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:14px;padding:12px 16px}.input:hover{border-color:var(--line-hi)}textarea.input{resize:vertical;min-height:160px}.input[aria-invalid=true]{border-color:var(--err)}.err{color:var(--err);align-items:center;gap:6px;font-size:14px;display:flex}.banner{background:color-mix(in srgb, var(--err) 8%, var(--paper));border:1px solid color-mix(in srgb, var(--err) 40%, var(--paper));color:var(--text);border-radius:14px;align-items:center;gap:12px;padding:16px 18px;display:flex}.banner svg{color:var(--err);flex-shrink:0}.radios{border:0;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;display:grid}.radio{position:relative}.radio input{opacity:0;position:absolute;inset:0}.radio label{border:1px solid var(--line);background:var(--bg);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:0 16px;font-weight:500;display:flex}.radio label:before{content:"";border:2px solid var(--muted);border-radius:50%;flex-shrink:0;width:18px;height:18px}.radio input:checked+label{border-color:var(--accent);background:var(--accent-soft)}.radio input:checked+label:before{border-color:var(--accent);background:radial-gradient(var(--accent) 45%, transparent 50%)}.radio input:focus-visible+label{outline:2px solid var(--accent);outline-offset:2px}.success{flex-direction:column;align-items:flex-start;gap:20px;padding:48px;display:flex}.success .ok{background:var(--accent-soft);width:64px;height:64px;color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}@media (max-width:1100px){.grid-3,.projects-grid,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr;gap:48px}.showcase-wrap{justify-content:center;height:auto;display:flex}.note{display:none}.about-hero{grid-template-columns:1fr;gap:48px}.detail-hero,.split{grid-template-columns:1fr;gap:32px}.project-featured,.featured-post{grid-template-columns:1fr}}@media (max-width:720px){:root{--gutter-desktop:var(--gutter-mobile)}.main{gap:var(--section-gap-mobile);padding-bottom:64px}.main.tight{gap:56px}.header{height:72px}.nav,.header-right .theme-desktop{display:none}.menu-btn{display:inline-flex}.h1-home,.h1-page{font-size:var(--h1-mobile)}.h2{font-size:var(--h2-mobile)}.lead,.hero-copy .lead{font-size:18px}.grid-3,.grid-2,.grid-4,.projects-grid{grid-template-columns:1fr}.hero{padding-top:16px}.hero-copy{gap:22px}.btn-row .btn{flex:100%}.showcase{width:100%;height:auto;padding:24px 16px}.mini{width:100%;padding:20px}.facts{flex-direction:column;gap:20px;margin-top:0;padding:24px 0}.facts>div{padding:0 24px}.facts>div+div{border-left:0;border-top:1px solid var(--line);padding-top:20px}.section{gap:32px}.section-head{flex-direction:column;align-items:flex-start;gap:16px}.signoff{padding:48px 20px}.signoff .t{font-size:28px}.footer{margin:0 12px 12px;padding:40px 24px 28px}.footer-top,.footer-bottom{flex-direction:column}.steps,.step-cards{grid-template-columns:1fr;gap:24px}.panel{padding:28px 24px}.tool-card.big{padding:28px}.post-head h1{font-size:40px}.post-head .lead{font-size:19px}.prose{font-size:18px}.prose h2{font-size:28px}.author-box{flex-direction:column;align-items:flex-start}.form,.success{padding:24px}.field-row,.radios{grid-template-columns:1fr}.facts .v{font-size:26px}.featured-post .card-body{padding:24px}.featured-post h2{font-size:30px}.about-copy{font-size:18px}.card-body{padding:20px 22px 24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}a.card:hover,.card.hov:hover,.btn-primary:hover{transform:none}}