.Reference-module__0YfJkW__body{padding-bottom:96px}.Reference-module__0YfJkW__layout{grid-template-columns:220px minmax(0,780px);align-items:start;gap:80px;display:grid}.Reference-module__0YfJkW__contents{border-top:2px solid var(--h-ink);padding-top:20px;font-size:14px;line-height:1.5;position:sticky;top:116px}.Reference-module__0YfJkW__contents p{color:var(--h-muted);margin:0 0 16px}.Reference-module__0YfJkW__contents a{color:var(--h-ink);padding:10px 0;text-decoration:none;display:block}.Reference-module__0YfJkW__contents a:hover{text-underline-offset:4px;text-decoration:underline}.Reference-module__0YfJkW__legal{color:var(--h-ink);font-size:17px;line-height:1.75}.Reference-module__0YfJkW__legal>section{margin-bottom:40px;scroll-margin-top:112px}.Reference-module__0YfJkW__legal h2{font-family:var(--h-font-display);letter-spacing:-.025em;margin:0 0 16px;scroll-margin-top:112px;font-size:29px;font-weight:600;line-height:1.18}.Reference-module__0YfJkW__legal p{margin:0 0 20px}.Reference-module__0YfJkW__legal a{color:var(--h-ink);text-underline-offset:4px;text-decoration:underline}.Reference-module__0YfJkW__legal ul{margin:20px 0;padding-left:24px;list-style:outside}.Reference-module__0YfJkW__legal li{margin:12px 0}.Reference-module__0YfJkW__legal strong{color:var(--h-ink);font-weight:600}.Reference-module__0YfJkW__category{border-top:2px solid var(--h-ink);grid-template-columns:minmax(220px,1fr) minmax(0,2fr);gap:56px;padding:32px 0 48px;scroll-margin-top:112px;display:grid}.Reference-module__0YfJkW__category h2{font-family:var(--h-font-display);letter-spacing:-.025em;margin:0 0 12px;font-size:36px;font-weight:600;line-height:1.1}.Reference-module__0YfJkW__category header p{max-width:28ch;color:var(--h-muted);margin:0;font-size:17px;line-height:1.6}.Reference-module__0YfJkW__toolList{margin:0}.Reference-module__0YfJkW__tool{border-top:1px solid var(--h-rule);grid-template-columns:180px minmax(0,1fr);gap:24px;padding:20px 0;font-size:17px;line-height:1.6;display:grid}.Reference-module__0YfJkW__tool:first-child{border-top:0;padding-top:0}.Reference-module__0YfJkW__tool dt{font-weight:600}.Reference-module__0YfJkW__tool dd{color:var(--h-muted);margin:0}.Reference-module__0YfJkW__feature{background:var(--h-soft);grid-template-columns:1fr 1fr;gap:48px;margin-top:24px;padding:40px;display:grid}.Reference-module__0YfJkW__feature h2{max-width:16ch;font-family:var(--h-font-display);letter-spacing:-.025em;margin:0;font-size:42px;font-weight:600;line-height:1.08}.Reference-module__0YfJkW__feature p{color:var(--h-muted);margin:0 0 24px;font-size:18px;line-height:1.6}.Reference-module__0YfJkW__article{max-width:820px;font-size:18px;line-height:1.75}.Reference-module__0YfJkW__article>section{margin-bottom:56px;scroll-margin-top:112px}.Reference-module__0YfJkW__article h2{font-family:var(--h-font-display);letter-spacing:-.025em;margin:0 0 20px;font-size:38px;font-weight:600;line-height:1.12}.Reference-module__0YfJkW__article h3{font-family:var(--h-font-display);margin:28px 0 12px;font-size:26px;font-weight:600;line-height:1.15}.Reference-module__0YfJkW__article p{margin:0 0 24px}.Reference-module__0YfJkW__article ul{margin:24px 0;padding-left:24px;list-style:outside}.Reference-module__0YfJkW__article li{margin:12px 0}.Reference-module__0YfJkW__article a:not(.h-button){color:var(--h-ink);text-underline-offset:4px;text-decoration:underline}.Reference-module__0YfJkW__flowDiagram{background:var(--h-soft);margin:32px 0;padding:28px}.Reference-module__0YfJkW__flowDiagram ol{margin:0;padding:0;list-style:none}.Reference-module__0YfJkW__flowDiagram li{border-top:1px solid var(--h-rule);margin:0;padding:20px 0}.Reference-module__0YfJkW__flowDiagram li:first-child{border:0;padding-top:0}.Reference-module__0YfJkW__flowDiagram li:last-child{padding-bottom:0}.Reference-module__0YfJkW__flowDiagram strong{font-family:var(--h-font-display);font-size:26px;font-weight:600;display:block}.Reference-module__0YfJkW__flowDiagram span{color:var(--h-muted);font-size:16px;display:block}.Reference-module__0YfJkW__flowDiagram figcaption{border-top:1px solid var(--h-rule);color:var(--h-muted);margin-top:24px;padding-top:20px;font-size:14px}.Reference-module__0YfJkW__compare{margin:32px 0}.Reference-module__0YfJkW__compareRow{border-bottom:1px solid var(--h-rule);grid-template-columns:130px 1fr 1fr;gap:20px;padding:20px 0;font-size:16px;line-height:1.6;display:grid}.Reference-module__0YfJkW__compareRow:first-child{border-top:2px solid var(--h-ink);font-weight:600}.Reference-module__0YfJkW__compareRow>:first-child{font-weight:600}.Reference-module__0YfJkW__note{background:var(--h-soft);color:var(--h-ink);margin:24px 0;padding:24px;font-size:16px;line-height:1.65}.Reference-module__0YfJkW__links{flex-wrap:wrap;gap:16px 28px;display:flex}@media (max-width:900px){.Reference-module__0YfJkW__layout{grid-template-columns:minmax(0,1fr);gap:32px}.Reference-module__0YfJkW__contents{flex-wrap:wrap;gap:0 24px;padding-top:16px;display:flex;position:static}.Reference-module__0YfJkW__contents p{flex-basis:100%;margin-bottom:8px}.Reference-module__0YfJkW__category{grid-template-columns:minmax(0,1fr);gap:28px}.Reference-module__0YfJkW__category header p{max-width:60ch}}@media (max-width:600px){.Reference-module__0YfJkW__body{padding-bottom:64px}.Reference-module__0YfJkW__contents{display:none}.Reference-module__0YfJkW__legal{font-size:17px}.Reference-module__0YfJkW__legal h2{scroll-margin-top:112px;font-size:27px}.Reference-module__0YfJkW__category{padding-bottom:32px}.Reference-module__0YfJkW__category h2{font-size:32px}.Reference-module__0YfJkW__tool{grid-template-columns:minmax(0,1fr);gap:4px;padding:20px 0}.Reference-module__0YfJkW__feature{grid-template-columns:minmax(0,1fr);gap:20px;padding:28px 20px}.Reference-module__0YfJkW__feature h2{font-size:34px}.Reference-module__0YfJkW__article{font-size:17px}.Reference-module__0YfJkW__article h2{font-size:32px}.Reference-module__0YfJkW__flowDiagram{padding:24px 20px}.Reference-module__0YfJkW__compareRow{grid-template-columns:minmax(0,1fr);gap:8px}.Reference-module__0YfJkW__compareRow:first-child{display:none}.Reference-module__0YfJkW__compareRow>:nth-child(2):before{content:"Vercel: ";font-weight:600}.Reference-module__0YfJkW__compareRow>:nth-child(3):before{content:"Supabase: ";font-weight:600}}