:root{--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-24: 24px;--space-32: 32px;--space-48: 48px;--space-64: 64px;--text-12: 12px;--text-14: 14px;--text-16: 16px;--text-18: 18px;--text-20: 20px;--text-24: 24px;--text-32: 32px;--text-48: 48px;--weight-regular: 400;--weight-medium: 500;--weight-strong: 600;--tracking-display: -.02em;--tracking-caps: .08em;--font: "Geist", -apple-system, system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--color-text: #111111;--color-text-muted: #5e5e5b;--color-surface: #ffffff;--color-canvas: #f5f5f4;--color-border: #e4e3df;--color-border-strong: #898883;--color-primary: #111111;--color-primary-hover: #2b2b2a;--color-on-primary: #ffffff;--color-on-primary-muted: #b5b4ae;--color-accent: #c4402a;--color-accent-hover: #a73624;--color-accent-tint: #fbe9e4;--color-accent-on-dark: #ff8a70;--color-signal: #ff5a3c;--color-focus: #111111;--radius-8: 8px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 999px;--target: 44px;--button-h: 52px;--page-width: 1440px;--measure: 65ch;--shadow-2: 0 2px 6px rgba(17, 17, 17, .08), 0 16px 40px rgba(17, 17, 17, .1)}*,*:before,*:after{box-sizing:border-box}body{margin:0;background:var(--color-canvas);color:var(--color-text);font-family:var(--font);font-size:var(--text-16);line-height:1.5;-webkit-font-smoothing:antialiased}.site :is(h1,h2,h3,p,ul,ol,figure,summary){margin:0;padding:0}.site img{display:block;max-width:100%}.site{display:flex;flex-direction:column;min-height:100vh}.wrap{width:100%;max-width:var(--page-width);margin-inline:auto;padding-inline:var(--space-64)}.site a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}.site a:hover{text-decoration-thickness:2px}.site a:focus-visible,.btn:focus-visible,.faq-q:focus-visible,.menu>summary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-8)}.plain{text-decoration:none}.arrow-link{font-weight:var(--weight-medium);text-decoration:none}.site .arrow-link:hover{text-decoration:underline}.eyebrow{font-size:var(--text-12);font-weight:var(--weight-medium);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--color-accent)}.h1{font-size:var(--text-48);font-weight:var(--weight-strong);line-height:1.1;letter-spacing:var(--tracking-display)}.h2{font-size:var(--text-32);font-weight:var(--weight-strong);line-height:1.2;letter-spacing:var(--tracking-display)}.h3{font-size:var(--text-20);font-weight:var(--weight-strong);line-height:1.3;letter-spacing:-.01em}.lede{font-size:var(--text-20);color:var(--color-text-muted);max-width:520px}.text-lg{font-size:var(--text-18);color:var(--color-text-muted)}.muted{color:var(--color-text-muted)}.small{font-size:var(--text-14)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--button-h);padding:var(--space-16) var(--space-32);border-radius:var(--radius-pill);border:1px solid transparent;font-size:var(--text-16);font-weight:var(--weight-medium);line-height:1.25;white-space:nowrap;transition:background-color .12s ease,border-color .12s ease}.site a.btn{text-decoration:none}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.site .btn-primary{color:var(--color-on-primary)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{background:#000}.btn-outline{min-height:var(--target);padding:var(--space-12) var(--space-24);border-color:var(--color-border-strong);background:transparent;font-size:var(--text-14);line-height:1.4}.btn-outline:hover{border-color:var(--color-text)}.btn-outline:active{background:var(--color-border)}.btn-inverse,.site .btn-inverse{background:var(--color-surface);color:var(--color-text)}.btn-inverse:hover{background:var(--color-canvas)}.btn-inverse:active{background:var(--color-border)}.btn[aria-disabled=true]{opacity:.5;pointer-events:none}.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--space-24);padding-block:var(--space-16)}.logo-link{display:inline-flex;align-items:center;min-height:var(--target)}.logo{width:67.3px;height:19.3px}.nav{display:flex;align-items:center;gap:var(--space-32);font-size:var(--text-14);font-weight:var(--weight-medium)}.nav a{display:inline-flex;align-items:center;min-height:var(--target);text-decoration:none}.site .nav a:hover,.site .nav a[aria-current=page]{text-decoration:underline}.menu{display:none;position:relative}.menu>summary{display:flex;align-items:center;justify-content:center;width:var(--target);height:var(--target);list-style:none;cursor:pointer}.menu>summary::-webkit-details-marker{display:none}.menu-panel{position:absolute;right:0;top:calc(100% + var(--space-8));z-index:10;display:flex;flex-direction:column;min-width:220px;padding:var(--space-8);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-2)}.menu-panel a{display:flex;align-items:center;min-height:var(--target);padding-inline:var(--space-12);border-radius:var(--radius-8);text-decoration:none;font-weight:var(--weight-medium)}.menu-panel a:hover{background:var(--color-canvas)}.site-main{flex:1}.home{display:flex;flex-direction:column;gap:var(--space-64);padding-bottom:var(--space-64)}.hero{display:flex;align-items:center;gap:var(--space-64)}.hero-text{flex:1;display:flex;flex-direction:column;gap:var(--space-24)}.title-group{display:flex;flex-direction:column;gap:var(--space-16)}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-24)}.note{max-width:440px;font-size:var(--text-14);color:var(--color-text-muted)}.media{flex:none;width:640px;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-primary)}.media img{width:100%;height:100%;object-fit:cover}.media-hero{aspect-ratio:640 / 600}.media-row{aspect-ratio:640 / 520}.panel{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-32);width:100%;padding:var(--space-48);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-2);list-style:none}.feature{display:flex;flex-direction:column;gap:var(--space-16)}.chip{display:inline-flex;align-self:flex-start;padding:var(--space-12);border-radius:var(--radius-md);background:var(--color-accent-tint)}.stack-8{display:flex;flex-direction:column;gap:var(--space-8)}.stack-12{display:flex;flex-direction:column;gap:var(--space-12)}.feature-title{font-size:var(--text-16);font-weight:var(--weight-strong);line-height:1.3}.row{display:flex;align-items:center;gap:var(--space-64)}.row-text{flex:1;display:flex;flex-direction:column;gap:var(--space-24)}.checks{display:flex;flex-direction:column;gap:var(--space-12);list-style:none}.checks li{display:flex;align-items:flex-start;gap:var(--space-8)}.code-window{flex:none;display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-24);width:640px;min-height:520px;padding:var(--space-32);border-radius:var(--radius-lg);background:var(--color-primary);color:var(--color-on-primary-muted)}.code-top{display:flex;flex-direction:column;gap:var(--space-24)}.code-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);font-size:var(--text-14);font-weight:var(--weight-medium);line-height:1.4}.code-chip{padding:var(--space-8) var(--space-16);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-primary)}.code{margin:0;font-family:var(--font-mono);font-size:15px;line-height:1.75;white-space:pre-wrap;word-break:break-word}.code .liquid{color:var(--color-accent-on-dark)}.code-path{font-size:var(--text-14);line-height:1.4;white-space:pre}.sets{display:flex;flex-direction:column;gap:var(--space-32)}.sets-head p{max-width:640px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24);list-style:none}.set-card{display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-2)}.set-thumb{aspect-ratio:421 / 360;background:var(--color-canvas)}.set-thumb img{width:100%;height:100%;object-fit:cover;object-position:top}.set-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-16) var(--space-24) var(--space-24)}.colorways{display:flex;flex-wrap:wrap;gap:var(--space-16);list-style:none;font-size:var(--text-14);line-height:1.4;color:var(--color-text-muted)}.colorway{display:inline-flex;align-items:center;gap:var(--space-8)}.swatch{width:var(--space-16);height:var(--space-16);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background:var(--swatch-color)}.rich{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);max-width:760px;margin-inline:auto;padding-top:var(--space-32);text-align:center}.rich .text-lg{max-width:640px}.intro{display:flex;flex-direction:column;gap:var(--space-48)}.compare{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-24);width:100%;max-width:1040px;margin-inline:auto;list-style:none}.stack-4{display:flex;flex-direction:column;gap:var(--space-4)}.eyebrow-muted{color:var(--color-text-muted)}.article-media{width:100%;max-width:640px;aspect-ratio:1280 / 1040}.cards-2{grid-template-columns:repeat(2,1fr)}.row-flip{flex-direction:row-reverse}.languages{flex:none;display:flex;flex-wrap:wrap;align-content:center;align-items:center;justify-content:center;gap:var(--space-12);width:640px;aspect-ratio:640 / 520;margin:0;padding:var(--space-48);border-radius:var(--radius-lg);background:var(--color-primary);list-style:none}.languages li{padding:var(--space-8) var(--space-16);border:1px solid var(--color-on-primary-muted);border-radius:var(--radius-pill);color:var(--color-on-primary);font-weight:var(--weight-medium)}.site .languages .languages-more{border:0;color:var(--color-accent-on-dark)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-32)}.section-head .stack-12{max-width:720px}.guide-link{display:flex;flex-direction:column;height:100%}.guide-thumb{aspect-ratio:843 / 472;background:var(--color-canvas)}.guide-thumb img{width:100%;height:100%;object-fit:cover}.site .guide-link:hover .h3{text-decoration:underline}.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-24);list-style:none}.review{display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-32);border-radius:var(--radius-md);background:var(--color-surface)}.review blockquote{margin:0}.site .trust{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-32);margin-inline:calc(var(--space-64) * -1);padding:var(--space-48) var(--space-64);background:var(--color-surface);list-style:none}.faq-section{display:flex;align-items:flex-start;gap:var(--space-64)}.faq-head{flex:none;width:400px}.faq-list{flex:1;display:flex;flex-direction:column}.faq-item{border-bottom:1px solid var(--color-border)}.site .faq-q{display:flex;align-items:center;gap:var(--space-16);min-height:var(--target);padding-block:var(--space-24);font-size:var(--text-18);font-weight:var(--weight-medium);line-height:1.4;list-style:none;cursor:pointer}.faq-q::-webkit-details-marker{display:none}.faq-q span{flex:1}.faq-q:hover span{text-decoration:underline;text-underline-offset:3px}.faq-q .icon-minus,.faq-item[open] .icon-plus{display:none}.faq-item[open] .icon-minus{display:block}.site .faq-item[open] .faq-q{padding-bottom:var(--space-8)}.site .faq-a{padding-bottom:var(--space-24);color:var(--color-text-muted)}.site-footer .wrap{display:flex;flex-direction:column;gap:var(--space-48);padding-block:var(--space-48)}.foot-top{display:flex;justify-content:space-between;gap:var(--space-64)}.foot-cols{display:flex;gap:var(--space-64)}.foot-col ul{display:flex;flex-direction:column;gap:var(--space-4);list-style:none;margin:0;padding:0}.foot-col{display:flex;flex-direction:column;gap:var(--space-8);font-size:var(--text-14);line-height:1.4}.foot-title{font-weight:var(--weight-strong)}.foot-col a{display:inline-flex;align-items:center;min-height:var(--target);color:var(--color-text-muted);text-decoration:none}.site .foot-col a:hover,.site .foot-bottom a:hover{color:var(--color-text);text-decoration:underline}.foot-bottom{display:flex;justify-content:space-between;gap:var(--space-24);padding-top:var(--space-24);border-top:1px solid var(--color-border);font-size:var(--text-14);line-height:1.4;color:var(--color-text-muted)}.site .foot-bottom a{text-decoration:none}.page{display:flex;flex-direction:column;gap:var(--space-48);padding-block:var(--space-48) var(--space-64)}.hero-title{display:flex;flex-direction:column;gap:var(--space-16);max-width:var(--measure)}.hero-title h1{font-size:var(--text-48);font-weight:var(--weight-strong);line-height:1.1;letter-spacing:var(--tracking-display)}.legal,.faq{display:flex;flex-direction:column;gap:var(--space-32);max-width:var(--measure)}.block{display:flex;flex-direction:column;gap:var(--space-8)}.block h2,.faq-entry h2{font-size:var(--text-20);font-weight:var(--weight-strong);line-height:1.3;letter-spacing:-.01em}.faq-entry{display:flex;flex-direction:column;gap:var(--space-8)}.site .list{display:flex;flex-direction:column;gap:var(--space-8);padding-left:var(--space-24)}@media(max-width:900px){.wrap{padding-inline:var(--space-16)}.site-header .wrap{padding-block:var(--space-8)}.site-header .nav,.site-header .btn-outline{display:none}.menu{display:block}.home{gap:var(--space-48);padding-bottom:var(--space-48)}.h1,.hero-title h1{font-size:var(--text-32)}.h2{font-size:var(--text-24)}.lede,.text-lg{font-size:var(--text-16)}.hero,.row,.faq-section{flex-direction:column;align-items:stretch;gap:var(--space-32)}.actions{flex-direction:column;align-items:flex-start;gap:var(--space-16)}.media,.code-window{width:100%}.media-hero{aspect-ratio:343 / 322}.media-row{aspect-ratio:343 / 279}.row-copy .row-text{order:-1}.row-flip{flex-direction:column}.languages{width:100%;aspect-ratio:auto;padding:var(--space-24)}.set-card-extra{display:none}.section-head{flex-direction:column;align-items:flex-start;gap:var(--space-12)}.reviews,.site .trust{grid-template-columns:1fr;gap:var(--space-24)}.site .trust{margin-inline:calc(var(--space-16) * -1);padding:var(--space-32) var(--space-16)}.rich{padding-top:0}.foot-top,.foot-bottom{flex-direction:column;gap:var(--space-24)}.foot-cols{gap:var(--space-32)}.code-window{min-height:360px;padding:var(--space-24)}.code{font-size:var(--text-12)}.panel{grid-template-columns:1fr;gap:var(--space-24);padding:var(--space-24)}.cards,.compare{grid-template-columns:1fr;gap:var(--space-16)}.intro{gap:var(--space-32)}.faq-head{width:auto}.faq-section{gap:var(--space-24)}.page{gap:var(--space-32);padding-block:var(--space-32) var(--space-48)}}
