.seo-hero{text-align:center;padding:calc(76px + clamp(56px,9vh,104px)) 0 clamp(40px,6vh,72px)}@media (max-width:900px){.seo-hero{padding-top:108px}}.seo-hero-h1{max-width:16em;font-family:var(--ui-font-display);letter-spacing:-.05em;color:var(--fg);text-wrap:balance;margin:0 auto;font-size:clamp(36px,5vw,68px);font-weight:500;line-height:1.04}.seo-hero-h1 .lp-soft{display:inline}.seo-section-head{text-align:center;margin-bottom:clamp(28px,4vw,48px)}.seo-h2{max-width:20ch;font-family:var(--ui-font-display);font-size:var(--fs-section);letter-spacing:-.04em;color:var(--fg);text-wrap:balance;margin:0 auto;font-weight:500;line-height:1.04}.seo-h2 .lp-soft{display:inline}.seo-compare{padding-top:0}.seo-compare-card{--box-fill:var(--bg);border-radius:16px;max-width:820px;margin:0 auto;overflow-x:auto}.seo-compare-card table{border-collapse:collapse;width:100%;min-width:440px}.seo-compare-card th,.seo-compare-card td{border-bottom:1px solid var(--border);text-align:center;padding:16px 20px;font-size:15px;line-height:1.4}.seo-compare-card tbody tr:last-child :is(th,td){border-bottom:0}.seo-compare-card thead th{font-family:var(--ui-font-display);color:var(--fg);font-size:17px;font-weight:600}.seo-compare-card tbody th{text-align:left;color:var(--fg);font-weight:500}.seo-compare-card [data-col=auk]{background:var(--brand-muted);width:26%}.seo-compare-card td:not([data-col]){width:26%}.seo-compare-card thead [data-col=auk]{color:var(--brand-ink)}.seo-mark{justify-content:center;align-items:center;display:inline-flex}.seo-mark-icon{color:var(--brand-ink);display:inline-flex}.seo-mark-text{color:var(--muted-fg);font-size:14px}td[data-col=auk] .seo-mark-text{color:var(--fg)}.seo-mark[data-tone=good] .seo-mark-icon,.seo-mark-text[data-tone=good],td[data-col=auk] .seo-mark-text[data-tone=good]{color:var(--success);font-weight:500}.seo-mark-text[data-tone=bad]{color:var(--destructive)}@media (max-width:560px){.seo-compare-card table{min-width:0}.seo-compare-card th,.seo-compare-card td{padding:12px 8px;font-size:13px}.seo-compare-card thead th{font-size:15px}.seo-compare-card [data-col=auk],.seo-compare-card td:not([data-col]){width:auto}.seo-mark-text{font-size:13px}}.seo-compare-note{max-width:820px;color:var(--muted-fg);text-align:center;margin:14px auto 0;font-size:12px;line-height:1.5}.seo-points-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (max-width:900px){.seo-points-grid{grid-template-columns:1fr}}.seo-point{--box-fill:var(--bg);border-radius:12px;flex-direction:column;gap:12px;padding:clamp(24px,3vw,36px);display:flex}.seo-point h3{font-family:var(--ui-font-display);letter-spacing:-.03em;color:var(--fg);margin:0;font-size:22px;font-weight:500;line-height:1.2}.seo-point p{color:var(--muted-fg);margin:0;font-size:15px;line-height:1.6}.seo-faq-inner{max-width:820px}.seo-faq-inner .seo-h2{text-align:center;margin-bottom:32px}.seo-faq-item{border-bottom:1px solid var(--border)}.seo-faq-item:first-child{border-top:1px solid var(--border)}.seo-faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;list-style:none;display:flex}.seo-faq-item summary::-webkit-details-marker{display:none}.seo-faq-item h3{color:var(--fg);margin:0;font-size:17px;font-weight:500;line-height:1.4}.seo-faq-icon{color:var(--muted-fg);transition:transform .2s var(--ease);flex-shrink:0;display:inline-flex}.seo-faq-item[open] .seo-faq-icon{transform:rotate(45deg)}.seo-faq-item p{max-width:680px;color:var(--muted-fg);margin:0;padding:0 0 22px;font-size:15px;line-height:1.65}@media (prefers-reduced-motion:reduce){.seo-faq-icon{transition:none}}.seo-tutorial[data-lead]{padding-top:clamp(16px,3vh,32px)}.seo-tutorial-row{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:clamp(32px,6vw,96px);display:grid}@media (max-width:900px){.seo-tutorial-row{grid-template-columns:1fr}}.seo-tutorial-head{position:sticky;top:120px}@media (max-width:900px){.seo-tutorial-head{position:static}}.seo-tutorial-head .seo-h2{text-align:left;margin:0}.seo-tutorial-steps{margin:0;padding:0;list-style:none;position:relative}.seo-tutorial-step{grid-template-columns:40px minmax(0,1fr);gap:20px;padding-bottom:40px;display:grid;position:relative}.seo-tutorial-step:last-child{padding-bottom:0}.seo-tutorial-step:not(:last-child):before{content:"";background:var(--border);width:1px;position:absolute;top:44px;bottom:4px;left:19.5px}.seo-tutorial-n{border:1px solid var(--box-edge);background:var(--bg);font-variant-numeric:tabular-nums;width:40px;height:40px;color:var(--brand-ink);border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:600;display:inline-flex}.seo-tutorial-step h3{font-family:var(--ui-font-display);letter-spacing:-.03em;color:var(--fg);margin:6px 0 8px;font-size:22px;font-weight:500;line-height:1.2}.seo-tutorial-step p{max-width:520px;color:var(--muted-fg);margin:0;font-size:15px;line-height:1.6}
