@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&family=Fredoka:wght@500;600;700&display=swap");

    :root{
      --bg:#ffffff;
      --bg-tint:#eef4ff;
      --text:#0f1b3d;
      --muted:#5b6b8a;
      --muted2:#8091b0;
      --line:#e6edf8;
      --line2:#f0f4fb;

      --blue:#1662d9;
      --blue2:#1150b3;
      --blue-soft:#e8f0fe;
      --green:#40bb42;
      --green2:#329a34;
      --green-soft:#e8f9ea;
      --yellow:#ffc93c;
      --yellow-soft:#fff4d1;
      --coral:#ff6b6b;

      --card:#ffffff;
      --soft:#f5f9ff;
      --soft2:#eaf1ff;

      --shadow: 0 20px 50px -24px rgba(22,98,217,.28), 0 4px 14px -6px rgba(15,27,61,.08);
      --shadow2: 0 10px 30px -14px rgba(15,27,61,.18);
      --shadow-blue: 0 14px 30px -8px rgba(22,98,217,.38);
      --shadow-green: 0 14px 30px -8px rgba(64,187,66,.38);
      --r: 22px;
      --r-sm: 14px;
      --max: 1180px;

      --font-display: "Fredoka", "Nunito", ui-sans-serif, system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans Arabic", sans-serif;
      --font-body: "Nunito", ui-sans-serif, system-ui, -apple-system, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", "Noto Sans Arabic", sans-serif;
    }

    *{box-sizing:border-box}
    html,body{
      height:100%;
      overflow-x:hidden;
    }
    body{
      margin:0;
      font-family: var(--font-body);
      background: var(--bg);
      color: var(--text);
      line-height:1.6;
      -webkit-font-smoothing:antialiased;
      text-rendering:optimizeLegibility;
    }

    a{color:inherit; text-decoration:none}
    img{max-width:100%; display:block}

    .container{
      width:100%;
      max-width:var(--max);
      margin:0 auto;
      padding:0 20px;
    }

    .mobile-nav{
      display:none;
    }

    .lang-switcher{
      position:relative;
    }
    .lang-switcher-btn{
      display:inline-flex;align-items:center;gap:8px;
      padding:8px 12px;border-radius:10px;border:1px solid var(--line);
      background:#fff;font-weight:700;font-size:13px;color:var(--muted);
      cursor:pointer;transition:background .15s,border-color .15s;
      white-space:nowrap;
    }
    .lang-switcher-btn:hover{background:var(--soft2);border-color:var(--blue)}
    .lang-switcher-btn .flag{font-size:18px;line-height:1}
    .lang-switcher-btn svg{width:14px;height:14px;transition:transform .2s}
    .lang-switcher.open .lang-switcher-btn svg{transform:rotate(180deg)}
    .lang-dropdown{
      display:none;position:absolute;top:calc(100% + 6px);right:0;
      background:#fff;border:1px solid var(--line);border-radius:14px;
      box-shadow:0 12px 32px rgba(15,23,42,.12);padding:6px;
      min-width:200px;max-height:400px;overflow-y:auto;z-index:50;
    }
    .lang-switcher.open .lang-dropdown{display:block}
    .lang-dropdown a{
      display:flex;align-items:center;gap:10px;padding:10px 12px;
      border-radius:10px;font-weight:700;font-size:14px;color:var(--text);
      transition:background .12s;white-space:nowrap;
    }
    .lang-dropdown a:hover{background:var(--soft2)}
    .lang-dropdown a.active{background:var(--blue);color:#fff}
    .lang-dropdown .flag{font-size:20px;line-height:1}

    .pill{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:10px 16px;
      border:none;
      border-radius:999px;
      background:var(--soft);
      color: var(--text);
      font-weight:700;
      font-size:13px;
      white-space:nowrap;
    }
    .pill::before{
      content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--green);
      box-shadow:0 0 0 3px rgba(64,187,66,.18);
    }

    .header{
      position:sticky;
      top:0;
      z-index:20;
      backdrop-filter: blur(14px) saturate(1.4);
      -webkit-backdrop-filter: blur(14px) saturate(1.4);
      background: rgba(255,255,255,.85);
      border-bottom:1px solid var(--line2);
    }

    .header-inner{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:14px 0;
      gap:14px;
    }

    .brand{
      display:flex;
      align-items:center;
      gap:10px;
      font-weight:800;
      color: var(--blue);
      flex-shrink:0;
      min-width:0;
    }

    .brand img{
      height:56px;
      width:auto;
    }

    .brand .dot{
      width:10px;
      height:10px;
      border-radius:999px;
      background: var(--green);
      box-shadow: 0 6px 16px rgba(22,163,74,.35);
    }

    .nav{
      display:flex;
      align-items:center;
      gap:4px;
      color: var(--muted);
      font-weight:700;
      font-size:14px;
      min-width:0;
    }

    .nav a{
      padding:10px 14px;
      border-radius:12px;
      transition:color .15s, background .15s;
    }

    .nav a:hover{
      color: var(--blue);
      background: var(--blue-soft);
    }

    .header-actions{
      display:flex;
      align-items:center;
      gap:10px;
      flex-shrink:0;
      min-width:0;
    }

    .phone{
      display:none;
      align-items:center;
      gap:8px;
      padding:10px 12px;
      border-radius:999px;
      border:1px solid var(--line);
      color: var(--muted);
      font-weight:700;
      font-size:14px;
      background:#fff;
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:14px 22px;
      border-radius:999px;
      border:2px solid transparent;
      font-weight:800;
      font-size:15px;
      gap:10px;
      cursor:pointer;
      transition: transform .15s ease, background .2s ease, box-shadow .2s ease, border-color .2s;
      user-select:none;
      white-space:nowrap;
      font-family:var(--font-body);
    }

    .btn:hover{transform: translateY(-2px)}
    .btn:active{transform: translateY(0)}

    .btn-primary{
      background: var(--blue);
      color: #fff;
      box-shadow: var(--shadow-blue);
    }

    .btn-primary:hover{background: var(--blue2); box-shadow: 0 18px 36px -8px rgba(22,98,217,.5)}

    .btn-secondary{
      background: var(--green);
      color: #fff;
      box-shadow: var(--shadow-green);
    }

    .btn-secondary:hover{background: var(--green2); box-shadow: 0 18px 36px -8px rgba(64,187,66,.5)}

    .btn-ghost{
      background:#fff;
      border-color: var(--line);
      color: var(--text);
    }

    .btn-ghost:hover{background: var(--soft); border-color: var(--blue); color:var(--blue)}

    .icon{
      width:18px;
      height:18px;
      display:inline-block;
    }

    .hero{
      position:relative;
      padding:64px 0 56px;
      overflow:hidden;
      background:
        radial-gradient(ellipse 600px 400px at 85% 10%, rgba(64,187,66,.12), transparent 60%),
        radial-gradient(ellipse 700px 500px at 10% 20%, rgba(22,98,217,.12), transparent 60%),
        linear-gradient(180deg, var(--soft) 0%, #fff 100%);
    }

    .hero-grid{
      position:relative;
      display:grid;
      grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
      gap:40px;
      align-items:center;
    }

    .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 16px;
      background:var(--blue-soft);
      color:var(--blue);
      font-size:13px;
      font-weight:800;
      border-radius:999px;
      margin-bottom:22px;
    }
    .eyebrow::before{
      content:"👋";
      font-size:15px;
    }

    .h1{
      font-family:var(--font-display);
      font-size: clamp(38px, 5.2vw, 68px);
      line-height: 1.02;
      letter-spacing: -.02em;
      margin:0 0 20px;
      font-weight: 700;
      color:var(--text);
    }
    .h1 em{
      font-style:normal;
      color:var(--blue);
      background:linear-gradient(transparent 68%, rgba(255,201,60,.55) 68%, rgba(255,201,60,.55) 94%, transparent 94%);
      padding:0 4px;
    }

    .lead{
      margin: 0 0 28px;
      color: var(--muted);
      font-size: 18px;
      line-height:1.65;
      max-width: 50ch;
      font-weight:500;
    }

    .cta-row{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin: 18px 0 14px;
    }

    .meta-row{
      display:flex;
      gap:12px;
      flex-wrap:wrap;
      margin-top: 12px;
    }

    .hero-art{
      border-radius: 32px;
      background: #fff;
      box-shadow: var(--shadow);
      padding: 18px;
      position:relative;
      min-width:0;
    }
    .hero-art::before{
      content:"";
      position:absolute;
      inset:-20px;
      background:
        radial-gradient(circle at 80% 0%, rgba(255,201,60,.35), transparent 45%),
        radial-gradient(circle at 0% 100%, rgba(64,187,66,.25), transparent 50%);
      border-radius:44px;
      z-index:-1;
      filter:blur(8px);
    }

    .hero-art .frame{
      border-radius: 22px;
      overflow:hidden;
      background: var(--soft);
    }

    section{padding: 80px 0; position:relative}

    .section-head{
      display:grid;
      grid-template-columns: minmax(0, 1fr) minmax(280px, 420px);
      gap:32px;
      align-items:end;
      margin-bottom: 40px;
    }

    .section-head > *{
      min-width:0;
    }

    .kicker{
      display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 16px;
      border-radius:999px;
      background: var(--blue-soft);
      color: var(--blue);
      font-weight:800;
      font-size:13px;
      margin-bottom:16px;
    }

    .kicker .q{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      font-size:15px;
    }

    .h2{
      margin: 0;
      font-family:var(--font-display);
      font-size: clamp(30px, 3.4vw, 46px);
      letter-spacing:-.02em;
      line-height:1.1;
      font-weight:700;
      color:var(--text);
    }
    .h2 em{font-style:normal; color:var(--blue)}

    .sub{
      margin: 0;
      color: var(--muted);
      max-width: 52ch;
      font-size:16px;
      line-height:1.65;
      font-weight:500;
    }

    .grid-2{
      display:grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
      gap: 22px;
      align-items:center;
    }

    .card{
      background: var(--card);
      border: 2px solid var(--line);
      border-radius: var(--r);
      padding: 28px;
      min-width:0;
    }

    .bullets{
      margin: 12px 0 0;
      padding: 0;
      list-style:none;
      display:grid;
      gap: 10px;
    }

    .bullets li{
      display:flex;
      gap:12px;
      align-items:center;
      color: var(--text);
      font-weight:700;
      font-size:15px;
    }

    .check{
      width:26px;
      height:26px;
      border-radius:50%;
      background: var(--green-soft);
      color:var(--green);
      display:grid;
      place-items:center;
      flex:0 0 auto;
      border:none;
    }
    .check svg{width:16px; height:16px}

    .check svg{width:14px; height:14px}

    .cards-3{
      width:100%;
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap:24px;
      align-items:stretch;
    }

    .mini-card{
      border-radius: var(--r);
      border: 2px solid var(--line);
      background: var(--card);
      padding: 24px;
      display:flex;
      flex-direction:column;
      gap: 16px;
      min-height: 100%;
      min-width:0;
      transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
    }
    .mini-card:hover{transform:translateY(-6px); border-color:var(--blue); box-shadow:var(--shadow-blue)}

    .card-img{
      width:100%;
      aspect-ratio: 4 / 3;
      object-fit: cover;
      border-radius:16px;
      display:block;
      background:var(--soft);
    }

    .mini-card h3{
      margin:0;
      font-family:var(--font-display);
      font-size: clamp(22px, 1.8vw, 26px);
      line-height:1.15;
      font-weight:700;
      letter-spacing:-.01em;
      color:var(--text);
    }

    .mini-card p{
      margin:0;
      color: var(--muted);
      font-weight:500;
      font-size: 15px;
      line-height:1.6;
    }

    .steps{
      display:grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 20px;
    }

    .step{
      padding: 32px 28px;
      background: var(--card);
      border: 2px solid var(--line);
      border-radius: var(--r);
      min-width:0;
      position:relative;
      transition:transform .3s ease, border-color .3s ease;
    }
    .step:hover{transform:translateY(-4px)}
    .step:nth-child(1){border-color:var(--blue-soft)}
    .step:nth-child(1):hover{border-color:var(--blue)}
    .step:nth-child(2){border-color:var(--green-soft)}
    .step:nth-child(2):hover{border-color:var(--green)}
    .step:nth-child(3){border-color:var(--yellow-soft)}
    .step:nth-child(3):hover{border-color:var(--yellow)}

    .step .n{
      display:grid;
      place-items:center;
      width:48px;
      height:48px;
      border-radius:16px;
      background: var(--blue-soft);
      color: var(--blue);
      font-family:var(--font-display);
      font-weight:700;
      font-size:22px;
      margin-bottom:18px;
    }
    .step:nth-child(2) .n{background:var(--green-soft); color:var(--green)}
    .step:nth-child(3) .n{background:var(--yellow-soft); color:#b37c00}

    .step h3{
      margin:0 0 8px;
      font-family:var(--font-display);
      font-weight:700;
      font-size:22px;
      letter-spacing:-.01em;
      line-height:1.15;
    }

    .step p{
      margin:0;
      color: var(--muted);
      font-weight:500;
      font-size:15px;
      line-height:1.6;
    }

    .pricing{
      display:grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 14px;
      align-items:stretch;
    }

    .price-card{
      padding: 32px;
      border-radius: var(--r);
      border: 2px solid var(--line);
      background: var(--card);
      display:flex;
      flex-direction:column;
      gap: 20px;
      min-width:0;
      position:relative;
    }
    .price-card.featured{
      background:linear-gradient(155deg, var(--blue) 0%, #2f7fe8 100%);
      color:#fff;
      border-color:var(--blue);
      box-shadow: var(--shadow-blue);
    }
    .price-card.featured h3,
    .price-card.featured .price,
    .price-card.featured li,
    .price-card.featured .small{color:#fff}
    .price-card.featured .tag{background:var(--yellow); color:#0f1b3d; border:none}
    .price-card.featured .check{background:rgba(255,255,255,.2); color:#fff}
    .price-card.featured .small{opacity:.85}

    .price-card .top{
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:10px;
    }

    .price-card h3{
      margin:0;
      font-family:var(--font-display);
      font-weight:700;
      font-size:26px;
      letter-spacing:-.01em;
    }

    .price{
      font-family:var(--font-display);
      font-weight:700;
      font-size:32px;
      letter-spacing:-.02em;
    }

    .price small{
      font-family:var(--font-body);
      font-size:14px;
      color: var(--muted2);
      font-weight:700;
    }

    .tag{
      padding:6px 14px;
      border-radius:999px;
      border: none;
      background: var(--yellow-soft);
      color: #b37c00;
      font-weight:800;
      font-size:12px;
      white-space:nowrap;
    }

    .price-card ul{
      margin:0;
      padding:0;
      list-style:none;
      display:grid;
      gap:10px;
    }

    .price-card li{
      display:flex;
      gap:12px;
      color: var(--text);
      font-weight:600;
      font-size:15px;
      align-items:center;
    }

    .price-card .actions{
      margin-top:auto;
      display:flex;
      gap:10px;
      flex-wrap:wrap;
    }

    .faq{
      display:grid;
      grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr);
      gap: 14px;
    }

    details{
      border:2px solid var(--line);
      border-radius: var(--r);
      background:#fff;
      padding: 20px 24px;
      transition:border-color .2s;
    }
    details[open]{border-color:var(--blue)}

    details + details{margin-top: 14px}

    summary{
      cursor:pointer;
      font-family:var(--font-display);
      font-weight:600;
      font-size:17px;
      letter-spacing:-.01em;
      list-style:none;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:10px;
      color:var(--text);
    }
    summary::after{
      content:"+";
      display:grid;
      place-items:center;
      width:32px;
      height:32px;
      border-radius:50%;
      background:var(--blue-soft);
      color:var(--blue);
      font-weight:700;
      font-size:22px;
      line-height:1;
      transition:transform .3s ease, background .2s;
      flex-shrink:0;
    }
    details[open] summary::after{transform:rotate(45deg); background:var(--blue); color:#fff}

    summary::-webkit-details-marker{display:none}

    .faq p{
      margin:14px 0 0;
      color: var(--muted);
      font-weight:500;
      font-size:15px;
      line-height:1.65;
      max-width:60ch;
    }

    footer{
      padding: 56px 0 48px;
      background: var(--soft);
      margin-top:20px;
    }

    .footer-grid{
      display:grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr);
      gap: 14px;
      align-items:start;
    }

    .small{
      color: var(--muted2);
      font-weight:400;
      font-size:13px;
      line-height:1.6;
    }

    .links{
      display:flex;
      gap:4px 2px;
      flex-wrap:wrap;
    }

    .links a{
      padding:8px 14px;
      border:none;
      background:#fff;
      border-radius:999px;
      color: var(--muted);
      font-weight:700;
      font-size:13px;
    }
    .links a:hover{
      color: var(--blue);
      background: var(--blue-soft);
    }

    /* road sign categories */
    .sign-grid{
      display:grid;
      grid-template-columns:repeat(auto-fill,minmax(220px,1fr));
      gap:12px;
      margin-bottom:32px;
    }
    .sign-grid a{
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:16px 20px;
      background:#fff;
      border:2px solid var(--line);
      border-radius:16px;
      text-decoration:none;
      color:var(--text);
      font-family:var(--font-body);
      font-weight:700;
      font-size:14px;
      transition:transform .2s, border-color .2s, box-shadow .2s;
    }
    .sign-grid a:hover{
      transform:translateY(-2px);
      border-color:var(--blue);
      box-shadow:var(--shadow-blue);
    }

    .sign-langs{
      display:flex;
      flex-wrap:wrap;
      gap:8px;
    }
    .sign-langs a{
      padding:10px 16px;
      background:#fff;
      border:2px solid var(--line);
      border-radius:999px;
      text-decoration:none;
      font-size:13px;
      font-weight:700;
      color:var(--muted);
      transition:border-color .2s, color .2s, background .2s;
    }
    .sign-langs a:hover{border-color:var(--blue); color:var(--blue); background:var(--blue-soft)}
    .sign-langs a.active{background:var(--blue); color:#fff; border-color:var(--blue)}

    .burger{display:none}

    /* RTL support */
    [dir="rtl"] .header-inner,
    [dir="rtl"] .cta-row,
    [dir="rtl"] .meta-row,
    [dir="rtl"] .nav,
    [dir="rtl"] .header-actions,
    [dir="rtl"] .links,
    [dir="rtl"] .bullets li,
    [dir="rtl"] .price-card li,
    [dir="rtl"] .brand{
      direction: rtl;
    }
    [dir="rtl"] .lang-dropdown{
      right:auto;
      left:0;
    }
    [dir="rtl"] .h1,
    [dir="rtl"] .h2,
    [dir="rtl"] .lead,
    [dir="rtl"] .sub,
    [dir="rtl"] .step p,
    [dir="rtl"] .mini-card p,
    [dir="rtl"] .faq p,
    [dir="rtl"] summary,
    [dir="rtl"] .small{
      text-align: right;
    }

    @media (max-width: 980px){
      .hero-grid{grid-template-columns: 1fr; gap:18px}
      .grid-2{grid-template-columns: 1fr}
      .section-head{grid-template-columns: 1fr; gap:14px}
      .cards-3{grid-template-columns: 1fr; gap:18px}
      .steps{grid-template-columns: 1fr}
      .pricing{grid-template-columns: 1fr}
      .faq{grid-template-columns: 1fr}
      .footer-grid{grid-template-columns: 1fr}
      .phone{display:flex}
      .nav{display:none}

      .header-inner{
        flex-wrap:nowrap;
      }

      .header-actions{
        gap:8px;
        min-width:0;
        flex-shrink:1;
        overflow:visible;
      }

      .lang-switcher-btn span:not(.flag){
        display:none;
      }
      .lang-switcher-btn{
        padding:8px 10px;
      }
      .lang-dropdown{
        right:0;
        left:auto;
      }

      .header-actions .btn{
        display:none;
      }

      .burger{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:44px;
        height:44px;
        border-radius:14px;
        border:1px solid var(--line);
        background:#fff;
        box-shadow: 0 1px 0 rgba(15,23,42,.03);
        cursor:pointer;
        flex:0 0 auto;
      }

      .mobile-nav{
        display:none;
        padding: 0 0 14px;
      }

      .mobile-nav a{
        display:block;
        padding: 12px 10px;
        border-radius: 14px;
        font-weight:900;
        color: var(--muted);
      }

      .mobile-nav a:hover{
        background: var(--soft2);
        color: var(--text);
      }

      .mobile-nav.open{display:block}
    }

    
    .reviews-track{position:relative;width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
    .reviews-slide{display:flex;gap:20px;animation:scrollReviews 80s linear infinite;width:max-content}
    .reviews-slide:hover{animation-play-state:paused}
    .rev-card{flex-shrink:0;width:320px;background:#fff;border:2px solid var(--line);border-radius:20px;padding:26px}
    .rev-stars{color:var(--yellow);font-size:16px;letter-spacing:2px;margin-bottom:12px}
    .rev-card p{font-size:15px;line-height:1.6;color:var(--text);margin:0 0 14px;font-weight:600}
    .rev-author{font-size:13px;font-weight:700;color:var(--muted)}
    @keyframes scrollReviews{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

    /* stats bar */
    .stats-bar{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:16px;
      padding:20px 0 40px;
    }
    .stats-bar .stat{
      padding:28px 20px;
      text-align:center;
      background:#fff;
      border:2px solid var(--line);
      border-radius:20px;
      transition:transform .2s, border-color .2s;
    }
    .stats-bar .stat:hover{transform:translateY(-4px)}
    .stats-bar .stat:nth-child(1){border-color:var(--blue-soft)}
    .stats-bar .stat:nth-child(1):hover{border-color:var(--blue)}
    .stats-bar .stat:nth-child(2){border-color:var(--green-soft)}
    .stats-bar .stat:nth-child(2):hover{border-color:var(--green)}
    .stats-bar .stat:nth-child(3){border-color:var(--yellow-soft)}
    .stats-bar .stat:nth-child(3):hover{border-color:var(--yellow)}
    .stats-bar .stat:nth-child(4){border-color:var(--blue-soft)}
    .stats-bar .stat:nth-child(4):hover{border-color:var(--blue)}
    .stats-bar .stat-num{
      font-family:var(--font-display);
      font-size:clamp(30px,2.6vw,40px);
      font-weight:700;
      letter-spacing:-.02em;
      color:var(--blue);
      line-height:1;
    }
    .stats-bar .stat:nth-child(2) .stat-num{color:var(--green)}
    .stats-bar .stat:nth-child(3) .stat-num{color:#b37c00}
    .stats-bar .stat-lbl{
      font-size:13px;
      font-weight:700;
      color:var(--muted);
      margin-top:8px;
    }
    @media (max-width:720px){
      .stats-bar{grid-template-columns:repeat(2,1fr)}
    }

    /* SEO long-form content blocks */
    .seo-content{
      display:flex;
      flex-direction:column;
      gap:14px;
    }
    .seo-content p{
      margin:0;
      color:var(--muted);
      font-size:15px;
      line-height:1.7;
      font-weight:500;
    }
    .seo-content h2,
    .seo-content h3{
      font-family:var(--font-display);
      color:var(--text);
      letter-spacing:-.01em;
      line-height:1.2;
      margin:8px 0 4px;
      font-weight:700;
    }
    .seo-content h2{font-size:22px}
    .seo-content h3{font-size:18px}
    .seo-content ul,
    .seo-content ol{
      margin:4px 0;
      padding-left:22px;
      display:flex;
      flex-direction:column;
      gap:8px;
    }
    .seo-content li{
      color:var(--muted);
      font-size:15px;
      line-height:1.65;
      font-weight:500;
    }
    .seo-content strong{color:var(--text); font-weight:700}
    .seo-content a{color:var(--blue); font-weight:700; border-bottom:2px solid var(--blue-soft)}
    .seo-content a:hover{border-bottom-color:var(--blue)}