.seo-landing-page{padding:18px 16px 48px;gap:24px}.seo-eyebrow,.seo-landing-page .hero-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:6px 12px;border:1px solid var(--color-primary-ring);border-radius:var(--radius-pill);background:var(--color-primary-tint);color:var(--color-primary);font-size:var(--font-size-micro);font-weight:800;letter-spacing:.04em;text-transform:uppercase}.seo-landing-page .hero-note,.seo-note{margin:0;color:var(--color-muted);font-size:var(--font-size-caption);line-height:1.55}.seo-landing-page .section h2{margin-top:0}.seo-landing-page .section-copy{display:grid;gap:12px;max-width:900px}.seo-landing-page .callout p,.seo-landing-page .card-grid p,.seo-landing-page .related-card p,.seo-landing-page .section-copy p,.seo-landing-page .step-list p{margin:0;color:var(--color-muted);line-height:1.6}.seo-landing-page a:not(.btn){color:var(--color-link);text-decoration-thickness:0.08em;text-underline-offset:0.18em}.seo-landing-page .heading-link{color:inherit;text-decoration:none}.seo-landing-page .heading-link:focus-visible,.seo-landing-page .heading-link:hover{color:var(--color-primary)}.card-grid,.related-grid,.three-card-grid,.use-case-grid{display:grid;gap:16px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-case-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.related-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.related-grid--six,.three-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card,.related-card,.step-card,.use-case-card{display:grid;gap:8px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt)}.feature-card h3,.related-card h3,.step-card h3,.use-case-card h3{margin:0;color:var(--color-heading);font-size:var(--font-size-title-sm)}.related-card{text-decoration:none;color:inherit}.related-card:focus-visible,.related-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.callout{display:grid;gap:8px;margin-top:18px;padding:16px;border:1px solid var(--color-accent-tint-md);border-radius:var(--radius-md);background:var(--color-accent-tint)}.callout h3{margin:0;color:var(--color-heading)}.step-list{display:grid;gap:10px;margin:16px 0 0;padding:0;list-style:none;counter-reset:seo-steps}.step-list li{counter-increment:seo-steps;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-alt);color:var(--color-text);line-height:1.5}.step-list li::before{content:counter(seo-steps);display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-pill);background:var(--color-primary-tint-md);color:var(--color-primary);font-weight:800}.plain-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin:16px 0 0;padding:0;list-style:none}.plain-list li{display:flex;align-items:center;gap:8px;color:var(--color-text)}.plain-list li::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--color-accent);flex:0 0 auto}.seo-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.seo-table{width:100%;border-collapse:collapse;font-size:var(--font-size-caption)}.seo-table td,.seo-table th{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.seo-table th{background:var(--surface-alt);color:var(--color-heading);font-weight:800}.seo-table tbody tr:last-child td{border-bottom:0}.seo-table td:nth-child(2),.seo-table th:nth-child(2){background:var(--color-primary-tint)}.seo-table--highlight-third td:nth-child(2),.seo-table--highlight-third th:nth-child(2){background:0 0}.seo-table--highlight-third td:nth-child(3),.seo-table--highlight-third th:nth-child(3){background:var(--color-primary-tint)}.hero-mockup{gap:14px}.mock-card{display:grid;gap:10px;padding:14px;border:1px solid rgba(226,232,240,.14);border-radius:var(--radius-md);background:rgba(15,23,42,.62)}.mock-label,.mock-title{color:#e2e8f0;font-size:var(--font-size-caption);font-weight:800}.mock-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);background:rgba(148,163,184,.12);color:#cbd5e1;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:var(--font-size-caption)}.mock-chip-row,.mock-pill-row{display:flex;flex-wrap:wrap;gap:8px}.mock-chip,.mock-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 9px;border-radius:var(--radius-pill);font-size:var(--font-size-micro);font-weight:800;white-space:nowrap}.mock-pill{border:1px solid rgba(96,165,250,.38);color:#bfdbfe;background:rgba(37,99,235,.18)}.mock-chip{border:1px solid rgba(45,212,191,.38);color:#99f6e4;background:rgba(20,184,166,.16)}.migration-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:12px}.flow-arrow{display:grid;gap:6px;justify-items:center;color:#bfdbfe;font-size:var(--font-size-micro);font-weight:800;text-transform:uppercase}.flow-arrow::before{content:"\2192";display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-pill);background:rgba(96,165,250,.16);color:#93c5fd;font-size:22px}.mini-chart{display:grid;gap:8px;padding:12px;border:1px solid rgba(226,232,240,.14);border-radius:var(--radius-md);background:rgba(15,23,42,.5)}.chart-bars{display:flex;align-items:end;gap:6px;height:72px}.chart-bars span{flex:1;min-width:8px;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#60a5fa,#2dd4bf)}.analytics-mockup .chart-line{position:relative;height:120px;border-radius:var(--radius-md);border:1px solid rgba(226,232,240,.14);background:linear-gradient(rgba(148,163,184,.14) 1px,transparent 1px) 0 0/100% 30px,rgba(15,23,42,.46);overflow:hidden}.analytics-mockup .chart-line svg{width:100%;height:100%;display:block}.chip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.device-card{display:grid;gap:2px;padding:10px;border:1px solid rgba(226,232,240,.14);border-radius:var(--radius-sm);background:rgba(148,163,184,.1);color:#cbd5e1}.device-card strong{color:#f8fafc;font-size:var(--font-size-title-sm)}.branded-link-builder-mockup{grid-template-columns:minmax(0,1.15fr) minmax(260px,0.85fr);align-items:stretch}.branded-link-builder-panel,.branded-link-side-panel{min-width:0}.builder-field,.builder-final{display:grid;gap:5px;padding:10px 12px;border:1px solid rgba(226,232,240,.14);border-radius:var(--radius-sm);background:rgba(148,163,184,.1)}.builder-field span,.builder-final span{color:#94a3b8;font-size:var(--font-size-micro);font-weight:800;text-transform:uppercase}.builder-field strong,.builder-final strong{color:#f8fafc;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:var(--font-size-caption);overflow-wrap:anywhere}.builder-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.builder-final{border-color:rgba(45,212,191,.34);background:rgba(20,184,166,.14)}.mini-activity-panel{display:grid;gap:10px;padding:12px;border:1px solid rgba(226,232,240,.14);border-radius:var(--radius-md);background:rgba(15,23,42,.48)}.branded-link-side-panel{justify-items:center;align-content:center}.qr-code-art--compact{width:min(168px,100%);padding:12px}.example-link-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0 0;padding:0;list-style:none}.example-link-list li{padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-alt);color:var(--color-text);font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:var(--font-size-caption);overflow-wrap:anywhere}.qr-campaign-mockup{grid-template-columns:minmax(0,0.95fr) minmax(0,1.05fr);align-items:stretch}.qr-campaign-mockup>.mock-card{min-width:0;grid-template-columns:minmax(0,1fr);justify-items:center;align-content:center;overflow:hidden}.qr-code-art{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;aspect-ratio:1;width:min(220px,100%);max-width:100%;min-width:0;justify-self:center;margin:0 auto;padding:14px;border-radius:var(--radius-md);background:#f8fafc}.qr-code-art span{border-radius:2px;background:0 0}.qr-code-art .on{background:#0f172a}.qr-side{display:grid;gap:12px;min-width:0}.metric-list{display:grid;gap:8px}.metric-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#cbd5e1}.metric-row strong{color:#f8fafc}@media (max-width:1080px){.related-grid,.use-case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.branded-link-builder-mockup,.migration-flow,.qr-campaign-mockup{grid-template-columns:1fr}.flow-arrow::before{content:"\2193"}}@media (max-width:760px){.seo-landing-page{padding:14px 12px 36px}.builder-grid,.card-grid,.chip-grid,.device-grid,.example-link-list,.plain-list,.related-grid,.three-card-grid,.use-case-grid{grid-template-columns:1fr}.feature-shell .cta,.feature-shell .page-hero,.feature-shell .section{padding:18px}.mock-row,.seo-table{font-size:var(--font-size-micro)}}