/* Project wheel: use pre-calculated values from JS so every current browser lays it out identically. */
.work-stage.wheel-stage{position:relative!important;height:490px!important;overflow:visible!important;display:block!important}
.work-stage.wheel-stage .behance-project,.work-stage.wheel-stage .behance-project.active,.work-stage.wheel-stage .behance-project:hover{position:absolute!important;top:50%!important;left:50%!important;width:min(290px,62vw)!important;height:360px!important;margin:0!important;opacity:.58!important;pointer-events:auto!important;transform:translate(calc(-50% + var(--wheel-x,0%)),-50%) scale(var(--wheel-scale,1)) rotateY(var(--wheel-turn,0deg))!important;filter:saturate(.72) brightness(.72)!important;visibility:visible!important;transition:transform .85s cubic-bezier(.25,.1,.25,1),opacity .45s,filter .45s,box-shadow .6s!important}
.work-stage.wheel-stage .behance-project.active{opacity:1!important;filter:none!important;box-shadow:0 0 70px rgba(142,64,217,.3),0 20px 45px rgba(0,0,0,.6)!important}
.work-stage.wheel-stage .behance-project:hover{opacity:1!important;filter:none!important;transform:translate(calc(-50% + var(--wheel-x,0%)),-54%) scale(calc(var(--wheel-scale,1) + .04)) rotateY(var(--wheel-turn,0deg))!important}
.work-stage.wheel-stage .behance-project[hidden]{display:none!important}
.work-controls button,.theme-toggle{background:rgba(255,255,255,.06)!important;border:1px solid rgba(181,144,255,.45)!important;color:#f6f2ff!important;box-shadow:none!important}
.work-controls button:hover,.theme-toggle:hover{background:#a477ff!important;color:#160d35!important;border-color:#b995ff!important}

/* Questionnaire: Tarrweeg glass purple, never the WordPress/plugin green button color. */
.matcher .quiz-choices button{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.18)!important;color:#f4f1ff!important;border-radius:16px!important;box-shadow:none!important}
.matcher .quiz-choices button:hover,.matcher .quiz-choices button:focus-visible{background:rgba(164,119,255,.15)!important;border-color:#a477ff!important;color:#fff!important}
.quiz-progress b{background:linear-gradient(90deg,#7448ff,#ed69df)!important}
[data-theme="light"] .matcher .quiz-choices button{background:#f3effa!important;border-color:#d4c9e8!important;color:#27213f!important}
[data-theme="light"] .matcher .quiz-choices button:hover{background:#7439c4!important;color:#fff!important}

/* WhatsApp stays distinctive without introducing a fluorescent green surface. */
.whatsapp-feature{border-color:rgba(174,116,255,.48)!important;background:linear-gradient(135deg,rgba(105,55,180,.38),rgba(38,25,72,.72))!important;box-shadow:0 13px 36px rgba(44,21,85,.35),0 0 24px rgba(151,86,246,.12)!important}
.whatsapp-feature:hover{border-color:#a477ff!important;box-shadow:0 18px 44px rgba(72,35,134,.45),0 0 28px rgba(164,119,255,.2)!important}.whatsapp-feature>span:first-child{background:rgba(255,255,255,.94)!important}.whatsapp-feature small{color:#d9c8f4!important}
.reel-description{margin-top:32px!important}.reel-description p{margin:12px 0 0!important}.reel-views b{font-variant-numeric:lining-nums tabular-nums;direction:ltr;unicode-bidi:isolate}
@media(max-width:760px){.work-stage.wheel-stage{height:390px!important}.work-stage.wheel-stage .behance-project,.work-stage.wheel-stage .behance-project.active,.work-stage.wheel-stage .behance-project:hover{width:210px!important;height:290px!important}}

/* Final composition matching the approved landing page. */
.hero h1{font-size:clamp(34px,4.4vw,59px)!important;line-height:1.5!important;letter-spacing:0!important;overflow:visible!important}.hero-copy{min-width:0}.hero .button.primary{background:#a477ff!important;color:#160d35!important;border-color:transparent!important;box-shadow:0 12px 30px rgba(123,69,204,.33)!important}.hero .button.primary:hover{background:#b58dff!important;color:#160d35!important}.hero .button.ghost{background:transparent!important;color:#fff!important;border-color:#49456c!important}
.team-heading{padding:48px 0 34px!important}.team-heading h2{max-width:none!important;font-size:clamp(24px,2.7vw,36px)!important;white-space:nowrap!important}.team-words{padding:0!important}.team-marquee{margin:0!important}.work{padding-top:75px!important}
.work-stage.wheel-stage .behance-project,.work-stage.wheel-stage .behance-project.active,.work-stage.wheel-stage .behance-project:hover{transform:translate(calc(-50% + var(--wheel-x,0%) + var(--drag-x,0px)),-50%) scale(var(--wheel-scale,1)) rotateY(var(--wheel-turn,0deg))!important;will-change:transform}.work-stage.wheel-stage .behance-project:hover{transform:translate(calc(-50% + var(--wheel-x,0%) + var(--drag-x,0px)),-54%) scale(calc(var(--wheel-scale,1) + .04)) rotateY(var(--wheel-turn,0deg))!important}.work-stage.wheel-stage.dragging .behance-project{transition:none!important;cursor:grabbing!important}.work-stage.wheel-stage{cursor:grab!important;user-select:none!important}
.reel-playback button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;background:rgba(8,8,12,.62)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;backdrop-filter:blur(10px)}.reel-playback button:hover{background:rgba(164,119,255,.78)!important}.reel-playback svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.faq{display:block!important;padding:80px 0 85px!important}.faq .section-head{text-align:center;max-width:820px;margin:0 auto 42px}.faq .section-head .eyebrow{justify-content:center}.faq-list{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 22px}.faq-list details{padding:0!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:18px;background:rgba(255,255,255,.035);overflow:hidden}.faq-list summary{min-height:118px;padding:22px!important;display:block;list-style:none;font-size:15px!important;line-height:1.8!important}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{display:block;margin:0 0 9px!important}.faq-list .faq-answer{padding:0 22px 22px}.faq-list details p{padding:0!important;margin:0!important;font-size:14px!important;line-height:1.9!important}.faq-list details[open]{border-color:rgba(164,119,255,.6)!important;background:rgba(164,119,255,.07)}
.clients-section{padding-top:62px!important}.client-placeholder span{font:600 14px/1 Arial,sans-serif;letter-spacing:.22em;color:rgba(222,211,244,.32)}
@media(max-width:900px){.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.team-heading h2{white-space:normal!important}}
@media(max-width:600px){.hero h1{font-size:clamp(31px,10vw,46px)!important;line-height:1.55!important}.faq-list{grid-template-columns:1fr}.faq-list summary{min-height:auto}.team-heading{padding:38px 0 26px!important}.work{padding-top:55px!important}}

/* All action colors stay on-brand; green is reserved exclusively for WhatsApp. */
html body .button.primary,html body .quiz-complete .button.primary{background:#a477ff!important;color:#160d35!important;border-color:transparent!important;text-decoration:none!important;box-shadow:0 12px 30px rgba(123,69,204,.34)!important}html body .button.primary:hover,html body .quiz-complete .button.primary:hover{background:#b58dff!important;color:#160d35!important}.quiz-complete>span{background:#7448c7!important;color:#fff!important}.quiz-complete h3,.quiz-complete p{color:var(--page-text)!important}
.floating-whatsapp{position:fixed;right:24px;bottom:24px;z-index:9999;display:flex;align-items:center;gap:12px;padding:10px 16px 10px 10px;border:1px solid rgba(120,255,174,.55);border-radius:999px;background:linear-gradient(135deg,#128c4a,#25d366);color:#fff!important;text-decoration:none!important;box-shadow:0 12px 35px rgba(7,74,37,.38),0 0 0 0 rgba(37,211,102,.34);animation:whatsappFloat 3.2s ease-in-out infinite,whatsappPulse 2.4s ease-out infinite;transition:transform .25s,box-shadow .25s}.floating-whatsapp:hover{transform:translateY(-5px) scale(1.025);color:#fff!important;box-shadow:0 18px 42px rgba(7,74,37,.48),0 0 26px rgba(37,211,102,.24)}.floating-whatsapp-icon{display:grid;place-items:center;width:48px;height:48px;flex:0 0 48px;border-radius:50%;background:#fff}.floating-whatsapp-icon img{display:block;width:29px;height:29px}.floating-whatsapp-copy{display:grid;gap:2px;line-height:1.2}.floating-whatsapp-copy small{font-size:10px;color:#dcffea}.floating-whatsapp-copy strong{font-size:13px;white-space:nowrap;color:#fff}
@keyframes whatsappFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}@keyframes whatsappPulse{0%{box-shadow:0 12px 35px rgba(7,74,37,.38),0 0 0 0 rgba(37,211,102,.35)}70%{box-shadow:0 12px 35px rgba(7,74,37,.38),0 0 0 13px rgba(37,211,102,0)}100%{box-shadow:0 12px 35px rgba(7,74,37,.38),0 0 0 0 rgba(37,211,102,0)}}
@media(max-width:650px){.floating-whatsapp{right:14px;bottom:14px;padding:7px}.floating-whatsapp-icon{width:50px;height:50px}.floating-whatsapp-copy{display:none}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp{animation:none}}

/* Denser Instagram-style reactions. */
.reel-hearts{right:0!important;left:0!important;bottom:82px!important;height:210px!important}.reel-hearts span{font-size:clamp(18px,2vw,29px)!important;animation-duration:2.15s!important;animation-timing-function:ease-out!important}.reel-hearts span:nth-child(1){left:8%;animation-delay:-.2s}.reel-hearts span:nth-child(2){left:22%;animation-delay:-1.45s}.reel-hearts span:nth-child(3){left:37%;animation-delay:-.85s}.reel-hearts span:nth-child(4){left:53%;bottom:2%;animation-delay:-1.8s}.reel-hearts span:nth-child(5){left:68%;bottom:8%;animation-delay:-.55s}.reel-hearts span:nth-child(6){left:82%;bottom:1%;animation-delay:-1.15s}.reel-hearts span:nth-child(7){left:14%;bottom:14%;animation-delay:-2s}.reel-hearts span:nth-child(8){left:29%;bottom:5%;animation-delay:-.35s}.reel-hearts span:nth-child(9){left:44%;bottom:16%;animation-delay:-1.3s}.reel-hearts span:nth-child(10){left:59%;bottom:3%;animation-delay:-.72s}.reel-hearts span:nth-child(11){left:74%;bottom:18%;animation-delay:-1.62s}.reel-hearts span:nth-child(12){left:88%;bottom:11%;animation-delay:-.92s}.reel-hearts span:nth-child(13){left:34%;bottom:24%;animation-delay:-2.05s}.reel-hearts span:nth-child(14){left:65%;bottom:27%;animation-delay:-1.05s}

/* Full light-theme contrast pass. */
[data-theme="light"] body{background:#f7f8fc!important;color:#171b39!important}[data-theme="light"] :is(.hero h1,.services h2,.service h3,.team-heading h2,.team-words,.reels-section h2,.reel-description,.fit h2,.matcher h3,.faq h2,.faq summary,.contact h2,.contact-email,footer){color:#171b39!important}[data-theme="light"] :is(.hero-text,.service div p,.horizontal>p,.reels-section .horizontal>p,.reel-description p,.fit-intro>p:not(.eyebrow),.faq-list details p,.contact-side>p,.social-block>small,footer p){color:#565a70!important}[data-theme="light"] .eyebrow{color:#6934a8!important}[data-theme="light"] :is(.team-words,.reels-section,.fit,.faq,.contact,.clients-section){background-color:#f7f8fc!important}[data-theme="light"] .team-marquee{border-color:#cbcddd!important}[data-theme="light"] .matcher{background:rgba(255,255,255,.8)!important;border-color:#d7cee8!important;box-shadow:0 20px 60px rgba(62,38,97,.08)!important}[data-theme="light"] .faq-list details{background:rgba(255,255,255,.72)!important;border-color:#d8d4e4!important}[data-theme="light"] .faq-list details[open]{background:#f3edfc!important;border-color:#8e56cb!important}[data-theme="light"] .client-logo{background:#fff!important;border-color:#d8d4e4!important}[data-theme="light"] .client-logo img{filter:grayscale(1)!important;opacity:.72}[data-theme="light"] .client-logo:hover img{filter:none!important;opacity:1}[data-theme="light"] .social-icons a{background:#fff!important;border-color:#cbc6d8!important}[data-theme="light"] .contact .light{background:#222441!important;color:#fff!important}[data-theme="light"] footer{border-color:#d1cede!important}[data-theme="light"] .navlinks a,[data-theme="light"] .tiny-cta{color:#292b47!important}[data-theme="light"] .ghost{color:#222441!important;border-color:#9c94b5!important}
html:not([data-theme="light"]) .client-logo img{filter:grayscale(1) brightness(0) invert(1)!important;opacity:.78}html:not([data-theme="light"]) .client-logo:hover img{filter:none!important;opacity:1}

/* Instagram reaction stream: natural red hearts rise from the right-side love control. */
.reel-hearts{left:auto!important;right:8px!important;width:62px!important;height:205px!important;bottom:116px!important}.reel-hearts span{left:auto!important;color:#ff3040!important;text-shadow:0 2px 8px rgba(0,0,0,.28);animation-duration:2.35s!important}.reel-hearts span:nth-child(3n+1){right:5px!important}.reel-hearts span:nth-child(3n+2){right:22px!important}.reel-hearts span:nth-child(3n){right:11px!important}.reel-hearts.love-bursting span{animation-duration:1.25s!important}
.reel-love-control{position:absolute!important;right:10px!important;bottom:142px!important;z-index:5!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border:1px solid rgba(255,255,255,.25)!important;background:rgba(6,6,10,.55)!important;color:#fff!important;backdrop-filter:blur(10px)}.reel-love-control svg{width:25px;height:25px;fill:transparent;stroke:currentColor;stroke-width:2;transition:transform .22s,fill .22s}.reel-love-control:hover svg{transform:scale(1.12)}.reel-love-control.is-loved{color:#ff3040!important;background:rgba(20,5,10,.72)!important}.reel-love-control.is-loved svg{fill:#ff3040;stroke:#ff3040;animation:lovePop .42s ease-out}@keyframes lovePop{50%{transform:scale(1.35)}}
.reel-description>span{display:none!important}

/* Client artwork uses its supplied colors on a clean neutral surface. */
.client-logo{background:rgba(255,255,255,.94)!important;border-color:rgba(255,255,255,.78)!important;box-shadow:0 10px 30px rgba(14,9,35,.14)}.client-logo img,[data-theme="light"] .client-logo img,html:not([data-theme="light"]) .client-logo img{filter:none!important;opacity:1!important;max-width:100%!important;max-height:68px!important}.client-logo:hover img,[data-theme="light"] .client-logo:hover img,html:not([data-theme="light"]) .client-logo:hover img{filter:none!important;opacity:1!important}

/* Restore the polished Instagram action rail and smooth visual hierarchy. */
.reel-instagram-actions{position:absolute;right:8px;bottom:94px;z-index:6;display:flex;flex-direction:column;align-items:center;gap:10px}.reel-instagram-actions button,.reel-instagram-actions .reel-love-control{position:relative!important;inset:auto!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;padding:7px!important;border:0!important;border-radius:50%!important;background:transparent!important;color:#fff!important;box-shadow:none!important;backdrop-filter:none!important}.reel-instagram-actions button:hover{background:rgba(0,0,0,.32)!important}.reel-instagram-actions button:last-child{margin-top:5px}.reel-instagram-actions svg{display:block;width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 4px rgba(0,0,0,.38))}.reel-instagram-actions .reel-love-control{background:rgba(0,0,0,.28)!important;border:1px solid rgba(255,255,255,.18)!important}.reel-instagram-actions .reel-love-control.is-loved{color:#ff3040!important;background:rgba(0,0,0,.4)!important}.reel-instagram-actions .reel-love-control.is-loved svg{fill:#ff3040;stroke:#ff3040}.reel-caption{right:56px!important}.reel-views svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;flex:0 0 17px}.reel-views b{min-width:48px;text-align:left}.reel-screen:after{background:linear-gradient(transparent 36%,rgba(0,0,0,.8))!important}

/* Consistent optical canvas for every client mark. */
.client-logo{width:180px!important;height:104px!important;padding:17px!important}.client-logo img,[data-theme="light"] .client-logo img,html:not([data-theme="light"]) .client-logo img{display:block!important;width:142px!important;height:66px!important;max-width:142px!important;max-height:66px!important;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){.client-logo{width:150px!important;height:88px!important;padding:14px!important}.client-logo img,[data-theme="light"] .client-logo img,html:not([data-theme="light"]) .client-logo img{width:120px!important;height:58px!important;max-width:120px!important;max-height:58px!important}}

/* Targeted contrast fixes from the final light/dark review. */
[data-theme="light"] .theme-toggle{background:#fff!important;border-color:#a994c8!important;color:#432f67!important;box-shadow:0 5px 18px rgba(74,47,112,.13)!important}[data-theme="light"] .theme-toggle:hover{background:#eee7fa!important;color:#5e3194!important;border-color:#7d4cb5!important}[data-theme="light"] .hero .button.ghost{background:rgba(255,255,255,.72)!important;border-color:#77708f!important;color:#222441!important;box-shadow:none!important}[data-theme="light"] .hero .button.ghost:hover{background:#fff!important;border-color:#64379c!important;color:#522887!important}
[data-theme="light"] .work h2{color:#23203b!important}[data-theme="light"] .work h2 em{background-image:linear-gradient(105deg,#7138bf,#aa287d)!important;-webkit-background-clip:text!important;color:transparent!important}[data-theme="light"] .work-stage.wheel-stage .behance-project{background:#fff!important;color:#27213f!important;border-color:#d4c9e2!important}[data-theme="light"] .wheel-stage .project-info{background:#fff!important}[data-theme="light"] .wheel-stage .project-info h3{color:#27213f!important}[data-theme="light"] .wheel-stage .project-info p{color:#625575!important}[data-theme="light"] .wheel-stage .project-info>span{color:#63359e!important}[data-theme="light"] .work-controls{color:#3d3451!important}[data-theme="light"] .work-controls button{background:#fff!important;border-color:#9f83c3!important;color:#60329d!important;box-shadow:0 4px 14px rgba(70,43,105,.08)!important}[data-theme="light"] .work-controls button:hover{background:#7439c4!important;color:#fff!important;border-color:#7439c4!important}
html body .contact .button.light{background:#f2eefe!important;color:#201534!important;border-color:transparent!important;box-shadow:none!important}html body .contact .button.light:hover{background:#dcd0f4!important;color:#201534!important}

/* Final alignment polish: keep the contact copy level and give the mobile orbit cards breathing room. */
.contact{align-items:center!important}
.card-b span{display:none!important}
@media(max-width:760px){
  .hero-art{height:410px!important;margin-top:42px!important}
  .hero-art .card-a{top:0!important;left:-4px!important;transform:rotate(-5deg) scale(.92)!important}
  .hero-art .card-b{right:-3px!important;bottom:6px!important;transform:rotate(5deg) scale(.92)!important}
  .hero-art .float-card{z-index:3;max-width:205px}
  .hero-art .glass-disc,.hero-art .orbit-text{z-index:1}
}