/*
Theme Name: Ads Marketing Pro
Theme URI: https://example.com/
Author: OpenAI
Author URI: https://openai.com/
Description: Lightweight professional WordPress theme for showcasing websites, digital marketing services, ads, SEO, and TikTok campaigns with full Customizer control.
Version: 2.1.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: ads-marketing-pro
*/

:root{
  --amp-primary:#6c63ff;
  --amp-secondary:#0b1020;
  --amp-accent:#10b981;
  --amp-surface:#ffffff;
  --amp-surface-2:#f8fafc;
  --amp-surface-3:#edf2ff;
  --amp-text:#0f172a;
  --amp-muted:#5b6476;
  --amp-border:rgba(15,23,42,.08);
  --amp-shadow:0 18px 50px rgba(15,23,42,.08);
  --amp-shadow-lg:0 30px 70px rgba(15,23,42,.18);
  --amp-site-color-1:#111c36;
  --amp-site-color-2:#16284c;
  --amp-site-color-3:#10b981;
  --amp-radius:28px;
  --amp-container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:linear-gradient(135deg,var(--amp-site-color-1),color-mix(in srgb,var(--amp-site-color-1) 76%,var(--amp-site-color-2) 24%),color-mix(in srgb,var(--amp-site-color-2) 82%,#ffffff 18%));color:var(--amp-text);line-height:1.7;position:relative;min-height:100vh}
a{color:inherit;text-decoration:none;transition:.25s ease}
img{max-width:100%;height:auto;display:block}
body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;border-radius:999px;filter:blur(70px);opacity:.26}
body:before{width:340px;height:340px;top:22%;right:-80px;background:var(--amp-site-color-3)}
body:after{width:380px;height:380px;bottom:10%;left:-90px;background:var(--amp-site-color-2)}
.site-shell,.site-header,.site-footer,.section,.top-bar{position:relative;z-index:1}
button,input,textarea,select{font:inherit}
.container{width:min(calc(100% - 32px),var(--amp-container));margin-inline:auto}
.section{padding:86px 0}
.section-head{max-width:820px;margin:0 auto 34px;display:grid;gap:10px}
.section-head h2,.section-head h1{margin:0;line-height:1.15;font-size:clamp(2rem,4vw,3.3rem)}
.section-head p{margin:0;color:var(--amp-muted)}
.text-center{text-align:center}
.hidden{display:none!important}
.icon{width:20px;height:20px;fill:currentColor;display:block}

.top-bar{background:#020617;color:#fff;padding:10px 0;position:relative;z-index:3}
.top-bar-wrap{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.top-bar-left,.top-bar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.inline-pill,.social-pill{min-height:42px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}
.inline-pill{background:rgba(255,255,255,.08);backdrop-filter:blur(10px)}
.social-pill{color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.22)}
.social-pill.whatsapp{background:#16a34a}.social-pill.facebook{background:#2563eb}.social-pill.phone{background:#334155}
.social-pill:hover,.inline-pill:hover{transform:translateY(-2px)}

.site-header{position:relative;overflow:hidden;background:linear-gradient(120deg,#081122,#101b36,#102948,#0d1731);background-size:240% 240%;animation:ampGradientMove 12s ease infinite;color:#fff}
.site-header:before,.site-header:after{content:"";position:absolute;border-radius:999px;filter:blur(10px);pointer-events:none}
.site-header:before{width:360px;height:360px;left:-100px;top:120px;background:rgba(16,185,129,.22);animation:floatCircle 10s linear infinite}
.site-header:after{width:420px;height:420px;right:-120px;top:0;background:rgba(108,99,255,.22);animation:floatCircle 14s linear infinite reverse}
.header-inner{min-height:760px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:36px;padding:54px 0 72px;position:relative;z-index:1}
.hero-copy{display:grid;gap:18px}
.hero-badge{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:42px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);font-weight:700;backdrop-filter:blur(10px)}
.site-title{margin:0;line-height:1.02;font-size:clamp(2.3rem,5vw,4.9rem);max-width:760px}
.hero-subtitle,.site-description{margin:0;color:rgba(255,255,255,.84);font-size:1.05rem;max-width:680px}
.typing-line{min-height:36px;font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:#d2e8ff}.typing-line .cursor{display:inline-block;animation:ampBlink .9s step-end infinite}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.hero-cta{min-height:54px;padding:0 22px;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;box-shadow:0 14px 30px rgba(0,0,0,.18)}
.hero-cta.primary{background:#fff;color:var(--amp-secondary)}
.hero-cta.secondary{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);color:#fff}
.hero-cta:hover{transform:translateY(-2px)}
.hero-visual{position:relative;min-height:580px;display:grid;place-items:center}
.code-shape{position:absolute;display:grid;place-items:center;border-radius:26px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);box-shadow:0 25px 45px rgba(0,0,0,.18);font-weight:900;color:#fff;animation:floatY 6s ease-in-out infinite}
.code-shape.one{top:10%;left:2%;width:94px;height:94px;font-size:28px}
.code-shape.two{top:18%;right:0;width:116px;height:116px;font-size:32px;animation-delay:.8s}
.code-shape.three{bottom:10%;left:10%;width:126px;height:126px;font-size:34px;animation-delay:1.3s}
.hero-profile-card{position:relative;width:min(100%,470px);aspect-ratio:1;border-radius:40px;display:grid;place-items:center;transform:translateX(50px);opacity:0;animation:heroEntry 1.1s ease forwards .15s}
.profile-orbit{position:absolute;inset:7%;border-radius:999px;border:1px dashed rgba(255,255,255,.22);animation:spin 14s linear infinite}.orbit-two{inset:0%;animation-duration:19s;animation-direction:reverse}
.profile-circle{position:relative;width:320px;height:320px;border-radius:999px;overflow:hidden;border:8px solid rgba(255,255,255,.14);background:linear-gradient(160deg,#fff,#dbeafe);box-shadow:var(--amp-shadow-lg)}
.profile-circle img{width:100%;height:100%;object-fit:cover}
.profile-ring-button{position:absolute;width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--amp-accent),#d1fae5);box-shadow:0 0 0 8px rgba(16,185,129,.14);animation:pulseMove 4s ease-in-out infinite}.profile-ring-button.first{top:16%;left:16%}.profile-ring-button.second{bottom:16%;right:18%;animation-delay:1.4s}
.code-chip,.phone-chip{position:absolute;display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:999px;font-weight:800;box-shadow:0 18px 32px rgba(0,0,0,.18);backdrop-filter:blur(14px)}
.code-chip{top:6%;right:10%;background:#16a34a;color:#fff;animation:floatX 5.5s ease-in-out infinite}
.phone-chip{bottom:8%;left:0;background:rgba(255,255,255,.12);color:#fff;border:1px solid rgba(255,255,255,.14);animation:floatX 7s ease-in-out infinite reverse}

.stats-section{padding-top:50px}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat-card{background:rgba(255,255,255,.9);border:1px solid color-mix(in srgb,var(--amp-site-color-2) 28%, rgba(255,255,255,.55));border-radius:28px;box-shadow:var(--amp-shadow),0 0 0 1px rgba(255,255,255,.18),0 0 34px color-mix(in srgb,var(--amp-site-color-3) 16%, transparent);padding:28px;display:grid;gap:8px;text-align:center}
.stat-number-wrap{display:flex;align-items:flex-start;justify-content:center;gap:4px}
.stat-number{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1;font-weight:900;color:var(--amp-primary)}
.stat-suffix{font-size:1.35rem;font-weight:900;color:var(--amp-accent)}
.stat-label{margin:0;color:var(--amp-muted);font-weight:700}

.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}
.site-card{display:grid;grid-template-rows:auto 1fr;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.18);border-radius:30px;overflow:hidden;box-shadow:var(--amp-shadow);transition:transform .3s ease,box-shadow .3s ease}
.site-card:hover{transform:translateY(-6px);box-shadow:0 28px 58px rgba(15,23,42,.12)}
.site-card-thumb{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:linear-gradient(135deg,#e2e8f0,#eef2ff)}
.site-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.site-card:hover .site-card-thumb img{transform:scale(1.045)}
.site-card-body{padding:20px;display:grid;gap:12px}
.site-card-overlay{position:absolute;right:0;left:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:16px 18px;background:linear-gradient(180deg, rgba(5,10,20,0) 0%, rgba(5,10,20,.76) 55%, rgba(5,10,20,.92) 100%)}
.site-card-title{margin:0;font-size:1.18rem;line-height:1.25;color:#fff;font-weight:900}
.site-card-desc{margin:0;color:var(--amp-muted)}
.site-card-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.price-badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff;font-weight:900}
.card-link{font-weight:900;color:var(--amp-primary)}
.empty-box{border-radius:30px;padding:28px;background:#fff;border:1px dashed var(--amp-border);color:var(--amp-muted)}

.service-stack{display:grid;gap:34px}
.service-block{display:grid;gap:20px}
.service-cover{display:grid;grid-template-columns:170px 1fr;gap:24px;align-items:center;padding:28px;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(248,250,252,.86));border:1px solid var(--amp-border);box-shadow:var(--amp-shadow)}
.service-logo{width:170px;aspect-ratio:1;border-radius:30px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#f0fdf4)}
.service-logo img{width:100%;height:100%;object-fit:contain;padding:16px}
.service-text h3{margin:0 0 8px;font-size:clamp(1.55rem,3vw,2.25rem)}
.service-text p{margin:0;color:var(--amp-muted)}
.slider-wrap{position:relative;overflow:hidden;border-radius:30px;background:#fff;border:1px solid var(--amp-border);box-shadow:var(--amp-shadow)}
.slider-track{display:flex;width:100%;transition:transform .7s ease;will-change:transform}
.slide{flex:0 0 100%;width:100%;min-width:100%;aspect-ratio:16/8.3;background:#dbe4f0;overflow:hidden}
.slide img{display:block;width:100%;height:100%;object-fit:cover}
.slider-dots{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;gap:10px;z-index:3}
.slider-dot{width:11px;height:11px;border-radius:999px;border:0;background:rgba(255,255,255,.5);cursor:pointer;padding:0}
.slider-dot.active{background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.15)}
.slider-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:3;width:48px;height:48px;border:0;border-radius:999px;display:grid;place-items:center;background:rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(14px);cursor:pointer}
.slider-nav.prev{left:16px}.slider-nav.next{right:16px;transform:translateY(-50%) rotate(180deg)}
.slider-nav:hover{background:rgba(255,255,255,.28)}

.content-area{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px;padding:70px 0}
.content-area-main{min-width:0}
.archive-grid{display:grid;gap:22px}
.post-card,.widget-box,.post-single{background:#fff;border:1px solid var(--amp-border);border-radius:28px;box-shadow:var(--amp-shadow)}
.post-card{padding:24px;display:grid;gap:14px}
.post-single{padding:28px}
.entry-thumb{margin:18px 0;border-radius:22px;overflow:hidden}
.post-title,.entry-title{margin:0;line-height:1.2}
.post-meta,.entry-meta{color:var(--amp-muted);font-size:14px}
.sidebar{display:grid;gap:22px}
.widget-box{padding:22px}.widget-title{margin:0 0 10px}
.pagination{display:flex;flex-wrap:wrap;gap:10px}

.site-footer{margin-top:40px;background:#060d1b;color:#fff}
.footer-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;padding:36px 0}
.footer-title{margin:0 0 8px;font-size:1.35rem}
.footer-text,.footer-copy{margin:0;color:rgba(255,255,255,.75)}
.footer-designer{margin-top:10px;font-weight:700;color:#fff}
.footer-social-wrap{display:grid;gap:18px;justify-items:end}
.footer-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.footer-menu{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px}
.terms-box-wrap{padding-top:12px;padding-bottom:24px}
.terms-box{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:center;background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:22px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.terms-contacts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.terms-chip{min-height:78px;border-radius:22px;padding:14px 16px;display:grid;gap:4px;align-content:center;background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.05));border:1px solid rgba(255,255,255,.1);pointer-events:none;user-select:none;-webkit-user-select:none}
.phone-display{background:linear-gradient(135deg,color-mix(in srgb,var(--amp-site-color-3) 24%,rgba(255,255,255,.12)),rgba(255,255,255,.05))}
.cash-display{background:linear-gradient(135deg,color-mix(in srgb,var(--amp-site-color-2) 42%,rgba(255,255,255,.12)),rgba(255,255,255,.05))}
.chip-label{font-size:.9rem;color:rgba(255,255,255,.72);font-weight:700}
.terms-chip strong{font-size:1.08rem;color:#fff;letter-spacing:.4px}
.no-copy{-webkit-user-select:none;user-select:none}
.soft-float{animation:softFloatY 4.5s ease-in-out infinite}
.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:16px 0 24px}

.floating-buttons{position:fixed;right:16px;bottom:16px;z-index:60;display:grid;gap:10px}
.floating-btn{width:56px;height:56px;border-radius:20px;display:grid;place-items:center;color:#fff;box-shadow:0 20px 36px rgba(15,23,42,.24)}
.floating-btn.whatsapp{background:#16a34a}.floating-btn.phone{background:#334155}.floating-btn.facebook{background:#2563eb}
.floating-btn:hover{transform:translateY(-3px)}

[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}[data-reveal].is-visible{opacity:1;transform:translateY(0)}
[data-reveal="left"]{transform:translateX(-28px)}[data-reveal="right"]{transform:translateX(28px)}
[data-reveal="left"].is-visible,[data-reveal="right"].is-visible{transform:translateX(0)}

@media (max-width:1100px){
  .header-inner,.content-area,.footer-wrap,.service-cover,.terms-box{grid-template-columns:1fr}
  .hero-visual{min-height:500px}
  .footer-social-wrap,.footer-social{justify-items:start;justify-content:flex-start}
  .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:780px){
  .section{padding:62px 0}
  .header-inner{min-height:auto;padding:38px 0 58px}
  .top-bar-wrap{flex-direction:column;align-items:stretch}.top-bar-left,.top-bar-right{justify-content:center}
  .hero-visual{min-height:440px}.profile-circle{width:250px;height:250px}.service-logo{width:128px}
  .slider-nav{width:42px;height:42px}
}
@media (max-width:560px){
  .container{width:min(calc(100% - 20px),var(--amp-container))}
  .terms-contacts{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .hero-actions,.site-card-foot,.footer-social,.footer-menu{flex-direction:column;align-items:stretch}
  .hero-cta,.social-pill,.inline-pill{width:100%}
  .phone-chip{left:50%;transform:translateX(-50%)}
  .floating-buttons{right:12px;bottom:12px}.floating-btn{width:52px;height:52px}
}

@keyframes ampGradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
@keyframes ampBlink{50%{opacity:0}}
@keyframes floatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
@keyframes floatX{0%,100%{transform:translateX(0)}50%{transform:translateX(14px)}}
@keyframes floatCircle{0%{transform:translate(0,0)}50%{transform:translate(22px,18px)}100%{transform:translate(0,0)}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes pulseMove{0%,100%{transform:scale(1)}50%{transform:scale(1.15)}}
@keyframes ampPulseRotate{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.04) rotate(4deg)}}
@keyframes heroEntry{to{transform:translateX(0);opacity:1}}
.pulse-rotate{animation:ampPulseRotate 4.8s ease-in-out infinite}

@keyframes softFloatY{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}


.sites-section-title{transition:color .25s ease}
.slider-wrap.single-slide .slider-track{transform:none !important}
.slider-wrap.single-slide .slide{min-width:100%}
.slider-wrap.single-slide .slider-nav,
.slider-wrap.single-slide .slider-dots{display:none !important}


html,body{max-width:100%;overflow-x:hidden}
.site-header,.site-main,.site-footer,.top-bar{overflow-x:clip}
body:before,body:after{filter:blur(48px);opacity:.16}
.header-inner,.service-stack,.cards-grid,.stats-grid{min-width:0}
.hero-copy,.hero-visual,.service-block,.site-card,.stat-card{min-width:0}
.slider-wrap{max-width:100%;overflow:hidden;contain:layout paint}
.slider-track{display:flex;transition:transform .55s ease;will-change:transform}
.slide{flex:0 0 100%;width:100%;min-width:100%;max-width:100%}
.slide img{width:100%;height:100%;object-fit:cover}
.service-block{overflow:hidden}
.code-shape,.phone-chip,.code-chip{max-width:calc(100vw - 40px)}
@media (max-width: 767px){
  .hero-profile-card{max-width:100%}
  .phone-chip{right:8px}
  .code-chip{left:8px}
  .slider-nav{width:42px;height:42px}
}


html,body{max-width:100%;overflow-x:hidden}
img{max-width:100%;height:auto}

.service-stack{display:grid;gap:28px}
.service-block{position:relative;overflow:hidden}
.service-cover{align-items:center}
.service-gallery{display:grid;gap:16px;margin-top:18px}
.service-gallery-count-1{grid-template-columns:1fr}
.service-gallery-count-2,.service-gallery-count-4,.service-gallery-count-6{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-gallery-count-3,.service-gallery-count-5{grid-template-columns:repeat(2,minmax(0,1fr))}
.service-gallery-count-3 .service-shot:first-child,
.service-gallery-count-5 .service-shot:first-child{grid-column:1/-1}
.service-shot{position:relative;overflow:hidden;border-radius:26px;background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 45px rgba(3,10,30,.22);transform:translateY(0);transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease}
.service-shot::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(16,185,129,.08));pointer-events:none}
.service-shot:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(3,10,30,.28);border-color:rgba(16,185,129,.35)}
.service-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
@media (max-width: 900px){
  .service-gallery,.service-gallery-count-2,.service-gallery-count-3,.service-gallery-count-4,.service-gallery-count-5,.service-gallery-count-6{grid-template-columns:1fr}
  .service-gallery-count-3 .service-shot:first-child,.service-gallery-count-5 .service-shot:first-child{grid-column:auto}
}



/* refined counters + mobile chip sizing */
.stats-grid{gap:18px}
.stat-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,rgba(2,12,39,.92),rgba(3,25,77,.94));
  border:1px solid rgba(96,165,250,.16);
  border-radius:34px;
  box-shadow:0 24px 54px rgba(2,10,32,.22), inset 0 1px 0 rgba(255,255,255,.04);
  padding:26px 24px 24px;
}
.stat-card::before{
  content:'';
  position:absolute;
  inset:auto -15% -28% auto;
  width:170px;
  height:170px;
  border-radius:50%;
  background:radial-gradient(circle, color-mix(in srgb,var(--amp-site-color-3) 32%, transparent), transparent 68%);
  filter:blur(14px);
  opacity:.42;
  pointer-events:none;
}
.stat-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 28%);
  pointer-events:none;
}
.stat-kicker-wrap{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:18px;position:relative;z-index:1}
.stat-kicker-line{display:block;width:72px;height:1px;background:linear-gradient(90deg,transparent,rgba(147,197,253,.9),transparent);opacity:.9}
.stat-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1rem,2.5vw,1.15rem);letter-spacing:.08em;color:#a5c8ff;white-space:nowrap;position:relative;z-index:1}
.stat-number-wrap{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:10px;line-height:1;margin-bottom:14px}
.stat-number{font-size:clamp(3.2rem,7vw,4.9rem);font-weight:900;color:#ffffff;text-shadow:0 0 22px rgba(255,255,255,.10)}
.stat-suffix{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:#12d39a;text-shadow:0 0 14px rgba(18,211,154,.24);transform:translateY(.2em)}
.stat-label{position:relative;z-index:1;font-size:1.1rem;color:#ffffff;font-weight:800;text-align:center;margin:0}
.stat-sub{position:relative;z-index:1;margin:10px auto 0;max-width:28ch;text-align:center;color:rgba(219,234,254,.78);font-size:.98rem;line-height:1.7}

.service-shot{isolation:isolate}
.service-shot::before{content:'';position:absolute;inset:-14px;z-index:0;background:radial-gradient(circle at 20% 20%, color-mix(in srgb,var(--amp-site-color-3) 26%, transparent), transparent 42%),radial-gradient(circle at 85% 80%, color-mix(in srgb,var(--amp-site-color-2) 22%, transparent), transparent 48%);filter:blur(28px);opacity:.55;transition:opacity .35s ease, transform .35s ease;transform:scale(.92);pointer-events:none}
.service-shot::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(16,185,129,.10));pointer-events:none}
.service-shot:hover::before{opacity:.82;transform:scale(1)}
.service-shot img{position:relative;z-index:1;box-shadow:0 16px 34px rgba(2,10,32,.20)}

@media (max-width: 767px){
  .code-chip{
    top:18px;
    right:14px;
    left:auto !important;
    min-height:38px;
    padding:0 12px;
    gap:6px;
    font-size:13px;
    font-weight:800;
    max-width:calc(100vw - 110px);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    border-radius:999px;
    transform:scale(.7);
    transform-origin:right top;
  }
  .code-chip .icon{width:16px;height:16px}
  .phone-chip{
    min-height:40px;
    padding:0 12px;
    font-size:13px;
    max-width:calc(100vw - 80px);
  }
  .hero-badge{font-size:13px;min-height:38px;padding:0 12px}
  .stat-card{padding:22px 18px 20px;border-radius:28px}
  .stat-kicker-wrap{gap:10px;margin-bottom:14px}
  .stat-kicker-line{width:46px}
  .stat-kicker{font-size:1rem}
  .stat-sub{font-size:.92rem;line-height:1.6}
}


/* ===== v16 counter + terms contact spacing fixes ===== */
.stats-grid{gap:22px}
.stat-card{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg,#021339 0%, #07235b 100%);
  border:1px solid rgba(122,165,255,.16);
  border-radius:34px;
  box-shadow:0 18px 40px rgba(1,10,32,.22), inset 0 1px 0 rgba(255,255,255,.04);
  padding:28px 24px 26px;
}
.stat-card::before{
  content:'';
  position:absolute;
  inset:auto -10% -20% auto;
  width:160px;
  height:160px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(46,219,176,.18) 0%, rgba(46,219,176,0) 68%);
  filter:blur(18px);
  opacity:.55;
  pointer-events:none;
}
.stat-card::after{
  content:'';
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%);
  pointer-events:none;
}
.stat-kicker-wrap{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:18px;position:relative;z-index:1}
.stat-kicker-line{display:block;width:86px;height:1px;background:linear-gradient(90deg,transparent,rgba(156,197,255,.95),transparent);opacity:.9;box-shadow:0 0 8px rgba(156,197,255,.25)}
.stat-kicker{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1rem,2.2vw,1.18rem);letter-spacing:.08em;color:#a8c9ff;white-space:nowrap;position:relative;z-index:1;text-shadow:0 0 10px rgba(168,201,255,.12)}
.stat-number-wrap{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:center;gap:10px;line-height:1;margin-bottom:14px}
.stat-number{font-size:clamp(3.2rem,7vw,5rem);font-weight:900;color:#ffffff;text-shadow:0 0 16px rgba(255,255,255,.09)}
.stat-suffix{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:900;color:#15d29b;text-shadow:0 0 12px rgba(21,210,155,.18);transform:translateY(.18em)}
.stat-label{position:relative;z-index:1;font-size:1.12rem;color:#d9e7ff;font-weight:800;text-align:center;margin:0}
.stat-sub{position:relative;z-index:1;margin:10px auto 0;max-width:28ch;text-align:center;color:#a8c9ff;font-size:.96rem;line-height:1.75}

/* extra separation from floating quick buttons */
.terms-box-wrap{padding-top:12px;padding-bottom:120px}
.terms-contacts{display:grid;grid-template-columns:1fr;gap:14px;max-width:calc(100% - 96px)}
.terms-chip{min-height:86px;padding:16px 18px;border-radius:24px}
.terms-chip .chip-label{display:block;font-size:.95rem;color:#dbe7ff;margin-bottom:6px}
.terms-chip strong{display:block;font-size:1.95rem;line-height:1.2}
.floating-buttons{bottom:24px}

@media (max-width: 768px){
  .terms-box-wrap{padding-bottom:180px}
  .terms-contacts{max-width:calc(100% - 110px)}
  .terms-chip{min-height:84px}
  .terms-chip strong{font-size:1.42rem}
  .floating-buttons{right:12px;bottom:34px;gap:12px}
  .floating-btn{width:56px;height:56px;border-radius:20px}

  .stat-card{padding:24px 18px 22px;border-radius:30px}
  .stat-kicker-wrap{gap:12px;margin-bottom:14px}
  .stat-kicker-line{width:54px}
  .stat-kicker{font-size:1rem}
  .stat-number{font-size:3.7rem}
  .stat-suffix{font-size:2rem}
  .stat-label{font-size:1.05rem}
  .stat-sub{font-size:.92rem}
}

/* ===== v21 three orbit dots around profile circle ===== */
.hero-profile-card{overflow:visible}
.profile-ring-button{
  top:50%;
  left:50%;
  width:24px;
  height:24px;
  margin:-12px 0 0 -12px;
  border-radius:999px;
  background:radial-gradient(circle at 35% 35%, #b7ffe1 0%, var(--amp-accent) 45%, #10b981 100%);
  box-shadow:0 0 0 10px rgba(16,185,129,.10), 0 0 26px rgba(16,185,129,.35);
}
.profile-ring-button.first{
  animation:orbitDotOne 9s linear infinite, pulseMove 4s ease-in-out infinite;
}
.profile-ring-button.second{
  animation:orbitDotTwo 9s linear infinite, pulseMove 4.4s ease-in-out infinite;
}
.profile-ring-button.third{
  animation:orbitDotThree 9s linear infinite, pulseMove 4.8s ease-in-out infinite;
}
@keyframes orbitDotOne{
  from{transform:rotate(0deg) translateX(155px) rotate(0deg)}
  to{transform:rotate(360deg) translateX(155px) rotate(-360deg)}
}
@keyframes orbitDotTwo{
  from{transform:rotate(120deg) translateX(155px) rotate(-120deg)}
  to{transform:rotate(480deg) translateX(155px) rotate(-480deg)}
}
@keyframes orbitDotThree{
  from{transform:rotate(240deg) translateX(155px) rotate(-240deg)}
  to{transform:rotate(600deg) translateX(155px) rotate(-600deg)}
}
.stat-card{
  transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
.stat-card:hover{
  transform:translateY(-6px);
  box-shadow:0 24px 48px rgba(1,10,32,.28), 0 0 28px rgba(16,185,129,.10), inset 0 1px 0 rgba(255,255,255,.05);
  border-color:rgba(122,165,255,.28);
}
.stat-card::before{
  animation:counterGlowMove 7s ease-in-out infinite alternate;
}
.stat-kicker{
  letter-spacing:.11em;
}
.stat-number{
  filter:drop-shadow(0 8px 20px rgba(255,255,255,.08));
}
.stat-sub{
  opacity:.95;
}
@keyframes counterGlowMove{
  0%{transform:translate3d(0,0,0) scale(.94); opacity:.45}
  100%{transform:translate3d(-10px,-8px,0) scale(1.06); opacity:.72}
}

/* move terms contact boxes to opposite side from floating buttons */
.terms-box{position:relative}
.terms-contacts{
  width:calc(100% - 110px);
  max-width:460px;
  margin-left:0;
  margin-right:auto;
}
.footer-bottom{position:relative;z-index:1}

.stats-section-title,
.sites-section-title{
  transition:color .25s ease, text-shadow .25s ease;
}

@media (max-width: 768px){
  .profile-ring-button{width:20px;height:20px;margin:-10px 0 0 -10px}
  @keyframes orbitDotOne{
    from{transform:rotate(0deg) translateX(122px) rotate(0deg)}
    to{transform:rotate(360deg) translateX(122px) rotate(-360deg)}
  }
  @keyframes orbitDotTwo{
    from{transform:rotate(120deg) translateX(122px) rotate(-120deg)}
    to{transform:rotate(480deg) translateX(122px) rotate(-480deg)}
  }
  @keyframes orbitDotThree{
    from{transform:rotate(240deg) translateX(122px) rotate(-240deg)}
    to{transform:rotate(600deg) translateX(122px) rotate(-600deg)}
  }
  .terms-contacts{
    width:calc(100% - 120px);
    max-width:none;
    margin-left:0;
    margin-right:auto;
  }
}


/* SEO Enhancements */
.toc-box {background:#f9f9f9;padding:15px;margin-bottom:20px;border-radius:8px}
.toc-box ul {padding-left:20px}
.related-posts div {margin-bottom:8px}
.author-box {background:#f1f1f1;padding:10px;margin-top:20px;border-radius:6px}
.breadcrumb {font-size:14px;margin:10px 0;color:#666}