:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#182321;background:#f4f3ef;font-synthesis:none;-webkit-font-smoothing:antialiased;--ink:#182321;--muted:#566461;--accent:#177a76;--surface:#fff;--line:rgba(22,39,35,.1)}
*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{margin:0;min-height:100vh}img{max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}p,li{text-wrap:pretty}a{color:inherit;text-underline-offset:3px}a:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:3px}
.seo-header{background:rgba(244,243,239,.96);border-bottom:1px solid var(--line)}.seo-header-inner{width:min(100% - 48px,1184px);min-height:72px;margin:auto;display:flex;align-items:center;gap:32px}.seo-brand{display:inline-flex;align-items:center}.seo-brand img,.seo-footer img{display:block}.seo-header nav{display:flex;gap:30px;margin-left:auto}.seo-header nav a{text-decoration:none;font-size:13px;font-weight:650;color:#45514e}.seo-header nav a:hover,.seo-footer a:hover,.seo-related a:hover{color:var(--accent)}
.seo-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:52px;padding:14px 24px;border-radius:12px;background:var(--accent);color:#fff;font-size:15px;font-weight:700;line-height:1.25;text-align:center;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.08),0 9px 24px rgba(20,95,91,.13);transition-property:background-color,scale,box-shadow;transition-duration:160ms}.seo-button:hover{background:#106965;box-shadow:0 2px 4px rgba(0,0,0,.09),0 12px 28px rgba(20,95,91,.17)}.seo-button:active{scale:.96}.seo-button-small{min-height:42px;padding:10px 16px;font-size:13px}
main{width:min(100% - 48px,1184px);margin:auto}.seo-hero{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:center;padding:90px 0 84px}.seo-kicker{color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.seo-hero h1{max-width:780px;margin:16px 0 24px;font-size:clamp(40px,4.6vw,66px);line-height:1.03;letter-spacing:-.055em}.seo-lead{max-width:680px;color:#45514e;font-size:clamp(17px,1.55vw,20px);line-height:1.55}.seo-hero .seo-button{margin-top:32px}.seo-fine-print{max-width:530px;margin-top:14px;color:var(--muted);font-size:12px;line-height:1.55}.seo-hero-aside{padding:27px;border-radius:26px;background:#e7efec;box-shadow:0 0 0 1px rgba(16,80,76,.07),0 15px 40px rgba(20,60,55,.05)}.seo-aside-label{font-size:13px;font-weight:750}.seo-hero-aside ol{list-style:none;margin:22px 0;padding:0}.seo-hero-aside li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:baseline;padding:16px 0;border-top:1px solid rgba(20,80,70,.12)}.seo-hero-aside li span{color:var(--accent);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.seo-hero-aside li p{font-size:14px;font-weight:650;line-height:1.45}.seo-aside-note{color:var(--muted);font-size:12px;line-height:1.55}
.seo-content{border-top:1px solid var(--line)}.seo-section{padding:70px 0;border-bottom:1px solid var(--line)}.seo-section-heading{max-width:740px;margin-bottom:30px}.seo-section h2,.seo-end-cta h2{font-size:clamp(30px,3vw,43px);line-height:1.11;letter-spacing:-.045em}.seo-section-heading .seo-kicker{margin-bottom:11px}.seo-section-heading p:not(.seo-kicker){margin-top:17px;color:var(--muted);font-size:16px;line-height:1.65}.seo-prose{max-width:760px}.seo-prose p,.seo-prose li{color:#45514e;font-size:16px;line-height:1.75}.seo-prose p+p,.seo-prose p+ul,.seo-prose ul+p{margin-top:18px}.seo-prose ul{padding-left:24px}.seo-prose li+li{margin-top:10px}.seo-prose strong{color:var(--ink)}.seo-prose a{color:#126e69;font-weight:650}.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.seo-card{padding:26px;border-radius:19px;background:var(--surface);box-shadow:0 0 0 1px rgba(0,0,0,.055),0 1px 2px rgba(0,0,0,.025),0 12px 28px rgba(29,53,47,.045)}.seo-card strong{display:block;margin-bottom:10px;font-size:16px;letter-spacing:-.02em}.seo-card p{color:var(--muted);font-size:14px;line-height:1.65}.seo-card-number{display:block;margin-bottom:26px;color:var(--accent);font-size:12px;font-weight:800;font-variant-numeric:tabular-nums}.seo-callout{max-width:880px;margin-top:26px;padding:24px 28px;border-radius:18px;background:#e7efec;color:#244642;line-height:1.65}.seo-callout strong{color:#135b57}.seo-section .seo-button{margin-top:26px}
.seo-examples{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.seo-example{overflow:hidden;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 14px 32px rgba(25,50,43,.05)}.seo-example-images{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#dbe4e0}.seo-example-images figure{min-width:0;margin:0;background:#e8eeeb}.seo-example-images img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;outline:1px solid rgba(0,0,0,.1);outline-offset:-1px}.seo-example-images figcaption{padding:8px 12px;color:#34504b;background:#edf3f0;font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.06em}.seo-example-copy{padding:20px 22px 24px}.seo-example-copy h3{font-size:17px;letter-spacing:-.025em}.seo-example-copy p{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.6}.seo-example-note{margin-top:20px;color:var(--muted);font-size:12px;line-height:1.6}
.seo-faq{max-width:850px}.seo-faq details{padding:19px 0;border-bottom:1px solid var(--line)}.seo-faq summary{cursor:pointer;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:16px;font-weight:700;list-style:none}.seo-faq summary::-webkit-details-marker{display:none}.seo-faq summary:after{content:"+";color:var(--accent);font-size:24px;font-weight:400}.seo-faq details[open] summary:after{content:"−"}.seo-faq details p{max-width:730px;padding:4px 32px 3px 0;color:var(--muted);font-size:15px;line-height:1.7}.seo-related{padding-top:32px;color:var(--muted);font-size:14px;line-height:1.6}.seo-related a{font-weight:700}
.seo-end-cta{margin:82px 0;padding:60px 24px;border-radius:26px;background:#e1eeea;text-align:center}.seo-end-cta h2{max-width:730px;margin:13px auto 0}.seo-end-cta>p:not(.seo-kicker){max-width:580px;margin:18px auto 0;color:#455b55;line-height:1.65}.seo-end-cta .seo-button{margin-top:28px}.seo-footer{width:min(100% - 48px,1184px);margin:auto;padding:30px 0 42px;display:flex;justify-content:space-between;gap:32px;border-top:1px solid var(--line)}.seo-footer p{margin-top:11px;color:var(--muted);font-size:12px}.seo-footer nav{display:flex;flex-wrap:wrap;align-items:start;gap:16px 24px}.seo-footer nav a{color:#45514e;font-size:12px;font-weight:650;text-decoration:none}
@media(max-width:850px){.seo-header nav{display:none}.seo-header .seo-button{margin-left:auto}.seo-hero{grid-template-columns:1fr;gap:36px;padding:66px 0}.seo-hero-aside{max-width:650px}.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seo-footer{flex-direction:column}}
@media(max-width:600px){.seo-header-inner,main,.seo-footer{width:calc(100% - 32px)}.seo-header-inner{min-height:62px}.seo-brand img{width:108px;height:29px}.seo-header .seo-button{min-height:40px;padding:9px 12px;font-size:12px}.seo-hero{padding:53px 0 58px;gap:30px}.seo-hero h1{font-size:clamp(35px,9vw,46px)}.seo-lead{font-size:16px}.seo-hero .seo-button{width:100%;margin-top:26px}.seo-hero-aside{padding:22px;border-radius:22px}.seo-section{padding:55px 0}.seo-grid,.seo-examples{grid-template-columns:1fr}.seo-section h2,.seo-end-cta h2{font-size:31px}.seo-card{padding:23px}.seo-example-images img{aspect-ratio:4/3}.seo-end-cta{margin:58px 0;padding:46px 18px;border-radius:22px}.seo-end-cta .seo-button{width:100%}.seo-footer{padding-bottom:38px}.seo-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:17px 12px}.seo-footer nav a{min-height:40px;display:flex;align-items:center}}
@media(max-width:380px){.seo-header .seo-button{font-size:11px;padding-inline:10px}.seo-brand img{width:98px}.seo-footer nav{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.seo-button{transition-duration:0ms}}

/* Compact, honest crops keep the damaged region visible and the comparison readable. */
.seo-example-images img{height:330px;aspect-ratio:auto;object-fit:cover;object-position:center}
.seo-example-images figcaption{padding:10px 12px;font-size:13px;line-height:1.25;letter-spacing:0;text-transform:none}
.seo-example-images figure:first-child figcaption{background:#fbefec;color:#883d35}
.seo-example-images figure:last-child figcaption{background:#e5f1ed;color:#14645d}
.seo-fragment-note{padding:8px 22px 0;color:#66736f;font-size:12px;line-height:1.35}
@media(max-width:600px){.seo-example-images img{height:280px}}