/* ============================================================
   SKYLAB SEO — CONSOLIDATED STYLESHEET (single file)
   ============================================================
   Merge order:
   1. Base / Global      (ex style.css)
   2. Mobile UI overrides (ex mobile-ui.css)
   3. Digital Marketing page  (.dm-)
   4. Google Ads page         (.ga- / .auction- / .roi- / .camp- / .cm-*)
   5. Contact page            (.cm-* / .qa- / .map-)
   6. Web Design page         (.wd- / .wda- / .wdad-)
   7. SMO Service page        (.smo- / .sba- / .sbad-)
   8. SMM page                (.smm-)
   9. Graphics Design page    (.gd- / .gp-)

   NOTE: seo-service.css is NOT merged here (it uses a separate
   purple design system + its own :root variables). The SEO page
   keeps linking its own seo-service.css file.

   DECISIONS APPLIED:
   - Per-page .btn-primary/.btn-secondary/.btn-whatsapp removed;
     global animated/glow buttons from Base section are used site-wide.
   - Duplicate @keyframes (orbFloat, floatOrb, pulse) kept once.
   - .cm-stars scoped to avoid Google-Ads vs Contact clash.
   ============================================================ */


/* ============================================================
   SECTION 1 — BASE / GLOBAL  (was style.css)
   ============================================================ */

/* ============ ROOT & RESET ============ */
*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#070B14;--surface:#0F1623;--surface-2:#131C2E;
  --text:#E5E7EB;--text-dim:#9CA3AF;--muted:#9CA3AF;
  --accent:#10B981;--accent-2:#34D399;--blue:#3B82F6;
  --border:rgba(255,255,255,.08);--border-strong:rgba(255,255,255,.14);
  --gradient-brand:linear-gradient(135deg,#10B981 0%,#34D399 50%,#3B82F6 100%);
  --container:1200px;
  --radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;
  --shadow-md:0 10px 30px -8px rgba(0,0,0,.5);
  --shadow-lg:0 20px 50px -10px rgba(0,0,0,.6);
  --transition:.3s cubic-bezier(.4,0,.2,1);
}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5{font-family:'Plus Jakarta Sans',sans-serif;color:#fff;line-height:1.2}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
button{font-family:inherit}
.container{max-width:var(--container);margin:0 auto;padding:0 24px}
.grad{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.eyebrow{display:inline-block;padding:6px 14px;border:1px solid var(--border-strong);border-radius:99px;font-size:.78rem;color:var(--accent-2);font-weight:600;letter-spacing:.5px;margin-bottom:18px;background:rgba(16,185,129,.08)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:.95rem;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s;font-family:inherit}
.btn-primary{background:var(--gradient-brand);color:#fff}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(16,185,129,.5)}
.btn-ghost{background:transparent;color:#fff;border:1px solid var(--border-strong)}
.btn-ghost:hover{background:rgba(255,255,255,.06)}
section{padding:90px 0;position:relative}
.section-head{text-align:center;max-width:720px;margin:0 auto 56px}
.section-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:14px}
.section-head p{color:var(--text-dim);font-size:1.05rem}

/* ============ ACCESSIBILITY: FOCUS-VISIBLE ============ */
*:focus{outline:none}
*:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* ============ REDUCED MOTION ============ */
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}
}

/* ============ SCROLL PROGRESS ============ */
.scroll-progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gradient-brand);z-index:200;transition:width .1s;will-change:width}


/* ============ MOBILE MENU ============ */
.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(7,11,20,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:150;opacity:0;visibility:hidden;transition:all .3s}
.mobile-menu-backdrop.open{opacity:1;visibility:visible}
.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(86%,360px);background:linear-gradient(180deg,#0B1020,#070B14);z-index:160;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overflow-y:auto;border-left:1px solid var(--border-strong)}
.mobile-menu.open{transform:translateX(0)}
.mm-head{display:flex;align-items:center;justify-content:space-between;padding:20px;border-bottom:1px solid var(--border)}
.mm-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.2rem;color:#fff}
.mm-logo span{color:var(--accent-2)}
.mm-close{width:38px;height:38px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}
.mm-links{padding:14px 20px;display:flex;flex-direction:column;gap:2px}
.mm-link{padding:14px 12px;border-radius:10px;color:var(--text);font-weight:500;font-size:1rem;display:flex;align-items:center;justify-content:space-between;gap:10px;transition:background .2s;cursor:pointer;border:none;background:transparent;font-family:inherit;width:100%;text-align:left}
.mm-link:hover,.mm-link:active{background:rgba(255,255,255,.05);color:var(--accent-2)}
.mm-link .chev{transition:transform .3s;font-size:.85rem;opacity:.7}
.mm-sub{max-height:0;overflow:hidden;transition:max-height .35s ease;display:flex;flex-direction:column;padding-left:14px}
.mm-sub.open{max-height:500px}
.mm-sub a{padding:10px 12px;font-size:.92rem;color:var(--text-dim);border-radius:8px;border-left:2px solid var(--border)}
.mm-sub a:hover{color:var(--accent-2);border-left-color:var(--accent)}
.mm-link.has-sub.open .chev{transform:rotate(180deg)}
.mm-cta{padding:18px 20px;border-top:1px solid var(--border);margin-top:10px;display:flex;flex-direction:column;gap:10px}
.mm-cta-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:13px;border-radius:10px;font-weight:600;color:#fff}
.mm-cta-btn.wa{background:#25D366}
.mm-cta-btn.call{background:var(--gradient-brand)}
.mm-mini{padding:18px 20px;border-top:1px solid var(--border);font-size:.85rem;color:var(--text-dim);line-height:1.7}
.mm-mini strong{color:#fff;display:block;margin-bottom:4px}

/* ============ ENQUIRY MODAL ============ */
.enquiry-modal{position:fixed;inset:0;z-index:210;display:flex;align-items:flex-end;justify-content:center;background:rgba(7,11,20,.7);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:all .3s}
.enquiry-modal.open{opacity:1;visibility:visible}
.enquiry-sheet{width:100%;max-width:540px;background:linear-gradient(180deg,#0F1623,#070B14);border-top-left-radius:20px;border-top-right-radius:20px;border:1px solid var(--border-strong);border-bottom:none;padding:24px;transform:translateY(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);max-height:88vh;overflow-y:auto;padding-bottom:max(24px,env(safe-area-inset-bottom))}
.enquiry-modal.open .enquiry-sheet{transform:translateY(0)}
.es-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.es-head h3{font-size:1.3rem}
.es-close{width:36px;height:36px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--border);color:#fff;cursor:pointer;font-size:1.1rem}
.es-form{display:flex;flex-direction:column;gap:12px}
.es-form input,.es-form textarea{width:100%;padding:13px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:#fff;font-family:inherit;font-size:.95rem}
.es-form input:focus,.es-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.es-form textarea{resize:vertical;min-height:90px}
.es-submit{padding:14px;background:var(--gradient-brand);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;gap:8px;transition:opacity .2s}
.es-submit:disabled{opacity:.7;cursor:not-allowed}
.es-submit.sent{background:var(--accent)}
.form-status{font-size:.85rem;padding:8px 0;text-align:center;min-height:1.4em}
.form-status.error{color:#F87171}
.form-status.success{color:var(--accent-2)}

/* ============ NAV ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:80;padding:16px 0;transition:all .3s;background:transparent}
.nav.scrolled{background:rgba(7,11,20,.92);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:12px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.35rem;color:#fff}
.logo span{color:var(--accent-2)}
.nav-links{display:flex;gap:6px;align-items:center}
.nav-links > a,.nav-links > .has-dropdown > a{padding:8px 14px;color:var(--text);font-size:.95rem;font-weight:500;transition:color .2s,background .2s;border-radius:8px;display:inline-flex;align-items:center;gap:6px}
.nav-links > a:hover,.nav-links > .has-dropdown:hover > a{color:var(--accent-2);background:rgba(255,255,255,.04)}
.has-dropdown{position:relative}
.has-dropdown > a::after{content:"▾";font-size:.65rem;opacity:.7;transition:transform .3s}
.has-dropdown:hover > a::after,.has-dropdown:focus-within > a::after{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:240px;background:rgba(11,16,32,.98);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-strong);border-radius:12px;padding:8px;box-shadow:0 20px 50px -10px rgba(0,0,0,.6);opacity:0;visibility:hidden;transform:translateY(8px);transition:all .25s;list-style:none}
.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown li a{display:block;padding:10px 14px;font-size:.9rem;color:var(--text);border-radius:8px;transition:all .2s}
.dropdown li a:hover{background:rgba(16,185,129,.12);color:var(--accent-2);transform:translateX(4px)}
.nav-cta{padding:10px 20px !important;background:var(--gradient-brand);color:#fff !important;border-radius:8px;font-weight:600;font-size:.9rem;margin-left:8px}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(16,185,129,.5)}
.nav-toggle{display:none;background:transparent;border:1px solid var(--border-strong);color:#fff;width:42px;height:42px;border-radius:10px;cursor:pointer;font-size:1.2rem;align-items:center;justify-content:center}

/* ============ HERO ============ */
.hero{padding:140px 0 80px;position:relative;overflow:hidden}
.hero::before,.hero::after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;z-index:0;animation:floatOrb 8s ease-in-out infinite;pointer-events:none}
.hero::before{width:400px;height:400px;background:#10B981;top:-100px;left:-100px}
.hero::after{width:500px;height:500px;background:#3B82F6;bottom:-150px;right:-150px;animation-delay:-4s}
@keyframes floatOrb{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-30px)}}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}
.hero h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:18px;font-weight:800}
.hero .lead{font-size:1.1rem;color:var(--text-dim);margin-bottom:28px;max-width:560px}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:28px}
.hero-meta{display:flex;gap:28px;flex-wrap:wrap}
.hero-meta-item strong{display:block;font-size:1.5rem;color:#fff;font-family:'Plus Jakarta Sans',sans-serif}
.hero-meta-item span{font-size:.85rem;color:var(--text-dim)}
.hero-visual{display:flex;flex-direction:column;gap:20px}

/* ============ SERP CARD ============ */
.serp-card{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);color:#202124}
.serp-bar{display:flex;align-items:center;gap:10px;background:#f1f3f4;border-radius:24px;padding:9px 14px;margin-bottom:12px}
.serp-bar-dot{width:18px;height:18px;border-radius:50%;background:#4285F4;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.65rem;font-weight:700}
.serp-query{flex:1;color:#202124;font-size:.92rem;font-weight:500;white-space:nowrap;overflow:hidden}
.serp-cursor{display:inline-block;width:1.5px;height:14px;background:#202124;animation:blink 1s infinite;vertical-align:middle;margin-left:1px}
@keyframes blink{0%,50%{opacity:1}51%,100%{opacity:0}}
.serp-tools{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.serp-tool{font-size:.75rem;padding:6px 12px;border-radius:14px;color:#5f6368;cursor:pointer;transition:all .2s;border:1px solid transparent;background:transparent;font-family:inherit}
.serp-tool.active{background:#e8f0fe;color:#1967d2;font-weight:600}
.serp-tool:hover:not(.active){background:#f1f3f4}
.serp-stats{font-size:.72rem;color:#70757a;margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #ebebeb}
.serp-result{padding:8px 0;cursor:pointer;transition:transform .2s}
.serp-result.top{padding:10px;border-radius:8px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(59,130,246,.05));border-left:3px solid var(--accent)}
.serp-result.top:active{transform:scale(.98)}
.serp-url{font-size:.78rem;color:#202124;display:flex;align-items:center;gap:6px;margin-bottom:3px}
.serp-favicon{width:16px;height:16px;border-radius:50%;background:var(--gradient-brand);flex-shrink:0}
.serp-title{font-size:1.05rem;color:#1a0dab;font-weight:500;margin-bottom:4px;line-height:1.3}
.serp-snippet{font-size:.82rem;color:#4d5156;line-height:1.45}
.serp-rank{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:10px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700}
.serp-faded{opacity:.45;margin-top:8px}
.serp-faded .serp-title{font-size:.95rem}

/* ============ AUDIT CARD ============ */
.audit-card{background:linear-gradient(180deg,rgba(31,41,55,.65),rgba(15,22,35,.92));border:1px solid var(--border-strong);border-radius:16px;padding:20px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.audit-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.audit-head h4{font-size:1rem;display:flex;align-items:center;gap:8px}
.audit-head h4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:pulse 1.5s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}
.audit-score{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.audit-ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(var(--accent) 0deg,#374151 0deg);display:flex;align-items:center;justify-content:center;position:relative;transition:background 1s}
.audit-ring::after{content:"";position:absolute;inset:6px;border-radius:50%;background:var(--surface-2)}
.audit-ring span{position:relative;z-index:1;font-weight:800;font-size:1.1rem;color:#fff;font-family:'Plus Jakarta Sans',sans-serif}
.audit-score-info strong{display:block;color:#fff;font-size:.95rem;margin-bottom:2px}
.audit-score-info span{font-size:.78rem;color:var(--text-dim)}
.audit-list{display:flex;flex-direction:column;gap:8px}
.audit-item{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--text-dim);padding:6px 0}
.audit-item.done{color:var(--text)}
.audit-check{width:18px;height:18px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:.7rem;color:#fff;transition:background .3s}
.audit-item.done .audit-check{background:var(--accent)}

/* ============ TRUST MARQUEE ============ */
.trust{padding:50px 0;background:rgba(15,22,35,.5);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.trust-label{text-align:center;color:var(--text-dim);font-size:.88rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:24px}
.marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.marquee-track{display:flex;gap:50px;animation:scroll 40s linear infinite;width:max-content}
.marquee:hover .marquee-track,.marquee:focus-within .marquee-track{animation-play-state:paused}
.marquee-item{font-family:'Plus Jakarta Sans',sans-serif;font-weight:700;font-size:1.05rem;color:#9CA3AF;white-space:nowrap;transition:color .25s;padding:8px 16px;border-radius:8px}
.marquee-item:hover{color:#fff}
@keyframes scroll{to{transform:translateX(-50%)}}

/* ============ ABOUT ============ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-content h2{font-size:clamp(1.8rem,3.4vw,2.5rem);margin-bottom:14px;text-align:left}
.about-content .section-head{text-align:left;max-width:none;margin:0 0 14px}
.about-content .lead{color:var(--text-dim);font-size:1.05rem;margin-bottom:18px}
.about-content p{color:var(--text-dim);margin-bottom:14px}
.about-pills{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}
.about-pills .pill,.about-pill{padding:8px 14px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:99px;font-size:.85rem;color:var(--accent-2);font-weight:600}
.about-ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}

/* ============ SERVICE SHOWCASE ============ */
.service-showcase{position:relative;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px;overflow:hidden;min-height:460px}
.ss-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px;position:relative}
.ss-tab{flex:1 1 auto;min-width:90px;padding:9px 12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px;color:var(--text-dim);font-size:.78rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:inherit;white-space:nowrap}
.ss-tab:hover{background:rgba(255,255,255,.08);color:var(--text)}
.ss-tab.active{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 4px 14px rgba(16,185,129,.35)}
.ss-progress{position:absolute;bottom:-6px;left:0;height:2px;background:var(--gradient-brand);border-radius:2px;width:0}
.ss-panels{position:relative;min-height:420px}
.ss-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .5s ease;padding:8px 4px}
.ss-panel.active{opacity:1;visibility:visible;transform:translateY(0)}
.ss-panel-title{font-size:1.05rem;font-weight:700;margin-bottom:14px;color:var(--text)}
.ss-panel-sub{font-size:.85rem;color:var(--text-dim);margin-bottom:18px;line-height:1.5}
.ss-panel-foot{margin-top:22px;padding-top:16px;border-top:1px solid rgba(255,255,255,.08);font-size:.88rem;color:var(--text-dim);line-height:1.5}
.ss-panel-foot strong{font-size:1.05rem;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}
.ss-bars{display:flex;flex-direction:column;gap:12px}
.ss-bar-row{display:flex;align-items:center;gap:12px;font-size:.82rem}
.ss-bar-label{flex:0 0 130px;color:var(--text-dim);font-weight:500}
.ss-bar-track{flex:1;height:8px;background:rgba(255,255,255,.06);border-radius:4px;overflow:hidden;position:relative}
.ss-bar-fill{height:100%;background:var(--gradient-brand);border-radius:4px;width:0;transition:width 1.2s cubic-bezier(.4,0,.2,1)}
.ss-bar-val{flex:0 0 42px;text-align:right;font-weight:700;color:var(--text)}
.ss-funnel{display:flex;flex-direction:column;gap:10px;align-items:center}
.ss-funnel-step{padding:12px 20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px;text-align:center;width:100%;max-width:320px;transition:all .4s ease;opacity:0;transform:translateY(10px)}
.ss-panel.active .ss-funnel-step{opacity:1;transform:translateY(0)}
.ss-panel.active .ss-funnel-step:nth-child(1){transition-delay:.1s;width:100%}
.ss-panel.active .ss-funnel-step:nth-child(2){transition-delay:.3s;width:85%}
.ss-panel.active .ss-funnel-step:nth-child(3){transition-delay:.5s;width:65%}
.ss-panel.active .ss-funnel-step:nth-child(4){transition-delay:.7s;width:45%;background:var(--gradient-brand);border-color:transparent}
.ss-funnel-label{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.ss-funnel-val{font-size:1.1rem;font-weight:700;color:var(--text)}
.ss-browser{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.ss-browser-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:rgba(0,0,0,.3);border-bottom:1px solid rgba(255,255,255,.06)}
.ss-browser-bar span{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.2)}
.ss-browser-bar span:nth-child(1){background:#ff5f57}
.ss-browser-bar span:nth-child(2){background:#ffbd2e}
.ss-browser-bar span:nth-child(3){background:#28ca42}
.ss-browser-body{padding:16px;display:grid;gap:10px}
.ss-browser-line{height:8px;background:rgba(255,255,255,.08);border-radius:4px;animation:ssLine 2s ease-in-out infinite}
.ss-browser-line:nth-child(1){width:60%}
.ss-browser-line:nth-child(2){width:90%;animation-delay:.2s}
.ss-browser-line:nth-child(3){width:75%;animation-delay:.4s}
.ss-browser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:6px}
.ss-browser-card{height:50px;background:rgba(16,185,129,.15);border-radius:8px;animation:ssLine 2s ease-in-out infinite}
.ss-browser-card:nth-child(2){animation-delay:.3s}
.ss-browser-card:nth-child(3){animation-delay:.6s}
@keyframes ssLine{0%,100%{opacity:.6}50%{opacity:1}}
.ss-profiles{display:grid;gap:10px}
.ss-profile{display:flex;align-items:center;gap:12px;padding:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;opacity:0;transform:translateX(-10px);transition:all .4s ease}
.ss-panel.active .ss-profile{opacity:1;transform:translateX(0)}
.ss-panel.active .ss-profile:nth-child(1){transition-delay:.1s}
.ss-panel.active .ss-profile:nth-child(2){transition-delay:.25s}
.ss-panel.active .ss-profile:nth-child(3){transition-delay:.4s}
.ss-profile-icon{width:38px;height:38px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;flex-shrink:0;font-size:.85rem}
.ss-profile-info{flex:1;min-width:0}
.ss-profile-name{font-weight:600;font-size:.88rem;color:var(--text)}
.ss-profile-stat{font-size:.75rem;color:var(--text-dim)}
.ss-profile-gain{font-weight:700;color:#22c55e;font-size:.88rem}
.ss-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.ss-metric{padding:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;text-align:center}
.ss-metric-val{font-size:1.5rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;display:block;margin-bottom:4px}
.ss-metric-label{font-size:.72rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}
.ss-ads{display:grid;gap:12px}
.ss-ad-row{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:10px}
.ss-ad-label{font-size:.82rem;color:var(--text-dim)}
.ss-ad-val{font-weight:700;font-size:1rem;color:var(--text)}
.ss-ad-val.up{color:#22c55e}
.ss-graphics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ss-graphic-tile{aspect-ratio:1;border-radius:10px;background:linear-gradient(135deg,rgba(16,185,129,.3),rgba(168,85,247,.2));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:.85rem;opacity:0;transform:scale(.9);transition:all .4s ease}
.ss-panel.active .ss-graphic-tile{opacity:1;transform:scale(1)}
.ss-panel.active .ss-graphic-tile:nth-child(1){transition-delay:.05s}
.ss-panel.active .ss-graphic-tile:nth-child(2){transition-delay:.15s;background:linear-gradient(135deg,rgba(236,72,153,.3),rgba(168,85,247,.2))}
.ss-panel.active .ss-graphic-tile:nth-child(3){transition-delay:.25s;background:linear-gradient(135deg,rgba(34,197,94,.3),rgba(59,130,246,.2))}
.ss-panel.active .ss-graphic-tile:nth-child(4){transition-delay:.35s;background:linear-gradient(135deg,rgba(251,146,60,.3),rgba(236,72,153,.2))}
.ss-panel.active .ss-graphic-tile:nth-child(5){transition-delay:.45s;background:linear-gradient(135deg,rgba(168,85,247,.3),rgba(34,197,94,.2))}
.ss-panel.active .ss-graphic-tile:nth-child(6){transition-delay:.55s;background:linear-gradient(135deg,rgba(59,130,246,.3),rgba(251,146,60,.2))}

/* ============ WHY US (homepage) ============ */
.why-us .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.why-us .why-card{padding:28px 22px;background:linear-gradient(180deg,rgba(31,41,55,.4),rgba(15,22,35,.7));border:1px solid var(--border);border-radius:16px;text-align:center;transition:transform .3s,border-color .3s}
.why-us .why-card:hover{transform:translateY(-6px);border-color:var(--accent)}
.why-us .why-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:8px}
.why-us .why-card h4{font-size:1.05rem;margin-bottom:6px}
.why-us .why-card p{font-size:.88rem;color:var(--text-dim)}

/* ============ SERVICES ============ */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.service-card{padding:28px;background:linear-gradient(180deg,rgba(31,41,55,.4),rgba(15,22,35,.7));border:1px solid var(--border);border-radius:16px;transition:transform .3s,border-color .3s;position:relative;overflow:hidden}
.service-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.service-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.service-card:hover::before{transform:scaleX(1)}
.service-icon{width:50px;height:50px;border-radius:12px;background:rgba(16,185,129,.12);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-size:1.4rem}
.service-card h4{font-size:1.15rem;margin-bottom:8px}
.service-card p{color:var(--text-dim);font-size:.92rem}

/* ============ PROCESS ============ */
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.process-grid::before{content:"";position:absolute;top:46px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.2) 10%,rgba(16,185,129,.2) 90%,transparent);z-index:0}
.process-grid::after{content:"";position:absolute;top:45px;left:8%;width:0;height:4px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),var(--blue),transparent);z-index:1;box-shadow:0 0 20px var(--accent),0 0 40px rgba(16,185,129,.6);animation:flowLine 5.6s ease-in-out infinite}
@keyframes flowLine{0%{width:0;left:8%;opacity:0}5%{opacity:1}50%{width:84%;opacity:1}95%{opacity:1}100%{width:0;left:92%;opacity:0}}
.process-step{padding:28px 24px;background:rgba(15,22,35,.6);border:1px solid var(--border);border-radius:16px;position:relative;z-index:2;transition:all .5s;overflow:hidden}
.process-step::before{content:"";position:absolute;inset:0;border-radius:16px;padding:1px;background:linear-gradient(135deg,transparent,transparent,transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .5s;pointer-events:none}
.process-step.glow::before{background:linear-gradient(135deg,var(--accent),var(--accent-2),var(--blue));opacity:1}
.process-step.glow{transform:translateY(-6px);box-shadow:0 20px 50px -15px rgba(16,185,129,.5);background:linear-gradient(180deg,rgba(16,185,129,.08),rgba(15,22,35,.85))}
.process-step.glow .process-num{box-shadow:0 0 0 6px rgba(16,185,129,.2),0 0 25px rgba(16,185,129,.6);transform:scale(1.08)}
.process-num{width:42px;height:42px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;transition:all .4s;position:relative;z-index:3}
.process-step h4{font-size:1.05rem;margin-bottom:6px;transition:color .3s}
.process-step.glow h4{color:var(--accent-2)}
.process-step p{color:var(--text-dim);font-size:.88rem}

/* ============ CASES ============ */
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.case-card{padding:26px;background:linear-gradient(180deg,rgba(31,41,55,.45),rgba(15,22,35,.85));border:1px solid var(--border);border-radius:16px;transition:transform .3s,border-color .3s}
.case-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.case-tag{display:inline-block;padding:4px 10px;background:rgba(16,185,129,.1);color:var(--accent-2);border-radius:99px;font-size:.75rem;font-weight:600;margin-bottom:12px}
.case-card h4{font-size:1.15rem;margin-bottom:6px}
.case-card p{color:var(--text-dim);font-size:.9rem;margin-bottom:14px}
.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding-top:14px;border-top:1px solid var(--border)}
.case-metric strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.4rem;color:var(--accent-2);font-weight:800}
.case-metric span{font-size:.78rem;color:var(--text-dim)}

/* ============ TESTIMONIALS ============ */
.testimonials-section{position:relative;overflow:hidden}
.testimonials-section::before{content:"";position:absolute;top:20%;left:-100px;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.15),transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}
.testimonials-section::after{content:"";position:absolute;bottom:10%;right:-100px;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.12),transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}
.testimonial-stage{position:relative;max-width:1000px;margin:0 auto;padding:0 20px;z-index:1}
.testimonial-deck{position:relative;height:380px;perspective:1500px;transform-style:preserve-3d}
.tcard{position:absolute;top:0;left:50%;width:min(560px,92%);transform:translateX(-50%);background:linear-gradient(160deg,rgba(31,41,55,.85),rgba(15,22,35,.95));border:1px solid var(--border-strong);border-radius:20px;padding:36px 32px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);transition:all .7s cubic-bezier(.4,0,.2,1);opacity:0;visibility:hidden}
.tcard.active{opacity:1;visibility:visible;transform:translateX(-50%) translateZ(0) scale(1);z-index:3;border-color:rgba(16,185,129,.4)}
.tcard.prev{opacity:.4;visibility:visible;transform:translateX(calc(-50% - 280px)) translateZ(-200px) scale(.85) rotateY(15deg);z-index:1;filter:blur(2px);cursor:pointer}
.tcard.next{opacity:.4;visibility:visible;transform:translateX(calc(-50% + 280px)) translateZ(-200px) scale(.85) rotateY(-15deg);z-index:1;filter:blur(2px);cursor:pointer}
.tcard-quote-icon{position:absolute;top:18px;right:24px;font-size:4.5rem;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;color:var(--accent);opacity:.18;line-height:.8;pointer-events:none}
.tcard-stars{display:flex;gap:3px;margin-bottom:18px;color:#FBBF24}
.tcard-stars svg{width:18px;height:18px;fill:currentColor}
.tcard-text{font-size:1.08rem;color:#fff;line-height:1.7;margin-bottom:24px;font-weight:400;min-height:115px}
.tcard-foot{display:flex;align-items:center;gap:14px;padding-top:18px;border-top:1px solid var(--border)}
.tcard-avatar{width:54px;height:54px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.1rem;flex-shrink:0;box-shadow:0 8px 20px -6px rgba(16,185,129,.5)}
.tcard-author{flex:1;min-width:0}
.tcard-author strong{display:block;color:#fff;font-size:1rem;margin-bottom:2px}
.tcard-author span{font-size:.82rem;color:var(--text-dim)}
.tcard-verify{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);border-radius:99px;font-size:.7rem;color:var(--accent-2);font-weight:600;flex-shrink:0}
.tcard-verify svg{width:12px;height:12px}
.testimonial-controls{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:36px}
.t-arrow{width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid var(--border-strong);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s}
.t-arrow:hover{background:var(--accent);border-color:var(--accent);transform:scale(1.08);box-shadow:0 8px 20px -4px rgba(16,185,129,.5)}
.t-arrow svg{width:18px;height:18px}
.t-progress{display:flex;gap:8px;align-items:center}
.t-pip{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18);border:none;cursor:pointer;transition:all .35s;padding:0}
.t-pip.active{width:32px;border-radius:99px;background:var(--gradient-brand);box-shadow:0 0 12px rgba(16,185,129,.6)}

/* ============ FAQ ============ */
.faq-wrap{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq-item{background:rgba(15,22,35,.6);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:border-color .3s}
.faq-item.open{border-color:var(--accent)}
.faq-q{width:100%;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;background:transparent;color:#fff;font-weight:600;font-size:1rem;cursor:pointer;border:none;text-align:left;font-family:inherit;gap:14px}
.faq-q::after{content:"+";font-size:1.4rem;color:var(--accent-2);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-q::after{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;padding:0 22px;color:var(--text-dim);font-size:.95rem}
.faq-item.open .faq-a{max-height:300px;padding:0 22px 18px}

/* ============ FINAL CTA ============ */
.final-cta{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(59,130,246,.08));border-top:1px solid var(--border);border-bottom:1px solid var(--border);text-align:center}
.final-cta h2{font-size:clamp(1.8rem,3.4vw,2.6rem);margin-bottom:14px}
.final-cta p{color:var(--text-dim);max-width:600px;margin:0 auto 24px;font-size:1.05rem}

/* ============ CONTACT ============ */
.contact-us{background:linear-gradient(180deg,#0B1020,#070B14)}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:rgba(15,22,35,.5)}
.contact-map{min-height:520px;position:relative}
.contact-map iframe{width:100%;height:100%;border:none;filter:invert(.88) hue-rotate(180deg) saturate(.6);position:absolute;inset:0}
.contact-panel{padding:34px}
.contact-panel h3{font-size:1.6rem;margin-bottom:8px}
.contact-panel p.lead{color:var(--text-dim);margin-bottom:22px}
.contact-info{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.contact-row{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px}
.contact-row-icon{width:36px;height:36px;border-radius:9px;background:rgba(16,185,129,.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-2)}
.contact-row-text{flex:1;font-size:.9rem;min-width:0}
.contact-row-text strong{display:block;color:#fff;margin-bottom:2px;font-size:.82rem}
.contact-row-text a,.contact-row-text span{color:var(--text-dim);display:block;line-height:1.5}
.contact-row-text a:hover{color:var(--accent-2)}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:#fff;font-family:inherit;font-size:.93rem}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.contact-form textarea{grid-column:1/-1;min-height:100px;resize:vertical}
.contact-form .full{grid-column:1/-1}
.contact-submit{grid-column:1/-1;padding:14px;background:var(--gradient-brand);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:.98rem;transition:opacity .2s}
.contact-submit:disabled{opacity:.7;cursor:not-allowed}
.contact-submit.sent{background:var(--accent)}

/* ============ BREADCRUMB (Service pages) ============ */
.breadcrumb-nav{padding:100px 0 0;font-size:.85rem}
.breadcrumb-nav .container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--text-dim)}
.breadcrumb-nav a{color:var(--text-dim);text-decoration:none;transition:color .2s ease}
.breadcrumb-nav a:hover{color:var(--accent)}
.breadcrumb-nav span[aria-current]{color:var(--text);font-weight:500}
.breadcrumb-nav span{opacity:.5}

/* ============ SERVICE HERO ============ */
.service-hero{padding:40px 0 70px;position:relative;overflow:hidden}
.service-hero::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%);pointer-events:none}
.sh-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:start;position:relative;z-index:1}
.sh-content h1{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.15;margin:14px 0 18px;font-weight:800}
.sh-content .lead{font-size:1.05rem;color:var(--text-dim);margin-bottom:24px;line-height:1.7}
.sh-bullets{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}
.sh-bullets li{font-size:.95rem;color:var(--text-dim);padding-left:2px}
.sh-cta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}
.sh-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08)}
.sh-trust > div{text-align:left}
.sh-trust strong{display:block;font-size:1.4rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:2px}
.sh-trust span{font-size:.75rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px}

/* Quote form card */
.sh-form-card{background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;position:sticky;top:100px}
.qc-head{margin-bottom:20px}
.qc-head h2{font-size:1.35rem;margin-bottom:6px;font-weight:700}
.qc-head p{font-size:.85rem;color:var(--text-dim)}
.qc-form{display:flex;flex-direction:column;gap:12px}
.qc-form input,.qc-form select,.qc-form textarea{padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text);font-family:inherit;font-size:.9rem;transition:all .2s ease;width:100%}
.qc-form input:focus,.qc-form select:focus,.qc-form textarea:focus{outline:none;border-color:var(--accent);background:rgba(255,255,255,.06)}
.qc-form select{cursor:pointer}
.qc-form textarea{resize:vertical;min-height:70px;font-family:inherit}
.qc-form button{margin-top:6px}
.qc-privacy{font-size:.72rem;color:var(--text-dim);opacity:.7;line-height:1.5;margin-top:4px;text-align:center}

/* ============ WD SERVICES ============ */
.wd-services{padding:80px 0}
.wd-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.wd-service-card{padding:28px 24px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:18px;position:relative;transition:all .3s ease}
.wd-service-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3)}
.wd-service-card.featured{border-color:rgba(99,102,241,.4);background:linear-gradient(160deg,rgba(99,102,241,.08),rgba(255,255,255,.02))}
.wd-tag{position:absolute;top:-10px;right:20px;background:var(--gradient-brand);color:#fff;padding:4px 12px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.wd-icon{font-size:2.2rem;margin-bottom:14px;line-height:1}
.wd-service-card h3{font-size:1.15rem;margin-bottom:10px;font-weight:700}
.wd-service-card p{color:var(--text-dim);line-height:1.65;font-size:.92rem;margin-bottom:16px;min-height:75px}
.wd-from{padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:.9rem;color:var(--text-dim)}
.wd-from strong{color:var(--text);font-size:1.05rem;font-weight:700}

/* ============ WD WHY ============ */
.wd-why{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.03),transparent)}
.wd-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.wd-why-card{padding:30px 26px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:18px;transition:all .3s ease;position:relative;overflow:hidden}
.wd-why-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.wd-why-card:hover::before{transform:scaleX(1)}
.wd-why-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3)}
.wd-why-num{font-size:2rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:14px;line-height:1}
.wd-why-card h3{font-size:1.15rem;margin-bottom:10px;font-weight:700}
.wd-why-card p{color:var(--text-dim);line-height:1.65;font-size:.92rem}

/* ============ WD PROCESS ============ */
.wd-process{padding:80px 0}
.wd-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.wd-step{padding:26px 24px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:18px;position:relative;transition:all .3s ease}
.wd-step:hover{border-color:rgba(99,102,241,.3);transform:translateY(-4px)}
.wd-step-num{display:inline-block;padding:6px 12px;background:rgba(99,102,241,.15);border-radius:8px;font-size:.85rem;font-weight:800;color:var(--accent);margin-bottom:14px}
.wd-step h3{font-size:1.1rem;margin-bottom:10px;font-weight:700}
.wd-step p{color:var(--text-dim);line-height:1.6;font-size:.9rem;margin-bottom:14px}
.wd-step-day{display:inline-block;padding:4px 10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.72rem;color:var(--text-dim);font-weight:600}

/* ============ WD PRICING ============ */
.wd-pricing{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.03),transparent)}
.wd-pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px}
.wd-price-card{padding:28px 22px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:18px;position:relative;display:flex;flex-direction:column;transition:all .3s ease}
.wd-price-card:hover{transform:translateY(-4px);border-color:rgba(99,102,241,.3)}
.wd-price-card.featured{border-color:rgba(99,102,241,.4);background:linear-gradient(160deg,rgba(99,102,241,.1),rgba(255,255,255,.02));box-shadow:0 20px 60px rgba(99,102,241,.15)}
.wd-price-tag{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--gradient-brand);color:#fff;padding:4px 14px;border-radius:999px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}
.wd-price-card h3{font-size:1.2rem;margin-bottom:6px;font-weight:700}
.wd-price-desc{font-size:.82rem;color:var(--text-dim);margin-bottom:16px;min-height:36px}
.wd-price{font-size:1.8rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.wd-price span{display:inline-block;font-size:.75rem;color:var(--text-dim);font-weight:500;margin-left:4px;-webkit-text-fill-color:var(--text-dim)}
.wd-price-card ul{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px;flex-grow:1}
.wd-price-card li{font-size:.87rem;color:var(--text-dim);line-height:1.5}
.wd-price-card .btn{width:100%;justify-content:center;text-align:center}
.wd-pricing-notes{margin-top:40px;padding:24px 26px;background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.06);border-radius:14px}
.wd-pricing-notes h4{font-size:.95rem;margin-bottom:12px;font-weight:700;color:var(--text)}
.wd-pricing-notes ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.wd-pricing-notes li{font-size:.85rem;color:var(--text-dim);line-height:1.55}

/* ============ WD INCLUDED ============ */
.wd-included{padding:80px 0}
.wd-included-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}
.wd-included-card{padding:32px 28px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08)}
.wd-included-card h3{font-size:1.2rem;margin-bottom:20px;font-weight:700;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.08)}
.wd-included-card ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.wd-included-card li{font-size:.88rem;color:var(--text-dim);line-height:1.5;padding-left:0}
.wd-included-yes{border-color:rgba(34,197,94,.25)}
.wd-included-yes h3{color:#22c55e}
.wd-included-no{border-color:rgba(239,68,68,.2)}
.wd-included-no h3{color:#f87171}

/* ============ WD PORTFOLIO ============ */
.wd-portfolio{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.03),transparent)}
.wd-portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.wd-portfolio-card{background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:18px;overflow:hidden;transition:all .3s ease}
.wd-portfolio-card:hover{transform:translateY(-6px);border-color:rgba(99,102,241,.3);box-shadow:0 20px 40px rgba(0,0,0,.2)}
.wd-portfolio-image{aspect-ratio:16/10;background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(168,85,247,.1));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.wd-portfolio-placeholder{color:var(--text-dim);font-size:.85rem;font-weight:500;opacity:.7}
.wd-portfolio-info{padding:20px 22px}
.wd-portfolio-cat{font-size:.72rem;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-weight:700;margin-bottom:8px}
.wd-portfolio-info h3{font-size:1.1rem;margin-bottom:8px;font-weight:700}
.wd-portfolio-info p{font-size:.88rem;color:var(--text-dim);line-height:1.55;margin-bottom:14px;min-height:44px}
.wd-portfolio-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--accent);text-decoration:none;font-weight:600;transition:gap .2s ease}
.wd-portfolio-link:hover{gap:10px}

