/* ===== base (from index) ===== */
    *, *::before, *::after { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0; padding: 0;
      font-family: 'Inter', sans-serif;
      background: #0e0e14;
      color: #fff;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      overflow-x: hidden;
    }
    button, a { touch-action: manipulation; }
    a { text-decoration: none; color: inherit; }

    /* Liquid glass */
    .lg {
      background: rgba(0,0,0,0.4);
      backdrop-filter: blur(4px);
      -webkit-backdrop-filter: blur(4px);
      position: relative;
      overflow: hidden;
    }
    .lg::before {
      content: '';
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1.4px;
      background: linear-gradient(180deg,
        rgba(255,255,255,.3) 0%,
        rgba(255,255,255,.1) 20%,
        rgba(255,255,255,0) 40%,
        rgba(255,255,255,0) 60%,
        rgba(255,255,255,.1) 80%,
        rgba(255,255,255,.3) 100%);
      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      z-index: 1;
    }

    @keyframes fadeUp { from{opacity:0;transform:translateY(20px)} to{opacity:1;transform:translateY(0)} }
    @keyframes fadeIn { from{opacity:0} to{opacity:1} }
    .fade-up  { animation: fadeUp  .65s cubic-bezier(.16,1,.3,1) both; }
    .fade-in  { animation: fadeIn  .5s ease both; }
    .d1 { animation-delay: 80ms; }
    .d2 { animation-delay: 160ms; }
    .d3 { animation-delay: 240ms; }
    .d4 { animation-delay: 320ms; }
    .d5 { animation-delay: 400ms; }

    ::-webkit-scrollbar { width: 4px; }
    ::-webkit-scrollbar-track { background: #0a0a0a; }
    ::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); border-radius: 2px; }

    /* Layout */
    .px { padding-left: 1.5rem; padding-right: 1.5rem; }
    @media(min-width:768px){ .px{ padding-left:3rem; padding-right:3rem; } }
    @media(min-width:1024px){ .px{ padding-left:4rem; padding-right:4rem; } }
    .mx { max-width: 80rem; margin: 0 auto; }

    /* Navbar */
    .nav-links { display: none; }
    .nav-btn   { display: none; }
    .hamburger { background:none; border:none; color:white; cursor:pointer; padding:.5rem; display:block; }
    @media(min-width:768px){
      .nav-links { display: flex; align-items:center; gap:2rem; }
      .nav-btn   { display: inline-flex; }
      .hamburger { display: none; }
    }
    #mob-menu { display:none; }
    #mob-menu.open { display:flex; }

    /* Hero heading animated */
    .hero-h { font-size: clamp(1.875rem,5vw,4.5rem); font-weight:400; line-height:1.1; letter-spacing:-.04em; color:white; margin:0 0 1rem; }
    @keyframes charIn { from{opacity:0} to{opacity:1} }

    /* Hero desktop grid */
    .hero-inner { display:flex; flex-direction:column; }
    @media(min-width:1024px){
      .hero-inner { display:grid; grid-template-columns:1fr 1fr; align-items:end; }
    }

    /* Stats */
    .stats { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
    @media(min-width:768px){ .stats{ grid-template-columns:repeat(4,1fr); } }

    /* Agency grid */
    .ag { display:grid; grid-template-columns:1fr; gap:1rem; }
    @media(min-width:768px){ .ag{ grid-template-columns:repeat(2,1fr); } }
    @media(min-width:1024px){ .ag{ grid-template-columns:repeat(3,1fr); } }

    /* Agency card */
    .acard {
      border:1px solid rgba(255,255,255,.1);
      border-radius:1rem;
      padding:1.25rem;
      display:flex; flex-direction:column; gap:.75rem;
      transition:border-color .2s;
      cursor:pointer;
    }
    .acard:hover { border-color:rgba(255,255,255,.25); }

    /* Top rated row */
    .trow {
      border:1px solid rgba(255,255,255,.1);
      border-radius:1rem;
      padding:1rem 1.25rem;
      display:flex; align-items:center; gap:1rem;
      transition:border-color .2s;
    }
    .trow:hover { border-color:rgba(255,255,255,.25); }

    /* Features grid */
    .fg { display:grid; grid-template-columns:1fr; gap:1.5rem; }
    @media(min-width:768px){ .fg{ grid-template-columns:repeat(3,1fr); } }

    /* Blog grid */
    .bg { display:grid; grid-template-columns:1fr; gap:1rem; }
    @media(min-width:768px){ .bg{ grid-template-columns:1fr 1fr; } }
    @media(min-width:1024px){ .bg{ grid-template-columns:3fr 2fr; } }
    .bsmall { display:flex; flex-direction:column; gap:1rem; }

    /* Post image hover */
    .pimg { transition: transform .8s cubic-bezier(.4,0,.2,1), opacity .5s; display:block; width:100%; height:100%; object-fit:cover; }
    .pcard:hover .pimg { transform:scale(1.07); opacity:.9; }

    /* Badge */
    .vbadge {
      display:inline-flex; align-items:center; gap:4px;
      font-size:.65rem; padding:2px 8px; border-radius:999px;
      background:rgba(21,128,61,.2); border:1px solid rgba(21,128,61,.4); color:#4ade80;
    }

    /* Footer responsive */
    .foot { display:flex; flex-direction:column; align-items:center; gap:1rem; text-align:center; }
    @media(min-width:768px){ .foot{ flex-direction:row; justify-content:space-between; text-align:left; } }

    @media(max-width:640px){ input,select,textarea{ font-size:16px; } }
    input::placeholder { color:#6b7280; }
    input:focus { outline:none; }
/* ===== agency page ===== */
    *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}
    body{margin:0;padding:0;font-family:'Inter',sans-serif;background:#0e0e14;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    a{text-decoration:none;color:inherit}button,a{touch-action:manipulation}
    .lg{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:relative;overflow:hidden}
    .lg::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
    ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}
    .px{padding-left:1.5rem;padding-right:1.5rem}
    @media(min-width:768px){.px{padding-left:3rem;padding-right:3rem}}
    @media(min-width:1024px){.px{padding-left:4rem;padding-right:4rem}}
    .mx{max-width:64rem;margin:0 auto}
    .nav-links{display:none}.nav-btn{display:none}
    .hamburger{background:none;border:none;color:white;cursor:pointer;padding:.5rem;display:block}
    @media(min-width:768px){.nav-links{display:flex;align-items:center;gap:2rem}.nav-btn{display:inline-flex}.hamburger{display:none}}
    #mob-menu{display:none}#mob-menu.open{display:flex}
    .foot{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
    @media(min-width:768px){.foot{flex-direction:row;justify-content:space-between;text-align:left}}
    .vbadge{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;padding:2px 8px;border-radius:999px;background:rgba(21,128,61,.2);border:1px solid rgba(21,128,61,.4);color:#4ade80}
    .rcard{border:1px solid rgba(255,255,255,.08);border-radius:1rem;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}
    .grid2{display:grid;grid-template-columns:1fr;gap:1rem}
    @media(min-width:768px){.grid2{grid-template-columns:1fr 1fr}}
    .highlight-badge{display:inline-flex;align-items:center;gap:.5rem;background:rgba(21,128,61,.15);border:1px solid rgba(21,128,61,.3);border-radius:.5rem;padding:.625rem 1rem;font-size:.8125rem;color:#4ade80;}
/* ===== blog page ===== */
    *,*::before,*::after{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;padding:0;font-family:'Inter',sans-serif;background:#0e0e14;color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
    a{text-decoration:none;color:inherit}
    button,a{touch-action:manipulation}
    .lg{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);position:relative;overflow:hidden}
    .lg::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.4px;background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.1) 20%,rgba(255,255,255,0) 40%,rgba(255,255,255,0) 60%,rgba(255,255,255,.1) 80%,rgba(255,255,255,.3) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1}
    ::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0a0a}::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:2px}
    .px{padding-left:1.5rem;padding-right:1.5rem}
    @media(min-width:768px){.px{padding-left:3rem;padding-right:3rem}}
    @media(min-width:1024px){.px{padding-left:4rem;padding-right:4rem}}
    .mx{max-width:56rem;margin:0 auto}
    .nav-links{display:none}.nav-btn{display:none}
    .hamburger{background:none;border:none;color:white;cursor:pointer;padding:.5rem;display:block}
    @media(min-width:768px){.nav-links{display:flex;align-items:center;gap:2rem}.nav-btn{display:inline-flex}.hamburger{display:none}}
    #mob-menu{display:none}#mob-menu.open{display:flex}
    .foot{display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}
    @media(min-width:768px){.foot{flex-direction:row;justify-content:space-between;text-align:left}}
    article h2{font-size:1.375rem;font-weight:600;color:white;letter-spacing:-.02em;margin:2.5rem 0 .75rem}
    article h3{font-size:1.0625rem;font-weight:600;color:white;margin:1.75rem 0 .5rem}
    article p{font-size:.9375rem;color:#d1d5db;line-height:1.75;margin:0 0 1rem}
    article ul,article ol{color:#d1d5db;font-size:.9375rem;line-height:1.75;padding-left:1.5rem;margin:0 0 1rem}
    article li{margin-bottom:.35rem}
    article strong{color:white}
    .table-wrap{overflow-x:auto;margin:1.25rem 0}
    table{width:100%;border-collapse:collapse;font-size:.875rem}
    th{background:rgba(255,255,255,.06);color:#9ca3af;font-weight:500;padding:.625rem 1rem;text-align:left;border-bottom:1px solid rgba(255,255,255,.08)}
    td{padding:.625rem 1rem;border-bottom:1px solid rgba(255,255,255,.05);color:#d1d5db}
    tr:last-child td{border-bottom:none}
    .callout{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-left:3px solid rgba(255,255,255,.3);border-radius:.75rem;padding:1rem 1.25rem;margin:1.5rem 0}
    .callout p{margin:0;color:#e5e7eb}
    .tag{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;padding:3px 10px;border-radius:999px}

/* ===== lead modal (PROPCHECK) ===== */
.pc-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:none;align-items:center;justify-content:center;z-index:1000;padding:1rem;}
.pc-modal-overlay.open{display:flex;animation:fadeIn .2s ease;}
.pc-modal-box{position:relative;width:100%;max-width:24rem;background:#15151d;border:1px solid rgba(255,255,255,.1);border-radius:1.25rem;padding:2rem;box-shadow:0 20px 60px rgba(0,0,0,.5);}
.pc-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;color:#9ca3af;font-size:1.5rem;line-height:1;cursor:pointer;}
.pc-modal-badge{display:inline-block;font-size:.7rem;color:#9ca3af;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;}
.pc-modal-title{font-size:1.25rem;font-weight:600;color:white;margin-bottom:.5rem;}
.pc-modal-sub{font-size:.875rem;color:#9ca3af;line-height:1.5;margin-bottom:1.25rem;}
.pc-modal-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:.625rem;padding:.75rem 1rem;color:white;font-size:.9375rem;font-family:inherit;margin-bottom:.75rem;outline:none;}
.pc-modal-input:focus{border-color:rgba(255,255,255,.3);}
.pc-modal-input::placeholder{color:#6b7280;}
.pc-modal-submit{width:100%;background:white;color:black;border:none;border-radius:.625rem;padding:.875rem;font-size:.9375rem;font-weight:600;cursor:pointer;font-family:inherit;}
.pc-modal-submit:disabled{opacity:.6;cursor:default;}
.pc-modal-note{font-size:.72rem;color:#6b7280;text-align:center;margin-top:.875rem;line-height:1.5;}
.pc-modal-note a{color:#9ca3af;text-decoration:underline;}

/* ===== article body ===== */
.article-body h2{font-size:1.5rem;font-weight:600;color:white;margin:2rem 0 1rem;}
.article-body h3{font-size:1.2rem;font-weight:600;color:white;margin:1.5rem 0 .75rem;}
.article-body p{margin:0 0 1rem;}
.article-body ul,.article-body ol{margin:0 0 1rem;padding-left:1.5rem;}
.article-body li{margin-bottom:.5rem;}
.article-body a{color:#fff;text-decoration:underline;}
.article-body img{max-width:100%;border-radius:.75rem;margin:1rem 0;}
.article-body strong{color:#fff;}