/* Service visual stages and the human-first Hero composition. */
.hero-art .tool{display:flex;align-items:center;gap:9px;padding:8px 13px;min-height:48px;font-size:clamp(.72rem,.85vw,.94rem);white-space:nowrap}
.hero-art .tool img{display:block;width:25px;height:25px;object-fit:contain;flex:none}
.hero-art .tool-3{left:-5%}
.hero-art .tool-4{font-size:0}
.hero-art .tool-4 img{width:40px}
.hero-art .hero-portrait{z-index:8}
.hero-art .hero-brain{z-index:4;top:60%;left:48%;width:clamp(115px,12vw,195px);opacity:.82}
.hero-art .hero-art-label{right:7%;bottom:4%}

.service-stage{position:relative;aspect-ratio:1280/801;min-width:0;background:radial-gradient(circle at 52% 44%,#fff 0,#f1f8fc 52%,#e6eff9 100%);border:1px solid rgba(44,101,164,.14);isolation:isolate;perspective:1000px;pointer-events:none}
.service-stage:before{content:"";position:absolute;inset:4%;border:1px solid rgba(57,127,192,.13);border-radius:25px;z-index:2;pointer-events:none}
.service-stage:after{content:"";position:absolute;inset:auto 10% 5%;height:12%;background:radial-gradient(ellipse,rgba(75,119,176,.18),transparent 72%);filter:blur(18px);z-index:0;pointer-events:none}
.service-image-wrap{position:relative;z-index:1;width:100%;height:100%;transform-style:preserve-3d}
.service-stage .service-image-wrap img{display:block;width:100%;height:100%;aspect-ratio:1280/801;object-fit:cover;object-position:center}
.service-fx{position:absolute;z-index:3;pointer-events:none;box-shadow:0 13px 35px rgba(51,97,155,.08),inset 0 1px rgba(255,255,255,.86);border:1px solid rgba(81,151,222,.32);background:linear-gradient(135deg,rgba(255,255,255,.64),rgba(198,229,255,.15));backdrop-filter:blur(3px)}
.service-fx-a{width:16%;height:24%;left:8%;top:13%;border-radius:17px;transform:rotate(-10deg)}
.service-fx-b{width:13%;height:18%;right:8%;top:14%;border-radius:15px;transform:rotate(9deg)}
.service-fx-c{width:12%;height:14%;right:12%;bottom:12%;border-radius:14px;transform:rotate(-5deg)}
.service-stage[data-visual="neuroavatar"] .service-fx{border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none}
.service-stage[data-visual="neuroavatar"] .service-fx-a{width:34%;height:53%;left:33%;top:17%;border-color:rgba(72,156,231,.27);transform:rotate(-13deg)}
.service-stage[data-visual="neuroavatar"] .service-fx-b{width:41%;height:64%;left:30%;top:11%;border-color:rgba(35,117,208,.2);transform:rotate(24deg)}
.service-stage[data-visual="neuroavatar"] .service-fx-c{width:48%;height:75%;left:27%;top:5%;border-color:rgba(59,164,226,.14);transform:rotate(-33deg)}
.service-stage[data-visual="photoshoot"] .service-fx-a{left:7%;top:18%;width:16%;height:29%;transform:rotate(-8deg)}
.service-stage[data-visual="photoshoot"] .service-fx-b{right:7%;top:25%;width:18%;height:25%;transform:rotate(7deg)}
.service-stage[data-visual="photoshoot"] .service-fx-c{right:25%;bottom:7%;width:18%;height:14%;transform:rotate(2deg)}
.service-stage[data-visual="landing"] .service-fx-a{left:6%;top:20%;width:20%;height:20%;transform:rotate(-12deg)}
.service-stage[data-visual="landing"] .service-fx-b{right:8%;top:13%;width:18%;height:14%;transform:rotate(8deg)}
.service-stage[data-visual="landing"] .service-fx-c{right:16%;bottom:9%;width:24%;height:11%;transform:rotate(3deg)}
.service-stage[data-visual="product"] .service-fx-a,.service-stage[data-visual="product"] .service-fx-b,.service-stage[data-visual="product"] .service-fx-c{width:14%;height:25%;top:auto;bottom:10%;border-radius:13px}
.service-stage[data-visual="product"] .service-fx-a{left:7%;transform:rotate(-11deg)}
.service-stage[data-visual="product"] .service-fx-b{left:22%;transform:rotate(-2deg)}
.service-stage[data-visual="product"] .service-fx-c{left:37%;transform:rotate(8deg)}
.service-stage[data-visual="presentation"] .service-fx-a{left:8%;top:14%;width:21%;height:31%;transform:rotate(-13deg)}
.service-stage[data-visual="presentation"] .service-fx-b{left:13%;top:18%;width:21%;height:31%;transform:rotate(-5deg)}
.service-stage[data-visual="presentation"] .service-fx-c{right:8%;bottom:15%;width:21%;height:31%;transform:rotate(11deg)}
.service-stage[data-visual="video"] .service-fx-a{left:8%;top:14%;width:13%;height:27%;transform:rotate(-8deg)}
.service-stage[data-visual="video"] .service-fx-b{right:9%;top:17%;width:13%;height:27%;transform:rotate(8deg)}
.service-stage[data-visual="video"] .service-fx-c{left:23%;right:23%;bottom:7%;width:auto;height:4%;border-radius:99px;transform:none;background:linear-gradient(90deg,#66c5f0 0 34%,rgba(255,255,255,.82) 34% 100%)}
.service-stage[data-visual="automation"] .service-fx-a,.service-stage[data-visual="automation"] .service-fx-b,.service-stage[data-visual="automation"] .service-fx-c{width:10%;height:10%;border-radius:50%;background:rgba(170,219,250,.35)}
.service-stage[data-visual="automation"] .service-fx-a{left:15%;top:14%}.service-stage[data-visual="automation"] .service-fx-b{right:15%;top:17%}.service-stage[data-visual="automation"] .service-fx-c{right:20%;bottom:12%}

@media(max-width:900px){.hero-art .tool{min-height:42px;padding:6px 9px}.hero-art .tool img{width:21px;height:21px}.service-fx{backdrop-filter:none}}
@media(max-width:700px){.hero-art .tool{gap:5px;min-height:33px;padding:4px 7px;font-size:.57rem}.hero-art .tool img{width:17px;height:17px}.hero-art .tool-3{left:0}.hero-art .tool-4 img{width:28px}.hero-art .hero-portrait{left:50%;top:9%;width:min(57vw,240px);height:min(57vw,240px)}.hero-art .hero-brain{width:88px;top:62%;left:50%;opacity:.68}.service-stage{aspect-ratio:1280/801}.service-stage .service-image-wrap img{aspect-ratio:1280/801;object-fit:cover}.service-fx{opacity:.63}.service-stage:before{inset:3%;border-radius:17px}}
@media(max-width:390px){.hero-art .tool{font-size:.5rem;padding:3px 5px}.hero-art .tool img{width:15px;height:15px}.hero-art .hero-portrait{width:200px;height:200px}.hero-art .hero-brain{width:70px}}
@media(prefers-reduced-motion:reduce){.service-image-wrap,.service-fx{transform:none!important;opacity:1!important}.hero-art .tool{transform:none!important;opacity:1!important}}

/* Large color-coded AI ecosystem cards around the unchanged owner photo. */
.hero-art .tool{z-index:9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;width:clamp(88px,7.6vw,112px);height:clamp(92px,7.9vw,116px);min-height:0;padding:10px;border:1px solid var(--edge);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.98),rgba(246,250,255,.92));box-shadow:0 17px 37px rgba(35,75,131,.14),0 0 25px var(--glow),inset 0 1px rgba(255,255,255,.98);font-size:clamp(.68rem,.8vw,.82rem);line-height:1.1;text-align:center;color:#1c2d49;backdrop-filter:blur(7px)}
.hero-art .tool:before{content:"";position:absolute;z-index:-1;top:10%;left:21%;width:58%;height:55%;border-radius:50%;background:var(--glow);filter:blur(13px)}
.hero-art .tool img{width:clamp(41px,3.6vw,54px);height:clamp(41px,3.6vw,54px);object-fit:contain;filter:drop-shadow(0 3px 5px var(--glow))}
.hero-art .tool-1{--edge:rgba(0,177,196,.44);--glow:rgba(0,196,214,.22);top:2%;left:-2%}
.hero-art .tool-2{--edge:rgba(222,119,81,.42);--glow:rgba(237,144,109,.23);top:7%;right:-6%}
.hero-art .tool-3{--edge:rgba(93,139,246,.43);--glow:rgba(117,164,255,.25);top:40%;left:-7%}
.hero-art .tool-4{--edge:rgba(143,111,240,.42);--glow:rgba(168,125,255,.24);top:73%;right:-7%;font-size:0}
.hero-art .tool-4 img{width:68px;height:50px}
.hero-art .tool-5{--edge:rgba(91,156,237,.42);--glow:rgba(105,182,246,.24);top:76%;left:2%}
.hero-art .tool-6{--edge:rgba(103,111,241,.43);--glow:rgba(105,115,246,.22);top:35%;right:-10%}
.hero-art .tool-7{--edge:rgba(78,145,209,.44);--glow:rgba(102,207,248,.23);top:-8%;left:43%}
.hero-art .tool-8{--edge:rgba(44,194,195,.44);--glow:rgba(73,213,211,.23);bottom:4%;left:32%}
.hero-art .tool-9{--edge:rgba(246,177,54,.46);--glow:rgba(255,194,65,.27);bottom:4%;left:53%;font-size:.7rem}
@media(max-width:900px){.hero-art .tool{width:82px;height:88px;border-radius:20px;padding:7px;font-size:.65rem}.hero-art .tool img{width:40px;height:40px}.hero-art .tool-4 img{width:58px;height:43px}.hero-art .tool-7{top:-15%}.hero-art .tool-8,.hero-art .tool-9{bottom:0}}
@media(max-width:700px){.hero-art{height:395px}.hero-art .tool{width:64px;height:68px;gap:3px;padding:5px;border-radius:15px;font-size:.53rem;box-shadow:0 7px 19px rgba(35,75,131,.13),0 0 14px var(--glow)}.hero-art .tool img{width:29px;height:29px}.hero-art .tool-1{top:0;left:0}.hero-art .tool-2{top:1%;right:0}.hero-art .tool-3{top:38%;left:-1%}.hero-art .tool-6{top:38%;right:-1%}.hero-art .tool-5{top:auto;bottom:13%;left:2%}.hero-art .tool-4{top:auto;bottom:13%;right:2%}.hero-art .tool-4 img{width:48px;height:36px}.hero-art .tool-7{top:auto;bottom:13%;left:21%}.hero-art .tool-8{bottom:13%;left:40%}.hero-art .tool-9{bottom:13%;left:59%;font-size:.5rem}}
@media(max-width:390px){.hero-art .tool{width:59px;height:62px;border-radius:14px;font-size:.48rem}.hero-art .tool img{width:26px;height:26px}.hero-art .tool-4 img{width:44px;height:32px}}

.hero-art .tool-9 img{filter:drop-shadow(0 2px 2px rgba(122,79,8,.22))}