/* ============ WD LOCAL ============ */
.wd-local{padding:80px 0}
.wd-local-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
.wd-local-content h2{margin:14px 0 18px}
.wd-local-content p{color:var(--text-dim);line-height:1.75;margin-bottom:16px;font-size:.98rem}
.wd-local-content p strong{color:var(--text)}
.wd-local-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.wd-local-map{border-radius:16px;overflow:hidden}
.wd-local-map iframe{width:100%;display:block;filter:invert(.85) hue-rotate(180deg) saturate(.7)}

/* ============ WD FAQ ============ */
.wd-faq{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(99,102,241,.03),transparent)}
.wd-faq .faq-list{max-width:820px;margin:40px auto 0}

/* ============ RESPONSIVE (Service page) ============ */
@media(max-width:1024px){
  .sh-grid{grid-template-columns:1fr;gap:36px}
  .sh-form-card{position:relative;top:0;max-width:520px;margin:0 auto}
  .wd-services-grid,.wd-why-grid,.wd-process-grid,.wd-portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .wd-pricing-grid{grid-template-columns:repeat(2,1fr)}
  .wd-local-grid{grid-template-columns:1fr;gap:36px}
}
@media(max-width:900px){
  .breadcrumb-nav{padding:90px 0 0;font-size:.78rem}
  .service-hero{padding:24px 0 50px}
  .sh-content h1{font-size:1.7rem}
  .sh-content .lead{font-size:.98rem}
  .sh-trust{grid-template-columns:repeat(3,1fr);gap:10px}
  .sh-trust strong{font-size:1.1rem}
  .sh-trust span{font-size:.68rem}
  .sh-form-card{padding:22px}
  .wd-services,.wd-why,.wd-process,.wd-pricing,.wd-included,.wd-portfolio,.wd-local,.wd-faq{padding:56px 0}
  .wd-included-grid{grid-template-columns:1fr;gap:18px}
  .wd-included-card ul{grid-template-columns:1fr}
  .wd-service-card p{min-height:auto}
  .wd-portfolio-info p{min-height:auto}
}
@media(max-width:560px){
  .wd-services-grid,.wd-why-grid,.wd-process-grid,.wd-portfolio-grid,.wd-pricing-grid{grid-template-columns:1fr}
  .sh-content h1{font-size:1.5rem}
  .sh-trust{grid-template-columns:1fr;text-align:center;gap:14px}
  .sh-trust > div{text-align:center}
  .wd-price{font-size:1.5rem}
  .wd-local-cta{flex-direction:column}
  .wd-local-cta .btn{width:100%;justify-content:center}
}






/* ============ FOOTER ============ */
footer{background:#05080F;padding:70px 0 24px;border-top:1px solid var(--border)}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:36px;margin-bottom:40px;align-items:start}
.footer-col h5{color:#fff;font-size:1rem;margin-bottom:18px;font-family:'Plus Jakarta Sans',sans-serif}
.footer-col p,.footer-col a{color:var(--text-dim);font-size:.9rem;line-height:1.8;display:block;transition:color .2s}
.footer-col a:hover{color:var(--accent-2)}
.footer-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;margin-bottom:12px}
.footer-logo span{color:var(--accent-2)}
.footer-social{display:flex;gap:10px;margin-top:14px}
.footer-social a{width:38px;height:38px;border-radius:9px;background:rgba(255,255,255,.05);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s}
.footer-social a:hover{background:var(--accent);transform:translateY(-2px)}
.footer-social svg{width:16px;height:16px}
.footer-contact{display:flex;flex-direction:column;gap:14px}
.footer-contact-item{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-dim);line-height:1.5}
.footer-contact-item svg{flex-shrink:0;color:var(--accent-2);margin-top:3px;width:16px;height:16px}
.footer-contact-item .fc-text{flex:1;min-width:0}
.footer-contact-item .fc-text a,.footer-contact-item .fc-text span{display:block;line-height:1.7;color:var(--text-dim);font-size:.88rem}
.footer-contact-item .fc-text a:hover{color:var(--accent-2)}
.footer-bottom{border-top:1px solid var(--border);padding-top:20px;text-align:center;color:var(--text-dim);font-size:.85rem}

/* ============ REVEAL ============ */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}
.reveal.visible{opacity:1;transform:translateY(0)}

