body[data-design=human]{--ink:#24213c;--muted:#696579;--accent:#7552d4;--paper:#fff;--line:#e8e3f0;background:#fff;color:var(--ink)}
[data-design=human] .site-header{background:#fffffff2;border-bottom:1px solid #edeaf4;backdrop-filter:blur(16px)}
[data-design=human] .header-inner{max-width:1180px;min-height:84px}
[data-design=human] .brand img{width:200px;height:auto}
[data-design=human] .section{max-width:1180px;padding-block:70px}
[data-design=human] .hero{max-width:none;width:100%;min-height:620px;padding:70px max(64px,calc((100% - 1152px)/2)) 54px;gap:48px;position:relative;background:radial-gradient(ellipse at 20% 45%,#eee8fc 0,transparent 56%);border-radius:0}
[data-design=human] h1{font-size:clamp(40px,4.4vw,64px);line-height:1.15;letter-spacing:-1.9px;font-weight:700;max-width:660px}
[data-design=human] .hero-intro{font-size:19px;line-height:1.8;max-width:540px;color:#625d73}
[data-design=human] .eyebrow{color:#786a96;letter-spacing:1px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:9px}
.human-dot{width:7px;height:7px;border-radius:50%;background:#9571e4;box-shadow:0 0 0 5px #eee8fa}
[data-design=human] .button{background:#7552d4;color:#fff;border:1px solid transparent;border-radius:11px;padding:15px 24px;box-shadow:0 7px 18px #6543b51a;font-weight:600}
[data-design=human] .button:hover{background:#6140be;transform:translateY(-2px)}
[data-design=human] .button.small{padding:10px 18px}
.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.text-link{font-weight:600;color:#6c568d}.text-link span{margin-inline-start:8px}
[data-design=human] .hero-note{font-size:13px;margin-top:19px;color:#7b748a}
[data-design=human] .human-scene{min-height:440px;height:460px;position:relative;isolation:isolate;display:grid;place-items:center;overflow:visible;background:none;border:0;box-shadow:none}
.human-orbit{position:absolute;width:360px;height:360px;border:1px solid #dfd4f4;border-radius:50%;background:linear-gradient(155deg,#f4f0fe,#dfd4fa80);z-index:-1;box-shadow:0 0 0 28px #f4effb60,0 0 0 29px #e8e0f450}
.human-robot{display:block;width:auto;height:430px;max-width:100%;object-fit:contain;filter:drop-shadow(0 22px 18px #51406b18);transform:rotate(-3deg)}
.human-note{position:absolute;bottom:20px;inset-inline-end:0;display:flex;align-items:center;gap:13px;background:#ffffffed;border:1px solid #e8e1f3;padding:16px 22px;border-radius:16px;box-shadow:0 12px 38px #5a477218;font-size:15px}
.human-note>span{font-size:28px;color:#8c6bd9}.human-note small{display:block;color:#82788e;margin-top:3px;font-size:12px}
[data-design=human] .section-head{text-align:center;max-width:700px;margin:0 auto 34px}.section-head .eyebrow{justify-content:center}
[data-design=human] h2{font-size:clamp(27px,3vw,39px);line-height:1.25;letter-spacing:-.8px}
[data-design=human] .section-head p{color:#787183;line-height:1.75}
[data-design=human] .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
[data-design=human] .service-panel{padding:30px;min-height:285px;border:1px solid #e7e0f2;border-radius:20px;background:#fbf9ff;display:flex;flex-direction:column;align-items:flex-start;box-shadow:none;transition:transform .2s,box-shadow .2s}
[data-design=human] .service-panel:hover{transform:translateY(-5px);box-shadow:0 16px 32px #62448210;border-color:#b8a1e5}
[data-design=human] .service-1{background:#f8faff}.human-icon{font-size:31px;color:#8262c3;margin-bottom:14px;line-height:1}
[data-design=human] .service-panel h3{font-size:25px;margin-bottom:12px}[data-design=human] .service-panel p{font-size:16px;line-height:1.8;margin:0 0 22px;color:#6c667b}.service-link{color:#7250b7;font-size:14px;font-weight:600;margin-top:auto}
[data-design=human] .project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px}
[data-design=human] .project-card{border:1px solid #ebe6f2;border-radius:20px;overflow:hidden;background:white;box-shadow:none}
.project-visual{height:180px;padding:25px;background:linear-gradient(125deg,#f3effb,#e9e5f8);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:17px}.project-code{position:absolute;top:15px;inset-inline-start:20px;font-size:12px;color:#8b7c9c}.project-visual>strong{font-size:24px;color:#55446f}.mini-flow{display:flex;align-items:center;gap:12px;font-size:12px}.mini-flow span{border:1px solid #d9cee9;background:#ffffffa8;padding:8px 16px;border-radius:8px}.mini-flow i{font-style:normal;color:#ab94c8}[dir=ltr] .mini-flow i{transform:rotate(180deg)}
[data-design=human] .project-text{padding:27px}.project-stage{display:block;color:#826b9e;font-size:12px;margin-bottom:10px}[data-design=human] .project-text h3{font-size:22px}[data-design=human] .project-text p{line-height:1.8;color:#6e667c;font-size:15px}
.human-cta{max-width:1060px;width:calc(100% - 48px);margin:18px auto 35px;border-radius:22px;background:linear-gradient(110deg,#ece5fa,#f4f0fd);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:30px 38px;border:1px solid #e5d9f6}.human-cta h2{font-size:25px!important;margin:0 0 6px}.human-cta p{font-size:15px;color:#746582;margin:0}.human-cta .button{flex-shrink:0}
[data-design=human] .about-section{background:none}[data-design=human] .people{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 30px}[data-design=human] .people article{padding:18px 20px;text-align:center;border:0;background:none}[data-design=human] .people h3{font-size:20px;margin:16px 0 6px}[data-design=human] .people p{font-size:14px;color:#756d81;line-height:1.7;margin:0}
.human-avatar{width:100px;height:100px;margin:auto;border:4px solid white;outline:1px solid #eae2f4;border-radius:50%;overflow:hidden;--avatar-bg:#eee7f9;--avatar-shirt:#8174af;--avatar-hair:#5d4f4b}.avatar-1{--avatar-bg:#e6edf6;--avatar-shirt:#657f9f;--avatar-hair:#5a504e}.avatar-2{--avatar-bg:#ede8e3;--avatar-shirt:#7f788e;--avatar-hair:#bd592b}.avatar-3{--avatar-bg:#e5eef0;--avatar-shirt:#68959b;--avatar-hair:#473d39}.avatar-4{--avatar-bg:#f4e7ee;--avatar-shirt:#aa83a2;--avatar-hair:#614b43}.avatar-5{--avatar-bg:#f1ebdf;--avatar-shirt:#a09273;--avatar-hair:#8d6c42}
[data-design=human] .faq-section{max-width:900px;padding-block:45px 75px}[data-design=human] .faq-section details{border:1px solid #e8e2f1;border-radius:12px;margin-bottom:12px;background:#fdfcff;padding:0 20px}[data-design=human] .faq-section summary{padding:18px 0;font-size:16px}[data-design=human] .faq-section details p{color:#776e84;line-height:1.8;padding-bottom:18px;margin:0}
.human-footer{background:#25223b;color:#fff;border-radius:40px 40px 0 0;padding:0 24px}[data-design=human] .contact-section{margin:0 auto;padding:65px 0 45px;background:none;color:#fff;gap:70px;max-width:1100px}[data-design=human] .contact-heading h2{color:#fff}[data-design=human] .contact-heading p,[data-design=human] .direct-contact{color:#c0b9d4}[data-design=human] .contact-heading .eyebrow{color:#c4aae9}[data-design=human] .enquiry-form{background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;padding:28px}[data-design=human] .enquiry-form label{color:#e4deee;font-size:13px}[data-design=human] .enquiry-form input:not([type=checkbox]),[data-design=human] .enquiry-form textarea{background:#fff;border:1px solid #dfd8ec;border-radius:8px;color:#2a233b;min-height:45px;padding:10px 12px}[data-design=human] .form-note{color:#c2b8d3;font-size:12px}[data-design=human] .form-status{color:#f1eaff;font-size:14px}[data-design=human] .site-footer{background:none;color:#b9b0cc;border-top:1px solid #ffffff18;max-width:1100px;margin:auto;padding:24px 0;font-size:12px}
[data-design=human] .deliverables{gap:20px}[data-design=human] .deliverables>div{border:1px solid #e7e0f0;border-radius:16px;background:#fcfaff;padding:25px}[data-design=human] .ordinal{color:#9a7acb}[data-design=human] .process-section{background:#faf8fd;border-radius:26px;padding-inline:35px}[data-design=human] .process-list article{border-color:#e8def1}[data-design=human] .scope{font-size:14px;color:#81758f}[data-design=human] .next-steps{background:#f8f5fc;border-radius:18px;padding:26px}
[data-design=human] :focus-visible{outline:3px solid #b18aff;outline-offset:4px}[data-design=human] [aria-invalid=true]{outline:2px solid #c6476e}[data-design=human] .hp{position:absolute;inset-inline-start:0;top:0;width:1px;height:1px;overflow:hidden}
@media(max-width:850px){[data-design=human] .hero{padding:40px 25px;gap:20px;min-height:auto}[data-design=human] .hero h1{font-size:44px}[data-design=human] .human-scene{height:350px;min-height:350px}.human-robot{height:330px}.human-orbit{width:260px;height:260px}.human-note{font-size:12px;padding:12px;bottom:5px}.human-note small{font-size:11px}[data-design=human] .service-panel{padding:22px}[data-design=human] .service-panel h3{font-size:21px}[data-design=human] .contact-section{gap:35px}.human-cta{padding:25px}.human-cta h2{font-size:22px!important}}
@media(max-width:650px){[data-design=human] .header-inner{min-height:72px;gap:12px}[data-design=human] .brand img{width:145px}[data-design=human] .header-actions{gap:12px}[data-design=human] .header-actions>.button{display:none}[data-design=human] .section{width:calc(100% - 36px);padding-block:42px}[data-design=human] .hero{width:100%;grid-template-columns:1fr;padding:36px 22px 28px;border-radius:0;text-align:center}[data-design=human] .hero h1{font-size:39px;letter-spacing:-1px}.hero-copy .eyebrow,.hero-actions{justify-content:center}[data-design=human] .hero-intro{font-size:17px;line-height:1.75}[data-design=human] .human-scene{height:300px;min-height:300px;max-width:360px;width:100%;margin:0 auto}.human-robot{height:290px}.human-orbit{width:230px;height:230px}.human-note{inset-inline-end:0;bottom:12px}[data-design=human] .service-grid{grid-template-columns:1fr;gap:14px}[data-design=human] .service-panel{min-height:0;padding:25px}[data-design=human] .service-panel p{margin-bottom:17px}[data-design=human] .service-panel h3{font-size:25px}[data-design=human] .project-grid{grid-template-columns:1fr}.human-cta{width:calc(100% - 36px);flex-direction:column;text-align:center;padding:26px;gap:19px;margin:5px auto 15px}[data-design=human] .people{grid-template-columns:1fr 1fr;gap:22px 6px}[data-design=human] .people article{padding:8px}[data-design=human] .people h3{font-size:18px}[data-design=human] .people p{font-size:12px}.human-avatar{width:82px;height:82px}.human-footer{padding:0 18px;border-radius:25px 25px 0 0}[data-design=human] .contact-section{width:100%;grid-template-columns:1fr;padding:40px 0;gap:25px}[data-design=human] .enquiry-form{padding:20px;grid-template-columns:1fr}[data-design=human] .enquiry-form .full{grid-column:1}[data-design=human] .site-footer{flex-direction:column;align-items:flex-start;gap:14px}[data-design=human] .site-footer nav{flex-wrap:wrap;gap:15px}[data-design=human] .process-section{padding-inline:20px}[data-design=human] .section-head{margin-bottom:25px}}
/* Match the mobile section gutters without adding a second inset to FAQ cards. */
@media(max-width:650px){[data-design=human].service-page .faq-section{padding-inline:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Keep clipped anti-spam inputs inside their containing form in RTL. */
.enquiry-form{position:relative;min-width:0}.hero>*{min-width:0}html{overflow-x:clip}body{overflow-wrap:break-word}

/* Align the home CTA with the copy; center its label independently of the arrow. */
[data-design=human].home-page .hero-actions{justify-content:flex-start}
[data-design=human].home-page .hero-note{text-align:start}
[data-design=human] .hero-note{font-size:14px;font-weight:500;color:#625476}

[data-design=human] .hero-actions .button{justify-content:center;text-align:center;width:auto;min-height:44px;padding:11px 22px;font-size:16px}

/* Three linked portfolio cards with distinct product colors. */
[data-design=human] .project-card{display:flex;flex-direction:column}
[data-design=human] .project-text{display:flex;flex-direction:column;flex:1}
[data-design=human] .project-visit{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-block:14px 0;color:#6339cf;font-weight:600;text-underline-offset:4px}
[data-design=human] .portfolio-neuroyoga{background:linear-gradient(135deg,#e5f4ef,#d6e9ef)}
[data-design=human] .portfolio-neuroyoga>strong{color:#245b58}
[data-design=human] .portfolio-ramp{background:linear-gradient(135deg,#fff0e4,#ffe0cf)}
[data-design=human] .portfolio-ramp>strong{color:#9c3e1e}
[data-design=human] .portfolio-qbuild{background:linear-gradient(135deg,#eaf0ff,#dce5fa)}
[data-design=human] .portfolio-qbuild>strong{color:#344e86}
.project-domain{font-size:13px;color:#4f5366}