/* ============================================================
   shaheryarahmed.com — shared stylesheet
   Phase 2: extracted + merged from all 75 inline <style> blocks.
   Conflicting selectors resolved to majority value (see checkpoint).
   ============================================================ */

/* ---- Design system: CSS custom properties (union of all pages) ---- */
:root{
  --bg:#090909;
  --bg2:#111111;
  --bg3:#181818;
  --lime:#C8FF00;
  --lime-dim:#9ECC00;
  --white:#FFFFFF;
  --gray:#888;
  --gray2:#444;
  --border:#222;
  --text:#E8E8E8;
}

/* ---- Base / core components (from index.html) ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}
h1,h2,h3,h4{font-family:'Space Grotesk',sans-serif}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:0 5vw;height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);background:rgba(9,9,9,0.92);backdrop-filter:blur(12px)}
.nav-logo{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:17px;letter-spacing:-0.5px;color:var(--white)}
.nav-logo span{color:var(--lime)}
.nav-links{display:flex;gap:1.75rem;font-size:14px;color:var(--gray);align-items:center}
.nav-links>a:hover{color:var(--white)}
.nav-cta{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;padding:8px 18px;background:var(--lime);color:#000;border-radius:6px;letter-spacing:0.3px;transition:background 0.2s;white-space:nowrap;min-width:110px;text-align:center}
.nav-cta:hover{background:var(--lime-dim)}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-drop{position:relative}
.nav-drop-btn{display:flex;align-items:center;gap:5px;cursor:pointer;color:var(--gray);font-size:14px;transition:color 0.2s;background:none;border:none;font-family:'Inter',sans-serif;padding:0;line-height:1}
.nav-drop-btn:hover,.nav-drop.open .nav-drop-btn{color:var(--white)}
.nav-drop-btn svg{width:11px;height:11px;transition:transform 0.2s;flex-shrink:0}
.nav-drop.open .nav-drop-btn svg{transform:rotate(180deg)}
.nav-drop-menu{display:none;position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);background:#111;border:1px solid #1e1e1e;border-radius:10px;padding:6px;min-width:230px;max-height:70vh;overflow-y:auto;z-index:200;box-shadow:0 16px 48px rgba(0,0,0,0.7)}
.nav-drop.open .nav-drop-menu{display:block}
.nav-drop-menu a{display:block;padding:9px 14px;border-radius:7px;font-size:13px;color:#aaa;white-space:nowrap;transition:background 0.15s,color 0.15s}
.nav-drop-menu a:hover{background:#1a1a1a;color:#fff}
.nav-drop-divider{height:1px;background:#1e1e1e;margin:5px 7px}
.nav-toggle{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--white);border-radius:2px;transition:all 0.3s}
.cta-banner{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:3rem 5vw;margin-top:64px;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.cta-banner-text{}
.cta-banner-eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:0.4rem}
.cta-banner-heading{font-family:'Space Grotesk',sans-serif;font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--white);letter-spacing:-0.5px}
.cta-banner-sub{font-size:14px;color:var(--gray);margin-top:0.3rem}
.cta-banner-actions{display:flex;align-items:center;gap:1rem;flex-shrink:0;flex-wrap:wrap}
.btn-calendly{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;padding:14px 28px;background:var(--lime);color:#000;border-radius:8px;letter-spacing:0.3px;transition:all 0.2s;display:flex;align-items:center;gap:8px;white-space:nowrap}
.btn-calendly:hover{background:var(--lime-dim);transform:translateY(-1px)}
.btn-calendly svg{flex-shrink:0}
.ticker-wrap{background:var(--lime);overflow:hidden;height:32px;display:flex;align-items:center}
.ticker-inner{display:flex;gap:0;animation:ticker 18s linear infinite;white-space:nowrap}
.ticker-item{font-family:'Space Grotesk',sans-serif;font-size:11px;font-weight:700;color:#000;letter-spacing:1.5px;padding:0 2.5rem;text-transform:uppercase;display:flex;align-items:center;gap:1rem}
.ticker-item::after{content:'◆';font-size:8px;color:rgba(0,0,0,0.35)}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.hero{padding:140px 5vw 100px;position:relative;overflow:hidden}
.hero-eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}
.hero-eyebrow::before{content:'';width:24px;height:1px;background:var(--lime)}
.hero h1{font-size:clamp(40px,6vw,76px);font-weight:700;line-height:1.0;letter-spacing:-2px;color:var(--white);margin-bottom:1.5rem}
.hero h1 .accent{color:var(--lime)}
.hero-sub{font-size:18px;color:var(--gray);max-width:600px;line-height:1.7;margin-bottom:2.5rem}
.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}
.btn-primary{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;padding:14px 28px;background:var(--lime);color:#000;border-radius:8px;display:inline-block;transition:all 0.2s}
.btn-primary:hover{background:var(--lime-dim);transform:translateY(-1px)}
.btn-outline{font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:14px;padding:14px 26px;background:transparent;color:var(--white);border:1px solid var(--gray2);border-radius:8px;display:inline-block;transition:all 0.2s}
.btn-outline:hover{border-color:var(--lime);color:var(--lime)}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:5rem;border-top:1px solid var(--border);padding-top:3rem;max-width:520px}
.stat-item{}
.stat-num{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:700;color:var(--white);letter-spacing:-1px}
.stat-num sup{font-size:18px;color:var(--lime)}
.stat-label{font-size:12px;color:var(--gray);margin-top:2px}
.hero-grid-bg{position:absolute;inset:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:0.3;pointer-events:none}
.hero-grid-bg::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 70% 60% at 50% 50%,transparent 40%,var(--bg) 100%)}
section{padding:96px 5vw}
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:var(--lime);text-transform:uppercase;margin-bottom:1rem}
.section-title{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1px;color:var(--white);margin-bottom:1.5rem;line-height:1.1}
.section-sub{font-size:16px;color:var(--gray);line-height:1.7;margin-bottom:1.5rem}
.section-header{margin-bottom:4rem}
.divider{border:none;border-top:1px solid var(--border)}
#services{background:var(--bg)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.service-card{background:var(--bg);padding:2rem}
.service-card:hover{background:var(--bg2)}
.service-card::before{content:'';position:absolute;top:0;left:0;width:3px;height:100%;background:var(--lime);transform:scaleY(0);transform-origin:bottom;transition:transform 0.3s}
.service-card:hover::before{transform:scaleY(1)}
.service-icon{width:24px;height:24px;margin-bottom:1.25rem;color:var(--lime)}
.service-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:var(--white);margin-bottom:0.75rem}
.service-desc{font-size:14px;color:var(--gray);line-height:1.7}
.service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:1.25rem}
.tag{font-size:11px;padding:4px 10px;background:var(--bg3);border:1px solid var(--border);border-radius:4px;color:var(--gray);letter-spacing:0.5px}
#casestudy{background:var(--bg2)}
.case-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.case-label{font-size:11px;color:var(--gray);text-transform:uppercase;letter-spacing:2px;margin-bottom:2rem}
.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2.5rem}
.metric-card{padding:1.5rem;background:var(--bg3);border:1px solid var(--border);border-radius:8px}
.metric-val{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:700;color:var(--lime);letter-spacing:-1px}
.metric-desc{font-size:12px;color:var(--gray);margin-top:4px}
.case-body p{font-size:15px;color:var(--gray);line-height:1.8;margin-bottom:1rem}
.case-tag{display:inline-block;font-size:11px;padding:5px 12px;background:rgba(200,255,0,0.08);border:1px solid rgba(200,255,0,0.2);border-radius:4px;color:var(--lime);margin-bottom:1.5rem;letter-spacing:0.5px}
.case-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.case-list li{font-size:14px;color:var(--gray);display:flex;gap:10px;align-items:flex-start;padding:12px;background:var(--bg);border:1px solid var(--border);border-radius:6px}
.case-list li::before{content:'→';color:var(--lime);flex-shrink:0;margin-top:1px}
#affiliates{background:var(--bg)}
.aff-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}
.aff-card{padding:2rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;transition:border-color 0.2s,transform 0.2s;display:flex;flex-direction:column;gap:1rem}
.aff-card:hover{border-color:var(--gray2);transform:translateY(-3px)}
.aff-logo{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--white)}
.aff-badge{font-size:11px;padding:3px 8px;background:rgba(200,255,0,0.1);color:var(--lime);border-radius:4px;border:1px solid rgba(200,255,0,0.2);display:inline-block}
.aff-desc{font-size:14px;color:var(--gray);line-height:1.7;flex:1}
.aff-link{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--white);display:flex;align-items:center;gap:6px;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}
.aff-link::after{content:'→'}
.aff-for{font-size:12px;color:var(--gray);margin-top:4px}
#blog{background:var(--bg2)}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.blog-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color 0.2s,transform 0.2s}
.blog-card:hover{border-color:var(--gray2);transform:translateY(-3px)}
.blog-card-inner{padding:1.75rem}
.blog-cat{font-size:11px;font-weight:600;letter-spacing:1.5px;color:var(--lime);text-transform:uppercase;margin-bottom:0.75rem}
.blog-title{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;color:var(--white);line-height:1.4;margin-bottom:0.75rem}
.blog-excerpt{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:1.25rem}
.blog-meta{font-size:12px;color:var(--gray);display:flex;justify-content:space-between}
.repo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.repo-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;transition:border-color 0.2s,transform 0.2s}
.repo-card:hover{border-color:var(--lime);transform:translateY(-3px)}
.repo-card.featured{grid-column:span 3;background:linear-gradient(180deg,rgba(200,255,0,0.04),var(--bg2));border-color:var(--gray2)}
.repo-head{display:flex;align-items:center;gap:10px;margin-bottom:0.85rem}
.repo-icon{width:30px;height:30px;flex-shrink:0;color:var(--lime)}
.repo-name{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--white);word-break:break-word}
.repo-card.featured .repo-name{font-size:20px}
.repo-flag{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#000;background:var(--lime);padding:3px 8px;border-radius:4px;text-transform:uppercase;white-space:nowrap}
.repo-desc{font-size:13px;color:var(--gray);line-height:1.7;margin-bottom:1.1rem;flex:1}
.repo-card.featured .repo-desc{font-size:14px;max-width:680px}
.repo-meta{display:flex;align-items:center;gap:1rem;font-size:12px;color:var(--gray);margin-top:auto}
.repo-lang{display:flex;align-items:center;gap:6px}
.repo-lang::before{content:'';width:9px;height:9px;border-radius:50%;background:var(--lime)}
.repo-link{margin-left:auto;color:var(--lime);font-weight:600;font-family:'Space Grotesk',sans-serif}
.repo-cta{margin-top:2.5rem;text-align:center}
#contact{background:var(--bg);position:relative;overflow:hidden}
.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:start}
.contact-form{display:flex;flex-direction:column;gap:1rem}
.field-group{display:flex;flex-direction:column;gap:6px}
.field-group label{font-size:12px;color:var(--gray);letter-spacing:0.5px}
.field-group input,.field-group textarea,.field-group select{background:var(--bg2);border:1px solid var(--border);border-radius:8px;padding:12px 16px;color:var(--white);font-family:'Inter',sans-serif;font-size:14px;outline:none;transition:border-color 0.2s;width:100%}
.field-group input:focus,.field-group textarea:focus{border-color:var(--lime)}
.field-group textarea{resize:vertical;min-height:120px}
.contact-info{display:flex;flex-direction:column;gap:2rem}
.contact-item{display:flex;gap:16px;align-items:flex-start}
.contact-icon{width:40px;height:40px;background:var(--bg2);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px}
.contact-label{font-size:12px;color:var(--gray);margin-bottom:2px}
.contact-val{font-size:15px;color:var(--white);font-weight:500}
.contact-bg{position:absolute;bottom:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:rgba(200,255,0,0.02);pointer-events:none}
footer{padding:2.5rem 5vw;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}
.footer-copy{font-size:13px;color:var(--gray)}
.footer-links{display:flex;gap:1.5rem;font-size:13px;color:var(--gray);flex-wrap:wrap}
.footer-links a:hover{color:var(--lime)}
.lead-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;max-width:1100px}

/* ---- Page-specific components (merged from service / location / blog / policy pages) ---- */
.svc-hero{padding:120px 5vw 56px;max-width:880px;margin:0 auto}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:10px}
.eyebrow::before{content:'';width:24px;height:1px;background:var(--lime)}
.svc-hero h1{font-size:clamp(30px,4.6vw,48px);font-weight:700;letter-spacing:-1.5px;line-height:1.08;color:var(--white);margin-bottom:1.25rem}
.svc-answer{font-size:17px;color:#c8c8c8;line-height:1.75;max-width:720px;margin-bottom:1.75rem}
.svc-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.svc-section{max-width:1000px;margin:0 auto;padding:40px 5vw}
.svc-section h2{font-size:clamp(24px,3.4vw,34px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:0.75rem}
.svc-section .lead{font-size:15px;color:var(--gray);max-width:700px;line-height:1.7;margin-bottom:2rem}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.svc-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.5rem}
.svc-card h3{font-size:16px;font-weight:700;color:var(--white);margin-bottom:0.5rem;letter-spacing:-0.2px}
.svc-card p{font-size:13.5px;color:var(--gray);line-height:1.65}
.svc-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0.85rem 2rem}
.svc-list li{font-size:14.5px;color:#c8c8c8;line-height:1.6;padding-left:1.5rem;position:relative}
.svc-list li::before{content:'\2713';position:absolute;left:0;color:var(--lime);font-weight:700}
.svc-steps{counter-reset:step;display:grid;gap:1rem}
.svc-step{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.4rem 1.5rem 1.4rem 4rem;position:relative}
.svc-step::before{counter-increment:step;content:counter(step);position:absolute;left:1.25rem;top:1.4rem;width:30px;height:30px;background:#1a2800;border:1px solid var(--lime);color:var(--lime);border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px}
.svc-step h3{font-size:15.5px;font-weight:700;color:var(--white);margin-bottom:0.3rem}
.svc-step p{font-size:13.5px;color:var(--gray);line-height:1.6}
.faq-item{border:1px solid var(--border);border-radius:10px;background:var(--bg2);margin-bottom:0.85rem;overflow:hidden}
.faq-q{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:var(--white);padding:1.1rem 1.25rem;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;list-style:none}
.faq-q::-webkit-details-marker{display:none}
.faq-q::after{content:'+';font-size:20px;color:var(--lime);flex-shrink:0}
details[open] .faq-q::after{content:'\2212'}
.faq-a{padding:0 1.25rem 1.2rem;font-size:14px;color:#c8c8c8;line-height:1.7}
.related{display:flex;gap:1rem;flex-wrap:wrap;margin-top:0.5rem}
.related a{font-size:13.5px;color:var(--lime);border:1px solid rgba(200,255,0,0.25);background:rgba(200,255,0,0.05);padding:8px 14px;border-radius:20px;transition:all 0.2s}
.related a:hover{background:rgba(200,255,0,0.12)}
.svc-final{background:var(--bg2);border-top:1px solid var(--border);padding:64px 5vw;text-align:center;margin-top:40px}
.svc-final h2{font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:1rem}
.svc-final p{color:var(--gray);max-width:560px;margin:0 auto 2rem;font-size:15px}
h1,h2,h3{font-family:'Space Grotesk',sans-serif}
.blog-hero{padding:120px 5vw 64px;max-width:1100px;margin:0 auto}
.blog-hero h1{font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:-2px;line-height:1.0;color:var(--white);margin-bottom:1rem}
.blog-hero p{font-size:17px;color:var(--gray);max-width:560px;line-height:1.7}
.filter-bar{padding:0 5vw 40px;max-width:1100px;margin:0 auto;display:flex;gap:10px;flex-wrap:wrap}
.filter-btn{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.5px;padding:7px 16px;border-radius:20px;border:1px solid var(--border);background:transparent;color:var(--gray);cursor:pointer;transition:all 0.2s}
.filter-btn:hover,.filter-btn.active{background:var(--lime);color:#000;border-color:var(--lime)}
.posts-grid{padding:0 5vw 80px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.post-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;overflow:hidden;display:flex;flex-direction:column;transition:border-color 0.2s,transform 0.2s}
.post-card:hover{border-color:#333;transform:translateY(-3px)}
.post-card-img{width:100%;height:auto;aspect-ratio:1600/841;object-fit:contain;display:block;background:#090909}
.post-card-body{padding:1.5rem;flex:1;display:flex;flex-direction:column}
.post-card-tag{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:0.75rem}
.post-card h2{font-size:17px;font-weight:700;color:var(--white);line-height:1.35;margin-bottom:0.75rem;letter-spacing:-0.3px}
.post-card p{font-size:13px;color:var(--gray);line-height:1.65;flex:1;margin-bottom:1.25rem}
.post-card-meta{font-size:12px;color:var(--gray2);display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:1rem;border-top:1px solid var(--border)}
.post-card-meta span{color:var(--gray)}
.read-more{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--lime);letter-spacing:0.5px}
.blog-cta{background:var(--bg2);border-top:1px solid var(--border);padding:64px 5vw;text-align:center}
.blog-cta h2{font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:1rem}
.blog-cta p{color:var(--gray);max-width:480px;margin:0 auto 2rem;font-size:15px}
.prose{max-width:720px;margin:0 auto;padding:120px 5vw 96px}
.prose h1{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1px;color:var(--white);margin-bottom:0.5rem}
.prose .date{font-size:13px;color:var(--gray2);margin-bottom:3rem}
.prose h2{font-size:20px;font-weight:700;color:var(--white);margin-top:3rem;margin-bottom:1rem}
.prose p,.prose li{font-size:15px;color:var(--gray);line-height:1.8;margin-bottom:1rem}
.prose ul{padding-left:1.5rem;margin-bottom:1rem}
.prose strong{color:var(--text)}
table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:14px}
th{background:var(--bg2);color:var(--text);font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:12px 16px;text-align:left;border:1px solid var(--border)}
td{padding:12px 16px;border:1px solid var(--border);color:var(--gray);vertical-align:top}
.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:0.5px}
.badge-necessary{background:#1a2e1a;color:#6fc76f}
.badge-analytics{background:#1a1a2e;color:#6f9fc7}
.badge-marketing{background:#2e1a1a;color:#c76f6f}
footer a{color:var(--gray);margin:0 0.75rem}
footer a:hover{color:var(--lime)}
.pref-btn{display:inline-block;background:var(--lime);color:#000;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;padding:10px 20px;border-radius:7px;border:none;cursor:pointer;margin-top:1.5rem}
.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:10px;overflow:hidden;margin:2rem 0}
.stat-item .num{font-family:'Space Grotesk',sans-serif;font-size:32px;font-weight:700;color:var(--white)}
.stat-item .num sup{font-size:16px;color:var(--lime)}
.stat-item .lbl{font-size:12px;color:var(--gray);margin-top:2px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.platforms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.platform-card{padding:2rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px}
.platform-name{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:700;color:var(--white);margin-bottom:0.5rem}
.platform-desc{font-size:14px;color:var(--gray);line-height:1.7}
.platform-badge{font-size:11px;padding:3px 8px;background:rgba(200,255,0,0.1);color:var(--lime);border-radius:4px;border:1px solid rgba(200,255,0,0.2);display:inline-block;margin-bottom:0.75rem}
.process-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.process-item{background:var(--bg);padding:2rem;display:flex;gap:2rem;align-items:flex-start}
.process-num{font-family:'Space Grotesk',sans-serif;font-size:36px;font-weight:700;color:var(--lime);opacity:0.3;flex-shrink:0;line-height:1}
.process-content h3{font-family:'Space Grotesk',sans-serif;font-size:18px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.process-content p{font-size:14px;color:var(--gray);line-height:1.7}
.for-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}
.for-card{padding:1.5rem;background:var(--bg2);border:1px solid var(--border);border-radius:10px}
.for-card h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.for-card p{font-size:14px;color:var(--gray);line-height:1.7}
.faq-list{display:flex;flex-direction:column;gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.cta-section{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:4rem;text-align:center}
.cta-section h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1px;color:var(--white);margin-bottom:1rem}
.cta-section p{font-size:16px;color:var(--gray);max-width:500px;margin:0 auto 2rem}
.cta-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.ref-hero{padding:120px 5vw 32px;max-width:1100px;margin:0 auto}
.ref-hero h1{font-size:clamp(34px,5.5vw,58px);font-weight:700;letter-spacing:-2px;line-height:1.03;color:var(--white);margin-bottom:1rem}
.ref-hero p{font-size:17px;color:var(--gray);max-width:680px;line-height:1.7}
.ref-disclosure{max-width:1100px;margin:0 auto;padding:0 5vw 32px}
.ref-disclosure-inner{background:#0d0d0d;border:1px solid var(--border);border-left:3px solid var(--lime);border-radius:0 8px 8px 0;padding:1rem 1.25rem;font-size:13px;color:var(--gray);line-height:1.6;display:flex;gap:10px;align-items:flex-start}
.ref-disclosure-inner svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--lime)}
.ref-grid{padding:0 5vw 80px;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.ref-card{background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:1.6rem;display:flex;flex-direction:column;transition:border-color 0.2s,transform 0.2s}
.ref-card:hover{border-color:var(--lime);transform:translateY(-3px)}
.ref-tag{align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--lime);background:rgba(200,255,0,0.08);border:1px solid rgba(200,255,0,0.25);padding:4px 10px;border-radius:20px;margin-bottom:1rem}
.ref-card h3{font-size:18px;font-weight:700;color:var(--white);line-height:1.3;margin-bottom:0.65rem;letter-spacing:-0.3px}
.ref-desc{font-size:13px;color:var(--gray);line-height:1.65;margin-bottom:1.1rem}
.ref-bestfor{font-size:12.5px;color:#b0b0b0;line-height:1.6;background:#0d0d0d;border:1px solid var(--border);border-radius:8px;padding:0.7rem 0.85rem;margin-bottom:1.25rem}
.ref-bestfor span{display:block;font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray2);margin-bottom:3px}
.ref-cta{margin-top:auto;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13.5px;text-align:center;padding:12px 16px;background:var(--lime);color:#000;border-radius:8px;transition:background 0.2s}
.ref-card:hover .ref-cta{background:var(--lime-dim)}
.ref-empty{grid-column:1/-1;text-align:center;color:var(--gray);padding:2rem;font-size:14px}
.ref-section{max-width:1100px;margin:0 auto;padding:24px 5vw 16px}
.ref-section-head{margin-bottom:1.75rem}
.ref-section-head h2{font-size:clamp(24px,3.5vw,34px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:0.6rem}
.ref-section-head p{font-size:15px;color:var(--gray);max-width:640px;line-height:1.65}
.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;padding-bottom:24px}
.guide-card{background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:1.4rem;display:flex;flex-direction:column;transition:border-color 0.2s,transform 0.2s}
.guide-card:hover{border-color:var(--lime);transform:translateY(-3px)}
.guide-card h3{font-size:15px;font-weight:700;color:var(--white);line-height:1.4;margin-bottom:0.55rem;letter-spacing:-0.2px}
.guide-card p{font-size:13px;color:var(--gray);line-height:1.6;margin-bottom:1rem;flex:1}
.guide-card .guide-more{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;color:var(--lime);letter-spacing:0.4px;margin-top:auto}
.faq-section{max-width:820px;margin:0 auto;padding:24px 5vw 72px}
.faq-section h2{font-size:clamp(24px,3.5vw,34px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:1.75rem}
.ref-foot-cta{background:var(--bg2);border-top:1px solid var(--border);padding:64px 5vw;text-align:center}
.ref-foot-cta h2{font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:1rem}
.ref-foot-cta p{color:var(--gray);max-width:520px;margin:0 auto 2rem;font-size:15px}
.svc-section p.body{font-size:15.5px;color:#c8c8c8;line-height:1.8;max-width:760px;margin-bottom:1.1rem}
.cities-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem}
.city-card{padding:2rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;transition:border-color 0.2s,transform 0.2s;display:flex;flex-direction:column;gap:0.75rem}
.city-card:hover{border-color:var(--lime);transform:translateY(-3px)}
.city-name{font-family:'Space Grotesk',sans-serif;font-size:20px;font-weight:700;color:var(--white)}
.city-desc{font-size:14px;color:var(--gray);line-height:1.7;flex:1}
.city-link{font-family:'Space Grotesk',sans-serif;font-size:13px;font-weight:600;color:var(--lime);display:flex;align-items:center;gap:6px}
.city-link::after{content:'→'}
.services-list{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.service-item{background:var(--bg);padding:1.75rem 2rem}
.service-item h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.service-item p{font-size:14px;color:var(--gray);line-height:1.7}
.metric-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.metric-item{background:var(--bg2);padding:2rem;text-align:center}
.cta-box{background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:4rem;text-align:center}
.service-card h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.service-card p{font-size:14px;color:var(--gray);line-height:1.7}
.breadcrumb{font-size:13px;color:var(--gray);margin-bottom:1.5rem;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.breadcrumb a{color:var(--gray)}
.breadcrumb a:hover{color:var(--lime)}
.breadcrumb span{color:var(--gray2)}
.hero-inner{position:relative;z-index:1;max-width:640px}
.checkmark{width:72px;height:72px;background:rgba(200,255,0,0.1);border:2px solid var(--lime);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}
.checkmark svg{width:32px;height:32px;color:var(--lime)}
.hero h1 span{color:var(--lime)}
.hero p{font-size:17px;color:var(--gray);line-height:1.7;max-width:500px;margin:0 auto 2.5rem}
.next-steps{padding:0 5vw 96px}
.next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);max-width:900px;margin:0 auto}
.next-card{background:var(--bg2);padding:2rem}
.next-num{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;color:var(--lime);margin-bottom:0.75rem;letter-spacing:-1px}
.next-card h3{font-family:'Space Grotesk',sans-serif;font-size:16px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.next-card p{font-size:14px;color:var(--gray);line-height:1.7}
.calendly-section{padding:0 5vw 80px;text-align:center}
.calendly-box{max-width:600px;margin:0 auto;background:var(--bg2);border:1px solid var(--border);border-radius:16px;padding:3rem 2.5rem}
.deliverables-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);margin-top:3rem}
.deliverable-card{background:var(--bg);padding:2rem;transition:background 0.2s}
.deliverable-card:hover{background:var(--bg2)}
.d-icon{width:24px;height:24px;color:var(--lime);margin-bottom:1.25rem}
.d-name{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.d-desc{font-size:14px;color:var(--gray);line-height:1.7}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}
.step{text-align:center;padding:2rem}
.step-num{font-family:'Space Grotesk',sans-serif;font-size:48px;font-weight:700;color:var(--lime);opacity:0.2;margin-bottom:0.5rem}
.step h3{font-family:'Space Grotesk',sans-serif;font-size:17px;font-weight:600;color:var(--white);margin-bottom:0.5rem}
.step p{font-size:14px;color:var(--gray);line-height:1.7}
.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3rem}
.pricing-card{padding:2rem;background:var(--bg2);border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;gap:1.25rem}
.pricing-card.featured{border-color:var(--lime)}
.pricing-label{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--lime);text-transform:uppercase}
.pricing-name{font-family:'Space Grotesk',sans-serif;font-size:22px;font-weight:700;color:var(--white)}
.pricing-desc{font-size:14px;color:var(--gray);line-height:1.7}
.pricing-features{list-style:none;display:flex;flex-direction:column;gap:8px}
.pricing-features li{font-size:14px;color:var(--gray);display:flex;gap:8px}
<br>.pricing-features li span{color:var(--lime);flex-shrink:0}
.pricing-cta{margin-top:auto}
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;margin-top:0}
.why-list{list-style:none;display:flex;flex-direction:column;gap:1.25rem}
.why-item{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;background:var(--bg2);border:1px solid var(--border);border-radius:8px}
.why-icon{color:var(--lime);flex-shrink:0;margin-top:2px}
.why-item h3{font-family:'Space Grotesk',sans-serif;font-size:15px;font-weight:600;color:var(--white);margin-bottom:3px}
.why-item p{font-size:13px;color:var(--gray);line-height:1.6}
.cta-box h2{font-size:clamp(28px,4vw,44px);font-weight:700;letter-spacing:-1px;color:var(--white);margin-bottom:1rem}
.cta-box p{font-size:16px;color:var(--gray);max-width:500px;margin:0 auto 2rem}
.post-hero{padding:120px 5vw 64px;max-width:800px;margin:0 auto}
.post-category{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:1.25rem;display:flex;align-items:center;gap:10px}
.post-category::before{content:'';width:24px;height:1px;background:var(--lime)}
.post-hero h1{font-size:clamp(32px,5vw,52px);font-weight:700;letter-spacing:-1.5px;line-height:1.1;color:var(--white);margin-bottom:1.5rem}
.post-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--gray);flex-wrap:wrap}
.post-meta span.dot{color:var(--border)}
.post-body{max-width:740px;margin:0 auto;padding:2rem 5vw 80px}
.post-body h2{font-size:clamp(22px,3vw,30px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin:2.5rem 0 1rem}
.post-body h3{font-size:18px;font-weight:600;color:var(--white);margin:2rem 0 0.75rem}
.post-body p{color:#c8c8c8;line-height:1.8;margin-bottom:1.25rem;font-size:15px}
.post-body ul,.post-body ol{padding-left:1.5rem;margin-bottom:1.25rem}
.post-body li{color:#c8c8c8;line-height:1.8;font-size:15px;margin-bottom:0.4rem}
.post-body strong{color:var(--white)}
.post-body a{color:var(--lime);text-decoration:underline;text-decoration-color:rgba(200,255,0,0.3)}
.post-body a:hover{text-decoration-color:var(--lime)}
.answer-box{background:#0d1a00;border:1px solid rgba(200,255,0,0.25);border-left:3px solid var(--lime);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:0 0 2rem}
.answer-box p{margin:0;color:#e2e2e2;font-size:15.5px;line-height:1.75}
.answer-box strong{color:var(--lime)}
.callout{background:#111;border-left:3px solid var(--lime);border-radius:0 8px 8px 0;padding:1.25rem 1.5rem;margin:2rem 0}
.callout p{margin:0;color:#c8c8c8;font-size:14px;line-height:1.7}
.diagram-wrap{background:#0d0d0d;border:1px solid var(--border);border-radius:12px;padding:2rem 1rem;margin:2.5rem 0;overflow-x:auto}
.diagram-wrap h4{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:1.25rem;text-align:center}
.post-cta{background:var(--bg2);border-top:1px solid var(--border);padding:64px 5vw;text-align:center}
.post-cta h2{font-size:clamp(24px,4vw,36px);font-weight:700;letter-spacing:-0.5px;color:var(--white);margin-bottom:1rem}
.post-cta p{color:var(--gray);max-width:520px;margin:0 auto 2rem;font-size:15px}
.related-services{margin:2.5rem 0 0;padding-top:1.5rem;border-top:1px solid var(--border)}
.related-services h4{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:700;letter-spacing:2px;color:var(--lime);text-transform:uppercase;margin-bottom:1rem}
.rs-pills{display:flex;flex-wrap:wrap;gap:0.6rem}
.rs-pills a{display:inline-block;padding:8px 16px;background:var(--bg2);border:1px solid var(--border);border-radius:100px;font-size:13px;color:#c8c8c8;transition:all 0.18s;text-decoration:none}
.rs-pills a:hover{border-color:var(--lime);color:var(--white)}
.reason-card{background:#111;border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;margin:1rem 0;display:flex;gap:1rem;align-items:flex-start}
.reason-num{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:22px;color:var(--lime);flex-shrink:0;line-height:1}
.reason-card h4{font-size:15px;font-weight:600;color:var(--white);margin-bottom:0.4rem}
.reason-card p{font-size:14px;color:#aaa;margin:0;line-height:1.6}
.hl-ctabox{background:#0d1a00;border:1px solid rgba(200,255,0,0.25);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center}
.hl-ctabox p{margin:0 0 1rem;color:#c8c8c8;font-size:14.5px}
.btn-cta{font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:14px;padding:12px 24px;background:var(--lime);color:#000;border-radius:8px;display:inline-block;transition:all 0.2s;text-decoration:none}
.btn-cta:hover{background:var(--lime-dim);transform:translateY(-1px)}
.tactic-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--lime);color:#000;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:13px;border-radius:50%;flex-shrink:0;margin-right:10px;vertical-align:middle}
.stat-box{background:#111;padding:1.5rem;text-align:center}
.stat-box .num{font-family:'Space Grotesk',sans-serif;font-size:28px;font-weight:700;color:var(--lime);display:block;margin-bottom:4px}
.stat-box .label{font-size:12px;color:var(--gray)}
.code-block{background:#0c0c0c;border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;margin:1.75rem 0;overflow-x:auto}
.code-block pre{margin:0;font-family:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.6;color:#b8c98a;white-space:pre}
.code-block .ck{color:#C8FF00}
.post-body code{background:#141414;border:1px solid var(--border);border-radius:5px;padding:1px 6px;font-family:'SFMono-Regular',ui-monospace,Menlo,Consolas,monospace;font-size:13px;color:#b8c98a}
.post-img{width:100%;max-width:800px;margin:0 auto 0;display:block;border-radius:12px;overflow:hidden}
.post-img img{width:100%;height:auto;display:block}
.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);border-radius:10px;overflow:hidden;margin:2rem 0}
.compare-col{background:var(--bg2);padding:1.5rem}
.compare-col h4{font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;margin-bottom:1rem;color:var(--lime)}
.compare-col ul{padding-left:1.2rem;margin:0}
.compare-col li{font-size:14px;color:#c8c8c8;line-height:1.7;margin-bottom:0.4rem}

/* ---- Responsive (@media) — merged, base order preserved ---- */
@media(max-width:768px){
  .nav-links{display:none;position:fixed;top:64px;left:0;right:0;background:#090909;border-bottom:1px solid #1e1e1e;flex-direction:column;padding:0.5rem 5vw 1.5rem;gap:0;z-index:99;max-height:calc(100vh - 64px);overflow-y:auto}
  .nav-links.open{display:flex}
  .nav-links>a{padding:12px 0;border-bottom:1px solid #141414;width:100%;color:#ccc}
  .nav-drop{width:100%}
  .nav-drop-btn{padding:12px 0;border-bottom:1px solid #141414;width:100%;color:#ccc;justify-content:space-between}
  .nav-drop-menu{position:static;transform:none;background:#0d0d0d;border:none;border-radius:0;padding:0 0 6px 12px;box-shadow:none;min-width:auto}
  .nav-drop.open .nav-drop-menu{display:block}
  .nav-toggle{display:flex}
  .cta-banner{flex-direction:column;align-items:flex-start;padding:2rem 5vw}
  nav{padding:0 4vw}
  .nav-links a{padding:0.75rem 5vw;border-bottom:1px solid var(--border)}
  .nav-cta{display:none}
  .hero{padding:100px 5vw 60px}
  .hero h1{font-size:clamp(36px,10vw,56px);letter-spacing:-1.5px}
  .hero-sub{font-size:15px;margin-bottom:2rem}
  .hero-stats{grid-template-columns:repeat(3,1fr);margin-top:3rem;padding-top:2rem;max-width:100%}
  .stat-num{font-size:26px}
  section{padding:60px 5vw}
  .section-header{margin-bottom:2.5rem}
  .section-title{font-size:clamp(24px,6vw,36px)}
  .case-wrapper{grid-template-columns:1fr;gap:2rem}
  .case-metrics{grid-template-columns:1fr 1fr;gap:1rem}
  .contact-wrapper{grid-template-columns:1fr;gap:2.5rem}
  footer{flex-direction:column;align-items:flex-start;gap:0.75rem;padding:2rem 5vw}
  .footer-links{flex-wrap:wrap;gap:1rem}
  nav .nav-links{display:none}
  .two-col{grid-template-columns:1fr}
  .stat-row{gap:1.5rem}
  .cta-section{padding:2.5rem 1.5rem}
  .process-item{flex-direction:column;gap:0.5rem}
  .lead-form-grid{grid-template-columns:1fr;gap:2rem}
  .cta-box{padding:2rem 1.5rem}
  .metric-row{grid-template-columns:1fr 1fr}
  .next-grid{grid-template-columns:1fr}
  .calendly-box{padding:2rem 1.5rem}
  .why-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero{padding:80px 5vw 48px}
  .hero-stats{grid-template-columns:repeat(3,1fr);gap:0}
  .stat-num{font-size:22px}
  .stat-label{font-size:10px}
  .services-grid{grid-template-columns:1fr 1fr}
  .aff-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .repo-grid{grid-template-columns:1fr}
  .repo-card.featured{grid-column:span 1}
  .case-metrics{grid-template-columns:1fr 1fr}
  section{padding:48px 5vw}
  .lead-form-grid{grid-template-columns:1fr;gap:2rem}
}
@media(max-width:820px){
  .svc-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
  .svc-list{grid-template-columns:1fr}
}
@media(max-width:900px){
  .posts-grid{grid-template-columns:repeat(2,1fr)}
  .platforms-grid{grid-template-columns:repeat(2,1fr)}
  .for-grid{grid-template-columns:repeat(2,1fr)}
  .ref-grid{grid-template-columns:repeat(2,1fr)}
  .guide-grid{grid-template-columns:repeat(2,1fr)}
  .services-list{grid-template-columns:repeat(2,1fr)}
  .lead-form-grid{grid-template-columns:1fr;gap:2rem}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .deliverables-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:1fr}
}
@media(max-width:560px){
  .posts-grid{grid-template-columns:1fr}
  .platforms-grid{grid-template-columns:1fr}
  .for-grid{grid-template-columns:1fr}
  .ref-grid{grid-template-columns:1fr}
  .guide-grid{grid-template-columns:1fr}
  .services-list{grid-template-columns:1fr}
  .services-grid{grid-template-columns:1fr}
  .deliverables-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .stat-row{grid-template-columns:1fr}
  .compare-grid{grid-template-columns:1fr}
}