:root{
--ink:#101828;--muted:#667085;--line:#e4e7ec;--paper:#fff;--soft:#f7f8fa;
--navy:#172554;--blue:#2457e6;--cyan:#18a6c9;--mint:#dff7f4;--accent:#6c5ce7;
--max:1180px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(228,231,236,.8)}.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;text-decoration:none}.brand-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(145deg,var(--navy),var(--blue));color:#fff;font-family:Manrope;font-size:23px;font-weight:800;box-shadow:inset -7px -7px 16px rgba(0,0,0,.12)}.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy strong{font:800 19px Manrope;letter-spacing:.08em}.brand-copy small{font-size:8px;letter-spacing:.19em;color:var(--muted);margin-top:5px}.site-header nav{display:flex;align-items:center;gap:27px}.site-header nav a{text-decoration:none;font-size:14px;font-weight:600;color:#344054}.site-header nav a:hover{color:var(--blue)}.site-header .nav-cta{padding:11px 17px;background:var(--ink);color:#fff;border-radius:9px}.site-header .nav-cta:hover{color:#fff;background:var(--blue)}.menu-btn{display:none;border:0;background:none;font-size:24px}

.hero{min-height:720px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);position:relative}.hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;background:radial-gradient(circle,rgba(36,87,230,.1),transparent 68%);right:-120px;top:-130px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;padding:85px 0}.pill{display:inline-flex;padding:8px 12px;border:1px solid #dbe4ff;background:#f5f7ff;border-radius:100px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:.09em}.hero h1{font:800 clamp(48px,6vw,78px)/1.02 Manrope;margin:25px 0;color:#111827;letter-spacing:-.045em}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--cyan));-webkit-background-clip:text;color:transparent}.lead{font-size:18px;color:var(--muted);max-width:650px}.hero-actions{display:flex;gap:12px;margin:31px 0 38px}.btn{display:inline-flex;align-items:center;gap:14px;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px}.btn.primary{background:var(--blue);color:#fff;box-shadow:0 10px 30px rgba(36,87,230,.22)}.btn.secondary{border:1px solid var(--line);background:#fff}.trust-row{display:flex;gap:30px;padding-top:27px;border-top:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column}.trust-row b{font-size:13px}.trust-row span{font-size:11px;color:var(--muted);margin-top:2px}.hero-visual{height:520px;position:relative}.core-orb{position:absolute;width:230px;height:230px;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#fff,#edf3ff);box-shadow:0 35px 80px rgba(16,24,40,.15),inset 0 0 0 1px #dce5f5;display:grid;place-items:center;z-index:3}.orb-inner{width:150px;height:150px;border-radius:44px;background:linear-gradient(145deg,var(--navy),var(--blue));display:grid;place-items:center;color:#fff;font:800 70px Manrope;transform:rotate(-8deg);box-shadow:0 18px 40px rgba(36,87,230,.3)}.orb-inner span{font-size:18px;margin-left:-12px;color:#8ee8f0}.grid-lines{position:absolute;inset:40px;background-image:linear-gradient(#dfe6f1 1px,transparent 1px),linear-gradient(90deg,#dfe6f1 1px,transparent 1px);background-size:38px 38px;mask-image:radial-gradient(circle,#000,transparent 70%);opacity:.65}.data-card{position:absolute;z-index:4;width:180px;padding:16px 18px;background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:13px;box-shadow:0 16px 35px rgba(16,24,40,.1);display:grid;grid-template-columns:10px 1fr;column-gap:9px}.data-card .dot{width:8px;height:8px;background:var(--cyan);border-radius:50%;margin-top:5px}.data-card b,.data-card small{grid-column:2}.data-card b{font-size:12px}.data-card small{font-size:10px;color:var(--muted)}.card-a{top:70px;left:5px}.card-b{right:0;top:180px}.card-c{bottom:55px;left:25px}.logo-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff}.logo-strip .container{height:84px;display:flex;align-items:center;justify-content:space-between;color:#475467;font-size:13px;font-weight:600}.logo-strip .container>span{font-size:10px;color:#98a2b3;letter-spacing:.12em}.logo-strip i{width:4px;height:4px;border-radius:50%;background:#d0d5dd}

.section{padding:105px 0}.section-head{margin-bottom:50px}.section-head.split{display:grid;grid-template-columns:1fr .7fr;gap:70px;align-items:end}.section-head.centered{text-align:center;max-width:700px;margin:0 auto 50px}.kicker{display:block;color:var(--blue);font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:12px}.section h2,.cap-section h2,.cta-section h2{font:800 clamp(34px,4vw,52px)/1.1 Manrope;letter-spacing:-.035em;margin:0}.section-head p,.cap-sticky p{color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:390px;position:relative;background:#fff}.service:hover{background:#fafbff}.service.featured{background:#f5f7ff}.service>span{position:absolute;right:26px;top:25px;color:#98a2b3;font-size:11px}.icon{width:48px;height:48px;border-radius:12px;background:#eef2ff;color:var(--blue);display:grid;place-items:center;font-weight:800;margin-bottom:35px}.service h3{font:700 21px Manrope;margin:0 0 12px}.service p{color:var(--muted);font-size:14px}.service ul{list-style:none;padding:0;margin:22px 0 0}.service li{font-size:12px;color:#475467;padding:6px 0}.service li:before{content:"✓";color:var(--blue);margin-right:8px;font-weight:700}

.cap-section{padding:105px 0;background:#111827;color:#fff}.cap-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.cap-sticky{align-self:start;position:sticky;top:120px}.cap-sticky p{color:#98a2b3;margin:25px 0}.text-link{color:#8bb5ff;text-decoration:none;font-weight:700}.cap-list{border-top:1px solid #344054}.cap-item{display:grid;grid-template-columns:50px 1fr 30px;gap:20px;align-items:center;padding:28px 5px;border-bottom:1px solid #344054}.cap-item b{font-size:11px;color:#667085}.cap-item h3{font:700 22px Manrope;margin:0 0 4px}.cap-item p{margin:0;color:#98a2b3;font-size:13px}.cap-item>span{color:#667085}.cap-item:hover h3{color:#8bb5ff}

.tools-section{background:var(--soft)}.tool-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.tool{background:#fff;border:1px solid var(--line);border-radius:14px;padding:25px 15px;text-align:center}.tool-logo{width:54px;height:54px;border-radius:14px;margin:0 auto 15px;display:grid;place-items:center;font:800 16px Manrope;color:#fff;background:linear-gradient(145deg,var(--navy),var(--blue))}.tool:nth-child(2) .tool-logo{background:linear-gradient(145deg,#6c5ce7,#a29bfe)}.tool:nth-child(3) .tool-logo{background:linear-gradient(145deg,#6b46c1,#e056fd)}.tool:nth-child(4) .tool-logo{background:linear-gradient(145deg,#00a884,#00cec9)}.tool:nth-child(5) .tool-logo{background:linear-gradient(145deg,#e67e22,#f6b93b)}.tool:nth-child(6) .tool-logo{background:linear-gradient(145deg,#34495e,#718093)}.tool h3{font-size:14px;margin:0}.tool p{font-size:10px;color:var(--muted);margin:4px 0 0}.tool-note{text-align:center;color:#98a2b3;font-size:11px;margin-top:22px}

.projects{background:#fff}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff}.project-art{height:240px;position:relative;overflow:hidden;background:#e9eef5}.project-body{padding:25px}.project-body small{font-size:10px;color:var(--blue);font-weight:800;letter-spacing:.12em}.project-body h3{font:700 20px Manrope;margin:8px 0}.project-body p{font-size:13px;color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{font-size:10px;background:#f2f4f7;border-radius:100px;padding:5px 9px;color:#475467}.traffic{background:linear-gradient(#b9d6ee 0 45%,#667085 45% 100%)}.traffic:before,.traffic:after{content:"";position:absolute;border:2px solid #19b5fe}.traffic:before{width:110px;height:62px;left:35px;bottom:38px}.traffic:after{width:65px;height:105px;right:45px;bottom:25px}.traffic span{position:absolute;background:#111827;color:#fff;font-size:8px;padding:3px 5px}.traffic span:nth-child(1){left:35px;bottom:104px}.traffic span:nth-child(2){right:45px;bottom:134px}.traffic span:nth-child(3){left:175px;top:60px}.segmentation{display:flex;gap:5px;padding:40px;background:#dbeafe}.segmentation div{flex:1;border-radius:50% 30% 60% 35%;opacity:.8}.segmentation div:nth-child(1){background:#2457e6}.segmentation div:nth-child(2){background:#18a6c9;transform:translateY(35px)}.segmentation div:nth-child(3){background:#6c5ce7;transform:translateY(-15px)}.human{background:#e9e7e2}.person{position:absolute!important;width:80px;height:160px;background:#344054;border-radius:45% 45% 20% 20%;left:80px;bottom:0}.mask{position:absolute!important;width:100px;height:180px;border:3px dashed #2457e6;border-radius:45%;left:70px;bottom:-8px}

.process{background:var(--soft)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0}.steps div{padding:26px;border-top:2px solid #d0d5dd;position:relative}.steps div:before{content:"";position:absolute;width:10px;height:10px;background:var(--blue);border:4px solid #fff;border-radius:50%;top:-10px;left:25px;box-shadow:0 0 0 1px #d0d5dd}.steps span{font-size:10px;color:var(--blue);font-weight:800}.steps h3{font:700 18px Manrope;margin:10px 0}.steps p{font-size:12px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-grid p{color:var(--muted);font-size:16px}.cta-section{padding:45px 0 90px}.cta-box{background:linear-gradient(120deg,var(--navy),var(--blue));border-radius:24px;color:#fff;padding:55px 60px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-box p{color:#dbe5ff;margin-bottom:0}.kicker.light{color:#a9c5ff}.btn.white{background:#fff;color:var(--navy);white-space:nowrap}

footer{background:#0b1220;color:#fff;padding:65px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .6fr 1.2fr;gap:50px}.footer-brand .brand-copy strong{color:#fff}.footer-brand .brand-copy small{color:#98a2b3}.footer-brand p,footer p{color:#667085;font-size:12px}.footer-grid h4{font-size:11px;letter-spacing:.1em;color:#98a2b3}.footer-grid>div>a:not(.brand){display:block;color:#d0d5dd;text-decoration:none;font-size:12px;margin:10px 0}.footer-bottom{border-top:1px solid #1f2937;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;color:#667085;font-size:10px}

@media(max-width:980px){.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:#fff;padding:25px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-btn{display:block}.hero-grid{grid-template-columns:1fr}.hero-visual{height:430px}.service-grid{grid-template-columns:repeat(2,1fr)}.cap-layout{grid-template-columns:1fr;gap:50px}.cap-sticky{position:static}.tool-grid{grid-template-columns:repeat(3,1fr)}.project-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.section-head.split,.about-grid{grid-template-columns:1fr;gap:25px}.footer-grid{grid-template-columns:1fr 1fr}.logo-strip .container{flex-wrap:wrap;height:auto;padding:22px 0;gap:18px}}
@media(max-width:620px){.container{width:min(100% - 28px,var(--max))}.hero-grid{padding:60px 0}.hero h1{font-size:48px}.hero-visual{height:360px}.core-orb{width:180px;height:180px}.orb-inner{width:120px;height:120px;font-size:55px}.data-card{width:145px}.card-a{top:20px}.card-b{top:150px}.card-c{bottom:15px}.trust-row{flex-direction:column;gap:12px}.hero-actions{flex-direction:column}.service-grid{grid-template-columns:1fr}.section{padding:75px 0}.cap-section{padding:75px 0}.tool-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:1fr}.cta-box{padding:38px 25px;flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}}


/* Final Velsept portfolio integration */
.new-brand img{width:54px;height:54px;object-fit:contain;border-radius:50%}.new-brand>span{display:flex;flex-direction:column;line-height:1}.new-brand strong{font:800 18px Manrope,Arial;letter-spacing:.06em}.new-brand small{font-size:8px;letter-spacing:.16em;color:#667085;margin-top:5px}
.hero-logo-panel{height:500px;display:grid;place-items:center;position:relative}.hero-logo-panel>img{width:min(360px,80%);aspect-ratio:1;object-fit:contain;border-radius:50%;position:relative;z-index:3;filter:drop-shadow(0 28px 45px rgba(18,104,232,.18))}.orbit{position:absolute;border:1px solid rgba(36,87,230,.16);border-radius:50%;animation:spin 18s linear infinite}.orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#18a6c9;top:12%;left:13%;box-shadow:0 0 20px rgba(24,166,201,.5)}.orbit.one{width:430px;height:430px}.orbit.two{width:500px;height:500px;animation-direction:reverse;animation-duration:26s}@keyframes spin{to{transform:rotate(360deg)}}
.projects-pro{background:#fff}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.case-card{text-decoration:none;color:inherit;border:1px solid #e4e7ec;border-radius:18px;overflow:hidden;background:#fff;transition:.28s;display:grid;grid-template-columns:44% 56%;min-height:285px}.case-card:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(16,24,40,.1);border-color:#cbd7f5}.case-img{overflow:hidden;background:#eef2f7}.case-img img{width:100%;height:100%;object-fit:cover;transition:.45s}.case-card:hover .case-img img{transform:scale(1.04)}.case-copy{padding:27px}.case-copy>span{font-size:9px;font-weight:800;letter-spacing:.1em;color:#2457e6}.case-copy h3{font:700 20px Manrope,Arial;margin:9px 0}.case-copy p{font-size:12px;color:#667085;line-height:1.65}.case-copy b{font-size:11px;color:#2457e6}
.work-showcase{padding:95px 0;background:#0b1220;color:#fff;overflow:hidden}.showcase-head{text-align:center;max-width:720px;margin:0 auto 45px}.showcase-head h2{font:800 clamp(34px,4vw,50px)/1.1 Manrope,Arial;margin:0}.showcase-head p{color:#98a2b3}.marquee{width:100%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;gap:18px;width:max-content;animation:workscroll 95s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.work-slide{width:360px;height:235px;border-radius:16px;overflow:hidden;border:1px solid #263246;background:#111827;flex:none}.work-slide img{width:100%;height:100%;object-fit:cover;display:block}@keyframes workscroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.footer-brand.new-brand img{width:78px;height:78px}
@media(max-width:980px){.case-grid{grid-template-columns:1fr}.hero-logo-panel{height:390px}.orbit.one{width:340px;height:340px}.orbit.two{width:390px;height:390px}}
@media(max-width:620px){.case-card{grid-template-columns:1fr}.case-img{height:220px}.work-slide{width:280px;height:185px}.hero-logo-panel{height:320px}.orbit.one{width:270px;height:270px}.orbit.two{width:310px;height:310px}}