/* Visual revision layer: every major section gets a distinct texture/motif, and service imagery is deliberately one-to-one rather than reused. */
.hero-section{background-image:radial-gradient(circle at 15% 18%,rgba(7,89,216,.06) 0 2px,transparent 2px),radial-gradient(circle at 84% 74%,rgba(238,30,43,.055) 0 2px,transparent 2px),linear-gradient(135deg,#fbfdff 0%,#f1f7ff 76%,#eaf2ff 100%);background-size:28px 28px,34px 34px,auto}
.hero-visual{animation:hero-float 6.5s ease-in-out infinite}.hero-halo{animation:halo-turn 18s linear infinite}.hero-section .ticker{background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(var(--navy),var(--navy));background-size:82px 100%,auto}
.section-light{background-image:radial-gradient(circle at 12% 15%,rgba(7,89,216,.07) 0 1px,transparent 1px),linear-gradient(135deg,#f4f8ff,#f8fbff);background-size:24px 24px,auto}.section-white#services{background-image:linear-gradient(135deg,rgba(7,89,216,.025) 25%,transparent 25% 50%,rgba(238,30,43,.02) 50% 75%,transparent 75%);background-size:28px 28px}.section-blue-wash{background-image:linear-gradient(120deg,transparent 0 48%,rgba(7,89,216,.05) 48% 49%,transparent 49% 100%),linear-gradient(180deg,#f7fbff 0%,#eaf3ff 100%);background-size:52px 52px,auto}.work-showcase{background-image:radial-gradient(circle at 50% 0,rgba(7,89,216,.08),transparent 42%),linear-gradient(#fff,#fff)}.process-section{background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(var(--navy),var(--navy));background-size:38px 38px,38px 38px,auto}.founder-section{background-image:repeating-linear-gradient(0deg,rgba(7,89,216,.022) 0 1px,transparent 1px 7px),linear-gradient(var(--wash),var(--wash))}.section-white#pricing{background-image:repeating-linear-gradient(135deg,rgba(7,89,216,.028) 0 1px,transparent 1px 13px),linear-gradient(#fff,#fff)}.contact-section{background-image:radial-gradient(circle at 80% 24%,rgba(7,89,216,.3) 0 2px,transparent 2px),radial-gradient(circle at 80% 24%,transparent 0 70px,rgba(255,255,255,.06) 70px 71px,transparent 71px),linear-gradient(var(--navy),var(--navy));background-size:24px 24px,auto,auto}.site-footer{background-image:linear-gradient(135deg,rgba(7,89,216,.12) 25%,transparent 25% 50%,rgba(238,30,43,.08) 50% 75%,transparent 75%),linear-gradient(#04142f,#04142f);background-size:90px 90px,auto}
.service-card{isolation:isolate}.service-card-image{position:relative;height:122px;margin:-25px -22px 22px;overflow:hidden;border-bottom:3px solid var(--cobalt);background:#dfeeff}.service-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(7,29,73,.08),rgba(7,89,216,.18) 65%,rgba(238,30,43,.22));mix-blend-mode:multiply}.service-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease),filter .35s var(--ease)}.service-card:hover .service-card-image img{transform:scale(1.08) rotate(1deg);filter:saturate(1.12)}.service-card:nth-child(2) .service-card-image{border-bottom-color:var(--red)}.service-card:nth-child(3) .service-card-image{border-bottom-color:#f0b92f}.service-card:nth-child(4) .service-card-image{border-bottom-color:#4b9eff}.service-card .service-icon{position:relative;z-index:2;margin-top:-45px;margin-left:14px;border:4px solid #fff}.service-card h3,.service-card p,.service-card>a,.service-card>small{position:relative;z-index:2}
.service-art{isolation:isolate}.service-art-image{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;opacity:.25;mix-blend-mode:multiply;filter:saturate(1.25) contrast(1.06);transition:transform .8s var(--ease),opacity .45s var(--ease)}.service-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(238,247,255,.76),rgba(223,238,255,.48) 60%,rgba(7,89,216,.2))}.red-art:after{background:linear-gradient(135deg,rgba(255,245,246,.79),rgba(255,232,235,.44) 60%,rgba(238,30,43,.18))}.service-art:hover .service-art-image{opacity:.42;transform:scale(1.07)}.service-art .service-orbit,.service-art>span,.service-art>b,.service-art aside{z-index:2}.service-detail:nth-child(1){--detail-accent:var(--cobalt)}.service-detail:nth-child(2){--detail-accent:var(--red)}.service-detail:nth-child(3){--detail-accent:#f0b92f}.service-detail:nth-child(4){--detail-accent:#4b9eff}.service-detail{position:relative}.service-detail:before{content:"";position:absolute;left:-18px;top:28%;width:4px;height:110px;border-radius:4px;background:var(--detail-accent);transform:scaleY(0);transform-origin:top;transition:transform .75s var(--ease)}.service-detail.visible:before{transform:scaleY(1)}
.service-detail-section{background-image:radial-gradient(circle at 15% 40%,rgba(238,30,43,.045) 0 2px,transparent 2px),radial-gradient(circle at 85% 70%,rgba(7,89,216,.055) 0 2px,transparent 2px),linear-gradient(#fff,#fff);background-size:30px 30px,34px 34px,auto}.benefit-card{transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease);background-image:linear-gradient(135deg,rgba(7,89,216,.04),transparent 55%)}.benefit-card:hover{transform:translateY(-9px);border-color:#a8c2e6;box-shadow:0 19px 34px rgba(31,78,140,.12)}.process-step{transition:transform .28s var(--ease)}.process-step:hover{transform:translateY(-8px)}.process-step>i{transition:box-shadow .28s var(--ease),transform .28s var(--ease)}.process-step:hover>i{transform:rotate(-8deg) scale(1.07);box-shadow:0 0 0 12px rgba(7,89,216,.1),0 0 28px rgba(7,89,216,.22)}.pricing-card{transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.pricing-card:hover{transform:translateY(-7px);box-shadow:0 20px 33px rgba(31,78,140,.11)}.pricing-card.featured:hover{transform:translateY(-16px)}
@keyframes hero-float{0%,100%{transform:translateY(12px)}50%{transform:translateY(3px)}}@keyframes halo-turn{from{transform:translateX(-47%) rotate(0)}to{transform:translateX(-47%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.hero-visual,.hero-halo{animation:none}.service-card-image img,.service-art-image{transition:none}}
@media(max-width:760px){.service-card-image{height:145px}.service-detail:before{left:-8px;height:80px}.hero-visual{animation:none}}

/* Unique image mapping: each service card and each service-detail visual gets a different asset. */
.service-card{padding-top:162px}.service-card:before{content:"";position:absolute;inset:0 0 auto;height:137px;background-position:center;background-size:cover;opacity:.9;transition:transform .55s var(--ease),filter .35s var(--ease)}.service-card:hover:before{transform:scale(1.06);filter:saturate(1.18)}.service-card:nth-child(1):before{background-image:linear-gradient(135deg,rgba(7,29,73,.22),rgba(7,89,216,.2)),url("assets/ganiads-meta-google-ads.jpg")}.service-card:nth-child(2):before{background-image:linear-gradient(135deg,rgba(7,29,73,.16),rgba(238,30,43,.22)),url("assets/ganiads-web-development.jpg")}.service-card:nth-child(3):before{background-image:linear-gradient(135deg,rgba(7,29,73,.15),rgba(240,185,47,.22)),url("assets/ganiads-video-creation.jpg")}.service-card:nth-child(4):before{background-image:linear-gradient(135deg,rgba(7,29,73,.12),rgba(75,158,255,.24)),url("assets/ganiads-graphic-designing.jpg")}.service-card .service-icon{margin-top:0}
.service-detail:nth-child(1) .service-art{background-image:linear-gradient(135deg,rgba(238,247,255,.54),rgba(223,238,255,.28)),url("assets/ganiads-meta-google-ads-detail.jpg");background-size:cover;background-position:center}.service-detail:nth-child(2) .service-art{background-image:linear-gradient(135deg,rgba(255,240,241,.58),rgba(255,232,235,.26)),url("assets/ganiads-web-development-detail.jpg");background-size:cover;background-position:center}.service-detail:nth-child(3) .service-art{background-image:linear-gradient(135deg,rgba(238,247,255,.54),rgba(223,238,255,.28)),url("assets/ganiads-video-creation-detail.jpg");background-size:cover;background-position:center}.service-detail:nth-child(4) .service-art{background-image:linear-gradient(135deg,rgba(255,240,241,.58),rgba(255,232,235,.26)),url("assets/ganiads-graphic-designing-detail.jpg");background-size:cover;background-position:center}.work-slide:nth-child(3) img{content:url("assets/ganiads-healthcare-campaign.jpg")}

/* Mobile hero correction: use a controlled canvas instead of shrinking the entire desktop composition until it becomes unreadable or pushes the ticker into the artwork. */
@media(max-width:760px){
  body{overflow-x:hidden}
  .brand{flex-basis:102px;align-self:center}
  .brand img{width:94px;height:58px;object-fit:contain;object-position:left center}
  .hero-section{padding-top:112px;overflow:hidden}
  .hero-copy{padding-bottom:0}
  .hero-copy h1{max-width:330px;margin:17px 0 15px;font-size:clamp(48px,14.5vw,68px);line-height:.88;letter-spacing:-.025em}
  .hero-copy p{max-width:340px;font-size:13px;line-height:1.62}
  .hero-actions{display:grid;grid-template-columns:1.16fr .84fr;gap:8px;margin-top:21px}
  .hero-actions .button{min-height:44px;padding:0 10px;font-size:9px;letter-spacing:.015em;white-space:nowrap}
  .hero-trust{margin-top:20px;font-size:9px}
  .hero-visual{width:100%;height:332px;min-height:332px;margin:22px auto 0;transform:none;overflow:visible}
  .hero-halo{width:345px;height:345px;left:50%;top:-3px;transform:translateX(-50%)}
  .hero-dashboard{top:22px;left:6%;width:88%;height:222px;min-height:0;padding:12px 12px 10px;border-width:5px;border-radius:12px;box-shadow:10px 15px 0 -4px #173e96,16px 22px 22px rgba(1,25,72,.22);transform:perspective(800px) rotateY(-5deg) rotateX(2deg) rotateZ(-1deg)}
  .dashboard-top{font-size:11px}
  .dashboard-metrics{gap:6px;margin-top:12px}
  .dashboard-metrics div{padding:7px 5px}
  .dashboard-metrics small{font-size:6px;white-space:nowrap}
  .dashboard-metrics b{margin:3px 0 2px;font-size:12px}
  .dashboard-metrics em{font-size:7px}
  .dashboard-chart{height:83px;margin-top:10px}
  .dashboard-chart svg{inset:8px 0 7px;height:calc(100% - 15px)}
  .dashboard-chart small{font-size:6px}
  .dashboard-bottom{gap:10px;padding-top:8px}
  .donut{width:37px;height:37px;flex-basis:37px}
  .donut:after{inset:7px}
  .donut b{font-size:7px}
  .legend{gap:2px}.legend span{font-size:6px}.legend i{width:4px;height:4px}
  .hero-device{left:5%;top:235px;width:27%;height:84px;padding:5px;border-width:3px;box-shadow:4px 8px 0 -2px #163d8f,8px 12px 15px rgba(8,31,78,.18)}
  .hero-device>div{padding:6px}.hero-device i,.hero-device b{height:4px;margin-bottom:4px}.hero-device i:first-child{height:6px}.hero-device b{margin-top:10px}
  .hero-social{right:1%;top:242px;gap:5px}.hero-social i{width:29px;height:29px;border-width:2px;font-size:12px}
  .growth-bars{right:0;top:208px;gap:5px;height:116px}.growth-bars i{width:10px}.growth-bars i:nth-child(1){height:21px}.growth-bars i:nth-child(2){height:35px}.growth-bars i:nth-child(3){height:51px}.growth-bars i:nth-child(4){height:71px}.growth-bars i:nth-child(5){height:94px}.growth-bars b{right:-8px;top:-9px;width:75px;height:75px;font-size:60px}
  .ticker{margin-top:0}
}
@media(max-width:420px){
  .hero-section{padding-top:106px}
  .hero-copy h1{max-width:290px;font-size:clamp(45px,14vw,59px)}
  .hero-actions{grid-template-columns:1fr 1fr}
  .hero-actions .button{padding:0 7px;font-size:8px}
  .hero-visual{height:290px;min-height:290px;margin-top:17px}
  .hero-halo{width:300px;height:300px}
  .hero-dashboard{top:18px;height:192px;padding:10px 10px 8px}
  .dashboard-metrics{margin-top:9px}.dashboard-chart{height:69px;margin-top:8px}.dashboard-bottom{padding-top:6px}
  .hero-device{top:205px;height:70px}.hero-social{top:210px}.growth-bars{top:181px;height:101px}
  .hero-trust{font-size:8px}
}