:root{
  --blue:#2563EB;--blue2:#1D4ED8;--navy:#07111F;--ink:#0B132B;--muted:#65728A;
  --line:#E6EAF0;--soft:#F5F7FA;--white:#fff;--cyan:#22D3EE;--purple:#7C3AED;
  --radius:28px;--shadow:0 24px 80px rgba(7,17,31,.10);--shadow-lg:0 34px 110px rgba(7,17,31,.16)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Cairo,system-ui,-apple-system,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden;-webkit-font-smoothing:antialiased}html[dir=rtl] body{font-family:Cairo,Inter,sans-serif}.container{width:min(1220px,calc(100% - 40px));margin:auto}.section-pad{padding:118px 0}.clean-link{color:inherit;text-decoration:none}

/* Header */
.site-header{position:fixed;inset:0 0 auto;z-index:1000;padding:14px 0;transition:.3s;background:transparent}.site-header.scrolled{padding:8px 0;background:rgba(255,255,255,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(230,234,240,.9);box-shadow:0 8px 30px rgba(7,17,31,.05)}.nav-wrap{height:66px;display:flex;align-items:center;gap:28px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.72);border-radius:20px;padding:0 12px 0 20px;box-shadow:0 16px 45px rgba(7,17,31,.08)}html[dir=rtl] .nav-wrap{padding:0 20px 0 12px}.site-header.scrolled .nav-wrap{box-shadow:none;border-color:#E7EBF1}.brand{display:flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:178px;height:46px;object-fit:contain}.nav-links{display:flex;align-items:center;gap:25px;margin-inline-start:auto}.nav-links a{position:relative;color:#263248;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;transition:.2s}.nav-links a:after{content:"";position:absolute;inset-inline:0;bottom:-10px;height:2px;border-radius:999px;background:var(--blue);transform:scaleX(0);transition:.2s}.nav-links a:hover{color:var(--blue)}.nav-links a:hover:after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:8px}.lang-toggle{height:42px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;border:1px solid #E4E8EF;border-radius:12px;color:#182236;text-decoration:none;font-size:12px;font-weight:800;background:#fff}.lang-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 4px rgba(37,99,235,.09)}.menu-toggle{display:none;width:42px;height:42px;border:1px solid #E4E8EF;background:#fff;border-radius:12px;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background:#0B132B;margin:5px auto;border-radius:2px;transition:.2s}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:14px;text-decoration:none;font-size:13px;font-weight:800;border:1px solid transparent;cursor:pointer;transition:transform .22s,box-shadow .22s,background .22s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2F78FF,#1558E8);box-shadow:0 12px 28px rgba(37,99,235,.28)}.btn-primary:hover{box-shadow:0 18px 36px rgba(37,99,235,.36)}.btn-small{min-height:42px;padding:0 16px;border-radius:12px}.btn-xl{min-height:58px;padding:0 26px;border-radius:16px;font-size:14px}.btn-dark-ghost{color:#EAF0FF;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.16);backdrop-filter:blur(10px)}.btn-dark-ghost:hover{background:rgba(255,255,255,.1)}.btn-light{background:#fff;color:#07111F;box-shadow:0 14px 36px rgba(0,0,0,.15)}.btn-white{background:#fff;color:#0A1426;box-shadow:0 16px 40px rgba(0,0,0,.18)}.btn-arrow{font-size:16px}

/* Hero */
.hero-premium{position:relative;min-height:850px;padding:150px 0 42px;background:#07111F;color:#fff;overflow:hidden;isolation:isolate}.hero-premium:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 22%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,56px 56px,56px 56px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.7) 64%,transparent 100%);z-index:-3}.hero-noise{position:absolute;inset:0;opacity:.035;z-index:-1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.hero-orb{position:absolute;border-radius:50%;filter:blur(90px);z-index:-2;pointer-events:none}.hero-orb-a{width:520px;height:520px;background:rgba(37,99,235,.35);inset-inline-end:-120px;top:-40px}.hero-orb-b{width:420px;height:420px;background:rgba(34,211,238,.12);inset-inline-start:-140px;bottom:-90px}.hero-premium-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:62px;align-items:center}.hero-copy{padding-block:38px}.hero-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);border-radius:999px;padding:9px 14px;font-size:11px;font-weight:800;color:#C9D5EA;letter-spacing:.02em}.hero-badge span{width:8px;height:8px;border-radius:50%;background:#2DD4BF;box-shadow:0 0 0 5px rgba(45,212,191,.08)}.hero-copy h1{font-size:clamp(48px,5.35vw,76px);line-height:1.07;letter-spacing:-.045em;margin:28px 0 22px;max-width:760px}.hero-copy>p{max-width:650px;margin:0;color:#9FB0C8;font-size:18px;line-height:1.9}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.capability-row{display:flex;gap:25px;flex-wrap:wrap;margin-top:34px;color:#91A1B8;font-size:12px;font-weight:700}.capability-row span{display:inline-flex;align-items:center;gap:8px}.capability-row i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#4F8BFF}.hero-product{position:relative;min-width:0}.command-window{position:relative;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:#0B1728;box-shadow:0 42px 100px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.03) inset;transform:perspective(1300px) rotateY(-2.5deg) rotateX(1.5deg)}html[dir=rtl] .command-window{transform:perspective(1300px) rotateY(2.5deg) rotateX(1.5deg)}.command-top{height:54px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.07);background:#0A1422}.window-dots{display:flex;gap:6px}.window-dots span{width:8px;height:8px;border-radius:50%;background:#334158}.window-dots span:nth-child(1){background:#FF6B6B}.window-dots span:nth-child(2){background:#FFD166}.window-dots span:nth-child(3){background:#2DD4BF}.command-title{margin:auto;color:#73829A;font-size:10px;font-weight:700;letter-spacing:.08em}.live-pill{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:900;color:#7DE7D6;background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.17);padding:6px 8px;border-radius:999px}.live-pill i{width:5px;height:5px;border-radius:50%;background:#2DD4BF}.command-body{display:grid;grid-template-columns:56px 1fr;min-height:500px}.command-sidebar{border-inline-end:1px solid rgba(255,255,255,.06);padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:18px}.side-brand{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#2F78FF,#1558E8);font-size:20px;font-weight:900}.command-sidebar span{width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.035);position:relative}.command-sidebar .side-active{background:rgba(37,99,235,.16);border:1px solid rgba(79,139,255,.25)}.command-sidebar .side-active:after{content:"";position:absolute;width:8px;height:8px;border-radius:2px;background:#4F8BFF;inset:9px}.command-content{padding:25px}.command-heading{display:flex;align-items:center;justify-content:space-between;gap:18px}.command-heading small{display:block;color:#5E7190;font-size:9px;font-weight:900;letter-spacing:.12em;margin-bottom:7px}.command-heading strong{display:block;font-size:16px;color:#F4F7FF}.mini-avatar{width:35px;height:35px;display:grid;place-items:center;border-radius:11px;background:#111F34;border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:900;color:#9DB5DB}.command-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 16px}.command-kpis>div{padding:18px;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:rgba(255,255,255,.025)}.command-kpis small{display:block;color:#65758D;font-size:9px;font-weight:800;margin-bottom:9px}.command-kpis b{display:block;font-size:25px;letter-spacing:-.03em}.command-kpis em{display:block;color:#46D7BE;font-style:normal;font-size:8px;font-weight:800;margin-top:6px}.command-platforms{display:grid;gap:10px}.command-platforms a{display:flex;align-items:center;gap:12px;color:#EAF1FF;text-decoration:none;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:15px;background:rgba(255,255,255,.028);transition:.22s}.command-platforms a:hover{background:rgba(255,255,255,.055);border-color:rgba(79,139,255,.28);transform:translateX(3px)}html[dir=rtl] .command-platforms a:hover{transform:translateX(-3px)}.platform-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;font-size:11px;font-weight:900;flex:0 0 auto}.store-icon{background:linear-gradient(145deg,#246BFD,#1749BA)}.hr-icon{background:linear-gradient(145deg,#253247,#111927)}.auto-icon{background:linear-gradient(145deg,#7C3AED,#4F46E5)}.command-platforms div{min-width:0;flex:1}.command-platforms small{display:block;color:#63748E;font-size:8px;margin-bottom:4px}.command-platforms b{display:block;font-size:11px}.command-platforms i{font-style:normal;color:#6F86A8}.floating-chip{position:absolute;z-index:4;padding:10px 12px;background:rgba(255,255,255,.96);border-radius:12px;color:#182236;font-size:9px;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.7)}.floating-chip b{color:#3975E9;margin-inline-start:6px}.chip-one{inset-inline-start:-28px;top:90px}.chip-two{inset-inline-end:-24px;bottom:70px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:55px;padding-top:25px;border-top:1px solid rgba(255,255,255,.08);font-size:11px;color:#72839A}.hero-bottom a{color:#B8C7DC;text-decoration:none;font-weight:800}

/* Section headings */
.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.65fr);gap:60px;align-items:end;margin-bottom:54px}.section-label{display:block;color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:16px}.section-head h2{font-size:clamp(38px,4.5vw,62px);line-height:1.1;letter-spacing:-.045em;margin:0;max-width:820px}.section-head>p{margin:0;color:var(--muted);font-size:14px;line-height:1.85}.section-link{justify-self:end;align-self:end;color:#162238;text-decoration:none;font-weight:800;font-size:12px;border-bottom:1px solid #CCD4DF;padding-bottom:6px}.light-label{color:#7AA8FF}

/* Ecosystem */
.ecosystem-premium{background:#F5F7FA}.ecosystem-premium-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.eco-pro{position:relative;min-height:510px;border-radius:28px;padding:22px;overflow:hidden;background:#fff;border:1px solid #E6EAF0;box-shadow:0 20px 60px rgba(7,17,31,.05);transition:.3s}.eco-pro:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#D5DDE8}.eco-top{display:flex;align-items:center;justify-content:space-between}.eco-index{font-size:10px;font-weight:900;color:#9AA6B6}.eco-status{display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:999px;background:#F1FBF8;color:#278C78;font-size:8px;font-weight:900}.eco-status i{width:5px;height:5px;border-radius:50%;background:#2BBF9F}.eco-visual{height:185px;margin:24px 0;border-radius:22px;background:#0B1526;position:relative;overflow:hidden;display:grid;place-items:center}.eco-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(to bottom,#000,transparent)}.eco-symbol{position:relative;z-index:2;width:78px;height:78px;display:grid;place-items:center;border-radius:22px;color:#fff;font-size:24px;font-weight:900;box-shadow:0 18px 44px rgba(0,0,0,.25)}.eco-store .eco-symbol{background:linear-gradient(145deg,#2F7CFF,#1746BE)}.eco-hr .eco-symbol{background:linear-gradient(145deg,#334155,#111827)}.eco-automation .eco-symbol{background:linear-gradient(145deg,#8B5CF6,#4F46E5)}.eco-lines span{position:absolute;height:1px;background:linear-gradient(90deg,transparent,rgba(116,157,255,.45),transparent);width:190px;left:50%;top:50%;transform-origin:center}.eco-lines span:nth-child(1){transform:translate(-50%,-50%) rotate(0deg)}.eco-lines span:nth-child(2){transform:translate(-50%,-50%) rotate(45deg)}.eco-lines span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.eco-content small{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:.08em}.eco-content h3{font-size:27px;letter-spacing:-.035em;margin:9px 0 12px}.eco-content p{color:var(--muted);font-size:13px;line-height:1.75;min-height:70px}.eco-link{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px;padding-top:16px;border-top:1px solid #EEF1F5}.eco-link span{font-size:10px;color:#8491A4;font-weight:800}.eco-link b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#F2F5F9;color:#172238}

/* Services */
.services-premium{background:#fff}.bento-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.bento-card{position:relative;min-height:325px;padding:25px;border:1px solid #E5EAF1;border-radius:26px;background:#fff;overflow:hidden;display:flex;flex-direction:column;transition:.28s}.bento-card:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;background:rgba(37,99,235,.07);filter:blur(40px);inset-inline-end:-90px;top:-90px;transition:.3s}.bento-card:hover{transform:translateY(-5px);border-color:#CAD8ED;box-shadow:0 24px 70px rgba(7,17,31,.08)}.bento-card:hover:before{background:rgba(37,99,235,.12)}.bento-number{position:absolute;inset-inline-end:22px;top:21px;color:#B5BECC;font-size:9px;font-weight:900;letter-spacing:.12em}.bento-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:15px;background:#F1F5FD;border:1px solid #E0E8F8;color:#235FC9;font-weight:900;font-size:15px;margin-bottom:auto}.bento-content h3{font-size:22px;letter-spacing:-.025em;margin:40px 0 10px}.bento-content p{color:var(--muted);font-size:13px;line-height:1.75;margin:0 0 20px}.bento-content span{font-size:11px;font-weight:900;color:#234D98}.bento-content span b{font-size:14px}.bento-card:nth-child(1),.bento-card:nth-child(5){background:linear-gradient(145deg,#F8FBFF,#fff)}

/* Workflow */
.workflow-premium{background:#07111F;color:#fff;position:relative;overflow:hidden}.workflow-premium:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 90% 20%,rgba(37,99,235,.2),transparent 30%),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,46px 46px,46px 46px}.workflow-grid{position:relative;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.workflow-copy h2{font-size:clamp(39px,4.4vw,60px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px}.workflow-copy p{color:#8FA0B8;line-height:1.85;font-size:14px;max-width:520px;margin-bottom:30px}.workflow-board{padding:18px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:rgba(255,255,255,.035);box-shadow:0 35px 90px rgba(0,0,0,.25);backdrop-filter:blur(12px)}.flow-step{display:grid;grid-template-columns:48px 1fr 30px;align-items:center;gap:16px;min-height:93px;border-bottom:1px solid rgba(255,255,255,.07);padding:12px 15px}.flow-step:last-child{border-bottom:0}.flow-step>span{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;border:1px solid rgba(255,255,255,.09);background:rgba(255,255,255,.035);font-size:10px;font-weight:900;color:#7590B8}.flow-step small{display:block;color:#5E7190;font-size:8px;font-weight:900;letter-spacing:.12em;margin-bottom:6px}.flow-step b{font-size:14px}.flow-step>i{font-style:normal;color:#526781}.flow-final{background:linear-gradient(90deg,rgba(37,99,235,.12),transparent);border-radius:15px}.flow-final>span{background:#1F64E9;color:#fff;border-color:#3779F0}.flow-final>i{color:#2DD4BF}

/* Projects */
.projects-premium{background:#F7F8FA}.project-pro-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-pro{border:1px solid #E2E7ED;border-radius:28px;background:#fff;padding:14px;transition:.28s}.project-pro:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#CFD8E5}.project-pro-media{height:330px;border-radius:20px;overflow:hidden;background:#0C1729;position:relative}.project-pro-media img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.project-pro:hover .project-pro-media img{transform:scale(1.025)}.project-open{position:absolute;inset-inline-end:15px;top:15px;width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(255,255,255,.94);color:#0C1729;font-weight:900;box-shadow:0 10px 30px rgba(0,0,0,.14)}.project-pro-placeholder{height:100%;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 35%,rgba(37,99,235,.25),transparent 30%),linear-gradient(145deg,#0B1728,#07111F);overflow:hidden}.project-pro-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:34px 34px}.project-pro-placeholder b{position:relative;font-size:190px;line-height:1;font-weight:900;color:#2E73F1;text-shadow:0 28px 60px rgba(37,99,235,.3)}.project-pro-placeholder span,.project-pro-placeholder em{position:absolute;z-index:2;font-style:normal;font-size:9px;font-weight:900;letter-spacing:.15em;color:#7186A5}.project-pro-placeholder span{top:25px;inset-inline-start:25px}.project-pro-placeholder em{bottom:25px;inset-inline-end:25px}.project-pro-copy{padding:22px 10px 14px}.project-pro-copy small{color:#2D68D1;font-size:9px;font-weight:900;letter-spacing:.11em}.project-pro-copy h3{font-size:27px;letter-spacing:-.035em;margin:9px 0 10px}.project-pro-copy p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}

/* Insights */
.insights-premium{background:#fff}.insight-list{border-top:1px solid #E5EAF0}.insight-row{display:grid;grid-template-columns:50px 1.1fr 1fr 42px;gap:25px;align-items:center;padding:25px 0;border-bottom:1px solid #E5EAF0;transition:.22s}.insight-row:hover{padding-inline:10px;background:#FAFBFC}.insight-num{font-size:9px;font-weight:900;color:#A3ADBB}.insight-row small{color:#8A96A7;font-size:9px;font-weight:800}.insight-row h3{font-size:20px;margin:7px 0 0;letter-spacing:-.02em}.insight-row p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.insight-row>b{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:#F2F5F8}

/* CTA */
.cta-premium{background:#fff;padding-top:40px}.cta-pro{position:relative;min-height:460px;border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#0B1B36,#0A1426 55%,#0C203E);color:#fff;padding:65px;display:flex;align-items:center}.cta-pro:before{content:"";position:absolute;width:480px;height:480px;border-radius:50%;background:rgba(37,99,235,.24);filter:blur(80px);inset-inline-end:-120px;top:-80px}.cta-grid-bg{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 78%)}.cta-content{position:relative;z-index:2;max-width:690px}.cta-content>span{display:block;color:#7EACFF;font-size:10px;font-weight:900;letter-spacing:.13em;margin-bottom:16px}.cta-content h2{font-size:clamp(42px,5vw,68px);line-height:1.05;letter-spacing:-.05em;margin:0 0 18px}.cta-content p{max-width:580px;color:#95A7BF;line-height:1.8;font-size:14px;margin-bottom:30px}.cta-mark{position:absolute;z-index:1;inset-inline-end:50px;bottom:-70px;font-size:360px;font-weight:900;line-height:1;color:rgba(50,112,239,.19);filter:drop-shadow(0 35px 70px rgba(37,99,235,.18))}

/* Footer */
.site-footer{margin-top:100px;background:#F6F7F9;border-top:1px solid #E8EBF0}.footer-top{display:grid;grid-template-columns:1.1fr 1.2fr;gap:90px;padding:70px 0 55px}.footer-brand img{width:190px;height:52px;object-fit:contain;object-position:left center}html[dir=rtl] .footer-brand img{object-position:right center}.footer-brand p{max-width:470px;color:#6D788A;line-height:1.8;font-size:13px;margin:22px 0}.footer-mail{display:inline-block;color:#182236;text-decoration:none;font-size:13px;font-weight:900;border-bottom:1px solid #C6CEDA;padding-bottom:4px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-columns h4{font-size:11px;margin:0 0 20px;color:#29354B}.footer-columns a{display:block;color:#768194;text-decoration:none;font-size:12px;font-weight:700;margin:13px 0;transition:.2s}.footer-columns a:hover{color:var(--blue);transform:translateX(2px)}html[dir=rtl] .footer-columns a:hover{transform:translateX(-2px)}.footer-bottom{min-height:72px;border-top:1px solid #E2E6EC;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8A95A6;font-size:10px}.footer-status{display:flex;align-items:center;gap:7px}.footer-status i{width:7px;height:7px;border-radius:50%;background:#2BBF9F;box-shadow:0 0 0 4px rgba(43,191,159,.09)}

/* Reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){.nav-links{gap:16px}.nav-links a{font-size:12px}.header-cta{display:none}.hero-premium-grid{gap:35px}.section-head{gap:35px}.command-body{min-height:470px}.ecosystem-premium-grid{gap:14px}}
@media(max-width:900px){.container{width:min(100% - 28px,760px)}.section-pad{padding:88px 0}.site-header{padding:8px 0}.nav-wrap{height:62px;border-radius:17px;padding-inline:12px}.brand img{width:155px}.menu-toggle{display:block}.nav-links{position:absolute;top:82px;inset-inline:14px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid #E5EAF1;border-radius:18px;padding:10px;box-shadow:0 24px 70px rgba(7,17,31,.16)}.nav-links.open{display:flex}.nav-links a{padding:13px 12px;border-radius:10px}.nav-links a:hover{background:#F5F8FC}.nav-links a:after{display:none}.hero-premium{padding-top:120px;min-height:auto}.hero-premium-grid{grid-template-columns:1fr}.hero-copy{text-align:center;padding-block:22px}.hero-badge{margin:auto}.hero-copy h1{max-width:780px;margin-inline:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.capability-row{justify-content:center}.hero-product{max-width:690px;width:100%;margin:15px auto 0}.command-window,html[dir=rtl] .command-window{transform:none}.floating-chip{display:none}.hero-bottom{margin-top:38px}.section-head{grid-template-columns:1fr;gap:18px;align-items:start}.section-head>p{max-width:680px}.section-link{justify-self:start}.ecosystem-premium-grid,.bento-services{grid-template-columns:1fr 1fr}.eco-pro{min-height:470px}.workflow-grid{grid-template-columns:1fr;gap:45px}.project-pro-grid{grid-template-columns:1fr}.insight-row{grid-template-columns:44px 1fr 38px}.insight-row p{display:none}.cta-pro{padding:50px;min-height:400px}.footer-top{grid-template-columns:1fr;gap:45px}.footer-columns{max-width:600px}}
@media(max-width:620px){.container{width:calc(100% - 22px)}.section-pad{padding:70px 0}.site-header{padding:7px 0}.nav-wrap{height:58px;border-radius:15px}.brand img{width:142px;height:40px}.lang-toggle{height:38px}.menu-toggle{width:38px;height:38px}.nav-links{top:73px}.hero-premium{padding-top:102px}.hero-copy h1{font-size:40px;line-height:1.12;letter-spacing:-.035em}.hero-copy>p{font-size:15px;line-height:1.8}.hero-actions{display:grid;grid-template-columns:1fr;width:100%}.btn-xl{min-height:54px}.capability-row{gap:14px;font-size:10px}.hero-product{margin-top:8px}.command-top{height:46px}.command-title{display:none}.command-body{grid-template-columns:45px 1fr;min-height:440px}.command-sidebar{padding:14px 8px}.command-sidebar span{width:25px;height:25px}.command-content{padding:16px}.command-heading strong{font-size:13px}.command-kpis{gap:8px;margin:18px 0 12px}.command-kpis>div{padding:13px}.command-kpis b{font-size:20px}.command-platforms a{padding:10px;gap:9px}.platform-icon{width:35px;height:35px}.hero-bottom{display:none}.section-head h2{font-size:36px}.ecosystem-premium-grid,.bento-services{grid-template-columns:1fr}.eco-pro{min-height:440px}.eco-visual{height:160px}.bento-card{min-height:280px}.workflow-board{padding:10px}.flow-step{grid-template-columns:40px 1fr 25px;gap:10px;min-height:82px;padding:9px 7px}.flow-step>span{width:38px;height:38px}.project-pro-media{height:240px}.project-pro-placeholder b{font-size:140px}.insight-row{grid-template-columns:36px 1fr 34px;gap:12px}.insight-row h3{font-size:16px}.cta-premium{padding-top:15px}.cta-pro{padding:36px 26px;min-height:430px;border-radius:26px}.cta-content h2{font-size:40px}.cta-mark{font-size:260px;inset-inline-end:-10px}.site-footer{margin-top:65px}.footer-top{padding:50px 0 40px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{padding:18px 0;flex-direction:column;align-items:flex-start}.footer-status{order:-1}}

/* ===== CodeOne V4 Visual Match ===== */
:root{--v4-bg:#030a16;--v4-panel:#081426;--v4-line:rgba(126,157,205,.18);--v4-text:#f8fbff;--v4-muted:#a9b7cd;--v4-blue:#3b82f6;--v4-purple:#c04df6;--v4-green:#2be58a}
.site-body{background:var(--v4-bg);color:var(--v4-text)}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:14px 0;transition:.25s}.site-header.scrolled{background:rgba(3,10,22,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}
.nav-wrap{height:64px;background:transparent;border:0!important;box-shadow:none!important}.brand img{filter:brightness(0) invert(1);max-width:180px}.nav-links a{color:#fff!important;font-weight:700}.nav-links a:after{background:#4b9cff!important}.lang-toggle{color:#fff!important;border-color:rgba(255,255,255,.16)!important;background:rgba(255,255,255,.025)!important}.header-cta{background:linear-gradient(135deg,#2563eb,#b648ef)!important;border:0!important;color:#fff!important}.menu-toggle{border-color:rgba(255,255,255,.16)!important}.menu-toggle span{background:#fff!important}
.v4-hero{position:relative;overflow:hidden;min-height:820px;padding:145px 0 90px;background:radial-gradient(circle at 18% 38%,rgba(24,70,185,.17),transparent 28%),radial-gradient(circle at 78% 25%,rgba(93,36,190,.14),transparent 27%),#030a16}.v4-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 20%,transparent 88%)}.v4-glow{position:absolute;border-radius:50%;filter:blur(85px);opacity:.45}.v4-glow-a{width:360px;height:360px;background:#1355ff;left:-150px;top:210px}.v4-glow-b{width:300px;height:300px;background:#8c35df;right:-100px;top:150px}.v4-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.03fr .97fr;gap:80px;align-items:center}.v4-hero-copy h1{font-size:clamp(50px,5.3vw,86px);line-height:1.05;letter-spacing:-.055em;margin:12px 0 22px;background:linear-gradient(100deg,#fff 0 22%,#3b82f6 52%,#bd4ff2 92%);-webkit-background-clip:text;background-clip:text;color:transparent}.v4-eyebrow{font-size:16px;font-weight:800;color:#fff}.v4-hero-copy>p{max-width:710px;font-size:17px;line-height:1.9;color:#c1ccdb;margin:0}.v4-actions{display:flex;gap:14px;margin:32px 0 28px}.v4-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:0 25px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:900;transition:.25s}.v4-btn-primary{color:#fff;background:linear-gradient(135deg,#2368ee,#c249ea);box-shadow:0 14px 40px rgba(82,74,255,.22)}.v4-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px rgba(82,74,255,.35)}.v4-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.025)}.v4-trust{display:flex;flex-wrap:wrap;gap:28px;color:#d7dfeb;font-size:12px}.v4-trust span:nth-child(1){color:#c9e8d7}.v4-dashboard{position:relative;perspective:1200px}.v4-laptop{border:1px solid rgba(105,131,255,.6);border-radius:20px;background:linear-gradient(155deg,#09172a,#050d19);box-shadow:0 0 0 1px rgba(65,93,255,.08),0 35px 90px rgba(0,0,0,.5),0 0 70px rgba(46,80,255,.14);transform:rotateY(-5deg) rotateX(2deg);overflow:hidden}.v4-screen-head{height:55px;display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);color:#dce9fb}.v4-mini-logo{color:#4799ff;font-weight:900;font-size:20px}.v4-screen-actions{margin-inline-start:auto;color:#5ca0ff}.v4-screen-body{display:grid;grid-template-columns:72px 1fr;min-height:410px}.v4-screen-body aside{display:flex;flex-direction:column;align-items:center;gap:22px;padding:25px 10px;border-inline-end:1px solid rgba(255,255,255,.07);color:#7084a4}.v4-screen-body aside strong{display:grid;place-items:center;width:38px;height:38px;border-radius:8px;background:#112a52;color:#55a1ff}.v4-screen-main{padding:25px}.v4-screen-top{display:flex;align-items:flex-start;justify-content:space-between}.v4-screen-top small{color:#7f93b0}.v4-screen-top h3{font-size:18px;margin:5px 0 0}.v4-online{font-size:10px;color:#45e99d}.v4-screen-kpis{display:grid;grid-template-columns:1fr 1fr .8fr;gap:12px;margin:26px 0}.v4-screen-kpis>div{padding:16px;border:1px solid rgba(87,117,172,.25);border-radius:12px;background:rgba(7,18,36,.8)}.v4-screen-kpis small{display:block;color:#8394ac;font-size:10px}.v4-screen-kpis b{display:block;font-size:24px;margin-top:8px}.v4-score{background:radial-gradient(circle at 50% 45%,rgba(95,77,255,.18),transparent 48%),rgba(7,18,36,.8)!important}.v4-chart{height:145px;display:flex;align-items:flex-end;gap:10px;padding:18px;border:1px solid rgba(87,117,172,.24);border-radius:12px;background:linear-gradient(180deg,rgba(34,60,120,.08),transparent)}.v4-chart i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:linear-gradient(#b653f0,#347eff);box-shadow:0 0 18px rgba(113,71,255,.22)}.v4-float-card{position:absolute;left:-35px;bottom:-25px;display:flex;align-items:center;gap:13px;padding:14px 18px;border:1px solid rgba(95,139,255,.45);border-radius:11px;background:rgba(7,20,43,.94);box-shadow:0 20px 45px rgba(0,0,0,.36)}.v4-float-card>span{font-size:28px;color:#4f8fff}.v4-float-card b,.v4-float-card small{display:block}.v4-float-card small{color:#8fa3bf;margin-top:4px;font-size:10px}
.v4-ecosystem{padding:38px 0 72px;background:#030a16}.v4-section-title{text-align:center;max-width:760px;margin:0 auto 30px}.v4-section-title>span,.v4-project-head span{color:#4b91ff;font-size:25px;font-weight:900}.v4-section-title h2{font-size:14px;color:#d5deea;font-weight:600;margin:6px 0}.v4-eco-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.v4-eco-card{position:relative;min-height:245px;padding:27px;border:1px solid var(--v4-line);border-radius:18px;text-decoration:none;color:#fff;overflow:hidden;display:grid;grid-template-columns:78px 1fr;gap:20px;background:linear-gradient(145deg,rgba(14,28,49,.8),rgba(5,13,25,.95));transition:.28s}.v4-eco-card:hover{transform:translateY(-5px);box-shadow:0 25px 65px rgba(0,0,0,.25)}.v4-eco-store{border-color:rgba(30,214,131,.48);background:radial-gradient(circle at 10% 20%,rgba(20,164,105,.18),transparent 35%),#06141c}.v4-eco-hr{border-color:rgba(67,140,255,.55);background:radial-gradient(circle at 10% 20%,rgba(42,105,218,.18),transparent 35%),#071324}.v4-eco-automation{border-color:rgba(188,74,238,.48);background:radial-gradient(circle at 10% 20%,rgba(150,51,194,.18),transparent 35%),#13091d}.v4-eco-icon{display:grid;place-items:center;width:68px;height:68px;border-radius:15px;background:linear-gradient(145deg,#31425f,#182439);font-size:31px}.v4-eco-store .v4-eco-icon{background:linear-gradient(145deg,#1ba66c,#207a58)}.v4-eco-hr .v4-eco-icon{background:linear-gradient(145deg,#3978db,#1f4387)}.v4-eco-automation .v4-eco-icon{background:linear-gradient(145deg,#9e37d3,#562074)}.v4-eco-copy h3{font-size:23px;margin:0}.v4-eco-store h3,.v4-eco-store .v4-eco-copy span{color:#2be58a}.v4-eco-hr h3,.v4-eco-hr .v4-eco-copy span{color:#4b91ff}.v4-eco-automation h3,.v4-eco-automation .v4-eco-copy span{color:#c85cff}.v4-eco-copy>b{display:block;font-size:11px;margin:4px 0 13px}.v4-eco-copy p{font-size:11px;line-height:1.9;color:#9fb0c6;margin:0 0 16px}.v4-eco-copy span{font-size:11px;font-weight:900}.v4-eco-card>small{position:absolute;bottom:12px;inset-inline-end:18px;color:#75859c;font-size:10px}.v4-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:15px;background:#081321;overflow:hidden}.v4-stats>div{padding:22px;text-align:center;border-inline-end:1px solid rgba(255,255,255,.06)}.v4-stats>div:last-child{border:0}.v4-stats b{display:block;font-size:25px;color:#47e58e}.v4-stats>div:nth-child(2) b{color:#4a8dff}.v4-stats>div:nth-child(3) b{color:#cf5cff}.v4-stats>div:nth-child(4) b{color:#ff9b32}.v4-stats span{font-size:11px;color:#ccd5e3}
.v4-projects{padding:34px 0 90px;background:#030a16}.v4-project-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.v4-project-head h2{font-size:14px;margin:6px 0;color:#d6deea}.v4-project-head a{color:#fff;text-decoration:none;border:1px solid rgba(255,255,255,.2);padding:11px 16px;border-radius:7px;font-size:11px}.v4-project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.v4-project-card{background:#f6f8fc;border-radius:12px;overflow:hidden;color:#101828;text-decoration:none;transition:.25s}.v4-project-card:hover{transform:translateY(-5px)}.v4-project-media{height:170px;background:#eef2f7;overflow:hidden}.v4-project-media img{width:100%;height:100%;object-fit:cover}.v4-placeholder{height:100%;display:grid;place-items:center;color:#3b82f6;font-size:60px;background:linear-gradient(145deg,#fff,#eaf1fb)}.v4-project-copy{padding:18px;min-height:140px;display:flex;flex-direction:column;justify-content:space-between}.v4-project-copy h3{font-size:16px;margin:0 0 8px}.v4-project-copy p{font-size:10px;color:#64748b;line-height:1.7;margin:0}.v4-project-copy span{align-self:flex-start;margin-top:12px;padding:5px 8px;border-radius:6px;background:#dcf6e8;color:#21764b;font-size:9px}
.v4-services{padding:90px 0;background:#06101d}.v4-service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.v4-service-card{position:relative;padding:28px;min-height:270px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#091626;color:#fff;text-decoration:none}.v4-service-card>small{position:absolute;top:20px;inset-inline-end:20px;color:#53657d}.v4-service-card>div{font-size:30px;color:#4b91ff}.v4-service-card h3{font-size:21px;margin:28px 0 10px}.v4-service-card p{font-size:12px;line-height:1.8;color:#91a3bb}.v4-service-card span{font-size:11px;color:#63a3ff;font-weight:900}.v4-cta{padding:70px 0 100px;background:#030a16}.v4-cta-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:48px;border:1px solid rgba(113,93,255,.25);border-radius:22px;background:radial-gradient(circle at 80% 50%,rgba(142,57,211,.22),transparent 25%),linear-gradient(125deg,#0b1d38,#0a1020)}.v4-cta-box span{color:#4b91ff;font-size:10px;letter-spacing:.2em;font-weight:900}.v4-cta-box h2{font-size:34px;margin:8px 0}.v4-cta-box p{color:#a9b7ca;margin:0}
.site-footer{background:#020812!important;border-top:1px solid rgba(255,255,255,.06)!important;color:#fff!important}.footer-brand p,.footer-bottom,.footer-columns a{color:#8ea0b8!important}.footer-columns h4,.footer-mail{color:#fff!important}
@media(max-width:1100px){.v4-hero-grid{gap:40px}.v4-hero-copy h1{font-size:60px}.v4-project-grid{grid-template-columns:repeat(2,1fr)}.v4-eco-card{grid-template-columns:62px 1fr;padding:22px}.v4-eco-icon{width:56px;height:56px}}
@media(max-width:900px){.site-header .nav-links{background:#07111f!important;border-color:rgba(255,255,255,.08)!important}.site-header .nav-links a:hover{background:rgba(255,255,255,.06)!important}.v4-hero{padding:120px 0 70px}.v4-hero-grid{grid-template-columns:1fr;gap:55px}.v4-hero-copy{text-align:center}.v4-hero-copy>p{margin-inline:auto}.v4-actions,.v4-trust{justify-content:center}.v4-dashboard{max-width:720px;margin:auto;width:100%}.v4-laptop{transform:none}.v4-float-card{left:15px}.v4-eco-grid{grid-template-columns:1fr}.v4-eco-card{min-height:210px;grid-template-columns:78px 1fr}.v4-stats{grid-template-columns:repeat(3,1fr)}.v4-stats>div:nth-child(3){border-inline-end:0}.v4-stats>div:nth-child(n+4){border-top:1px solid rgba(255,255,255,.06)}.v4-service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.brand img{max-width:145px}.header-cta{display:none!important}.v4-hero{padding:105px 0 55px}.v4-hero-copy h1{font-size:43px;line-height:1.12}.v4-eyebrow{font-size:13px}.v4-hero-copy>p{font-size:14px;line-height:1.85}.v4-actions{display:grid;grid-template-columns:1fr;width:100%}.v4-trust{gap:12px;font-size:9px}.v4-screen-body{grid-template-columns:48px 1fr;min-height:330px}.v4-screen-body aside{gap:16px;padding:18px 6px}.v4-screen-body aside span,.v4-screen-body aside strong{font-size:11px}.v4-screen-main{padding:15px}.v4-screen-top h3{font-size:13px}.v4-screen-kpis{grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.v4-screen-kpis .v4-score{display:none}.v4-screen-kpis>div{padding:11px}.v4-screen-kpis b{font-size:18px}.v4-chart{height:110px;padding:12px;gap:6px}.v4-float-card{position:relative;left:auto;bottom:auto;margin:-12px 16px 0}.v4-section-title>span,.v4-project-head span{font-size:20px}.v4-eco-card{grid-template-columns:55px 1fr;padding:18px;min-height:230px}.v4-eco-icon{width:50px;height:50px;font-size:23px}.v4-eco-copy h3{font-size:19px}.v4-stats{grid-template-columns:1fr 1fr}.v4-stats>div{padding:17px 8px;border-top:1px solid rgba(255,255,255,.06)}.v4-stats>div:nth-child(odd){border-inline-end:1px solid rgba(255,255,255,.06)}.v4-stats>div:nth-child(even){border-inline-end:0}.v4-stats>div:first-child,.v4-stats>div:nth-child(2){border-top:0}.v4-stats>div:last-child{grid-column:1/-1}.v4-project-head{align-items:flex-start;gap:15px}.v4-project-head a{white-space:nowrap}.v4-project-grid{grid-template-columns:1fr}.v4-project-media{height:210px}.v4-service-grid{grid-template-columns:1fr}.v4-cta-box{padding:32px 23px;flex-direction:column;align-items:flex-start}.v4-cta-box h2{font-size:28px}.v4-cta-box .v4-btn{width:100%}}
@media(max-width:390px){.v4-hero-copy h1{font-size:36px}.v4-screen-body aside{display:none}.v4-screen-body{grid-template-columns:1fr}.v4-eco-card{grid-template-columns:1fr}.v4-eco-card>small{display:none}.v4-project-head{display:block}.v4-project-head a{display:inline-block;margin-top:14px}}
.v4-header-login{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border:1px solid rgba(255,255,255,.16);border-radius:7px;color:#fff;text-decoration:none;font-size:12px;font-weight:800;background:rgba(255,255,255,.02)}
@media(max-width:1050px){.v4-header-login{display:none}}

/* ===== CodeOne V4.1 — Original Logo Identity Fix =====
   Palette sampled from the bundled original CodeOne logo:
   Logo blue #0060F0 / bright blue #0088F0 / deep navy #000020 / white.
*/
:root{
  --logo-blue:#0060F0;
  --logo-blue-2:#0088F0;
  --logo-navy:#000020;
  --logo-ink:#001027;
  --logo-soft:#F5F8FC;
  --v4-bg:#000B1F;
  --v4-panel:#07172E;
  --v4-blue:var(--logo-blue);
  --v4-purple:var(--logo-blue-2);
  --v4-green:var(--logo-blue-2);
}
.site-body{background:#fff;color:var(--logo-ink)}

/* Header: always preserve the original logo artwork and its native colors. */
.site-header,.site-header.scrolled{padding:10px 0;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,16,39,.08);box-shadow:0 8px 30px rgba(0,16,39,.06)}
.nav-wrap{height:64px!important;background:transparent!important;border:0!important;box-shadow:none!important}
.brand img{filter:none!important;width:178px!important;max-width:178px!important;height:46px!important}
.nav-links a{color:var(--logo-ink)!important}
.nav-links a:hover{color:var(--logo-blue)!important}
.nav-links a:after{background:var(--logo-blue)!important}
.lang-toggle{color:var(--logo-ink)!important;border-color:#DCE4EF!important;background:#fff!important}
.lang-dot{background:var(--logo-blue)!important;box-shadow:0 0 0 4px rgba(0,96,240,.10)!important}
.header-cta.store-cta{background:linear-gradient(135deg,var(--logo-blue),var(--logo-blue-2))!important;color:#fff!important;border:0!important;box-shadow:0 10px 26px rgba(0,96,240,.22)!important}
.mobile-store-link{display:none!important}
.menu-toggle{background:#F3F7FD!important;border:1px solid #CFDBEB!important;color:var(--logo-ink)!important}
.menu-toggle span{background:var(--logo-ink)!important}

/* Home: dark + white only, with the blue tones from the real logo. */
.v4-hero{color:#fff;background:radial-gradient(circle at 18% 38%,rgba(0,96,240,.23),transparent 30%),radial-gradient(circle at 82% 24%,rgba(0,136,240,.12),transparent 28%),#000B1F!important}
.v4-glow-a{background:var(--logo-blue)!important}.v4-glow-b{background:var(--logo-blue-2)!important}
.v4-hero-copy h1{background:linear-gradient(105deg,#fff 0 28%,#80B7FF 58%,var(--logo-blue-2) 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}
.v4-btn-primary{background:linear-gradient(135deg,var(--logo-blue),var(--logo-blue-2))!important;box-shadow:0 14px 40px rgba(0,96,240,.25)!important}
.v4-btn-primary:hover{box-shadow:0 20px 55px rgba(0,96,240,.34)!important}
.v4-trust,.v4-trust span,.v4-trust span:nth-child(1){color:#D8E6F8!important}
.v4-online{color:#79B9FF!important}
.v4-score{background:radial-gradient(circle at 50% 45%,rgba(0,96,240,.20),transparent 50%),rgba(7,18,36,.8)!important}
.v4-chart i{background:linear-gradient(var(--logo-blue-2),var(--logo-blue))!important;box-shadow:0 0 18px rgba(0,96,240,.24)!important}

.v4-ecosystem,.v4-projects,.v4-cta{background:#000B1F!important;color:#fff}
.v4-section-title>span,.v4-project-head span{color:#6BA8FF!important}
.v4-eco-card{border-color:rgba(63,139,255,.35)!important;background:radial-gradient(circle at 12% 22%,rgba(0,96,240,.14),transparent 36%),#06142A!important}
.v4-eco-store,.v4-eco-hr,.v4-eco-automation,.v4-eco-lawyer,.v4-eco-erp,.v4-eco-ai-chatbot{border-color:rgba(63,139,255,.38)!important;background:radial-gradient(circle at 12% 22%,rgba(0,96,240,.14),transparent 36%),#06142A!important}
.v4-eco-erp{border-color:rgba(47,209,159,.46)!important;background:radial-gradient(circle at 14% 22%,rgba(47,209,159,.16),transparent 36%),radial-gradient(circle at 90% 84%,rgba(0,96,240,.16),transparent 34%),#06142A!important}
.v4-eco-ai-chatbot{border-color:rgba(34,211,238,.44)!important;background:radial-gradient(circle at 14% 22%,rgba(34,211,238,.18),transparent 36%),radial-gradient(circle at 90% 84%,rgba(0,96,240,.18),transparent 34%),#06142A!important}
.v4-eco-icon,.v4-eco-store .v4-eco-icon,.v4-eco-hr .v4-eco-icon,.v4-eco-automation .v4-eco-icon,.v4-eco-lawyer .v4-eco-icon,.v4-eco-erp .v4-eco-icon,.v4-eco-ai-chatbot .v4-eco-icon{background:linear-gradient(145deg,var(--logo-blue),#064CB5)!important;color:#fff!important}
.v4-eco-erp .v4-eco-icon{background:linear-gradient(145deg,#25D0A0,#0060F0)!important;font-size:22px!important;font-weight:950!important}
.v4-eco-ai-chatbot .v4-eco-icon{background:linear-gradient(145deg,#22D3EE,#0060F0)!important;font-size:23px!important;font-weight:900!important}
.v4-eco-store h3,.v4-eco-store .v4-eco-copy span,.v4-eco-hr h3,.v4-eco-hr .v4-eco-copy span,.v4-eco-automation h3,.v4-eco-automation .v4-eco-copy span,.v4-eco-lawyer h3,.v4-eco-lawyer .v4-eco-copy span,.v4-eco-erp h3,.v4-eco-erp .v4-eco-copy span,.v4-eco-ai-chatbot h3,.v4-eco-ai-chatbot .v4-eco-copy span{color:#6BA8FF!important}
.v4-stats b,.v4-stats>div:nth-child(2) b,.v4-stats>div:nth-child(3) b,.v4-stats>div:nth-child(4) b{color:#64A4FF!important}
.v4-project-copy span{background:#EAF3FF!important;color:#0757BF!important}
.v4-project-external .v4-placeholder{color:#fff;font-size:38px;font-weight:950;background:radial-gradient(circle at 32% 26%,rgba(37,208,160,.32),transparent 32%),linear-gradient(145deg,#06142A,#0B2D45)}
.v4-project-external .v4-project-copy span{background:#E8FFF7!important;color:#087A5D!important}

/* White services block: no more white-on-white text. */
.v4-services{padding:90px 0;background:#fff!important;color:var(--logo-ink)!important}
.v4-services .v4-section-title>span{color:var(--logo-blue)!important}
.v4-services .v4-section-title h2{color:#53657D!important}
.v4-service-card{background:#fff!important;color:var(--logo-ink)!important;border:1px solid #DCE5F0!important;box-shadow:0 16px 44px rgba(0,16,39,.06)}
.v4-service-card:hover{transform:translateY(-4px);border-color:#B9D2F7!important;box-shadow:0 24px 60px rgba(0,96,240,.10)}
.v4-service-card>small{color:#93A1B4!important}.v4-service-card>div{color:var(--logo-blue)!important}.v4-service-card h3{color:var(--logo-ink)!important}.v4-service-card p{color:#607086!important}.v4-service-card span{color:var(--logo-blue)!important}
.v4-cta-box{border-color:rgba(0,96,240,.28)!important;background:radial-gradient(circle at 82% 50%,rgba(0,96,240,.24),transparent 29%),linear-gradient(125deg,#071B38,#000B1F)!important}

/* Original logo on dark footer sits on a clean white brand plate to avoid destructive filters. */
.site-footer{background:#000816!important;border-top:1px solid rgba(255,255,255,.08)!important}
.footer-brand img{filter:none!important;background:#fff;border-radius:12px;padding:7px 10px;width:205px!important;height:auto!important}
.footer-mail{color:#7DB4FF!important}.footer-columns h4{color:#fff!important}.footer-columns a:hover{color:#7DB4FF!important}
.footer-brand p a{color:#fff!important;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.28)}
.footer-brand p a:hover{color:#fff!important;border-bottom-color:#fff}
.footer-contact{
  display:grid;
  gap:7px;
  margin:16px 0 10px;
  font-style:normal;
  color:#BFD5F7;
  font-size:12px;
  line-height:1.5;
}
.footer-contact a,.footer-contact span{
  color:#fff!important;
  text-decoration:none;
}
.footer-status i{background:var(--logo-blue)!important;box-shadow:0 0 0 4px rgba(0,96,240,.12)!important}

@media(max-width:900px){
  .site-header .nav-links{top:76px!important;background:#fff!important;border:1px solid #DCE4EF!important;box-shadow:0 24px 70px rgba(0,16,39,.18)!important}
  .site-header .nav-links a{color:var(--logo-ink)!important;background:transparent!important}
  .site-header .nav-links a:hover{color:var(--logo-blue)!important;background:#F2F7FF!important}
  .site-header .nav-links .mobile-store-link{display:flex!important;align-items:center;justify-content:center;margin-top:8px;background:linear-gradient(135deg,var(--logo-blue),var(--logo-blue-2))!important;color:#fff!important;border-radius:11px;padding:13px 14px!important}
  .site-header .nav-links .mobile-store-link:hover{color:#fff!important;background:linear-gradient(135deg,#0058DE,#007EDC)!important}
  .menu-toggle{background:#F3F7FD!important;border-color:#CFDBEB!important}
  .menu-toggle span{background:var(--logo-ink)!important}
}
@media(max-width:620px){
  .brand img{width:136px!important;max-width:136px!important;height:38px!important}
  .header-cta.store-cta{display:none!important}
  .lang-toggle{height:38px!important;padding:0 10px!important}
  .menu-toggle{display:block!important;width:38px!important;height:38px!important}
  .nav-actions{gap:6px!important}
}
@media(max-width:390px){
  .brand img{width:124px!important;max-width:124px!important}
  .nav-wrap{padding-inline:8px!important}
}


/* ===== CodeOne V4.2 — Motion & High Visual Effects ===== */
:root{
  --logo-blue:#0060F0;
  --logo-blue-2:#0088F0;
  --logo-navy:#000020;
}
html body{overflow-x:hidden}
.reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}
.reveal.visible{opacity:1;transform:none}

/* stronger motion while preserving brand identity */
.v4-hero{position:relative;overflow:hidden}
.v4-grid-bg{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
 linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
 background-size:52px 52px;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.92) 72%,transparent 100%);opacity:.55;animation:gridDrift 28s linear infinite}
.v4-hero::before,.v4-hero::after{content:"";position:absolute;inset:auto;pointer-events:none;z-index:0}
.v4-hero::before{width:620px;height:620px;left:-120px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(0,136,240,.18) 0,rgba(0,96,240,.08) 38%,transparent 68%);filter:blur(15px);animation:orbFloat 12s ease-in-out infinite}
.v4-hero::after{width:560px;height:560px;right:-80px;bottom:-220px;border-radius:50%;background:radial-gradient(circle,rgba(0,96,240,.16) 0,rgba(0,96,240,.06) 40%,transparent 70%);filter:blur(20px);animation:orbFloat2 14s ease-in-out infinite}
.v4-glow{filter:blur(95px)!important;opacity:.45;animation:glowPulse 8s ease-in-out infinite}
.v4-glow-b{animation-delay:-4s}
.v4-hero-copy,.v4-dashboard,.v4-section-title,.v4-project-head{position:relative;z-index:2}
.v4-hero-copy h1{
  font-size:clamp(34px,4.6vw,68px)!important;
  line-height:1.08!important;
  max-width:10ch;
  text-wrap:balance;
  text-shadow:0 10px 40px rgba(0,96,240,.16);
  letter-spacing:-.04em;
}
.v4-hero-copy p{max-width:610px}
.v4-eyebrow{position:relative;padding-inline:14px}
.v4-eyebrow::before,.v4-eyebrow::after{content:"";position:absolute;top:50%;width:28px;height:1px;background:linear-gradient(90deg,transparent,rgba(122,180,255,.9));transform:translateY(-50%)}
.v4-eyebrow::before{inset-inline-start:-22px}.v4-eyebrow::after{inset-inline-end:-22px;transform:translateY(-50%) scaleX(-1)}
.v4-actions .v4-btn{position:relative;overflow:hidden}
.v4-actions .v4-btn::after,.header-cta.store-cta::after{
  content:"";position:absolute;inset:-120% auto -120% -30%;width:42%;transform:rotate(18deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);transition:transform .8s ease;pointer-events:none;
}
.v4-actions .v4-btn:hover::after,.header-cta.store-cta:hover::after{transform:translateX(330%) rotate(18deg)}
.v4-btn-primary,.header-cta.store-cta{position:relative;isolation:isolate}
.v4-btn-primary::before,.header-cta.store-cta::before{content:"";position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent 38%,rgba(255,255,255,.08));z-index:-1;opacity:.9}

.v4-laptop{transition:transform .35s ease, box-shadow .35s ease; transform-style:preserve-3d}
.v4-laptop::after{content:"";position:absolute;left:8%;right:8%;bottom:-24px;height:28px;border-radius:50%;background:radial-gradient(circle,rgba(0,96,240,.4),transparent 70%);filter:blur(18px);opacity:.75;z-index:-1;animation:shadowBreath 6s ease-in-out infinite}
.v4-screen-head{position:relative;overflow:hidden}
.v4-screen-head::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),transparent);transform:translateX(-100%);animation:scanLine 5s linear infinite}
.v4-screen-kpis>div,.v4-eco-card,.v4-project-card,.v4-service-card,.v4-cta-box{position:relative;overflow:hidden}
.v4-screen-kpis>div::before,.v4-eco-card::before,.v4-project-card::before,.v4-service-card::before,.v4-cta-box::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 30%,transparent 70%,rgba(255,255,255,.06));opacity:.8;pointer-events:none}
.v4-eco-card,.v4-project-card,.v4-service-card{transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease}
.v4-eco-card:hover,.v4-project-card:hover,.v4-service-card:hover{transform:translateY(-8px);box-shadow:0 22px 60px rgba(0,96,240,.16)}
.v4-project-media img{transition:transform .6s ease, filter .4s ease}
.v4-project-card:hover .v4-project-media img{transform:scale(1.05);filter:saturate(1.06)}
.v4-chart i{animation:barRise 2.2s ease-in-out infinite alternate}
.v4-chart i:nth-child(2){animation-delay:.1s}.v4-chart i:nth-child(3){animation-delay:.22s}.v4-chart i:nth-child(4){animation-delay:.34s}.v4-chart i:nth-child(5){animation-delay:.46s}.v4-chart i:nth-child(6){animation-delay:.58s}.v4-chart i:nth-child(7){animation-delay:.7s}.v4-chart i:nth-child(8){animation-delay:.82s}
.v4-float-card{backdrop-filter:blur(14px);animation:floatCard 6.5s ease-in-out infinite;box-shadow:0 16px 40px rgba(0,0,0,.2)}
.v4-stats b{display:inline-block;position:relative}
.v4-stats b::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:1px;background:linear-gradient(90deg,transparent,rgba(107,168,255,.7),transparent)}
.site-header{transition:background .28s ease, box-shadow .28s ease, transform .28s ease}
.site-header.scrolled{box-shadow:0 10px 34px rgba(0,16,39,.08)!important}

/* back to top */
.back-to-top{position:fixed;inset:auto 20px 20px auto;z-index:1200;width:52px;height:52px;border-radius:16px;border:1px solid rgba(0,96,240,.26);background:linear-gradient(145deg,#fff,#F5F9FF);color:var(--logo-blue);font-size:22px;font-weight:900;display:grid;place-items:center;box-shadow:0 18px 44px rgba(0,96,240,.16);cursor:pointer;opacity:0;visibility:hidden;transform:translateY(16px) scale(.92);transition:opacity .26s ease,transform .26s ease,visibility .26s ease, box-shadow .26s ease}
.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
.back-to-top:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 26px 54px rgba(0,96,240,.24)}
.back-to-top.pulse{animation:topPulse 1.8s ease-in-out infinite}
html[dir=rtl] .back-to-top{inset:auto auto 20px 20px}

/* nicer mobile nav */
@media(max-width:900px){
  .site-header .nav-links{border-radius:18px!important;overflow:hidden}
  .site-header .nav-links a{padding-block:13px!important;border-bottom:1px solid #EEF3F8}
  .site-header .nav-links a:last-child{border-bottom:0}
}
@media(max-width:620px){
  .v4-hero-copy h1{font-size:clamp(31px,11vw,46px)!important;max-width:9.5ch}
  .back-to-top{width:46px;height:46px;border-radius:14px;font-size:20px}
  .v4-actions .v4-btn{min-height:50px}
}

@keyframes orbFloat{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(40px,30px,0) scale(1.06)}}
@keyframes orbFloat2{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-35px,-24px,0) scale(1.05)}}
@keyframes glowPulse{0%,100%{opacity:.34;transform:scale(1)}50%{opacity:.5;transform:scale(1.08)}}
@keyframes gridDrift{0%{background-position:0 0,0 0}100%{background-position:52px 0,0 52px}}
@keyframes barRise{0%{transform:translateY(0) scaleY(.86)}100%{transform:translateY(-3px) scaleY(1.06)}}
@keyframes shadowBreath{0%,100%{opacity:.55;transform:scaleX(1)}50%{opacity:.9;transform:scaleX(1.08)}}
@keyframes scanLine{0%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes floatCard{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes topPulse{0%,100%{box-shadow:0 18px 44px rgba(0,96,240,.16)}50%{box-shadow:0 18px 44px rgba(0,96,240,.16),0 0 0 10px rgba(0,96,240,.08)}}
.v4-brand-subtitle{display:grid;gap:4px;margin-top:12px;color:#C9D8EE;font-size:13px;line-height:1.7}.v4-brand-subtitle b{color:#fff;font-size:11px;letter-spacing:.14em}.v4-brand-subtitle span{font-weight:800}

/* ===== CodeOne Services V2 ===== */
.services-page-body{overflow-x:hidden}.services-page-shell{direction:ltr;width:100%;max-width:100%;overflow:hidden}.services-page-body .site-header,.services-page-body .site-footer{direction:rtl}.services-page-shell .container,.services-page-shell .service-tabs,.services-page-shell .service-v2-card,.services-page-shell .tech-stack-card,.services-page-shell .work-step,.services-page-shell .outcome-card,.services-page-shell .services-cta-box{direction:rtl}html[lang=en] .services-page-shell .container,html[lang=en] .services-page-shell .service-tabs,html[lang=en] .services-page-shell .service-v2-card,html[lang=en] .services-page-shell .tech-stack-card,html[lang=en] .services-page-shell .work-step,html[lang=en] .services-page-shell .outcome-card,html[lang=en] .services-page-shell .services-cta-box{direction:ltr}
.services-page-shell .reveal{opacity:1;transform:none}
.services-v2-hero{position:relative;overflow:hidden;min-height:720px;padding:150px 0 94px;background:var(--logo-navy,#000020);color:#fff;isolation:isolate}
.services-grid-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:54px 54px;opacity:.5;mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.92) 72%,transparent 100%);animation:gridDrift 30s linear infinite;transform:translate(calc(var(--mx,0)*18px),calc(var(--my,0)*18px))}
.services-blue-glow{position:absolute;width:680px;height:680px;border-radius:50%;inset:-180px auto auto -140px;background:radial-gradient(circle,rgba(0,136,240,.34),rgba(0,96,240,.14) 38%,transparent 68%);filter:blur(25px);transform:translate(calc(var(--mx,0)*-40px),calc(var(--my,0)*-24px));pointer-events:none}
.services-v2-hero::after{content:"";position:absolute;width:620px;height:620px;inset:auto -160px -240px auto;border-radius:50%;background:radial-gradient(circle,rgba(0,96,240,.28),rgba(0,136,240,.08) 42%,transparent 70%);filter:blur(26px);pointer-events:none}
.services-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.75fr);align-items:center;gap:62px}
.services-hero-copy h1{max-width:830px;margin:14px 0 20px;font-size:clamp(42px,5.2vw,82px);line-height:1.04;color:#fff;letter-spacing:0;text-wrap:balance}
.services-hero-copy p{max-width:760px;margin:0;color:#c8d7ea;font-size:clamp(15px,1.25vw,20px);line-height:1.9}
.services-hero-actions,.services-cta-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn-ghost-blue{background:rgba(255,255,255,.06);color:#fff;border:1px solid rgba(125,180,255,.28)}
.services-orbit{position:relative;aspect-ratio:1;width:min(100%,430px);margin-inline:auto;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:radial-gradient(circle,rgba(0,136,240,.2),rgba(0,16,60,.22) 42%,rgba(255,255,255,.03));box-shadow:0 32px 95px rgba(0,96,240,.18);transform:translate(calc(var(--mx,0)*28px),calc(var(--my,0)*20px))}
.orbit-core{position:absolute;inset:34%;display:grid;place-items:center;border-radius:32px;background:linear-gradient(135deg,#0060F0,#0088F0);font-weight:900;box-shadow:0 18px 55px rgba(0,96,240,.35)}
.services-orbit span{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:62px;height:62px;margin:-31px;border:1px solid rgba(255,255,255,.14);border-radius:18px;background:rgba(255,255,255,.07);color:#dcecff;font-size:13px;font-weight:900;transform:rotate(calc(var(--i)*60deg)) translateX(188px) rotate(calc(var(--i)*-60deg));animation:orbitPulse 4.5s ease-in-out infinite;animation-delay:calc(var(--i)*-.3s)}
.services-catalog{background:#fff}.services-section-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:22px}.services-section-head h2{margin:8px 0 0;font-size:clamp(30px,3vw,52px);line-height:1.08;color:var(--logo-navy,#000020)}.services-section-head p{max-width:650px;color:#5f7088;line-height:1.8}
.service-tabs{position:sticky;top:86px;z-index:8;display:flex;gap:8px;flex-wrap:wrap;padding:10px;margin:0 0 22px;border:1px solid #dce8f8;border-radius:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px)}
.service-tabs button{border:0;border-radius:12px;padding:11px 14px;background:#f2f7ff;color:#17345e;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.service-tabs button.active,.service-tabs button:hover{background:linear-gradient(135deg,#0060F0,#0088F0);color:#fff}
.services-v2-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.service-v2-card{position:relative;display:flex;min-height:365px;flex-direction:column;padding:24px;border:1px solid #dbe6f4;border-radius:20px;background:linear-gradient(145deg,#fff,#f9fcff);text-decoration:none;color:var(--logo-navy,#000020);overflow:hidden;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.service-v2-card[hidden]{display:none}
.service-v2-card::before{content:"";position:absolute;inset:-80px -90px auto auto;width:190px;height:190px;border-radius:50%;background:rgba(0,96,240,.08);filter:blur(35px);transition:.28s}.service-v2-card:hover{transform:translateY(-5px);border-color:#0060F0;box-shadow:0 26px 70px rgba(0,96,240,.14)}.service-v2-card:hover::before{background:rgba(0,136,240,.16)}
.service-v2-card>small{position:absolute;top:20px;inset-inline-end:20px;color:#92a3bb;font-size:11px;font-weight:900;letter-spacing:.08em}.service-card-icon{position:relative;width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:#eef6ff;border:1px solid #d7e8ff;color:#0060F0;margin-bottom:34px;transition:transform .28s ease}.service-card-icon i{position:absolute;inset:13px;border:2px solid currentColor;border-radius:10px;opacity:.38}.service-card-icon b{font-size:12px;letter-spacing:0}.service-v2-card:hover .service-card-icon{transform:translateY(-3px) rotate(-2deg)}
.service-v2-card strong{display:block;font-size:22px;line-height:1.35;margin-bottom:12px}.service-v2-card p{color:#5f7088;line-height:1.8;font-size:13px;margin:0 0 20px}.service-keywords{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto}.service-keywords span{padding:7px 9px;border-radius:999px;background:#f0f6ff;color:#0057d9;font-size:11px;font-weight:900}.service-v2-card em{margin-top:22px;color:#0060F0;font-size:13px;font-style:normal;font-weight:900}
.tech-stack-v2,.outcomes-v2{background:#f6f9fd}.tech-stack-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.tech-stack-card{padding:20px;border:1px solid #dce6f3;border-radius:18px;background:#fff;box-shadow:0 16px 45px rgba(0,16,50,.04)}.tech-stack-card b{display:block;margin-bottom:12px;color:#0060F0}.tech-stack-card span{display:block;padding:9px 0;border-top:1px solid #edf2f8;color:#263950;font-size:13px}
.work-v2{background:#fff}.work-timeline{display:grid;gap:12px;counter-reset:work}.work-step{display:grid;grid-template-columns:82px 1fr;gap:18px;align-items:center;padding:20px;border:1px solid #dce6f3;border-radius:18px;background:linear-gradient(135deg,#fff,#f8fbff)}.work-step span{display:grid;place-items:center;width:58px;height:58px;border-radius:16px;background:var(--logo-navy,#000020);color:#fff;font-weight:900}.work-step h3{margin:0 0 5px;color:var(--logo-navy,#000020)}.work-step p{margin:0;color:#61738b;line-height:1.7}
.outcomes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.outcome-card{display:flex;align-items:center;gap:12px;min-height:78px;padding:18px;border:1px solid #dce6f3;border-radius:16px;background:#fff;color:#12233d;font-weight:900}.outcome-card span{width:12px;height:12px;border-radius:50%;background:#0060F0;box-shadow:0 0 0 7px rgba(0,96,240,.1)}
.services-final-cta{padding:42px 0 100px;background:#fff}.services-cta-box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:42px;border-radius:24px;background:radial-gradient(circle at 12% 18%,rgba(0,136,240,.18),transparent 34%),linear-gradient(135deg,#000020,#061c4a);color:#fff}.services-cta-box h2{margin:0 0 10px;font-size:clamp(28px,3.5vw,48px);line-height:1.12}.services-cta-box p{max-width:660px;margin:0;color:#cbdaf0;line-height:1.8}
@keyframes orbitPulse{0%,100%{box-shadow:0 0 0 0 rgba(0,136,240,.18)}50%{box-shadow:0 0 0 9px rgba(0,136,240,0)}}
@media(max-width:1200px){.services-v2-grid{grid-template-columns:repeat(2,1fr)}.tech-stack-grid{grid-template-columns:repeat(3,1fr)}.outcomes-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:900px){.services-v2-hero{min-height:auto;padding:125px 0 74px}.services-hero-inner{grid-template-columns:1fr}.services-orbit{width:min(100%,360px)}.services-orbit span{transform:rotate(calc(var(--i)*60deg)) translateX(154px) rotate(calc(var(--i)*-60deg))}.services-section-head{display:block}.service-tabs{top:75px}.services-v2-grid{grid-template-columns:1fr 1fr}.tech-stack-grid{grid-template-columns:repeat(2,1fr)}.services-cta-box{display:block}.services-cta-actions{margin-top:24px}}
@media(max-width:620px){.services-v2-hero{padding:105px 0 58px}.services-hero-copy h1{font-size:clamp(34px,10vw,48px)}.services-hero-copy p{font-size:14px}.services-hero-actions,.services-cta-actions{display:grid;grid-template-columns:1fr}.services-orbit{width:min(100%,295px)}.services-orbit span{width:48px;height:48px;margin:-24px;border-radius:14px;transform:rotate(calc(var(--i)*60deg)) translateX(126px) rotate(calc(var(--i)*-60deg))}.orbit-core{inset:32%;border-radius:22px;font-size:12px}.service-tabs{position:relative;top:auto;overflow:auto;flex-wrap:nowrap}.service-tabs button{white-space:nowrap}.services-v2-grid,.tech-stack-grid,.outcomes-grid{grid-template-columns:1fr}.service-v2-card{min-height:320px;padding:20px}.work-step{grid-template-columns:58px 1fr;padding:16px}.work-step span{width:46px;height:46px}.services-cta-box{padding:30px 22px;border-radius:20px}}
@media(max-width:620px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  .services-page-body .site-header,.services-v2-hero,.services-catalog,.tech-stack-v2,.work-v2,.outcomes-v2,.services-final-cta{width:100%;max-width:100%;overflow-x:hidden}
  .services-page-shell .container{width:100%!important;max-width:100%!important;padding-inline:14px!important}
  .site-header .nav-wrap{width:calc(100% - 22px)!important;max-width:calc(100% - 22px)!important;margin-inline:auto!important;padding-inline:8px!important;gap:6px!important;justify-content:space-between!important;overflow:hidden}
  .services-page-body .site-header .nav-wrap{position:relative!important;overflow:hidden!important}
  .brand{min-width:0!important;width:46px!important;max-width:46px!important;overflow:hidden}
  .brand img{width:132px!important;max-width:none!important;height:34px!important;object-fit:contain!important;object-position:right center!important}
  .services-page-body .brand{position:absolute!important;left:126px;right:auto;top:50%;transform:translateY(-50%);width:214px!important;max-width:214px!important;overflow:visible}
  .services-page-body .brand img{width:214px!important;max-width:214px!important;height:42px!important;object-position:left center!important}
  .nav-actions{flex:0 0 auto!important;gap:5px!important}
  .lang-toggle,.menu-toggle{width:38px!important;height:38px!important;min-width:38px!important}
  .lang-toggle{padding:0!important;justify-content:center!important}
  .lang-toggle .lang-dot{display:none!important}
  .services-hero-inner{display:block;text-align:center}
  .services-hero-copy{max-width:100%;overflow:hidden}
  .services-hero-copy h1{display:block;max-width:312px;margin-inline:auto;font-size:clamp(22px,5.8vw,26px)!important;line-height:1.36!important;overflow-wrap:anywhere;text-align:center}
  .services-hero-copy p{max-width:312px;margin-inline:auto;text-align:center;font-size:12.5px!important;line-height:1.95!important}
  .services-hero-actions .btn{width:100%}
  .services-v2-hero{padding-top:98px!important}
  .services-orbit{display:none}
  .services-section-head,.services-section-head h2,.services-section-head p{text-align:center;max-width:312px;margin-inline:auto}
  .service-tabs{max-width:100%;border-radius:14px;padding:8px}
  .services-v2-grid,.tech-stack-grid,.outcomes-grid{width:100%;max-width:100%}
}

/* ===== CodeOne Services V5 ===== */
.services-v5-hero{position:relative;isolation:isolate;overflow:hidden;min-height:720px;padding:165px 0 90px;background:#000020;color:#fff}
.services-v5-grid-bg{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.86) 68%,transparent 100%);animation:servicesGridDrift 26s linear infinite}
.services-v5-glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(86px);pointer-events:none;opacity:.5}
.services-v5-glow-a{width:520px;height:520px;inset-inline-end:-110px;top:-130px;background:rgba(0,96,240,.55)}
.services-v5-glow-b{width:430px;height:430px;inset-inline-start:-150px;bottom:-130px;background:rgba(0,136,240,.28)}
.services-v5-hero-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:70px;align-items:center}
.services-v5-kicker,.services-v5-head>span,.services-v5-final-box>div>span{display:inline-flex;color:#80B7FF;font-size:11px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;margin-bottom:18px}
.services-v5-hero-copy h1{max-width:820px;margin:0 0 24px;font-size:clamp(42px,5.1vw,76px);line-height:1.08;letter-spacing:0;color:#fff;text-wrap:balance}
.services-v5-hero-copy p{max-width:720px;margin:0;color:#C7D5EA;font-size:18px;line-height:1.95}
.services-v5-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.services-v5-console{position:relative;border:1px solid rgba(255,255,255,.13);border-radius:24px;background:linear-gradient(145deg,rgba(7,23,46,.92),rgba(0,0,32,.96));box-shadow:0 42px 120px rgba(0,0,0,.35),0 0 70px rgba(0,96,240,.16);overflow:hidden;transition:transform .25s ease}
.services-v5-console-top{height:54px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}
.services-v5-console-top span{width:8px;height:8px;border-radius:50%;background:#45617F}
.services-v5-console-top b{margin-inline-start:auto;color:#91A9CC;font-size:10px;letter-spacing:.12em}
.services-v5-console-body{min-height:390px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 48%,rgba(0,96,240,.22),transparent 32%)}
.services-v5-console-body:before,.services-v5-console-body:after{content:"";position:absolute;inset:16%;border:1px solid rgba(128,183,255,.16);border-radius:50%}
.services-v5-console-body:after{inset:27%;border-color:rgba(0,136,240,.18)}
.services-v5-node{position:absolute;z-index:2;display:grid;place-items:center;min-width:92px;height:46px;padding:0 15px;border:1px solid rgba(128,183,255,.24);border-radius:14px;background:rgba(255,255,255,.06);color:#DDEAFF;font-size:12px;font-weight:900;box-shadow:0 18px 45px rgba(0,0,0,.18)}
.services-v5-node.is-main{position:relative;width:132px;height:132px;border-radius:32px;background:linear-gradient(145deg,#0060F0,#0088F0);border:0;color:#fff;font-size:20px}
.services-v5-node:nth-child(2){top:48px;inset-inline-start:44px}.services-v5-node:nth-child(3){top:78px;inset-inline-end:34px}.services-v5-node:nth-child(4){bottom:70px;inset-inline-start:55px}.services-v5-node:nth-child(5){bottom:46px;inset-inline-end:58px}
.services-v5-section{padding:105px 0;background:#fff;color:#001027}
.services-v5-services{background:linear-gradient(180deg,#F5F8FC 0,#fff 34%)}
.services-v5-head{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:32px}
.services-v5-head h2{max-width:840px;margin:0;font-size:clamp(30px,3.8vw,56px);line-height:1.15;letter-spacing:0;color:#000020;text-wrap:balance}
.services-v5-tabs{position:sticky;top:88px;z-index:20;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:10px;border:1px solid #DCE6F3;border-radius:18px;background:rgba(255,255,255,.88);backdrop-filter:blur(16px);box-shadow:0 18px 50px rgba(0,16,39,.07)}
.services-v5-tabs button{min-height:42px;border:1px solid transparent;border-radius:12px;background:#F4F8FE;color:#31425B;padding:0 16px;font:800 12px Cairo,Inter,sans-serif;cursor:pointer;transition:.22s}
.services-v5-tabs button:hover,.services-v5-tabs button.active{background:linear-gradient(135deg,#0060F0,#0088F0);color:#fff;box-shadow:0 12px 28px rgba(0,96,240,.18)}
.services-v5-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.services-v5-card{position:relative;display:flex;flex-direction:column;min-height:360px;padding:26px;border:1px solid #DCE5F0;border-radius:8px;background:#fff;overflow:hidden;box-shadow:0 18px 46px rgba(0,16,39,.05);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.services-v5-card:before{content:"";position:absolute;width:190px;height:190px;inset-inline-end:-100px;top:-100px;border-radius:50%;background:rgba(0,96,240,.08);filter:blur(34px);transition:.28s}
.services-v5-card:hover{transform:translateY(-5px);border-color:#0060F0;box-shadow:0 26px 70px rgba(0,96,240,.14)}
.services-v5-card:hover:before{background:rgba(0,136,240,.14)}
.services-v5-card[hidden]{display:none}
.services-v5-card-top{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}
.services-v5-number{color:#8FA1BA;font-size:12px;font-weight:900;letter-spacing:.12em}
.services-v5-icon{width:56px;height:56px;display:grid;place-items:center;border:1px solid #CFE0F6;border-radius:16px;background:linear-gradient(145deg,#F8FBFF,#EAF3FF);color:#0060F0;transition:transform .28s ease}
.services-v5-card:hover .services-v5-icon{transform:rotate(-4deg) scale(1.05)}
html[dir=rtl] .services-v5-card:hover .services-v5-icon{transform:rotate(4deg) scale(1.05)}
.services-v5-icon:before{font-size:18px;font-weight:900}
.services-v5-icon-ai:before{content:"AI"}.services-v5-icon-code:before{content:"</>"}.services-v5-icon-flow:before{content:"↔"}.services-v5-icon-nodes:before{content:"⟲"}.services-v5-icon-chart:before{content:"▥"}.services-v5-icon-dashboard:before{content:"▦"}.services-v5-icon-table:before{content:"▤"}.services-v5-icon-people:before{content:"HR"}.services-v5-icon-systems:before{content:"ERP"}.services-v5-icon-api:before{content:"API"}.services-v5-icon-mobile:before{content:"▯"}.services-v5-icon-web:before{content:"www"}.services-v5-icon-report:before{content:"↗"}.services-v5-icon-database:before{content:"DB"}.services-v5-icon-roadmap:before{content:"01"}
.services-v5-card h3{position:relative;z-index:1;margin:0 0 12px;color:#000020;font-size:23px;line-height:1.35;letter-spacing:0}
.services-v5-card p{position:relative;z-index:1;margin:0 0 22px;color:#5C6E86;font-size:13px;line-height:1.85}
.services-v5-keywords{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
.services-v5-keywords span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid #DDE9F8;border-radius:999px;background:#F7FAFF;color:#1759BD;font-size:10px;font-weight:900}
.services-v5-card-actions{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #E7EDF5}
.services-v5-card-actions a{color:#0060F0;text-decoration:none;font-size:12px;font-weight:900}.services-v5-card-actions a.secondary{color:#001027}
.services-v5-stack{background:#000020;color:#fff;position:relative;overflow:hidden}
.services-v5-stack:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 82% 18%,rgba(0,96,240,.22),transparent 32%),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,48px 48px,48px 48px}
.services-v5-stack .container{position:relative}.services-v5-stack .services-v5-head h2,.services-v5-work .services-v5-head h2{color:#fff}
.services-v5-stack-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.services-v5-stack-card{min-height:210px;padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:rgba(255,255,255,.05);backdrop-filter:blur(12px)}
.services-v5-stack-card b{display:block;margin-bottom:20px;color:#80B7FF;font-size:13px}.services-v5-stack-card span{display:block;color:#D7E5F8;font-size:12px;font-weight:800;padding:9px 0;border-top:1px solid rgba(255,255,255,.08)}
.services-v5-work{background:#061126;color:#fff}
.services-v5-work-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:start}
.services-v5-timeline{position:relative;display:grid;gap:14px}.services-v5-timeline:before{content:"";position:absolute;inset-block:24px;inset-inline-start:30px;width:1px;background:linear-gradient(#0060F0,#0088F0)}
html[dir=rtl] .services-v5-timeline:before{inset-inline-start:auto;inset-inline-end:30px}
.services-v5-step{position:relative;display:grid;grid-template-columns:62px 1fr;gap:18px;padding:18px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.045)}
.services-v5-step>span{position:relative;z-index:1;width:60px;height:60px;display:grid;place-items:center;border-radius:18px;background:linear-gradient(145deg,#0060F0,#0088F0);font-size:12px;font-weight:900}
.services-v5-step h3{margin:3px 0 7px;font-size:19px}.services-v5-step p{margin:0;color:#AFC2DB;font-size:13px;line-height:1.75}
.services-v5-outcomes{background:#F5F8FC}
.services-v5-outcome-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.services-v5-outcome{display:flex;align-items:center;gap:12px;min-height:84px;padding:18px;border:1px solid #DDE7F3;border-radius:8px;background:#fff;color:#001027;font-size:13px;font-weight:900;box-shadow:0 12px 34px rgba(0,16,39,.04)}
.services-v5-outcome span{width:10px;height:10px;border-radius:50%;background:#0060F0;box-shadow:0 0 0 7px rgba(0,96,240,.1)}
.services-v5-final{padding:40px 0 115px;background:#fff}
.services-v5-final-box{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:56px;border-radius:8px;background:radial-gradient(circle at 84% 25%,rgba(0,136,240,.28),transparent 30%),linear-gradient(135deg,#061B39,#000020);color:#fff}
.services-v5-final-box:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 80%)}
.services-v5-final-box>div{position:relative;z-index:1}.services-v5-final-box h2{margin:0 0 12px;max-width:650px;font-size:clamp(30px,4vw,52px);line-height:1.18;letter-spacing:0}.services-v5-final-box p{max-width:660px;margin:0;color:#D7E5F8;line-height:1.9}.services-v5-final-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}
@keyframes servicesGridDrift{0%{background-position:0 0,0 0}100%{background-position:54px 0,0 54px}}
@media(max-width:1100px){.services-v5-hero-inner{grid-template-columns:1fr;gap:45px}.services-v5-console{max-width:760px}.services-v5-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.services-v5-stack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.services-v5-work-grid{grid-template-columns:1fr;gap:35px}.services-v5-outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.services-v5-hero{min-height:auto;padding:122px 0 62px}.services-v5-hero-copy h1{font-size:clamp(34px,10vw,48px)}.services-v5-hero-copy p{font-size:15px;line-height:1.85}.services-v5-actions{display:grid;grid-template-columns:1fr}.services-v5-console-body{min-height:300px}.services-v5-node:not(.is-main){min-width:78px;height:40px;font-size:10px}.services-v5-section{padding:72px 0}.services-v5-tabs{position:relative;top:auto;overflow-x:auto;flex-wrap:nowrap;scrollbar-width:none}.services-v5-tabs button{white-space:nowrap}.services-v5-card-grid,.services-v5-stack-grid,.services-v5-outcome-grid{grid-template-columns:1fr}.services-v5-card{min-height:330px;padding:22px}.services-v5-work-grid{gap:24px}.services-v5-step{grid-template-columns:52px 1fr;padding:15px}.services-v5-step>span{width:50px;height:50px;border-radius:14px}.services-v5-timeline:before{inset-inline-start:25px}html[dir=rtl] .services-v5-timeline:before{inset-inline-start:auto;inset-inline-end:25px}.services-v5-final{padding-bottom:82px}.services-v5-final-box{padding:34px 24px;flex-direction:column;align-items:stretch}.services-v5-final-actions{display:grid;grid-template-columns:1fr;justify-content:stretch}}
@media(max-width:430px){.services-v5-hero{padding-top:110px}.services-v5-hero-copy h1{font-size:33px}.services-v5-console{display:none}.services-v5-card h3{font-size:20px}.services-v5-card-actions{align-items:flex-start;flex-direction:column}.services-v5-head h2{font-size:29px}.services-v5-final-box h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.services-v5-grid-bg,.services-v5-glow,.services-v5-card,.services-v5-icon{animation:none!important;transition:none!important}}

/* Homepage hero copy: keep the SEO signal, but make the visible headline calmer and more human. */
.v4-hero-copy h1{
  max-width:760px!important;
  font-size:clamp(42px,4.1vw,64px)!important;
  line-height:1.18!important;
  letter-spacing:0!important;
  background:none!important;
  -webkit-background-clip:initial!important;
  background-clip:initial!important;
  color:#FFFFFF!important;
}
.v4-brand-subtitle{margin:10px 0 14px!important}
.v4-hero-copy>p{max-width:650px!important}
@media(max-width:1100px){
  .v4-hero-copy h1{font-size:clamp(38px,5.4vw,54px)!important}
}
@media(max-width:620px){
  .v4-hero-copy h1{max-width:330px!important;font-size:clamp(30px,9vw,38px)!important;line-height:1.24!important}
  .v4-brand-subtitle{font-size:12px!important}
  .v4-hero-copy>p{max-width:340px!important;font-size:14px!important}
}

/* Mobile header repair: show the full logo and keep the menu usable on every public page. */
@media(max-width:620px){
  html,body{width:100%;max-width:100%;overflow-x:hidden!important}
  html[dir=rtl],html[dir=rtl] body{direction:ltr!important}
  html[dir=rtl] .site-header,html[dir=rtl] main,html[dir=rtl] .site-footer{direction:rtl!important}
  .site-header .nav-wrap{
    width:calc(100% - 22px)!important;
    max-width:calc(100% - 22px)!important;
    margin-inline:auto!important;
    padding-inline:10px!important;
    gap:7px!important;
    overflow:visible!important;
    position:relative!important;
  }
  .site-header .brand{
    position:absolute!important;
    top:50%!important;
    right:10px!important;
    left:auto!important;
    transform:translateY(-50%)!important;
    width:150px!important;
    min-width:150px!important;
    max-width:150px!important;
    flex:0 0 150px!important;
    overflow:visible!important;
  }
  .site-header .brand img{
    width:150px!important;
    max-width:150px!important;
    height:40px!important;
    object-fit:contain!important;
    object-position:center!important;
  }
  .site-header .nav-actions{
    flex:0 0 auto!important;
    margin-inline-start:0!important;
    margin-inline-end:auto!important;
    gap:6px!important;
  }
  .site-header .nav-links{
    top:70px!important;
    left:0!important;
    right:0!important;
    inset-inline:0!important;
    width:auto!important;
    max-width:none!important;
    z-index:1200!important;
  }
  .site-header .nav-links.open{display:flex!important}
  .v4-hero,.v4-ecosystem,.v4-projects,.v4-services,.v4-cta,.inner-hero{
    width:100%!important;
    overflow:hidden!important;
  }
  .v4-hero-grid,.v4-hero-copy,.v4-dashboard,.container{
    max-width:100%!important;
  }
  .v4-hero-grid{display:block!important}
  .v4-hero-copy{
    width:100%!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .v4-hero-copy h1{
    display:block!important;
    margin-inline:auto!important;
    text-align:center!important;
  }
  .v4-actions{
    max-width:340px!important;
    margin-inline:auto!important;
  }
  .inner-hero,.detail-head,.article-layout,.detail-image,main,section{
    max-width:100%!important;
  }
  .detail-head h1{
    max-width:100%!important;
    font-size:clamp(32px,9vw,44px)!important;
    line-height:1.24!important;
    overflow-wrap:anywhere;
  }
  .tag-row{max-width:100%!important}
  .tag-row span{white-space:normal!important}
}
@media(max-width:390px){
  .site-header .brand{
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
    flex-basis:132px!important;
  }
  .site-header .brand img{
    width:132px!important;
    max-width:132px!important;
  }
}

/* Final mobile/nav and latest-projects behavior. */
.v4-project-marquee{
  overflow:visible;
  width:100%;
  padding-block:8px 18px;
  mask-image:none;
}
.v4-project-marquee .v4-project-grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(250px,1fr))!important;
  width:100%!important;
  gap:15px;
  animation:none!important;
}
.v4-project-marquee .v4-project-card{
  width:100%!important;
  min-height:330px;
  animation:v4ProjectCardFloat 5.5s ease-in-out infinite alternate;
}
.v4-project-marquee .v4-project-card:nth-child(2){animation-delay:.35s}
.v4-project-marquee .v4-project-card:nth-child(3){animation-delay:.7s}
.v4-project-marquee .v4-project-card:nth-child(4){animation-delay:1.05s}
.v4-project-marquee .v4-project-media,
.v4-project-marquee .v4-project-copy{
  position:relative;
  z-index:1;
}
.v4-project-marquee .v4-project-copy{
  background:#fff;
  color:#101828;
}
@keyframes v4ProjectCardFloat{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(0,-10px,0)}
}
@media(max-width:620px){
  .site-header .nav-wrap{
    height:64px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:0 10px!important;
  }
  .site-header .brand{
    position:absolute!important;
    right:10px!important;
    left:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:145px!important;
    min-width:145px!important;
    max-width:145px!important;
    flex:0 0 145px!important;
  }
  .site-header .brand img{
    width:145px!important;
    max-width:145px!important;
    height:40px!important;
    object-fit:contain!important;
  }
  .site-header .nav-actions{
    position:absolute!important;
    left:10px!important;
    right:auto!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    display:flex!important;
    align-items:center!important;
  }
  .site-header .nav-links{
    top:74px!important;
    left:0!important;
    right:0!important;
  }
  .v4-project-marquee{mask-image:none;padding-bottom:8px;overflow:visible}
  .v4-project-marquee .v4-project-grid{
    grid-template-columns:1fr!important;
  }
  .v4-project-marquee .v4-project-card{
    width:calc(100vw - 42px);
    min-height:350px;
  }
}

/* Content must never disappear if the browser delays or blocks reveal observers. */
.reveal,.reveal.visible{
  opacity:1!important;
  transform:none!important;
}
.v4-service-grid .v4-service-card.is-extra{display:none}
.v4-service-grid.show-all .v4-service-card.is-extra{display:block}
.v4-more-actions{
  display:flex;
  justify-content:center;
  gap:12px;
  flex-wrap:wrap;
  margin-top:28px;
}
.v4-services .v4-btn-ghost{
  color:var(--logo-ink);
  border-color:#D8E2EF;
  background:#fff;
}
@media(max-width:620px){
  .v4-more-actions{display:grid;grid-template-columns:1fr}
.v4-more-actions .v4-btn{width:100%}
}
.services-orbit .orbit-core{
  padding:18px!important;
  background:linear-gradient(145deg,#fff,#EAF4FF)!important;
  box-shadow:0 18px 55px rgba(0,96,240,.35),inset 0 0 0 1px rgba(255,255,255,.65)!important;
}
.services-orbit .orbit-core img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}
.floating-social{
  position:fixed;
  right:18px;
  bottom:24px;
  z-index:1100;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.floating-social-panel{
  position:absolute;
  right:0;
  bottom:calc(100% + 10px);
  width:190px;
  padding:12px;
  border:1px solid rgba(0,96,240,.16);
  border-radius:8px;
  background:#fff;
  box-shadow:0 20px 55px rgba(0,16,39,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px) scale(.96);
  transform-origin:bottom right;
  transition:.22s ease;
}
.floating-social.open .floating-social-panel{
  opacity:1;
  pointer-events:auto;
  transform:none;
}
.floating-social-panel strong{
  display:block;
  margin-bottom:12px;
  color:var(--logo-ink);
  font-size:14px;
  font-weight:900;
  text-align:start;
}
.floating-social-panel>div{
  display:grid;
  grid-template-columns:1fr;
  gap:9px;
}
.floating-social-icon,
.floating-social-toggle,
.floating-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:0;
  cursor:pointer;
}
.floating-social-icon{
  width:100%;
  height:50px;
  justify-content:flex-start;
  gap:10px;
  padding:0 10px;
  border:1px solid #D8E2EF;
  border-radius:8px;
  background:#F8FAFC;
  color:var(--logo-ink);
  font-weight:900;
  transition:.18s ease;
}
.floating-social-icon:hover{
  transform:translateY(-2px);
  border-color:#B8D6FF;
  box-shadow:0 10px 24px rgba(0,96,240,.12);
}
.floating-social-icon span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:34px;
  height:34px;
  border-radius:50%;
  font-size:14px;
  font-weight:900;
  line-height:1;
}
.floating-social-icon b{
  color:var(--logo-ink);
  font-size:13px;
  line-height:1;
}
.floating-social-toggle{
  min-width:134px;
  height:38px;
  padding:0 14px;
  border-radius:999px;
  background:#0B1730;
  color:#fff;
  font-size:13px;
  font-weight:900;
  box-shadow:0 12px 30px rgba(0,16,39,.18);
}
.floating-social-toggle:before{
  content:"+";
  margin-inline-end:8px;
  font-size:17px;
  line-height:1;
}
.floating-social.open .floating-social-toggle:before{
  content:"×";
}
.floating-whatsapp{
  min-width:176px;
  height:44px;
  padding:0 16px;
  border-radius:999px;
  background:#12B76A;
  color:#fff!important;
  font-weight:800;
  box-shadow:0 14px 36px rgba(18,183,106,.28);
}
.floating-whatsapp:before{
  content:"";
  width:9px;
  height:9px;
  margin-inline-end:8px;
  border-radius:50%;
  background:#fff;
}
.floating-ai{position:fixed;right:18px;bottom:154px;z-index:1110;display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.floating-ai-toggle{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;min-width:0;padding:0;border:0;border-radius:50%;background:linear-gradient(145deg,#0B6FFF,#22D3EE);color:#fff;font:900 13px Cairo,Inter,system-ui,sans-serif;box-shadow:0 18px 44px rgba(0,96,240,.30);cursor:pointer}
.floating-ai-toggle span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:#0B6FFF;font-size:14px;font-weight:950}
.floating-ai-panel{position:absolute;right:0;bottom:calc(100% + 10px);width:min(360px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(0,96,240,.20);border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(0,16,39,.24);opacity:0;pointer-events:none;transform:translateY(12px) scale(.96);transform-origin:bottom right;transition:.22s ease}
.floating-ai.open .floating-ai-panel{opacity:1;pointer-events:auto;transform:none}
.floating-ai-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;color:#fff;background:linear-gradient(135deg,#061A3D,#0B6FFF)}
.floating-ai-panel header b,.floating-ai-panel header span{display:block}.floating-ai-panel header span{margin-top:3px;color:#BFE2FF;font-size:11px;font-weight:800}
.floating-ai-panel header button{width:32px;height:32px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:20px;cursor:pointer}
.floating-ai-body{display:flex;flex-direction:column;gap:8px;height:255px;padding:13px;overflow:auto;background:#F6F9FE}
.floating-ai-msg{max-width:84%;padding:10px 12px;border-radius:14px;color:#071B38;background:#fff;border:1px solid #E1EAF6;font-size:13px;font-weight:800;line-height:1.7}
.floating-ai-msg.user{align-self:flex-start;color:#fff;background:#0B6FFF;border-color:#0B6FFF}.floating-ai-msg.bot{align-self:flex-end}
.floating-ai-quick{display:flex;gap:7px;padding:10px 12px 0;background:#fff}.floating-ai-quick button{flex:1;min-height:34px;border:1px solid #DCE7F6;border-radius:999px;background:#F8FBFF;color:#0B6FFF;font:900 11px Cairo,Inter,system-ui,sans-serif;cursor:pointer}
.floating-ai-form{display:grid;grid-template-columns:1fr 42px;gap:8px;padding:12px;background:#fff}.floating-ai-form input{min-width:0;height:42px;padding:0 12px;border:1px solid #DCE7F6;border-radius:12px;color:#071B38;font:800 13px Cairo,Inter,system-ui,sans-serif}.floating-ai-form button{border:0;border-radius:12px;background:#0B6FFF;color:#fff;cursor:pointer}
@media(max-width:820px){.floating-ai{right:14px;bottom:146px}.floating-ai-panel{width:calc(100vw - 28px)}}
.floating-social .floating-ai{position:relative!important;right:auto!important;bottom:auto!important;z-index:auto!important;width:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important}
.floating-social .floating-ai-panel{position:absolute!important;right:0!important;bottom:calc(100% + 10px)!important;order:0}
.floating-social .floating-ai-toggle{order:1}
.floating-social .floating-ai-toggle{min-width:0!important;width:56px!important;height:56px!important;padding:0!important;border-radius:50%!important;background:linear-gradient(145deg,#0B6FFF,#22D3EE)!important;box-shadow:0 18px 44px rgba(0,96,240,.30)!important}
.floating-social .floating-ai-toggle span{width:42px!important;height:42px!important;background:#fff!important;color:#0B6FFF!important;font-size:14px!important;font-weight:950!important}
html[dir=rtl] .floating-social .floating-ai-toggle{flex-direction:row-reverse}
@media(max-width:620px){.floating-social{right:12px!important;bottom:18px!important}.floating-social .floating-ai{right:auto!important;bottom:auto!important}.floating-social .floating-ai-toggle{min-width:0!important;width:52px!important;height:52px!important}.floating-social .floating-ai-toggle span{width:38px!important;height:38px!important}}
@media(max-width:620px){
  .floating-social{
    right:12px!important;
    bottom:16px!important;
    z-index:2147483000!important;
  }
  .floating-social .floating-ai-panel{
    position:fixed!important;
    left:12px!important;
    right:12px!important;
    bottom:154px!important;
    width:auto!important;
    max-height:calc(100dvh - 178px)!important;
    transform:translateY(10px) scale(.98)!important;
    transform-origin:bottom right!important;
  }
  .floating-social .floating-ai.open .floating-ai-panel{
    transform:none!important;
  }
  .floating-ai-body{
    height:min(255px,calc(100dvh - 360px))!important;
    min-height:170px!important;
  }
  .floating-social-panel{
    position:fixed!important;
    right:12px!important;
    bottom:112px!important;
    width:218px!important;
  }
  .floating-social-toggle{
    max-width:190px!important;
  }
  .floating-whatsapp{
    max-width:calc(100vw - 24px)!important;
  }
}
.landing-faq{
  display:grid;
  gap:12px;
  max-width:920px;
  margin-inline:auto;
}
.landing-faq details{
  border:1px solid #D8E2EF;
  border-radius:8px;
  background:#fff;
  padding:16px 18px;
}
.landing-faq summary{
  cursor:pointer;
  font-weight:800;
  color:var(--logo-ink);
}
.landing-faq p{
  margin:12px 0 0;
  color:#667085;
}
.landing-links{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
  gap:12px;
}
.landing-links a{
  border:1px solid #D8E2EF;
  border-radius:8px;
  padding:14px 16px;
  background:#fff;
  color:var(--logo-ink);
  font-weight:800;
  text-decoration:none;
}
@media(max-width:620px){
  .floating-whatsapp{
    min-width:142px;
    height:40px;
    padding:0 12px;
    font-size:12px;
  }
  .floating-social{
    right:12px;
    bottom:82px;
  }
  .floating-social-panel{
    width:190px;
    padding:12px;
  }
  .floating-social-panel>div{
    grid-template-columns:1fr;
  }
}
.contact-methods,.social-icon-grid,.footer-social-icons{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}
.contact-info .contact-methods{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin:18px auto;
  max-width:330px;
}
.contact-address{
  position:relative;
  z-index:2;
  display:grid;
  gap:8px;
  max-width:330px;
  margin:22px auto 0;
  padding:18px;
  border:1px solid rgba(105,166,255,.28);
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:#BFD5F7;
  font-style:normal;
  text-align:start;
}
.contact-address strong{
  color:#fff;
  font-size:18px;
  font-weight:900;
}
.contact-address a,.contact-address span{
  color:#DCEAFF!important;
  text-decoration:none;
  font-size:13px;
  font-weight:800;
}
.about-contact-card{
  grid-column:1/-1;
  margin-top:18px;
  padding:24px;
  border:1px solid #D8E2EF;
  border-radius:8px;
  background:#fff;
  box-shadow:0 14px 36px rgba(0,16,39,.05);
}
.about-contact-card h2{
  margin:0 0 10px;
  color:var(--logo-ink);
  font-size:24px;
}
.about-contact-card p{
  max-width:760px;
  color:#667085;
  line-height:1.8;
}
.about-contact-card address{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:16px;
  font-style:normal;
}
.about-contact-card address a,.about-contact-card address span{
  display:inline-flex;
  min-height:42px;
  align-items:center;
  padding:9px 12px;
  border:1px solid #D8E2EF;
  border-radius:8px;
  color:var(--logo-ink);
  background:#F8FAFC;
  text-decoration:none;
  font-size:13px;
  font-weight:900;
}
.contact-info .social-icon-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin:18px auto 22px;
  max-width:330px;
}
.contact-method,.social-icon-link{
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:42px;
  padding:10px 13px;
  border:1px solid #D8E2EF;
  border-radius:8px;
  background:#fff;
  color:var(--logo-ink);
  text-decoration:none;
  font-weight:800;
}
.contact-info .contact-method,
.contact-info .social-icon-link{
  justify-content:flex-start;
  width:100%;
  min-height:68px;
  padding:12px 16px;
  gap:14px;
  border-color:rgba(105,166,255,.30);
  background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.055));
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.10);
}
.contact-info .contact-method:hover,
.contact-info .social-icon-link:hover{
  border-color:rgba(45,140,255,.72);
  background:rgba(45,140,255,.16);
  transform:translateY(-1px);
}
.contact-info .contact-method b,
.contact-info .social-icon-link b{
  display:block;
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#fff!important;
  font-size:15px;
  line-height:1.35;
  white-space:nowrap;
}
.contact-info .contact-method small{
  display:block;
  margin-bottom:4px;
  color:#8FB8FF;
  font-size:11px;
  font-weight:800;
}
.contact-note{
  position:relative;
  z-index:2;
  max-width:310px;
  margin:28px auto 18px;
  padding:18px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:8px;
  background:rgba(255,255,255,.06);
  color:#BFD5F7;
  text-align:center;
}
.contact-note strong{
  display:block;
  margin-bottom:8px;
  color:#fff;
  font-size:18px;
  font-weight:900;
}
.contact-note p{
  margin:0;
  color:#BFD5F7!important;
  line-height:1.8;
}
.contact-method span,.social-icon-link span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:50%;
  background:var(--logo-soft);
  color:var(--brand);
  font-weight:900;
  line-height:1;
}
.contact-info .contact-method span,
.contact-info .social-icon-link span{
  width:42px;
  height:42px;
  font-size:18px;
  background:#EAF4FF;
  box-shadow:0 10px 22px rgba(0,96,240,.18);
}
.social-facebook span{background:#EAF2FF;color:#1877F2}
.social-instagram span{background:linear-gradient(135deg,#FFE2F0,#F4E8FF);color:#C13584}
.social-tiktok span{background:#111827;color:#fff}
.social-linkedin span{background:#EAF4FF;color:#0A66C2}
.social-youtube span{background:#FFF1F0;color:#FF0000}
.social-x span{background:#111827;color:#fff}
.social-whatsapp span{background:#E7F8EF;color:#12B76A}
.footer-social-icons{
  margin:12px 0;
}
.footer-social-icons .social-icon-link{
  width:40px;
  height:40px;
  min-height:40px;
  padding:0;
  justify-content:center;
  border-color:rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
}
.footer-social-icons .social-icon-link span{
  background:transparent;
  color:#fff;
}
@media(max-width:620px){
  .contact-methods,.social-icon-grid{
    display:grid;
    grid-template-columns:1fr;
  }
  .contact-info .social-icon-grid{
    grid-template-columns:1fr;
    max-width:270px;
  }
  .contact-method,.social-icon-link{
    width:100%;
    justify-content:flex-start;
  }
}

/* Final mobile menu fix: keep navigation above every page section. */
@media(max-width:900px){
  body.menu-open{
    overflow:hidden!important;
  }
  .site-header{
    z-index:5000!important;
  }
  .site-header .nav-wrap,
  .services-page-body .site-header .nav-wrap{
    overflow:visible!important;
  }
  .site-header .nav-links{
    position:fixed!important;
    top:82px!important;
    left:12px!important;
    right:12px!important;
    inset-inline:auto!important;
    width:auto!important;
    max-width:none!important;
    max-height:calc(100vh - 104px)!important;
    overflow-y:auto!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:12px!important;
    z-index:6000!important;
    background:#fff!important;
    border:1px solid #DCE4EF!important;
    border-radius:18px!important;
    box-shadow:0 28px 80px rgba(0,16,39,.24)!important;
  }
  .site-header .nav-links.open{
    display:flex!important;
  }
  .site-header .nav-links a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:48px!important;
    padding:13px 14px!important;
    color:var(--logo-ink,#001027)!important;
    background:#F7FAFE!important;
    border:1px solid #EDF2F8!important;
    border-radius:12px!important;
    pointer-events:auto!important;
  }
  .site-header .nav-links a:hover,
  .site-header .nav-links a:focus{
    color:var(--logo-blue,#0060F0)!important;
    background:#EEF5FF!important;
  }
  .site-header .nav-links a:after{
    display:none!important;
  }
  .site-header .nav-links .mobile-store-link{
    justify-content:center!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--logo-blue,#0060F0),var(--logo-blue-bright,#0088F0))!important;
  }
}

@media(max-width:620px){
  .site-header .nav-links{
    top:76px!important;
    left:11px!important;
    right:11px!important;
    max-height:calc(100vh - 92px)!important;
  }
}

/* Mobile menu final placement: dropdown belongs below the visible header, never at page top. */
@media(max-width:900px){
  body.menu-open:before{
    content:"";
    position:fixed;
    inset:0;
    z-index:4999;
    background:rgba(0,16,39,.22);
    backdrop-filter:blur(2px);
  }
  .site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:7000!important;
  }
  .site-header .nav-links[hidden]{
    display:none!important;
  }
  .site-header .nav-links{
    position:fixed!important;
    top:86px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:min(470px,calc(100vw - 26px))!important;
    max-height:calc(100dvh - 104px)!important;
    margin:0!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    z-index:7100!important;
  }
  .site-header .nav-links.open{
    display:flex!important;
  }
}

@media(max-width:620px){
  .site-header .nav-links{
    top:78px!important;
    width:calc(100vw - 22px)!important;
  }
}

/* Mobile menu hard fix: show the dropdown itself, not only the page overlay. */
@media(max-width:900px){
  body.menu-open:before{
    display:none!important;
    content:none!important;
    background:transparent!important;
    backdrop-filter:none!important;
  }
  body.menu-open{
    overflow:hidden!important;
  }
  .site-header,
  body.menu-open .site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:99990!important;
  }
  .site-header .nav-wrap,
  .services-page-body .site-header .nav-wrap,
  .blog-page-body .site-header .nav-wrap,
  .about-page-body .site-header .nav-wrap,
  .contact-page-body .site-header .nav-wrap{
    overflow:visible!important;
  }
  body.menu-open .site-header .nav-links,
  body.menu-open .site-header .nav-links[hidden],
  .site-header .nav-links.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .site-header .nav-links{
    position:fixed!important;
    top:82px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:min(470px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 98px)!important;
    overflow-y:auto!important;
    z-index:99999!important;
    margin:0!important;
    padding:12px!important;
    background:#fff!important;
    border:1px solid #DCE4EF!important;
    border-radius:16px!important;
    box-shadow:0 22px 55px rgba(0,16,39,.22)!important;
  }
}

@media(max-width:620px){
  .site-header .nav-links{
    top:76px!important;
    width:calc(100vw - 22px)!important;
  }
}

/* Mobile navigation portal: kept outside the header so services-page overflow cannot clip it. */
@media(max-width:900px){
  .site-header,
  .services-page-body .site-header,
  .blog-page-body .site-header,
  .about-page-body .site-header,
  .contact-page-body .site-header{
    overflow:visible!important;
  }
  body.menu-open:before{
    display:none!important;
    content:none!important;
  }
  .mobile-nav-portal{
    position:fixed!important;
    top:86px!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    transform:translateX(-50%)!important;
    width:min(470px,calc(100vw - 24px))!important;
    max-height:calc(100dvh - 102px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    display:none!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:8px!important;
    padding:12px!important;
    z-index:2147483647!important;
    margin:0!important;
    background:#fff!important;
    border:1px solid #DCE4EF!important;
    border-radius:16px!important;
    box-shadow:0 22px 55px rgba(0,16,39,.22)!important;
  }
  .mobile-nav-portal.open,
  body.menu-open .mobile-nav-portal.open{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  .mobile-nav-portal a{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:48px!important;
    padding:13px 14px!important;
    color:var(--logo-ink,#001027)!important;
    background:#F7FAFE!important;
    border:1px solid #EDF2F8!important;
    border-radius:12px!important;
    text-decoration:none!important;
    font-size:14px!important;
    font-weight:800!important;
    white-space:nowrap!important;
  }
  .mobile-nav-portal .mobile-store-link{
    justify-content:center!important;
    color:#fff!important;
    background:linear-gradient(135deg,var(--logo-blue,#0060F0),var(--logo-blue-bright,#0088F0))!important;
  }
}

@media(max-width:620px){
  .mobile-nav-portal{
    top:76px!important;
    width:calc(100vw - 22px)!important;
  }
}

/* Production polish for the public header and contact page. */
@media(min-width:901px){
  .site-header .nav-wrap{
    width:min(1220px,calc(100vw - 56px))!important;
    height:68px!important;
    margin-inline:auto!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:22px!important;
  }
  .site-header .brand{
    flex:0 0 178px!important;
  }
  .site-header .nav-links{
    flex:1 1 auto!important;
    justify-content:center!important;
    gap:28px!important;
    margin:0!important;
  }
  .site-header .nav-actions{
    flex:0 0 auto!important;
  }
}

.contact-page-body .inner-hero{
  position:relative;
  min-height:430px;
  padding:152px 0 84px;
  overflow:hidden;
  color:#fff;
  background:radial-gradient(circle at 16% 24%,rgba(0,136,240,.26),transparent 30%),linear-gradient(135deg,#000B1F 0%,#061A38 58%,#000020 100%);
}
.contact-page-body .inner-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,#000,transparent 86%);
}
.contact-page-body .inner-hero .container{
  position:relative;
  max-width:920px;
  text-align:center;
}
.contact-page-body .section-kicker{
  display:inline-flex;
  margin-bottom:18px;
  color:#7DB4FF;
  font-size:11px;
  font-weight:900;
  letter-spacing:.12em;
}
.contact-page-body .inner-hero h1{
  max-width:780px;
  margin:0 auto 18px;
  font-size:clamp(42px,4.7vw,68px);
  line-height:1.08;
  letter-spacing:0;
}
.contact-page-body .inner-hero p{
  max-width:690px;
  margin:0 auto;
  color:#C7D7EF;
  font-size:16px;
  line-height:1.9;
}
.contact-page-body .compact-top{
  padding-top:76px;
}
.contact-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 410px;
  gap:28px;
  align-items:start;
}
html[dir=rtl] .contact-layout{
  grid-template-columns:410px minmax(0,1fr);
}
.contact-info{
  position:sticky;
  top:104px;
  min-height:0;
  padding:34px 28px;
  overflow:hidden;
  color:#fff;
  background:radial-gradient(circle at 84% 18%,rgba(0,136,240,.24),transparent 32%),linear-gradient(155deg,#071B38,#000B1F);
  border:1px solid rgba(255,255,255,.12);
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,16,39,.16);
}
.contact-info h2{
  position:relative;
  z-index:2;
  margin:0 0 20px;
  color:#fff;
  font-size:30px;
  line-height:1.2;
}
.contact-address{
  max-width:none;
  margin:0;
  padding:18px;
  border-radius:14px;
}
.contact-info .contact-methods{
  max-width:none;
  margin:18px 0 0;
}
.contact-info .contact-method{
  min-height:64px;
  border-radius:14px;
}
.contact-note{
  max-width:none;
  margin:18px 0 0;
  border-radius:14px;
}
.contact-one{
  position:absolute;
  inset-inline-end:-28px;
  bottom:-74px;
  z-index:1;
  color:rgba(0,96,240,.22);
  font-size:260px;
  font-weight:900;
  line-height:1;
  pointer-events:none;
}
.contact-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
  padding:30px;
  background:#fff;
  border:1px solid #DCE5F0;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,16,39,.08);
}
.contact-form label{
  display:grid;
  gap:8px;
  min-width:0;
}
.contact-form label:nth-last-of-type(2),
.contact-form label:last-of-type{
  grid-column:1/-1;
}
.contact-form label span{
  color:#001027;
  font-size:13px;
  font-weight:900;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  min-height:54px;
  padding:0 15px;
  border:1px solid #D8E2EF;
  border-radius:12px;
  background:#F8FAFD;
  color:#001027;
  font:600 14px Cairo,Inter,system-ui,sans-serif;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.contact-form textarea{
  min-height:150px;
  padding-top:14px;
  resize:vertical;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-color:#0060F0;
  background:#fff;
  box-shadow:0 0 0 4px rgba(0,96,240,.10);
}
.contact-form .btn{
  grid-column:1/-1;
  width:100%;
  min-height:58px;
  border-radius:12px;
  font-size:15px;
}
.form-result{
  grid-column:1/-1;
}

@media(max-width:900px){
  .contact-page-body .inner-hero{
    min-height:auto;
    padding:126px 0 64px;
  }
  .contact-layout,
  html[dir=rtl] .contact-layout{
    grid-template-columns:1fr;
  }
  .contact-info{
    position:relative;
    top:auto;
    order:2;
  }
  .contact-form{
    order:1;
  }
}

@media(max-width:620px){
  .contact-page-body .inner-hero h1{
    font-size:34px;
  }
  .contact-page-body .inner-hero p{
    font-size:14px;
  }
  .contact-form{
    grid-template-columns:1fr;
    padding:20px;
    gap:14px;
    border-radius:16px;
  }
  .contact-form label{
    grid-column:1/-1;
  }
  .contact-info{
    padding:26px 20px;
  }
}

/* Contact page matching the approved reference design. */
.contact-page-body{
  background:#fff!important;
}
.contact-reference-page{
  --contact-blue:#0B6FFF;
  --contact-blue-2:#0456E8;
  --contact-ink:#061A3D;
  --contact-muted:#687790;
  --contact-line:#DDE7F5;
  padding:122px 0 44px;
  color:var(--contact-ink);
  background:
    radial-gradient(circle at 9% 15%,rgba(11,111,255,.06),transparent 24%),
    radial-gradient(circle at 91% 16%,rgba(11,111,255,.08),transparent 23%),
    #fff;
}
.contact-reference-page .container{
  width:min(1320px,calc(100% - 56px));
}
.contact-page-body .site-header{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:14px 0!important;
}
.contact-page-body .site-header.scrolled{
  background:transparent!important;
}
.contact-page-body .nav-wrap{
  height:76px!important;
  padding:0 26px!important;
  background:rgba(255,255,255,.93)!important;
  border:1px solid rgba(222,232,246,.92)!important;
  border-radius:18px!important;
  box-shadow:0 18px 48px rgba(13,39,79,.09)!important;
}
.contact-page-body .nav-links a{
  font-size:14px!important;
  color:#12223E!important;
}
.contact-page-body .nav-links a[href$="/contact"],
.contact-page-body .nav-links a[href$="/contact"]:hover{
  color:var(--contact-blue)!important;
}
.contact-page-body .nav-links a[href$="/contact"]:after{
  transform:scaleX(1)!important;
  bottom:-28px!important;
  height:3px!important;
  background:var(--contact-blue)!important;
}
.contact-page-body .header-cta.store-cta{
  min-height:46px!important;
  padding:0 22px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,var(--contact-blue),var(--contact-blue-2))!important;
  box-shadow:0 14px 28px rgba(11,111,255,.22)!important;
}
.contact-reference-hero{
  position:relative;
  padding:22px 0 48px;
  text-align:center;
  overflow:hidden;
}
.contact-reference-hero h1{
  margin:0 0 14px;
  color:#061A3D;
  font-size:clamp(58px,6.1vw,78px);
  line-height:1.03;
  font-weight:900;
  letter-spacing:0;
}
.contact-reference-hero p{
  max-width:620px;
  margin:0 auto;
  color:#748198;
  font-size:18px;
  line-height:1.8;
  font-weight:700;
}
.contact-deco{
  position:absolute;
  top:18px;
  width:270px;
  height:150px;
  pointer-events:none;
}
.contact-deco-left{
  left:5%;
}
.contact-deco-right{
  right:5%;
}
.contact-deco-left i{
  position:absolute;
  width:72px;
  height:72px;
  left:8px;
  top:6px;
  border:1px solid #BED3F4;
  border-radius:18px;
  transform:rotate(15deg);
}
.contact-deco-left b{
  position:absolute;
  width:62px;
  height:62px;
  left:56px;
  top:58px;
  border-radius:14px;
  background:linear-gradient(145deg,#4089FF,#075DED);
  box-shadow:0 18px 34px rgba(11,111,255,.24);
}
.contact-deco-left span{
  position:absolute;
  width:60px;
  height:60px;
  left:148px;
  top:46px;
  background-image:radial-gradient(#BDD0ED 2px,transparent 2px);
  background-size:16px 16px;
}
.contact-deco-right i{
  position:absolute;
  width:156px;
  height:86px;
  right:18px;
  top:18px;
  border:1px solid #BFD5F7;
  border-radius:50%;
  transform:rotate(12deg);
}
.contact-deco-right i:after{
  content:"";
  position:absolute;
  inset:-2px;
  border:1px solid #CFE0F8;
  border-radius:50%;
  transform:rotate(-28deg);
}
.contact-deco-right b{
  position:absolute;
  right:58px;
  top:36px;
  width:108px;
  height:86px;
  border-radius:48px 48px 48px 16px;
  background:linear-gradient(145deg,#5C98FF,#075DEC);
  box-shadow:0 22px 46px rgba(11,111,255,.28);
}
.contact-deco-right b:after{
  content:"";
  position:absolute;
  left:26px;
  top:36px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:#DCE8FF;
  box-shadow:24px 0 0 #DCE8FF,48px 0 0 #DCE8FF;
}
.contact-deco-right span{
  position:absolute;
  right:15px;
  top:28px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#1D66EA;
  box-shadow:-190px 22px 0 #BBD1F3,-22px 74px 0 #9ABAF0;
}
.contact-reference-main{
  padding:0 0 28px;
}
.contact-reference-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(420px,.98fr);
  gap:28px;
  align-items:start;
}
html[dir=rtl] .contact-reference-grid{
  direction:ltr;
}
html[dir=rtl] .contact-reference-grid>*{
  direction:rtl;
}
.contact-reference-form{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:16px!important;
  padding:26px!important;
  background:#fff!important;
  border:1px solid var(--contact-line)!important;
  border-radius:16px!important;
  box-shadow:0 22px 54px rgba(13,39,79,.08)!important;
}
.contact-form-head{
  position:relative;
  min-height:58px;
  margin-bottom:4px;
  padding-inline-end:74px;
}
.contact-form-head h2{
  margin:0 0 8px;
  color:#061A3D;
  font-size:23px;
  line-height:1.2;
  font-weight:900;
}
.contact-form-head p{
  margin:0;
  color:#7B8798;
  font-size:13px;
  font-weight:700;
}
.contact-head-icon{
  position:absolute;
  inset-inline-end:0;
  top:0;
  display:grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:16px;
  color:var(--contact-blue);
  background:linear-gradient(145deg,#EEF5FF,#DCE9FF);
  font-size:24px;
}
.contact-form-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
}
.contact-reference-form label{
  position:relative;
  display:grid!important;
  gap:0!important;
}
.contact-reference-form label span{
  position:absolute;
  z-index:2;
  top:50%;
  inset-inline-end:16px;
  transform:translateY(-50%);
  color:#7A879B!important;
  font-size:14px!important;
  font-weight:700!important;
  pointer-events:none;
}
.contact-reference-form label:after{
  position:absolute;
  top:50%;
  inset-inline-start:16px;
  transform:translateY(-50%);
  color:#69788F;
  font-size:18px;
  pointer-events:none;
}
.contact-reference-form label:nth-of-type(1):after{content:"♡"}
.contact-reference-form label:nth-of-type(2):after{content:"⌕"}
.contact-reference-form>label:nth-of-type(1):after{content:"✉"}
.contact-reference-form>label:nth-of-type(2):after{content:"⌁"}
.contact-reference-form>label:nth-of-type(3):after{
  content:"☰";
  top:24px;
}
.contact-reference-form input,
.contact-reference-form select,
.contact-reference-form textarea{
  width:100%!important;
  min-height:48px!important;
  padding:0 46px 0 44px!important;
  border:1px solid var(--contact-line)!important;
  border-radius:9px!important;
  background:#fff!important;
  color:#061A3D!important;
  font:700 14px Cairo,Inter,system-ui,sans-serif!important;
  box-shadow:0 10px 24px rgba(13,39,79,.035)!important;
}
.contact-reference-form textarea{
  min-height:116px!important;
  padding-top:18px!important;
  resize:vertical;
}
.contact-reference-form textarea::placeholder{
  color:#94A0B2;
}
.contact-submit{
  min-height:50px!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,#075DF3,#0B72FF)!important;
  box-shadow:0 14px 34px rgba(11,111,255,.24)!important;
  font-size:15px!important;
}
.contact-submit span{
  transform:rotate(-35deg);
}
.contact-privacy{
  margin:0;
  color:#7A8AA3;
  text-align:center;
  font-size:11px;
  font-weight:700;
}
.contact-reference-side{
  display:grid;
  gap:22px;
}
.contact-reference-info{
  position:relative!important;
  min-height:270px!important;
  padding:30px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  color:#fff!important;
  background:radial-gradient(circle at 13% 24%,rgba(18,117,255,.22),transparent 30%),linear-gradient(135deg,#071B3B,#06162D)!important;
  box-shadow:0 24px 58px rgba(9,28,58,.18)!important;
}
.contact-reference-info h2{
  margin:0 0 26px!important;
  color:#fff!important;
  font-size:24px!important;
  font-weight:900!important;
}
.contact-side-icon{
  position:absolute;
  top:22px;
  inset-inline-end:22px;
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(145deg,#126FFF,#075CEA);
  color:#fff;
  font-size:25px;
}
.contact-map-dots{
  position:absolute;
  left:28px;
  top:84px;
  width:260px;
  height:110px;
  opacity:.35;
  background-image:radial-gradient(#8EB9FF 2px,transparent 2px);
  background-size:9px 9px;
  clip-path:polygon(0 34%,15% 25%,28% 36%,42% 22%,58% 32%,77% 19%,100% 30%,94% 74%,72% 68%,55% 86%,39% 72%,18% 82%,4% 66%);
}
.contact-map-dots i{
  position:absolute;
  left:100px;
  top:34px;
  width:34px;
  height:34px;
  border-radius:50% 50% 50% 8px;
  transform:rotate(-45deg);
  background:#126FFF;
  opacity:1;
}
.contact-reference-info .contact-address{
  position:relative!important;
  z-index:2!important;
  max-width:360px!important;
  margin:0 0 0 auto!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  display:grid!important;
  gap:12px!important;
  color:#E6F0FF!important;
}
.contact-reference-info .contact-address strong{
  color:#fff!important;
  font-size:18px!important;
}
.contact-reference-info .contact-address a,
.contact-reference-info .contact-address span{
  display:block!important;
  margin:0!important;
  color:#ECF4FF!important;
  font-size:14px!important;
  font-weight:800!important;
  text-decoration:none!important;
}
.contact-action-cards{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:20px;
}
.contact-action-card{
  position:relative;
  min-height:198px;
  padding:24px;
  border:1px solid var(--contact-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 20px 44px rgba(13,39,79,.06);
  text-decoration:none;
  color:#061A3D;
}
.contact-action-card span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:22px;
  border-radius:50%;
  color:#fff;
  font-size:20px;
}
.contact-action-card.whatsapp span{background:#16C66A}
.contact-action-card.email span{background:#126FFF}
.contact-action-card strong{
  display:block;
  margin-bottom:12px;
  color:#126FFF;
  font-size:17px;
  font-weight:900;
}
.contact-action-card.whatsapp strong{color:#18B963}
.contact-action-card small{
  display:block;
  color:#718096;
  font-size:13px;
  font-weight:700;
}
.contact-action-card b{
  position:absolute;
  left:24px;
  right:24px;
  bottom:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  border:1px solid currentColor;
  border-radius:8px;
  color:#126FFF;
  font-size:13px;
  font-weight:900;
}
.contact-action-card.whatsapp b{color:#18B963}
.contact-reference-map{
  padding:0 0 28px;
}
.contact-map-card{
  position:relative;
  min-height:112px;
  overflow:hidden;
  border:1px solid var(--contact-line);
  border-radius:14px;
  background:
    linear-gradient(rgba(255,255,255,.78),rgba(255,255,255,.78)),
    repeating-linear-gradient(30deg,transparent 0 22px,#DDE7F4 23px 24px),
    repeating-linear-gradient(120deg,transparent 0 27px,#E6EEF8 28px 29px),
    #EEF4FB;
}
.map-pin{
  position:absolute;
  left:22%;
  top:31px;
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:50%;
  background:#126FFF;
  color:#fff;
  font-weight:900;
  box-shadow:0 15px 30px rgba(18,111,255,.28);
}
.map-location{
  position:absolute;
  right:15%;
  top:12px;
  min-width:255px;
  min-height:88px;
  padding:18px 24px 18px 92px;
  border:1px solid var(--contact-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 20px 48px rgba(13,39,79,.08);
  text-align:center;
}
.map-location span{
  position:absolute;
  left:24px;
  top:22px;
  display:grid;
  place-items:center;
  width:50px;
  height:50px;
  border-radius:14px;
  color:#126FFF;
  background:#EEF5FF;
  font-size:25px;
}
.map-location strong,
.map-location b,
.map-location small{
  display:block;
}
.map-location strong{
  font-size:19px;
  color:#061A3D;
}
.map-location b{
  margin:3px 0;
  color:#516176;
  font-size:13px;
}
.map-location small{
  color:#607086;
  font-size:12px;
  font-weight:700;
}
.contact-benefits{
  padding:4px 0 0;
}
.contact-benefits-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.contact-benefits-grid div{
  display:grid;
  grid-template-columns:56px 1fr;
  align-items:center;
  gap:14px;
  min-height:70px;
  border-inline-start:1px solid #D9E4F2;
}
.contact-benefits-grid div:last-child{
  border-inline-start:0;
}
.contact-benefits-grid span{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:#EEF5FF;
  color:#126FFF;
  font-weight:900;
}
.contact-benefits-grid strong{
  display:block;
  color:#061A3D;
  font-size:15px;
  font-weight:900;
}
.contact-benefits-grid small{
  display:block;
  margin-top:5px;
  color:#708096;
  font-size:12px;
  font-weight:700;
}

@media(max-width:1100px){
  .contact-reference-grid{
    grid-template-columns:1fr;
  }
  .contact-action-cards,
  .contact-benefits-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .contact-reference-info .contact-address{
    margin:0!important;
  }
}

@media(max-width:900px){
  .contact-reference-page{
    padding-top:98px;
  }
  .contact-page-body .site-header{
    padding:8px 0!important;
  }
  .contact-page-body .nav-wrap{
    height:62px!important;
    border-radius:16px!important;
    padding:0 12px!important;
  }
  .contact-reference-hero h1{
    font-size:44px;
  }
  .contact-reference-hero p{
    font-size:15px;
  }
  .contact-deco{
    opacity:.45;
  }
}

@media(max-width:620px){
  .contact-reference-page .container{
    width:calc(100% - 24px);
  }
  .contact-deco{
    display:none;
  }
  .contact-reference-hero{
    padding:18px 0 32px;
  }
  .contact-reference-form{
    padding:18px!important;
  }
  .contact-form-row,
  .contact-action-cards,
  .contact-benefits-grid{
    grid-template-columns:1fr;
  }
  .contact-reference-info{
    padding:22px!important;
  }
  .contact-map-dots{
    display:none;
  }
  .contact-map-card{
    min-height:150px;
  }
  .map-pin{
    left:24px;
  }
  .map-location{
    left:82px;
    right:14px;
    min-width:0;
    padding:16px;
    text-align:start;
  }
  .map-location span{
    display:none;
  }
.contact-benefits-grid div{
    border-inline-start:0;
  }
}

/* Compact animated ecosystem tiles for a growing product portfolio. */
.v4-ecosystem{
  padding:30px 0 54px!important;
}
.v4-eco-grid{
  grid-template-columns:repeat(auto-fit,minmax(205px,1fr))!important;
  gap:12px!important;
  align-items:stretch;
}
.v4-eco-card{
  isolation:isolate;
  min-height:178px!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  padding:18px!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 14% 16%,rgba(107,168,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(10,29,55,.96),rgba(4,12,25,.98))!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.04)!important;
  transform:translateY(0);
  animation:ecoTileIn .55s ease both;
}
.v4-eco-card:nth-child(2){animation-delay:.06s}
.v4-eco-card:nth-child(3){animation-delay:.12s}
.v4-eco-card:nth-child(4){animation-delay:.18s}
.v4-eco-card:nth-child(5){animation-delay:.24s}
.v4-eco-card:nth-child(6){animation-delay:.30s}
.v4-eco-card:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  border-radius:inherit;
  background:linear-gradient(120deg,transparent 0 30%,rgba(255,255,255,.12) 45%,transparent 62%);
  opacity:0;
  transform:translateX(42%);
  transition:opacity .2s ease,transform .58s ease;
}
.v4-eco-card:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(0,96,240,.55),rgba(34,211,238,.26),rgba(37,208,160,.22));
  opacity:.18;
  filter:blur(14px);
  transform:scale(.94);
  transition:.28s ease;
}
.v4-eco-card:hover{
  transform:translateY(-6px) scale(1.012)!important;
  border-color:rgba(115,174,255,.62)!important;
  box-shadow:0 22px 56px rgba(0,96,240,.18),0 18px 42px rgba(0,0,0,.26)!important;
}
.v4-eco-card:hover:before{
  opacity:1;
  transform:translateX(-42%);
}
.v4-eco-card:hover:after{
  opacity:.34;
  transform:scale(1);
}
.v4-eco-icon{
  width:50px!important;
  height:50px!important;
  border-radius:13px!important;
  justify-self:start;
  font-size:13px!important;
  font-weight:950!important;
  letter-spacing:0!important;
  box-shadow:0 14px 34px rgba(0,96,240,.22), inset 0 1px 0 rgba(255,255,255,.18)!important;
}
html[dir=rtl] .v4-eco-icon{
  justify-self:end;
}
.v4-eco-copy{
  min-width:0;
}
.v4-eco-copy h3{
  max-width:170px;
  margin:0 0 5px!important;
  color:#D9E9FF!important;
  font-size:18px!important;
  line-height:1.32!important;
}
.v4-eco-copy>b{
  margin:0 0 8px!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:1.55!important;
}
.v4-eco-copy p{
  display:-webkit-box;
  min-height:0!important;
  margin:0 0 12px!important;
  color:#9FB0C6!important;
  font-size:10px!important;
  line-height:1.75!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
  overflow:hidden;
}
.v4-eco-copy span{
  color:#7DB5FF!important;
  font-size:10px!important;
}
.v4-eco-card>small{
  position:static!important;
  display:block;
  max-width:100%;
  margin-top:auto;
  color:#6F819C!important;
  font-size:9px!important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.v4-eco-store .v4-eco-icon:before{content:"▦"}
.v4-eco-hr .v4-eco-icon:before{content:"ID"}
.v4-eco-automation .v4-eco-icon:before{content:"↯"}
.v4-eco-lawyer .v4-eco-icon:before{content:"⚖"}
.v4-eco-erp .v4-eco-icon:before{content:"ERP"}
.v4-eco-ai-chatbot .v4-eco-icon:before{content:"AI"}
.v4-eco-icon{
  color:transparent!important;
  font-size:0!important;
}
.v4-eco-icon:before{
  display:grid;
  place-items:center;
  color:#fff;
  font-size:15px;
  font-weight:950;
  line-height:1;
}
.v4-eco-lawyer .v4-eco-icon:before{
  font-size:23px;
}
@keyframes ecoTileIn{
  from{opacity:0;transform:translateY(18px) scale(.97)}
  to{opacity:1;transform:translateY(0) scale(1)}
}

@media(max-width:900px){
  .v4-eco-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .v4-ecosystem{
    padding:28px 0 46px!important;
  }
  .v4-eco-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .v4-eco-card{
    min-height:150px!important;
    padding:16px!important;
    grid-template-columns:54px 1fr!important;
    align-items:start!important;
  }
  html[dir=rtl] .v4-eco-card{
    grid-template-columns:1fr 54px!important;
  }
  .v4-eco-icon{
    grid-row:1 / span 2;
    width:46px!important;
    height:46px!important;
  }
  html[dir=rtl] .v4-eco-icon{
    grid-column:2;
  }
  .v4-eco-copy h3{
    max-width:none;
    font-size:16px!important;
  }
  .v4-eco-copy p{
    -webkit-line-clamp:2;
  }
  .v4-eco-card>small{
    grid-column:1 / -1;
  }
}

/* Premium ecosystem board v58 */
.v4-ecosystem{
  padding:34px 0 58px!important;
  background:
    radial-gradient(circle at 16% 0%,rgba(0,96,240,.20),transparent 30%),
    radial-gradient(circle at 82% 18%,rgba(34,211,238,.12),transparent 24%),
    #000b1f!important;
}
.v4-eco-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.v4-eco-card{
  position:relative!important;
  isolation:isolate!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:220px!important;
  padding:20px!important;
  border-radius:18px!important;
  border:1px solid rgba(102,166,255,.28)!important;
  background:
    linear-gradient(180deg,rgba(12,32,60,.94),rgba(4,12,25,.98))!important;
  box-shadow:0 18px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.06)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  transform:translateY(0)!important;
  transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease!important;
  animation:ecoBoardIn .58s cubic-bezier(.2,.8,.2,1) both!important;
}
.v4-eco-card:nth-child(2){animation-delay:.05s!important}
.v4-eco-card:nth-child(3){animation-delay:.10s!important}
.v4-eco-card:nth-child(4){animation-delay:.15s!important}
.v4-eco-card:nth-child(5){animation-delay:.20s!important}
.v4-eco-card:nth-child(6){animation-delay:.25s!important}
.v4-eco-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:-1!important;
  border-radius:inherit!important;
  background:
    linear-gradient(90deg,rgba(255,255,255,.12),transparent 32%),
    radial-gradient(circle at 16% 16%,rgba(0,136,240,.22),transparent 34%)!important;
  opacity:.42!important;
  transform:none!important;
}
.v4-eco-card:after{
  content:""!important;
  position:absolute!important;
  inset:auto 18px 0!important;
  height:2px!important;
  z-index:1!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent,#3d94ff,#22d3ee,transparent)!important;
  filter:none!important;
  opacity:.58!important;
  transform:none!important;
  transition:opacity .28s ease,transform .28s ease!important;
}
.v4-eco-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(120,188,255,.72)!important;
  box-shadow:0 28px 70px rgba(0,96,240,.20),0 18px 46px rgba(0,0,0,.30)!important;
}
.v4-eco-card:hover:after{
  opacity:1!important;
  transform:scaleX(1.04)!important;
}
.v4-eco-store,.v4-eco-hr,.v4-eco-automation,.v4-eco-lawyer,.v4-eco-erp,.v4-eco-ai-chatbot{
  border-color:rgba(102,166,255,.28)!important;
  background:linear-gradient(180deg,rgba(12,32,60,.94),rgba(4,12,25,.98))!important;
}
.v4-eco-erp,.v4-eco-ai-chatbot{
  border-color:rgba(34,211,238,.38)!important;
}
.v4-eco-top{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-bottom:15px!important;
}
.v4-eco-status{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  min-height:26px!important;
  padding:5px 10px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.055)!important;
  border:1px solid rgba(255,255,255,.09)!important;
  color:#9fbee9!important;
  font-size:10px!important;
  font-weight:900!important;
}
.v4-eco-status:before{
  content:""!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#22d3ee!important;
  box-shadow:0 0 14px rgba(34,211,238,.8)!important;
}
.v4-eco-card .v4-eco-icon{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:52px!important;
  height:52px!important;
  min-width:52px!important;
  border-radius:16px!important;
  justify-self:auto!important;
  background:linear-gradient(145deg,#0b6fff,#00a3ff)!important;
  color:#fff!important;
  font-size:0!important;
  letter-spacing:0!important;
  box-shadow:0 16px 34px rgba(0,96,240,.28),inset 0 1px 0 rgba(255,255,255,.24)!important;
}
.v4-eco-card .v4-eco-icon:before{
  content:none!important;
}
.v4-eco-card .v4-eco-icon i{
  position:relative!important;
  display:block!important;
  width:28px!important;
  height:28px!important;
  color:#fff!important;
}
.v4-eco-copy{
  display:block!important;
  min-width:0!important;
}
.v4-eco-copy h3{
  max-width:none!important;
  min-height:52px!important;
  margin:0 0 7px!important;
  color:#dcebff!important;
  font-size:20px!important;
  line-height:1.32!important;
  font-weight:950!important;
}
.v4-eco-copy>b{
  display:block!important;
  margin:0 0 9px!important;
  color:#fff!important;
  font-size:11px!important;
  line-height:1.55!important;
  font-weight:900!important;
}
.v4-eco-copy p{
  display:-webkit-box!important;
  min-height:0!important;
  margin:0!important;
  color:#9fb0c6!important;
  font-size:11px!important;
  line-height:1.8!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.v4-eco-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:auto!important;
  padding-top:15px!important;
  border-top:1px solid rgba(255,255,255,.07)!important;
}
.v4-eco-foot small{
  display:block!important;
  min-width:0!important;
  color:#7185a1!important;
  font-size:9px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.v4-eco-foot span{
  color:#7db5ff!important;
  font-size:10px!important;
  font-weight:950!important;
  white-space:nowrap!important;
}
.v4-eco-card>small,
.v4-eco-copy>span{
  display:none!important;
}
.v4-eco-store .v4-eco-icon i:before{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  top:9px!important;
  width:20px!important;
  height:14px!important;
  border:2px solid currentColor!important;
  border-radius:5px!important;
}
.v4-eco-store .v4-eco-icon i:after{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:5px!important;
  width:12px!important;
  height:9px!important;
  border:2px solid currentColor!important;
  border-bottom:0!important;
  border-radius:9px 9px 0 0!important;
}
.v4-eco-hr .v4-eco-icon i:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:4px!important;
  width:12px!important;
  height:12px!important;
  border:2px solid currentColor!important;
  border-radius:50%!important;
}
.v4-eco-hr .v4-eco-icon i:after{
  content:""!important;
  position:absolute!important;
  left:4px!important;
  bottom:4px!important;
  width:20px!important;
  height:10px!important;
  border:2px solid currentColor!important;
  border-radius:12px 12px 4px 4px!important;
}
.v4-eco-automation .v4-eco-icon i:before{
  content:""!important;
  position:absolute!important;
  left:8px!important;
  top:2px!important;
  width:11px!important;
  height:23px!important;
  background:currentColor!important;
  clip-path:polygon(55% 0,100% 0,64% 42%,100% 42%,33% 100%,46% 57%,0 57%)!important;
}
.v4-eco-lawyer .v4-eco-icon i:before{
  content:"⚖"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:25px!important;
  line-height:1!important;
}
.v4-eco-erp .v4-eco-icon i{
  border:2px solid currentColor!important;
  border-radius:7px!important;
  background:
    linear-gradient(currentColor,currentColor) 50% 0/2px 100% no-repeat,
    linear-gradient(currentColor,currentColor) 0 50%/100% 2px no-repeat!important;
}
.v4-eco-erp .v4-eco-icon i:before{
  content:""!important;
  position:absolute!important;
  inset:6px!important;
  border:2px solid rgba(255,255,255,.78)!important;
  border-radius:3px!important;
}
.v4-eco-ai-chatbot .v4-eco-icon i:before{
  content:"AI"!important;
  position:absolute!important;
  inset:0!important;
  display:grid!important;
  place-items:center!important;
  color:#fff!important;
  font-size:17px!important;
  font-weight:950!important;
}
.v4-eco-ai-chatbot .v4-eco-icon i:after{
  content:""!important;
  position:absolute!important;
  right:1px!important;
  bottom:1px!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:-18px -18px 0 rgba(255,255,255,.55)!important;
}
@keyframes ecoBoardIn{
  from{opacity:0;transform:translateY(18px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1100px){
  .v4-eco-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .v4-ecosystem{
    padding:30px 0 48px!important;
  }
  .v4-eco-grid{
    grid-template-columns:1fr!important;
    gap:12px!important;
  }
  .v4-eco-card{
    min-height:198px!important;
    padding:18px!important;
  }
  .v4-eco-copy h3{
    min-height:0!important;
    font-size:18px!important;
  }
  .v4-eco-copy p{
    -webkit-line-clamp:2!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .v4-eco-card{
    animation:none!important;
    transition:none!important;
  }
}

/* Premium compact ecosystem launcher v59 */
.v4-ecosystem{
  padding:28px 0 46px!important;
}
.v4-section-title{
  margin-bottom:22px!important;
}
.v4-eco-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:10px!important;
}
.v4-eco-card{
  min-height:190px!important;
  padding:15px!important;
  border-radius:16px!important;
  background:
    linear-gradient(180deg,rgba(11,32,60,.92),rgba(4,12,25,.98)),
    linear-gradient(135deg,rgba(0,136,240,.35),rgba(34,211,238,.12))!important;
  border-color:rgba(84,158,255,.26)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.06)!important;
}
.v4-eco-card:before{
  background:
    linear-gradient(120deg,transparent 0 28%,rgba(255,255,255,.10) 42%,transparent 58%),
    radial-gradient(circle at 50% -16px,rgba(34,211,238,.30),transparent 48%)!important;
  opacity:.35!important;
}
.v4-eco-card:hover:before{
  animation:ecoShine .9s ease both!important;
}
.v4-eco-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(34,211,238,.68)!important;
  box-shadow:0 24px 58px rgba(0,136,240,.22),0 14px 38px rgba(0,0,0,.32)!important;
}
.v4-eco-top{
  margin-bottom:12px!important;
}
.v4-eco-status{
  min-height:22px!important;
  padding:4px 8px!important;
  font-size:9px!important;
  background:rgba(125,181,255,.08)!important;
}
.v4-eco-card .v4-eco-icon{
  width:48px!important;
  height:48px!important;
  min-width:48px!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 30% 22%,rgba(255,255,255,.30),transparent 24%),
    linear-gradient(145deg,#0579ff,#00b7ff)!important;
  box-shadow:0 14px 30px rgba(0,136,240,.30),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.v4-eco-copy h3{
  min-height:42px!important;
  margin-bottom:5px!important;
  font-size:16px!important;
  line-height:1.35!important;
}
.v4-eco-copy>b{
  margin-bottom:6px!important;
  font-size:9px!important;
  line-height:1.5!important;
}
.v4-eco-copy p{
  font-size:9px!important;
  line-height:1.65!important;
  -webkit-line-clamp:3!important;
}
.v4-eco-foot{
  padding-top:11px!important;
  gap:8px!important;
}
.v4-eco-foot small{
  max-width:78px!important;
  font-size:8px!important;
}
.v4-eco-foot span{
  font-size:9px!important;
}
.v4-eco-erp,.v4-eco-ai-chatbot{
  background:
    radial-gradient(circle at 50% -10%,rgba(34,211,238,.22),transparent 45%),
    linear-gradient(180deg,rgba(10,45,70,.94),rgba(4,12,25,.98))!important;
}
.v4-eco-lawyer{
  background:
    radial-gradient(circle at 50% -10%,rgba(88,166,255,.20),transparent 45%),
    linear-gradient(180deg,rgba(14,31,58,.94),rgba(4,12,25,.98))!important;
}
.v4-eco-card .v4-eco-icon i{
  width:26px!important;
  height:26px!important;
}
@keyframes ecoShine{
  from{transform:translateX(55%)}
  to{transform:translateX(-55%)}
}
@media(max-width:1280px){
  .v4-eco-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:13px!important;
  }
  .v4-eco-card{
    min-height:205px!important;
    padding:18px!important;
  }
  .v4-eco-copy h3{
    font-size:19px!important;
  }
  .v4-eco-copy p{
    font-size:10px!important;
  }
  .v4-eco-foot small{
    max-width:150px!important;
    font-size:9px!important;
  }
}
@media(max-width:900px){
  .v4-eco-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .v4-eco-grid{
    grid-template-columns:1fr!important;
  }
  .v4-eco-card{
    min-height:168px!important;
    padding:16px!important;
  }
  .v4-eco-copy h3{
    font-size:18px!important;
  }
}

/* Latest projects premium modules v60 */
.v4-projects{
  padding:34px 0 74px!important;
}
.v4-project-marquee{
  padding-block:4px 10px!important;
}
.v4-project-marquee .v4-project-grid,
.v4-project-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.v4-project-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-height:288px!important;
  border-radius:18px!important;
  border:1px solid rgba(93,159,255,.22)!important;
  background:linear-gradient(180deg,rgba(10,29,55,.94),rgba(4,12,25,.98))!important;
  color:#fff!important;
  box-shadow:0 18px 44px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.055)!important;
  animation:projectModuleIn .58s cubic-bezier(.2,.8,.2,1) both!important;
  overflow:hidden!important;
}
.v4-project-card:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:radial-gradient(circle at 18% 8%,rgba(34,211,238,.22),transparent 30%),linear-gradient(120deg,transparent 0 36%,rgba(255,255,255,.08) 48%,transparent 62%)!important;
  opacity:.45!important;
  pointer-events:none!important;
}
.v4-project-card:hover{
  transform:translateY(-7px)!important;
  border-color:rgba(34,211,238,.66)!important;
  box-shadow:0 26px 70px rgba(0,96,240,.20),0 16px 40px rgba(0,0,0,.32)!important;
}
.v4-project-card:hover:before{
  animation:projectSweep .9s ease both!important;
}
.v4-project-media{
  height:112px!important;
  margin:15px 15px 0!important;
  border-radius:15px!important;
  background:rgba(255,255,255,.045)!important;
  border:1px solid rgba(255,255,255,.075)!important;
}
.v4-project-media img{
  border-radius:15px!important;
}
.v4-project-symbol{
  position:relative;
  height:100%;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);
  background-size:22px 22px;
}
.v4-project-symbol:before{
  content:"";
  position:absolute;
  width:130px;
  height:130px;
  border-radius:50%;
  border:1px solid rgba(125,181,255,.18);
}
.v4-project-symbol i{
  position:absolute;
  width:52px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(145deg,#0b6fff,#22d3ee);
  box-shadow:0 14px 34px rgba(0,136,240,.26);
}
.v4-project-symbol b{
  position:relative;
  z-index:1;
  color:#fff;
  font-size:18px;
  font-weight:950;
}
.v4-project-copy{
  position:relative!important;
  z-index:1!important;
  min-height:0!important;
  flex:1!important;
  padding:15px!important;
  background:transparent!important;
  color:#fff!important;
}
.v4-project-copy h3{
  margin:8px 0 8px!important;
  color:#e4efff!important;
  font-size:17px!important;
  line-height:1.4!important;
}
.v4-project-copy p{
  display:-webkit-box!important;
  color:#9fb0c6!important;
  font-size:10px!important;
  line-height:1.75!important;
  -webkit-box-orient:vertical!important;
  -webkit-line-clamp:3!important;
  overflow:hidden!important;
}
.v4-project-badge{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  padding:4px 9px!important;
  border-radius:999px!important;
  background:rgba(34,211,238,.11)!important;
  border:1px solid rgba(34,211,238,.24)!important;
  color:#9be8ff!important;
  font-size:9px!important;
  font-weight:950!important;
}
.v4-project-copy strong{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  margin-top:14px!important;
  padding-top:12px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
  color:#7db5ff!important;
  font-size:10px!important;
  font-weight:950!important;
}
.floating-ai-msg a{
  display:inline-flex;
  max-width:100%;
  margin:2px 3px;
  padding:2px 7px;
  border-radius:999px;
  background:rgba(0,96,240,.10);
  color:#0757bf;
  font-weight:900;
  text-decoration:none;
  overflow-wrap:anywhere;
}
.floating-ai-msg{
  white-space:pre-wrap;
}
.floating-ai-msg strong{
  color:#001027;
  font-weight:950;
}
.floating-ai-msg a:hover{
  background:#0060f0;
  color:#fff;
}
@keyframes projectModuleIn{
  from{opacity:0;transform:translateY(16px)}
  to{opacity:1;transform:translateY(0)}
}
@keyframes projectSweep{
  from{transform:translateX(55%)}
  to{transform:translateX(-55%)}
}
@media(max-width:1100px){
  .v4-project-marquee .v4-project-grid,
  .v4-project-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}
@media(max-width:620px){
  .v4-project-marquee .v4-project-grid,
  .v4-project-grid{
    grid-template-columns:1fr!important;
  }
  .v4-project-card{
    min-height:250px!important;
  }
  .v4-project-media{
    height:98px!important;
  }
}

/* Latest projects cinematic moving rail v61 */
.v4-projects{
  position:relative!important;
  overflow:hidden!important;
  padding:40px 0 86px!important;
  background:
    linear-gradient(90deg,rgba(0,11,31,.96),rgba(0,24,52,.88),rgba(0,11,31,.96)),
    #000b1f!important;
}
.v4-projects:before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;
  background-size:58px 58px!important;
  mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 82%,transparent)!important;
  pointer-events:none!important;
}
.v4-project-head{
  position:relative!important;
  z-index:2!important;
  margin-bottom:20px!important;
}
.v4-project-head span{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  color:#93c9ff!important;
  font-size:13px!important;
  letter-spacing:0!important;
}
.v4-project-head span:before,
.v4-project-head span:after{
  content:""!important;
  width:28px!important;
  height:1px!important;
  background:linear-gradient(90deg,transparent,#22d3ee)!important;
}
.v4-project-head h2{
  color:#d9e8ff!important;
  font-size:15px!important;
}
.v4-project-marquee{
  --project-travel:0px;
  --project-duration:22s;
  position:relative!important;
  z-index:2!important;
  overflow:hidden!important;
  width:100%!important;
  padding:14px 0 24px!important;
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)!important;
}
.v4-project-marquee:before,
.v4-project-marquee:after{
  content:""!important;
  position:absolute!important;
  top:0!important;
  bottom:0!important;
  width:110px!important;
  z-index:4!important;
  pointer-events:none!important;
}
.v4-project-marquee:before{
  inset-inline-start:0!important;
  background:linear-gradient(90deg,#000b1f,transparent)!important;
}
.v4-project-marquee:after{
  inset-inline-end:0!important;
  background:linear-gradient(270deg,#000b1f,transparent)!important;
}
.v4-project-marquee .v4-project-grid{
  display:flex!important;
  grid-template-columns:none!important;
  gap:16px!important;
  width:max-content!important;
  min-width:100%!important;
  align-items:stretch!important;
  will-change:transform!important;
}
.v4-project-marquee.is-rail-ready .v4-project-grid{
  animation:projectRailPingpong var(--project-duration) ease-in-out infinite alternate!important;
}
.v4-project-marquee:hover .v4-project-grid{
  animation-play-state:paused!important;
}
.v4-project-marquee .v4-project-card{
  flex:0 0 clamp(260px,24vw,330px)!important;
  width:clamp(260px,24vw,330px)!important;
  min-height:272px!important;
  animation:none!important;
}
.v4-project-marquee .v4-project-card:nth-child(even){
  margin-top:22px!important;
}
.v4-project-marquee .v4-project-card:nth-child(3n){
  border-color:rgba(37,208,160,.35)!important;
}
.v4-project-marquee .v4-project-card:nth-child(3n+1){
  border-color:rgba(34,211,238,.36)!important;
}
.v4-project-media{
  height:104px!important;
}
.v4-project-symbol:after{
  content:""!important;
  position:absolute!important;
  width:220px!important;
  height:46px!important;
  border-radius:50%!important;
  background:rgba(34,211,238,.10)!important;
  transform:rotate(-12deg)!important;
}
@keyframes projectRailPingpong{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(var(--project-travel),0,0)}
}
@media(max-width:900px){
  .v4-project-marquee{
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    mask-image:none!important;
    padding-bottom:18px!important;
  }
  .v4-project-marquee:before,
  .v4-project-marquee:after{
    display:none!important;
  }
  .v4-project-marquee .v4-project-grid{
    padding-inline:2px!important;
    animation:none!important;
  }
  .v4-project-marquee .v4-project-card{
    scroll-snap-align:center!important;
    flex-basis:min(320px,82vw)!important;
    width:min(320px,82vw)!important;
  }
}
@media(max-width:620px){
  .v4-projects{
    padding:34px 0 64px!important;
  }
  .v4-project-head{
    display:flex!important;
    flex-direction:column!important;
    align-items:flex-start!important;
  }
  .v4-project-marquee .v4-project-card:nth-child(even){
    margin-top:0!important;
  }
}

/* Services hero 3D globe orbit v62 */
.services-orbit{
  --orbit-radius:188px;
  position:relative!important;
  display:block!important;
  perspective:1000px!important;
  transform-style:preserve-3d!important;
  background:
    radial-gradient(circle at 34% 30%,rgba(125,181,255,.28),transparent 20%),
    radial-gradient(circle at 50% 50%,rgba(0,96,240,.18),rgba(0,16,60,.18) 44%,rgba(255,255,255,.03))!important;
  border-color:rgba(125,181,255,.18)!important;
  box-shadow:0 34px 100px rgba(0,96,240,.20),inset 0 0 50px rgba(34,211,238,.08)!important;
  animation:serviceGlobeFloat 7s ease-in-out infinite!important;
}
.services-orbit:before{
  content:""!important;
  position:absolute!important;
  inset:28px!important;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.16),transparent 18%),
    repeating-radial-gradient(ellipse at center,transparent 0 28px,rgba(125,181,255,.18) 29px 30px,transparent 31px 48px),
    repeating-linear-gradient(90deg,transparent 0 42px,rgba(125,181,255,.13) 43px 44px,transparent 45px 86px),
    linear-gradient(135deg,rgba(0,136,240,.16),rgba(34,211,238,.05))!important;
  border:1px solid rgba(125,181,255,.24)!important;
  box-shadow:inset -28px -12px 40px rgba(0,0,32,.36),inset 16px 0 24px rgba(34,211,238,.07)!important;
  transform:rotateX(63deg) rotateZ(0deg)!important;
  animation:serviceGlobeSpin 12s linear infinite!important;
}
.services-orbit:after{
  content:""!important;
  position:absolute!important;
  inset:44px 12px!important;
  border-radius:50%!important;
  border:1px solid rgba(125,181,255,.22)!important;
  border-inline-color:rgba(34,211,238,.42)!important;
  transform:rotateX(70deg) rotateZ(-18deg)!important;
  filter:drop-shadow(0 0 12px rgba(34,211,238,.18))!important;
  animation:serviceGlobeRing 8s linear infinite!important;
}
.services-orbit .orbit-core{
  z-index:4!important;
  inset:35%!important;
  border-radius:26px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 18px 55px rgba(0,96,240,.28),inset 0 1px 0 rgba(255,255,255,.75)!important;
  animation:serviceCorePulse 3.8s ease-in-out infinite!important;
}
.services-orbit span{
  z-index:5!important;
  transform:rotate(calc(var(--i)*60deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg))!important;
  animation:serviceOrbitAround 18s linear infinite!important;
  animation-delay:calc(var(--i)*-.18s)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.18)!important;
  backdrop-filter:blur(14px)!important;
}
.services-orbit span:before{
  content:""!important;
  position:absolute!important;
  inset:-7px!important;
  border-radius:22px!important;
  border:1px solid rgba(34,211,238,.16)!important;
  opacity:.7!important;
}
@keyframes serviceOrbitAround{
  to{
    transform:rotate(calc(var(--i)*60deg + 360deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg - 360deg))!important;
  }
}
@keyframes serviceGlobeSpin{
  from{transform:rotateX(63deg) rotateZ(0deg)}
  to{transform:rotateX(63deg) rotateZ(360deg)}
}
@keyframes serviceGlobeRing{
  from{transform:rotateX(70deg) rotateZ(-18deg)}
  to{transform:rotateX(70deg) rotateZ(342deg)}
}
@keyframes serviceGlobeFloat{
  0%,100%{translate:0 0}
  50%{translate:0 -10px}
}
@keyframes serviceCorePulse{
  0%,100%{transform:scale(1)}
  50%{transform:scale(1.035)}
}
@media(max-width:900px){
  .services-orbit{
    --orbit-radius:154px;
  }
}
@media(max-width:620px){
  .services-orbit{
    --orbit-radius:112px;
    display:block!important;
    width:min(100%,270px)!important;
    margin:28px auto 0!important;
  }
  .services-orbit span{
    width:46px!important;
    height:46px!important;
    margin:-23px!important;
    border-radius:14px!important;
    font-size:10px!important;
  }
  .services-orbit .orbit-core{
    inset:33%!important;
    border-radius:20px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .services-orbit,
  .services-orbit:before,
  .services-orbit:after,
  .services-orbit span,
  .services-orbit .orbit-core{
    animation:none!important;
  }
}

/* Orbit nodes spin around themselves v63 */
.services-orbit span{
  transform-style:preserve-3d!important;
  backface-visibility:visible!important;
  animation:serviceOrbitAndSelfSpin 18s linear infinite!important;
  animation-delay:calc(var(--i)*-.22s)!important;
}
.services-orbit span:after{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  border-radius:13px!important;
  border:1px solid rgba(255,255,255,.22)!important;
  transform:translateZ(-1px)!important;
  opacity:.7!important;
}
@keyframes serviceOrbitAndSelfSpin{
  0%{
    transform:rotate(calc(var(--i)*60deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg)) rotateZ(0deg) rotateY(0deg) rotateX(0deg)!important;
  }
  25%{
    transform:rotate(calc(var(--i)*60deg + 90deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg - 90deg)) rotateZ(180deg) rotateY(60deg) rotateX(7deg)!important;
  }
  50%{
    transform:rotate(calc(var(--i)*60deg + 180deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg - 180deg)) rotateZ(360deg) rotateY(0deg) rotateX(0deg)!important;
  }
  75%{
    transform:rotate(calc(var(--i)*60deg + 270deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg - 270deg)) rotateZ(540deg) rotateY(-60deg) rotateX(-7deg)!important;
  }
  100%{
    transform:rotate(calc(var(--i)*60deg + 360deg)) translateX(var(--orbit-radius)) rotate(calc(var(--i)*-60deg - 360deg)) rotateZ(720deg) rotateY(0deg) rotateX(0deg)!important;
  }
}

/* Make each orbit item visibly rotate around its own center v64 */
.services-orbit span{
  transform-origin:center center!important;
  animation-duration:16s!important;
}