@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#100b43;--purple:#4a1b9d;--violet:#6d24b8;--magenta:#b02ab7;--lav:#f5f0fb;--lav2:#eee7f8;--text:#15132d;--muted:#4d4a5c;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--lav);line-height:1.55}a{text-decoration:none;color:inherit}.header{height:101px;background:#f9f7fc;position:sticky;top:0;z-index:50;box-shadow:0 1px 8px rgba(40,20,80,.04)}.nav-container{max-width:1240px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo-link{width:250px;display:flex;align-items:center}.logo-link img{width:245px;height:auto;display:block}.nav{display:flex;align-items:center;gap:22px;font-size:12.5px;font-weight:700;color:#161433;white-space:nowrap}.nav a{height:101px;display:flex;align-items:center;position:relative}.nav a:hover,.nav a.active{color:var(--purple)}.nav a.active:after{content:"";position:absolute;left:4px;bottom:30px;width:17px;height:2px;background:#6b20b4;border-radius:2px}.nav small{font-size:13px;margin-left:5px}.menu-toggle{display:none;border:0;background:none}.menu-toggle span{display:block;width:25px;height:2px;background:#17133d;margin:5px}

.hero{height:338px;position:relative;overflow:hidden;background:linear-gradient(110deg,#251269 0%,#301477 44%,#7b2299 100%);color:#fff}.hero-photo{position:absolute;inset:0 0 0 42%;background:url('../images/hero-home-software-team.png') center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#241064 0%,#28106d 34%,rgba(47,18,104,.76) 51%,rgba(126,33,146,.08) 80%)}.hero-content{position:relative;z-index:2;max-width:1240px;height:100%;margin:auto;padding:42px 40px}.hero-copy{width:480px}.hero-kicker{display:inline-block;padding:5px 14px;border:1px solid rgba(255,255,255,.25);border-radius:18px;font-size:10.5px;letter-spacing:.08em;font-weight:700;margin-bottom:13px}.hero h1{font-size:34px;line-height:1.3;margin:0 0 10px;font-weight:800;letter-spacing:-.02em}.hero p{font-size:14px;line-height:1.75;max-width:430px;margin:0 0 17px;color:#f4effc}.hero-buttons{display:flex;gap:15px}.btn{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 18px;border-radius:4px;font-size:12.5px;font-weight:700}.btn.primary{background:linear-gradient(90deg,#a82fcb,#8b2bd0);color:#fff}.btn.outline{border:1px solid #fff;color:#fff;background:transparent}.hero-wave{position:absolute;z-index:3;bottom:-1px;left:-4%;width:108%;height:31px;background:linear-gradient(100deg,#6c28c0,#b329b8 55%,#d6c3f0);clip-path:polygon(0 68%,23% 68%,41% 38%,57% 78%,76% 42%,100% 7%,100% 100%,0 100%)}

.services-wrap{background:linear-gradient(180deg,#f3eef9,#f8f5fb);padding:22px 18px 30px}.services-grid{max-width:1230px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.service-card{height:363px;background:rgba(255,255,255,.82);border:1px solid rgba(221,214,235,.8);border-radius:10px;overflow:hidden;box-shadow:0 4px 14px rgba(59,34,105,.05);display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 12px 0}.service-icon{width:49px;height:49px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:20px;font-weight:800;margin:0 0 13px;box-shadow:0 6px 15px rgba(60,20,120,.15)}.purple-icon{background:#4d35c9}.blue-icon{background:#2861d5}.violet-icon{background:#9b37bb}.pink-icon{background:#df3e81}.orange-icon{background:#f39a09}.green-icon{background:#1a9a76}.service-card h3{font-size:16px;line-height:1.35;margin:0 0 10px;min-height:42px}.service-card p{font-size:11.5px;line-height:1.75;margin:0 2px 8px;color:#2f2b3d;min-height:62px}.service-card>a{font-size:10.5px;color:#6a22c0;font-weight:800;margin-top:auto;margin-bottom:8px}.service-card img{width:calc(100% + 24px);height:103px;object-fit:cover;display:block}

.about-section{padding:30px 18px 27px;background:linear-gradient(135deg,#f4effa,#eee8f7)}.about-container{max-width:1230px;margin:auto;display:grid;grid-template-columns:47% 53%;align-items:center}.about-photo{height:275px;overflow:hidden;border-radius:0 10px 10px 0}.about-photo img{width:100%;height:100%;object-fit:cover}.about-copy{padding:5px 45px 5px 44px;position:relative}.about-copy:after{content:"";position:absolute;right:10px;top:35px;width:55px;height:100px;background-image:radial-gradient(#cbb3e7 2px,transparent 2px);background-size:18px 18px;opacity:.45}.section-label{font-size:10px;font-weight:800;letter-spacing:.08em;color:#6c21b0;margin-bottom:8px}.section-label.light{color:#d9b8ed}.about-copy h2,.section-heading h2,.skills-copy h2,.ai-copy h2,.feature-dark-content h2{font-size:23px;line-height:1.25;margin:0 0 11px;color:#10122d}.about-copy>p{font-size:10.5px;line-height:1.65;max-width:570px;margin:0 0 15px}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.vision-card{background:rgba(255,255,255,.72);border:1px solid #e6def0;border-radius:12px;padding:12px 13px;display:flex;gap:9px;box-shadow:0 4px 12px rgba(50,25,90,.04)}.mini-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;background:#e9def8;color:#5c2eb4;display:grid;place-items:center;font-weight:800}.vision-card h4{font-size:12px;margin:0 0 3px}.vision-card p{font-size:10px;line-height:1.55;margin:0}

.stats-section{background:linear-gradient(90deg,#3519a0,#7622ad,#9c1fb1);color:#fff}.stats-container{max-width:1230px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);height:87px}.stat{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid rgba(255,255,255,.17)}.stat:last-child{border:0}.stat-icon{font-size:28px}.stat strong{font-size:23px;display:block;line-height:1.1}.stat small{font-size:10px;display:block;margin-top:4px}

.training-section,.corporate-section,.projects-section{padding:54px 30px;background:#f8f5fb}.section-heading{text-align:center;max-width:750px;margin:0 auto 25px}.section-heading h2{font-size:25px}.section-heading h2 span,.skills-copy h2 span,.ai-copy h2 span,.feature-dark-content h2 span{color:#7c24b3}.section-heading p{font-size:11px;margin:0;color:#5e5a69}.feature-row{max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.feature-image img{width:100%;height:220px;object-fit:cover;border-radius:14px}.feature-list{display:grid;gap:10px}.feature-list div{padding:15px 17px;background:#fff;border-radius:10px;border:1px solid #e5dcef}.feature-list b{display:block;font-size:13px}.feature-list span{display:block;font-size:11px;color:#666; margin-top:3px}

.feature-dark{position:relative;padding:55px 30px;color:#fff;overflow:hidden;background:#21105f}.feature-dark-bg{position:absolute;inset:0;background:linear-gradient(100deg,#241063,#5d1a88)}.feature-dark-content{position:relative;max-width:1080px;margin:auto;display:grid;grid-template-columns:1fr 350px;gap:45px;align-items:center}.feature-dark-content h2{color:#fff;font-size:29px;max-width:600px}.feature-dark-content p{font-size:13px;color:#e7dff2;max-width:570px;margin-bottom:18px}.feature-dark-content img{width:100%;height:190px;object-fit:cover;border-radius:13px;border:1px solid rgba(255,255,255,.15)}

.ai-section{padding:55px 30px;background:linear-gradient(135deg,#f0eafa,#faf7fc)}.ai-container{max-width:1080px;margin:auto;display:grid;grid-template-columns:44% 56%;gap:45px;align-items:center}.ai-image{background:#21105f;border-radius:15px;overflow:hidden}.ai-image img{width:100%;height:220px;object-fit:cover;display:block}.ai-copy h2{font-size:28px}.ai-copy p{font-size:12px;color:#5e5a69;max-width:540px}.ai-tags{display:flex;flex-wrap:wrap;gap:7px;margin:15px 0}.ai-tags span{font-size:10px;font-weight:700;background:#fff;border:1px solid #e4dbf0;border-radius:15px;padding:6px 9px;color:#5c2a9d}.text-link{font-size:11px;font-weight:800;color:#7020b4}

.skills-section{padding:55px 30px;background:#fff}.skills-container{max-width:1080px;margin:auto;display:grid;grid-template-columns:55% 45%;gap:50px;align-items:center}.skills-copy h2{font-size:29px}.skills-copy p{font-size:12px;color:#5e5a69;max-width:550px}.skills-copy ul{padding:0;margin:18px 0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:9px}.skills-copy li{font-size:11px;padding:9px 11px;background:#f5f0fa;border-radius:8px}.skills-photo img{width:100%;height:230px;object-fit:cover;border-radius:15px}

.corporate-grid,.projects-grid{max-width:1080px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.corporate-grid>div,.project-card{background:#fff;border:1px solid #e6deee;border-radius:12px;overflow:hidden}.corporate-grid img,.project-card>img{width:100%;height:145px;object-fit:cover;display:block}.corporate-grid h3{font-size:14px;margin:12px 15px 4px}.corporate-grid p{font-size:11px;margin:0 15px 16px;color:#666}.projects-section{background:#eee8f7}.project-card>div{padding:14px 15px}.project-card small{font-size:8px;color:#7a24b4;font-weight:800;letter-spacing:.08em}.project-card h3{font-size:15px;margin:6px 0}.project-card p{font-size:11px;color:#666;margin:0}

.contact-section{padding:40px 25px 36px;background:#f8f5fb}.contact-container{max-width:1110px;margin:auto;display:grid;grid-template-columns:27% 73%;align-items:center;gap:30px}.contact-intro h2{font-size:24px;margin:0}.purple-line{width:35px;height:2px;background:#6d21b4;margin:9px 0 17px}.contact-intro p{font-size:11px;line-height:1.8}.contact-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.contact-card{background:#fff;border:1px solid #e6deee;border-radius:11px;min-height:150px;padding:14px 13px;box-shadow:0 4px 14px rgba(50,25,90,.05)}.contact-icon{display:block;font-size:23px;color:#6c25b6;margin-bottom:8px}.contact-card h4{font-size:12px;margin:0 0 8px}.contact-card p{font-size:10px;line-height:1.7;min-height:46px;margin:0 0 7px}.contact-card a{font-size:9px;color:#5720a5;font-weight:700}.contact-card p a{font-size:9px;color:#17142e;font-weight:500}

.footer{background:#f8f5fb;color:#241b3f;border-top:1px solid #e5dcef}.footer-main{max-width:1230px;margin:auto;padding:24px 28px 16px;display:grid;grid-template-columns:26% 50% 24%;gap:20px}.footer-brand{border-right:1px solid #ddd3ea;display:flex;align-items:center}.footer-logo-box{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e4dbea;border-radius:12px;padding:8px 12px;min-height:74px;box-shadow:0 5px 16px rgba(50,25,90,.06)}.footer-brand img,.footer-logo-box img{width:195px;height:auto;display:block;filter:none!important}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.footer h4{font-size:11px;margin:0 0 6px;color:#241b3f}.footer a{display:block;font-size:10px;color:#4d435d;margin:3px 0}.footer a:hover{color:#7625b1}.social{border-left:1px solid #ddd3ea;padding-left:30px}.social>div{display:flex;gap:9px;margin-top:10px}.social a{width:29px;height:29px;border-radius:50%;background:#e9ddf5;color:#4d1d87;display:grid;place-items:center;font-size:11px}.footer-bottom{text-align:center;border-top:1px solid #ddd3ea;padding:8px;font-size:10px;color:#655b72}

@media(max-width:1100px){.nav{gap:12px;font-size:10px}.logo-link{width:210px}.logo-link img{width:205px}.services-grid{grid-template-columns:repeat(3,1fr)}.service-card{height:350px}.hero-content{padding-left:35px}.hero-photo{left:42%}}
@media(max-width:800px){.header{height:78px}.nav-container{padding:0 18px}.logo-link img{width:190px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:78px;left:12px;right:12px;height:auto;padding:12px;background:#fff;border-radius:12px;box-shadow:0 15px 35px rgba(30,10,60,.15);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{height:38px;padding:0 10px}.nav a.active:after{bottom:4px}.hero{height:470px}.hero-photo{left:0;opacity:.38}.hero-shade{background:linear-gradient(90deg,#241064 0%,rgba(37,16,100,.87) 62%,rgba(126,33,146,.45) 100%)}.hero-content{padding:70px 24px}.hero-copy{width:auto;max-width:500px}.services-grid{grid-template-columns:repeat(2,1fr)}.about-container,.feature-row,.feature-dark-content,.ai-container,.skills-container,.contact-container{grid-template-columns:1fr}.about-photo{height:260px}.about-copy{padding:28px 15px}.feature-dark-content img{height:210px}.contact-container{gap:20px}.contact-cards{grid-template-columns:repeat(2,1fr)}.footer-main{grid-template-columns:1fr 1fr}.footer-brand{border:0}.social{border:0;padding:0}}
@media(max-width:520px){.hero h1{font-size:29px}.hero p{font-size:12px}.hero-buttons{gap:8px}.btn{padding:0 13px}.services-grid{grid-template-columns:1fr}.service-card{height:350px}.vision-grid,.skills-copy ul,.corporate-grid,.projects-grid,.contact-cards,.footer-main{grid-template-columns:1fr}.stats-container{grid-template-columns:1fr 1fr;height:auto}.stat{height:75px}.about-copy{padding:25px 4px}.feature-dark-content,.ai-container,.skills-container{gap:25px}.footer-links{grid-template-columns:1fr 1fr}.social{padding-top:12px}}

/* HD image refinement */
img{display:block;max-width:100%;height:auto;}
.service-card img,.feature-image img,.ai-image img,.skills-photo img,.training-image img,.project-card img,.about-image img{image-rendering:auto;object-fit:cover;}

/* Step 6 HD image refinement */
.service-card img,.feature-image img,.feature-dark-content img,.ai-image img,.skills-photo img,.corporate-grid img,.project-card>img{image-rendering:auto;}

/* Final requested refinements */
.footer-logo-box{display:inline-flex;align-items:center;justify-content:center;background:#f8f5fb;border-radius:12px;padding:10px 16px;min-height:74px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.footer-logo-box img{width:205px!important;height:auto;display:block;filter:none!important}
.training-subjects{max-width:1080px;margin:38px auto 0;padding-top:28px;border-top:1px solid #e3d9ed}
.training-subjects-heading{text-align:center;margin-bottom:18px}.training-subjects-heading h3{font-size:20px;color:#10122d;margin:0 0 4px}.training-subjects-heading p{font-size:11px;color:#686273;margin:0}
.subject-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.subject-card{display:flex;align-items:center;gap:10px;padding:12px 10px;background:#fff;border:1px solid #e4dced;border-radius:12px;box-shadow:0 4px 12px rgba(50,25,90,.04);transition:.2s}.subject-card:hover{transform:translateY(-2px);box-shadow:0 8px 18px rgba(50,25,90,.08);border-color:#cdb8e4}.subject-logo{width:39px;height:39px;flex:0 0 39px;border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:900;font-size:12px;letter-spacing:-.03em}.subject-card b{display:block;font-size:11px;line-height:1.2;color:#17142e}.subject-card small{display:block;font-size:8.5px;line-height:1.35;color:#777080;margin-top:3px}.python-logo{background:linear-gradient(135deg,#3776ab,#ffd343);color:#fff}.web-logo{background:linear-gradient(135deg,#e44d26,#1572b6)}.excel-logo{background:#217346}.powerbi-logo{background:#f2c811;color:#4b3b00;font-size:9px}.sql-logo{background:#276dc3;font-size:9px}.java-logo{background:#b07219}.data-logo{background:#5b35b5}.ai-logo{background:linear-gradient(135deg,#5325a8,#c23fbb)}.cloud-logo{background:#1e88e5}.auto-logo{background:linear-gradient(135deg,#4a176b,#8e2a9b)}
/* Slightly larger readable typography without changing the approved layout */
.service-card h3{font-size:18px}.service-card p{font-size:11px}.service-card a{font-size:10.5px}.about-copy>p{font-size:11.5px}.vision-card p{font-size:10.5px}.section-heading p{font-size:12px}.feature-list b{font-size:14px}.feature-list span{font-size:11.5px}.ai-copy p{font-size:12.5px}.skills-copy p{font-size:12.5px}.skills-copy li{font-size:11.5px}.corporate-grid h3{font-size:16px}.corporate-grid p{font-size:11px}.project-card h3{font-size:17px}.project-card p{font-size:11px}
@media(max-width:1050px){.subject-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.subject-grid{grid-template-columns:repeat(2,1fr)}.footer-logo-box img{width:190px!important}}
@media(max-width:520px){.subject-grid{grid-template-columns:1fr}.footer-logo-box img{width:185px!important}}

/* Step 9 - reference design refinement */
.quick-features{padding:18px 18px 30px;background:linear-gradient(180deg,#f6f1fa,#fbf9fd)}
.quick-features-grid{max-width:1230px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.quick-feature{background:#fff;border:1px solid #e5ddef;border-radius:11px;padding:12px 13px 14px;box-shadow:0 4px 14px rgba(55,28,100,.05);overflow:hidden}
.quick-feature-copy{min-height:57px}.quick-feature .section-label{font-size:9px;margin-bottom:2px}.quick-feature h3{font-size:17px;line-height:1.18;margin:0;color:#17142e}.quick-feature h3 span{color:#6c27b7}
.quick-feature>img{width:100%;height:112px;object-fit:cover;border-radius:8px;margin:8px 0 9px;display:block}
.quick-feature ul{list-style:none;padding:0;margin:0 0 10px;display:grid;gap:4px}.quick-feature li{font-size:9.5px;color:#393444;position:relative;padding-left:15px}.quick-feature li:before{content:'✓';position:absolute;left:0;top:0;font-weight:900;color:#6b22c0}
.quick-feature:nth-child(2) li:before{color:#1f63d3}.quick-feature:nth-child(3) li:before{color:#8e2ac0}.quick-feature:nth-child(4) li:before{color:#e93680}
.feature-btn{height:30px!important;padding:0 12px!important;font-size:9.5px!important;border-radius:4px!important;color:#fff!important}.purple-btn{background:linear-gradient(90deg,#5b27c9,#8e2ac0)}.blue-btn{background:#2467d9}.violet-btn{background:linear-gradient(90deg,#6d22b5,#9d2ac1)}.pink-btn{background:linear-gradient(90deg,#db2d75,#f0448a)}
.blue-label{color:#245fd2!important}.violet-label{color:#7621b6!important}.pink-label{color:#df2c72!important}
/* Make the overall typography closer to the reference while remaining readable. */
.nav{font-size:13px}.hero h1{font-size:38px}.hero p{font-size:14.5px}.section-heading h2,.feature-dark-content h2,.ai-copy h2,.skills-copy h2{font-size:30px}.about-copy h2{font-size:30px}.about-copy>p{font-size:12.5px}.vision-card h4{font-size:14px}.vision-card p{font-size:11px}.stats-container strong{font-size:27px}.stats-container small{font-size:11px}.contact-intro h2{font-size:27px}.contact-intro p{font-size:11.5px}.contact-card h4{font-size:13px}.contact-card p{font-size:10.5px}.footer h4{font-size:12px}.footer a{font-size:10.5px}.footer-bottom{font-size:10.5px}
.footer-brand img,.footer-logo-box img{width:215px!important}
@media(max-width:1100px){.quick-features-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.quick-features-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:34px}}
@media(max-width:520px){.quick-features-grid{grid-template-columns:1fr}.hero h1{font-size:30px}}

/* Step 11 - supplied reference images */
.ai-image img[src*='ai-ml-research-user']{object-position:center;}
.project-card img[src*='process-automation-user']{object-position:center;}
.hero-photo{filter:saturate(1.02) contrast(1.03);}

.project-card img[src*='process-automation-user']{object-fit:cover;object-position:center;}
.ai-image img{object-fit:cover;}