/* Landscape command centre: full-width glass below the opening introduction. */
.hero{grid-template-columns:1fr;gap:32px;padding-top:45px;padding-bottom:55px}.hero-copy{display:grid;grid-template-columns:1.25fr 1fr;column-gap:55px;align-items:start}.hero-copy>.eyebrow{grid-column:1/3}.hero-copy>h1{grid-column:1;grid-row:2/5;font-size:41px}.hero-copy>.intro{grid-column:2;grid-row:2;margin-bottom:0;max-width:none}.hero-copy>.actions{grid-column:2;grid-row:3;margin-top:18px}.hero-copy>.hero-note{grid-column:2;grid-row:4;margin-top:16px}.hero-proof{grid-column:1/3;margin-top:22px;padding-top:18px}.hero-proof .proof-inner{grid-template-columns:1.1fr 1fr 1fr 1fr;align-items:center;gap:15px}.hero-proof .proof-inner>p{grid-column:1;font-size:10px}.hero-proof .proof-inner>div b{font-size:24px}.hero-proof .proof-inner>a{display:none}.hero-proof .snapshot{margin-top:9px;font-size:6px}.hero-visual{max-width:none;width:100%;position:relative;isolation:isolate;background:linear-gradient(125deg,#ffffff52,#ffffff25 55%,#e2dcff32);padding:18px;border:1px solid #ffffffb5;border-radius:28px;box-shadow:inset 0 2px 2px #ffffffb0,inset 0 -1px 2px #ffffff55,0 15px 45px #312d862b,0 0 28px #e6d5ff20;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.hero-visual:before{content:'';position:absolute;inset:-14px;z-index:-2;pointer-events:none;border-radius:40px;background:radial-gradient(ellipse at 8% 15%,#78b7ff50,transparent 55%),radial-gradient(ellipse at 95% 85%,#efb5e650,transparent 55%);filter:blur(18px)}.hero-visual:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:inherit;background:linear-gradient(145deg,#ffffff2b,transparent 30%,transparent 75%,#ffffff12);box-shadow:inset 1px 1px 1px #ffffff9c}.visual-top{margin-bottom:12px;color:#f2eeff;font-size:8px}.visual-top .live{background:#fff}.interactive-dashboard{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:12px 16px;padding:18px;border-radius:20px;background:linear-gradient(125deg,#ffffffc9,#ffffffa8);border:1px solid #ffffffb5;box-shadow:inset 0 1px 1px #fff,0 8px 25px #42348110;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);color:#263554}.analytics-top{grid-column:1/3}.analytics-title{grid-column:1;grid-row:2;margin:0;align-self:center}.analytics-title h3{font-size:16px}.analytics-title small{font-size:7px}.dashboard-tabs{grid-column:2;grid-row:2;justify-content:end;align-items:center;border:0;padding:0}.dashboard-tabs button{font-size:9px;padding:7px 10px}.rich-kpis{grid-column:1/3;grid-row:3;margin:0;gap:10px}.rich-kpis>div{background:linear-gradient(130deg,#ffffffb5,#f0effa66);border:1px solid #ffffffc9;border-radius:13px;padding:12px 14px;box-shadow:inset 0 1px 1px #fff,0 4px 14px #7672a008}.rich-kpis span{font-size:8px}.rich-kpis strong{font-size:23px;margin:8px 0}.rich-kpis small{font-size:7px}.rich-chart{grid-column:1;grid-row:4;margin:0;background:linear-gradient(125deg,#ffffff9e,#ffffff60);border:1px solid #ffffffce;border-radius:14px;padding:13px;box-shadow:inset 0 1px 0 #fff}.chart-title>b{font-size:10px}.chart-title>span{font-size:7px}.rich-chart svg{margin-top:10px}.rich-chart .months{font-size:6px}.rich-bottom{grid-column:2;grid-row:4;margin:0;display:flex;flex-direction:column;gap:10px}.segment-panel,.insight-panel{flex:1;padding:13px;border:1px solid #ffffffb8;border-radius:14px;background:linear-gradient(130deg,#ffffff9e,#ece6f955);box-shadow:inset 0 1px 0 #fff}.segment-panel>b{font-size:10px}.segment-content{margin-top:10px;gap:16px}.rich-donut{width:57px;height:57px}.rich-donut:after{inset:11px;background:#f0edf7}.legend>span{font-size:8px;margin:7px 0}.insight-panel>span{font-size:7px}.insight-panel p,.hero .insight-panel p{font-size:9px;line-height:1.7;margin-top:9px;color:#495977}.demo-label{color:#f5edff;font-size:7px;margin:12px 0 0}@media(max-width:1050px){.hero-copy{column-gap:30px}.hero-copy>h1{font-size:35px}.hero-proof .proof-inner>div b{font-size:22px}.rich-kpis strong{font-size:21px}.interactive-dashboard{padding:14px;gap:12px}.dashboard-tabs button{padding:6px 8px;font-size:8px}.analytics-title h3{font-size:14px}}@media(max-width:740px){.hero{padding-top:30px;gap:25px}.hero-copy{display:block}.hero-copy>h1{font-size:37px}.hero-copy>.intro{max-width:none}.hero-copy>.actions{margin-top:23px}.hero-proof .proof-inner{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-proof .proof-inner>p{grid-column:1/4}.hero-visual{padding:12px;border-radius:24px}.interactive-dashboard{grid-template-columns:1fr;gap:11px;padding:12px;border-radius:17px}.analytics-top,.analytics-title,.dashboard-tabs,.rich-kpis,.rich-chart,.rich-bottom{grid-column:1;grid-row:auto}.dashboard-tabs{justify-content:start}.rich-bottom{display:grid;grid-template-columns:1fr 1fr}.rich-kpis{gap:6px}.rich-kpis>div{padding:10px 7px}.rich-kpis strong{font-size:17px}.rich-kpis span{font-size:7px}.rich-kpis small{font-size:6px}.segment-panel,.insight-panel{padding:10px}.segment-content{gap:8px}.rich-donut{width:44px;height:44px}.rich-donut:after{inset:9px}.legend>span{font-size:6px}.hero .insight-panel p{font-size:8px}.demo-label{font-size:6px}}@media(prefers-reduced-transparency:reduce){.hero-visual{background:#c7b8e7;backdrop-filter:none}.interactive-dashboard{background:#f3f1fa;backdrop-filter:none}.hero-visual:before{display:none}}

/* Borderless outer glass shell. */
.hero-visual{border:0;box-shadow:0 15px 45px #312d862b,0 0 28px #e6d5ff20}.hero-visual:after{box-shadow:none}


/* Slightly clearer inner glass, matching the marked panel. */
.interactive-dashboard{background:linear-gradient(125deg,#ffffffa3,#ffffff75)}


/* Borderless frosted surfaces: separation comes from blur and soft depth. */
header,.hero-visual,.interactive-dashboard,.rich-kpis>div,.rich-chart,.segment-panel,.insight-panel,.dashboard-tabs button,.dashboard-tabs button.active,.demo-pill,.report-date,.hero-proof,.hero-proof .proof-inner>div,.service-grid article,.service-grid article+article,.project,.project:nth-child(2),.project:nth-child(3),.project-insight,.hr-story .project-insight,.approach,.original-dashboard,.sales-story .original-dashboard,.projects .project.hr-story .original-dashboard,.original-dashboard>span,.contact-section,.work-section,.button,.hero .button,.contact-inner .button,.whatsapp-float,#sales-preview{border:0!important;outline:none}.hero-visual:after,header:before,header:after{box-shadow:none}.hero-visual{background:linear-gradient(125deg,#ffffff37,#ffffff14 60%,#e2dcff24);box-shadow:0 18px 50px #312d861c;backdrop-filter:blur(26px) saturate(140%);-webkit-backdrop-filter:blur(26px) saturate(140%)}.interactive-dashboard{background:linear-gradient(125deg,#ffffff91,#ffffff62);box-shadow:0 14px 40px #42348110;backdrop-filter:blur(24px) saturate(135%);-webkit-backdrop-filter:blur(24px) saturate(135%)}.rich-kpis>div,.rich-chart,.segment-panel,.insight-panel{background:linear-gradient(130deg,#ffffff85,#ffffff3d);box-shadow:0 6px 22px #4543750b;backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}.rich-kpis>div{border-radius:17px;padding-top:14px;padding-bottom:14px}.rich-chart,.segment-panel,.insight-panel{border-radius:18px}.service-grid article,.service-grid article+article,.project,.project:nth-child(2),.project:nth-child(3),.approach{background:linear-gradient(130deg,#ffffff25,#ffffff10);box-shadow:0 12px 34px #30265f13;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}.project-insight,.hr-story .project-insight{border-left:0!important;background:linear-gradient(125deg,#ffffff29,#ffffff10);box-shadow:0 8px 25px #30265f0b}.project-insight:before{background:radial-gradient(ellipse at 10% 0%,#ffffff17,transparent 65%)}.dashboard-tabs button.active{background:#ffffff55;box-shadow:0 3px 12px #695a9510}.hero .button{background:#ffffff20;box-shadow:0 5px 18px #30265f0d}.hero .button:hover{background:#ffffff35}.original-dashboard>span{box-shadow:0 5px 20px #30265f0f}.rich-donut:after{background:#eae3f2}.work-section{background:#ffffff04}@media(prefers-reduced-transparency:reduce){.interactive-dashboard,.rich-kpis>div,.rich-chart,.segment-panel,.insight-panel{background:#eee9f7;backdrop-filter:none;-webkit-backdrop-filter:none}}


/* Tighter outer canvas and a wider content surface. */
body{margin:0;padding:24px 0 30px;border-radius:0}header,main,footer{width:calc(100% - 48px);max-width:1440px}header{margin:0 auto 18px;width:calc(100% - 48px);max-width:1440px}main>.hero.wrap{padding-inline:48px;padding-top:34px;padding-bottom:40px;gap:26px}.hero-proof{margin-top:14px;padding-top:14px}.section.wrap,.work-section>.wrap,.contact-section>.wrap{padding-inline:48px}.section{padding-top:45px;padding-bottom:45px}.hero-copy{column-gap:45px}.hero-copy>.eyebrow{margin-bottom:14px}@media(min-width:1450px){body{padding-top:26px;padding-bottom:30px}.hero{padding-top:34px;padding-bottom:40px}}@media(max-width:740px){body{margin:0;padding:14px 0 20px}header,main,footer{width:calc(100% - 28px);max-width:none}header{width:calc(100% - 28px);margin:0 auto 14px}main>.hero.wrap{padding:25px 20px 32px;gap:24px}.section.wrap,.work-section>.wrap,.contact-section>.wrap{padding-inline:20px}.section{padding-top:35px;padding-bottom:35px}.hero-copy>h1{font-size:35px}.hero-proof{margin-top:22px}}


/* Readable typography throughout the light preview. */
body{font-size:16px;line-height:1.65}header .brand{font-size:16px}header nav a{font-size:15px}#language{font-size:15px}header .button.small{font-size:14px;padding:12px 20px}.hero .eyebrow,.eyebrow,.section-head .eyebrow{font-size:12px;letter-spacing:1px}.hero-copy>.intro,.intro{font-size:18px;line-height:1.8}.hero .button,.hero .text-link,.text-link{font-size:15px}.hero .button{padding:13px 19px}.hero-note,.hero-copy>.hero-note{font-size:14px;line-height:1.7}.hero-copy>.actions{margin-top:22px;gap:18px}.hero-proof .proof-inner>p{font-size:15px;line-height:1.7}.hero-proof .proof-inner>div b{font-size:30px}.hero-proof .proof-inner>div>span{font-size:13px;line-height:1.7;max-width:200px}.hero-proof .snapshot{font-size:11px;line-height:1.7;margin-top:14px}.hero-proof{margin-top:23px}.section-head>p,.service-grid p,.project-copy p,.about>div>p:not(.eyebrow),.approach p,.contact-inner>p:not(.eyebrow){font-size:16px;line-height:1.8}.service-grid h3{font-size:22px}.service-number{font-size:14px}.tag,.project-copy .tag{font-size:11px;line-height:1.7}.project-copy h3{font-size:27px}.project-copy .text-link,.about .text-link{font-size:15px}.project-insight p,.hr-story .project-insight p{font-size:15px;line-height:1.8}.approach h3{font-size:21px}.approach b{font-size:17px}.approach li:before{font-size:13px}.contact-inner .button{font-size:16px}.email{font-size:16px}.contact-details{font-size:14px!important}footer>span,footer>a:last-child{font-size:12px}footer .brand{font-size:13px}.whatsapp-float{font-size:13px}.visual-top{font-size:11px}.analytics-logo{font-size:11px}.demo-pill{font-size:10px}.analytics-title small{font-size:10px}.analytics-title h3{font-size:22px}.report-date{font-size:11px}.dashboard-tabs button{font-size:13px;padding:9px 13px}.rich-kpis>div{padding:18px}.rich-kpis span{font-size:12px}.rich-kpis strong{font-size:30px}.rich-kpis small,.hero .rich-kpis small{font-size:11px;line-height:1.6}.hero .rich-kpis span{font-size:12px}.chart-title>b{font-size:14px}.chart-title>span{font-size:10px}.rich-chart .months,.hero .rich-chart .months{font-size:9px}.segment-panel>b{font-size:14px}.legend>span{font-size:11px}.insight-panel>span{font-size:10px}.insight-panel p,.hero .insight-panel p{font-size:13px;line-height:1.75}.demo-label{font-size:10px;line-height:1.7}.segment-panel,.insight-panel{padding:17px}.rich-donut{width:70px;height:70px}.rich-donut:after{inset:14px}.service-grid article,.service-grid article+article{padding:28px}.original-dashboard>span{font-size:12px!important}.hero-copy{grid-template-columns:1.1fr 1fr}@media(max-width:1050px){.hero-copy{column-gap:28px}.hero-copy>.intro{font-size:17px}.hero .button,.hero .text-link{font-size:14px}.rich-kpis strong{font-size:27px}.analytics-title h3{font-size:20px}.dashboard-tabs button{font-size:12px;padding:8px 10px}}@media(max-width:740px){header .brand{font-size:12px}header .button.small{font-size:12px;padding:10px 13px}#language{font-size:13px}.hero-copy>.intro{font-size:17px}.hero .button,.hero .text-link{font-size:14px}.hero-note,.hero-copy>.hero-note{font-size:13px}.hero .eyebrow{font-size:10px}.hero-proof .proof-inner>p{font-size:14px}.hero-proof .proof-inner>div b{font-size:26px}.hero-proof .proof-inner>div>span{font-size:11px}.hero-proof .snapshot{font-size:10px}.rich-kpis>div{padding:12px 9px}.rich-kpis span,.hero .rich-kpis span{font-size:10px}.rich-kpis strong{font-size:20px}.rich-kpis small,.hero .rich-kpis small{font-size:9px}.analytics-title h3{font-size:19px}.dashboard-tabs button{font-size:12px}.chart-title>b{font-size:12px}.chart-title>span{font-size:9px}.rich-bottom{grid-template-columns:1fr}.segment-panel>b{font-size:13px}.legend>span{font-size:12px}.hero .insight-panel p{font-size:13px}.visual-top{font-size:9px}.demo-label{font-size:9px}.service-grid p,.project-copy p,.about>div>p:not(.eyebrow),.approach p{font-size:16px}.project-insight p{font-size:15px}.project-copy h3{font-size:24px}}


/* Compact credentials with icon medallions and an optional source note. */
.trust-strip{padding-top:5px;margin-top:25px}.trust-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.trust-stat{display:flex;align-items:center;gap:18px;padding:18px 22px;border-radius:21px;background:linear-gradient(125deg,#ffffff15,#ffffff06);box-shadow:0 6px 24px #2c226308;min-width:0}.trust-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#ffffff32,#ffffff12);color:#fff;flex-shrink:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.trust-icon svg{width:28px;height:28px;display:block}.trust-stat b{display:block;color:#fff;font-family:Manrope,sans-serif;font-size:30px;line-height:1.35;letter-spacing:-.7px}.trust-stat>div>span{display:block;font-size:14px;line-height:1.6;color:#f2eaff;margin-top:4px}.trust-star{font-size:16px;font-weight:400;color:#e7dff7;letter-spacing:0}.trust-source{margin-top:13px;color:#eee6fa;max-width:760px}.trust-source summary{list-style:none;display:inline-flex;align-items:center;gap:7px;font-size:12px;cursor:pointer;padding:4px 0}.trust-source summary::-webkit-details-marker{display:none}.source-icon svg{display:block;width:15px;height:15px}.trust-source summary:after{content:'+';margin-inline-start:4px;font-size:15px}.trust-source[open] summary:after{content:'−'}.trust-source p{font-size:12px;line-height:1.8;color:#eee6fa;margin:7px 0 0;padding-inline-start:22px}.trust-source summary:focus-visible{outline:2px solid white;outline-offset:4px}@media(max-width:1050px){.trust-stats{gap:14px}.trust-stat{gap:13px;padding:16px}.trust-icon{width:45px;height:45px;border-radius:15px}.trust-icon svg{width:25px;height:25px}.trust-stat b{font-size:27px}.trust-stat>div>span{font-size:12px}}@media(max-width:740px){.trust-stats{grid-template-columns:1fr;gap:10px}.trust-stat{padding:15px 18px;gap:17px}.trust-stat b{font-size:27px}.trust-stat>div>span{font-size:14px}.trust-icon{width:49px;height:49px}.trust-source summary,.trust-source p{font-size:11px}.trust-strip{margin-top:25px}}

/* Bare icons, vertically centered within each credibility card. */
.trust-stat{align-items:center}.trust-icon{display:flex;align-items:center;justify-content:center;align-self:center;background:none;box-shadow:none;border:0;border-radius:0;backdrop-filter:none;-webkit-backdrop-filter:none;width:38px;height:auto;min-height:38px;padding:0;line-height:0}.trust-icon svg{display:block;width:31px;height:31px;margin:0}.trust-stat>div{align-self:center}.trust-stat b{margin:0}.trust-stat>div>span{margin-top:4px}@media(max-width:740px){.trust-icon{width:38px;height:auto}.trust-icon svg{width:30px;height:30px}}


/* Allow the page gradient through the sales preview shell. */
.projects .project.sales-story:not(.hr-story) .original-dashboard{background:transparent;box-shadow:0 8px 25px #30265f08}


/* Sales showcase: pure-white translucent layers and a clean footer. */
.projects .project.sales-story:not(.hr-story) .original-dashboard{background:transparent;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);overflow:hidden}.projects .project.sales-story:not(.hr-story) .original-dashboard>span{position:static;display:block;width:fit-content;margin:10px 12px 12px auto;background:#ffffff4d!important;color:#493779;box-shadow:none;padding:10px 15px;font-size:12px!important;line-height:1.5;border-radius:20px}.projects .project.sales-story:not(.hr-story) .original-dashboard:hover img{transform:none}#sales-preview{background:linear-gradient(120deg,#5e5bcb88,#bc83cb88);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}#sales-preview .close-preview{color:white}

/* White glass in the enlarged view, without a muddy coloured overlay. */
#sales-preview:has(img[src$="sales-story.svg"]){background:rgb(255 255 255 / .30);border:0!important;box-shadow:0 18px 60px #2d216f22}#sales-preview:has(img[src$="sales-story.svg"])::backdrop{background:#51448e33;backdrop-filter:blur(12px)}


/* Reference-led sales dashboard: lavender, white and purple/peach. */
.projects .project.sales-story:not(.hr-story) .original-dashboard{background:#eeedff;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:26px;box-shadow:0 12px 32px #46358817}.projects .project.sales-story:not(.hr-story) .original-dashboard>span{background:#5851bf!important;color:#fff;border-radius:24px;padding:10px 20px;margin:10px 16px 16px auto;font-weight:500}#sales-preview:has(img[src$="sales-story.svg"]){background:#eeedff;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:27px}#sales-preview:has(img[src$="sales-story.svg"]) .close-preview{color:#5851bf}#sales-preview:has(img[src$="sales-story.svg"])::backdrop{background:#554a8d55;backdrop-filter:blur(9px)}

/* Trim the sales preview to its dashboard image; keep the action unobtrusive. */
.projects .project.sales-story:not(.hr-story) .original-dashboard{background:transparent;line-height:0;padding:0;overflow:hidden;border-radius:24px;box-shadow:none}.projects .project.sales-story:not(.hr-story) .original-dashboard img{display:block;width:100%;height:auto}.projects .project.sales-story:not(.hr-story) .original-dashboard>span{position:absolute;inset:auto 12px 12px auto;display:block;margin:0;padding:7px 12px;background:#ffffffb8!important;color:#6258b7;font-size:10px!important;line-height:1.4;opacity:0;transition:opacity .2s;pointer-events:none}.projects .project.sales-story:not(.hr-story) .original-dashboard:hover>span,.projects .project.sales-story:not(.hr-story) .original-dashboard:focus-visible>span{opacity:1}#sales-preview:has(img[src$="sales-story.svg"]){background:rgb(255 255 255 / .5)}@media(hover:none){.projects .project.sales-story:not(.hr-story) .original-dashboard>span{display:none}}

/* Process steps: oversized numerals, clear headings, concise supporting text. */
.approach{padding:30px 32px}.approach h3{font-size:23px;line-height:1.4;margin:0 0 28px}.approach ol{display:grid;gap:25px}.approach li{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:17px;row-gap:7px;padding:0;margin:0;align-items:center}.approach li:before{position:static;grid-column:1;grid-row:1/3;align-self:center;font-family:Manrope,sans-serif;font-size:57px;font-weight:500;line-height:1;letter-spacing:-3px;color:#ffffff85}.approach li b{grid-column:2;grid-row:1;font-size:20px;line-height:1.35;align-self:end}.approach li p{grid-column:2;grid-row:2;font-size:14px;line-height:1.75;margin:0;color:#f2eafa;align-self:start}.approach li+li{padding-top:4px}@media(max-width:740px){.approach{padding:25px}.approach h3{font-size:22px;margin-bottom:25px}.approach ol{gap:25px}.approach li{grid-template-columns:58px minmax(0,1fr);column-gap:14px}.approach li:before{font-size:49px;letter-spacing:-2px}.approach li b{font-size:19px}.approach li p{font-size:14px}}


/* Slightly slimmer navigation capsule. */
header{height:62px}header .button.small{padding:9px 18px}@media(max-width:740px){header{height:57px}header .button.small{padding:8px 12px}}