*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#071421;color:white}a{color:inherit}a:focus-visible{outline:2px solid #ff9e4a;outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;padding:30px 7vw;position:absolute;top:0;left:0;right:0;z-index:5}.brand{text-decoration:none;font-size:20px;letter-spacing:4px}.back{font-size:14px;text-underline-offset:6px}.detail-hero{min-height:95svh;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;padding:140px 7vw 80px;background:radial-gradient(ellipse at 80% 60%,#203a4d,#071421 65%)}.eyebrow{font-size:12px;letter-spacing:2px;color:#ffaf70;margin-bottom:25px}h1{font-size:clamp(45px,5.7vw,85px);letter-spacing:-.06em;line-height:1.02;font-weight:400;margin:0 0 30px}.intro{color:#b9c7d1;font-size:18px;line-height:1.7;max-width:560px}.hero-art{margin:0;overflow:hidden;border-radius:45% 45% 20px 20px;aspect-ratio:.95;border:1px solid #ffae6b55;box-shadow:0 0 50px #ff7a2220}.hero-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);will-change:transform}.primary{display:inline-block;text-decoration:none;padding:17px 25px;border-radius:40px;background:#ff7a22;color:#071421;font-size:14px;font-weight:600;margin-top:15px}.detail-body{background:#fafaf7;color:#071421;padding:110px 7vw}.wrap{max-width:1250px;margin:auto}.detail-body h2{font-size:clamp(36px,4.5vw,65px);letter-spacing:-.045em;font-weight:400;line-height:1.1;margin:0 0 25px}.detail-body>.wrap>p{font-size:19px;line-height:1.8;color:#5f6e79;max-width:850px}.capabilities{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:65px 0}.capabilities article{border-top:1px solid #d1d6d9;padding-top:25px}.capabilities span{font-size:12px;color:#c45b16;letter-spacing:2px}.capabilities h3{font-size:25px;font-weight:400;letter-spacing:-.8px}.capabilities p{font-size:17px;line-height:1.7;color:#5f6e79}.support-art{margin:50px 0 0;aspect-ratio:2;overflow:hidden;border-radius:80px 80px 25px 25px}.support-art img{width:100%;height:100%;object-fit:cover;transform:scale(1.1);will-change:transform}.delivery{padding:110px 7vw;background:radial-gradient(ellipse at 20% 80%,#183349,#071421 60%)}.delivery h2{font-size:clamp(36px,4.5vw,65px);font-weight:400;letter-spacing:-.045em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{border-top:1px solid #ff9c4d55;padding-top:25px}.steps span{color:#ffb16f;font-size:13px}.steps p{font-size:19px;line-height:1.5}.detail-contact{padding:90px 7vw;text-align:center;background:#0a1928}.detail-contact h2{font-size:clamp(36px,4.5vw,60px);font-weight:400;letter-spacing:-.04em}.detail-contact p{color:#aabcca;font-size:17px}.related{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin-top:50px;font-size:14px}footer{padding:30px 7vw;color:#91a5b5;font-size:12px}.page-portal{position:fixed;inset:0;z-index:1000;pointer-events:none;background:#071421;clip-path:circle(0% at 50% 50%);transition:clip-path .7s cubic-bezier(.7,0,.2,1)}.page-portal:before{content:'';position:absolute;left:50%;top:50%;width:35vmin;height:35vmin;transform:translate(-50%,-50%);border:2px solid #ffbb72;border-radius:50%;box-shadow:0 0 45px #ff7a22,inset 0 0 45px #ff7a22}.page-portal.entering,.page-portal.leaving{clip-path:circle(150% at 50% 50%)}.page-portal.leaving{pointer-events:auto}.motion .reveal{opacity:0;translate:0 30px;transition:opacity 1s,translate 1s}.motion .reveal.visible{opacity:1;translate:0 0}@media(max-width:750px){.detail-hero{grid-template-columns:1fr;gap:30px;padding-top:130px}.hero-art{aspect-ratio:1.5;border-radius:70px 70px 20px 20px}.capabilities{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:1fr 1fr}.detail-body,.delivery{padding:75px 7vw}.support-art{aspect-ratio:1.4;border-radius:40px 40px 20px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-portal{display:none}.motion .reveal{opacity:1;translate:none}.hero-art img,.support-art img{transform:none;will-change:auto}}

