@font-face{font-family:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Anton';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/anton-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/figtree-300-900-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url('/assets/fonts/figtree-300-900-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-400-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-400-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-500-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/ibm-plex-mono-500-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Oswald';font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fonts/oswald-300-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:'Oswald';font-style:normal;font-weight:300 700;font-display:swap;src:url('/assets/fonts/oswald-300-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--ink:#111;--stroke:#000;--paper:#fff;--cream:#f4f1e9;--gold:#ffc700;--gold-deep:#f0b400;--gold-soft:#fff6d6;--blue:#2b6bf3;--pink:#ffb9dc;--green:#2ebd3c;--orange:#ff5a1f;--purple:#701a38;--body-c:#52525b;--note:#71717a;--acid:var(--gold);--magenta:var(--purple);--grey:#71717a;--grey-light:#a1a1aa;--grey-hair:#e4e0d6;--code-key:#ffc700;--code-str:#86efac;--code-name:#fff;--code-num:#ffb9dc;--code-dim:#71717a;--font-display:'Anton','Arial Narrow',Impact,sans-serif;--font-cond:'Oswald','Arial Narrow',sans-serif;--font-sans:'Figtree',-apple-system,'Segoe UI',Helvetica,sans-serif;--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;--font-grotesk:var(--font-sans);--text-mega:clamp(2.75rem,6.5vw,5rem);--text-display:clamp(2.25rem,5vw,3.75rem);--text-h1:clamp(2rem,4vw,3rem);--text-h2:clamp(1.75rem,3.2vw,2.5rem);--text-h3:1.375rem;--text-lead:clamp(1.125rem,1.5vw,1.375rem);--text-body:1.0625rem;--text-small:.9375rem;--text-label:.75rem;--text-micro:.6875rem;--text-annot:.625rem;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--macro:140px;--macro-half:76px;--macro-quarter:44px;--gutter:24px;--edge:28px;--container:1440px;--measure:57ch;--r-card:20px;--r-btn:12px;--r-pill:999px;--sh-sm:3px 4px 0 0 var(--stroke);--sh-btn:4px 5px 0 0 var(--stroke);--sh-card:6px 7px 0 0 var(--stroke);--border:2px solid var(--stroke);--rule:2px solid var(--stroke);--rule-hair:1px solid var(--grey-hair);--dots:radial-gradient(rgba(0,0,0,0.08) 1.5px,transparent 1.5px);--dots-size:22px 22px;--seam:102px;--header-height:66px;--header-stack:132px}html{scroll-behavior:smooth}body{overflow-x:clip;font-family:var(--font-sans);font-size:var(--text-body);background:var(--paper);color:var(--ink);line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--ink);line-height:1.04;letter-spacing:.005em;font-weight:400;text-wrap:balance}p{color:var(--body-c)}a{color:var(--ink);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}img{max-width:100%;height:auto}.video-thumb img,.docs-content img,.component-preview img{display:block;width:100%}::selection{background:var(--gold);color:var(--ink)}:focus-visible{outline:3px solid var(--stroke);outline-offset:3px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--edge)}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}.col-1-5{grid-column:1 / 6}.col-1-6{grid-column:1 / 7}.col-1-7{grid-column:1 / 8}.col-1-8{grid-column:1 / 9}.col-1-9{grid-column:1 / 10}.col-1-12{grid-column:1 / -1}.col-4-12{grid-column:4 / -1}.col-6-12{grid-column:6 / -1}.col-7-12{grid-column:7 / -1}.col-8-12{grid-column:8 / -1}.col-10-12{grid-column:10 / -1}.tool-hero>.container,.legal-section>.container,.faq-section>.container,.newsletter-section>.container,.build-section>.container>.grid,.docs-layout{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter)}.faq-container{grid-column:1 / -1}.tool-hero-content{grid-column:1 / 9}.tool-hero-aside{grid-column:10 / -1}.legal-content{grid-column:3 / 11}.tool-badge,.code-pair-file,.docs-toc-heading,.gallery-card-category,.pager-label,.diptych-cap,.diptych-note,.section-kicker,.video-meta,.api-compact-label,.footer-heading,.newsletter-note,.docs-card-stat,.legal-date,.gallery-breadcrumb,.testimonial-role,.stat-label,.gallery-card-cta,.docs-card-cta,.tool-card-spec,.tool-spec,.masthead-meta,.micro{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;text-transform:uppercase;font-weight:600;line-height:1.4;color:var(--ink)}.micro-dim{color:var(--note)}.site-header{background:var(--paper);position:sticky;top:0;z-index:100;border-bottom:var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-height);gap:var(--s5)}.logo{display:inline-flex;align-items:center;gap:var(--s3);color:var(--ink)}.logo:hover{text-decoration:none}.logo svg{width:26px;height:26px;display:block}.logo-text{font-family:var(--font-display);font-size:1.5rem;letter-spacing:.01em;text-transform:lowercase;line-height:1}.nav-links{display:flex;align-items:center;gap:var(--s5)}.nav-link{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;text-transform:uppercase;font-weight:600;color:var(--ink);white-space:nowrap}.nav-link:hover{text-decoration:none;box-shadow:inset 0 -.55em 0 var(--gold)}.nav-icon{display:inline-flex;align-items:center}.nav-icon svg{width:17px;height:17px;display:block;fill:currentColor}.nav-icon:hover{box-shadow:none;color:var(--purple)}.masthead-meta{display:flex;gap:var(--s2);flex-wrap:wrap;padding:var(--s3) 0 var(--s4);color:var(--ink)}.masthead-meta>span{display:inline-flex;align-items:center;gap:.35em;padding:5px 12px;border:var(--border);border-radius:var(--r-pill);background:var(--paper)}.masthead-meta>span:first-child{background:var(--gold)}.masthead-meta b{color:var(--ink);font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;text-transform:uppercase;font-weight:600;padding:13px 22px;border:var(--border);border-radius:var(--r-btn);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:var(--sh-btn);transition:transform .09s ease,box-shadow .09s ease,background .12s ease}.btn:hover{text-decoration:none;background:var(--cream);transform:translate(2px,2px);box-shadow:var(--sh-sm)}.btn:active{transform:translate(4px,5px);box-shadow:0 0 0 0 var(--stroke)}.btn-primary{background:var(--gold)}.btn-primary:hover{background:var(--gold-deep)}.btn-secondary{background:var(--paper)}.btn-sm{padding:9px 16px}.hero{padding:var(--macro-half) 0 calc(var(--macro-half) + var(--seam));background-color:var(--cream);background-image:var(--dots);background-size:var(--dots-size);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--seam)),0 100%)}.hero-content h1,.hero-title{font-family:var(--font-display);font-weight:400;font-size:var(--text-mega);line-height:1.02;letter-spacing:.005em}.hero-sub{font-size:var(--text-lead);line-height:1.45;margin-top:var(--s5);max-width:44ch;color:var(--body-c)}.hero-meta{display:flex;flex-direction:column;align-self:start;gap:var(--s2);padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.hero-meta div{display:flex;justify-content:space-between;gap:var(--s3);padding-bottom:var(--s2);border-bottom:var(--rule-hair)}.hero-meta div:last-child{padding-bottom:0;border-bottom:0}.hero-meta span:last-child{color:var(--note)}.hero-install{margin-top:var(--s7);display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.diptych-wrap{padding:var(--macro-half) 0}.diptych{align-items:stretch}.diptych-pane{min-width:0;background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);padding:var(--s5)}.diptych-pane--out{background:var(--cream)}.diptych-cap{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s4);padding-bottom:var(--s3);border-bottom:var(--rule-hair);color:var(--note)}.diptych-cap-role{color:var(--ink)}.diptych-pane pre{overflow-x:auto}.diptych-note{margin-top:var(--s5);color:var(--note)}.install-code{display:inline-flex;align-items:center;gap:var(--s2);background:var(--stroke);color:var(--paper);font-family:var(--font-mono);font-size:.875rem;padding:14px 22px;border:var(--border);border-radius:var(--r-btn);box-shadow:var(--sh-btn);cursor:pointer;transition:transform .09s ease,box-shadow .09s ease}.install-code:hover{transform:translate(2px,2px);box-shadow:var(--sh-sm)}.install-code:active{transform:translate(4px,5px);box-shadow:0 0 0 0 var(--stroke)}.install-code code{display:inline-flex;gap:var(--s2)}.install-prompt{color:var(--gold);user-select:none}.install-command{color:inherit}.install-code--dark{background:var(--stroke);color:var(--paper)}.install-block{margin-top:var(--s5)}.section-title,.tools-header h2,.examples-title,.gallery-category-title,.docs-api-title,.videos-section-header h2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:400;letter-spacing:.005em;line-height:1.06}.section-kicker{display:block;margin-bottom:var(--s3);color:var(--purple)}.section-subtitle,.examples-intro,.tools-header p{font-size:var(--text-lead);line-height:1.45;max-width:48ch;margin-top:var(--s4);color:var(--body-c)}.tools-section{padding:calc(var(--macro-half) + var(--seam)) 0;background-color:var(--cream);clip-path:polygon(0 var(--seam),100% 0,100% calc(100% - var(--seam)),0 100%)}.tools-header{margin-bottom:var(--s7)}.tools-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5) var(--gutter)}.tool-card{grid-column:span 4;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);color:var(--ink);transition:transform .09s ease,box-shadow .09s ease}.tool-card:hover{text-decoration:none;transform:translate(3px,4px);box-shadow:var(--sh-sm)}.tool-card-header{display:block}.tool-card-header-inner{display:flex;align-items:center;gap:var(--s3)}.tool-card-icon{display:inline-grid;place-items:center;flex:none;width:38px;height:38px;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:var(--ink);background:var(--gold);border:var(--border);border-radius:10px}.tool-card-name{font-family:var(--font-display);font-size:1.5rem;font-weight:400;letter-spacing:.005em;line-height:1}.tool-card-body{display:block}.tool-card-desc{font-size:var(--text-small);line-height:1.5;color:var(--body-c)}.tool-card-spec{display:flex;justify-content:space-between;align-items:center;gap:var(--s3);margin-top:auto;padding-top:var(--s4);border-top:var(--rule-hair);color:var(--note)}.tool-card-spec a{color:var(--ink)}.tool-card-spec a:hover{text-decoration:underline}.tool-card-pip{font-family:var(--font-mono);font-size:var(--text-micro);cursor:pointer}.tool-card-docs{margin-top:var(--s3)}.tool-card-header--yellow .tool-card-icon{background:var(--gold)}.tool-card-header--blue .tool-card-icon{background:var(--blue);color:var(--paper)}.tool-card-header--pink .tool-card-icon{background:var(--pink)}.tool-card-header--green .tool-card-icon{background:var(--green);color:var(--paper)}.tool-card-header--orange .tool-card-icon{background:var(--orange);color:var(--paper)}.tool-card-header--purple .tool-card-icon{background:var(--purple);color:var(--paper)}.examples-section{padding:var(--macro) 0}.examples-header{margin-bottom:var(--s7)}.code-pair{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:center;padding:var(--s7) 0}.code-pair-code{grid-column:1 / 8;min-width:0}.code-pair-info{grid-column:9 / -1}.code-pair--reverse .code-pair-code{grid-column:6 / -1}.code-pair--reverse .code-pair-info{grid-column:1 / 5}.code-pair-file{display:block;margin-bottom:var(--s3);color:var(--note)}.code-pair-info h3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:400;margin-bottom:var(--s3)}.code-pair-info p{font-size:var(--text-small);line-height:1.5}.code-pair-number{display:inline-block;margin-bottom:var(--s3);padding:4px 12px;font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--ink);background:var(--gold);border:var(--border);border-radius:var(--r-pill)}.code-pair-number--blue{background:var(--blue);color:var(--paper)}.code-pair-number--pink{background:var(--pink)}.code-pair-number--green{background:var(--green);color:var(--paper)}.code-pair-number--orange{background:var(--orange);color:var(--paper)}.code-pair-number--purple{background:var(--purple);color:var(--paper)}.build-section{padding:calc(var(--macro-half) + var(--seam)) 0;background-color:var(--cream);clip-path:polygon(0 var(--seam),100% 0,100% calc(100% - var(--seam)),0 100%)}.build-header{margin-bottom:var(--s7)}.build-terminal{grid-column:1 / 9}.build-aside{grid-column:10 / -1;align-self:start}.terminal{background:var(--stroke);font-family:var(--font-mono);font-size:.8125rem;border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}.terminal-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s3) var(--s5) var(--s3) 86px;font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--gold);border-bottom:2px solid rgba(255,255,255,0.16)}.terminal-header::before{content:"";position:absolute;left:22px;top:50%;transform:translateY(-50%);width:11px;height:11px;border-radius:var(--r-pill);background:var(--orange);box-shadow:18px 0 0 var(--gold),36px 0 0 var(--green)}.terminal-label{color:var(--gold)}.terminal-title{color:var(--grey-light)}.terminal-body{padding:var(--s5);min-height:240px;color:var(--grey-light);line-height:1.7}.terminal-line{display:block;white-space:pre-wrap;word-break:break-word}.terminal-prompt{color:var(--gold)}.terminal-command{color:var(--paper)}.terminal-output{color:var(--grey-light)}.terminal-success{color:var(--green)}.terminal-cursor{display:inline-block;width:8px;height:1em;background:var(--gold);vertical-align:text-bottom;animation:blink 1s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.terminal-dot{display:none}.quote-section{background-color:var(--gold);background-image:var(--dots);background-size:var(--dots-size);padding:calc(var(--macro-half) + var(--seam)) 0;clip-path:polygon(0 var(--seam),100% 0,100% calc(100% - var(--seam)),0 100%);align-items:center}.quote-card{background:transparent}.quote-text{font-family:var(--font-display);font-size:var(--text-display);font-weight:400;line-height:1.04;letter-spacing:.005em;grid-column:1 / 9}.quote-sub{grid-column:9 / -1;font-size:var(--text-small);line-height:1.5;align-self:center}.quote-sub p{color:var(--ink)}.quote-section .btn{margin-top:var(--s5);background:var(--stroke);color:var(--gold)}.quote-section .btn:hover{background:var(--ink);color:var(--gold)}.cta-title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:400}.cta-sub{font-size:var(--text-lead);line-height:1.45;margin-top:var(--s4);max-width:48ch}.cta-actions{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6)}.newsletter-section{padding:var(--macro) 0}.newsletter-content{grid-column:1 / 8;padding:var(--s7);background:var(--gold);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.newsletter-content p{color:var(--ink)}.newsletter-aside{grid-column:9 / -1;align-self:center}.newsletter-sub{font-size:var(--text-lead);line-height:1.45;margin-top:var(--s4)}.newsletter-note{display:block;margin-top:var(--s5);color:var(--ink);opacity:.65}.newsletter-form,.newsletter-form-inner{display:flex;gap:var(--s3);flex-wrap:wrap;margin-top:var(--s5)}.newsletter-input{font-family:var(--font-sans);font-size:var(--text-small);padding:13px 16px;border:var(--border);border-radius:var(--r-btn);background:var(--paper);color:var(--ink);min-width:240px}.newsletter-btn{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;padding:13px 22px;border:var(--border);border-radius:var(--r-btn);background:var(--stroke);color:var(--gold);box-shadow:var(--sh-btn);cursor:pointer}.site-footer{background:var(--stroke);color:var(--paper);padding:var(--macro-half) 0 var(--s6)}.footer-accent{display:none}.footer-main{padding-bottom:var(--s7)}.footer-grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);row-gap:var(--s7)}.footer-brand{grid-column:1 / 5}.footer-brand .logo{margin-bottom:var(--s4);color:var(--paper)}.footer-brand .logo-text{color:var(--paper)}.footer-tagline{font-size:var(--text-small);line-height:1.5;max-width:32ch;color:var(--grey-light)}.footer-col{display:flex;flex-direction:column;gap:var(--s2)}.footer-col:nth-of-type(1){grid-column:6 / 8}.footer-col:nth-of-type(2){grid-column:8 / 10}.footer-col:nth-of-type(3){grid-column:10 / 12}.footer-heading{display:block;margin-bottom:var(--s3);color:var(--gold)}.footer-link{font-size:var(--text-small);color:var(--grey-light)}.footer-link:hover{color:var(--gold);text-decoration:none}.footer-bottom{border-top:2px solid rgba(255,255,255,0.18);padding-top:var(--s4)}.footer-built{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--grey-light)}.footer-built a{color:var(--gold)}.footer-bottom-inner{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s3) var(--s5);flex-wrap:wrap}.footer-credit a:hover{color:var(--paper)}.tool-hero{padding:var(--macro-half) 0 calc(var(--macro-quarter) + var(--seam));background-color:var(--cream);background-image:var(--dots);background-size:var(--dots-size);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--seam)),0 100%)}.tool-hero-content{grid-column:1 / 9}.tool-hero-aside{grid-column:10 / -1}.tool-badge{display:inline-flex;align-items:center;margin-bottom:var(--s5);padding:5px 14px;background:var(--gold);border:var(--border);border-radius:var(--r-pill);color:var(--ink)}.tool-title{font-family:var(--font-display);font-size:var(--text-display);font-weight:400;line-height:1.04;letter-spacing:.005em}.tool-tagline{font-size:var(--text-lead);line-height:1.45;margin-top:var(--s5);max-width:46ch}.tool-actions{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6)}.tool-spec{display:flex;flex-direction:column;gap:var(--s2);align-self:start;padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);color:var(--ink)}.tool-spec>div{display:flex;justify-content:space-between;gap:var(--s3);padding-bottom:var(--s2);border-bottom:var(--rule-hair)}.tool-spec>div:last-child{padding-bottom:0;border-bottom:0}.tool-spec>div span:last-child{color:var(--note)}.tool-hero--blue .tool-badge{background:var(--blue);color:var(--paper)}.tool-hero--pink .tool-badge{background:var(--pink)}.tool-hero--green .tool-badge{background:var(--green);color:var(--paper)}.tool-hero--orange .tool-badge{background:var(--orange);color:var(--paper)}.tool-hero--purple .tool-badge{background:var(--purple);color:var(--paper)}.features-section{padding:var(--macro-half) 0 var(--macro)}.feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5) var(--gutter);margin-top:var(--s6)}.feature-card{grid-column:span 4;padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.feature-card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin-bottom:var(--s3);letter-spacing:.005em}.feature-card-desc{font-size:var(--text-small);line-height:1.5;color:var(--body-c)}.feature-card--yellow{border-top:6px solid var(--gold)}.feature-card--blue{border-top:6px solid var(--blue)}.feature-card--pink{border-top:6px solid var(--pink)}.feature-card--green{border-top:6px solid var(--green)}.feature-card--orange{border-top:6px solid var(--orange)}.feature-card--purple{border-top:6px solid var(--purple)}.code-section{padding:var(--macro-half) 0}.code-example-wrap{margin-top:var(--s6)}.tool-cta-section{padding:var(--macro-half) 0 var(--macro)}.legal-hero{padding:var(--macro-half) 0 calc(var(--s6) + var(--seam));background-color:var(--cream);clip-path:polygon(0 0,100% 0,100% calc(100% - var(--seam)),0 100%)}.legal-date{display:block;margin-top:var(--s4);color:var(--note)}.legal-section{padding:var(--s7) 0 var(--macro)}.legal-content{grid-column:3 / 11;padding:var(--s7);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.legal-content h2{font-family:var(--font-display);font-size:1.5rem;font-weight:400;margin:var(--s7) 0 var(--s3)}.legal-content h2:first-child{margin-top:0}.legal-content p,.legal-content li{font-size:var(--text-body);line-height:1.6;margin-bottom:var(--s4);max-width:var(--measure)}.legal-content ul,.legal-content ol{padding-left:var(--s5);margin-bottom:var(--s4)}.steps-section{padding:var(--macro-half) 0 var(--macro)}.steps-list{display:flex;flex-direction:column;gap:var(--s5)}.step-card{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--gutter);align-items:center;padding:var(--s6);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.step-header{display:contents}.step-number{grid-column:1 / 2;display:inline-grid;place-items:center;align-self:start;width:44px;height:44px;background:var(--gold);border:var(--border);border-radius:var(--r-pill);box-shadow:var(--sh-sm);font-family:var(--font-cond);font-size:var(--text-label);font-weight:700;letter-spacing:.06em;color:var(--ink)}.step-text{grid-column:2 / 7;min-width:0}.step-card>.code-block{grid-column:7 / -1;min-width:0}.step-title{font-family:var(--font-display);font-size:1.375rem;font-weight:400;margin-bottom:var(--s3)}.step-desc{font-size:var(--text-small);line-height:1.5;color:var(--body-c)}.step-number--blue{background:var(--blue);color:var(--paper)}.step-number--pink{background:var(--pink)}.step-number--green{background:var(--green);color:var(--paper)}.step-number--orange{background:var(--orange);color:var(--paper)}.step-number--purple{background:var(--purple);color:var(--paper)}.faq-section{padding:var(--macro-half) 0 var(--macro)}.faq-container{grid-column:1 / -1}.faq-list{grid-column:1 / -1;display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s4) var(--gutter)}.faq-item{grid-column:span 6;align-self:start;padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.faq-item[open]{background:var(--gold)}.faq-question{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);font-family:var(--font-display);font-size:1.125rem;font-weight:400;letter-spacing:.005em;line-height:1.15;cursor:pointer;list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:"+";flex:none;font-family:var(--font-cond);font-size:1.25rem;font-weight:400;line-height:1}.faq-item[open] .faq-question::after{content:"\00d7"}.faq-answer{margin-top:var(--s4);padding-top:var(--s4);border-top:var(--rule-hair);font-size:var(--text-small);line-height:1.55;color:var(--body-c)}.faq-item[open] .faq-answer{color:var(--ink);border-top-color:rgba(0,0,0,0.2)}.faq-answer a{text-decoration:underline}.showcase-section{padding:var(--macro-half) 0 var(--macro)}.gallery-section{padding:var(--macro-half) 0 var(--macro)}.gallery-category{margin-bottom:var(--macro-half)}.gallery-category-title{margin-bottom:var(--s6)}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5) var(--gutter)}.gallery-card{grid-column:span 4;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);color:var(--ink);transition:transform .09s ease,box-shadow .09s ease}.gallery-card:hover{text-decoration:none;transform:translate(3px,4px);box-shadow:var(--sh-sm)}.gallery-card-inner{display:contents}.gallery-card-category{color:var(--note)}.gallery-card-name{font-family:var(--font-display);font-size:1.375rem;font-weight:400;letter-spacing:.005em}.gallery-card-tagline{font-size:var(--text-small);line-height:1.5;color:var(--body-c)}.gallery-card-cta{margin-top:auto;padding-top:var(--s4);border-top:var(--rule-hair);color:var(--purple)}.gallery-breadcrumb{display:block;margin-bottom:var(--s5);color:var(--note)}.crumb-sep{color:var(--grey-light)}.gallery-breadcrumb a{color:var(--ink)}.component-preview-section{padding:var(--s7) 0 var(--macro-half)}.component-preview{margin-top:var(--s6);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}.component-preview-inner{padding:var(--s6)}.component-code-section{padding:0 0 var(--macro-half)}.component-code-header{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);margin-bottom:var(--s5)}.cg-copy-btn{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;text-transform:uppercase;font-weight:600;padding:9px 16px;border:var(--border);border-radius:var(--r-btn);background:var(--paper);color:var(--ink);cursor:pointer;box-shadow:var(--sh-btn);transition:transform .09s ease,box-shadow .09s ease,background .12s ease}.cg-copy-btn:hover{background:var(--gold);transform:translate(2px,2px);box-shadow:var(--sh-sm)}.cg-copy-btn:active{transform:translate(4px,5px);box-shadow:0 0 0 0 var(--stroke)}.component-pager-section{padding-bottom:var(--macro-half)}.pager{display:flex;justify-content:space-between;gap:var(--s4)}.pager-spacer{flex:1}.pager-link{display:flex;flex-direction:column;gap:var(--s1);padding:var(--s4) var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-btn);transition:transform .09s ease,box-shadow .09s ease}.pager-link:hover{text-decoration:none;transform:translate(2px,2px);box-shadow:var(--sh-sm)}.pager-link--next{text-align:right;align-items:flex-end}.pager-label{color:var(--note)}.pager-name{font-family:var(--font-display);font-size:1.125rem;font-weight:400}.stats-section,.pricing-section,.videos-section{padding:var(--s6) 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gutter)}.stat-cell{padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.stat-value{display:block;font-family:var(--font-display);font-size:2.75rem;font-weight:400;line-height:1;letter-spacing:.005em;font-variant-numeric:tabular-nums}.stat-label{display:block;margin-top:var(--s3);color:var(--note)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gutter)}.pricing-card{display:flex;flex-direction:column;padding:var(--s6);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.pricing-card--featured{background:var(--gold)}.pricing-name{font-family:var(--font-display);font-size:1.25rem;font-weight:400}.pricing-name--blue{color:var(--blue)}.pricing-name--pink{color:var(--purple)}.pricing-name--green{color:var(--green)}.pricing-name--orange{color:var(--orange)}.pricing-name--purple{color:var(--purple)}.pricing-price-row{display:flex;align-items:baseline;gap:var(--s1);margin:var(--s3) 0 var(--s5)}.pricing-price{font-family:var(--font-display);font-size:2.75rem;font-weight:400;line-height:1;letter-spacing:.005em;font-variant-numeric:tabular-nums}.pricing-period{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--note)}.pricing-card-body{flex:1}.pricing-features{list-style:none;display:flex;flex-direction:column;gap:var(--s2);font-size:var(--text-small);margin-bottom:var(--s5)}.pricing-features li::before{content:"\2713  ";color:var(--green);font-weight:700}.pricing-card--featured .pricing-features li::before{color:var(--ink)}.pricing-cta{margin-top:auto}.testimonial-author{display:flex;flex-direction:column;gap:2px;margin-top:var(--s5)}.testimonial-name{font-size:var(--text-small);font-weight:700}.testimonial-role{color:var(--note)}.hero-actions{display:flex;gap:var(--s4);flex-wrap:wrap;margin-top:var(--s6)}.code-block{background:var(--stroke);color:var(--grey-light);font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;padding:var(--s5);overflow-x:auto;tab-size:4;border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.code-block code{font-family:inherit;font-size:inherit;background:0;padding:0}.diptych-pane .code-block{background:transparent;color:var(--ink);padding:0;border:0;border-radius:0;box-shadow:none}.highlight{background:transparent}.code-block .k,.code-block .kn,.code-block .kd,.code-block .kc,.code-block .kr,.code-block .kt{color:var(--code-key)}.code-block .nf,.code-block .fm{color:var(--code-name);font-weight:700}.code-block .nc,.code-block .nn,.code-block .ne{color:var(--code-name)}.code-block .nb,.code-block .bp{color:var(--code-key)}.code-block .s,.code-block .s1,.code-block .s2,.code-block .sb,.code-block .sc,.code-block .sd,.code-block .se,.code-block .sh,.code-block .si,.code-block .sx,.code-block .sr,.code-block .ss{color:var(--code-str)}.code-block .m,.code-block .mi,.code-block .mf,.code-block .mh,.code-block .mo,.code-block .il{color:var(--code-num)}.code-block .c,.code-block .c1,.code-block .cm,.code-block .cs,.code-block .cp{color:var(--code-dim);font-style:italic}.code-block .nd{color:var(--code-num)}.code-block .o,.code-block .ow,.code-block .p{color:var(--grey-light)}.code-block .nt{color:var(--code-key)}.code-block .na{color:var(--code-str)}.code-block .nv,.code-block .vi,.code-block .vg{color:var(--grey-light)}.code-block .err{color:var(--magenta)}.diptych-pane .code-block .k,.diptych-pane .code-block .kn,.diptych-pane .code-block .kd,.diptych-pane .code-block .nt{color:var(--ink);font-weight:700}.diptych-pane .code-block .nf,.diptych-pane .code-block .nc,.diptych-pane .code-block .nn{color:var(--ink);font-weight:700}.diptych-pane .code-block .s,.diptych-pane .code-block .s1,.diptych-pane .code-block .s2,.diptych-pane .code-block .na{color:var(--grey)}.diptych-pane .code-block .c,.diptych-pane .code-block .c1{color:var(--grey-light)}.diptych-pane .code-block .o,.diptych-pane .code-block .p,.diptych-pane .code-block .nb{color:var(--grey)}.docs-content .highlight pre,.docs-content pre{background:var(--stroke);color:var(--grey-light);font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;padding:var(--s5);overflow-x:auto;margin:var(--s5) 0;border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-sm)}.docs-content .k,.docs-content .kn,.docs-content .kd,.docs-content .kc,.docs-content .kr,.docs-content .kt{color:var(--code-key)}.docs-content .nf,.docs-content .fm{color:var(--code-name);font-weight:700}.docs-content .nc,.docs-content .nn,.docs-content .ne{color:var(--code-name)}.docs-content .nb,.docs-content .bp{color:var(--code-key)}.docs-content .s,.docs-content .s1,.docs-content .s2,.docs-content .sb,.docs-content .sd,.docs-content .se,.docs-content .si{color:var(--code-str)}.docs-content .m,.docs-content .mi,.docs-content .mf{color:var(--code-num)}.docs-content .c,.docs-content .c1,.docs-content .cm{color:var(--code-dim);font-style:italic}.docs-content .nd{color:var(--code-num)}.docs-content .o,.docs-content .ow,.docs-content .p{color:var(--grey-light)}.docs-content .nt{color:var(--code-key)}.docs-content .na{color:var(--code-str)}.docs-index-section{padding:var(--macro-half) 0 var(--macro)}.docs-index-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5) var(--gutter)}.docs-card{grid-column:span 4;display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);color:var(--ink);transition:transform .09s ease,box-shadow .09s ease}.docs-card:hover{text-decoration:none;transform:translate(3px,4px);box-shadow:var(--sh-sm)}.docs-card-inner{display:contents}.docs-card-name{font-family:var(--font-display);font-size:1.375rem;font-weight:400;letter-spacing:.005em}.docs-card-pkg{font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:.1em;text-transform:uppercase;color:var(--note)}.docs-card-tagline{font-size:var(--text-small);line-height:1.5;color:var(--body-c)}.docs-card-stats{display:flex;gap:var(--s4)}.docs-card-stat{color:var(--note)}.docs-card-cta{margin-top:auto;padding-top:var(--s4);border-top:var(--rule-hair);color:var(--purple)}.docs-hero-meta{display:flex;gap:var(--s4);flex-wrap:wrap;align-items:center;margin-top:var(--s6)}.docs-install-pill{font-family:var(--font-mono);font-size:var(--text-small);letter-spacing:0;text-transform:none;background:var(--stroke);color:var(--paper);padding:13px 20px;border:var(--border);border-radius:var(--r-btn);box-shadow:var(--sh-btn);transition:transform .09s ease,box-shadow .09s ease}.docs-install-pill:hover{text-decoration:none;transform:translate(2px,2px);box-shadow:var(--sh-sm)}.docs-layout{column-gap:var(--gutter);align-items:start;padding:var(--s7) 0 var(--macro)}.docs-toc{grid-column:1 / 3;position:sticky;top:calc(var(--header-stack) + var(--s4));max-height:calc(100vh - var(--header-stack) - var(--s6));overflow-y:auto;padding:var(--s5);background:var(--cream);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card)}.docs-toc-heading{display:block;padding-bottom:var(--s3);border-bottom:var(--rule-hair);margin-bottom:var(--s4);color:var(--purple)}.docs-toc-nav,.docs-toc-list{list-style:none;display:flex;flex-direction:column;gap:var(--s2)}.docs-toc-item{list-style:none}.docs-toc-link{display:block;font-size:var(--text-small);line-height:1.35;color:var(--ink)}.docs-toc-link:hover{text-decoration:none;box-shadow:inset 0 -.5em 0 var(--gold)}.docs-toc-link--l3{padding-left:var(--s3);color:var(--note);font-size:.8125rem}.docs-content{grid-column:4 / -1;min-width:0}.docs-content h2{font-family:var(--font-display);font-size:1.875rem;font-weight:400;letter-spacing:.005em;margin:var(--macro-half) 0 var(--s4);padding-bottom:var(--s3);border-bottom:var(--border);scroll-margin-top:calc(var(--header-stack) + var(--s4))}.docs-content h3{font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin:var(--s7) 0 var(--s3);scroll-margin-top:calc(var(--header-stack) + var(--s4))}.docs-content h2:first-child{margin-top:0}.docs-content p,.docs-content li{font-size:var(--text-body);line-height:1.65;max-width:var(--measure)}.docs-content p{margin-bottom:var(--s4)}.docs-content ul,.docs-content ol{padding-left:var(--s5);margin-bottom:var(--s4);display:flex;flex-direction:column;gap:var(--s2)}.docs-content a{text-decoration:underline;text-underline-offset:2px}.docs-content code{font-family:var(--font-mono);font-size:.85em;background:0;padding:0;color:var(--ink);box-shadow:inset 0 -.35em 0 var(--gold)}.docs-content pre code{background:0;padding:0;font-size:inherit;color:inherit;box-shadow:none}.docs-content table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--text-small);margin-bottom:var(--s5);display:block;overflow-x:auto}.docs-content th,.docs-content td{padding:var(--s3) var(--s4);text-align:left;vertical-align:top;border-bottom:var(--rule-hair)}.docs-content th{border-bottom:var(--border);font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase}.docs-content blockquote{padding:var(--s4) var(--s5);margin-bottom:var(--s4);background:var(--cream);border:var(--border);border-radius:var(--r-btn)}.docs-content blockquote p:last-child{margin-bottom:0}.docs-section{padding-top:var(--macro-half)}.docs-api-title{padding-bottom:var(--s3);border-bottom:var(--border);scroll-margin-top:calc(var(--header-stack) + var(--s4))}.docs-api-intro{font-size:var(--text-body);line-height:1.6;margin-top:var(--s4);max-width:58ch}.api-category{margin-top:var(--s7)}.api-category-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin-bottom:var(--s5);scroll-margin-top:calc(var(--header-stack) + var(--s4))}.api-symbol-card{padding:var(--s5);margin-bottom:var(--s4);background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-sm);scroll-margin-top:calc(var(--header-stack) + var(--s4))}.api-symbol-name{font-family:var(--font-display);font-size:1.125rem;font-weight:400}.api-anchor-mark{color:var(--grey-light);margin-left:var(--s2)}.api-anchor-mark:hover{color:var(--purple)}.api-signature{font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;background:var(--stroke);color:var(--grey-light);padding:var(--s4);margin:var(--s4) 0;overflow-x:auto;border-radius:var(--r-btn)}.api-symbol-doc,.api-member-doc{font-size:var(--text-small);line-height:1.6;max-width:62ch}.api-members{margin-top:var(--s4)}.api-members-summary{font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--note);cursor:pointer;padding:var(--s2) 0}.api-members-summary:hover{color:var(--purple)}.api-members-list{list-style:none;padding-left:var(--s5);margin-top:var(--s3);display:flex;flex-direction:column;gap:var(--s4)}.api-member{list-style:none}.api-member-sig{display:block;font-family:var(--font-mono);font-size:.8125rem;overflow-x:auto}.api-compact-block{margin-top:var(--s7);padding-top:var(--s4);border-top:var(--border)}.api-compact-label{display:block;margin-bottom:var(--s4);color:var(--purple)}.api-compact-list{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2) var(--s3)}.api-compact-item{list-style:none;font-family:var(--font-mono);font-size:var(--text-small);padding:4px 10px;background:var(--cream);border:var(--border);border-radius:var(--r-pill)}.videos-section{padding:var(--macro-half) 0}.videos-section--alt{background:var(--cream)}.videos-section-header{margin-bottom:var(--s6)}.videos-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--s5) var(--gutter)}.video-card{grid-column:span 4;background:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);overflow:hidden}.videos-grid--standalone .video-card{grid-column:span 6}.video-card-inner{display:flex;flex-direction:column;height:100%;padding:var(--s5)}.video-thumb{aspect-ratio:16 / 9;overflow:hidden;background:var(--stroke);border:var(--border);border-radius:var(--r-btn);margin-bottom:var(--s4)}.video-thumb-svg{width:100%;height:100%;display:block;object-fit:cover}.video-title{font-family:var(--font-display);font-size:1.25rem;font-weight:400;margin-bottom:var(--s2)}.video-desc{font-size:var(--text-small);line-height:1.5;flex:1;color:var(--body-c)}.video-meta{display:block;margin-bottom:var(--s2);color:var(--purple)}.video-body{display:contents}.video-cta{margin-top:var(--s4)}@media(prefers-reduced-motion:no-preference){.js .diptych-pane,.js .tools-header,.js .tool-card,.js .examples-header,.js .code-pair,.js .build-header,.js .build-terminal,.js .build-aside,.js .quote-text,.js .quote-sub,.js .newsletter-content,.js .newsletter-aside,.js .features-section .section-title,.js .feature-card,.js .code-section .section-title,.js .code-example-wrap,.js .step-card,.js .faq-item,.js .gallery-category-title,.js .gallery-card,.js .docs-card,.js .video-card,.js .videos-section-header,.js .plate,.js .legal-content,.js .component-preview,.js .cta-title{opacity:0;translate:0 16px}.js .is-revealed{opacity:1;translate:none;transition:opacity .4s cubic-bezier(0.2,0.7,0.3,1),translate .4s cubic-bezier(0.2,0.7,0.3,1),transform .09s ease,box-shadow .09s ease}.js .figure-inset{transform-origin:left center;animation:swipe-in .5s cubic-bezier(0.2,0.7,0.3,1) .25s both}}@keyframes swipe-in{from{scale:0 1}to{scale:1 1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important}.terminal-cursor{animation:none;opacity:1}}@media(max-width:1100px){:root{--macro:110px;--macro-half:60px;--seam:72px}.docs-toc{grid-column:1 / 4}.docs-content{grid-column:4 / -1}.tool-card,.feature-card,.gallery-card,.docs-card,.video-card{grid-column:span 6}}@media(max-width:900px){:root{--macro:88px;--macro-half:48px;--edge:20px;--seam:48px}.col-1-5,.col-1-6,.col-1-7,.col-1-8,.col-1-9,.col-4-12,.col-6-12,.col-7-12,.col-8-12,.col-10-12{grid-column:1 / -1}.diptych-pane--out{margin-top:var(--s5)}.tool-card{grid-column:span 6}.code-pair-code,.code-pair-info,.code-pair--reverse .code-pair-code,.code-pair--reverse .code-pair-info{grid-column:1 / -1}.code-pair-info{margin-top:var(--s5)}.quote-text,.quote-sub{grid-column:1 / -1}.quote-sub{margin-top:var(--s5)}.build-terminal,.build-aside,.newsletter-content,.newsletter-aside,.tool-hero-content,.tool-hero-aside,.legal-content{grid-column:1 / -1}.feature-card,.gallery-card,.docs-card,.video-card,.videos-grid--standalone .video-card{grid-column:span 6}.faq-item{grid-column:1 / -1}.step-card{row-gap:var(--s4)}.step-number{grid-column:1 / -1}.step-text{grid-column:1 / -1}.step-card>.code-block{grid-column:1 / -1}.docs-layout{grid-template-columns:1fr;row-gap:var(--s5)}.docs-toc{position:static;max-height:none;grid-column:1 / -1}.docs-content{grid-column:1 / -1}.docs-toc-nav,.docs-toc-list{flex-direction:row;flex-wrap:wrap;gap:var(--s2) var(--s4)}.docs-toc-link--l3{display:none}.footer-brand{grid-column:1 / -1}.footer-col:nth-of-type(1){grid-column:1 / 5}.footer-col:nth-of-type(2){grid-column:5 / 9}.footer-col:nth-of-type(3){grid-column:9 / -1}.pricing-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:var(--s5)}}@media(max-width:620px){:root{--header-stack:168px}.nav-links .nav-link:not(.nav-icon){display:none}.newsletter-content{padding:var(--s5)}.masthead-meta{gap:var(--s3)}.tool-card,.feature-card,.gallery-card,.docs-card,.video-card,.videos-grid--standalone .video-card{grid-column:1 / -1}.stats-grid{grid-template-columns:1fr}.legal-content,.step-card,.component-preview-inner{padding:var(--s5)}.pager{flex-direction:column}.pager-link--next{text-align:left;align-items:flex-start}.hero-install{flex-direction:column;align-items:stretch}.hero-install .install-code{justify-content:flex-start}.footer-col:nth-of-type(1),.footer-col:nth-of-type(2),.footer-col:nth-of-type(3){grid-column:1 / -1}}.label{font-family:var(--font-mono);font-size:var(--text-label);letter-spacing:.1em;text-transform:uppercase;font-weight:500;color:var(--ink)}.annot{font-family:var(--font-mono);font-size:var(--text-annot);letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:var(--grey)}.annot--gold{color:var(--gold)}.sym::after{content:" \2197"}.sym-right::after{content:" \2192"}.sym-sq::before{content:"\25A0 ";font-size:.7em;vertical-align:.15em}body{counter-reset:section 1}.numbered{position:relative;counter-increment:section}.numbered .tools-header::before,.numbered .examples-header::before,.numbered .build-header::before,.numbered .newsletter-content::before{content:counter(section,decimal-leading-zero);display:inline-grid;place-items:center;width:44px;height:44px;margin-bottom:var(--s5);background:var(--gold);border:var(--border);border-radius:var(--r-pill);box-shadow:var(--sh-sm);font-family:var(--font-cond);font-size:var(--text-label);font-weight:700;letter-spacing:.06em;color:var(--ink)}.numbered .newsletter-content::before{background:var(--stroke);color:var(--gold)}.numbered>.container{position:relative;z-index:1}.figure-inset{display:inline-block;position:relative;width:1.1em;height:.46em;margin:0 .1em -.02em .24em;background:var(--gold);border-radius:3px;transform:skewX(-12deg) rotate(-1.5deg);vertical-align:baseline}.figure-inset .annot{display:none}.figure-inset img{display:none}.plate-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:clamp(260px,26vw,420px);gap:var(--s5) var(--gutter)}.plate{position:relative;grid-column:span 3;overflow:hidden;display:block;background:var(--stroke);color:var(--paper);border:var(--border);border-radius:var(--r-card);box-shadow:var(--sh-card);transition:transform .09s ease,box-shadow .09s ease}.plate:hover{text-decoration:none;transform:translate(3px,4px);box-shadow:var(--sh-sm)}.plate:nth-child(3n){grid-column:span 6}.plate-media{position:absolute;inset:0}.plate-media img,.plate-media svg{width:100%;height:100%;object-fit:cover;display:block}.plate-meta{position:absolute;top:0;left:0;padding:var(--s5);z-index:2}.plate-num{display:block;font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;color:var(--gold);margin-bottom:var(--s2)}.plate-code{display:block;font-family:var(--font-display);font-size:2.5rem;font-weight:400;letter-spacing:.005em;line-height:1;color:var(--paper)}.plate-label{display:block;font-family:var(--font-cond);font-size:var(--text-label);letter-spacing:.09em;font-weight:600;text-transform:uppercase;color:var(--grey-light);margin-top:var(--s2)}.plate-foot{position:absolute;left:0;right:0;bottom:0;padding:var(--s5);z-index:2;display:flex;justify-content:space-between;gap:var(--s3);color:var(--grey-light)}@media(max-width:900px){.plate,.plate:nth-child(3n){grid-column:span 6}}@media(max-width:620px){.plate,.plate:nth-child(3n){grid-column:1 / -1}.plate-grid{grid-auto-rows:280px}}