.seo-article{max-width:100rem;margin:0 auto;padding-bottom:var(--spacing-4xl)}.seo-article .seo-hero{padding:var(--spacing-4xl) var(--spacing-xl) var(--spacing-2xl)}.seo-article .seo-hero-inner{max-width:68ch;padding-left:var(--spacing-xl)}.seo-article .eyebrow{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.1em;text-transform:uppercase;color:var(--color-sumi-70);margin-bottom:var(--spacing-md)}.seo-article h1{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(2.25rem,5.5vw,4rem);line-height:1.05;letter-spacing:-.025em;color:var(--color-sumi-100);margin-bottom:var(--spacing-lg)}.seo-article h1 .subtle{color:var(--color-sumi-70)}.seo-article .lede{font-size:var(--text-body-lg);line-height:1.55;color:var(--color-sumi-70);margin-bottom:var(--spacing-2xl);max-width:58ch}.seo-article .hero-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:center}.seo-article .btn-primary{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background:var(--color-matcha-70);color:var(--color-washi);border-radius:var(--radius-button);font-weight:500;font-size:var(--text-body);text-decoration:none;transition:background .2s var(--ease-out),transform .2s var(--ease-out)}.seo-article .btn-primary:hover{background:var(--color-matcha-90);transform:translateY(-1px)}.seo-article .btn-primary:active{transform:scale(.97)}.seo-article .btn-ghost{color:var(--color-sumi-90);font-size:var(--text-body);text-decoration:none;position:relative;padding:var(--spacing-sm) 0}.seo-article .btn-ghost:after{content:"";position:absolute;left:0;bottom:0;width:0;height:1px;background:var(--color-sumi-90);transition:width .24s var(--ease-out)}.seo-article .btn-ghost:hover:after{width:100%}.seo-article .seo-section{padding:var(--spacing-2xl) var(--spacing-xl);max-width:100rem;margin:0 auto}.seo-article .seo-section-inner{max-width:72ch;padding-left:var(--spacing-xl)}.seo-article h2{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:clamp(1.875rem,3.5vw,2.625rem);line-height:1.1;letter-spacing:-.02em;color:var(--color-sumi-100);margin-bottom:var(--spacing-lg)}.seo-article h3{font-family:var(--font-display);font-style:italic;font-weight:400;font-size:var(--text-heading-lg);line-height:1.2;letter-spacing:-.01em;color:var(--color-sumi-100);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-sm)}.seo-article p{font-size:var(--text-body-lg);line-height:1.7;color:var(--color-sumi-90);margin-bottom:var(--spacing-md);max-width:65ch}.seo-article ul:not(.plain),.seo-article ol:not(.plain){margin:var(--spacing-md) 0 var(--spacing-lg);padding-left:var(--spacing-xl);max-width:65ch}.seo-article li{font-size:var(--text-body-lg);line-height:1.7;color:var(--color-sumi-90);margin-bottom:var(--spacing-sm)}.seo-article strong{color:var(--color-sumi-100);font-weight:600}.seo-article em{font-style:italic;color:var(--color-sumi-100)}.seo-article .compare{max-width:80rem;margin:var(--spacing-2xl) auto;overflow-x:auto}.seo-article .compare table{width:100%;border-collapse:collapse;font-size:var(--text-body)}.seo-article .compare th,.seo-article .compare td{padding:var(--spacing-md) var(--spacing-lg);text-align:left;border-bottom:1px solid var(--color-sumi-10);vertical-align:top}.seo-article .compare th{font-family:var(--font-mono);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;color:var(--color-sumi-70);font-weight:500;border-bottom:1px solid var(--color-sumi-30)}.seo-article .compare td:first-child{font-weight:500;color:var(--color-sumi-100);width:28%}.seo-article .compare .highlight{background:var(--color-matcha-25)}.seo-article .seo-cta{margin:var(--spacing-3xl) auto 0;max-width:72rem;padding:var(--spacing-2xl) var(--spacing-xl);background:var(--color-washi-deep);border-radius:var(--radius-card)}.seo-article .seo-cta-inner{max-width:56ch}.seo-article .seo-cta h2{margin-bottom:var(--spacing-md)}.seo-article .seo-cta p{margin-bottom:var(--spacing-xl)}@media(max-width:640px){.seo-article .seo-hero{padding:var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl)}.seo-article .seo-hero-inner,.seo-article .seo-section-inner{padding-left:0}.seo-article .seo-section{padding:var(--spacing-xl) var(--spacing-lg)}}
