/* Instantware v3 — White Motion. Uses official #FA3A5C brand accent. */
:root{--motion-brand:#FA3A5C;--motion-ink:#20283a;--motion-shadow:0 26px 70px rgba(35,24,40,.09)}
html{scroll-behavior:smooth}
body{background:#fff}
.site-header{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.brand-logo img{transition:transform .35s ease,filter .35s ease}
.brand-logo:hover img{transform:translateY(-2px) scale(1.018);filter:drop-shadow(0 7px 8px #fa3a5c13)}
/* Motion enhancements without turning the white palette dark */
.hero{isolation:isolate;overflow:hidden}
.hero::after{content:'';position:absolute;width:360px;height:360px;right:-190px;top:20%;border:1px solid #fa3a5c1c;border-radius:50%;z-index:-1;animation:ambientFloat 18s ease-in-out infinite}
.ambient{pointer-events:none;animation:ambientFloat 14s ease-in-out infinite alternate}
.amb-b{animation-delay:-5s}
.hero-copy .hero-eyebrow{animation:fadeRise .9s both}
.hero-copy h1 .line{display:block;animation:fadeRise .95s both}
.hero-copy h1 .line:nth-child(1){animation-delay:.07s}
.hero-copy h1 .line:nth-child(2){animation-delay:.19s}
.hero-copy h1 .line:nth-child(3){animation-delay:.31s}
.hero-copy .hero-lead{animation:fadeRise .9s .36s both}
.hero-copy .hero-cta{animation:fadeRise .9s .46s both}
.hero-art:hover .dash{animation-play-state:paused;transform:rotateX(var(--dash-tilt-x,5deg)) rotateY(var(--dash-tilt-y,-8deg)) translateY(-7px);transition:transform .22s ease}
.dash-graph{position:relative;overflow:hidden}
.dash-graph::after{content:'';position:absolute;inset:-70%;background:linear-gradient(105deg,transparent 44%,#fa3a5c0d 50%,transparent 56%);transform:translateX(-80%);animation:graphSweep 8s ease-in-out infinite;pointer-events:none}
.metric{transition:transform .4s,box-shadow .4s}.metric:hover{transform:translateY(-5px);box-shadow:0 13px 24px #fa3a5c12}
.project-card,.bot-card,.service-card,.why-card{position:relative;isolation:isolate;will-change:auto}
.project-card::after,.bot-card::after,.service-card::after,.why-card::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:0;transition:opacity .4s;background:radial-gradient(260px circle at var(--mouse-x,50%) var(--mouse-y,30%),rgba(250,58,92,.075),transparent 70%)}
.project-card:hover::after,.bot-card:hover::after,.service-card:hover::after,.why-card:hover::after{opacity:1}
.project-card:hover,.bot-card:hover,.service-card:hover,.why-card:hover{transform:translateY(-9px);box-shadow:0 25px 65px #fa3a5c17,0 5px 14px #242c3810}
.project-card .project-media img,.bot-card img{transition:transform .55s cubic-bezier(.2,.8,.2,1)}
.bot-card:hover img{transform:scale(1.055)}
.kicker{position:relative}.kicker::before{animation:kickerPulse 3.1s ease-in-out infinite}
.btn-primary{position:relative;overflow:hidden;isolation:isolate}
.btn-primary::after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 22%,#ffffff4f 47%,transparent 67%);transform:translateX(-180%);transition:transform .75s ease;pointer-events:none;z-index:-1}
.btn-primary:hover::after{transform:translateX(170%)}
.process-number{transition:transform .45s ease,box-shadow .45s ease}
.process-card:hover .process-number{transform:scale(1.12) rotate(7deg);box-shadow:0 0 0 12px #fff4f6,0 12px 35px #fa3a5c20}
.stack-pill{transition:transform .35s,background .35s,border-color .35s}.stack-pill:hover{transform:translateY(-6px);background:#fff2f5;border-color:#f8c0cd}
.payment-shell{box-shadow:0 25px 70px #21304407}
.cta-band{position:relative;overflow:hidden}
.cta-band::before{content:'';position:absolute;width:250px;height:250px;border:1px solid #fa3a5c29;border-radius:50%;right:-100px;bottom:-175px;pointer-events:none;animation:ambientFloat 9s ease-in-out infinite alternate}
/* PREMIUM COVERFLOW V4 — two independent instances, white and official logo pink */
#bots,#reviews{position:relative;overflow:hidden}
#bots{background:radial-gradient(ellipse 53% 38% at 50% 58%,#fff1f5 0,transparent 100%),#fff}
#reviews{background:radial-gradient(ellipse 62% 50% at 50% 50%,#fdf1f4 0,#fff 90%)}
.showcase-carousel{--showcase-card-width:min(510px,52vw);--showcase-shift:clamp(260px,34vw,450px);position:relative;max-width:1320px;margin:auto;isolation:isolate;padding:8px 45px 10px}
.showcase-stage{position:relative;height:520px;overflow:hidden;touch-action:pan-y;perspective:1200px;mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%)}
.showcase-card{position:absolute;box-sizing:border-box;top:14px;left:50%;width:var(--showcase-card-width);height:calc(100% - 28px);overflow:hidden;opacity:0;pointer-events:none;z-index:0;background:#fff;border:1px solid #e8ebf0;border-radius:34px;box-shadow:0 16px 55px #26304412;transition:transform .72s cubic-bezier(.18,.82,.19,1),opacity .65s ease,filter .65s ease,box-shadow .4s ease,border-color .4s ease;transform:translate3d(-50%,0,-220px) scale(.64);will-change:transform,opacity;visibility:hidden}
.showcase-carousel .showcase-card.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:5;filter:none;transform:translate3d(-50%,0,80px) scale(1);border-color:#ffd7e0;box-shadow:0 30px 85px #fa3a5c19,0 12px 32px #25334712}
.showcase-carousel .showcase-card.is-prev{opacity:.42;visibility:visible;pointer-events:auto;z-index:3;filter:grayscale(.12) saturate(.65);transform:translate3d(calc(-50% - var(--showcase-shift)),7px,-40px) scale(.82);cursor:pointer}
.showcase-carousel .showcase-card.is-next{opacity:.42;visibility:visible;pointer-events:auto;z-index:3;filter:grayscale(.12) saturate(.65);transform:translate3d(calc(-50% + var(--showcase-shift)),7px,-40px) scale(.82);cursor:pointer}
.showcase-carousel .showcase-card.is-prev:hover,.showcase-carousel .showcase-card.is-next:hover{opacity:.68;filter:none}
.showcase-carousel .showcase-card.is-hidden{opacity:0;visibility:hidden;pointer-events:none;z-index:0;transform:translate3d(-50%,0,-160px) scale(.72)}
/* Centered bot cards, large logo, full width button */
.showcase-carousel .bot-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:34px 34px 28px;gap:0;cursor:default}
.showcase-carousel .bot-logo-shell{display:grid;place-items:center;width:110px;height:110px;flex:0 0 110px;border-radius:26px;background:linear-gradient(140deg,#fff,#fff7f9);box-shadow:0 18px 40px #fa3a5c14;border:1px solid #ffedf0;margin-bottom:22px}
.showcase-carousel .bot-card img{height:90px;width:90px;object-fit:cover;border:0;border-radius:21px}
.showcase-carousel .bot-card h3{font-size:clamp(1.19rem,2.4vw,1.8rem);line-height:1.4;color:#191f2d;letter-spacing:-.035em;margin:0 0 12px;max-width:100%;overflow-wrap:anywhere}
.showcase-carousel .bot-card p{font-size:.95rem;line-height:1.78;min-height:0;max-width:405px;color:#606b7c;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.showcase-carousel .bot-card .bot-link{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:auto;min-height:68px;padding:15px 16px;width:100%;border-radius:18px;background:linear-gradient(110deg,#fa3a5c,#e71f5c);color:white;font-size:1.05rem;font-weight:800;box-shadow:0 14px 29px #fa3a5c27;transition:background .24s,box-shadow .24s,transform .24s}
.showcase-carousel .bot-card.is-active .bot-link:hover{transform:translateY(-2px);box-shadow:0 19px 34px #fa3a5c40}
.showcase-carousel .bot-card:not(.is-active) .bot-link{pointer-events:none}
/* Review cards with the same coverflow depth */
.reviews-carousel .review-stage{height:470px}
.reviews-carousel .review-slide{display:flex;flex-direction:column;align-items:flex-start;padding:33px 38px 27px;min-height:0;margin:0;text-align:left}
.reviews-carousel .review-quote-mark{font-size:81px;line-height:.65;color:#fa3a5c;opacity:.4;font-family:Georgia,serif;height:45px;flex-shrink:0}
.reviews-carousel .stars{font-size:1.22rem;letter-spacing:4px;color:#f6af2e;margin:14px 0 18px}
.reviews-carousel .quote-text{display:block;-webkit-line-clamp:unset;overflow:auto;max-height:235px;min-height:0;color:#3d4757;font-weight:500;font-size:clamp(.95rem,1.55vw,1.10rem);line-height:1.85;margin:0 0 20px;scrollbar-width:thin}
.reviews-carousel .quote-head{display:flex;align-items:center;width:100%;margin-top:auto;padding-top:20px;border-top:1px solid #f4e9ed}
.reviews-carousel .quote-head img{height:58px;width:58px;border:2px solid #ffe0e7;border-radius:50%;object-fit:cover}
.reviews-carousel .quote-head b{font-size:1rem;color:#1f2735}
.reviews-carousel .quote-head small{font-size:.82rem;color:#687487}
/* Screenshot-style navigation: circular buttons at far left and far right */
.showcase-arrow{position:absolute;top:45%;z-index:12;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;border:1px solid #ecedf3;background:#fff;color:#fa3a5c;font-size:1rem;box-shadow:0 12px 35px #252f3c18;cursor:pointer;transition:background .24s,transform .24s,box-shadow .24s}
.showcase-prev{left:1px}.showcase-next{right:1px}
.showcase-arrow:hover,.showcase-arrow:focus-visible{background:#fa3a5c;color:#fff;transform:scale(1.07);box-shadow:0 16px 42px #fa3a5c33}
.showcase-arrow:active{transform:scale(.96)}
.showcase-arrow i{display:none}.showcase-arrow .arrow-fallback{display:block;font-size:35px;line-height:1}
.showcase-footer{display:flex;justify-content:center;margin:7px auto 0}
.showcase-play-toggle{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:108px;border:1px solid #f7e3e7;background:#fff;border-radius:999px;padding:9px 14px;color:#79818e;font:700 .74rem Inter,'Hind Siliguri',sans-serif;cursor:pointer;transition:color .24s,border-color .24s,background .24s}
.showcase-play-toggle:hover{color:#ec3256;border-color:#f5b4c1;background:#fff7f9}
.showcase-arrow:focus-visible,.showcase-play-toggle:focus-visible{outline:3px solid #ff90a5;outline-offset:3px}
@media(max-width:960px){.showcase-carousel{--showcase-card-width:min(460px,60vw);--showcase-shift:31vw;padding:8px 34px 0}.showcase-stage{height:510px}.reviews-carousel .review-stage{height:455px}.showcase-arrow{width:49px;height:49px}}
@media(max-width:640px){.showcase-carousel{--showcase-card-width:83vw;--showcase-shift:65vw;padding:8px 0 0}.showcase-stage{height:476px;mask-image:none}.showcase-card{top:8px;height:calc(100% - 20px);border-radius:25px}.showcase-carousel .showcase-card.is-prev{transform:translate3d(calc(-50% - var(--showcase-shift)),4px,-40px) scale(.83);opacity:.27}.showcase-carousel .showcase-card.is-next{transform:translate3d(calc(-50% + var(--showcase-shift)),4px,-40px) scale(.83);opacity:.27}.showcase-carousel .bot-card{padding:28px 19px 24px}.showcase-carousel .bot-logo-shell{width:83px;height:83px;flex-basis:83px;border-radius:21px;margin-bottom:18px}.showcase-carousel .bot-card img{width:68px;height:68px;border-radius:14px}.showcase-carousel .bot-card h3{font-size:1.12rem;margin-bottom:10px}.showcase-carousel .bot-card p{font-size:.88rem;line-height:1.65;-webkit-line-clamp:6}.showcase-carousel .bot-card .bot-link{min-height:58px;font-size:.91rem;border-radius:14px}.showcase-arrow{top:45%;width:44px;height:44px;font-size:.83rem}.showcase-prev{left:-2px}.showcase-next{right:-2px}.reviews-carousel .review-stage{height:445px}.reviews-carousel .review-slide{padding:27px 23px 22px}.reviews-carousel .quote-text{font-size:.92rem;line-height:1.8;max-height:240px}.reviews-carousel .stars{margin:10px 0 15px}.reviews-carousel .review-quote-mark{font-size:72px;height:36px}.showcase-footer{margin-top:0}}
@media(max-width:385px){.showcase-carousel .bot-card h3{font-size:1rem}.showcase-carousel .bot-card p{font-size:.82rem}.showcase-carousel .bot-card{padding:24px 15px}.reviews-carousel .review-slide{padding:22px 18px}.reviews-carousel .quote-text{font-size:.85rem}}
@media(prefers-reduced-motion:reduce){.showcase-card,.showcase-arrow,.showcase-play-toggle{transition:none!important}}
.track-panel{position:relative}.track-panel::before{content:'';position:absolute;left:24px;right:24px;top:-1px;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,#fa3a5c,transparent)}
.order-banner .cta-band{box-shadow:0 26px 70px #fa3a5c15}
@keyframes fadeRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@keyframes ambientFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-19px,14px,0) scale(1.035)}}
@keyframes graphSweep{0%,20%{transform:translateX(-85%)}68%,100%{transform:translateX(105%)}}
@keyframes kickerPulse{0%,100%{box-shadow:0 0 0 5px #fa3a5c14}50%{box-shadow:0 0 0 9px #fa3a5c09}}
@media(max-width:640px){.order-banner .cta-band{text-align:center}.hero::after{display:none}}
@media(prefers-reduced-motion:reduce){.hero::after,.ambient,.hero-copy .hero-eyebrow,.hero-copy h1 .line,.hero-copy .hero-lead,.hero-copy .hero-cta,.dash-graph::after,.kicker::before,.cta-band::before{animation:none!important}.hero-art:hover .dash{transform:none!important}.project-card:hover,.bot-card:hover,.service-card:hover,.why-card:hover{transform:none}.js-enabled .reveal{transition-delay:0ms!important}}
.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:650px){.admin-stats{grid-template-columns:1fr}}