.solution-gallery{background:radial-gradient(ellipse at 50% 45%,#173148,#071421 70%)}.gallery-heading p{color:#a7bdce;font-size:18px}.gallery-heading{margin-bottom:65px}.solution-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.solution-card{display:block;text-decoration:none;color:white;border:1px solid #ffb06b35;border-radius:25px;overflow:hidden;background:linear-gradient(135deg,#163047,#0b1c2c);box-shadow:0 20px 55px #0002;transition:border-color .5s,box-shadow .5s,transform .6s}.solution-card-image{aspect-ratio:1.65;position:relative;overflow:hidden}.solution-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s,filter .6s}.solution-card-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071421a0,transparent 55%);pointer-events:none}.card-sequence{position:absolute;z-index:2;left:25px;bottom:23px;font-size:11px;letter-spacing:2px;color:#ffe0b5}.card-portal{position:absolute;z-index:2;top:50%;left:50%;width:100px;height:100px;border-radius:50%;border:1px solid #ffcf94;box-shadow:0 0 25px #ff7a22,inset 0 0 25px #ff7a22;transform:translate(-50%,-50%) scale(.45);opacity:0;transition:opacity .6s,transform 1s;pointer-events:none}.solution-card-content{padding:28px 30px 32px}.solution-card-content h3{font-size:30px;font-weight:400;letter-spacing:-1px;margin:0 0 15px}.solution-card-content p{font-size:16px;line-height:1.65;color:#b4c5d2;margin:0 0 25px}.card-action{display:inline-block;color:#ffd3aa;font-size:14px;padding-bottom:7px;border-bottom:1px solid #ff9d5f70}.solution-card:hover,.solution-card:focus-visible{border-color:#ffab68;box-shadow:0 0 45px #ff7a221c,0 25px 65px #0003}.solution-card:hover img,.solution-card:focus-visible img{transform:scale(1.06)}.solution-card:hover .card-portal,.solution-card:focus-visible .card-portal{transform:translate(-50%,-50%) scale(1);opacity:.85}.site-footer{background:#04101b;color:#9db1c2;padding:70px 7vw 25px;border-top:1px solid #ff985e35;position:relative}.site-footer:before{content:'';position:absolute;top:0;left:7vw;right:7vw;height:1px;background:linear-gradient(90deg,#ff7921,transparent 80%);box-shadow:0 0 20px #ff7a2225}.footer-top{display:grid;grid-template-columns:1.35fr .8fr 1fr 1.1fr;gap:45px;max-width:1400px;margin:auto}.site-footer .brand{display:inline-block;font-size:23px;color:#fff;letter-spacing:4px;text-decoration:none}.site-footer .brand span{display:block;font-size:9px;letter-spacing:2.5px;margin-top:8px}.footer-brand p{font-size:19px;line-height:1.5;letter-spacing:-.4px;color:#b9c9d6;margin:25px 0}.site-footer a{display:block;font-size:14px;line-height:1.65;text-decoration:none;color:#aebfcd;width:fit-content;transition:color .3s}.site-footer a:hover{color:#ffb374}.site-footer .footer-start{color:#ffc69a;padding-bottom:7px;border-bottom:1px solid #ff985e50}.site-footer h3{font-size:13px;font-weight:500;color:#fff;letter-spacing:1.5px;margin:0 0 24px;text-transform:uppercase}.site-footer nav a,.footer-contact>a{margin-bottom:14px}.footer-contact p{font-size:14px;margin:15px 0;color:#839eb2}.site-footer .footer-top{align-items:start}.footer-bottom{max-width:1400px;margin:55px auto 0;padding-top:24px;border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom small{font-size:12px;line-height:1.7}.footer-bottom button{font:inherit;font-size:12px;color:#b8cad8;border:0;background:transparent;cursor:pointer;text-decoration:none}.footer-bottom a{font-size:12px}@media(max-width:850px){.solution-card-grid{gap:22px}.solution-card-content{padding:22px}.solution-card-content h3{font-size:24px}.solution-card-content p{font-size:15px}.footer-top{grid-template-columns:1fr 1fr;gap:45px 25px}.site-footer .brand{font-size:20px}.footer-brand p{font-size:17px}.site-footer a{font-size:13px}}@media(max-width:550px){.solution-card-grid{grid-template-columns:1fr}.solution-card-image{aspect-ratio:1.6}.gallery-heading{margin-bottom:40px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom{align-items:flex-start;flex-direction:column}.site-footer{padding-top:55px}.solution-card-content h3{font-size:28px}}@media(prefers-reduced-motion:reduce){.card-portal{display:none}.solution-card,.solution-card img{transition:none;transform:none!important}}

header{top:14px;left:4vw;width:92vw;right:4vw;padding:9px 24px;background:rgba(250,252,255,.97);color:#0c2338;border:1px solid #fff9;border-radius:18px;box-shadow:0 12px 40px #0002;mix-blend-mode:normal;backdrop-filter:blur(12px);gap:20px;min-height:85px}header .brand{display:block;flex-shrink:0}header .official-logo{display:block;width:110px;height:68px;object-fit:contain}header .desktop-nav{gap:20px;align-items:center}header .desktop-nav a{font-size:13px;color:#1a3347}header .desktop-nav a:hover{color:#be5317}header .nav-contact{display:inline-block;white-space:nowrap;text-decoration:none;background:#ff7a22;color:#071421;border-radius:30px;padding:13px 19px;font-size:13px;font-weight:600}header button{border-color:#b7c4ce;color:#4d6579;font-size:12px;padding:10px 14px}.mobile-nav nav{mix-blend-mode:normal}.hud{color:#fff;mix-blend-mode:normal}.hero{top:53%}.cinematic-on .chapter,.cinematic-on .solutions-intro{clip-path:none;will-change:auto}.cinematic-on .chapter-inner{transform:none;will-change:auto}.motion-ready .reveal{transform:translateY(18px);transition:opacity .8s,transform .8s}.motion-ready .reveal.visible{transform:none}.art-frame,.journey-art .art-frame,.wishmart-art .art-frame,.ecosystem-art .art-frame,.contact-art .art-frame{border-radius:24px}.cinematic-art img{object-fit:cover}.solution-card{border-radius:24px}.solution-card-image{aspect-ratio:1.65}.metrics.approach strong{font-size:clamp(23px,2.4vw,34px);letter-spacing:-1px}.site-footer .footer-brand .brand{background:white;border-radius:14px;padding:12px 18px;display:block;width:190px}.site-footer .official-logo{display:block;width:154px;height:95px;object-fit:contain}.partner-logo{width:160px;height:80px;padding:14px;border-radius:10px}.partner-card{width:240px;min-height:175px}.consultation-main{margin:0 0 15px!important;width:100%;text-align:center;text-decoration:none}.contact-card .contact-alternative{font-size:13px;color:#9bb0c0;margin:5px 0 24px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.work-item{border-top:1px solid #d1d6da;padding:30px 0}.work-type{font-size:11px;letter-spacing:2px;color:#b95319}.work-item h3{font-size:38px;font-weight:400;letter-spacing:-1.4px;margin:25px 0 15px}.work-item p{font-size:17px;line-height:1.75}.work-item a{display:inline-block;font-size:14px;color:#122d42;text-underline-offset:7px;margin-top:15px}.page-portal:before{animation:none}@media(max-width:1150px){header{padding:9px 18px;gap:12px}header .desktop-nav{gap:12px}header .desktop-nav a{font-size:12px}header .official-logo{width:95px;height:59px}header{min-height:78px}}@media(max-width:850px){header{top:10px;padding:8px 15px;min-height:72px}header .official-logo{width:90px;height:56px}header #replay{display:none}header .mobile-nav{margin-left:auto}header .nav-contact{font-size:12px;padding:12px 15px}.hero{top:54%}.work-grid{grid-template-columns:1fr;gap:15px}.metrics.approach strong{font-size:21px;letter-spacing:-.6px}.metrics.approach span{font-size:11px}.art-frame,.journey-art .art-frame{border-radius:20px}.partner-logo{width:140px;height:70px}.partner-card{width:205px;min-height:155px}}
header{position:fixed}.hero-art,.support-art{border-radius:24px}.detail-hero{padding-top:150px}.service-practical{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin:60px 0 0}.service-practical h3{font-size:22px;font-weight:400;color:#122d42}.service-practical p{font-size:16px;line-height:1.75;color:#5f6e79}@media(max-width:750px){.service-practical{grid-template-columns:1fr;gap:15px}header .official-logo{width:95px;height:59px}.back{font-size:12px}}

.site-footer .footer-brand .brand{background:transparent;border-radius:0;padding:0;width:190px}.site-footer .official-logo{width:190px;height:117px;filter:url(#aladdin-on-dark)}

.category-ar{display:block;color:#ffc99e;font-size:13px;line-height:1.7;margin:0 0 14px;text-align:start}.solution-card-content h3{font-size:21px;min-height:75px}.solution-card-content p{min-height:70px}.ecosystem-pillars{grid-template-columns:repeat(4,1fr)}.ecosystem-pillars h3{font-size:18px;line-height:1.4}.domain-ar{font-size:23px;line-height:1.6;color:#ffc99e;text-align:left;margin:20px 0 25px}.service-ar{font-size:16px;line-height:1.8;color:#ac4b15;text-align:left}.capabilities .deliverable{font-size:15px;padding:16px 20px;background:#edf0f1;border-radius:12px;color:#546977}.capabilities .deliverable b{font-weight:500;font-size:12px;letter-spacing:.5px;color:#173248}.service-enquire{font-size:14px;color:#ac4b15;text-underline-offset:6px}.scope-note{padding:20px 25px;border-left:2px solid #ff7a22;background:#f0efeb;font-size:16px!important;line-height:1.7}.site-footer nav[aria-label="Footer solutions navigation"] a{font-size:13px}.detail-body{scroll-margin-top:95px}@media(max-width:850px){.ecosystem-pillars{grid-template-columns:1fr 1fr}.solution-card-content h3{min-height:75px}}@media(max-width:550px){.solution-card-content h3{min-height:0;font-size:19px}.solution-card-content p{min-height:0}.category-ar{font-size:12px;margin-bottom:10px}.domain-ar{font-size:19px}.ecosystem-pillars h3{font-size:16px}}

.capabilities{gap:28px;align-items:stretch}.capabilities .service-tile{padding:0;border:1px solid #dce3e8;border-radius:22px;background:white;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 12px 35px #0b224b09}.service-visual{aspect-ratio:1.6;overflow:hidden;position:relative;background:#0b224b}.service-visual img{width:100%;height:100%;object-fit:cover;transition:transform .8s}.service-tile:hover img{transform:scale(1.05)}.capabilities .service-number{position:absolute;bottom:16px;left:20px;background:#071421bf;border:1px solid #ffa65866;border-radius:30px;padding:8px 12px;color:#ffd3a7;font-size:14px}.service-content{padding:28px;display:flex;flex:1;flex-direction:column}.capabilities h3{margin:0 0 10px;font-size:24px;line-height:1.3;letter-spacing:-.5px}.capabilities p{font-size:16px;margin:16px 0 24px}.service-book{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;gap:16px;padding:14px 20px;border-radius:30px;background:#0b224b;color:white;text-decoration:none;font-size:14px;transition:background .3s,box-shadow .3s}.service-book small{font-size:14px;color:#ffd0aa}.service-book:hover{background:#163961;box-shadow:0 0 22px #ff7a2225}@media(prefers-reduced-motion:reduce){.service-visual img{transition:none;transform:none!important}}

/* Compact catalog and translucent brand navigation */
header{background:rgba(7,20,33,.88);color:#fff;border:1px solid #ffae6540;box-shadow:0 10px 35px #0003;backdrop-filter:blur(18px)}header .official-logo{filter:url(#aladdin-on-dark)}header .desktop-nav a,header .back{color:#e3ebf2}header .desktop-nav a:hover,header .back:hover{color:#ffc18c}header button{color:#d5e0e9;border-color:#9aafbf66}header .nav-contact{background:#ff7a22;color:#071421}.solution-card-content{padding:17px}.solution-card-content h3{font-size:19px;line-height:1.35;min-height:0;margin-bottom:9px}.solution-card-content p{font-size:14px;line-height:1.6;min-height:0;margin-bottom:17px}.category-ar{font-size:14px;margin-bottom:10px}.solution-card-image{aspect-ratio:1.9}.card-sequence{left:15px;bottom:14px;font-size:11px;letter-spacing:1px}.card-action{font-size:14px}.solution-card{border-radius:18px}

.capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:40px 0}.capabilities .service-tile{border-radius:18px}.service-visual{aspect-ratio:1.85}.service-content{padding:21px}.capabilities h3{font-size:21px;line-height:1.35;letter-spacing:-.35px}.service-ar{font-size:15px;line-height:1.7}.capabilities p{font-size:16px;line-height:1.65;margin:13px 0 20px}.service-book{padding:12px 15px;gap:12px;font-size:14px}.service-book small{font-size:14px}.capabilities .service-number{padding:5px 9px;left:13px;bottom:12px;font-size:12px}@media(max-width:1050px){.capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.capabilities{grid-template-columns:1fr;gap:18px}.service-visual{aspect-ratio:2}.service-content{padding:20px}.capabilities h3{font-size:22px}}