*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#faf9fc;color:#292138;font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h2{font-size:clamp(32px,3.5vw,46px);line-height:1.22;letter-spacing:-1.7px;font-weight:800}h2 span{color:#7c6b98}.container{max-width:1240px;margin:auto;padding:0 32px}.header{height:90px;background:rgba(250,249,252,.94);position:sticky;top:0;z-index:30;backdrop-filter:blur(18px);border-bottom:1px solid #eeeaf3}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;line-height:1.25}.wordmark{font-family:Manrope,sans-serif;font-size:47px;font-weight:800;letter-spacing:-4px;color:#4e267e;position:relative}.wordmark>span{font-size:12px;letter-spacing:0;position:absolute;top:6px;right:-10px}.brand-description{font-size:13px;letter-spacing:2px;font-weight:700;border-left:1px solid #dcd4e5;padding-left:15px}.brand-description small{font-size:8px;letter-spacing:1px;font-weight:500}nav{display:flex;gap:27px;align-items:center}nav a{font-size:14px;font-weight:500;position:relative}nav a.active{color:#733ecd}nav a.active:after{content:'';position:absolute;bottom:-12px;height:3px;width:18px;background:#9464db;border-radius:4px;left:0}.new{font-size:9px;background:#eee4ff;padding:3px 5px;color:#7541b1;border-radius:4px;margin-left:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;border-radius:8px;font-size:14px;font-weight:700;transition:transform .25s,box-shadow .25s,background .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #26144422}.nav-cta{background:#6334a1;color:white;padding:11px 20px}.nav-cta svg{width:15px}.menu-toggle{display:none;border:0;background:transparent;color:#6334a1}.hero{background:#231344;color:white;position:relative;overflow:hidden;background-image:radial-gradient(ellipse at 74% 35%,#6c3d9d55,transparent 55%),radial-gradient(ellipse at 8% 95%,#512f7744,transparent 55%)}.hero-grid{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(#b99fda 1px,transparent 1px),linear-gradient(90deg,#b99fda 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:68px;align-items:center;padding-top:76px;padding-bottom:75px;position:relative}.eyebrow{display:flex;align-items:center;gap:10px;color:#c1a8e5;font-size:11px;font-weight:700;letter-spacing:2px;line-height:1.5}.mini-line{width:24px;height:2px;background:#c796ff}.hero h1{font-size:clamp(42px,4.5vw,61px);line-height:1.13;letter-spacing:-2.6px;font-weight:800;margin:23px 0}.hero h1>span{background:linear-gradient(100deg,#be8fff,#e1a5ed 80%);background-clip:text;color:transparent}.hero-description{color:#c5bcd4;font-size:16px;max-width:450px;line-height:1.85}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:29px}.primary{color:white;background:#8250c8}.primary:hover{background:#9761df}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:600}.circle-icon{width:27px;height:27px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #907ba9;border-radius:50%}.circle-icon svg{width:14px}.hero-proof{display:flex;align-items:center;gap:13px;margin-top:38px}.proof-icon{width:38px;height:38px;border:1px solid #745987;border-radius:50%;display:grid;place-items:center;color:#c4abe5}.hero-proof p{font-size:12px;color:#d7cae6;line-height:1.7}.hero-proof strong{font-size:11px;font-weight:400;color:#9f8caf}.hero-visual{position:relative;margin-top:5px}.visual-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#c6b2df;margin-bottom:19px}.visual-year{color:#a18cb8;font-size:9px}.overview{background:#fff;border-radius:13px;overflow:hidden;color:#342844;transform:rotate(-3deg);box-shadow:0 25px 75px #14072170}.overview-top{padding:17px 20px;border-bottom:1px solid #eeeaf3;display:flex;justify-content:space-between;align-items:center}.overview-logo{font-weight:800;color:#7244a6;font-size:23px;letter-spacing:-1px}.overview-logo span{font-weight:500;font-size:12px;letter-spacing:0;color:#928698;margin-left:8px}.overview-body{padding:23px}.overview-greeting{display:flex;justify-content:space-between;align-items:center}.overview-greeting p{font-size:11px;color:#93869b}.overview-greeting h3{font-size:21px;letter-spacing:-.6px;margin-top:3px}.purple-icon{display:grid;place-items:center;background:#efe6fa;color:#8750c8;width:39px;height:39px;border-radius:11px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:21px 0}.metric-grid>div{background:#f8f5fc;border:1px solid #eee7f5;border-radius:8px;padding:14px 11px;display:flex;flex-direction:column;gap:5px}.metric-grid span{font-size:10px;color:#8e7f9c}.metric-grid strong{font-size:12px}.metric-grid small{font-size:9px;color:#448877;display:flex;align-items:center;gap:3px}.metric-grid svg{width:11px;height:11px}.chart-heading{display:flex;justify-content:space-between;font-size:11px;align-items:center}.chart-heading span{font-size:9px;color:#95849f}.chart{height:116px;display:flex;gap:10px;align-items:flex-end;position:relative;padding-top:14px;margin:10px 0;background:repeating-linear-gradient(0deg,#eee9f4 0 1px,transparent 1px 32px)}.bar{height:var(--bar);width:100%;background:linear-gradient(#a580e0,#e0d2f5);border-radius:4px 4px 0 0;transform-origin:bottom;animation:bar-rise 1.5s ease both}.bar:nth-child(even){background:linear-gradient(#7550b2,#b899e1)}.chart-foot{display:flex;justify-content:space-between;font-size:9px;color:#94849f}.overview-bottom{padding:11px 17px;background:#faf8fd;border-top:1px solid #eee7f4;display:flex;justify-content:space-between;gap:5px;align-items:center;font-size:9px;color:#8a779a}.overview-bottom>span{display:flex;align-items:center;gap:5px}.overview-bottom svg{width:13px;height:13px}.overview-bottom small{font-size:8px}.floating-tag{position:absolute;display:flex;align-items:center;gap:10px;background:white;padding:13px 16px;border-radius:9px;box-shadow:0 14px 35px #160a3533;color:#322340;animation:float 6s ease-in-out infinite;z-index:2}.floating-tag strong{font-size:11px;display:block}.floating-tag div>span{font-size:10px;color:#9986a6}.tag-one{top:77px;right:-28px}.tag-two{bottom:54px;left:-38px;animation-delay:-3s}.icon-surface{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:13px;flex-shrink:0}.floating-tag .icon-surface{width:34px;height:34px;border-radius:9px}.floating-tag svg{width:17px}.mint{background:#e0f3eb;color:#499978}.peach{background:#ffeadf;color:#d28156}.lavender{background:#eee4fd;color:#8a55cb}.blue{background:#e4ecff;color:#5f81cc}.pink{background:#fae4f1;color:#c9669d}.yellow{background:#fcf2d3;color:#b79943}.visual-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:30px}.spark{font-size:49px;color:#c8a0f1;line-height:1}.visual-footer p{font-size:10px;color:#a58ebb}.visual-footer strong{color:#d5c7e3;font-size:12px;font-weight:500}.hero-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #6d52724d;padding-top:19px;padding-bottom:19px;font-size:9px;letter-spacing:1.6px;color:#a693bc}.hero-bottom>a{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.4px}.hero-bottom svg{width:15px;height:15px}.intro-strip{background:#f1edf6;border-bottom:1px solid #e8e1ef}.strip-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;padding-top:31px;padding-bottom:31px;align-items:center}.strip-inner>p{font-size:15px;line-height:1.6;color:#94829f}.strip-inner>p strong{color:#483353}.strip-inner>div{padding-left:35px;border-left:1px solid #ded4e8;display:flex;align-items:center;gap:17px}.strip-inner>div strong{font-size:34px;font-family:Manrope;letter-spacing:-1.8px;font-weight:800;color:#63398d}.strip-inner>div strong span{font-size:22px}.strip-inner>div>span{font-size:11px;max-width:80px;line-height:1.6;color:#857390}.section{padding:90px 0}.dark{color:#856b9e}.dark .mini-line{background:#9673bd}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-heading h2{margin-top:16px}.section-heading>p{max-width:330px;color:#8b8093;font-size:14px;line-height:1.85;padding-bottom:5px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{padding:26px;background:#fff;border:1px solid #eae3f0;border-radius:12px;text-align:left;color:inherit;display:flex;flex-direction:column;transition:box-shadow .3s,border .3s;min-height:290px}.service-card:hover{box-shadow:0 15px 35px #50356e12;border-color:#b697d6}.service-top{display:flex;justify-content:space-between;align-items:center;width:100%}.service-number{font-size:11px;color:#bbadca;font-family:Manrope}.service-card h3{font-size:21px;line-height:1.35;letter-spacing:-.5px;margin:21px 0 12px}.service-card p{color:#93869d;font-size:13px;line-height:1.8;margin-bottom:22px;max-width:270px}.service-link{margin-top:auto;display:flex;justify-content:space-between;font-size:11px;font-weight:600;color:#8257b1;border-top:1px solid #f0eaf5;padding-top:14px}.service-link svg{width:15px;height:15px}.it-service-banner{display:flex;align-items:center;gap:22px;margin-top:22px;padding:27px 29px;background:#f0e9f9;border:1px solid #e4d7f3;border-radius:12px}.pill{font-size:9px;letter-spacing:1.5px;color:#9065b5;font-weight:700}.it-service-banner h3{font-size:18px;letter-spacing:-.3px;margin:2px 0}.it-service-banner p{font-size:12px;color:#9880ab}.banner-button{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:12px;font-weight:700;color:#714796;white-space:nowrap}.banner-button svg{width:16px}.technology{background:#251743;background-image:radial-gradient(ellipse at 10% 90%,#62378450,transparent 60%);color:white}.technology h2 span{color:#bd93e7}.technology .section-heading>p{color:#baa9cf}.tech-layout{display:grid;grid-template-columns:.85fr 1fr;gap:55px;margin-top:45px;align-items:center}.tech-menu{display:flex;flex-direction:column;gap:10px}.tech-tab{border:1px solid transparent;background:transparent;display:flex;align-items:center;gap:18px;color:white;padding:23px 20px;text-align:left;border-radius:10px;transition:background .3s,border .3s}.tech-tab.selected{background:#53337666;border-color:#8660a84d}.tech-tab:hover{background:#64438744}.tech-tab-icon{color:#c29ae9;display:flex}.tech-tab-icon svg{width:26px;height:26px}.tech-tab strong{display:block;font-size:17px;font-weight:600}.tech-tab small{display:block;font-size:12px;color:#a791bc;margin-top:4px}.tab-indicator{margin-left:auto;font-size:11px;color:#b192cd}.tech-note{display:flex;align-items:center;gap:10px;color:#a891bd;font-size:11px;margin:19px 20px}.tech-note svg{width:16px}.tech-panel{background:#faf8fe;color:#3e2b52;border-radius:13px;overflow:hidden;box-shadow:0 15px 70px #12082635}.browser-chrome{display:flex;gap:5px;align-items:center;background:#ede7f4;padding:14px 18px;border-bottom:1px solid #e5dced}.browser-chrome>span{height:7px;width:7px;background:#cab9dc;border-radius:50%}.browser-chrome small{margin:auto;font-size:8px;letter-spacing:1.5px;color:#9c83b0}.browser-chrome svg{width:13px;height:13px;color:#aa91c0}.tech-panel-content{padding:34px 36px}.tech-panel-content h3{font-size:28px;line-height:1.25;letter-spacing:-1px;margin:19px 0 14px}.tech-panel-content>p:not(.eyebrow){font-size:13px;color:#94839f;line-height:1.85}.tech-panel-content ul{list-style:none;padding:0;margin:24px 0;display:flex;flex-direction:column;gap:12px}.tech-panel-content li{display:flex;align-items:center;gap:10px;font-size:12px}.tech-panel-content li svg{width:16px;height:16px;color:#9870bf}.tech-panel-content .button{font-size:12px;padding:13px 20px}.about-layout{display:grid;grid-template-columns:.85fr 1fr;gap:100px;align-items:center}.about-art{padding:36px;background:#eee7f6;border-radius:13px;position:relative;overflow:hidden;border:1px solid #e6dcf1}.about-art:before{content:'';position:absolute;border:1px solid #d9c9ea;width:380px;height:380px;right:-230px;top:-75px;border-radius:50%;box-shadow:0 0 0 45px #ddcfec44,0 0 0 90px #ddcfec44}.about-art .eyebrow{font-size:9px}.about-large{font-family:Manrope;font-size:148px;line-height:1.2;letter-spacing:-10px;font-weight:800;color:#704997;margin:18px 0 5px;position:relative}.about-large span{font-size:74px;vertical-align:top;letter-spacing:-5px}.about-art>p{color:#705b87;font-size:20px;line-height:1.45;letter-spacing:-.4px}.about-art-bottom{margin-top:35px;padding-top:24px;border-top:1px solid #d8cbe6;display:flex;align-items:center;justify-content:space-between}.about-art-bottom .spark{color:#8053ac}.about-art-bottom>span:last-child{font-size:9px;letter-spacing:1.5px;line-height:1.7;color:#957aa9}.about-copy h2{margin:16px 0 22px}.about-copy>p:not(.eyebrow){font-size:14px;color:#93829f;line-height:1.9;margin-bottom:14px}.values{display:flex;flex-wrap:wrap;gap:17px;padding-top:14px;margin-bottom:27px}.values span{font-size:10px;color:#806792;display:flex;gap:6px;align-items:center}.values svg{width:15px;height:15px;color:#9165b5}.dark-link{color:#724893}.dark-link .circle-icon{border-color:#d1bce4}.contact-section{background:#60358d;background-image:radial-gradient(ellipse at 85% 0%,#a668c850,transparent 65%);color:white;padding:65px 0 37px}.contact-top{display:flex;justify-content:space-between;align-items:center;gap:30px;padding-bottom:44px}.contact-top h2{font-size:38px;margin:17px 0 13px;letter-spacing:-1.4px}.contact-top h2 span{color:#dcc0f3}.contact-top p:not(.eyebrow){font-size:13px;color:#d4bde6}.contact-actions{display:flex;flex-direction:column;gap:10px;min-width:236px}.white-button{background:white;color:#694090}.outline-button{border:1px solid #b88dcf;color:#ead7f7}.contact-actions small{font-size:10px;text-align:center;color:#c6a7da;margin-top:3px}.branches{border-top:1px solid #ac83c14d;padding-top:29px;display:grid;grid-template-columns:1.1fr repeat(5,1fr);gap:15px}.branches>p{font-size:9px;letter-spacing:1px;color:#c7a4de}.branches>p strong{color:#e2cef1;font-weight:500}.branches>a{display:flex;flex-direction:column;align-items:flex-start;gap:3px}.branches>a svg{width:15px;height:15px;color:#cca6e6;margin-bottom:7px}.branches>a strong{font-size:11px;font-weight:500}.branches>a span{font-size:9px;color:#c9aadd;line-height:1.7}.branches>a:hover strong{text-decoration:underline}footer{padding:27px 0;background:#f7f4fb}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner .wordmark{font-size:36px}.footer-inner .brand-description{font-size:9px;letter-spacing:1.3px}.footer-inner .brand-description small{font-size:6px}.footer-inner p{font-size:10px;color:#a08eaf}.back-top{display:flex;align-items:center;gap:10px;font-size:10px;color:#876a9e}.back-top svg{width:15px}.loader{position:fixed;inset:0;z-index:100;background:#231344;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:25px;transition:opacity .5s,visibility .5s;pointer-events:none;animation:loader-failsafe 0s 5s forwards}.loader.dismissed{opacity:0;visibility:hidden}.loader-logo{font-family:Manrope;font-size:65px;font-weight:800;letter-spacing:-5px;color:#dcc4fa}.loader-logo>span{font-size:15px;vertical-align:super;letter-spacing:0}.spinner{width:28px;height:28px;border:2px solid #8d63b74d;border-top-color:#d4acf9;border-radius:50%;animation:spin .8s linear infinite}.scroll-progress{position:fixed;top:0;left:0;height:3px;transform-origin:left;background:#b589e8;width:100%;transform:scaleX(0);z-index:50}dialog{width:min(550px,calc(100% - 32px));border:1px solid #e4d7ef;border-radius:16px;padding:0;box-shadow:0 30px 100px #23134455;color:#3c2a4e}dialog::backdrop{background:#1c0c36aa;backdrop-filter:blur(5px)}.dialog-content{padding:38px}.dialog-close{position:absolute;right:16px;top:16px;border:0;border-radius:50%;width:30px;height:30px;background:#f0e7f8;display:grid;place-items:center;color:#6f4797}.dialog-content h2{font-size:30px;margin:18px 0}.dialog-content>p:not(.eyebrow){color:#8e7c9c;font-size:15px}.dialog-content ul{padding-left:20px;color:#7d658f;line-height:2;margin:22px 0}.dialog-content .button{margin-top:5px}a:focus-visible,button:focus-visible{outline:3px solid #cb8aef;outline-offset:5px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-8px)}}@keyframes bar-rise{from{transform:scaleY(.15)}to{transform:scaleY(1)}}@keyframes loader-failsafe{to{opacity:0;visibility:hidden}}
@media(min-width:1440px){.hero-layout{padding-top:90px;padding-bottom:90px}}
@media(max-width:1100px){nav{gap:17px}.brand-description{display:none}.hero-layout{gap:40px}.hero h1{font-size:49px}.hero-actions{gap:15px}.hero-actions .button{padding:13px 16px}.text-link{font-size:11px}.tag-one{right:-10px}.about-layout{gap:50px}.strip-inner>div{padding-left:20px;gap:12px}.branches{grid-template-columns:repeat(3,1fr);gap:25px}.branches>p{align-self:center}.tech-layout{gap:28px}}
@media(max-width:800px){.container{padding-left:24px;padding-right:24px}.header{height:74px}.brand-description{display:block}.nav-cta{margin-left:auto}.menu-toggle{display:block;padding:6px}nav{position:absolute;top:74px;left:0;right:0;padding:24px;background:#faf9fc;display:none;flex-direction:column;align-items:flex-start;gap:24px;box-shadow:0 20px 30px #31204720}nav.open{display:flex}nav a.active:after{bottom:-7px}.hero-layout{grid-template-columns:1fr;padding-top:48px;padding-bottom:40px;gap:55px}.hero h1{font-size:clamp(42px,7vw,60px)}.hero-description{max-width:540px}.hero-visual{max-width:470px;width:calc(100% - 30px);justify-self:center}.hero-bottom>span:last-child{display:none}.hero-bottom{font-size:8px}.strip-inner{grid-template-columns:repeat(3,1fr);row-gap:20px}.strip-inner>p{grid-column:1/-1;text-align:center}.strip-inner>div{padding-left:18px}.strip-inner>div:nth-child(2){border:0;padding:0}.section{padding:65px 0}.section-heading{display:block}.section-heading>p{max-width:520px;margin-top:20px}.service-grid{grid-template-columns:repeat(2,1fr)}.it-service-banner{flex-wrap:wrap;padding:24px;gap:15px}.it-service-banner>div{flex:1;min-width:200px}.banner-button{margin-left:63px}.tech-layout{grid-template-columns:1fr;gap:25px}.tech-note{margin:12px 20px}.about-layout{grid-template-columns:1fr;gap:35px}.about-art{max-width:500px;width:100%}.about-large{font-size:120px}.contact-top{flex-direction:column;align-items:flex-start;gap:25px}.contact-actions{width:100%;max-width:350px}.contact-top h2{font-size:34px}.footer-inner{flex-wrap:wrap}.footer-inner p{order:3;width:100%;text-align:center}.footer-inner .brand-description{display:block}}
@media(max-width:480px){.nav-cta{padding:9px 11px;font-size:11px;gap:6px}.nav-cta svg{width:12px}.nav-wrap{gap:14px}.wordmark{font-size:40px}.header .brand-description{font-size:10px;padding-left:11px;letter-spacing:1px}.header .brand-description small{font-size:6px;letter-spacing:.5px}.brand{gap:11px}.hero h1{font-size:39px;letter-spacing:-1.8px}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-proof{margin-top:29px}.hero-visual{width:calc(100% - 10px)}.overview-body{padding:18px}.overview-greeting h3{font-size:18px}.metric-grid strong{font-size:10px}.tag-one{right:-12px;top:66px}.tag-two{left:-12px;bottom:45px}.floating-tag{padding:10px}.floating-tag strong{font-size:9px}.floating-tag div>span{font-size:9px}.floating-tag .icon-surface{width:28px;height:28px}.visual-footer{margin-top:37px}.hero-bottom>span{max-width:130px;line-height:1.7}.strip-inner>div{flex-direction:column;align-items:flex-start;gap:3px;padding-left:15px}.strip-inner>div strong{font-size:29px}.strip-inner>div>span{font-size:10px;max-width:90px}.service-grid{grid-template-columns:1fr}.service-card{min-height:265px}.service-card h3 br{display:none}.service-card p{max-width:100%;font-size:14px}.service-link{font-size:12px}.it-service-banner .icon-surface{display:none}.banner-button{margin-left:0}.section-heading h2,h2{font-size:32px;letter-spacing:-1px}.tech-panel-content{padding:27px 24px}.tech-tab{padding:20px 16px}.tech-tab strong{font-size:15px}.tech-tab small{font-size:11px}.tech-panel-content h3{font-size:26px}.tech-panel-content>p:not(.eyebrow){font-size:14px}.tech-panel-content li{font-size:13px}.about-art{padding:27px}.contact-top h2{font-size:30px}.branches{grid-template-columns:repeat(2,1fr)}.branches>p{grid-column:1/-1}.dialog-content{padding:32px 25px}.dialog-content h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-aos]{opacity:1!important;transform:none!important}.loader{display:none}}
/* Bootstrap integration and responsive scroll header */
:root { --header-height:90px; --bs-body-font-family:'DM Sans',sans-serif; }
html { scroll-padding-top:calc(var(--header-height) + 18px); }
body { overflow-x:clip; }
a:hover { color:inherit; }
.container { width:100%;max-width:1240px; }
.header { height:var(--header-height);transition:transform .42s cubic-bezier(.22,1,.36,1),background-color .3s,color .3s,box-shadow .3s;will-change:transform; }
.header.is-scrolled { background:rgba(35,19,68,.96);color:#f4ebff;border-color:#6c478844;box-shadow:0 8px 28px #16072622; }
.header.is-hidden { transform:translateY(calc(-100% - 12px));pointer-events:none; }
.header.is-scrolled nav a.active { color:#d6afff; }
.header.is-scrolled .new { color:#eedaff;background:#8054a844; }
.header.is-scrolled .nav-cta { background:#9160cc; }
.header.is-scrolled .menu-toggle { color:#ead8ff; }
.brand-image { width:180px;height:auto;max-height:66px;object-fit:contain;display:block;transition:background-color .3s,padding .3s; }
.header.is-scrolled .brand-image { background:#fff;border-radius:7px;padding:7px;width:180px; }
.loader-image { width:190px;height:auto;background:#fff;padding:12px;border-radius:8px; }
footer .brand-image { width:155px;height:auto; }
.page-hero { padding:70px 0;background:#231344;color:#fff;background-image:radial-gradient(ellipse at 90% 30%,#7344a466,transparent 65%); }
.page-hero h1 { font-size:clamp(34px,4.5vw,58px);font-weight:800;letter-spacing:-1.7px;line-height:1.2;max-width:780px;margin:20px 0; }
.page-hero> .container>p:not(.eyebrow) { max-width:650px;color:#cbb9dc;font-size:16px; }
nav.page-breadcrumb { display:flex;position:static;align-items:center;flex-direction:row;gap:12px;box-shadow:none;background:transparent;padding:0;margin-top:28px;visibility:visible;opacity:1;transform:none;font-size:13px;color:#b99ecf; }
.page-breadcrumb a { color:#e6d4fa; }
.page-breadcrumb a:hover { text-decoration:underline; }
.page-it-solutions .technology { min-height:calc(100vh - var(--header-height)); }
.page-contact .contact-section { min-height:55vh; }
.service-card p,.section-heading>p,.about-copy>p:not(.eyebrow),.tech-panel-content>p:not(.eyebrow) { font-size:16px; }
.service-link,.values span,.branches>a strong,.branches>a span,.strip-inner>div>span,.contact-actions small,.tech-note,.contact-top p:not(.eyebrow),.footer-inner p,.back-top { font-size:12px; }
.contact-top p:not(.eyebrow) { font-size:16px; }
.service-card { min-width:0; }
.service-grid,.hero-layout,.tech-layout,.about-layout { min-width:0; }
.service-grid>* ,.hero-layout>* ,.tech-layout>* ,.about-layout>* { min-width:0; }
.button,.menu-toggle { min-height:44px; }
.tech-tab { min-height:90px; }
.branches>a { padding:6px 0; }
.dialog-content { overflow-wrap:anywhere; }
@media(max-width:991.98px) {
 :root { --header-height:74px; }
 .nav-wrap { gap:16px; }
 .brand-image,.header.is-scrolled .brand-image { width:155px;max-height:56px; }
 .nav-cta { margin-left:auto; }
 .menu-toggle { display:grid;place-items:center;width:44px;border-radius:8px; }
 .header nav { position:absolute;top:74px;left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:5px;padding:18px 24px;background:#faf9fc;color:#402751;box-shadow:0 16px 25px #26134320;visibility:hidden;opacity:0;transform:translateY(-12px);transition:opacity .25s,transform .25s,visibility .25s;max-height:calc(100dvh - 74px);overflow-y:auto; }
 .header nav.open { visibility:visible;opacity:1;transform:translateY(0); }
 .header nav a { display:flex;align-items:center;gap:8px;padding:13px 15px;border-radius:8px;min-height:48px;font-size:15px; }
 .header nav a.active { color:#7943ae;background:#f0e5fb; }
 .header nav a.active:after { display:none; }
 .header.is-scrolled nav { background:#2c194c;color:#e4d5f6; }
 .header.is-scrolled nav a.active { background:#73469544;color:#e3baff; }
 .header.is-scrolled .brand-image { padding:5px; }
 .hero-layout { gap:38px; }
}
@media(max-width:575.98px) {
 .container { padding-left:20px;padding-right:20px; }
 .brand-image,.header.is-scrolled .brand-image { width:128px; }
 .nav-wrap { gap:10px; }
 .nav-cta { padding:10px 12px;font-size:12px; }
 .hero h1 { font-size:clamp(34px,8.9vw,44px);letter-spacing:-1.4px; }
 .hero-description { font-size:16px; }
 .hero-actions { gap:16px; }
 .hero-actions .text-link { font-size:13px; }
 .hero-visual { width:calc(100% - 16px); }
 .floating-tag { max-width:calc(100% - 12px); }
 .tag-one { right:-7px; }
 .tag-two { left:-7px; }
 .service-grid { grid-template-columns:1fr; }
 .service-card { padding:24px; }
 .service-card p { font-size:16px; }
 .strip-inner { gap:15px; }
 .strip-inner>div { padding-left:10px; }
 .strip-inner>div>span { font-size:12px; }
 .tech-panel-content { padding:26px 22px; }
 .tech-panel-content li { font-size:14px;align-items:flex-start; }
 .tech-panel-content li svg { margin-top:3px; }
 .tech-tab strong { font-size:16px; }
 .tech-tab small { font-size:13px; }
 .tech-note { margin:12px 5px;align-items:flex-start; }
 .page-hero { padding:45px 0; }
 .page-hero h1 { font-size:36px; }
 .branches { gap:22px 18px; }
 .branches>a span { overflow-wrap:anywhere; }
 .contact-actions { max-width:none; }
 .contact-actions .button { min-height:50px; }
 .footer-inner { row-gap:18px; }
}
@media(max-width:360px) {
 .brand-image,.header.is-scrolled .brand-image { width:108px; }
 .nav-cta svg { display:none; }
 .nav-wrap { gap:6px; }
 .nav-cta { padding:9px 10px; }
 .visual-heading { font-size:9px;letter-spacing:.6px; }
 .visual-year { font-size:8px; }
 .hero h1 { font-size:32px; }
 .overview-bottom { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) { .header,.header nav { transition:none!important; } }

.it-page-heading{font-size:clamp(32px,3.5vw,46px);line-height:1.22;letter-spacing:-1.7px;font-weight:800;margin-top:16px}.it-page-heading span{color:#bd93e7}
/* Image branding, a shared service explorer and scroll-to-top */
.header-logo {position:relative;display:block;width:180px;min-height:66px;}
.header-logo .brand-image {width:100%;height:auto;max-height:66px;object-fit:contain;}
.header-logo .logo-dark {opacity:1;transition:opacity .25s;}
.header-logo .logo-light {position:absolute;inset:0;opacity:0;transition:opacity .25s;}
.logo-light {filter:brightness(0) invert(1);}
.header.is-scrolled .header-logo .logo-dark {opacity:0;}
.header.is-scrolled .header-logo .logo-light {opacity:1;}
.header.is-scrolled .brand-image {background:transparent;padding:0;border-radius:0;width:100%;}
.loader-image {background:transparent;padding:0;border-radius:0;}
.go-top {position:fixed;right:28px;bottom:28px;z-index:40;width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#8250c8;color:#fff;border:1px solid #b98be966;box-shadow:0 8px 30px #32134f33;opacity:0;visibility:hidden;pointer-events:none;transform:translateX(100px);transition:transform .45s cubic-bezier(.22,1,.36,1),opacity .3s,visibility .3s,background .2s;}
.go-top.is-visible {opacity:1;visibility:visible;pointer-events:auto;transform:translateX(0);}
.go-top:hover {background:#67399f;color:#fff;}
.go-top svg {width:23px;height:23px;}
.explorer-layout {display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.35fr);gap:28px;align-items:start;}
.service-options {display:flex;flex-direction:column;gap:10px;}
.service-option {width:100%;display:flex;align-items:center;gap:14px;text-align:left;padding:17px 18px;border:1px solid #e6dcef;border-radius:12px;background:#fff;color:#483254;transition:background .25s,border-color .25s,box-shadow .25s;min-height:96px;}
.service-option.selected {border-color:#ae88d5;background:#f0e7fa;box-shadow:0 6px 18px #713f9a0c;}
.service-option:hover {border-color:#b58ed6;background:#f8f3fc;}
.service-option strong {display:block;font-family:Manrope,sans-serif;font-size:15px;line-height:1.5;}
.service-option small {display:block;color:#907aa2;font-size:12px;line-height:1.6;margin-top:4px;}
.service-option .icon-surface {width:39px;height:39px;border-radius:10px;}
.service-option .icon-surface svg {width:18px;height:18px;}
.option-number {font-size:11px;color:#a894ba;margin-left:auto;}
.service-detail {position:sticky;top:110px;background:#fff;border:1px solid #e6dcef;border-radius:17px;padding:32px;box-shadow:0 15px 45px #4c2a6a0a;scroll-margin-top:100px;min-height:420px;}
.detail-topline {display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px;}
.detail-topline .eyebrow {font-size:10px;letter-spacing:1px;}
.service-detail>h3 {font-size:31px;letter-spacing:-.8px;line-height:1.3;margin-bottom:17px;}
.service-detail>p {font-size:16px;color:#8a7698;line-height:1.85;}
.detail-label {font-size:11px;letter-spacing:1.6px;color:#89669f;font-weight:700;margin-top:28px;}
#service-detail-features {list-style:none;padding:0;margin:18px 0 30px;display:flex;flex-direction:column;gap:14px;}
#service-detail-features li {display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.7;color:#735985;}
#service-detail-features svg {width:17px;height:17px;color:#9360be;margin-top:4px;}
.detail-footer {display:flex;align-items:center;gap:8px;color:#a18aaf;font-size:12px;border-top:1px solid #eee5f4;margin-top:30px;padding-top:18px;}
.detail-footer svg {width:16px;height:16px;}
.service-detail .tech-layout {display:block;margin-top:24px;}
.service-detail .tech-menu {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;}
.service-detail .tech-tab {flex-direction:column;align-items:flex-start;gap:8px;padding:14px 10px;min-height:115px;color:#765090;background:#faf6fd;border:1px solid #ece1f4;border-radius:9px;}
.service-detail .tech-tab.selected {background:#eee1fa;border-color:#bd97db;}
.service-detail .tech-tab strong {font-size:12px;line-height:1.5;}
.service-detail .tech-tab small,.service-detail .tab-indicator {display:none;}
.service-detail .tech-tab-icon svg {width:21px;height:21px;color:#8c5db3;}
.service-detail .tech-note {grid-column:1/-1;font-size:12px;margin:10px 0 18px;color:#a287b4;}
.service-detail .tech-panel {border:1px solid #e7dcf0;box-shadow:none;}
.service-detail .tech-panel-content {padding:25px;}
.service-detail .tech-panel-content h3 {font-size:25px;}
.service-detail .tech-panel-content li {font-size:14px;}
.service-card:hover .service-link {color:#683497;}
@media(max-width:991.98px){
 .header-logo{width:155px;min-height:56px;}
 .header-logo .brand-image{max-height:56px;}
 .header.is-scrolled .header-logo .brand-image{padding:0;width:100%;}
 .explorer-layout{grid-template-columns:1fr;gap:24px;}
 .service-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
 .service-option{padding:16px;align-items:flex-start;}
 .service-option small{font-size:12px;}
 .option-number{display:none;}
 .service-detail{position:static;}
}
@media(max-width:575.98px){
 .header-logo{width:128px;min-height:47px;}
 .service-option{padding:14px;flex-direction:column;gap:10px;min-height:135px;}
 .service-option strong{font-size:14px;}
 .service-option small{display:none;}
 .service-option .icon-surface{width:36px;height:36px;}
 .service-detail{padding:23px;}
 .service-detail>h3{font-size:27px;}
 .detail-topline .eyebrow{max-width:170px;}
 .service-detail .tech-panel-content{padding:22px 18px;}
 .service-detail .tech-tab{min-height:100px;padding:12px 9px;}
 .service-detail .tech-tab strong{font-size:12px;}
 .go-top{right:18px;bottom:max(18px,env(safe-area-inset-bottom));width:46px;height:46px;border-radius:13px;}
}
@media(max-width:360px){.header-logo{width:108px;min-height:40px;}.service-detail{padding:20px;}}
@media(prefers-reduced-motion:reduce){.go-top,.header-logo .brand-image{transition:none!important;}}