/* ============ RESPONSIVE ============ */
@media(max-width:1024px){
  .nav-links > a,.nav-links > .has-dropdown > a{padding:8px 10px;font-size:.9rem}
}
@media(max-width:900px){
  .nav-toggle{display:flex}
  .nav-links{display:none}
  .hero{padding:120px 0 60px}
  .hero-grid,.services-grid,.process-grid,.cases-grid,.about-grid,.footer-grid,.contact-grid,.contact-form{grid-template-columns:1fr}
  .why-us .why-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid::before,.process-grid::after{display:none}
  .contact-map{min-height:280px}
  .contact-panel{padding:24px}
  body{padding-bottom:74px}
  section{padding:64px 0}
  .service-showcase{padding:18px;min-height:auto}
  .ss-tabs{gap:6px;margin-bottom:16px}
  .ss-tab{font-size:.72rem;padding:7px 10px;min-width:auto;flex:1 1 calc(33.33% - 6px)}
  .ss-panels{min-height:460px}
  .ss-bar-label{flex:0 0 100px;font-size:.75rem}
  .testimonials-section{padding:64px 0 70px}
  .testimonial-deck{height:auto;min-height:auto;perspective:none;padding:10px 0}
  .tcard{position:relative;left:auto;top:auto;transform:translateY(20px);width:100%;opacity:0;visibility:hidden;display:none;padding:32px 26px;border-radius:18px;filter:none}
  .tcard.active{display:block;opacity:1;visibility:visible;transform:translateY(0);animation:tFadeIn .6s ease both}
  .tcard.prev,.tcard.next{display:none}
  @keyframes tFadeIn{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
  .tcard-quote-icon{font-size:3.5rem;top:14px;right:20px;opacity:.2}
  .tcard-text{font-size:1.02rem;line-height:1.65;min-height:auto;margin-bottom:22px}
  .tcard-avatar{width:46px;height:46px;font-size:.95rem}
  .testimonial-controls{margin-top:24px;gap:14px}
  .t-arrow{width:42px;height:42px}
  .t-arrow svg{width:16px;height:16px}
}
@media(max-width:560px){
  .audit-card{display:none}
  .hero-meta{gap:16px}
  .hero-meta-item strong{font-size:1.25rem}
  .serp-card{padding:14px}
  .serp-tools{gap:4px}
  .serp-tool{font-size:.7rem;padding:5px 10px}
  .why-us .why-grid{grid-template-columns:1fr}
  .tcard{padding:28px 22px}
  .tcard-text{font-size:1rem;min-height:130px}
  .tcard-quote-icon{font-size:3rem;top:12px;right:18px}
  .tcard-foot{flex-wrap:wrap}
  .tcard-verify{order:3;width:100%;justify-content:center}
}


/* ============ FOOTER BOTTOM (extended) ============ */
.footer-bottom-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:14px;
}
.footer-bottom-inner strong{color:#fff;font-weight:600}
.footer-legal{
  display:flex;
  gap:22px;
  flex-wrap:wrap;
}
.footer-legal a{
  color:var(--text-dim);
  font-size:.85rem;
  transition:color .2s;
}
.footer-legal a:hover{color:var(--accent-2)}
@media(max-width:600px){
  .footer-bottom-inner{justify-content:center;text-align:center;flex-direction:column;gap:10px}
  .footer-legal{justify-content:center;gap:18px}
}




/* ============================================================
   GLOBAL FLOATING BUTTONS (All Pages)
   Left: WhatsApp + Call | Right: Back-to-top | Mobile: Bottom Bar
   ============================================================ */

/* Left Floating - WhatsApp + Call */
.floating-left{
  position:fixed;
  left:24px;
  bottom:30px;
  z-index:998;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.float-btn{
  width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#fff;
  box-shadow:0 8px 24px rgba(0,0,0,.3);
  transition:transform .3s ease, box-shadow .3s ease;
  position:relative;
  text-decoration:none;
}
.float-btn:hover{transform:scale(1.1)}
.float-wa{
  background:#25d366;
  box-shadow:0 8px 24px rgba(37,211,102,.45);
}
.float-wa::before{
  content:"";
  position:absolute;inset:-4px;border-radius:50%;
  background:rgba(37,211,102,.35);
  z-index:-1;
  animation:fb-wa-pulse 2s ease-in-out infinite;
}
.float-call{
  background:linear-gradient(135deg,#6366f1,#8b5cf6);
  box-shadow:0 8px 24px rgba(99,102,241,.45);
}
@keyframes fb-wa-pulse{
  0%,100%{transform:scale(1);opacity:.6}
  50%{transform:scale(1.25);opacity:0}
}

/* Right Back to Top */
.back-to-top{
  position:fixed;
  right:24px;
  bottom:30px;
  z-index:998;
  width:52px;height:52px;border-radius:50%;
  background:linear-gradient(135deg,#6366f1,#10b981);
  color:#fff;
  border:none;
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(20px);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 24px rgba(99,102,241,.45);
  transition:opacity .3s ease, transform .3s ease, visibility .3s ease;
}
.back-to-top.visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
.back-to-top:hover{transform:translateY(-4px)}

/* Mobile Bottom Bar */
.mobile-bottom-bar{
  display:none;
  position:fixed;
  bottom:0;left:0;right:0;
  z-index:999;
  background:rgba(10,14,39,.95);
  backdrop-filter:blur(20px);
  border-top:1px solid rgba(255,255,255,.1);
  padding:8px 0;
  grid-template-columns:repeat(3,1fr);
}
.mbb-item{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
  padding:8px;
  color:#cbd5e1;
  font-size:11px;
  font-weight:600;
  text-decoration:none;
}
.mbb-item svg{color:#a5b4fc}
.mbb-whatsapp svg{color:#25d366}

/* Responsive — mobile: hide side buttons, show bottom bar */
@media(max-width:768px){
  .mobile-bottom-bar{display:grid}
  body{padding-bottom:70px}
  .floating-left{display:none}
  .back-to-top{
    right:16px;
    bottom:84px;
    width:46px;height:46px;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .float-wa::before{animation:none}
  .float-btn,.back-to-top{transition:none}
}

/* Print */
@media print{
  .floating-left,.back-to-top,.mobile-bottom-bar{display:none !important}
}



/* ============================================================
   GLOBAL ANIMATED & GLOWING BUTTONS (site-wide)
   Works on:  .btn-primary, .btn.btn-primary,
              .btn-secondary, .btn.btn-ghost,
              .btn-whatsapp, .es-submit (enquiry submit)
   Palette  : #10B981 → #34D399 → #3B82F6  (matches --gradient-brand)
   ============================================================ */

/* ---- Base setup (positioning + overflow for pseudo-elements) ---- */
.btn-primary,
.btn.btn-primary,
.btn-secondary,
.btn.btn-ghost,
.btn-whatsapp,
.es-submit{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  z-index:1;
  will-change:transform,box-shadow;
}

/* ---- Shimmer sweep across button on hover ---- */
.btn-primary::before,
.btn.btn-primary::before,
.btn-secondary::before,
.btn.btn-ghost::before,
.btn-whatsapp::before,
.es-submit::before{
  content:"";
  position:absolute;
  top:0;
  left:-120%;
  width:60%;
  height:100%;
  background:linear-gradient(120deg,
    transparent 0%,
    rgba(255,255,255,0) 30%,
    rgba(255,255,255,.45) 50%,
    rgba(255,255,255,0) 70%,
    transparent 100%);
  transform:skewX(-20deg);
  transition:left .8s cubic-bezier(.4,0,.2,1);
  pointer-events:none;
  z-index:2;
}
.btn-primary:hover::before,
.btn.btn-primary:hover::before,
.btn-secondary:hover::before,
.btn.btn-ghost:hover::before,
.btn-whatsapp:hover::before,
.es-submit:hover::before{
  left:130%;
}

/* ---- PRIMARY: animated gradient + pulsing glow ---- */
.btn-primary,
.btn.btn-primary,
.es-submit{
  background:linear-gradient(135deg,#10B981 0%,#34D399 35%,#3B82F6 70%,#10B981 100%);
  background-size:200% 200%;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  animation:btnGradShift 6s ease infinite, btnGlowPulse 2.4s ease-in-out infinite;
}
.btn-primary:hover,
.btn.btn-primary:hover,
.es-submit:hover{
  transform:translateY(-3px) scale(1.02);
  animation:btnGradShift 3s ease infinite, btnGlowPulseStrong 1.6s ease-in-out infinite;
}
.btn-primary:active,
.btn.btn-primary:active,
.es-submit:active{
  transform:translateY(-1px) scale(.99);
}

/* ---- SECONDARY / GHOST: subtle animated border + glow on hover ---- */
.btn-secondary,
.btn.btn-ghost{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(52,211,153,.25);
  color:#fff;
  transition:all .25s ease, box-shadow .4s ease;
}
.btn-secondary::after,
.btn.btn-ghost::after{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  padding:1px;
  background:linear-gradient(135deg,
    rgba(16,185,129,0),
    rgba(52,211,153,.6),
    rgba(59,130,246,.6),
    rgba(16,185,129,0));
  background-size:300% 300%;
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  opacity:0;
  animation:btnGradShift 4s linear infinite;
  transition:opacity .3s ease;
  pointer-events:none;
}
.btn-secondary:hover,
.btn.btn-ghost:hover{
  background:rgba(16,185,129,.08);
  border-color:rgba(52,211,153,.5);
  color:#fff;
  transform:translateY(-3px);
  box-shadow:0 10px 30px rgba(16,185,129,.25),
             0 0 0 3px rgba(52,211,153,.10);
}
.btn-secondary:hover::after,
.btn.btn-ghost:hover::after{opacity:1}

/* ---- WHATSAPP: green pulsing glow ---- */
.btn-whatsapp{
  background:linear-gradient(135deg,#25D366 0%,#1EBE57 50%,#25D366 100%);
  background-size:200% 200%;
  color:#fff;
  border:1px solid rgba(255,255,255,.12);
  animation:btnGradShift 5s ease infinite, btnWhatsGlow 2.2s ease-in-out infinite;
}
.btn-whatsapp:hover{
  transform:translateY(-3px) scale(1.02);
  animation:btnGradShift 2.5s ease infinite, btnWhatsGlowStrong 1.5s ease-in-out infinite;
}
.btn-whatsapp:active{
  transform:translateY(-1px) scale(.99);
}

/* ---- HERO buttons get an extra outer glow ring ---- */
.hero-cta .btn.btn-primary,
.dm-hero-cta .btn-primary{
  padding:15px 32px;
  font-size:16px;
  letter-spacing:.2px;
}
.hero-cta .btn.btn-primary::after,
.dm-hero-cta .btn-primary::after{
  content:"";
  position:absolute;
  inset:-3px;
  border-radius:inherit;
  background:linear-gradient(135deg,#10B981,#34D399,#3B82F6,#10B981);
  background-size:300% 300%;
  filter:blur(14px);
  opacity:.55;
  z-index:-1;
  animation:btnGradShift 4s ease infinite;
  transition:opacity .3s ease, filter .3s ease;
}
.hero-cta .btn.btn-primary:hover::after,
.dm-hero-cta .btn-primary:hover::after{
  opacity:.85;
  filter:blur(20px);
}

/* ---- KEYFRAMES ---- */
@keyframes btnGradShift{
  0%   {background-position:0% 50%}
  50%  {background-position:100% 50%}
  100% {background-position:0% 50%}
}
@keyframes btnGlowPulse{
  0%,100%{
    box-shadow:
      0 8px 24px rgba(16,185,129,.35),
      0 0 0 0 rgba(52,211,153,.45);
  }
  50%{
    box-shadow:
      0 10px 30px rgba(16,185,129,.50),
      0 0 0 8px rgba(52,211,153,0);
  }
}
@keyframes btnGlowPulseStrong{
  0%,100%{
    box-shadow:
      0 14px 38px rgba(16,185,129,.55),
      0 0 0 0 rgba(59,130,246,.55);
  }
  50%{
    box-shadow:
      0 18px 50px rgba(59,130,246,.55),
      0 0 0 12px rgba(59,130,246,0);
  }
}
@keyframes btnWhatsGlow{
  0%,100%{
    box-shadow:
      0 8px 24px rgba(37,211,102,.35),
      0 0 0 0 rgba(37,211,102,.45);
  }
  50%{
    box-shadow:
      0 10px 30px rgba(37,211,102,.55),
      0 0 0 10px rgba(37,211,102,0);
  }
}
@keyframes btnWhatsGlowStrong{
  0%,100%{
    box-shadow:
      0 14px 38px rgba(37,211,102,.60),
      0 0 0 0 rgba(37,211,102,.55);
  }
  50%{
    box-shadow:
      0 18px 50px rgba(37,211,102,.70),
      0 0 0 14px rgba(37,211,102,0);
  }
}

/* ---- Focus visible (accessibility) ---- */
.btn-primary:focus-visible,
.btn.btn-primary:focus-visible,
.btn-secondary:focus-visible,
.btn.btn-ghost:focus-visible,
.btn-whatsapp:focus-visible,
.es-submit:focus-visible{
  outline:2px solid #34D399;
  outline-offset:3px;
}

/* ---- Reduced motion: disable all button animations ---- */
@media (prefers-reduced-motion: reduce){
  .btn-primary,.btn.btn-primary,
  .btn-secondary,.btn.btn-ghost,
  .btn-whatsapp,.es-submit,
  .btn-primary::before,.btn.btn-primary::before,
  .btn-secondary::before,.btn.btn-ghost::before,
  .btn-whatsapp::before,.es-submit::before,
  .btn-secondary::after,.btn.btn-ghost::after,
  .hero-cta .btn.btn-primary::after,
  .dm-hero-cta .btn-primary::after{
    animation:none !important;
    transition:transform .2s ease, box-shadow .2s ease !important;
  }
  .btn-primary,.btn.btn-primary,.es-submit{box-shadow:0 8px 24px rgba(16,185,129,.35)}
  .btn-whatsapp{box-shadow:0 8px 24px rgba(37,211,102,.35)}
}

/* ---- Print: flat appearance ---- */
@media print{
  .btn-primary,.btn.btn-primary,
  .btn-secondary,.btn.btn-ghost,
  .btn-whatsapp,.es-submit{
    animation:none !important;
    box-shadow:none !important;
    background:#10B981 !important;
    color:#fff !important;
  }
}


/* ============================================================
   SECTION 2 — MOBILE UI OVERRIDES  (was mobile-ui.css)
   Paste your full mobile-ui.css content right below this line,
   as-is (no changes needed).
   ============================================================ */

/* ============================================================
   SKYLAB SEO - MOBILE UI UPGRADE
   - Animated Hamburger
   - Bottom Sheet Mobile Menu
   - 3-Button Mobile Bottom Bar
   - Desktop Services Dropdown Arrow Fix
   ============================================================ */

/* ---------- DESKTOP: Services dropdown arrow (SVG) ---------- */
.has-dropdown > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;
}
.has-dropdown > a::after{display:none !important}
.has-dropdown > a .dd-arrow{
  width:12px;height:12px;
  opacity:.85;
  color:var(--accent-2);
  transition:transform .3s ease, opacity .3s ease;
  flex-shrink:0;
}
.has-dropdown:hover > a .dd-arrow,
.has-dropdown:focus-within > a .dd-arrow{
  transform:rotate(180deg);
  opacity:1;
}

/* ---------- HAMBURGER TOGGLE (animated 3-line) ---------- */
.nav-toggle{
  background:rgba(255,255,255,.04) !important;
  border:1px solid var(--border-strong) !important;
  width:44px !important;
  height:44px !important;
  border-radius:12px !important;
  padding:0 !important;
  cursor:pointer !important;
  transition:all .25s !important;
  font-size:0 !important;
}
@media(max-width:900px){
  .nav-toggle{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }
}
.nav-toggle:hover{
  background:rgba(16,185,129,.1) !important;
  border-color:var(--accent) !important;
}
.nav-toggle .hamburger{
  width:20px;
  height:14px;
  position:relative;
  display:inline-block;
  pointer-events:none;
}
.nav-toggle .hamburger span{
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  background:#fff;
  border-radius:2px;
  transition:all .3s cubic-bezier(.4,0,.2,1);
  display:block;
}
.nav-toggle .hamburger span:nth-child(1){top:0}
.nav-toggle .hamburger span:nth-child(2){top:6px}
.nav-toggle .hamburger span:nth-child(3){top:12px}
.nav-toggle.active .hamburger span:nth-child(1){
  top:6px;
  transform:rotate(45deg);
  background:var(--accent-2);
}
.nav-toggle.active .hamburger span:nth-child(2){
  opacity:0;
  transform:translateX(-10px);
}
.nav-toggle.active .hamburger span:nth-child(3){
  top:6px;
  transform:rotate(-45deg);
  background:var(--accent-2);
}

/* ---------- MOBILE MENU BACKDROP ---------- */
.mobile-menu-backdrop{
  position:fixed;
  inset:0;
  background:rgba(7,11,20,.75);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  z-index:150;
  opacity:0;
  visibility:hidden;
  transition:opacity .35s ease, visibility .35s ease;
}
.mobile-menu-backdrop.open{
  opacity:1;
  visibility:visible;
}

/* ---------- MOBILE MENU - BOTTOM SHEET ---------- */
.mobile-menu{
  position:fixed !important;
  top:auto !important;
  right:0 !important;
  left:0 !important;
  bottom:0 !important;
  width:100% !important;
  max-width:none !important;
  max-height:88vh !important;
  background:linear-gradient(180deg,#0F1729 0%,#070B14 100%) !important;
  z-index:160 !important;
  transform:translateY(100%) !important;
  transition:transform .45s cubic-bezier(.32,.72,0,1) !important;
  border-left:none !important;
  border-top:1px solid var(--border-strong) !important;
  border-top-left-radius:24px !important;
  border-top-right-radius:24px !important;
  box-shadow:0 -20px 60px -10px rgba(0,0,0,.7), 0 -2px 0 rgba(16,185,129,.15) !important;
  padding-bottom:max(24px,env(safe-area-inset-bottom)) !important;
  overflow-y:auto !important;
  overflow-x:hidden !important;
  -webkit-overflow-scrolling:touch !important;
}
.mobile-menu.open{
  transform:translateY(0) !important;
}

/* drag handle on top */
.mm-handle{
  width:44px;
  height:5px;
  border-radius:99px;
  background:rgba(255,255,255,.18);
  margin:10px auto 0;
}

/* mobile menu header */
.mm-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 22px 14px;
  border-bottom:1px solid var(--border);
  position:sticky;
  top:0;
  z-index:2;
  background:linear-gradient(180deg,#0F1729 80%,rgba(15,23,41,0));
}
.mm-logo{
  font-family:'Plus Jakarta Sans',sans-serif;
  font-weight:800;
  font-size:1.25rem;
  color:#fff;
  letter-spacing:-.3px;
}
.mm-logo span{
  background:var(--gradient-brand);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent;
}
.mm-close{
  width:40px;
  height:40px;
  border-radius:12px;
  background:rgba(255,255,255,.06);
  border:1px solid var(--border);
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .25s;
  padding:0;
  font-size:0;
}
.mm-close svg{
  width:18px;
  height:18px;
}
.mm-close:hover,
.mm-close:active{
  background:rgba(239,68,68,.15);
  border-color:rgba(239,68,68,.4);
  color:#F87171;
  transform:rotate(90deg);
}

/* navigation list */
.mm-links{
  padding:14px 16px 6px;
  display:flex;
  flex-direction:column;
  gap:4px;
}

/* each nav item - CRITICAL FIX for icon size */
.mm-link{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  padding:14px !important;
  border-radius:14px !important;
  color:var(--text) !important;
  font-weight:500 !important;
  font-size:1rem !important;
  border:1px solid transparent !important;
  background:transparent !important;
  font-family:inherit !important;
  width:100% !important;
  text-align:left !important;
  cursor:pointer !important;
  transition:all .25s ease !important;
  text-decoration:none !important;
  line-height:1 !important;
}

/* icon wrapper - FIXED SIZE */
.mm-link .mm-icon{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  max-width:38px !important;
  flex:0 0 38px !important;
  border-radius:10px !important;
  background:rgba(16,185,129,.08) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--accent-2) !important;
  transition:all .3s !important;
}
.mm-link .mm-icon svg{
  width:20px !important;
  height:20px !important;
  display:block !important;
  flex-shrink:0 !important;
}

/* text label */
.mm-link .mm-text{
  flex:1 !important;
  font-size:1rem !important;
  color:inherit !important;
}

/* chevron for services accordion */
.mm-link .mm-chev{
  width:20px !important;
  height:20px !important;
  min-width:20px !important;
  flex:0 0 20px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:var(--text-dim) !important;
  transition:transform .35s cubic-bezier(.4,0,.2,1), color .25s !important;
}
.mm-link .mm-chev svg{
  width:14px !important;
  height:14px !important;
  display:block !important;
}

/* hover/active states */
.mm-link:hover,
.mm-link:active,
.mm-link:focus-visible{
  background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(59,130,246,.06)) !important;
  border-color:rgba(16,185,129,.2) !important;
  color:#fff !important;
}
.mm-link:hover .mm-icon,
.mm-link:active .mm-icon{
  background:rgba(16,185,129,.18) !important;
  transform:scale(1.05) !important;
}

/* services accordion open state */
.mm-link.has-sub.open{
  background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(59,130,246,.08)) !important;
  border-color:rgba(16,185,129,.25) !important;
}
.mm-link.has-sub.open .mm-chev{
  transform:rotate(180deg) !important;
  color:var(--accent-2) !important;
}

/* sub-menu (services list) */
.mm-sub{
  max-height:0;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  gap:2px;
  padding:0 14px;
  margin:0 14px;
  border-left:2px solid transparent;
  transition:max-height .4s ease, padding .3s, margin .3s, border-color .3s, background .3s;
}
.mm-sub.open{
  max-height:600px;
  padding:6px 14px 10px;
  margin:0 14px 4px;
  border-left-color:rgba(16,185,129,.3);
  background:linear-gradient(90deg,rgba(16,185,129,.04),transparent);
  border-radius:0 10px 10px 0;
}
.mm-sub a{
  display:flex;
  align-items:center;
  gap:8px;
  padding:11px 12px;
  font-size:.92rem;
  color:var(--text-dim);
  border-radius:8px;
  border-left:none;
  transition:all .2s;
  text-decoration:none;
}
.mm-sub a::before{
  content:"→";
  color:var(--accent-2);
  opacity:0;
  transform:translateX(-6px);
  transition:all .25s;
  font-weight:700;
  display:inline-block;
}
.mm-sub a:hover,
.mm-sub a:active{
  color:#fff;
  background:rgba(16,185,129,.08);
}
.mm-sub a:hover::before,
.mm-sub a:active::before{
  opacity:1;
  transform:translateX(0);
}

/* CTA buttons (WhatsApp + Call) */
.mm-cta{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
  padding:18px 22px 8px !important;
  border-top:1px solid var(--border) !important;
  margin-top:14px !important;
}
.mm-cta-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:14px !important;
  border-radius:12px !important;
  font-weight:700 !important;
  color:#fff !important;
  font-size:.95rem !important;
  text-decoration:none !important;
  transition:transform .2s, box-shadow .2s !important;
}
.mm-cta-btn svg{
  width:18px !important;
  height:18px !important;
  flex-shrink:0;
}
.mm-cta-btn:active{transform:scale(.97) !important}
.mm-cta-btn.wa{
  background:#25D366 !important;
  box-shadow:0 8px 20px -6px rgba(37,211,102,.5) !important;
}
.mm-cta-btn.call{
  background:var(--gradient-brand) !important;
  box-shadow:0 8px 20px -6px rgba(16,185,129,.5) !important;
}

/* mini info at bottom */
.mm-mini{
  text-align:center;
  padding:16px 22px 8px;
  font-size:.85rem;
  color:var(--text-dim);
  line-height:1.7;
  border-top:1px solid var(--border);
  margin-top:8px;
}
.mm-mini strong{
  color:#fff;
  display:block;
  margin-bottom:4px;
  font-size:.95rem;
}

/* body scroll lock */
body.menu-open{
  overflow:hidden !important;
  touch-action:none !important;
}

/* ---------- MOBILE BOTTOM BAR (3 buttons) ---------- */
.mobile-bottom-bar{
  background:linear-gradient(180deg,rgba(15,23,41,.85) 0%,rgba(7,11,20,.98) 100%) !important;
  backdrop-filter:blur(20px) saturate(180%) !important;
  -webkit-backdrop-filter:blur(20px) saturate(180%) !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 -10px 40px rgba(0,0,0,.5), 0 -1px 0 rgba(16,185,129,.15) !important;
  padding:8px 6px !important;
  padding-bottom:max(8px,env(safe-area-inset-bottom)) !important;
  gap:4px !important;
}
.mbb-item{
  position:relative;
  padding:10px 6px;
  border-radius:14px;
  overflow:hidden;
  gap:5px;
  transition:all .28s cubic-bezier(.4,0,.2,1);
  -webkit-tap-highlight-color:transparent;
}
.mbb-item::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:0;
  height:0;
  border-radius:50%;
  background:rgba(255,255,255,.25);
  transform:translate(-50%,-50%);
  transition:width .5s ease, height .5s ease, opacity .5s ease;
  opacity:0;
  pointer-events:none;
  z-index:1;
}
.mbb-item:active::after{
  width:140%;
  height:140%;
  opacity:1;
  transition:0s;
}
.mbb-item:active{transform:scale(.94)}
.mbb-icon{
  width:42px;
  height:42px;
  border-radius:12px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:2;
  transition:transform .3s ease, box-shadow .3s ease;
}
.mbb-icon svg{
  width:22px;
  height:22px;
}
.mbb-label{
  position:relative;
  z-index:2;
  letter-spacing:.2px;
  transition:color .25s;
  color:#cbd5e1;
  font-size:11px;
  font-weight:600;
}

/* Call button */
.mbb-call .mbb-icon{
  background:linear-gradient(135deg,#3B82F6,#10B981);
  box-shadow:0 4px 14px rgba(59,130,246,.4);
  color:#fff;
}
.mbb-call:hover .mbb-icon,
.mbb-call:active .mbb-icon{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 8px 20px rgba(59,130,246,.55);
}
.mbb-call:hover .mbb-label{color:#60A5FA}

/* WhatsApp button with pulse */
.mbb-whatsapp .mbb-icon{
  background:#25D366 !important;
  box-shadow:0 4px 14px rgba(37,211,102,.45);
  color:#fff !important;
  animation:mbbWaPulse 2.4s ease-in-out infinite;
}
.mbb-whatsapp .mbb-icon svg{color:#fff !important}
.mbb-whatsapp .mbb-icon::before{
  content:"";
  position:absolute;
  inset:-4px;
  border-radius:14px;
  border:2px solid rgba(37,211,102,.5);
  animation:mbbWaRing 2s ease-out infinite;
  pointer-events:none;
}
.mbb-whatsapp:hover .mbb-icon,
.mbb-whatsapp:active .mbb-icon{
  transform:translateY(-3px) scale(1.05);
}
.mbb-whatsapp:hover .mbb-label{color:#25D366}
@keyframes mbbWaPulse{
  0%,100%{box-shadow:0 4px 14px rgba(37,211,102,.45)}
  50%{box-shadow:0 6px 22px rgba(37,211,102,.7)}
}
@keyframes mbbWaRing{
  0%{transform:scale(1);opacity:.7}
  100%{transform:scale(1.35);opacity:0}
}

/* Quote button */
.mbb-quote .mbb-icon{
  background:linear-gradient(135deg,#F59E0B,#EF4444);
  box-shadow:0 4px 14px rgba(245,158,11,.45);
  color:#fff;
}
.mbb-quote:hover .mbb-icon,
.mbb-quote:active .mbb-icon{
  transform:translateY(-3px) scale(1.05);
  box-shadow:0 8px 20px rgba(239,68,68,.55);
}
.mbb-quote:hover .mbb-label{color:#FBBF24}

/* Mobile-only spacing fix */
@media(max-width:768px){
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom)) !important}
  .back-to-top{
    right:14px !important;
    bottom:calc(86px + env(safe-area-inset-bottom)) !important;
    width:44px !important;
    height:44px !important;
  }
}

/* Reduced motion */
@media(prefers-reduced-motion:reduce){
  .mbb-whatsapp .mbb-icon,
  .mbb-whatsapp .mbb-icon::before{animation:none !important}
  .mbb-item,
  .mbb-icon,
  .mm-link{transition:none !important}
}



/* ============================================================
   SECTION 3 — DIGITAL MARKETING PAGE  (was digital-marketing.css)
   Buttons removed (global animated buttons used instead).
   .breadcrumb / .section-header / .section-tag / .gradient-text kept
   (coexist safely with other pages).
   ============================================================ */

.gradient-text{
  background:linear-gradient(135deg,#10B981 0%,#34D399 50%,#3B82F6 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}
.section-tag{
  display:inline-block;padding:6px 16px;border-radius:999px;
  background:rgba(16,185,129,.10);border:1px solid rgba(16,185,129,.35);
  color:#34D399;font-size:13px;font-weight:600;margin-bottom:14px;
}
.section-header{text-align:center;max-width:780px;margin:0 auto 50px}
.section-header h2{font-size:clamp(26px,3.8vw,42px);font-weight:800;color:#fff;line-height:1.15;margin-bottom:14px;letter-spacing:-.02em}
.section-header p{color:#94a3b8;font-size:16px}

/* HERO */
.dm-hero{position:relative;padding:120px 0 80px;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0F1623 100%)}
.dm-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.dm-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.dm-orb-1{width:500px;height:500px;background:#10B981;top:-150px;left:-100px}
.dm-orb-2{width:600px;height:600px;background:#3B82F6;bottom:-200px;right:-150px;opacity:.4}
.dm-orb-3{width:400px;height:400px;background:#34D399;top:40%;left:50%;transform:translate(-50%,-50%);opacity:.20}
.dm-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.dm-hero .container{position:relative;z-index:1}

.breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:30px;flex-wrap:wrap}
.breadcrumb a{color:#94a3b8;transition:color .2s;text-decoration:none}
.breadcrumb a:hover{color:#34D399}
.breadcrumb span[aria-current]{color:#34D399;font-weight:600}

.dm-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.dm-hero-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.40);color:#34D399;font-size:13px;font-weight:600;margin-bottom:20px}
.dm-hero-content h1{font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:18px;letter-spacing:-.02em}
.dm-hero-sub{font-size:17px;color:#94a3b8;margin-bottom:24px;max-width:560px;line-height:1.65}
.dm-hero-bullets{list-style:none;padding:0;margin:0 0 28px}
.dm-hero-bullets li{padding:7px 0;color:#cbd5e1;font-size:15px}
.dm-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.dm-hero-trust{font-size:13px;color:#64748b;font-style:italic}

.form-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;backdrop-filter:blur(20px)}
.form-card h3{color:#fff;font-size:22px;margin:0 0 6px}
.form-card>p{color:#94a3b8;font-size:14px;margin-bottom:20px}
.form-card form{display:flex;flex-direction:column;gap:12px}
.form-card input,.form-card select{width:100%;padding:13px 14px;border-radius:10px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;font-family:inherit}
.form-card input::placeholder{color:#64748b}
.form-card input:focus,.form-card select:focus{outline:none;border-color:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.form-card select option{background:#0F1623;color:#fff}
.form-card button{margin-top:6px;width:100%}

.trust-bar{padding:40px 0;background:rgba(255,255,255,.02);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.trust-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
.trust-stat strong{display:block;font-size:32px;font-weight:800;background:linear-gradient(135deg,#10B981,#3B82F6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}
.trust-stat span{font-size:13px;color:#94a3b8;font-weight:500}

.dm-about{position:relative;padding:100px 0;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0F1623 100%)}
.dm-about-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.dm-about-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.dm-about-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.dm-about-orb-1{width:400px;height:400px;background:#10B981;top:-100px;left:-100px}
.dm-about-orb-2{width:500px;height:500px;background:#3B82F6;bottom:-150px;right:-150px;opacity:.30}
.dm-about .container{position:relative;z-index:1}
.dm-about-header{text-align:center;max-width:780px;margin:0 auto 60px}
.dm-about-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.40);color:#34D399;font-size:13px;font-weight:600;margin-bottom:20px}
.dm-about-badge svg{color:#fbbf24}
.dm-about-header h2{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.15;color:#fff;margin:0 0 16px;letter-spacing:-.02em}
.dm-about-sub{font-size:17px;line-height:1.65;color:#94a3b8;margin:0}
.dm-about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start}
.dm-about-content p{color:#cbd5e1;line-height:1.75;margin:0 0 18px;font-size:15.5px}
.dm-about-content strong{color:#fff;font-weight:600}
.dm-about-lead{font-size:17px !important;color:#e2e8f0 !important}
.dm-about-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.dm-trust-item{text-align:center}
.dm-trust-item strong{display:block;font-size:24px;font-weight:800;background:linear-gradient(135deg,#10B981,#3B82F6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}
.dm-trust-item span{font-size:12px;color:#94a3b8;font-weight:500}
.dm-about-visual{position:relative}
.dm-about-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;backdrop-filter:blur(20px);overflow:hidden}
.dm-about-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(16,185,129,.15),transparent 50%);pointer-events:none}
.dm-about-card-header{margin-bottom:24px;position:relative}
.dm-card-tag{display:inline-block;font-size:12px;font-weight:600;color:#34D399;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.dm-about-card-header h3{font-size:24px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}
.dm-about-card-list{list-style:none;padding:0;margin:0;position:relative}
.dm-about-card-list li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.dm-about-card-list li:last-child{border-bottom:none}
.dm-card-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.20),rgba(59,130,246,.20));border:1px solid rgba(16,185,129,.30);border-radius:10px;color:#34D399}
.dm-about-card-list strong{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}
.dm-about-card-list p{margin:0;color:#94a3b8;font-size:13.5px;line-height:1.55}

.dm-why{padding:90px 0;background:rgba(255,255,255,.015)}
.dm-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dm-why-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.dm-why-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.dm-why-icon{font-size:36px;margin-bottom:14px}
.dm-why-card h3{color:#fff;font-size:18px;margin:0 0 8px;font-weight:700}
.dm-why-card p{color:#94a3b8;font-size:14.5px;line-height:1.6;margin:0}

.dm-services{padding:90px 0}
.dm-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.dm-service-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 28px;transition:transform .3s ease,border-color .3s ease,background .3s ease;position:relative;overflow:hidden}
.dm-service-card:hover{transform:translateY(-6px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.04)}
.dm-service-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.12));border:1px solid rgba(16,185,129,.30);color:#34D399;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all .3s ease}
.dm-service-card:hover .dm-service-icon{background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;border-color:transparent;transform:scale(1.05)}
.dm-service-card h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}
.dm-service-card>p{color:#94a3b8;font-size:14px;line-height:1.65;margin:0 0 16px}
.dm-service-card ul{list-style:none;padding:0;margin:0}
.dm-service-card ul li{padding:6px 0;color:#cbd5e1;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.dm-service-card ul li:last-child{border-bottom:none}

.dm-industries{padding:90px 0;background:rgba(255,255,255,.015)}
.dm-industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dm-industry-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 20px;transition:transform .3s ease,border-color .3s ease,background .3s ease;text-align:center}
.dm-industry-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.dm-ind-icon{font-size:32px;margin-bottom:10px}
.dm-industry-card h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 6px}
.dm-industry-card p{color:#94a3b8;font-size:13px;line-height:1.55;margin:0}

.dm-framework{position:relative;padding:100px 0;overflow:hidden;background:linear-gradient(180deg,#070B14,#0F1623,#070B14)}
.dm-framework-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.dm-framework-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.22),transparent 70%);filter:blur(80px);top:50%;left:50%;transform:translate(-50%,-50%)}
.dm-framework .container{position:relative;z-index:1}
.dm-framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.dm-framework-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px 28px;text-align:center;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;overflow:hidden}
.dm-framework-card:hover{transform:translateY(-8px);border-color:rgba(16,185,129,.50);box-shadow:0 20px 50px rgba(16,185,129,.2)}
.dm-fw-letter{display:inline-flex;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;font-size:36px;font-weight:800;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 8px 24px rgba(16,185,129,.4);letter-spacing:-.02em}
.dm-framework-card h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 10px}
.dm-framework-card p{color:#94a3b8;font-size:14px;line-height:1.65;margin:0}

.dm-process{padding:100px 0}
.dm-process-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.dm-process-line{display:none;position:absolute;top:54px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.40) 15%,rgba(52,211,153,.60) 50%,rgba(59,130,246,.40) 85%,transparent 100%);z-index:0}
.dm-process-line::before,.dm-process-line::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#10B981;box-shadow:0 0 16px rgba(16,185,129,.8)}
.dm-process-line::before{left:0}
.dm-process-line::after{right:0;background:#3B82F6;box-shadow:0 0 16px rgba(59,130,246,.8)}
@media(min-width:1025px){.dm-process-line{display:block}}
.dm-process-step{position:relative;z-index:1}
.dm-process-inner{position:relative;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 22px 22px;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;overflow:hidden}
.dm-process-inner:hover{transform:translateY(-6px);border-color:rgba(16,185,129,.40);box-shadow:0 18px 40px rgba(16,185,129,.15)}
.dm-process-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.12));border:1px solid rgba(16,185,129,.30);color:#34D399;margin-bottom:16px;transition:all .35s ease;position:relative;z-index:2}
.dm-process-inner:hover .dm-process-icon{background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;border-color:transparent}
.dm-step-num{position:absolute;top:16px;right:18px;font-size:38px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(59,130,246,.15));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}
.dm-process-step h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.dm-process-step p{color:#94a3b8;font-size:13.5px;line-height:1.6;margin:0 0 14px}
.dm-step-time{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.30);color:#6ee7b7;font-size:11px;font-weight:600}
.dm-step-time::before{content:"";width:5px;height:5px;border-radius:50%;background:#10B981;box-shadow:0 0 8px #10B981}

.dm-results{padding:100px 0;background:rgba(255,255,255,.015)}
.dm-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}
.dm-result-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:30px;transition:transform .3s ease,border-color .3s ease}
.dm-result-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40)}
.dm-result-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.30);color:#6ee7b7;font-size:12px;font-weight:600;margin-bottom:14px}
.dm-result-card h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 12px}
.dm-result-metric{font-size:24px !important;font-weight:700;color:#fff !important;margin:0 0 10px !important}
.dm-result-metric strong{background:linear-gradient(135deg,#10B981,#3B82F6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.dm-result-card>p:last-child{color:#94a3b8;font-size:14px;line-height:1.65;margin:0}
.dm-results-cta{margin-top:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.dm-results-cta p{color:#cbd5e1;font-size:16px;margin:0}

.dm-why-us{padding:90px 0}
.dm-why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.dm-why-us-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s ease}
.dm-why-us-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.dm-why-us-icon{font-size:34px;margin-bottom:14px}
.dm-why-us-card h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.dm-why-us-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}

.dm-local{padding:90px 0;background:rgba(255,255,255,.015)}
.dm-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.dm-local-info h2{font-size:clamp(26px,3.5vw,38px);color:#fff;margin:14px 0;line-height:1.15}
.dm-local-info>p{color:#94a3b8;margin-bottom:24px;font-size:16px}
.dm-local-details{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}
.dm-local-item{display:flex;gap:14px;align-items:flex-start}
.dm-local-item svg{color:#34D399;flex-shrink:0;margin-top:2px}
.dm-local-item strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.dm-local-item p{color:#94a3b8;font-size:14px;margin:0;line-height:1.65}
.dm-local-item a{color:#34D399;transition:color .2s;text-decoration:none}
.dm-local-item a:hover{color:#fff}
.dm-local-map{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);height:380px}
.dm-local-map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg)}

.dm-related{padding:90px 0}
.dm-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.dm-related-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;transition:all .3s ease;text-decoration:none;display:block}
.dm-related-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40)}
.dm-related-icon{font-size:32px;margin-bottom:12px}
.dm-related-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.dm-related-card p{color:#94a3b8;font-size:13.5px;line-height:1.55;margin:0 0 14px}
.dm-related-link{color:#34D399;font-size:13.5px;font-weight:600}

.dm-faq{padding:90px 0;background:rgba(255,255,255,.015)}
.dm-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.dm-faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.dm-faq-item summary{padding:18px 22px;color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.dm-faq-item summary::-webkit-details-marker{display:none}
.dm-faq-item summary::after{content:"+";font-size:22px;color:#34D399;transition:transform .2s}
.dm-faq-item[open] summary::after{transform:rotate(45deg)}
.dm-faq-item summary:hover{color:#34D399}
.dm-faq-item p{padding:0 22px 18px;color:#94a3b8;font-size:14.5px;line-height:1.7;margin:0}

.dm-cta{padding:90px 0}
.dm-cta-card{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.10));border:1px solid rgba(16,185,129,.30);border-radius:24px;padding:60px 40px;text-align:center}
.dm-cta-card h2{font-size:clamp(26px,4vw,42px);color:#fff;margin:0 0 14px;line-height:1.15}
.dm-cta-card>p{color:#cbd5e1;font-size:17px;margin:0 0 28px;line-height:1.6}
.dm-cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:1024px){
  .dm-hero-grid{grid-template-columns:1fr;gap:40px}
  .dm-about-grid{grid-template-columns:1fr;gap:40px}
  .dm-about-visual{order:-1}
  .dm-why-grid,.dm-services-grid,.dm-why-us-grid{grid-template-columns:repeat(2,1fr)}
  .dm-industries-grid{grid-template-columns:repeat(3,1fr)}
  .dm-framework-grid{grid-template-columns:repeat(2,1fr)}
  .dm-process-timeline{grid-template-columns:repeat(3,1fr)}
  .dm-process-line{display:none}
  .dm-results-grid{grid-template-columns:1fr}
  .dm-related-grid{grid-template-columns:repeat(2,1fr)}
  .dm-local-grid{grid-template-columns:1fr;gap:32px}
  .dm-about-trust,.trust-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .dm-hero{padding:80px 0 60px}
  .dm-why-grid,.dm-services-grid,.dm-why-us-grid,.dm-industries-grid,.dm-framework-grid,.dm-process-timeline,.dm-related-grid{grid-template-columns:1fr}
  .dm-cta-card{padding:40px 24px}
  .dm-local-map{height:300px}
}
@media(max-width:480px){
  .dm-hero-cta{flex-direction:column;width:100%}
  .dm-hero-cta a{width:100%}
  .dm-cta-buttons{flex-direction:column;width:100%}
  .dm-cta-buttons a{width:100%}
}


/* ============================================================
   SECTION 4 — GOOGLE ADS PAGE  (was google-ads.css)
   No buttons defined here originally. .cm-stars scoped below.
   @keyframes floatOrb inherited from Base (style.css).
   ============================================================ */

.ga-hero{padding:140px 0 80px;position:relative;overflow:hidden}
.ga-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.ga-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4;animation:floatOrb 8s ease-in-out infinite}
.ga-orb-1{width:400px;height:400px;background:#10B981;top:-100px;left:-100px}
.ga-orb-2{width:500px;height:500px;background:#3B82F6;bottom:-150px;right:-150px;animation-delay:-4s}
.ga-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at center,#000 30%,transparent 70%);-webkit-mask-image:radial-gradient(circle at center,#000 30%,transparent 70%)}
.ga-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center;position:relative;z-index:1}
.ga-hero-content h1{font-size:clamp(2.2rem,5vw,3.6rem);margin-bottom:18px;font-weight:800;line-height:1.15}
.ga-hero-content .lead{font-size:1.1rem;color:var(--text-dim);margin-bottom:24px;max-width:560px}
.ga-bullets{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.ga-bullets li{color:var(--text);font-size:.95rem}

.ga-hero-visual{display:flex;justify-content:flex-end}
.auction-card{background:linear-gradient(180deg,rgba(31,41,55,.85),rgba(15,22,35,.95));border:1px solid var(--border-strong);border-radius:20px;padding:24px;width:100%;max-width:460px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,0,0,.7);animation:cardFloat 6s ease-in-out infinite}
@keyframes cardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
.auction-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.auction-title{display:flex;align-items:center;gap:8px;color:#fff;font-size:.92rem}
.auction-pulse{width:10px;height:10px;border-radius:50%;background:#EF4444;box-shadow:0 0 14px #EF4444;animation:pulseDot 1.4s infinite}
@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}
.auction-query{font-size:.8rem;color:var(--text-dim);font-family:monospace;background:rgba(255,255,255,.05);padding:4px 10px;border-radius:8px}
.auction-bidders{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.bidder{display:grid;grid-template-columns:140px 1fr 50px;gap:10px;align-items:center;padding:10px 12px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:10px;transition:all .4s}
.bidder.bidder-win{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.08));border-color:rgba(16,185,129,.5);box-shadow:0 0 24px rgba(16,185,129,.25);animation:winGlow 2.5s ease-in-out infinite}
@keyframes winGlow{0%,100%{box-shadow:0 0 24px rgba(16,185,129,.25)}50%{box-shadow:0 0 36px rgba(16,185,129,.5)}}
.bidder-info{display:flex;align-items:center;gap:8px}
.bidder-rank{font-weight:800;color:var(--text-dim);font-size:.85rem;font-family:'Plus Jakarta Sans',sans-serif}
.bidder.bidder-win .bidder-rank{color:var(--accent-2)}
.bidder-name{font-size:.85rem;color:var(--text);font-weight:500}
.bidder.bidder-win .bidder-name{color:#fff;font-weight:700}
.bidder-bar{height:6px;background:rgba(255,255,255,.06);border-radius:3px;overflow:hidden}
.bidder-fill{height:100%;background:linear-gradient(90deg,#6B7280,#9CA3AF);width:0;border-radius:3px;transition:width 1.2s ease;animation:bidPulse 3s ease-in-out infinite}
.bidder.bidder-win .bidder-fill{background:var(--gradient-brand)}
@keyframes bidPulse{0%,100%{opacity:1}50%{opacity:.75}}
.bidder-bid{font-weight:700;color:#fff;text-align:right;font-size:.9rem;font-family:'Plus Jakarta Sans',sans-serif}
.bidder.bidder-win .bidder-bid{color:var(--accent-2);font-size:1rem}
.auction-serp{background:#fff;border-radius:12px;padding:14px 16px;color:#202124}
.serp-ad-label{font-size:.7rem;color:#202124;font-weight:700;margin-bottom:4px}
.serp-ad-label::before{content:"";display:inline-block;width:18px;height:14px;background:#202124;color:#fff;text-align:center;font-size:.6rem;line-height:14px;border-radius:3px;margin-right:6px;vertical-align:middle}
.serp-ad-title{color:#1a0dab;font-size:1rem;font-weight:500;line-height:1.3;margin-bottom:4px}
.serp-ad-desc{color:#4d5156;font-size:.82rem;line-height:1.4}

.ga-trust-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
.ga-trust-stat strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.8rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:4px}
.ga-trust-stat span{font-size:.82rem;color:var(--text-dim)}

.roi-card{background:linear-gradient(180deg,rgba(31,41,55,.55),rgba(15,22,35,.9));border:1px solid var(--border-strong);border-radius:20px;padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.roi-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.roi-label-row label{color:#fff;font-weight:600;font-size:1rem}
.roi-budget{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
#roiSlider{width:100%;height:8px;border-radius:4px;background:rgba(255,255,255,.08);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}
#roiSlider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--gradient-brand);cursor:pointer;box-shadow:0 4px 14px rgba(16,185,129,.5);border:3px solid #fff}
#roiSlider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#10B981;cursor:pointer;border:3px solid #fff}
.roi-range-marks{display:flex;justify-content:space-between;margin-top:10px;font-size:.78rem;color:var(--text-dim)}
.roi-industry{margin-top:22px}
.roi-industry label{display:block;color:var(--text);font-size:.9rem;font-weight:600;margin-bottom:10px}
.roi-chips{display:flex;flex-wrap:wrap;gap:8px}
.roi-chip{padding:7px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:99px;color:var(--text-dim);font-size:.82rem;font-weight:500;cursor:pointer;transition:all .25s;font-family:inherit}
.roi-chip:hover{border-color:var(--accent);color:#fff}
.roi-chip.active{background:var(--gradient-brand);border-color:transparent;color:#fff;font-weight:600}
.roi-output{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.roi-stat{padding:18px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;text-align:center}
.roi-stat.roi-highlight{background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(59,130,246,.06));border-color:rgba(16,185,129,.4)}
.roi-stat-icon{font-size:1.4rem;display:block;margin-bottom:6px}
.roi-stat strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;margin-bottom:2px}
.roi-stat.roi-highlight strong{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.roi-stat span{font-size:.78rem;color:var(--text-dim)}

.ga-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ga-why-card{padding:28px 22px;background:linear-gradient(180deg,rgba(31,41,55,.4),rgba(15,22,35,.7));border:1px solid var(--border);border-radius:16px;transition:transform .3s,border-color .3s,box-shadow .3s}
.ga-why-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 20px 50px -15px rgba(16,185,129,.3)}
.ga-why-icon{font-size:2rem;margin-bottom:14px}
.ga-why-card h4{font-size:1.1rem;margin-bottom:8px}
.ga-why-card p{font-size:.9rem;color:var(--text-dim)}

.camp-tabs-wrap{background:linear-gradient(180deg,rgba(31,41,55,.4),rgba(15,22,35,.7));border:1px solid var(--border);border-radius:20px;padding:24px}
.camp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.camp-tab{flex:1 1 auto;min-width:130px;padding:11px 16px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:var(--text-dim);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .3s;font-family:inherit}
.camp-tab:hover{color:#fff;background:rgba(255,255,255,.08)}
.camp-tab.active{background:var(--gradient-brand);color:#fff;border-color:transparent;box-shadow:0 8px 20px -6px rgba(16,185,129,.4)}
.camp-panels{position:relative;min-height:320px}
.camp-panel{display:none;grid-template-columns:1fr 1fr;gap:30px;align-items:center}
.camp-panel.active{display:grid;animation:fadePanel .5s ease}
@keyframes fadePanel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.camp-info h3{font-size:1.4rem;margin-bottom:10px}
.camp-info p{color:var(--text-dim);margin-bottom:16px}
.camp-info ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.camp-info li{color:var(--text);font-size:.92rem}
.camp-mock{background:#fff;border-radius:14px;padding:18px;min-height:240px}
.camp-mock-search{display:flex;flex-direction:column;gap:10px}
.cm-ad{padding:12px;border-bottom:1px solid #ebebeb;color:#202124}
.cm-ad:last-child{border:none}
.cm-tag{display:inline-block;padding:1px 6px;background:#202124;color:#fff;font-size:.65rem;border-radius:3px;font-weight:700;margin-bottom:4px}
.cm-title{color:#1a0dab;font-size:1rem;font-weight:500;margin-bottom:2px}
.cm-url{color:#006621;font-size:.78rem;margin-bottom:4px}
.cm-desc{color:#4d5156;font-size:.82rem}
.camp-mock-display{display:grid;grid-template-columns:1fr 1fr;gap:10px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);padding:14px}
.cm-banner{border-radius:8px;min-height:80px}
.cm-b1{background:linear-gradient(135deg,#3B82F6,#10B981)}
.cm-b2{background:linear-gradient(135deg,#F59E0B,#EF4444);grid-row:span 2}
.cm-b3{background:linear-gradient(135deg,#A855F7,#EC4899)}
.cm-b4{background:linear-gradient(135deg,#10B981,#06B6D4);grid-column:span 2;min-height:40px}
.camp-mock-shopping{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#f8f9fa}
.cm-product{background:#fff;border:1px solid #ebebeb;border-radius:8px;padding:10px;text-align:center}
.cm-img{width:100%;height:80px;border-radius:6px;background:linear-gradient(135deg,#e0e7ff,#ddd6fe);margin-bottom:8px}
.cm-price{font-weight:700;color:#202124;font-size:.95rem;margin-bottom:4px}
/* scoped to avoid clash with contact-page .cm-stars (trust rating) */
.camp-mock-shopping .cm-stars{color:#FBBC04;font-size:.8rem}
.camp-mock-youtube{display:flex;align-items:center;justify-content:center;background:#000}
.cm-video{position:relative;width:100%;height:200px;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:8px;display:flex;align-items:center;justify-content:center}
.cm-play{width:64px;height:64px;border-radius:50%;background:rgba(255,255,255,.95);color:#000;display:flex;align-items:center;justify-content:center;font-size:1.8rem;cursor:pointer;animation:playPulse 2s infinite}
@keyframes playPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
.cm-skip{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.7);color:#fff;padding:5px 10px;font-size:.75rem;border-radius:4px}
.camp-mock-pmax{position:relative;background:linear-gradient(135deg,#0F1623,#1E293B);min-height:280px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.cm-pmax-orb{width:80px;height:80px;border-radius:50%;background:var(--gradient-brand);box-shadow:0 0 40px rgba(16,185,129,.6);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.85rem;animation:orbPulse 3s infinite;position:relative;z-index:2}
.cm-pmax-orb::after{content:"AI";color:#fff;font-weight:800;font-size:1.1rem}
@keyframes orbPulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(16,185,129,.6)}50%{transform:scale(1.1);box-shadow:0 0 60px rgba(16,185,129,.8)}}
.cm-pmax-tag{position:absolute;padding:8px 14px;background:rgba(255,255,255,.1);border:1px solid var(--accent);color:#fff;border-radius:99px;font-size:.78rem;font-weight:600;animation:tagOrbit 8s linear infinite;animation-delay:var(--d)}
.cm-pmax-tag:nth-child(2){top:20%;left:15%}
.cm-pmax-tag:nth-child(3){top:20%;right:15%}
.cm-pmax-tag:nth-child(4){top:50%;left:8%}
.cm-pmax-tag:nth-child(5){bottom:20%;left:15%}
.cm-pmax-tag:nth-child(6){bottom:20%;right:15%}
@keyframes tagOrbit{0%,100%{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-6px)}}
.camp-mock-remarket{background:linear-gradient(135deg,#f0f9ff,#ddd6fe);display:flex;align-items:center;justify-content:center;padding:24px}
.cm-remarket-flow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:center}
.cm-rstep{padding:14px 18px;background:#fff;border-radius:12px;font-weight:600;color:#202124;font-size:.85rem;box-shadow:0 4px 14px rgba(0,0,0,.08)}
.cm-rback{background:var(--gradient-brand);color:#fff;animation:bouncy 1.4s infinite}
@keyframes bouncy{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.cm-rarrow{font-size:1.2rem;color:#6366f1;font-weight:700}

.funnel-wrap{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:14px;align-items:center}
.funnel-step{position:relative;width:var(--w);min-width:200px;max-width:100%;padding:20px 28px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid var(--border);transition:all .6s ease;overflow:hidden}
.funnel-step.funnel-win{background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.08));border-color:rgba(16,185,129,.5);box-shadow:0 12px 30px -8px rgba(16,185,129,.3)}
.funnel-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}
.funnel-label{color:var(--text-dim);font-size:.92rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.funnel-step.funnel-win .funnel-label{color:var(--accent-2)}
.funnel-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.8rem;font-weight:800;color:#fff}
.funnel-step.funnel-win .funnel-num{background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

.timeline-wrap{position:relative;padding:30px 0}
.timeline-line{position:absolute;top:64px;left:5%;right:5%;height:2px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3) 8%,rgba(16,185,129,.3) 92%,transparent);z-index:0}
.timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:20px;position:relative;z-index:2}
.tl-step{text-align:center;padding:20px 14px;background:rgba(15,22,35,.7);border:1px solid var(--border);border-radius:14px;transition:transform .3s,border-color .3s,box-shadow .3s}
.tl-step:hover{transform:translateY(-8px);border-color:var(--accent);box-shadow:0 20px 40px -12px rgba(16,185,129,.4)}
.tl-num{width:42px;height:42px;margin:0 auto 12px;border-radius:50%;background:var(--gradient-brand);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:1rem;box-shadow:0 8px 20px -4px rgba(16,185,129,.5)}
.tl-step h4{font-size:1rem;margin-bottom:6px}
.tl-step p{font-size:.8rem;color:var(--text-dim);line-height:1.4}

.local-adv-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:start}
.local-adv-areas{padding:28px;background:linear-gradient(180deg,rgba(31,41,55,.5),rgba(15,22,35,.85));border:1px solid var(--border);border-radius:18px}
.local-adv-areas h3{font-size:1.2rem;margin-bottom:8px}
.local-adv-sub{color:var(--text-dim);font-size:.9rem;margin-bottom:18px}
.area-chips{display:flex;flex-wrap:wrap;gap:8px}
.area-chip{padding:8px 14px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:99px;font-size:.85rem;color:var(--text);font-weight:500;transition:all .25s}
.area-chip:hover{background:rgba(16,185,129,.1);border-color:var(--accent);color:#fff}
.area-chip.area-main{background:var(--gradient-brand);border-color:transparent;color:#fff;font-weight:700;box-shadow:0 8px 20px -6px rgba(16,185,129,.5)}
.local-adv-case{padding:28px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(59,130,246,.04));border:1px solid rgba(16,185,129,.3);border-radius:18px}
.local-adv-case .case-tag{display:inline-block;padding:4px 12px;background:rgba(16,185,129,.15);color:var(--accent-2);border-radius:99px;font-size:.75rem;font-weight:700;margin-bottom:12px}
.local-adv-case h4{font-size:1.15rem;margin-bottom:10px}
.local-adv-case > p{color:var(--text);font-style:italic;font-size:.95rem;margin-bottom:18px;line-height:1.6}
.case-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding-top:14px;border-top:1px solid var(--border)}
.case-stat strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.4rem;color:var(--accent-2);font-weight:800}
.case-stat span{font-size:.72rem;color:var(--text-dim)}

.ga-industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.ga-industry{padding:16px 18px;background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(59,130,246,.04));border:1px solid var(--border);border-radius:12px;color:var(--text);font-size:.92rem;font-weight:500;text-align:center;transition:all .3s;cursor:default}
.ga-industry:hover{transform:translateY(-3px);border-color:var(--accent);background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(59,130,246,.08));color:#fff}

.ga-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:stretch}
.ga-price-card{padding:32px 28px;background:linear-gradient(180deg,rgba(31,41,55,.45),rgba(15,22,35,.85));border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s;position:relative}
.ga-price-card:hover{transform:translateY(-6px);border-color:var(--accent)}
.ga-price-featured{border-color:rgba(16,185,129,.5);transform:scale(1.02);background:linear-gradient(180deg,rgba(16,185,129,.08),rgba(15,22,35,.9))}
.ga-price-featured:hover{transform:scale(1.02) translateY(-6px)}
.ga-price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--gradient-brand);color:#fff;padding:5px 14px;border-radius:99px;font-size:.75rem;font-weight:700;letter-spacing:.5px;box-shadow:0 8px 20px -6px rgba(16,185,129,.5)}
.ga-price-card h3{font-size:1.3rem;margin-bottom:6px}
.ga-price{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;color:#fff;margin:10px 0 4px}
.ga-price span{font-size:.95rem;font-weight:500;color:var(--text-dim)}
.ga-price-sub{font-size:.85rem;color:var(--text-dim);margin-bottom:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.ga-price-card ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1}
.ga-price-card ul li{color:var(--text);font-size:.92rem}
.ga-price-card .btn{width:100%;justify-content:center}

.ga-mini-form{display:flex;flex-direction:column;gap:10px}
.ga-mini-form input{width:100%;padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:#fff;font-family:inherit;font-size:.92rem}
.ga-mini-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.15)}

.ga-faq .faq-q{cursor:pointer}
.ga-related .service-card{cursor:pointer;text-decoration:none;display:block}
.ga-related .service-card h4{color:#fff}

@media(max-width:1024px){
  .ga-trust-stats{grid-template-columns:repeat(3,1fr)}
  .timeline{grid-template-columns:repeat(3,1fr);gap:14px}
  .timeline-line{display:none}
  .ga-industries-grid{grid-template-columns:repeat(3,1fr)}
  .roi-card{grid-template-columns:1fr;gap:30px}
}
@media(max-width:900px){
  .ga-hero{padding:120px 0 60px}
  .ga-hero-grid{grid-template-columns:1fr;gap:36px}
  .ga-hero-visual{justify-content:center}
  .auction-card{max-width:100%}
  .bidder{grid-template-columns:120px 1fr 50px}
  .ga-trust-stats{grid-template-columns:repeat(2,1fr)}
  .ga-why-grid{grid-template-columns:repeat(2,1fr)}
  .camp-panel.active{grid-template-columns:1fr}
  .camp-tab{flex:1 1 calc(50% - 4px);min-width:auto;font-size:.8rem;padding:10px 8px}
  .local-adv-grid{grid-template-columns:1fr}
  .ga-pricing-grid{grid-template-columns:1fr}
  .ga-price-featured{transform:none}
  .ga-price-featured:hover{transform:translateY(-6px)}
  .ga-industries-grid{grid-template-columns:repeat(2,1fr)}
  .roi-output{grid-template-columns:1fr 1fr}
  .timeline{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:560px){
  .ga-trust-stats{grid-template-columns:1fr 1fr;gap:14px}
  .ga-trust-stat strong{font-size:1.5rem}
  .ga-why-grid{grid-template-columns:1fr}
  .ga-industries-grid{grid-template-columns:1fr}
  .roi-card{padding:22px}
  .roi-output{grid-template-columns:1fr}
  .ga-price-card{padding:26px 22px}
  .ga-price{font-size:2rem}
  .timeline{grid-template-columns:1fr}
  .bidder{grid-template-columns:100px 1fr 45px;font-size:.8rem}
  .bidder-name{font-size:.78rem}
  .funnel-step{padding:14px 18px}
  .funnel-num{font-size:1.4rem}
  .case-stats{grid-template-columns:1fr}
  .camp-tabs{gap:6px}
  .camp-tab{flex:1 1 100%}
}


/* ============================================================
   SECTION 5 — CONTACT PAGE  (was contact.css)
   .breadcrumb scoped to .page-hero (rem-based version) to avoid
   clash with Section 3 px-based .breadcrumb.
   @keyframes pulse renamed to qmPulse (avoids clash with Base pulse).
   .cm-stars here scoped to .cm-trust-card.
   ============================================================ */

.page-hero{padding:140px 0 60px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(16,185,129,.04),transparent)}
.hero-orbs{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:orbFloat 12s ease-in-out infinite}
.orb-1{width:420px;height:420px;background:#10B981;top:-120px;left:-100px}
.orb-2{width:480px;height:480px;background:#3B82F6;bottom:-180px;right:-120px;animation-delay:-4s}
.orb-3{width:300px;height:300px;background:#34D399;top:40%;left:55%;animation-delay:-8s;opacity:.2}
/* shared by contact + web-design + smo — kept once here */
@keyframes orbFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(40px,-30px) scale(1.05)}}

.page-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim);margin-bottom:24px;position:relative;z-index:1}
.page-hero .breadcrumb a{color:var(--text-dim);transition:color .2s}
.page-hero .breadcrumb a:hover{color:var(--accent-2)}
.page-hero .breadcrumb span[aria-current]{color:var(--accent-2);font-weight:600}

.page-hero-inner{max-width:860px;margin:0 auto;text-align:center;position:relative;z-index:1}
.page-hero h1{font-size:clamp(2rem,4.8vw,3.4rem);line-height:1.15;margin:14px 0 18px;font-weight:800}
.page-hero .lead{font-size:1.1rem;color:var(--text-dim);margin-bottom:28px;max-width:680px;margin-left:auto;margin-right:auto}

.contact-quick-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:24px;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.qm-item{display:flex;align-items:center;gap:8px;font-size:.88rem;color:var(--text-dim)}
.qm-item strong{color:var(--accent-2);font-weight:700}
.qm-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);animation:qmPulse 1.5s infinite}
.qm-icon{font-size:1rem}
@keyframes qmPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}

.quick-actions{padding:60px 0 40px}
.qa-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.qa-card{display:flex;align-items:center;gap:14px;padding:20px;background:linear-gradient(160deg,rgba(31,41,55,.45),rgba(15,22,35,.85));border:1px solid var(--border);border-radius:14px;transition:all .3s;cursor:pointer;color:var(--text);position:relative;overflow:hidden;text-decoration:none}
.qa-card::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.08),transparent);opacity:0;transition:opacity .3s;pointer-events:none}
.qa-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 30px -10px rgba(16,185,129,.25)}
.qa-card:hover::before{opacity:1}
.qa-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;position:relative;z-index:1}
.qa-icon svg{width:22px;height:22px}
.qa-call{background:linear-gradient(135deg,#3B82F6,#10B981)}
.qa-wa{background:#25D366}
.qa-email{background:linear-gradient(135deg,#10B981,#34D399)}
.qa-map{background:linear-gradient(135deg,#F59E0B,#EF4444)}
.qa-text{flex:1;min-width:0;position:relative;z-index:1}
.qa-text strong{display:block;font-size:.95rem;color:#fff;margin-bottom:2px}
.qa-text span{display:block;font-size:.82rem;color:var(--text);font-weight:500}
.qa-text small{display:block;font-size:.74rem;color:var(--text-dim);margin-top:2px}
.qa-arrow{font-size:1.2rem;color:var(--accent-2);opacity:.6;transition:all .3s;flex-shrink:0;position:relative;z-index:1}
.qa-card:hover .qa-arrow{opacity:1;transform:translateX(4px)}

.contact-main{padding:60px 0 90px}
.cm-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:36px;align-items:start}
.cm-form-wrap{background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.9));border:1px solid var(--border-strong);border-radius:20px;padding:36px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);scroll-margin-top:100px}
.cm-form-head{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.cm-form-head .eyebrow{margin-bottom:10px}
.cm-form-head h2{font-size:clamp(1.4rem,2.4vw,1.85rem);margin-bottom:8px;line-height:1.25}
.cm-form-head p{color:var(--text-dim);font-size:.95rem;line-height:1.5}
.cm-form{display:flex;flex-direction:column;gap:18px;position:relative}
.cm-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cm-field{display:flex;flex-direction:column;gap:6px}
.cm-field label{font-size:.82rem;font-weight:600;color:var(--text);display:flex;align-items:center;gap:4px}
.req{color:#EF4444}
.cm-field input,.cm-field textarea,.cm-field select{width:100%;padding:13px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:#fff;font-family:inherit;font-size:.93rem;transition:all .2s}
.cm-field input::placeholder,.cm-field textarea::placeholder{color:#6b7280}
.cm-field input:focus,.cm-field textarea:focus,.cm-field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.15);background:rgba(255,255,255,.06)}
.cm-field input.invalid,.cm-field textarea.invalid,.cm-field select.invalid{border-color:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,.12)}
.cm-field textarea{resize:vertical;min-height:110px;line-height:1.55}
.cm-field select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.cm-field select option{background:#0F1623;color:#fff}
.cm-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.cm-chip{cursor:pointer;position:relative}
.cm-chip input{position:absolute;opacity:0;pointer-events:none}
.cm-chip span{display:inline-block;padding:8px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:99px;font-size:.82rem;color:var(--text-dim);transition:all .2s;font-weight:500;user-select:none}
.cm-chip:hover span{border-color:rgba(16,185,129,.4);color:var(--text)}
.cm-chip input:checked + span{background:rgba(16,185,129,.15);border-color:var(--accent);color:var(--accent-2);font-weight:600;box-shadow:0 0 0 2px rgba(16,185,129,.1)}
.cm-chip input:focus-visible + span{outline:2px solid var(--accent-2);outline-offset:2px}
.cm-consent{display:flex;align-items:flex-start;gap:10px;font-size:.85rem;color:var(--text-dim);line-height:1.5;cursor:pointer;padding:4px 0}
.cm-consent input{flex-shrink:0;margin-top:3px;width:16px;height:16px;accent-color:var(--accent);cursor:pointer}
.cm-consent span{flex:1}
.cm-submit{padding:15px 24px;background:var(--gradient-brand);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:1rem;font-family:inherit;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:10px;position:relative;overflow:hidden}
.cm-submit::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#34D399,#3B82F6);opacity:0;transition:opacity .3s}
.cm-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(16,185,129,.5)}
.cm-submit:hover:not(:disabled)::before{opacity:1}
.cm-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}
.cm-submit.loading{cursor:wait;opacity:.85}
.cm-submit.loading .cm-submit-label::after{content:"";display:inline-block;width:14px;height:14px;margin-left:8px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;vertical-align:-3px}
.cm-submit.sent{background:var(--accent)}
.cm-submit.sent::before{display:none}
.cm-submit-label{position:relative;z-index:1}
@keyframes spin{to{transform:rotate(360deg)}}
.cm-form-status{font-size:.9rem;text-align:center;min-height:1.4em;padding:6px 0;margin:0;font-weight:500}
.cm-form-status.error{color:#F87171}
.cm-form-status.success{color:var(--accent-2)}
.cm-form-status:empty{display:none}
.cm-form-note{font-size:.82rem;color:var(--text-dim);text-align:center;margin-top:-4px}
.cm-form-note strong{color:var(--accent-2);font-weight:700}
.cm-info-wrap{display:flex;flex-direction:column;gap:18px;position:sticky;top:100px}
.cm-info-card{background:linear-gradient(160deg,rgba(31,41,55,.55),rgba(15,22,35,.92));border:1px solid var(--border-strong);border-radius:18px;padding:26px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.cm-info-head{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.cm-info-head h3{font-size:1.15rem;margin-bottom:4px}
.cm-info-head p{color:var(--text-dim);font-size:.86rem}
.cm-info-list{display:flex;flex-direction:column;gap:16px}
.cm-info-row{display:flex;gap:14px;align-items:flex-start}
.cm-info-icon{width:38px;height:38px;border-radius:10px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-2)}
.cm-info-icon svg{width:18px;height:18px}
.cm-info-text{flex:1;min-width:0}
.cm-info-text strong{display:block;font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}
.cm-info-text a,.cm-info-text span{display:block;color:var(--text);font-size:.92rem;line-height:1.55;transition:color .2s;font-weight:500;text-decoration:none}
.cm-info-text a:hover{color:var(--accent-2)}
.cm-info-text .cm-closed{color:#EF4444;font-size:.82rem;font-weight:500;margin-top:2px}
.cm-social-card{background:linear-gradient(160deg,rgba(59,130,246,.1),rgba(16,185,129,.05));border:1px solid rgba(59,130,246,.25);border-radius:16px;padding:22px;text-align:center}
.cm-social-card strong{display:block;font-size:1rem;color:#fff;margin-bottom:4px;font-family:'Plus Jakarta Sans',sans-serif}
.cm-social-card p{color:var(--text-dim);font-size:.84rem;margin-bottom:14px}
.cm-social-links{display:flex;justify-content:center;gap:10px}
.cm-social-links a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s}
.cm-social-links a:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 18px -6px rgba(16,185,129,.5)}
.cm-social-links a svg{width:16px;height:16px}
.cm-trust-card{background:linear-gradient(160deg,rgba(251,191,36,.08),rgba(15,22,35,.85));border:1px solid rgba(251,191,36,.2);border-radius:16px;padding:20px}
.cm-trust-rating{display:flex;align-items:center;gap:10px;margin-bottom:8px}
/* scoped to contact trust card (avoids google-ads .cm-stars clash) */
.cm-trust-card .cm-stars{color:#FBBF24;font-size:1.1rem;letter-spacing:2px}
.cm-trust-rating strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.05rem;color:#fff;font-weight:800}
.cm-trust-card p{color:var(--text-dim);font-size:.86rem;line-height:1.55}
.cm-trust-card p strong{color:#fff;font-weight:700}
.contact-map-section{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.03),transparent)}
.map-head{text-align:center;max-width:700px;margin:0 auto 40px}
.map-head .eyebrow{margin-bottom:12px}
.map-head h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:10px;line-height:1.2}
.map-head p{color:var(--text-dim);font-size:1rem}
.map-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--border-strong);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.map-frame{position:relative;height:460px;width:100%}
.map-frame iframe{width:100%;height:100%;border:none;filter:invert(.88) hue-rotate(180deg) saturate(.6)}
.map-overlay{position:absolute;top:20px;left:20px;background:linear-gradient(160deg,rgba(11,16,32,.97),rgba(15,22,35,.94));border:1px solid var(--border-strong);border-radius:16px;padding:20px;max-width:280px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 50px -10px rgba(0,0,0,.7)}
.map-overlay-logo{font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.2rem;color:#fff;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}
.map-overlay-logo span{color:var(--accent-2)}
.map-overlay-addr{margin-bottom:14px}
.map-overlay-addr strong{display:block;color:#fff;font-size:.92rem;margin-bottom:4px;font-weight:700}
.map-overlay-addr span{display:block;color:var(--text-dim);font-size:.82rem;line-height:1.55}
.map-overlay-btn{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;background:var(--gradient-brand);color:#fff;border-radius:8px;font-size:.85rem;font-weight:600;transition:all .25s;text-decoration:none}
.map-overlay-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px -6px rgba(16,185,129,.5)}
.contact-faq{padding:80px 0}
.contact-faq .faq-wrap{max-width:820px;margin:0 auto}

@media(max-width:1024px){
  .qa-grid{grid-template-columns:repeat(2,1fr)}
  .cm-grid{grid-template-columns:1fr;gap:24px}
  .cm-info-wrap{position:relative;top:0}
}
@media(max-width:900px){
  .page-hero{padding:110px 0 50px}
  .contact-quick-meta{gap:16px;flex-direction:column;align-items:center}
  .quick-actions{padding:40px 0 30px}
  .contact-main{padding:40px 0 70px}
  .cm-form-wrap{padding:26px 22px}
  .cm-row{grid-template-columns:1fr;gap:16px}
  .map-frame{height:380px}
  .map-overlay{position:relative;top:0;left:0;max-width:100%;margin:0;border-radius:0;border-top:none;border-left:none;border-right:none}
  .map-wrap{display:flex;flex-direction:column;border-radius:16px}
  .contact-map-section{padding:60px 0}
  .contact-faq{padding:60px 0}
}
@media(max-width:560px){
  .qa-grid{grid-template-columns:1fr;gap:12px}
  .qa-card{padding:16px}
  .qa-icon{width:42px;height:42px}
  .qa-icon svg{width:20px;height:20px}
  .cm-form-wrap{padding:22px 18px;border-radius:16px}
  .cm-info-card,.cm-trust-card{padding:18px}
  .cm-social-card{padding:18px}
  .map-frame{height:320px}
  .map-overlay{padding:16px}
  .page-hero h1{font-size:1.9rem}
  .page-hero .lead{font-size:.96rem}
  .cm-form-head h2{font-size:1.35rem}
  .cm-submit{padding:14px 20px;font-size:.95rem}
}
@media (prefers-reduced-motion: reduce){
  .orb,.qa-card,.cm-submit,.qm-dot,.cm-info-icon,.cm-social-links a,.map-overlay-btn{animation:none !important;transition:none !important}
  .cm-submit.loading .cm-submit-label::after{animation:none}
}


/* ============================================================
   SECTION 6 — WEB DESIGN PAGE  (was web-design.css)
   .breadcrumb scoped to .wd-hero. orbFloat reused from Section 5.
   ============================================================ */

.wd-hero{padding:140px 0 70px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(59,130,246,.05),transparent)}
.wd-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim);margin-bottom:24px;position:relative;z-index:1;flex-wrap:wrap}
.wd-hero .breadcrumb a{color:var(--text-dim);transition:color .2s}
.wd-hero .breadcrumb a:hover{color:var(--accent-2)}
.wd-hero .breadcrumb span[aria-current]{color:var(--accent-2);font-weight:600}
.wd-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start;position:relative;z-index:1}
.wd-hero-text h1{font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.15;margin:14px 0 18px;font-weight:800}
.wd-hero-text .lead{font-size:1.1rem;color:var(--text-dim);margin-bottom:24px;line-height:1.6}
.wd-hero-bullets{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:10px}
.wd-hero-bullets li{font-size:.95rem;color:var(--text);padding-left:0;line-height:1.5}
.wd-hero-trust{display:flex;gap:30px;margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}
.ht-item{display:flex;flex-direction:column}
.ht-item strong{font-size:1.6rem;color:var(--accent-2);font-weight:800;font-family:'Plus Jakarta Sans',sans-serif}
.ht-item span{font-size:.8rem;color:var(--text-dim);margin-top:2px}
.wd-quote-card{background:linear-gradient(160deg,rgba(31,41,55,.7),rgba(15,22,35,.95));border:1px solid var(--border-strong);border-radius:20px;padding:28px;backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);scroll-margin-top:100px;position:sticky;top:100px}
.qc-head{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.qc-head h2{font-size:1.4rem;margin-bottom:4px}
.qc-head p{color:var(--text-dim);font-size:.86rem}
.qc-form{display:flex;flex-direction:column;gap:12px}
.qc-form input,.qc-form select,.qc-form textarea{padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:#fff;font-family:inherit;font-size:.93rem;width:100%;transition:all .2s}
.qc-form input::placeholder,.qc-form textarea::placeholder{color:#6b7280}
.qc-form input:focus,.qc-form select:focus,.qc-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.15);background:rgba(255,255,255,.06)}
.qc-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.qc-form select option{background:#0F1623;color:#fff}
.qc-form textarea{resize:vertical;min-height:70px;line-height:1.5}
.qc-submit{padding:14px;background:var(--gradient-brand);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:.98rem;font-family:inherit;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px}
.qc-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(16,185,129,.5)}
.qc-submit:disabled{opacity:.7;cursor:not-allowed}
.qc-submit.sent{background:var(--accent)}
.qc-submit.loading{cursor:wait;opacity:.85}
.qc-status{font-size:.85rem;text-align:center;min-height:1.2em;margin:0;padding:4px 0}
.qc-status.error{color:#F87171}
.qc-status.success{color:var(--accent-2)}
.qc-status:empty{display:none}
.qc-note{font-size:.78rem;color:var(--text-dim);text-align:center;margin:4px 0 0}

.wd-about{padding:110px 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0A1020 50%,#070B14 100%)}
.wd-about-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.wda-orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.25}
.wda-orb-1{width:500px;height:500px;background:#10B981;top:-150px;right:-100px;animation:orbFloat 14s ease-in-out infinite}
.wda-orb-2{width:420px;height:420px;background:#3B82F6;bottom:-120px;left:-80px;animation:orbFloat 16s ease-in-out infinite reverse;animation-delay:-3s}
.wda-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.wd-about .container{position:relative;z-index:1}
.wd-about-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.wda-header-left{flex:1;max-width:780px}
.wda-header-left .eyebrow{display:inline-block;padding:7px 16px;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.15));border:1px solid rgba(16,185,129,.3);border-radius:99px;font-size:.78rem;font-weight:700;color:var(--accent-2);letter-spacing:.5px;margin-bottom:18px}
.wda-header-left h2{font-size:clamp(1.9rem,3.6vw,2.8rem);line-height:1.2;font-weight:800;margin:0;color:#fff}
.wda-header-right{flex-shrink:0}
.wda-badge{display:flex;align-items:center;gap:14px;padding:18px 24px;background:linear-gradient(135deg,rgba(16,185,129,.12),rgba(59,130,246,.08));border:1px solid rgba(16,185,129,.3);border-radius:18px;box-shadow:0 10px 30px -10px rgba(16,185,129,.25)}
.wda-badge-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.wda-badge-txt{font-size:.82rem;color:var(--text-dim);line-height:1.3;font-weight:600}
.wd-about-main{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:start;margin-bottom:60px}
.wda-content{padding-right:10px}
.wda-lead{font-size:1.12rem;line-height:1.75;color:#E5E7EB;margin-bottom:18px}
.wda-lead strong{color:#fff}
.wda-content p{font-size:1rem;line-height:1.8;color:var(--text-dim);margin-bottom:16px}
.wda-content p strong{color:#fff;font-weight:600}
.wda-content .keyword{color:var(--accent-2);font-weight:600;border-bottom:1px dashed rgba(16,185,129,.4);padding-bottom:1px}
.wda-content a{color:var(--accent-2);font-weight:600;text-decoration:underline;text-decoration-color:rgba(16,185,129,.4);text-underline-offset:3px}
.wda-content a:hover{text-decoration-color:var(--accent-2)}
.wda-trust-line{display:flex;align-items:center;gap:24px;margin-top:30px;padding:24px 28px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(59,130,246,.05));border:1px solid rgba(255,255,255,.08);border-radius:16px;flex-wrap:wrap}
.wdat-item{display:flex;flex-direction:column;gap:2px}
.wdat-item strong{font-family:'Plus Jakarta Sans',sans-serif;font-size:1.5rem;font-weight:800;color:#fff;line-height:1}
.wdat-item span{font-size:.78rem;color:var(--text-dim);font-weight:500}
.wdat-divider{width:1px;height:32px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.15),transparent)}
.wda-different{position:sticky;top:100px}
.wdad-glow{position:absolute;inset:-30px;background:radial-gradient(circle at 50% 30%,rgba(16,185,129,.25),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}
.wdad-card{position:relative;z-index:1;background:linear-gradient(160deg,rgba(20,28,45,.95),rgba(10,15,28,.98));border:1px solid rgba(16,185,129,.25);border-radius:24px;padding:32px;backdrop-filter:blur(20px);box-shadow:0 30px 80px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05)}
.wdad-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.wdad-tag{display:inline-block;padding:5px 12px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);border-radius:99px;font-size:.7rem;font-weight:700;color:var(--accent-2);letter-spacing:.6px;margin-bottom:12px;text-transform:uppercase}
.wdad-head h3{font-size:1.7rem;font-weight:800;color:#fff;margin:0;line-height:1.2}
.wdad-list{list-style:none;padding:0;margin:0 0 26px;display:flex;flex-direction:column;gap:16px}
.wdad-list li{display:flex;align-items:flex-start;gap:14px;padding:0;transition:transform .2s}
.wdad-list li:hover{transform:translateX(3px)}
.wdad-ico{flex-shrink:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.1));border:1px solid rgba(16,185,129,.25);border-radius:10px;font-size:1.05rem;line-height:1}
.wdad-list li>div{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.4}
.wdad-list li strong{font-size:.97rem;color:#fff;font-weight:700}
.wdad-list li span{font-size:.84rem;color:var(--text-dim);line-height:1.45}
.wdad-cta{display:block;text-align:center;padding:14px 22px;background:var(--gradient-brand);color:#fff;border-radius:12px;font-weight:700;font-size:.95rem;text-decoration:none;transition:all .25s;box-shadow:0 10px 24px -8px rgba(16,185,129,.4)}
.wdad-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(16,185,129,.6)}
.wd-about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:50px;padding-top:50px;border-top:1px solid rgba(255,255,255,.08)}
.wah-item{padding:24px 22px;background:linear-gradient(160deg,rgba(20,28,45,.6),rgba(10,15,28,.85));border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .3s;position:relative;overflow:hidden}
.wah-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.wah-item:hover{border-color:rgba(16,185,129,.3);transform:translateY(-3px);box-shadow:0 16px 36px -12px rgba(16,185,129,.18)}
.wah-item:hover::before{transform:scaleX(1)}
.wah-icon-wrap{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.1));border:1px solid rgba(16,185,129,.2);border-radius:12px;font-size:1.3rem;margin-bottom:14px}
.wah-item strong{display:block;color:#fff;font-size:1.02rem;margin-bottom:6px;font-weight:700}
.wah-item span{display:block;color:var(--text-dim);font-size:.87rem;line-height:1.55}
.wd-trust-bar{padding:32px 0;background:linear-gradient(90deg,rgba(16,185,129,.08),rgba(59,130,246,.08));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.tb-inner{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;text-align:center}
.tb-item strong{display:block;color:#fff;font-size:1rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;margin-bottom:2px}
.tb-item span{display:block;font-size:.78rem;color:var(--text-dim)}
.wd-why{padding:80px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 50px}
.section-head .eyebrow{margin-bottom:12px}
.section-head h2{font-size:clamp(1.7rem,3.2vw,2.4rem);margin-bottom:12px;line-height:1.2}
.section-head p{color:var(--text-dim);font-size:1rem;line-height:1.6}
.wd-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.why-card{padding:28px 24px;background:linear-gradient(160deg,rgba(31,41,55,.45),rgba(15,22,35,.85));border:1px solid var(--border);border-radius:16px;transition:all .3s}
.why-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 30px -10px rgba(16,185,129,.2)}
.why-icon{font-size:2rem;margin-bottom:14px;display:block}
.why-card h3{font-size:1.1rem;margin-bottom:8px;color:#fff}
.why-card p{color:var(--text-dim);font-size:.93rem;line-height:1.6}
.wd-services{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(59,130,246,.03),transparent)}
.wd-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.svc-card{padding:30px 26px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:18px;transition:all .3s;position:relative;display:flex;flex-direction:column}
.svc-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 20px 40px -12px rgba(16,185,129,.25)}
.svc-featured{border-color:rgba(16,185,129,.4);background:linear-gradient(160deg,rgba(16,185,129,.1),rgba(15,22,35,.92))}
.svc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:5px 14px;background:var(--gradient-brand);color:#fff;border-radius:99px;font-size:.7rem;font-weight:800;box-shadow:0 4px 12px rgba(16,185,129,.4);letter-spacing:.5px}
.svc-icon{font-size:2.2rem;margin-bottom:14px;display:block}
.svc-card h3{font-size:1.2rem;margin-bottom:10px;color:#fff}
.svc-card>p{color:var(--text-dim);font-size:.92rem;line-height:1.55;margin-bottom:16px}
.svc-card ul{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.svc-card ul li{font-size:.88rem;color:var(--text);padding-left:20px;position:relative;line-height:1.5}
.svc-card ul li::before{content:"";position:absolute;left:0;color:var(--accent-2);font-weight:700}
.svc-price{padding-top:16px;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-dim)}
.svc-price strong{color:var(--accent-2);font-size:1.3rem;font-weight:800;font-family:'Plus Jakarta Sans',sans-serif}
.wd-process{padding:80px 0}
.wd-process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.proc-step{padding:28px 24px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:16px;position:relative;transition:all .3s}
.proc-step:hover{transform:translateY(-4px);border-color:var(--accent)}
.ps-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.2rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px;line-height:1}
.proc-step h3{font-size:1.1rem;margin-bottom:8px;color:#fff}
.proc-step p{color:var(--text-dim);font-size:.92rem;line-height:1.55;margin-bottom:10px}
.proc-step small{display:inline-block;padding:4px 10px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);border-radius:99px;font-size:.74rem;color:var(--accent-2);font-weight:600}
.wd-pricing{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.03),transparent)}
.wd-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1080px;margin:0 auto;align-items:stretch}
.price-card{padding:32px 28px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:18px;display:flex;flex-direction:column;position:relative;transition:all .3s}
.price-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.pc-featured{background:linear-gradient(160deg,rgba(16,185,129,.1),rgba(15,22,35,.9));border-color:rgba(16,185,129,.4);transform:scale(1.03);z-index:2}
.pc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:6px 16px;background:var(--gradient-brand);color:#fff;border-radius:99px;font-size:.74rem;font-weight:800;box-shadow:0 4px 12px rgba(16,185,129,.4)}
.pc-head h3{font-size:1.3rem;margin-bottom:4px;color:#fff}
.pc-head p{color:var(--text-dim);font-size:.86rem;margin-bottom:16px}
.pc-amount{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;color:#fff;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}
.pc-amount small{font-size:.86rem;color:var(--text-dim);font-weight:500;margin-left:4px}
.pc-features{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;flex:1}
.pc-features li{font-size:.92rem;color:var(--text);line-height:1.5}
.pc-btn{padding:13px 20px;background:var(--gradient-brand);color:#fff;border-radius:10px;font-weight:700;text-align:center;transition:all .25s;text-decoration:none}
.pc-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px -8px rgba(16,185,129,.5)}
.wd-pricing-note{text-align:center;margin-top:30px;color:var(--text-dim);font-size:.92rem}
.wd-pricing-note a{color:var(--accent-2);font-weight:600}
.wd-why-us{padding:80px 0}
.wd-why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.wu-card{padding:30px 26px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:16px;text-align:center;transition:all .3s}
.wu-card:hover{transform:translateY(-4px);border-color:var(--accent)}
.wu-card strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:2.2rem;font-weight:800;color:var(--accent-2);margin-bottom:8px}
.wu-card h4{font-size:1.05rem;margin-bottom:8px;color:#fff}
.wu-card p{color:var(--text-dim);font-size:.9rem;line-height:1.55}
.wd-industries{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(59,130,246,.03),transparent)}
.wd-ind-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:0 auto}
.ind-tag{padding:12px 22px;background:linear-gradient(160deg,rgba(31,41,55,.6),rgba(15,22,35,.9));border:1px solid var(--border);border-radius:99px;font-size:.95rem;color:var(--text);transition:all .25s;cursor:default}
.ind-tag:hover{border-color:var(--accent);color:var(--accent-2);transform:translateY(-2px)}
.wd-tech{padding:80px 0}
.wd-tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1000px;margin:0 auto}
.tech-item{padding:22px 18px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:14px;text-align:center;transition:all .3s}
.tech-item:hover{border-color:var(--accent);transform:translateY(-3px)}
.tech-item strong{display:block;font-size:1rem;color:#fff;font-weight:700;margin-bottom:4px;font-family:'Plus Jakarta Sans',sans-serif}
.tech-item span{display:block;font-size:.78rem;color:var(--text-dim)}
.wd-local{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.04),transparent)}
.wd-local-inner{background:linear-gradient(160deg,rgba(31,41,55,.55),rgba(15,22,35,.92));border:1px solid var(--border-strong);border-radius:22px;padding:48px;max-width:1000px;margin:0 auto}
.local-text h2{font-size:clamp(1.6rem,3vw,2.2rem);margin:12px 0 14px;line-height:1.2}
.local-text>p{color:var(--text-dim);font-size:1rem;line-height:1.65;margin-bottom:14px}
.local-text strong{color:#fff}
.local-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0;padding:20px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.lr-item strong{display:block;font-size:.85rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}
.lr-item span,.lr-item a{display:block;color:var(--text);font-size:.93rem;line-height:1.5;text-decoration:none}
.lr-item a:hover{color:var(--accent-2)}
.wd-related{padding:80px 0}
.wd-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.rel-card{display:block;padding:26px 22px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--text);transition:all .3s}
.rel-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 14px 30px -10px rgba(16,185,129,.2)}
.rel-icon{font-size:1.8rem;margin-bottom:10px}
.rel-card h3{font-size:1.05rem;margin-bottom:8px;color:#fff}
.rel-card p{color:var(--text-dim);font-size:.88rem;line-height:1.5;margin-bottom:12px}
.rel-arrow{font-size:.86rem;color:var(--accent-2);font-weight:600}
.wd-faq{padding:80px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.03),transparent)}
.wd-faq .faq-wrap{max-width:820px;margin:0 auto}

@media(max-width:1024px){
  .wd-hero-grid{grid-template-columns:1fr;gap:36px}
  .wd-quote-card{position:relative;top:0}
  .wd-why-grid,.wd-svc-grid,.wd-process-grid,.wd-why-us-grid{grid-template-columns:repeat(2,1fr)}
  .wd-pricing-grid{grid-template-columns:1fr;max-width:480px}
  .pc-featured{transform:none;order:-1}
  .wd-tech-grid{grid-template-columns:repeat(3,1fr)}
  .wd-rel-grid{grid-template-columns:repeat(2,1fr)}
  .tb-inner{grid-template-columns:repeat(3,1fr);gap:16px}
  .local-row{grid-template-columns:1fr;gap:14px}
  .wd-local-inner{padding:32px 24px}
  .wd-about{padding:80px 0}
  .wd-about-header{flex-direction:column;align-items:flex-start;gap:20px}
  .wd-about-main{grid-template-columns:1fr;gap:36px}
  .wda-different{position:relative;top:0}
  .wda-content{padding-right:0}
  .wd-about-highlights{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .wd-hero{padding:110px 0 50px}
  .wd-hero-text h1{font-size:1.9rem}
  .wd-hero-trust{gap:18px;flex-wrap:wrap}
  .ht-item strong{font-size:1.3rem}
  .wd-why-grid,.wd-svc-grid,.wd-process-grid,.wd-why-us-grid,.wd-rel-grid{grid-template-columns:1fr}
  .wd-tech-grid{grid-template-columns:repeat(2,1fr)}
  .tb-inner{grid-template-columns:repeat(2,1fr);text-align:left}
  .section-head h2{font-size:1.5rem}
  .wd-why,.wd-services,.wd-process,.wd-pricing,.wd-why-us,.wd-industries,.wd-tech,.wd-local,.wd-related,.wd-faq{padding:60px 0}
  .pc-amount{font-size:2rem}
  .wd-quote-card{padding:22px}
  .wd-about{padding:60px 0}
  .wda-header-left h2{font-size:1.6rem}
  .wda-badge{padding:14px 18px}
  .wda-badge-num{font-size:1.9rem}
  .wda-lead{font-size:1rem}
  .wda-content p{font-size:.95rem}
  .wda-trust-line{gap:14px;padding:18px 20px}
  .wdat-divider{display:none}
  .wdat-item strong{font-size:1.25rem}
  .wdad-card{padding:24px}
  .wdad-head h3{font-size:1.4rem}
  .wd-about-highlights{grid-template-columns:1fr;gap:14px;margin-top:36px;padding-top:36px}
  .wah-item{padding:20px}
}
@media (prefers-reduced-motion: reduce){
  .orb,.wda-orb,.why-card,.svc-card,.proc-step,.price-card,.wu-card,.tech-item,.rel-card,.ind-tag,.qc-submit,.wah-item,.wdad-list li{animation:none !important;transition:none !important}
}


/* ============================================================
   SECTION 7 — SMO SERVICE PAGE  (was smo-service.css)
   .breadcrumb scoped to .smo-hero. orbFloat / .section-head /
   .svc-card / .proc-step / .ps-num / .wu-card / .rel-card / .ind-tag
   already defined in Section 6 (identical) — NOT repeated here.
   ============================================================ */

.smo-hero{padding:140px 0 70px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(236,72,153,.05),transparent)}
.smo-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-dim);margin-bottom:24px;position:relative;z-index:1;flex-wrap:wrap}
.smo-hero .breadcrumb a{color:var(--text-dim);transition:color .2s}
.smo-hero .breadcrumb a:hover{color:var(--accent-2)}
.smo-hero .breadcrumb span[aria-current]{color:var(--accent-2);font-weight:600}
.smo-hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:start;position:relative;z-index:1}
.smo-hero-text h1{font-size:clamp(1.9rem,4.3vw,3rem);line-height:1.15;margin:14px 0 18px;font-weight:800}
.smo-hero-text .lead{font-size:1.08rem;color:var(--text-dim);margin-bottom:22px;line-height:1.6}
.smo-hero-text .lead strong{color:#fff}
.smo-hero-bullets{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px}
.smo-hero-bullets li{font-size:.95rem;color:var(--text);line-height:1.5}
.smo-local-line{font-size:.9rem;color:var(--text-dim);margin:18px 0 0;padding:12px 16px;background:rgba(16,185,129,.05);border-left:3px solid var(--accent);border-radius:8px;line-height:1.55}
.smo-local-line strong{color:#fff}
.smo-hero-trust{display:flex;gap:30px;margin-top:26px;padding-top:24px;border-top:1px solid var(--border)}
.smo-audit-card{background:linear-gradient(160deg,rgba(31,41,55,.7),rgba(15,22,35,.95));border:1px solid var(--border-strong);border-radius:20px;padding:28px;backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,0,0,.6);scroll-margin-top:100px;position:sticky;top:100px}
.ac-head{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.ac-head h2{font-size:1.4rem;margin-bottom:4px}
.ac-head p{color:var(--text-dim);font-size:.86rem}
.ac-form{display:flex;flex-direction:column;gap:12px}
.ac-form input,.ac-form select,.ac-form textarea{padding:12px 14px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:10px;color:#fff;font-family:inherit;font-size:.93rem;width:100%;transition:all .2s}
.ac-form input::placeholder,.ac-form textarea::placeholder{color:#6b7280}
.ac-form input:focus,.ac-form select:focus,.ac-form textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(16,185,129,.15);background:rgba(255,255,255,.06)}
.ac-form select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2.5'%3e%3cpath d='M6 9l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
.ac-form select option{background:#0F1623;color:#fff}
.ac-form textarea{resize:vertical;min-height:80px;line-height:1.5}
.ac-submit{padding:14px;background:var(--gradient-brand);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;font-size:.98rem;font-family:inherit;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px}
.ac-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 30px -8px rgba(16,185,129,.5)}
.ac-submit:disabled{opacity:.7;cursor:not-allowed}
.ac-submit.sent{background:var(--accent)}
.ac-submit.loading{cursor:wait;opacity:.85}
.ac-status{font-size:.85rem;text-align:center;min-height:1.2em;margin:0;padding:4px 0}
.ac-status.error{color:#F87171}
.ac-status.success{color:var(--accent-2)}
.ac-status:empty{display:none}
.ac-note{font-size:.78rem;color:var(--text-dim);text-align:center;margin:4px 0 0}
.smo-trust-bar{padding:32px 0;background:linear-gradient(90deg,rgba(236,72,153,.06),rgba(16,185,129,.08));border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.smo-about{padding:110px 0;position:relative;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0A1020 50%,#070B14 100%)}
.smo-about-bg{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.sba-orb{position:absolute;border-radius:50%;filter:blur(140px);opacity:.22}
.sba-orb-1{width:500px;height:500px;background:#EC4899;top:-150px;right:-100px;animation:orbFloat 14s ease-in-out infinite}
.sba-orb-2{width:420px;height:420px;background:#10B981;bottom:-120px;left:-80px;animation:orbFloat 16s ease-in-out infinite reverse;animation-delay:-3s}
.sba-grid-pattern{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 75%)}
.smo-about .container{position:relative;z-index:1}
.smo-about-header{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px;padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.08)}
.sba-header-left{flex:1;max-width:780px}
.sba-header-left .eyebrow{display:inline-block;padding:7px 16px;background:linear-gradient(135deg,rgba(236,72,153,.15),rgba(16,185,129,.15));border:1px solid rgba(16,185,129,.3);border-radius:99px;font-size:.78rem;font-weight:700;color:var(--accent-2);letter-spacing:.5px;margin-bottom:18px}
.sba-header-left h2{font-size:clamp(1.8rem,3.4vw,2.6rem);line-height:1.2;font-weight:800;margin:0;color:#fff}
.sba-header-right{flex-shrink:0}
.sba-badge{display:flex;align-items:center;gap:14px;padding:18px 24px;background:linear-gradient(135deg,rgba(236,72,153,.12),rgba(16,185,129,.08));border:1px solid rgba(16,185,129,.3);border-radius:18px;box-shadow:0 10px 30px -10px rgba(16,185,129,.25)}
.sba-badge-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1}
.sba-badge-txt{font-size:.82rem;color:var(--text-dim);line-height:1.3;font-weight:600}
.smo-about-main{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:start}
.sba-content{padding-right:10px}
.sba-lead{font-size:1.1rem;line-height:1.75;color:#E5E7EB;margin-bottom:18px}
.sba-lead strong{color:#fff}
.sba-content p{font-size:1rem;line-height:1.8;color:var(--text-dim);margin-bottom:16px}
.sba-content p strong{color:#fff;font-weight:600}
.sba-content .keyword{color:var(--accent-2);font-weight:600;border-bottom:1px dashed rgba(16,185,129,.4);padding-bottom:1px}
.sba-benefits{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-direction:column;gap:14px}
.sba-benefits li{display:flex;align-items:flex-start;gap:14px;padding:16px 18px;background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(59,130,246,.04));border:1px solid rgba(255,255,255,.06);border-radius:12px;transition:all .25s}
.sba-benefits li:hover{border-color:rgba(16,185,129,.25);transform:translateX(4px)}
.sb-ico{flex-shrink:0;width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);border-radius:10px;font-size:1.1rem}
.sba-benefits li>div{flex:1;display:flex;flex-direction:column;gap:2px}
.sba-benefits li strong{font-size:.98rem;color:#fff;font-weight:700}
.sba-benefits li span{font-size:.86rem;color:var(--text-dim);line-height:1.5}
.sba-different{position:sticky;top:100px}
.sbad-glow{position:absolute;inset:-30px;background:radial-gradient(circle at 50% 30%,rgba(236,72,153,.22),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}
.sbad-card{position:relative;z-index:1;background:linear-gradient(160deg,rgba(20,28,45,.95),rgba(10,15,28,.98));border:1px solid rgba(16,185,129,.25);border-radius:24px;padding:32px;backdrop-filter:blur(20px);box-shadow:0 30px 80px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.05)}
.sbad-head{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.08)}
.sbad-tag{display:inline-block;padding:5px 12px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);border-radius:99px;font-size:.7rem;font-weight:700;color:var(--accent-2);letter-spacing:.6px;margin-bottom:12px;text-transform:uppercase}
.sbad-head h3{font-size:1.65rem;font-weight:800;color:#fff;margin:0;line-height:1.2}
.sbad-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:14px}
.sbad-list li{display:flex;align-items:flex-start;gap:12px;transition:transform .2s}
.sbad-list li:hover{transform:translateX(3px)}
.sbad-ico{flex-shrink:0;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.1));border:1px solid rgba(16,185,129,.25);border-radius:10px;font-size:1rem;line-height:1}
.sbad-list li>div{flex:1;display:flex;flex-direction:column;gap:2px;line-height:1.4}
.sbad-list li strong{font-size:.94rem;color:#fff;font-weight:700}
.sbad-list li span{font-size:.82rem;color:var(--text-dim);line-height:1.45}
.sbad-cta{display:block;text-align:center;padding:13px 20px;background:var(--gradient-brand);color:#fff;border-radius:12px;font-weight:700;font-size:.94rem;text-decoration:none;transition:all .25s;box-shadow:0 10px 24px -8px rgba(16,185,129,.4)}
.sbad-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px -8px rgba(16,185,129,.6)}
.smo-services{padding:90px 0;background:linear-gradient(180deg,transparent,rgba(236,72,153,.03),transparent)}
.smo-svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.smo-platforms{padding:90px 0}
.smo-plat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plat-card{padding:30px 24px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:16px;text-align:center;transition:all .3s}
.plat-card:hover{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 16px 36px -12px rgba(16,185,129,.2)}
.plat-icon{width:64px;height:64px;margin:0 auto 14px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-weight:800;font-size:1.4rem;color:#fff;letter-spacing:-1px}
.plat-fb{background:linear-gradient(135deg,#1877F2,#0c5fd0)}
.plat-ig{background:linear-gradient(135deg,#F58529,#DD2A7B,#8134AF)}
.plat-li{background:linear-gradient(135deg,#0A66C2,#004182)}
.plat-yt{background:linear-gradient(135deg,#FF0000,#C00)}
.plat-tw{background:linear-gradient(135deg,#000,#333)}
.plat-pin{background:linear-gradient(135deg,#E60023,#a30019)}
.plat-card h3{font-size:1.1rem;margin-bottom:8px;color:#fff}
.plat-card p{color:var(--text-dim);font-size:.88rem;line-height:1.55}
.smo-local{padding:90px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.04),transparent)}
.smo-local-inner{max-width:1000px;margin:0 auto}
.smo-local-inner .section-head{margin-bottom:42px}
.local-features{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:36px}
.lf-item{padding:24px;background:linear-gradient(160deg,rgba(31,41,55,.55),rgba(15,22,35,.9));border:1px solid var(--border);border-radius:14px;transition:all .3s}
.lf-item:hover{border-color:var(--accent);transform:translateY(-3px)}
.lf-ico{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);border-radius:12px;font-size:1.3rem;margin-bottom:12px}
.lf-item strong{display:block;color:#fff;font-size:1rem;margin-bottom:6px;font-weight:700}
.lf-item p{color:var(--text-dim);font-size:.88rem;line-height:1.55;margin:0}
.areas-served{padding:24px 28px;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(59,130,246,.06));border:1px solid rgba(16,185,129,.2);border-radius:14px;text-align:center}
.areas-served strong{display:block;color:#fff;margin-bottom:14px;font-size:1rem}
.area-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.area-tags span{padding:7px 14px;background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:99px;font-size:.85rem;color:var(--text);font-weight:500}
.smo-process{padding:90px 0}
.smo-proc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.smo-vs-smm{padding:90px 0;background:linear-gradient(180deg,transparent,rgba(59,130,246,.04),transparent)}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:980px;margin:0 auto}
.vs-card{padding:32px 28px;background:linear-gradient(160deg,rgba(31,41,55,.55),rgba(15,22,35,.92));border:1px solid var(--border);border-radius:18px;position:relative;transition:all .3s}
.vs-card:hover{transform:translateY(-3px)}
.vs-smo{border-color:rgba(16,185,129,.35);background:linear-gradient(160deg,rgba(16,185,129,.08),rgba(15,22,35,.92))}
.vs-smm{border-color:rgba(59,130,246,.35);background:linear-gradient(160deg,rgba(59,130,246,.06),rgba(15,22,35,.92))}
.vs-tag{display:inline-block;padding:4px 12px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.3);border-radius:99px;font-size:.72rem;font-weight:700;color:var(--accent-2);letter-spacing:.5px;text-transform:uppercase;margin-bottom:14px}
.vs-smm .vs-tag{background:rgba(59,130,246,.15);border-color:rgba(59,130,246,.35);color:#60a5fa}
.vs-card h3{font-size:1.25rem;color:#fff;margin-bottom:8px}
.vs-sub{color:var(--text-dim);font-size:.94rem;margin-bottom:18px;line-height:1.55}
.vs-sub strong{color:#fff}
.vs-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.vs-card ul li{font-size:.92rem;color:var(--text);line-height:1.5}
.vs-card ul li strong{color:#fff}
.vs-note{text-align:center;margin-top:30px;color:var(--text-dim);font-size:.95rem;line-height:1.7;max-width:760px;margin-left:auto;margin-right:auto}
.vs-note strong{color:#fff}
.vs-note a{color:var(--accent-2);font-weight:600}
.smo-industries{padding:90px 0}
.smo-ind-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:920px;margin:0 auto}
.smo-why-us{padding:90px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.03),transparent)}
.smo-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.smo-related{padding:90px 0}
.smo-rel-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.smo-faq{padding:90px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.03),transparent)}
.smo-faq .faq-wrap{max-width:820px;margin:0 auto}
.smo-contact{padding:90px 0}
.smo-contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:30px;max-width:1080px;margin:0 auto;align-items:start}
.smo-contact-info{display:flex;flex-direction:column;gap:14px;padding:32px 28px;background:linear-gradient(160deg,rgba(31,41,55,.55),rgba(15,22,35,.92));border:1px solid var(--border-strong);border-radius:20px}
.cr-item{display:flex;align-items:flex-start;gap:14px;padding:16px;background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:12px;transition:all .25s}
.cr-item:hover{border-color:var(--accent);background:rgba(16,185,129,.05)}
.cr-ico{flex-shrink:0;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.25);border-radius:11px;font-size:1.2rem}
.cr-text{flex:1;min-width:0}
.cr-text strong{display:block;font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-weight:600}
.cr-text span,.cr-text a{display:block;color:var(--text);font-size:.93rem;line-height:1.5;text-decoration:none;word-break:break-word}
.cr-text a{transition:color .2s}
.cr-text a:hover{color:var(--accent-2)}
.smo-contact-cta{margin-top:8px;padding-top:18px;border-top:1px solid var(--border)}
.smo-contact-cta .btn{width:100%;justify-content:center;padding:13px 20px}
.smo-contact-form{padding:32px 28px;background:linear-gradient(160deg,rgba(31,41,55,.7),rgba(15,22,35,.95));border:1px solid var(--border-strong);border-radius:20px;backdrop-filter:blur(14px);box-shadow:0 30px 60px -20px rgba(0,0,0,.6)}
.scf-head{margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.scf-head h3{font-size:1.4rem;margin-bottom:4px;color:#fff}
.scf-head p{color:var(--text-dim);font-size:.88rem;line-height:1.5;margin:0}

@media(max-width:1024px){
  .smo-hero-grid{grid-template-columns:1fr;gap:36px}
  .smo-audit-card{position:relative;top:0}
  .smo-svc-grid,.smo-plat-grid,.smo-proc-grid,.smo-why-grid{grid-template-columns:repeat(2,1fr)}
  .vs-grid{grid-template-columns:1fr;max-width:560px}
  .smo-rel-grid{grid-template-columns:repeat(2,1fr)}
  .smo-trust-bar .tb-inner{grid-template-columns:repeat(3,1fr);gap:16px}
  .local-features{grid-template-columns:1fr}
  .smo-contact-grid{grid-template-columns:1fr;gap:20px}
  .smo-about{padding:80px 0}
  .smo-about-header{flex-direction:column;align-items:flex-start;gap:20px}
  .smo-about-main{grid-template-columns:1fr;gap:36px}
  .sba-different{position:relative;top:0}
  .sba-content{padding-right:0}
}
@media(max-width:700px){
  .smo-hero{padding:110px 0 50px}
  .smo-hero-text h1{font-size:1.85rem}
  .smo-hero-trust{gap:18px;flex-wrap:wrap}
  .smo-svc-grid,.smo-plat-grid,.smo-proc-grid,.smo-why-grid,.smo-rel-grid{grid-template-columns:1fr}
  .smo-trust-bar .tb-inner{grid-template-columns:repeat(2,1fr);text-align:left}
  .smo-services,.smo-platforms,.smo-local,.smo-process,.smo-vs-smm,.smo-industries,.smo-why-us,.smo-related,.smo-faq,.smo-contact{padding:60px 0}
  .smo-audit-card{padding:22px}
  .smo-about{padding:60px 0}
  .sba-header-left h2{font-size:1.55rem}
  .sba-badge{padding:14px 18px}
  .sba-badge-num{font-size:1.9rem}
  .sba-lead{font-size:1rem}
  .sba-content p{font-size:.95rem}
  .sbad-card{padding:24px}
  .sbad-head h3{font-size:1.35rem}
  .area-tags span{font-size:.8rem;padding:6px 12px}
  .smo-contact-info,.smo-contact-form{padding:24px 20px}
  .scf-head h3{font-size:1.25rem}
}
@media (prefers-reduced-motion: reduce){
  .sba-orb,.plat-card,.lf-item,.sba-benefits li,.sbad-list li,.cr-item,.ac-submit{animation:none !important;transition:none !important}
}


/* ============================================================
   SECTION 8 — SMM PAGE  (was smm.css)
   Buttons + .gradient-text/.section-tag/.section-header/.trust-bar
   already defined earlier — NOT repeated. .breadcrumb scoped to .smm-hero.
   ============================================================ */

.smm-hero{position:relative;padding:120px 0 80px;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0F1623 100%)}
.smm-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.smm-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.smm-orb-1{width:500px;height:500px;background:#10B981;top:-150px;left:-100px}
.smm-orb-2{width:600px;height:600px;background:#3B82F6;bottom:-200px;right:-150px;opacity:.4}
.smm-orb-3{width:400px;height:400px;background:#34D399;top:40%;left:50%;transform:translate(-50%,-50%);opacity:.20}
.smm-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.smm-hero .container{position:relative;z-index:1}
.smm-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:30px}
.smm-hero .breadcrumb a{color:#94a3b8;transition:color .2s;text-decoration:none}
.smm-hero .breadcrumb a:hover{color:#34D399}
.smm-hero .breadcrumb span[aria-current]{color:#34D399;font-weight:600}
.smm-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.smm-hero-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.40);color:#34D399;font-size:13px;font-weight:600;margin-bottom:20px}
.smm-hero-content h1{font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:18px;letter-spacing:-.02em}
.smm-hero-sub{font-size:17px;color:#94a3b8;margin-bottom:24px;max-width:560px;line-height:1.65}
.smm-hero-bullets{list-style:none;padding:0;margin:0 0 28px}
.smm-hero-bullets li{padding:7px 0;color:#cbd5e1;font-size:15px}
.smm-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.smm-hero-trust{font-size:13px;color:#64748b;font-style:italic}
.smm-why{padding:90px 0;background:rgba(255,255,255,.015)}
.smm-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.smm-why-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.smm-why-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.smm-why-icon{font-size:36px;margin-bottom:14px}
.smm-why-card h3{color:#fff;font-size:18px;margin:0 0 8px;font-weight:700}
.smm-why-card p{color:#94a3b8;font-size:14.5px;line-height:1.6;margin:0}
.smm-services{padding:90px 0}
.smm-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.smm-service-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 28px;transition:transform .3s ease,border-color .3s ease,background .3s ease;position:relative;overflow:hidden}
.smm-service-card:hover{transform:translateY(-6px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.04)}
.smm-service-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.12));border:1px solid rgba(16,185,129,.30);color:#34D399;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all .3s ease}
.smm-service-card:hover .smm-service-icon{background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;border-color:transparent;transform:scale(1.05)}
.smm-service-card h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}
.smm-service-card>p{color:#94a3b8;font-size:14px;line-height:1.65;margin:0 0 16px}
.smm-service-card ul{list-style:none;padding:0;margin:0}
.smm-service-card ul li{padding:6px 0;color:#cbd5e1;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.smm-service-card ul li:last-child{border-bottom:none}
.smm-service-card ul li::before{content:"✓";color:#34D399;margin-right:8px;font-weight:700}
.smm-platforms{padding:90px 0;background:rgba(255,255,255,.015)}
.smm-platforms-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}
.smm-platform-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px 18px;text-align:center;transition:all .3s ease}
.smm-platform-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.04)}
.smm-plat-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;font-weight:800;margin:0 auto 12px;box-shadow:0 8px 20px rgba(0,0,0,.3)}
.smm-platform-card h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 6px}
.smm-platform-card p{color:#94a3b8;font-size:12.5px;line-height:1.55;margin:0}
.smm-industries{padding:90px 0}
.smm-industries-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.smm-industry-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:24px 20px;transition:all .3s ease;text-align:center}
.smm-industry-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.smm-ind-icon{font-size:32px;margin-bottom:10px}
.smm-industry-card h4{color:#fff;font-size:15px;font-weight:700;margin:0 0 6px}
.smm-industry-card p{color:#94a3b8;font-size:13px;line-height:1.55;margin:0}
.smm-framework{position:relative;padding:100px 0;overflow:hidden;background:linear-gradient(180deg,#070B14,#0F1623,#070B14)}
.smm-framework-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.smm-framework-orb{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.22),transparent 70%);filter:blur(80px);top:50%;left:50%;transform:translate(-50%,-50%)}
.smm-framework .container{position:relative;z-index:1}
.smm-framework-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.smm-framework-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:36px 28px;text-align:center;transition:all .35s ease;overflow:hidden}
.smm-framework-card:hover{transform:translateY(-8px);border-color:rgba(16,185,129,.50);box-shadow:0 20px 50px rgba(16,185,129,.2)}
.smm-fw-letter{display:inline-flex;width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;font-size:36px;font-weight:800;align-items:center;justify-content:center;margin-bottom:18px;box-shadow:0 8px 24px rgba(16,185,129,.4);letter-spacing:-.02em}
.smm-framework-card h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 10px}
.smm-framework-card p{color:#94a3b8;font-size:14px;line-height:1.65;margin:0}
.smm-process{padding:100px 0}
.smm-process-timeline{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:20px}
.smm-process-line{display:none;position:absolute;top:54px;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.40) 15%,rgba(52,211,153,.60) 50%,rgba(59,130,246,.40) 85%,transparent 100%);z-index:0}
.smm-process-line::before,.smm-process-line::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#10B981;box-shadow:0 0 16px rgba(16,185,129,.8)}
.smm-process-line::before{left:0}
.smm-process-line::after{right:0;background:#3B82F6;box-shadow:0 0 16px rgba(59,130,246,.8)}
@media(min-width:1025px){.smm-process-line{display:block}}
.smm-process-step{position:relative;z-index:1}
.smm-process-inner{position:relative;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px 22px 22px;transition:all .35s ease;overflow:hidden}
.smm-process-inner:hover{transform:translateY(-6px);border-color:rgba(16,185,129,.40);box-shadow:0 18px 40px rgba(16,185,129,.15)}
.smm-process-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.12));border:1px solid rgba(16,185,129,.30);color:#34D399;margin-bottom:16px;transition:all .35s ease;position:relative;z-index:2}
.smm-process-inner:hover .smm-process-icon{background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;border-color:transparent}
.smm-step-num{position:absolute;top:16px;right:18px;font-size:38px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(59,130,246,.15));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}
.smm-process-step h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.smm-process-step p{color:#94a3b8;font-size:13.5px;line-height:1.6;margin:0 0 14px}
.smm-step-time{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.30);color:#6ee7b7;font-size:11px;font-weight:600}
.smm-step-time::before{content:"";width:5px;height:5px;border-radius:50%;background:#10B981;box-shadow:0 0 8px #10B981}
.smm-results{padding:100px 0;background:rgba(255,255,255,.015)}
.smm-results-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1000px;margin:0 auto}
.smm-result-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:30px;transition:all .3s ease}
.smm-result-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40)}
.smm-result-badge{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.30);color:#6ee7b7;font-size:12px;font-weight:600;margin-bottom:14px}
.smm-result-card h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 12px}
.smm-result-metric{font-size:24px !important;font-weight:700;color:#fff !important;margin:0 0 10px !important}
.smm-result-metric strong{background:linear-gradient(135deg,#10B981,#3B82F6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800}
.smm-result-card>p:last-child{color:#94a3b8;font-size:14px;line-height:1.65;margin:0}
.smm-results-cta{margin-top:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.smm-results-cta p{color:#cbd5e1;font-size:16px;margin:0}
.smm-why-us{padding:90px 0}
.smm-why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.smm-why-us-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s ease}
.smm-why-us-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.smm-why-us-icon{font-size:34px;margin-bottom:14px}
.smm-why-us-card h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.smm-why-us-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}
.smm-local{padding:90px 0;background:rgba(255,255,255,.015)}
.smm-local-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.smm-local-info h2{font-size:clamp(26px,3.5vw,38px);color:#fff;margin:14px 0;line-height:1.15}
.smm-local-info>p{color:#94a3b8;margin-bottom:24px;font-size:16px}
.smm-local-details{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}
.smm-local-item{display:flex;gap:14px;align-items:flex-start}
.smm-local-item svg{color:#34D399;flex-shrink:0;margin-top:2px}
.smm-local-item strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.smm-local-item p{color:#94a3b8;font-size:14px;margin:0;line-height:1.65}
.smm-local-item a{color:#34D399;transition:color .2s;text-decoration:none}
.smm-local-item a:hover{color:#fff}
.smm-local-map{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);height:380px}
.smm-local-map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg)}
.smm-related{padding:90px 0}
.smm-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.smm-related-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;transition:all .3s ease;text-decoration:none;display:block}
.smm-related-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40)}
.smm-related-icon{font-size:32px;margin-bottom:12px}
.smm-related-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.smm-related-card p{color:#94a3b8;font-size:13.5px;line-height:1.55;margin:0 0 14px}
.smm-related-link{color:#34D399;font-size:13.5px;font-weight:600}
.smm-faq{padding:90px 0;background:rgba(255,255,255,.015)}
.smm-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.smm-faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.smm-faq-item summary{padding:18px 22px;color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.smm-faq-item summary::-webkit-details-marker{display:none}
.smm-faq-item summary::after{content:"+";font-size:22px;color:#34D399;transition:transform .2s;flex-shrink:0}
.smm-faq-item[open] summary::after{transform:rotate(45deg)}
.smm-faq-item summary:hover{color:#34D399}
.smm-faq-item p{padding:0 22px 18px;color:#94a3b8;font-size:14.5px;line-height:1.7;margin:0}
.smm-cta{padding:90px 0}
.smm-cta-card{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.10));border:1px solid rgba(16,185,129,.30);border-radius:24px;padding:60px 40px;text-align:center}
.smm-cta-card h2{font-size:clamp(26px,4vw,42px);color:#fff;margin:0 0 14px;line-height:1.15}
.smm-cta-card>p{color:#cbd5e1;font-size:17px;margin:0 0 28px;line-height:1.6}
.smm-cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

@media(max-width:1024px){
  .smm-hero-grid{grid-template-columns:1fr;gap:40px}
  .smm-why-grid,.smm-services-grid,.smm-why-us-grid{grid-template-columns:repeat(2,1fr)}
  .smm-platforms-grid{grid-template-columns:repeat(3,1fr)}
  .smm-industries-grid{grid-template-columns:repeat(3,1fr)}
  .smm-framework-grid{grid-template-columns:repeat(2,1fr)}
  .smm-process-timeline{grid-template-columns:repeat(3,1fr)}
  .smm-process-line{display:none}
  .smm-results-grid{grid-template-columns:1fr}
  .smm-related-grid{grid-template-columns:repeat(2,1fr)}
  .smm-local-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:768px){
  .smm-hero{padding:80px 0 60px}
  .smm-why-grid,.smm-services-grid,.smm-why-us-grid,.smm-framework-grid,.smm-process-timeline,.smm-related-grid{grid-template-columns:1fr}
  .smm-industries-grid{grid-template-columns:repeat(2,1fr)}
  .smm-platforms-grid{grid-template-columns:repeat(2,1fr)}
  .smm-cta-card{padding:40px 24px}
  .smm-local-map{height:300px}
}
@media(max-width:480px){
  .smm-hero-cta{flex-direction:column;width:100%}
  .smm-hero-cta a{width:100%}
  .smm-cta-buttons{flex-direction:column;width:100%}
  .smm-cta-buttons a{width:100%}
  .smm-industries-grid,.smm-platforms-grid{grid-template-columns:1fr}
}


/* ============================================================
   SECTION 9 — GRAPHICS DESIGN PAGE  (was graphics-design.css)
   Buttons + helpers already defined earlier — NOT repeated.
   .breadcrumb scoped to .gd-hero.
   ============================================================ */

.gd-hero{position:relative;padding:120px 0 80px;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0F1623 100%)}
.gd-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.gd-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.gd-orb-1{width:500px;height:500px;background:#10B981;top:-150px;left:-100px}
.gd-orb-2{width:600px;height:600px;background:#3B82F6;bottom:-200px;right:-150px;opacity:.4}
.gd-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.gd-hero .container{position:relative;z-index:1}
.gd-hero .breadcrumb{display:flex;align-items:center;gap:8px;font-size:13px;color:#94a3b8;margin-bottom:30px;flex-wrap:wrap}
.gd-hero .breadcrumb a{color:#94a3b8;transition:color .2s;text-decoration:none}
.gd-hero .breadcrumb a:hover{color:#34D399}
.gd-hero .breadcrumb span[aria-current]{color:#34D399;font-weight:600}
.gd-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.gd-hero-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.40);color:#34D399;font-size:13px;font-weight:600;margin-bottom:20px}
.gd-hero-content h1{font-size:clamp(32px,5vw,52px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:18px;letter-spacing:-.02em}
.gd-hero-sub{font-size:17px;color:#94a3b8;margin-bottom:24px;max-width:560px;line-height:1.65}
.gd-hero-bullets{list-style:none;padding:0;margin:0 0 28px}
.gd-hero-bullets li{padding:7px 0;color:#cbd5e1;font-size:15px}
.gd-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.gd-hero-trust{font-size:13px;color:#64748b;font-style:italic}
.gd-why{padding:90px 0;background:rgba(255,255,255,.015)}
.gd-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gd-why-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px;transition:all .3s ease}
.gd-why-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.gd-why-icon{font-size:36px;margin-bottom:14px}
.gd-why-card h3{color:#fff;font-size:18px;margin:0 0 8px;font-weight:700}
.gd-why-card p{color:#94a3b8;font-size:14.5px;line-height:1.6;margin:0}
.gd-services{padding:90px 0}
.gd-services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.gd-service-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.gd-service-card:hover{transform:translateY(-6px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.04)}
.gd-service-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.12));border:1px solid rgba(16,185,129,.30);color:#34D399;display:flex;align-items:center;justify-content:center;margin-bottom:18px;transition:all .3s ease}
.gd-service-card:hover .gd-service-icon{background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;border-color:transparent;transform:scale(1.05)}
.gd-service-card h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}
.gd-service-card>p{color:#94a3b8;font-size:14px;line-height:1.65;margin:0 0 16px}
.gd-service-card ul{list-style:none;padding:0;margin:0}
.gd-service-card ul li{padding:6px 0;color:#cbd5e1;font-size:13.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.gd-service-card ul li:last-child{border-bottom:none}
.gd-service-card ul li::before{content:"✓";color:#34D399;margin-right:8px;font-weight:700}
.gd-local-focus{padding:90px 0;background:rgba(255,255,255,.015)}
.gd-local-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.gd-local-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s ease;text-align:center}
.gd-local-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.gd-local-icon{font-size:36px;margin-bottom:14px}
.gd-local-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.gd-local-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}
.gd-process{padding:100px 0;background:rgba(255,255,255,.015);position:relative;overflow:hidden}
.gd-process::before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.10),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(80px);pointer-events:none}
.gd-process .container{position:relative;z-index:1}
.gp-interactive{display:grid;grid-template-columns:1fr 1.4fr;gap:30px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px}
.gp-tabs{display:flex;flex-direction:column;gap:10px}
.gp-tab{display:flex;align-items:center;gap:14px;padding:18px 18px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:#94a3b8;font-family:inherit;cursor:pointer;text-align:left;width:100%;transition:all .35s ease;position:relative;overflow:hidden}
.gp-tab::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#10B981,#3B82F6);transform:scaleY(0);transform-origin:top;transition:transform .4s ease}
.gp-tab:hover{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.20);color:#cbd5e1}
.gp-tab.active{background:linear-gradient(135deg,rgba(16,185,129,.10),rgba(59,130,246,.06));border-color:rgba(16,185,129,.40);color:#fff;box-shadow:0 8px 20px rgba(16,185,129,.15)}
.gp-tab.active::before{transform:scaleY(1)}
.gp-tab-num{flex-shrink:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.10);color:#94a3b8;transition:all .35s ease;font-variant-numeric:tabular-nums}
.gp-tab.active .gp-tab-num{background:linear-gradient(135deg,#10B981,#3B82F6);border-color:transparent;color:#fff;box-shadow:0 6px 16px rgba(16,185,129,.4)}
.gp-tab-text{flex:1;display:flex;flex-direction:column;line-height:1.3;min-width:0}
.gp-tab-text strong{color:inherit;font-size:15px;font-weight:700;margin-bottom:3px}
.gp-tab.active .gp-tab-text strong{color:#fff}
.gp-tab-text span{color:#64748b;font-size:12px;font-weight:500}
.gp-tab.active .gp-tab-text span{color:#34D399}
.gp-tab-arrow{font-size:18px;color:#475569;transition:all .35s ease;flex-shrink:0}
.gp-tab.active .gp-tab-arrow{color:#34D399;transform:translateX(4px)}
.gp-tab:hover .gp-tab-arrow{transform:translateX(3px)}
.gp-panels{position:relative;background:linear-gradient(180deg,rgba(15,22,35,.6),rgba(7,11,20,.8));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px;min-height:480px;overflow:hidden}
.gp-panel{position:absolute;inset:32px;opacity:0;visibility:hidden;transform:translateX(20px);transition:opacity .5s ease, transform .5s ease, visibility 0s linear .5s}
.gp-panel.active{opacity:1;visibility:visible;transform:translateX(0);transition:opacity .5s ease, transform .5s ease, visibility 0s linear 0s}
.gp-panel-head{margin-bottom:18px}
.gp-panel-tag{display:inline-block;padding:5px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.30);color:#34D399;font-size:11.5px;font-weight:700;letter-spacing:.4px;margin-bottom:12px}
.gp-panel-head h3{color:#fff;font-size:24px;font-weight:800;margin:0 0 10px;letter-spacing:-.02em;line-height:1.2}
.gp-panel-head p{color:#94a3b8;font-size:14.5px;line-height:1.65;margin:0}
.gp-panel-visual{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:20px;margin:18px 0;min-height:160px}
.gp-vis-brief{display:flex;flex-direction:column;gap:8px;justify-content:center}
.gp-doc-line{display:flex;justify-content:space-between;align-items:center;padding:9px 14px;border-radius:8px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.05);font-size:13.5px;opacity:0;transform:translateX(-10px);transition:all .4s ease}
.gp-panel.active .gp-doc-line{opacity:1;transform:translateX(0)}
.gp-panel.active .gp-line-1{transition-delay:.1s}
.gp-panel.active .gp-line-2{transition-delay:.2s}
.gp-panel.active .gp-line-3{transition-delay:.3s}
.gp-panel.active .gp-line-4{transition-delay:.4s}
.gp-panel.active .gp-line-5{transition-delay:.5s}
.gp-doc-line span{color:#94a3b8}
.gp-doc-line strong{color:#fff;font-weight:600}
.gp-vis-concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.gp-concept{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;text-align:center;transition:all .35s ease;opacity:0;transform:translateY(10px)}
.gp-panel.active .gp-concept{opacity:1;transform:translateY(0)}
.gp-panel.active .gp-concept-1{transition-delay:.1s}
.gp-panel.active .gp-concept-2{transition-delay:.25s}
.gp-panel.active .gp-concept-3{transition-delay:.4s}
.gp-concept-shape{width:100%;aspect-ratio:1.2/1;border-radius:8px;margin-bottom:10px}
.gp-shape-1{background:linear-gradient(135deg,#475569,#334155)}
.gp-shape-2{background:linear-gradient(135deg,#10B981,#3B82F6);box-shadow:0 8px 20px rgba(16,185,129,.35)}
.gp-shape-3{background:linear-gradient(135deg,#8B5CF6,#EC4899)}
.gp-concept span{color:#94a3b8;font-size:12.5px;font-weight:600}
.gp-concept-selected{border-color:rgba(16,185,129,.50);background:rgba(16,185,129,.06);transform:scale(1.02)!important}
.gp-concept-selected span{color:#34D399}
.gp-vis-refine{display:flex;flex-direction:column;gap:14px;justify-content:center}
.gp-refine-row{display:flex;align-items:center;gap:14px;font-size:13px}
.gp-refine-label{flex:0 0 110px;color:#94a3b8;font-weight:500}
.gp-refine-bar{flex:1;height:8px;border-radius:4px;background:rgba(255,255,255,.06);overflow:hidden}
.gp-refine-fill{height:100%;border-radius:4px;background:linear-gradient(90deg,#10B981,#3B82F6);width:0!important;transition:width 1s cubic-bezier(.4,0,.2,1)}
.gp-panel.active .gp-refine-fill{width:var(--w,80%)!important}
.gp-panel.active .gp-refine-row:nth-child(1) .gp-refine-fill{width:78%!important;transition-delay:.1s}
.gp-panel.active .gp-refine-row:nth-child(2) .gp-refine-fill{width:92%!important;transition-delay:.25s}
.gp-panel.active .gp-refine-row:nth-child(3) .gp-refine-fill{width:85%!important;transition-delay:.4s}
.gp-panel.active .gp-refine-row:nth-child(4) .gp-refine-fill{width:95%!important;transition-delay:.55s}
.gp-refine-val{flex:0 0 42px;text-align:right;color:#fff;font-weight:700;font-variant-numeric:tabular-nums}
.gp-vis-deliver{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.gp-file{padding:14px 12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center;opacity:0;transform:scale(.92);transition:all .35s ease}
.gp-panel.active .gp-file{opacity:1;transform:scale(1)}
.gp-panel.active .gp-file:nth-child(1){transition-delay:.1s}
.gp-panel.active .gp-file:nth-child(2){transition-delay:.18s}
.gp-panel.active .gp-file:nth-child(3){transition-delay:.26s}
.gp-panel.active .gp-file:nth-child(4){transition-delay:.34s}
.gp-panel.active .gp-file:nth-child(5){transition-delay:.42s}
.gp-panel.active .gp-file:nth-child(6){transition-delay:.50s}
.gp-file strong{display:block;color:#fff;font-size:14px;font-weight:800;margin-bottom:3px;letter-spacing:.3px}
.gp-file span{font-size:11px;color:#94a3b8}
.gp-file-pdf strong{background:linear-gradient(135deg,#EF4444,#F87171);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gp-file-png strong{background:linear-gradient(135deg,#10B981,#34D399);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gp-file-jpg strong{background:linear-gradient(135deg,#3B82F6,#60A5FA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gp-file-ai strong{background:linear-gradient(135deg,#F59E0B,#FBBF24);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gp-file-svg strong{background:linear-gradient(135deg,#8B5CF6,#A78BFA);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.gp-file-folder strong{background:none;-webkit-text-fill-color:initial;color:#34D399;font-size:22px}
.gp-vis-support{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.gp-support-item{display:flex;align-items:center;gap:10px;padding:12px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);opacity:0;transform:translateY(8px);transition:all .4s ease}
.gp-panel.active .gp-support-item{opacity:1;transform:translateY(0)}
.gp-panel.active .gp-support-item:nth-child(1){transition-delay:.1s}
.gp-panel.active .gp-support-item:nth-child(2){transition-delay:.2s}
.gp-panel.active .gp-support-item:nth-child(3){transition-delay:.3s}
.gp-panel.active .gp-support-item:nth-child(4){transition-delay:.4s}
.gp-support-icon{font-size:24px;flex-shrink:0}
.gp-support-item strong{display:block;color:#fff;font-size:13px;font-weight:700;margin-bottom:2px}
.gp-support-item span{color:#94a3b8;font-size:11.5px}
/* Panel checklist */
.gp-panel-list{
  list-style:none;padding:0;margin:18px 0 0;
  display:grid;grid-template-columns:repeat(2,1fr);gap:8px;
}
.gp-panel-list li{
  color:#cbd5e1;font-size:13.5px;line-height:1.5;
  padding:4px 0;
}

/* ===== Responsive ===== */
@media(max-width:1024px){
  .gp-interactive{grid-template-columns:1fr;gap:20px;padding:18px}
  .gp-tabs{flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:6px;scrollbar-width:thin}
  .gp-tab{flex:0 0 auto;min-width:240px;padding:12px 14px}
  .gp-tab-arrow{display:none}
  .gp-panels{padding:24px;min-height:520px}
  .gp-panel{inset:24px}
}
@media(max-width:768px){
  .gp-panels{min-height:600px}
  .gp-panel-head h3{font-size:20px}
  .gp-vis-concepts,.gp-vis-deliver{grid-template-columns:repeat(2,1fr)}
  .gp-vis-support{grid-template-columns:1fr}
  .gp-panel-list{grid-template-columns:1fr}
  .gp-refine-label{flex:0 0 90px;font-size:12px}
}
@media(max-width:480px){
  .gp-tab{min-width:200px}
  .gp-tab-text strong{font-size:13px}
  .gp-tab-text span{font-size:11px}
  .gp-vis-deliver{grid-template-columns:1fr}
}

/* ============ WHY US ============ */
.gd-why-us{padding:90px 0}
.gd-why-us-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gd-why-us-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;transition:all .3s ease}
.gd-why-us-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40);background:rgba(16,185,129,.05)}
.gd-why-us-icon{font-size:34px;margin-bottom:14px}
.gd-why-us-card h4{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.gd-why-us-card p{color:#94a3b8;font-size:14px;line-height:1.6;margin:0}

/* ============ LOCAL NAP ============ */
.gd-local{padding:90px 0;background:rgba(255,255,255,.015)}
.gd-local-grid-wrap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.gd-local-info h2{font-size:clamp(26px,3.5vw,38px);color:#fff;margin:14px 0;line-height:1.15}
.gd-local-info>p{color:#94a3b8;margin-bottom:24px;font-size:16px}
.gd-local-details{display:flex;flex-direction:column;gap:18px;margin-bottom:28px}
.gd-local-item{display:flex;gap:14px;align-items:flex-start}
.gd-local-item svg{color:#34D399;flex-shrink:0;margin-top:2px}
.gd-local-item strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.gd-local-item p{color:#94a3b8;font-size:14px;margin:0;line-height:1.65}
.gd-local-item a{color:#34D399;transition:color .2s;text-decoration:none}
.gd-local-item a:hover{color:#fff}
.gd-local-cta{display:flex;gap:12px;flex-wrap:wrap}
.gd-local-map{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);height:420px}
.gd-local-map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg)}

/* ============ FAQ ============ */
.gd-faq{padding:90px 0}
.gd-faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.gd-faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.gd-faq-item summary{padding:18px 22px;color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px}
.gd-faq-item summary::-webkit-details-marker{display:none}
.gd-faq-item summary::after{content:"+";font-size:22px;color:#34D399;transition:transform .2s;flex-shrink:0}
.gd-faq-item[open] summary::after{transform:rotate(45deg)}
.gd-faq-item summary:hover{color:#34D399}
.gd-faq-item p{padding:0 22px 18px;color:#94a3b8;font-size:14.5px;line-height:1.7;margin:0}

/* ============ RELATED ============ */
.gd-related{padding:90px 0;background:rgba(255,255,255,.015)}
.gd-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.gd-related-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;transition:all .3s ease;text-decoration:none;display:block}
.gd-related-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.40)}
.gd-related-icon{font-size:32px;margin-bottom:12px}
.gd-related-card h3{color:#fff;font-size:17px;font-weight:700;margin:0 0 8px}
.gd-related-card p{color:#94a3b8;font-size:13.5px;line-height:1.55;margin:0 0 14px}
.gd-related-link{color:#34D399;font-size:13.5px;font-weight:600}

/* ============ FINAL CTA ============ */
.gd-cta{padding:90px 0}
.gd-cta-card{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.10));border:1px solid rgba(16,185,129,.30);border-radius:24px;padding:60px 40px;text-align:center}
.gd-cta-card h2{font-size:clamp(26px,4vw,42px);color:#fff;margin:0 0 14px;line-height:1.15}
.gd-cta-card>p{color:#cbd5e1;font-size:17px;margin:0 0 28px;line-height:1.6}
.gd-cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ============ GRAPHICS DESIGN — RESPONSIVE ============ */
@media(max-width:1024px){
  .gd-hero-grid{grid-template-columns:1fr;gap:40px}
  .gd-why-grid,.gd-services-grid,.gd-why-us-grid,.gd-portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .gd-local-grid{grid-template-columns:repeat(2,1fr)}
  .gd-process-timeline{grid-template-columns:repeat(3,1fr)}
  .gd-related-grid{grid-template-columns:repeat(2,1fr)}
  .gd-local-grid-wrap{grid-template-columns:1fr;gap:32px}
  .trust-stats{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .gd-hero{padding:80px 0 60px}
  .gd-why-grid,.gd-services-grid,.gd-why-us-grid,.gd-portfolio-grid,.gd-process-timeline,.gd-related-grid,.gd-local-grid{grid-template-columns:1fr}
  .gd-cta-card{padding:40px 24px}
  .gd-local-map{height:300px}
}
@media(max-width:480px){
  .gd-hero-cta,.gd-cta-buttons,.gd-local-cta{flex-direction:column;width:100%}
  .gd-hero-cta a,.gd-cta-buttons a,.gd-local-cta a{width:100%}
}

/* ============================================================
   SECTION 10 — ABOUT PAGE  (was about.css)
   .page-hero / .orb / orbFloat / .breadcrumb already exist in
   Section 5 (Contact) — about-specific bits scoped to .about-page.
   .svc-card scoped to .what-we-do (avoids web-design clash).
   ============================================================ */

/* Nav active state */
.nav-active{color:var(--accent-2) !important;position:relative}
.nav-active::after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--gradient-brand);border-radius:2px}

/* About page hero stats */
.page-hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;padding-top:36px;border-top:1px solid var(--border)}
.page-hero-stats > div{text-align:center}
.page-hero-stats strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:2rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:6px;line-height:1}
.page-hero-stats span{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;font-weight:600}

/* ============ OUR STORY ============ */
.about-story{padding:90px 0;position:relative}
.story-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:start}
.story-content .eyebrow{margin-bottom:14px}
.story-content h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:24px;line-height:1.2}
.story-content p{margin-bottom:18px;color:var(--text-dim);line-height:1.8;font-size:1rem}
.story-content p strong{color:var(--text);font-weight:600}
.story-quote{margin-top:32px;padding:28px 28px 24px;background:linear-gradient(160deg,rgba(16,185,129,.08),rgba(59,130,246,.04));border:1px solid rgba(16,185,129,.2);border-radius:16px;position:relative}
.quote-mark{position:absolute;top:-10px;left:24px;width:36px;height:36px;background:var(--gradient-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.6rem;font-weight:800;color:#fff;line-height:1}
.story-quote p{font-size:1.05rem;color:var(--text);font-style:italic;line-height:1.6;margin:8px 0 12px;font-weight:500}
.story-quote cite{font-size:.85rem;color:var(--accent-2);font-style:normal;font-weight:600}
.story-card{background:linear-gradient(160deg,rgba(31,41,55,.45),rgba(15,22,35,.85));border:1px solid var(--border-strong);border-radius:18px;padding:30px;position:sticky;top:100px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.milestone-title{font-size:1.1rem;font-weight:700;margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);color:#fff}
.story-milestone{padding:16px 0;border-bottom:1px solid var(--border);display:flex;gap:18px;align-items:flex-start;transition:all .3s}
.story-milestone:last-child{border-bottom:none}
.milestone-year{flex:0 0 56px;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.2rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1.4}
.milestone-text{font-size:.9rem;color:var(--text-dim);line-height:1.55;flex:1}
.story-milestone.active{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(59,130,246,.05));margin:0 -14px;padding:16px 14px;border-radius:12px;border:1px solid rgba(16,185,129,.25);border-bottom:1px solid rgba(16,185,129,.25)}
.story-milestone.active .milestone-text{color:var(--text);font-weight:500}

/* ============ FOUNDER ============ */
.founder-section{padding:100px 0;background:linear-gradient(180deg,transparent,rgba(16,185,129,.03),transparent);position:relative;overflow:hidden}
.founder-section::before{content:"";position:absolute;top:30%;right:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.12),transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}
.founder-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:center;position:relative;z-index:1}
.founder-photo{position:relative;text-align:center}
.founder-avatar{width:260px;height:260px;border-radius:50%;background:var(--gradient-brand);display:flex;align-items:center;justify-content:center;font-family:'Plus Jakarta Sans',sans-serif;font-size:4.5rem;font-weight:800;color:#fff;margin:0 auto;box-shadow:0 30px 80px -10px rgba(16,185,129,.4);position:relative}
.founder-avatar::before{content:"";position:absolute;inset:-14px;border-radius:50%;border:2px dashed rgba(16,185,129,.35);animation:spin 30s linear infinite}
.founder-avatar::after{content:"";position:absolute;inset:-26px;border-radius:50%;border:1px solid rgba(16,185,129,.15);animation:spin 45s linear infinite reverse}
.founder-badge{display:inline-flex;align-items:center;gap:8px;margin-top:28px;padding:10px 18px;background:rgba(255,255,255,.04);border:1px solid var(--border-strong);border-radius:99px;font-size:.85rem;font-weight:600;color:var(--text)}
.founder-badge svg{width:16px;height:16px;color:#FBBF24}
.founder-socials{display:flex;justify-content:center;gap:10px;margin-top:18px}
.founder-socials a{width:40px;height:40px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .25s}
.founder-socials a:hover{background:var(--accent);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 18px -6px rgba(16,185,129,.5)}
.founder-socials a svg{width:18px;height:18px}
.founder-content .eyebrow{margin-bottom:10px}
.founder-content h3{font-size:clamp(1.6rem,2.8vw,2.1rem);margin:6px 0 8px;line-height:1.2}
.founder-role{font-size:1rem;color:var(--text-dim);margin-bottom:24px;font-weight:500}
.founder-content p{color:var(--text-dim);line-height:1.75;margin-bottom:16px;font-size:.98rem}
.founder-content p strong{color:var(--text);font-weight:600}
.founder-skills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 28px}
.skill-pill{padding:7px 14px;background:rgba(16,185,129,.08);border:1px solid rgba(16,185,129,.25);border-radius:99px;font-size:.82rem;color:var(--accent-2);font-weight:600;transition:all .2s}
.skill-pill:hover{background:rgba(16,185,129,.15);transform:translateY(-1px)}
.founder-cta{display:flex;gap:12px;flex-wrap:wrap}

/* ============ MISSION VISION VALUES ============ */
.mission-vision{padding:90px 0}
.mv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.mv-card{padding:36px 28px;background:linear-gradient(180deg,rgba(31,41,55,.4),rgba(15,22,35,.7));border:1px solid var(--border);border-radius:18px;text-align:center;transition:all .35s;position:relative;overflow:hidden}
.mv-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.mv-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 20px 50px -15px rgba(16,185,129,.25)}
.mv-card:hover::before{transform:scaleX(1)}
.mv-icon{width:66px;height:66px;border-radius:16px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;margin:0 auto 22px;transition:all .35s}
.mv-card:hover .mv-icon{background:rgba(16,185,129,.2);transform:scale(1.05)}
.mv-icon svg{width:30px;height:30px;color:var(--accent-2)}
.mv-card h3{font-size:1.25rem;margin-bottom:14px;font-weight:700}
.mv-card p{color:var(--text-dim);line-height:1.7;font-size:.95rem}

/* ============ WHY CHOOSE ============ */
.why-choose{padding:90px 0;background:linear-gradient(180deg,transparent,rgba(59,130,246,.03),transparent);position:relative}
.choose-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.choose-card{padding:30px 26px;background:linear-gradient(160deg,rgba(31,41,55,.45),rgba(15,22,35,.85));border:1px solid var(--border);border-radius:18px;transition:all .35s;position:relative;overflow:hidden}
.choose-card::before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.08),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.choose-card:hover{transform:translateY(-5px);border-color:var(--accent)}
.choose-card:hover::before{opacity:1}
.choose-num{font-family:'Plus Jakarta Sans',sans-serif;font-size:2.4rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;margin-bottom:14px;line-height:1;position:relative;z-index:1}
.choose-card h4{font-size:1.1rem;margin-bottom:10px;font-weight:700;position:relative;z-index:1}
.choose-card p{color:var(--text-dim);line-height:1.65;font-size:.92rem;position:relative;z-index:1}

/* ============ TEAM CULTURE ============ */
.team-culture{padding:90px 0;position:relative;overflow:hidden}
.team-culture::before{content:"";position:absolute;bottom:10%;left:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.1),transparent 70%);filter:blur(70px);z-index:0;pointer-events:none}
.culture-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1}
.culture-content h2{font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:18px;line-height:1.2}
.culture-content p{margin-bottom:18px;color:var(--text-dim);line-height:1.75;font-size:1rem}
.culture-content p strong{color:var(--text);font-weight:600}
.culture-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px;padding-top:24px;border-top:1px solid var(--border)}
.culture-stat{text-align:left}
.culture-stat strong{display:block;font-family:'Plus Jakarta Sans',sans-serif;font-size:1.8rem;font-weight:800;background:var(--gradient-brand);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;line-height:1;margin-bottom:6px}
.culture-stat span{font-size:.78rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.culture-visual{display:flex;flex-direction:column;gap:20px}
.culture-tags{display:flex;flex-wrap:wrap;gap:8px;padding:24px;background:linear-gradient(160deg,rgba(31,41,55,.5),rgba(15,22,35,.85));border:1px solid var(--border-strong);border-radius:18px}
.culture-tag{padding:10px 16px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:99px;font-size:.85rem;color:var(--text);font-weight:600;transition:all .3s;cursor:default;animation:tagFloat 6s ease-in-out infinite;animation-delay:var(--delay,0s)}
.culture-tag:hover{background:rgba(16,185,129,.15);border-color:var(--accent);color:var(--accent-2);transform:translateY(-2px)}
@keyframes tagFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
.culture-card{background:linear-gradient(160deg,rgba(31,41,55,.6),rgba(15,22,35,.92));border:1px solid var(--border-strong);border-radius:18px;padding:22px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.culture-card-head{display:flex;align-items:center;gap:8px;font-size:.78rem;color:var(--text-dim);font-weight:600;text-transform:uppercase;letter-spacing:.6px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border)}
.culture-card-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 1.6s infinite}
.culture-list{list-style:none;display:flex;flex-direction:column;gap:10px}
.culture-list li{display:flex;align-items:center;gap:12px;font-size:.92rem;color:var(--text);padding:8px 10px;background:rgba(255,255,255,.02);border-radius:10px;transition:all .25s}
.culture-list li:hover{background:rgba(16,185,129,.06);transform:translateX(4px)}
.culture-list li span{font-size:1.1rem;flex-shrink:0}

/* ============ WHAT WE DO (Services Overview) ============ */
.what-we-do{padding:90px 0;position:relative;overflow:hidden}
.what-we-do::before{content:"";position:absolute;top:20%;right:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.08),transparent 70%);filter:blur(60px);z-index:0;pointer-events:none}
.services-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative;z-index:1}
/* scoped to .what-we-do to avoid web-design .svc-card clash */
.what-we-do .svc-card{padding:26px 22px;background:linear-gradient(180deg,rgba(31,41,55,.4),rgba(15,22,35,.75));border:1px solid var(--border);border-radius:16px;transition:all .35s;position:relative;overflow:hidden;display:flex;flex-direction:column}
.what-we-do .svc-card::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.what-we-do .svc-card:hover{transform:translateY(-5px);border-color:var(--accent);box-shadow:0 20px 50px -15px rgba(16,185,129,.2)}
.what-we-do .svc-card:hover::before{transform:scaleX(1)}
.what-we-do .svc-flagship{background:linear-gradient(160deg,rgba(16,185,129,.12),rgba(15,22,35,.85));border-color:rgba(16,185,129,.35)}
.what-we-do .svc-flagship::before{transform:scaleX(1)}
.svc-badge{display:inline-block;padding:4px 10px;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.4);border-radius:99px;font-size:.7rem;font-weight:700;color:var(--accent-2);margin-bottom:12px;letter-spacing:.3px;width:fit-content}
.what-we-do .svc-icon{width:48px;height:48px;border-radius:12px;background:rgba(16,185,129,.12);display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:1.4rem;transition:transform .3s}
.what-we-do .svc-card:hover .svc-icon{transform:scale(1.08)}
.what-we-do .svc-card h3{font-size:1.1rem;margin-bottom:8px;font-weight:700}
.what-we-do .svc-card p{color:var(--text-dim);font-size:.88rem;line-height:1.6;flex:1;margin-bottom:14px}
.svc-link{font-size:.85rem;color:var(--accent-2);font-weight:600;transition:all .25s;align-self:flex-start}
.svc-link:hover{color:#fff;transform:translateX(4px)}
.svc-cta-card{background:linear-gradient(160deg,rgba(59,130,246,.12),rgba(16,185,129,.06));border-color:rgba(59,130,246,.3);align-items:flex-start;justify-content:center}
.svc-cta-card::before{display:none}
.svc-cta-card:hover{transform:translateY(-5px);border-color:var(--blue)}
.svc-cta-card h3{font-size:1.1rem;margin-bottom:8px}
.svc-cta-card p{margin-bottom:18px;font-size:.9rem}
.svc-cta-card .btn{padding:10px 18px;font-size:.88rem}

/* ============ ABOUT — RESPONSIVE ============ */
@media(max-width:1024px){
  .story-grid,.founder-grid,.culture-grid{gap:40px}
  .page-hero-stats strong{font-size:1.7rem}
  .services-overview{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:900px){
  .page-hero-stats{grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;padding-top:28px}
  .page-hero-stats strong{font-size:1.6rem}
  .about-story{padding:60px 0}
  .story-grid{grid-template-columns:1fr;gap:40px}
  .story-card{position:relative;top:0;padding:24px}
  .founder-section{padding:60px 0}
  .founder-grid{grid-template-columns:1fr;gap:40px;text-align:center}
  .founder-content{text-align:center}
  .founder-skills,.founder-cta{justify-content:center}
  .founder-avatar{width:200px;height:200px;font-size:3.5rem}
  .mission-vision{padding:60px 0}
  .mv-grid{grid-template-columns:1fr;gap:16px}
  .why-choose{padding:60px 0}
  .choose-grid{grid-template-columns:1fr;gap:16px}
  .team-culture{padding:60px 0}
  .culture-grid{grid-template-columns:1fr;gap:36px}
  .culture-stats{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:560px){
  .page-hero-stats{grid-template-columns:repeat(2,1fr);gap:18px}
  .page-hero-stats strong{font-size:1.4rem}
  .founder-avatar{width:160px;height:160px;font-size:2.8rem}
  .founder-avatar::before{inset:-10px}
  .founder-avatar::after{inset:-20px}
  .story-quote{padding:24px 20px 20px}
  .quote-mark{width:32px;height:32px;font-size:1.4rem;left:18px}
  .culture-stats{grid-template-columns:1fr}
  .culture-tags{padding:18px}
  .skill-pill,.culture-tag{font-size:.78rem;padding:6px 12px}
  .services-overview{grid-template-columns:1fr;gap:14px}
  .what-we-do{padding:60px 0}
}





/* ============================================================
   CONSOLIDATED REDUCED-MOTION + PRINT (all pages) — kept once
   ============================================================ */
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms !important;transition-duration:.01ms !important}}
@media print{.floating-left,.back-to-top,.mobile-bottom-bar,.scroll-progress{display:none !important}}


/* ============================================================
   BUTTON CLEANUP — single source of truth
   Sirf shimmer pseudo-elements aur pulse animation disable karta hai.
   Padding/size force NAHI karta — har button apna context rakhega.
   ============================================================ */
.btn-primary, .btn.btn-primary,
.btn-secondary, .btn.btn-ghost,
.btn-whatsapp, .es-submit {
  animation: none;
}
.btn-primary::before, .btn-primary::after,
.btn.btn-primary::before, .btn.btn-primary::after,
.btn-secondary::before, .btn-secondary::after,
.btn.btn-ghost::before, .btn.btn-ghost::after,
.btn-whatsapp::before, .btn-whatsapp::after,
.es-submit::before, .es-submit::after {
  display: none;
}


/* ============================================================
   SECTION 11 — SEO SERVICE PAGE  (merged from seo-service.css)
   Green theme. Global resets / :root / buttons / footer-buttons
   NOT included (already in Base section).
   ============================================================ */

.seo-hero,.seo-about,.trust-bar,.why-seo,.seo-services,.seo-process,.seo-pricing,.seo-industries,.seo-areas,.local-trust,.related-services,.seo-faq,.seo-cta,.seo-rankdemo{box-sizing:border-box}
.seo-faq ul,.price-card ul,.seo-hero-bullets,.seo-about-card-list,.industries-grid{list-style:none}

/* gradient-text + section-tag already exist globally (green) — SEO page reuses them */

/* ============ SEO HERO ============ */
.seo-hero{position:relative;padding:100px 0 80px;overflow:hidden;background:linear-gradient(180deg,#070B14,#0F1623)}
.seo-hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}
.seo-orb{position:absolute;border-radius:50%;filter:blur(90px);opacity:.5}
.seo-orb-1{width:500px;height:500px;background:#10B981;top:-150px;left:-100px}
.seo-orb-2{width:600px;height:600px;background:#3B82F6;bottom:-200px;right:-150px;opacity:.4}
.seo-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.seo-hero .container{position:relative;z-index:1}
.seo-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.seo-hero-badge{display:inline-block;padding:8px 18px;border-radius:999px;background:rgba(16,185,129,.15);border:1px solid rgba(16,185,129,.4);color:#34D399;font-size:13px;font-weight:600;margin-bottom:20px}
.seo-hero-title{font-size:clamp(32px,5vw,56px);font-weight:800;line-height:1.1;color:#fff;margin-bottom:18px;letter-spacing:-.02em}
.seo-hero-sub{font-size:18px;color:#94a3b8;margin-bottom:24px;max-width:560px}
.seo-hero-bullets{margin-bottom:30px;padding:0}
.seo-hero-bullets li{padding:6px 0;color:#cbd5e1;font-size:15px}
.seo-hero-cta{display:flex;gap:14px;flex-wrap:wrap}
.seo-hero-form .form-card{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px;backdrop-filter:blur(20px)}
.seo-hero-form .form-card h3{color:#fff;font-size:22px;margin-bottom:6px}
.seo-hero-form .form-card>p{color:#94a3b8;font-size:14px;margin-bottom:20px}
.seo-hero-form .form-card form{display:flex;flex-direction:column;gap:12px}
.seo-hero-form .form-card input,.seo-hero-form .form-card select{width:100%;padding:13px 14px;border-radius:10px;background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.1);color:#fff;font-size:14px;font-family:inherit}
.seo-hero-form .form-card input::placeholder{color:#64748b}
.seo-hero-form .form-card input:focus,.seo-hero-form .form-card select:focus{outline:none;border-color:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.15)}
.seo-hero-form .form-card select option{background:#0F1623;color:#fff}
.seo-hero-form .form-card button{margin-top:6px;width:100%}

/* ============ SEO ABOUT ============ */
.seo-about{position:relative;padding:100px 0;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0F1623 100%)}
.seo-about-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.seo-about-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(16,185,129,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,185,129,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%)}
.seo-about-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5}
.seo-about-orb-1{width:400px;height:400px;background:#10B981;top:-100px;left:-100px}
.seo-about-orb-2{width:500px;height:500px;background:#3B82F6;bottom:-150px;right:-150px;opacity:.35}
.seo-about .container{position:relative;z-index:1}
.seo-about-header{text-align:center;max-width:780px;margin:0 auto 60px}
.seo-about-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.35);color:#34D399;font-size:13px;font-weight:600;margin-bottom:20px}
.seo-about-badge svg{color:#fbbf24}
.seo-about-title{font-size:clamp(28px,4vw,46px);font-weight:800;line-height:1.15;color:#fff;margin:0 0 16px;letter-spacing:-.02em}
.seo-about-subtitle{font-size:17px;line-height:1.65;color:#94a3b8;margin:0}
.seo-about-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:60px;align-items:start;margin-bottom:70px}
.seo-about-content p{color:#cbd5e1;line-height:1.75;margin:0 0 18px;font-size:15.5px}
.seo-about-content strong{color:#fff;font-weight:600}
.seo-about-lead{font-size:17px !important;color:#e2e8f0 !important}
.seo-about-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding:24px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px}
.seo-trust-item{text-align:center}
.seo-trust-item strong{display:block;font-size:24px;font-weight:800;background:linear-gradient(135deg,#10B981,#3B82F6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:4px}
.seo-trust-item span{font-size:12px;color:#94a3b8;font-weight:500}
.seo-about-visual{position:relative}
.seo-about-card{position:relative;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;backdrop-filter:blur(20px);overflow:hidden}
.seo-about-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(16,185,129,.15),transparent 50%);pointer-events:none}
.seo-about-card-header{margin-bottom:24px;position:relative}
.seo-about-card-tag{display:inline-block;font-size:12px;font-weight:600;color:#34D399;text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px}
.seo-about-card-header h3{font-size:24px;font-weight:700;color:#fff;margin:0;letter-spacing:-.01em}
.seo-about-card-list{padding:0;margin:0;position:relative}
.seo-about-card-list li{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.06)}
.seo-about-card-list li:last-child{border-bottom:none}
.seo-about-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(59,130,246,.2));border:1px solid rgba(16,185,129,.3);border-radius:10px;color:#34D399}
.seo-about-card-list strong{display:block;color:#fff;font-size:15px;font-weight:600;margin-bottom:4px}
.seo-about-card-list p{margin:0;color:#94a3b8;font-size:13.5px;line-height:1.55}
.seo-about-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.seo-highlight-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.seo-highlight-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.05)}
.seo-highlight-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,rgba(16,185,129,.2),rgba(59,130,246,.2));border:1px solid rgba(16,185,129,.25);display:flex;align-items:center;justify-content:center;color:#34D399;margin-bottom:16px}
.seo-highlight-card h4{font-size:16px;font-weight:700;color:#fff;margin:0 0 8px}
.seo-highlight-card p{font-size:13.5px;line-height:1.55;color:#94a3b8;margin:0}

/* ============ SEO TRUST BAR ============ (trust-bar/.trust-stats already global) */
.seo-about .seo-about-trust{grid-template-columns:repeat(4,1fr)}

/* ============ WHY SEO ============ */
.why-seo{padding:80px 0}
.why-seo .why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.why-seo .why-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:28px;text-align:center;transition:transform .3s ease,border-color .3s ease}
.why-seo .why-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.4)}
.why-seo .why-icon{font-size:36px;margin-bottom:14px}
.why-seo .why-card h3{color:#fff;font-size:18px;margin-bottom:8px}
.why-seo .why-card p{color:#94a3b8;font-size:14px}

/* ============ SERVICES GRID ============ */
.seo-services{padding:80px 0;background:rgba(255,255,255,.015)}
.seo-services .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.seo-services .service-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:30px;transition:transform .3s ease,border-color .3s ease,background .3s ease}
.seo-services .service-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.4);background:rgba(16,185,129,.05)}
.seo-services .service-icon{font-size:36px;margin-bottom:14px;width:auto;height:auto;background:none}
.seo-services .service-card h3{color:#fff;font-size:20px;margin-bottom:10px}
.seo-services .service-card p{color:#94a3b8;font-size:14.5px;line-height:1.6}

/* ============ SEO PROCESS ============ */
.seo-process{position:relative;padding:100px 0;overflow:hidden;background:linear-gradient(180deg,#070B14 0%,#0F1623 60%,#070B14 100%)}
.seo-process-bg{position:absolute;inset:0;pointer-events:none;z-index:0}
.seo-process-orb{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,129,.25),transparent 70%);filter:blur(80px);top:30%;left:50%;transform:translate(-50%,-50%)}
.seo-process .container{position:relative;z-index:1}
.process-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:32px 28px;margin-top:20px}
.process-line{display:none;position:absolute;top:60px;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(16,185,129,.4) 15%,rgba(16,185,129,.6) 50%,rgba(59,130,246,.4) 85%,transparent 100%);z-index:0}
.process-line::before,.process-line::after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;background:#10B981;box-shadow:0 0 16px rgba(16,185,129,.8)}
.process-line::before{left:0}
.process-line::after{right:0;background:#3B82F6;box-shadow:0 0 16px rgba(59,130,246,.8)}
.process-step{position:relative;z-index:1}
.process-step-inner{position:relative;height:100%;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 26px 26px;backdrop-filter:blur(10px);transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s ease,box-shadow .35s ease;overflow:hidden}
.process-step-inner::before{content:"";position:absolute;inset:0;border-radius:18px;padding:1px;background:linear-gradient(135deg,rgba(16,185,129,.5),transparent 40%,transparent 60%,rgba(59,130,246,.5));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}
.process-step-inner:hover{transform:translateY(-8px);box-shadow:0 20px 50px rgba(16,185,129,.18)}
.process-step-inner:hover::before{opacity:1}
.process-step-inner:hover .process-icon{transform:scale(1.08) rotate(-5deg);background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;border-color:transparent}
.process-icon{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(16,185,129,.18),rgba(59,130,246,.12));border:1px solid rgba(16,185,129,.3);color:#34D399;margin-bottom:18px;transition:transform .4s cubic-bezier(.4,0,.2,1),background .35s ease,color .35s ease,border-color .35s ease;position:relative;z-index:2}
.process-step .step-num{position:absolute;top:18px;right:22px;font-size:46px;font-weight:800;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(59,130,246,.15));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;pointer-events:none}
.process-step h3{color:#fff;font-size:19px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}
.process-step p{color:#94a3b8;font-size:14px;line-height:1.65;margin:0 0 16px}
.step-time{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(16,185,129,.12);border:1px solid rgba(16,185,129,.3);color:#6ee7b7;font-size:12px;font-weight:600;letter-spacing:.02em}
.step-time::before{content:"";width:6px;height:6px;border-radius:50%;background:#10B981;box-shadow:0 0 8px #10B981}
.process-cta{margin-top:50px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.process-cta p{color:#cbd5e1;font-size:16px;margin:0}
@media(min-width:1025px){.process-line{display:block}}

/* ============ SEO PRICING ============ */
.seo-pricing{padding:80px 0;background:rgba(255,255,255,.015)}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:0 auto}
.pricing-grid .price-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 28px;position:relative;transition:transform .3s ease,border-color .3s ease;display:block}
.pricing-grid .price-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.4)}
.pricing-grid .price-featured{background:linear-gradient(180deg,rgba(16,185,129,.1),rgba(59,130,246,.05));border-color:rgba(16,185,129,.5);transform:scale(1.03)}
.pricing-grid .price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#10B981,#3B82F6);color:#fff;font-size:12px;font-weight:600;padding:5px 16px;border-radius:999px}
.pricing-grid .price-card h3{color:#fff;font-size:20px;margin-bottom:10px}
.pricing-grid .price{font-size:40px;font-weight:800;color:#fff;margin-bottom:8px;line-height:1}
.pricing-grid .price span{font-size:14px;color:#94a3b8;font-weight:500}
.price-bestfor{color:#94a3b8;font-size:13px;line-height:1.5;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.06)}
.pricing-grid .price-card ul{margin-bottom:28px;padding:0}
.pricing-grid .price-card li{padding:8px 0;color:#cbd5e1;font-size:14.5px;border-bottom:1px solid rgba(255,255,255,.05)}
.pricing-grid .price-card li:last-child{border-bottom:none}
.pricing-grid .price-card a{width:100%}

/* ============ INDUSTRIES + AREAS ============ */
.seo-industries,.seo-areas{padding:80px 0}
.seo-areas{background:rgba(255,255,255,.015)}
.industries-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:900px;margin:0 auto;padding:0}
.industry-pill{padding:12px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#cbd5e1;font-size:14px;font-weight:500;transition:all .3s ease}
.industry-pill:hover{border-color:rgba(16,185,129,.5);background:rgba(16,185,129,.1);transform:translateY(-2px)}

/* ============ LOCAL TRUST ============ */
.local-trust{padding:80px 0;background:rgba(255,255,255,.015)}
.local-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.local-info h2{font-size:clamp(26px,3.5vw,38px);color:#fff;margin:14px 0;line-height:1.15}
.local-info>p{color:#94a3b8;margin-bottom:24px}
.local-details{display:flex;flex-direction:column;gap:18px}
.local-item{display:flex;gap:14px;align-items:flex-start}
.local-item svg{color:#34D399;flex-shrink:0;margin-top:2px}
.local-item strong{display:block;color:#fff;font-size:15px;margin-bottom:4px}
.local-item p{color:#94a3b8;font-size:14px;margin:0;line-height:1.6}
.local-item a{color:#34D399;transition:color .2s}
.local-item a:hover{color:#fff}
.local-map{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);height:340px}
.local-map iframe{width:100%;height:100%;border:0;filter:invert(.9) hue-rotate(180deg)}

/* ============ RELATED ============ */
.related-services{padding:80px 0}
.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.related-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:26px;transition:transform .3s ease,border-color .3s ease;display:block}
.related-card:hover{transform:translateY(-4px);border-color:rgba(16,185,129,.4)}
.related-icon{font-size:32px;margin-bottom:12px}
.related-card h3{color:#fff;font-size:17px;margin-bottom:8px}
.related-card p{color:#94a3b8;font-size:13.5px;margin-bottom:14px;line-height:1.55}
.related-link{color:#34D399;font-size:13.5px;font-weight:600}

/* ============ SEO FAQ ============ */
.seo-faq{padding:80px 0;background:rgba(255,255,255,.015)}
.seo-faq .faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.seo-faq .faq-item{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:12px;overflow:hidden}
.seo-faq .faq-item summary{padding:18px 22px;color:#fff;font-weight:600;font-size:15.5px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center}
.seo-faq .faq-item summary::-webkit-details-marker{display:none}
.seo-faq .faq-item summary::after{content:"+";font-size:22px;color:#34D399;transition:transform .2s}
.seo-faq .faq-item[open] summary::after{transform:rotate(45deg)}
.seo-faq .faq-item p{padding:0 22px 18px;color:#94a3b8;font-size:14.5px;line-height:1.65}

/* ============ SEO CTA ============ */
.seo-cta{padding:80px 0}
.seo-cta .cta-card{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(59,130,246,.1));border:1px solid rgba(16,185,129,.3);border-radius:24px;padding:60px 40px;text-align:center}
.seo-cta .cta-card h2{font-size:clamp(26px,4vw,42px);color:#fff;margin-bottom:14px;line-height:1.15}
.seo-cta .cta-card>p{color:#cbd5e1;font-size:17px;margin-bottom:28px}
.seo-cta .cta-buttons{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

/* ============ SEO PAGE — RESPONSIVE ============ */
@media(max-width:1024px){
  .seo-hero-grid{grid-template-columns:1fr;gap:40px}
  .why-seo .why-grid,.seo-services .services-grid,.process-timeline{grid-template-columns:repeat(2,1fr)}
  .related-grid{grid-template-columns:repeat(2,1fr)}
  .seo-about-highlights{grid-template-columns:repeat(2,1fr)}
  .process-line{display:none}
}
@media(max-width:900px){
  .seo-about{padding:60px 0}
  .seo-about-grid{grid-template-columns:1fr;gap:32px}
  .seo-about-visual{order:-1}
  .seo-about-trust{grid-template-columns:repeat(2,1fr)}
  .seo-about-highlights{grid-template-columns:1fr}
  .local-grid{grid-template-columns:1fr;gap:32px}
}
@media(max-width:768px){
  .seo-hero{padding:60px 0 50px}
  .pricing-grid{grid-template-columns:1fr;max-width:400px}
  .pricing-grid .price-featured{transform:scale(1)}
  .why-seo .why-grid,.seo-services .services-grid,.process-timeline,.related-grid{grid-template-columns:1fr}
  .seo-cta .cta-card{padding:40px 24px}
}
@media(max-width:600px){
  .seo-process{padding:70px 0}
  .process-timeline{grid-template-columns:1fr;gap:20px}
  .process-step-inner{padding:26px 22px 22px}
  .process-step .step-num{font-size:38px;top:14px;right:18px}
  .process-icon{width:48px;height:48px}
}
@media(max-width:480px){
  .seo-hero-cta{flex-direction:column;width:100%}
  .seo-hero-cta a{width:100%}
}


/* ============================================
   VISIT US SECTION (Website Designing page)
   ============================================ */
.visit-us{
  padding:80px 0;
  position:relative;
  background:linear-gradient(180deg, transparent, rgba(99,102,241,.03), transparent);
}
.visit-us .section-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 50px;
}
.visit-us .section-head h2{
  font-size:clamp(1.6rem, 3vw, 2.3rem);
  margin:12px 0 14px;
  line-height:1.2;
}
.visit-us .section-head p{
  color:var(--text-dim, #9CA3AF);
  font-size:1rem;
  line-height:1.6;
}

/* Grid: address+map on left, form on right */
.visit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  align-items:stretch;
}

/* ==== LEFT: Info card + Map ==== */
.visit-left{
  display:flex;
  flex-direction:column;
  gap:20px;
}

.visit-info-card{
  padding:28px 26px;
  background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.visit-info-card h3{
  font-size:1.35rem;
  font-weight:800;
  margin:0;
  color:#fff;
  font-family:'Plus Jakarta Sans', sans-serif;
}
.vi-tag{
  font-size:.82rem;
  color:#9CA3AF;
  margin:-8px 0 6px;
  font-weight:500;
}

.vi-row{
  display:flex;
  align-items:flex-start;
  gap:14px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.06);
}
.vi-row:first-of-type{
  border-top:0;
  padding-top:0;
}
.vi-ico{
  width:38px;
  height:38px;
  min-width:38px;
  border-radius:10px;
  background:rgba(99,102,241,.12);
  border:1px solid rgba(99,102,241,.25);
  display:flex;
  align-items:center;
  justify-content:center;
  color:#818CF8;
  flex-shrink:0;
}
.vi-ico svg{
  width:18px;
  height:18px;
}
.vi-row > div{
  flex:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  gap:3px;
}
.vi-row strong{
  color:#fff;
  font-size:.85rem;
  font-weight:700;
  margin-bottom:2px;
  letter-spacing:.2px;
}
.vi-row span{
  color:#9CA3AF;
  font-size:.9rem;
  line-height:1.55;
}
.vi-row a{
  color:#9CA3AF;
  font-size:.9rem;
  text-decoration:none;
  transition:color .2s ease;
  line-height:1.5;
}
.vi-row a:hover{
  color:#818CF8;
}

.vi-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:6px;
  padding-top:18px;
  border-top:1px solid rgba(255,255,255,.06);
}
.vi-actions .btn{
  flex:1;
  min-width:130px;
  text-align:center;
  justify-content:center;
  font-size:.9rem;
  padding:11px 16px;
}

/* Map */
.visit-map{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.02);
  min-height:260px;
  position:relative;
}
.visit-map iframe{
  display:block;
  width:100%;
  height:280px;
  border:0;
  filter:invert(.88) hue-rotate(180deg) saturate(.85) contrast(.95);
}

/* ==== RIGHT: Contact Form ==== */
.visit-right{
  display:flex;
}
.visit-form-card{
  padding:32px 28px;
  background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  width:100%;
  display:flex;
  flex-direction:column;
}
.vfc-head{
  margin-bottom:22px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.06);
}
.vfc-head h3{
  font-size:1.35rem;
  font-weight:800;
  margin:0 0 6px;
  color:#fff;
  font-family:'Plus Jakarta Sans', sans-serif;
}
.vfc-head p{
  font-size:.85rem;
  color:#9CA3AF;
  margin:0;
  line-height:1.5;
}

.visit-form{
  display:flex;
  flex-direction:column;
  gap:12px;
  flex:1;
}
.vf-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.visit-form input,
.visit-form select,
.visit-form textarea{
  width:100%;
  padding:12px 14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.10);
  border-radius:10px;
  color:#fff;
  font-family:inherit;
  font-size:.9rem;
  transition:all .2s ease;
}
.visit-form input::placeholder,
.visit-form textarea::placeholder{
  color:#6B7280;
}
.visit-form input:focus,
.visit-form select:focus,
.visit-form textarea:focus{
  outline:none;
  border-color:rgba(99,102,241,.5);
  background:rgba(255,255,255,.06);
  box-shadow:0 0 0 3px rgba(99,102,241,.15);
}
.visit-form select{
  cursor:pointer;
  appearance:none;
  background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat:no-repeat;
  background-position:right 14px center;
  background-size:14px;
  padding-right:40px;
}
.visit-form select option{
  background:#0F172A;
  color:#fff;
}
.visit-form textarea{
  resize:vertical;
  min-height:110px;
  font-family:inherit;
}

.vf-submit{
  margin-top:6px;
  padding:14px 20px;
  background:linear-gradient(135deg, #6366F1, #A855F7);
  color:#fff;
  border:0;
  border-radius:10px;
  font-family:'Plus Jakarta Sans', sans-serif;
  font-size:.95rem;
  font-weight:700;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, opacity .25s ease;
  letter-spacing:.2px;
}
.vf-submit:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 30px -8px rgba(99,102,241,.5);
}
.vf-submit:active{
  transform:translateY(0);
}
.vf-submit:disabled{
  opacity:.7;
  cursor:not-allowed;
  transform:none;
}
.vf-submit.sent{
  background:linear-gradient(135deg, #10B981, #059669);
}

.vf-status{
  font-size:.85rem;
  color:#9CA3AF;
  margin:4px 0 0;
  min-height:1.2em;
  text-align:center;
}
.vf-status.ok{
  color:#34D399;
  font-weight:600;
}
.vf-status.err{
  color:#F87171;
  font-weight:600;
}
.vf-note{
  font-size:.72rem;
  color:#6B7280;
  text-align:center;
  margin:6px 0 0;
  line-height:1.4;
  font-style:italic;
}

/* ==== RESPONSIVE ==== */
@media(max-width:960px){
  .visit-us{padding:60px 0}
  .visit-grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .visit-map iframe{height:260px}
}

@media(max-width:600px){
  .visit-us{padding:50px 0}
  .visit-us .section-head{margin-bottom:36px}
  .visit-info-card,
  .visit-form-card{
    padding:22px 20px;
    border-radius:16px;
  }
  .vf-row{
    grid-template-columns:1fr;
    gap:10px;
  }
  .vi-actions{
    flex-direction:column;
  }
  .vi-actions .btn{
    width:100%;
  }
  .visit-map iframe{height:240px}
  .vfc-head h3,
  .visit-info-card h3{font-size:1.2rem}
}

/* ============================================
   PORTFOLIO SHOWCASE (Website Designing page)
   ============================================ */
.wd-portfolio{
  padding:80px 0;
  position:relative;
  overflow:hidden;
}
.wd-portfolio .section-head{
  text-align:center;
  max-width:720px;
  margin:0 auto 50px;
}
.wd-portfolio .section-head h2{
  font-size:clamp(1.6rem, 3vw, 2.3rem);
  margin:12px 0 14px;
  line-height:1.2;
}
.wd-portfolio .section-head p{
  color:#9CA3AF;
  font-size:1rem;
  line-height:1.6;
}

.portfolio-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:28px;
  margin-bottom:50px;
}

/* Card */
.pf-card{
  background:linear-gradient(160deg, rgba(255,255,255,.05), rgba(255,255,255,.01));
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  overflow:hidden;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  display:flex;
  flex-direction:column;
}
.pf-card:hover{
  transform:translateY(-6px);
  border-color:rgba(99,102,241,.35);
  box-shadow:0 24px 50px -20px rgba(99,102,241,.4);
}

/* Browser mockup wrapper */
.pf-browser{
  background:#0F172A;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.pf-browser-bar{
  display:flex;
  align-items:center;
  gap:6px;
  padding:10px 14px;
  background:rgba(0,0,0,.4);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.pf-dot{
  width:10px;
  height:10px;
  border-radius:50%;
}
.pf-dot-r{background:#FF5F57}
.pf-dot-y{background:#FEBC2E}
.pf-dot-g{background:#28C840}
.pf-url{
  margin-left:12px;
  padding:3px 12px;
  background:rgba(255,255,255,.06);
  border-radius:6px;
  font-size:.72rem;
  color:#9CA3AF;
  font-family:'Inter', sans-serif;
  flex:1;
  text-align:center;
  letter-spacing:.2px;
}

/* Viewport — the scrolling window */
.pf-viewport{
  height:340px;
  overflow:hidden;
  position:relative;
  background:#fff;
}
.pf-viewport::after{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  height:40px;
  background:linear-gradient(to top, rgba(15,23,42,.15), transparent);
  pointer-events:none;
  z-index:2;
}

/* Auto-scroll animation */
.pf-scroll{
  animation:pfScroll 18s linear infinite;
}
.pf-scroll-2{animation-duration:22s}
.pf-scroll-3{animation-duration:20s}

.pf-card:hover .pf-scroll{
  animation-play-state:paused;
}

@keyframes pfScroll{
  0%   {transform:translateY(0)}
  45%  {transform:translateY(calc(-100% + 340px))}
  55%  {transform:translateY(calc(-100% + 340px))}
  100% {transform:translateY(0)}
}

/* ==== MOCKUP BASE ==== */
.mk{
  font-family:'Inter', sans-serif;
  background:#fff;
  color:#1F2937;
  min-height:850px;
}

/* Navigation bar */
.mk-nav{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:14px 20px;
  border-bottom:1px solid #E5E7EB;
  background:#fff;
  position:sticky;
  top:0;
}
.mk-logo{
  font-size:.85rem;
  font-weight:800;
  color:#1F2937;
}
.mk-nav-links{
  display:flex;
  gap:14px;
}
.mk-nav-links span{
  width:36px;
  height:6px;
  background:#E5E7EB;
  border-radius:3px;
}

/* Hero */
.mk-hero{
  padding:30px 22px 34px;
  display:flex;
  flex-direction:column;
  gap:10px;
  position:relative;
}
.mk-badge{
  align-self:flex-start;
  padding:4px 10px;
  background:#FEE2E2;
  color:#DC2626;
  border-radius:99px;
  font-size:.55rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.4px;
  margin-bottom:4px;
}
.mk-badge-blue{background:#DBEAFE;color:#2563EB}
.mk-badge-gold{background:#FEF3C7;color:#B45309}

.mk-h1{
  height:14px;
  background:#1F2937;
  border-radius:4px;
  width:85%;
}
.mk-h1-short{width:55%}
.mk-h2{
  height:11px;
  background:#374151;
  border-radius:3px;
  width:65%;
}
.mk-p{
  height:6px;
  background:#D1D5DB;
  border-radius:3px;
  width:100%;
  margin-top:2px;
}
.mk-p-short{width:70%}

.mk-btns{
  display:flex;
  gap:8px;
  margin-top:14px;
}
.mk-btn{
  padding:8px 16px;
  border-radius:6px;
  font-size:.6rem;
  font-weight:700;
  color:#fff;
}
.mk-btn-primary{background:#DC2626}
.mk-btn-blue{background:#2563EB}
.mk-btn-gold{background:linear-gradient(135deg, #F59E0B, #D97706)}
.mk-btn-ghost{
  background:transparent;
  color:#1F2937;
  border:1px solid #D1D5DB;
}

/* Section */
.mk-section{
  padding:22px;
  background:#fff;
}
.mk-section-alt{background:#F9FAFB}
.mk-section-title{
  height:10px;
  background:#1F2937;
  border-radius:3px;
  width:50%;
  margin-bottom:18px;
}

.mk-grid{
  display:grid;
  gap:10px;
}
.mk-grid-2{grid-template-columns:1fr 1fr}
.mk-grid-3{grid-template-columns:repeat(3, 1fr)}
.mk-grid-4{grid-template-columns:repeat(4, 1fr)}

/* ==== RESTAURANT ==== */
.mk-hero-food{
  background:linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);
  border-bottom:1px solid #FDBA74;
}
.mk-card{
  aspect-ratio:1/1;
  border-radius:8px;
}
.mk-card-food{
  background:linear-gradient(135deg, #F59E0B, #DC2626);
  position:relative;
}
.mk-card-food::after{
  content:"";
  position:absolute;
  bottom:6px;
  left:6px;
  right:6px;
  height:4px;
  background:rgba(255,255,255,.6);
  border-radius:2px;
}
.mk-card-tall{
  height:80px;
  border-radius:8px;
  background:linear-gradient(135deg, #EA580C, #DC2626);
}

/* ==== CLINIC ==== */
.mk-hero-clinic{
  background:linear-gradient(135deg, #DBEAFE 0%, #E0F2FE 100%);
  border-bottom:1px solid #93C5FD;
}
.mk-service{
  aspect-ratio:1.3/1;
  border-radius:8px;
  background:#EFF6FF;
  border:1px solid #BFDBFE;
  position:relative;
}
.mk-service::before{
  content:"";
  position:absolute;
  top:10px;
  left:10px;
  width:20px;
  height:20px;
  background:#2563EB;
  border-radius:6px;
}
.mk-service::after{
  content:"";
  position:absolute;
  bottom:10px;
  left:10px;
  right:10px;
  height:4px;
  background:#93C5FD;
  border-radius:2px;
}
.mk-doctor-row{
  display:grid;
  grid-template-columns:100px 1fr;
  gap:14px;
  align-items:center;
}
.mk-doctor{
  width:100px;
  height:100px;
  border-radius:12px;
  background:linear-gradient(135deg, #2563EB, #7C3AED);
}
.mk-doctor-info{
  display:flex;
  flex-direction:column;
  gap:6px;
}

/* ==== HOTEL ==== */
.mk-hero-hotel{
  background:linear-gradient(135deg, #292524 0%, #1C1917 100%);
  color:#fff;
  border-bottom:1px solid #F59E0B;
}
.mk-hero-hotel .mk-h1{background:#fff}
.mk-hero-hotel .mk-p{background:rgba(255,255,255,.35)}
.mk-hero-hotel .mk-btn-ghost{color:#fff;border-color:rgba(255,255,255,.4)}
.mk-nav-hotel{background:#fff}

.mk-room{
  aspect-ratio:16/10;
  border-radius:8px;
  position:relative;
  overflow:hidden;
}
.mk-room-1{background:linear-gradient(135deg, #78350F, #451A03)}
.mk-room-2{background:linear-gradient(135deg, #7C2D12, #431407)}
.mk-room-3{background:linear-gradient(135deg, #92400E, #78350F)}
.mk-room-4{background:linear-gradient(135deg, #57534E, #292524)}
.mk-room::after{
  content:"";
  position:absolute;
  bottom:8px;
  left:8px;
  width:40%;
  height:5px;
  background:rgba(255,255,255,.7);
  border-radius:2px;
}
.mk-amenity{
  aspect-ratio:1/1;
  border-radius:8px;
  background:linear-gradient(135deg, #FEF3C7, #FDE68A);
  border:1px solid #F59E0B;
  position:relative;
}
.mk-amenity::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:16px;
  height:16px;
  background:#B45309;
  border-radius:50%;
}

/* ==== TESTIMONIAL ==== */
.mk-testimonial{
  padding:24px 22px;
  background:#F9FAFB;
  border-top:1px solid #E5E7EB;
  border-bottom:1px solid #E5E7EB;
}
.mk-testimonial-hotel{background:#1C1917}
.mk-testimonial-hotel .mk-quote{background:#F59E0B}
.mk-testimonial-hotel .mk-quote-line{background:rgba(255,255,255,.35)}

.mk-quote{
  height:12px;
  background:#374151;
  border-radius:3px;
  width:35%;
  margin-bottom:10px;
}
.mk-quote-line{
  height:6px;
  background:#D1D5DB;
  border-radius:3px;
  margin-bottom:5px;
}
.mk-quote-line.short{width:60%}

/* ==== FOOTER ==== */
.mk-footer{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:12px;
  padding:22px;
  background:#111827;
  color:#fff;
}
.mk-footer-col{
  height:60px;
  background:rgba(255,255,255,.08);
  border-radius:6px;
}

/* ==== INFO CARD (below mockup) ==== */
.pf-info{
  padding:22px 22px 24px;
  flex:1;
  display:flex;
  flex-direction:column;
}
.pf-meta{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  margin-bottom:10px;
}
.pf-cat{
  font-size:.7rem;
  color:#818CF8;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.5px;
}
.pf-tag{
  padding:2px 9px;
  background:rgba(99,102,241,.12);
  border:1px solid rgba(99,102,241,.25);
  border-radius:99px;
  font-size:.65rem;
  color:#A5B4FC;
  font-weight:600;
}
.pf-info h3{
  font-size:1.15rem;
  font-weight:800;
  margin:0 0 8px;
  color:#fff;
  font-family:'Plus Jakarta Sans', sans-serif;
}
.pf-info p{
  color:#9CA3AF;
  font-size:.88rem;
  line-height:1.55;
  margin:0 0 16px;
  flex:1;
}
.pf-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#818CF8;
  font-size:.88rem;
  font-weight:700;
  text-decoration:none;
  transition:gap .25s ease, color .25s ease;
  align-self:flex-start;
}
.pf-link svg{
  width:14px;
  height:14px;
}
.pf-link:hover{
  color:#fff;
  gap:10px;
}

/* Bottom CTA */
.pf-cta{
  text-align:center;
  padding:36px 24px;
  background:linear-gradient(160deg, rgba(99,102,241,.08), rgba(168,85,247,.04));
  border:1px solid rgba(99,102,241,.15);
  border-radius:18px;
}
.pf-cta p{
  color:#9CA3AF;
  font-size:1rem;
  margin:0 0 16px;
  line-height:1.5;
}

/* ==== RESPONSIVE ==== */
@media(max-width:960px){
  .wd-portfolio{padding:60px 0}
  .portfolio-grid{
    grid-template-columns:1fr 1fr;
    gap:22px;
  }
}
@media(max-width:640px){
  .wd-portfolio{padding:50px 0}
  .portfolio-grid{
    grid-template-columns:1fr;
    gap:20px;
    max-width:420px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:36px;
  }
  .pf-viewport{height:320px}
  .pf-info{padding:18px 18px 20px}
  .pf-info h3{font-size:1.08rem}
  .pf-cta{padding:28px 20px}
}
@media(prefers-reduced-motion:reduce){
  .pf-scroll{animation:none}
}


/* Real screenshot image inside portfolio mockup */
.pf-real-img{
  display:block;
  width:100%;
  height:auto;
  border-radius:0;
}

.wda-offer-img{
  display:block;
  width:100%;
  max-width:480px;
  height:auto;
  margin:24px auto 0;
  border-radius:20px;
  box-shadow:0 20px 60px -20px rgba(16,185,129,.35);
}
@media(max-width:768px){
  .wda-offer-img{max-width:360px;margin-top:20px}
}
@media(max-width:480px){
  .wda-offer-img{max-width:100%}
}