.seo-case{display:flex;flex-direction:column;gap:80px;width:100%;min-width:0;color:#111}
.seo-case-header{display:flex;flex-direction:column;gap:40px;width:100%}
.seo-case h1{font-size:48px;line-height:1.15;margin:0}
.seo-subtitle{font-size:24px;line-height:1.4;margin:11px 0 0}
.seo-meta{display:flex;flex-wrap:wrap;gap:36px;margin:0;font-size:16px;line-height:1.5}
.seo-meta div{display:flex;flex-direction:column;gap:16px}.seo-meta dt{color:#888}.seo-meta dd{margin:0}
.seo-case h2{font-size:36px;line-height:1.2;margin:0}
.seo-case h3{font-size:24px;line-height:1.3;margin:0 0 16px}
.seo-case p{font-size:20px;line-height:1.35;margin:0;max-width:1000px}
.seo-case p+p{margin-top:20px}
.seo-case .seo-subtitle{font-size:24px;line-height:1.4;margin:11px 0 0}
.seo-section{display:flex;flex-direction:column;gap:20px;min-width:0;width:100%}
.seo-group{display:flex;flex-direction:column;gap:40px;min-width:0;width:100%}
.seo-detail{display:flex;flex-direction:column;gap:24px;min-width:0;width:100%}
.seo-detail p{font-size:18px;line-height:1.35}
.seo-placeholder{background:#f4f4f4;border-radius:20px;aspect-ratio:1320/600;width:100%;min-width:0}
.seo-cover{aspect-ratio:1320/786.667}
.seo-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%}.seo-comparison .seo-placeholder{aspect-ratio:648/600}
.seo-start-visual{display:flex;flex-direction:column;gap:20px;padding:30px;background:#f4f4f4;border-radius:20px;margin-top:4px}.seo-start-visual>p{text-align:center;width:100%;max-width:none}.seo-start-visual .seo-placeholder{background:#ececec;aspect-ratio:1709/838;border-radius:10px}
@media(max-width:767px){.seo-case{gap:56px}.seo-case h1{font-size:38px}.seo-case h2{font-size:30px}.seo-case h3{font-size:24px}.seo-case p{font-size:18px;line-height:1.5}.seo-case .seo-subtitle{font-size:22px}.seo-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.seo-meta div{gap:8px}.seo-case-header{gap:32px}.seo-comparison{grid-template-columns:minmax(0,1fr)}.seo-start-visual{padding:20px}.seo-group{gap:32px}}

.seo-walkthrough{box-sizing:border-box;width:100%;min-width:0;padding:5.5%;background:#f4f4f4;border-radius:20px;overflow:hidden}.seo-walkthrough iframe{display:block;width:100%;aspect-ratio:1440/800;border:0;background:#f8f7f5;border-radius:10px}
@media(max-width:767px){.seo-walkthrough{padding:16px;border-radius:16px}}

/* Keep the case return link 24px from the header and title. */
.framer-mxD6W .framer-11tb7ux{padding-top:calc(var(--case-header-height,100px) + 24px)!important}
.framer-mxD6W .framer-o7pt38{gap:24px!important}

/* Reproduce the original frame shadow outside the iframe clipping boundary. */
.seo-walkthrough iframe{box-shadow:0 1px 10px 0 rgba(15,14,14,.05),1px 0 2px -0.7px rgba(15,14,14,.05),0 1px 1px 0 rgba(15,14,14,.05),1px 4px 4px 0 rgba(15,14,14,.05)}

.seo-score-comparison{display:block;width:100%;max-width:100%;height:auto;border-radius:20px}

.seo-cover-animation{display:block;width:100%;aspect-ratio:1578/907;height:auto;border:0;border-radius:20px;background:#275736;overflow:hidden}

.seo-detail{padding-bottom:12px;box-sizing:border-box}

.seo-shipping{display:grid;grid-template-columns:minmax(0,950fr) minmax(0,340fr);gap:30px;align-items:center;min-width:0}.seo-shipping-copy{display:flex;flex-direction:column;gap:24px;padding:24px 0}.seo-shipping-visual{padding:20px 14px;min-width:0}.seo-shipping-visual img{display:block;width:100%;height:auto;aspect-ratio:299.085/204.865;object-fit:fill;object-position:bottom;border-radius:20px;transform:rotate(7.91deg);box-shadow:0 1px 10px rgba(15,14,14,.05),1px 0 2px -.7px rgba(15,14,14,.05),0 1px 1px rgba(15,14,14,.05),1px 4px 4px rgba(15,14,14,.05)}
@media(max-width:767px){.seo-shipping{grid-template-columns:1fr;gap:8px}.seo-shipping-copy{padding:0}.seo-shipping-visual{width:270px;max-width:100%;justify-self:center;box-sizing:border-box}}

.seo-research{gap:24px}.seo-research p{max-width:none}.seo-research-board{position:relative;width:100%;aspect-ratio:1318/577;overflow:hidden;border-radius:20px}.seo-research-board img{position:absolute;width:108.16%;max-width:none;height:118.51%;left:-3.79%;top:-5.89%}

body .seo-learnings strong{font-weight:600!important}

.seo-iterations>h2,.seo-final-result>h2{margin-bottom:-10px}
@media(max-width:767px){.seo-iterations>h2,.seo-final-result>h2{margin-bottom:-2px}}