:root{--ink:#080b12;--ink2:#111620;--paper:#f3f3ed;--lime:#c9ff3d;--violet:#7c4dff;--line:#161a201f;--darkline:#ffffff20;--pad:clamp(1.2rem,4vw,5rem)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}.skip{position:fixed;top:-5rem;left:1rem;z-index:99;background:#fff;padding:.8rem}.skip:focus{top:1rem}
.header{position:absolute;z-index:20;top:20px;left:50%;transform:translateX(-50%);width:min(calc(100% - 32px),1320px);min-height:68px;display:flex;align-items:center;gap:2.5rem;padding:10px 12px 10px 16px;color:#fff;border:1px solid #ffffff2e;border-radius:22px;background:#070a1060;backdrop-filter:blur(18px);box-shadow:0 18px 60px #0003;transition:.3s}.header.scrolled{position:fixed;top:10px;background:#080b12df}.brand{display:flex;align-items:center;gap:.7rem}.brand i{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:var(--lime);color:var(--ink);font-size:1.45rem;font-weight:800;font-style:normal}.brand b{font-size:.94rem}.header nav{display:flex;gap:1.8rem;margin-left:auto}.header nav a{font-size:.82rem;color:#cdd3dc}.head-cta{padding:.78rem 1rem;border:1px solid #ffffff45;border-radius:999px;font-size:.8rem;font-weight:650}.head-cta span{color:var(--lime)}.menu-btn,.mobile-nav{display:none}
.hero{position:relative;isolation:isolate;min-height:clamp(720px,100svh,980px);overflow:hidden;background:var(--ink);color:#fff}.hero-img,.grid{position:absolute;inset:0}.hero-img img{width:100%;height:100%;object-fit:cover;object-position:57% center;filter:saturate(.8);animation:zoom 16s ease-in-out infinite alternate}.hero-img:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#04070cf7 0%,#04070cde 37%,#04070c55 70%),linear-gradient(0deg,#04070cd9,transparent 58%)}.grid{opacity:.16;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 80%)}@keyframes zoom{to{transform:scale(1.035)}}.hero-in{position:relative;z-index:2;width:min(930px,100%);padding:clamp(9.8rem,18vh,13rem) var(--pad) 11rem}.status{display:inline-flex;align-items:center;gap:.7rem;padding:.52rem .75rem;border:1px solid #ffffff2e;border-radius:999px;background:#05080d66;font-size:.68rem;letter-spacing:.06em;text-transform:uppercase}.status i{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 6px #c9ff3d18}.status b{padding-left:.7rem;border-left:1px solid #ffffff35;color:#929dab;font-weight:500}.eyebrow,.kicker{font-size:.69rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}.eyebrow{margin:2.5rem 0 1rem;color:var(--lime)}.hero h1{max-width:920px;margin-bottom:1.5rem;font-size:clamp(3.4rem,7.4vw,7.7rem);font-weight:520;line-height:.91;letter-spacing:-.07em}.hero h1 em{color:var(--lime);font-style:normal}.lead{max-width:640px;color:#bdc5cf;font-size:clamp(1rem,1.4vw,1.24rem);line-height:1.65}.actions{display:flex;gap:.8rem;margin-top:2.2rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:1rem;padding:.9rem 1rem .9rem 1.2rem;border-radius:999px;font-size:.84rem;font-weight:700;transition:.25s}.btn span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn:hover span{transform:rotate(45deg)}.primary{background:var(--lime);color:var(--ink)}.primary span{background:var(--ink);color:#fff}.ghost{border:1px solid #ffffff40}.ghost span{background:#ffffff15;color:var(--lime)}.hero-foot{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:1.25rem var(--pad);border-top:1px solid #ffffff26;background:#05080d42;backdrop-filter:blur(9px)}.hero-foot p{display:flex;gap:1.2rem;align-items:center;margin:0}.hero-foot b{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-foot span,.hero-foot>a{color:#9ca6b3;font-size:.74rem}.reveal{opacity:0;transform:translateY(22px);animation:rise .8s forwards}.reveal:nth-child(2){animation-delay:.08s}.reveal:nth-child(3){animation-delay:.16s}.reveal:nth-child(4){animation-delay:.24s}.reveal:nth-child(5){animation-delay:.32s}.hero-foot.reveal{animation-delay:.45s}@keyframes rise{to{opacity:1;transform:none}}
.ticker{overflow:hidden;padding:1rem 0;background:var(--lime);border-block:1px solid #1c250f}.ticker>div{display:flex;align-items:center;gap:1.7rem;width:max-content;animation:ticker 32s linear infinite;font-size:.82rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.ticker b{font-size:.7rem}@keyframes ticker{to{transform:translateX(-50%)}}.section,.dark{padding:clamp(5rem,10vw,9rem) var(--pad)}.dark{background:var(--ink);color:#fff}.tag{font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#6d7681}.kicker{color:var(--violet)}
.intro{display:grid;grid-template-columns:.55fr 2fr .55fr;gap:clamp(2rem,5vw,6rem)}.intro h2,.services h2,.section-head h2,.about h2,.faq h2{font-size:clamp(2.35rem,5.3vw,5.7rem);font-weight:530;line-height:1;letter-spacing:-.058em}.body-copy{max-width:700px;margin-top:2rem;color:#606871;font-size:1.05rem;line-height:1.75}.intro aside{padding-top:1.4rem;border-top:1px solid var(--line)}.intro aside small,.copy small{color:#737d88;font-size:.65rem;letter-spacing:.13em}.intro aside p{margin-top:1rem;line-height:1.55}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:3rem;margin-bottom:3rem}.dark .kicker{color:var(--lime)}.section-head h2{margin-bottom:0}.controls{display:flex;gap:.55rem}.controls button{width:48px;height:48px;border:1px solid #ffffff30;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.controls button:hover{background:var(--lime);color:var(--ink)}.rail{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:1rem}.rail::-webkit-scrollbar{display:none}.project{flex:0 0 min(88vw,770px);scroll-snap-align:start;overflow:hidden;border:1px solid var(--darkline);border-radius:28px;background:var(--ink2)}.visual{position:relative;display:block;aspect-ratio:16/9;overflow:hidden}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080b1277,transparent 45%)}.visual img{width:100%;height:100%;object-fit:cover;transition:.5s}.project:hover img{transform:scale(1.035)}.visual span{position:absolute;z-index:1;left:1rem;bottom:1rem;padding:.52rem .7rem;border:1px solid #ffffff35;border-radius:999px;background:#080b12b5;backdrop-filter:blur(8px);font-size:.64rem;letter-spacing:.1em;text-transform:uppercase}.copy{padding:1.5rem}.copy h3{margin:.7rem 0;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:580;letter-spacing:-.04em}.copy>p{max-width:620px;color:#adb5c0;line-height:1.65}.copy ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.2rem 0;padding:0;list-style:none}.copy li{padding:.45rem .65rem;border:1px solid #ffffff26;border-radius:999px;color:#bbc3cd;font-size:.68rem}.copy>a,.all{font-size:.8rem;font-weight:700}.copy>a{color:var(--lime)}.progress{height:2px;margin-top:1.5rem;background:#ffffff1f}.progress i{display:block;width:25%;height:100%;background:var(--lime);transition:.2s}.all{display:inline-block;margin-top:2rem}
.services{display:grid;grid-template-columns:.55fr 2.55fr;gap:clamp(2rem,5vw,6rem)}.service-list{margin-top:4rem;border-top:1px solid var(--line)}.service-list>a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:1.2rem;padding:1.6rem 0;border-bottom:1px solid var(--line);transition:.2s}.service-list>a:hover{padding-left:.7rem}.service-list small{color:#747d85}.service-list span>b{font-size:clamp(1.2rem,2vw,1.85rem);letter-spacing:-.03em}.service-list p{margin:.35rem 0 0;color:#68717a}.service-list i{display:grid;place-items:center;width:42px;height:42px;border:1px solid #cbd0cc;border-radius:50%;font-style:normal}.service-list>a:hover i{background:var(--ink);color:var(--lime);transform:rotate(45deg)}
.process .section-head{align-items:start}.process-lead{max-width:450px;color:#aab3bf;line-height:1.7}.process ol{display:grid;grid-template-columns:repeat(4,1fr);margin:5rem 0 0;padding:0;border-top:1px solid var(--darkline);list-style:none}.process li{min-height:280px;padding:1.5rem;border-right:1px solid var(--darkline)}.process li:first-child{padding-left:1.5rem}.process li:last-child{border:0}.process small{color:var(--lime)}.process h3{margin-top:5rem;font-size:1.4rem}.process li p{color:#9da7b4;line-height:1.65}
.about{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,7vw,8rem)}.about-card{padding:clamp(2rem,5vw,4.5rem);border-radius:28px;background:#e3e1ff}.about-card>p:not(.kicker){max-width:740px;color:#555866;line-height:1.75}.about-card>div{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:2rem}.about-card a{padding-bottom:.4rem;border-bottom:1px solid #9290ad;font-size:.8rem;font-weight:700}.principles{border-top:1px solid var(--line)}.principles article{padding:1.5rem 0;border-bottom:1px solid var(--line)}.principles small{color:#778089}.principles h3{margin:1rem 0 .5rem}.principles p{color:#687079;line-height:1.6}
.faq{display:grid;grid-template-columns:.55fr 2.55fr;gap:clamp(2rem,5vw,6rem);background:#e9e9e2}.faq-list{margin-top:3.5rem;border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{display:flex;justify-content:space-between;gap:2rem;padding:1.4rem 0;font-size:clamp(1rem,1.7vw,1.22rem);font-weight:650;cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:1.5rem;transition:.2s}details[open] summary span{transform:rotate(45deg)}details p{max-width:720px;padding:0 2rem 1.4rem 0;color:#626a72;line-height:1.7}.contact-band{padding:clamp(5rem,10vw,9rem) var(--pad);background:var(--violet);color:#fff}.contact-band>p{font-size:.68rem;font-weight:700;letter-spacing:.16em}.contact-band h2{margin:.8rem 0 2.4rem;font-size:clamp(3.5rem,9vw,9rem);font-weight:540;line-height:.9;letter-spacing:-.07em}.contact-band>div{display:flex;align-items:center;gap:1.5rem}.contact-band>div>a:last-child{padding:.5rem 0;border-bottom:1px solid #ffffff77;font-size:.8rem}
footer{display:grid;grid-template-columns:1.2fr 1fr auto;gap:3rem;padding:3.5rem var(--pad);background:#05070b;color:#a0a8b2;font-size:.78rem}footer>div:first-child p{max-width:350px;margin-top:1.2rem;line-height:1.6}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.social{display:flex;flex-direction:column;align-items:flex-end;gap:.9rem}.social p{margin-top:auto}
@media(max-width:850px){.header nav,.head-cta{display:none}.menu-btn{display:flex;width:42px;height:42px;margin-left:auto;border:1px solid #ffffff40;border-radius:50%;background:transparent;flex-direction:column;align-items:center;justify-content:center;gap:5px}.menu-btn i{width:17px;height:1px;background:#fff;transition:.2s}.menu-btn[aria-expanded=true] i:first-child{transform:translateY(3px) rotate(45deg)}.menu-btn[aria-expanded=true] i:last-child{transform:translateY(-3px) rotate(-45deg)}.mobile-nav{position:absolute;top:72px;left:0;right:0;display:flex;visibility:hidden;opacity:0;transform:translateY(-8px);flex-direction:column;padding:1rem;background:#080b12f8;border:1px solid #ffffff25;border-radius:19px;transition:.2s}.mobile-nav.open{visibility:visible;opacity:1;transform:none}.mobile-nav a{padding:.8rem;border-bottom:1px solid #ffffff20}.intro{grid-template-columns:1fr 3fr}.intro aside{grid-column:2}.process ol{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr}.social{align-items:flex-start}}
@media(max-width:600px){.header{top:10px;min-height:60px;width:calc(100% - 20px);padding:8px;border-radius:18px}.brand i{width:36px;height:36px}.hero{min-height:780px}.hero-img img{object-position:63% center}.hero-img:after{background:linear-gradient(180deg,#04070c35,#04070ca5 34%,#04070cf8 74%)}.hero-in{padding-top:9rem}.status b{display:none}.hero h1{font-size:clamp(3.15rem,15vw,5.2rem);letter-spacing:-.063em}.actions{flex-direction:column}.btn{width:100%;justify-content:space-between}.hero-foot p{display:block}.hero-foot p span{display:block;margin-top:.45rem;line-height:1.5}.hero-foot>a{display:none}.section,.dark{padding-block:4.6rem}.intro,.services,.faq{grid-template-columns:1fr}.intro aside{grid-column:auto}.intro h2,.services h2,.section-head h2,.about h2,.faq h2{font-size:2.55rem}.controls{display:none}.project{flex-basis:91vw}.copy{padding:1.2rem}.service-list>a{grid-template-columns:35px 1fr auto;gap:.7rem}.service-list p{font-size:.85rem}.service-list i{width:36px;height:36px}.process .section-head{display:block}.process-lead{margin-top:1.5rem}.process ol{grid-template-columns:1fr;margin-top:3rem}.process li,.process li:first-child{min-height:auto;padding:1.5rem 0;border-right:0;border-top:1px solid var(--darkline)}.process h3{margin-top:2rem}.about-card{padding:1.5rem}.contact-band>div{align-items:stretch;flex-direction:column}.contact-band .btn{max-width:320px}footer{grid-template-columns:1fr}.social{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-img img,.ticker>div,.reveal{animation:none}.reveal{opacity:1;transform:none}}

/* Unified DevByHaseeb theme: navy surfaces, lime accent and glass panels. */
body{background:#07111f;color:#f4f7f9}
.header{background:#07111f73;border-color:#ffffff24}
.header.scrolled{background:#07111fe8}
.section{background:radial-gradient(ellipse at 90% 0%,#c7ff450d,transparent 620px),#07111f;color:#f4f7f9}
.tag{color:#8291a2}.kicker{color:#c7ff45}
.body-copy,.intro aside p{color:#9ba9b8}
.intro aside,.service-list,.service-list>a,.principles,.principles article,.faq-list,details{border-color:#263547}
.intro aside{padding:1.4rem;border:1px solid #263547;border-radius:18px;background:#0d1928}
.work,.process{background:radial-gradient(ellipse at 90% 0%,#173052,transparent 650px),#07111f}
.project{background:linear-gradient(145deg,#102238,#0a1523);border-color:#2b3b4e;box-shadow:0 24px 70px #0003}
.visual{background:#102238}.copy>p{color:#a5b2c0}.copy li{border-color:#33455a;color:#c2cbd5}
.services{background:radial-gradient(ellipse at 8% 0%,#17305280,transparent 600px),#0a1523}
.service-list p,.principles p{color:#9ba9b8}.service-list i{border-color:#3a4b5e;color:#c7ff45}
.service-list>a:hover i{background:#c7ff45;color:#07111f;border-color:#c7ff45}
.about{background:#07111f}
.about-card{position:relative;overflow:hidden;background:radial-gradient(circle at 100% 0%,#c7ff4524,transparent 42%),linear-gradient(145deg,#102238,#0a1523);border:1px solid #2b3b4e;box-shadow:0 28px 80px #0003}
.about-card:after{content:"";position:absolute;right:-90px;bottom:-110px;width:260px;height:260px;border:1px solid #c7ff4538;border-radius:50%;box-shadow:0 0 0 45px #c7ff4508}
.about-card>*{position:relative;z-index:1}.about-card>p:not(.kicker){color:#a5b2c0}.about-card a{border-color:#53657a;color:#c7ff45}
.principles article{padding-inline:1rem;border:1px solid #263547;border-radius:16px;background:#0d1928;margin-bottom:.7rem}
.faq{background:radial-gradient(ellipse at 0% 0%,#17305280,transparent 560px),#0a1523}
.faq-list details p{color:#9ba9b8}.faq-list summary span{color:#c7ff45}
.contact-band{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 10%,#c7ff4526,transparent 32%),linear-gradient(135deg,#102238,#07111f);border-top:1px solid #263547}
.contact-band:after{content:"";position:absolute;right:-12vw;bottom:-26vw;width:56vw;height:56vw;border:1px solid #c7ff4530;border-radius:50%;box-shadow:0 0 0 7vw #c7ff4508,0 0 0 14vw #c7ff4505}
.contact-band>*{position:relative;z-index:1}.contact-band h2 span{color:#c7ff45}
footer{background:#050b13;border-top:1px solid #263547}
@media(max-width:600px){.intro aside{padding:1.1rem}.about-card{border-radius:22px}.principles article{padding:1.2rem}.contact-band:after{width:100vw;height:100vw;right:-50vw;bottom:-50vw}}

/* Branded first-visit preloader. */
body.is-loading{overflow:hidden}
.page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 46%,#16304e 0,transparent 38%),#07111f;color:#f4f7f9;transition:opacity .55s cubic-bezier(.4,0,.2,1),visibility .55s}
.page-loader:before,.page-loader:after{content:"";position:absolute;border:1px solid #c7ff4524;border-radius:50%;animation:loaderOrbit 5s linear infinite}
.page-loader:before{width:min(72vw,620px);height:min(72vw,620px)}
.page-loader:after{width:min(48vw,410px);height:min(48vw,410px);animation-direction:reverse;animation-duration:4s}
.page-loader.done{opacity:0;visibility:hidden;pointer-events:none}
.loader-brand{position:relative;z-index:1;display:grid;justify-items:center;text-align:center}
.loader-mark{display:grid;place-items:center;width:66px;height:66px;border-radius:19px;background:#c7ff45;color:#07111f;font-size:2.35rem;font-weight:850;box-shadow:0 0 0 10px #c7ff450c;animation:loaderMark .65s cubic-bezier(.2,.8,.2,1) both}
.loader-name{display:flex;margin-top:1.25rem;font-size:clamp(1.85rem,5vw,3.65rem);font-weight:720;letter-spacing:-.055em;line-height:1}
.loader-name b{opacity:0;transform:translateY(18px);animation:loaderWord .48s cubic-bezier(.2,.8,.2,1) forwards}.loader-name b:nth-child(2){animation-delay:.1s;color:#c7ff45}.loader-name b:nth-child(3){animation-delay:.2s}
.loader-caption{margin-top:.8rem;color:#8fa0b2;font-size:.61rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;opacity:0;animation:loaderWord .45s .3s forwards}
.loader-line{position:relative;width:min(250px,64vw);height:2px;margin-top:1.35rem;overflow:hidden;background:#ffffff17}
.loader-line:after{content:"";position:absolute;inset:0;background:#c7ff45;transform:translateX(-100%);animation:loaderProgress .9s cubic-bezier(.5,0,.2,1) forwards}
@keyframes loaderMark{from{opacity:0;transform:scale(.72) rotate(-9deg)}to{opacity:1;transform:none}}@keyframes loaderWord{to{opacity:1;transform:none}}@keyframes loaderProgress{to{transform:none}}@keyframes loaderOrbit{to{transform:rotate(360deg)}}

/* Keep the complete desktop banner visible, then breathe in and out gently. */
.hero-img{display:grid;place-items:center;background:#07111f}
.hero-img img{transform-origin:center center;animation:bannerBreath 14s cubic-bezier(.45,0,.55,1) infinite}
@keyframes bannerBreath{0%,100%{transform:scale(1)}50%{transform:scale(1.045)}}
@media(min-width:1200px){.hero{min-height:720px;aspect-ratio:1672/941}.hero-img img{object-fit:contain;object-position:center center}}
@media(max-width:600px){.page-loader:before{width:118vw;height:118vw}.page-loader:after{width:78vw;height:78vw}.loader-mark{width:58px;height:58px;border-radius:17px;font-size:2.05rem}.hero-img img{animation-duration:16s;transform-origin:64% 45%}}
@media(prefers-reduced-motion:reduce){.loader-mark,.loader-name b,.loader-caption,.loader-line:after,.page-loader:before,.page-loader:after{animation:none;opacity:1;transform:none}.hero-img img{animation:none}}

/* Light editorial theme inspired by the clean Deshi layout. */
body{background:#fff;color:#111318}
.header{color:#111318;border-color:#ffffffd9;background:#ffffffc7;box-shadow:0 16px 45px #1018281c}
.header.scrolled{background:#fffffff2;border-color:#e5e7eb}
.header nav a{color:#4b5563}.header nav a:hover{color:#111318}.head-cta{border-color:#d4d7dc;background:#fff}.head-cta span{color:#6d28d9}
.menu-btn{border-color:#d5d8dd!important}.menu-btn i{background:#111318!important}.mobile-nav{background:#fffffff8!important;border-color:#e3e5e8!important;box-shadow:0 20px 50px #10182824}.mobile-nav a{color:#111318;border-color:#e8e9ec!important}.mobile-nav a:last-child{color:#6d28d9}
.section{background:#fff;color:#111318}.tag{color:#7a828c}.kicker{color:#6d28d9}
.intro{background:radial-gradient(circle at 88% 10%,#7c4dff0c,transparent 30%),#fff}.body-copy,.intro aside p{color:#5e6670}
.intro aside,.service-list,.service-list>a,.principles,.principles article,.faq-list,details{border-color:#dfe2e6}
.intro aside{background:#f7f7f4;border-color:#e2e3e0;box-shadow:none}
.work,.process{background:#f5f5f1;color:#111318}
.work .kicker,.process .kicker{color:#6d28d9}.controls button{border-color:#cfd3d8;color:#111318;background:#fff}.controls button:hover{background:#111318;color:#fff;border-color:#111318}
.project{background:#fff;border-color:#dedfe1;box-shadow:0 20px 55px #10182812}.visual{background:#edf0f2}.copy small{color:#727b85}.copy>p{color:#5d6670}.copy li{border-color:#dde0e4;color:#59626d;background:#f7f8f8}.copy>a,.all{color:#6d28d9}.progress{background:#dcdfe2}.progress i{background:#7c4dff}
.services{background:#fff}.service-list p,.principles p{color:#68717a}.service-list i{border-color:#d7dade;color:#6d28d9}.service-list>a:hover i{background:#7c4dff;color:#fff;border-color:#7c4dff}
.process{background:radial-gradient(circle at 95% 0%,#7c4dff12,transparent 32%),#f5f5f1}.process-lead,.process li p{color:#626b75}.process ol,.process li{border-color:#dadddf}.process small{color:#6d28d9}
.about{background:#fff}.about-card{background:radial-gradient(circle at 100% 0%,#7c4dff18,transparent 42%),linear-gradient(145deg,#f4f0ff,#faf9ff);border-color:#ded7f1;box-shadow:0 24px 65px #45208012}.about-card:after{border-color:#7c4dff2e;box-shadow:0 0 0 45px #7c4dff08}.about-card>p:not(.kicker){color:#555d68}.about-card a{color:#6d28d9;border-color:#a99ac7}.principles article{background:#f8f8f5;border-color:#e2e3e0}
.faq{background:#f2f2ee;color:#111318}.faq-list details p{color:#606973}.faq-list summary span{color:#6d28d9}
.contact-band{background:radial-gradient(circle at 85% 10%,#ffffff25,transparent 32%),linear-gradient(135deg,#6f35ec,#8957ff);color:#fff;border-top:0}.contact-band:after{border-color:#ffffff2e;box-shadow:0 0 0 7vw #ffffff09,0 0 0 14vw #ffffff06}.contact-band .primary{background:#fff;color:#5b24cf}.contact-band .primary span{background:#111318;color:#fff}
footer{background:#fff;color:#626b75;border-top:1px solid #e1e3e6}footer .brand{color:#111318}footer a:hover{color:#6d28d9}
.page-loader{background:radial-gradient(circle at 50% 46%,#7c4dff0e 0,transparent 38%),#fff;color:#111318}.page-loader:before,.page-loader:after{border-color:#7c4dff1c}.loader-mark{background:#7c4dff;color:#fff;box-shadow:0 0 0 10px #7c4dff0c}.loader-name b:nth-child(2){color:#7c4dff}.loader-caption{color:#78808b}.loader-line{background:#11131812}.loader-line:after{background:#7c4dff}
@media(max-width:600px){.header .brand b{color:#111318}.work,.process{background:#f5f5f1}.hero .header{background:#ffffffd9}}

/* Final brand palette from the supplied reference: purple, white and lime. */
.hero{background:#6f35ec}
.hero-img:after{background:linear-gradient(90deg,#2a0759ee 0%,#5220b8d9 42%,#7637e98c 72%,#7c4dff73),linear-gradient(0deg,#2a0759d4,transparent 58%)}
.hero:after{content:"";position:absolute;z-index:1;right:-12vw;bottom:-30vw;width:64vw;height:64vw;border:1px solid #ffffff29;border-radius:50%;box-shadow:0 0 0 8vw #ffffff0a,0 0 0 16vw #ffffff07;pointer-events:none;animation:heroRing 12s ease-in-out infinite alternate}
.grid{opacity:.13}.eyebrow{color:#e9ddff}.hero h1 em{color:#fff;text-shadow:0 10px 35px #24005866}.status{background:#35107266;border-color:#ffffff42}.status i{background:#c7ff45}.lead{color:#eee8fb}.primary{background:#fff;color:#5b24cf}.primary span{background:#111318;color:#fff}.ghost{background:#ffffff0d;border-color:#ffffff5c}.ghost span{color:#fff}.hero-foot{background:#2d0d6866;border-color:#ffffff2e}.hero-foot span,.hero-foot>a{color:#e3d9f5}.hero-foot>a:hover{color:#fff}
.ticker{background:linear-gradient(90deg,#6930e6,#8957ff,#6930e6);border-color:#5d25d0;color:#fff}.ticker>div{text-shadow:0 1px 0 #3b0c93}
@keyframes heroRing{to{transform:translate(-2vw,-1vw) scale(1.05);opacity:.72}}
.header .brand i,footer .brand i{background:#baff3b;color:#111318}
.head-cta:hover{background:#7c4dff;color:#fff;border-color:#7c4dff}.head-cta:hover span{color:#fff}
.project,.about-card,.principles article,.intro aside{transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s,border-color .35s}.project:hover{transform:translateY(-7px);border-color:#bba7e4;box-shadow:0 28px 70px #49228b20}.intro aside:hover,.principles article:hover{transform:translateY(-4px);border-color:#c4b4e6;box-shadow:0 16px 35px #4b278712}.about-card:hover{transform:translateY(-5px);box-shadow:0 32px 80px #4520801c}
.service-list>a{position:relative}.service-list>a:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7c4dff0c,transparent);opacity:0;transition:.25s}.service-list>a:hover:before{opacity:1}
.contact-band .btn:hover{box-shadow:0 15px 35px #29007940}

/* Lightweight scroll motion: content stays readable and becomes visible once. */
.motion{opacity:0;transform:translateY(26px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1);transition-delay:var(--motion-delay,0ms)}
.motion.in-view{opacity:1;transform:none}.project.motion{transform:translateY(30px) scale(.985)}.project.motion.in-view{transform:none}
@media(max-width:600px){.hero-img:after{background:linear-gradient(180deg,#5220b84f,#5a20bda6 34%,#2a0759f2 75%)}.hero:after{width:120vw;height:120vw;right:-70vw;bottom:-38vw}.ticker>div{animation-duration:27s}.project:hover,.about-card:hover,.intro aside:hover,.principles article:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.hero:after,.motion{animation:none;transition:none}.motion{opacity:1;transform:none!important}}

/* Reference-inspired desktop header and mixed-style hero typography. */
@media(min-width:851px){
 .header{display:grid;grid-template-columns:1fr auto 1fr;gap:1.2rem;align-items:center;top:20px;width:min(calc(100% - 64px),1320px);padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;backdrop-filter:none}
 .header.scrolled{top:10px;padding:6px;background:transparent;border:0;box-shadow:none}
 .header>.brand{justify-self:start;padding:8px 15px 8px 8px;border:1px solid #ffffffcf;border-radius:18px;background:#ffffffe8;box-shadow:0 12px 35px #2b0b5b1c;backdrop-filter:blur(14px)}
 .header nav{justify-self:center;margin:0;padding:5px;border:1px solid #ffffffd9;border-radius:999px;background:#ffffffe0;box-shadow:0 12px 35px #2b0b5b17;backdrop-filter:blur(16px)}
 .header nav a{padding:.72rem .95rem;border-radius:999px;color:#394150;transition:.22s}
 .header nav a:hover{background:#ffffff;color:#5b24cf}
 .header nav a[aria-current=page]{background:#fff;color:#6d28d9;box-shadow:0 5px 16px #33117317}
 .head-cta{justify-self:end;padding:.9rem 1.15rem;background:#fff;border-color:#ffffffd9;box-shadow:0 12px 35px #2b0b5b17}
}
.hero-in{width:min(940px,100%)}.hero h1{max-width:880px;font-size:clamp(3.3rem,6.2vw,6.7rem);line-height:.91;letter-spacing:-.068em}
.hero h1 span,.hero h1 strong{display:block;font:inherit}.hero h1 strong{font-weight:560}
.hero h1 em{position:relative;display:inline-block;margin-inline:.05em .02em;color:#c7ff45;font-family:Georgia,"Times New Roman",serif;font-size:1.08em;font-weight:400;letter-spacing:-.06em;line-height:.75}
.hero h1 em:after{content:"";position:absolute;left:2%;right:-2%;bottom:-.08em;height:3px;border-radius:999px;background:#c7ff45;transform:rotate(-1.5deg);box-shadow:0 4px 16px #c7ff4555}
.hero .lead{max-width:650px;font-size:clamp(1rem,1.3vw,1.18rem)}
@media(max-width:850px){.header{display:flex}.hero h1{font-size:clamp(3rem,14vw,5rem)}.hero h1 em{font-size:1.03em}.hero h1 em:after{height:2px}.hero h1 span,.hero h1 strong{display:block}}
@media(max-width:420px){.hero h1{font-size:clamp(2.85rem,13.5vw,4rem);line-height:.94}.hero h1 em{letter-spacing:-.08em}}

/* Clear banner image and fully transparent glass navigation. */
.hero{background:#07111f}
.hero-img:after{background:transparent}
.hero:after{opacity:.42}
.hero h1,.hero .lead,.hero .eyebrow,.status{filter:drop-shadow(0 3px 14px #000b)}
.hero-foot{background:#05080d30;border-color:#ffffff30}
@media(min-width:851px){
 .header>.brand,.header nav,.head-cta{color:#fff;border-color:#ffffff4a;background:#07111f24;box-shadow:0 12px 35px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .header>.brand b{color:#fff;text-shadow:0 2px 10px #0009}
 .header nav a{color:#fff;text-shadow:0 2px 10px #0009}
 .header nav a:hover{color:#fff;background:#ffffff18}
 .header nav a[aria-current=page]{color:#fff;background:#ffffff20;box-shadow:inset 0 0 0 1px #ffffff26}
 .head-cta{color:#fff;text-shadow:0 2px 10px #0009}
 .head-cta span{color:#c7ff45}
 .head-cta:hover{color:#fff;background:#ffffff20;border-color:#ffffff70}
}
@media(max-width:850px){
 .header,.header.scrolled{color:#fff;background:#07111f35;border-color:#ffffff4a;box-shadow:0 14px 36px #0003;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .header .brand b{color:#fff;text-shadow:0 2px 10px #0009}
 .menu-btn{border-color:#ffffff55!important;background:#07111f1f}.menu-btn i{background:#fff!important}
}

/* Process cards: purple rises from the bottom on hover. */
.process li{position:relative;isolation:isolate;overflow:hidden;transition:border-color .35s ease}
.process li:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(155deg,#8957ff,#6428dc);transform:scaleY(0);transform-origin:center bottom;transition:transform .48s cubic-bezier(.2,.75,.2,1)}
.process li h3,.process li p,.process li small{position:relative;transition:color .32s ease}
.process li:hover:before{transform:scaleY(1)}
.process li:hover{border-color:#8957ff}
.process li:hover h3,.process li:hover p{color:#fff}
.process li:hover small{color:#c7ff45}
@media(max-width:600px){.process li:before{transition-duration:.38s}}
@media(prefers-reduced-motion:reduce){.process li:before{transition:none}}

/* Keep the transparent hero header readable after it reaches light sections. */
@media(min-width:851px){
 .header.scrolled>.brand,.header.scrolled nav,.header.scrolled .head-cta{background:#ffffffe8;border-color:#e1e3e7;box-shadow:0 12px 35px #1018281c}
 .header.scrolled>.brand b,.header.scrolled nav a,.header.scrolled .head-cta{color:#111318;text-shadow:none}
 .header.scrolled nav a:hover{color:#6d28d9;background:#f4f0ff}
 .header.scrolled nav a[aria-current=page]{color:#6d28d9;background:#fff;box-shadow:0 5px 16px #33117317}
 .header.scrolled .head-cta span{color:#6d28d9}
}

/* Interactive expertise showcase. */
.services-main{min-width:0}.services-stage{display:grid;grid-template-columns:minmax(310px,.82fr) minmax(0,1.18fr);gap:clamp(1.4rem,3.5vw,3.6rem);align-items:start;margin-top:4.5rem}
.service-showcase{position:sticky;top:105px;isolation:isolate;min-height:470px;display:flex;flex-direction:column;overflow:hidden;padding:clamp(1.6rem,3vw,2.5rem);border-radius:30px;background:linear-gradient(145deg,#5520c9,#8957ff);color:#fff;box-shadow:0 30px 70px #4a21862b;transition:transform .35s,box-shadow .35s}
.service-showcase:hover{transform:translateY(-5px);box-shadow:0 36px 85px #4a21863b}
.service-showcase>p{position:relative;z-index:2;font-size:.63rem;font-weight:750;letter-spacing:.18em}.service-showcase>strong{position:relative;z-index:2;align-self:flex-end;font-size:clamp(5rem,9vw,9rem);font-weight:500;line-height:.8;letter-spacing:-.08em;color:#ffffff20;transition:opacity .18s,transform .18s}
.service-showcase>div{position:relative;z-index:2;margin-top:auto;transition:opacity .18s,transform .18s}.service-showcase h3{max-width:430px;margin-bottom:1rem;font-size:clamp(1.8rem,3.2vw,3.3rem);font-weight:570;line-height:1.02;letter-spacing:-.05em}.service-showcase>div>p{max-width:430px;color:#eee8ff;line-height:1.65}.service-showcase ul{display:flex;flex-wrap:wrap;gap:.45rem;margin:1.3rem 0 0;padding:0;list-style:none}.service-showcase li{padding:.5rem .68rem;border:1px solid #ffffff45;border-radius:999px;background:#ffffff0f;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}
.service-orbit{position:absolute;z-index:0;border:1px solid #ffffff26;border-radius:50%;pointer-events:none}.orbit-a{width:420px;height:420px;right:-170px;top:-130px;animation:serviceFloat 8s ease-in-out infinite alternate}.orbit-b{width:230px;height:230px;right:-40px;top:70px;box-shadow:0 0 0 55px #ffffff09,0 0 0 110px #ffffff05;animation:serviceFloat 6s ease-in-out infinite alternate-reverse}@keyframes serviceFloat{to{transform:translate(-18px,22px) scale(1.04)}}
.service-showcase.is-changing>strong,.service-showcase.is-changing>div{opacity:0;transform:translateY(10px)}
.services-stage .service-list{display:grid;gap:.75rem;margin:0;border:0}.services-stage .service-list>a{grid-template-columns:42px 1fr auto;gap:1rem;overflow:hidden;padding:1.25rem;border:1px solid #e0e2e6;border-radius:19px;background:#fff;box-shadow:0 10px 30px #10182808;transition:transform .28s,border-color .28s,box-shadow .28s,background .28s}.services-stage .service-list>a:before{background:linear-gradient(90deg,#7c4dff10,transparent)}.services-stage .service-list>a>*{position:relative;z-index:1}.services-stage .service-list>a:hover,.services-stage .service-list>a.is-active{padding-left:1.25rem;transform:translateX(8px);border-color:#bda8eb;background:#faf8ff;box-shadow:0 16px 38px #4a218614}.services-stage .service-list>a.is-active:before{opacity:1}.services-stage .service-list>a>small{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#f1ecff;color:#6d28d9;font-weight:750}.services-stage .service-list span>b{font-size:clamp(1.05rem,1.8vw,1.45rem)}.services-stage .service-list p{font-size:.88rem;line-height:1.5}.services-stage .service-list i{width:39px;height:39px;background:#fff}
@media(max-width:900px){.services-stage{grid-template-columns:1fr}.service-showcase{position:relative;top:auto;min-height:360px}.service-showcase>strong{font-size:6rem}.services-stage .service-list>a:hover,.services-stage .service-list>a.is-active{transform:none}}
@media(max-width:600px){.services-stage{margin-top:2.5rem}.service-showcase{min-height:310px;padding:1.35rem;border-radius:23px}.service-showcase h3{font-size:2rem}.service-showcase>strong{font-size:4.8rem}.services-stage .service-list>a{grid-template-columns:36px 1fr auto;padding:1rem;gap:.7rem}.services-stage .service-list>a:hover,.services-stage .service-list>a.is-active{padding-left:1rem}.services-stage .service-list>a>small{width:31px;height:31px}.services-stage .service-list p{font-size:.8rem}.services-stage .service-list i{width:34px;height:34px}}
@media(prefers-reduced-motion:reduce){.service-orbit{animation:none}.service-showcase,.service-showcase>strong,.service-showcase>div,.services-stage .service-list>a{transition:none}}

/* Real DevByHaseeb technology logo. */
.brand-image{width:190px;line-height:0}.brand-image img{width:100%;height:auto}.brand-image .logo-dark{display:none}
@media(min-width:851px){.header>.brand-image{padding:13px 15px}.header.scrolled .brand-image .logo-light{display:none}.header.scrolled .brand-image .logo-dark{display:block}}
@media(max-width:850px){.brand-image{width:178px}.header>.brand-image{padding:9px 10px;background:transparent;border:0;box-shadow:none}}
.footer-logo{display:block;width:min(220px,72vw);line-height:0}.footer-logo img{width:100%;height:auto}
.loader-tech-logo{width:min(390px,78vw);height:auto;animation:loaderMark .65s cubic-bezier(.2,.8,.2,1) both}

/* Premium hero-to-content transition. */
.hero-in{padding-bottom:clamp(6.5rem,11vw,9rem)}
.hero-bridge{position:relative;z-index:5;display:grid;grid-template-columns:repeat(3,1fr);width:min(calc(100% - 2*var(--pad)),1240px);margin:-54px auto 0;overflow:hidden;border:1px solid #dedfe4;border-radius:25px;background:#fff;box-shadow:0 28px 75px #25104420}
.hero-bridge>a{position:relative;isolation:isolate;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;min-height:108px;overflow:hidden;padding:1.25rem 1.35rem;border-right:1px solid #e2e3e7;transition:color .35s,transform .35s}
.hero-bridge>a:last-child{border-right:0}.hero-bridge>a:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,#6d28d9,#8957ff);transform:translateY(102%);transition:transform .42s cubic-bezier(.2,.75,.2,1)}
.hero-bridge>a:hover{color:#fff}.hero-bridge>a:hover:before{transform:none}.hero-bridge small{align-self:start;color:#6d28d9;font-size:.58rem;font-weight:800;letter-spacing:.13em}.hero-bridge>a:hover small{color:#d9caff}.hero-bridge span{display:grid;gap:.38rem}.hero-bridge strong{font-size:clamp(1rem,1.45vw,1.25rem);letter-spacing:-.025em}.hero-bridge em{color:#68717b;font-size:.75rem;font-style:normal;line-height:1.45}.hero-bridge>a:hover em{color:#eee8ff}.hero-bridge i{display:grid;place-items:center;width:35px;height:35px;border:1px solid #d3d6dc;border-radius:50%;font-style:normal;transition:transform .3s,background .3s}.hero-bridge>a:hover i{transform:rotate(45deg);border-color:#ffffff66;background:#ffffff18}

/* Directional entrance motion across the homepage. */
.reveal-left{transform:translateX(-48px)}.reveal-right{transform:translateX(48px)}.reveal-up{transform:translateY(34px)}
.motion.motion-left{transform:translateX(-52px)}.motion.motion-right{transform:translateX(52px)}.motion.motion-up{transform:translateY(38px)}.motion.in-view{opacity:1;transform:none}

/* Complete, linked homepage footer. */
.site-end{display:grid;grid-template-columns:minmax(260px,1.25fr) repeat(3,minmax(145px,.7fr));gap:clamp(2rem,5vw,5rem);padding:clamp(3.5rem,7vw,6rem) var(--pad) 1.5rem;background:#fff;color:#626b75;border-top:1px solid #e1e3e6;font-size:.8rem}
.site-end .footer-intro p{max-width:330px;margin:1.25rem 0 1.5rem;line-height:1.65}.site-end nav,.site-end .footer-connect{display:flex;flex-direction:column;align-items:flex-start;gap:.85rem}.site-end b{margin-bottom:.45rem;color:#111318;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase}.site-end nav a,.site-end .footer-connect a{position:relative;padding-bottom:.18rem;transition:color .2s,transform .2s}.site-end nav a:hover,.site-end .footer-connect a:hover{color:#6d28d9;transform:translateX(3px)}.site-end a span{color:#6d28d9}.footer-cta{display:inline-flex;align-items:center;gap:.8rem;padding:.75rem .8rem .75rem 1rem;border:1px solid #d8dbe0;border-radius:999px;color:#111318;font-weight:700}.footer-cta span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#6d28d9;color:#fff!important}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e4e5e7}.footer-bottom p{margin:0}

@media(max-width:900px){.hero-bridge{grid-template-columns:1fr;margin-top:-42px}.hero-bridge>a{min-height:92px;border-right:0;border-bottom:1px solid #e2e3e7}.hero-bridge>a:last-child{border-bottom:0}.site-end{grid-template-columns:1.2fr 1fr 1fr}.site-end .footer-connect{grid-column:2}.site-end .footer-bottom{grid-column:1/-1}}
@media(max-width:600px){.hero{min-height:760px}.hero-in{padding:8.2rem 1.2rem 5.8rem}.hero-bridge{width:calc(100% - 28px);margin-top:-25px;border-radius:21px}.hero-bridge>a{grid-template-columns:1fr auto;gap:.35rem 1rem;min-height:98px;padding:1rem}.hero-bridge small{grid-column:1;white-space:nowrap}.hero-bridge span{grid-column:1}.hero-bridge i{grid-column:2;grid-row:1/3}.hero-bridge em{font-size:.7rem}.motion.motion-left{transform:translateX(-25px)}.motion.motion-right{transform:translateX(25px)}.motion.motion-up{transform:translateY(27px)}.site-end{grid-template-columns:1fr 1fr;gap:2.2rem 1.2rem;padding-top:3.5rem}.site-end .footer-intro{grid-column:1/-1}.site-end .footer-connect{grid-column:auto}.site-end .footer-bottom{grid-column:1/-1;flex-direction:column}.footer-logo{width:min(210px,70vw)}}
@media(max-width:390px){.site-end{grid-template-columns:1fr}.site-end .footer-connect,.site-end .footer-bottom{grid-column:1}.hero-bridge strong{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){.reveal-left,.reveal-right,.reveal-up,.motion.motion-left,.motion.motion-right,.motion.motion-up{opacity:1;transform:none}.hero-bridge>a:before{transition:none}}
html,body{overflow-x:clip}

/* Balanced expertise layout: use the full section width. */
.services{display:block}
.services>.tag{display:flex;align-items:center;gap:1rem;margin:0 0 2.25rem}.services>.tag:after{content:"";width:min(180px,18vw);height:1px;background:#dcdfe5}
.services-main{display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,2fr);gap:clamp(1.8rem,4.5vw,5rem);align-items:start}
.services-main>.kicker{grid-column:1;margin:.7rem 0 0;max-width:180px;line-height:1.65}
.services-main>h2{grid-column:2;max-width:980px;margin:0}
.services-main>.services-stage{grid-column:1/-1;width:100%;grid-template-columns:minmax(340px,.9fr) minmax(0,1.5fr);gap:clamp(1.25rem,2.5vw,2.6rem);margin-top:3.8rem}
.services-stage .service-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:stretch}
.services-stage .service-list>a{grid-template-columns:38px 1fr auto;align-content:center;min-height:180px;padding:1.3rem}
.services-stage .service-list>a:hover,.services-stage .service-list>a.is-active{padding-left:1.3rem;transform:translateY(-5px)}
.services-stage .service-list span>b{display:block;line-height:1.15}.services-stage .service-list p{margin-top:.65rem}

@media(max-width:1050px){.services-main>.services-stage{grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr)}.services-stage .service-list{grid-template-columns:1fr}.services-stage .service-list>a{min-height:auto}}
@media(max-width:900px){.services-main{grid-template-columns:1fr}.services-main>.kicker,.services-main>h2{grid-column:1;max-width:none}.services-main>.kicker{margin:0}.services-main>.services-stage{grid-column:1;grid-template-columns:1fr;margin-top:2.6rem}.services-stage .service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.services-stage .service-list>a:hover,.services-stage .service-list>a.is-active{transform:none}}
@media(max-width:600px){.services{padding-inline:1rem}.services>.tag{margin-bottom:1.5rem}.services>.tag:after{flex:1;width:auto}.services-main{gap:.75rem}.services-main>h2{font-size:clamp(2.15rem,10.8vw,2.7rem);line-height:1.02}.services-main>.kicker{font-size:.62rem}.services-main>.services-stage{margin-top:1.8rem}.service-showcase{min-height:300px}.services-stage .service-list{grid-template-columns:1fr;gap:.65rem}.services-stage .service-list>a{min-height:0;padding:1rem}.services-stage .service-list>a:hover,.services-stage .service-list>a.is-active{padding-left:1rem}.services-stage .service-list span>b{font-size:1.02rem}.services-stage .service-list p{margin-top:.4rem;font-size:.76rem}}
@media(max-width:850px){.header.scrolled{background:#fffffff2;border-color:#e1e3e7;box-shadow:0 14px 36px #1018281c}.header.scrolled .brand-image .logo-light{display:none}.header.scrolled .brand-image .logo-dark{display:block}}
@media(max-width:600px){.services>.tag.motion{opacity:1;transform:none}}

/* Responsive homepage artwork supplied for desktop and mobile. */
.hero-img picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.hero-img picture img{width:100%;height:100%;object-fit:cover!important;object-position:center center!important}
.hero .lead{color:#fff;text-shadow:0 2px 16px #35125ec7}.hero .eyebrow{text-shadow:0 2px 14px #35125ee0}
@media(max-width:600px){.hero-img picture img{object-position:center center!important}}

/* Mobile hero: square artwork first, content in a clean themed panel below. */
@media(max-width:600px){
 .hero{height:auto;min-height:0;aspect-ratio:auto;overflow:visible;background:#fff;color:#111318}
 .hero-img{position:relative;inset:auto;width:100%;height:100vw;max-height:470px;overflow:hidden;background:#6d28d9}
 .hero-img picture{position:absolute;inset:0}.hero-img picture img{object-fit:cover!important;object-position:center center!important;animation:mobileBannerBreath 14s ease-in-out infinite alternate}
 .hero-img:after{background:none}.hero>.grid,.hero:after{display:none}
 .hero-in{z-index:4;width:calc(100% - 20px);margin:-24px auto 0;padding:2rem 1.15rem 3.6rem;border:1px solid #e4e0ec;border-radius:28px 28px 0 0;background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%);box-shadow:0 -18px 45px #35116b1a}
 .hero .status{padding:.48rem .65rem;background:#f4f0ff;border-color:#ddd3f2;color:#4d277f;filter:none;box-shadow:none}.hero .status i{background:#7c4dff;box-shadow:0 0 0 5px #7c4dff17}
 .hero .eyebrow{margin:1.45rem 0 .75rem;color:#6d28d9;text-shadow:none;filter:none;font-size:.58rem;line-height:1.55}
 .hero h1{max-width:340px;margin-bottom:1.15rem;color:#111318;font-size:clamp(2.45rem,12.3vw,3.3rem);line-height:.93;letter-spacing:-.065em;filter:none;text-shadow:none}
 .hero h1 em{color:#6d28d9;text-shadow:none}.hero h1 em:after{background:#6d28d9;box-shadow:0 4px 12px #6d28d944}
 .hero .lead{max-width:350px;color:#5f6670;font-size:.92rem;line-height:1.65;text-shadow:none;filter:none}
 .hero .actions{display:grid;grid-template-columns:1.25fr 1fr;gap:.65rem;margin-top:1.65rem}.hero .btn{width:auto;min-width:0;padding:.72rem .65rem .72rem .9rem;font-size:.72rem;white-space:nowrap}
 .hero .primary{background:#6d28d9;color:#fff}.hero .primary span{background:#fff;color:#6d28d9}.hero .ghost{border-color:#d8d3e3;background:#fff;color:#111318}.hero .ghost span{background:#f1ecff;color:#6d28d9}
 .hero-bridge{margin-top:-25px}
}
@media(max-width:380px){.hero .actions{grid-template-columns:1fr}.hero .btn{width:100%}}
@keyframes mobileBannerBreath{from{transform:scale(1)}to{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.hero-img picture img{animation:none}}

/* Desktop hero: keep the supplied artwork completely clear, then place content below it. */
@media(min-width:601px){
 .hero{height:auto;min-height:0;aspect-ratio:auto;overflow:visible;background:#fff;color:#111318}
 .hero-img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1774/887;overflow:hidden;background:#d9c7fa}
 .hero-img picture img{object-fit:cover!important;object-position:center center!important}
 .hero-img:after,.hero>.grid,.hero:after{display:none}
 .hero-in{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);grid-template-rows:auto auto auto 1fr;column-gap:clamp(2.5rem,7vw,8rem);width:100%;padding:clamp(3.3rem,6vw,6rem) var(--pad) clamp(5rem,8vw,7.5rem);background:radial-gradient(circle at 95% 0%,#7c4dff10,transparent 32%),#fff}
 .hero .status{grid-column:1/-1;justify-self:start;padding:.5rem .72rem;background:#f4f0ff;border-color:#ddd3f2;color:#4d277f;filter:none;box-shadow:none}.hero .status i{background:#7c4dff;box-shadow:0 0 0 5px #7c4dff17}.hero .status b{border-color:#d1c5e9;color:#776888}
 .hero .eyebrow{grid-column:1/-1;margin:1.7rem 0 1rem;color:#6d28d9;text-shadow:none;filter:none}
 .hero h1{grid-column:1;grid-row:3/5;align-self:start;max-width:850px;margin:0;color:#111318;font-size:clamp(3.5rem,6.2vw,6.7rem);filter:none;text-shadow:none}
 .hero h1 em{color:#6d28d9;text-shadow:none}.hero h1 em:after{background:#6d28d9;box-shadow:0 4px 12px #6d28d944}
 .hero .lead{grid-column:2;grid-row:3;align-self:end;margin:0;color:#5f6670;font-size:clamp(1rem,1.3vw,1.15rem);text-shadow:none;filter:none}
 .hero .actions{grid-column:2;grid-row:4;align-self:start;display:flex;flex-wrap:wrap;margin-top:1.7rem}.hero .btn{width:auto}
 .hero .primary{background:#6d28d9;color:#fff}.hero .primary span{background:#fff;color:#6d28d9}.hero .ghost{border-color:#d8d3e3;background:#fff;color:#111318}.hero .ghost span{background:#f1ecff;color:#6d28d9}
 .hero-bridge{margin-top:-42px}
}
@media(min-width:601px) and (max-width:900px){.hero-in{display:block}.hero h1{max-width:720px}.hero .lead{max-width:620px;margin-top:1.5rem}.hero .actions{margin-top:1.5rem}}

/* Compact mobile hero copy so the complete message and actions fit naturally below the artwork. */
@media(max-width:600px){
 .hero-in{margin-top:-145px;padding:1.35rem 1.05rem 2.65rem;border-radius:24px 24px 0 0;background:linear-gradient(180deg,#fffffff0 0%,#fff 54%,#fbf9ff 100%);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}
 .hero .status{display:none}
 .hero .status i{width:6px;height:6px}
 .hero .eyebrow{margin:1rem 0 .55rem;font-size:.53rem;line-height:1.35;letter-spacing:.14em}
 .hero h1{max-width:310px;margin-bottom:.8rem;font-size:clamp(2.15rem,10.7vw,2.75rem);line-height:.92;letter-spacing:-.06em}
 .hero .lead{max-width:330px;margin-bottom:0;font-size:.79rem;line-height:1.48}
 .hero .actions{gap:.5rem;margin-top:1.1rem}
 .hero .btn{min-height:45px;padding:.58rem .55rem .58rem .78rem;font-size:.65rem}
 .hero .btn span{width:29px;height:29px}
}

/* Desktop hero copy sits on the artwork; mobile keeps its compact panel below. */
@media(min-width:901px){
 .hero{position:relative;height:auto;min-height:640px;aspect-ratio:1774/887;overflow:hidden;background:#d9c7fa;color:#111318}
 .hero-img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto}
 .hero-img:after{display:block;background:linear-gradient(90deg,#f5edffe8 0%,#eee1ffbd 34%,#ffffff32 57%,transparent 72%)}
 .hero-in{position:relative;z-index:4;display:block;width:min(760px,58%);padding:clamp(8.4rem,11vw,10.5rem) 0 4rem var(--pad);background:transparent}
 .hero .status{display:inline-flex;padding:.5rem .72rem;background:#ffffffb8;border-color:#ad91dc80;color:#4d277f;box-shadow:0 10px 30px #3f17651a;backdrop-filter:blur(9px)}
 .hero .status b{border-color:#ad91dc80;color:#6f5f82}
 .hero .eyebrow{margin:1.8rem 0 .9rem;color:#5d1ec7}
 .hero h1{max-width:720px;margin:0;color:#111318;font-size:clamp(3.45rem,5.45vw,6rem);line-height:.9}
 .hero .lead{max-width:600px;margin-top:1.3rem;color:#4f5661;font-size:clamp(.96rem,1.2vw,1.12rem);line-height:1.55}
 .hero .actions{display:flex;margin-top:1.55rem}
 .hero-bridge{margin-top:-42px}
}

/* Refined homepage sections: concise copy, animated value cards and a visible two-column work grid. */
.solution-intro{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.35fr);gap:clamp(2rem,6vw,7rem);align-items:center;background:radial-gradient(circle at 8% 15%,#7c4dff12,transparent 30%),#fff}
.solution-copy h2{max-width:600px;margin:1rem 0 1.3rem;font-size:clamp(2.8rem,5vw,5.2rem);font-weight:540;line-height:.94;letter-spacing:-.06em}
.solution-copy>p:last-child{max-width:580px;margin:0;color:#5f6872;font-size:1rem;line-height:1.7}
.solution-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem}
.solution-steps article{position:relative;isolation:isolate;display:flex;min-height:235px;overflow:hidden;flex-direction:column;padding:1.4rem;border:1px solid #dddfe4;border-radius:24px;background:#fff;box-shadow:0 18px 45px #2510440b;transition:transform .35s,border-color .35s,color .35s}
.solution-steps article:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(145deg,#6d28d9,#8957ff);transform:translateY(102%);transition:transform .45s cubic-bezier(.2,.75,.2,1)}
.solution-steps article:hover{color:#fff;border-color:#7c4dff;transform:translateY(-8px)}.solution-steps article:hover:before{transform:none}
.solution-steps small{color:#6d28d9;font-size:.62rem;font-weight:800;letter-spacing:.14em}.solution-steps article:hover small{color:#d9caff}
.solution-steps strong{margin-top:auto;font-size:clamp(1.2rem,2vw,1.65rem);letter-spacing:-.03em}.solution-steps span{margin-top:.65rem;color:#69727c;font-size:.8rem;line-height:1.55}.solution-steps article:hover span{color:#eee9ff}
.solution-steps article:nth-child(2){animation:solutionFloat 5.5s ease-in-out infinite alternate}.solution-steps article:nth-child(3){animation:solutionFloat 6.5s .7s ease-in-out infinite alternate-reverse}@keyframes solutionFloat{to{transform:translateY(-7px)}}

.work .section-head{align-items:end}.work-intro{max-width:430px;margin:0;color:#626b75;line-height:1.6}
.work .rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.15rem;overflow:visible;padding:0;scroll-snap-type:none}
.work .project{min-width:0;display:flex;flex-direction:column;border-radius:24px}
.work .project .visual{aspect-ratio:16/9}.work .project .copy{display:flex;flex:1;flex-direction:column;padding:1.35rem}
.work .project .copy h3{font-size:clamp(1.65rem,2.6vw,2.35rem)}.work .project .copy>p{font-size:.9rem;line-height:1.55}
.work .project .copy>a{margin-top:auto}.work .all{margin-top:2.2rem}

.services-main>h2{max-width:900px;font-size:clamp(2.75rem,4.7vw,4.9rem);line-height:.98}
.process .section-head h2{max-width:760px;font-size:clamp(2.8rem,4.8vw,5rem);line-height:.96}
.process .process-lead{max-width:460px;color:#626b75;line-height:1.65}
.faq h2{margin-bottom:.8rem;font-size:clamp(2.8rem,4.7vw,4.8rem);line-height:.98}.faq-intro{max-width:540px;margin:0;color:#68717a;line-height:1.65}.faq-list{margin-top:2.2rem}

@media(max-width:900px){
 .solution-intro{grid-template-columns:1fr}.solution-steps article{min-height:190px}
 .work .section-head{align-items:start;flex-direction:column;gap:1rem}.work .rail{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
 .hero-in{margin-top:-115px}.hero .lead{display:none}.hero .eyebrow{margin-top:0}
 .solution-intro{gap:2rem;padding-inline:1rem}.solution-copy h2{font-size:2.65rem}.solution-copy>p:last-child{font-size:.9rem;line-height:1.6}
 .solution-steps{grid-template-columns:1fr;gap:.65rem}.solution-steps article{min-height:128px;padding:1.1rem;border-radius:19px}.solution-steps article:nth-child(2),.solution-steps article:nth-child(3){animation:none}.solution-steps strong{margin-top:1.8rem}
 .work{padding-inline:1rem}.work .section-head h2{font-size:2.6rem}.work-intro{font-size:.86rem}.work .rail{grid-template-columns:1fr;gap:.85rem}.work .project{border-radius:20px}.work .project .copy{padding:1.05rem}.work .project .copy h3{font-size:1.75rem}.work .project .copy>p{font-size:.82rem}.work .project .copy ul{margin:.85rem 0}.work .project .visual span{font-size:.55rem}
 .services-main>h2,.process .section-head h2,.faq h2{font-size:clamp(2.15rem,10vw,2.65rem);line-height:1}
 .process .section-head{margin-bottom:2rem}.process .process-lead{font-size:.88rem}.process ol{margin-top:1.5rem}
 .faq{gap:1rem}.faq>.tag{margin-bottom:.4rem}.faq-intro{font-size:.88rem}.faq-list{margin-top:1.5rem}summary{font-size:1rem}
}
@media(prefers-reduced-motion:reduce){.solution-steps article{animation:none}}

/* Footer groups become compact accordions on phones. */
.footer-group{min-width:0}.footer-toggle{display:flex;width:100%;align-items:center;justify-content:space-between;margin:0 0 1.3rem;padding:0;border:0;background:transparent;color:#111318;font:inherit;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-align:left;text-transform:uppercase}.footer-toggle span{display:none}.footer-toggle:disabled{opacity:1}
@media(max-width:900px) and (min-width:601px){.site-end .footer-group:last-of-type{grid-column:2}.site-end .footer-connect{grid-column:auto}}
@media(max-width:600px){
 .site-end{grid-template-columns:1fr;gap:0;padding:3rem 1rem 1.4rem}.site-end .footer-intro,.site-end .footer-group,.site-end .footer-bottom{grid-column:1}
 .site-end .footer-intro{padding-bottom:2rem}.site-end .footer-group{border-top:1px solid #e2e3e7}
 .footer-toggle{min-height:62px;margin:0;cursor:pointer}.footer-toggle span{display:grid;place-items:center;width:31px;height:31px;border:1px solid #d6d9df;border-radius:50%;color:#6d28d9;font-size:1.15rem;font-weight:500;letter-spacing:0;transition:transform .25s,background .25s,color .25s}
 .site-end .footer-group>nav,.site-end .footer-group>.footer-connect{display:none;grid-column:auto;padding:0 0 1.25rem}
 .site-end .footer-group.open>nav,.site-end .footer-group.open>.footer-connect{display:flex;animation:footerOpen .28s ease both}
 .site-end .footer-group.open .footer-toggle span{transform:rotate(45deg);background:#6d28d9;color:#fff;border-color:#6d28d9}
 .site-end .footer-group nav a,.site-end .footer-group .footer-connect a{width:100%;padding:.42rem 0;font-size:.86rem}
 .site-end .footer-bottom{margin-top:0;padding-top:1.4rem;border-top:1px solid #e2e3e7}
}
@keyframes footerOpen{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.site-end .footer-group.open>nav,.site-end .footer-group.open>.footer-connect{animation:none}}

/* Small-screen polish: balanced type, consistent gutters and centred vertical reveals. */
.back-top{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #d6d9df;border-radius:50%;color:#6d28d9;font-size:1rem;font-weight:800;transition:transform .25s,background .25s,color .25s}.back-top:hover{transform:translateY(-3px);background:#6d28d9;color:#fff}
@media(max-width:600px){
 .section,.dark,.contact-band{padding-inline:1rem}
 .solution-copy h2,.work .section-head h2,.services-main>h2,.process .section-head h2,.about h2,.faq h2,.contact-band h2{text-wrap:balance}
 .solution-copy h2{font-size:clamp(2.2rem,11vw,2.55rem);line-height:1}.work .section-head h2{font-size:clamp(2.2rem,11vw,2.5rem)}
 .services-main>h2{font-size:clamp(2rem,10vw,2.4rem);line-height:1.03}.service-showcase{min-height:280px}.service-showcase h3{font-size:1.8rem}
 .process .section-head h2{font-size:clamp(2.05rem,10vw,2.4rem);line-height:1.02}.process .process-lead{max-width:32rem}
 .about{gap:1.2rem}.about-card{padding:1.3rem}.about-card h2{font-size:clamp(2rem,10vw,2.35rem);line-height:1.02}.about-card>p:not(.kicker){font-size:.9rem;line-height:1.65}.principles article{padding:1.2rem}
 .faq h2{font-size:clamp(2.1rem,10vw,2.45rem)}.contact-band h2{font-size:clamp(2.65rem,13vw,3.25rem);line-height:.94}
 .motion.motion-left,.motion.motion-right,.motion.motion-up{transform:translateY(22px)}.motion.in-view{transform:none}
 .site-end .footer-bottom{flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}.site-end .footer-bottom p{max-width:235px;font-size:.68rem;line-height:1.5}.back-top{width:38px;height:38px;flex-basis:38px;background:#f5f1ff}
}

/* Client-first FAQ: a clear, interactive handoff from questions to project enquiry. */
.faq{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:clamp(2rem,6vw,6.5rem);align-items:start;background:radial-gradient(circle at 4% 8%,#8b5cf624,transparent 27%),radial-gradient(circle at 96% 88%,#c7ff4528,transparent 22%),#f4f2fa;color:#111318}
.faq:before{content:"";position:absolute;z-index:-1;right:-9rem;top:-12rem;width:34rem;height:34rem;border:1px solid #6d28d918;border-radius:50%;box-shadow:0 0 0 5rem #6d28d908,0 0 0 10rem #6d28d905;animation:faq-breathe 7s ease-in-out infinite}
.faq-lead{position:relative;overflow:hidden;min-height:520px;padding:clamp(2rem,4vw,3.6rem);border:1px solid #ffffff45;border-radius:32px;background:linear-gradient(145deg,#17111f 0%,#2b1458 55%,#6d28d9 145%);box-shadow:0 30px 80px #35136b24;color:#fff}
.faq-lead:before{content:"";position:absolute;inset:auto -18% -42% 20%;aspect-ratio:1;border:1px solid #ffffff20;border-radius:50%;box-shadow:0 0 0 3rem #ffffff08,0 0 0 6rem #ffffff05}
.faq-lead>*{position:relative;z-index:1}.faq-lead .kicker{display:flex;align-items:center;gap:.65rem;margin:0 0 2.2rem;color:#d9c9ff}.faq-lead .kicker i{width:8px;height:8px;border-radius:50%;background:#c7ff45;box-shadow:0 0 0 7px #c7ff4518;animation:faq-pulse 2.2s ease-out infinite}.faq-lead h2{max-width:620px;margin:0;font-size:clamp(2.7rem,5vw,5.3rem);line-height:.94;letter-spacing:-.065em;text-wrap:balance}.faq-lead .faq-intro{max-width:560px;margin:1.6rem 0 0;color:#d9d2e6;font-size:1rem;line-height:1.75}.faq-lead>a{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding-bottom:.45rem;border-bottom:1px solid #ffffff66;color:#fff;font-size:.78rem;font-weight:750}.faq-lead>a span{color:#c7ff45;transition:transform .25s}.faq-lead>a:hover span{transform:translate(3px,-3px)}
.faq-signal{position:absolute;z-index:0;right:1.8rem;bottom:1.7rem;width:190px;height:72px}.faq-signal:before{content:"";position:absolute;left:15px;right:15px;top:27px;height:1px;background:linear-gradient(90deg,#c7ff4580,#ffffff55,#c7ff4580);transform-origin:left;animation:faq-line 3.8s ease-in-out infinite}.faq-signal span{position:absolute;top:21px;width:13px;height:13px;border:2px solid #c7ff45;border-radius:50%;background:#361768;box-shadow:0 0 0 6px #c7ff4512;animation:faq-node 3.8s ease-in-out infinite}.faq-signal span:nth-child(1){left:8px}.faq-signal span:nth-child(2){left:88px;animation-delay:.45s}.faq-signal span:nth-child(3){right:8px;animation-delay:.9s}.faq-signal b{position:absolute;top:47px;color:#cfc3e4;font-size:.52rem;letter-spacing:.12em}.faq-signal b:nth-of-type(1){left:0}.faq-signal b:nth-of-type(2){left:78px}.faq-signal b:nth-of-type(3){right:0}
.faq-list{display:grid;gap:.8rem;margin:0;border:0}.faq-list details{position:relative;overflow:hidden;margin:0;border:1px solid #ddd9e8;border-radius:21px;background:#ffffffd9;box-shadow:0 12px 35px #26143b08;transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .35s,box-shadow .35s,background .35s}.faq-list details:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(#8b5cf6,#6d28d9);transform:scaleY(0);transform-origin:center;transition:transform .35s}.faq-list details:hover{transform:translateX(-8px);border-color:#bca9e8;box-shadow:0 20px 50px #3e176b14}.faq-list details[open]{transform:translateX(-8px);border-color:#a88cde;background:#fff;box-shadow:0 24px 60px #3e176b18}.faq-list details[open]:before{transform:scaleY(1)}.faq-list summary{align-items:center;padding:1.35rem 1.25rem 1.35rem 1.45rem;color:#16131c;font-size:clamp(1rem,1.5vw,1.22rem);font-weight:720;line-height:1.35}.faq-list summary span{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border:1px solid #ded7eb;border-radius:50%;background:#f5f1ff;color:#6d28d9;font-size:1.3rem;font-weight:450;transition:transform .35s,background .35s,color .35s}.faq-list details:hover summary span{background:#ede6ff}.faq-list details[open] summary span{transform:rotate(45deg);background:#6d28d9;color:#fff;border-color:#6d28d9}.faq-list details p{max-width:690px;margin:0;padding:0 5rem 1.45rem 1.45rem;color:#626777;line-height:1.7;animation:faq-answer .38s ease both}
@keyframes faq-breathe{50%{transform:scale(1.06);opacity:.65}}@keyframes faq-pulse{70%{box-shadow:0 0 0 13px #c7ff4500}}@keyframes faq-line{0%,15%{transform:scaleX(.05);opacity:.3}55%,100%{transform:scaleX(1);opacity:1}}@keyframes faq-node{0%,30%{transform:scale(.75);opacity:.45}55%,100%{transform:scale(1);opacity:1}}@keyframes faq-answer{from{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}
@media(max-width:900px){.faq{grid-template-columns:1fr;gap:1rem}.faq-lead{min-height:420px}.faq-list details:hover,.faq-list details[open]{transform:none}}
@media(max-width:600px){.faq{padding-block:4rem;background:radial-gradient(circle at 10% 5%,#8b5cf61f,transparent 28%),#f4f2fa}.faq-lead{min-height:390px;padding:1.5rem;border-radius:24px}.faq-lead .kicker{margin-bottom:1.6rem;font-size:.58rem;letter-spacing:.14em}.faq-lead h2{font-size:clamp(2.35rem,12vw,3.15rem);line-height:.95}.faq-lead .faq-intro{margin-top:1.2rem;font-size:.87rem;line-height:1.65}.faq-lead>a{margin-top:1.4rem}.faq-signal{right:1.2rem;bottom:1.15rem;transform:scale(.82);transform-origin:right bottom}.faq-list{gap:.65rem}.faq-list details{border-radius:17px}.faq-list summary{gap:1rem;padding:1.1rem;font-size:.94rem}.faq-list summary span{width:34px;height:34px;flex-basis:34px}.faq-list details p{padding:0 1.1rem 1.15rem;font-size:.84rem;line-height:1.65}}
@media(prefers-reduced-motion:reduce){.faq:before,.faq-lead .kicker i,.faq-signal:before,.faq-signal span,.faq-list details p{animation:none}.faq-list details{transition:none}}

/* Keep the phone hero focused: content sits lower and the desktop solution bridge stays hidden. */
@media(max-width:600px){
 .hero-in{margin-top:-55px;padding-top:1.55rem;padding-bottom:2.35rem;border-radius:26px 26px 0 0}
 .hero h1 .title-line{display:inline}
 .hero .eyebrow{margin-bottom:.65rem}.hero h1{margin-bottom:.9rem}
 .hero .actions{margin-top:1.25rem}
 .hero-bridge{display:none}
}

/* Mobile-only auto slider for the solutions Haseeb builds. */
.mobile-skill-slider{display:none}
@media(max-width:600px){
 .mobile-skill-slider{position:relative;display:flex;width:calc(100% - 2rem);height:52px;margin:1.15rem auto 0;overflow:hidden;align-items:center;border:1px solid #7741eb;border-radius:17px;background:linear-gradient(100deg,#5520c9,#7c3ff0 52%,#8957ff);box-shadow:0 16px 36px #4a21862b,inset 0 1px #ffffff35;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
 .mobile-skill-track{display:flex;width:max-content;flex:0 0 auto;align-items:center;gap:.9rem;padding-inline:.8rem;white-space:nowrap;animation:mobileSkills 22s linear infinite}
 .mobile-skill-track span{color:#fff;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 8px #2c075f66}
 .mobile-skill-track i{color:#c9ff3d;font-size:.66rem;font-style:normal}
 .mobile-skill-slider~.solution-intro{padding-top:2.75rem}
}
@keyframes mobileSkills{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.mobile-skill-track{animation:none}.mobile-skill-slider{overflow-x:auto;mask-image:none;-webkit-mask-image:none}}

/* Interactive work showcase: playful capabilities above a stronger project grid. */
.work{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 7%,#7c4dff1c,transparent 27%),linear-gradient(180deg,#f8f6ff 0%,#f3f3ef 46%,#f5f5f1 100%)}
.work:before{content:"";position:absolute;z-index:-1;right:-18rem;top:-20rem;width:44rem;height:44rem;border:1px solid #7c4dff1a;border-radius:50%;box-shadow:0 0 0 6rem #7c4dff08,0 0 0 12rem #7c4dff05;pointer-events:none}
.work .section-head{position:relative;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:clamp(2rem,7vw,8rem);align-items:end;margin-bottom:2.5rem}
.work-heading h2{max-width:850px;margin:.9rem 0 0;font-size:clamp(3.2rem,6vw,6.5rem);font-weight:540;line-height:.88;letter-spacing:-.07em}.work-heading h2 span{display:block;color:#6d28d9;font-family:Georgia,"Times New Roman",serif;font-size:.9em;font-weight:400;letter-spacing:-.055em}
.work-head-side{display:grid;gap:1.1rem;padding-top:1.25rem;border-top:1px solid #cfd1d8}.work-head-side>strong{display:flex;align-items:baseline;gap:.6rem;color:#363c45;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase}.work-head-side>strong b{color:#6d28d9;font-size:2rem;line-height:1;letter-spacing:-.05em}.work-head-side .work-intro{font-size:.92rem}

.work-playground{position:relative;margin:0 0 3rem;overflow:hidden;border:1px solid #3b285b;border-radius:30px;background:radial-gradient(circle at 74% 12%,#7c4dff3d,transparent 34%),linear-gradient(145deg,#171122,#24143d 58%,#10131c);color:#fff;box-shadow:0 30px 70px #30115222}
.work-play-top,.work-play-bottom{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 1.6rem}.work-play-top{border-bottom:1px solid #ffffff17}.work-play-label{margin:0 0 .45rem;color:#bda7e8;font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.work-play-top h3{margin:0;font-size:clamp(1.45rem,2.6vw,2.25rem);font-weight:570;letter-spacing:-.04em}.work-play-top h3+p{margin:.45rem 0 0;color:#aca5ba;font-size:.72rem}
.work-play-reset{min-width:90px;min-height:42px;padding:.65rem .8rem;border:1px solid #ffffff30;border-radius:999px;background:#ffffff0b;color:#fff;cursor:pointer}.work-play-reset:hover{background:#fff;color:#29134f}.work-play-reset span{color:#c9ff3d}
.work-tag-arena{position:relative;display:flex;min-height:290px;flex-wrap:wrap;align-content:flex-end;justify-content:center;gap:.8rem;overflow:hidden;padding:1.5rem}.work-tag-arena.is-interactive{display:block;height:330px;padding:0}
.work-tag{display:inline-flex;min-height:56px;align-items:center;justify-content:center;gap:.65rem;padding:.75rem 1.15rem;border:1px solid #ffffff2e;border-radius:999px;color:#fff;font:inherit;font-size:.88rem;font-weight:750;white-space:nowrap;box-shadow:0 12px 28px #05010e55,inset 0 1px #ffffff26;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.work-tag>span{display:grid;place-items:center;min-width:1.25rem;font-size:1rem}.work-tag-arena.is-interactive .work-tag{position:absolute;left:0;top:0;transform-origin:center}.work-tag.is-grabbed{cursor:grabbing;box-shadow:0 22px 42px #05010e8c,0 0 0 4px #ffffff18}.work-tag:focus-visible{outline:3px solid #c9ff3d;outline-offset:4px}
.tag-erp{background:linear-gradient(135deg,#0f766e,#115e59)}.tag-ai{background:linear-gradient(135deg,#7c3aed,#5b21b6)}.tag-meta{background:linear-gradient(135deg,#2484ff,#1557c0)}.tag-web{background:linear-gradient(135deg,#f97316,#c2410c)}.tag-shopify{background:linear-gradient(135deg,#16a34a,#087f5b)}
.work-play-bottom{border-top:1px solid #ffffff17;color:#9f98ad;font-size:.57rem;font-weight:750;letter-spacing:.14em}.work-play-bottom span:last-child{color:#d9cfff;letter-spacing:.05em}

.work .rail{position:relative;gap:1.4rem}.work .project{border:1px solid #ddd8e8;background:#ffffffdf;box-shadow:0 24px 65px #2d174014;backdrop-filter:blur(10px);transition:transform .35s,box-shadow .35s,border-color .35s}.work .project:hover{transform:translateY(-7px);border-color:#bda8e8;box-shadow:0 32px 80px #32145122}.work .project .visual{margin:.7rem .7rem 0;border-radius:18px}.work .project .visual span{border-color:#ffffff55;background:#160a2dc7}.work .project .copy{padding:1.45rem 1.45rem 1.55rem}.work .project .copy>a{display:inline-flex;width:max-content;align-items:center;padding:.65rem .8rem;border-radius:999px;background:#f1ebff;color:#5b21b6;transition:background .25s,color .25s}.work .project .copy>a:hover{background:#6d28d9;color:#fff}
.work .project:nth-child(1){border-top-color:#7c3aed}.work .project:nth-child(2){border-top-color:#2484ff}.work .project:nth-child(3){border-top-color:#f97316}.work .project:nth-child(4){border-top-color:#16a34a}
.mobile-work-nav{display:none}

@media(max-width:900px){.work .section-head{grid-template-columns:1fr;gap:1.3rem}.work-head-side{max-width:620px}.work-heading h2{font-size:clamp(3rem,10vw,5rem)}}
@media(max-width:600px){
 .work:before{right:-26rem;top:-18rem}.work .section-head{margin-bottom:1.8rem}.work-heading h2{font-size:clamp(2.65rem,13vw,3.35rem);line-height:.9}.work-heading h2 span{font-size:.92em}.work-head-side{gap:.75rem;padding-top:1rem}.work-head-side>strong b{font-size:1.65rem}.work-head-side .work-intro{font-size:.82rem}
 .work-playground{margin-bottom:2rem;border-radius:23px}.work-play-top,.work-play-bottom{padding:1.1rem}.work-play-top{align-items:flex-start}.work-play-top h3{font-size:1.45rem}.work-play-top h3+p{max-width:210px;line-height:1.5}.work-play-reset{min-width:68px;min-height:38px;padding:.5rem;font-size:.68rem}
 .work-tag-arena{min-height:270px;padding:1rem}.work-tag-arena.is-interactive{height:290px}.work-tag{min-height:45px;padding:.62rem .8rem;font-size:.72rem;gap:.45rem}.work-tag>span{font-size:.82rem}.work-play-bottom{font-size:.48rem;gap:.6rem;letter-spacing:.1em}
 .mobile-work-nav{display:flex;align-items:center;justify-content:space-between;margin:0 0 .85rem;padding:.15rem .15rem .15rem .35rem;color:#5d6470;font-size:.68rem;font-weight:750;letter-spacing:.12em}.mobile-work-nav>span b{color:#6d28d9;font-size:1rem}.mobile-work-nav>div{display:flex;gap:.45rem}.mobile-work-nav button{display:grid;width:39px;height:39px;place-items:center;border:1px solid #d8cfee;border-radius:50%;background:#fff;color:#5b21b6;font-size:1rem;box-shadow:0 8px 22px #35126912;transition:.2s}.mobile-work-nav button:active{transform:scale(.94)}.mobile-work-nav button:disabled{opacity:.35}
 .work .rail{display:flex;grid-template-columns:none;gap:.8rem;overflow-x:auto;overflow-y:hidden;padding:0 0 .8rem;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.work .rail::-webkit-scrollbar{display:none}.work .project{flex:0 0 100%;width:100%;min-width:100%;scroll-snap-align:start;scroll-snap-stop:always;border-radius:20px}.work .project .visual{margin:.5rem .5rem 0;border-radius:15px}.work .project .copy{padding:1.1rem}.work .project:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){.work .project,.work-tag{transition:none}}

/* Roomier final CTA with a balanced button on every screen. */
.contact-band{padding-inline:clamp(2rem,4.5vw,5rem)}
.contact-band h2{max-width:1200px;font-size:clamp(3.5rem,8.1vw,8rem);text-wrap:balance}
.contact-band>div>a.btn{min-width:220px;justify-content:space-between;padding:.9rem 1rem .9rem 1.65rem;border-bottom:0}
@media(max-width:600px){
 .contact-band{padding-inline:1rem}
 .contact-band>div>a.btn{width:100%;max-width:none;min-width:0;padding-left:1.35rem}
}

/* Desktop capability map: a lightweight animated view of the connected stack. */
.systems-map{position:relative;margin:0 0 3rem;overflow:hidden;border:1px solid #d9d0ee;border-radius:30px;background:radial-gradient(circle at 50% 44%,#7c3aed13 0 12%,transparent 38%),linear-gradient(145deg,#fff,#f4f0ff 55%,#edf7f7);box-shadow:0 30px 75px #32145117}
.systems-map-head,.systems-map-foot{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.35rem 1.6rem}.systems-map-head{border-bottom:1px solid #ddd6eb}.systems-map-head p{margin:0 0 .45rem;color:#6d28d9;font-size:.58rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.systems-map-head h3{margin:0;color:#17131f;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:570;letter-spacing:-.045em}.systems-map-head>span{display:flex;align-items:center;gap:.55rem;padding:.55rem .75rem;border:1px solid #d6cce9;border-radius:999px;background:#ffffffb8;color:#635d6d;font-size:.65rem;font-weight:700}.systems-map-head>span i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px #16a34a17;animation:systemPulse 1.8s ease-out infinite}
.systems-stage{position:relative;height:500px;overflow:hidden}.systems-stage:before,.systems-stage:after{content:"";position:absolute;left:50%;top:50%;border:1px solid #7c3aed15;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.systems-stage:before{width:390px;height:390px}.systems-stage:after{width:270px;height:270px;animation:systemRing 5s ease-in-out infinite alternate}.systems-lines{position:absolute;inset:0;width:100%;height:100%}.systems-lines path{fill:none;stroke:#8b5cf6;stroke-width:1.4;stroke-dasharray:7 9;vector-effect:non-scaling-stroke;animation:systemFlow 11s linear infinite}.systems-lines path:nth-child(2){animation-delay:-3s}.systems-lines path:nth-child(3){animation-delay:-5s}.systems-lines path:nth-child(4){animation-delay:-7s}.systems-lines path:nth-child(5){animation-delay:-9s}
.systems-core{position:absolute;left:50%;top:50%;z-index:2;display:flex;width:210px;height:210px;align-items:center;justify-content:center;flex-direction:column;border:1px solid #6d28d955;border-radius:50%;background:linear-gradient(145deg,#1b102e,#30135d);color:#fff;box-shadow:0 28px 70px #35126733,inset 0 1px #ffffff24;transform:translate(-50%,-50%)}.systems-core>span{position:absolute;inset:-11px;border:1px solid #7c3aed55;border-radius:50%;animation:coreOrbit 9s linear infinite}.systems-core>span:after{content:"";position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:#c9ff3d;box-shadow:0 0 18px #c9ff3d}.systems-core small{color:#ba9bea;font-size:.58rem;font-weight:800;letter-spacing:.17em;text-transform:uppercase}.systems-core strong{margin:.55rem 0 .35rem;font-size:1.55rem;letter-spacing:-.04em}.systems-core em{color:#b9afc9;font-size:.68rem;font-style:normal}
.system-node{--node:#7c3aed;position:absolute;z-index:2;display:flex;width:220px;min-height:86px;align-items:center;gap:.85rem;padding:.85rem;border:1px solid #ddd8e8;border-radius:19px;background:#ffffffed;box-shadow:0 18px 40px #26103b16;animation:nodeFloat 4.8s ease-in-out infinite alternate}.system-node>i{display:grid;width:44px;height:44px;flex:0 0 44px;place-items:center;border-radius:13px;background:color-mix(in srgb,var(--node) 13%,white);color:var(--node);font-size:.95rem;font-weight:850;font-style:normal}.system-node div{display:grid;min-width:0}.system-node small{color:var(--node);font-size:.48rem;font-weight:850;letter-spacing:.14em}.system-node strong{margin:.18rem 0;color:#17131f;font-size:.96rem;letter-spacing:-.02em}.system-node span{overflow:hidden;color:#74707c;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}.node-erp{--node:#0f766e;left:4%;top:16%;animation-delay:-1s}.node-ai{--node:#7c3aed;left:9%;bottom:8%;animation-delay:-3.2s}.node-meta{--node:#1677e8;right:4%;top:14%;animation-delay:-2.1s}.node-web{--node:#e65c0b;right:8%;bottom:8%;animation-delay:-4s}.node-shopify{--node:#129447;left:50%;top:3.5%;transform:translateX(-50%);animation-name:nodeFloatCentre;animation-delay:-2.7s}
.systems-map-foot{border-top:1px solid #ddd6eb;color:#7b7485;font-size:.53rem;font-weight:800;letter-spacing:.17em}.systems-map-foot span{display:flex;align-items:center;gap:.7rem}.systems-map-foot span:not(:last-child):after{content:"";width:clamp(24px,5vw,75px);height:1px;background:linear-gradient(90deg,#8b5cf6,transparent)}
.systems-map+.work-playground{display:none}
@keyframes systemPulse{70%,100%{box-shadow:0 0 0 12px #16a34a00}}@keyframes systemFlow{to{stroke-dashoffset:-160}}@keyframes systemRing{to{width:310px;height:310px;opacity:.55}}@keyframes coreOrbit{to{transform:rotate(360deg)}}@keyframes nodeFloat{to{transform:translateY(-9px)}}@keyframes nodeFloatCentre{to{transform:translate(-50%,-9px)}}
@media(max-width:900px){.systems-map{display:none}.systems-map+.work-playground{display:block}}
@media(prefers-reduced-motion:reduce){.systems-map *{animation:none!important}}

/* Number-free homepage flow: editorial labels become useful, interactive signals. */
.solution-intro{position:relative;isolation:isolate;overflow:hidden;grid-template-columns:minmax(290px,.78fr) minmax(0,1.32fr);align-items:stretch;background:radial-gradient(circle at 6% 15%,#7c4dff18,transparent 28%),linear-gradient(180deg,#fff,#faf9ff)}
.solution-intro:before{content:"";position:absolute;z-index:-1;left:-15rem;bottom:-19rem;width:35rem;height:35rem;border:1px solid #7c4dff17;border-radius:50%;box-shadow:0 0 0 5rem #7c4dff07,0 0 0 10rem #7c4dff04}
.solution-copy{align-self:center}.solution-copy .tag,.services>.tag{display:flex;align-items:center;gap:.65rem;color:#6d28d9}.solution-copy .tag i,.services>.tag i{width:8px;height:8px;border-radius:50%;background:#6d28d9;box-shadow:0 0 0 6px #6d28d912;animation:sectionSignal 2.3s ease-out infinite}.solution-copy h2{margin:1.2rem 0 1.5rem}.solution-copy>p:not(.tag){max-width:610px;margin:0;color:#5f6872;font-size:1rem;line-height:1.72}.solution-proof{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}.solution-proof span{display:flex;align-items:center;gap:.45rem;padding:.62rem .78rem;border:1px solid #ddd8e8;border-radius:999px;background:#ffffffc7;color:#514d58;font-size:.68rem;font-weight:720;box-shadow:0 8px 22px #28133f08}.solution-proof span:before{content:"✓";color:#6d28d9;font-weight:900}
.solution-route{align-self:center;padding:1.2rem;border:1px solid #ddd6eb;border-radius:31px;background:#f4f0ff99;box-shadow:0 28px 70px #37135d14;backdrop-filter:blur(10px)}.solution-route-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.35rem .3rem 1.15rem;color:#5f5968;font-size:.62rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.solution-route-head b{display:flex;align-items:center;gap:.55rem;color:#6d28d9;font-size:.58rem}.solution-route-head b i{width:7px;height:7px;border-radius:50%;background:#16a34a;box-shadow:0 0 0 5px #16a34a16;animation:sectionSignal 1.9s ease-out infinite}
.solution-route .solution-steps{position:relative;gap:.7rem}.solution-route .solution-steps:before{content:"";position:absolute;z-index:0;left:10%;right:10%;top:45px;height:1px;background:linear-gradient(90deg,#8b5cf635,#8b5cf6,#8b5cf635)}.solution-route .solution-steps:after{content:"";position:absolute;z-index:2;left:10%;top:40px;width:11px;height:11px;border-radius:50%;background:#c7ff45;box-shadow:0 0 0 7px #c7ff4524,0 0 22px #6d28d9;animation:routeMove 5s ease-in-out infinite}.solution-route .solution-steps article{z-index:1;min-height:265px;padding:1.15rem;border-color:#e1dced;border-radius:21px;animation:none;background:#fffffff2}.solution-route .solution-steps article:before{background:linear-gradient(150deg,#211334,#6d28d9)}.solution-route .solution-steps small{display:grid;width:48px;height:48px;place-items:center;border:1px solid #d8ccef;border-radius:15px;background:#f5f0ff;color:#6d28d9;font-size:1rem;letter-spacing:0;transition:transform .35s,background .35s,color .35s}.solution-route .solution-steps article:hover small{transform:rotate(-7deg) scale(1.06);background:#c7ff45;color:#16131c}.solution-route .solution-steps strong{font-size:clamp(1.1rem,1.65vw,1.45rem)}
.services>.tag{margin-bottom:2.4rem}.services>.tag:after{flex:1;width:auto;max-width:230px;background:linear-gradient(90deg,#bca7e6,transparent)}.service-showcase{--service-accent:#c7ff45;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--service-accent) 18%,transparent),transparent 31%),linear-gradient(145deg,#221238,#4d1da3 58%,#6d28d9)}.service-showcase:after{content:"";position:absolute;z-index:1;left:-25%;right:-25%;top:-20%;height:2px;background:linear-gradient(90deg,transparent,var(--service-accent),transparent);box-shadow:0 0 22px var(--service-accent);opacity:.65;animation:serviceScan 5s ease-in-out infinite}.service-showcase>strong{align-self:flex-end;color:var(--service-accent);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(4.5rem,8vw,8rem);font-weight:760;letter-spacing:-.09em;text-shadow:0 0 35px color-mix(in srgb,var(--service-accent) 32%,transparent);animation:serviceMark 4s ease-in-out infinite}.service-orbit{border-color:color-mix(in srgb,var(--service-accent) 38%,transparent)}.services-stage .service-list>a>small{font-size:.76rem;letter-spacing:-.04em}.services-stage .service-list>a:nth-child(1)>small{background:#f1ffe0;color:#4f7d00}.services-stage .service-list>a:nth-child(2)>small{background:#e5f7ff;color:#0876a5}.services-stage .service-list>a:nth-child(3)>small{background:#e8fff0;color:#087a36}.services-stage .service-list>a:nth-child(4)>small{background:#fff5d8;color:#9a6500}.work-head-side>strong b{font-size:.72rem;line-height:1;color:#6d28d9}.process small,.principles small{font-size:.58rem;font-weight:850;letter-spacing:.16em}
@keyframes sectionSignal{70%,100%{box-shadow:0 0 0 13px #6d28d900}}@keyframes routeMove{0%,12%{left:10%;opacity:.35}45%{left:49%;opacity:1}88%,100%{left:88%;opacity:.35}}@keyframes serviceScan{0%,15%{top:-5%;opacity:0}45%{opacity:.7}80%,100%{top:105%;opacity:0}}@keyframes serviceMark{50%{transform:translateY(-7px) rotate(2deg);filter:brightness(1.08)}}
@media(max-width:900px){.solution-intro{grid-template-columns:1fr}.solution-route{margin-top:.5rem}}
@media(max-width:600px){.solution-intro{gap:1.6rem;padding-top:3.8rem}.solution-copy h2{margin:1rem 0;font-size:clamp(2.35rem,11.7vw,2.9rem)}.solution-copy>p:not(.tag){font-size:.88rem;line-height:1.65}.solution-proof{gap:.4rem;margin-top:1.3rem}.solution-proof span{padding:.52rem .62rem;font-size:.59rem}.solution-route{padding:.8rem;border-radius:23px}.solution-route-head{padding:.3rem .25rem .9rem;font-size:.52rem}.solution-route .solution-steps{grid-template-columns:1fr}.solution-route .solution-steps:before,.solution-route .solution-steps:after{display:none}.solution-route .solution-steps article{min-height:132px;padding:1rem}.solution-route .solution-steps small{width:38px;height:38px;border-radius:12px;font-size:.82rem}.solution-route .solution-steps strong{margin-top:1.3rem}.service-showcase>strong{font-size:4rem}.services>.tag{margin-bottom:1.4rem}}
@media(prefers-reduced-motion:reduce){.solution-copy .tag i,.services>.tag i,.solution-route-head b i,.solution-route .solution-steps:after,.service-showcase:after,.service-showcase>strong{animation:none}}