:root{--ink:#eef1ff;--teal:#ac8aff;--light:#10162b;--line:#ffffff16;--muted:#a9b3ce}body{background:#090e1f;color:var(--ink)}header{max-width:1440px;border-bottom:1px solid #ffffff0b}.brand-icon{color:#66d9f1}header nav a{color:#b8c1db}.button{background:#8252ed;color:white;box-shadow:0 8px 30px #7d48ed25}.button:hover{background:#a075ff}.hero{max-width:1440px;grid-template-columns:.9fr 1.15fr;gap:55px;padding-top:70px;padding-bottom:80px;background:radial-gradient(ellipse at 75% 40%,#522cb51b,transparent 65%)}h1{font-size:clamp(40px,4.2vw,61px)}h1 em,h2 em{background:linear-gradient(100deg,#b69aff,#74deef);background-clip:text;color:transparent}.dot,.live{background:#66d9f1}.eyebrow{color:#aab3d1}.hero-visual{transform:none;background:linear-gradient(135deg,#24204e,#101b36);padding:16px;border:1px solid #9c7bf12a;box-shadow:0 25px 100px #533fc01b;border-radius:15px}.visual-top{font-size:9px;color:#c3b8ef;padding:3px 5px 0}.interactive-dashboard{background:#10172d;border:1px solid #ffffff13;border-radius:10px;padding:21px;box-shadow:0 12px 50px #0003;font-family:'DM Sans',sans-serif;text-align:left}.analytics-top{display:flex;align-items:center;justify-content:space-between}.analytics-logo{font-size:9px;font-weight:700;letter-spacing:1px}.analytics-logo>span{color:#aa8dff}.demo-pill{font-size:7px;letter-spacing:1px;color:#79d9e9;background:#59cfe811;padding:5px 8px;border:1px solid #59cfe82a;border-radius:20px}.analytics-title{display:flex;justify-content:space-between;align-items:center;margin:24px 0 17px}.analytics-title small{font-size:7px;letter-spacing:1.3px;color:#8795b7}.analytics-title h3{font-size:17px;margin:5px 0 0;color:#f0efff;letter-spacing:-.4px}.report-date{font-size:8px;background:#ffffff08;padding:7px;color:#a7b4d3;border-radius:4px}.dashboard-tabs{display:flex;gap:6px;border-bottom:1px solid #ffffff10;padding-bottom:13px}.dashboard-tabs button{font-size:9px;color:#9faaca;border:1px solid transparent;background:transparent;border-radius:4px;padding:7px 13px}.dashboard-tabs button.active{color:#d3c4ff;background:#8455e82c;border-color:#8455e85a}.dashboard-tabs button:hover{background:#ffffff0c}.rich-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.rich-kpis>div{background:#ffffff04;border:1px solid #ffffff0c;border-radius:6px;padding:13px 10px}.rich-kpis span{font-size:8px;color:#a0acce}.rich-kpis strong{display:block;font-size:23px;letter-spacing:-.7px;margin:8px 0}.rich-kpis small{font-size:7px;color:#6edbd2}.rich-kpis>div:nth-child(2) strong{color:#76dcf2}.rich-kpis>div:nth-child(3) strong{color:#ffb28b}.rich-chart{margin-top:20px;border:1px solid #ffffff0d;border-radius:6px;padding:13px}.chart-title{display:flex;justify-content:space-between;align-items:center}.chart-title>b{font-size:10px}.chart-title>span{font-size:7px;color:#919fbd;display:flex;align-items:center;gap:4px}.chart-title i{display:inline-block;width:5px;height:5px;background:#a583ff;border-radius:50%}.chart-title i:last-child{background:#41d8eb;margin-left:7px}.rich-chart svg{margin:15px 0 9px}.rich-chart .months{font-size:6px;color:#8795b7;padding-left:25px}.rich-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.segment-panel,.insight-panel{border:1px solid #ffffff0c;padding:12px;border-radius:6px}.segment-panel>b{font-size:9px}.segment-content{display:flex;gap:12px;align-items:center;margin-top:14px}.rich-donut{width:65px;height:65px;border-radius:50%;background:conic-gradient(#9c75ff 0 48%,#53d3ee 48% 82%,#ffac85 82%);position:relative;flex-shrink:0}.rich-donut:after{content:'';position:absolute;inset:12px;background:#10172d;border-radius:50%}.legend{flex:1}.legend>span{display:flex;align-items:center;gap:4px;font-size:7px;margin:7px 0;color:#aab4ce}.legend label{flex:1}.legend i{width:4px;height:4px;background:#9c75ff;border-radius:50%}.legend>span:nth-child(2) i{background:#53d3ee}.legend>span:nth-child(3) i{background:#ffac85}.legend b{color:#e4e9fb;font-weight:500}.insight-panel{background:linear-gradient(135deg,#7547d31b,#24b5db0a);border-color:#a783ff2a}.insight-panel>span{font-size:7px;letter-spacing:1px;color:#bc9cff}.insight-panel p{font-size:9px;line-height:1.8;color:#d1d8ee;margin:10px 0 0}.demo-label{color:#8996bb;font-size:8px;margin:13px 0 0}.proof{background:#10152a}.proof-inner>div b{color:#e6e3ff}.star{color:#ffc683}.snapshot{color:#7c88ac}.service-grid{background:#11172a}.service-grid article{transition:background .25s}.service-grid article:hover{background:#6f4dc216}.service-number{color:#71dbf1}.service-grid article:nth-child(2) .service-number{color:#bc96ff}.service-grid article:nth-child(3) .service-number{color:#ffb18e}.work-section{background:linear-gradient(180deg,#13182c,#0d1223)}.projects{grid-template-columns:1fr;gap:48px}.project{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center;background:#151c32;padding:25px;border:1px solid #ffffff0b;border-radius:13px}.project:nth-child(2){background:#19192f}.project:nth-child(3){background:#1b1c30}.project-copy{padding:6px}.project-copy h3{font-size:25px}.original-dashboard{position:relative;display:block;border-radius:7px;overflow:hidden;background:#fff;box-shadow:0 10px 35px #0002}.original-dashboard img{width:100%;height:320px;object-fit:cover;object-position:top;display:block;transition:transform .6s}.original-dashboard:hover img{transform:scale(1.035)}.original-dashboard>span{position:absolute;bottom:12px;right:12px;background:#10162ee8;color:white;font-size:10px;padding:8px 12px;border:1px solid #ffffff20;border-radius:5px}.project:nth-child(3) .original-dashboard img{object-fit:contain;height:255px}.project-insight{display:flex;gap:10px;background:#9770ff0b;border-inline-start:2px solid #aa83ff;padding:12px;margin:18px 0}.project-insight>span{color:#ba97ff}.project-insight p{font-size:11px;line-height:1.8;margin:0;color:#c1c9e2}.approach{background:#11172a}.contact-section{background:linear-gradient(120deg,#322064,#161c3d 70%,#12334e)}.contact-inner{background:radial-gradient(ellipse at 90% 100%,#9164f922,transparent 60%)}.contact-inner .eyebrow{color:#b9a3e9}.contact-inner .button{background:#a883ff;color:#130c2c}.contact-inner .button:hover{background:#c4aaff}.contact-inner>p:not(.eyebrow){color:#bdb8d6}.whatsapp-float{position:fixed;bottom:22px;right:25px;background:#6d49cf;color:white;display:flex;align-items:center;gap:9px;border:1px solid #b39af855;padding:12px 18px;border-radius:50px;box-shadow:0 8px 35px #0005;z-index:10;font-size:11px}.whatsapp-float>span:first-child{font-size:18px;color:#9ff4ce}html[dir=rtl] .hero-visual{direction:ltr}html[dir=rtl] .analytics-title h3{font-family:Manrope,sans-serif}html[dir=rtl] .whatsapp-float{right:auto;left:22px}.rich-chart #chart-line{stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw 1.8s ease forwards}.rich-kpis strong{animation:metric-in .7s ease both}@keyframes draw{to{stroke-dashoffset:0}}@keyframes metric-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1050px){.hero{gap:30px}.rich-kpis strong{font-size:18px}.interactive-dashboard{padding:15px}.segment-content{gap:7px}.rich-donut{width:50px;height:50px}.rich-donut:after{inset:10px}.project{gap:25px}.project-copy h3{font-size:21px}}@media(max-width:740px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-visual{max-width:580px;padding:12px}.interactive-dashboard{padding:14px}.rich-kpis strong{font-size:20px}.analytics-title h3{font-size:16px}.rich-bottom{gap:7px}.segment-panel,.insight-panel{padding:10px}.insight-panel p{font-size:8px}.projects{gap:25px}.project{grid-template-columns:1fr;padding:15px;gap:18px}.original-dashboard img{height:280px;object-fit:cover}.project:nth-child(3) .original-dashboard img{height:auto;min-height:140px}.project-copy{padding:7px}.project-copy h3{font-size:22px}.whatsapp-float{bottom:14px;right:14px;font-size:10px;padding:10px 14px}footer{padding-bottom:85px}.hero .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){.rich-chart #chart-line{animation:none;stroke-dashoffset:0}.rich-kpis strong{animation:none}.original-dashboard img{transition:none}}

.dashboard-expand{border:0;padding:0;text-align:inherit;width:100%;font:inherit;cursor:zoom-in}.sales-story{grid-template-columns:1.35fr 1fr}.sales-story .original-dashboard{background:#10172b;border:1px solid #ffffff14}.sales-story .original-dashboard img{height:auto;object-fit:contain}.sales-story .original-dashboard>span{font-size:9px;bottom:9px;right:9px;background:#090e1fe8}#sales-preview{background:#0c1225;border:1px solid #8c6bd766;border-radius:14px;padding:35px 14px 14px;max-width:1350px;width:96vw;max-height:95vh;overflow:auto;color:white}#sales-preview::backdrop{background:#030713df;backdrop-filter:blur(7px)}#sales-preview img{display:block;width:100%;height:auto}.close-preview{position:absolute;right:12px;top:4px;border:0;background:transparent;color:white;font-size:28px;padding:0 8px;cursor:pointer}@media(max-width:740px){.sales-story{grid-template-columns:1fr}.sales-story .original-dashboard img{height:auto}.sales-story .original-dashboard>span{font-size:8px;padding:5px 8px}}


/* Align the opening copy with the dashboard instead of centering it vertically. */
.hero{align-items:start;padding-top:34px;padding-bottom:55px}.hero-copy{padding-top:0}.hero-copy>.eyebrow{margin-top:0}.hero-visual{margin-top:0}.hr-story .original-dashboard img{height:auto;min-height:0;object-fit:contain}.hr-story .original-dashboard{background:#10172b}.hr-story .project-insight{border-color:#61d7f2;background:#61d7f208}.hr-story .project-insight>span{color:#61d7f2}@media(min-width:1450px){.hero{padding-top:38px;padding-bottom:60px}}@media(max-width:740px){.hero{padding-top:25px;padding-bottom:45px}}


/* Experience belongs beside the opening dashboard. */
.hero-proof{margin-top:35px;padding:22px 0 0;border-top:1px solid #ffffff19;border-bottom:0;background:transparent}.hero-proof .proof-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 12px;align-items:start}.hero-proof .proof-inner>p{grid-column:1/4;font-size:12px;line-height:1.7;color:#c3cbe2}.hero-proof .proof-inner>p br{display:none}.hero-proof .proof-inner>div b{font-size:29px}.hero-proof .proof-inner>div>span{font-size:10px;line-height:1.7;max-width:135px}.hero-proof .proof-inner>a{grid-column:1/4;justify-self:start;margin-top:2px;font-size:12px}.hero-proof .snapshot{font-size:8px;text-align:start;margin-top:15px;line-height:1.6;padding:0}.projects .project.hr-story .original-dashboard{padding:0;align-self:center;min-height:0;line-height:0;background:#edf4ff}.projects .project.hr-story .original-dashboard img{display:block;width:100%;height:auto;min-height:0;max-height:none;object-fit:cover;object-position:center}.projects .project.hr-story .original-dashboard>span{line-height:1.4}.projects .project.hr-story .original-dashboard:hover img{transform:none}@media(max-width:740px){.hero-proof{margin-top:28px;padding-top:20px}.hero-proof .proof-inner>p{grid-column:1/4}.hero-proof .proof-inner>a{grid-column:1/4;grid-row:auto;justify-self:start}.hero-proof .proof-inner>div b{font-size:26px}.hero-proof .snapshot{font-size:7px}}

.projects .project.hr-story .original-dashboard{background:#10172d}.hr-story .project-insight{border-color:#a583ff;background:#9770ff0b}.hr-story .project-insight>span{color:#bd9dff}

.healthcare-dark-display{filter:invert(1) hue-rotate(180deg) url(#healthcare-navy)}

.rich-donut{background:conic-gradient(#a78bfa 0 48%,#45d5ef 48% 82%,#79a8ff 82%)}.legend i{background:#a78bfa}.legend>span:nth-child(2) i{background:#45d5ef}.legend>span:nth-child(3) i{background:#79a8ff}.rich-kpis>div:nth-child(2) strong{color:#45d5ef}.rich-kpis>div:nth-child(3) strong{color:#79a8ff}.chart-title i{background:#a78bfa}.chart-title i:last-child{background:#45d5ef}.healthcare-dark-display{filter:invert(1) hue-rotate(200deg) url(#healthcare-navy)}