.home{--home-gap: var(--s-9)}.home__hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:var(--s-7);align-items:center;padding:var(--s-8) 0 var(--home-gap)}.home__hero-copy{display:flex;flex-direction:column;gap:var(--s-5);min-width:0}.home__display{margin:0;font-family:var(--font-display);font-size:clamp(2.4rem,1.1rem + 4.6vw,5rem);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);text-transform:var(--display-transform);line-height:1.03;text-wrap:balance}.home__line{display:block;white-space:nowrap}.home__word{display:inline-block;overflow:clip;overflow-clip-margin:.14em;vertical-align:bottom}.home__word-in{display:inline-block;font-style:normal}.home__display em.home__word-in{background:var(--grad-accent);background-attachment:fixed;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}@media(prefers-reduced-motion:no-preference){.home__word-in{transform:translateY(105%);animation:home-rise .72s var(--ease-out) forwards;animation-delay:var(--stagger, 0ms)}}@keyframes home-rise{to{transform:translateY(0)}}.home__lede{max-width:46ch;margin:0;color:var(--text-dim);line-height:1.6}.home__drop .dropzone{padding:var(--s-6) var(--s-5)}.home__hero-demo{min-width:0}.home__ledger{padding-bottom:var(--home-gap)}.home__pinned{padding-bottom:var(--s-7)}.home__pinned[hidden]{display:none}.home__pinned-heading{margin:0 0 var(--s-3);font-size:var(--t-sm);font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint)}.home__pinned-row{display:flex;flex-wrap:wrap;gap:var(--s-2)}.home__pinned-card{display:inline-flex;align-items:center;gap:var(--s-2);padding:var(--s-2) var(--s-3);background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--r-full);font-size:var(--t-sm);color:var(--text);text-decoration:none}.home__pinned-card:hover{border-color:var(--accent);color:var(--accent-ink)}.home__pinned-card .icon{color:var(--text-faint)}.home__pinned-card:hover .icon{color:var(--accent)}.home__pin{display:grid;place-items:center;padding:2px;background:none;border:0;border-radius:var(--r-sm);color:var(--text-faint);cursor:pointer}.home__pin:hover{color:var(--danger, var(--accent))}.home__section,.home__tools,.home__how{padding-bottom:var(--home-gap)}.home__section-head{margin-bottom:var(--s-5)}.home__section-title{margin:0;font-size:var(--t-h1);font-weight:var(--display-weight);letter-spacing:var(--display-tracking);line-height:1.15}.home__section-desc{margin:var(--s-2) 0 0;max-width:54ch;color:var(--text-dim)}.home__how-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:var(--s-7);align-items:start}.home__steps{display:flex;flex-direction:column;gap:var(--s-5);margin:0;padding:0;list-style:none;counter-reset:none}.home__step{display:grid;grid-template-columns:auto minmax(0,1fr);gap:var(--s-4);align-items:start}.home__step-n{position:relative;display:grid;place-items:center;width:2rem;height:2rem;flex:none;background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--r-full);font-family:var(--font-mono);font-size:var(--t-xs);color:var(--accent-ink)}.home__step:not(:last-child) .home__step-n:after{content:"";position:absolute;top:calc(100% + 4px);left:50%;width:var(--border-w);height:calc(var(--s-5) + var(--s-2));background:var(--line)}.home__step-title{margin:0 0 var(--s-1);font-size:var(--t-h3);font-weight:600}.home__step-body{margin:0;color:var(--text-dim);line-height:1.6}.home__proof{display:flex;flex-direction:column;gap:var(--s-4);padding:var(--s-5);background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--card-r)}.home__proof-item h3{margin:0 0 var(--s-1);font-size:var(--t-h3);font-weight:600}.home__proof-item p{margin:0;color:var(--text-dim);font-size:var(--t-sm);line-height:1.6}.home__compare{border:var(--border-w) solid var(--line);border-radius:var(--card-r);overflow:hidden}.home__compare-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:var(--s-4);padding:var(--s-4) var(--s-5);align-items:center}.home__compare-row+.home__compare-row{border-top:var(--border-w) solid var(--line)}.home__compare-row--head{background:var(--surface-2)}.home__compare-us-label{background:var(--grad-accent);-webkit-background-clip:text;background-clip:text;color:transparent}.home__compare-point{font-weight:600}.home__compare-them{color:var(--text-dim)}.home__compare-us{display:flex;align-items:center;gap:var(--s-2);color:var(--text)}.home__compare-us .icon{color:var(--ok);flex:none}.home__faq{border-top:var(--border-w) solid var(--line)}.home__faq-item{border-bottom:var(--border-w) solid var(--line)}.home__faq-q{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);width:100%;padding:var(--s-4) 0;background:none;border:0;font-size:var(--t-h3);font-weight:600;text-align:left;color:var(--text);cursor:pointer}.home__faq-q:hover{color:var(--accent-ink)}.home__faq-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border:var(--border-w) solid var(--line);border-radius:var(--r-full);color:var(--text-faint)}.home__faq-q:hover .home__faq-mark{border-color:var(--accent);color:var(--accent)}.home__faq-q[aria-expanded=true] .home__faq-mark .icon{transform:rotate(45deg)}@media(prefers-reduced-motion:no-preference){.home__faq-mark .icon{transition:transform var(--t-layout) var(--ease)}}.home__faq-panel p{margin:0;padding-bottom:var(--s-5);max-width:72ch;color:var(--text-dim);line-height:1.65}@media(max-width:960px){.home{--home-gap: var(--s-7)}.home__hero{grid-template-columns:minmax(0,1fr);gap:var(--s-6);padding-top:var(--s-6)}.home__line{white-space:normal}.home__how-body{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.home__compare-row{grid-template-columns:minmax(0,1fr);gap:var(--s-1)}.home__compare-row--head{display:none}.home__compare-them:before{content:"Most converters: ";color:var(--text-faint)}}.demo{--demo-fade: .42s;--demo-row: 44px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(250px,1fr);gap:var(--s-4);width:100%;max-width:880px;padding:var(--s-4);background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--r-lg)}.demo[hidden]{display:none}.demo__stage{position:relative;overflow:hidden;aspect-ratio:3 / 2;background:var(--surface-2);border:var(--border-w) solid var(--line);border-radius:var(--r-md)}.demo__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.demo__frame.is-in{opacity:1}@media(prefers-reduced-motion:no-preference){.demo__frame{transition:opacity var(--demo-fade) var(--ease)}}.demo__panel{display:flex;flex-direction:column;gap:var(--s-3);min-width:0}.demo__eyebrow{flex:none}.demo__marks{display:grid;grid-template-columns:1fr auto auto;gap:var(--s-1);margin:0;padding:0;list-style:none;min-height:calc(3 * var(--demo-row) + 2 * var(--s-1))}.demo__mark{position:relative;display:grid;grid-column:1 / -1;grid-template-columns:subgrid;align-items:center;gap:var(--s-3);min-height:var(--demo-row);padding:0 var(--s-3);background:var(--surface-2);border-radius:var(--r-md);color:var(--text-faint)}.demo__mark:before{content:"";position:absolute;left:0;top:var(--s-1);bottom:var(--s-1);width:3px;border-radius:var(--r-full);background:var(--grad-edge);opacity:0}.demo__mark.is-active:before{opacity:1}.demo__mark.is-active{background:var(--surface-3);color:var(--text)}@media(prefers-reduced-motion:no-preference){.demo__mark{transition:background var(--t-layout) var(--ease),color var(--t-layout) var(--ease)}.demo__mark:before{transition:opacity var(--t-layout) var(--ease)}}.demo__markName{display:flex;align-items:center}.demo__markSize{font-size:var(--t-h3);font-weight:600;color:var(--text)}.demo__markShare{min-width:7ch;text-align:right;font-size:var(--t-xs)}.demo__mark.is-active .demo__markShare{color:var(--accent)}.demo__track{height:3px;margin-top:auto;overflow:hidden;background:var(--surface-3);border-radius:var(--r-full)}.demo__fill{display:block;width:100%;height:100%;background:var(--grad-accent);clip-path:inset(0 calc(100% - var(--demo-progress, 0%)) 0 0)}@media(prefers-reduced-motion:no-preference){.demo__fill{transition:clip-path var(--t-layout) var(--ease)}}.demo__note{margin:0;font-size:var(--t-xs);line-height:1.6;color:var(--text-dim);text-wrap:pretty}@media(max-width:720px){.demo{grid-template-columns:minmax(0,1fr)}.demo__stage{aspect-ratio:16 / 9}}.fic{--fic-box: 40px;--fic-w: 30px;--fic-h: 36px;--fic-fold: 10px;--fic-depth: 5px;--fic-lift: 10px;--fic-view: 160px;--fic-x: 8deg;--fic-y: -18deg;position:relative;display:block;flex:none;width:var(--fic-box);height:var(--fic-box);perspective:var(--fic-view)}.fic__sheet{position:absolute;inset:0;width:var(--fic-w);height:var(--fic-h);margin:auto;transform-style:preserve-3d;transform:translateZ(0) rotateX(var(--fic-x)) rotateY(var(--fic-y))}.fic__cast{position:absolute;inset:0;transform:translateZ(-1px);box-shadow:var(--shadow-sm)}.fic__edge{position:absolute;top:var(--fic-fold);right:0;width:var(--fic-depth);height:calc(100% - var(--fic-fold));background:var(--line-strong);transform-origin:100% 50%;transform:rotateY(-90deg)}.fic__face{position:absolute;inset:0;display:grid;place-items:center;padding-top:var(--s-1);--fic-sheen: 145deg;background:linear-gradient(var(--fic-sheen),var(--surface),var(--surface-2));border:var(--border-w) solid var(--line);clip-path:polygon(0 0,calc(100% - var(--fic-fold)) 0,100% var(--fic-fold),100% 100%,0 100%)}.fic__stamp{font-family:var(--font-mono);font-size:var(--t-micro);font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--text-dim)}.fic__fold{position:absolute;top:0;right:0;width:var(--fic-fold);height:var(--fic-fold);clip-path:polygon(0 0,100% 0,100% 100%);background:linear-gradient(225deg,var(--accent-quiet),var(--surface-3));transform-origin:0 0;transform:rotate3d(1,1,0,192deg)}.fic.is-active .fic__sheet{transform:translateZ(var(--fic-lift)) rotateX(calc(var(--fic-x) * .5)) rotateY(calc(var(--fic-y) * .5))}.fic.is-active .fic__cast{box-shadow:var(--shadow-md)}.fic.is-active .fic__edge{background:var(--accent)}.fic.is-active .fic__fold{background:var(--grad-edge)}.fic.is-active .fic__stamp{color:var(--text)}@media(prefers-reduced-motion:no-preference){.fic__sheet{transition:transform var(--t-layout) var(--ease-out)}.fic__cast{transition:box-shadow var(--t-layout) var(--ease)}.fic__edge,.fic__fold{transition:background var(--t-layout) var(--ease)}.fic__stamp{transition:color var(--t-layout) var(--ease)}}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .fic__face{--fic-sheen: 325deg}}:root[data-theme=dark] .fic__face{--fic-sheen: 325deg}.grid__root{padding:var(--s-7) 0}.grid__bar{position:sticky;top:var(--nav-h);z-index:10;margin-bottom:var(--s-5);padding:var(--s-3) 0;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(12px);border-bottom:var(--rule-w) solid var(--line);scroll-margin-top:var(--nav-h)}.grid__filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2)}.grid__chip{display:inline-flex;align-items:center;gap:var(--s-2);min-height:32px;padding:0 var(--s-3);background:var(--surface);border:var(--border-w) solid var(--line);border-radius:var(--r-full);font-size:var(--t-sm);font-weight:500;color:var(--text-dim);white-space:nowrap;cursor:pointer}.grid__chip:hover{color:var(--text);border-color:var(--line-strong)}.grid__chip[aria-pressed=true]{background:var(--grad-accent);border-color:transparent;color:var(--on-accent)}.grid__chip__n{padding:1px var(--s-2);background:var(--surface-2);border-radius:var(--r-full);font-size:var(--t-micro);color:var(--text-faint)}.grid__chip[aria-pressed=true] .grid__chip__n{background:color-mix(in srgb,var(--on-accent) 22%,transparent);color:var(--on-accent)}@media(prefers-reduced-motion:no-preference){.grid__chip{transition:border-color var(--t-state) var(--ease),color var(--t-state) var(--ease)}.grid__chip__n{transition:background-color var(--t-state) var(--ease),color var(--t-state) var(--ease)}}@media(max-width:720px){.grid__filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding:var(--s-1);margin:calc(var(--s-1) * -1)}.grid__filters::-webkit-scrollbar{display:none}}.grid__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--s-4);position:relative}.grid__cell{display:grid;min-width:0}.grid__cell .tool-card{scroll-margin-top:calc(var(--nav-h) * 2 + var(--s-4))}.grid__cell--enter{opacity:0}.grid__cell--leave{opacity:0;transform:scale(.94);pointer-events:none}@media(prefers-reduced-motion:no-preference){.grid__cell{transition:transform var(--t-layout) var(--ease),opacity var(--t-layout) var(--ease)}}
