.elementor-kit-6{--e-global-color-primary:#2C2A2A;--e-global-color-secondary:#F07142;--e-global-color-text:#829788;--e-global-color-accent:#F07142;--e-global-color-afde420:#E5EBE8;--e-global-color-5ea0985:#ECE6E0;--e-global-color-ae486ed:#FFFFFF;--e-global-color-bc4eba9:#000000;--e-global-color-183063c:#E5EEE6;--e-global-color-cef4ecb:#2D7A3A;--e-global-color-f06384a:#31453C;--e-global-color-ab783f0:#248F5D;--e-global-color-d0d9f3a:#FBF8EE;--e-global-typography-primary-font-family:"DM Serif Display";--e-global-typography-secondary-font-family:"DM Serif Display";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-weight:500;--e-global-typography-4056f30-font-family:"Space Grotesk";--e-global-typography-4056f30-font-size:60px;--e-global-typography-4056f30-font-weight:400;--e-global-typography-c431c6d-font-family:"Space Grotesk";--e-global-typography-c431c6d-font-size:36px;--e-global-typography-c431c6d-font-weight:400;--e-global-typography-abcbbd4-font-family:"Space Grotesk";--e-global-typography-abcbbd4-font-size:24px;--e-global-typography-abcbbd4-font-weight:700;--e-global-typography-03cc306-font-family:"Space Grotesk";--e-global-typography-03cc306-font-size:18px;--e-global-typography-03cc306-font-weight:400;--e-global-typography-c442b2c-font-family:"Space Grotesk";--e-global-typography-c442b2c-font-size:18px;--e-global-typography-c442b2c-font-weight:600;--e-global-typography-7304112-font-family:"DM Sans";--e-global-typography-7304112-font-size:14px;--e-global-typography-f659223-font-family:"DM Sans";--e-global-typography-f659223-font-size:14px;--e-global-typography-f659223-font-weight:600;--e-global-typography-1a929e1-font-family:"Space Grotesk";--e-global-typography-1a929e1-font-size:72px;--e-global-typography-1a929e1-font-weight:700;--e-global-typography-08ce7b5-font-family:"DM Sans";--e-global-typography-08ce7b5-font-size:14px;--e-global-typography-08ce7b5-font-weight:400;--e-global-typography-08ce7b5-text-decoration:none;--e-global-typography-82c857f-font-family:"DM Sans";--e-global-typography-82c857f-font-size:18px;--e-global-typography-82c857f-font-weight:400;--e-global-typography-82c857f-line-height:1.6em;--e-global-typography-57f80e4-font-family:"DM Sans";--e-global-typography-57f80e4-font-size:12px;--e-global-typography-57f80e4-font-weight:600;--e-global-typography-a3e0300-font-family:"DM Sans";--e-global-typography-a3e0300-font-size:14px;--e-global-typography-a3e0300-font-weight:400;--e-global-typography-a3e0300-font-style:italic;--e-global-typography-ac02c24-font-family:"DM Sans";--e-global-typography-ac02c24-font-size:12px;--e-global-typography-ac02c24-font-weight:700;--e-global-typography-e9539e4-font-family:"DM Sans";--e-global-typography-e9539e4-font-size:14px;--e-global-typography-e9539e4-font-weight:600;--e-global-typography-b196743-font-family:"DM Sans";--e-global-typography-b196743-font-size:14px;--e-global-typography-b196743-font-weight:600;--e-global-typography-b196743-text-transform:uppercase;--e-global-typography-b196743-letter-spacing:2px;}.elementor-kit-6 button,.elementor-kit-6 input[type="button"],.elementor-kit-6 input[type="submit"],.elementor-kit-6 .elementor-button{background-color:#F07142;font-family:"DM Sans", Sans-serif;font-size:14px;font-weight:600;text-decoration:none;line-height:1.6em;color:#FFFFFF;box-shadow:0px 4px 6px -1px rgba(0, 0, 0, 0.1);border-radius:50px 50px 50px 50px;padding:15px 30px 15px 30px;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1060px;}.e-con{--container-max-width:1060px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:991px){.elementor-kit-6{--e-global-typography-4056f30-font-size:48px;--e-global-typography-1a929e1-font-size:60px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{--e-global-typography-4056f30-font-size:30px;--e-global-typography-1a929e1-font-size:36px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS */<style>
  .seo-mockups-container {
    --bg: #0B1120;
    --card-bg: rgba(255,255,255,0.05);
    --border: rgba(255,255,255,0.10);
    --fg: #F1F5F9;
    --fg-muted: rgba(241,245,249,0.60);
    --fg-dim: rgba(241,245,249,0.40);
    --accent: #4ADE80;
    --accent-dim: rgba(74,222,128,0.20);
    --font-heading: 'Inter', system-ui, -apple-system, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', monospace;
    max-width: 560px;
    margin: 0 auto;
    font-family: var(--font-heading);
    color: var(--fg);
  }
  .seo-mockups-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .seo-mockup-card {
    border: 1px solid var(--border);
    background: var(--card-bg);
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 20px 40px rgba(0,0,0,0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
  }
  .seo-mockup-card:nth-child(1) { transform: rotate(-1.5deg); }
  .seo-mockup-card:nth-child(2) { transform: rotate(1.5deg) translateY(24px); }
  .seo-mockup-card:nth-child(3) { transform: rotate(-1.5deg) translateY(-16px); }
  .seo-mockup-card:nth-child(4) { transform: rotate(1.5deg); }

  .card-header {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: var(--fg-dim);
    font-family: var(--font-mono);
  }
  .card-header svg { width: 12px; height: 12px; }
  .card-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 10px;
    margin-top: 0.75rem;
  }
  .badge-tag {
    border-radius: 2px;
    background: var(--accent-dim);
    color: var(--accent);
    font-weight: 700;
    text-transform: uppercase;
    padding: 1px 5px;
    font-size: 10px;
  }
  .badge-url {
    color: var(--fg-dim);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
  }
  .card-headline {
    margin-top: 6px;
    font-size: 14px;
    line-height: 1.35;
    font-weight: 600;
    text-decoration: underline;
    text-decoration-color: rgba(74,222,128,0.40);
    text-underline-offset: 2px;
    color: var(--accent);
  }
  .card-body {
    margin-top: 4px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--fg-muted);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .card-subnote {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 10px;
    color: rgba(241,245,249,0.45);
  }
  .dot { width: 6px; height: 6px; border-radius: 9999px; background: var(--accent); flex-shrink: 0; }

  .row-table { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 6px; }
  .row-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(255,255,255,0.03);
    border-radius: 6px;
    padding: 6px 8px;
    font-size: 11px;
  }
  .row-item.bordered { background: transparent; border: 1px solid rgba(255,255,255,0.05); }
  .row-label { color: var(--fg-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .row-label.accent { color: var(--accent); }
  .row-value { font-family: var(--font-mono); }
  .row-value.up { color: var(--accent); }

  .content-checklist { margin-top: 0.75rem; display: flex; flex-direction: column; gap: 4px; }
  .content-checklist-item {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 10px;
    color: rgba(241,245,249,0.65);
  }
  .content-checklist-item span:first-child { width: 4px; height: 4px; border-radius: 9999px; background: var(--accent); flex-shrink: 0; }

  .score-row {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 0.5rem;
    border-top: 1px solid rgba(255,255,255,0.05);
    font-size: 10px;
  }
  .score-label { color: rgba(241,245,249,0.45); }
  .score-value { font-family: var(--font-mono); color: var(--accent); }

  .header-flex { display: flex; align-items: center; justify-content: space-between; }
  .header-accent { color: var(--accent); }

  .card-body-small { margin-top: 4px; font-size: 11px; color: rgba(241,245,249,0.55); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .card-footer-text { margin-top: 0.5rem; font-size: 10px; color: rgba(241,245,249,0.40); }
  .card-headline-plain { margin-top: 8px; font-size: 14px; line-height: 1.35; font-weight: 600; color: var(--fg); }
<\/style>/* End custom CSS */