.seo-care { color: var(--text); padding-block: 12px 48px; }
.seo-care *, .seo-care *::before, .seo-care *::after { box-sizing: border-box; }
.seo-care :is(h2,h3) { font-family: inherit; font-stretch: normal; font-variation-settings: "wdth" 100; font-weight: 520; letter-spacing: -.03em; text-transform: none; text-wrap: balance; }
.seo-care :is(p,li) { text-wrap: pretty; }
.seo-care svg { width: 20px; height: 20px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.6; }
.sc-heading { display: grid; grid-template-columns: 1.2fr 1fr; align-items: end; gap: 40px; margin-bottom: 40px; }
.sc-heading h2 { font-size: clamp(30px,3vw,44px); line-height: 1.13; margin: 0; }
.sc-heading p { font-size: 16px; line-height: 1.6; color: var(--text-muted); margin: 0; max-width: 55ch; }
.seo-care fieldset { border: 0; padding: 0; margin: 0 0 36px; min-width: 0; }
.seo-care legend { font-size: 16px; font-weight: 600; margin-bottom: 16px; padding: 0; }
.sc-tiers { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sc-tier + .sc-tier { border-left: 1px solid var(--line); }
.sc-tier label { display: flex; flex-direction: column; gap: 12px; min-height: 244px; padding: 24px; cursor: pointer; transition: background-color 180ms ease-out; }
.sc-tier label:hover { background: var(--surface-alt); }
.sc-tier label:has(input:checked) { background: var(--surface-raised); box-shadow: inset 0 -3px var(--orange); }
.sc-choice-name { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; min-height: 44px; }
.sc-choice-name strong { font-size: 22px; font-weight: 520; }
.sc-start { font-size: 12px; color: var(--text-muted); }
.seo-care input { width: 18px; height: 18px; flex: 0 0 auto; margin: 0; accent-color: var(--accent-text); cursor: pointer; }
.sc-rate { font-size: 36px; font-variant-numeric: tabular-nums; letter-spacing: -.03em; }
.sc-rate > span { font-size: 14px; letter-spacing: normal; padding-left: 5px; }
.sc-tier label > span:not(.sc-rate):not(.sc-choice-name) { font-size: 14px; line-height: 1.5; }
.sc-pace { color: var(--text-muted); }
.sc-inclusions { padding-inline: 24px; }
.sc-inclusions summary { display: flex; justify-content: space-between; align-items: center; gap: 12px; min-height: 60px; font-size: 14px; cursor: pointer; }
.sc-inclusions ul { margin: 0; padding: 6px 0 24px 18px; font-size: 14px; line-height: 1.6; color: var(--text-muted); }
.sc-inclusions li + li { margin-top: 8px; }
.sc-durations { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.sc-durations label { display: flex; align-items: center; gap: 14px; min-height: 90px; padding: 18px 20px; border: 1px solid var(--control-line); border-radius: 6px; cursor: pointer; transition: background-color 180ms ease-out; }
.sc-durations label:hover { background: var(--surface-alt); }
.sc-durations label:has(input:checked) { background: var(--orange); border-color: var(--ink); color: var(--ink); }
.sc-durations label:has(input:checked) input { accent-color: var(--ink); }
.sc-durations label > span { display: flex; flex-direction: column; gap: 5px; }
.sc-durations strong { font-size: 19px; font-weight: 600; }
.sc-durations label span span { font-size: 14px; line-height: 1.4; }
.sc-duration-group > p,.sc-note { font-size: 14px; line-height: 1.6; color: var(--text-muted); margin: 14px 0 0; }
.sc-program { display: grid; grid-template-columns: 1.2fr 1fr; gap: 48px; border-top: 1px solid var(--line); padding-top: 32px; }
.sc-scope h3 { font-size: clamp(25px,2.3vw,32px); line-height: 1.18; margin: 0 0 14px; }
.sc-scope p { font-size: 16px; line-height: 1.6; max-width: 58ch; margin: 0 0 18px; }
.sc-scope ul { padding-left: 20px; margin: 0; font-size: 14px; line-height: 1.7; color: var(--text-muted); }
.sc-scope li + li { margin-top: 8px; }
.sc-fees { margin: 0; }
.sc-fees > div { display: flex; justify-content: space-between; align-items: baseline; gap: 16px; padding-block: 14px; border-bottom: 1px solid var(--line); }
.sc-fees dt { font-size: 14px; line-height: 1.5; }
.sc-fees dd { margin: 0; font-size: 26px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sc-fees > div:last-child dd { font-size: 18px; }
.sc-allowance { font-size: 14px; line-height: 1.7; color: var(--text-muted); max-width: 86ch; margin: 24px 0 48px; }
.sc-roadmap-heading { display: flex; justify-content: space-between; gap: 36px; align-items: end; margin-bottom: 22px; }
.sc-roadmap-heading h3,.sc-working h3 { font-size: 26px; line-height: 1.2; margin: 0; }
.sc-roadmap-heading p { font-size: 14px; line-height: 1.6; max-width: 48ch; color: var(--text-muted); margin: 0; }
.sc-roadmap { list-style: none; padding: 0; margin: 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 36px; }
.sc-roadmap li { border-bottom: 1px solid var(--line); }
.sc-roadmap summary { list-style: none; display: grid; grid-template-columns: 70px 1fr 20px; align-items: center; gap: 18px; min-height: 84px; padding-block: 20px; cursor: pointer; }
.sc-roadmap summary::-webkit-details-marker,.sc-inclusions summary::-webkit-details-marker,.sc-hourly summary::-webkit-details-marker { display: none; }
.sc-month { font-size: 13px; color: var(--text-muted); font-variant-numeric: tabular-nums; }
.seo-care summary .sc-month { display: block; font-size: 13px; line-height: 1.5; white-space: nowrap; transform: none; }
.seo-care details[open] > summary > span { transform: none; }
.seo-care .sc-hourly > summary > span { font-size: inherit; transform: none; }
.sc-roadmap strong { font-size: 18px; line-height: 1.4; font-weight: 520; }
.sc-roadmap details > p { font-size: 15px; line-height: 1.7; color: var(--text-muted); margin: 0 0 24px; max-width: 60ch; padding-left: 88px; }
.seo-care summary svg { transition: transform 180ms ease-out; transform: rotate(0); }
.seo-care details[open] > summary svg { transform: rotate(180deg); }
.sc-working { margin-top: 48px; }
.sc-working ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 28px; list-style: none; padding: 0; margin: 24px 0 0; }
.sc-working li { border-top: 1px solid var(--line); padding-top: 20px; }
.sc-working strong { font-size: 18px; font-weight: 600; }
.sc-working p { font-size: 15px; line-height: 1.6; color: var(--text-muted); margin-bottom: 0; }
.sc-next { display: flex; justify-content: space-between; align-items: center; gap: 40px; margin-block: 36px; }
.sc-next p { font-size: 14px; line-height: 1.6; max-width: 66ch; color: var(--text-muted); margin: 0; }
.sc-next p + p { margin-top: 10px; }
.sc-action { display: inline-flex; justify-content: space-between; align-items: center; gap: 20px; min-height: 52px; padding: 16px 20px; border-radius: 6px; background: var(--orange); color: var(--ink); text-decoration: none; font-size: 15px; white-space: nowrap; }
.sc-action:hover { background: var(--surface-alt); color: var(--text); }
.sc-hourly { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sc-hourly summary { display: flex; align-items: center; gap: 24px; list-style: none; cursor: pointer; min-height: 76px; font-size: 18px; }
.sc-hourly summary strong { margin-left: auto; font-weight: 520; font-variant-numeric: tabular-nums; }
.sc-hourly p { color: var(--text-muted); font-size: 15px; line-height: 1.7; margin: 0 0 8px; }
.sc-hourly a { display: inline-flex; align-items: center; gap: 14px; min-height: 48px; margin-bottom: 14px; text-underline-offset: 5px; }
.seo-care :is(a,input,summary):focus-visible { outline: 2px solid var(--text); outline-offset: 4px; }
.seo-care label:has(input:focus-visible) { outline: 2px solid var(--text); outline-offset: 3px; }
.seo-care fieldset:disabled label { cursor: default; }
.w-seo-care { max-width: 1440px; margin-inline: auto; padding: 60px clamp(24px,5vw,80px) 0; border-top: 1px solid var(--line); }
@media (max-width: 1000px) { .sc-choice-name { min-height: 66px; }.sc-tier label { padding-inline: 18px; }.sc-program { gap: 28px; }.sc-fees dd { font-size: 22px; } }
@media (max-width: 760px) {
 .sc-heading,.sc-program { grid-template-columns: 1fr; gap: 24px; }.sc-heading { margin-bottom: 28px; }.sc-heading h2 { font-size: 32px; }.sc-tiers { grid-template-columns: 1fr; }.sc-tier + .sc-tier { border-left: 0; border-top: 1px solid var(--line); }.sc-tier label { min-height: 0; padding: 18px 20px; display: grid; grid-template-columns: 1fr auto; gap: 12px; }.sc-choice-name { min-height: 44px; }.sc-start { width: 100%; padding-left: 28px; }.sc-rate { align-self: center; font-size: 32px; }.sc-rate > span { font-size: 13px; }.sc-tier label > span:not(.sc-rate):not(.sc-choice-name) { grid-column: 1/-1; }.sc-inclusions { padding-inline: 20px; }.sc-inclusions summary { min-height: 52px; }.sc-durations { grid-template-columns: 1fr; gap: 10px; }.sc-durations label { min-height: 76px; }.sc-durations label > span { flex-direction: row; flex-wrap: wrap; gap: 5px 14px; align-items: baseline; }.sc-fees dd { font-size: 24px; }.sc-allowance { margin-bottom: 32px; }.sc-roadmap-heading { display: block; }.sc-roadmap-heading p { margin-top: 12px; }.sc-roadmap { grid-template-columns: 1fr; }.sc-roadmap summary { gap: 12px; grid-template-columns: 66px 1fr 20px; }.sc-roadmap details > p { padding-left: 0; }.sc-working ol { grid-template-columns: 1fr; gap: 20px; }.sc-next { display: block; }.sc-action { margin-top: 22px; white-space: normal; }.sc-hourly summary { gap: 12px; font-size: 16px; }.sc-hourly summary strong { white-space: nowrap; }.w-seo-care { padding-top: 40px; }
}
@media (prefers-reduced-motion: reduce) { .seo-care *, .seo-care *::before { transition: none !important; } }
