/*
Theme Name: Adult Custom Theme
Theme URI: https://example.com/
Author: Custom Development
Description: WordPress custom theme converted from adultdesign.html
Version: 1.0.0
Text Domain: adult-custom-theme
*/


  * { margin:0; padding:0; box-sizing:border-box; }
  body { font-family: 'Segoe UI', Arial, sans-serif; background:#0d0d0d; }

  /* Top bar */
  .top-bar {
    background:#161616;
    color:#cfcfcf;
    font-size:13px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 10%;
    border-bottom:1px solid #262626;
  }
  .top-bar-left {
    display:flex;
    align-items:center;
    gap:14px;
  }
  .badge {
    background:#c9a24b;
    color:#161616;
    font-weight:700;
    font-size:11px;
    letter-spacing:0.5px;
    padding:5px 12px;
    border-radius:999px;
    white-space:nowrap;
  }
  .top-bar-left .divider {
    color:#4a4a4a;
  }
  .top-bar-left a {
    color:#c9a24b;
    text-decoration:none;
    font-weight:600;
  }
  .top-bar-left a:hover { text-decoration:underline; }

  .top-bar-right {
    display:flex;
    align-items:center;
    gap:14px;
    color:#cfcfcf;
  }
  .top-bar-right .sep {
    color:#4a4a4a;
  }
  .top-bar-right a {
    color:#cfcfcf;
    text-decoration:none;
  }
  .top-bar-right a:hover { color:#fff; }
  .icon { font-size:13px; }

  /* Nav */
  .nav-bar {
    background:#0d0d0d;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:26px 10%;
    border-bottom:1px solid #c9a24b2e;
  }
  .logo {
    color:#f2f2f2;
    font-family: Georgia, 'Times New Roman', serif;
    font-size:26px;
  }
  .logo .accent {
    color:#c9a24b;
  }
  .nav-links {
    display:flex;
    align-items:center;
    gap:38px;
  }
  .nav-links a {
    color:#d6d6d6;
    text-decoration:none;
    font-size:15px;
  }
  .nav-links a:hover {
    color:#fff;
  }
  .quote-btn {
    background:#c9a24b;
    color:#161616;
    font-weight:700;
    font-size:14px;
    padding:12px 26px;
    border-radius:6px;
    text-decoration:none;
    letter-spacing:0.3px;
  }
  .quote-btn:hover {
    background:#d9b562;
  }



  /* ===== HERO SECTION (scoped, safe to paste after header) ===== */
  .hero-section {
    background:#0d0d0d;
    font-family: 'Segoe UI', Arial, sans-serif;
  }

  .hero-section .hero {
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:40px;
    padding:60px 40px 80px;
    max-width:1250px;
    margin:0 auto;
  }

  /* LEFT COLUMN */
  .hero-section .hero-left {
    max-width:900px;
    padding-top:20px;
  }

  .hero-section .hero-top-badge {
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#1c1a12;
    border:1px solid #4a3f22;
    color:#d9b562;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.5px;
    padding:8px 16px;
    border-radius:999px;
    margin-bottom:26px;
  }
  .hero-section .hero-top-badge .hero-dot {
    width:7px;
    height:7px;
    border-radius:50%;
    background:#4ade80;
    box-shadow:0 0 6px #4ade80;
  }

  .hero-section h1 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:56px;
    line-height:1.15;
    font-weight:900;
    margin-bottom:26px;
  }
  .hero-section h1 .hero-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:800;
  }

  .hero-section .hero-desc {
    color:#a8a8a8;
    font-size:16px;
    line-height:1.7;
    max-width:640px;
    margin-bottom:34px;
  }

  .hero-section .hero-btns {
    display:flex;
    gap:16px;
    margin-bottom:44px;
  }
  .hero-section .hero-btn-primary {
    background:#d9b562;
    color:#161616;
    font-weight:700;
    font-size:14px;
    padding:16px 28px;
    border-radius:6px;
    text-decoration:none;
    display:inline-block;
  }
  .hero-section .hero-btn-primary:hover { background:#e6c578; }
  .hero-section .hero-btn-secondary {
    border:1px solid #3a3a3a;
    color:#e6e6e6;
    font-weight:600;
    font-size:14px;
    padding:16px 28px;
    border-radius:6px;
    text-decoration:none;
    background:transparent;
    display:inline-block;
  }
  .hero-section .hero-btn-secondary:hover { border-color:#666; }

  .hero-section .hero-stats {
    display:flex;
    gap:56px;
    border-top:1px solid #242424;
    padding-top:34px;
  }
  .hero-section .hero-stat-num {
    font-family: Georgia, 'Times New Roman', serif;
    color:#d9b562;
    font-size:32px;
    margin-bottom:6px;
  }
  .hero-section .hero-stat-label {
    color:#8a8a8a;
    font-size:12px;
    letter-spacing:0.4px;
    line-height:1.4;
    text-transform:uppercase;
  }

  /* RIGHT COLUMN - browser mock */
  .hero-section .hero-right {
    position:relative;
    flex-shrink:0;
    width:600px;
    padding-top:60px;
  }

  .hero-section .hero-browser-card {
    background:#141414;
    border:1px solid #262626;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 30px 60px rgba(0,0,0,0.5);
  }

  .hero-section .hero-browser-top {
    display:flex;
    align-items:center;
    gap:10px;
    padding:16px 20px;
    background:#1a1a1a;
    border-bottom:1px solid #262626;
  }
  .hero-section .hero-browser-dot {
    width:12px;
    height:12px;
    border-radius:50%;
  }
  .hero-section .hero-dot-red { background:#ff5f57; }
  .hero-section .hero-dot-yellow { background:#febc2e; }
  .hero-section .hero-dot-green { background:#28c840; }
  .hero-section .hero-browser-url {
    margin-left:10px;
    background:#0f0f0f;
    color:#777;
    font-size:13px;
    font-family:monospace;
    padding:7px 14px;
    border-radius:5px;
    flex:1;
  }

  .hero-section .hero-browser-body {
    padding:36px 28px 76px;
  }

  .hero-section .hero-niches-label {
    display:inline-block;
    background:#231d0f;
    color:#d9b562;
    font-size:12px;
    font-weight:700;
    letter-spacing:0.5px;
    padding:7px 14px;
    border-radius:4px;
    margin-bottom:24px;
  }

  .hero-section .hero-niche-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
  }
  .hero-section .hero-niche-card {
    background:#1a1a1a;
    border:1px solid #262626;
    border-radius:10px;
    padding:32px 14px;
    text-align:center;
  }
  .hero-section .hero-niche-icon {
    font-size:26px;
    margin-bottom:14px;
  }
  .hero-section .hero-niche-name {
    color:#e6e6e6;
    font-size:14px;
    font-weight:600;
  }

  @keyframes heroFloatUpDown {
    0%   { transform: translateY(0px); }
    50%  { transform: translateY(-14px); }
    100% { transform: translateY(0px); }
  }

  .hero-section .hero-leader-badge {
    position:absolute;
    top:20px;
    right:-30px;
    background:#1a1414;
    border:1px solid #3a2020;
    border-radius:12px;
    padding:14px 20px;
    display:flex;
    align-items:center;
    gap:14px;
    box-shadow:0 10px 30px rgba(0,0,0,0.5);
    animation: heroFloatUpDown 4s ease-in-out infinite;
  }
  .hero-section .hero-leader-badge .hero-leader-icon {
    background:#3a1414;
    width:40px;
    height:40px;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:19px;
  }
  .hero-section .hero-leader-badge .hero-leader-text-sm {
    color:#888;
    font-size:12px;
  }
  .hero-section .hero-leader-badge .hero-leader-text-main {
    color:#e0537d;
    font-size:16px;
    font-weight:700;
  }

  .hero-section .hero-project-badge {
    position:absolute;
    bottom:-34px;
    left:-24px;
    background:#141414;
    border:1px solid #262626;
    border-radius:12px;
    animation: heroFloatUpDown 4s ease-in-out infinite;
    animation-delay: -2s;
    padding:20px 22px;
    display:flex;
    align-items:center;
    gap:18px;
    box-shadow:0 15px 30px rgba(0,0,0,0.5);
  }
  .hero-section .hero-project-badge .hero-project-label {
    color:#888;
    font-size:12px;
    margin-bottom:6px;
  }
  .hero-section .hero-project-badge .hero-project-num {
    color:#d9b562;
    font-family: Georgia, serif;
    font-size:24px;
  }
  .hero-section .hero-project-badge .hero-project-divider {
    width:1px;
    height:36px;
    background:#262626;
  }
  .hero-section .hero-quote-btn-mini {
    background:#d9b562;
    color:#161616;
    font-size:14px;
    font-weight:700;
    padding:11px 18px;
    border-radius:7px;
  }
  .hero-section .hero-work-btn-mini {
    border:1px solid #333;
    color:#ccc;
    font-size:14px;
    font-weight:600;
    padding:11px 18px;
    border-radius:7px;
  }

    /* ===== MARQUEE TICKER SECTION (scoped, safe to paste after header/hero) ===== */
  .marquee-section {
    background:#0d0d0d;
    overflow:hidden;
    padding:22px 0;
    border-top:1px solid rgba(201,162,75,0.18);
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .marquee-section .marquee-track {
    display:flex;
    align-items:center;
    width:max-content;
    animation: marqueeScroll 16s linear infinite;
  }

  .marquee-section:hover .marquee-track {
    animation-play-state: paused;
  }

  .marquee-section .marquee-item {
    display:flex;
    align-items:center;
    flex-shrink:0;
  }

  .marquee-section .marquee-text {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-style:italic;
    font-weight:600;
    font-size:12px;
    white-space:nowrap;
    padding:0 22px;
  }

  .marquee-section .marquee-gold {
    color:#c9a24b;
  }

  .marquee-section .marquee-gray {
    color:#55555a;
  }

  .marquee-section .marquee-dot {
    color:#3a3a3a;
    font-size:12px;
  }

  @keyframes marqueeScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

/* ===== TRUST BAR SECTION (scoped) ===== */
  .trust-section {
    background:#0d0d0d;
    text-align:center;
    padding:48px 40px 48px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .trust-section .trust-label {
    color:#7a7a7a;
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:22px;
  }

  .trust-section .trust-brands {
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:52px;
  }

  .trust-section .trust-brand {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:19px;
    color:#8a8a8a;
  }

  /* ===== ABOUT / SPECIALIZED SECTION (scoped) ===== */
  .about-section {
    background:#0d0d0d;
    padding:90px 40px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .about-section .about-inner {
    max-width:900px;
    margin:0 auto;
  }

  .about-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:32px;
    line-height:1.35;
    color:#f2f2f2;
    margin-bottom:30px;
  }

  .about-section h2 .about-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .about-section .about-text {
    color:#a8a8a8;
    font-size:15px;
    line-height:1.85;
    margin-bottom:22px;
  }

  .about-section .about-text:last-child {
    margin-bottom:0;
  }

  /* ===== "WHY CHOOSE US" STATS SECTION (scoped) ===== */
  .whychoose-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:64px 40px 68px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .whychoose-section .whychoose-inner {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
  }

  .whychoose-section .whychoose-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:14px;
  }

  .whychoose-section .whychoose-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .whychoose-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:32px;
    color:#f2f2f2;
    margin-bottom:36px;
  }

  .whychoose-section h2 .whychoose-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .whychoose-section .whychoose-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
  }

  .whychoose-section .whychoose-card {
    background:#161616;
    border:1px solid #262626;
    border-radius:10px;
    padding:26px 18px;
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .whychoose-section .whychoose-card:hover {
    border-color: rgba(217,181,98,0.5);
    transform: scale(1.02);
  }

  .whychoose-section .whychoose-num {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:32px;
    color:#d9b562;
    margin-bottom:8px;
  }

  .whychoose-section .whychoose-title {
    color:#e6e6e6;
    font-size:14px;
    font-weight:500;
    margin-bottom:5px;
  }

  .whychoose-section .whychoose-sub {
    color:#767676;
    font-size:12px;
  }

  @media (max-width:900px) {
    .whychoose-section .whychoose-grid {
      grid-template-columns:1fr 1fr;
    }
  }


/* ===== "OUR MOST POPULAR SERVICES" SECTION (scoped) ===== */
  .services-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .services-section .services-inner {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
  }

  .services-section .services-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .services-section .services-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .services-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:38px;
    color:#f2f2f2;
    margin-bottom:18px;
  }

  .services-section h2 .services-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .services-section .services-desc {
    color:#9a9a9a;
    font-size:15px;
    line-height:1.7;
    max-width:640px;
    margin:0 auto 48px;
  }

  .services-section .services-grid {
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:18px;
    margin-bottom:40px;
  }

  .services-section .services-card {
    position:relative;
    background:#161616;
    border:1px solid #262626;
    border-radius:12px;
    padding:32px 20px;
    text-align:left;
    overflow:hidden;
    opacity:0;
    transform:translateY(36px);
    transition: opacity 0.7s ease, transform 0.7s ease,
                border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  }

  .services-section .services-card.services-visible {
    opacity:1;
    transform:translateY(0);
  }

  /* stagger delay per column within a row */
  .services-section .services-card:nth-child(5n+1) { transition-delay:0.05s; }
  .services-section .services-card:nth-child(5n+2) { transition-delay:0.12s; }
  .services-section .services-card:nth-child(5n+3) { transition-delay:0.19s; }
  .services-section .services-card:nth-child(5n+4) { transition-delay:0.26s; }
  .services-section .services-card:nth-child(5n+5) { transition-delay:0.33s; }

  .services-section .services-card::before {
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, #d9b562, transparent);
    opacity:0;
    transition: opacity 0.3s ease;
  }

  .services-section .services-card:hover {
    border-color: rgba(217,181,98,0.55);
    background:#1a1a1a;
    box-shadow: 0 12px 30px rgba(0,0,0,0.45), 0 0 0 1px rgba(217,181,98,0.12);
    transform:translateY(-4px);
  }

  .services-section .services-card:hover::before {
    opacity:1;
  }

  .services-section .services-icon {
    font-size:26px;
    margin-bottom:18px;
  }

  .services-section .services-card-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:16px;
    font-weight:700;
    margin-bottom:8px;
  }

  .services-section .services-card-desc {
    color:#8a8a8a;
    font-size:12.5px;
    line-height:1.6;
  }

  .services-section .services-btn {
    display:inline-block;
    border:1px solid #3a3a3a;
    color:#e6e6e6;
    font-size:14px;
    font-weight:600;
    padding:14px 26px;
    border-radius:7px;
    text-decoration:none;
    transition: border-color 0.3s ease, background 0.3s ease;
  }

  .services-section .services-btn:hover {
    border-color:#d9b562;
    background:rgba(217,181,98,0.08);
  }

  @media (max-width:1100px) {
    .services-section .services-grid {
      grid-template-columns:repeat(3, 1fr);
    }
  }
  @media (max-width:640px) {
    .services-section .services-grid {
      grid-template-columns:1fr 1fr;
    }
  }

/* ===== "WHY WE'RE THE #1" FEATURES SECTION (scoped) ===== */
  .whywe-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .whywe-section .whywe-inner {
    max-width:1200px;
    margin:0 auto;
  }

  .whywe-section .whywe-eyebrow {
    display:flex;
    align-items:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .whywe-section .whywe-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .whywe-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:32px;
    color:#f2f2f2;
    margin-bottom:14px;
  }

  .whywe-section h2 .whywe-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .whywe-section .whywe-desc {
    color:#9a9a9a;
    font-size:15px;
    line-height:1.7;
    max-width:760px;
    margin-bottom:44px;
  }

  .whywe-section .whywe-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:18px;
  }

  .whywe-section .whywe-card {
    position:relative;
    background:#161616;
    border:1px solid #262626;
    border-radius:12px;
    padding:28px 26px;
    overflow:hidden;
    opacity:0;
    transform:translateY(36px);
    transition: opacity 0.7s ease, transform 0.7s ease,
                border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
  }

  .whywe-section .whywe-card.whywe-visible {
    opacity:1;
    transform:translateY(0);
  }

  /* stagger delay per column within a row */
  .whywe-section .whywe-card:nth-child(3n+1) { transition-delay:0.05s; }
  .whywe-section .whywe-card:nth-child(3n+2) { transition-delay:0.15s; }
  .whywe-section .whywe-card:nth-child(3n+3) { transition-delay:0.25s; }

  .whywe-section .whywe-card::before {
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, #d9b562, transparent);
    opacity:0;
    transition: opacity 0.3s ease;
  }

  .whywe-section .whywe-card:hover {
    border-color: rgba(217,181,98,0.55);
    background:#1a1a1a;
    box-shadow: 0 12px 30px rgba(0,0,0,0.45), 0 0 0 1px rgba(217,181,98,0.12);
    transform:translateY(-4px);
  }

  .whywe-section .whywe-card:hover::before {
    opacity:1;
  }

  .whywe-section .whywe-icon {
    width:40px;
    height:40px;
    border-radius:9px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:17px;
    margin-bottom:18px;
  }

  .whywe-section .whywe-icon-pink { background:#3a1420; }
  .whywe-section .whywe-icon-blue { background:#0f2436; }
  .whywe-section .whywe-icon-navy { background:#131b30; }
  .whywe-section .whywe-icon-amber { background:#3a2410; }
  .whywe-section .whywe-icon-orange { background:#3a2a10; }
  .whywe-section .whywe-icon-teal { background:#0f2b30; }

  .whywe-section .whywe-card-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:17px;
    font-weight:700;
    margin-bottom:10px;
  }

  .whywe-section .whywe-card-desc {
    color:#8a8a8a;
    font-size:13px;
    line-height:1.7;
  }

  @media (max-width:1100px) {
    .whywe-section .whywe-grid {
      grid-template-columns:1fr 1fr;
    }
  }
  @media (max-width:640px) {
    .whywe-section .whywe-grid {
      grid-template-columns:1fr;
    }
  }

  /* ===== "OUR PROVEN PROCESS" SECTION (scoped) ===== */
  .process-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 100px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .process-section .process-inner {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
  }

  .process-section .process-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .process-section .process-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .process-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:38px;
    color:#f2f2f2;
    margin-bottom:18px;
  }

  .process-section h2 .process-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .process-section .process-desc {
    color:#9a9a9a;
    font-size:15px;
    line-height:1.7;
    max-width:640px;
    margin:0 auto 64px;
  }

  .process-section .process-timeline {
    position:relative;
    display:grid;
    grid-template-columns:repeat(5, 1fr);
    gap:24px;
  }

  .process-section .process-timeline::before {
    content:"";
    position:absolute;
    top:32px;
    left:calc(10% + 32px);
    right:calc(10% + 32px);
    height:1px;
    background:linear-gradient(90deg, rgba(217,181,98,0.35), rgba(217,181,98,0.1) 50%, rgba(217,181,98,0.35));
  }

  .process-section .process-step {
    position:relative;
    z-index:1;
    opacity:0;
    transition: opacity 0.7s ease;
  }

  .process-section .process-step.process-visible {
    opacity:1;
  }

  .process-section .process-number {
    width:64px;
    height:64px;
    margin:0 auto 24px;
    border-radius:50%;
    border:1px solid rgba(217,181,98,0.5);
    background:#141414;
    display:flex;
    align-items:center;
    justify-content:center;
    font-family:'Courier New', monospace;
    font-weight:700;
    font-size:18px;
    color:#d9b562;
    transition: background 0.35s ease, box-shadow 0.35s ease, color 0.35s ease, transform 0.35s ease;
  }

  .process-section .process-step:hover .process-number {
    background:#d9b562;
    color:#171200;
    box-shadow:0 0 0 8px rgba(217,181,98,0.15), 0 0 28px rgba(217,181,98,0.55);
    transform:scale(1.06);
  }

  .process-section .process-step-title {
    color:#f2f2f2;
    font-size:18px;
    font-weight:700;
    margin-bottom:12px;
  }

  .process-section .process-step-desc {
    color:#8a8a8a;
    font-size:13.5px;
    line-height:1.65;
    padding:0 8px;
  }

  @media (max-width:1000px) {
    .process-section .process-timeline {
      grid-template-columns:1fr 1fr;
    }
    .process-section .process-timeline::before {
      display:none;
    }
  }
  @media (max-width:560px) {
    .process-section .process-timeline {
      grid-template-columns:1fr;
    }
  }

/* ===== "RECENT PROJECTS" SECTION (scoped) ===== */
  .projects-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .projects-section .projects-inner {
    max-width:1200px;
    margin:0 auto;
  }

  .projects-section .projects-eyebrow {
    display:flex;
    align-items:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .projects-section .projects-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .projects-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:38px;
    color:#f2f2f2;
    margin-bottom:14px;
  }

  .projects-section h2 .projects-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .projects-section .projects-desc {
    color:#9a9a9a;
    font-size:15px;
    line-height:1.7;
    max-width:640px;
    margin-bottom:48px;
  }

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

  .projects-section .projects-card {
    display:block;
    text-decoration:none;
    background:#161616;
    border:1px solid #262626;
    border-radius:12px;
    overflow:hidden;
    opacity:0;
    transform:translateY(36px);
    transition: opacity 0.7s ease, transform 0.7s ease,
                border-color 0.3s ease, box-shadow 0.3s ease;
  }

  .projects-section .projects-card.projects-visible {
    opacity:1;
    transform:translateY(0);
  }

  .projects-section .projects-card:hover {
    border-color: rgba(217,181,98,0.55);
    box-shadow: 0 14px 32px rgba(0,0,0,0.45), 0 0 0 1px rgba(217,181,98,0.12);
    transform:translateY(-6px);
  }

  .projects-section .projects-thumb {
    background:#111111;
    padding:22px 22px 26px;
  }

  .projects-section .projects-thumb-bar {
    height:5px;
    width:60%;
    border-radius:3px;
    margin-bottom:12px;
    background:linear-gradient(90deg, #e0537d, #c94a6e);
  }

  .projects-section .projects-thumb-line1 {
    height:3px;
    width:80%;
    background:#2c2c2c;
    border-radius:2px;
    margin-bottom:8px;
  }

  .projects-section .projects-thumb-line2 {
    height:3px;
    width:40%;
    background:#2c2c2c;
    border-radius:2px;
    margin-bottom:26px;
  }

  .projects-section .projects-thumb-boxes {
    display:flex;
    gap:8px;
  }

  .projects-section .projects-thumb-boxes span {
    flex:1;
    height:34px;
    background:#1e1e1e;
    border-radius:6px;
  }

  /* thumb bar color variants */
  .projects-section .projects-card:nth-child(3) .projects-thumb-bar { background:linear-gradient(90deg, #34c98a, #22a86c); }
  .projects-section .projects-card:nth-child(4) .projects-thumb-bar { background:linear-gradient(90deg, #4a7ed9, #3a5fc4); }
  .projects-section .projects-card:nth-child(5) .projects-thumb-bar { background:linear-gradient(90deg, #d9b562, #c9a24b); }
  .projects-section .projects-card:nth-child(6) .projects-thumb-bar { background:linear-gradient(90deg, #d9b562, #b8863a); }

  .projects-section .projects-info {
    padding:20px 22px 24px;
  }

  .projects-section .projects-category {
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:0.6px;
    text-transform:uppercase;
    margin-bottom:10px;
  }

  .projects-section .projects-name {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:18px;
    font-weight:700;
    margin-bottom:8px;
  }

  .projects-section .projects-tags {
    color:#7a7a7a;
    font-size:12.5px;
  }

  @media (max-width:1000px) {
    .projects-section .projects-grid {
      grid-template-columns:1fr 1fr;
    }
  }
  @media (max-width:600px) {
    .projects-section .projects-grid {
      grid-template-columns:1fr;
    }
  }

  /* ===== PRICING SECTION (scoped) ===== */
  .pricing-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .pricing-section .pricing-inner {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
  }

  .pricing-section .pricing-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .pricing-section .pricing-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .pricing-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:34px;
    color:#f2f2f2;
    margin-bottom:14px;
  }

  .pricing-section h2 .pricing-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .pricing-section .pricing-desc {
    color:#9a9a9a;
    font-size:14px;
    line-height:1.7;
    max-width:600px;
    margin:0 auto 34px;
  }

  /* Tabs */
  .pricing-section .pricing-tabs {
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-bottom:40px;
  }

  .pricing-section .pricing-tab {
    background:#161616;
    border:1px solid #2c2c2c;
    color:#a8a8a8;
    font-size:12px;
    font-weight:600;
    letter-spacing:0.3px;
    padding:10px 18px;
    border-radius:999px;
    cursor:pointer;
    transition: border-color 0.25s ease, background 0.25s ease, color 0.25s ease, transform 0.25s ease;
  }

  .pricing-section .pricing-tab:hover {
    border-color: rgba(217,181,98,0.55);
    color:#e6e6e6;
    transform:translateY(-2px);
  }

  .pricing-section .pricing-tab.pricing-tab-active {
    background:#d9b562;
    border-color:#d9b562;
    color:#171200;
  }

  /* Category heading */
  .pricing-section .pricing-cat-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:22px;
    color:#f2f2f2;
    margin-bottom:8px;
  }

  .pricing-section .pricing-cat-title .pricing-highlight {
    color:#d9b562;
    font-style:italic;
  }

  .pricing-section .pricing-cat-sub {
    color:#8a8a8a;
    font-size:13px;
    max-width:640px;
    margin:0 auto 40px;
    line-height:1.6;
  }

  /* Cards */
  .pricing-section .pricing-grid {
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:20px;
    align-items:stretch;
  }

  .pricing-section .pricing-card {
    position:relative;
    display:flex;
    flex-direction:column;
    text-align:left;
    background:#161616;
    border:1px solid #262626;
    border-radius:12px;
    padding:26px 24px;
    text-decoration:none;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
  }

  .pricing-section .pricing-card:hover {
    border-color: rgba(217,181,98,0.55);
    box-shadow: 0 14px 30px rgba(0,0,0,0.45), 0 0 0 1px rgba(217,181,98,0.1);
    transform:translateY(-4px);
  }

  .pricing-section .pricing-card-featured {
    border-color:#d9b562;
    background:#181410;
  }

  .pricing-section .pricing-card-featured:hover {
    border-color:#e6c578;
  }

  .pricing-section .pricing-badge {
    position:absolute;
    top:-13px;
    left:50%;
    transform:translateX(-50%);
    background:#d9b562;
    color:#171200;
    font-size:10px;
    font-weight:700;
    letter-spacing:0.5px;
    padding:5px 14px;
    border-radius:999px;
    white-space:nowrap;
  }

  .pricing-section .pricing-tier-label {
    color:#8a8a8a;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    margin-bottom:10px;
  }

  .pricing-section .pricing-plan-name {
    color:#f2f2f2;
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
  }

  .pricing-section .pricing-plan-desc {
    color:#828282;
    font-size:12.5px;
    line-height:1.6;
    margin-bottom:20px;
    min-height:52px;
  }

  .pricing-section .pricing-price-row {
    display:flex;
    align-items:baseline;
    gap:8px;
    margin-bottom:4px;
  }

  .pricing-section .pricing-price {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#d9b562;
    font-size:30px;
    font-weight:700;
  }

  .pricing-section .pricing-price-unit {
    color:#7a7a7a;
    font-size:12px;
  }

  .pricing-section .pricing-price-note {
    color:#6a6a6a;
    font-size:11.5px;
    margin-bottom:20px;
  }

  .pricing-section .pricing-features {
    list-style:none;
    padding:0;
    margin:0 0 24px;
    flex:1;
  }

  .pricing-section .pricing-features li {
    color:#c4c4c4;
    font-size:12.5px;
    padding:6px 0;
    display:flex;
    align-items:flex-start;
    gap:8px;
  }

  .pricing-section .pricing-features li::before {
    content:"✓";
    color:#d9b562;
    font-weight:700;
    flex-shrink:0;
  }

  .pricing-section .pricing-btn {
    display:block;
    text-align:center;
    background:transparent;
    border:1px solid #3a3a3a;
    color:#e6e6e6;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.3px;
    padding:13px;
    border-radius:7px;
    text-decoration:none;
    transition: border-color 0.25s ease, background 0.25s ease;
  }

  .pricing-section .pricing-btn:hover {
    border-color:#d9b562;
    background:rgba(217,181,98,0.08);
  }

  .pricing-section .pricing-btn-solid {
    background:#d9b562;
    border-color:#d9b562;
    color:#171200;
  }

  .pricing-section .pricing-btn-solid:hover {
    background:#e6c578;
  }

  /* footer note */
  .pricing-section .pricing-footer {
    border-top:1px solid #242424;
    margin-top:52px;
    padding-top:32px;
  }

  .pricing-section .pricing-footer-note {
    color:#7a7a7a;
    font-size:12.5px;
    line-height:1.7;
    max-width:700px;
    margin:0 auto 22px;
  }

  .pricing-section .pricing-cta {
    display:inline-block;
    background:#d9b562;
    color:#171200;
    font-size:14px;
    font-weight:700;
    padding:14px 26px;
    border-radius:7px;
    text-decoration:none;
    transition: background 0.25s ease, transform 0.25s ease;
  }

  .pricing-section .pricing-cta:hover {
    background:#e6c578;
    transform:translateY(-2px);
  }

  .pricing-section .pricing-fade {
    animation: pricingFadeIn 0.4s ease;
  }

  @keyframes pricingFadeIn {
    from { opacity:0; transform:translateY(10px); }
    to   { opacity:1; transform:translateY(0); }
  }

  @media (max-width:900px) {
    .pricing-section .pricing-grid {
      grid-template-columns:1fr;
    }
  }

  /* ===== TESTIMONIALS SECTION (scoped) ===== */
  .testi-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:70px 0 80px;
    border-bottom:1px solid rgba(201,162,75,0.18);
    overflow:hidden;
  }

  .testi-section .testi-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .testi-section .testi-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .testi-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:32px;
    color:#f2f2f2;
    text-align:center;
    margin-bottom:44px;
  }

  .testi-section h2 .testi-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .testi-section .testi-viewport {
    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);
        margin-left: 10%;
        margin-right: 10%;
  }

  .testi-section .testi-track {
    display:flex;
    gap:20px;
    width:max-content;
    padding:0 40px;
    animation: testiScroll 30s linear infinite;
  }

  .testi-section .testi-card {
    flex-shrink:0;
    width:360px;
    background:#161616;
    border:1px solid #262626;
    border-radius:12px;
    padding:26px 24px;
  }

  .testi-section .testi-stars {
    color:#d9b562;
    font-size:13px;
    letter-spacing:2px;
    margin-bottom:14px;
  }

  .testi-section .testi-quote {
    color:#c4c4c4;
    font-style:italic;
    font-size:13.5px;
    line-height:1.7;
    margin-bottom:22px;
    min-height:95px;
  }

  .testi-section .testi-person {
    display:flex;
    align-items:center;
    gap:12px;
  }

  .testi-section .testi-avatar {
    width:38px;
    height:38px;
    border-radius:50%;
    background:#c9855a;
    color:#171200;
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:700;
    font-size:13px;
    flex-shrink:0;
  }

  .testi-section .testi-name {
    color:#f2f2f2;
    font-size:13.5px;
    font-weight:700;
  }

  .testi-section .testi-role {
    color:#7a7a7a;
    font-size:11.5px;
  }

  @keyframes testiScroll {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }

  /* ===== "WHY ADULT WEBSITE DESIGN" TEXT SECTION (scoped) ===== */
  .whyspec-section {
    background:#0d0d0d;
    padding:90px 40px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .whyspec-section .whyspec-inner {
    max-width:900px;
    margin:0 auto;
  }

  .whyspec-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:30px;
    color:#f2f2f2;
    margin-bottom:26px;
  }

  .whyspec-section h2 .whyspec-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .whyspec-section h3 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:19px;
    color:#f2f2f2;
    margin:34px 0 14px;
  }

  .whyspec-section p {
    color:#a0a0a0;
    font-size:14.5px;
    line-height:1.85;
    margin-bottom:18px;
  }

  /* ===== "WHERE WE SERVE" MARKETS SECTION (scoped) ===== */
  .markets-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 70px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }

  .markets-section .markets-inner {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
  }

  .markets-section .markets-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .markets-section .markets-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .markets-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:36px;
    color:#f2f2f2;
    margin-bottom:16px;
  }

  .markets-section h2 .markets-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .markets-section .markets-desc {
    color:#9a9a9a;
    font-size:14.5px;
    line-height:1.7;
    max-width:680px;
    margin:0 auto 50px;
  }

  .markets-section .markets-group {
    margin-bottom:52px;
    text-align:left;
  }

  .markets-section .markets-group-title {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#e6e6e6;
    font-size:15px;
    font-weight:700;
    margin-bottom:6px;
  }

  .markets-section .markets-group-dot {
    width:9px;
    height:9px;
    border-radius:50%;
    flex-shrink:0;
  }

  .markets-section .markets-dot-green { background:#4ade80; box-shadow:0 0 8px rgba(74,222,128,0.6); }
  .markets-section .markets-dot-yellow { background:#eab308; box-shadow:0 0 8px rgba(234,179,8,0.6); }
  .markets-section .markets-dot-teal { background:#2dd4bf; box-shadow:0 0 8px rgba(45,212,191,0.6); }
  .markets-section .markets-dot-blue { background:#3b82f6; box-shadow:0 0 8px rgba(59,130,246,0.6); }

  .markets-section .markets-group-sub {
    text-align:center;
    color:#7a7a7a;
    font-size:12.5px;
    margin-bottom:24px;
  }

  .markets-section .markets-grid {
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:16px;
  }

  .markets-section .markets-card {
    background:#161616;
    border:1px solid #262626;
    border-radius:10px;
    padding:24px 20px;
    text-align:center;
    transition: border-color 0.3s ease, transform 0.3s ease;
  }

  .markets-section .markets-card:hover {
    border-color: rgba(217,181,98,0.5);
    transform:translateY(-3px);
  }

  .markets-section .markets-flag {
    font-size:24px;
    margin-bottom:10px;
  }

  .markets-section .markets-country {
    color:#f2f2f2;
    font-size:14px;
    font-weight:700;
    margin-bottom:6px;
  }

  .markets-section .markets-status {
    font-size:11px;
    font-weight:700;
    margin-bottom:8px;
  }

  .markets-section .markets-status-green { color:#4caf82; }
  .markets-section .markets-status-yellow { color:#e8d48b; }
  .markets-section .markets-status-teal { color:#6b6860; }
  .markets-section .markets-status-blue { color:#93c5fd; }
  .markets-section .markets-status-red { color:#f87171; }

  .markets-section .markets-cities {
    color:#767676;
    font-size:11px;
    line-height:1.5;
  }

  .markets-section .markets-footnote {
    color:#8a8a8a;
    font-size:13px;
    line-height:1.8;
    max-width:900px;
    margin:20px auto 0;
  }

  @media (max-width:1000px) {
    .markets-section .markets-grid { grid-template-columns:repeat(2, 1fr); }
  }
  @media (max-width:560px) {
    .markets-section .markets-grid { grid-template-columns:1fr; }
  }

  /* ===== CTA BANNER (scoped) ===== */
  .ctaband-section {
    background:#0d0d0d;
    padding:50px 10%;
  }

  .ctaband-section .ctaband-box {
    max-width:1400px;
    margin:0 auto;
    background:linear-gradient(135deg, #1c1710, #141414);
    border:1px solid rgba(217,181,98,0.3);
    border-radius:14px;
    padding:36px 40px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    flex-wrap:wrap;
  }

  .ctaband-section h3 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:22px;
    color:#f2f2f2;
    margin-bottom:8px;
  }

  .ctaband-section h3 .ctaband-highlight {
    color:#d9b562;
    font-style:italic;
  }

  .ctaband-section p {
    color:#9a9a9a;
    font-size:13.5px;
  }

  .ctaband-section .ctaband-btn {
    flex-shrink:0;
    background:#d9b562;
    color:#171200;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.4px;
    padding:15px 28px;
    border-radius:8px;
    text-decoration:none;
    transition: background 0.25s ease, transform 0.25s ease;
  }

  .ctaband-section .ctaband-btn:hover {
    background:#e6c578;
    transform:translateY(-2px);
  }

  /* ===== FAQ SECTION (scoped) ===== */
  .faq-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
  }

  .faq-section .faq-inner {
    max-width:1200px;
    margin:0 auto;
    text-align:center;
  }

  .faq-section .faq-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .faq-section .faq-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .faq-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:34px;
    color:#f2f2f2;
    margin-bottom:44px;
  }

  .faq-section h2 .faq-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .faq-section .faq-grid {
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    text-align:left;
  }

  .faq-section .faq-item {
    background:#161616;
    border:1px solid #262626;
    border-radius:10px;
    overflow:hidden;
    transition: border-color 0.3s ease;
  }

  .faq-section .faq-item.faq-open {
    border-color: rgba(217,181,98,0.45);
  }

  .faq-section .faq-question {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    padding:18px 20px;
    cursor:pointer;
    color:#e6e6e6;
    font-size:14px;
    font-weight:600;
  }

  .faq-section .faq-icon {
    flex-shrink:0;
    width:22px;
    height:22px;
    border-radius:50%;
    border:1px solid #3a3a3a;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#d9b562;
    font-size:14px;
    transition: transform 0.3s ease, border-color 0.3s ease;
  }

  .faq-section .faq-item.faq-open .faq-icon {
    transform:rotate(45deg);
    border-color:#d9b562;
  }

  .faq-section .faq-answer {
    max-height:0;
    overflow:hidden;
    transition: max-height 0.35s ease;
  }

  .faq-section .faq-answer-inner {
    padding:0 20px 20px;
    color:#8a8a8a;
    font-size:13px;
    line-height:1.7;
  }

  @media (max-width:800px) {
    .faq-section .faq-grid { grid-template-columns:1fr; }
  }


/* ===== FULL SERVICES CATALOG SECTION (scoped) ===== */
  .allsvc-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 60px;
  }

  .allsvc-section .allsvc-inner {
    max-width:1200px;
    margin:0 auto;
  }

  .allsvc-section .allsvc-eyebrow {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    color:#d9b562;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.8px;
    text-transform:uppercase;
    margin-bottom:16px;
  }

  .allsvc-section .allsvc-eyebrow::before {
    content:"";
    width:22px;
    height:1px;
    background:#d9b562;
  }

  .allsvc-section .allsvc-head {
    text-align:center;
    margin-bottom:56px;
  }

  .allsvc-section h2 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:34px;
    color:#f2f2f2;
    margin-bottom:14px;
  }

  .allsvc-section h2 .allsvc-highlight {
    color:#d9b562;
    font-style:italic;
    font-weight:700;
  }

  .allsvc-section .allsvc-desc {
    color:#9a9a9a;
    font-size:14.5px;
    line-height:1.7;
    max-width:640px;
    margin:0 auto;
  }

  .allsvc-section .allsvc-group {
    margin-bottom:44px;
  }

  .allsvc-section .allsvc-group-title {
    display:flex;
    align-items:center;
    gap:10px;
    color:#f2f2f2;
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;
  }

  .allsvc-section .allsvc-group-icon {
    font-size:16px;
  }

  .allsvc-section .allsvc-grid {
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
  }

  .allsvc-section .allsvc-card {
    position:relative;
    text-align:center;
    background:#161616;
    border:1px solid #262626;
    border-radius:12px;
    padding:34px 24px;
    overflow:hidden;
    transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease, transform 0.3s ease;
  }

  .allsvc-section .allsvc-card::before {
    content:"";
    position:absolute;
    top:0; left:0; right:0;
    height:2px;
    background:linear-gradient(90deg, transparent, #d9b562, transparent);
    opacity:0;
    transition: opacity 0.3s ease;
  }

  .allsvc-section .allsvc-card:hover {
    border-color: rgba(217,181,98,0.55);
    background:#1a1a1a;
    box-shadow: 0 12px 30px rgba(0,0,0,0.45), 0 0 0 1px rgba(217,181,98,0.12);
    transform:translateY(-4px);
  }

  .allsvc-section .allsvc-card:hover::before {
    opacity:1;
  }

  .allsvc-section .allsvc-icon-box {
    width:52px;
    height:52px;
    margin:0 auto 20px;
    border-radius:12px;
    background:#1f1a10;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:22px;
  }

  .allsvc-section .allsvc-card-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:16px;
    font-weight:700;
    margin-bottom:12px;
  }

  .allsvc-section .allsvc-card-desc {
    color:#8a8a8a;
    font-size:12.5px;
    line-height:1.65;
  }

  .allsvc-section .allsvc-cta-row {
    text-align:center;
    padding-top:20px;
  }

  .allsvc-section .allsvc-cta-title {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:20px;
    font-weight:700;
    margin-bottom:8px;
  }

  .allsvc-section .allsvc-cta-title .allsvc-highlight {
    color:#d9b562;
    font-style:italic;
  }

  .allsvc-section .allsvc-cta-sub {
    color:#8a8a8a;
    font-size:13.5px;
    margin-bottom:22px;
  }

  .allsvc-section .allsvc-cta-btn {
    display:inline-block;
    background:#d9b562;
    color:#171200;
    font-size:13px;
    font-weight:700;
    letter-spacing:0.4px;
    padding:14px 26px;
    border-radius:8px;
    text-decoration:none;
    transition: background 0.25s ease, transform 0.25s ease;
  }

  .allsvc-section .allsvc-cta-btn:hover {
    background:#e6c578;
    transform:translateY(-2px);
  }

  @media (max-width:1000px) {
    .allsvc-section .allsvc-grid { grid-template-columns:1fr 1fr; }
  }
  @media (max-width:600px) {
    .allsvc-section .allsvc-grid { grid-template-columns:1fr; }
  }

  /* ===== BOTTOM "READY TO BUILD" CTA BANNER (scoped) ===== */
  .readycta-section {
    background:#0d0d0d;
    padding:60px 40px 80px;
    border-top:1px solid rgba(201,162,75,0.18);
  }

  .readycta-section .readycta-box {
    max-width:900px;
    margin:0 auto;
    text-align:center;
    background:linear-gradient(135deg, #1c1710, #141414);
    border:1px solid rgba(217,181,98,0.3);
    border-radius:16px;
    padding:48px 40px;
  }

  .readycta-section h3 {
    font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
    font-weight:700;
    font-size:28px;
    color:#f2f2f2;
    margin-bottom:12px;
  }

  .readycta-section h3 .readycta-highlight {
    color:#d9b562;
    font-style:italic;
  }

  .readycta-section p {
    color:#9a9a9a;
    font-size:14px;
    margin-bottom:28px;
  }

  .readycta-section .readycta-btns {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:16px;
    flex-wrap:wrap;
  }

  .readycta-section .readycta-btn-solid {
    background:#d9b562;
    color:#171200;
    font-size:13.5px;
    font-weight:700;
    letter-spacing:0.3px;
    padding:15px 28px;
    border-radius:8px;
    text-decoration:none;
    transition: background 0.25s ease, transform 0.25s ease;
  }

  .readycta-section .readycta-btn-solid:hover {
    background:#e6c578;
    transform:translateY(-2px);
  }

  .readycta-section .readycta-btn-outline {
    border:1px solid #3a3a3a;
    color:#e6e6e6;
    font-size:13.5px;
    font-weight:600;
    padding:15px 28px;
    border-radius:8px;
    text-decoration:none;
    transition: border-color 0.25s ease, background 0.25s ease;
  }

  .readycta-section .readycta-btn-outline:hover {
    border-color:#d9b562;
    background:rgba(217,181,98,0.08);
  }

  /* ===================== SHARED HEAD STYLE PATTERN (all scoped per-section) ===================== */

  /* ===== TEAM SECTION ===== */
  .team-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 70px;
    border-bottom:1px solid rgba(201,162,75,0.18);
    text-align:center;
  }
  .team-section .team-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .team-section .team-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .team-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .team-section h2 .team-highlight { color:#d9b562; font-style:italic; }
  .team-section .team-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .team-section .team-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; max-width:1300px; margin:0 auto; }
  .team-section .team-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:26px 20px; text-align:center; transition:border-color .3s ease, transform .3s ease; }
  .team-section .team-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-4px); }
  .team-section .team-avatar { width:56px; height:56px; border-radius:50%; margin:0 auto 16px; display:flex; align-items:center; justify-content:center; font-family:'Playfair Display', Georgia, serif; font-size:20px; font-weight:700; color:#0d0d0d; }
  .team-section .team-name { color:#f2f2f2; font-size:15px; font-weight:700; margin-bottom:4px; }
  .team-section .team-role { color:#d9b562; font-size:10.5px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; margin-bottom:12px; }
  .team-section .team-bio { color:#868686; font-size:12px; line-height:1.6; margin-bottom:16px; min-height:72px; }
  .team-section .team-tags { display:flex; gap:6px; justify-content:center; flex-wrap:wrap; }
  .team-section .team-tag { border:1px solid #333; color:#999; font-size:10px; padding:4px 9px; border-radius:999px; }
  .team-section .team-note { color:#8a8a8a; font-size:13px; line-height:1.8; max-width:800px; margin:50px auto 26px; }
  .team-section .team-btn { display:inline-block; background:#d9b562; color:#171200; font-size:13px; font-weight:700; padding:14px 26px; border-radius:8px; text-decoration:none; transition:background .25s ease, transform .25s ease; }
  .team-section .team-btn:hover { background:#e6c578; transform:translateY(-2px); }

  /* ===== INDUSTRIES SECTION ===== */
  .industries-section { background:#0d0d0d; padding:80px 40px 90px; border-bottom:1px solid rgba(201,162,75,0.18); text-align:center; }
  .industries-section .industries-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .industries-section .industries-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .industries-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .industries-section h2 .industries-highlight { color:#d9b562; font-style:italic; }
  .industries-section .industries-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .industries-section .industries-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:16px; max-width:1200px; margin:0 auto; }
  .industries-section .industries-card { position:relative; background:#161616; border:1px solid #262626; border-radius:12px; padding:26px 16px; overflow:hidden; transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease; }
  .industries-section .industries-card::before { content:""; position:absolute; top:0; left:0; right:0; height:2px; background:linear-gradient(90deg, transparent, #d9b562, transparent); opacity:0; transition:opacity .3s ease; }
  .industries-section .industries-card:hover { border-color:rgba(217,181,98,0.55); transform:translateY(-4px); box-shadow:0 12px 26px rgba(0,0,0,0.4); }
  .industries-section .industries-card:hover::before { opacity:1; }
  .industries-section .industries-icon { font-size:22px; margin-bottom:12px; }
  .industries-section .industries-name { color:#f2f2f2; font-size:13.5px; font-weight:700; margin-bottom:8px; }
  .industries-section .industries-sub { color:#767676; font-size:11px; line-height:1.5; }
  @media (max-width:1000px) { .industries-section .industries-grid { grid-template-columns:repeat(3,1fr); } }
  @media (max-width:600px) { .industries-section .industries-grid { grid-template-columns:1fr 1fr; } }

  /* ===== CASE STUDIES SECTION ===== */
  .casestudy-section { background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%); padding:80px 40px 90px; border-bottom:1px solid rgba(201,162,75,0.18); text-align:center; }
  .casestudy-section .casestudy-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .casestudy-section .casestudy-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .casestudy-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .casestudy-section h2 .casestudy-highlight { color:#d9b562; font-style:italic; }
  .casestudy-section .casestudy-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .casestudy-section .casestudy-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; max-width:1200px; margin:0 auto; text-align:left; }
  .casestudy-section .casestudy-card { background:#161616; border:1px solid #262626; border-radius:12px; overflow:hidden; transition:border-color .3s ease, transform .3s ease; }
  .casestudy-section .casestudy-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-4px); }
  .casestudy-section .casestudy-tag { font-size:10.5px; font-weight:700; letter-spacing:0.4px; padding:10px 22px; color:#d9b562; background:#1f1a10; }
  .casestudy-section .casestudy-body { padding:18px 22px 22px; }
  .casestudy-section .casestudy-name { font-family:'Playfair Display', Georgia, serif; color:#f2f2f2; font-size:16px; font-weight:700; margin-bottom:8px; }
  .casestudy-section .casestudy-desc-line { color:#868686; font-size:12px; line-height:1.6; margin-bottom:18px; }
  .casestudy-section .casestudy-stat-row { display:flex; align-items:center; justify-content:space-between; padding:8px 0; border-top:1px solid #232323; }
  .casestudy-section .casestudy-stat-row:first-of-type { border-top:none; }
  .casestudy-section .casestudy-stat-label { color:#8a8a8a; font-size:12px; }
  .casestudy-section .casestudy-stat-value { color:#d9b562; font-size:13px; font-weight:700; }
  @media (max-width:1000px) { .casestudy-section .casestudy-grid { grid-template-columns:1fr; } }

  /* ===== TECH STACK SECTION ===== */
  .techstack-section { background:#0d0d0d; padding:80px 40px 90px; border-bottom:1px solid rgba(201,162,75,0.18); text-align:center; }
  .techstack-section .techstack-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .techstack-section .techstack-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .techstack-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .techstack-section h2 .techstack-highlight { color:#d9b562; font-style:italic; }
  .techstack-section .techstack-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:600px; margin:0 auto 44px; }
  .techstack-section .techstack-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:16px; max-width:1300px; margin:0 auto; }
  .techstack-section .techstack-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:24px 12px; transition:border-color .3s ease, transform .3s ease; }
  .techstack-section .techstack-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-3px); }
  .techstack-section .techstack-icon { font-size:22px; margin-bottom:12px; }
  .techstack-section .techstack-name { color:#f2f2f2; font-size:13px; font-weight:700; margin-bottom:4px; }
  .techstack-section .techstack-tag { color:#767676; font-size:10px; letter-spacing:0.4px; text-transform:uppercase; }
  @media (max-width:900px) { .techstack-section .techstack-grid { grid-template-columns:repeat(3,1fr); } }

  /* ===== AWARDS SECTION ===== */
  .awards-section { background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%); padding:80px 40px 90px; border-bottom:1px solid rgba(201,162,75,0.18); text-align:center; }
  .awards-section .awards-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .awards-section .awards-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .awards-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .awards-section h2 .awards-highlight { color:#d9b562; font-style:italic; }
  .awards-section .awards-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:600px; margin:0 auto 44px; }
  .awards-section .awards-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; max-width:1300px; margin:0 auto; }
  .awards-section .awards-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:28px 16px; transition:border-color .3s ease, transform .3s ease; }
  .awards-section .awards-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-3px); }
  .awards-section .awards-icon { font-size:24px; margin-bottom:14px; }
  .awards-section .awards-name { color:#f2f2f2; font-size:13.5px; font-weight:700; margin-bottom:6px; }
  .awards-section .awards-sub { color:#767676; font-size:11px; }
  @media (max-width:900px) { .awards-section .awards-grid { grid-template-columns:1fr 1fr; } }

  /* ===== COMPARISON SECTION ===== */
  .comparison-section { background:#0d0d0d; padding:80px 40px 90px; border-bottom:1px solid rgba(201,162,75,0.18); text-align:center; }
  .comparison-section .comparison-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .comparison-section .comparison-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .comparison-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .comparison-section h2 .comparison-highlight { color:#d9b562; font-style:italic; }
  .comparison-section .comparison-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .comparison-section .comparison-table-wrap { max-width:1300px; margin:0 auto; overflow-x:auto; border:1px solid #262626; border-radius:12px; }
  .comparison-section table { width:100%; border-collapse:collapse; text-align:left; }
  .comparison-section thead th { background:#161616; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:0.5px; text-transform:uppercase; padding:16px 20px; white-space:nowrap; }
  .comparison-section thead th:first-child { color:#8a8a8a; }
  .comparison-section tbody td { padding:14px 20px; font-size:12.5px; color:#c4c4c4; border-top:1px solid #202020; white-space:nowrap; }
  .comparison-section tbody td:first-child { color:#e6e6e6; font-weight:600; }
  .comparison-section tbody tr:hover td { background:#151107; }
  .comparison-section .comp-yes { color:#4ade80; }
  .comparison-section .comp-no { color:#f87171; }
  .comparison-section .comp-mid { color:#eab308; }

  /* ===== PARTNERS SECTION ===== */
  .partners-section { background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%); padding:80px 40px 90px; border-bottom:1px solid rgba(201,162,75,0.18); text-align:center; }
  .partners-section .partners-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .partners-section .partners-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .partners-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .partners-section h2 .partners-highlight { color:#d9b562; font-style:italic; }
  .partners-section .partners-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .partners-section .partners-grid { display:grid; grid-template-columns:repeat(6, 1fr); gap:16px; max-width:1300px; margin:0 auto; }
  .partners-section .partners-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:22px 10px; transition:border-color .3s ease, transform .3s ease; }
  .partners-section .partners-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-3px); }
  .partners-section .partners-icon { font-size:20px; margin-bottom:10px; }
  .partners-section .partners-name { color:#f2f2f2; font-size:12.5px; font-weight:700; margin-bottom:4px; }
  .partners-section .partners-sub { color:#767676; font-size:10px; }
  @media (max-width:900px) { .partners-section .partners-grid { grid-template-columns:repeat(3,1fr); } }

  /* ===== FREE RESOURCES SECTION ===== */
  .resources-section { background:#0d0d0d; padding:80px 40px 90px; text-align:center; }
  .resources-section .resources-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .resources-section .resources-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .resources-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .resources-section h2 .resources-highlight { color:#d9b562; font-style:italic; }
  .resources-section .resources-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .resources-section .resources-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; max-width:1300px; margin:0 auto; text-align:left; }
  .resources-section .resources-card { position:relative; background:#161616; border:1px solid #262626; border-radius:12px; padding:28px 22px; transition:border-color .3s ease, transform .3s ease; }
  .resources-section .resources-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-4px); }
  .resources-section .resources-badge { position:absolute; top:16px; right:16px; background:#1f1a10; color:#d9b562; font-size:9.5px; font-weight:700; letter-spacing:0.4px; padding:4px 10px; border-radius:999px; }
  .resources-section .resources-icon-box { width:44px; height:44px; border-radius:10px; background:#1f1a10; display:flex; align-items:center; justify-content:center; font-size:19px; margin-bottom:18px; }
  .resources-section .resources-title { color:#f2f2f2; font-size:15px; font-weight:700; margin-bottom:10px; }
  .resources-section .resources-body-text { color:#8a8a8a; font-size:12.5px; line-height:1.65; margin-bottom:18px; }
  .resources-section .resources-link { color:#d9b562; font-size:13px; font-weight:700; text-decoration:none; }
  .resources-section .resources-link:hover { text-decoration:underline; }
  @media (max-width:900px) { .resources-section .resources-grid { grid-template-columns:1fr; } }


/* ===== VIDEO DEMO SECTION ===== */
  .videodemo-section {
    background:#0d0d0d;
    padding:70px 40px 80px;
    border-bottom:1px solid rgba(201,162,75,0.18);
  }
  .videodemo-section .videodemo-inner {
    max-width:1200px;
    margin:0 auto;
    display:flex;
    align-items:center;
    gap:50px;
  }
  .videodemo-section .videodemo-left { flex:1; max-width:560px; }
  .videodemo-section .videodemo-eyebrow { display:flex; align-items:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .videodemo-section .videodemo-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .videodemo-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:32px; line-height:1.25; color:#f2f2f2; margin-bottom:18px; }
  .videodemo-section h2 .videodemo-highlight { color:#d9b562; font-style:italic; }
  .videodemo-section .videodemo-desc { color:#9a9a9a; font-size:14.5px; line-height:1.75; margin-bottom:28px; }
  .videodemo-section .videodemo-feature { display:flex; align-items:flex-start; gap:12px; margin-bottom:20px; }
  .videodemo-section .videodemo-check { flex-shrink:0; width:22px; height:22px; border-radius:6px; background:#16281f; color:#4ade80; display:flex; align-items:center; justify-content:center; font-size:12px; margin-top:2px; }
  .videodemo-section .videodemo-feature-title { color:#f2f2f2; font-size:14.5px; font-weight:700; margin-bottom:4px; }
  .videodemo-section .videodemo-feature-desc { color:#868686; font-size:12.5px; line-height:1.6; }

  .videodemo-section .videodemo-right { flex-shrink:0; width:520px; }
  .videodemo-section .videodemo-player {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    position:relative;
    width:100%;
    box-sizing:border-box;
    min-height:280px;
    background: radial-gradient(ellipse at 50% 40%, #201a10 0%, #141414 60%, #111 100%);
    border:1px solid #262626;
    border-radius:14px;
    padding:60px 30px;
    text-align:center;
    text-decoration:none;
    cursor:pointer;
    transition: border-color .3s ease;
  }
  .videodemo-section .videodemo-player:hover { border-color: rgba(217,181,98,0.5); }
  .videodemo-section .videodemo-play-btn {
    display:flex; align-items:center; justify-content:center;
    width:64px; height:64px; margin:0 auto 22px;
    border-radius:50%;
    background:#d9b562;
    font-size:22px; color:#171200;
    box-shadow:0 0 0 10px rgba(217,181,98,0.12), 0 0 30px rgba(217,181,98,0.35);
    transition: transform .3s ease;
  }
  .videodemo-section .videodemo-player:hover .videodemo-play-btn { transform:scale(1.08); }
  .videodemo-section .videodemo-play-title { color:#f2f2f2; font-size:16px; font-weight:700; margin-bottom:8px; text-decoration:none; }
  .videodemo-section .videodemo-play-sub { color:#767676; font-size:12px; text-decoration:none; }

  @media (max-width:1000px) {
    .videodemo-section .videodemo-inner { flex-direction:column; }
    .videodemo-section .videodemo-right { width:100%; }
  }

  /* ===== GLOBAL PRESENCE SECTION ===== */
  .global-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
    border-bottom:1px solid rgba(201,162,75,0.18);
    text-align:center;
  }
  .global-section .global-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .global-section .global-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .global-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .global-section h2 .global-highlight { color:#d9b562; font-style:italic; }
  .global-section .global-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 44px; }
  .global-section .global-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:16px; max-width:1200px; margin:0 auto; }
  .global-section .global-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:28px 16px; transition:border-color .3s ease, transform .3s ease; }
  .global-section .global-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-3px); }
  .global-section .global-flag { font-size:22px; margin-bottom:12px; }
  .global-section .global-country { color:#f2f2f2; font-size:14px; font-weight:700; margin-bottom:10px; }
  .global-section .global-num { font-family:'Playfair Display', Georgia, serif; color:#d9b562; font-size:24px; font-weight:700; margin-bottom:6px; }
  .global-section .global-note { color:#767676; font-size:10.5px; }
  @media (max-width:1000px) { .global-section .global-grid { grid-template-columns:repeat(3,1fr); } }
  @media (max-width:600px) { .global-section .global-grid { grid-template-columns:1fr 1fr; } }

  /* ===== CONTACT CHANNELS SECTION ===== */
  .contact-section {
    background:#0d0d0d;
    padding:80px 40px 50px;
    text-align:center;
  }
  .contact-section .contact-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .contact-section .contact-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .contact-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .contact-section h2 .contact-highlight { color:#d9b562; font-style:italic; }
  .contact-section .contact-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:560px; margin:0 auto 44px; }
  .contact-section .contact-grid { display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; max-width:1300px; margin:0 auto; }
  .contact-section .contact-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:28px 20px; transition:border-color .3s ease, transform .3s ease; }
  .contact-section .contact-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-4px); }
  .contact-section .contact-icon { font-size:22px; margin-bottom:16px; }
  .contact-section .contact-name { color:#f2f2f2; font-size:15px; font-weight:700; margin-bottom:10px; }
  .contact-section .contact-desc-line { color:#868686; font-size:12px; line-height:1.6; margin-bottom:14px; min-height:52px; }
  .contact-section .contact-link { font-size:13px; font-weight:700; text-decoration:none; }
  .contact-section .contact-link:hover { text-decoration:underline; }
  .contact-section .contact-link-green { color:#4ade80; }
  .contact-section .contact-link-gold { color:#d9b562; }
  .contact-section .contact-link-blue { color:#5b9bf0; }
  .contact-section .contact-link-pink { color:#e0537d; }
  .contact-section .contact-footnote { display:flex; align-items:center; justify-content:center; gap:8px; color:#7a7a7a; font-size:12.5px; margin-top:36px; }
  @media (max-width:900px) { .contact-section .contact-grid { grid-template-columns:1fr 1fr; } }

  /* ===== GUARANTEES SECTION ===== */
  .guarantees-section {
    background: radial-gradient(ellipse at 50% 0%, #1a1712 0%, #121212 45%, #0f0f0f 100%);
    padding:80px 40px 90px;
    border-bottom:1px solid rgba(201,162,75,0.18);
    text-align:center;
  }
  .guarantees-section .guarantees-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .guarantees-section .guarantees-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .guarantees-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:44px; }
  .guarantees-section h2 .guarantees-highlight { color:#d9b562; font-style:italic; }
  .guarantees-section .guarantees-grid { display:grid; grid-template-columns:repeat(5, 1fr); gap:16px; max-width:1200px; margin:0 auto; }
  .guarantees-section .guarantees-card { background:#161616; border:1px solid #262626; border-radius:12px; padding:28px 16px; transition:border-color .3s ease, transform .3s ease; }
  .guarantees-section .guarantees-card:hover { border-color:rgba(217,181,98,0.5); transform:translateY(-3px); }
  .guarantees-section .guarantees-icon { font-size:24px; margin-bottom:14px; }
  .guarantees-section .guarantees-name { color:#f2f2f2; font-size:13.5px; font-weight:700; margin-bottom:8px; }
  .guarantees-section .guarantees-sub { color:#767676; font-size:11px; line-height:1.5; }
  @media (max-width:1000px) { .guarantees-section .guarantees-grid { grid-template-columns:repeat(3,1fr); } }
  @media (max-width:600px) { .guarantees-section .guarantees-grid { grid-template-columns:1fr 1fr; } }

  /* ===== BLOG SECTION ===== */
  .blog-section {
    background:#0d0d0d;
    padding:80px 40px 90px;
    text-align:center;
  }
  .blog-section .blog-eyebrow { display:flex; align-items:center; justify-content:center; gap:10px; color:#d9b562; font-size:11px; font-weight:700; letter-spacing:1.8px; text-transform:uppercase; margin-bottom:16px; }
  .blog-section .blog-eyebrow::before { content:""; width:22px; height:1px; background:#d9b562; }
  .blog-section h2 { font-family:'Playfair Display', Georgia, serif; font-weight:700; font-size:34px; color:#f2f2f2; margin-bottom:14px; }
  .blog-section h2 .blog-highlight { color:#d9b562; font-style:italic; }
  .blog-section .blog-desc { color:#9a9a9a; font-size:14.5px; line-height:1.7; max-width:640px; margin:0 auto 48px; }
  .blog-section .blog-grid { display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; max-width:1200px; margin:0 auto; text-align:left; }
  .blog-section .blog-card {
    display:block; text-decoration:none;
    background:#161616; border:1px solid #262626; border-radius:12px; overflow:hidden;
    transition:border-color .3s ease, transform .3s ease, box-shadow .3s ease;
  }
  .blog-section .blog-card:hover { border-color:rgba(217,181,98,0.55); transform:translateY(-5px); box-shadow:0 14px 30px rgba(0,0,0,0.45); }
  .blog-section .blog-thumb {
    height:150px;
    display:flex; align-items:center; justify-content:center;
    font-size:38px;
    background:#111;
  }
  .blog-section .blog-body { padding:20px 22px 24px; }
  .blog-section .blog-meta-row { display:flex; align-items:center; gap:10px; margin-bottom:14px; }
  .blog-section .blog-cat { background:#1f1a10; color:#d9b562; font-size:10px; font-weight:700; padding:4px 10px; border-radius:5px; }
  .blog-section .blog-readtime { color:#6a6a6a; font-size:11px; }
  .blog-section .blog-title { font-family:'Playfair Display', Georgia, serif; color:#f2f2f2; font-size:17px; font-weight:700; line-height:1.4; margin-bottom:10px; }
  .blog-section .blog-excerpt { color:#868686; font-size:12.5px; line-height:1.65; margin-bottom:20px; }
  .blog-section .blog-author-row { display:flex; align-items:center; gap:10px; }
  .blog-section .blog-avatar { width:26px; height:26px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:11px; font-weight:700; color:#171200; flex-shrink:0; }
  .blog-section .blog-author-name { color:#c4c4c4; font-size:12px; font-weight:600; }
  .blog-section .blog-date { color:#6a6a6a; font-size:11px; }
  .blog-section .blog-view-all { margin-top:44px; text-align:center; }
  .blog-section .blog-view-btn { display:inline-block; border:1px solid #3a3a3a; color:#e6e6e6; font-size:13px; font-weight:600; padding:14px 26px; border-radius:8px; text-decoration:none; transition:border-color .25s ease, background .25s ease; }
  .blog-section .blog-view-btn:hover { border-color:#d9b562; background:rgba(217,181,98,0.08); }
  @media (max-width:1000px) { .blog-section .blog-grid { grid-template-columns:1fr; } }

/* FOOTER */

/* ===== SITE FOOTER (scoped — paste this same block on every page) ===== */
  .footer-section {
    background:#0d0d0d;
    padding:70px 40px 30px;
    border-top:1px solid rgba(201,162,75,0.18);
  }

  .footer-section .footer-inner {
    max-width:1500px;
    margin:0 auto;
  }

  .footer-section .footer-grid {
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr;
    gap:40px;
    margin-bottom:50px;
  }

  .footer-section .footer-logo {
    font-family: Georgia, 'Times New Roman', serif;
    color:#f2f2f2;
    font-size:22px;
    margin-bottom:18px;
  }

  .footer-section .footer-logo .footer-logo-accent {
    color:#d9b562;
  }

  .footer-section .footer-about {
    color:#8a8a8a;
    font-size:13px;
    line-height:1.75;
    max-width:360px;
  }

  .footer-section .footer-col-title {
    color:#7a7a7a;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    margin-bottom:20px;
  }

  .footer-section .footer-links {
    list-style:none;
    padding:0;
    margin:0;
  }

  .footer-section .footer-links li {
    margin-bottom:14px;
  }

  .footer-section .footer-links a {
    color:#c4c4c4;
    font-size:13.5px;
    text-decoration:none;
    transition: color 0.2s ease;
  }

  .footer-section .footer-links a:hover {
    color:#d9b562;
  }

  .footer-section .footer-serve-title {
    color:#7a7a7a;
    font-size:11px;
    font-weight:700;
    letter-spacing:1.4px;
    text-transform:uppercase;
    margin:26px 0 14px;
  }

  .footer-section .footer-serve-line {
    color:#a8a8a8;
    font-size:13px;
    line-height:1.9;
  }

  .footer-section .footer-serve-line .footer-dot {
    color:#4a4a4a;
    margin:0 6px;
  }

  .footer-section .footer-bottom {
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:14px;
    border-top:1px solid #232323;
    padding-top:26px;
  }

  .footer-section .footer-copy {
    color:#7a7a7a;
    font-size:12.5px;
  }

  .footer-section .footer-bottom-links {
    display:flex;
    align-items:center;
    gap:10px;
  }

  .footer-section .footer-bottom-links a {
    color:#a0a0a0;
    font-size:12.5px;
    text-decoration:none;
    transition: color 0.2s ease;
  }

  .footer-section .footer-bottom-links a:hover {
    color:#d9b562;
  }

  .footer-section .footer-bottom-links .footer-sep {
    color:#3a3a3a;
  }

  @media (max-width:1000px) {
    .footer-section .footer-grid {
      grid-template-columns:1fr 1fr;
    }
  }
  @media (max-width:600px) {
    .footer-section .footer-grid {
      grid-template-columns:1fr;
    }
    .footer-section .footer-bottom {
      flex-direction:column;
      align-items:flex-start;
    }
  }

    .nav-bar .logo a {
      color: #fff;
      text-decoration: none;
    }
  
    .nav-bar .logo a:hover {
      color: #fff;
      text-decoration: none;
    }
  
    .nav-bar .logo a .accent {
      color: #d6b45a;
      /* existing Site color */
    }