*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101223;background:#fff;line-height:1.55}a{text-decoration:none;color:inherit}.container{width:min(1180px,calc(100% - 42px));margin:auto}.site-header{position:fixed;z-index:50;top:0;left:0;right:0;height:76px;padding:0 max(22px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(4,9,25,.72);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07);color:#fff}.brand{display:flex;flex-direction:column;line-height:.86;font-weight:900}.brand-mark{font-size:29px;letter-spacing:-2px;background:linear-gradient(90deg,#fff,#4c7cff,#8c2cff);-webkit-background-clip:text;color:transparent}.brand-sub{font-size:9px;letter-spacing:4px;margin-left:2px;margin-top:5px}.desktop-nav{display:flex;gap:26px;font-size:14px}.desktop-nav a{opacity:.82;transition:.2s}.desktop-nav a:hover{opacity:1;color:#7e75ff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:26px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:999px;background:linear-gradient(90deg,#7127ff,#1479ff,#00c9ff);color:#fff;font-weight:800;box-shadow:0 12px 34px rgba(79,54,255,.25);transition:.25s transform,.25s box-shadow}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(79,54,255,.34)}.btn-small{padding:10px 17px;font-size:13px}.btn-ghost{background:transparent;border:1px solid rgba(255,255,255,.38);box-shadow:none}.btn-light{background:#fff;color:#111a34;box-shadow:none}.hero{min-height:720px;padding:150px 0 110px;position:relative;overflow:hidden;background:radial-gradient(circle at 68% 40%,rgba(22,101,255,.24),transparent 31%),radial-gradient(circle at 52% 60%,rgba(120,36,255,.14),transparent 28%),linear-gradient(135deg,#040917,#07142b 58%,#030819);color:#fff}.hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;position:relative}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.12em;color:#7658ff;margin-bottom:14px}.hero h1,.split h2,.ai-band h2,.section-head h2,.ecosystem h2,.cta h2{margin:0;line-height:1.03;letter-spacing:-.04em}.hero h1{font-size:clamp(50px,6vw,78px);max-width:760px}.hero h1 span,.split h2 span,.ai-band h2 span,.section-head h2 span{background:linear-gradient(90deg,#7a4cff,#1b7cff,#00d2ff);-webkit-background-clip:text;color:transparent}.hero p{max-width:620px;color:#bdc5d8;font-size:18px}.chips{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0}.chips span{font-size:11px;letter-spacing:.08em;color:#dbe4ff}.hero-actions{display:flex;gap:12px}.orb-wrap{display:grid;place-items:center;min-height:450px}.orb{width:430px;aspect-ratio:1;border-radius:50%;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#0e4da8 0,#071f57 26%,rgba(0,96,255,.18) 45%,rgba(0,0,0,0) 67%);filter:drop-shadow(0 0 34px rgba(21,122,255,.45))}.orb:before,.orb:after{content:"";position:absolute;inset:18%;border-radius:50%;border:1px solid rgba(61,154,255,.6);box-shadow:inset 0 0 40px rgba(38,136,255,.22)}.orb:after{inset:6%;opacity:.55}.orb-core{font-size:68px;font-weight:950;letter-spacing:-5px;text-shadow:0 0 24px #1479ff}.orbit{position:absolute;border:1px solid rgba(52,159,255,.38);border-radius:50%}.orbit-1{width:95%;height:45%;transform:rotate(22deg)}.orbit-2{width:88%;height:52%;transform:rotate(-24deg)}.orbit-3{width:58%;height:100%;transform:rotate(70deg)}.node{position:absolute;padding:10px 13px;border-radius:14px;background:rgba(7,17,45,.75);border:1px solid rgba(74,168,255,.55);font-size:12px;text-align:center;box-shadow:0 0 24px rgba(0,118,255,.25)}.node small{opacity:.72}.n1{top:-6px}.n2{right:-35px;top:22%}.n3{left:-56px;top:26%}.n4{right:-40px;bottom:15%}.n5{left:-55px;bottom:18%}.services{margin-top:-60px;position:relative;z-index:5}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service-card{
background:#fff;
padding:28px 24px 22px;
border-radius:18px;
box-shadow:0 18px 60px rgba(30,40,80,.09);
border:1px solid #edf0f8;
min-height:250px;
transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease;
position:relative;
overflow:hidden;
cursor:pointer;
isolation:isolate;
display:flex;
flex-direction:column;
}
.service-card::before{
content:"";
position:absolute;
inset:0;
background:
radial-gradient(circle at 20% 15%,rgba(255,255,255,.22),transparent 22%),
linear-gradient(135deg,#7028ff 0%,#2868ff 52%,#00cfff 100%);
opacity:0;
transition:opacity .38s ease;
z-index:-3;
}
.service-card::after{
content:"";
position:absolute;
width:180%;
height:120px;
left:-160%;
top:34%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),rgba(255,255,255,.08),transparent);
transform:rotate(-18deg);
transition:left .85s cubic-bezier(.2,.8,.2,1);
z-index:-1;
filter:blur(2px);
}
.service-card:hover{
transform:translateY(-14px) scale(1.035);
box-shadow:0 30px 70px rgba(54,79,210,.28),0 0 34px rgba(0,207,255,.18);
border-color:rgba(77,111,255,.26);
}
.service-card:hover::before{opacity:1}
.service-card:hover::after{left:70%}
.service-card .flow-dot{
position:absolute;
width:8px;
height:8px;
border-radius:50%;
background:#8adfff;
box-shadow:0 0 12px #39bfff;
opacity:0;
z-index:0;
}
.service-card:hover .flow-dot{opacity:1}
.service-card .fd1{top:18%;left:-12px;animation:flow1 2.4s linear infinite}
.service-card .fd2{top:58%;left:-18px;animation:flow2 2.9s linear infinite .35s}
.service-card .fd3{bottom:18%;left:-15px;animation:flow3 2.6s linear infinite .7s}
@keyframes flow1{0%{transform:translateX(0) translateY(0);opacity:0}15%{opacity:1}100%{transform:translateX(260px) translateY(55px);opacity:0}}
@keyframes flow2{0%{transform:translateX(0) translateY(0);opacity:0}15%{opacity:1}100%{transform:translateX(280px) translateY(-70px);opacity:0}}
@keyframes flow3{0%{transform:translateX(0) translateY(0);opacity:0}15%{opacity:1}100%{transform:translateX(250px) translateY(-15px);opacity:0}}
.service-icon{
font-size:34px;
color:#4d6fff;
display:inline-block;
transition:transform .38s cubic-bezier(.2,.9,.2,1.2),color .3s ease,filter .3s ease;
}
.service-card:hover .service-icon{
color:#fff;
transform:translateY(-5px) scale(1.18) rotate(-6deg);
filter:drop-shadow(0 8px 12px rgba(0,0,0,.2));
}
.service-card h3{
font-size:21px;
line-height:1.15;
transition:color .35s ease,transform .35s ease;
}
.service-card p{
font-size:14px;
color:#73798a;
transition:color .35s ease,transform .35s ease;
}
.service-card:hover h3{color:#fff;transform:translateY(-2px)}
.service-card:hover p{color:rgba(255,255,255,.9);transform:translateY(-1px)}
.service-card a{
width:36px;
height:36px;
border-radius:50%;
display:grid;
place-items:center;
border:1px solid #e5e8f0;
color:#5e55ff;
background:#fff;
transition:transform .35s cubic-bezier(.2,.9,.2,1.2),background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease;
margin-top:auto;
margin-left:auto;
float:none;
flex:0 0 auto;
}
.service-card:hover a{
transform:translateX(5px) scale(1.15);
background:rgba(255,255,255,.17);
border-color:rgba(255,255,255,.55);
color:#fff;
box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.section-pad{padding:110px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.tech-visual{background:#050b1c;border-radius:28px;padding:24px;min-height:430px;display:grid;place-items:center;box-shadow:0 30px 80px rgba(10,35,95,.18)}.dashboard{width:100%;height:100%;min-height:380px;border-radius:18px;background:radial-gradient(circle at 60% 50%,rgba(31,112,255,.32),transparent 30%),linear-gradient(180deg,#09142d,#050a17);position:relative;padding:28px;color:#fff;overflow:hidden}.metric small{display:block;color:#8da3d3}.metric strong{font-size:32px}.metric em{display:block;color:#6bffaf;font-style:normal}.chart{position:absolute;right:30px;top:35px;width:47%;height:120px;display:flex;gap:10px;align-items:end}.chart i{flex:1;background:linear-gradient(#794cff,#00cfff);border-radius:8px 8px 2px 2px}.chart i:nth-child(1){height:35%}.chart i:nth-child(2){height:58%}.chart i:nth-child(3){height:48%}.chart i:nth-child(4){height:78%}.chart i:nth-child(5){height:67%}.chart i:nth-child(6){height:95%}.cube{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%);width:170px;aspect-ratio:1;border:1px solid rgba(75,162,255,.5);display:grid;place-items:center;text-align:center;font-size:44px;font-weight:900;box-shadow:0 0 50px rgba(16,118,255,.35),inset 0 0 40px rgba(18,89,255,.22);transform-style:preserve-3d}.cube span{display:block;font-size:10px;letter-spacing:.22em}.split h2,.section-head h2,.ecosystem h2{font-size:clamp(40px,4vw,58px)}.split-copy p{color:#6a7082}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0}.mini-features span{font-weight:700;font-size:14px;padding-left:15px;border-left:3px solid #4b76ff}.ai-band{background:linear-gradient(110deg,#040818,#07142b);color:#fff;padding:76px 0}.ai-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:14px;align-items:stretch}.ai-title{padding:16px}.ai-band h2{font-size:42px}.dark-card{padding:26px;border:1px solid rgba(92,130,255,.28);border-radius:18px;background:linear-gradient(180deg,rgba(23,49,108,.6),rgba(7,12,29,.9));min-height:220px;transition:.3s}.dark-card:hover{transform:translateY(-7px);border-color:#5a8cff}.dark-card b{font-size:20px}.dark-card p{color:#adb9d3;font-size:14px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.project-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.project-card{border:1px solid #e7eaf2;border-radius:18px;overflow:hidden;background:#fff;transition:.3s;box-shadow:0 14px 40px rgba(18,29,80,.04)}.project-card:hover{transform:translateY(-7px);box-shadow:0 22px 52px rgba(18,29,80,.1)}.project-art{height:170px;background:radial-gradient(circle at 70% 35%,rgba(61,141,255,.65),transparent 30%),linear-gradient(145deg,#07102a,#0c2c68);display:grid;place-items:center;color:#fff;font-weight:900;letter-spacing:.15em}.project-body{padding:22px}.project-body small,.project-body a{color:#6954ff}.project-body h3{line-height:1.2}.project-body p{font-size:14px;color:#72798b}.ecosystem{background:radial-gradient(circle at 70% 50%,rgba(22,112,255,.2),transparent 30%),linear-gradient(110deg,#050918,#07172e);color:#fff;padding:90px 0}.ecosystem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.ecosystem p{color:#aab8d4}.eco-visual{height:430px;position:relative;display:grid;place-items:center}.eco-visual:before{content:"";position:absolute;inset:12%;border-radius:50%;border:1px solid rgba(39,142,255,.34);box-shadow:0 0 60px rgba(17,108,255,.12)}.eco-core{width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#105ed4,#06163d 72%);font-size:40px;font-weight:900;box-shadow:0 0 44px rgba(32,129,255,.4)}.eco-core small{display:block;font-size:12px;letter-spacing:.15em;color:#0bd9ff}.eco{position:absolute;padding:10px 14px;border:1px solid rgba(78,160,255,.4);border-radius:999px;background:#071630;font-size:12px}.e1{top:5%;left:46%}.e2{top:18%;right:5%}.e3{top:50%;right:0}.e4{bottom:15%;right:12%}.e5{bottom:4%;left:47%}.e6{bottom:17%;left:12%}.e7{top:48%;left:0}.e8{top:18%;left:11%}.stats{margin-top:-26px;position:relative;z-index:4;background:#fff;border-radius:18px;box-shadow:0 16px 50px rgba(25,38,90,.1);display:grid;grid-template-columns:repeat(5,1fr);padding:26px}.stats div{text-align:center}.stats strong{display:block;font-size:30px;color:#2d6aff}.stats span{font-size:12px;color:#6c7386}.cta-wrap{padding:70px 0}.cta{padding:38px 44px;border-radius:22px;background:linear-gradient(110deg,#7127ff,#305dff,#00c7f3);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:40px}.cta p{margin-bottom:0;color:#e8efff}footer{background:#040717;color:#fff;padding:70px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand{display:inline-flex}.footer-grid p,.footer-grid a{display:block;color:#95a0bd;font-size:14px;margin:8px 0}.footer-grid h4{margin-top:0}.copyright{margin-top:50px;padding-top:18px;border-top:1px solid rgba(255,255,255,.08);color:#76819d;font-size:12px}
@media(max-width:980px){.desktop-nav{display:none}.menu-toggle{display:block}.site-header>.btn-small{display:none}.hero{padding-top:120px}.hero-inner,.split,.ecosystem-grid{grid-template-columns:1fr}.orb-wrap{min-height:380px}.service-grid{grid-template-columns:repeat(2,1fr)}.ai-grid{grid-template-columns:1fr 1fr}.ai-title{grid-column:1/-1}.project-grid{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(3,1fr);gap:20px}.footer-grid{grid-template-columns:1fr 1fr}.cta{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.container{width:min(100% - 28px,1180px)}.hero{min-height:auto;padding-bottom:90px}.hero h1{font-size:47px}.hero p{font-size:16px}.orb{width:min(92vw,360px)}.node{font-size:10px}.services{margin-top:-35px}.service-grid,.project-grid,.ai-grid,.footer-grid{grid-template-columns:1fr}.section-pad{padding:76px 0}.mini-features{grid-template-columns:1fr}.section-head{align-items:flex-start;flex-direction:column}.stats{grid-template-columns:1fr 1fr;padding:20px}.cta{padding:28px}.cta h2{font-size:32px}.orb-wrap{min-height:340px}.site-header{height:68px}.hero-actions{flex-direction:column;align-items:flex-start}}
/* 4T4 - 7 hizmet kartı: 4 + 3 dengeli yerleşim */
@media (min-width:1001px){
.service-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}
.service-grid .service-card{grid-column:span 3}
.service-grid .service-card:nth-child(5){grid-column:2 / span 3}
.service-grid .service-card:nth-child(6){grid-column:5 / span 3}
.service-grid .service-card:nth-child(7){grid-column:8 / span 3}
}
@media (max-width:1000px) and (min-width:651px){
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-grid .service-card{grid-column:auto}
}
@media (max-width:650px){
.service-grid{grid-template-columns:1fr;gap:16px}
.service-grid .service-card{grid-column:auto}
}
/* === 4T4 v5: eşit hizalı kartlar + yukarıdan aşağı yavaş dijital dolum === */
.service-grid{
align-items:stretch;
}
.service-card{
min-height:330px;
height:100%;
display:flex;
flex-direction:column;
position:relative;
overflow:hidden;
isolation:isolate;
}
.service-card::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(180deg,#6f2cff 0%,#2868ff 48%,#00cfff 100%);
opacity:1;
transform:scaleY(0);
transform-origin:top center;
transition:transform 1.05s cubic-bezier(.22,.7,.15,1);
z-index:-3;
}
.service-card::after{
content:"";
position:absolute;
left:0;
top:-8%;
width:100%;
height:26%;
background:linear-gradient(180deg,rgba(255,255,255,.30),rgba(255,255,255,.08),transparent);
opacity:0;
transform:translateY(-120%);
transition:transform 1.05s cubic-bezier(.22,.7,.15,1),opacity .28s ease;
z-index:-2;
pointer-events:none;
}
.service-card:hover{
transform:translateY(-10px);
box-shadow:0 28px 70px rgba(41,87,216,.26),0 0 28px rgba(0,207,255,.15);
}
.service-card:hover::before{
transform:scaleY(1);
}
.service-card:hover::after{
opacity:1;
transform:translateY(400%);
}
.service-card .service-icon{
flex:0 0 auto;
}
.service-card h3{
min-height:52px;
margin:22px 0 14px;
display:flex;
align-items:flex-start;
}
.service-card p{
margin:0;
min-height:112px;
flex:1 1 auto;
}
.service-card a{
margin-top:24px;
margin-left:auto;
flex:0 0 auto;
width:38px;
height:38px;
align-self:flex-end;
}
.service-card:hover .service-icon,
.service-card:hover h3,
.service-card:hover p,
.service-card:hover a{
transition-delay:.18s;
}
@media (min-width:1001px){
.service-grid{
grid-template-columns:repeat(7,minmax(0,1fr)) !important;
gap:18px;
}
.service-grid .service-card,
.service-grid .service-card:nth-child(5),
.service-grid .service-card:nth-child(6),
.service-grid .service-card:nth-child(7){
grid-column:auto !important;
}
}
@media (max-width:1300px) and (min-width:1001px){
.service-grid{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
}
@media (max-width:1000px) and (min-width:651px){
.service-grid{
grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}
}
@media (max-width:650px){
.service-grid{
grid-template-columns:1fr !important;
}
.service-card{
min-height:300px;
}
}
/* === 4T4 v6: hizmet kartı tipografi ve metin dengesi === */
.service-card{
padding:26px 24px 22px;
}
.service-card .service-icon{
font-size:30px;
line-height:1;
}
.service-card h3{
font-size:18px;
line-height:1.18;
letter-spacing:-.25px;
min-height:44px;
margin:20px 0 12px;
font-weight:750;
}
.service-card p{
font-size:13px;
line-height:1.65;
min-height:105px;
color:#778094;
}
.service-card a{
width:36px;
height:36px;
font-size:14px;
}
@media (max-width:650px){
.service-card h3{font-size:18px;min-height:auto}
.service-card p{font-size:13px;min-height:auto}
}
/* === 4T4 v7: 3 sahneli hero slider + modern dijital orbit etiketleri === */
.hero{position:relative;min-height:720px;padding:0;display:block}
.hero-slider{position:relative;min-height:720px}
.hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(36px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.2,1),visibility .9s;display:flex;align-items:center;padding:150px 0 105px}
.hero-slide.active{opacity:1;visibility:visible;transform:translateX(0);z-index:3}
.hero-slide .hero-inner{width:min(1180px,calc(100% - 42px));margin:auto}
.hero-controls{position:absolute;z-index:8;left:50%;bottom:88px;transform:translateX(-50%);display:flex;gap:10px;padding:8px 12px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(4,11,30,.45);backdrop-filter:blur(14px)}
.hero-dot{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.28);cursor:pointer;transition:.35s}
.hero-dot.active{width:34px;border-radius:999px;background:linear-gradient(90deg,#7a38ff,#2d75ff,#00ceff);box-shadow:0 0 18px rgba(0,191,255,.55)}
.digital-orb{overflow:visible}
.digital-orb .orb-core{position:relative;z-index:5;animation:corePulse 2.8s ease-in-out infinite}
@keyframes corePulse{0%,100%{filter:drop-shadow(0 0 12px rgba(44,132,255,.55));transform:scale(1)}50%{filter:drop-shadow(0 0 32px rgba(0,210,255,.85));transform:scale(1.055)}}
.orb-halo{position:absolute;inset:23%;border-radius:50%;border:1px solid rgba(70,168,255,.18);box-shadow:0 0 35px rgba(28,125,255,.15);animation:haloPulse 3.2s ease-in-out infinite}
.orb-halo.h2{inset:14%;animation-delay:.7s}.orb-halo.h3{inset:5%;animation-delay:1.4s}
@keyframes haloPulse{0%,100%{opacity:.18;transform:scale(.94)}50%{opacity:.7;transform:scale(1.04)}}
.digital-orb .node{
min-width:116px;
padding:10px 14px 10px 30px;
border-radius:15px;
background:linear-gradient(135deg,rgba(7,23,61,.82),rgba(7,36,86,.62));
border:1px solid rgba(67,163,255,.55);
box-shadow:0 0 26px rgba(0,111,255,.18),inset 0 0 16px rgba(86,153,255,.08);
font-size:11px;font-weight:800;letter-spacing:.02em;text-align:left;
backdrop-filter:blur(12px);
transform:none;
animation:nodeFloat 4.4s ease-in-out infinite;
}
.digital-orb .node:nth-of-type(2){animation-delay:.35s}
.digital-orb .node:nth-of-type(3){animation-delay:.7s}
.digital-orb .node:nth-of-type(4){animation-delay:1.05s}
.digital-orb .node:nth-of-type(5){animation-delay:1.4s}
.digital-orb .node i{position:absolute;left:12px;top:50%;width:8px;height:8px;border-radius:50%;background:#2ec8ff;box-shadow:0 0 12px #2ec8ff;transform:translateY(-50%);animation:signal 1.6s ease-in-out infinite}
.digital-orb .node small{display:block;margin-top:2px;font-size:9px;color:#8edcff;opacity:.95}
@keyframes nodeFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes signal{0%,100%{opacity:.45;box-shadow:0 0 5px #2ec8ff}50%{opacity:1;box-shadow:0 0 18px #2ec8ff}}
.digital-orb .orbit{box-shadow:0 0 14px rgba(0,147,255,.08)}
.nebim-orb{background:radial-gradient(circle,#0b65cf 0,#072357 27%,rgba(0,111,255,.18) 47%,rgba(0,0,0,0) 68%)}
.ecommerce-orb{background:radial-gradient(circle,#5e36d9 0,#12235b 27%,rgba(0,151,255,.19) 47%,rgba(0,0,0,0) 68%)}
.hero-slide .hero-copy,.hero-slide .orb-wrap{transition:transform .9s ease,opacity .9s ease}
.hero-slide:not(.active) .hero-copy{transform:translateX(-25px);opacity:.3}
.hero-slide:not(.active) .orb-wrap{transform:translateX(25px) scale(.97);opacity:.25}
@media(max-width:980px){
.hero,.hero-slider{min-height:1040px}
.hero-slide{padding-top:120px;align-items:flex-start}
.hero-slide .hero-inner{grid-template-columns:1fr}
.hero-controls{bottom:55px}
}
@media(max-width:620px){
.hero,.hero-slider{min-height:1010px}
.hero-slide{padding:112px 0 80px}
.hero-slide .hero-inner{width:min(100% - 28px,1180px)}
.hero-controls{bottom:38px}
.digital-orb .node{min-width:100px;padding:8px 10px 8px 25px;font-size:9px}
.digital-orb .node i{left:9px}
}
/* === 4T4 v8: profesyonel hero varyasyonları + 8 kart 4x2 === */
/* Hero metin ve buton güvenli alanı */
.hero-slide .hero-copy{position:relative;z-index:6;max-width:650px}
.hero-slide .hero-copy p{max-width:620px}
.hero-actions{position:relative;z-index:10;margin-top:28px;display:flex;flex-wrap:wrap;gap:12px}
.hero-actions .btn{margin:0}
.hero-slide .chips{position:relative;z-index:7;margin-top:24px}
.hero-slide .orb-wrap{position:relative;z-index:2}
/* Slide 2 / Nebim V3: veri konsolu */
.nebim-visual{display:flex;align-items:center;justify-content:center}
.v3-console{width:470px;height:430px;position:relative;border:1px solid rgba(55,143,255,.30);border-radius:30px;background:linear-gradient(145deg,rgba(7,25,61,.82),rgba(4,10,28,.55));box-shadow:0 30px 90px rgba(0,83,220,.20),inset 0 0 60px rgba(23,99,255,.08);backdrop-filter:blur(14px);overflow:hidden}
.console-top{height:48px;border-bottom:1px solid rgba(96,155,255,.18);display:flex;align-items:center;gap:7px;padding:0 18px;color:#7fa9e9;font-size:9px;letter-spacing:1.5px}
.console-top span{width:7px;height:7px;border-radius:50%;background:#2678ff;box-shadow:0 0 10px #2678ff}.console-top b{margin-left:auto}
.console-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:145px;height:145px;border-radius:28px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#113d91,#071a48);border:1px solid rgba(73,166,255,.65);box-shadow:0 0 50px rgba(0,119,255,.35)}
.console-core strong{font-size:55px}.console-core small{font-size:8px;letter-spacing:3px;color:#42d9ff}
.v3-module{position:absolute;padding:10px 13px;border-radius:10px;background:rgba(8,29,69,.88);border:1px solid rgba(67,145,255,.38);font-size:9px;font-weight:800;letter-spacing:.6px;color:#dceaff;animation:modulePulse 3s ease-in-out infinite}
.v3-module i{display:inline-block;width:5px;height:5px;margin-left:8px;border-radius:50%;background:#32d5ff;box-shadow:0 0 10px #32d5ff}
.vm1{left:24px;top:95px}.vm2{right:24px;top:105px;animation-delay:.4s}.vm3{left:30px;bottom:75px;animation-delay:.8s}.vm4{right:28px;bottom:72px;animation-delay:1.2s}.vm5{left:50%;bottom:18px;transform:translateX(-50%);animation-delay:1.6s}
.data-rail{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#238aff,#39dcff,transparent);transform-origin:left;animation:dataRail 2.2s ease-in-out infinite}.rail-a{width:270px;left:85px;top:160px;transform:rotate(18deg)}.rail-b{width:290px;left:80px;top:280px;transform:rotate(-16deg);animation-delay:.6s}.rail-c{width:230px;left:120px;top:215px;animation-delay:1.1s}
@keyframes modulePulse{0%,100%{box-shadow:0 0 0 rgba(0,130,255,0)}50%{box-shadow:0 0 22px rgba(0,130,255,.22)}}
@keyframes dataRail{0%,100%{opacity:.2}50%{opacity:1}}
/* Slide 3 / E-Ticaret: dijital satış ağı */
.commerce-visual{display:flex;align-items:center;justify-content:center}
.commerce-stage{width:500px;height:440px;position:relative}
.commerce-phone{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);width:210px;height:350px;border-radius:34px;padding:10px;background:linear-gradient(150deg,#16285e,#07122e);border:1px solid rgba(78,154,255,.55);box-shadow:0 35px 90px rgba(0,82,220,.28)}
.phone-bar{width:60px;height:5px;border-radius:5px;background:#29467d;margin:4px auto 12px}
.phone-screen{height:310px;border-radius:25px;background:radial-gradient(circle at 50% 35%,rgba(82,47,255,.55),transparent 32%),linear-gradient(160deg,#071b4a,#090b27);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(77,121,255,.22)}
.phone-screen span{font-size:42px;font-weight:900;background:linear-gradient(90deg,#8c4cff,#18cfff);-webkit-background-clip:text;color:transparent}.phone-screen strong{font-size:11px;letter-spacing:2px;margin-top:10px}.phone-screen small{font-size:7px;color:#6fdfff;letter-spacing:1.5px;margin-top:7px}
.commerce-tile{position:absolute;width:145px;padding:13px 14px;border-radius:14px;background:rgba(7,21,54,.88);border:1px solid rgba(80,150,255,.38);box-shadow:0 15px 35px rgba(0,70,190,.15);font-size:9px;font-weight:800;letter-spacing:.5px;animation:commerceFloat 4s ease-in-out infinite}
.commerce-tile b{display:block;color:#36d4ff;font-size:8px;margin-bottom:5px}.ct1{left:0;top:72px}.ct2{right:0;top:95px;animation-delay:.5s}.ct3{left:10px;bottom:70px;animation-delay:1s}.ct4{right:0;bottom:60px;animation-delay:1.5s}
.commerce-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#6a4cff,#22d5ff,transparent);opacity:.65}.cl1{width:170px;left:115px;top:135px;transform:rotate(15deg)}.cl2{width:175px;right:110px;top:160px;transform:rotate(-12deg)}.cl3{width:170px;left:115px;bottom:130px;transform:rotate(-17deg)}.cl4{width:180px;right:100px;bottom:120px;transform:rotate(14deg)}
@keyframes commerceFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
/* 8 hizmet: masaüstünde tam 4 x 2 kare düzen */
@media (min-width:1001px){
.service-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:20px !important}
.service-grid .service-card,
.service-grid .service-card:nth-child(5),
.service-grid .service-card:nth-child(6),
.service-grid .service-card:nth-child(7),
.service-grid .service-card:nth-child(8){grid-column:auto !important}
.service-card{min-height:285px !important;aspect-ratio:1/1;height:auto !important}
}
@media (max-width:1000px) and (min-width:651px){
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
.service-card{aspect-ratio:auto;min-height:290px}
}
@media(max-width:980px){
.v3-console,.commerce-stage{transform:scale(.86)}
}
/* === 4T4 v9: profesyonel iki katmanlı üst menü === */
.topbar{
height:44px;
background:#fff;
border-bottom:1px solid #eef1f6;
color:#687087;
position:relative;
z-index:80;
}
.topbar-inner{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
}
.topbar-info{
margin-left:auto;
height:100%;
display:flex;
align-items:center;
gap:18px;
font-size:12px;
font-weight:600;
}
.topbar-info a,.topbar-info span{display:flex;align-items:center;gap:7px}
.top-ico{color:#5368ff;font-size:14px}
.top-sep{width:1px;height:18px;background:#dfe4ee}
.top-socials{display:flex;align-items:center;gap:10px}
.top-socials a{color:#a2a8b6;font-weight:800;transition:.25s}
.top-socials a:hover{color:#3b63ff;transform:translateY(-2px)}
.site-header{
position:sticky;
top:0;
height:84px;
padding:0;
background:#fff;
color:#101428;
backdrop-filter:none;
border-bottom:1px solid #e9edf4;
box-shadow:0 8px 24px rgba(22,34,70,.05);
}
.nav-shell{
width:100%;
height:100%;
display:grid;
grid-template-columns:285px 1fr auto;
align-items:center;
}
.brand-panel{
align-self:stretch;
position:relative;
overflow:hidden;
display:flex;
flex-direction:column;
justify-content:center;
padding:0 38px;
background:linear-gradient(110deg,#2468ff 0%,#4f3dff 50%,#7a18ff 100%);
color:#fff;
clip-path:polygon(0 0,82% 0,100% 100%,0 100%);
}
.brand-panel::after{
content:"";
position:absolute;
right:38px;
top:17px;
width:58px;height:58px;
border-radius:50%;
background:
radial-gradient(circle at 50% 50%,rgba(255,255,255,.9) 1.4px,transparent 1.6px);
background-size:8px 8px;
opacity:.22;
transform:rotate(18deg);
}
.brand-panel .brand-mark{
font-size:31px;
line-height:.9;
letter-spacing:-2px;
color:#fff;
background:none;
-webkit-background-clip:initial;
}
.brand-panel .brand-sub{font-size:8px;letter-spacing:4px;color:#fff;margin-top:7px}
.brand-panel small{font-size:10px;opacity:.78;margin-top:5px;letter-spacing:.02em}
.desktop-nav{
height:100%;
display:flex;
align-items:center;
gap:26px;
padding-left:38px;
font-size:13px;
font-weight:750;
}
.desktop-nav a{
height:100%;
display:flex;
align-items:center;
gap:5px;
color:#171b31;
opacity:1;
position:relative;
transition:.25s;
}
.desktop-nav a::after{
content:"";
position:absolute;
left:0;right:0;bottom:0;
height:3px;
background:linear-gradient(90deg,#5a4cff,#1f7dff);
transform:scaleX(0);
transform-origin:left;
transition:transform .25s ease;
}
.desktop-nav a:hover,.desktop-nav a.active{color:#305fff}
.desktop-nav a:hover::after,.desktop-nav a.active::after{transform:scaleX(1)}
.chev{font-size:12px;color:#70788c}
.nav-tools{
height:100%;
display:flex;
align-items:center;
margin-left:auto;
}
.search-btn{
width:70px;
height:100%;
border:0;
border-left:1px solid #e8ebf2;
border-right:1px solid #e8ebf2;
background:#fff;
color:#68748e;
font-size:27px;
cursor:pointer;
transition:.25s;
}
.search-btn:hover{background:#f7f9ff;color:#365fff}
.lang{
height:100%;
min-width:106px;
display:flex;
align-items:center;
justify-content:center;
gap:7px;
color:#6d7690;
font-size:12px;
font-weight:750;
}
.lang b{font-size:10px}
.quote-btn{
margin-right:18px;
padding:13px 19px;
border-radius:999px;
color:#fff;
background:linear-gradient(90deg,#7028ff,#2868ff,#00bfff);
font-size:12px;
font-weight:850;
box-shadow:0 10px 28px rgba(68,75,255,.23);
transition:.28s;
}
.quote-btn span{margin-left:8px}
.quote-btn:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(68,75,255,.32)}
.menu-toggle{display:none}
.hero{margin-top:0}
@media(max-width:1180px){
.nav-shell{grid-template-columns:240px 1fr auto}
.brand-panel{padding-left:28px}
.desktop-nav{gap:16px;padding-left:24px;font-size:12px}
.lang{display:none}
}
@media(max-width:980px){
.topbar{display:none}
.site-header{height:72px}
.nav-shell{grid-template-columns:210px 1fr auto}
.desktop-nav{display:none}
.nav-tools{display:none}
.menu-toggle{
display:block;
margin-right:18px;
border:0;
background:#f3f6ff;
color:#253456;
width:42px;height:42px;
border-radius:11px;
font-size:22px;
}
.brand-panel{clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}
}
@media(max-width:520px){
.nav-shell{grid-template-columns:185px 1fr auto}
.brand-panel{padding-left:20px}
.brand-panel .brand-mark{font-size:27px}
.brand-panel small{display:none}
}
/* === 4T4 v10: 3 bannerı aynı hizada yukarı taşı === */
.hero,
.hero-slider{
min-height:650px !important;
}
.hero-slide{
align-items:flex-start !important;
padding-top:78px !important;
padding-bottom:105px !important;
}
.hero-slide .hero-inner{
align-items:center !important;
}
.hero-slide .hero-copy{
align-self:center;
transform:translateY(-18px);
}
.hero-slide.active .hero-copy{
transform:translateY(-18px) !important;
}
.hero-slide .orb-wrap,
.hero-slide.active .orb-wrap{
align-self:center;
transform:translateY(-18px);
}
.hero-slide.active .nebim-visual,
.hero-slide.active .commerce-visual{
transform:translateY(-18px) !important;
}
.hero-controls{
bottom:54px !important;
}
/* Metinlerin kartların arkasında kalmaması için daha kompakt dikey ritim */
.hero-copy h1{
margin-top:18px;
margin-bottom:18px;
line-height:.98;
}
.hero-copy p{
margin-top:0;
margin-bottom:16px;
line-height:1.55;
}
.hero-slide .chips{
margin-top:16px !important;
}
.hero-actions{
margin-top:20px !important;
}
/* Hizmet kartlarını banner metninden ayır */
.services,
.service-section{
position:relative;
z-index:10;
}
@media(max-width:980px){
.hero,.hero-slider{min-height:990px !important}
.hero-slide{padding-top:58px !important}
.hero-slide .hero-copy,
.hero-slide.active .hero-copy{transform:none !important}
.hero-slide .orb-wrap,
.hero-slide.active .orb-wrap,
.hero-slide.active .nebim-visual,
.hero-slide.active .commerce-visual{transform:none !important}
}
/* === 4T4 v11: hero yerleşim düzeltmesi — içerik artık kartların arkasına girmez === */
/* Önceki -60px kart bindirmesini kontrollü hale getir */
.services{
margin-top:-22px !important;
position:relative;
z-index:10;
}
/* Üç banner için ortak, sabit profesyonel çalışma alanı */
.hero,
.hero-slider{
min-height:780px !important;
height:780px !important;
}
.hero-slide{
top:0;
bottom:0;
min-height:780px !important;
padding:62px 0 118px !important;
align-items:center !important;
}
.hero-slide .hero-inner{
min-height:600px;
align-items:center !important;
grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);
gap:64px;
}
/* Önceki translate değerlerini iptal et: bütün slaytlar gerçek grid hizasında */
.hero-slide .hero-copy,
.hero-slide.active .hero-copy{
align-self:center !important;
transform:none !important;
margin:0 !important;
padding:0 0 24px !important;
max-width:670px;
}
.hero-slide .orb-wrap,
.hero-slide.active .orb-wrap,
.hero-slide.active .nebim-visual,
.hero-slide.active .commerce-visual{
align-self:center !important;
transform:none !important;
margin:0 !important;
}
/* Üç sahnede tipografik ritim aynı */
.hero-slide .hero-copy .eyebrow{
margin:0 0 20px !important;
}
.hero-slide .hero-copy h1{
font-size:clamp(54px,4.1vw,70px) !important;
line-height:.98 !important;
letter-spacing:-.045em !important;
margin:0 0 20px !important;
max-width:670px;
}
.hero-slide .hero-copy p{
font-size:16px !important;
line-height:1.58 !important;
margin:0 0 18px !important;
max-width:625px;
}
.hero-slide .chips{
margin:0 0 22px !important;
min-height:20px;
}
.hero-slide .hero-actions{
display:flex !important;
align-items:center;
flex-wrap:wrap;
gap:12px !important;
margin:0 !important;
min-height:52px;
position:relative;
z-index:20;
}
/* Slider noktaları bannerın içinde, kartlardan uzakta */
.hero-controls{
bottom:40px !important;
z-index:30 !important;
}
/* Sağ görsellerin 3 slaytta aynı görsel merkezde kalması */
.hero-slide .orb-wrap{
min-height:520px !important;
display:flex;
align-items:center;
justify-content:center;
}
.v3-console{
width:450px !important;
height:410px !important;
}
.commerce-stage{
width:480px !important;
height:420px !important;
}
/* Büyük masaüstünde dahi içerik aşağı uzamasın */
@media(min-width:1400px){
.hero-slide .hero-inner{min-height:610px}
}
/* Tablet */
@media(max-width:1100px){
.hero,
.hero-slider{
min-height:820px !important;
height:820px !important;
}
.hero-slide{
min-height:820px !important;
padding:56px 0 105px !important;
}
.hero-slide .hero-inner{
grid-template-columns:minmax(0,1fr) minmax(350px,.8fr);
gap:32px;
}
.hero-slide .hero-copy h1{
font-size:clamp(48px,5vw,62px) !important;
}
.v3-console,.commerce-stage{scale:.88}
}
/* Mobil: kartlarla bindirme tamamen kapalı */
@media(max-width:980px){
.hero,
.hero-slider{
min-height:1120px !important;
height:1120px !important;
}
.hero-slide{
min-height:1120px !important;
padding:54px 0 115px !important;
align-items:flex-start !important;
}
.hero-slide .hero-inner{
min-height:930px;
grid-template-columns:1fr !important;
gap:22px;
}
.hero-slide .hero-copy{
padding-bottom:0 !important;
}
.hero-slide .orb-wrap{
min-height:400px !important;
}
.services{margin-top:0 !important}
.hero-controls{bottom:34px !important}
}
@media(max-width:620px){
.hero,
.hero-slider{
min-height:1080px !important;
height:1080px !important;
}
.hero-slide{
min-height:1080px !important;
padding:40px 0 100px !important;
}
.hero-slide .hero-copy h1{
font-size:44px !important;
}
.hero-slide .hero-copy p{
font-size:15px !important;
}
.hero-slide .hero-actions{
align-items:flex-start;
flex-direction:column;
}
}
/* === 4T4 v12: resmi logo sistemi === */
.brand-panel{
padding:12px 42px 12px 28px !important;
}
.brand-panel::after{display:none !important}
.brand-panel .official-logo{
display:block;
width:165px;
max-width:78%;
height:auto;
object-fit:contain;
object-position:left center;
filter:brightness(0) invert(1);
}
.official-4t4-logo{
display:block;
width:auto;
max-width:100%;
height:auto;
object-fit:contain;
}
@media(max-width:980px){
.brand-panel .official-logo{width:145px}
}
@media(max-width:520px){
.brand-panel .official-logo{width:132px;max-width:82%}
}
/* === 4T4 v13: Orijinal logo renklerini koru + kurumsal marka tipografisi === */
/* Header logo paneli: logonun kendi gri/mavi renkleri aynen korunur */
.brand-panel{
background:
linear-gradient(112deg,#ffffff 0%,#ffffff 70%,#f2f6ff 70%,#e8f0ff 100%) !important;
border-right:1px solid #e6ebf4;
box-shadow:inset -16px 0 26px rgba(42,91,178,.04);
clip-path:polygon(0 0,84% 0,100% 100%,0 100%);
}
.brand-panel::before{
content:"";
position:absolute;
right:0;
top:0;
bottom:0;
width:38px;
background:linear-gradient(180deg,#245eac,#3778ce);
opacity:.10;
transform:skewX(-18deg) translateX(10px);
transform-origin:top;
}
.brand-panel .official-logo{
width:172px !important;
max-width:76% !important;
height:auto !important;
filter:none !important;
opacity:1 !important;
mix-blend-mode:normal !important;
object-fit:contain;
object-position:left center;
position:relative;
z-index:2;
}
/* Footer için de orijinal logo; koyu zeminde beyaz kutu/ışık ile okunabilirlik */
.footer-logo-wrap{
display:inline-flex;
align-items:center;
justify-content:center;
padding:9px 13px;
border-radius:14px;
background:linear-gradient(135deg,#ffffff,#f4f7fb);
border:1px solid rgba(255,255,255,.12);
box-shadow:0 10px 30px rgba(0,0,0,.18);
margin-bottom:14px;
}
.official-footer-logo{
display:block;
width:150px;
height:auto;
filter:none;
}
/* 4T4 yazı kimliği: banner, çekirdek, ekosistem vb. her yerde aynı karakter */
.brand-4t4-text,
.orb-core.brand-4t4-text,
.phone-screen .brand-4t4-text,
.eco-core .brand-4t4-text{
font-family:"Arial Black","Segoe UI Black","Helvetica Neue",Arial,sans-serif !important;
font-weight:950 !important;
font-style:italic;
letter-spacing:-.095em !important;
transform:skewX(-7deg);
display:inline-block;
line-height:.9;
text-transform:uppercase;
}
/* 4T4 genel hero çekirdeği */
.orb-core.brand-4t4-text{
font-size:66px !important;
background:linear-gradient(100deg,#ffffff 0%,#dce8ff 34%,#4c8ee8 72%,#245eac 100%);
-webkit-background-clip:text;
background-clip:text;
color:transparent !important;
text-shadow:none !important;
filter:drop-shadow(0 0 18px rgba(45,117,220,.65));
}
/* E-Ticaret ekranındaki 4T4 */
.phone-screen .brand-4t4-text{
font-size:42px !important;
background:linear-gradient(100deg,#7e4dff,#257cff,#00cfff);
-webkit-background-clip:text;
background-clip:text;
color:transparent !important;
}
/* Ekosistem çekirdeğindeki 4T4 */
.eco-core .brand-4t4-text{
font-size:38px;
color:#fff;
text-shadow:0 0 18px rgba(38,132,255,.65);
}
/* Üst menü mobilde logo oranını bozma */
@media(max-width:980px){
.brand-panel .official-logo{width:154px !important;max-width:78% !important}
}
@media(max-width:520px){
.brand-panel .official-logo{width:138px !important;max-width:82% !important}
}
/* === 4T4 v14: SEO odaklı mega menü + profesyonel navigasyon === */
.desktop-nav{
position:relative;
overflow:visible;
}
.nav-item{
height:100%;
display:flex;
align-items:center;
position:relative;
}
.nav-item > a{
height:100%;
display:flex;
align-items:center;
gap:5px;
}
.has-dropdown .dropdown-menu,
.has-mega .mega-menu{
position:absolute;
top:calc(100% + 1px);
opacity:0;
visibility:hidden;
pointer-events:none;
transform:translateY(14px);
transition:opacity .24s ease,transform .24s ease,visibility .24s;
z-index:200;
}
.has-dropdown:hover .dropdown-menu,
.has-dropdown:focus-within .dropdown-menu,
.has-mega:hover .mega-menu,
.has-mega:focus-within .mega-menu{
opacity:1;
visibility:visible;
pointer-events:auto;
transform:translateY(0);
}
.dropdown-menu{
left:-18px;
width:240px;
padding:10px;
background:#fff;
border:1px solid #e8edf6;
border-radius:0 0 16px 16px;
box-shadow:0 24px 55px rgba(14,31,76,.14);
}
.dropdown-menu a{
height:auto !important;
padding:11px 13px;
border-radius:10px;
color:#394158 !important;
font-size:12px;
font-weight:700;
}
.dropdown-menu a::after{display:none !important}
.dropdown-menu a:hover{
color:#2c63ff !important;
background:#f4f7ff;
}
.mega-menu{
left:-210px;
width:min(850px,78vw);
display:grid;
grid-template-columns:245px 1fr;
gap:18px;
padding:18px;
background:#fff;
border:1px solid #e8edf6;
border-radius:0 0 22px 22px;
box-shadow:0 28px 65px rgba(14,31,76,.16);
}
.mega-intro{
padding:22px;
border-radius:16px;
background:
radial-gradient(circle at 85% 10%,rgba(49,156,255,.22),transparent 30%),
linear-gradient(145deg,#081733,#0b2557);
color:#fff;
}
.mega-intro small{
color:#58b9ff;
font-size:9px;
font-weight:900;
letter-spacing:1.3px;
}
.mega-intro strong{
display:block;
margin-top:12px;
font-size:20px;
line-height:1.2;
}
.mega-intro p{
margin:12px 0 18px;
color:#aebbd4;
font-size:12px;
line-height:1.6;
}
.mega-all{
display:inline-flex !important;
height:auto !important;
color:#fff !important;
font-size:11px !important;
font-weight:850 !important;
}
.mega-all::after{display:none !important}
.mega-links{
display:grid;
grid-template-columns:1fr 1fr;
gap:7px;
}
.mega-links a{
height:auto !important;
display:block !important;
padding:13px 14px;
border-radius:12px;
border:1px solid transparent;
transition:.22s;
}
.mega-links a::after{display:none !important}
.mega-links a:hover{
background:#f7f9ff;
border-color:#e8edff;
transform:translateY(-1px);
}
.mega-links b{
display:block;
color:#161d35;
font-size:12px;
margin-bottom:4px;
}
.mega-links span{
display:block;
color:#7b8498;
font-size:10px;
line-height:1.4;
}
.seo-anchor{
width:1px;
height:1px;
overflow:hidden;
}
/* Klavye erişilebilirliği */
.desktop-nav a:focus-visible,
.quote-btn:focus-visible,
.search-btn:focus-visible{
outline:2px solid #2f7cff;
outline-offset:3px;
}
/* Aktif menü daha kurumsal */
.desktop-nav > a.active{
font-weight:850;
}
@media(max-width:1180px){
.desktop-nav{gap:14px !important}
.mega-menu{left:-170px;width:760px}
}
/* === 4T4 v15: çözüm detay sayfaları === */
.solution-page{background:#fff;color:#111528}
.solution-page .site-header{position:sticky}
.solution-hero{
position:relative;
overflow:hidden;
padding:105px 0 90px;
background:
radial-gradient(circle at 78% 42%,rgba(31,119,255,.24),transparent 30%),
radial-gradient(circle at 58% 72%,rgba(105,39,255,.15),transparent 34%),
linear-gradient(135deg,#040918,#07162f 58%,#040918);
color:#fff;
}
.solution-hero::before{
content:"";
position:absolute;inset:0;
background-image:
linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
background-size:38px 38px;
mask-image:linear-gradient(to bottom,#000,transparent);
}
.solution-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center}
.solution-breadcrumb{display:flex;gap:8px;align-items:center;color:#8fa7cf;font-size:12px;margin-bottom:22px}
.solution-breadcrumb a{color:#65baff}
.solution-kicker{font-size:12px;font-weight:900;letter-spacing:.13em;color:#7964ff;margin-bottom:16px}
.solution-hero h1{font-size:clamp(48px,5vw,72px);line-height:1.02;letter-spacing:-.045em;margin:0 0 22px}
.solution-hero h1 span{background:linear-gradient(90deg,#7a4cff,#287cff,#00d2ff);-webkit-background-clip:text;color:transparent}
.solution-lead{font-size:18px;line-height:1.7;color:#b8c5dc;max-width:670px}
.solution-tags{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 28px}
.solution-tags span{padding:7px 10px;border:1px solid rgba(104,160,255,.24);border-radius:999px;background:rgba(11,30,70,.48);font-size:10px;letter-spacing:.08em;color:#dbe7ff}
.solution-visual{
min-height:390px;border-radius:30px;position:relative;
background:
radial-gradient(circle at center,rgba(24,119,255,.36),transparent 32%),
linear-gradient(145deg,rgba(8,24,57,.88),rgba(4,9,24,.72));
border:1px solid rgba(65,146,255,.23);
box-shadow:0 30px 90px rgba(0,73,190,.20),inset 0 0 55px rgba(17,93,255,.08);
display:grid;place-items:center;
}
.solution-visual-core{
width:180px;height:180px;border-radius:32px;display:grid;place-items:center;text-align:center;
background:linear-gradient(145deg,#104cae,#081d52);
border:1px solid rgba(79,170,255,.55);
box-shadow:0 0 50px rgba(0,125,255,.35);
font-size:30px;font-weight:900;line-height:1.05;padding:18px;
}
.solution-visual-core small{display:block;font-size:9px;letter-spacing:.18em;color:#5fdfff;margin-top:8px}
.solution-node{position:absolute;padding:10px 13px;border-radius:11px;background:rgba(6,25,62,.9);border:1px solid rgba(72,153,255,.38);font-size:10px;font-weight:800;box-shadow:0 12px 30px rgba(0,60,160,.16)}
.solution-node::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#2ed5ff;box-shadow:0 0 10px #2ed5ff;margin-right:7px}
.sn1{top:52px;left:38px}.sn2{top:65px;right:35px}.sn3{bottom:62px;left:48px}.sn4{bottom:52px;right:38px}
.solution-section{padding:90px 0}
.solution-section.alt{background:#f6f8fc}
.solution-intro{max-width:820px;margin-bottom:40px}
.solution-intro small{color:#5a56ff;font-weight:900;letter-spacing:.1em;font-size:11px}
.solution-intro h2{font-size:42px;line-height:1.08;letter-spacing:-.035em;margin:12px 0 18px}
.solution-intro p{color:#687086;line-height:1.75}
.solution-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.solution-feature{padding:28px;border:1px solid #e6ebf3;border-radius:20px;background:#fff;box-shadow:0 18px 45px rgba(20,38,90,.05);transition:.3s}
.solution-feature:hover{transform:translateY(-6px);border-color:#d4ddff;box-shadow:0 26px 60px rgba(20,55,145,.11)}
.solution-feature .num{color:#4e6fff;font-size:11px;font-weight:900;letter-spacing:.1em}
.solution-feature h3{font-size:20px;margin:16px 0 10px}
.solution-feature p{font-size:14px;line-height:1.7;color:#737b8e}
.solution-two-col{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.solution-list{display:grid;gap:12px}
.solution-list div{padding:16px 18px;border-radius:14px;background:#fff;border:1px solid #e7ecf4;font-weight:750}
.solution-list div::before{content:"✓";color:#316dff;margin-right:10px}
.solution-cta{margin:80px auto;padding:42px 46px;border-radius:24px;background:linear-gradient(100deg,#7028ff,#2f65ff,#00c7ef);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px}
.solution-cta h2{font-size:34px;line-height:1.1;margin:0 0 8px}.solution-cta p{margin:0;color:#e6efff}
@media(max-width:980px){
.solution-hero-inner,.solution-two-col{grid-template-columns:1fr}
.solution-feature-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
.solution-hero{padding:70px 0}
.solution-feature-grid{grid-template-columns:1fr}
.solution-intro h2{font-size:34px}
.solution-cta{flex-direction:column;align-items:flex-start;padding:30px}
}
/* === 4T4 v16: tüm kart tıklanabilir + teknoloji mega menü + detay sayfaları === */
.service-card{position:relative}
.service-card-link{
position:absolute !important;
inset:0 !important;
z-index:8 !important;
display:block !important;
width:auto !important;
height:auto !important;
margin:0 !important;
border:0 !important;
border-radius:18px !important;
background:transparent !important;
box-shadow:none !important;
float:none !important;
transform:none !important;
}
.service-card-link .service-arrow{
position:absolute;
right:22px;
bottom:20px;
width:36px;
height:36px;
border-radius:50%;
display:grid;
place-items:center;
border:1px solid #e5e8f0;
background:#fff;
color:#5e55ff;
transition:.35s;
}
.service-card:hover .service-card-link .service-arrow{
transform:translateX(4px) scale(1.12);
background:rgba(255,255,255,.16);
border-color:rgba(255,255,255,.55);
color:#fff;
box-shadow:0 8px 20px rgba(0,0,0,.16);
}
.technology-mega{left:-315px !important;width:min(760px,74vw) !important}
.technology-mega .tech-intro{
background:
radial-gradient(circle at 85% 12%,rgba(0,207,255,.22),transparent 30%),
linear-gradient(145deg,#071833,#0b2a57);
}
.technology-mega .tech-links{grid-template-columns:1fr 1fr}
.technology-mega .tech-links a:last-child{grid-column:1/-1}
.technology-page .technology-hero{
background:
radial-gradient(circle at 78% 42%,rgba(0,191,255,.20),transparent 28%),
radial-gradient(circle at 58% 72%,rgba(83,53,255,.17),transparent 34%),
linear-gradient(135deg,#040918,#071b34 58%,#040918);
}
.tech-detail-visual::after{
content:"";
position:absolute;
inset:14%;
border-radius:50%;
border:1px solid rgba(45,173,255,.18);
box-shadow:0 0 45px rgba(0,154,255,.10);
animation:techRing 4s ease-in-out infinite;
}
@keyframes techRing{0%,100%{transform:scale(.92);opacity:.3}50%{transform:scale(1.04);opacity:.75}}
@media(max-width:1180px){
.technology-mega{left:-250px !important;width:700px !important}
}
/* === 4T4 v17: Referanslar === */
.references-hero{
padding:100px 0 88px;color:#fff;
background:
radial-gradient(circle at 80% 20%,rgba(49,120,255,.26),transparent 28%),
radial-gradient(circle at 55% 90%,rgba(112,38,255,.16),transparent 30%),
linear-gradient(135deg,#040918,#081b39 60%,#040918);
}
.references-hero h1{max-width:900px;font-size:clamp(48px,5.3vw,76px);line-height:1.01;letter-spacing:-.05em;margin:0 0 22px}
.references-hero h1 span{background:linear-gradient(90deg,#8153ff,#3384ff,#00d0ff);-webkit-background-clip:text;color:transparent}
.references-hero>div>p{max-width:760px;color:#b7c5dd;font-size:17px;line-height:1.75}
.reference-section{padding:90px 0;background:#f6f8fc}
.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.reference-card{position:relative;overflow:hidden;min-height:440px;padding:38px;border-radius:26px;background:#fff;border:1px solid #e4eaf4;box-shadow:0 22px 60px rgba(16,42,100,.07);transition:.35s}
.reference-card::before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:linear-gradient(90deg,#663eff,#287cff,#00cfff);transform:scaleX(.22);transform-origin:left;transition:.5s}
.reference-card:hover{transform:translateY(-7px);box-shadow:0 30px 75px rgba(16,55,145,.13)}
.reference-card:hover::before{transform:scaleX(1)}
.reference-brand{height:82px;display:flex;align-items:center;gap:13px;margin-bottom:25px}
.ref-nebim{font-size:39px;font-weight:900;letter-spacing:-.07em;color:#252d3e}
.reference-brand>b{font-size:25px;color:#2471e8}
.ref-ticimax{font-size:40px;font-weight:900;letter-spacing:-.06em;color:#ef5a2a}
.reference-type{font-size:9px;letter-spacing:.16em;font-weight:900;color:#5c70ff}
.reference-card h2{font-size:30px;margin:12px 0}
.reference-card p{color:#6f788c;line-height:1.7;font-size:14px;max-width:560px}
.reference-tags{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 28px}
.reference-tags span{padding:7px 9px;border-radius:999px;background:#f2f5fb;color:#566076;font-size:9px;font-weight:800}
.reference-card>a{font-size:12px;font-weight:900;color:#365fff}
.reference-card>a b{margin-left:7px}
@media(max-width:780px){.reference-grid{grid-template-columns:1fr}.references-hero{padding:70px 0}.reference-card{min-height:auto}}
/* 4T4 v18 Referanslar */
.references-v18{background:#f5f7fb}.refs-hero{padding:90px 0 82px;color:#fff;background:radial-gradient(circle at 74% 30%,rgba(20,106,255,.28),transparent 25%),radial-gradient(circle at 55% 90%,rgba(104,51,255,.22),transparent 32%),linear-gradient(135deg,#040a19,#071b39 62%,#050a17)}
.refs-eyebrow{margin:32px 0 18px;color:#718bff;font-size:11px;font-weight:900;letter-spacing:.2em}.refs-hero h1{font-size:clamp(48px,6vw,84px);line-height:.98;letter-spacing:-.055em;margin:0 0 22px}.refs-hero h1 span{background:linear-gradient(90deg,#8053ff,#367cff,#00cfff);-webkit-background-clip:text;color:transparent}.refs-hero p{max-width:760px;color:#b8c4d8;font-size:16px;line-height:1.8}
.refs-platforms{display:flex;align-items:center;gap:18px;margin-top:34px}.refs-platforms>div{width:210px;height:78px;background:#fff;border-radius:18px;padding:13px 18px;display:flex;flex-direction:column;justify-content:center}.refs-platforms img{max-width:125px;max-height:34px;object-fit:contain;object-position:left center}.refs-platforms span{font-size:8px;color:#667085;margin-top:6px;font-weight:800;letter-spacing:.08em}.refs-platforms i{font-style:normal;color:#5c78aa}
.refs-content{padding:82px 0 100px}.refs-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.refs-head small,.platform-title small{font-size:9px;font-weight:900;letter-spacing:.18em;color:#5b6fff}.refs-head h2,.platform-title h2{margin:8px 0 0;color:#11182a}.refs-head p{max-width:420px;color:#7b8496;font-size:12px;line-height:1.6}
.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.shared-grid{grid-template-columns:repeat(4,1fr)}.brand-tile{position:relative;min-height:155px;background:#fff;border:1px solid #e5eaf2;border-radius:18px;padding:20px;overflow:hidden;box-shadow:0 10px 30px rgba(14,34,80,.045);transition:.35s}.brand-tile:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#713cff,#2f7eff,#00c8ff);transform:scaleX(0);transform-origin:left;transition:.4s}.brand-tile:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(24,65,150,.11)}.brand-tile:hover:before{transform:scaleX(1)}
.ref-source{height:32px;display:flex;align-items:center;gap:9px}.ref-source img{max-width:72px;max-height:22px;object-fit:contain;object-position:left center}.ref-source.dual img{max-width:62px;max-height:20px}.brand-wordmark{display:flex;align-items:center;min-height:62px;font-size:18px;font-weight:900;letter-spacing:-.03em;color:#17223b}.brand-tile>span{font-size:8px;color:#98a1b2;font-weight:800;letter-spacing:.09em}
.refs-divider{height:100px;display:flex;align-items:center}.refs-divider:before,.refs-divider:after{content:"";height:1px;background:#dfe5ef;flex:1}.refs-divider span{padding:0 18px;color:#8b95a8;font-size:8px;font-weight:900;letter-spacing:.18em}.refs-columns{display:grid;grid-template-columns:1fr 1fr;gap:38px}.platform-title{height:70px;display:flex;align-items:center;gap:18px;margin-bottom:20px}.platform-title>img{width:115px;max-height:42px;object-fit:contain;object-position:left center}.refs-note{margin-top:50px;padding-top:20px;border-top:1px solid #dfe5ef;color:#9aa3b3;font-size:9px}
@media(max-width:980px){.shared-grid{grid-template-columns:repeat(2,1fr)}.refs-columns{grid-template-columns:1fr}.brand-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.refs-platforms>div{width:48%}.refs-platforms i{display:none}.refs-head{display:block}.brand-grid,.shared-grid{grid-template-columns:1fr}.refs-hero{padding:65px 0}}
/* === 4T4 v19: Referans kartlarında gerçek firma logoları === */
.references-v19 .logo-wall{
display:grid;
grid-template-columns:repeat(4,minmax(0,1fr));
gap:16px;
}
.references-v19 .shared-wall{
grid-template-columns:repeat(3,minmax(0,1fr));
}
.brand-logo-card{
min-height:220px;
position:relative;
display:flex;
flex-direction:column;
padding:15px;
border-radius:20px;
background:#fff;
border:1px solid #e5eaf2;
box-shadow:0 12px 34px rgba(14,34,80,.05);
overflow:hidden;
transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;
}
.brand-logo-card::after{
content:"";
position:absolute;
left:0;right:0;bottom:0;height:3px;
background:linear-gradient(90deg,#713cff,#2f7eff,#00c8ff);
transform:scaleX(0);
transform-origin:left;
transition:transform .45s ease;
}
.brand-logo-card:hover{
transform:translateY(-7px);
border-color:#d6e0ff;
box-shadow:0 24px 55px rgba(24,65,150,.13);
}
.brand-logo-card:hover::after{transform:scaleX(1)}
.brand-logo-frame{
flex:1;
min-height:135px;
display:flex;
align-items:center;
justify-content:center;
padding:17px 18px;
margin:7px 0 5px;
border-radius:15px;
background:linear-gradient(145deg,#fff,#fbfcff);
}
.company-logo{
display:block;
width:100%;
height:105px;
object-fit:contain;
object-position:center;
transition:transform .35s ease,filter .35s ease;
}
.brand-logo-card:hover .company-logo{
transform:scale(1.055);
}
.references-v19 .ref-source{
height:27px;
justify-content:flex-end;
}
.references-v19 .ref-source img{
max-width:62px;
max-height:18px;
}
.references-v19 .ref-source.dual{
gap:7px;
}
.references-v19 .source-plus{
color:#a4adbd;
font-size:11px;
font-weight:900;
}
.brand-source-label{
padding:6px 4px 1px;
color:#99a2b3;
font-size:8px;
font-weight:850;
letter-spacing:.09em;
text-align:right;
}
.platform-reference-block{
margin-top:70px;
}
.platform-title.large{
margin-bottom:25px;
height:auto;
min-height:72px;
}
.platform-title.large>img{
width:135px;
max-height:46px;
padding:8px 10px;
border-radius:12px;
background:#fff;
border:1px solid #e8edf4;
}
@media(max-width:1050px){
.references-v19 .logo-wall{grid-template-columns:repeat(3,1fr)}
.references-v19 .shared-wall{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:760px){
.references-v19 .logo-wall,
.references-v19 .shared-wall{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
.references-v19 .logo-wall,
.references-v19 .shared-wall{grid-template-columns:1fr}
.brand-logo-card{min-height:190px}
}
/* 4T4 v20 — 12'li referans duvarı */
.references-v19 .platform-reference-block .logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
.references-v19 .shared-wall{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1050px){.references-v19 .platform-reference-block .logo-wall,.references-v19 .shared-wall{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.references-v19 .platform-reference-block .logo-wall,.references-v19 .shared-wall{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.references-v19 .platform-reference-block .logo-wall,.references-v19 .shared-wall{grid-template-columns:1fr}}
/* === 4T4 v21: 12 ortak marka / 4x3 logo wall === */
.references-v19 .shared-wall{
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
}
.references-v19 .shared-wall .brand-logo-card{
min-height:220px;
}
@media(max-width:1050px){
.references-v19 .shared-wall{grid-template-columns:repeat(3,1fr) !important}
}
@media(max-width:760px){
.references-v19 .shared-wall{grid-template-columns:repeat(2,1fr) !important}
}
@media(max-width:480px){
.references-v19 .shared-wall{grid-template-columns:1fr !important}
}
/* === 4T4 v23: çalışan HTML/CSS/SVG dijital dünya === */
.hero-globe-wrap{
min-height:540px !important;
display:flex !important;
align-items:center;
justify-content:center;
}
.hero-globe-stage{
position:relative;
width:520px;
height:520px;
isolation:isolate;
}
.globe-watermark{
position:absolute;
inset:52px 20px;
z-index:-4;
background:url("../images/4t4-logo.png") center/82% auto no-repeat;
opacity:.045;
filter:grayscale(1) brightness(.45) contrast(1.5);
transform:scale(1.08);
}
.globe-watermark::after{
content:"";
position:absolute;
inset:18%;
border-radius:50%;
box-shadow:inset 0 0 55px rgba(84,139,226,.10),0 0 60px rgba(0,102,255,.05);
}
.digital-earth{
position:absolute;
left:50%;
top:50%;
width:282px;
height:282px;
transform:translate(-50%,-50%);
border-radius:50%;
z-index:4;
filter:drop-shadow(0 0 34px rgba(22,122,255,.56));
}
.earth-svg{
width:100%;
height:100%;
display:block;
border-radius:50%;
animation:earthFloat 5s ease-in-out infinite;
}
.earth-grid-svg{
transform-origin:160px 160px;
animation:earthGridSpin 22s linear infinite;
}
.earth-glow{
position:absolute;
inset:-18%;
border-radius:50%;
background:radial-gradient(circle,rgba(30,132,255,.18),rgba(0,138,255,.08) 38%,transparent 70%);
animation:earthPulse 3.2s ease-in-out infinite;
}
@keyframes earthFloat{
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-5px) scale(1.015)}
}
@keyframes earthGridSpin{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
@keyframes earthPulse{
0%,100%{opacity:.55;transform:scale(.96)}
50%{opacity:1;transform:scale(1.06)}
}
.globe-orbit{
position:absolute;
left:50%;
top:50%;
border:1px solid rgba(42,148,255,.40);
border-radius:50%;
pointer-events:none;
z-index:2;
box-shadow:0 0 18px rgba(0,111,255,.07);
}
.orbit-a{width:445px;height:205px;transform:translate(-50%,-50%) rotate(16deg);animation:orbitA 20s linear infinite}
.orbit-b{width:445px;height:205px;transform:translate(-50%,-50%) rotate(-28deg);animation:orbitB 24s linear infinite}
.orbit-c{width:250px;height:445px;transform:translate(-50%,-50%) rotate(68deg);animation:orbitC 26s linear infinite}
.orbit-d{width:390px;height:390px;transform:translate(-50%,-50%) rotate(0deg);border-style:dashed;opacity:.55;animation:orbitD 34s linear infinite}
@keyframes orbitA{to{transform:translate(-50%,-50%) rotate(376deg)}}
@keyframes orbitB{to{transform:translate(-50%,-50%) rotate(-388deg)}}
@keyframes orbitC{to{transform:translate(-50%,-50%) rotate(428deg)}}
@keyframes orbitD{to{transform:translate(-50%,-50%) rotate(360deg)}}
.globe-service{
position:absolute;
z-index:8;
width:92px;
min-height:108px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:flex-start;
text-align:center;
color:#fff;
transition:transform .3s ease,filter .3s ease;
}
.globe-service::before{
content:"";
position:absolute;
top:40px;
left:50%;
width:7px;
height:7px;
border-radius:50%;
background:#31d1ff;
box-shadow:0 0 13px #31d1ff;
transform:translate(-50%,-50%);
opacity:.0;
transition:.3s;
}
.globe-service:hover{
transform:translateY(-5px) scale(1.05);
filter:drop-shadow(0 10px 20px rgba(0,117,255,.22));
}
.globe-service:hover::before{opacity:1}
.globe-icon{
width:64px;
height:64px;
border-radius:50%;
display:grid;
place-items:center;
color:#eff8ff;
background:
radial-gradient(circle at 35% 28%,rgba(46,159,255,.20),transparent 32%),
linear-gradient(145deg,rgba(7,34,80,.92),rgba(3,17,43,.92));
border:1px solid rgba(67,164,255,.65);
box-shadow:0 0 0 5px rgba(40,102,255,.08),0 0 28px rgba(0,128,255,.24),inset 0 0 18px rgba(39,133,255,.12);
transition:.3s;
}
.globe-service:hover .globe-icon{
border-color:#6fe9ff;
box-shadow:0 0 0 7px rgba(40,102,255,.10),0 0 36px rgba(0,191,255,.38),inset 0 0 20px rgba(54,160,255,.16);
}
.globe-icon svg{width:31px;height:31px}
.globe-service b{
margin-top:9px;
font-size:11px;
line-height:1.1;
letter-spacing:.01em;
}
.globe-service small{
margin-top:3px;
font-size:8px;
color:#89a8d5;
line-height:1.15;
}
.gs-erp{left:72px;top:22px}
.gs-ai{right:62px;top:38px}
.gs-web{right:-2px;top:212px}
.gs-bi{right:76px;bottom:3px}
.gs-commerce{left:82px;bottom:4px}
.gs-cloud{left:-5px;top:220px}
/* mobile/tablet scaling */
@media(max-width:1180px){
.hero-globe-stage{transform:scale(.90)}
}
@media(max-width:980px){
.hero-globe-wrap{min-height:510px !important}
.hero-globe-stage{transform:scale(.86);transform-origin:center top}
}
@media(max-width:620px){
.hero-globe-wrap{min-height:430px !important;margin-top:10px}
.hero-globe-stage{width:430px;height:430px;transform:scale(.78);transform-origin:center top}
.digital-earth{width:250px;height:250px}
.globe-watermark{inset:45px 24px}
}
/* === 4T4 v24: SVG polygon render fix === */
.earth-grid-svg{animation:none !important;transform:none !important;}
.earth-land-dots{filter:drop-shadow(0 0 4px rgba(80,190,255,.45));}
.earth-svg{overflow:visible;backface-visibility:hidden;transform:translateZ(0);}
.digital-earth::after{content:"";position:absolute;inset:8%;border-radius:50%;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 32%,transparent 68%,rgba(0,160,255,.06));pointer-events:none;mix-blend-mode:screen;}
/* === 4T4 v25: SVG black polygon definitive fix === */
.earth-svg path{fill:none;}
.earth-svg .earth-land-dots circle{fill:#62c8ff;}
/* === 4T4 v26: SVG'siz, tarayıcı bağımsız dijital küre === */
.earth-css{
width:282px !important;
height:282px !important;
border-radius:50%;
overflow:visible;
}
.earth-sphere{
position:absolute;
inset:0;
border-radius:50%;
overflow:hidden;
background:
radial-gradient(circle at 34% 28%,rgba(54,158,255,.42),transparent 26%),
radial-gradient(circle at 50% 55%,rgba(8,68,166,.70),rgba(3,21,55,.96) 72%);
border:2px solid rgba(76,190,255,.92);
box-shadow:
inset -28px -24px 48px rgba(0,4,18,.55),
inset 18px 12px 42px rgba(41,145,255,.18),
0 0 34px rgba(0,140,255,.42);
}
.earth-sphere::before{
content:"";
position:absolute;
inset:0;
border-radius:50%;
background:
radial-gradient(circle at 28% 22%,rgba(255,255,255,.11),transparent 22%),
linear-gradient(115deg,transparent 15%,rgba(72,184,255,.08) 48%,transparent 72%);
animation:earthLightSweep 5s ease-in-out infinite;
}
@keyframes earthLightSweep{
0%,100%{transform:translateX(-16%);opacity:.55}
50%{transform:translateX(16%);opacity:1}
}
/* latitude lines */
.earth-equator{
position:absolute;
left:50%;
top:50%;
border:1px solid rgba(75,180,255,.34);
border-radius:50%;
transform:translate(-50%,-50%);
pointer-events:none;
}
.eq1{width:92%;height:24%}
.eq2{width:94%;height:48%}
.eq3{width:94%;height:70%}
.eq4{width:88%;height:88%;opacity:.55}
/* longitude lines */
.earth-meridian{
position:absolute;
left:50%;
top:50%;
width:38%;
height:94%;
border:1px solid rgba(74,181,255,.34);
border-radius:50%;
transform:translate(-50%,-50%);
pointer-events:none;
}
.mer1{transform:translate(-50%,-50%) rotate(0deg)}
.mer2{transform:translate(-50%,-50%) rotate(38deg)}
.mer3{transform:translate(-50%,-50%) rotate(76deg)}
.mer4{transform:translate(-50%,-50%) rotate(118deg);opacity:.55}
.earth-axis{
position:absolute;
left:50%;
top:50%;
background:linear-gradient(90deg,transparent,rgba(89,194,255,.16),transparent);
}
.axis-h{width:88%;height:1px;transform:translate(-50%,-50%)}
.axis-v{width:1px;height:88%;transform:translate(-50%,-50%);background:linear-gradient(180deg,transparent,rgba(89,194,255,.12),transparent)}
/* moving global network points */
.earth-network{
position:absolute;
inset:0;
border-radius:50%;
animation:earthNetworkSpin 18s linear infinite;
}
@keyframes earthNetworkSpin{to{transform:rotate(360deg)}}
.earth-network .en{
position:absolute;
width:7px;height:7px;
border-radius:50%;
background:#71e4ff;
box-shadow:0 0 10px #34c7ff,0 0 20px rgba(52,199,255,.55);
animation:earthNodePulse 2.3s ease-in-out infinite;
}
.earth-network .en::after{
content:"";
position:absolute;
inset:-4px;
border:1px solid rgba(105,220,255,.18);
border-radius:50%;
}
@keyframes earthNodePulse{
0%,100%{transform:scale(.72);opacity:.48}
50%{transform:scale(1.18);opacity:1}
}
.n01{left:28%;top:19%}.n02{left:48%;top:13%;animation-delay:.2s}
.n03{left:68%;top:22%;animation-delay:.4s}.n04{left:79%;top:42%;animation-delay:.6s}
.n05{left:70%;top:63%;animation-delay:.8s}.n06{left:56%;top:78%;animation-delay:1s}
.n07{left:34%;top:75%;animation-delay:1.2s}.n08{left:18%;top:58%;animation-delay:1.4s}
.n09{left:20%;top:38%;animation-delay:1.6s}.n10{left:42%;top:44%;animation-delay:1.8s}
.n11{left:57%;top:51%;animation-delay:2s}.n12{left:47%;top:65%;animation-delay:2.2s}
.earth-scan{
position:absolute;
left:-10%;
width:120%;
height:22%;
top:-28%;
background:linear-gradient(180deg,transparent,rgba(70,206,255,.11),rgba(127,235,255,.20),transparent);
filter:blur(1px);
animation:earthScan 4.5s linear infinite;
}
@keyframes earthScan{
from{transform:translateY(0)}
to{transform:translateY(560%)}
}
/* independent data rings around the globe */
.earth-data-ring{
position:absolute;
left:50%;top:50%;
border:1px solid rgba(53,156,255,.28);
border-radius:50%;
pointer-events:none;
}
.ring-one{width:330px;height:122px;transform:translate(-50%,-50%) rotate(15deg);animation:earthRing1 13s linear infinite}
.ring-two{width:320px;height:145px;transform:translate(-50%,-50%) rotate(-35deg);animation:earthRing2 17s linear infinite}
.ring-three{width:150px;height:326px;transform:translate(-50%,-50%) rotate(24deg);animation:earthRing3 21s linear infinite}
@keyframes earthRing1{to{transform:translate(-50%,-50%) rotate(375deg)}}
@keyframes earthRing2{to{transform:translate(-50%,-50%) rotate(-395deg)}}
@keyframes earthRing3{to{transform:translate(-50%,-50%) rotate(384deg)}}
/* disable any old SVG globe styling in case cached selectors remain */
.earth-svg,.earth-grid-svg,.earth-land-dots{display:none !important}
/* === 4T4 v27: gerçek dünya haritası + dönen küre hissi === */
.earth-sphere{
position:absolute;
inset:0;
overflow:hidden !important;
isolation:isolate;
}
/* Gerçek dünya haritası kürenin içinde yatay akarak dönme hissi verir. */
.earth-map-track{
position:absolute;
left:0;
top:50%;
z-index:2;
display:flex;
align-items:center;
width:200%;
height:58%;
transform:translateY(-50%);
animation:worldMapRotate 22s linear infinite;
opacity:.92;
filter:
drop-shadow(0 0 5px rgba(70,190,255,.55))
drop-shadow(0 0 14px rgba(28,122,255,.30));
pointer-events:none;
}
.earth-map-track img{
flex:0 0 50%;
width:50%;
height:100%;
object-fit:contain;
object-position:center;
padding:0 4%;
}
@keyframes worldMapRotate{
from{transform:translate(0,-50%)}
to{transform:translate(-50%,-50%)}
}
/* Harita zemine gömülü, çizgiler ise üstünde görünür. */
.earth-equator,
.earth-meridian,
.earth-axis{
z-index:4;
}
.earth-network{
z-index:5;
}
.earth-scan{
z-index:6;
}
.earth-sphere::before{
z-index:7;
pointer-events:none;
}
/* Kürenin kenarlarında gerçek 3D derinlik hissi */
.earth-sphere::after{
content:"";
position:absolute;
inset:0;
z-index:8;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(circle at 36% 28%,rgba(255,255,255,.12),transparent 18%),
radial-gradient(circle at center,transparent 56%,rgba(1,10,30,.20) 72%,rgba(1,8,24,.76) 100%);
box-shadow:
inset 18px 10px 28px rgba(78,183,255,.09),
inset -38px -18px 54px rgba(0,4,20,.52);
}
/* Harita daha okunur olsun diye eski aşırı grid yoğunluğunu azalt. */
.earth-equator{opacity:.62}
.earth-meridian{opacity:.48}
.earth-axis{opacity:.35}
@media(max-width:620px){
.earth-map-track{height:55%}
}
/* === 4T4 v28: Onaylanan teknoloji ekosistemi görseli === */
.hero-ecosystem-wrap{
min-height:540px !important;
display:flex !important;
align-items:center;
justify-content:center;
position:relative;
}
.hero-ecosystem-visual{
position:relative;
width:min(100%,590px);
aspect-ratio:544/414;
display:block;
margin:auto;
isolation:isolate;
filter:drop-shadow(0 28px 60px rgba(0,59,145,.16));
}
.hero-ecosystem-visual::before{
content:"";
position:absolute;
inset:8% 10% 5%;
z-index:-1;
border-radius:50%;
background:radial-gradient(circle,rgba(0,123,255,.12),transparent 66%);
filter:blur(20px);
}
.hero-ecosystem-visual img{
display:block;
width:100%;
height:100%;
object-fit:contain;
object-position:center;
user-select:none;
-webkit-user-drag:none;
}
/* Görsel aynı kalır; servis noktaları tıklanabilir olmaya devam eder. */
.ecosystem-hotspot{
position:absolute;
display:block;
z-index:5;
border-radius:50%;
background:transparent;
outline:none;
}
.ecosystem-hotspot:focus-visible{
outline:2px solid #55caff;
outline-offset:4px;
box-shadow:0 0 22px rgba(65,199,255,.55);
}
.hotspot-erp{left:6%;top:1%;width:22%;height:29%}
.hotspot-ai{right:5%;top:1%;width:22%;height:29%}
.hotspot-cloud{left:0;top:38%;width:20%;height:29%}
.hotspot-web{right:0;top:37%;width:20%;height:29%}
.hotspot-commerce{left:6%;bottom:0;width:23%;height:28%}
.hotspot-bi{right:5%;bottom:0;width:23%;height:28%}
@media(max-width:1180px){
.hero-ecosystem-visual{width:min(100%,540px)}
}
@media(max-width:980px){
.hero-ecosystem-wrap{min-height:500px !important}
.hero-ecosystem-visual{width:min(92vw,540px)}
}
@media(max-width:620px){
.hero-ecosystem-wrap{min-height:410px !important;margin-top:10px}
.hero-ecosystem-visual{width:min(96vw,470px)}
}
/* === 4T4 v29: canlı, hareketli teknoloji ekosistemi === */
.hero-ecosystem-wrap{
min-height:550px !important;
display:flex !important;
align-items:center;
justify-content:center;
}
.ecosystem-live{
position:relative;
width:560px;
height:500px;
margin:auto;
isolation:isolate;
}
.ecosystem-watermark{
position:absolute;
z-index:-4;
left:50%;
top:47%;
width:500px;
height:340px;
transform:translate(-50%,-50%);
background:url("../images/4t4-logo.png") center/86% auto no-repeat;
opacity:.045;
filter:grayscale(1) brightness(.46) contrast(1.6);
}
/* central approved globe */
.live-earth{
position:absolute;
z-index:5;
left:50%;
top:49%;
width:282px;
height:282px;
transform:translate(-50%,-50%);
border-radius:50%;
overflow:hidden;
border:1px solid rgba(83,192,255,.75);
box-shadow:
0 0 0 7px rgba(22,107,255,.055),
0 0 38px rgba(0,130,255,.34),
inset 0 0 34px rgba(14,94,210,.32);
}
.earth-aura{
position:absolute;inset:-22%;z-index:-1;border-radius:50%;
background:radial-gradient(circle,rgba(19,122,255,.22),transparent 68%);
animation:livePulse 3.4s ease-in-out infinite;
}
.earth-texture{
position:absolute;
inset:-1%;
border-radius:50%;
background:url("../images/globe-approved-texture.png") center/cover no-repeat;
transform:scale(1.03);
animation:liveEarthFloat 6s ease-in-out infinite;
}
.earth-grid-overlay{
position:absolute;
left:50%;
top:50%;
border-radius:50%;
border:1px solid rgba(85,187,255,.20);
pointer-events:none;
}
.eg1{
width:88%;height:34%;
transform:translate(-50%,-50%) rotate(12deg);
animation:gridOrbit1 13s linear infinite;
}
.eg2{
width:34%;height:90%;
transform:translate(-50%,-50%) rotate(24deg);
animation:gridOrbit2 17s linear infinite;
}
.earth-sheen{
position:absolute;inset:0;border-radius:50%;
background:
radial-gradient(circle at 32% 22%,rgba(255,255,255,.13),transparent 20%),
radial-gradient(circle at 50% 50%,transparent 56%,rgba(0,5,22,.38) 83%,rgba(0,4,18,.70) 100%);
animation:sheenShift 5s ease-in-out infinite;
}
@keyframes liveEarthFloat{0%,100%{transform:scale(1.03) rotate(-1deg)}50%{transform:scale(1.055) rotate(1deg)}}
@keyframes livePulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1.08)}}
@keyframes gridOrbit1{to{transform:translate(-50%,-50%) rotate(372deg)}}
@keyframes gridOrbit2{to{transform:translate(-50%,-50%) rotate(-336deg)}}
@keyframes sheenShift{0%,100%{transform:translateX(-4%)}50%{transform:translateX(4%)}}
/* multi-directional orbit system */
.live-orbit{
position:absolute;
z-index:2;
left:50%;
top:49%;
border:1px solid rgba(38,149,255,.32);
border-radius:50%;
pointer-events:none;
box-shadow:0 0 14px rgba(0,110,255,.06);
}
.lo1{width:475px;height:190px;transform:translate(-50%,-50%) rotate(10deg);animation:lo1 18s linear infinite}
.lo2{width:470px;height:196px;transform:translate(-50%,-50%) rotate(-28deg);animation:lo2 22s linear infinite}
.lo3{width:230px;height:465px;transform:translate(-50%,-50%) rotate(15deg);animation:lo3 25s linear infinite}
.lo4{width:395px;height:395px;transform:translate(-50%,-50%);border-style:dashed;opacity:.48;animation:lo4 32s linear infinite}
.lo5{width:340px;height:455px;transform:translate(-50%,-50%) rotate(62deg);opacity:.62;animation:lo5 27s linear infinite}
@keyframes lo1{to{transform:translate(-50%,-50%) rotate(370deg)}}
@keyframes lo2{to{transform:translate(-50%,-50%) rotate(-388deg)}}
@keyframes lo3{to{transform:translate(-50%,-50%) rotate(375deg)}}
@keyframes lo4{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes lo5{to{transform:translate(-50%,-50%) rotate(422deg)}}
/* moving photons */
.orbit-light{
position:absolute;
z-index:4;
width:7px;height:7px;
border-radius:50%;
background:#7fe9ff;
box-shadow:0 0 8px #21baff,0 0 17px rgba(25,154,255,.9);
}
.ol1{left:18%;top:31%;animation:photon1 5s ease-in-out infinite}
.ol2{left:72%;top:23%;animation:photon2 6s ease-in-out infinite .5s}
.ol3{left:81%;top:57%;animation:photon3 5.6s ease-in-out infinite 1s}
.ol4{left:66%;top:80%;animation:photon4 6.2s ease-in-out infinite 1.4s}
.ol5{left:28%;top:78%;animation:photon5 5.3s ease-in-out infinite .8s}
.ol6{left:17%;top:55%;animation:photon6 5.8s ease-in-out infinite 1.8s}
@keyframes photon1{50%{transform:translate(82px,38px) scale(1.4)}}
@keyframes photon2{50%{transform:translate(-55px,76px) scale(1.5)}}
@keyframes photon3{50%{transform:translate(-86px,14px) scale(1.35)}}
@keyframes photon4{50%{transform:translate(-44px,-69px) scale(1.5)}}
@keyframes photon5{50%{transform:translate(68px,-44px) scale(1.35)}}
@keyframes photon6{50%{transform:translate(78px,-34px) scale(1.4)}}
/* service nodes */
.live-service{
position:absolute;
z-index:9;
width:112px;
min-height:112px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
color:#fff;
transition:transform .3s ease,filter .3s ease;
}
.live-icon{
width:66px;height:66px;
display:grid;place-items:center;
border-radius:50%;
background:linear-gradient(145deg,rgba(5,29,70,.96),rgba(3,15,39,.96));
border:1px solid rgba(72,170,255,.80);
box-shadow:0 0 0 5px rgba(37,93,255,.07),0 0 26px rgba(0,134,255,.23),inset 0 0 16px rgba(45,145,255,.12);
animation:nodeBreath 3.6s ease-in-out infinite;
}
.live-icon svg{width:32px;height:32px}
.live-service b{margin-top:9px;font-size:11px;line-height:1.1}
.live-service small{margin-top:3px;font-size:8px;color:#9fb3d3;line-height:1.2}
.live-service:hover{transform:translateY(-6px) scale(1.05);filter:drop-shadow(0 12px 24px rgba(0,115,255,.26))}
.live-service:hover .live-icon{border-color:#79ecff;box-shadow:0 0 0 6px rgba(37,93,255,.09),0 0 38px rgba(0,196,255,.40)}
@keyframes nodeBreath{0%,100%{box-shadow:0 0 0 5px rgba(37,93,255,.07),0 0 23px rgba(0,134,255,.20)}50%{box-shadow:0 0 0 8px rgba(37,93,255,.09),0 0 35px rgba(0,174,255,.34)}}
.l-erp{left:67px;top:0}
.l-ai{right:61px;top:8px}
.l-cloud{left:-1px;top:198px}
.l-web{right:-4px;top:195px}
.l-commerce{left:72px;bottom:0}
.l-bi{right:62px;bottom:0}
@media(max-width:1180px){.ecosystem-live{transform:scale(.91)}}
@media(max-width:980px){
.hero-ecosystem-wrap{min-height:510px !important}
.ecosystem-live{transform:scale(.86);transform-origin:center top}
}
@media(max-width:620px){
.hero-ecosystem-wrap{min-height:430px !important}
.ecosystem-live{transform:scale(.73);transform-origin:center top}
}
/* === 4T4 v30: Onaylanan görünüm birebir + canlı hareket === */
.hero-approved-live{
min-height:550px !important;
display:flex !important;
align-items:center;
justify-content:center;
}
.approved-ecosystem-stage{
position:relative;
width:min(100%,590px);
aspect-ratio:544/414;
isolation:isolate;
margin:auto;
animation:approvedFloat 6s ease-in-out infinite;
}
.approved-ecosystem-glow{
position:absolute;
inset:8% 7%;
z-index:-2;
border-radius:48%;
background:radial-gradient(circle,rgba(22,113,255,.21),rgba(36,76,185,.08) 48%,transparent 72%);
filter:blur(30px);
animation:approvedGlow 3.8s ease-in-out infinite;
}
.approved-ecosystem-image{
display:block;
position:relative;
z-index:2;
width:100%;
height:100%;
object-fit:contain;
user-select:none;
-webkit-user-drag:none;
filter:drop-shadow(0 22px 48px rgba(0,46,125,.18));
animation:approvedBreathe 5.5s ease-in-out infinite;
}
@keyframes approvedFloat{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-7px)}
}
@keyframes approvedBreathe{
0%,100%{transform:scale(1);filter:drop-shadow(0 22px 48px rgba(0,46,125,.18)) brightness(1)}
50%{transform:scale(1.014);filter:drop-shadow(0 26px 58px rgba(0,95,210,.24)) brightness(1.045)}
}
@keyframes approvedGlow{
0%,100%{opacity:.48;transform:scale(.96)}
50%{opacity:1;transform:scale(1.04)}
}
/* Very subtle digital scan across the exact approved artwork */
.approved-scan{
position:absolute;
z-index:3;
left:13%;
right:13%;
top:17%;
height:2px;
opacity:0;
background:linear-gradient(90deg,transparent,rgba(95,223,255,.8),transparent);
box-shadow:0 0 15px rgba(58,190,255,.48);
pointer-events:none;
animation:approvedScan 6.5s ease-in-out infinite 1.2s;
}
@keyframes approvedScan{
0%{top:18%;opacity:0}
10%{opacity:.55}
48%{opacity:.20}
78%{top:80%;opacity:.45}
100%{top:82%;opacity:0}
}
/* Moving light points follow the visual's existing orbital language */
.approved-photon{
position:absolute;
z-index:4;
width:6px;height:6px;
border-radius:50%;
background:#8deaff;
box-shadow:0 0 8px #32c8ff,0 0 18px rgba(46,167,255,.92);
pointer-events:none;
opacity:.75;
}
.ap1{left:29%;top:25%;animation:approvedPhoton1 5.2s ease-in-out infinite}
.ap2{left:68%;top:24%;animation:approvedPhoton2 5.8s ease-in-out infinite .7s}
.ap3{left:83%;top:48%;animation:approvedPhoton3 5.5s ease-in-out infinite 1.2s}
.ap4{left:67%;top:75%;animation:approvedPhoton4 6.1s ease-in-out infinite .4s}
.ap5{left:31%;top:76%;animation:approvedPhoton5 5.6s ease-in-out infinite 1.5s}
.ap6{left:16%;top:49%;animation:approvedPhoton6 5.9s ease-in-out infinite .9s}
@keyframes approvedPhoton1{50%{transform:translate(74px,34px) scale(1.55);opacity:1}}
@keyframes approvedPhoton2{50%{transform:translate(-54px,56px) scale(1.5);opacity:1}}
@keyframes approvedPhoton3{50%{transform:translate(-76px,12px) scale(1.45);opacity:1}}
@keyframes approvedPhoton4{50%{transform:translate(-54px,-58px) scale(1.55);opacity:1}}
@keyframes approvedPhoton5{50%{transform:translate(69px,-47px) scale(1.45);opacity:1}}
@keyframes approvedPhoton6{50%{transform:translate(79px,-26px) scale(1.5);opacity:1}}
/* Click areas remain invisible so the approved visual stays visually identical */
.approved-hotspot{
position:absolute;
z-index:8;
display:block;
background:transparent;
border-radius:50%;
}
.approved-hotspot:focus-visible{
outline:2px solid #73dcff;
outline-offset:4px;
box-shadow:0 0 20px rgba(68,196,255,.55);
}
.ah-erp{left:5%;top:0;width:22%;height:29%}
.ah-ai{right:4%;top:0;width:22%;height:29%}
.ah-cloud{left:0;top:35%;width:21%;height:31%}
.ah-web{right:0;top:35%;width:21%;height:31%}
.ah-commerce{left:7%;bottom:0;width:24%;height:30%}
.ah-bi{right:5%;bottom:0;width:24%;height:30%}
@media(max-width:1180px){
.approved-ecosystem-stage{width:min(100%,545px)}
}
@media(max-width:980px){
.hero-approved-live{min-height:500px !important}
.approved-ecosystem-stage{width:min(92vw,540px)}
}
@media(max-width:620px){
.hero-approved-live{min-height:410px !important}
.approved-ecosystem-stage{width:min(96vw,470px)}
.approved-photon{width:5px;height:5px}
}
/* === 4T4 v31: arka plan entegrasyonu + dönen dünya === */
.approved-ecosystem-stage{
/* Görselin kendi koyu zemini site hero zeminiyle eritilir. */
-webkit-mask-image:radial-gradient(ellipse 58% 55% at 50% 49%,#000 55%,rgba(0,0,0,.96) 67%,rgba(0,0,0,.45) 84%,transparent 100%);
mask-image:radial-gradient(ellipse 58% 55% at 50% 49%,#000 55%,rgba(0,0,0,.96) 67%,rgba(0,0,0,.45) 84%,transparent 100%);
}
.approved-ecosystem-image{
/* Kenarlardaki siyah/koyu kutu hissini azaltıp mevcut lacivert hero ile birleştirir. */
mix-blend-mode:screen;
opacity:.94;
}
.approved-ecosystem-glow{
background:
radial-gradient(circle at 50% 49%,rgba(16,126,255,.28),rgba(32,70,180,.10) 45%,transparent 72%);
}
/* Onaylanan tasarımdaki dünya, ayrı bir katmanda gerçekten dönüyor. */
.approved-rotating-globe{
position:absolute;
z-index:3;
left:50%;
top:49.4%;
width:44.5%;
aspect-ratio:1/1;
transform:translate(-50%,-50%);
border-radius:50%;
overflow:hidden;
pointer-events:none;
box-shadow:
0 0 18px rgba(34,150,255,.25),
inset 0 0 24px rgba(0,15,52,.30);
}
.approved-rotating-globe img{
position:absolute;
inset:0;
width:100%;
height:100%;
object-fit:cover;
border-radius:50%;
animation:approvedWorldSpin 34s linear infinite;
will-change:transform;
}
.globe-glass{
position:absolute;
inset:0;
z-index:2;
border-radius:50%;
background:
radial-gradient(circle at 31% 22%,rgba(148,224,255,.10),transparent 24%),
radial-gradient(circle at 50% 50%,transparent 58%,rgba(0,5,25,.26) 84%,rgba(0,3,16,.48) 100%);
box-shadow:inset 0 0 0 1px rgba(76,186,255,.30);
}
@keyframes approvedWorldSpin{
from{transform:rotate(0deg) scale(1.025)}
to{transform:rotate(360deg) scale(1.025)}
}
/* Yörünge ışıkları dünyanın önünde kalır. */
.approved-photon{z-index:5}
.approved-scan{z-index:6}
@media (prefers-reduced-motion:reduce){
.approved-rotating-globe img{animation:none}
}
/* === 4T4 v32 FIX: temiz arka plan + kaymasız dünya === */
/* Önceki screen blend dikdörtgen/parlama üretiyordu. */
.approved-ecosystem-stage{
isolation:isolate;
-webkit-mask-image:radial-gradient(ellipse 66% 64% at 50% 49%,
#000 0%, #000 54%, rgba(0,0,0,.98) 64%,
rgba(0,0,0,.82) 74%, rgba(0,0,0,.42) 87%, transparent 100%);
mask-image:radial-gradient(ellipse 66% 64% at 50% 49%,
#000 0%, #000 54%, rgba(0,0,0,.98) 64%,
rgba(0,0,0,.82) 74%, rgba(0,0,0,.42) 87%, transparent 100%);
}
.approved-ecosystem-image{
mix-blend-mode:normal !important;
opacity:1 !important;
filter:none !important;
}
.approved-ecosystem-glow{
inset:10% 10%;
opacity:.42;
filter:blur(42px);
background:radial-gradient(circle at 50% 48%,
rgba(20,115,255,.24) 0%,
rgba(18,69,172,.11) 43%,
transparent 72%);
}
/*
Dünya artık resim gibi kendi merkezi etrafında DÖNDÜRÜLMÜYOR.
O yöntem kıtaları yana/eğik kaydırıyordu.
Bunun yerine dünya katmanı sabit daire içinde çok hafif yatay hareket eder;
kürenin merkezi, çerçevesi ve yörüngeler milim oynamaz.
*/
.approved-rotating-globe{
left:50% !important;
top:49.4% !important;
width:44.5% !important;
transform:translate(-50%,-50%) !important;
border-radius:50%;
overflow:hidden;
background:#061b3e;
box-shadow:
0 0 0 1px rgba(75,190,255,.38),
0 0 26px rgba(29,134,255,.28),
inset 0 0 28px rgba(0,5,28,.42);
}
.approved-rotating-globe img{
inset:-1.5% -4% !important;
width:108% !important;
height:103% !important;
max-width:none !important;
object-fit:cover !important;
border-radius:50%;
transform:none !important;
animation:approvedWorldDrift 18s ease-in-out infinite alternate !important;
will-change:object-position,filter;
filter:saturate(1.04) brightness(.98);
}
@keyframes approvedWorldDrift{
0% {object-position:46% 50%; filter:saturate(1.02) brightness(.96)}
50% {object-position:50% 50%; filter:saturate(1.08) brightness(1.02)}
100% {object-position:54% 50%; filter:saturate(1.02) brightness(.96)}
}
/* Cam katmanı küreye sabit: hareket eden harita bunun altında kalır. */
.globe-glass{
inset:0 !important;
background:
radial-gradient(circle at 31% 22%,rgba(148,224,255,.10),transparent 25%),
radial-gradient(circle at 50% 48%,transparent 56%,rgba(0,9,38,.22) 77%,rgba(0,3,18,.55) 100%);
box-shadow:
inset 0 0 0 1px rgba(88,198,255,.34),
inset -18px -8px 32px rgba(0,4,25,.34);
}
/* Eski büyük tarama çizgisini incelt. */
.approved-scan{
left:23% !important;
right:23% !important;
opacity:.18;
}
/* Kompozisyonun tamamında gereksiz büyüyüp küçülmeyi kaldır:
dünya/yörünge hizası böylece sabit kalır. */
.approved-ecosystem-image{
animation:none !important;
}
.approved-ecosystem-stage{
animation:approvedFloatClean 7s ease-in-out infinite !important;
}
@keyframes approvedFloatClean{
0%,100%{transform:translateY(0)}
50%{transform:translateY(-3px)}
}
@media (prefers-reduced-motion:reduce){
.approved-rotating-globe img,
.approved-ecosystem-stage{animation:none !important}
}
/* === 4T4 v33: gerçek 3D dünya + sabit ikonlar + canlı veri akışı === */
.hero-3d-wrap{
min-height:560px !important;
display:flex !important;
align-items:center;
justify-content:center;
}
.tech-orbit-system{
position:relative;
width:620px;
height:520px;
margin:auto;
isolation:isolate;
overflow:visible;
}
.tech-watermark{
position:absolute;
z-index:-5;
left:50%;
top:46%;
width:560px;
height:360px;
transform:translate(-50%,-50%);
background:url("../images/4t4-logo.png") center/84% auto no-repeat;
opacity:.032;
filter:grayscale(1) brightness(.42) contrast(1.5);
}
/* Data layer */
.dataflow-svg{
position:absolute;
z-index:2;
inset:0;
width:100%;
height:100%;
overflow:visible;
pointer-events:none;
}
.flow-lines use{
fill:none;
stroke:url(#flowGradA);
stroke-width:1.2;
}
.flow-lines .flow-faint{
stroke-width:.9;
stroke-dasharray:4 7;
opacity:.5;
}
.flow-dashes use{
fill:none;
stroke:#35bfff;
stroke-width:1.25;
stroke-linecap:round;
stroke-dasharray:3 11;
opacity:.68;
animation:flowDash 2.2s linear infinite;
}
@keyframes flowDash{to{stroke-dashoffset:-28}}
.flow-particles circle{
fill:#8eeaff;
opacity:.95;
}
.flow-particles circle.violet{
fill:#8d6cff;
}
/* 3D Earth */
.earth3d{
position:absolute;
z-index:5;
left:50%;
top:47.5%;
width:305px;
height:305px;
transform:translate(-50%,-50%);
perspective:900px;
}
.earth3d-aura{
position:absolute;
inset:-24%;
border-radius:50%;
background:radial-gradient(circle,rgba(20,131,255,.24),rgba(10,65,164,.10) 48%,transparent 72%);
filter:blur(18px);
animation:earthAura 3.6s ease-in-out infinite;
}
@keyframes earthAura{
0%,100%{opacity:.55;transform:scale(.95)}
50%{opacity:1;transform:scale(1.07)}
}
.earth3d-sphere{
position:absolute;
inset:0;
overflow:hidden;
border-radius:50%;
background:
radial-gradient(circle at 37% 30%,rgba(42,143,255,.32),transparent 27%),
linear-gradient(140deg,#09295f,#051732 67%,#020a18);
border:1px solid rgba(83,195,255,.85);
box-shadow:
0 0 0 5px rgba(24,91,255,.06),
0 0 35px rgba(0,129,255,.36),
inset 18px 8px 32px rgba(64,164,255,.10),
inset -34px -18px 48px rgba(0,2,16,.66);
}
.earth3d-map{
position:absolute;
z-index:2;
left:0;
top:16%;
width:220%;
height:68%;
background-image:url("../images/earth-map-texture.png");
background-size:50% 100%;
background-repeat:repeat-x;
background-position:0 center;
filter:
drop-shadow(0 0 3px rgba(75,200,255,.70))
drop-shadow(0 0 10px rgba(38,136,255,.44));
opacity:.95;
animation:earthMapSpin 28s linear infinite;
}
@keyframes earthMapSpin{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}
/* Longitude / latitude cage stays stable over moving map */
.earth3d-sphere .lat{
position:absolute;
z-index:4;
left:50%; top:50%;
border:1px solid rgba(77,178,255,.22);
border-radius:50%;
transform:translate(-50%,-50%);
}
.lat1{width:92%;height:22%}.lat2{width:96%;height:48%}
.lat3{width:94%;height:70%}.lat4{width:87%;height:88%;opacity:.58}
.earth3d-sphere .lon{
position:absolute;
z-index:4;
left:50%;top:50%;
width:36%;height:94%;
border:1px solid rgba(77,178,255,.25);
border-radius:50%;
}
.lon1{transform:translate(-50%,-50%) rotate(0deg)}
.lon2{transform:translate(-50%,-50%) rotate(58deg)}
.lon3{transform:translate(-50%,-50%) rotate(118deg)}
.earth-node{
position:absolute;
z-index:6;
width:5px;height:5px;
border-radius:50%;
background:#82e8ff;
box-shadow:0 0 8px #34c7ff,0 0 15px rgba(52,199,255,.7);
animation:earthNodeBlink 2.3s ease-in-out infinite;
}
@keyframes earthNodeBlink{0%,100%{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1.25)}}
.e1{left:31%;top:31%}.e2{left:62%;top:25%;animation-delay:.3s}
.e3{left:75%;top:52%;animation-delay:.7s}.e4{left:58%;top:72%;animation-delay:1s}
.e5{left:29%;top:68%;animation-delay:1.3s}.e6{left:42%;top:49%;animation-delay:1.6s}
.earth3d-shade{
position:absolute;
z-index:7;
inset:0;
border-radius:50%;
background:radial-gradient(circle at 50% 50%,transparent 52%,rgba(0,5,25,.18) 72%,rgba(0,3,16,.70) 100%);
pointer-events:none;
}
.earth3d-shine{
position:absolute;
z-index:8;
inset:0;
border-radius:50%;
background:
radial-gradient(circle at 31% 20%,rgba(187,236,255,.13),transparent 18%),
linear-gradient(112deg,transparent 35%,rgba(106,211,255,.06) 50%,transparent 66%);
animation:earthShine 5s ease-in-out infinite;
pointer-events:none;
}
@keyframes earthShine{0%,100%{transform:translateX(-5%)}50%{transform:translateX(5%)}}
/* 3D orbital rings around globe */
.earth3d-ring{
position:absolute;
z-index:-1;
left:50%;top:50%;
border:1px solid rgba(47,154,255,.26);
border-radius:50%;
pointer-events:none;
}
.er1{width:370px;height:128px;transform:translate(-50%,-50%) rotate(13deg);animation:er1 16s linear infinite}
.er2{width:368px;height:138px;transform:translate(-50%,-50%) rotate(-34deg);animation:er2 20s linear infinite}
.er3{width:155px;height:380px;transform:translate(-50%,-50%) rotate(20deg);animation:er3 24s linear infinite}
@keyframes er1{to{transform:translate(-50%,-50%) rotate(373deg)}}
@keyframes er2{to{transform:translate(-50%,-50%) rotate(-394deg)}}
@keyframes er3{to{transform:translate(-50%,-50%) rotate(380deg)}}
/* Fixed service icons */
.tech-node{
position:absolute;
z-index:10;
width:118px;
display:flex;
flex-direction:column;
align-items:center;
text-align:center;
color:#fff;
text-decoration:none;
}
.tn-icon{
width:72px;height:72px;
display:grid;
place-items:center;
border-radius:50%;
color:#f4fbff;
background:
radial-gradient(circle at 36% 28%,rgba(50,162,255,.18),transparent 32%),
linear-gradient(145deg,rgba(7,32,75,.97),rgba(3,14,36,.97));
border:1px solid rgba(70,172,255,.80);
box-shadow:
0 0 0 5px rgba(36,91,255,.06),
0 0 24px rgba(0,133,255,.22),
inset 0 0 16px rgba(36,137,255,.10);
transition:.28s;
}
.tn-icon svg{width:34px;height:34px}
.tech-node b{margin-top:9px;font-size:12px;line-height:1.08}
.tech-node small{margin-top:3px;font-size:8px;color:#9cb2d2;line-height:1.15}
.tech-node:hover .tn-icon{
border-color:#80efff;
box-shadow:
0 0 0 7px rgba(36,91,255,.08),
0 0 34px rgba(0,194,255,.38),
inset 0 0 20px rgba(60,161,255,.14);
}
.tn-erp{left:52px;top:15px}
.tn-ai{right:49px;top:15px}
.tn-cloud{left:-6px;top:210px}
.tn-web{right:-6px;top:210px}
.tn-commerce{left:69px;bottom:0}
.tn-bi{right:58px;bottom:0}
/* Responsive */
@media(max-width:1180px){
.tech-orbit-system{transform:scale(.92)}
}
@media(max-width:980px){
.hero-3d-wrap{min-height:515px !important}
.tech-orbit-system{transform:scale(.84);transform-origin:center top}
}
@media(max-width:620px){
.hero-3d-wrap{min-height:430px !important}
.tech-orbit-system{transform:scale(.70);transform-origin:center top}
}
@media(prefers-reduced-motion:reduce){
.earth3d-map,.earth3d-ring,.flow-dashes{animation:none !important}
}
/* =========================================================
4T4 v34 — approved 3D ecosystem
Fixed service icons + true equirectangular rotating earth
+ visible animated data flow
========================================================= */
.hero-3d-wrap{
min-height:575px !important;
display:flex !important;
align-items:center;
justify-content:center;
}
.tech-orbit-system{
width:650px !important;
height:540px !important;
position:relative;
overflow:visible;
isolation:isolate;
background:transparent !important;
}
/* Giant 4T4 emboss, integrated into the site's existing dark hero. */
.tech-watermark{
width:610px !important;
height:365px !important;
top:43% !important;
opacity:.042 !important;
background-size:84% auto !important;
filter:grayscale(1) brightness(.42) contrast(1.6) !important;
}
/* ---------- Earth: larger, centered, proper 3D depth ---------- */
.earth3d{
width:338px !important;
height:338px !important;
left:50% !important;
top:48.5% !important;
transform:translate(-50%,-50%) !important;
perspective:1000px;
z-index:6 !important;
}
.earth3d-aura{
inset:-27% !important;
background:
radial-gradient(circle,
rgba(42,161,255,.24) 0%,
rgba(28,103,226,.14) 38%,
rgba(31,67,179,.06) 55%,
transparent 72%) !important;
filter:blur(22px) !important;
}
.earth3d-sphere{
border:1.5px solid rgba(101,216,255,.88) !important;
background:
radial-gradient(circle at 34% 27%,rgba(66,177,255,.23),transparent 24%),
radial-gradient(circle at 50% 48%,#092a63 0%,#061c42 50%,#031126 77%,#010712 100%) !important;
box-shadow:
0 0 0 5px rgba(32,116,255,.045),
0 0 38px rgba(15,148,255,.34),
0 0 78px rgba(22,94,230,.13),
inset 20px 10px 36px rgba(86,190,255,.09),
inset -48px -25px 65px rgba(0,2,15,.72) !important;
}
/*
Real equirectangular world texture.
It is 2:1 and transparent, so there are no rectangular blocks.
Two copies repeat seamlessly; only the land moves, sphere never shifts.
*/
.earth3d-map{
z-index:2 !important;
left:0 !important;
top:14% !important;
width:200% !important;
height:72% !important;
background-image:url("../images/earth-map-equirectangular.svg") !important;
background-size:50% 100% !important;
background-repeat:repeat-x !important;
background-position:0 50% !important;
opacity:.92 !important;
filter:
drop-shadow(0 0 2px rgba(139,235,255,.82))
drop-shadow(0 0 7px rgba(46,164,255,.52))
drop-shadow(0 0 17px rgba(40,110,255,.22)) !important;
animation:earthMapTrueSpin 31s linear infinite !important;
will-change:transform;
}
@keyframes earthMapTrueSpin{
from{transform:translate3d(0,0,0)}
to{transform:translate3d(-50%,0,0)}
}
/* Give the continents the dotted / digital feel from the approved mockup. */
.earth3d-sphere::before{
content:"";
position:absolute;
z-index:3;
inset:0;
border-radius:50%;
pointer-events:none;
opacity:.19;
background-image:
radial-gradient(circle,rgba(111,222,255,.85) 0 1px,transparent 1.25px);
background-size:8px 8px;
-webkit-mask-image:radial-gradient(circle,#000 0 64%,transparent 87%);
mask-image:radial-gradient(circle,#000 0 64%,transparent 87%);
}
/* Latitude / longitude shell: stable and understated. */
.earth3d-sphere .lat,
.earth3d-sphere .lon{
border-color:rgba(85,185,255,.19) !important;
}
.lat1{width:94% !important;height:21% !important}
.lat2{width:97% !important;height:45% !important}
.lat3{width:95% !important;height:67% !important}
.lat4{width:88% !important;height:86% !important}
.lon1{width:34% !important;height:96% !important}
.lon2{width:34% !important;height:96% !important}
.lon3{width:34% !important;height:96% !important}
.earth3d-shade{
background:
radial-gradient(circle at 50% 50%,
transparent 50%,
rgba(0,5,28,.13) 66%,
rgba(0,3,18,.58) 89%,
rgba(0,2,12,.82) 100%) !important;
}
.earth3d-shine{
background:
radial-gradient(circle at 29% 20%,rgba(198,241,255,.14),transparent 18%),
linear-gradient(115deg,transparent 28%,rgba(94,207,255,.055) 47%,transparent 66%) !important;
}
/* network dots on sphere */
.earth-node{
width:5px !important;
height:5px !important;
background:#96eeff !important;
box-shadow:0 0 7px #45d5ff,0 0 16px rgba(39,177,255,.82) !important;
}
/* Orbit rings around Earth closer to the approved visual */
.earth3d-ring{
border-color:rgba(50,162,255,.34) !important;
}
.er1{
width:438px !important;height:140px !important;
transform:translate(-50%,-50%) rotate(10deg) !important;
animation:earthOrbitA 18s linear infinite !important;
}
.er2{
width:430px !important;height:150px !important;
transform:translate(-50%,-50%) rotate(-31deg) !important;
animation:earthOrbitB 23s linear infinite !important;
}
.er3{
width:172px !important;height:438px !important;
transform:translate(-50%,-50%) rotate(22deg) !important;
animation:earthOrbitC 27s linear infinite !important;
}
@keyframes earthOrbitA{to{transform:translate(-50%,-50%) rotate(370deg)}}
@keyframes earthOrbitB{to{transform:translate(-50%,-50%) rotate(-391deg)}}
@keyframes earthOrbitC{to{transform:translate(-50%,-50%) rotate(382deg)}}
/* ---------- Data flow: stronger, directional, always behind icons ---------- */
.dataflow-svg{
z-index:3 !important;
width:100% !important;
height:100% !important;
opacity:.98;
}
.flow-lines use{
stroke-width:1.25 !important;
stroke:rgba(37,147,255,.47) !important;
}
.flow-lines .flow-faint{
stroke:rgba(83,107,255,.32) !important;
stroke-dasharray:4 8 !important;
}
.flow-dashes use{
stroke:#2cc5ff !important;
stroke-width:1.45 !important;
stroke-dasharray:2 8 !important;
opacity:.78 !important;
animation:flowDashV34 1.8s linear infinite !important;
}
@keyframes flowDashV34{
to{stroke-dashoffset:-40}
}
.flow-particles circle{
fill:#a2f1ff !important;
filter:drop-shadow(0 0 4px #39cfff);
}
.flow-particles circle.violet{
fill:#9273ff !important;
}
/* ---------- Static icon layout matching the approved mockup ---------- */
.tech-node{
width:126px !important;
z-index:12 !important;
transform:none !important;
}
.tech-node:hover{
transform:none !important;
}
.tn-icon{
width:78px !important;
height:78px !important;
background:
radial-gradient(circle at 35% 28%,rgba(63,178,255,.18),transparent 30%),
linear-gradient(145deg,rgba(7,34,78,.98),rgba(2,13,34,.98)) !important;
border:1px solid rgba(69,186,255,.91) !important;
box-shadow:
0 0 0 5px rgba(37,97,255,.055),
0 0 21px rgba(0,139,255,.30),
inset 0 0 18px rgba(55,159,255,.10) !important;
}
.tn-icon::after{
content:"";
position:absolute;
width:5px;height:5px;
border-radius:50%;
background:#82ecff;
box-shadow:0 0 9px #36cfff;
transform:translate(35px,-29px);
animation:iconDataPulse 2.4s ease-in-out infinite;
}
@keyframes iconDataPulse{
0%,100%{opacity:.35;transform:translate(35px,-29px) scale(.72)}
50%{opacity:1;transform:translate(35px,-29px) scale(1.25)}
}
.tn-icon svg{width:37px !important;height:37px !important}
.tech-node b{
font-size:13px !important;
margin-top:10px !important;
font-weight:800 !important;
}
.tech-node small{
font-size:9px !important;
color:#b2c1d9 !important;
}
/* symmetrical positions */
.tn-erp{left:44px !important;top:8px !important}
.tn-ai{right:42px !important;top:8px !important}
.tn-cloud{left:-12px !important;top:205px !important}
.tn-web{right:-12px !important;top:205px !important}
.tn-commerce{left:53px !important;bottom:-2px !important}
.tn-bi{right:50px !important;bottom:-2px !important}
/* Make the component feel like part of the hero, not a picture pasted on it. */
.tech-orbit-system::before{
content:"";
position:absolute;
z-index:-6;
inset:3% -5% -2%;
background:
radial-gradient(circle at 50% 48%,
rgba(22,105,233,.14) 0%,
rgba(15,57,143,.06) 41%,
transparent 70%);
filter:blur(30px);
pointer-events:none;
}
/* Mobile scaling remains centered and stable. */
@media(max-width:1180px){
.tech-orbit-system{transform:scale(.90) !important}
}
@media(max-width:980px){
.hero-3d-wrap{min-height:525px !important}
.tech-orbit-system{transform:scale(.82) !important;transform-origin:center top !important}
}
@media(max-width:620px){
.hero-3d-wrap{min-height:435px !important}
.tech-orbit-system{transform:scale(.69) !important;transform-origin:center top !important}
}
@media(prefers-reduced-motion:reduce){
.earth3d-map,
.earth3d-ring,
.flow-dashes{animation:none !important}
}
/* =========================================================
4T4 v35 — gerçek küresel harita projeksiyonlu 3D dünya
(Canvas renderer + sabit servis ikonları + canlı veri akışı)
========================================================= */
.globe-canvas-shell{
width:342px !important;
height:342px !important;
left:50% !important;
top:48% !important;
transform:translate(-50%,-50%) !important;
z-index:7 !important;
overflow:visible !important;
perspective:none !important;
}
/* Eski v34 küre katmanlarını tamamen devreden çıkar */
.globe-canvas-shell .earth3d-aura,
.globe-canvas-shell .earth3d-sphere,
.globe-canvas-shell .earth3d-ring{
display:none !important;
}
.t4-globe-canvas{
position:absolute;
z-index:5;
inset:0;
display:block;
width:100%;
height:100%;
border-radius:50%;
background:transparent;
filter:
drop-shadow(0 0 9px rgba(102,221,255,.52))
drop-shadow(0 0 34px rgba(16,128,255,.36));
}
.globe-halo{
position:absolute;
left:50%;
top:50%;
border-radius:50%;
transform:translate(-50%,-50%);
pointer-events:none;
}
.halo-a{
width:126%;
height:126%;
background:radial-gradient(circle,rgba(26,139,255,.19),rgba(38,81,215,.08) 45%,transparent 70%);
filter:blur(18px);
animation:globeHaloA 4s ease-in-out infinite;
}
.halo-b{
width:105%;
height:105%;
border:1px solid rgba(88,208,255,.26);
box-shadow:0 0 32px rgba(21,151,255,.18);
animation:globeHaloB 5s ease-in-out infinite;
}
@keyframes globeHaloA{0%,100%{opacity:.55;transform:translate(-50%,-50%) scale(.96)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes globeHaloB{0%,100%{opacity:.42}50%{opacity:.85}}
/* Cam / atmosfer katmanı */
.globe-front-glass{
position:absolute;
z-index:8;
inset:0;
border-radius:50%;
pointer-events:none;
background:
radial-gradient(circle at 31% 19%,rgba(203,245,255,.14),transparent 18%),
radial-gradient(circle at 50% 48%,transparent 55%,rgba(0,7,30,.17) 72%,rgba(0,3,17,.56) 96%);
box-shadow:
inset 0 0 0 1px rgba(104,218,255,.47),
inset 20px 8px 36px rgba(100,205,255,.06),
inset -38px -20px 62px rgba(0,2,15,.38);
}
/* Ön/arka yörünge hissi */
.globe-orbit-ring{
position:absolute;
z-index:3;
left:50%;
top:50%;
border:1px solid rgba(51,164,255,.30);
border-radius:50%;
pointer-events:none;
}
.gor1{
width:425px;height:142px;
transform:translate(-50%,-50%) rotate(10deg);
animation:gor1 18s linear infinite;
}
.gor2{
width:420px;height:150px;
transform:translate(-50%,-50%) rotate(-32deg);
animation:gor2 23s linear infinite;
}
.gor3{
width:172px;height:430px;
transform:translate(-50%,-50%) rotate(21deg);
animation:gor3 27s linear infinite;
}
@keyframes gor1{to{transform:translate(-50%,-50%) rotate(370deg)}}
@keyframes gor2{to{transform:translate(-50%,-50%) rotate(-392deg)}}
@keyframes gor3{to{transform:translate(-50%,-50%) rotate(381deg)}}
.globe-spark{
position:absolute;
z-index:10;
width:6px;height:6px;
border-radius:50%;
background:#91efff;
box-shadow:0 0 8px #3bd2ff,0 0 19px rgba(44,184,255,.88);
animation:globeSpark 2.6s ease-in-out infinite;
}
.sp1{left:16%;top:43%}
.sp2{right:14%;top:31%;animation-delay:.6s}
.sp3{right:21%;bottom:18%;animation-delay:1.1s}
.sp4{left:29%;bottom:14%;animation-delay:1.7s}
@keyframes globeSpark{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.35)}}
/* Dış veri yolları, hedef görseldeki gibi daha parlak ve akışkan */
.dataflow-svg{
z-index:4 !important;
filter:drop-shadow(0 0 3px rgba(30,155,255,.22));
}
.flow-lines use{
stroke:rgba(49,153,255,.52) !important;
stroke-width:1.25 !important;
}
.flow-dashes use{
stroke:#38caff !important;
stroke-width:1.35 !important;
stroke-dasharray:3 9 !important;
opacity:.84 !important;
animation:flowDashV35 1.65s linear infinite !important;
}
@keyframes flowDashV35{to{stroke-dashoffset:-48}}
.flow-particles circle{
fill:#a8f3ff !important;
opacity:1 !important;
}
/* Hedef tasarımdaki sabit ve daha kompakt servis ikonları */
.tech-node{
z-index:13 !important;
width:126px !important;
}
.tn-icon{
width:76px !important;
height:76px !important;
border-color:rgba(76,192,255,.94) !important;
background:
radial-gradient(circle at 34% 26%,rgba(57,173,255,.18),transparent 31%),
linear-gradient(145deg,rgba(5,31,72,.98),rgba(2,12,32,.99)) !important;
box-shadow:
0 0 0 4px rgba(41,104,255,.055),
0 0 23px rgba(0,151,255,.27),
inset 0 0 17px rgba(57,159,255,.10) !important;
}
.tn-icon svg{width:36px !important;height:36px !important}
.tech-node b{font-size:13px !important}
.tech-node small{font-size:9px !important;color:#b8c7dc !important}
/* Hedef kompozisyona daha yakın simetrik konum */
.tn-erp{left:43px !important;top:6px !important}
.tn-ai{right:42px !important;top:6px !important}
.tn-cloud{left:-14px !important;top:207px !important}
.tn-web{right:-14px !important;top:207px !important}
.tn-commerce{left:55px !important;bottom:-4px !important}
.tn-bi{right:52px !important;bottom:-4px !important}
/* Arka plan sitenin kendi hero rengi; yeni bir dikdörtgen yüzey yok */
.tech-orbit-system::before{
inset:-3% -8% -5% !important;
background:
radial-gradient(circle at 50% 47%,rgba(21,108,235,.14),rgba(12,50,128,.055) 42%,transparent 72%) !important;
filter:blur(36px) !important;
}
/* watermark referanstaki belli-belirsiz kabartma */
.tech-watermark{
opacity:.034 !important;
top:42% !important;
width:620px !important;
height:350px !important;
}
@media(max-width:1180px){
.tech-orbit-system{transform:scale(.90) !important}
}
@media(max-width:980px){
.hero-3d-wrap{min-height:530px !important}
.tech-orbit-system{transform:scale(.82) !important;transform-origin:center top !important}
}
@media(max-width:620px){
.hero-3d-wrap{min-height:440px !important}
.tech-orbit-system{transform:scale(.69) !important;transform-origin:center top !important}
}
@media(prefers-reduced-motion:reduce){
.globe-orbit-ring,.flow-dashes,.globe-spark{animation:none !important}
}
/* =========================================================
4T4 v36 — digital Earth polish + target-style service nodes
========================================================= */
/* Larger, cleaner icon discs like the approved reference */
.tn-icon{
position:relative !important;
width:82px !important;
height:82px !important;
border:1.5px solid rgba(74,194,255,.96) !important;
background:
radial-gradient(circle at 34% 27%,rgba(49,170,255,.18),transparent 29%),
linear-gradient(145deg,#072453 0%,#03142f 72%,#020d22 100%) !important;
box-shadow:
0 0 0 5px rgba(35,100,255,.055),
0 0 18px rgba(0,177,255,.30),
0 0 34px rgba(40,79,255,.13),
inset 0 0 22px rgba(40,148,255,.12) !important;
}
/* Small glowing nodes around each icon ring */
.tn-icon::before,
.tn-icon::after{
content:"";
position:absolute;
width:6px;height:6px;
border-radius:50%;
background:#7eedff;
box-shadow:0 0 9px #2bd1ff,0 0 16px rgba(42,194,255,.64);
pointer-events:none;
}
.tn-icon::before{left:-3px;top:50%;transform:translateY(-50%)}
.tn-icon::after{right:-3px;top:18%}
.tech-node:nth-of-type(even) .tn-icon::after{
top:auto;
bottom:15%;
}
.tech-node:hover .tn-icon{
border-color:#9bf3ff !important;
box-shadow:
0 0 0 6px rgba(35,100,255,.075),
0 0 25px rgba(0,207,255,.45),
0 0 48px rgba(52,82,255,.17),
inset 0 0 24px rgba(62,169,255,.15) !important;
}
/* White, high-contrast line icons */
.tn-icon svg{
width:38px !important;
height:38px !important;
color:#f7fcff !important;
filter:drop-shadow(0 0 3px rgba(124,219,255,.22));
}
.tech-node b{
margin-top:10px !important;
font-size:13px !important;
font-weight:850 !important;
color:#fff !important;
letter-spacing:-.01em;
}
.tech-node small{
margin-top:4px !important;
font-size:9px !important;
color:#b8c7dd !important;
line-height:1.15 !important;
}
/* Data paths more visible and directional, without moving the icons */
.flow-lines use{
stroke:rgba(49,157,255,.48) !important;
stroke-width:1.15 !important;
}
.flow-dashes use{
stroke:#36cfff !important;
stroke-width:1.5 !important;
stroke-dasharray:3 9 !important;
opacity:.90 !important;
filter:drop-shadow(0 0 2px rgba(55,204,255,.46));
}
/* Make globe slightly brighter at rim but keep center dark/premium */
.globe-front-glass{
box-shadow:
inset 0 0 0 1px rgba(111,224,255,.60),
inset 20px 7px 35px rgba(108,209,255,.07),
inset -43px -23px 65px rgba(0,2,15,.43),
0 0 16px rgba(60,190,255,.12) !important;
}
/* =========================================================
4T4 v38 — Nebim V3 Digital Core
Uses the user's original Nebim V3 logo.
========================================================= */
.nebim-core-scene{
position:relative;
width:min(620px,100%);
height:470px;
margin-inline:auto;
isolation:isolate;
border-radius:34px;
background:
radial-gradient(circle at 50% 48%,rgba(24,130,255,.16),transparent 31%),
radial-gradient(circle at 50% 48%,rgba(82,50,255,.07),transparent 54%);
}
.nebim-core-scene::before{
content:"";
position:absolute;inset:18px;
border-radius:30px;
border:1px solid rgba(63,157,255,.12);
background:
linear-gradient(rgba(40,126,255,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(40,126,255,.035) 1px,transparent 1px);
background-size:32px 32px;
-webkit-mask:radial-gradient(circle at center,#000 20%,transparent 76%);
mask:radial-gradient(circle at center,#000 20%,transparent 76%);
pointer-events:none;
}
.nebim-core-watermark{
position:absolute;left:50%;top:49%;
transform:translate(-50%,-50%);
font-size:310px;font-weight:950;line-height:1;
letter-spacing:-.11em;color:rgba(91,156,255,.022);
text-shadow:0 0 60px rgba(33,112,255,.03);
user-select:none;pointer-events:none;z-index:-1;
}
.nebim-core-flow{
position:absolute;inset:0;width:100%;height:100%;
overflow:visible;z-index:1;pointer-events:none;
}
.nc-lines use{
fill:none;stroke:rgba(49,142,255,.28);stroke-width:1.2;
}
.nc-dashes use{
fill:none;stroke:#36d8ff;stroke-width:1.4;
stroke-dasharray:3 10;opacity:.74;
animation:ncDash 1.6s linear infinite;
}
@keyframes ncDash{to{stroke-dashoffset:-52}}
.nc-packets circle{fill:#a7f4ff;filter:drop-shadow(0 0 6px #26ceff)}
.nebim-core-center{
position:absolute;left:50%;top:49%;width:214px;height:214px;
transform:translate(-50%,-50%);
display:flex;flex-direction:column;align-items:center;justify-content:center;
z-index:5;
}
.nebim-logo-glass{
position:relative;width:158px;height:158px;border-radius:36px;
display:grid;place-items:center;overflow:hidden;
border:1px solid rgba(88,193,255,.72);
background:
radial-gradient(circle at 32% 20%,rgba(97,208,255,.17),transparent 28%),
linear-gradient(145deg,rgba(8,43,92,.97),rgba(3,17,43,.98));
box-shadow:
inset 0 0 28px rgba(60,170,255,.10),
0 0 0 5px rgba(41,102,255,.035),
0 0 35px rgba(0,147,255,.24);
}
.nebim-logo-glass::after{
content:"";position:absolute;inset:0;
background:linear-gradient(120deg,transparent 22%,rgba(255,255,255,.08) 42%,transparent 59%);
transform:translateX(-130%);
animation:ncGlass 5.8s ease-in-out infinite;
}
@keyframes ncGlass{0%,62%{transform:translateX(-130%)}82%,100%{transform:translateX(130%)}}
.nebim-logo-glass img{
width:118px;height:118px;object-fit:contain;
filter:drop-shadow(0 0 9px rgba(58,178,255,.23));
position:relative;z-index:2;
}
.nc-orbit{
position:absolute;left:50%;top:50%;border-radius:50%;
border:1px solid rgba(46,176,255,.34);pointer-events:none;
}
.nc-o1{width:205px;height:105px;animation:ncOrbit1 11s linear infinite}
.nc-o2{width:112px;height:212px;animation:ncOrbit2 14s linear infinite}
@keyframes ncOrbit1{from{transform:translate(-50%,-50%) rotate(18deg)}to{transform:translate(-50%,-50%) rotate(378deg)}}
@keyframes ncOrbit2{from{transform:translate(-50%,-50%) rotate(-28deg)}to{transform:translate(-50%,-50%) rotate(332deg)}}
.nc-pulse-ring{
position:absolute;width:186px;height:186px;border-radius:50%;
border:1px solid rgba(74,215,255,.20);
animation:ncPulse 2.8s ease-out infinite;
}
@keyframes ncPulse{0%{opacity:.65;transform:scale(.82)}100%{opacity:0;transform:scale(1.28)}}
.nc-status{
position:absolute;top:178px;white-space:nowrap;
font-size:9px;font-weight:800;letter-spacing:.20em;color:#9eeaff;
}
.nc-status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#54eaff;box-shadow:0 0 9px #35d8ff;margin-right:7px}
.nc-live{
position:absolute;top:197px;display:flex;gap:6px;white-space:nowrap;
}
.nc-live span{
font-size:6.5px;letter-spacing:.10em;color:#91a9c9;
border:1px solid rgba(66,147,255,.16);border-radius:999px;padding:3px 6px;
}
.nc-module{
position:absolute;z-index:6;
min-width:154px;height:58px;padding:0 14px 0 11px;
display:flex;align-items:center;gap:10px;
border-radius:16px;border:1px solid rgba(65,158,255,.42);
background:
linear-gradient(145deg,rgba(8,37,80,.94),rgba(3,18,45,.96));
box-shadow:inset 0 0 18px rgba(54,146,255,.055),0 10px 30px rgba(0,8,30,.20);
transition:.3s ease;
}
.nc-module:hover{
transform:translateY(-3px);
border-color:rgba(87,218,255,.90);
box-shadow:inset 0 0 22px rgba(55,172,255,.10),0 0 25px rgba(0,174,255,.17);
}
.nc-module-icon{
width:31px;height:31px;border-radius:10px;display:grid;place-items:center;
color:#eafaff;font-size:17px;border:1px solid rgba(78,188,255,.38);
background:rgba(11,52,103,.66);box-shadow:inset 0 0 12px rgba(44,162,255,.08);
}
.nc-module div{display:flex;flex-direction:column;gap:3px}
.nc-module b{font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.035em;color:#fff}
.nc-module small{font-size:7.5px;color:#91a7c5;white-space:nowrap}
.nc-module>i{
margin-left:auto;width:6px;height:6px;border-radius:50%;
background:#5cecff;box-shadow:0 0 9px #31d5ff;
animation:ncLed 1.8s ease-in-out infinite;
}
@keyframes ncLed{50%{opacity:.38;box-shadow:0 0 3px #31d5ff}}
.nc-web{left:22px;top:75px}
.nc-mobile{right:22px;top:75px}
.nc-store{left:7px;top:263px}
.nc-auto{right:7px;top:263px}
.nc-integration{left:50%;bottom:9px;transform:translateX(-50%)}
.nc-integration:hover{transform:translateX(-50%) translateY(-3px)}
.nc-caption{
position:absolute;right:26px;top:28px;
font-size:8px;font-weight:800;letter-spacing:.18em;color:#7898c4;
}
@media(max-width:700px){
.nebim-core-scene{transform:scale(.83);transform-origin:center top;margin-bottom:-70px}
}
@media(max-width:500px){
.nebim-core-scene{transform:scale(.66);margin-bottom:-150px}
}
@media(prefers-reduced-motion:reduce){
.nc-dashes use,.nc-orbit,.nc-pulse-ring,.nebim-logo-glass::after,.nc-module>i{animation:none!important}
}
/* =========================================================
4T4 v39 — E-Commerce / Nebim V3 Revenue Mobile Dashboard
========================================================= */
.revenue-stage{position:relative;width:620px;height:470px;max-width:100%;isolation:isolate}
.revenue-stage::before{
content:"";position:absolute;inset:38px 62px;border-radius:50%;
background:radial-gradient(circle,rgba(31,117,255,.13),transparent 66%);
filter:blur(10px);pointer-events:none
}
.revenue-halo{position:absolute;left:50%;top:50%;border:1px solid rgba(45,150,255,.13);border-radius:50%;pointer-events:none}
.rh1{width:430px;height:240px;transform:translate(-50%,-50%) rotate(17deg)}
.rh2{width:350px;height:310px;transform:translate(-50%,-50%) rotate(-24deg)}
.revenue-phone{
width:244px!important;height:430px!important;padding:8px!important;
transform:translate(-50%,-50%) rotate(-3deg)!important;
border-radius:42px!important;
background:linear-gradient(145deg,#385d9a 0%,#0a1d43 9%,#020817 52%,#17365f 100%)!important;
border:1px solid rgba(102,188,255,.72)!important;
box-shadow:0 35px 90px rgba(0,30,100,.42),0 0 38px rgba(31,147,255,.20),inset 0 0 0 1px rgba(255,255,255,.06)!important;
z-index:8
}
.phone-shell-highlight{position:absolute;inset:1px;border-radius:41px;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 20% 80%,rgba(73,191,255,.07));pointer-events:none}
.phone-island{position:absolute;z-index:12;top:15px;left:50%;transform:translateX(-50%);width:76px;height:19px;border-radius:20px;background:#010713;border:1px solid rgba(92,155,225,.13);display:grid;place-items:center}
.phone-island span{width:5px;height:5px;border-radius:50%;background:#102d55;box-shadow:0 0 4px #27bfff}
.revenue-screen{
height:414px!important;border-radius:34px!important;padding:38px 14px 12px!important;
align-items:stretch!important;justify-content:flex-start!important;
background:
radial-gradient(circle at 70% 16%,rgba(26,127,255,.15),transparent 28%),
linear-gradient(165deg,#071d43,#020b1d 58%,#04142d)!important;
overflow:hidden
}
.report-top{display:flex;align-items:center;justify-content:space-between}
.report-brand{display:flex;align-items:center;gap:7px}
.report-brand img{width:27px!important;height:27px!important;object-fit:contain!important;filter:drop-shadow(0 0 5px rgba(53,174,255,.20))}
.report-brand div{display:flex;flex-direction:column;gap:2px}
.report-brand b{font-size:7.5px;letter-spacing:.07em;color:#fff}
.report-brand small{font-size:5.5px!important;letter-spacing:.09em!important;color:#65d9ff!important;margin:0!important}
.live-dot{font-size:5.5px;font-weight:800;color:#8af2ff;border:1px solid rgba(67,211,255,.30);padding:4px 6px;border-radius:99px;background:rgba(30,180,255,.06)}
.live-dot::before{content:"";display:inline-block;width:4px;height:4px;border-radius:50%;background:#51e9ff;box-shadow:0 0 7px #28d8ff;margin-right:4px;animation:revBlink 1.5s ease-in-out infinite}
.report-period{margin-top:13px;display:flex;gap:4px;padding:3px;background:rgba(255,255,255,.025);border:1px solid rgba(82,146,222,.11);border-radius:8px}
.report-period span{flex:1;text-align:center;font-size:5.8px;color:#7e96b9;padding:4px 2px;border-radius:6px}
.report-period .active{color:#dffbff;background:linear-gradient(90deg,rgba(43,110,255,.22),rgba(25,209,255,.12));box-shadow:inset 0 0 0 1px rgba(73,194,255,.16)}
.main-revenue{margin-top:13px;display:flex;flex-direction:column;align-items:flex-start}
.main-revenue small{font-size:6px!important;color:#7f9abd!important;letter-spacing:.12em!important;margin:0 0 4px!important}
.main-revenue strong{font-size:25px!important;line-height:1!important;letter-spacing:-.04em!important;color:#fff!important;text-shadow:0 0 18px rgba(44,169,255,.16)}
.main-revenue .up{margin-top:6px;font-size:6px;color:#6df0c6;background:rgba(46,217,164,.07);border:1px solid rgba(64,226,179,.13);padding:3px 5px;border-radius:5px}
.main-revenue .up em{font-style:normal;color:#7893b5;margin-left:3px}
.revenue-chart{width:100%;height:74px;margin-top:4px;overflow:visible}
.chart-fill{fill:url(#revFill)}
.chart-line{fill:none;stroke:#37d8ff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 4px rgba(41,211,255,.7));stroke-dasharray:330;stroke-dashoffset:330;animation:revDraw 2.3s ease forwards}
.chart-pulse{fill:#aaf8ff;filter:drop-shadow(0 0 5px #29dfff);animation:revPoint 1.5s ease-in-out infinite}
.report-cards{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:1px}
.report-cards>div{padding:8px;border-radius:9px;border:1px solid rgba(71,151,244,.13);background:linear-gradient(145deg,rgba(18,53,101,.52),rgba(4,20,48,.56));display:flex;flex-direction:column;gap:3px}
.report-cards small,.last-year small{font-size:5.3px!important;color:#7893b5!important;letter-spacing:.08em!important;margin:0!important}
.report-cards b{font-size:10px;color:#fff}
.report-cards span{font-size:5.5px;color:#65e7bf}
.last-year{margin-top:6px;padding:8px 9px;border-radius:9px;border:1px solid rgba(74,150,239,.13);background:rgba(5,24,54,.55);display:flex;align-items:center;justify-content:space-between}
.last-year>div:first-child{display:flex;flex-direction:column;gap:3px}
.last-year b{font-size:10px;color:#d9e8ff}
.compare-ring{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#29d6ff 0 24%,rgba(43,105,180,.16) 24% 100%);position:relative}
.compare-ring::after{content:"";position:absolute;inset:4px;border-radius:50%;background:#06172f}
.compare-ring span{position:relative;z-index:2;font-size:6px;font-weight:800;color:#7feaff}
.report-footer{margin-top:6px;display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid rgba(75,133,204,.10)}
.report-footer span{font-size:5px;color:#536f95;letter-spacing:.09em}.report-footer b{font-size:5px;color:#52dfff;letter-spacing:.08em}
.commerce-dataflow{position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none;overflow:visible}
.ec-flow-lines use{fill:none;stroke:rgba(54,151,255,.40);stroke-width:1.1;stroke-dasharray:3 6}
.ec-flow-packets circle{fill:#9af4ff;filter:drop-shadow(0 0 6px #23d9ff)}
.revenue-tile{
width:150px!important;min-height:61px;padding:11px 13px!important;
display:grid!important;grid-template-columns:1fr auto!important;grid-template-rows:auto auto auto!important;
border-radius:16px!important;background:linear-gradient(145deg,rgba(8,31,70,.96),rgba(3,15,38,.96))!important;
border:1px solid rgba(71,163,255,.43)!important;box-shadow:0 14px 36px rgba(0,25,80,.26),inset 0 0 18px rgba(47,150,255,.045)!important;
animation:none!important;z-index:7
}
.revenue-tile b{grid-column:1;font-size:7px!important;margin:0 0 4px!important;color:#40dcff!important}
.revenue-tile strong{grid-column:1;font-size:8px;letter-spacing:.04em;color:#fff}
.revenue-tile small{grid-column:1;font-size:8px;color:#91a8c8;margin-top:3px}
.revenue-tile i{grid-column:2;grid-row:1/4;align-self:center;width:6px;height:6px;border-radius:50%;background:#5beeff;box-shadow:0 0 10px #2edcff;animation:revBlink 1.7s ease-in-out infinite}
.revenue-tile:hover{border-color:rgba(92,222,255,.85)!important;box-shadow:0 0 28px rgba(26,180,255,.16)!important}
.revenue-stage .ct1{left:0!important;top:86px!important}
.revenue-stage .ct2{right:0!important;top:92px!important}
.revenue-stage .ct3{left:8px!important;bottom:72px!important}
.revenue-stage .ct4{right:0!important;bottom:78px!important}
@keyframes revDraw{to{stroke-dashoffset:0}}
@keyframes revBlink{50%{opacity:.38}}
@keyframes revPoint{50%{r:5;opacity:.55}}
@media(max-width:700px){
.revenue-stage{transform:scale(.82);transform-origin:center top;margin-bottom:-78px}
}
@media(max-width:500px){
.revenue-stage{transform:scale(.66);margin-bottom:-155px}
}
@media(prefers-reduced-motion:reduce){
.chart-line,.chart-pulse,.live-dot::before,.revenue-tile i{animation:none!important}
}
/* =========================================================
4T4 v40 — Nebim V3 Solutions Landing Page
========================================================= */
.nebim-v40{background:#f6f8fc}
.nebim40-hero{
position:relative;overflow:hidden;padding:95px 0 90px;color:#fff;
background:
radial-gradient(circle at 75% 35%,rgba(18,107,255,.25),transparent 26%),
radial-gradient(circle at 60% 88%,rgba(105,46,255,.14),transparent 30%),
linear-gradient(135deg,#030818,#071932 58%,#030818)
}
.nebim40-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(73,145,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(73,145,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,transparent,#000 26%,#000 70%,transparent)}
.nebim40-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:55px}
.nebim40-brandline{display:flex;align-items:center;gap:12px;margin:30px 0 20px}
.nebim40-brandline img{width:92px;height:42px;object-fit:contain;filter:brightness(0) invert(1);opacity:.92}
.nebim40-brandline span{color:#49648f}.nebim40-brandline b{font-size:9px;letter-spacing:.16em;color:#8fa6ca}
.nebim40-copy h1{max-width:730px;font-size:clamp(48px,5vw,76px);line-height:.98;letter-spacing:-.055em;margin:14px 0 24px}
.nebim40-copy h1 span,.n40-copyblock h2 span,.n40-section-head h2 span,.n40-version h2 span{background:linear-gradient(90deg,#8052ff,#3187ff,#00d0ff);-webkit-background-clip:text;color:transparent}
.nebim40-copy>p{max-width:720px;color:#b7c4da;font-size:16px;line-height:1.8}
.nebim40-tags{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 27px}
.nebim40-tags span{padding:7px 9px;border-radius:999px;border:1px solid rgba(85,167,255,.18);background:rgba(23,77,151,.13);font-size:8px;font-weight:850;letter-spacing:.1em;color:#c2d5ef}
.nebim40-core{position:relative;width:520px;height:500px;max-width:100%;margin:auto}
.n40-glow{position:absolute;left:50%;top:50%;width:330px;height:330px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(22,141,255,.25),transparent 67%);filter:blur(16px);animation:n40pulse 3.8s ease-in-out infinite}
.n40-core-card{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:195px;height:195px;border-radius:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,rgba(7,42,91,.97),rgba(2,15,39,.98));border:1px solid rgba(79,190,255,.62);box-shadow:0 0 0 7px rgba(40,103,255,.04),0 0 40px rgba(0,139,255,.25),inset 0 0 26px rgba(53,160,255,.08);z-index:6}
.n40-core-card img{width:125px;height:105px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 0 8px rgba(71,180,255,.16))}
.n40-core-card small{font-size:7px;letter-spacing:.16em;color:#56dfff}.n40-core-card strong{margin-top:5px;font-size:6px;letter-spacing:.12em;color:#8298b8}
.n40-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(51,159,255,.27);border-radius:50%;pointer-events:none}
.nr1{width:380px;height:150px;animation:n40r1 16s linear infinite}.nr2{width:165px;height:390px;animation:n40r2 21s linear infinite}.nr3{width:330px;height:330px;border-style:dashed;opacity:.45;animation:n40r3 28s linear infinite}
.n40-node{position:absolute;z-index:8;width:112px;text-align:center;color:#fff}.n40-node i{display:block;margin:auto;width:64px;height:64px;border-radius:50%;border:1px solid rgba(83,194,255,.75);background:linear-gradient(145deg,#072453,#03132f);box-shadow:0 0 18px rgba(0,166,255,.22)}.n40-node i::after{content:"";display:block;width:7px;height:7px;border-radius:50%;background:#6feaff;box-shadow:0 0 8px #2bd6ff;animation:n40dot 2s ease-in-out infinite;transform:translate(52px,8px)}
.n40-node b{display:block;margin-top:7px;font-size:9px;letter-spacing:.08em}.n40-node span{font-size:7px;color:#8fa6c8}.nn1{left:12px;top:56px}.nn2{right:5px;top:66px}.nn3{left:-2px;bottom:65px}.nn4{right:-2px;bottom:78px}.nn5{left:50%;bottom:2px;transform:translateX(-50%)}
@keyframes n40r1{from{transform:translate(-50%,-50%) rotate(18deg)}to{transform:translate(-50%,-50%) rotate(378deg)}}@keyframes n40r2{from{transform:translate(-50%,-50%) rotate(-28deg)}to{transform:translate(-50%,-50%) rotate(332deg)}}@keyframes n40r3{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes n40pulse{50%{transform:translate(-50%,-50%) scale(1.07);opacity:.75}}@keyframes n40dot{50%{opacity:.35}}
.nebim40-trust{margin-top:-35px;position:relative;z-index:5}.n40-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #e4eaf3;border-radius:24px;box-shadow:0 25px 65px rgba(20,50,112,.10);overflow:hidden}.n40-trust-grid>div{padding:26px 25px;border-right:1px solid #e8edf5}.n40-trust-grid>div:last-child{border-right:0}.n40-trust-grid small{display:block;font-size:7px;font-weight:900;letter-spacing:.16em;color:#5573ff}.n40-trust-grid b{display:block;margin:8px 0;font-size:18px;color:#151c2d}.n40-trust-grid span{font-size:11px;line-height:1.55;color:#7a8497}
.nebim40-section{padding:90px 0}.n40-split{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:center}.n40-split.reverse>div:first-child{order:1}.n40-split.reverse>div:last-child{order:2}
.n40-visual-card{position:relative;border-radius:26px;overflow:hidden;background:#091a39;border:1px solid rgba(62,139,245,.18);box-shadow:0 30px 70px rgba(15,42,96,.12)}.n40-visual-card img{display:block;width:100%;height:auto}.official-visual::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 60px rgba(5,21,55,.12);pointer-events:none}.visual-source{position:absolute;bottom:14px;left:14px;padding:6px 8px;border-radius:8px;background:rgba(2,12,31,.82);backdrop-filter:blur(7px);font-size:7px;font-weight:800;letter-spacing:.12em;color:#9fdfff}
.n40-copyblock>small,.n40-section-head small,.n40-version small{font-size:9px;font-weight:900;letter-spacing:.17em;color:#5770ff}.n40-copyblock h2,.n40-section-head h2,.n40-version h2{font-size:clamp(34px,3.7vw,54px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 20px;color:#141b2b}.n40-copyblock>p,.n40-section-head p,.n40-version p{color:#717c90;line-height:1.75;font-size:14px}
.n40-points{display:grid;gap:11px;margin-top:28px}.n40-points>div{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;padding:14px 16px;border-radius:14px;background:#f3f6fb;border:1px solid #e7ecf4}.n40-points i{grid-row:1/3;font-style:normal;color:#5674ff;font-size:10px;font-weight:900}.n40-points b{font-size:12px;color:#1d2536}.n40-points span{font-size:10px;color:#7d8799}
.n40-dark{background:linear-gradient(135deg,#050b1b,#071b38 60%,#050b1b);color:#fff}.n40-dark .n40-section-head h2,.n40-dark .n40-section-head p{color:#fff}.n40-dark .n40-section-head p{color:#9fb0c8}
.n40-section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:35px}.n40-section-head>div{max-width:650px}.n40-section-head>p{max-width:480px}
.n40-app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.n40-app-grid article{position:relative;min-height:210px;padding:22px;border-radius:20px;background:linear-gradient(145deg,rgba(13,39,82,.88),rgba(4,18,45,.93));border:1px solid rgba(66,140,237,.16);overflow:hidden;transition:.3s}.n40-app-grid article::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#6a43ff,#3187ff,#00ceff);transform:scaleX(0);transform-origin:left;transition:.4s}.n40-app-grid article:hover{transform:translateY(-5px);border-color:rgba(78,192,255,.35)}.n40-app-grid article:hover::after{transform:scaleX(1)}.n40-app-grid article>span{position:absolute;right:17px;top:15px;font-size:8px;color:#49678e}.n40-app-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(77,191,255,.38);color:#64dfff;background:rgba(13,63,124,.32);font-size:22px}.n40-app-grid h3{font-size:16px;margin:21px 0 10px}.n40-app-grid p{font-size:11px;line-height:1.65;color:#99aac1}
.n40-visual-overlay{position:absolute;left:18px;right:18px;bottom:18px;padding:15px;border-radius:15px;background:rgba(3,14,36,.80);backdrop-filter:blur(8px);border:1px solid rgba(65,161,255,.17);display:flex;justify-content:space-between;align-items:center}.n40-visual-overlay b{color:#fff;font-size:12px;letter-spacing:.08em}.n40-visual-overlay span{color:#81a1cc;font-size:8px}
.n40-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:27px 0}.n40-stat-row>div{padding:15px;border-radius:14px;background:#f2f5fa;border:1px solid #e5eaf2}.n40-stat-row b{display:block;color:#2d6df6;font-size:17px}.n40-stat-row span{font-size:9px;color:#778397}.n40-inline-link{font-size:11px;font-weight:850;color:#356cff}
.n40-report-section{background:#eef3fa}.n40-report-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:22px}.n40-report-source,.n40-live-report{border-radius:24px;overflow:hidden;min-height:405px}.n40-report-source{position:relative;background:#fff;border:1px solid #dde5f0}.n40-report-source img{width:100%;height:100%;object-fit:cover}.report-source-badge{position:absolute;left:15px;bottom:15px;padding:7px 9px;background:rgba(4,16,38,.83);color:#9de4ff;font-size:7px;letter-spacing:.12em;border-radius:8px}
.n40-live-report{padding:27px;background:radial-gradient(circle at 75% 18%,rgba(33,123,255,.18),transparent 25%),linear-gradient(145deg,#061b3c,#020a19);border:1px solid rgba(56,142,255,.18);box-shadow:0 24px 60px rgba(11,42,96,.16);color:#fff}.n40-live-top{display:flex;justify-content:space-between}.n40-live-top>div{display:flex;flex-direction:column}.n40-live-top small{font-size:7px;letter-spacing:.13em;color:#59d8ff}.n40-live-top b{font-size:15px;margin-top:4px}.n40-live-top>span{font-size:7px;color:#5cf1ca;border:1px solid rgba(54,218,171,.18);border-radius:99px;padding:5px 7px;height:max-content}.n40-live-main{display:flex;flex-direction:column;margin-top:30px}.n40-live-main small{font-size:7px;letter-spacing:.13em;color:#7894bc}.n40-live-main strong{font-size:38px;letter-spacing:-.04em;margin:5px 0}.n40-live-main span{font-size:8px;color:#68e5be}.n40-live-chart{width:100%;height:100px;margin:8px 0}.n40-chart-fill{fill:url(#n40fill)}.n40-chart-line{fill:none;stroke:#34d5ff;stroke-width:2;stroke-linecap:round;filter:drop-shadow(0 0 4px #25cfff);stroke-dasharray:650;stroke-dashoffset:650;animation:n40chart 2.5s ease forwards}.n40-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.n40-metrics>div{padding:11px;border-radius:12px;background:rgba(14,46,88,.55);border:1px solid rgba(74,153,244,.12)}.n40-metrics small{display:block;font-size:5.5px;color:#7892b5}.n40-metrics b{display:block;margin-top:5px;font-size:10px}.n40-live-report>p{font-size:10px;line-height:1.6;color:#8fa5c4;margin:16px 0 0}@keyframes n40chart{to{stroke-dashoffset:0}}
.n40-editions{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.n40-editions article{position:relative;padding:24px;border:1px solid rgba(75,142,228,.18);background:rgba(9,31,67,.58);border-radius:20px;min-height:210px}.n40-editions article.featured{background:linear-gradient(150deg,rgba(70,49,214,.26),rgba(9,47,91,.74));border-color:rgba(87,91,255,.50);transform:translateY(-8px)}.n40-editions small{font-size:7px;letter-spacing:.13em;color:#63dfff}.n40-editions h3{font-size:22px;margin:10px 0;color:#fff}.n40-editions p{font-size:10.5px;color:#9fb0c7;line-height:1.65}
.n40-version{background:#fff}.n40-version-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.n40-version-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}.n40-version-list span{padding:14px;border-radius:13px;border:1px solid #e3e9f2;background:#f4f7fb;color:#536178;font-size:8px;font-weight:850;letter-spacing:.06em}.nebim40-cta small{font-size:8px;letter-spacing:.15em;color:#a7eaff}.nebim40-cta h2{margin-top:8px}.n40-source-note{padding:24px 0 55px}.n40-source-note p{font-size:8.5px;line-height:1.6;color:#9aa4b4;border-top:1px solid #e2e7ef;padding-top:18px}
@media(max-width:1050px){.nebim40-hero-grid,.n40-split,.n40-report-grid,.n40-version-grid{grid-template-columns:1fr}.nebim40-core{margin-top:25px}.n40-trust-grid{grid-template-columns:1fr 1fr}.n40-trust-grid>div:nth-child(2){border-right:0}.n40-app-grid,.n40-editions{grid-template-columns:1fr 1fr}.n40-section-head{display:block}.n40-section-head>p{margin-top:12px}.n40-split.reverse>div:first-child,.n40-split.reverse>div:last-child{order:initial}}
@media(max-width:620px){.nebim40-hero{padding:68px 0 75px}.nebim40-core{transform:scale(.78);transform-origin:center top;margin-bottom:-100px}.n40-trust-grid,.n40-app-grid,.n40-editions{grid-template-columns:1fr}.n40-trust-grid>div{border-right:0;border-bottom:1px solid #e8edf5}.n40-split{gap:35px}.nebim40-section{padding:60px 0}.n40-live-main strong{font-size:32px}.n40-version-list{grid-template-columns:1fr}.n40-visual-overlay{display:block}.n40-visual-overlay span{display:block;margin-top:5px}}
@media(prefers-reduced-motion:reduce){.n40-ring,.n40-node i::after,.n40-chart-line{animation:none!important}}
/* =========================================================
4T4 v41 — Nebim top-level menu + ERA / Extra product pages
========================================================= */
.nebim-mega{min-width:760px!important}
.nebim-mega-intro{background:radial-gradient(circle at 80% 20%,rgba(32,126,255,.17),transparent 28%),linear-gradient(145deg,#071a38,#050e22)!important}
.nebim-mega-brand{display:flex;align-items:center;gap:10px;margin-top:21px;padding-top:17px;border-top:1px solid rgba(116,156,214,.13)}
.nebim-mega-brand img{width:82px;height:38px;object-fit:contain;filter:brightness(0) invert(1);opacity:.9}
.nebim-mega-brand span{font-size:7px;letter-spacing:.14em;color:#7795c2}
.nebim-mega-links{grid-template-columns:1fr!important}
.nebim-mega-links a{position:relative;min-height:74px!important;padding-right:72px!important}
.nebim-mega-links a em{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:6px;font-weight:900;letter-spacing:.13em;color:#5bdfff;border:1px solid rgba(63,199,255,.19);padding:5px 6px;border-radius:99px;background:rgba(35,158,255,.045)}
.nebim-product-page{background:#f6f8fc}
.nebim-product-hero{padding:92px 0 82px;color:#fff;overflow:hidden;background:radial-gradient(circle at 76% 34%,rgba(27,122,255,.24),transparent 28%),radial-gradient(circle at 56% 88%,rgba(96,48,255,.14),transparent 32%),linear-gradient(135deg,#030817,#071a38 60%,#030817)}
.nebim-product-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:60px;align-items:center}
.nebim-product-brand{display:flex;align-items:center;gap:11px;margin:29px 0 19px}
.nebim-product-brand img{width:91px;height:42px;object-fit:contain;filter:brightness(0) invert(1)}
.nebim-product-brand span{color:#4d6c99}.nebim-product-brand b{font-size:8px;letter-spacing:.15em;color:#869fc5}
.nebim-product-hero h1{font-size:clamp(45px,4.8vw,70px);line-height:1;letter-spacing:-.05em;margin:13px 0 21px}.nebim-product-hero h1 span,.nebim-product-detail-grid h2 span{background:linear-gradient(90deg,#8153ff,#3385ff,#00ceff);-webkit-background-clip:text;color:transparent}.nebim-product-hero p{color:#b5c3d8;line-height:1.75;font-size:15px;max-width:730px}
.nebim-product-orbit{position:relative;width:470px;height:430px;max-width:100%;margin:auto}.npo-core{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 34% 26%,rgba(58,174,255,.17),transparent 28%),linear-gradient(145deg,#082756,#03142f);border:1px solid rgba(80,192,255,.70);box-shadow:0 0 0 7px rgba(38,104,255,.04),0 0 42px rgba(0,143,255,.26)}.npo-core small{font-size:8px;letter-spacing:.18em;color:#72e5ff}.npo-core strong{font-size:38px;margin:7px 0;letter-spacing:-.04em}.npo-core span{font-size:6px;letter-spacing:.15em;color:#7893ba}
.npo-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(45,160,255,.30);border-radius:50%}.npor1{width:380px;height:145px;animation:npor1 16s linear infinite}.npor2{width:160px;height:390px;animation:npor2 21s linear infinite}.npor3{width:330px;height:330px;border-style:dashed;opacity:.52;animation:npor3 28s linear infinite}.npo-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#76ecff;box-shadow:0 0 9px #31d4ff}.npd1{left:72px;top:115px}.npd2{right:62px;top:135px}.npd3{left:98px;bottom:74px}.npd4{right:96px;bottom:78px}
@keyframes npor1{from{transform:translate(-50%,-50%) rotate(17deg)}to{transform:translate(-50%,-50%) rotate(377deg)}}@keyframes npor2{from{transform:translate(-50%,-50%) rotate(-29deg)}to{transform:translate(-50%,-50%) rotate(331deg)}}@keyframes npor3{to{transform:translate(-50%,-50%) rotate(360deg)}}
.nebim-product-stats{margin-top:-31px;position:relative;z-index:4}.nebim-product-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);border-radius:23px;background:#fff;border:1px solid #e2e8f1;box-shadow:0 24px 60px rgba(15,47,108,.09);overflow:hidden}.nebim-product-stat-grid>div{padding:24px;border-right:1px solid #e8edf4}.nebim-product-stat-grid>div:last-child{border:0}.nebim-product-stat-grid small{font-size:7px;font-weight:900;letter-spacing:.14em;color:#5573ff}.nebim-product-stat-grid b{display:block;margin:8px 0 6px;font-size:18px;color:#151d2d}.nebim-product-stat-grid span{font-size:10px;line-height:1.5;color:#7a8598}
.nebim-product-section{padding:90px 0}.nebim-product-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.nebim-product-card{position:relative;min-height:220px;padding:23px;border-radius:20px;background:#fff;border:1px solid #e4eaf3;box-shadow:0 12px 34px rgba(16,42,92,.045);transition:.3s;overflow:hidden}.nebim-product-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,#7044ff,#3387ff,#00d1ff);transform:scaleX(0);transform-origin:left;transition:.4s}.nebim-product-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px rgba(16,54,122,.10)}.nebim-product-card:hover::after{transform:scaleX(1)}.nebim-product-card>span{position:absolute;right:17px;top:16px;font-size:8px;color:#a0a9b9}.npc-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#367cff;background:#f0f5ff;border:1px solid #dfE8fb;font-size:19px}.nebim-product-card h3{margin:20px 0 10px;font-size:17px;color:#161e2e}.nebim-product-card p{font-size:11px;line-height:1.65;color:#798498}
.nebim-product-dark{background:linear-gradient(135deg,#050b1b,#071b38 60%,#050b1b);color:#fff}.nebim-product-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.nebim-product-detail-grid>div:first-child>small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#60dfff}.nebim-product-detail-grid h2{font-size:clamp(34px,4vw,52px);line-height:1.05;letter-spacing:-.04em;margin:9px 0 18px}.nebim-product-detail-grid p{color:#9eafc7;line-height:1.7;font-size:13px}.nebim-product-point{display:grid;grid-template-columns:44px 1fr;gap:13px;padding:15px 0;border-bottom:1px solid rgba(117,151,198,.12)}.nebim-product-point i{font-style:normal;color:#56dfff;font-size:9px;font-weight:900}.nebim-product-point b{display:block;font-size:12px}.nebim-product-point span{display:block;margin-top:5px;font-size:10px;line-height:1.55;color:#91a5c2}.nebim-product-cta small{font-size:8px;letter-spacing:.14em;color:#a0eaff}
@media(max-width:1000px){.nebim-product-hero-grid,.nebim-product-detail-grid{grid-template-columns:1fr}.nebim-product-orbit{margin-top:20px}.nebim-product-stat-grid{grid-template-columns:1fr 1fr}.nebim-product-card-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.nebim-product-hero{padding:65px 0 72px}.nebim-product-orbit{transform:scale(.78);transform-origin:center top;margin-bottom:-90px}.nebim-product-stat-grid,.nebim-product-card-grid{grid-template-columns:1fr}.nebim-product-stat-grid>div{border-right:0;border-bottom:1px solid #e8edf4}.nebim-product-section{padding:60px 0}.nebim-mega{min-width:0!important}}
@media(prefers-reduced-motion:reduce){.npo-ring{animation:none!important}}
/* =========================================================
4T4 v41.1 — Nebim mega menu layout fix
========================================================= */
.nebim-mega{
left:-235px !important;
width:760px !important;
min-width:760px !important;
grid-template-columns:255px 1fr !important;
align-items:stretch !important;
overflow:hidden !important;
max-height:none !important;
}
.nebim-mega-intro{
min-height:300px !important;
overflow:hidden !important;
}
.nebim-mega-brand{
display:flex !important;
flex-direction:column !important;
align-items:flex-start !important;
justify-content:flex-start !important;
gap:5px !important;
min-height:55px !important;
max-height:70px !important;
overflow:hidden !important;
}
.nebim-mega-brand img{
display:none !important;
width:0 !important;
height:0 !important;
max-width:0 !important;
max-height:0 !important;
}
.nebim-wordmark{
display:block !important;
margin:0 !important;
padding:0 !important;
font-size:22px !important;
line-height:1 !important;
letter-spacing:.08em !important;
font-weight:900 !important;
color:#48baff !important;
}
.nebim-mega-brand span{
font-size:6.5px !important;
letter-spacing:.14em !important;
color:#7899c8 !important;
}
.nebim-mega-links{
display:grid !important;
grid-template-columns:1fr !important;
grid-auto-rows:minmax(78px,auto) !important;
align-content:start !important;
gap:8px !important;
min-height:0 !important;
}
.nebim-mega-links a{
position:relative !important;
display:flex !important;
flex-direction:column !important;
justify-content:center !important;
min-height:78px !important;
padding:13px 76px 13px 15px !important;
margin:0 !important;
overflow:hidden !important;
}
.nebim-mega-links a b{
font-size:12px !important;
line-height:1.15 !important;
margin-bottom:5px !important;
}
.nebim-mega-links a span{
font-size:9.5px !important;
line-height:1.35 !important;
}
.nebim-mega-links a em{
right:15px !important;
top:50% !important;
transform:translateY(-50%) !important;
}
@media(max-width:1180px){
.nebim-mega{
left:-190px !important;
width:720px !important;
min-width:720px !important;
}
}
/* v42 Nebim ERA */
.era42-page{background:#f5f8fc}.era42-hero{padding:90px 0;color:#fff;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(25,120,255,.25),transparent 29%),linear-gradient(135deg,#030817,#071a38 62%,#020716)}.era42-hero-grid,.era42-hybrid-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.era42-kicker,.era42-head small,.era42-hybrid small,.era42-final small{font-size:8px;font-weight:900;letter-spacing:.16em;color:#59dfff}.era42-hero h1{font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-.055em;margin:18px 0 22px}.era42-hero h1 span,.era42-head h2 span,.era42-hybrid h2 span,.era42-final h2 span{background:linear-gradient(90deg,#7950ff,#278aff,#00d5ff);-webkit-background-clip:text;color:transparent}.era42-hero p{font-size:14px;line-height:1.75;color:#b5c4db}.era42-net{position:relative;height:490px}.era42-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:205px;height:205px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,rgba(49,169,255,.2),transparent 28%),linear-gradient(145deg,#092d64,#03152f);border:1px solid #39b9ff;box-shadow:0 0 55px rgba(0,142,255,.3)}.era42-core small{font-size:8px;letter-spacing:.2em;color:#6ce8ff}.era42-core strong{font-size:52px}.era42-core span{font-size:6px;letter-spacing:.15em;color:#7d9ec8}.er{position:absolute;left:50%;top:50%;border:1px solid rgba(47,151,255,.25);border-radius:50%}.r1{width:440px;height:180px;animation:er1 18s linear infinite}.r2{width:190px;height:440px;animation:er2 23s linear infinite}@keyframes er1{from{transform:translate(-50%,-50%) rotate(15deg)}to{transform:translate(-50%,-50%) rotate(375deg)}}@keyframes er2{from{transform:translate(-50%,-50%) rotate(-30deg)}to{transform:translate(-50%,-50%) rotate(330deg)}}.en{position:absolute;width:104px;padding:13px;border:1px solid rgba(65,158,255,.35);border-radius:12px;background:#071d40;font-size:8px;font-weight:900;box-shadow:0 12px 25px rgba(0,0,0,.2)}.n1{left:8%;top:15%}.n2{right:7%;top:15%}.n3{left:0;top:46%}.n4{right:0;top:46%}.n5{left:12%;bottom:12%}.n6{right:11%;bottom:12%}.era42-one,.era42-cap,.era42-paas{padding:95px 0}.era42-one,.era42-paas{background:#fff}.era42-head{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:end;margin-bottom:35px}.era42-head h2{font-size:42px;line-height:1.04;letter-spacing:-.045em;margin:8px 0}.era42-head>p{font-size:11px;line-height:1.7;color:#788499}.era42-six,.era42-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.era42-six article,.era42-cards article,.era42-pcards article{padding:22px;border:1px solid #e2e9f3;border-radius:18px;background:#fff;min-height:170px}.era42-six i,.era42-cards em{font-style:normal;font-size:7px;color:#3d82ff}.era42-six b{display:block;font-size:18px;margin:18px 0 8px}.era42-six p,.era42-cards p,.era42-pcards p{font-size:10px;line-height:1.6;color:#7b8798}.era42-cap{background:#f5f8fc}.era42-cards article{position:relative;min-height:200px;transition:.3s}.era42-cards article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(22,62,127,.09)}.era42-cards article>div{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;background:#eff5ff;color:#337cff;font-size:17px;font-weight:800}.era42-cards em{position:absolute;right:16px;top:15px}.era42-cards h3{font-size:16px;margin:17px 0 8px}.era42-hybrid{padding:100px 0;color:#fff;background:radial-gradient(circle at 78% 45%,rgba(42,121,255,.16),transparent 27%),linear-gradient(135deg,#030817,#071a38 62%,#030817)}.era42-hybrid h2,.era42-final h2{font-size:48px;line-height:1.02;letter-spacing:-.05em;margin:10px 0 18px}.era42-hybrid p,.era42-final p{font-size:12px;line-height:1.7;color:#9fb0c9}.era42-check{display:grid;gap:9px;margin-top:20px}.era42-check span{font-size:9px}.era42-check span:before{content:'✓';color:#5be7ff;margin-right:8px}.era42-ui{border:1px solid rgba(60,151,255,.32);border-radius:22px;overflow:hidden;background:#04142f}.era42-ui header,.era42-ui footer{padding:15px 18px;font-size:7px;letter-spacing:.12em;color:#7694bf;border-bottom:1px solid rgba(84,139,214,.15)}.era42-ui header b{float:right;color:#5ae9ff}.era42-ui main{display:grid;grid-template-columns:1fr 90px 1fr;gap:10px;align-items:center;padding:35px 22px}.era42-ui main>div{height:135px;border:1px solid rgba(72,151,255,.3);border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#08224b}.era42-ui main strong{font-size:22px;margin:7px}.era42-ui main span,.era42-ui main small{font-size:6px;color:#69dfff}.era42-ui main>i{text-align:center;color:#5ce6ff;font-style:normal;font-size:24px}.era42-ui main>i small{display:block;font-size:5px}.era42-ui footer{text-align:center;border-top:1px solid rgba(84,139,214,.15);border-bottom:0}.era42-mach{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e0e8f3;border-radius:18px;overflow:hidden;margin-bottom:14px}.era42-mach span{padding:18px;border-right:1px solid #e6ecf4;font-size:8px;font-weight:900}.era42-mach b{font-size:24px;color:#347cff;margin-right:8px}.era42-pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.era42-pcards article{background:#f6f9fd}.era42-pcards .wide{grid-column:span 2;background:linear-gradient(135deg,#06162f,#092a5b);color:#fff}.era42-pcards small{font-size:7px;color:#3981ff;font-weight:900;letter-spacing:.12em}.era42-pcards h3{font-size:18px;margin:15px 0 8px}.era42-pcards .wide p{color:#9fb1cb}.era42-code{margin-top:16px;padding:9px;border:1px solid rgba(77,176,255,.2);border-radius:8px;color:#78e9ff;font-size:7px;letter-spacing:.08em}.era42-final{padding:90px 0;color:#fff;background:linear-gradient(135deg,#061128,#081c3c)}.era42-final .container{max-width:900px}.era42-final p{max-width:700px}.era42-final .btn{margin-top:18px}@media(max-width:950px){.era42-hero-grid,.era42-hybrid-grid,.era42-head{grid-template-columns:1fr}.era42-six,.era42-cards{grid-template-columns:1fr 1fr}}@media(max-width:620px){.era42-six,.era42-cards,.era42-pcards,.era42-mach{grid-template-columns:1fr}.era42-pcards .wide{grid-column:auto}.era42-net{transform:scale(.72);transform-origin:center top;margin-bottom:-120px}.era42-ui main{grid-template-columns:1fr}.era42-ui main>i{transform:rotate(90deg)}}
/* ===== 4T4 v43 NebimExtra ===== */
.extra43-page{background:#f5f8fc;color:#111a2b}.extra43-hero{padding:85px 0 100px;color:#fff;overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(0,151,255,.22),transparent 28%),radial-gradient(circle at 40% 100%,rgba(91,51,255,.13),transparent 32%),linear-gradient(135deg,#030817,#071b3a 62%,#020715)}.extra43-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.extra43-kicker,.extra43-section-head small,.extra43-support small,.extra43-reports small,.extra43-academy small,.extra43-4t4 small{font-size:8px;font-weight:900;letter-spacing:.17em;color:#5ce5ff}.extra43-kicker i{display:inline-block;width:18px;height:1px;background:#5ce5ff;box-shadow:0 0 8px #5ce5ff;margin-right:7px;vertical-align:middle}.extra43-copy h1{font-size:clamp(50px,5vw,75px);line-height:.97;letter-spacing:-.055em;margin:18px 0 24px}.extra43-copy h1 span,.extra43-intro h2 span,.extra43-section-head h2 span,.extra43-support h2 span,.extra43-reports h2 span,.extra43-academy h2 span,.extra43-4t4 h2 span{background:linear-gradient(90deg,#7650ff,#2788ff,#00d7ff);-webkit-background-clip:text;color:transparent}.extra43-copy>p{font-size:13px;line-height:1.75;color:#adbed6;max-width:650px}.extra43-copy>p strong{color:#fff}.extra43-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.extra43-tags span{font-size:6px;letter-spacing:.12em;color:#8dbbe7;border:1px solid rgba(75,165,255,.2);border-radius:99px;padding:6px 9px}
.extra43-console{border:1px solid rgba(58,157,255,.34);border-radius:24px;background:linear-gradient(145deg,rgba(6,34,76,.94),rgba(3,17,42,.97));box-shadow:0 30px 80px rgba(0,0,0,.28),inset 0 0 55px rgba(28,112,255,.06);overflow:hidden}.ex-top{display:flex;align-items:center;gap:5px;padding:15px 18px;border-bottom:1px solid rgba(72,139,220,.15)}.ex-top i{width:6px;height:6px;border-radius:50%;background:#348aff}.ex-top span{margin-left:10px;font-size:6px;letter-spacing:.15em;color:#7898c2}.ex-top b{margin-left:auto;font-size:6px;color:#57e9ff}.ex-center{height:330px;position:relative;display:grid;place-items:center}.ex-core{position:relative;z-index:3;width:175px;height:175px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 40% 30%,#114a95,#061b3c 67%);border:1px solid #39c1ff;box-shadow:0 0 55px rgba(0,151,255,.27),inset 0 0 30px rgba(49,139,255,.1)}.ex-core small{font-size:7px;letter-spacing:.2em;color:#72eaff}.ex-core strong{font-size:34px;letter-spacing:-.05em;margin:5px}.ex-core em{font-style:normal;font-size:5px;letter-spacing:.16em;color:#779bc6}.ex-radar{position:absolute;border:1px solid rgba(45,155,255,.22);border-radius:50%}.ex-radar.r1{width:300px;height:130px;animation:exrot1 13s linear infinite}.ex-radar.r2{width:140px;height:300px;animation:exrot2 17s linear infinite}.pulse{position:absolute;width:7px;height:7px;border-radius:50%;background:#65efff;box-shadow:0 0 10px #3fe6ff}.p1{animation:p1 4s linear infinite}.p2{animation:p2 5s linear infinite}.p3{animation:p3 6s linear infinite}@keyframes exrot1{to{transform:rotate(360deg)}}@keyframes exrot2{from{transform:rotate(35deg)}to{transform:rotate(395deg)}}@keyframes p1{0%{left:18%;top:34%}50%{left:50%;top:50%}100%{left:82%;top:35%}}@keyframes p2{0%{left:25%;top:78%}50%{left:50%;top:50%}100%{left:75%;top:20%}}@keyframes p3{0%{left:10%;top:55%}50%{left:50%;top:50%}100%{left:90%;top:55%}}.ex-status{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(72,139,220,.15)}.ex-status article{padding:13px 15px;border-right:1px solid rgba(72,139,220,.12);position:relative}.ex-status article:last-child{border:0}.ex-status small{display:block;font-size:5px;color:#6989b3}.ex-status b{font-size:7px;letter-spacing:.08em}.ex-status i{position:absolute;right:12px;bottom:14px;font-style:normal;color:#5cecff;font-size:6px}
.extra43-intro,.extra43-services,.extra43-eff{padding:95px 0}.extra43-intro{background:#fff}.extra43-intro-head{display:grid;grid-template-columns:.75fr 1.25fr 1fr;gap:35px;align-items:end;margin-bottom:35px}.extra43-intro-head small{font-size:8px;letter-spacing:.16em;color:#397eff;font-weight:900}.extra43-intro h2,.extra43-section-head h2{font-size:40px;line-height:1.04;letter-spacing:-.045em;margin:0}.extra43-intro-head p,.extra43-section-head>p{font-size:11px;line-height:1.7;color:#788599}.extra43-value{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e8f2;border-radius:20px;overflow:hidden}.extra43-value article{padding:24px;min-height:170px;border-right:1px solid #e7edf5}.extra43-value article:last-child{border:0}.extra43-value b{font-size:7px;color:#347fff}.extra43-value h3{font-size:17px;margin:20px 0 8px}.extra43-value p{font-size:10px;line-height:1.6;color:#7a8799}
.extra43-services{background:#f5f8fc}.extra43-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:end;margin-bottom:35px}.extra43-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.extra43-grid article{position:relative;min-height:245px;padding:23px;border:1px solid #e1e9f3;border-radius:19px;background:#fff;transition:.3s;overflow:hidden}.extra43-grid article:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#744dff,#298aff,#00d7ff);transform:scaleX(0);transform-origin:left;transition:.4s}.extra43-grid article:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(20,60,120,.09)}.extra43-grid article:hover:after{transform:scaleX(1)}.extra43-grid em{position:absolute;right:18px;top:17px;font-style:normal;font-size:7px;color:#a1abba}.extra43-icon{width:45px;height:45px;border-radius:13px;background:#eff5ff;border:1px solid #dce8fa;display:grid;place-items:center;color:#347dff;font-size:19px;font-weight:900}.extra43-grid h3{font-size:17px;margin:18px 0 9px}.extra43-grid p{font-size:10px;line-height:1.6;color:#79869a;min-height:68px}.extra43-grid>article>span{font-size:6px;font-weight:900;letter-spacing:.12em;color:#3483ff}
.extra43-support{padding:100px 0;color:#fff;background:radial-gradient(circle at 76% 45%,rgba(30,126,255,.17),transparent 28%),linear-gradient(135deg,#030817,#071b39)}.extra43-support-grid,.extra43-reports-grid,.extra43-academy-grid,.extra43-4t4-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.extra43-support h2,.extra43-reports h2,.extra43-academy h2,.extra43-4t4 h2{font-size:47px;line-height:1.02;letter-spacing:-.05em;margin:11px 0 18px}.extra43-support p,.extra43-reports p,.extra43-academy p,.extra43-4t4 p{font-size:11px;line-height:1.7;color:#9fafc6}.extra43-check{display:grid;gap:9px;margin-top:20px}.extra43-check span{font-size:9px;color:#b5c7df}.extra43-check span:before{content:"✓";color:#58e7ff;margin-right:8px}.extra43-ticket{border:1px solid rgba(64,155,255,.3);border-radius:21px;background:rgba(4,23,55,.75);overflow:hidden;box-shadow:0 25px 70px rgba(0,0,0,.2)}.tk-head{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(69,139,220,.15);font-size:6px;letter-spacing:.13em;color:#7797c0}.tk-head b{color:#5deaff}.tk-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:8px}.tk-metrics article{padding:14px;border:1px solid rgba(75,147,230,.17);border-radius:10px}.tk-metrics small{display:block;font-size:5px;color:#6d8db7}.tk-metrics b{font-size:8px}.tk-flow{display:flex;align-items:center;justify-content:center;padding:22px 12px}.tk-flow span{font-size:5px;text-align:center;color:#8fa7c8}.tk-flow span i{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 7px;border:1px solid #3d9fff;border-radius:50%;font-style:normal;color:#5ee9ff}.tk-flow>b{width:25px;height:1px;background:#285e9d}.tk-log{margin:0 20px 20px;padding:13px;border-radius:10px;background:#041630}.tk-log p{margin:6px 0;font-size:7px;color:#7896bd}.tk-log p i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#50e7ff;margin-right:7px}.tk-log p b{margin-right:9px;color:#c5d5e9}
.extra43-reports{padding:100px 0;background:#fff}.extra43-report-ui{border:1px solid #dce7f3;border-radius:20px;background:#f7faff;overflow:hidden;box-shadow:0 25px 60px rgba(25,65,125,.08)}.ru-top{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid #e1e9f3;font-size:6px;letter-spacing:.13em;color:#71839b}.ru-top i{font-style:normal;color:#2785ff}.ru-chart{height:230px;display:flex;gap:14px;align-items:flex-end;padding:35px 35px 20px}.ru-chart div{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(#38d7ff,#3477ff);box-shadow:0 0 15px rgba(46,143,255,.15)}.ru-items{display:flex;gap:7px;padding:0 25px 22px}.ru-items span{font-size:5px;padding:7px 9px;border:1px solid #dce6f2;border-radius:7px;color:#71829a}.extra43-reports small{color:#367fff}.extra43-reports p{color:#748298}.extra43-check.dark span{color:#65758b}
.extra43-eff{background:#f5f8fc}.extra43-eff-flow{display:flex;align-items:center;gap:10px}.extra43-eff-flow article{flex:1;padding:22px;background:#fff;border:1px solid #e0e8f2;border-radius:17px;min-height:150px}.extra43-eff-flow>b{}.extra43-eff-flow>i{font-style:normal;color:#3484ff}.extra43-eff-flow article b{font-size:7px;color:#3681ff}.extra43-eff-flow h3{font-size:16px;margin:18px 0 8px}.extra43-eff-flow p{font-size:9px;line-height:1.55;color:#7b8798}
.extra43-academy{padding:100px 0;color:#fff;background:linear-gradient(135deg,#041026,#071d3f)}.academy-screen{height:300px;border:1px solid rgba(66,160,255,.32);border-radius:22px;background:radial-gradient(circle at 50% 45%,rgba(35,136,255,.23),transparent 30%),#051a39;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:inset 0 0 45px rgba(38,119,255,.08)}.academy-screen .play{width:65px;height:65px;border:1px solid #4bc8ff;border-radius:50%;display:grid;place-items:center;color:#64e9ff;box-shadow:0 0 28px rgba(39,178,255,.22);margin-bottom:18px}.academy-screen span{font-size:6px;letter-spacing:.15em;color:#6f91bb}.academy-screen b{font-size:20px;text-align:center;margin:7px}.academy-screen i{font-style:normal;font-size:5px;color:#5de9ff;letter-spacing:.12em}
.extra43-4t4{padding:95px 0;color:#fff;background:#030817}.extra43-4t4-flow{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:35px;border:1px solid rgba(67,151,255,.24);border-radius:20px;background:#06162f}.extra43-4t4-flow span{padding:11px 13px;border:1px solid rgba(72,167,255,.2);border-radius:9px;font-size:6px;font-weight:900;letter-spacing:.08em}.extra43-4t4-flow i{font-style:normal;color:#57e6ff}.extra43-cta{margin:65px 0}
@media(max-width:950px){.extra43-hero-grid,.extra43-intro-head,.extra43-section-head,.extra43-support-grid,.extra43-reports-grid,.extra43-academy-grid,.extra43-4t4-grid{grid-template-columns:1fr}.extra43-value{grid-template-columns:1fr 1fr}.extra43-grid{grid-template-columns:1fr 1fr}.extra43-eff-flow{flex-wrap:wrap}.extra43-eff-flow article{min-width:40%}.extra43-eff-flow>i{display:none}}
@media(max-width:620px){.extra43-value,.extra43-grid{grid-template-columns:1fr}.extra43-value article{border-right:0;border-bottom:1px solid #e7edf5}.extra43-eff-flow article{min-width:100%}.extra43-hero,.extra43-intro,.extra43-services,.extra43-support,.extra43-reports,.extra43-eff,.extra43-academy,.extra43-4t4{padding:65px 0}.tk-flow{flex-wrap:wrap;gap:10px}.tk-flow>b{display:none}}
@media(prefers-reduced-motion:reduce){.ex-radar,.pulse{animation:none!important}}
/* ===== 4T4 v44 E-Commerce ===== */
.commerce44-page{background:#f5f8fc;color:#111a2b}.commerce44-hero{padding:86px 0 100px;overflow:hidden;color:#fff;background:radial-gradient(circle at 76% 45%,rgba(0,148,255,.22),transparent 29%),radial-gradient(circle at 45% 100%,rgba(92,48,255,.13),transparent 31%),linear-gradient(135deg,#030817,#071b3a 62%,#020715)}.commerce44-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.commerce44-kicker,.commerce44-section-head small,.commerce44-ai small,.commerce44-market small{font-size:8px;font-weight:900;letter-spacing:.17em;color:#58e4ff}.commerce44-kicker i{display:inline-block;width:18px;height:1px;background:#58e4ff;box-shadow:0 0 8px #58e4ff;margin-right:7px;vertical-align:middle}.commerce44-hero h1{font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-.055em;margin:18px 0 24px}.commerce44-hero h1 span,.commerce44-section-head h2 span,.commerce44-ai h2 span,.commerce44-market h2 span{background:linear-gradient(90deg,#7750ff,#2888ff,#00d6ff);-webkit-background-clip:text;color:transparent}.commerce44-hero p{font-size:13px;line-height:1.75;color:#adbed6}.commerce44-hero p strong{color:#fff}.commerce44-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.commerce44-tags span{font-size:6px;letter-spacing:.12em;color:#8dbbe7;border:1px solid rgba(75,165,255,.2);border-radius:99px;padding:6px 9px}
.commerce44-screen{height:450px;position:relative;display:grid;place-items:center}.c44-window{position:relative;z-index:3;width:470px;max-width:95%;border:1px solid rgba(58,157,255,.36);border-radius:23px;background:linear-gradient(145deg,rgba(6,34,76,.96),rgba(3,17,42,.98));box-shadow:0 35px 90px rgba(0,0,0,.3),0 0 60px rgba(20,125,255,.1);overflow:hidden}.c44-top{display:flex;align-items:center;gap:5px;padding:14px 17px;border-bottom:1px solid rgba(72,139,220,.15)}.c44-top i{width:6px;height:6px;border-radius:50%;background:#3389ff}.c44-top span{margin-left:8px;font-size:6px;letter-spacing:.14em;color:#7695bd}.c44-top b{margin-left:auto;font-size:6px;color:#5cecff}.c44-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:22px}.c44-metric{padding:15px;border:1px solid rgba(74,145,230,.16);border-radius:12px}.c44-metric small{display:block;font-size:5px;color:#7190b8}.c44-metric b{display:block;font-size:18px;margin:7px 0}.c44-metric span{font-size:6px;color:#5beaff}.c44-chart{grid-column:span 2;height:130px;display:flex;align-items:flex-end;gap:9px;padding:12px;border-radius:12px;background:#041630}.c44-chart span{flex:1;border-radius:4px 4px 1px 1px;background:linear-gradient(#55e4ff,#3479ff);box-shadow:0 0 10px rgba(53,145,255,.18)}.c44-flow{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px 20px}.c44-flow span{font-size:5px;letter-spacing:.1em;padding:7px 9px;border:1px solid rgba(72,158,255,.18);border-radius:7px;color:#8eb3db}.c44-flow i{font-style:normal;color:#55e9ff}.c44-orbit{position:absolute;border:1px solid rgba(46,149,255,.18);border-radius:50%}.c44-orbit.o1{width:550px;height:190px;animation:c44rot 17s linear infinite}.c44-orbit.o2{width:210px;height:470px;animation:c44rot2 22s linear infinite}.c44-dot{position:absolute;width:7px;height:7px;border-radius:50%;background:#61efff;box-shadow:0 0 10px #3de5ff}.d1{animation:c44d1 5s linear infinite}.d2{animation:c44d2 6s linear infinite}@keyframes c44rot{to{transform:rotate(360deg)}}@keyframes c44rot2{from{transform:rotate(35deg)}to{transform:rotate(395deg)}}@keyframes c44d1{0%{left:8%;top:48%}50%{left:50%;top:50%}100%{left:92%;top:48%}}@keyframes c44d2{0%{left:30%;top:10%}50%{left:50%;top:50%}100%{left:70%;top:90%}}
.commerce44-pillars,.commerce44-packages,.commerce44-market{padding:95px 0}.commerce44-pillars{background:#fff}.commerce44-section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:55px;align-items:end;margin-bottom:36px}.commerce44-section-head small{color:#397fff}.commerce44-section-head h2{font-size:42px;line-height:1.04;letter-spacing:-.045em;margin:9px 0 0}.commerce44-section-head>p{font-size:11px;line-height:1.7;color:#788599}.commerce44-pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e8f2;border-radius:20px;overflow:hidden}.commerce44-pillar-grid article{padding:24px;min-height:180px;border-right:1px solid #e6edf5}.commerce44-pillar-grid article:last-child{border:0}.commerce44-pillar-grid b{font-size:7px;color:#347fff}.commerce44-pillar-grid h3{font-size:17px;margin:20px 0 8px}.commerce44-pillar-grid p{font-size:10px;line-height:1.6;color:#7a8799}
.commerce44-packages{background:#f5f8fc}.commerce44-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:stretch}.commerce44-package-grid article{position:relative;display:flex;flex-direction:column;padding:23px;border:1px solid #dfe8f3;border-radius:20px;background:#fff;min-height:510px;transition:.3s;overflow:hidden}.commerce44-package-grid article:hover{transform:translateY(-6px);box-shadow:0 25px 55px rgba(25,65,125,.1)}.commerce44-package-grid article.featured{border-color:#358eff;box-shadow:0 20px 55px rgba(31,114,255,.13)}.pkg-badge{position:absolute;right:-31px;top:21px;transform:rotate(45deg);width:120px;text-align:center;padding:5px;background:#347fff;color:#fff;font-size:5px;font-weight:900;letter-spacing:.1em}.pkg-head small{font-size:6px;letter-spacing:.14em;color:#788aa2}.pkg-head h3{font-size:25px;margin:9px 0 5px}.pkg-head h3 span{color:#347fff}.pkg-head p{font-size:9px;line-height:1.5;color:#7b8798;min-height:28px}.pkg-plus{font-size:6px;color:#4388ff;font-weight:900;letter-spacing:.12em;margin:16px 0 4px}.commerce44-package-grid ul{list-style:none;padding:0;margin:14px 0 22px;display:grid;gap:10px}.commerce44-package-grid li{font-size:9px;line-height:1.4;color:#536178;padding-left:16px;position:relative}.commerce44-package-grid li:before{content:"✓";position:absolute;left:0;color:#37a7ff;font-weight:900}.commerce44-package-grid article>a{margin-top:auto;text-decoration:none;color:#287dff;font-size:8px;font-weight:900;letter-spacing:.06em}.commerce44-note{font-size:8px;color:#8a96a7;margin-top:15px}
.commerce44-cap{padding:100px 0;color:#fff;background:radial-gradient(circle at 75% 45%,rgba(31,126,255,.16),transparent 28%),linear-gradient(135deg,#030817,#071b39)}.commerce44-section-head.light small{color:#58e4ff}.commerce44-section-head.light>p{color:#9fafc6}.commerce44-cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commerce44-cap-grid article{padding:24px;min-height:195px;border:1px solid rgba(66,148,245,.2);border-radius:18px;background:rgba(5,25,58,.72)}.commerce44-cap-grid i{width:43px;height:43px;border-radius:13px;border:1px solid rgba(69,171,255,.3);display:grid;place-items:center;font-style:normal;color:#5ce9ff;font-size:13px;font-weight:900}.commerce44-cap-grid h3{font-size:16px;margin:17px 0 8px}.commerce44-cap-grid p{font-size:9px;line-height:1.65;color:#91a5c1}
.commerce44-ai{padding:100px 0;color:#fff;background:#041027}.commerce44-ai-grid,.commerce44-market-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.commerce44-ai h2,.commerce44-market h2{font-size:47px;line-height:1.02;letter-spacing:-.05em;margin:11px 0 18px}.commerce44-ai p,.commerce44-market p{font-size:11px;line-height:1.7;color:#9fafc6}.commerce44-check{display:grid;gap:9px;margin-top:20px}.commerce44-check span{font-size:9px;color:#b5c7df}.commerce44-check span:before{content:"✓";color:#58e7ff;margin-right:8px}.commerce44-ai-ui{border:1px solid rgba(64,155,255,.3);border-radius:21px;background:#061832;overflow:hidden}.aiu-top{display:flex;justify-content:space-between;padding:15px 18px;border-bottom:1px solid rgba(69,139,220,.15);font-size:6px;letter-spacing:.13em;color:#7797c0}.aiu-top b{color:#5deaff}.aiu-core{height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(39,126,255,.2),transparent 38%)}.aiu-core small{font-size:6px;color:#6f91bd}.aiu-core strong{font-size:65px;background:linear-gradient(90deg,#7950ff,#2b8cff,#00d7ff);-webkit-background-clip:text;color:transparent}.aiu-core span{font-size:6px;letter-spacing:.14em;color:#75a5d4}.aiu-stream{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px 20px}.aiu-stream span{font-size:5px;padding:7px 9px;border:1px solid rgba(70,151,240,.18);border-radius:7px;color:#87a8ce}.aiu-stream i{font-style:normal;color:#58e7ff}
.commerce44-market{background:#fff}.commerce44-market small{color:#367fff}.commerce44-market p{color:#748298}.commerce44-check.dark span{color:#66758a}.commerce44-phone{width:280px;height:500px;margin:auto;padding:26px 20px 20px;border-radius:38px;border:2px solid #163c70;background:linear-gradient(160deg,#071a39,#031126);box-shadow:0 25px 60px rgba(18,57,115,.2);color:#fff;position:relative}.phone-notch{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:70px;height:6px;border-radius:10px;background:#173d70}.phone-top{display:flex;justify-content:space-between;margin-top:10px;font-size:6px;color:#7898c0}.phone-top i{font-style:normal;color:#5beaff}.phone-value{margin-top:45px}.phone-value small{font-size:6px;color:#7898c0}.phone-value b{display:block;font-size:25px;margin:8px 0}.phone-value span{font-size:7px;color:#5beaff}.phone-bars{height:150px;margin-top:35px;display:flex;align-items:flex-end;gap:7px;padding:12px;border-radius:12px;background:#04142c}.phone-bars i{flex:1;background:linear-gradient(#55e4ff,#3479ff);border-radius:4px 4px 1px 1px}.phone-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:18px}.phone-cards span{padding:13px;border:1px solid #123966;border-radius:11px}.phone-cards small{font-size:5px}.phone-cards b{display:block;font-size:14px;margin-top:5px}.commerce44-cta-section{padding:65px 0}
@media(max-width:1050px){.commerce44-hero-grid,.commerce44-section-head,.commerce44-ai-grid,.commerce44-market-grid{grid-template-columns:1fr}.commerce44-package-grid{grid-template-columns:1fr 1fr}.commerce44-pillar-grid{grid-template-columns:1fr 1fr}.commerce44-cap-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.commerce44-hero,.commerce44-pillars,.commerce44-packages,.commerce44-cap,.commerce44-ai,.commerce44-market{padding:65px 0}.commerce44-package-grid,.commerce44-pillar-grid,.commerce44-cap-grid{grid-template-columns:1fr}.commerce44-screen{transform:scale(.8);margin:-20px -45px}.commerce44-package-grid article{min-height:auto}.commerce44-pillar-grid article{border-right:0;border-bottom:1px solid #e6edf5}}
@media(prefers-reduced-motion:reduce){.c44-orbit,.c44-dot{animation:none!important}}
/* =========================================================
4T4 v45 — SITE-WIDE CONSISTENCY
One navigation, one footer, one spacing/typography system.
========================================================= */
:root{
--t4-page-bg:#f6f8fc;
--t4-dark:#030817;
--t4-dark-2:#071a38;
--t4-blue:#347fff;
--t4-cyan:#50e4ff;
--t4-text:#141c2d;
--t4-muted:#758196;
--t4-border:#e2e9f3;
--t4-radius:20px;
}
/* Header is identical regardless of page template */
.topbar,.site-header,.nav-shell,.desktop-nav,.nav-tools{
box-sizing:border-box;
}
.site-header{
position:relative;
z-index:9999;
width:100%;
}
.site-header .nav-shell{
width:100%;
}
.desktop-nav{
align-self:stretch;
}
.desktop-nav>*
{
flex-shrink:0;
}
.desktop-nav>a,
.desktop-nav>.nav-item>a{
min-height:100%;
display:flex;
align-items:center;
}
/* All mega menus use the same visual system */
.mega-menu,.dropdown-menu{
z-index:10050!important;
border:1px solid rgba(213,223,237,.92)!important;
box-shadow:0 28px 70px rgba(9,30,72,.16)!important;
}
.mega-menu{
border-radius:0 0 18px 18px!important;
}
.mega-intro{
border-radius:18px 0 0 18px!important;
}
.mega-links a{
border-radius:12px!important;
}
.mega-links a:hover{
background:#f3f7fd!important;
}
.nebim-mega-links a:hover{
background:rgba(42,117,228,.06)!important;
}
/* Global page surface */
.solution-page,.nebim-v40,.nebim-product-page,.era42-page,.extra43-page,.commerce44-page{
background:var(--t4-page-bg)!important;
}
/* Shared breadcrumbs */
.solution-breadcrumb{
display:flex!important;
flex-wrap:wrap;
align-items:center;
gap:7px!important;
font-size:8px!important;
font-weight:700!important;
letter-spacing:.04em!important;
}
.solution-breadcrumb a{
color:inherit;
opacity:.72;
}
.solution-breadcrumb a:hover{
opacity:1;
}
/* Shared section rhythm */
.solution-section,
.nebim40-section,
.nebim-product-section,
.era42-principle,.era42-cap,.era42-hybrid,.era42-paas,.era42-4t4,
.extra43-intro,.extra43-services,.extra43-support,.extra43-reports,.extra43-eff,.extra43-academy,.extra43-4t4,
.commerce44-pillars,.commerce44-packages,.commerce44-cap,.commerce44-ai,.commerce44-market{
scroll-margin-top:110px;
}
/* CTA consistency */
.solution-cta{
border-radius:26px!important;
background:
radial-gradient(circle at 88% 30%,rgba(55,194,255,.18),transparent 24%),
linear-gradient(120deg,#5d38ee,#267df5 55%,#04bde9)!important;
box-shadow:0 25px 65px rgba(42,92,210,.18)!important;
}
.solution-cta h2{
letter-spacing:-.035em;
}
.solution-cta .btn-light{
white-space:nowrap;
}
/* Shared footer */
.site-footer{
position:relative;
margin-top:80px;
padding-top:70px;
color:#d7e1f2;
background:
radial-gradient(circle at 12% 20%,rgba(45,106,255,.09),transparent 25%),
linear-gradient(135deg,#030817,#06142d 58%,#020611);
border-top:1px solid rgba(72,137,220,.14);
}
.site-footer .footer-grid{
display:grid;
grid-template-columns:1.55fr .9fr .9fr .9fr;
gap:55px;
padding-bottom:52px;
}
.site-footer h4{
margin:0 0 17px;
color:#fff;
font-size:13px;
}
.site-footer a{
display:block;
width:max-content;
max-width:100%;
margin:8px 0;
color:#91a5c3;
font-size:10px;
text-decoration:none;
transition:.22s;
}
.site-footer a:hover{
color:#60e6ff;
transform:translateX(3px);
}
.site-footer p{
color:#879bb9;
font-size:10px;
line-height:1.7;
}
.site-footer .footer-brand p{
max-width:340px;
}
.site-footer .official-footer-logo{
width:155px!important;
height:auto!important;
max-height:72px;
object-fit:contain;
object-position:left center;
}
.footer-contact{
margin-top:17px;
}
.site-footer .copyright{
display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding:20px 0 24px;
border-top:1px solid rgba(91,137,197,.13);
font-size:8px;
color:#677e9f;
}
.footer-tagline{
letter-spacing:.13em;
color:#526e98;
}
/* Templates should feel part of the same design family */
.solution-hero,
.technology-hero{
background:
radial-gradient(circle at 76% 42%,rgba(26,121,255,.23),transparent 28%),
radial-gradient(circle at 45% 100%,rgba(92,48,255,.12),transparent 32%),
linear-gradient(135deg,#030817,#071a38 62%,#020715)!important;
}
.solution-hero h1,
.technology-hero h1{
letter-spacing:-.05em!important;
}
.solution-hero h1 span,
.technology-hero h1 span{
background:linear-gradient(90deg,#7750ff,#2888ff,#00d6ff);
-webkit-background-clip:text;
color:transparent;
}
/* Make cards consistent on generated solution/technology pages */
.solution-feature,
.technology-feature,
.feature-card{
border-radius:18px!important;
border-color:var(--t4-border)!important;
}
/* Mobile header and page consistency */
@media(max-width:1050px){
.site-footer .footer-grid{
grid-template-columns:1fr 1fr;
gap:35px;
}
}
@media(max-width:760px){
.site-footer{
margin-top:55px;
padding-top:50px;
}
.site-footer .footer-grid{
grid-template-columns:1fr;
gap:26px;
}
.site-footer .copyright{
display:block;
}
.footer-tagline{
display:block;
margin-top:7px;
}
}
/* =========================================================
4T4 v48 — STAGE 1 EXPERIENCE LOCK
========================================================= */
/* navigation tools */
.lang-switcher{position:relative}.lang-current{border:0;background:transparent;color:#62718a;font:inherit;display:flex;align-items:center;gap:6px;cursor:pointer;padding:12px 6px}.lang-menu{position:absolute;right:0;top:calc(100% + 15px);width:190px;padding:7px;border:1px solid #dce5f1;border-radius:15px;background:#fff;box-shadow:0 22px 60px rgba(12,35,75,.17);opacity:0;visibility:hidden;transform:translateY(-8px);transition:.22s;z-index:10050}.lang-switcher.open .lang-menu{opacity:1;visibility:visible;transform:none}.lang-menu button{width:100%;border:0;background:transparent;padding:9px 10px;border-radius:9px;display:flex;justify-content:space-between;cursor:pointer;color:#172033;font-size:11px;text-align:left}.lang-menu button:hover{background:#f3f7fd;color:#2d74f6}.lang-menu small{font-size:8px;color:#8494aa}.google-translate-host{position:fixed;left:-9999px;top:-9999px;width:1px;height:1px;overflow:hidden}.goog-te-banner-frame,.skiptranslate>iframe{display:none!important}body{top:0!important}.goog-logo-link,.goog-te-gadget span{display:none!important}
.store-mini{font-size:7px}.site-search-overlay{position:fixed;inset:0;background:rgba(2,7,18,.72);backdrop-filter:blur(12px);z-index:20000;display:grid;place-items:start center;padding-top:10vh;opacity:0;visibility:hidden;transition:.25s}.site-search-overlay.open{opacity:1;visibility:visible}.site-search-panel{position:relative;width:min(850px,92vw);padding:35px;border-radius:25px;background:#fff;box-shadow:0 35px 100px rgba(0,0,0,.35)}.site-search-panel>small,.search-page> .container>small{font-size:8px;color:#4d7eff;font-weight:900;letter-spacing:.17em}.site-search-panel h2{font-size:38px;margin:8px 0 20px;letter-spacing:-.045em}.search-close{position:absolute;right:20px;top:17px;width:38px;height:38px;border:1px solid #e0e7f0;border-radius:50%;background:#fff;font-size:22px;cursor:pointer}.site-search-form{display:grid;grid-template-columns:40px 1fr auto;align-items:center;border:1px solid #dce5f0;border-radius:14px;padding:5px;background:#f8fafd}.site-search-form>span{display:grid;place-items:center;color:#4c7fff;font-size:20px}.site-search-form input{border:0;background:transparent;outline:0;font-size:15px;padding:14px 5px}.site-search-form button{border:0;border-radius:10px;padding:13px 22px;background:linear-gradient(90deg,#6c39ff,#2c7fff,#05bfe8);color:#fff;font-weight:800;cursor:pointer}.search-suggestions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px;align-items:center;font-size:9px}.search-suggestions b{color:#718097}.search-suggestions a{padding:6px 9px;border-radius:99px;background:#f0f5fb;color:#385e90;text-decoration:none}
/* modern integration section */
.integration-showcase{background:#fff;overflow:hidden}.integration-grid-v48{display:grid;grid-template-columns:.88fr 1.12fr;gap:75px;align-items:center}.integration-copy h2,.success-head h2,.eco-copy-v48 h2,.contact-message h2{font-size:clamp(42px,4vw,64px);line-height:1.02;letter-spacing:-.052em;margin:13px 0 19px}.integration-copy h2 span,.success-head h2 span,.eco-copy-v48 h2 span,.contact-message h2 span{background:linear-gradient(90deg,#6f42ff,#2b7fff,#05c6e9);-webkit-background-clip:text;color:transparent}.integration-copy>p,.eco-copy-v48>p,.contact-message>p{font-size:13px;line-height:1.75;color:#69778d}.integration-points{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:27px 0}.integration-points span{padding:14px;border:1px solid #e2e9f2;border-radius:13px;background:#f8fafd}.integration-points i{font-style:normal;color:#3f7efb;font-size:7px}.integration-points b{display:block;font-size:10px;margin:9px 0 4px}.integration-points small{font-size:8px;line-height:1.4;color:#78869a}.integration-hub{height:500px;position:relative;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 50%,#123e7b 0,#081c3d 34%,#040b1c 73%);border:1px solid #183c6d;box-shadow:0 35px 75px rgba(20,57,115,.18)}.hub-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(70,145,230,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(70,145,230,.045) 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,#000 20%,transparent 75%)}.hub-core{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 35% 30%,#1c63c5,#071a3a 68%);border:1px solid #38b9ff;box-shadow:0 0 50px rgba(26,148,255,.35)}.hub-core .brand-4t4-text{font-size:43px}.hub-core small{font-size:5px;letter-spacing:.16em;color:#6fddff}.hub-core i{position:absolute;inset:-12px;border:1px dashed rgba(72,180,255,.35);border-radius:50%;animation:spin 18s linear infinite}.hub-node{position:absolute;z-index:4;width:112px;padding:12px 13px;border:1px solid #235a91;border-radius:12px;background:rgba(6,25,55,.92);color:#fff;box-shadow:0 13px 30px rgba(0,0,0,.18)}.hub-node b{font-size:10px}.hub-node small{display:block;color:#6e8eb6;font-size:6px;margin-top:4px}.hn1{left:35px;top:48px}.hn2{right:32px;top:48px}.hn3{right:18px;top:210px}.hn4{right:40px;bottom:42px}.hn5{left:38px;bottom:42px}.hn6{left:18px;top:210px}.hub-lines{position:absolute;inset:30px;width:calc(100% - 60px);height:calc(100% - 60px);z-index:2}.hub-lines path{stroke:#1d8de8;stroke-width:1;fill:none;opacity:.62}.data-pulse{position:absolute;z-index:5;width:7px;height:7px;border-radius:50%;background:#63efff;box-shadow:0 0 10px #4be9ff}.dp1{animation:dp1 4s linear infinite}.dp2{animation:dp2 5s linear infinite}.dp3{animation:dp3 5.8s linear infinite}.dp4{animation:dp4 4.7s linear infinite}@keyframes dp1{0%{left:19%;top:21%}50%{left:50%;top:50%}100%{left:82%;top:22%}}@keyframes dp2{0%{left:10%;top:49%}50%{left:50%;top:50%}100%{left:90%;top:49%}}@keyframes dp3{0%{left:19%;top:80%}50%{left:50%;top:50%}100%{left:81%;top:80%}}@keyframes dp4{0%{left:50%;top:8%}50%{left:50%;top:50%}100%{left:50%;top:92%}}
/* AI */
.ai-band-v48{position:relative;padding:90px 0;background:radial-gradient(circle at 43% 50%,rgba(32,119,255,.16),transparent 25%),linear-gradient(135deg,#030817,#06152e);overflow:hidden}.ai-orbit-bg{position:absolute;inset:-30%;background:repeating-radial-gradient(circle at 46% 50%,transparent 0 70px,rgba(47,128,255,.035) 71px 72px)}.ai-grid-v48{position:relative;display:grid;grid-template-columns:.9fr .75fr 1.25fr;gap:45px;align-items:center}.ai-title-v48 h2{font-size:45px;line-height:.98;letter-spacing:-.05em;margin:15px 0}.ai-title-v48 h2 span{background:linear-gradient(90deg,#7551ff,#337fff,#24ddff);-webkit-background-clip:text;color:transparent}.ai-title-v48 p{color:#8ba1c3;font-size:11px;line-height:1.7}.ai-title-v48>a{display:inline-block;margin-top:16px;color:#5ae5ff;text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.06em}.ai-core-visual{height:340px;position:relative;display:grid;place-items:center}.ai-core{z-index:2;width:132px;height:132px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#1763c8,#06172f 68%);border:1px solid #39bfff;box-shadow:0 0 55px rgba(34,153,255,.32)}.ai-core small{font-size:7px;letter-spacing:.16em;color:#79dfff}.ai-core strong{font-size:42px}.ai-core span{font-size:4px;letter-spacing:.12em;color:#7598c4}.ai-core-ring{position:absolute;border:1px solid rgba(53,156,255,.22);border-radius:50%}.acr1{width:280px;height:100px;animation:spin 14s linear infinite}.acr2{width:110px;height:285px;animation:spinReverse 18s linear infinite}.ai-signal{position:absolute;width:7px;height:7px;border-radius:50%;background:#57e6ff;box-shadow:0 0 10px #57e6ff}.s1{animation:signal1 4s linear infinite}.s2{animation:signal2 5s linear infinite}.s3{animation:signal3 6s linear infinite}@keyframes signal1{0%{transform:translate(-120px,-45px)}50%{transform:translate(0,0)}100%{transform:translate(120px,45px)}}@keyframes signal2{0%{transform:translate(90px,-110px)}50%{transform:translate(0,0)}100%{transform:translate(-80px,110px)}}@keyframes signal3{0%{transform:translate(-90px,105px)}50%{transform:translate(0,0)}100%{transform:translate(105px,-100px)}}@keyframes spinReverse{to{transform:rotate(-360deg)}}.ai-cap-list{display:grid;gap:9px}.ai-cap{display:grid;grid-template-columns:35px 1fr 25px;gap:12px;align-items:center;padding:17px;border:1px solid #18345c;border-radius:14px;background:linear-gradient(100deg,rgba(11,33,71,.96),rgba(8,20,45,.78));transition:.25s}.ai-cap:hover{transform:translateX(6px);border-color:#2b79ca;background:#0b244b}.ai-cap em{font-style:normal;color:#53dfff;font-size:7px}.ai-cap b{font-size:12px}.ai-cap p{margin:4px 0 0;color:#8399bb;font-size:8px;line-height:1.5}.ai-cap>span{color:#5ae4ff}
/* success */
.success-stories{background:#f6f8fc}.success-head{display:grid;grid-template-columns:1fr .7fr auto;gap:40px;align-items:end;margin-bottom:35px}.success-head p{font-size:11px;line-height:1.7;color:#728096}.success-head>a{padding:12px 15px;border:1px solid #dce6f2;border-radius:11px;text-decoration:none;color:#286ee9;font-size:8px;font-weight:900}.success-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.success-card{position:relative;min-height:385px;padding:20px;border-radius:20px;color:#fff;background:radial-gradient(circle at 70% 18%,rgba(44,129,255,.28),transparent 28%),linear-gradient(145deg,#071a3a,#040b19);border:1px solid #153c6f;overflow:hidden;transition:.3s}.success-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px rgba(16,50,105,.2)}.success-card:after{content:"";position:absolute;inset:auto -40% -45% -40%;height:70%;border:1px solid rgba(52,145,255,.23);border-radius:50%}.success-top{display:flex;justify-content:space-between}.success-top small{font-size:7px;color:#54ddff;letter-spacing:.13em}.success-top span{font-size:28px;color:rgba(114,170,240,.15);font-weight:900}.success-signal{height:115px;display:flex;align-items:flex-end;gap:8px}.success-signal i{width:9px;border-radius:5px;background:linear-gradient(#7551ff,#19ccee);animation:storybar 2.4s ease-in-out infinite}.success-signal i:nth-child(1){height:35%}.success-signal i:nth-child(2){height:70%;animation-delay:.3s}.success-signal i:nth-child(3){height:52%;animation-delay:.6s}@keyframes storybar{50%{transform:scaleY(.68)}}.success-body{position:relative;z-index:2}.success-body h3{font-size:18px;line-height:1.12;margin:12px 0}.success-body p{font-size:9px;line-height:1.6;color:#93a8c7;min-height:58px}.success-body a{color:#58e3ff;text-decoration:none;font-size:7px;font-weight:900}
/* ecosystem */
.ecosystem-v48{padding:100px 0;background:radial-gradient(circle at 70% 45%,rgba(24,117,255,.17),transparent 28%),linear-gradient(135deg,#030817,#071a38)}.ecosystem-grid-v48{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}.eco-copy-v48{color:#fff}.eco-copy-v48>p{color:#8ea3c2}.eco-benefits{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.eco-benefits span{padding:7px 9px;border:1px solid #1b406e;border-radius:99px;color:#82a7d5;font-size:6px;letter-spacing:.08em}.eco-network-v48{height:470px;position:relative}.network-core{position:absolute;left:50%;top:50%;z-index:4;transform:translate(-50%,-50%);width:155px;height:155px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#175ab4,#071933 70%);border:1px solid #38b9ff;box-shadow:0 0 55px rgba(31,145,255,.3)}.network-core .brand-4t4-text{font-size:42px}.network-core small{font-size:5px;color:#5fe4ff;letter-spacing:.14em}.network-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(51,147,255,.25);border-radius:50%}.no1{width:520px;height:210px;animation:spin 20s linear infinite}.no2{width:230px;height:435px;animation:spinReverse 24s linear infinite}.network-node{position:absolute;z-index:5;min-width:105px;padding:10px 13px;border:1px solid #245b92;border-radius:12px;background:#061831;color:#fff;font-size:9px}.network-node small{display:block;color:#6689b7;font-size:6px;margin-top:4px}.nn1{left:5%;top:14%}.nn2{right:3%;top:15%}.nn3{right:0;top:45%}.nn4{right:7%;bottom:9%}.nn5{left:7%;bottom:9%}.nn6{left:0;top:45%}.network-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:#5ce9ff;box-shadow:0 0 10px #5ce9ff;z-index:6}.np1{animation:dp1 5s linear infinite}.np2{animation:dp2 5.8s linear infinite}.np3{animation:dp3 6.2s linear infinite}.stats-v48{background:#f6f8fc;padding:0 0 70px}.stats-grid-v48{display:grid;grid-template-columns:repeat(4,1fr);border-radius:22px;overflow:hidden;background:#fff;border:1px solid #e0e8f2;box-shadow:0 25px 55px rgba(28,66,121,.08)}.stats-grid-v48>div{padding:28px 25px;border-right:1px solid #e7edf4}.stats-grid-v48>div:last-child{border:0}.stats-grid-v48 strong{display:block;font-size:35px;color:#2776fa;letter-spacing:-.04em}.stats-grid-v48 span{display:block;font-size:10px;font-weight:800;margin:6px 0}.stats-grid-v48 small{font-size:7px;color:#8793a5}
/* contact conversion */
.contact-conversion{background:#fff}.contact-conversion-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.contact-message>small{font-size:8px;font-weight:900;letter-spacing:.17em;color:#4b7fff}.contact-trust{display:flex;gap:8px;margin-top:22px}.contact-trust span{padding:10px 13px;border:1px solid #e1e8f1;border-radius:11px;color:#68778d;font-size:8px}.contact-trust b{color:#2f78f8;font-size:13px;margin-right:4px}.contact-actions-v48{display:grid;gap:10px}.contact-action{display:grid;grid-template-columns:37px 1fr 25px;gap:14px;align-items:center;padding:21px;border:1px solid #dfe7f1;border-radius:17px;background:#f8fafd;text-decoration:none;color:#141d2d;transition:.25s}.contact-action:hover{transform:translateX(6px);border-color:#65a7ff;box-shadow:0 18px 45px rgba(36,91,171,.08)}.contact-action.primary{color:#fff;background:linear-gradient(120deg,#6337f1,#2f7fff 58%,#07bee8);border-color:transparent}.contact-action>span{font-size:7px}.contact-action small{font-size:6px;letter-spacing:.13em;opacity:.7}.contact-action b{display:block;font-size:16px;margin:5px 0}.contact-action p{margin:0;font-size:8px;line-height:1.5;opacity:.72}.contact-action>i{font-style:normal}
/* footer */
.footer-v48{margin-top:0!important;padding-top:70px!important}.footer-main-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;padding-bottom:45px}.footer-brand-v48{display:grid;grid-template-columns:150px 1fr;gap:25px;align-items:start}.footer-mark{width:150px;height:110px;padding:15px;border:1px solid rgba(83,142,220,.18);border-radius:16px;background:rgba(255,255,255,.04);display:grid;place-items:center}.footer-mark img{max-width:100%;max-height:75px;object-fit:contain}.footer-brand-copy small{font-size:6px;letter-spacing:.16em;color:#5bdfff}.footer-brand-copy h3{font-size:22px;line-height:1.07;margin:8px 0;color:#fff}.footer-brand-copy p{font-size:9px!important}.store-badges{grid-column:1/-1;display:flex;gap:8px}.store-badge{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(84,139,210,.18);border-radius:10px;color:#96abc7}.store-badge i{font-style:normal;font-size:16px}.store-badge b{font-size:9px}.store-badge small{display:block;font-size:5px;color:#5f7da7}.store-badge.disabled{opacity:.65}.footer-nav-v48{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.footer-contact-strip{display:grid;grid-template-columns:.6fr .8fr 1.5fr;gap:0;border:1px solid rgba(71,135,214,.16);border-radius:16px;overflow:hidden;background:rgba(6,22,48,.65)}.footer-contact-strip>div{display:flex;gap:11px;align-items:center;padding:17px;border-right:1px solid rgba(71,135,214,.13)}.footer-contact-strip>div:last-child{border:0}.footer-contact-strip>div>span{color:#54ddff}.footer-contact-strip p{margin:0}.footer-contact-strip small{display:block;font-size:5px;color:#607ea8;letter-spacing:.13em}.footer-contact-action{justify-content:space-between}.footer-contact-action b{font-size:9px;color:#c8d4e6}.footer-contact-action a{margin:0!important;padding:8px 11px;border-radius:8px;background:#1575ec;color:#fff!important;font-size:7px!important}
/* request/contact/search/blog pages */
.request-hero,.contact-page-hero,.blog-hero{padding:95px 0;color:#fff;background:radial-gradient(circle at 75% 45%,rgba(31,126,255,.22),transparent 28%),linear-gradient(135deg,#030817,#071a38)}.request-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.request-hero h1,.contact-page-hero h1,.blog-hero h1{font-size:clamp(50px,5vw,72px);line-height:.98;letter-spacing:-.055em;margin:16px 0}.request-hero h1 span,.contact-page-hero h1 span,.blog-hero h1 span,.request-form-copy h2 span{background:linear-gradient(90deg,#7750ff,#2b81ff,#13d4ef);-webkit-background-clip:text;color:transparent}.request-hero p,.contact-page-hero p,.blog-hero p{font-size:13px;line-height:1.7;color:#9db0ca;max-width:700px}.request-values{display:grid;gap:8px;margin-top:25px}.request-values span{display:grid;grid-template-columns:28px 1fr;gap:3px 10px;padding:11px 0;border-bottom:1px solid rgba(85,139,210,.13)}.request-values b{grid-row:1/3;color:#59e2ff;font-size:7px}.request-values i{font-style:normal;font-weight:800;font-size:10px}.request-values small{font-size:7px;color:#7795bd}.request-visual{height:440px;position:relative;display:grid;place-items:center}.rv-core{z-index:3;width:180px;height:180px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 30%,#1b61bd,#06182f 68%);border:1px solid #3bbaff;box-shadow:0 0 60px rgba(26,148,255,.3)}.rv-core span{font-size:48px;font-weight:900}.rv-core small{font-size:5px;letter-spacing:.16em;color:#68dfff}.rv-ring{position:absolute;border:1px solid rgba(57,156,255,.25);border-radius:50%}.rr1{width:390px;height:145px;animation:spin 18s linear infinite}.rr2{width:150px;height:390px;animation:spinReverse 22s linear infinite}.rv-node{position:absolute;padding:9px 12px;border:1px solid #24558a;border-radius:9px;background:#071a36;font-size:7px;letter-spacing:.08em}.rn1{left:5%;top:18%}.rn2{right:2%;top:18%}.rn3{left:8%;bottom:15%}.rn4{right:2%;bottom:15%}.request-form-section{padding:90px 0;background:#f5f8fc}.request-form-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:start}.request-form-copy>small{font-size:7px;color:#367fff;letter-spacing:.15em;font-weight:900}.request-form-copy h2{font-size:42px;line-height:1.03;letter-spacing:-.045em}.request-form-copy p{font-size:10px;line-height:1.7;color:#758398}.request-steps{display:grid;gap:8px;margin-top:24px}.request-steps span{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700}.request-steps i{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#317df7;font-style:normal;font-size:7px}.request-form-card{padding:25px;border:1px solid #dfe8f2;border-radius:22px;background:#fff;box-shadow:0 25px 60px rgba(28,66,121,.08)}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid-2 label{font-size:8px;color:#5d6b7f}.form-grid-2 label span{display:block;margin-bottom:6px}.form-grid-2 input,.form-grid-2 select,.form-grid-2 textarea{width:100%;padding:12px;border:1px solid #dce5f0;border-radius:10px;background:#f8fafc;outline:0}.form-grid-2 input:focus,.form-grid-2 select:focus,.form-grid-2 textarea:focus{border-color:#4788ff;box-shadow:0 0 0 3px rgba(55,126,255,.08)}.form-grid-2 .full{grid-column:1/-1}.form-grid-2 .consent{display:flex;gap:8px;align-items:flex-start}.consent input{width:16px!important;margin-top:2px}.consent span{line-height:1.5}.request-submit{width:100%;margin-top:16px;padding:14px 18px;border:0;border-radius:11px;background:linear-gradient(90deg,#6e40f8,#2f7fff,#09bfe8);color:#fff;font-weight:900;display:flex;justify-content:space-between;cursor:pointer}.request-success{text-align:center;padding:45px 20px}.request-success i{display:grid;place-items:center;width:55px;height:55px;margin:auto;border-radius:50%;background:#e9fff8;color:#18a978;font-style:normal;font-size:24px}.request-success a{color:#2f78f5;text-decoration:none}.form-error{padding:11px;border-radius:9px;background:#fff0f2;color:#c83c50;font-size:8px;margin-bottom:13px}.contact-page-body{padding:80px 0;background:#f6f8fc}.contact-info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.contact-info-grid>a,.contact-info-grid>div{min-height:190px;padding:22px;border:1px solid #e0e7f1;border-radius:18px;background:#fff;text-decoration:none;color:#182134;transition:.25s}.contact-info-grid>a:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(25,67,130,.09)}.contact-info-grid small{font-size:6px;color:#4e80f6;letter-spacing:.14em}.contact-info-grid b{display:block;font-size:15px;margin:30px 0 8px}.contact-info-grid span{font-size:8px;color:#78869a}.demo-contact-card{background:linear-gradient(135deg,#6339f4,#2e7ff6 60%,#0abce3)!important;color:#fff!important}.demo-contact-card small,.demo-contact-card span{color:#d6e6ff!important}.search-page{min-height:65vh;padding:90px 0;background:#f7f9fc}.search-page h1{font-size:42px;letter-spacing:-.04em}.search-page-form{display:grid;grid-template-columns:1fr auto;max-width:800px;border:1px solid #dae4ef;border-radius:14px;padding:5px;background:#fff}.search-page-form input{border:0;outline:0;padding:14px;font-size:14px}.search-page-form button{border:0;border-radius:10px;background:#267cf4;color:#fff;padding:0 25px;font-weight:800}.search-count{font-size:9px;color:#7b8798;margin-top:25px}.search-results{max-width:900px;display:grid;gap:9px}.search-results>a{padding:20px;border:1px solid #e0e8f1;border-radius:15px;background:#fff;text-decoration:none;color:#121b2c}.search-results>a small{font-size:7px;color:#6987ae}.search-results h2{margin:6px 0;font-size:18px;color:#286ee3}.search-results p{font-size:9px;color:#6e7e94}.search-results span{font-size:7px;color:#337df5}.blog-list{padding:70px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.blog-list article,.blog-empty{padding:23px;border:1px solid #e0e8f1;border-radius:17px;background:#fff}.blog-list small{font-size:6px;color:#397df4}.blog-list h2{font-size:18px}.blog-list p,.blog-empty p{font-size:9px;line-height:1.6;color:#758296}
@media(max-width:1050px){.integration-grid-v48,.ai-grid-v48,.ecosystem-grid-v48,.contact-conversion-grid,.request-hero-grid,.request-form-grid,.footer-main-grid{grid-template-columns:1fr}.success-head{grid-template-columns:1fr}.success-grid{grid-template-columns:1fr 1fr}.stats-grid-v48{grid-template-columns:1fr 1fr}.contact-info-grid,.blog-list{grid-template-columns:1fr 1fr}.integration-hub,.eco-network-v48{max-width:650px;width:100%;margin:auto}.footer-nav-v48{margin-top:10px}.footer-contact-strip{grid-template-columns:1fr 1fr}.footer-contact-action{grid-column:1/-1}.ai-grid-v48{grid-template-columns:1fr 1fr}.ai-title-v48{grid-column:1/-1}}
@media(max-width:700px){.success-grid,.stats-grid-v48,.contact-info-grid,.blog-list,.form-grid-2{grid-template-columns:1fr}.form-grid-2 .full{grid-column:auto}.integration-points{grid-template-columns:1fr}.integration-hub,.eco-network-v48{transform:scale(.82);transform-origin:center top;margin-bottom:-70px}.ai-grid-v48{grid-template-columns:1fr}.ai-title-v48{grid-column:auto}.footer-brand-v48{grid-template-columns:1fr}.store-badges{grid-column:auto}.footer-nav-v48{grid-template-columns:1fr 1fr}.footer-contact-strip{grid-template-columns:1fr}.footer-contact-action{grid-column:auto}.site-search-panel{padding:25px 18px}.site-search-form{grid-template-columns:30px 1fr}.site-search-form button{grid-column:1/-1}.request-form-card{padding:18px}.success-stories,.integration-showcase,.ecosystem-v48,.contact-conversion,.request-form-section{padding-top:65px;padding-bottom:65px}.contact-trust{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.hub-core i,.data-pulse,.ai-core-ring,.ai-signal,.success-signal i,.network-orbit,.network-packet,.rv-ring{animation:none!important}}
.top-apps{display:flex;gap:10px;font-size:6px;color:#7286a4}.top-apps span{white-space:nowrap}.top-apps i{font-style:normal;color:#a2adbd;margin-left:3px}.topbar-info{flex-wrap:wrap}
/* ============================================================
4T4 v50 — DIGITAL NAVIGATION / CORPORATE / SEARCH
============================================================ */
:root{--v50-blue:#236cff;--v50-cyan:#00d9ff;--v50-violet:#6f38ff;--v50-ink:#071225;--v50-line:#dbe7f6}
.topbar{height:34px!important;background:linear-gradient(90deg,#051126 0%,#081a39 55%,#061127 100%)!important;border-bottom:1px solid rgba(80,174,255,.17)!important;color:#b8cae5!important;position:relative;overflow:hidden}
.topbar:after{content:"";position:absolute;left:-20%;right:-20%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#347cff,#00dafc,#6c3cff,transparent);animation:t4navscan 7s linear infinite}
@keyframes t4navscan{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}
.site-header{height:84px!important;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid #dfe8f5!important;box-shadow:0 10px 40px rgba(16,48,94,.07)!important;color:#101a2d!important;position:sticky!important;top:0!important}
.nav-shell{height:84px!important;display:grid!important;grid-template-columns:260px 1fr auto!important;align-items:stretch!important;width:100%!important;max-width:none!important;margin:0!important}
.brand-panel{position:relative!important;display:flex!important;align-items:center!important;padding:0 34px!important;background:linear-gradient(120deg,#f8fbff 0%,#eef5ff 68%,#e7efff 100%)!important;border-right:1px solid #dbe7f7!important;clip-path:none!important;overflow:hidden!important;box-shadow:none!important}
.brand-panel:before{content:""!important;position:absolute!important;inset:0!important;width:auto!important;background:linear-gradient(115deg,transparent 0 58%,rgba(35,108,255,.10) 58% 64%,transparent 64%),radial-gradient(circle at 76% 30%,rgba(0,211,255,.16),transparent 30%)!important;opacity:1!important;transform:none!important}
.brand-panel:after{display:block!important;content:""!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,var(--v50-violet),var(--v50-blue),var(--v50-cyan))!important;box-shadow:0 0 16px rgba(34,116,255,.5)!important}
.brand-panel .official-logo{width:178px!important;max-width:86%!important;filter:none!important;position:relative!important;z-index:2!important;transition:transform .3s ease,filter .3s ease!important}
.brand-panel:hover .official-logo{transform:translateX(4px) scale(1.015);filter:drop-shadow(0 7px 12px rgba(27,86,173,.13))!important}
.desktop-nav{height:84px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:3px!important;padding:0 20px!important}
.desktop-nav>a,.desktop-nav>.nav-item>a{height:84px!important;padding:0 13px!important;display:flex!important;align-items:center!important;border-radius:0!important;color:#172238!important;font-size:12px!important;font-weight:750!important;opacity:1!important;position:relative!important;transition:.22s!important}
.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{content:"";position:absolute;left:12px;right:12px;bottom:0;height:3px;border-radius:4px 4px 0 0;background:linear-gradient(90deg,var(--v50-violet),var(--v50-blue),var(--v50-cyan));transform:scaleX(0);transition:.22s;box-shadow:0 0 10px rgba(35,108,255,.3)}
.desktop-nav>a:hover,.desktop-nav>.nav-item>a:hover,.desktop-nav>a.active,.desktop-nav>.nav-item>a.active{color:#236cff!important;background:linear-gradient(180deg,rgba(44,117,255,.02),rgba(44,117,255,.07))!important}
.desktop-nav>a:hover:before,.desktop-nav>.nav-item>a:hover:before,.desktop-nav>a.active:before,.desktop-nav>.nav-item>a.active:before{transform:scaleX(1)}
.nav-tools{height:84px!important;padding:0 18px!important;gap:7px!important;border-left:1px solid #e0e8f4!important;background:linear-gradient(180deg,#fff,#f9fbff)!important}
.search-btn{width:42px!important;height:42px!important;border:1px solid #dce7f5!important;border-radius:12px!important;background:#f7faff!important;color:#286ff2!important;font-size:18px!important;transition:.22s!important}.search-btn:hover{background:#edf4ff!important;border-color:#98bdf7!important;box-shadow:0 7px 20px rgba(35,108,255,.12)!important}
.lang-current{height:42px!important;padding:0 10px!important;border:1px solid #dce7f5!important;border-radius:12px!important;background:#f7faff!important;color:#52647e!important;font-size:10px!important;font-weight:800!important}.lang-current:hover{border-color:#a9c5ee!important;background:#fff!important}
.quote-btn{height:44px!important;padding:0 18px!important;border-radius:13px!important;background:linear-gradient(105deg,#6936ff,#3178ff 58%,#04bfe8)!important;font-size:10px!important;font-weight:850!important;box-shadow:0 9px 24px rgba(48,101,238,.20)!important;white-space:nowrap!important}
.quote-btn:hover{transform:translateY(-2px)!important;box-shadow:0 13px 30px rgba(48,101,238,.29)!important}
.lang-menu{top:calc(100% + 10px)!important;width:215px!important;border-radius:16px!important;padding:8px!important}.lang-menu button{font-size:10px!important;align-items:center!important}
.corporate-dropdown-v50{width:310px!important;padding:9px!important}.corporate-dropdown-v50 a{display:block!important;padding:11px 12px!important}.corporate-dropdown-v50 a b{display:block;font-size:10px;color:#14233a}.corporate-dropdown-v50 a span{display:block;margin-top:3px;font-size:7px;color:#778aa4}.corporate-dropdown-v50 a:hover b{color:#246df3}
.search-main-v50{background:#f6f9fd;min-height:70vh}.search-hero-v50{padding:75px 0 55px;background:radial-gradient(circle at 80% 30%,rgba(38,124,255,.18),transparent 25%),linear-gradient(135deg,#040a18,#071b3c 62%,#041020);color:#fff;overflow:hidden;position:relative}.search-hero-v50:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(86,153,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(86,153,255,.05) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,#000,transparent)}.search-hero-v50 .container{position:relative;z-index:2}.search-kicker-v50{font-size:8px;font-weight:900;letter-spacing:.18em;color:#4fe5ff}.search-hero-v50 h1{font-size:clamp(42px,5vw,67px);line-height:.98;letter-spacing:-.055em;margin:12px 0 15px}.search-hero-v50 h1 span{background:linear-gradient(90deg,#8053ff,#3c86ff,#24e2ff);-webkit-background-clip:text;color:transparent}.search-hero-v50 p{font-size:12px;color:#91a8c9;max-width:680px}.search-page-form-v50{margin-top:28px;max-width:830px;display:grid;grid-template-columns:48px 1fr auto;align-items:center;padding:7px;border:1px solid rgba(94,170,255,.28);border-radius:17px;background:rgba(4,15,36,.72);box-shadow:0 20px 60px rgba(0,0,0,.18)}.search-page-form-v50>span{display:grid;place-items:center;color:#50dfff;font-size:22px}.search-page-form-v50 input{height:50px;background:transparent;border:0;outline:0;color:#fff;font-size:14px}.search-page-form-v50 input::placeholder{color:#6f86a9}.search-page-form-v50 button{height:48px;border:0;border-radius:12px;padding:0 23px;background:linear-gradient(90deg,#6d3aff,#2b7eff,#08c5e8);color:#fff;font-weight:850;cursor:pointer}.search-page-form-v50 button b{margin-left:10px}.search-shortcuts-v50{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}.search-shortcuts-v50 a{font-size:7px;padding:6px 9px;border:1px solid rgba(93,158,244,.2);border-radius:99px;color:#92b7e8;background:rgba(9,31,65,.45)}.search-results-wrap-v50{padding:45px 0 80px}.search-result-head-v50{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.search-result-head-v50 small{font-size:7px;color:#3577ef;font-weight:900;letter-spacing:.15em}.search-result-head-v50 h2{font-size:25px;margin:4px 0 0}.search-result-head-v50>b{font-size:8px;padding:7px 10px;border-radius:99px;background:#e8f1ff;color:#3470d9}.search-results-v50{display:grid;gap:10px}.search-result-v50{display:grid;grid-template-columns:45px 1fr;gap:13px;padding:17px;border:1px solid #dce6f2;border-radius:15px;background:#fff;transition:.2s;box-shadow:0 7px 25px rgba(18,50,92,.03)}.search-result-v50:hover{transform:translateY(-2px);border-color:#a6c5f2;box-shadow:0 14px 38px rgba(35,86,165,.08)}.search-result-icon-v50{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:#edf5ff;color:#2673f6}.search-result-v50 small{font-size:6px;color:#7791b2}.search-result-v50 h3{font-size:14px;margin:4px 0}.search-result-v50 p{font-size:8px;color:#6d7f98;margin:0 0 7px}.search-result-v50 span{font-size:7px;color:#2875f5;font-weight:800}.no-results-v50,.search-empty-v50{text-align:center;padding:55px;border:1px dashed #cddbea;border-radius:18px;background:#fff}.no-results-v50>div,.search-empty-v50>span{display:grid;place-items:center;margin:auto;width:55px;height:55px;border-radius:16px;background:#edf5ff;color:#2876f6;font-size:24px}.no-results-v50 h3,.search-empty-v50 h2{font-size:22px;margin:14px 0 6px}.no-results-v50 p,.search-empty-v50 p{font-size:9px;color:#7689a5}.no-results-v50 a{font-size:8px;color:#2875f5;font-weight:800}
.corp-page-v50{background:#f7f9fd}.corp-hero-v50{position:relative;overflow:hidden;padding:75px 0 85px;background:radial-gradient(circle at 76% 42%,rgba(37,123,255,.22),transparent 28%),radial-gradient(circle at 55% 120%,rgba(116,51,255,.18),transparent 30%),linear-gradient(135deg,#030817,#071a38 62%,#020715);color:#fff}.corp-grid-v50{position:absolute;inset:0;background-image:linear-gradient(rgba(80,149,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(80,149,255,.045) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(to bottom,#000,transparent)}.corp-hero-inner-v50{position:relative;display:grid;grid-template-columns:1fr .88fr;gap:70px;align-items:center}.corp-hero-inner-v50 small{font-size:8px;letter-spacing:.18em;color:#50dfff;font-weight:900}.corp-hero-inner-v50 h1{font-size:clamp(47px,5vw,70px);line-height:.98;letter-spacing:-.055em;margin:12px 0 19px}.corp-hero-inner-v50 h1 span{background:linear-gradient(90deg,#8050ff,#2d80ff,#0de0ff);-webkit-background-clip:text;color:transparent}.corp-hero-inner-v50 p{max-width:650px;font-size:12px;line-height:1.8;color:#a4b5ce}.corp-actions-v50{display:flex;gap:10px;margin-top:25px}.corp-visual-v50{height:390px;position:relative;display:grid;place-items:center}.corp-core-v50{position:relative;z-index:3;width:165px;height:165px;border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 45% 38%,#226bc8,#071c48 68%);border:1px solid #37baff;box-shadow:0 0 55px rgba(26,133,255,.34)}.corp-core-v50:before{content:"";position:absolute;inset:-18px;border:1px dashed rgba(65,183,255,.36);border-radius:50%;animation:spin 18s linear infinite}.corp-core-v50 b{font-size:42px;font-style:italic;letter-spacing:-.08em}.corp-core-v50 span{position:absolute;bottom:38px;font-size:5px;letter-spacing:.18em;color:#54e2ff}.c-line{position:absolute;width:80%;height:44%;border:1px solid rgba(47,145,255,.3);border-radius:50%}.c1{transform:rotate(15deg)}.c2{transform:rotate(70deg)}.c3{transform:rotate(-35deg)}.c-node{position:absolute;z-index:4;padding:8px 12px;border:1px solid rgba(62,160,255,.48);border-radius:11px;background:#071a39;color:#bfe4ff;font-size:7px;box-shadow:0 0 18px rgba(20,110,255,.15)}.n-a{top:48px;left:30px}.n-b{top:55px;right:38px}.n-c{bottom:58px;left:10px}.n-d{bottom:50px;right:25px}.corp-content-v50{padding:0 0 85px}.corp-stat-v50{position:relative;margin-top:-35px;display:grid;grid-template-columns:repeat(4,1fr);padding:22px;border:1px solid #dbe6f3;border-radius:19px;background:#fff;box-shadow:0 20px 50px rgba(22,58,110,.08);z-index:5}.corp-stat-v50 div{text-align:center;border-right:1px solid #e4ebf5}.corp-stat-v50 div:last-child{border-right:0}.corp-stat-v50 b{display:block;font-size:25px;color:#2f70f6}.corp-stat-v50 span{font-size:7px;color:#71829b}.corp-copy-grid-v50{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:80px 0 35px}.corp-copy-grid-v50 small{font-size:7px;color:#6b46ff;font-weight:900;letter-spacing:.15em}.corp-copy-grid-v50 h2{font-size:36px;line-height:1.05;letter-spacing:-.045em;margin:10px 0}.corp-text-v50 p{font-size:10px;color:#65758c;line-height:1.8;margin:0 0 14px}.corp-values-v50{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.corp-values-v50 article{min-height:190px;padding:20px;border:1px solid #dce6f2;border-radius:16px;background:#fff;transition:.25s}.corp-values-v50 article:hover{transform:translateY(-4px);border-color:#a6c5f2;box-shadow:0 15px 35px rgba(33,83,157,.08)}.corp-values-v50 article span{font-size:9px;color:#40bde8;font-weight:900}.corp-values-v50 h3{font-size:15px;margin:23px 0 8px}.corp-values-v50 p{font-size:8px;color:#718198;line-height:1.65}.corp-cta-v50{padding:0 0 80px}.corp-cta-v50>.container{display:flex;justify-content:space-between;align-items:center;padding:32px 38px;border-radius:22px;background:linear-gradient(105deg,#6836ff,#2f7eff 58%,#08c7e9);color:#fff;box-shadow:0 22px 60px rgba(43,91,223,.18)}.corp-cta-v50 small{font-size:6px;letter-spacing:.16em;opacity:.75}.corp-cta-v50 h2{font-size:30px;line-height:1.05;margin:7px 0}.corp-cta-v50 a{padding:13px 17px;border-radius:12px;background:#fff;color:#15223b;font-size:9px;font-weight:850}.corp-cta-v50 a span{margin-left:15px}
@media(max-width:1180px){.nav-shell{grid-template-columns:220px 1fr auto!important}.desktop-nav>a,.desktop-nav>.nav-item>a{padding:0 8px!important;font-size:10px!important}.quote-btn{padding:0 13px!important}.brand-panel .official-logo{width:155px!important}}
@media(max-width:980px){.site-header{height:72px!important}.nav-shell{height:72px!important;grid-template-columns:190px 1fr auto!important}.brand-panel{height:72px!important;padding-left:20px!important}.brand-panel .official-logo{width:145px!important}.desktop-nav{display:none!important;position:absolute!important;top:72px!important;left:12px!important;right:12px!important;height:auto!important;padding:12px!important;border:1px solid #dbe6f3!important;border-radius:16px!important;background:#fff!important;box-shadow:0 22px 60px rgba(12,35,75,.18)!important;align-items:stretch!important;flex-direction:column!important}.menu-open-v50 .desktop-nav{display:flex!important}.desktop-nav>a,.desktop-nav>.nav-item>a{height:44px!important;padding:0 12px!important;border-radius:10px!important}.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{display:none}.has-mega .mega-menu,.has-dropdown .dropdown-menu{position:static!important;width:100%!important;max-height:0!important;overflow:hidden!important;padding:0!important;border:0!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:max-height .3s ease!important}.mobile-open-v50>.mega-menu,.mobile-open-v50>.dropdown-menu{max-height:700px!important;padding:8px!important;border:1px solid #e1e8f2!important}.nav-tools .quote-btn{display:none!important}.nav-tools{height:72px!important;border-left:0!important;background:transparent!important}.menu-toggle{display:block!important;color:#1d3351!important;margin-right:14px!important}.corp-hero-inner-v50,.corp-copy-grid-v50{grid-template-columns:1fr}.corp-visual-v50{height:320px}.corp-stat-v50,.corp-values-v50{grid-template-columns:1fr 1fr}.corp-copy-grid-v50{gap:25px;padding-top:65px}}
@media(max-width:620px){.nav-shell{grid-template-columns:155px 1fr auto!important}.brand-panel .official-logo{width:125px!important}.nav-tools .lang{display:none!important}.corp-hero-v50{padding-top:55px}.corp-hero-inner-v50 h1{font-size:42px}.corp-actions-v50{flex-direction:column;align-items:flex-start}.corp-visual-v50{transform:scale(.84);margin:-30px -45px}.corp-stat-v50,.corp-values-v50{grid-template-columns:1fr}.corp-stat-v50 div{border-right:0;border-bottom:1px solid #e4ebf5;padding:12px}.corp-stat-v50 div:last-child{border-bottom:0}.corp-copy-grid-v50 h2{font-size:30px}.corp-cta-v50>.container{display:block;padding:26px}.corp-cta-v50 a{display:inline-block;margin-top:15px}.search-page-form-v50{grid-template-columns:40px 1fr}.search-page-form-v50 button{grid-column:1/-1;width:100%}.search-result-v50{grid-template-columns:1fr}.search-result-icon-v50{display:none}}
\n/* 4T4 v51 — SYNCHRONIZED HEADER */\n:root{--v51-navy:#031024;--v51-ink:#121b2f;--v51-border:#dfe8f4;--v51-blue:#2d78ff;--v51-cyan:#08c9ef;--v51-violet:#6c3cff;--v51-max:1320px}\n.container{width:min(var(--v51-max),calc(100% - 56px))!important;max-width:var(--v51-max)!important;margin-left:auto!important;margin-right:auto!important}\n.topbar{height:36px!important;min-height:36px!important;background:linear-gradient(90deg,#020a18,#06152d 50%,#031024)!important;border-bottom:1px solid rgba(79,160,255,.2)!important;color:#b8c9e3!important;position:relative!important;overflow:hidden!important;z-index:10020!important}.topbar:after{content:""!important;position:absolute!important;left:-35%!important;bottom:0!important;width:35%!important;height:1px!important;background:linear-gradient(90deg,transparent,var(--v51-violet),var(--v51-blue),var(--v51-cyan),transparent)!important;animation:v51scan 9s linear infinite!important}@keyframes v51scan{to{left:105%}}\n.topbar-inner{width:min(var(--v51-max),calc(100% - 56px))!important;max-width:var(--v51-max)!important;height:36px!important;margin:auto!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:flex-end!important}.topbar-info{height:100%!important;gap:12px!important;font-size:8px!important;color:#aabdd8!important}.topbar-info a,.topbar-info>span{color:#aabdd8!important}.topbar-info a:hover{color:#61dcff!important}.top-sep{width:1px!important;height:14px!important;background:rgba(177,204,239,.2)!important}.top-apps{display:flex!important;gap:11px!important;font-size:6px!important;color:#748daf!important}.top-apps i{font-style:normal!important;font-size:5px!important;color:#516d96!important}\n.site-header{height:86px!important;min-height:86px!important;position:sticky!important;top:0!important;z-index:10010!important;background:rgba(255,255,255,.98)!important;backdrop-filter:blur(20px)!important;border-bottom:1px solid #dbe6f3!important;box-shadow:0 8px 28px rgba(21,56,105,.055)!important}.nav-shell{width:100%!important;max-width:none!important;height:86px!important;margin:0!important;display:grid!important;grid-template-columns:270px minmax(650px,1fr) auto!important;align-items:stretch!important}\n.brand-panel{position:relative!important;height:86px!important;padding:0 30px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;background:linear-gradient(112deg,#fff 0 68%,#f0f6ff 68% 78%,#e8f1ff 78% 100%)!important;border-right:1px solid #dbe6f3!important;overflow:hidden!important;clip-path:none!important}.brand-panel:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;width:auto!important;transform:none!important;background:linear-gradient(115deg,transparent 0 73%,rgba(44,118,255,.1) 73% 79%,transparent 79%)!important;animation:none!important}.brand-panel:after{content:""!important;display:block!important;position:absolute!important;left:0!important;right:0!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,var(--v51-violet),var(--v51-blue) 55%,var(--v51-cyan))!important;box-shadow:0 0 14px rgba(45,120,255,.35)!important}.brand-panel .official-logo{width:170px!important;max-width:80%!important;height:auto!important;position:relative!important;z-index:2!important;filter:none!important;transform:none!important}.brand-panel:hover .official-logo{transform:translateY(-1px)!important;filter:drop-shadow(0 8px 14px rgba(31,84,158,.1))!important}.brand-status-v51{position:absolute!important;z-index:3!important;right:16px!important;bottom:11px!important;display:flex!important;align-items:center!important;gap:5px!important;font-size:4.8px!important;font-weight:900!important;letter-spacing:.13em!important;color:#6481aa!important}.brand-status-v51 i{width:5px!important;height:5px!important;border-radius:50%!important;background:#2ed9ff!important;box-shadow:0 0 8px #2ed9ff!important;animation:v51pulse 1.8s ease-in-out infinite!important}@keyframes v51pulse{50%{opacity:.35;transform:scale(.7)}}\n.desktop-nav{height:86px!important;padding:0 18px!important;display:flex!important;align-items:stretch!important;justify-content:center!important;gap:0!important;background:#fff!important}.desktop-nav>.nav-item,.desktop-nav>a{height:86px!important}.desktop-nav>a,.desktop-nav>.nav-item>a{height:86px!important;min-height:86px!important;padding:0 13px!important;display:flex!important;align-items:center!important;color:var(--v51-ink)!important;font-size:11px!important;font-weight:780!important;letter-spacing:-.01em!important;border-radius:0!important;white-space:nowrap!important}.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{left:12px!important;right:12px!important;bottom:0!important;height:3px!important;background:linear-gradient(90deg,var(--v51-violet),var(--v51-blue),var(--v51-cyan))!important}.desktop-nav>a:hover,.desktop-nav>.nav-item>a:hover,.desktop-nav>a.active,.desktop-nav>.nav-item>a.active{color:#276eff!important;background:linear-gradient(180deg,rgba(46,119,255,0),rgba(46,119,255,.065))!important}.chev{font-size:8px!important;margin-left:5px!important;color:#71819a!important}\n.nav-tools{height:86px!important;min-height:86px!important;padding:0 18px!important;display:flex!important;align-items:center!important;gap:9px!important;border-left:1px solid var(--v51-border)!important;background:linear-gradient(180deg,#fff,#fbfdff)!important}.search-btn,.lang-current{height:44px!important;min-width:44px!important;padding:0 13px!important;border:1px solid #d9e5f3!important;border-radius:12px!important;background:#f9fbff!important;color:#3f587d!important;box-shadow:none!important}.search-btn:hover,.lang-current:hover{border-color:#a9c9f5!important;background:#f1f7ff!important;color:#2674f7!important;transform:translateY(-1px)!important}.quote-btn{height:46px!important;padding:0 20px!important;border-radius:14px!important;background:linear-gradient(105deg,#6936ff,#3679ff 56%,#08c5e9)!important;color:#fff!important;font-size:9px!important;font-weight:900!important;box-shadow:0 10px 25px rgba(52,99,237,.2)!important}.quote-btn:hover{transform:translateY(-2px)!important;box-shadow:0 16px 32px rgba(52,99,237,.28)!important}\n.mega-menu{top:86px!important;left:50%!important;right:auto!important;width:min(830px,calc(100vw - 40px))!important;border:1px solid #dce7f3!important;border-top:0!important;border-radius:0 0 20px 20px!important;background:rgba(255,255,255,.99)!important;box-shadow:0 28px 70px rgba(13,39,82,.16)!important;overflow:hidden!important;transform:translate(-50%,8px)!important}.has-mega:hover>.mega-menu,.has-mega:focus-within>.mega-menu{transform:translate(-50%,0)!important}.mega-intro{min-width:265px!important;padding:26px!important;border-radius:0!important;background:radial-gradient(circle at 85% 15%,rgba(62,196,255,.18),transparent 28%),linear-gradient(145deg,#071a39,#092652)!important;color:#fff!important}.mega-intro small{color:#5de2ff!important}.mega-intro strong{font-size:17px!important;line-height:1.2!important}.mega-intro p{color:#a7bddb!important;line-height:1.65!important}.mega-all{color:#fff!important}.mega-links{padding:16px!important;gap:5px!important}.mega-links a{min-height:70px!important;padding:12px 13px!important;border:1px solid transparent!important;border-radius:12px!important}.mega-links a:hover{background:#f4f8fe!important;border-color:#dce8f6!important;transform:translateX(2px)!important}.mega-links a b{color:#17233a!important;font-size:10px!important}.mega-links a span{font-size:7px!important;line-height:1.5!important;color:#70819a!important}\n.corporate-mega-v51{width:min(760px,calc(100vw - 40px))!important}.corporate-mega-v51 .corporate-links-v51{display:grid!important;grid-template-columns:1fr 1fr!important;align-content:center!important}.corporate-links-v51 a{position:relative!important}.corporate-links-v51 em{position:absolute!important;right:12px!important;top:11px!important;font-style:normal!important;font-size:6px!important;font-weight:900!important;color:#4da9e7!important}.corporate-pulse-v51{display:flex!important;gap:7px!important;align-items:center!important;margin-top:18px!important;padding-top:13px!important;border-top:1px solid rgba(129,180,245,.16)!important;font-size:5px!important;font-weight:900!important;letter-spacing:.13em!important;color:#6edfff!important}.corporate-pulse-v51 i{width:6px!important;height:6px!important;border-radius:50%!important;background:#50e3ff!important;box-shadow:0 0 9px #50e3ff!important;animation:v51pulse 1.8s infinite!important}\n.solution-hero,.technology-hero,.corp-hero-v50{border-bottom:1px solid rgba(66,137,232,.12)!important}.solution-hero h1,.technology-hero h1,.corp-hero-v50 h1,.nebim40-hero h1,.era42-hero h1,.extra43-hero h1,.commerce44-hero h1{letter-spacing:-.055em!important}.site-footer .container{width:min(var(--v51-max),calc(100% - 56px))!important}\n@media(max-width:1220px){.nav-shell{grid-template-columns:235px 1fr auto!important}.brand-panel{padding-left:24px!important}.brand-panel .official-logo{width:154px!important}.brand-status-v51{display:none!important}.desktop-nav{padding:0 8px!important}.desktop-nav>a,.desktop-nav>.nav-item>a{padding:0 9px!important;font-size:10px!important}.quote-btn{padding:0 14px!important}.top-apps{display:none!important}}\n@media(max-width:1020px){.topbar{display:none!important}.site-header,.nav-shell{height:74px!important;min-height:74px!important}.nav-shell{grid-template-columns:190px 1fr auto!important}.brand-panel{height:74px!important;padding:0 20px!important}.brand-panel .official-logo{width:145px!important}.desktop-nav{display:none!important;position:absolute!important;top:74px!important;left:12px!important;right:12px!important;height:auto!important;max-height:calc(100vh - 95px)!important;overflow:auto!important;padding:12px!important;background:#fff!important;border:1px solid #dce7f3!important;border-radius:16px!important;box-shadow:0 25px 65px rgba(13,42,85,.18)!important;flex-direction:column!important;align-items:stretch!important}.menu-open-v50 .desktop-nav{display:flex!important}.desktop-nav>.nav-item,.desktop-nav>a{height:auto!important}.desktop-nav>a,.desktop-nav>.nav-item>a{height:44px!important;min-height:44px!important;border-radius:9px!important;padding:0 12px!important}.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{display:none!important}.has-mega .mega-menu{position:static!important;width:100%!important;max-height:0!important;overflow:hidden!important;border:0!important;border-radius:12px!important;box-shadow:none!important;opacity:1!important;visibility:visible!important;transform:none!important;transition:max-height .3s ease!important}.mobile-open-v50>.mega-menu{max-height:900px!important;border:1px solid #e0e9f4!important;margin-bottom:8px!important}.mega-intro{display:none!important}.mega-links,.corporate-mega-v51 .corporate-links-v51{display:grid!important;grid-template-columns:1fr!important;padding:8px!important}.nav-tools{height:74px!important;min-height:74px!important;border-left:0!important;padding:0 8px!important;background:transparent!important}.nav-tools .quote-btn{display:none!important}.menu-toggle{display:block!important;margin-right:14px!important;color:#1b3152!important}}\n@media(max-width:620px){.container{width:min(100% - 32px,var(--v51-max))!important}.nav-shell{grid-template-columns:160px 1fr auto!important}.brand-panel{padding:0 14px!important}.brand-panel .official-logo{width:128px!important}.nav-tools .lang{display:none!important}.search-btn{min-width:40px!important;width:40px!important;height:40px!important}}\n
/* ============================================================
4T4 v52 — ITFIRM-INSPIRED TWO-ROW HEADER
Structure based on user's reference, branded for 4T4.
============================================================ */
.topbar{
height:70px!important;
min-height:70px!important;
background:#fff!important;
border-bottom:1px solid #e7ebf2!important;
color:#727989!important;
overflow:visible!important;
box-shadow:none!important;
}
.topbar:before,.topbar:after{display:none!important}
.topbar-inner{
width:min(1180px,calc(100% - 48px))!important;
max-width:1180px!important;
height:70px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
padding:0!important;
}
.topbar-info{
width:auto!important;
height:70px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-end!important;
gap:0!important;
font-size:12px!important;
font-weight:650!important;
color:#6f7484!important;
}
.topbar-info>a,.topbar-info>span{
height:22px!important;
display:flex!important;
align-items:center!important;
gap:7px!important;
padding:0 22px!important;
color:#6f7484!important;
white-space:nowrap!important;
}
.topbar-info>a:hover{color:#365bff!important}
.topbar-info .top-ico{color:#4458ff!important;font-size:15px!important}
.top-sep{height:22px!important;width:1px!important;background:#d8dce5!important;margin:0!important}
.top-socials{padding-left:20px!important;display:flex!important;align-items:center!important;gap:12px!important}
.top-socials a{font-size:12px!important;color:#a0a3aa!important;padding:0!important;height:auto!important}
.top-socials a:hover{color:#3d54ff!important}
.top-apps{display:none!important}
.site-header{
height:112px!important;
min-height:112px!important;
top:0!important;
background:#fff!important;
border-bottom:1px solid #e5e9f0!important;
box-shadow:0 6px 16px rgba(32,42,66,.025)!important;
}
.nav-shell{
height:112px!important;
grid-template-columns:285px minmax(620px,1fr) auto!important;
align-items:stretch!important;
background:#fff!important;
}
/* angular brand panel like the reference, without modifying the official logo artwork */
.brand-panel{
height:112px!important;
padding:0 38px 0 38px!important;
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
position:relative!important;
overflow:hidden!important;
border-right:0!important;
background:linear-gradient(112deg,#fff 0 72%,#f2f6ff 72% 82%,#e6efff 82% 100%)!important;
clip-path:polygon(0 0,82% 0,100% 100%,0 100%)!important;
}
.brand-panel:before{
content:""!important;
position:absolute!important;
inset:0!important;
background:linear-gradient(118deg,transparent 0 72%,rgba(68,80,255,.10) 72% 79%,rgba(38,190,255,.08) 79% 100%)!important;
}
.brand-panel:after{
content:""!important;
position:absolute!important;
left:0!important;right:18%!important;bottom:0!important;
height:3px!important;
background:linear-gradient(90deg,#5b36ff,#3c65ff,#12c4ed)!important;
box-shadow:0 0 14px rgba(70,88,255,.25)!important;
}
.brand-panel .official-logo{
width:178px!important;
max-width:178px!important;
height:auto!important;
position:relative!important;
z-index:2!important;
}
.brand-status-v51{display:none!important}
.desktop-nav{
height:112px!important;
min-height:112px!important;
padding:0 30px!important;
justify-content:flex-start!important;
align-items:stretch!important;
gap:0!important;
background:#fff!important;
}
.desktop-nav>.nav-item,.desktop-nav>a{height:112px!important}
.desktop-nav>a,.desktop-nav>.nav-item>a{
height:112px!important;
min-height:112px!important;
padding:0 18px!important;
color:#161b31!important;
font-size:14px!important;
font-weight:760!important;
letter-spacing:-.015em!important;
}
.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{
left:18px!important;right:18px!important;bottom:0!important;height:3px!important;
background:linear-gradient(90deg,#5c39ff,#376bff,#08c9ed)!important;
}
.desktop-nav>a:hover,.desktop-nav>.nav-item>a:hover,.desktop-nav>a.active,.desktop-nav>.nav-item>a.active{
color:#354dff!important;
background:transparent!important;
}
.chev{font-size:11px!important;color:#65728a!important;margin-left:7px!important}
.nav-tools-v52{
height:112px!important;
min-height:112px!important;
padding:0!important;
gap:0!important;
border-left:1px solid #e6eaf0!important;
background:#fff!important;
}
.header-search-v52{
width:210px!important;
height:112px!important;
display:flex!important;
align-items:center!important;
border-right:1px solid #e6eaf0!important;
background:#fff!important;
}
.header-search-v52 input{
width:158px!important;
height:100%!important;
border:0!important;
outline:0!important;
padding:0 10px 0 22px!important;
background:transparent!important;
color:#34415b!important;
font-size:15px!important;
font-weight:500!important;
}
.header-search-v52 input::placeholder{color:#8190a9!important;opacity:1!important}
.header-search-v52 button{
width:52px!important;
height:100%!important;
border:0!important;
background:transparent!important;
color:#6c7b95!important;
font-size:25px!important;
cursor:pointer!important;
}
.header-search-v52 button:hover{color:#4454ff!important}
.lang{
height:112px!important;
display:flex!important;
align-items:center!important;
border-right:1px solid #e6eaf0!important;
position:relative!important;
}
.lang-current{
min-width:118px!important;
height:112px!important;
padding:0 20px!important;
border:0!important;
border-radius:0!important;
background:#fff!important;
color:#64718a!important;
font-size:13px!important;
font-weight:750!important;
}
.lang-current:hover{background:#fbfcff!important;transform:none!important;color:#3e53ff!important}
.quote-btn{
height:58px!important;
margin:27px 16px 27px 18px!important;
padding:0 24px!important;
border-radius:30px!important;
font-size:13px!important;
font-weight:850!important;
background:linear-gradient(105deg,#6936ff 0%,#4b4cff 45%,#159eef 100%)!important;
box-shadow:0 10px 24px rgba(78,70,255,.24)!important;
white-space:nowrap!important;
}
.quote-btn span{font-size:18px!important;margin-left:6px!important}
.quote-btn:hover{transform:translateY(-2px)!important;box-shadow:0 15px 32px rgba(78,70,255,.32)!important}
.mega-menu{top:112px!important}
@media(max-width:1450px){
.nav-shell{grid-template-columns:250px minmax(570px,1fr) auto!important}
.brand-panel{padding-left:26px!important}.brand-panel .official-logo{width:160px!important;max-width:160px!important}
.desktop-nav{padding:0 12px!important}.desktop-nav>a,.desktop-nav>.nav-item>a{padding:0 11px!important;font-size:12px!important}
.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{left:11px!important;right:11px!important}
.header-search-v52{width:165px!important}.header-search-v52 input{width:120px!important;padding-left:16px!important;font-size:13px!important}.header-search-v52 button{width:45px!important}
.lang-current{min-width:88px!important;padding:0 10px!important}
.quote-btn{padding:0 16px!important;margin-left:12px!important;margin-right:12px!important;font-size:11px!important}
}
@media(max-width:1180px){
.topbar{height:56px!important;min-height:56px!important}.topbar-inner,.topbar-info{height:56px!important}
.topbar-info>a,.topbar-info>span{padding:0 12px!important;font-size:10px!important}
.top-socials{padding-left:12px!important}
.site-header,.nav-shell{height:90px!important;min-height:90px!important}
.nav-shell{grid-template-columns:225px 1fr auto!important}
.brand-panel{height:90px!important}.brand-panel .official-logo{width:148px!important;max-width:148px!important}
.desktop-nav{height:90px!important}.desktop-nav>.nav-item,.desktop-nav>a,.desktop-nav>a,.desktop-nav>.nav-item>a{height:90px!important;min-height:90px!important}
.nav-tools-v52,.header-search-v52,.lang,.lang-current{height:90px!important;min-height:90px!important}
.quote-btn{height:50px!important;margin-top:20px!important;margin-bottom:20px!important}
.mega-menu{top:90px!important}
}
@media(max-width:1020px){
.topbar{display:none!important}
.site-header,.nav-shell{height:74px!important;min-height:74px!important}
.nav-shell{grid-template-columns:190px 1fr auto!important}
.brand-panel{height:74px!important;clip-path:none!important;padding-left:20px!important}.brand-panel .official-logo{width:140px!important;max-width:140px!important}
.desktop-nav{top:74px!important}
.nav-tools-v52{height:74px!important;min-height:74px!important;border-left:0!important}
.header-search-v52{display:none!important}.lang,.lang-current{height:74px!important;min-height:74px!important;border:0!important}.quote-btn{display:none!important}
.mega-menu{top:auto!important}
}
/* ============================================================
4T4 v53 — EXACT REFERENCE HEADER GEOMETRY
White utility row + purple angular logo block + roomy nav row.
============================================================ */
@media(min-width:1021px){
.topbar{height:92px!important;min-height:92px!important;background:#fff!important;border-bottom:1px solid #e8ebf1!important}
.topbar-inner{height:92px!important;width:min(820px,calc(100% - 40px))!important;max-width:820px!important;margin:0 auto!important;justify-content:center!important}
.topbar-info{height:92px!important;width:100%!important;justify-content:center!important;color:#737789!important;font-size:13px!important;font-weight:650!important}
.topbar-info>a,.topbar-info>span{height:28px!important;padding:0 25px!important;color:#737789!important}
.topbar-info .top-ico{font-size:17px!important;color:#4e50ff!important}.top-sep{height:25px!important;background:#d8dbe4!important}.top-socials{padding:0 0 0 25px!important;gap:13px!important}.top-socials a{font-size:14px!important;color:#a5a6ad!important}.top-apps{display:none!important}
.site-header,.nav-shell{height:92px!important;min-height:92px!important;background:#fff!important}
.site-header{border-bottom:1px solid #e8ebf1!important;box-shadow:none!important}
.nav-shell{grid-template-columns:282px minmax(650px,1fr) auto!important;overflow:visible!important}
.brand-panel{height:92px!important;padding:0 46px 0 38px!important;clip-path:polygon(0 0,82% 0,100% 100%,0 100%)!important;background:linear-gradient(110deg,#345cff 0%,#5639ff 58%,#7918ff 100%)!important;overflow:hidden!important}
.brand-panel:before{content:""!important;display:block!important;position:absolute!important;inset:0!important;background:radial-gradient(circle at 55% 40%,rgba(255,255,255,.13),transparent 35%)!important}
.brand-panel:after{display:none!important}
.brand-panel .official-logo{width:178px!important;max-width:178px!important;filter:brightness(0) invert(1)!important;opacity:.98!important}
.desktop-nav{height:92px!important;min-height:92px!important;padding:0 28px!important;justify-content:flex-start!important;gap:0!important}
.desktop-nav>.nav-item,.desktop-nav>a,.desktop-nav>a,.desktop-nav>.nav-item>a{height:92px!important;min-height:92px!important}
.desktop-nav>a,.desktop-nav>.nav-item>a{padding:0 17px!important;font-size:13px!important;font-weight:750!important;color:#171b31!important}
.desktop-nav>a:before,.desktop-nav>.nav-item>a:before{display:none!important}
.desktop-nav>a:hover,.desktop-nav>.nav-item>a:hover,.desktop-nav>a.active,.desktop-nav>.nav-item>a.active{color:#4b45ff!important;background:transparent!important}
.nav-tools-v52{height:92px!important;min-height:92px!important;border-left:1px solid #e7eaf0!important}
.header-search-v52{height:92px!important;width:190px!important;border-right:1px solid #e7eaf0!important}
.header-search-v52 input{width:142px!important;padding-left:22px!important;font-size:14px!important}.header-search-v52 button{width:48px!important;font-size:23px!important}
.lang{height:92px!important;border-right:1px solid #e7eaf0!important}.lang-current{height:92px!important;min-width:126px!important;padding:0 20px!important;font-size:13px!important}
.quote-btn{height:58px!important;margin:17px 14px 17px 18px!important;padding:0 24px!important;border-radius:30px!important;background:linear-gradient(100deg,#7624ff 0%,#5a34ff 45%,#236bff 100%)!important;font-size:13px!important;box-shadow:0 9px 20px rgba(87,52,255,.25)!important}
.mega-menu{top:92px!important}
}
@media(min-width:1021px) and (max-width:1450px){
.topbar-inner{width:min(760px,calc(100% - 30px))!important}.topbar-info>a,.topbar-info>span{padding:0 17px!important;font-size:11px!important}.top-socials{padding-left:17px!important}
.nav-shell{grid-template-columns:240px minmax(560px,1fr) auto!important}.brand-panel{padding-left:28px!important}.brand-panel .official-logo{width:160px!important;max-width:160px!important}.desktop-nav{padding:0 12px!important}.desktop-nav>a,.desktop-nav>.nav-item>a{padding:0 10px!important;font-size:11px!important}.header-search-v52{width:150px!important}.header-search-v52 input{width:105px!important;padding-left:14px!important;font-size:12px!important}.header-search-v52 button{width:45px!important}.lang-current{min-width:88px!important;padding:0 9px!important}.quote-btn{padding:0 15px!important;margin-left:10px!important;margin-right:10px!important;font-size:11px!important}
}
/* ============================================================
4T4 v58 — ITFIRM OWNED DESIGN ADAPTATION
Data/content architecture preserved. Visual system adapted.
============================================================ */
:root{--itf-purple:#6b22ff;--itf-blue:#2476ff;--itf-cyan:#17c9f4;--itf-ink:#0e1630;--itf-muted:#6e7891;--itf-line:#e7eaf1;--itf-max:1220px}
.itf-topbar{height:52px;background:#fff;border-bottom:1px solid #edf0f5;color:#626b80;position:relative;z-index:10030}.itf-topbar-inner{width:min(var(--itf-max),calc(100% - 48px));height:100%;margin:auto;display:flex;justify-content:flex-end;align-items:center}.itf-top-contact{display:flex;align-items:center;gap:16px;font-size:11px;font-weight:650}.itf-top-contact>a,.itf-top-contact>span{display:flex;align-items:center;gap:8px;color:#626b80}.itf-top-contact a:hover{color:var(--itf-blue)}.itf-top-contact i{width:1px;height:18px;background:#d9dde6}.itf-top-contact b,.itf-top-contact a>span{color:#5c3dff;font-weight:900}.itf-social{display:flex;gap:10px}.itf-social a{color:#9aa1ae;font-size:11px;font-weight:800}.itf-apps{display:flex;gap:14px;color:#6d7487;font-size:9px}.itf-apps small{font-size:7px;margin-left:4px;color:#a4aab5}
.itf-header{height:86px;background:#fff;border-bottom:1px solid #e8ebf1;position:sticky;top:0;z-index:10020;box-shadow:0 4px 16px rgba(12,22,45,.025)}.itf-nav-shell{height:86px;display:grid;grid-template-columns:280px 1fr auto;align-items:stretch;max-width:100%;margin:0}.itf-brand{position:relative;display:flex;align-items:center;padding:0 48px 0 28px;overflow:hidden;background:linear-gradient(120deg,#205df7 0%,#4251ff 48%,#7b1eff 100%);clip-path:polygon(0 0,84% 0,100% 100%,0 100%)}.itf-brand:after{content:"";position:absolute;right:13%;top:-70%;width:110px;height:220%;transform:rotate(28deg);background:rgba(255,255,255,.09)}.itf-brand-inner{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:10px;padding:7px 12px;box-shadow:0 6px 22px rgba(0,0,0,.10)}.itf-brand img{display:block;width:154px;height:auto;filter:none!important;transform:none!important}.itf-nav{height:86px;display:flex;align-items:stretch;justify-content:center;gap:0;padding:0 14px}.itf-nav>a,.itf-nav-item>a{height:86px;display:flex;align-items:center;padding:0 15px;color:#111a31;font-size:11px;font-weight:750;position:relative;white-space:nowrap}.itf-nav>a:after,.itf-nav-item>a:after{content:"";position:absolute;left:15px;right:15px;bottom:0;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--itf-purple),var(--itf-blue));transition:.22s}.itf-nav>a:hover,.itf-nav-item>a:hover,.itf-nav>a.active,.itf-nav-item>a.active{color:#2838e8}.itf-nav>a:hover:after,.itf-nav-item>a:hover:after,.itf-nav>a.active:after,.itf-nav-item>a.active:after{transform:scaleX(1)}.itf-nav-item>a span{font-size:9px;margin-left:5px}.itf-tools{height:86px;display:flex;align-items:stretch;border-left:1px solid #e7eaf1}.itf-search{width:185px;display:flex;align-items:center;border-right:1px solid #e7eaf1}.itf-search input{width:100%;height:100%;border:0;outline:0;padding:0 15px 0 18px;background:#fff;color:#29334b;font-size:11px}.itf-search button{width:48px;height:100%;border:0;background:#fff;color:#71809d;font-size:20px;cursor:pointer}.itf-lang{position:relative;display:flex;align-items:center}.itf-lang-current{height:100%;padding:0 18px;border:0;border-right:1px solid #e7eaf1;background:#fff;color:#526078;font-size:10px;font-weight:750;cursor:pointer}.itf-lang-current span{margin:0 5px}.itf-lang-menu{position:absolute;right:0;top:78px;width:205px;background:#fff;border:1px solid #e6eaf1;border-radius:12px;box-shadow:0 18px 45px rgba(14,28,60,.14);padding:8px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s;z-index:30}.itf-lang.open .itf-lang-menu{opacity:1;visibility:visible;transform:none}.itf-lang-menu a{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:#27334d;font-size:10px}.itf-lang-menu a:hover{background:#f5f7fb;color:#3d42f5}.itf-lang-menu small{margin-left:auto;color:#929bae}.itf-demo{align-self:center;margin:0 18px;height:48px;display:flex;align-items:center;gap:16px;padding:0 20px;border-radius:27px;color:#fff!important;font-size:10px;font-weight:850;background:linear-gradient(100deg,#7020ff,#2c72ff 68%,#15baf2);box-shadow:0 8px 18px rgba(91,47,255,.24);transition:.2s}.itf-demo:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(91,47,255,.31)}.itf-menu-toggle{display:none}
.itf-nav-item{position:relative}.itf-mega{position:absolute;top:86px;left:0;background:#fff;border:1px solid #e9ecf2;border-radius:0 0 14px 14px;box-shadow:0 20px 52px rgba(15,29,61,.15);opacity:0;visibility:hidden;transform:translateY(10px);transition:.2s;display:grid;padding:18px;z-index:100}.itf-nav-item:hover>.itf-mega,.itf-nav-item:focus-within>.itf-mega{opacity:1;visibility:visible;transform:none}.itf-mega-wide{width:860px;grid-template-columns:1fr 1fr 1fr 250px;left:-210px}.itf-mega-small{width:330px;grid-template-columns:1fr}.itf-mega-col{padding:8px 14px;border-right:1px solid #edf0f5}.itf-mega-col:last-child{border-right:0}.itf-mega-col>small{display:block;margin:0 0 8px;color:#5a3eff;font-size:8px;font-weight:900;letter-spacing:.1em}.itf-mega-col>a{display:block;padding:9px 8px;border-radius:8px}.itf-mega-col>a:hover{background:#f6f7fb}.itf-mega-col b{display:block;color:#19233a;font-size:10px;margin-bottom:3px}.itf-mega-col em{display:block;color:#7a8498;font-size:8px;font-style:normal;line-height:1.4}.itf-mega-promo{border-radius:10px;padding:20px;color:#fff;background:radial-gradient(circle at 80% 10%,rgba(64,151,255,.35),transparent 36%),linear-gradient(145deg,#07142e,#132e64)}.itf-mega-promo>span{font-size:7px;font-weight:900;letter-spacing:.12em;color:#68d9ff}.itf-mega-promo h3{font-size:18px;line-height:1.15;margin:12px 0}.itf-mega-promo p{font-size:9px;line-height:1.55;color:#b7c8e4}.itf-mega-promo a{display:inline-flex;margin-top:14px;padding:10px 13px;border-radius:22px;background:linear-gradient(90deg,#7024ff,#14bff0);color:#fff;font-size:8px;font-weight:850}
/* Itfirm-inspired hero using 4T4 existing live content and globe */
.hero{position:relative;min-height:590px;overflow:visible;background:linear-gradient(110deg,#101737 0%,#101737 42%,#0a1430 100%)!important}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(118deg,rgba(80,37,197,.68) 0 17%,rgba(52,37,137,.48) 17% 29%,transparent 29% 100%);clip-path:polygon(0 0,62% 0,43% 100%,0 100%);pointer-events:none}.hero-grid{opacity:.22!important}.hero-inner{min-height:520px!important;display:grid!important;grid-template-columns:1.02fr .98fr!important;align-items:center!important;gap:34px!important;padding-top:35px!important;padding-bottom:100px!important}.hero-copy{position:relative;z-index:5;max-width:600px}.hero-copy .eyebrow{display:inline-flex!important;padding:8px 16px!important;border-radius:22px!important;background:#fff!important;color:#5630ff!important;font-size:9px!important;font-weight:850!important;letter-spacing:.03em!important;box-shadow:0 8px 20px rgba(0,0,0,.12)!important}.hero-copy h1{margin-top:20px!important;color:#fff!important;font-size:57px!important;line-height:.99!important;letter-spacing:-.05em!important;text-shadow:0 3px 14px rgba(0,0,0,.18)!important}.hero-copy h1 span{background:linear-gradient(90deg,#fff 0%,#a0b8ff 45%,#46dfff 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;color:transparent!important}.hero-copy p{max-width:580px!important;color:#eef3ff!important;font-size:14px!important;line-height:1.7!important}.chips{display:none!important}.hero-actions .btn{border-radius:26px!important;padding:13px 22px!important;background:linear-gradient(90deg,#6924ff,#2787ff)!important;border:0!important;box-shadow:0 10px 22px rgba(60,67,255,.2)!important}.hero-actions .btn-ghost{background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important}.orb-wrap{position:relative!important;z-index:3!important;transform:scale(.93)!important}
.itf-service-ribbon{position:relative;z-index:12;margin:-84px auto 0;width:min(760px,calc(100% - 50px));display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 15px 36px rgba(18,32,69,.16)}.itf-service-ribbon a{min-height:128px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:17px 10px;background:#fff;border-right:1px solid #e9edf4;color:#18223a;transition:.2s}.itf-service-ribbon a:first-child{border-radius:3px 0 0 3px}.itf-service-ribbon a:last-child{border-radius:0 3px 3px 0;border-right:0}.itf-service-ribbon a:nth-child(2){color:#fff;background:linear-gradient(140deg,#6b20ff,#2d7bff)}.itf-service-ribbon a:hover{transform:translateY(-5px);box-shadow:0 12px 24px rgba(33,60,115,.14);z-index:2}.itf-service-ribbon strong{font-size:10px;line-height:1.35}.itf-service-ribbon span{width:44px;height:44px;margin-bottom:10px;display:grid;place-items:center;border-radius:10px;background:#f4f6fb;color:#533cff;font-size:21px}.itf-service-ribbon a:nth-child(2) span{background:rgba(255,255,255,.16);color:#fff}
.itf-trust-strip{padding:92px 0 35px;background:#f6f7fa}.itf-trust-inner{width:min(var(--itf-max),calc(100% - 48px));margin:auto;display:flex;align-items:center;gap:22px;color:#727b8d;font-size:10px}.itf-trust-inner b{color:#18223a}.itf-trust-line{width:45px;height:1px;background:#bfc5d2}.itf-trust-logos{display:flex;flex:1;justify-content:space-around;gap:20px;font-size:15px;font-weight:850;color:#8a93a4}.itf-trust-logos span{opacity:.9}
@media(max-width:1180px){.itf-nav-shell{grid-template-columns:230px 1fr auto}.itf-brand{padding-left:20px}.itf-brand img{width:135px}.itf-nav>a,.itf-nav-item>a{padding:0 10px;font-size:10px}.itf-search{width:140px}.itf-demo{padding:0 14px;margin:0 10px}.itf-apps{display:none}}
@media(max-width:1040px){.itf-topbar{display:none}.itf-header,.itf-nav-shell{height:74px}.itf-nav-shell{grid-template-columns:200px 1fr auto}.itf-brand{height:74px}.itf-nav{display:none;position:absolute;top:74px;left:10px;right:10px;height:auto;padding:10px;background:#fff;border:1px solid #e7eaf1;border-radius:12px;box-shadow:0 20px 45px rgba(14,30,63,.16);flex-direction:column;align-items:stretch}.itf-menu-open .itf-nav{display:flex}.itf-nav>a,.itf-nav-item>a{height:44px;padding:0 12px}.itf-nav>a:after,.itf-nav-item>a:after{display:none}.itf-mega{position:static!important;width:100%!important;max-height:0;overflow:hidden;opacity:1;visibility:visible;transform:none;display:block;padding:0;border:0;box-shadow:none}.itf-nav-item.mobile-open>.itf-mega{max-height:760px;padding:8px;border:1px solid #edf0f4;margin-bottom:6px}.itf-mega-col{border:0}.itf-mega-promo{display:none}.itf-tools .itf-search{display:none}.itf-demo{display:none}.itf-menu-toggle{display:block;border:0;background:#fff;font-size:24px;color:#27334d;margin-right:16px}.hero-inner{grid-template-columns:1fr!important}.orb-wrap{display:none!important}.hero{min-height:540px}.hero-copy{max-width:720px}.itf-service-ribbon{grid-template-columns:1fr 1fr;margin-top:-60px}.itf-service-ribbon a:last-child{grid-column:1/-1}.itf-trust-inner{flex-wrap:wrap}.itf-trust-logos{flex-basis:100%}}
@media(max-width:640px){.itf-nav-shell{grid-template-columns:170px 1fr auto}.itf-brand{padding-left:12px}.itf-brand-inner{padding:5px 8px}.itf-brand img{width:116px}.itf-lang{display:none}.hero-copy h1{font-size:42px!important}.hero-copy p{font-size:12px!important}.itf-service-ribbon{grid-template-columns:1fr;width:calc(100% - 30px)}.itf-service-ribbon a,.itf-service-ribbon a:last-child{min-height:88px;grid-column:auto;border-radius:0!important;flex-direction:row;justify-content:flex-start;gap:12px;text-align:left}.itf-service-ribbon span{margin:0}.itf-trust-logos{flex-wrap:wrap}.itf-trust-logos span{width:40%;text-align:center}}