.site-footer{display:block;width:100%;padding:60px 0 30px;background:var(--surface);border-top:1px solid var(--border)}
.site-footer>.wrap{display:block;font-size:16px;margin-inline:auto}
.wordmark{display:block;border:0;padding:0;position:relative;width:100%;margin:0 0 55px;background:none;overflow:hidden;line-height:0;color:var(--ochre);cursor:pointer}
.wordmark svg{width:100%;height:auto;display:block;overflow:visible;stroke:none}
.wordmark text{font-family:'DM Sans',sans-serif;font-size:300px;font-weight:700;letter-spacing:-.055em;fill:currentColor}
.wordmark::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,color-mix(in srgb,var(--surface) 88%,transparent) 0 2px,transparent 2px 5px)}
.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer-grid p{max-width:32ch;color:var(--muted)}.footer-grid h2{font-size:14px;letter-spacing:.1em;text-transform:uppercase;margin:0 0 18px}.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.footer-grid a:hover{text-decoration:underline}.footer-grid .brand{font-size:30px}.footer-bottom{border-top:1px solid var(--border);padding-top:24px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}
.document-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;padding-block:70px 100px;justify-content:center}.document-side{align-self:start;position:sticky;top:36px}.document-side .eyebrow{margin-bottom:20px}.document-side nav{display:grid;gap:14px}.document-side a{color:var(--muted)}.document-side a[aria-current=page]{color:var(--ink);font-weight:650}.document-side .side-rule{height:1px;background:var(--border);margin:26px 0}.document-body{min-width:0}.document-body .wrap{width:100%;margin:0}.document-body h1{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.06;letter-spacing:-.055em;margin:0 0 32px}.document-body h2{font-size:clamp(1.5rem,2.3vw,2rem);letter-spacing:-.025em;line-height:1.2;margin:48px 0 16px}.document-body h3{font-size:1.125rem;margin:28px 0 12px}.document-body p,.document-body li{font-size:1.0625rem;line-height:1.8}.document-body p{color:var(--muted)}.document-body strong{color:var(--ink);font-weight:600}.document-body a{text-decoration:underline;text-underline-offset:4px}.document-body .callout,.document-body blockquote{padding:26px 30px;border-radius:24px;background:var(--surface);border:1px solid var(--border);margin:28px 0}.document-body .post-list{list-style:none;padding:0}.document-body .post-list li{padding:30px;border:1px solid var(--border);border-radius:28px;background:var(--surface)}.document-body .post-list h2{margin-top:0}.document-body .muted,.document-body .updated{font-size:14px}.document-kicker{font-size:14px;color:var(--muted);margin-bottom:28px}.document-cta{margin-top:56px;padding-top:30px;border-top:1px solid var(--border)}.document-cta a{display:inline-flex;background:var(--ink);color:var(--paper);border-radius:40px;padding:14px 24px;text-decoration:none}.document-body img{max-width:100%}.shared-page .document-body{text-align:center}.shared-page .mark{display:none}.shared-page .appstore{display:inline-flex;background:var(--ink);color:var(--paper);border-radius:30px;padding:14px 24px}.shared-page .appstore img{display:none}.shared-page .appstore::after{content:'Get Multi on the App Store'}.site-nav-secondary{display:none}
@media(max-width:760px){.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.wordmark{margin-bottom:35px}.document-layout{grid-template-columns:1fr;gap:30px;padding-block:35px 65px}.document-side{position:static}.document-side nav{display:flex;gap:18px;overflow-x:auto;padding-bottom:12px}.document-side .eyebrow,.document-side .side-rule,.document-side .side-home{display:none}.document-side a{white-space:nowrap;font-size:14px}.document-body h1{font-size:2.7rem}.document-body .callout{padding:20px}.site-nav-secondary{display:flex;overflow:auto;gap:22px;padding:14px 24px;border-bottom:1px solid var(--border);font-size:14px}.site-nav-secondary a{white-space:nowrap}}
.vs-badge{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.04em;color:var(--muted);background:var(--surface);border:1px solid var(--border);border-radius:30px;padding:8px 18px;margin-bottom:22px}
.compare-table-wrap{overflow-x:auto;margin:32px 0;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.compare-table{width:100%;border-collapse:collapse;font-size:.9375rem;min-width:520px}
.compare-table th,.compare-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.compare-table tr:last-child td{border-bottom:0}
.compare-table th{font-weight:650;color:var(--ink);background:color-mix(in srgb,var(--surface) 60%,var(--paper))}
.compare-table td:first-child,.compare-table th:first-child{color:var(--muted);font-weight:500;width:30%}
.compare-table td.multi-col,.compare-table th.multi-col{background:color-mix(in srgb,var(--ochre) 16%,transparent);font-weight:600;color:var(--ink)}
.compare-table th.multi-col{border-top-left-radius:0;font-weight:700}
.compare-table .yes::before{content:'✓';display:inline-block;margin-right:8px;color:#5f7a3a;font-weight:700}
.compare-table .no::before{content:'–';display:inline-block;margin-right:8px;color:var(--muted)}
.dark .compare-table .yes::before{color:#a9c47e}
.compare-verdict{display:flex;gap:18px;align-items:flex-start;padding:26px 30px;border-radius:24px;background:color-mix(in srgb,var(--iris) 20%,var(--surface));border:1px solid var(--border);margin:34px 0}
.compare-verdict strong{display:block;color:var(--ink);margin-bottom:6px;font-size:1.0625rem}
.compare-grid{list-style:none;padding:0;display:grid;gap:16px;grid-template-columns:1fr 1fr}
.compare-grid li{padding:26px;border:1px solid var(--border);border-radius:24px;background:var(--surface)}
.compare-grid h2{margin-top:0;font-size:1.25rem}
.compare-grid p{margin-top:8px}
@media(max-width:760px){.compare-grid{grid-template-columns:1fr}.compare-table th,.compare-table td{padding:13px 16px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.wordmark::after{background:none}.wordmark text{filter:none}}