.nb-seo-explainer{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);column-gap:68px;align-items:start}
.nb-seo-explainer__copy{min-width:0}
.nb-seo-explainer__copy>.sec-h2{margin-bottom:24px}
.nb-seo-explainer__body{min-width:0}
.nb-seo-explainer__body>.sec-body{max-width:none}
.nb-seo-explainer__visual{position:sticky;top:calc(var(--nb-header-height) + 80px);align-self:start}
.nb-seo-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.nb-seo-pillar{position:relative;display:flex;min-width:0;min-height:150px;flex-direction:column;align-items:flex-start;padding:15px 12px 14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--white)}
.nb-seo-pillar__number{font:700 10px/1 var(--font-sans);letter-spacing:.08em;color:var(--gray)}
.nb-seo-pillar__icon{display:grid;place-items:center;width:40px;height:40px;margin:17px 0 14px;border-radius:50%;background:var(--sun-tint);color:var(--ink)}
.nb-seo-pillar__icon>.nb-icon{width:21px;height:21px}
.nb-seo-pillar strong{font:700 15px/1.35 var(--font-sans);color:var(--ink)}
.nb-seo-pillar small{font:400 11px/1.45 var(--font-sans);color:var(--gray);margin-top:4px}
.nb-seo-convergence{display:grid;grid-template-columns:repeat(3,1fr);height:30px;margin-inline:20px}
.nb-seo-convergence i{position:relative;border-bottom:1px solid var(--line-strong)}
.nb-seo-convergence i:before{content:"";position:absolute;left:50%;top:0;height:100%;border-left:1px solid var(--line-strong)}
.nb-seo-convergence i:first-child{border-bottom-left-radius:16px;border-left:1px solid var(--line-strong)}
.nb-seo-convergence i:last-child{border-bottom-right-radius:16px;border-right:1px solid var(--line-strong)}
.nb-seo-result{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 18px;border-radius:var(--radius-md);background:var(--ink);color:var(--paper)}
.nb-seo-result>.nb-icon{width:25px;height:25px;color:var(--sun)}
.nb-seo-result small,.nb-seo-result strong{display:block}
.nb-seo-result small{font:500 10px/1.35 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--gray-light)}
.nb-seo-result strong{font:700 17px/1.35 var(--font-display);margin-top:2px}
.nb-seo-destinations{display:flex;gap:8px;margin-top:10px}
.nb-seo-destinations span{flex:1;padding:7px;text-align:center;border:1px solid var(--line-strong);border-radius:var(--radius-pill);font:600 10px/1.3 var(--font-sans);color:var(--text-body);background:var(--paper)}
.nb-seo-phases{position:relative;display:flex;flex-direction:column;gap:8px}
.nb-seo-phases:before{content:"";position:absolute;left:20px;top:22px;bottom:22px;width:1px;background:var(--line-strong)}
.nb-seo-phase{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr) 34px;gap:12px;align-items:center;padding:14px;border:1px solid var(--line-strong);border-radius:var(--radius-md);background:var(--white)}
.nb-seo-phase__marker{position:relative;z-index:1;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--sun-tint);font:700 11px/1 var(--font-sans);color:var(--ink)}
.nb-seo-phase small,.nb-seo-phase strong{display:block}
.nb-seo-phase small{font:600 10px/1.4 var(--font-sans);letter-spacing:.04em;text-transform:uppercase;color:var(--gray)}
.nb-seo-phase strong{font:700 15px/1.4 var(--font-sans);margin-top:2px;color:var(--ink)}
.nb-seo-phase p{font:400 11px/1.45 var(--font-sans);color:var(--gray);margin:2px 0 0}
.nb-seo-phase>i{display:block;align-self:end;width:100%;border-radius:4px 4px 1px 1px;background:var(--sun)}
.nb-seo-phase--1>i{height:12px;opacity:.45}.nb-seo-phase--2>i{height:25px;opacity:.7}.nb-seo-phase--3>i{height:40px}
.nb-seo-measure{display:flex;align-items:center;gap:14px;margin-top:12px;padding:15px 16px;border-radius:var(--radius-md);background:var(--ink);color:var(--paper)}
.nb-seo-measure>.nb-icon{width:25px;height:25px;color:var(--sun)}
.nb-seo-measure strong,.nb-seo-measure small{display:block}
.nb-seo-measure strong{font:700 14px/1.4 var(--font-sans)}
.nb-seo-measure small{font:400 11px/1.45 var(--font-sans);color:var(--gray-light);margin-top:2px}
@media(max-width:1000px){.nb-seo-explainer{grid-template-columns:minmax(0,1.05fr) minmax(310px,.85fr);column-gap:38px}.nb-seo-explainer__visual{padding:22px}.nb-seo-pillar{padding-inline:9px}.nb-seo-pillar strong{font-size:13px}}
@media(max-width:760px){.nb-seo-explainer{grid-template-columns:1fr;gap:0}.nb-seo-explainer__copy{display:contents}.nb-seo-explainer__copy>.sec-h2{order:1;margin-bottom:24px}.nb-seo-explainer__visual{position:static;order:2;width:100%;max-width:480px;justify-self:center;margin-bottom:30px}.nb-seo-explainer__body{order:3}.nb-seo-pillar strong{font-size:14px}}
@media(max-width:380px){.nb-seo-pillar{min-height:142px;padding-inline:8px}.nb-seo-pillar__icon{width:36px;height:36px}.nb-seo-pillar strong{font-size:12px}.nb-seo-pillar small{font-size:10px}.nb-seo-phase{grid-template-columns:38px minmax(0,1fr) 28px;padding:12px;gap:10px}.nb-seo-phase__marker{width:38px;height:38px}}