:root{
  --bg:#08090d;
  --bg-2:#0c0f15;
  --bg-3:#131723;
  --panel:rgba(18,22,31,.86);
  --panel-2:rgba(22,27,38,.9);
  --text:#f6f7fb;
  --muted:#bcc2d0;
  --muted-2:#8d94a7;
  --line:rgba(255,255,255,.08);
  --line-strong:rgba(255,255,255,.14);
  --brand:#ef4048;
  --brand-2:#ff7177;
  --brand-3:#961b22;
  --brand-soft:rgba(239,64,72,.14);
  --shadow:0 26px 70px rgba(0,0,0,.32);
  --radius-xl:34px;
  --radius-lg:26px;
  --radius-md:18px;
  --wrap:min(1180px,calc(100% - 40px));
  --title-font:"Space Grotesk",system-ui,sans-serif;
  --body-font:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.seo-page{
  margin:0;
  color:var(--text);
  font-family:var(--body-font);
  background:
    radial-gradient(circle at 12% 18%, rgba(239,64,72,.12), transparent 28%),
    radial-gradient(circle at 88% 10%, rgba(255,255,255,.04), transparent 16%),
    radial-gradient(circle at 76% 78%, rgba(239,64,72,.10), transparent 26%),
    linear-gradient(180deg,#090a0d,#07080c 40%,#090b10);
  min-height:100vh;
  overflow-x:hidden;
}
body.seo-page::before,
body.seo-page::after{
  content:"";position:fixed;pointer-events:none;z-index:0;
}
body.seo-page::before{
  width:34vw;height:34vw;left:-10vw;top:26vh;border-radius:50%;
  background:radial-gradient(circle, rgba(239,64,72,.08), transparent 68%);
  animation:floatGlow 18s ease-in-out infinite;
}
body.seo-page::after{
  width:30vw;height:30vw;right:-9vw;top:8vh;border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.03), transparent 70%);
  animation:floatGlow 22s ease-in-out infinite reverse;
}
body.service-ads{--brand:#ef4048;--brand-2:#ff747b;--brand-3:#a81d26}
body.service-web{--brand:#f14952;--brand-2:#ff858d;--brand-3:#8e1f27}
body.service-video{--brand:#ef4048;--brand-2:#ff8c71;--brand-3:#8f171d}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.seo-wrap{width:var(--wrap);margin-inline:auto;position:relative;z-index:2}
.seo-skip{position:absolute;left:-9999px;top:auto}.seo-skip:focus{left:16px;top:16px;z-index:1000;padding:10px 14px;border-radius:999px;background:#fff;color:#111}
.seo-header{
  position:sticky;top:0;z-index:60;
  background:rgba(8,9,13,.8);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.seo-nav{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.seo-brand{display:flex;align-items:center;gap:14px;min-width:0}
.seo-brand img{width:192px;height:auto}
.seo-menu-btn{
  display:none;align-items:center;justify-content:center;flex-direction:column;gap:5px;
  width:50px;height:50px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.04);cursor:pointer;padding:0
}
.seo-menu-btn span{display:block;width:22px;height:2px;border-radius:999px;background:#fff;transition:transform .28s ease,opacity .28s ease}
body.nav-open .seo-menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}
body.nav-open .seo-menu-btn span:nth-child(2){opacity:0}
body.nav-open .seo-menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.seo-nav-backdrop{display:none}
.seo-nav-links{display:flex;align-items:center;gap:18px}
.seo-nav-link,.seo-nav-dropbtn{
  color:#f7f8fc;font-weight:800;font-size:.98rem;display:inline-flex;align-items:center;gap:8px;
  padding:12px 4px;background:none;border:none;cursor:pointer;font-family:inherit
}
.seo-nav-link:hover,.seo-nav-dropbtn:hover{color:var(--brand-2)}
.seo-nav-dropdown{position:relative}
.seo-nav-dropbtn .caret{font-size:.74rem;transition:transform .24s ease}
.seo-nav-dropdown.open .seo-nav-dropbtn .caret{transform:rotate(180deg)}
.seo-nav-dropmenu{
  position:absolute;left:0;top:calc(100% + 12px);min-width:320px;padding:12px;
  border-radius:22px;background:rgba(15,18,25,.96);border:1px solid var(--line);box-shadow:0 26px 60px rgba(0,0,0,.35);
  display:grid;gap:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:.24s ease
}
.seo-nav-dropdown.open .seo-nav-dropmenu{opacity:1;visibility:visible;transform:translateY(0)}
.seo-nav-dropmenu a{
  display:grid;gap:4px;padding:14px 14px 14px 16px;border-radius:16px;color:#f5f7fb;border:1px solid transparent
}
.seo-nav-dropmenu a:hover,.seo-nav-dropmenu a.active{background:rgba(255,255,255,.04);border-color:rgba(239,64,72,.18)}
.seo-nav-dropmenu strong{font-size:.96rem}.seo-nav-dropmenu span{font-size:.84rem;color:var(--muted)}
.seo-cta,.seo-btn,.seo-btn-secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;
  transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease; font-weight:800;
}
.seo-cta,.seo-btn{
  padding:14px 22px;
  background:linear-gradient(135deg,var(--brand),var(--brand-3));
  color:#fff!important;border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 45px rgba(239,64,72,.24), inset 0 1px 0 rgba(255,255,255,.12)
}
.seo-btn.secondary-ghost,
.seo-btn-secondary{
  padding:14px 20px;background:rgba(255,255,255,.03);color:#fff!important;border:1px solid rgba(255,255,255,.11)
}
.seo-cta:hover,.seo-btn:hover,.seo-btn-secondary:hover{transform:translateY(-2px)}
.seo-hero{position:relative;overflow:hidden;padding:84px 0 38px}
.seo-hero::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 96%)
}
.seo-hero::after{
  content:"";position:absolute;left:50%;transform:translateX(-50%);bottom:-170px;width:min(94vw,1140px);height:360px;border-radius:50%;
  background:radial-gradient(circle, rgba(239,64,72,.17), transparent 70%);filter:blur(10px)
}
.seo-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:26px;color:var(--muted);font-size:.92rem}
.seo-breadcrumb a{color:#fff}
.seo-kicker{display:inline-flex;align-items:center;gap:12px;margin:0 0 18px;color:#ff9b9f;font-size:.76rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.seo-kicker::before{content:"";width:30px;height:1px;background:linear-gradient(90deg,var(--brand),transparent)}
.hero-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,510px);gap:38px;align-items:center}
.hero-copy{min-width:0}
.hero-copy h1{font-family:var(--title-font);font-size:clamp(2.9rem,5vw,4.8rem);line-height:.95;letter-spacing:-.06em;max-width:11ch;margin:0 0 18px}
.hero-copy p{color:var(--muted);font-size:1.06rem;line-height:1.78;max-width:64ch;margin:0 0 22px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}
.hero-chips{display:flex;flex-wrap:wrap;gap:10px}
.hero-chip{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.92rem;font-weight:800;color:#e1e6ef}
.hero-chip i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-style:normal;background:var(--brand-soft);color:#ffb3b7}
.hero-visual{
  position:relative;min-height:530px;padding:20px;border-radius:32px;overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow)
}
.hero-visual::before{content:"";position:absolute;inset:18px;border-radius:26px;border:1px solid rgba(255,255,255,.05)}
.hero-visual::after{content:"";position:absolute;inset:18px;border-radius:26px;background:radial-gradient(circle at top right, rgba(239,64,72,.16), transparent 40%);pointer-events:none}
.orbit,.spark{position:absolute;pointer-events:none}.orbit{border:1px solid rgba(255,255,255,.07);border-radius:999px;animation:spin 18s linear infinite}.spark{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 18px rgba(239,64,72,.9)}
.panel{position:absolute;background:linear-gradient(180deg,rgba(22,26,36,.95),rgba(14,17,24,.94));border:1px solid rgba(255,255,255,.09);border-radius:22px;box-shadow:0 24px 60px rgba(0,0,0,.3);overflow:hidden}
.panel .bar{height:42px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03)}
.panel .dots{display:flex;gap:6px}.panel .dots span{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.18)}.panel .dots span:nth-child(1){background:rgba(255,255,255,.36)}.panel .dots span:nth-child(2){background:rgba(255,255,255,.22)}.panel .dots span:nth-child(3){background:rgba(239,64,72,.5)}
.panel .label{font-size:.76rem;color:#cfd4dd;letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.metric-pill{position:absolute;padding:13px 16px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);box-shadow:0 14px 40px rgba(0,0,0,.22)}
.metric-pill strong{display:block;font-size:1.2rem;line-height:1}.metric-pill span{display:block;margin-top:5px;color:#d8deea;font-size:.84rem}
.top-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.top-badge{display:inline-flex;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:.78rem;color:#e4e7ef;font-weight:800}
.visual-note{position:absolute;left:24px;bottom:22px;max-width:270px;padding:16px 18px;border-radius:20px;background:rgba(9,11,16,.82);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);z-index:3}
.visual-note strong{display:block;margin-bottom:6px;font-size:.98rem}.visual-note p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.62}
.service-summary{padding-top:24px}
.service-summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.summary-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.07);transition:transform .28s ease,border-color .28s ease}
.summary-card:hover{transform:translateY(-3px);border-color:rgba(239,64,72,.2)}
.summary-card h3{margin:0 0 8px;font-size:1rem}.summary-card p{margin:0;color:var(--muted);font-size:.95rem;line-height:1.7}
.seo-section{position:relative;padding:76px 0}.seo-section.alt{background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 38%,rgba(255,255,255,.018))}
.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}
.section-head h2,.seo-section h2{margin:0;font-family:var(--title-font);font-size:clamp(2rem,3.8vw,3.35rem);line-height:1.04;letter-spacing:-.05em;max-width:12ch}
.section-head p,.seo-lead{margin:0;max-width:700px;color:var(--muted);line-height:1.75;font-size:1.02rem}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feature-card{position:relative;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.feature-card::after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle, rgba(239,64,72,.16), transparent 72%)}
.feature-card:hover{transform:translateY(-5px);border-color:rgba(239,64,72,.24);box-shadow:0 18px 40px rgba(0,0,0,.2)}
.feature-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,rgba(239,64,72,.22),rgba(239,64,72,.08));border:1px solid rgba(239,64,72,.22);margin-bottom:16px}
.feature-icon svg{width:28px;height:28px;fill:none;stroke:#fff;stroke-width:1.85;stroke-linecap:round;stroke-linejoin:round}
.feature-card h3{margin:0 0 8px;font-size:1.08rem}.feature-card p{margin:0;color:var(--muted);font-size:.96rem;line-height:1.7}
.sales-banner{margin-top:26px;padding:22px 24px;border-radius:24px;background:linear-gradient(135deg,rgba(239,64,72,.14),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.sales-banner strong{font-size:1.1rem}.sales-banner p{margin:0;color:#dfe3eb;line-height:1.7;max-width:720px}
.two-col{display:grid;grid-template-columns:1.02fr .98fr;gap:22px}
.content-panel,.list-panel,.process-card,.faq-card,.faq-side,.related-card,.cta-sidecard{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);border-radius:28px;box-shadow:0 18px 44px rgba(0,0,0,.18)}
.content-panel,.list-panel{padding:28px}
.content-panel p{color:var(--muted);line-height:1.76;margin:0 0 16px}.content-panel h2,.list-panel h3,.faq-side h2,.faq-card h3,.related-card h3{margin:0 0 14px}
.deliver-list,.check-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}
.deliver-list li,.check-list li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;color:#e4e8f1;line-height:1.65}
.deliver-list li::before,.check-list li::before{content:"✓";display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(239,64,72,.15);color:#ffadb2;font-weight:900}
.tag-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}.tag-list li{padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:#e1e6ee;font-size:.93rem;font-weight:700}
.process-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.process-grid::before{content:"";position:absolute;left:8%;right:8%;top:28px;height:1px;background:linear-gradient(90deg,rgba(239,64,72,.08),rgba(239,64,72,.55),rgba(239,64,72,.08));z-index:0}
.process-card{position:relative;padding:24px 22px 22px;z-index:1}.process-num{display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,rgba(239,64,72,.24),rgba(239,64,72,.08));border:1px solid rgba(239,64,72,.22);margin-bottom:18px;font-weight:900}
.process-card h3{margin:0 0 8px;font-size:1.06rem}.process-card p{margin:0;color:var(--muted);line-height:1.68}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.related-card{padding:24px;position:relative;overflow:hidden}.related-card::after{content:"";position:absolute;right:-20px;bottom:-20px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle, rgba(239,64,72,.17), transparent 72%)}.related-card p{color:var(--muted);line-height:1.72;margin:0 0 16px}.related-card a{font-weight:800;color:#fff}
.seo-faq{display:grid;grid-template-columns:.96fr 1.04fr;gap:20px;align-items:start}
.faq-side{padding:28px;background:linear-gradient(160deg,rgba(239,64,72,.14),rgba(255,255,255,.03))}
.faq-side p{margin:0 0 16px;color:#e7ebf3;line-height:1.76}.faq-bullets{display:grid;gap:12px}.faq-bullets div{display:flex;gap:12px;align-items:flex-start;color:#e4e8f1;line-height:1.62}.faq-bullets i{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.14);font-style:normal}
.faq-card{padding:22px 26px}.faq-card details{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.08)}.faq-card details:last-child{border-bottom:0;padding-bottom:6px}.faq-card summary{list-style:none;cursor:pointer;font-weight:800;font-size:1.03rem;padding-right:24px;position:relative}.faq-card summary::-webkit-details-marker{display:none}.faq-card summary::after{content:"+";position:absolute;right:0;top:0;font-size:1.24rem;color:#ff9fa3;line-height:1}.faq-card details[open] summary::after{content:"–"}.faq-card p{margin:12px 0 0;color:var(--muted);line-height:1.72}
.badge-local{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.11);font-weight:800}
.badge-local::before{content:"";width:9px;height:9px;border-radius:50%;background:#29d67f;box-shadow:0 0 0 6px rgba(41,214,127,.14)}
.seo-contact{padding:36px;border-radius:30px;background:linear-gradient(135deg,var(--brand),var(--brand-3));display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:0 28px 70px rgba(145,10,19,.32)}
.seo-contact h2{margin:0 0 8px;font-size:clamp(1.9rem,3vw,2.6rem);max-width:14ch}.seo-contact p{margin:0;color:rgba(255,255,255,.94);line-height:1.72;max-width:620px}.seo-contact .seo-btn{background:#fff;color:#14161d!important;box-shadow:none;border-color:rgba(255,255,255,.22)}
.seo-footer{padding:34px 0 46px;border-top:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,transparent,rgba(255,255,255,.02))}
.seo-footer .seo-wrap{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;color:#d0d4dd}
.seo-footer strong{display:block;margin-bottom:4px}.seo-footer small{display:block;color:var(--muted-2);line-height:1.65;font-size:.92rem}

/* Hero art common blocks */
.service-art{position:relative;width:100%;height:100%;z-index:2}

/* Ads */
.art-ads .phone{left:28px;top:86px;width:220px;height:398px}
.art-ads .phone-screen{padding:16px 16px 18px}.art-ads .story-ad{border-radius:22px;padding:16px;background:linear-gradient(180deg,#1a1f2a,#10141c);border:1px solid rgba(255,255,255,.06)}
.art-ads .shoe{height:128px;border-radius:18px;background:radial-gradient(circle at 35% 32%,rgba(255,255,255,.22),transparent 24%), linear-gradient(135deg,#fa525a,#ac2028);position:relative;overflow:hidden;margin-bottom:14px}.art-ads .shoe::before{content:"";position:absolute;left:18px;bottom:34px;width:138px;height:44px;border-radius:24px 40px 20px 16px;background:#11131a;transform:rotate(-7deg);box-shadow:0 18px 34px rgba(0,0,0,.28)}.art-ads .shoe::after{content:"";position:absolute;left:42px;bottom:60px;width:66px;height:14px;border-top:3px solid #fff;border-radius:20px;transform:skew(-14deg)}
.art-ads .ad-lines{display:grid;gap:8px}.art-ads .ad-lines span{display:block;height:10px;border-radius:999px;background:rgba(255,255,255,.08)}.art-ads .ad-lines span:nth-child(1){width:72%}.art-ads .ad-lines span:nth-child(2){width:92%}.art-ads .ad-lines span:nth-child(3){width:58%}
.art-ads .stats{display:flex;gap:10px;margin-top:14px}.art-ads .stats div{flex:1;padding:10px;border-radius:14px;background:rgba(255,255,255,.04)}.art-ads .stats strong{display:block;font-size:.98rem}.art-ads .stats span{font-size:.72rem;color:#cfd4df}
.art-ads .audience{right:34px;top:76px;width:184px}.art-ads .reach{right:26px;top:208px;width:188px}.art-ads .leads{right:54px;bottom:72px;width:190px}.art-ads .chart{left:198px;bottom:68px;width:246px;height:158px}.art-ads .chart-body{padding:16px 18px 18px}.art-ads .chart-svg{width:100%;height:84px}.art-ads .chart-grid{stroke:rgba(255,255,255,.08);stroke-width:1}.art-ads .chart-line{fill:none;stroke:var(--brand-2);stroke-width:4}.art-ads .chart-fill{fill:url(#adsGradient)}

/* Web */
.art-web .browser{left:24px;top:88px;width:432px;height:330px}.art-web .browser-body{display:grid;grid-template-columns:152px 1fr;height:calc(100% - 42px)}.art-web .browser-side{padding:18px;border-right:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02)}.art-web .browser-side .line{height:11px;border-radius:999px;background:rgba(255,255,255,.08);margin-bottom:14px}.art-web .browser-side .line.small{width:66%}.art-web .browser-side .menu{display:grid;gap:10px;margin-top:16px}.art-web .browser-side .menu span{height:34px;border-radius:12px;background:rgba(255,255,255,.06)}.art-web .browser-side .menu span:first-child{background:rgba(239,64,72,.18);border:1px solid rgba(239,64,72,.28)}.art-web .browser-main{padding:20px}.art-web .hero-web{height:136px;border-radius:20px;background:linear-gradient(135deg,#191e2a,#131720);padding:18px;position:relative;overflow:hidden}.art-web .hero-web::after{content:"";position:absolute;right:-10px;bottom:-6px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle, rgba(239,64,72,.32), transparent 64%)}.art-web .hero-web .title{width:68%;height:14px;border-radius:999px;background:#fff;opacity:.92;margin-bottom:12px}.art-web .hero-web .subtitle{width:54%;height:10px;border-radius:999px;background:rgba(255,255,255,.32);margin-bottom:22px}.art-web .hero-web .cta{display:inline-flex;padding:10px 14px;border-radius:999px;background:var(--brand);font-size:.8rem;font-weight:800}.art-web .cards-web{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.art-web .cards-web span{height:72px;border-radius:16px;background:rgba(255,255,255,.05)}.art-web .site-score{right:26px;top:72px;width:160px}.art-web .mobile{right:36px;bottom:38px;width:118px;height:220px;border-radius:28px}.art-web .phone-screen{padding:14px}.art-web .mobile .mini-hero{height:68px;border-radius:16px;background:linear-gradient(135deg,#f04b53,#951922);margin-bottom:12px}.art-web .mobile .mini-lines{display:grid;gap:8px}.art-web .mobile .mini-lines span{display:block;height:9px;border-radius:999px;background:rgba(255,255,255,.08)}.art-web .mobile .mini-lines span:nth-child(1){width:88%}.art-web .mobile .mini-lines span:nth-child(2){width:74%}.art-web .mobile .mini-lines span:nth-child(3){width:60%}

/* Video */
.art-video .camera{left:30px;top:102px;width:286px;height:220px;border-radius:28px;background:linear-gradient(180deg,#181d27,#11151d);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 60px rgba(0,0,0,.3);position:absolute}.art-video .camera::before{content:"";position:absolute;left:152px;top:42px;width:96px;height:96px;border-radius:50%;background:radial-gradient(circle at 40% 40%, #2a3040, #090b10 62%);border:12px solid #0f1219;box-shadow:0 0 0 8px rgba(255,255,255,.04)}.art-video .camera::after{content:"";position:absolute;left:38px;top:56px;width:88px;height:56px;border-radius:18px;background:#0c0f15;border:1px solid rgba(255,255,255,.06)}
.art-video .rec{position:absolute;right:40px;top:84px;display:inline-flex;align-items:center;gap:10px;padding:12px 15px;border-radius:16px;background:rgba(11,14,20,.9);border:1px solid rgba(255,255,255,.08);font-weight:800;letter-spacing:.08em}.art-video .rec::before{content:"";width:10px;height:10px;border-radius:50%;background:#ff4c53;box-shadow:0 0 0 6px rgba(255,76,83,.16)}
.art-video .timeline{right:32px;bottom:48px;width:256px;height:146px}.art-video .timeline-body{padding:16px 18px}.art-video .clip{height:56px;border-radius:14px;background:linear-gradient(135deg,#1a202c,#10151d);position:relative;overflow:hidden}.art-video .clip::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 12%,rgba(239,64,72,.36) 12% 16%,transparent 16% 34%,rgba(255,255,255,.08) 34% 38%,transparent 38% 54%,rgba(239,64,72,.28) 54% 58%,transparent 58% 100%)}.art-video .timeline-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.08);margin:16px 0 12px;overflow:hidden}.art-video .timeline-bar span{display:block;height:100%;width:64%;background:linear-gradient(90deg,var(--brand),#ff7d83)}.art-video .play{display:flex;align-items:center;gap:10px;color:#dfe4ef;font-weight:700}.art-video .play i{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:rgba(239,64,72,.2);font-style:normal}.art-video .frame{left:262px;top:52px;width:152px;height:120px;border-radius:20px;background:linear-gradient(135deg,#10141c,#161b24);border:1px solid rgba(255,255,255,.08);position:absolute;transform:rotate(-5deg)}.art-video .frame::before{content:"";position:absolute;inset:10px;border-radius:14px;background:linear-gradient(135deg,#f04a52,#5a0f15)}.art-video .frame::after{content:"▶";position:absolute;inset:0;display:grid;place-items:center;font-size:1.6rem;color:#fff}

@keyframes spin{to{transform:rotate(360deg)}}
@keyframes floatGlow{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@keyframes drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@media (prefers-reduced-motion:no-preference){.summary-card,.feature-card,.process-card,.related-card{animation:drift 10s ease-in-out infinite}.feature-card:nth-child(2),.process-card:nth-child(2),.summary-card:nth-child(2){animation-delay:-1.6s}.feature-card:nth-child(3),.process-card:nth-child(3),.summary-card:nth-child(3){animation-delay:-3.2s}.feature-card:nth-child(4),.process-card:nth-child(4){animation-delay:-4.8s}}
@media (max-width:1366px){
  :root{--wrap:min(1120px,calc(100% - 36px))}
  .hero-shell{grid-template-columns:minmax(0,1fr) minmax(330px,470px);gap:30px}
  .hero-copy h1{font-size:clamp(2.65rem,4.5vw,4.2rem)}
  .hero-visual{min-height:490px}
  .section-head h2,.seo-section h2{font-size:clamp(1.85rem,3.2vw,3rem)}
  .panel,.metric-pill{transform:scale(.95);transform-origin:top left}
  .art-ads .audience,.art-ads .reach,.art-ads .leads,.art-web .site-score,.art-video .rec{transform-origin:top right}
}
@media (max-width:1180px){
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}.process-grid::before{display:none}
  .related-grid{grid-template-columns:1fr}
  .service-summary-grid{grid-template-columns:1fr}
}
@media (max-width:1024px){
  :root{--wrap:min(100% - 28px,1120px)}
  .seo-nav{min-height:74px}
  .seo-brand img{width:176px}
  .seo-menu-btn{display:inline-flex}
  .seo-nav-backdrop{display:block;position:fixed;inset:0;background:rgba(5,7,10,.55);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.24s ease;z-index:55}
  body.nav-open .seo-nav-backdrop{opacity:1;visibility:visible}
  .seo-nav-links{position:fixed;top:84px;right:14px;left:14px;display:flex;flex-direction:column;align-items:stretch;gap:6px;padding:18px;border-radius:24px;background:rgba(11,14,19,.97);border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(-10px);transition:.24s ease;z-index:56}
  body.nav-open .seo-nav-links{opacity:1;visibility:visible;transform:translateY(0)}
  .seo-nav-link,.seo-nav-dropbtn{width:100%;justify-content:space-between;padding:14px 10px;border-radius:14px}
  .seo-nav-link:hover,.seo-nav-dropbtn:hover{background:rgba(255,255,255,.04);color:#fff}
  .seo-nav-dropdown{width:100%}
  .seo-nav-dropmenu{position:static;min-width:0;padding:8px;margin-top:8px;background:rgba(255,255,255,.03);box-shadow:none;border-radius:18px;border-color:rgba(255,255,255,.06);opacity:1;visibility:visible;transform:none;display:none}
  .seo-nav-dropdown.open .seo-nav-dropmenu{display:grid}
  .seo-cta{width:100%;margin-top:6px}
  .hero-shell,.two-col,.seo-faq{grid-template-columns:1fr}
  .hero-copy h1{max-width:12ch}
  .hero-visual{min-height:500px}
  .section-head{flex-direction:column;align-items:flex-start}
}
@media (max-width:820px){
  .seo-hero{padding-top:56px}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .seo-btn,.seo-btn-secondary{width:100%}
  .hero-visual{min-height:450px;padding:16px;border-radius:28px}
  .sales-banner,.seo-contact{padding:24px;flex-direction:column;align-items:flex-start}
  .seo-contact h2{max-width:none}
  .feature-grid,.process-grid{grid-template-columns:1fr}
  .art-ads .phone{left:16px;top:102px;width:188px;height:338px}.art-ads .audience{right:12px;top:78px;width:150px}.art-ads .reach{right:10px;top:192px;width:158px}.art-ads .leads{right:18px;bottom:146px;width:162px}.art-ads .chart{left:auto;right:10px;bottom:18px;width:198px;height:132px}
  .art-web .browser{left:12px;top:106px;width:calc(100% - 24px);height:270px}.art-web .browser-body{grid-template-columns:106px 1fr}.art-web .site-score{left:14px;top:52px;right:auto;width:138px}.art-web .mobile{right:14px;bottom:20px;width:102px;height:188px}
  .art-video .camera{left:16px;top:112px;width:238px;height:184px}.art-video .camera::before{left:118px;top:36px;width:78px;height:78px}.art-video .camera::after{left:28px;top:52px;width:72px;height:48px}.art-video .rec{right:18px;top:64px}.art-video .frame{right:16px;left:auto;top:98px;width:118px;height:96px}.art-video .timeline{left:16px;right:16px;bottom:18px;width:auto;height:132px}
  .visual-note{left:16px;right:16px;max-width:none}
}
@media (max-width:560px){
  .seo-wrap{width:min(100% - 22px,1120px)}
  .seo-brand img{width:162px}
  .hero-copy h1{font-size:2.5rem}
  .hero-copy p,.section-head p,.content-panel p,.faq-side p,.faq-card p,.summary-card p,.feature-card p,.process-card p{font-size:.97rem}
  .hero-visual{min-height:430px}
  .hero-chip{font-size:.86rem;padding:10px 12px}
  .art-ads .phone{width:170px;height:312px}.art-ads .phone-screen{padding:14px}.art-ads .story-ad{padding:14px}.art-ads .shoe{height:112px}.art-ads .audience,.art-ads .reach,.art-ads .leads{width:138px}.art-ads .chart{width:172px;height:122px}
  .art-web .browser{height:240px}.art-web .browser-body{grid-template-columns:84px 1fr}.art-web .browser-main{padding:14px}.art-web .hero-web{height:116px}.art-web .cards-web span{height:52px}.art-web .mobile{width:94px;height:176px}
  .art-video .camera{width:214px;height:166px}.art-video .frame{width:104px;height:88px}.art-video .timeline{height:126px}
  .content-panel,.list-panel,.faq-card,.faq-side,.related-card,.process-card{padding:22px}
  .seo-footer .seo-wrap{flex-direction:column;align-items:flex-start}
}

/* Visual showcase sections: service pages only */
.service-showcase{position:relative;padding:72px 0;overflow:hidden}
.service-showcase::before{content:"";position:absolute;inset:8% 0 auto 0;height:84%;background:linear-gradient(110deg,rgba(239,64,72,.08),transparent 42%,rgba(255,255,255,.025));border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.showcase-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.72fr);gap:30px;align-items:center}
.showcase-media{position:relative;border-radius:30px;padding:12px;background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.09);box-shadow:0 30px 70px rgba(0,0,0,.3);overflow:hidden}
.showcase-media::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 36%,rgba(255,255,255,.09) 50%,transparent 64%);transform:translateX(-120%);animation:showcaseSweep 8s ease-in-out infinite;pointer-events:none}
.showcase-media img{width:100%;height:auto;border-radius:22px}
.showcase-copy{padding:14px 0}
.showcase-copy h2{font-family:var(--title-font);font-size:clamp(2rem,3.4vw,3.25rem);line-height:1.04;letter-spacing:-.05em;margin:0 0 18px;max-width:12ch}
.showcase-copy p{color:var(--muted);line-height:1.75;margin:0 0 20px;font-size:1.02rem}
.showcase-points{display:grid;gap:12px;margin-bottom:22px}
.showcase-point{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;padding:14px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07)}
.showcase-point i{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(180deg,rgba(239,64,72,.2),rgba(239,64,72,.07));color:#fff;font-style:normal;font-weight:900}
.showcase-point strong{display:block;margin-bottom:4px}.showcase-point span{color:var(--muted);line-height:1.58;font-size:.94rem}
@keyframes showcaseSweep{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}

/* Refined laptop scaling */
@media (min-width:1025px) and (max-width:1440px){
  :root{--wrap:min(1080px,calc(100% - 34px))}
  .seo-nav{min-height:70px}
  .seo-brand img{width:168px}
  .seo-nav-link,.seo-nav-dropbtn{font-size:.9rem;padding-block:9px}
  .seo-cta{padding:11px 17px;font-size:.9rem}
  .seo-hero{padding:64px 0 28px}
  .hero-shell{grid-template-columns:minmax(0,1fr) minmax(330px,430px);gap:26px}
  .hero-copy h1{font-size:clamp(2.4rem,4vw,3.75rem);margin-bottom:15px}
  .hero-copy p{font-size:.98rem;line-height:1.68;margin-bottom:18px}
  .hero-visual{min-height:430px;border-radius:26px;padding:14px}
  .hero-chip{padding:8px 11px;font-size:.8rem}
  .seo-btn,.seo-btn-secondary{padding:11px 16px;font-size:.9rem}
  .service-summary{padding-top:18px}.summary-card{padding:15px}.summary-card p{font-size:.87rem}
  .seo-section,.service-showcase{padding:56px 0}
  .section-head{margin-bottom:22px}.section-head h2,.seo-section h2,.showcase-copy h2{font-size:clamp(1.75rem,3vw,2.65rem)}
  .section-head p,.seo-lead,.showcase-copy p{font-size:.94rem;line-height:1.65}
  .feature-card{padding:19px}.feature-card p{font-size:.88rem}.feature-icon{width:48px;height:48px;border-radius:15px}
  .content-panel,.list-panel,.faq-card,.faq-side,.related-card,.process-card{padding:21px}
  .process-num{width:48px;height:48px;border-radius:15px;margin-bottom:14px}
  .showcase-grid{grid-template-columns:1.05fr .75fr;gap:24px}.showcase-point{padding:11px}.showcase-point i{width:36px;height:36px}.showcase-point span{font-size:.86rem}
  .seo-contact{padding:28px}
  .panel,.metric-pill{transform:scale(.84)}
  .art-ads .audience,.art-ads .reach,.art-ads .leads,.art-web .site-score,.art-video .rec{transform-origin:top right}
}

/* Tablets */
@media (min-width:701px) and (max-width:1024px){
  .seo-hero{padding-top:46px}
  .hero-shell{grid-template-columns:1fr;gap:24px}
  .hero-copy{text-align:center}.hero-copy h1{max-width:14ch;margin-inline:auto;font-size:clamp(2.6rem,7vw,4rem)}.hero-copy p{margin-inline:auto;max-width:680px}.hero-actions,.hero-chips{justify-content:center}
  .hero-visual{width:min(100%,720px);min-height:490px;margin-inline:auto}
  .service-summary-grid{grid-template-columns:repeat(3,1fr)}
  .showcase-grid{grid-template-columns:1fr}.showcase-media{max-width:760px;margin-inline:auto}.showcase-copy{text-align:center;max-width:720px;margin-inline:auto}.showcase-copy h2{max-width:none}.showcase-points{text-align:left}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .two-col,.seo-faq{grid-template-columns:1fr}
  .related-grid{grid-template-columns:repeat(3,1fr)}
  .panel,.metric-pill{transform:scale(.92)}
  .art-ads .audience,.art-ads .reach,.art-ads .leads,.art-web .site-score,.art-video .rec{transform-origin:top right}
}

/* Mobile redesign */
@media (max-width:700px){
  :root{--wrap:min(100% - 20px,1120px)}
  .seo-nav{min-height:66px}.seo-brand img{width:148px}.seo-menu-btn{width:44px;height:44px;border-radius:14px}
  .seo-nav-links{top:72px;right:10px;left:10px;max-height:calc(100dvh - 84px);overflow-y:auto;padding:14px;border-radius:20px}
  .seo-nav-dropmenu{padding:6px}.seo-nav-dropmenu a{padding:12px}
  .seo-hero{padding:36px 0 22px}.seo-breadcrumb{font-size:.78rem;margin-bottom:18px}.seo-kicker{font-size:.66rem;margin-bottom:12px}
  .hero-copy{text-align:center}.hero-copy h1{font-size:clamp(2.15rem,10.8vw,3.05rem);max-width:none;line-height:.98;letter-spacing:-.055em}.hero-copy p{font-size:.94rem;line-height:1.65;margin-bottom:17px}
  .hero-chips{justify-content:center;gap:7px}.hero-chip{font-size:.76rem;padding:8px 10px}.hero-chip i{width:18px;height:18px}
  .hero-visual{min-height:390px;width:100%;padding:10px;border-radius:22px}.hero-visual::before,.hero-visual::after{inset:10px;border-radius:17px}
  .visual-note{left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:16px}.visual-note strong{font-size:.86rem}.visual-note p{font-size:.78rem;line-height:1.45}
  .service-summary{padding-top:14px}.service-summary-grid{grid-template-columns:1fr;gap:9px}.summary-card{padding:13px 14px}.summary-card h3{font-size:.9rem}.summary-card p{font-size:.82rem;line-height:1.55}
  .seo-section,.service-showcase{padding:44px 0}.section-head{gap:12px;margin-bottom:20px}.section-head h2,.seo-section h2,.showcase-copy h2{font-size:clamp(1.65rem,8vw,2.25rem);max-width:none}.section-head p,.seo-lead,.showcase-copy p{font-size:.91rem;line-height:1.62}
  .feature-grid,.process-grid,.related-grid{grid-template-columns:1fr;gap:11px}.feature-card,.process-card,.related-card{padding:18px;border-radius:20px}.feature-icon{width:46px;height:46px;margin-bottom:12px}.feature-card h3,.process-card h3,.related-card h3{font-size:1rem}.feature-card p,.process-card p,.related-card p{font-size:.86rem;line-height:1.58}
  .sales-banner{margin-top:16px;padding:18px;border-radius:20px}.sales-banner strong{font-size:1rem}.sales-banner p{font-size:.86rem;line-height:1.58;margin-top:6px}
  .two-col{grid-template-columns:1fr;gap:12px}.content-panel,.list-panel,.faq-card,.faq-side{padding:18px;border-radius:21px}.content-panel p,.faq-side p,.faq-card p{font-size:.88rem;line-height:1.62}.deliver-list li,.check-list li{font-size:.88rem}.tag-list{gap:7px}.tag-list li{padding:8px 10px;font-size:.78rem}
  .process-num{width:44px;height:44px;border-radius:14px;margin-bottom:11px}
  .showcase-grid{grid-template-columns:1fr;gap:18px}.showcase-media{padding:7px;border-radius:22px}.showcase-media img{border-radius:16px}.showcase-copy{text-align:center}.showcase-points{gap:8px;text-align:left}.showcase-point{grid-template-columns:36px 1fr;padding:10px;border-radius:15px}.showcase-point i{width:36px;height:36px;border-radius:12px}.showcase-point strong{font-size:.88rem}.showcase-point span{font-size:.78rem;line-height:1.48}
  .seo-faq{grid-template-columns:1fr;gap:12px}.faq-card summary{font-size:.91rem}.badge-local{font-size:.78rem;padding:8px 10px}
  .seo-contact{padding:20px;border-radius:22px}.seo-contact h2{font-size:1.6rem}.seo-contact p{font-size:.88rem;line-height:1.6}
  .seo-footer{padding:26px 0 32px}.seo-footer small{font-size:.8rem}
  .panel,.metric-pill{transform:none!important}
  .art-ads .phone{left:8px;top:62px;width:150px;height:276px}.art-ads .phone .bar{height:34px}.art-ads .phone-screen{padding:10px}.art-ads .story-ad{padding:10px;border-radius:15px}.art-ads .shoe{height:94px;margin-bottom:9px}.art-ads .stats{gap:5px;margin-top:8px}.art-ads .stats div{padding:6px}.art-ads .stats strong{font-size:.78rem}.art-ads .stats span{font-size:.55rem}.art-ads .audience{right:8px;top:54px;width:126px;padding:9px}.art-ads .reach{right:6px;top:139px;width:126px;padding:9px}.art-ads .leads{right:10px;bottom:104px;width:132px;padding:9px}.art-ads .metric-pill strong{font-size:.95rem}.art-ads .metric-pill span{font-size:.67rem}.art-ads .chart{right:6px;bottom:12px;width:155px;height:100px}.art-ads .chart .bar{height:30px}.art-ads .chart-body{padding:7px 9px}.art-ads .chart-svg{height:48px}.art-ads .top-badges{display:none}
  .art-web .browser{left:6px;top:64px;width:calc(100% - 12px);height:224px}.art-web .browser .bar{height:34px}.art-web .browser-body{grid-template-columns:70px 1fr;height:calc(100% - 34px)}.art-web .browser-side{padding:10px}.art-web .browser-side .menu{gap:6px}.art-web .browser-side .menu span{height:24px}.art-web .browser-main{padding:10px}.art-web .hero-web{height:102px;padding:11px}.art-web .cards-web{gap:5px;margin-top:7px}.art-web .cards-web span{height:42px}.art-web .site-score{left:10px;top:22px;width:118px;padding:8px}.art-web .site-score strong{font-size:.9rem}.art-web .site-score span{font-size:.63rem}.art-web .mobile{right:12px;bottom:90px;width:78px;height:140px}.art-web .phone-screen{padding:8px}.art-web .mobile .mini-hero{height:46px;margin-bottom:7px}.art-web .mobile .mini-lines{gap:5px}.art-web .mobile .mini-lines span{height:6px}
  .art-video .camera{left:6px;top:78px;width:188px;height:146px}.art-video .camera::before{left:102px;top:31px;width:64px;height:64px;border-width:8px}.art-video .camera::after{left:24px;top:42px;width:60px;height:40px}.art-video .frame{right:8px;top:62px;width:92px;height:74px}.art-video .rec{right:8px;top:26px;padding:8px 10px;font-size:.72rem}.art-video .timeline{left:8px;right:8px;bottom:86px;height:104px}.art-video .timeline .bar{height:30px}.art-video .timeline-body{padding:8px 10px}.art-video .clip{height:32px}.art-video .timeline-bar{margin:8px 0 6px;height:6px}.art-video .play{font-size:.65rem}.art-video .play i{width:22px;height:22px}
}