:root{
--x-ink:#0a2945;
--x-ink2:#173b56;
--x-blue:#118fd8;
--x-cyan:#2bd8df;
--x-white:#fff;
--x-bg:#f7fbfe;
--x-soft:#eaf6fc;
--x-muted:#607b91;
--x-line:rgba(14,82,124,.11);
--x-shadow:0 28px 75px rgba(36,96,132,.11);
--x-shell:1430px;
}

*{box-sizing:border-box}

html{scroll-behavior:smooth}

body{
margin:0;
background:var(--x-bg);
color:var(--x-ink);
font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
-webkit-font-smoothing:antialiased;
}

a{text-decoration:none;color:inherit}

.tgx-shell{
width:min(calc(100% - 70px),var(--x-shell));
margin-inline:auto;
}


/* HEADER */

.tgx-header{
position:sticky;
top:0;
z-index:999;
background:rgba(255,255,255,.92);
border-bottom:1px solid var(--x-line);
backdrop-filter:blur(18px);
box-shadow:0 8px 35px rgba(40,92,125,.05);
}

.admin-bar .tgx-header{top:32px}

.tgx-nav{
height:88px;
display:flex;
align-items:center;
justify-content:space-between;
gap:30px;
}

.tgx-brand{
display:flex;
align-items:center;
gap:13px;
}

.tgx-logo{
width:48px;
height:48px;
display:grid;
place-items:center;
border-radius:13px;
background:linear-gradient(135deg,#199cf0,#31dfe5);
color:#08243c;
font-weight:950;
box-shadow:0 10px 28px rgba(18,145,219,.18);
}

.tgx-brand-copy strong{
display:block;
font-size:16px;
color:#0a2945;
}

.tgx-brand-copy small{
display:block;
margin-top:4px;
font-size:9px;
font-weight:800;
letter-spacing:.13em;
color:#71899b;
}

.tgx-menu{
display:flex;
align-items:center;
gap:28px;
font-size:14px;
color:#35536b;
}

.tgx-menu>a:hover{color:#078fc6}

.tgx-menu-cta{
padding:14px 20px;
border-radius:11px;
background:linear-gradient(135deg,#1a9cec,#34dde4);
color:#06243d!important;
font-weight:850;
box-shadow:0 11px 28px rgba(18,148,220,.17);
}

.tgx-mobile-toggle{
display:none;
border:0;
background:none;
font-size:25px;
color:#0b2945;
}


/* GLOBAL TYPE */

.tgx-eyebrow{
display:block;
font-size:11px;
font-weight:900;
letter-spacing:.17em;
text-transform:uppercase;
color:#078fc4;
}

.tgx h1,.tgx h2,.tgx h3{
text-wrap:balance;
}

.tgx em{
font-style:normal;
background:linear-gradient(100deg,#147fc9,#24d4dc);
-webkit-background-clip:text;
background-clip:text;
color:transparent;
}


/* HERO */

.tgx-hero{
position:relative;
min-height:790px;
display:flex;
align-items:center;
overflow:hidden;
background:
radial-gradient(circle at 78% 22%,rgba(46,195,243,.21),transparent 30%),
radial-gradient(circle at 13% 20%,rgba(75,153,246,.09),transparent 26%),
linear-gradient(135deg,#fff,#eff9ff 60%,#e8f6fc);
}

.tgx-hero:before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(14,91,139,.035) 1px,transparent 1px),
linear-gradient(90deg,rgba(14,91,139,.035) 1px,transparent 1px);
background-size:72px 72px;
mask-image:linear-gradient(to bottom,#000,transparent);
}

.tgx-hero-orb{
position:absolute;
border-radius:50%;
border:1px solid rgba(20,136,199,.10);
}

.tgx-orb-a{
width:760px;height:760px;
right:-170px;top:-260px;
}

.tgx-orb-b{
width:1030px;height:1030px;
right:-320px;top:-390px;
}

.tgx-hero-grid{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.03fr .97fr;
gap:80px;
align-items:center;
padding:105px 0;
}

.tgx-hero-copy h1{
max-width:880px;
margin:18px 0 30px;
font-size:clamp(63px,7vw,106px);
line-height:.9;
letter-spacing:-.063em;
color:#092a47;
}

.tgx-hero-copy>p{
max-width:760px;
font-size:20px;
line-height:1.7;
color:#5c7890;
}

.tgx-buttons{
display:flex;
gap:12px;
flex-wrap:wrap;
margin-top:32px;
}

.tgx-btn{
min-height:55px;
display:inline-flex;
align-items:center;
justify-content:center;
padding:0 24px;
border-radius:12px;
font-weight:850;
}

.tgx-btn-primary{
background:linear-gradient(135deg,#1798eb,#32dce4);
color:#05223a;
box-shadow:0 13px 32px rgba(22,151,224,.19);
}

.tgx-btn-light{
background:#fff;
color:#173b56;
border:1px solid var(--x-line);
}

.tgx-proofline{
display:flex;
gap:22px;
flex-wrap:wrap;
margin-top:31px;
font-size:12px;
color:#688196;
}

.tgx-proofline span:before{
content:"●";
font-size:7px;
color:#17b4d5;
margin-right:8px;
}


/* HERO PRODUCT */

.tgx-hero-product{
min-height:580px;
padding:23px;
border-radius:30px;
background:rgba(255,255,255,.91);
border:1px solid rgba(14,103,158,.13);
box-shadow:0 40px 100px rgba(37,98,136,.16);
animation:tgxFloat 7s ease-in-out infinite;
}

@keyframes tgxFloat{
50%{transform:translateY(-8px)}
}

.tgx-product-bar,
.tgx-product-footer{
display:flex;
justify-content:space-between;
gap:15px;
font-size:10px;
letter-spacing:.1em;
color:#688298;
}

.tgx-product-bar strong{color:#00a879}

.tgx-product-body{
position:relative;
height:470px;
}

.tgx-ring{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
border:1px solid rgba(18,133,195,.13);
}

.r1{width:420px;height:420px}
.r2{width:315px;height:315px}
.r3{width:220px;height:220px}

.tgx-product-core{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
z-index:3;
width:170px;
height:170px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:radial-gradient(circle,#fff,#def5ff);
border:1px solid rgba(13,135,199,.23);
box-shadow:0 20px 65px rgba(29,146,201,.18);
}

.tgx-product-core small{
font-size:9px;
letter-spacing:.12em;
color:#688397;
}

.tgx-product-core strong{
font-size:42px;
color:#0a2945;
margin:2px 0;
}

.tgx-product-core span{
font-size:9px;
font-weight:850;
color:#078fc5;
}

.tgx-product-node{
position:absolute;
z-index:4;
min-width:104px;
padding:14px;
border-radius:14px;
background:#fff;
border:1px solid var(--x-line);
box-shadow:0 14px 35px rgba(36,95,130,.10);
text-align:center;
font-size:12px;
font-weight:900;
color:#12354f;
}

.tgx-product-node small{
display:block;
font-size:9px;
font-weight:500;
margin-top:4px;
color:#748b9e;
}

.p1{top:24px;left:50%;transform:translateX(-50%)}
.p2{right:5px;top:150px}
.p3{right:48px;bottom:30px}
.p4{left:48px;bottom:30px}
.p5{left:5px;top:150px}
.p6{left:50%;bottom:0;transform:translateX(-50%)}


/* MARQUEE */

.tgx-marquee{
overflow:hidden;
background:#fff;
border-block:1px solid var(--x-line);
}

.tgx-marquee-track{
width:max-content;
display:flex;
gap:52px;
padding:22px 0;
animation:tgxTicker 30s linear infinite;
}

@keyframes tgxTicker{
to{transform:translateX(-50%)}
}

.tgx-marquee-track span{
position:relative;
white-space:nowrap;
font-size:13px;
font-weight:800;
color:#3c5d75;
}

.tgx-marquee-track span:after{
content:"•";
position:absolute;
right:-29px;
color:#10a6d2;
}


/* SECTIONS */

.tgx-section{padding:112px 0}

.tgx-white{background:#fff}

.tgx-soft{
background:
radial-gradient(circle at 90% 10%,rgba(42,188,238,.09),transparent 27%),
#edf8fd;
}

.tgx-gradient{
background:
radial-gradient(circle at 83% 18%,rgba(44,196,239,.14),transparent 28%),
linear-gradient(135deg,#e7f5fc,#f8fcff);
}

.tgx-heading{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:90px;
align-items:end;
margin-bottom:58px;
}

.tgx-heading h2{
margin:14px 0 0;
max-width:900px;
font-size:clamp(48px,5.5vw,78px);
line-height:.97;
letter-spacing:-.052em;
color:#0a2945;
}

.tgx-heading>p{
max-width:590px;
font-size:18px;
line-height:1.7;
color:#617c92;
}


/* BIG 4 */

.tgx-big4{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:14px;
}

.tgx-big-card{
min-height:350px;
padding:34px;
border-radius:22px;
display:flex;
flex-direction:column;
background:linear-gradient(145deg,#f8fcff,#fff);
border:1px solid var(--x-line);
box-shadow:0 16px 45px rgba(34,90,125,.06);
transition:.3s ease;
}

.tgx-big-card:hover{
transform:translateY(-7px);
box-shadow:0 30px 72px rgba(30,101,142,.13);
}

.tgx-big-card>span{
font-size:11px;
font-weight:900;
color:#078fc5;
}

.tgx-big-card>b{
margin-top:52px;
font-size:12px;
letter-spacing:.15em;
color:#078fc6;
}

.tgx-big-card h3{
font-size:31px;
letter-spacing:-.035em;
color:#0a2945;
margin:13px 0;
}

.tgx-big-card p{
max-width:530px;
line-height:1.65;
color:#637e93;
}

.tgx-big-card>strong{
margin-top:auto;
padding-top:20px;
font-size:13px;
color:#078fc6;
}


/* SHOWCASE */

.tgx-showcase{
display:grid;
grid-template-columns:1.25fr .75fr;
gap:14px;
}

.tgx-showcase-card{
overflow:hidden;
border-radius:22px;
background:#fff;
border:1px solid var(--x-line);
box-shadow:0 18px 55px rgba(34,92,126,.07);
transition:.3s ease;
}

.tgx-showcase-card:hover{
transform:translateY(-5px);
box-shadow:0 30px 75px rgba(29,102,143,.13);
}

.tgx-showcase-card:first-child{
grid-row:span 2;
}

.tgx-showcase-screen{
min-height:280px;
display:grid;
place-items:center;
padding:30px;
background:
radial-gradient(circle at 70% 30%,rgba(39,190,240,.14),transparent 34%),
linear-gradient(145deg,#e8f6ff,#fff);
border-bottom:1px solid var(--x-line);
}

.tgx-showcase-card:first-child .tgx-showcase-screen{
min-height:440px;
}

.tgx-showcase-copy{
padding:28px;
}

.tgx-showcase-copy small{
font-size:10px;
letter-spacing:.12em;
font-weight:900;
color:#078fc5;
}

.tgx-showcase-copy h3{
margin:11px 0;
font-size:27px;
line-height:1.08;
color:#0a2945;
}

.tgx-showcase-copy p{
color:#637e93;
line-height:1.6;
}

.tgx-showcase-copy strong{
display:block;
margin-top:18px;
font-size:12px;
color:#078fc5;
}

.tgx-center-link{
text-align:center;
margin-top:35px;
font-weight:850;
color:#078fc5;
}


/* BROWSER */

.tgx-browser{
width:90%;
overflow:hidden;
border-radius:16px;
background:#fff;
border:1px solid var(--x-line);
box-shadow:0 27px 68px rgba(31,94,131,.15);
}

.tgx-browser-bar{
height:42px;
display:flex;
align-items:center;
gap:6px;
padding:0 14px;
background:#f3f8fb;
border-bottom:1px solid var(--x-line);
}

.tgx-browser-bar i{
width:7px;height:7px;border-radius:50%;
}

.tgx-browser-bar i:nth-child(1){background:#ff8c8c}
.tgx-browser-bar i:nth-child(2){background:#ffd36d}
.tgx-browser-bar i:nth-child(3){background:#56dc98}

.tgx-browser-bar span{
margin-left:10px;
font-size:10px;
color:#708799;
}

.tgx-browser-body{
display:grid;
grid-template-columns:22% 78%;
min-height:300px;
}

.tgx-browser aside{
padding:20px;
background:linear-gradient(180deg,#0c3859,#0b2944);
color:#a9c5d7;
}

.tgx-browser aside b{
display:block;
font-size:9px;
letter-spacing:.12em;
color:#55d7ec;
margin-bottom:22px;
}

.tgx-browser aside span{
display:block;
padding:9px 0;
font-size:9px;
}

.tgx-dashboard{
padding:20px;
background:#f8fcff;
}

.tgx-metric-row{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:8px;
}

.tgx-metric-row div{
padding:13px;
min-height:70px;
border-radius:9px;
background:#fff;
border:1px solid var(--x-line);
}

.tgx-metric-row small{
display:block;
font-size:7px;
color:#71889b;
margin-bottom:9px;
}

.tgx-metric-row strong{
font-size:11px;
color:#0a2945;
}

.tgx-chart{
height:135px;
margin-top:12px;
border-radius:10px;
background:
linear-gradient(180deg,rgba(32,175,234,.13),transparent),
repeating-linear-gradient(90deg,transparent 0 44px,rgba(14,85,128,.045) 45px);
}

.tgx-chart svg{width:100%;height:100%}
.tgx-chart polyline{
fill:none;
stroke:#13a5d5;
stroke-width:4;
}


/* VOICE */

.tgx-voice-bg{
background:
radial-gradient(circle,rgba(39,188,238,.18),transparent 48%),
linear-gradient(145deg,#e8f7ff,#fff);
}

.tgx-flow{
display:flex;
align-items:center;
justify-content:center;
gap:10px;
flex-wrap:wrap;
}

.tgx-flow div{
padding:16px;
min-width:105px;
border-radius:13px;
background:#fff;
border:1px solid var(--x-line);
box-shadow:0 12px 30px rgba(35,93,128,.09);
text-align:center;
}

.tgx-flow small{
display:block;
font-size:8px;
color:#728a9c;
margin-bottom:5px;
}

.tgx-flow strong{
font-size:11px;
color:#0a2945;
}

.tgx-flow i{
font-style:normal;
color:#08a4d0;
}


/* CONTROL */

.tgx-control{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px;
align-items:center;
width:88%;
}

.tgx-control-ring{
position:relative;
width:200px;
height:200px;
margin:auto;
border-radius:50%;
border:1px solid rgba(13,126,187,.16);
background:radial-gradient(circle,#fff,#e9f8ff);
}

.tgx-control-ring i{
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
border:1px solid rgba(13,126,187,.16);
}

.tgx-control-ring i:nth-child(1){width:155px;height:155px}
.tgx-control-ring i:nth-child(2){width:110px;height:110px}
.tgx-control-ring i:nth-child(3){width:65px;height:65px}

.tgx-control-ring strong{
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
width:65px;height:65px;
display:grid;
place-items:center;
border-radius:50%;
background:linear-gradient(135deg,#168fd8,#28d7df);
color:#fff;
z-index:2;
}

.tgx-control-status{
display:grid;
gap:8px;
}

.tgx-control-status div{
padding:12px;
border-radius:9px;
background:#fff;
border:1px solid var(--x-line);
}

.tgx-control-status small{
display:block;
font-size:7px;
color:#748b9d;
margin-bottom:4px;
}

.tgx-control-status strong{
font-size:10px;
color:#0a2945;
}


/* INDUSTRY */

.tgx-industry-row{
display:grid;
grid-template-columns:repeat(5,1fr);
border-block:1px solid var(--x-line);
}

.tgx-industry-row a{
min-height:210px;
padding:25px;
display:flex;
flex-direction:column;
justify-content:space-between;
border-right:1px solid var(--x-line);
transition:.25s;
}

.tgx-industry-row a:last-child{border-right:0}

.tgx-industry-row a:hover{
background:#f4faff;
transform:translateY(-4px);
}

.tgx-industry-row span{
font-size:10px;
font-weight:900;
color:#078fc5;
}

.tgx-industry-row strong{
font-size:19px;
color:#0a2945;
}

.tgx-industry-row small{
color:#697f92;
}


/* PROCESS */

.tgx-process-title{
display:flex;
justify-content:space-between;
align-items:end;
gap:30px;
margin:15px 0 45px;
}

.tgx-process-title h2{
font-size:clamp(48px,5vw,73px);
letter-spacing:-.05em;
line-height:.97;
color:#0a2945;
margin:0;
}

.tgx-process-title a{
font-weight:850;
color:#078fc5;
}

.tgx-process{
display:grid;
grid-template-columns:repeat(7,1fr);
border-block:1px solid var(--x-line);
}

.tgx-process div{
min-height:150px;
padding:22px;
border-right:1px solid var(--x-line);
}

.tgx-process div:last-child{border-right:0}

.tgx-process span{
display:block;
margin-bottom:55px;
font-size:10px;
font-weight:900;
color:#078fc5;
}

.tgx-process b{color:#0a2945}


/* CTA */

.tgx-cta{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:80px;
align-items:center;
padding:62px;
border-radius:28px;
background:
radial-gradient(circle at 88% 18%,rgba(43,202,239,.23),transparent 29%),
linear-gradient(135deg,#e7f5fd,#fff);
border:1px solid var(--x-line);
box-shadow:var(--x-shadow);
}

.tgx-cta h2{
margin:14px 0 0;
font-size:clamp(43px,4.5vw,64px);
line-height:.98;
letter-spacing:-.045em;
color:#0a2945;
}

.tgx-cta p{
font-size:18px;
line-height:1.7;
color:#617c92;
}


/* PAGE HERO */

.tgx-page-hero{
padding:130px 0 110px;
background:
radial-gradient(circle at 82% 20%,rgba(45,195,243,.18),transparent 29%),
linear-gradient(135deg,#fff,#edf9ff);
}

.tgx-page-hero h1{
max-width:1100px;
margin:18px 0 28px;
font-size:clamp(63px,7vw,103px);
line-height:.9;
letter-spacing:-.06em;
color:#0a2945;
}

.tgx-page-hero>div>p{
max-width:800px;
font-size:20px;
line-height:1.7;
color:#607b91;
}


/* SERVICES */

.tgx-service-band{
padding:105px 0;
}

.tgx-service-layout{
display:grid;
grid-template-columns:.75fr 1.25fr;
gap:100px;
}

.tgx-number{
font-size:11px;
font-weight:900;
letter-spacing:.12em;
color:#078fc5;
}

.tgx-service-layout h2{
margin:15px 0;
font-size:52px;
line-height:1;
letter-spacing:-.045em;
color:#0a2945;
}

.tgx-service-layout>div:first-child p{
font-size:17px;
line-height:1.7;
color:#607b91;
}

.tgx-service-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:13px;
}

.tgx-service-grid article{
min-height:210px;
padding:28px;
border-radius:18px;
background:#fff;
border:1px solid var(--x-line);
box-shadow:0 13px 40px rgba(35,92,126,.055);
}

.tgx-service-grid h3{
font-size:23px;
color:#0a2945;
margin:55px 0 10px;
}

.tgx-service-grid p{
line-height:1.6;
color:#647d92;
}


/* CASES */

.tgx-case{
padding:110px 0;
}

.tgx-case-layout{
display:grid;
grid-template-columns:1.08fr .92fr;
gap:80px;
align-items:center;
}

.tgx-case-flip .tgx-case-ui{order:2}

.tgx-case-ui{
min-height:540px;
display:grid;
place-items:center;
padding:35px;
border-radius:26px;
background:
radial-gradient(circle at 70% 30%,rgba(39,188,239,.15),transparent 33%),
linear-gradient(145deg,#e9f7ff,#fff);
border:1px solid var(--x-line);
box-shadow:0 27px 72px rgba(34,94,130,.10);
}

.tgx-flow-large div{min-width:125px}

.tgx-control-large{width:90%}

.tgx-case-copy h2{
margin:15px 0 30px;
font-size:48px;
line-height:1.02;
letter-spacing:-.045em;
color:#0a2945;
}

.tgx-case-copy h4{
margin:25px 0 8px;
font-size:11px;
letter-spacing:.12em;
text-transform:uppercase;
color:#078fc5;
}

.tgx-case-copy p{
font-size:17px;
line-height:1.7;
color:#607b91;
}

.tgx-tags{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-top:25px;
}

.tgx-tags span{
padding:9px 13px;
border-radius:999px;
background:#fff;
border:1px solid var(--x-line);
font-size:11px;
color:#486980;
}


/* INDUSTRIES PAGE */

.tgx-industry-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}

.tgx-industry-grid article{
min-height:310px;
padding:31px;
border-radius:20px;
background:#f7fbfe;
border:1px solid var(--x-line);
transition:.3s;
}

.tgx-industry-grid article:hover{
transform:translateY(-6px);
box-shadow:0 25px 60px rgba(34,94,130,.10);
}

.tgx-industry-grid span{
font-size:10px;
font-weight:900;
color:#078fc5;
}

.tgx-industry-grid h2{
margin:95px 0 12px;
font-size:29px;
color:#0a2945;
}

.tgx-industry-grid p{
color:#627c91;
line-height:1.6;
}


/* JOURNEY */

.tgx-journey{
border-top:1px solid var(--x-line);
}

.tgx-journey>div{
display:grid;
grid-template-columns:80px 260px 1fr;
gap:30px;
align-items:center;
padding:34px 0;
border-bottom:1px solid var(--x-line);
}

.tgx-journey span{
font-size:11px;
font-weight:900;
color:#078fc5;
}

.tgx-journey h2{
margin:0;
font-size:31px;
color:#0a2945;
}

.tgx-journey p{
margin:0;
font-size:17px;
color:#627c91;
}

.tgx-models{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:12px;
}

.tgx-models article{
min-height:250px;
padding:26px;
border-radius:18px;
background:#fff;
border:1px solid var(--x-line);
}

.tgx-models span{
font-size:10px;
font-weight:900;
color:#078fc5;
}

.tgx-models h3{
margin:70px 0 12px;
font-size:20px;
color:#0a2945;
}

.tgx-models p{
font-size:14px;
line-height:1.6;
color:#647e92;
}


/* ABOUT */

.tgx-about-intro{
display:grid;
grid-template-columns:1.05fr .95fr;
gap:80px;
align-items:center;
}

.tgx-about-mark{
position:relative;
height:470px;
border-radius:30px;
background:
radial-gradient(circle,#fff,#e5f6ff);
border:1px solid var(--x-line);
box-shadow:var(--x-shadow);
}

.tgx-about-core{
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
width:170px;height:170px;
border-radius:50%;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background:#fff;
border:1px solid rgba(15,129,191,.20);
box-shadow:0 20px 60px rgba(35,135,183,.15);
}

.tgx-about-core strong{
font-size:42px;color:#0a2945;
}

.tgx-about-core small{
font-size:8px;
letter-spacing:.12em;
color:#71899c;
}

.tgx-about-mark>span{
position:absolute;
padding:13px 15px;
border-radius:13px;
background:#fff;
border:1px solid var(--x-line);
box-shadow:0 12px 30px rgba(34,92,126,.08);
font-size:10px;
font-weight:850;
color:#21445e;
}

.am1{left:50%;top:35px;transform:translateX(-50%)}
.am2{right:45px;top:160px}
.am3{right:70px;bottom:45px}
.am4{left:70px;bottom:45px}
.am5{left:45px;top:160px}

.tgx-principles{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}

.tgx-principles article{
min-height:290px;
padding:30px;
border-radius:20px;
background:#f7fbfe;
border:1px solid var(--x-line);
}

.tgx-principles span{
font-size:10px;font-weight:900;color:#078fc5;
}

.tgx-principles h3{
margin:90px 0 12px;
font-size:28px;color:#0a2945;
}

.tgx-principles p{
color:#627d92;line-height:1.6;
}

.tgx-about-scope{
display:grid;
grid-template-columns:repeat(4,1fr);
border-block:1px solid var(--x-line);
}

.tgx-about-scope div{
min-height:210px;
padding:25px;
border-right:1px solid var(--x-line);
}

.tgx-about-scope div:last-child{border-right:0}

.tgx-about-scope strong{
color:#078fc5;letter-spacing:.12em;
}

.tgx-about-scope p{
margin-top:90px;
line-height:1.6;
color:#5f7a90;
}

.tgx-proof-cards{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:14px;
}

.tgx-proof-cards a{
min-height:280px;
padding:30px;
border-radius:20px;
background:linear-gradient(145deg,#f7fbfe,#fff);
border:1px solid var(--x-line);
transition:.3s;
}

.tgx-proof-cards a:hover{
transform:translateY(-5px);
box-shadow:0 24px 60px rgba(34,94,130,.10);
}

.tgx-proof-cards span{
font-size:10px;font-weight:900;color:#078fc5;
}

.tgx-proof-cards h3{
margin:90px 0 20px;
font-size:26px;color:#0a2945;
}

.tgx-proof-cards strong{
font-size:12px;color:#078fc5;
}


/* CONTACT PAGE */

.tgx-contact-grid{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:100px;
align-items:center;
}

.tgx-contact-main h2{
font-size:60px;
line-height:.98;
letter-spacing:-.05em;
color:#0a2945;
margin:15px 0 20px;
}

.tgx-contact-main p{
font-size:18px;
line-height:1.7;
color:#607b91;
margin-bottom:28px;
}

.tgx-contact-options{
border:1px solid var(--x-line);
border-radius:20px;
overflow:hidden;
background:#fff;
box-shadow:0 18px 55px rgba(34,91,126,.07);
}

.tgx-contact-options>*{
display:block;
padding:27px;
border-bottom:1px solid var(--x-line);
}

.tgx-contact-options>*:last-child{border-bottom:0}

.tgx-contact-options small{
display:block;
font-size:9px;
letter-spacing:.13em;
font-weight:900;
color:#71899b;
margin-bottom:8px;
}

.tgx-contact-options strong{
font-size:18px;color:#0a2945;
}


/* FOOTER */

.tgx-footer{
padding:60px 0 28px;
background:#eaf6fc;
border-top:1px solid var(--x-line);
color:#607b91;
}

.tgx-footer-top{
display:grid;
grid-template-columns:1fr auto auto;
gap:80px;
align-items:start;
}

.tgx-footer-brand{
display:flex;
align-items:center;
gap:12px;
color:#0a2945;
}

.tgx-footer-top p{
font-size:12px;
}

.tgx-footer-links,
.tgx-footer-contact{
display:grid;
gap:10px;
font-size:13px;
}

.tgx-footer-links a:hover,
.tgx-footer-contact a:hover{
color:#078fc5;
}

.tgx-footer-bottom{
display:flex;
justify-content:space-between;
gap:20px;
margin-top:45px;
padding-top:20px;
border-top:1px solid var(--x-line);
font-size:11px;
}


/* SAFE MOTION
   CONTENT IS NEVER HIDDEN */

.tgx-big-card,
.tgx-showcase-card,
.tgx-industry-grid article,
.tgx-proof-cards a{
will-change:transform;
}


/* RESPONSIVE */

@media(max-width:1150px){

.tgx-menu{
gap:16px;
}

.tgx-menu>a:not(.tgx-menu-cta):nth-child(4),
.tgx-menu>a:not(.tgx-menu-cta):nth-child(5){
display:none;
}

.tgx-hero-grid,
.tgx-heading,
.tgx-service-layout,
.tgx-case-layout,
.tgx-about-intro,
.tgx-contact-grid,
.tgx-cta{
grid-template-columns:1fr;
}

.tgx-case-flip .tgx-case-ui{order:initial}

.tgx-showcase{
grid-template-columns:1fr;
}

.tgx-showcase-card:first-child{grid-row:auto}

.tgx-industry-row,
.tgx-process,
.tgx-about-scope{
grid-template-columns:1fr;
}

.tgx-industry-row a,
.tgx-process div,
.tgx-about-scope div{
border-right:0;
border-bottom:1px solid var(--x-line);
min-height:110px;
}

.tgx-process span,
.tgx-about-scope p{
margin-bottom:20px;
margin-top:20px;
}

.tgx-models{
grid-template-columns:repeat(2,1fr);
}

}


@media(max-width:760px){

.admin-bar .tgx-header{top:46px}

.tgx-shell{
width:min(calc(100% - 30px),var(--x-shell));
}

.tgx-nav{height:72px}

.tgx-brand-copy strong{
font-size:14px;
}

.tgx-brand-copy small{display:none}

.tgx-menu{
display:none;
position:absolute;
top:72px;
left:15px;
right:15px;
padding:18px;
background:#fff;
border:1px solid var(--x-line);
border-radius:15px;
box-shadow:var(--x-shadow);
}

.tgx-menu.tgx-menu-open{
display:grid;
}

.tgx-menu>a{
display:block!important;
padding:10px 0;
}

.tgx-mobile-toggle{
display:block;
}

.tgx-hero{
min-height:auto;
}

.tgx-hero-grid{
padding:75px 0;
}

.tgx-hero-copy h1,
.tgx-page-hero h1{
font-size:52px;
}

.tgx-hero-product{
min-height:500px;
animation:none;
}

.tgx-product-body{
height:395px;
}

.r1{width:320px;height:320px}
.r2{width:245px;height:245px}
.r3{width:170px;height:170px}

.tgx-big4,
.tgx-service-grid,
.tgx-industry-grid,
.tgx-principles,
.tgx-proof-cards,
.tgx-models{
grid-template-columns:1fr;
}

.tgx-section{
padding:78px 0;
}

.tgx-page-hero{
padding:85px 0 70px;
}

.tgx-case-ui{
min-height:400px;
padding:20px;
}

.tgx-browser{
width:100%;
}

.tgx-control{
grid-template-columns:1fr;
}

.tgx-journey>div{
grid-template-columns:45px 1fr;
}

.tgx-journey p{
grid-column:2;
}

.tgx-footer-top{
grid-template-columns:1fr;
gap:35px;
}

.tgx-footer-bottom{
display:grid;
}

}

/* T&G REALIZACJE — real screens */

.tgx-real-work{
  background:#f7fbfe;
}

.tgx-real-work-hero{
  background:
    radial-gradient(circle at 82% 20%,rgba(41,198,237,.17),transparent 28%),
    linear-gradient(135deg,#ffffff,#edf8ff);
}

.tgx-real-proof-section{
  padding:90px 0 110px;
  background:#f7fbfe;
}

.tgx-real-proof-intro{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:60px;
  align-items:end;
  margin-bottom:42px;
}

.tgx-real-proof-intro h2{
  margin:12px 0 0;
  font-size:clamp(42px,5vw,72px);
  line-height:.98;
  letter-spacing:-.045em;
  color:#092a47;
}

.tgx-real-proof-intro p{
  font-size:18px;
  line-height:1.65;
  color:#647f93;
}

.tgx-proof-bento{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.tgx-proof-real{
  display:block;
  overflow:hidden;
  border-radius:24px;
  background:#fff;
  border:1px solid rgba(14,87,130,.10);
  box-shadow:0 18px 50px rgba(26,88,126,.08);
  transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;
}

.tgx-proof-real:hover{
  transform:translateY(-8px);
  border-color:rgba(25,176,220,.30);
  box-shadow:
    0 34px 70px rgba(28,89,128,.15),
    0 24px 45px rgba(28,188,227,.18);
}

.tgx-proof-wide{
  grid-column:span 2;
}

.tgx-proof-image{
  padding:20px;
  background:linear-gradient(145deg,#ecf8ff,#ffffff);
  border-bottom:1px solid rgba(14,87,130,.08);
}

.tgx-proof-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:14px;
  box-shadow:0 18px 44px rgba(17,75,110,.13);
}

.tgx-proof-info{
  padding:26px;
}

.tgx-proof-info span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.12em;
  color:#0795c9;
}

.tgx-proof-info h3{
  margin:10px 0 7px;
  font-size:27px;
  color:#092a47;
}

.tgx-proof-info p{
  margin:0;
  color:#667f92;
}

.tgx-proof-info strong{
  display:block;
  margin-top:18px;
  color:#0795c9;
  font-size:12px;
}

@media(max-width:900px){
  .tgx-real-proof-intro{
    grid-template-columns:1fr;
    gap:20px;
  }

  .tgx-proof-bento{
    grid-template-columns:1fr;
  }

  .tgx-proof-wide{
    grid-column:auto;
  }
}


/* ==========================================================
   T&G HOME EXPANSION R1
   ========================================================== */

.tgx-capability-marquee{
overflow:hidden;
padding:22px 0;
background:#081827;
border-top:1px solid rgba(82,205,240,.14);
border-bottom:1px solid rgba(82,205,240,.14);
}

.tgx-marquee-track{
display:flex;
align-items:center;
gap:28px;
width:max-content;
white-space:nowrap;
animation:tgMarquee 42s linear infinite;
}

.tgx-marquee-track span{
font-size:15px;
font-weight:850;
letter-spacing:.10em;
color:#f4fbff;
}

.tgx-marquee-track i{
font-style:normal;
font-size:20px;
color:#24c8e8;
}

@keyframes tgMarquee{
from{transform:translateX(0)}
to{transform:translateX(-50%)}
}

.tgx-ecosystem-section{
padding:105px 0;
background:
radial-gradient(circle at 87% 12%,rgba(37,188,228,.14),transparent 28%),
linear-gradient(145deg,#071421,#0b2235);
}

.tgx-section-head-light h2,
.tgx-section-head-light p{
color:#fff;
}

.tgx-section-head-light h2{
font-size:clamp(48px,5vw,76px);
line-height:.98;
letter-spacing:-.05em;
}

.tgx-section-head-light h2 em{
color:#55d5ef;
font-style:normal;
}

.tgx-section-head-light p{
max-width:760px;
opacity:.70;
font-size:18px;
line-height:1.7;
}

.tgx-ecosystem-grid{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
margin-top:50px;
}

.tgx-ecosystem-grid article{
min-height:235px;
padding:30px;
border-radius:22px;
background:rgba(255,255,255,.055);
border:1px solid rgba(127,214,239,.13);
box-shadow:0 18px 55px rgba(0,0,0,.13);
transition:.3s ease;
}

.tgx-ecosystem-grid article:hover{
transform:translateY(-7px);
background:rgba(255,255,255,.075);
border-color:rgba(59,201,237,.34);
box-shadow:
0 28px 65px rgba(0,0,0,.22),
0 20px 50px rgba(20,181,224,.10);
}

.tgx-ecosystem-grid article>span{
font-size:11px;
letter-spacing:.12em;
color:#49d2ee;
font-weight:900;
}

.tgx-ecosystem-grid h3{
margin:18px 0 12px;
font-size:25px;
color:#fff;
}

.tgx-ecosystem-grid p{
color:#9fb5c5;
line-height:1.65;
}

.tgx-areos-section{
padding:110px 0;
background:#f5fbff;
}

.tgx-areos-layout{
display:grid;
grid-template-columns:.95fr 1.05fr;
gap:70px;
align-items:center;
}

.tgx-areos-copy h2{
font-size:clamp(48px,5vw,76px);
line-height:.98;
letter-spacing:-.05em;
color:#092a47;
}

.tgx-areos-copy h2 em{
font-style:normal;
color:#12a8d5;
}

.tgx-areos-lead{
font-size:18px;
line-height:1.7;
color:#607b90;
}

.tgx-money-label{
display:inline-flex;
margin-top:20px;
padding:11px 16px;
border-radius:999px;
background:#092a47;
color:#fff;
font-size:11px;
font-weight:900;
letter-spacing:.11em;
}

.tgx-areos-flow{
display:flex;
flex-wrap:wrap;
align-items:center;
gap:10px;
padding:34px;
border-radius:27px;
background:#071421;
box-shadow:0 32px 75px rgba(22,74,107,.20);
}

.tgx-areos-flow div{
padding:12px 15px;
border-radius:11px;
background:#10283b;
border:1px solid rgba(64,200,235,.14);
color:#fff;
font-size:11px;
font-weight:850;
letter-spacing:.05em;
}

.tgx-areos-flow b{
color:#35c5e7;
}

.tgx-revenue-engines{
display:grid;
grid-template-columns:repeat(3,minmax(0,1fr));
gap:16px;
margin-top:45px;
}

.tgx-revenue-engines article{
padding:28px;
border-radius:21px;
background:#fff;
border:1px solid rgba(16,91,136,.10);
box-shadow:0 18px 50px rgba(28,85,120,.07);
}

.tgx-revenue-engines span{
font-size:10px;
font-weight:900;
letter-spacing:.11em;
color:#0598c8;
}

.tgx-revenue-engines h3{
font-size:21px;
color:#092a47;
margin:12px 0 8px;
}

.tgx-revenue-engines p{
color:#647e92;
line-height:1.6;
}

.tgx-rescue-section{
padding:110px 0;
background:
radial-gradient(circle at 80% 30%,rgba(24,186,223,.13),transparent 27%),
#fff;
}

.tgx-rescue-layout{
display:grid;
grid-template-columns:1fr 1fr;
gap:75px;
align-items:center;
}

.tgx-rescue-layout h2{
font-size:clamp(47px,5vw,74px);
line-height:.98;
letter-spacing:-.05em;
color:#092a47;
}

.tgx-rescue-layout h2 em{
font-style:normal;
color:#17acd5;
}

.tgx-rescue-layout p{
font-size:17px;
line-height:1.7;
color:#607c90;
}

.tgx-rescue-pipeline{
display:grid;
grid-template-columns:1fr 1fr;
gap:12px;
}

.tgx-rescue-pipeline div{
padding:24px;
border-radius:18px;
background:#f4faff;
border:1px solid rgba(20,108,155,.09);
}

.tgx-rescue-pipeline strong{
display:block;
font-size:12px;
color:#14a9d3;
margin-bottom:7px;
}

.tgx-rescue-pipeline span{
font-weight:780;
color:#092a47;
}

.tgx-web-section{
padding:0 0 110px;
background:#fff;
}

.tgx-web-card{
display:grid;
grid-template-columns:1fr .85fr;
gap:70px;
padding:60px;
border-radius:28px;
background:
radial-gradient(circle at 88% 18%,rgba(49,203,236,.20),transparent 30%),
linear-gradient(140deg,#071421,#0d2639);
box-shadow:0 35px 85px rgba(19,67,98,.20);
}

.tgx-web-card h2{
font-size:clamp(43px,4.5vw,67px);
line-height:.98;
letter-spacing:-.045em;
color:#fff;
}

.tgx-web-card h2 em{
font-style:normal;
color:#51d5ef;
}

.tgx-web-card p{
color:#a9becd;
font-size:17px;
line-height:1.7;
}

.tgx-web-capabilities{
display:flex;
align-content:center;
align-items:center;
justify-content:center;
flex-wrap:wrap;
gap:10px;
}

.tgx-web-capabilities span{
padding:11px 15px;
border-radius:999px;
background:rgba(255,255,255,.07);
border:1px solid rgba(94,210,239,.14);
color:#e8f7fd;
font-size:12px;
font-weight:750;
}

.tgx-lifecycle-section{
padding:110px 0;
background:#f6fbfe;
}

.tgx-lifecycle{
display:grid;
grid-template-columns:repeat(7,minmax(0,1fr));
gap:10px;
margin-top:48px;
}

.tgx-lifecycle article{
min-height:215px;
padding:22px;
border-radius:19px;
background:#fff;
border:1px solid rgba(12,85,128,.09);
box-shadow:0 15px 45px rgba(26,83,118,.06);
transition:.3s ease;
}

.tgx-lifecycle article:hover{
transform:translateY(-6px);
box-shadow:
0 24px 55px rgba(21,83,121,.12),
0 18px 42px rgba(24,181,223,.11);
}

.tgx-lifecycle strong{
font-size:13px;
color:#12a9d4;
}

.tgx-lifecycle h3{
font-size:21px;
margin:16px 0 10px;
color:#092a47;
}

.tgx-lifecycle p{
font-size:14px;
line-height:1.55;
color:#657e92;
}

@media(max-width:1050px){
.tgx-ecosystem-grid{grid-template-columns:repeat(2,1fr);}
.tgx-lifecycle{grid-template-columns:repeat(2,1fr);}
.tgx-areos-layout,
.tgx-rescue-layout,
.tgx-web-card{grid-template-columns:1fr;}
}

@media(max-width:700px){
.tgx-ecosystem-grid,
.tgx-revenue-engines,
.tgx-rescue-pipeline,
.tgx-lifecycle{grid-template-columns:1fr;}
.tgx-web-card{padding:35px 24px;}
}


/* ==========================================================
   T&G TOP CAPABILITY STRIP — POLISH R2
   ========================================================== */

.tgx-marquee,
.tgx-services-marquee,
.tgx-tech-marquee,
.tgx-capabilities-marquee{
  position:relative;
  overflow:hidden;
  min-height:76px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,#f8fcff 0%,#eef9ff 48%,#f8fcff 100%);
  border-top:1px solid rgba(12,114,166,.10);
  border-bottom:1px solid rgba(12,114,166,.13);
}

/* catch existing moving text inside old strip */
.tgx-marquee *,
.tgx-services-marquee *,
.tgx-tech-marquee *,
.tgx-capabilities-marquee *{
  opacity:1!important;
  visibility:visible!important;
}

.tgx-marquee span,
.tgx-marquee a,
.tgx-services-marquee span,
.tgx-services-marquee a,
.tgx-tech-marquee span,
.tgx-tech-marquee a,
.tgx-capabilities-marquee span,
.tgx-capabilities-marquee a{
  color:#0b3654!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-shadow:none!important;
}

/* cyan separators */
.tgx-marquee i,
.tgx-services-marquee i,
.tgx-tech-marquee i,
.tgx-capabilities-marquee i{
  color:#08aeda!important;
  opacity:1!important;
}

/* subtle light under the moving rail */
.tgx-marquee:after,
.tgx-services-marquee:after,
.tgx-tech-marquee:after,
.tgx-capabilities-marquee:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:2px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(15,181,224,.18),
      rgba(15,181,224,.85),
      rgba(15,181,224,.18),
      transparent
    );
  box-shadow:
    0 0 12px rgba(15,181,224,.28),
    0 0 28px rgba(15,181,224,.13);
}

/* our new marquee also gets more presence */
.tgx-capability-marquee{
  padding:26px 0!important;
  position:relative;
}

.tgx-capability-marquee .tgx-marquee-track{
  gap:34px!important;
  animation-duration:48s!important;
}

.tgx-capability-marquee .tgx-marquee-track span{
  font-size:17px!important;
  letter-spacing:.105em!important;
  font-weight:900!important;
}

.tgx-capability-marquee:after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:0;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(52,211,240,.9),
    transparent
  );
  box-shadow:0 0 18px rgba(52,211,240,.34);
}


/* ==========================================================
   T&G TOP CAPABILITY STRIP — POLISH R2
   ========================================================== */

.tgx-marquee,
.tgx-services-marquee,
.tgx-tech-marquee,
.tgx-capabilities-marquee{
  position:relative;
  overflow:hidden;
  min-height:76px;
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,#f8fcff 0%,#eef9ff 48%,#f8fcff 100%);
  border-top:1px solid rgba(12,114,166,.10);
  border-bottom:1px solid rgba(12,114,166,.13);
}

/* catch existing moving text inside old strip */
.tgx-marquee *,
.tgx-services-marquee *,
.tgx-tech-marquee *,
.tgx-capabilities-marquee *{
  opacity:1!important;
  visibility:visible!important;
}

.tgx-marquee span,
.tgx-marquee a,
.tgx-services-marquee span,
.tgx-services-marquee a,
.tgx-tech-marquee span,
.tgx-tech-marquee a,
.tgx-capabilities-marquee span,
.tgx-capabilities-marquee a{
  color:#0b3654!important;
  font-size:15px!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
  text-shadow:none!important;
}

/* cyan separators */
.tgx-marquee i,
.tgx-services-marquee i,
.tgx-tech-marquee i,
.tgx-capabilities-marquee i{
  color:#08aeda!important;
  opacity:1!important;
}

/* subtle light under the moving rail */
.tgx-marquee:after,
.tgx-services-marquee:after,
.tgx-tech-marquee:after,
.tgx-capabilities-marquee:after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:0;
  height:2px;
  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(15,181,224,.18),
      rgba(15,181,224,.85),
      rgba(15,181,224,.18),
      transparent
    );
  box-shadow:
    0 0 12px rgba(15,181,224,.28),
    0 0 28px rgba(15,181,224,.13);
}

/* our new marquee also gets more presence */
.tgx-capability-marquee{
  padding:26px 0!important;
  position:relative;
}

.tgx-capability-marquee .tgx-marquee-track{
  gap:34px!important;
  animation-duration:48s!important;
}

.tgx-capability-marquee .tgx-marquee-track span{
  font-size:17px!important;
  letter-spacing:.105em!important;
  font-weight:900!important;
}

.tgx-capability-marquee:after{
  content:"";
  position:absolute;
  left:12%;
  right:12%;
  bottom:0;
  height:2px;
  background:linear-gradient(
    90deg,
    transparent,
    rgba(52,211,240,.9),
    transparent
  );
  box-shadow:0 0 18px rgba(52,211,240,.34);
}


/* ==========================================================
   T&G REALIZACJE R3
   ========================================================== */

.tgx-rz-page{
  background:#f4f9fd;
}

.tgx-rz-hero{
  padding:72px 0 24px;
  background:
    radial-gradient(circle at 82% 20%, rgba(56,201,238,.18), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#edf8ff 55%,#f8fcff 100%);
}

.tgx-rz-hero-copy{
  max-width:920px;
}

.tgx-rz-hero h1{
  margin:12px 0 18px;
  font-size:clamp(44px,6vw,82px);
  line-height:.95;
}

.tgx-rz-hero h1 em{
  color:#29bff1;
  font-style:normal;
}

.tgx-rz-hero p{
  max-width:760px;
  font-size:clamp(18px,2vw,22px);
  line-height:1.7;
  color:#55718b;
}

.tgx-rz-slider-wrap{
  padding:24px 0 54px;
}

.tgx-rz-slider{
  position:relative;
  background:
    linear-gradient(135deg,#051627 0%,#07233a 62%,#0d3955 100%);
  color:#fff;
  border-radius:34px;
  padding:34px;
  overflow:hidden;
  box-shadow:0 28px 70px rgba(4,26,44,.20);
}

.tgx-rz-slider::after{
  content:"";
  position:absolute;
  inset:auto -120px -120px auto;
  width:320px;
  height:320px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(52,201,240,.18), transparent 65%);
  pointer-events:none;
}

.tgx-rz-slider-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
  position:relative;
  z-index:2;
}

.tgx-rz-slider-head h2{
  margin:10px 0 0;
  color:#fff;
  font-size:clamp(32px,3.5vw,52px);
}

.tgx-rz-nav{
  display:flex;
  gap:12px;
}

.tgx-rz-arrow{
  width:52px;
  height:52px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  transition:transform .24s ease, background .24s ease, border-color .24s ease;
}

.tgx-rz-arrow:hover{
  transform:translateY(-2px);
  background:rgba(41,191,241,.18);
  border-color:rgba(41,191,241,.45);
}

.tgx-rz-viewport{
  overflow:hidden;
  border-radius:26px;
  position:relative;
  z-index:2;
}

.tgx-rz-track{
  display:flex;
  transition:transform .55s ease;
  will-change:transform;
}

.tgx-rz-slide{
  min-width:100%;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  align-items:center;
}

.tgx-rz-shot{
  background:#081b2d;
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:14px;
  box-shadow:0 24px 48px rgba(0,0,0,.22);
}

.tgx-rz-shot img{
  display:block;
  width:100%;
  height:560px;
  object-fit:cover;
  object-position:center top;
  border-radius:16px;
}

.tgx-rz-info{
  padding:8px 6px 8px 8px;
}

.tgx-rz-index{
  display:inline-block;
  margin-bottom:12px;
  color:#5fd4f6;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:12px;
}

.tgx-rz-info h3{
  margin:10px 0 10px;
  color:#fff;
  font-size:clamp(28px,3vw,46px);
  line-height:1.05;
}

.tgx-rz-subtitle{
  margin:0 0 14px;
  font-size:18px;
  color:#84b6d8;
  font-weight:600;
}

.tgx-rz-info p{
  color:#d3e6f5;
  font-size:18px;
  line-height:1.75;
}

.tgx-rz-dots{
  display:flex;
  justify-content:center;
  gap:10px;
  margin-top:22px;
  position:relative;
  z-index:2;
}

.tgx-rz-dots button{
  width:12px;
  height:12px;
  padding:0;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.25);
  cursor:pointer;
  transition:transform .2s ease, background .2s ease;
}

.tgx-rz-dots button.is-active{
  transform:scale(1.18);
  background:#49d0f3;
}

.tgx-rz-grid-section{
  padding:22px 0 90px;
}

.tgx-rz-grid-head{
  max-width:760px;
  margin-bottom:30px;
}

.tgx-rz-grid-head h2{
  margin:10px 0 12px;
  font-size:clamp(34px,4vw,58px);
}

.tgx-rz-grid-head p{
  color:#5d7993;
  line-height:1.75;
  font-size:18px;
}

.tgx-rz-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}

.tgx-rz-card{
  background:#fff;
  border:1px solid rgba(12,77,116,.08);
  border-radius:26px;
  overflow:hidden;
  box-shadow:0 18px 40px rgba(9,35,56,.08);
  transition:transform .25s ease, box-shadow .25s ease;
}

.tgx-rz-card:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 50px rgba(9,35,56,.12);
}

.tgx-rz-card-image{
  padding:14px;
  background:linear-gradient(180deg,#edf8ff 0%,#f9fcff 100%);
}

.tgx-rz-card-image img{
  display:block;
  width:100%;
  height:280px;
  object-fit:cover;
  object-position:center top;
  border-radius:16px;
}

.tgx-rz-card-body{
  padding:24px 26px 28px;
}

.tgx-rz-card-body h3{
  margin:10px 0 10px;
  font-size:clamp(26px,2vw,38px);
}

.tgx-rz-card-body .tgx-rz-subtitle{
  margin:0;
  color:#55718b;
}

.tgx-rz-cta{
  padding:0 0 110px;
}

.tgx-rz-cta-box{
  background:
    radial-gradient(circle at 86% 26%, rgba(53,201,240,.18), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#eef8ff 100%);
  border:1px solid rgba(12,114,166,.08);
  border-radius:30px;
  padding:42px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
}

.tgx-rz-cta-box h2{
  margin:10px 0 10px;
  font-size:clamp(34px,4vw,58px);
}

.tgx-rz-cta-box p{
  color:#5b7791;
  font-size:18px;
  line-height:1.7;
  max-width:760px;
}

@media (max-width: 1100px){
  .tgx-rz-slide{
    grid-template-columns:1fr;
  }

  .tgx-rz-shot img{
    height:460px;
  }

  .tgx-rz-grid{
    grid-template-columns:1fr;
  }

  .tgx-rz-cta-box{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width: 767px){
  .tgx-rz-slider{
    padding:22px;
    border-radius:24px;
  }

  .tgx-rz-slider-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .tgx-rz-shot img{
    height:260px;
  }

  .tgx-rz-card-image img{
    height:220px;
  }

  .tgx-rz-cta-box{
    padding:28px;
  }
}

/* ==========================================================
   T&G REALIZACJE R4
   ========================================================== */

.tgx-real-v4{
  background:#f5f9fc;
}

.tgx-real-v4-hero{
  padding:72px 0 28px;
  background:
    radial-gradient(circle at 85% 18%, rgba(65,205,241,.16), transparent 25%),
    linear-gradient(180deg, #fbfdff 0%, #f3f9fd 100%);
}

.tgx-real-v4-hero-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:32px;
  align-items:end;
}

.tgx-real-v4-hero-copy h1{
  margin:0 0 18px;
  font-size:clamp(44px, 7vw, 88px);
  line-height:.96;
  letter-spacing:-.04em;
  color:#0c2d52;
}

.tgx-real-v4-hero-copy h1 em{
  font-style:normal;
  color:#19b9e6;
}

.tgx-real-v4-hero-copy p{
  max-width:780px;
  margin:0;
  font-size:20px;
  line-height:1.7;
  color:#4e6e90;
}

.tgx-real-v4-hero-note{
  padding:24px 26px;
  border-radius:24px;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(11,77,122,.09);
  box-shadow:0 20px 50px rgba(9,46,84,.08);
  color:#2b4e72;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.tgx-real-v4-slider-section{
  padding:24px 0 90px;
}

.tgx-real-v4-slider{
  position:relative;
}

.tgx-real-v4-stage{
  position:relative;
  min-height:720px;
  border-radius:34px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 78%, rgba(33,176,228,.22), transparent 28%),
    linear-gradient(135deg, #04172a 0%, #08233b 58%, #0b3150 100%);
  box-shadow:
    0 24px 70px rgba(5,31,52,.18),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.tgx-real-v4-slide{
  position:absolute;
  inset:0;
  padding:54px;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.985);
  transition:
    opacity .72s ease,
    transform .72s ease,
    visibility .72s ease;
}

.tgx-real-v4-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
}

.tgx-real-v4-slide-grid{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:36px;
  height:100%;
  align-items:center;
}

.tgx-real-v4-media{
  height:100%;
  display:flex;
  align-items:center;
}

.tgx-real-v4-media img{
  width:100%;
  height:auto;
  max-height:610px;
  object-fit:contain;
  display:block;
  border-radius:24px;
  background:#ffffff;
  box-shadow:
    0 30px 70px rgba(0,0,0,.32),
    0 0 0 1px rgba(255,255,255,.06);
}

.tgx-real-v4-content{
  padding:28px 14px 28px 8px;
  color:#ffffff;
}

.tgx-real-v4-number{
  display:block;
  margin-bottom:14px;
  font-size:15px;
  font-weight:800;
  letter-spacing:.14em;
  color:#59d6f4;
  text-transform:uppercase;
}

.tgx-real-v4-kicker{
  display:block;
  margin-bottom:14px;
  font-size:15px;
  font-weight:700;
  letter-spacing:.16em;
  color:#28c4eb;
  text-transform:uppercase;
}

.tgx-real-v4-content h2{
  margin:0 0 12px;
  font-size:clamp(42px, 5vw, 72px);
  line-height:.98;
  letter-spacing:-.04em;
  color:#ffffff;
}

.tgx-real-v4-content h3{
  margin:0 0 22px;
  font-size:28px;
  line-height:1.2;
  color:#b7d9f7;
  font-weight:600;
}

.tgx-real-v4-content p{
  margin:0 0 26px;
  font-size:21px;
  line-height:1.72;
  color:#d2e7f7;
}

.tgx-real-v4-points{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:14px;
}

.tgx-real-v4-points li{
  position:relative;
  padding:14px 18px 14px 44px;
  border-radius:16px;
  background:rgba(255,255,255,.05);
  border:1px solid rgba(102,191,235,.18);
  color:#eef9ff;
  font-size:17px;
  line-height:1.5;
}

.tgx-real-v4-points li::before{
  content:'';
  position:absolute;
  left:18px;
  top:50%;
  width:11px;
  height:11px;
  border-radius:999px;
  transform:translateY(-50%);
  background:linear-gradient(135deg,#34d8ef,#1396df);
  box-shadow:0 0 0 6px rgba(38,198,239,.10);
}

.tgx-real-v4-nav{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin-top:26px;
}

.tgx-real-v4-arrow{
  width:54px;
  height:54px;
  border:none;
  border-radius:999px;
  cursor:pointer;
  color:#ffffff;
  font-size:22px;
  background:linear-gradient(135deg,#0a2f52,#0f4a79);
  box-shadow:0 14px 26px rgba(6,32,56,.16);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
}

.tgx-real-v4-arrow:hover{
  transform:translateY(-2px);
  background:linear-gradient(135deg,#0d3c68,#14649e);
  box-shadow:0 18px 34px rgba(6,32,56,.22);
}

.tgx-real-v4-dots{
  display:flex;
  align-items:center;
  gap:12px;
}

.tgx-real-v4-dot{
  width:14px;
  height:14px;
  border:none;
  border-radius:999px;
  padding:0;
  background:#7f97aa;
  opacity:.45;
  cursor:pointer;
  transition:
    transform .25s ease,
    width .25s ease,
    opacity .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}

.tgx-real-v4-dot.is-active{
  width:40px;
  opacity:1;
  background:linear-gradient(135deg,#5de2f7,#1ebcf2);
  box-shadow:0 0 0 6px rgba(50,214,245,.12);
}

.tgx-real-v4-bottom{
  padding:0 0 96px;
}

.tgx-real-v4-bottom-box{
  padding:46px 42px;
  border-radius:28px;
  background:linear-gradient(135deg,#f7fcff,#edf8ff);
  border:1px solid rgba(11,77,122,.08);
  box-shadow:0 18px 48px rgba(8,43,74,.08);
}

.tgx-real-v4-bottom-box h2{
  margin:12px 0 16px;
  font-size:clamp(34px,4vw,54px);
  line-height:1.02;
  letter-spacing:-.03em;
  color:#0b2e50;
}

.tgx-real-v4-bottom-box p{
  margin:0;
  max-width:980px;
  font-size:20px;
  line-height:1.7;
  color:#527393;
}

@media (max-width: 1180px){
  .tgx-real-v4-hero-grid,
  .tgx-real-v4-slide-grid{
    grid-template-columns:1fr;
  }

  .tgx-real-v4-stage{
    min-height:unset;
  }

  .tgx-real-v4-slide{
    position:relative;
    display:none;
    padding:28px;
  }

  .tgx-real-v4-slide.is-active{
    display:block;
  }

  .tgx-real-v4-media img{
    max-height:none;
  }
}

@media (max-width: 767px){
  .tgx-real-v4-hero{
    padding:52px 0 18px;
  }

  .tgx-real-v4-content h2{
    font-size:40px;
  }

  .tgx-real-v4-content h3{
    font-size:22px;
  }

  .tgx-real-v4-content p,
  .tgx-real-v4-bottom-box p{
    font-size:17px;
  }

  .tgx-real-v4-slide{
    padding:18px;
  }

  .tgx-real-v4-bottom-box{
    padding:28px 22px;
  }
}

/* ==========================================================
   T&G REALIZACJE R5
   CLEAN MODERN AUTO-FADE SLIDER
   ========================================================== */

.tgx-real-r5{
  background:#f4f9fd;
}

.tgx-real-r5-hero{
  padding:82px 0 56px;
  background:
    radial-gradient(circle at 80% 18%, rgba(53,201,240,.16), transparent 28%),
    linear-gradient(135deg,#f7fbfe,#edf8ff);
}

.tgx-real-r5-hero h1{
  margin:18px 0 22px;
  max-width:1100px;
  font-size:clamp(52px,7vw,96px);
  line-height:.93;
  letter-spacing:-.055em;
  color:#082a49;
}

.tgx-real-r5-hero h1 em{
  font-style:normal;
  color:#25bfe8;
}

.tgx-real-r5-hero p{
  max-width:760px;
  margin:0;
  font-size:20px;
  line-height:1.72;
  color:#5d7990;
}

.tgx-real-r5-showcase{
  padding:18px 0 110px;
}

.tgx-real-r5-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:28px;
  margin-bottom:28px;
}

.tgx-real-r5-head h2{
  margin:14px 0 0;
  font-size:clamp(36px,5vw,64px);
  line-height:1;
  letter-spacing:-.04em;
  color:#0a2948;
}

.tgx-real-r5-meta{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.tgx-real-r5-meta span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 16px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(13,64,97,.10);
  box-shadow:0 10px 26px rgba(19,68,98,.06);
  font-size:13px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#158ec3;
}

.tgx-real-r5-slider{
  position:relative;
  padding:22px 0 0;
}

.tgx-real-r5-track{
  position:relative;
  transition:height .45s ease;
}

.tgx-real-r5-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(18px) scale(.988);
  filter:blur(10px);
  transition:
    opacity .85s ease,
    transform .85s ease,
    filter .85s ease,
    visibility .85s ease;
}

.tgx-real-r5-slide.is-active{
  position:relative;
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

.tgx-real-r5-panel{
  display:grid;
  grid-template-columns:1.18fr .9fr;
  gap:34px;
  align-items:stretch;
  min-height:680px;
  padding:28px;
  border-radius:34px;
  background:
    radial-gradient(circle at 88% 22%, rgba(40,193,240,.16), transparent 26%),
    linear-gradient(135deg,#03111d 0%,#082743 52%,#0b3556 100%);
  box-shadow:0 34px 90px rgba(8,43,71,.22);
  overflow:hidden;
}

.tgx-real-r5-media{
  position:relative;
  min-height:620px;
  border-radius:24px;
  overflow:hidden;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.03);
}

.tgx-real-r5-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:top center;
}

.tgx-real-r5-placeholder{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:12px;
  width:100%;
  height:100%;
  color:#c8dbea;
  text-align:center;
  background:linear-gradient(135deg,rgba(255,255,255,.06),rgba(255,255,255,.02));
}

.tgx-real-r5-placeholder strong{
  font-size:26px;
  color:#ffffff;
}

.tgx-real-r5-copy{
  display:flex;
  align-items:center;
}

.tgx-real-r5-copy-inner{
  width:100%;
}

.tgx-real-r5-case-id{
  display:block;
  margin-bottom:14px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:#46d1f0;
}

.tgx-real-r5-case-eyebrow{
  display:block;
  margin-bottom:18px;
  font-size:16px;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:#38bdea;
}

.tgx-real-r5-copy h3{
  margin:0 0 12px;
  font-size:clamp(44px,5.4vw,78px);
  line-height:.95;
  letter-spacing:-.055em;
  color:#ffffff;
}

.tgx-real-r5-copy h4{
  margin:0 0 24px;
  font-size:clamp(24px,2.4vw,38px);
  line-height:1.1;
  color:#8fe8ff;
}

.tgx-real-r5-copy p{
  margin:0 0 26px;
  font-size:18px;
  line-height:1.75;
  color:#d5e4ef;
}

.tgx-real-r5-feature-list{
  display:grid;
  gap:14px;
  margin:0;
  padding:0;
  list-style:none;
}

.tgx-real-r5-feature-list li{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:62px;
  padding:0 20px;
  border-radius:18px;
  background:rgba(64,171,223,.12);
  border:1px solid rgba(111,205,244,.12);
  color:#f4fbff;
  font-size:18px;
  line-height:1.45;
}

.tgx-real-r5-feature-list li::before{
  content:'';
  width:14px;
  height:14px;
  border-radius:999px;
  background:#2ec9ee;
  box-shadow:0 0 0 6px rgba(46,201,238,.14);
  flex:0 0 auto;
}

.tgx-real-r5-controls{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:24px;
}

.tgx-real-r5-nav{
  width:56px;
  height:56px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  background:#0a2948;
  color:#fff;
  font-size:24px;
  box-shadow:0 12px 28px rgba(10,41,72,.16);
  transition:transform .2s ease, background .2s ease;
}

.tgx-real-r5-nav:hover{
  transform:translateY(-2px);
  background:#1289c6;
}

.tgx-real-r5-dots{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}

.tgx-real-r5-dot{
  min-width:54px;
  height:54px;
  padding:0 14px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  background:#ffffff;
  color:#0a2948;
  box-shadow:0 10px 26px rgba(14,53,88,.08);
  transition:
    transform .22s ease,
    background .22s ease,
    color .22s ease,
    box-shadow .22s ease;
}

.tgx-real-r5-dot span{
  font-size:14px;
  font-weight:800;
  letter-spacing:.08em;
}

.tgx-real-r5-dot.is-active{
  background:#12bde7;
  color:#ffffff;
  box-shadow:0 14px 30px rgba(18,189,231,.28);
  transform:translateY(-2px);
}

@media (max-width: 1180px){
  .tgx-real-r5-panel{
    grid-template-columns:1fr;
    min-height:unset;
  }

  .tgx-real-r5-media{
    min-height:460px;
  }
}

@media (max-width: 860px){
  .tgx-real-r5-head{
    flex-direction:column;
    align-items:flex-start;
  }

  .tgx-real-r5-panel{
    padding:18px;
    border-radius:24px;
  }

  .tgx-real-r5-media{
    min-height:320px;
    border-radius:18px;
  }

  .tgx-real-r5-copy h3{
    font-size:clamp(34px,10vw,56px);
  }

  .tgx-real-r5-copy h4{
    font-size:22px;
  }

  .tgx-real-r5-copy p,
  .tgx-real-r5-feature-list li{
    font-size:16px;
  }

  .tgx-real-r5-controls{
    gap:12px;
  }

  .tgx-real-r5-nav{
    width:48px;
    height:48px;
  }

  .tgx-real-r5-dot{
    min-width:46px;
    height:46px;
  }
}

/* ==========================================================
   T&G REALIZACJE R6 — TRUE MODERN SLIDES
   ========================================================== */

.tg-r6{
  background:#f5f9fc;
}

.tg-r6-hero{
  padding:78px 0 52px;
  background:
    radial-gradient(circle at 78% 18%,rgba(44,201,238,.16),transparent 27%),
    linear-gradient(135deg,#fff,#edf8ff);
}

.tg-r6-hero h1{
  max-width:1050px;
  margin:16px 0 22px;
  font-size:clamp(58px,7.5vw,104px);
  line-height:.92;
  letter-spacing:-.06em;
  color:#082c4c;
}

.tg-r6-hero h1 em{
  font-style:normal;
  color:#20bde8;
}

.tg-r6-hero p{
  max-width:760px;
  font-size:20px;
  line-height:1.7;
  color:#5b7690;
}


.tg-r6-gallery{
  padding:12px 0 100px;
}

.tg-r6-frame{
  position:relative;
}

.tg-r6-stage{
  position:relative;
  min-height:780px;
  border-radius:38px;
  overflow:hidden;

  background:
    radial-gradient(circle at 50% 80%,rgba(31,196,235,.18),transparent 35%),
    linear-gradient(145deg,#031320,#072238 60%,#0b3552);

  box-shadow:
    0 40px 100px rgba(3,31,52,.24),
    inset 0 1px 0 rgba(255,255,255,.04);
}


.tg-r6-slide{
  position:absolute;
  inset:0;

  padding:46px;

  opacity:0;
  visibility:hidden;
  pointer-events:none;

  transform:scale(1.035);
  filter:blur(12px);

  transition:
    opacity 1.05s cubic-bezier(.2,.7,.2,1),
    transform 1.2s cubic-bezier(.2,.7,.2,1),
    filter 1.0s ease,
    visibility 1s ease;
}


.tg-r6-slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;

  transform:scale(1);
  filter:blur(0);
}


.tg-r6-glow{
  position:absolute;
  left:18%;
  right:18%;
  bottom:40px;
  height:100px;

  background:rgba(32,196,233,.22);
  filter:blur(60px);
  border-radius:50%;
}


.tg-r6-screen{
  position:relative;
  z-index:2;

  height:620px;

  display:flex;
  align-items:center;
  justify-content:center;

  overflow:hidden;

  border-radius:26px;

  background:#fff;

  box-shadow:
    0 35px 90px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.10);
}


.tg-r6-screen img{
  display:block;

  width:100%;
  height:100%;

  object-fit:contain;
  object-position:center;

  background:#f7fafc;
}


.tg-r6-caption{
  position:relative;
  z-index:3;

  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:30px;

  padding:26px 4px 0;

  color:#fff;
}


.tg-r6-caption-left{
  display:flex;
  align-items:center;
  gap:18px;
}


.tg-r6-caption-left span{
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  color:#45d2f3;
}


.tg-r6-caption-left strong{
  font-size:28px;
  font-weight:800;
}


.tg-r6-caption-right{
  font-size:15px;
  font-weight:700;
  letter-spacing:.08em;
  color:#8fbbd6;
  text-transform:uppercase;
}


.tg-r6-progress{
  height:3px;

  margin:22px 28px 0;

  overflow:hidden;

  border-radius:999px;

  background:rgba(11,61,91,.12);
}


.tg-r6-progress span{
  display:block;

  width:0;
  height:100%;

  background:
    linear-gradient(
      90deg,
      #1eb9eb,
      #55dfee
    );

  box-shadow:
    0 0 18px rgba(29,198,234,.55);
}


.tg-r6-progress.is-running span{
  animation:tgR6Progress 5s linear forwards;
}


@keyframes tgR6Progress{
  from{width:0}
  to{width:100%}
}


.tg-r6-controls{
  display:flex;
  justify-content:center;
  align-items:center;

  gap:18px;

  margin-top:26px;
}


.tg-r6-arrow{
  width:54px;
  height:54px;

  border:0;
  border-radius:50%;

  cursor:pointer;

  background:#082c4c;
  color:#fff;

  font-size:22px;

  box-shadow:
    0 15px 34px rgba(7,42,73,.18);

  transition:.25s ease;
}


.tg-r6-arrow:hover{
  transform:translateY(-3px);
  background:#16a9d6;
}


.tg-r6-dots{
  display:flex;
  align-items:center;
  gap:8px;
}


.tg-r6-dot{
  height:46px;
  min-width:46px;

  padding:0 13px;

  border:1px solid rgba(10,62,98,.09);
  border-radius:999px;

  cursor:pointer;

  background:#fff;
  color:#617a90;

  font-size:12px;
  font-weight:900;

  transition:.25s ease;
}


.tg-r6-dot.is-active{
  min-width:70px;

  background:
    linear-gradient(135deg,#12aee0,#42d5e9);

  color:#fff;

  box-shadow:
    0 12px 30px rgba(20,186,226,.25);
}


.tg-r6-end{
  padding:0 0 110px;
}


.tg-r6-end-card{
  padding:58px;

  border-radius:30px;

  background:
    radial-gradient(circle at 85% 20%,rgba(41,204,236,.18),transparent 28%),
    linear-gradient(140deg,#071827,#0c304a);

  box-shadow:
    0 30px 80px rgba(7,50,82,.18);
}


.tg-r6-end-card h2{
  margin:14px 0 18px;

  font-size:clamp(44px,5vw,70px);
  line-height:.98;

  color:#fff;
}


.tg-r6-end-card h2 em{
  font-style:normal;
  color:#54d5ef;
}


.tg-r6-end-card p{
  max-width:760px;

  font-size:18px;
  line-height:1.7;

  color:#a7bdcc;
}


.tg-r6-cta{
  display:inline-flex;

  margin-top:26px;

  padding:15px 22px;

  border-radius:999px;

  background:#28c5e9;
  color:#06233a;

  font-weight:900;

  box-shadow:
    0 12px 30px rgba(40,197,233,.25);
}


@media(max-width:900px){

  .tg-r6-stage{
    min-height:600px;
  }

  .tg-r6-slide{
    padding:20px;
  }

  .tg-r6-screen{
    height:440px;
  }

  .tg-r6-caption{
    flex-direction:column;
    align-items:flex-start;
  }

  .tg-r6-caption-left strong{
    font-size:22px;
  }

}


@media(max-width:600px){

  .tg-r6-stage{
    min-height:470px;
  }

  .tg-r6-screen{
    height:320px;
  }

  .tg-r6-dots{
    max-width:260px;
    flex-wrap:wrap;
    justify-content:center;
  }

}

/* T&G PURE AUTO SLIDESHOW */
.tg-r6-controls,
.tg-r6-dots,
.tg-r6-dot,
.tg-r6-arrow{
  display:none!important;
}

.tg-r6-progress{
  margin-top:22px;
  height:2px;
  opacity:.75;
}


/* ==========================================================
   T&G HERO POLISH R1
   ========================================================== */

.tgx-lang-switch{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:14px 0 8px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.76);
  border:1px solid rgba(11,77,122,.10);
  box-shadow:0 8px 24px rgba(16,75,109,.06);
}

.tgx-lang-switch button{
  border:0;
  background:transparent;
  padding:4px 7px;
  cursor:pointer;
  font-size:12px;
  font-weight:900;
  letter-spacing:.10em;
  color:#7891a5;
}

.tgx-lang-switch button.is-active{
  color:#0b2f4e;
}

.tgx-lang-switch span{
  color:#a6b9c7;
  font-size:12px;
}

.tgx-hero h1,
.tgx-home-hero h1,
.hero h1{
  max-width:760px!important;
  font-size:clamp(54px,6vw,88px)!important;
  line-height:.92!important;
  letter-spacing:-.055em!important;
  font-weight:760!important;
}

.tgx-hero h1 > span,
.tgx-home-hero h1 > span,
.hero h1 > span{
  display:block;
}

.tgx-hero h1 span span,
.tgx-home-hero h1 span span,
.hero h1 span span{
  color:#20bde8!important;
  font-weight:780!important;
}

.tgx-hero p,
.tgx-home-hero p,
.hero p{
  max-width:760px!important;
  font-size:18px!important;
  line-height:1.65!important;
  color:#5f7890!important;
}

@media(max-width:900px){
  .tgx-hero h1,
  .tgx-home-hero h1,
  .hero h1{
    font-size:clamp(46px,11vw,72px)!important;
  }
}


/* ==========================================================
   T&G HERO R2 — PREMIUM TYPOGRAPHY + LANG
   ========================================================== */

/* hidden MUST win over older hero span rules */
.tgx-hero-title-pl[hidden],
.tgx-hero-title-en[hidden],
.tgx-hero-desc-pl[hidden],
.tgx-hero-desc-en[hidden]{
  display:none!important;
}

/* language switch will be moved to header by JS */
.tgx-lang-switch{
  margin:0!important;
  flex:0 0 auto;
  min-height:38px;
  padding:5px 8px!important;
  background:#f3f8fc!important;
  border:1px solid rgba(8,52,88,.10)!important;
  box-shadow:none!important;
}

.tgx-lang-switch button{
  min-width:30px;
  padding:5px 6px!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  color:#7890a4!important;
}

.tgx-lang-switch button.is-active{
  color:#082d4d!important;
}

.tgx-lang-switch span{
  color:#b7c6d2!important;
}

/* refined hero headline */
.tgx-hero h1,
.tgx-home-hero h1,
.hero h1{
  max-width:820px!important;
  margin-top:24px!important;
  font-size:clamp(50px,5.45vw,82px)!important;
  line-height:.94!important;
  letter-spacing:-.052em!important;
  font-weight:720!important;
}

.tgx-hero h1 .tgx-hero-title-pl,
.tgx-hero h1 .tgx-hero-title-en,
.tgx-home-hero h1 .tgx-hero-title-pl,
.tgx-home-hero h1 .tgx-hero-title-en{
  color:#082d4d!important;
}

.tgx-hero h1 .tgx-hero-title-pl > span,
.tgx-hero h1 .tgx-hero-title-en > span,
.tgx-home-hero h1 .tgx-hero-title-pl > span,
.tgx-home-hero h1 .tgx-hero-title-en > span{
  display:inline!important;
  color:#20bde8!important;
  font-weight:760!important;
}

.tgx-hero p,
.tgx-home-hero p,
.hero p{
  max-width:700px!important;
  margin-top:26px!important;
  font-size:18px!important;
  line-height:1.65!important;
  color:#5d7690!important;
}

/* give copy more breathing room */
.tgx-hero-copy,
.tgx-home-hero-copy{
  padding-right:28px;
}

@media(max-width:900px){
  .tgx-hero h1,
  .tgx-home-hero h1,
  .hero h1{
    font-size:clamp(44px,10vw,66px)!important;
  }
}


/* ==========================================================
   T&G HERO MODERN R1
   ========================================================== */

.home .tgx-home-hero,
.home .tgx-hero,
.home .tgx-page-hero{
  position:relative;
}

.home .tgx-home-hero .tgx-shell,
.home .tgx-hero .tgx-shell,
.home .tgx-page-hero .tgx-shell{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
  gap:56px;
  align-items:center;
}

.home .tgx-home-hero h1,
.home .tgx-hero h1,
.home .tgx-page-hero h1{
  max-width:9.2ch;
  margin:0 0 20px;
  font-size:clamp(64px,7.2vw,118px);
  line-height:.93;
  letter-spacing:-.055em;
  font-weight:800;
  color:#0a2747;
  text-wrap:balance;
}

.home .tgx-home-hero p,
.home .tgx-hero p,
.home .tgx-page-hero p{
  max-width:760px;
  margin:0 0 30px;
  font-size:clamp(20px,1.55vw,29px);
  line-height:1.55;
  color:#53708f;
}

.home .tgx-home-hero .tgx-eyebrow,
.home .tgx-hero .tgx-eyebrow,
.home .tgx-page-hero .tgx-eyebrow{
  display:inline-block;
  margin-bottom:20px;
  font-size:14px;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#0794d8;
}

.home .tgx-home-hero .tgx-cta-row,
.home .tgx-hero .tgx-cta-row,
.home .tgx-page-hero .tgx-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
}

.home .tgx-home-hero .tgx-cta-row a,
.home .tgx-hero .tgx-cta-row a,
.home .tgx-page-hero .tgx-cta-row a{
  min-height:58px;
  padding:0 28px;
  border-radius:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease;
}

.home .tgx-home-hero .tgx-cta-row a:hover,
.home .tgx-hero .tgx-cta-row a:hover,
.home .tgx-page-hero .tgx-cta-row a:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 34px rgba(14,56,96,.14);
}

.home .tgx-home-hero .tgx-hero-visual,
.home .tgx-hero .tgx-hero-visual,
.home .tgx-page-hero .tgx-hero-visual{
  justify-self:end;
  width:min(100%,780px);
}

.home .tgx-home-hero .tgx-hero-visual > *,
.home .tgx-hero .tgx-hero-visual > *,
.home .tgx-page-hero .tgx-hero-visual > *{
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 26px 70px rgba(8,35,63,.10);
}

@media (max-width: 1180px){
  .home .tgx-home-hero .tgx-shell,
  .home .tgx-hero .tgx-shell,
  .home .tgx-page-hero .tgx-shell{
    grid-template-columns:1fr;
    gap:34px;
  }

  .home .tgx-home-hero .tgx-hero-visual,
  .home .tgx-hero .tgx-hero-visual,
  .home .tgx-page-hero .tgx-hero-visual{
    justify-self:stretch;
    width:100%;
  }

  .home .tgx-home-hero h1,
  .home .tgx-hero h1,
  .home .tgx-page-hero h1{
    max-width:11ch;
  }
}

@media (max-width: 767px){
  .home .tgx-home-hero h1,
  .home .tgx-hero h1,
  .home .tgx-page-hero h1{
    font-size:clamp(44px,12vw,72px);
    line-height:.96;
  }

  .home .tgx-home-hero p,
  .home .tgx-hero p,
  .home .tgx-page-hero p{
    font-size:18px;
    line-height:1.55;
  }

  .home .tgx-home-hero .tgx-cta-row,
  .home .tgx-hero .tgx-cta-row,
  .home .tgx-page-hero .tgx-cta-row{
    gap:12px;
  }
}

/* ==========================================================
   T&G GLOBAL LANGUAGE SWITCH
   ========================================================== */

.tgx-lang-switch{
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  margin:0!important;
  padding:5px 9px!important;
  border-radius:999px;
  background:#f3f8fc!important;
  border:1px solid rgba(8,52,88,.10)!important;
  box-shadow:none!important;
}

.tgx-lang-switch button{
  border:0;
  background:transparent;
  cursor:pointer;
  padding:5px 6px!important;
  min-width:30px;
  color:#8195a6!important;
  font-size:11px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
}

.tgx-lang-switch button.is-active{
  color:#082d4d!important;
}

.tgx-lang-switch .tgx-lang-sep{
  color:#b4c2cd;
  font-size:11px;
}

/* hide default GTranslate UI — we use our own T&G switch */
.gt_selector,
.gtranslate_wrapper,
.switcher,
.gt_float_switcher{
  display:none!important;
}


/* ==========================================================
   T&G NATIVE GLOBAL LANGUAGE SWITCH R2
   ========================================================== */

.tgx-native-language{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  min-height:44px;
  padding:0 13px;
  margin-left:14px;
  border-radius:999px;
  background:#f4f8fb;
  border:1px solid rgba(8,52,88,.10);
}

/*
 * GTranslate 5.x native widget.
 * Do not hide it — this is now the real global translator.
 */
.tgx-native-language .gtranslate_wrapper{
  display:flex!important;
  align-items:center;
  gap:8px;
}

.tgx-native-language a{
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.08em!important;
  text-decoration:none!important;
  color:#73899c!important;
}

.tgx-native-language a:hover{
  color:#082d4d!important;
}

.tgx-native-language select{
  min-width:82px;
  border:0!important;
  outline:0!important;
  background:transparent!important;
  color:#082d4d!important;
  font-size:12px!important;
  font-weight:900!important;
  cursor:pointer;
}

/* kill obsolete custom switch only */
.tgx-lang-switch{
  display:none!important;
}

@media(max-width:900px){
  .tgx-native-language{
    margin-left:6px;
    padding:0 9px;
  }
}


/* ==========================================================
   T&G SALES AREOS R2
   ========================================================== */

.tg-sales-r2{
  position:relative;
  padding:105px 0;
  overflow:hidden;

  background:
    radial-gradient(circle at 82% 22%,rgba(32,190,229,.13),transparent 30%),
    linear-gradient(135deg,#f8fcff 0%,#eef7fc 100%);
}


.tg-sales-r2-top{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(600px,1.12fr);
  gap:70px;
  align-items:center;
}


.tg-sales-r2-copy h2{
  max-width:730px;
  margin:16px 0 28px;

  font-size:clamp(54px,6vw,92px);
  line-height:.93;
  letter-spacing:-.057em;

  color:#092c4c;
}


.tg-sales-r2-copy h2 em{
  display:block;
  font-style:normal;

  background:linear-gradient(100deg,#158fd0,#29c6df);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}


.tg-sales-r2-lead{
  max-width:720px;

  font-size:18px;
  line-height:1.75;

  color:#5c7890;
}


.tg-sales-r2-def{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:13px;

  margin-top:28px;
}


.tg-sales-r2-def strong{
  padding:10px 17px;

  border-radius:999px;

  background:#082d4d;
  color:#fff;

  font-size:12px;
  letter-spacing:.11em;
}


.tg-sales-r2-def span{
  font-size:13px;
  font-weight:700;
  color:#72899d;
}



.tg-sales-r2-engine{
  padding:30px;

  border-radius:30px;

  color:#fff;

  background:
    radial-gradient(circle at 80% 20%,rgba(36,198,232,.19),transparent 30%),
    linear-gradient(145deg,#061624,#082b46);

  box-shadow:
    0 34px 85px rgba(7,40,66,.20);
}


.tg-sales-r2-engine-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:center;

  margin-bottom:30px;
}


.tg-sales-r2-engine-head small{
  display:block;
  margin-bottom:6px;

  font-size:10px;
  font-weight:800;
  letter-spacing:.15em;

  color:#6fb8d3;
}


.tg-sales-r2-engine-head strong{
  font-size:24px;
  letter-spacing:-.02em;
}


.tg-sales-r2-status{
  display:flex;
  align-items:center;
  gap:8px;

  padding:9px 12px;

  border-radius:999px;

  background:rgba(23,191,139,.09);

  font-size:10px;
  font-weight:900;

  color:#54e4b3;
}


.tg-sales-r2-status i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#22d59a;

  box-shadow:0 0 0 5px rgba(34,213,154,.09);
}


.tg-sales-r2-flow{
  display:grid;

  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr;

  gap:10px;

  align-items:center;
}


.tg-sales-r2-step{
  min-height:98px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:15px;

  border-radius:16px;

  background:rgba(255,255,255,.055);

  border:1px solid rgba(111,207,239,.09);
}


.tg-sales-r2-step span{
  margin-bottom:7px;

  font-size:9px;
  font-weight:900;

  color:#42ccef;
}


.tg-sales-r2-step strong{
  font-size:12px;
  letter-spacing:.04em;
}


.tg-sales-r2-step small{
  margin-top:6px;

  font-size:9px;
  line-height:1.35;

  color:#86a6ba;
}


.tg-sales-r2-flow b{
  font-size:14px;
  color:#24c5eb;
}


.tg-sales-r2-money{
  background:rgba(31,199,154,.09);
  border-color:rgba(57,223,175,.13);
}


.tg-sales-r2-loop{
  margin-top:22px;
  padding-top:19px;

  border-top:1px solid rgba(255,255,255,.08);

  text-align:center;

  font-size:9px;
  font-weight:850;
  letter-spacing:.07em;

  color:#70afc8;
}



.tg-sales-r2-engines{
  display:grid;
  grid-template-columns:repeat(3,1fr);

  gap:18px;

  margin-top:54px;
}


.tg-sales-r2-engines article{
  position:relative;

  min-height:285px;

  padding:28px;

  border-radius:25px;

  background:rgba(255,255,255,.82);

  border:1px solid rgba(17,96,139,.09);

  box-shadow:
    0 20px 50px rgba(17,76,108,.07);

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.tg-sales-r2-engines article:hover{
  transform:translateY(-7px);

  box-shadow:
    0 28px 65px rgba(11,80,117,.13),
    0 20px 35px rgba(34,190,225,.11);
}


.tg-sales-r2-engines article > span{
  font-size:10px;
  font-weight:900;
  letter-spacing:.15em;

  color:#0ca5d9;
}


.tg-sales-r2-engines h3{
  margin:19px 0 14px;

  font-size:30px;
  letter-spacing:-.03em;

  color:#0b304f;
}


.tg-sales-r2-engines p{
  min-height:104px;

  font-size:16px;
  line-height:1.65;

  color:#648097;
}


.tg-sales-r2-engines article > strong{
  display:block;

  padding-top:16px;

  border-top:1px solid rgba(17,92,132,.08);

  font-size:12px;
  letter-spacing:.03em;

  color:#118ebd;
}



.tg-sales-r2-intel{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;

  gap:8px;

  margin-top:26px;
}


.tg-sales-r2-intel span{
  padding:9px 12px;

  border-radius:999px;

  background:#e9f6fb;

  border:1px solid rgba(15,119,164,.07);

  font-size:9px;
  font-weight:850;
  letter-spacing:.08em;

  color:#34718e;
}


@media(max-width:1200px){

  .tg-sales-r2-top{
    grid-template-columns:1fr;
  }

}


@media(max-width:900px){

  .tg-sales-r2{
    padding:75px 0;
  }

  .tg-sales-r2-engines{
    grid-template-columns:1fr;
  }

  .tg-sales-r2-flow{
    grid-template-columns:1fr 1fr;
  }

  .tg-sales-r2-flow b{
    display:none;
  }

}


@media(max-width:600px){

  .tg-sales-r2-copy h2{
    font-size:clamp(46px,12vw,66px);
  }

  .tg-sales-r2-engine{
    padding:20px;
  }

  .tg-sales-r2-flow{
    grid-template-columns:1fr;
  }

}


/* ==========================================================
   T&G HERO TYPOGRAPHY FIX R1
   only text balance / no layout rewrite
   ========================================================== */

.home .tgx-hero,
.home .tg-hero,
.home .hero{
  overflow:hidden;
}

.home .tgx-hero__content,
.home .tgx-hero-copy,
.home .hero__content,
.home .hero-copy{
  position:relative;
  z-index:2;
  max-width:760px;
}

.home .tgx-hero h1,
.home .tgx-hero__title,
.home .tgx-hero-copy h1,
.home .hero h1,
.home .hero__title,
.home .hero-copy h1{
  max-width:720px;
  margin:0 0 22px;
  font-size:clamp(64px, 6.5vw, 110px);
  line-height:0.94;
  letter-spacing:-0.055em;
  word-break:normal;
  overflow-wrap:normal;
  text-wrap:balance;
}

.home .tgx-hero h1 .accent,
.home .tgx-hero__title .accent,
.home .hero h1 .accent,
.home .hero__title .accent{
  display:inline;
}

.home .tgx-hero p,
.home .tgx-hero__lead,
.home .tgx-hero-copy p,
.home .hero p,
.home .hero__lead,
.home .hero-copy p{
  max-width:700px;
  margin-top:0;
  font-size:18px;
  line-height:1.65;
}

.home .tgx-hero__actions,
.home .tgx-hero-actions,
.home .hero__actions,
.home .hero-actions{
  margin-top:30px;
}

.home .tgx-hero__meta,
.home .tgx-hero-meta,
.home .hero__meta,
.home .hero-meta{
  margin-top:24px;
}

@media (max-width: 1400px){
  .home .tgx-hero h1,
  .home .tgx-hero__title,
  .home .tgx-hero-copy h1,
  .home .hero h1,
  .home .hero__title,
  .home .hero-copy h1{
    max-width:660px;
    font-size:clamp(58px, 6vw, 96px);
    line-height:0.95;
    letter-spacing:-0.05em;
  }
}

@media (max-width: 1200px){
  .home .tgx-hero h1,
  .home .tgx-hero__title,
  .home .tgx-hero-copy h1,
  .home .hero h1,
  .home .hero__title,
  .home .hero-copy h1{
    max-width:620px;
    font-size:clamp(52px, 5.8vw, 84px);
    line-height:0.97;
    letter-spacing:-0.045em;
  }

  .home .tgx-hero p,
  .home .tgx-hero__lead,
  .home .tgx-hero-copy p,
  .home .hero p,
  .home .hero__lead,
  .home .hero-copy p{
    max-width:620px;
    font-size:17px;
  }
}

@media (max-width: 991px){
  .home .tgx-hero h1,
  .home .tgx-hero__title,
  .home .tgx-hero-copy h1,
  .home .hero h1,
  .home .hero__title,
  .home .hero-copy h1{
    max-width:100%;
    font-size:clamp(44px, 9vw, 72px);
    line-height:0.98;
    letter-spacing:-0.04em;
  }

  .home .tgx-hero__content,
  .home .tgx-hero-copy,
  .home .hero__content,
  .home .hero-copy{
    max-width:100%;
  }
}

@media (max-width: 640px){
  .home .tgx-hero h1,
  .home .tgx-hero__title,
  .home .tgx-hero-copy h1,
  .home .hero h1,
  .home .hero__title,
  .home .hero-copy h1{
    font-size:clamp(38px, 11vw, 56px);
    line-height:1.00;
    letter-spacing:-0.035em;
  }

  .home .tgx-hero p,
  .home .tgx-hero__lead,
  .home .tgx-hero-copy p,
  .home .hero p,
  .home .hero__lead,
  .home .hero-copy p{
    font-size:16px;
    line-height:1.6;
  }
}


/* ==========================================================
   T&G PROD HERO TYPOGRAPHY FIX R2
   exact current hero
   ========================================================== */

.tg-prod-hero h1{
  max-width:760px!important;
  font-size:clamp(54px,4.6vw,72px)!important;
  line-height:1.12!important;
  letter-spacing:-.04em!important;
  font-weight:800!important;
  margin:0 0 26px!important;
}

.tg-prod-hero h1 > span{
  display:inline!important;
  line-height:1.16!important;
  letter-spacing:-.045em!important;
}

.tg-prod-lead{
  max-width:730px!important;
  margin-top:24px!important;
  font-size:18px!important;
  line-height:1.68!important;
}

@media(max-width:1400px){
  .tg-prod-hero h1{
    max-width:700px!important;
    font-size:clamp(54px,5vw,80px)!important;
    line-height:1.05!important;
  }
}

@media(max-width:1150px){
  .tg-prod-hero h1{
    max-width:780px!important;
    font-size:clamp(50px,7vw,76px)!important;
    line-height:1.05!important;
  }
}

@media(max-width:700px){
  .tg-prod-hero h1{
    font-size:clamp(42px,11vw,60px)!important;
    line-height:1.06!important;
    letter-spacing:-.035em!important;
  }
}



/* T&G HERO LAST LINE */
.tg-prod-hero h1 .tg-prod-last-line {
    display: block !important;
    margin-top: 30px !important;
    line-height: 1.05 !important;
}
/* END T&G HERO LAST LINE */

/* ==========================================================
   T&G HERO EXACT TYPOGRAPHY
   current hero = .tgx-hero
   ========================================================== */

.tgx-hero .tg-final-title{
  width:100%!important;
  max-width:780px!important;

  margin:0 0 28px!important;

  font-size:clamp(56px,4.8vw,82px)!important;
  line-height:1.03!important;
  letter-spacing:-.047em!important;
  font-weight:800!important;

  color:#082c4d!important;
}

.tgx-hero .tg-final-title-dark,
.tgx-hero .tg-final-title-cyan{
  display:block!important;
  white-space:nowrap!important;
  line-height:1.03!important;
}

.tgx-hero .tg-final-title-dark{
  color:#082c4d!important;
}

.tgx-hero .tg-final-title-cyan{
  margin-top:10px!important;

  background:linear-gradient(
    100deg,
    #168fd0 0%,
    #28c8df 72%
  );

  -webkit-background-clip:text;
  background-clip:text;

  color:transparent!important;
}

@media(max-width:1450px){

  .tgx-hero .tg-final-title{
    max-width:730px!important;
    font-size:clamp(52px,4.45vw,74px)!important;
  }

}

@media(max-width:1180px){

  .tgx-hero .tg-final-title{
    max-width:100%!important;
    font-size:clamp(48px,7vw,72px)!important;
  }

}

@media(max-width:760px){

  .tgx-hero .tg-final-title{
    font-size:clamp(40px,10vw,58px)!important;
    line-height:1.05!important;
  }

  .tgx-hero .tg-final-title-dark,
  .tgx-hero .tg-final-title-cyan{
    white-space:normal!important;
    line-height:1.05!important;
  }

}


/* ==========================================================
   T&G CAPABILITIES EXACT — PREMIUM COMMERCIAL
   ========================================================== */

.tg-cap-x{
  position:relative;
  padding:110px 0 120px;
  overflow:hidden;

  background:
    radial-gradient(circle at 85% 10%,rgba(37,198,232,.12),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f2f8fc 100%);
}

.tg-cap-x-head{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:72px;
  align-items:end;
  margin-bottom:52px;
}

.tg-cap-x-head h2{
  margin:14px 0 0;

  font-size:clamp(56px,6vw,92px);
  line-height:.93;
  letter-spacing:-.058em;

  color:#082d4d;
}

.tg-cap-x-head h2 em{
  display:block;
  font-style:normal;

  background:linear-gradient(100deg,#158fd0,#2ac8df);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.tg-cap-x-head p{
  max-width:650px;
  margin:0 0 8px;

  font-size:18px;
  line-height:1.75;
  color:#5a7590;
}


.tg-cap-x-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}


.tg-cap-x-card{
  position:relative;
  min-height:350px;
  padding:34px;

  overflow:hidden;
  border-radius:30px;

  background:
    radial-gradient(circle at 85% 12%,rgba(48,198,231,.14),transparent 24%),
    linear-gradient(145deg,#061624 0%,#0a2a43 58%,#0c3856 100%);

  border:1px solid rgba(73,204,237,.09);

  box-shadow:
    0 26px 65px rgba(7,38,63,.16);

  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.tg-cap-x-card:after{
  content:"";
  position:absolute;

  left:12%;
  right:12%;
  bottom:-35px;

  height:85px;

  border-radius:50%;

  background:rgba(31,199,233,.22);

  filter:blur(42px);

  opacity:.35;

  transition:opacity .28s ease;
}

.tg-cap-x-card:hover{
  transform:translateY(-8px);

  border-color:rgba(77,215,245,.20);

  box-shadow:
    0 38px 86px rgba(6,38,64,.22),
    0 22px 42px rgba(28,193,228,.14);
}

.tg-cap-x-card:hover:after{
  opacity:.9;
}

.tg-cap-x-index{
  margin-bottom:42px;

  font-size:11px;
  font-weight:900;
  letter-spacing:.16em;

  color:#38cbed;
}

.tg-cap-x-card h3{
  max-width:580px;

  margin:0 0 16px;

  font-size:36px;
  line-height:1.04;
  letter-spacing:-.037em;

  color:#fff;
}

.tg-cap-x-card p{
  max-width:650px;
  margin:0;

  font-size:16px;
  line-height:1.7;

  color:#9cb5c6;
}

.tg-cap-x-tags{
  display:flex;
  flex-wrap:wrap;
  gap:8px;

  margin-top:30px;
}

.tg-cap-x-tags span{
  padding:8px 12px;

  border-radius:999px;

  background:rgba(255,255,255,.055);
  border:1px solid rgba(89,207,235,.10);

  font-size:10px;
  font-weight:800;
  letter-spacing:.05em;

  color:#b2d2df;
}


.tg-cap-x-bottom{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;

  gap:17px;

  margin-top:30px;
  padding:22px 24px;

  border-radius:19px;

  background:#e8f6fb;
  border:1px solid rgba(16,126,170,.08);
}

.tg-cap-x-bottom span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;

  color:#246b88;
}

.tg-cap-x-bottom i{
  width:5px;
  height:5px;

  border-radius:50%;

  background:#27c6e8;
}


@media(max-width:1000px){

  .tg-cap-x-head{
    grid-template-columns:1fr;
    gap:24px;
  }

  .tg-cap-x-grid{
    grid-template-columns:1fr;
  }

}

@media(max-width:650px){

  .tg-cap-x{
    padding:78px 0;
  }

  .tg-cap-x-head h2{
    font-size:clamp(46px,12vw,66px);
  }

  .tg-cap-x-card{
    min-height:auto;
    padding:26px;
  }

  .tg-cap-x-card h3{
    font-size:30px;
  }

}


/* ==========================================================
   T&G REAL SYSTEM PROOF — WOW R1
   ========================================================== */

.tg-proof-wow{
  position:relative;
  padding:120px 0;

  overflow:hidden;

  background:
    radial-gradient(circle at 75% 15%,rgba(32,201,235,.13),transparent 26%),
    linear-gradient(155deg,#051522 0%,#08243a 53%,#0a314b 100%);
}


.tg-proof-wow:before{
  content:"";

  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(79,196,228,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(79,196,228,.035) 1px,transparent 1px);

  background-size:48px 48px;

  pointer-events:none;
}


.tg-proof-wow .tgx-shell{
  position:relative;
  z-index:2;
}


.tg-proof-wow-head{
  display:grid;
  grid-template-columns:1.08fr .92fr;

  gap:80px;
  align-items:end;

  margin-bottom:58px;
}


.tg-proof-wow .tgx-eyebrow{
  color:#3acbed;
}


.tg-proof-wow-head h2{
  max-width:850px;

  margin:15px 0 0;

  font-size:clamp(58px,6vw,94px);
  line-height:.91;
  letter-spacing:-.058em;

  color:#fff;
}


.tg-proof-wow-head h2 em{
  font-style:normal;

  background:
    linear-gradient(100deg,#21afe6,#4bdbea);

  -webkit-background-clip:text;
  background-clip:text;

  color:transparent;
}


.tg-proof-wow-copy{
  padding-bottom:8px;
}


.tg-proof-wow-copy p{
  max-width:650px;

  margin:0;

  font-size:18px;
  line-height:1.75;

  color:#a0b8c8;
}


.tg-proof-status{
  display:inline-flex;
  align-items:center;

  gap:10px;

  margin-top:25px;
  padding:11px 15px;

  border-radius:999px;

  background:rgba(255,255,255,.055);
  border:1px solid rgba(71,205,237,.11);

  font-size:10px;
  font-weight:900;
  letter-spacing:.13em;

  color:#8ed9eb;
}


.tg-proof-status i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#20d599;

  box-shadow:
    0 0 0 5px rgba(32,213,153,.09);
}



/* GRID */

.tg-proof-wow-grid{
  display:grid;

  grid-template-columns:minmax(0,1.24fr) minmax(420px,.76fr);

  gap:22px;
}


.tg-proof-wow-stack{
  display:grid;
  grid-template-rows:1fr 1fr;

  gap:22px;
}


.tg-proof-case{
  position:relative;

  overflow:hidden;

  border-radius:30px;

  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025));

  border:1px solid rgba(103,210,237,.11);

  box-shadow:
    0 28px 75px rgba(0,0,0,.18);

  transition:
    transform .30s cubic-bezier(.2,.7,.2,1),
    border-color .30s ease,
    box-shadow .30s ease;
}


.tg-proof-case:after{
  content:"";

  position:absolute;

  left:15%;
  right:15%;
  bottom:-50px;

  height:100px;

  border-radius:50%;

  background:rgba(31,197,233,.22);

  filter:blur(50px);

  opacity:.15;

  pointer-events:none;

  transition:opacity .3s ease;
}


.tg-proof-case:hover{
  transform:translateY(-8px);

  border-color:rgba(76,215,245,.24);

  box-shadow:
    0 42px 95px rgba(0,0,0,.25),
    0 24px 50px rgba(23,180,215,.10);
}


.tg-proof-case:hover:after{
  opacity:.7;
}



.tg-proof-case-top{
  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:24px 26px;
}


.tg-proof-case-top span{
  display:block;

  margin-bottom:5px;

  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;

  color:#37c9eb;
}


.tg-proof-case-top strong{
  font-size:18px;

  color:#fff;
}


.tg-proof-case-top b{
  padding:8px 10px;

  border-radius:999px;

  background:rgba(30,211,153,.08);

  color:#5ee0b4;

  font-size:9px;
  letter-spacing:.11em;
}



/* REAL SCREEN */

.tg-proof-screen{
  position:relative;

  margin:0 18px;

  overflow:hidden;

  border-radius:20px;

  background:#fff;

  box-shadow:
    0 25px 60px rgba(0,0,0,.23);
}


.tg-proof-screen img{
  display:block;

  width:100%;
  height:100%;

  object-fit:cover;
  object-position:center;

  transition:
    transform .65s cubic-bezier(.2,.7,.2,1);
}


.tg-proof-case:hover .tg-proof-screen img{
  transform:scale(1.018);
}


.tg-proof-case-main .tg-proof-screen{
  height:500px;
}


.tg-proof-case-small .tg-proof-screen{
  height:210px;
}



/* DESCRIPTION */

.tg-proof-case-bottom{
  position:relative;
  z-index:3;

  display:flex;
  align-items:end;
  justify-content:space-between;

  gap:25px;

  padding:27px 28px 30px;
}


.tg-proof-case-bottom h3{
  margin:0 0 9px;

  font-size:25px;
  line-height:1.08;
  letter-spacing:-.03em;

  color:#fff;
}


.tg-proof-case-bottom p{
  max-width:640px;

  margin:0;

  font-size:14px;
  line-height:1.65;

  color:#91adbf;
}


.tg-proof-case-bottom a{
  flex:0 0 auto;

  text-decoration:none;

  font-size:12px;
  font-weight:900;

  color:#48cfee;
}



/* BOTTOM PROOF BAR */

.tg-proof-wow-footer{
  display:grid;

  grid-template-columns:
    repeat(5,minmax(100px,1fr))
    minmax(190px,1.25fr);

  gap:10px;

  margin-top:25px;
}


.tg-proof-metric,
.tg-proof-all{
  min-height:83px;

  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:16px 18px;

  border-radius:17px;

  background:rgba(255,255,255,.045);
  border:1px solid rgba(90,205,235,.08);
}


.tg-proof-metric strong{
  font-size:13px;

  color:#fff;
}


.tg-proof-metric span{
  margin-top:5px;

  font-size:10px;

  color:#759aad;
}


.tg-proof-all{
  flex-direction:row;
  align-items:center;
  justify-content:space-between;

  text-decoration:none;

  font-size:13px;
  font-weight:900;

  color:#082c4c;

  background:
    linear-gradient(135deg,#21afe7,#41d6df);

  border:0;

  transition:
    transform .25s ease,
    box-shadow .25s ease;
}


.tg-proof-all span{
  font-size:20px;
}


.tg-proof-all:hover{
  transform:translateY(-4px);

  box-shadow:
    0 20px 45px rgba(26,194,226,.18);
}



/* RESPONSIVE */

@media(max-width:1100px){

  .tg-proof-wow-head{
    grid-template-columns:1fr;
    gap:25px;
  }

  .tg-proof-wow-grid{
    grid-template-columns:1fr;
  }

  .tg-proof-wow-stack{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }

  .tg-proof-wow-footer{
    grid-template-columns:repeat(3,1fr);
  }

}


@media(max-width:760px){

  .tg-proof-wow{
    padding:80px 0;
  }

  .tg-proof-wow-head h2{
    font-size:clamp(48px,12vw,68px);
  }

  .tg-proof-wow-stack{
    grid-template-columns:1fr;
  }

  .tg-proof-case-main .tg-proof-screen{
    height:330px;
  }

  .tg-proof-case-small .tg-proof-screen{
    height:270px;
  }

  .tg-proof-wow-footer{
    grid-template-columns:1fr 1fr;
  }

}


@media(max-width:520px){

  .tg-proof-wow-footer{
    grid-template-columns:1fr;
  }

  .tg-proof-case-bottom{
    align-items:flex-start;
    flex-direction:column;
  }

}


/* ==========================================================
   T&G DELIVERY ENGINE — LIFECYCLE WOW
   ========================================================== */

.tg-delivery-engine{
  position:relative;
  overflow:hidden;
  padding:125px 0 135px;

  background:
    radial-gradient(circle at 18% 5%,rgba(39,194,229,.13),transparent 25%),
    radial-gradient(circle at 92% 85%,rgba(28,144,208,.10),transparent 30%),
    linear-gradient(155deg,#04131f 0%,#071f32 48%,#092b43 100%);
}


.tg-delivery-engine:before{
  content:"";
  position:absolute;
  inset:0;

  background-image:
    linear-gradient(rgba(74,199,231,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(74,199,231,.028) 1px,transparent 1px);

  background-size:52px 52px;

  pointer-events:none;
}


.tg-delivery-engine .tgx-shell{
  position:relative;
  z-index:2;
}



/* HEADER */

.tg-delivery-head{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:90px;
  align-items:end;

  margin-bottom:60px;
}


.tg-delivery-title h2{
  margin:15px 0 0;

  font-size:clamp(60px,6.2vw,98px);
  line-height:.89;
  letter-spacing:-.062em;

  color:#fff;
}


.tg-delivery-title h2 em{
  display:block;
  font-style:normal;

  background:
    linear-gradient(100deg,#1fafe5,#50dce5);

  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}


.tg-delivery-intro{
  padding-bottom:6px;
}


.tg-delivery-intro strong{
  display:block;

  margin-bottom:14px;

  font-size:22px;
  line-height:1.25;

  color:#fff;
}


.tg-delivery-intro p{
  max-width:610px;

  margin:0;

  font-size:17px;
  line-height:1.75;

  color:#96afbf;
}


.tg-delivery-live{
  display:inline-flex;
  align-items:center;
  gap:10px;

  margin-top:22px;
  padding:10px 14px;

  border-radius:999px;

  background:rgba(255,255,255,.045);
  border:1px solid rgba(75,207,237,.10);

  font-size:9px;
  font-weight:900;
  letter-spacing:.15em;

  color:#83d9ec;
}


.tg-delivery-live i{
  width:7px;
  height:7px;

  border-radius:50%;

  background:#28d99b;

  box-shadow:
    0 0 0 5px rgba(40,217,155,.08);
}



/* MACHINE */

.tg-delivery-machine{
  position:relative;

  padding:26px;

  border-radius:34px;

  background:
    linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.022));

  border:1px solid rgba(91,211,239,.11);

  box-shadow:
    0 38px 100px rgba(0,0,0,.24);
}


.tg-delivery-machine-top{
  display:flex;
  justify-content:space-between;
  align-items:center;

  gap:25px;

  padding:4px 5px 24px;
}


.tg-delivery-machine-top span{
  display:block;

  margin-bottom:5px;

  font-size:9px;
  font-weight:900;
  letter-spacing:.17em;

  color:#36cbed;
}


.tg-delivery-machine-top strong{
  font-size:18px;

  color:#fff;
}


.tg-delivery-machine-state{
  padding:9px 12px;

  border-radius:999px;

  background:rgba(34,216,156,.075);

  border:1px solid rgba(51,224,170,.09);

  font-size:9px;
  font-weight:900;
  letter-spacing:.13em;

  color:#62dfb7;
}



/* RAIL */

.tg-delivery-rail{
  position:relative;

  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));

  gap:10px;

  padding-top:25px;
}


.tg-delivery-line{
  position:absolute;

  left:7%;
  right:7%;
  top:43px;

  height:2px;

  background:
    linear-gradient(
      90deg,
      rgba(38,183,226,.12),
      #26c6e9 18%,
      #4bd9e8 50%,
      #29d6b0 82%,
      rgba(41,214,176,.12)
    );

  box-shadow:
    0 0 24px rgba(37,200,233,.30);
}


.tg-delivery-step{
  position:relative;

  min-width:0;
}


.tg-delivery-node{
  position:relative;
  z-index:3;

  display:flex;
  align-items:center;
  justify-content:center;

  width:38px;
  height:38px;

  margin:0 auto 20px;

  border-radius:50%;

  background:#092c44;

  border:1px solid rgba(67,213,242,.42);

  box-shadow:
    0 0 0 7px rgba(20,167,205,.07),
    0 0 28px rgba(35,195,229,.19);
}


.tg-delivery-node span{
  font-size:10px;
  font-weight:900;

  color:#62d9f0;
}


.tg-delivery-node-final{
  border-color:rgba(50,222,171,.52);

  box-shadow:
    0 0 0 7px rgba(31,204,150,.07),
    0 0 34px rgba(42,217,165,.24);
}


.tg-delivery-node-final span{
  color:#67e0bb;
}



/* STEP CARD */

.tg-delivery-card{
  position:relative;

  min-height:285px;

  padding:23px 18px 20px;

  overflow:hidden;

  border-radius:20px;

  background:
    linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025));

  border:1px solid rgba(99,202,229,.075);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}


.tg-delivery-card:after{
  content:"";

  position:absolute;

  left:20%;
  right:20%;
  bottom:-35px;

  height:70px;

  border-radius:50%;

  background:rgba(34,194,229,.22);

  filter:blur(35px);

  opacity:0;

  transition:opacity .3s ease;
}


.tg-delivery-step:hover .tg-delivery-card{
  transform:translateY(-8px);

  background:
    linear-gradient(160deg,rgba(255,255,255,.085),rgba(255,255,255,.03));

  border-color:rgba(73,213,242,.21);

  box-shadow:
    0 28px 58px rgba(0,0,0,.20);
}


.tg-delivery-step:hover .tg-delivery-card:after{
  opacity:.55;
}


.tg-delivery-card small{
  display:block;

  margin-bottom:17px;

  font-size:8px;
  font-weight:900;
  letter-spacing:.15em;

  color:#36c7e8;
}


.tg-delivery-card h3{
  margin:0 0 12px;

  font-size:23px;
  line-height:1;

  letter-spacing:-.035em;

  color:#fff;
}


.tg-delivery-card p{
  min-height:108px;

  margin:0;

  font-size:13px;
  line-height:1.62;

  color:#89a8ba;
}


.tg-delivery-card b{
  position:relative;
  z-index:2;

  display:inline-block;

  margin-top:17px;

  font-size:8px;
  font-weight:900;
  letter-spacing:.12em;

  color:#6cd4e9;
}


.tg-delivery-card-final{
  background:
    linear-gradient(
      160deg,
      rgba(27,173,137,.12),
      rgba(255,255,255,.025)
    );

  border-color:rgba(52,218,171,.13);
}


.tg-delivery-card-final small,
.tg-delivery-card-final b{
  color:#68dfba;
}



/* BOTTOM ACCOUNTABILITY BAR */

.tg-delivery-footer{
  display:grid;

  grid-template-columns:1fr auto 1.2fr auto 1fr;

  gap:22px;
  align-items:center;

  margin-top:18px;
  padding:24px 26px;

  border-radius:20px;

  background:
    linear-gradient(90deg,rgba(25,184,222,.08),rgba(31,211,166,.055));

  border:1px solid rgba(78,203,232,.075);
}


.tg-delivery-footer > div span{
  display:block;

  margin-bottom:5px;

  font-size:8px;
  font-weight:900;
  letter-spacing:.16em;

  color:#42cdea;
}


.tg-delivery-footer > div strong{
  font-size:12px;
  font-weight:700;

  color:#d5e7ef;
}


.tg-delivery-footer > i{
  width:1px;
  height:28px;

  background:rgba(126,194,214,.13);
}



/* RESPONSIVE */

@media(max-width:1200px){

  .tg-delivery-rail{
    grid-template-columns:repeat(4,1fr);
  }

  .tg-delivery-line{
    display:none;
  }

  .tg-delivery-node{
    margin-left:0;
  }

}


@media(max-width:900px){

  .tg-delivery-head{
    grid-template-columns:1fr;
    gap:28px;
  }

  .tg-delivery-rail{
    grid-template-columns:repeat(2,1fr);
  }

  .tg-delivery-footer{
    grid-template-columns:1fr;
  }

  .tg-delivery-footer > i{
    width:100%;
    height:1px;
  }

}


@media(max-width:600px){

  .tg-delivery-engine{
    padding:82px 0 90px;
  }

  .tg-delivery-title h2{
    font-size:clamp(52px,14vw,70px);
  }

  .tg-delivery-machine{
    padding:18px;
  }

  .tg-delivery-machine-top{
    align-items:flex-start;
    flex-direction:column;
  }

  .tg-delivery-rail{
    grid-template-columns:1fr;
  }

  .tg-delivery-card{
    min-height:auto;
  }

  .tg-delivery-card p{
    min-height:auto;
  }

}


/* ==========================================================
   T&G JAK PRACUJEMY — POWER MODEL
   ========================================================== */

.tg-work-power{overflow:hidden}

.tg-work-power-hero{
padding:105px 0 120px;
background:
radial-gradient(circle at 82% 18%,rgba(33,202,233,.17),transparent 29%),
linear-gradient(145deg,#fff,#eef9fd)
}

.tg-work-power-hero-grid{
display:grid;
grid-template-columns:1.02fr .98fr;
gap:72px;
align-items:center
}

.tg-work-power-hero h1{
margin:16px 0 25px;
font-size:clamp(62px,6.2vw,102px);
line-height:.87;
letter-spacing:-.062em;
color:#062e50
}

.tg-work-power-hero h1 em{
display:block;
font-style:normal;
background:linear-gradient(100deg,#178fd1,#31cedd);
-webkit-background-clip:text;
background-clip:text;
color:transparent
}

.tg-work-power-hero p{
max-width:720px;
font-size:19px;
line-height:1.75;
color:#627f94
}

.tg-work-power-buttons{
display:flex;
flex-wrap:wrap;
gap:20px;
align-items:center;
margin-top:32px
}

.tg-work-power-main{
padding:17px 20px;
border-radius:14px;
text-decoration:none;
font-weight:900;
color:#062d4b;
background:linear-gradient(110deg,#149fe0,#31d0db);
box-shadow:0 20px 45px rgba(16,159,209,.17)
}

.tg-work-power-link{
text-decoration:none;
font-size:13px;
font-weight:850;
color:#247fa5
}

.tg-work-power-core{
position:relative;
min-height:590px;
padding:28px;
overflow:hidden;
border-radius:34px;
background:
radial-gradient(circle at 50% 48%,rgba(33,196,228,.16),transparent 27%),
linear-gradient(145deg,#041725,#083552);
border:1px solid rgba(66,205,234,.13);
box-shadow:0 45px 110px rgba(6,47,72,.22)
}

.tg-work-power-core:before,
.tg-work-power-flow:before{
content:"";
position:absolute;
inset:0;
background-image:
linear-gradient(rgba(73,199,228,.033) 1px,transparent 1px),
linear-gradient(90deg,rgba(73,199,228,.033) 1px,transparent 1px);
background-size:46px 46px;
pointer-events:none
}

.tg-work-power-core-head,
.tg-work-power-core-foot,
.tg-work-power-radar{
position:relative;
z-index:2
}

.tg-work-power-core-head{
display:flex;
justify-content:space-between;
align-items:center
}

.tg-work-power-core-head small,
.tg-work-power-core-foot small{
display:block;
font-size:8px;
font-weight:900;
letter-spacing:.16em;
color:#44cbe8
}

.tg-work-power-core-head strong{
font-size:18px;
color:#fff
}

.tg-work-power-core-head>span{
display:flex;
gap:8px;
align-items:center;
padding:8px 12px;
border-radius:999px;
background:rgba(36,213,158,.08);
font-size:9px;
font-weight:900;
color:#5ce0b7
}

.tg-work-power-core-head i{
width:7px;height:7px;border-radius:50%;
background:#2bdda0;
box-shadow:0 0 13px #2bdda0
}

.tg-work-power-radar{
height:410px
}

.tg-work-power-ring{
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
border-radius:50%;
border:1px solid rgba(76,204,234,.15)
}

.tg-work-power-ring.r1{width:190px;height:190px}
.tg-work-power-ring.r2{width:295px;height:295px}
.tg-work-power-ring.r3{width:405px;height:405px}

.tg-work-power-center{
position:absolute;
left:50%;top:50%;
transform:translate(-50%,-50%);
width:116px;height:116px;
border-radius:50%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
background:linear-gradient(145deg,#179dd7,#2bd1db);
box-shadow:
0 0 0 14px rgba(33,197,228,.07),
0 0 65px rgba(33,197,228,.24)
}

.tg-work-power-center strong{font-size:30px;color:#fff}
.tg-work-power-center small{
font-size:7px;font-weight:900;letter-spacing:.14em;color:#ddfaff
}

.tg-work-power-radar>b{
position:absolute;
padding:9px 12px;
border-radius:999px;
background:#0a314b;
border:1px solid rgba(67,202,232,.14);
font-size:8px;
letter-spacing:.1em;
color:#a8ddeb
}

.tg-work-power-radar .p1{left:3%;top:46%}
.tg-work-power-radar .p2{left:18%;top:14%}
.tg-work-power-radar .p3{right:12%;top:17%}
.tg-work-power-radar .p4{right:4%;bottom:26%}
.tg-work-power-radar .p5{left:20%;bottom:8%}

.tg-work-power-core-foot{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:10px
}

.tg-work-power-core-foot div{
padding:13px;
border-radius:13px;
background:rgba(255,255,255,.045);
border:1px solid rgba(75,202,231,.07)
}

.tg-work-power-core-foot strong{
font-size:10px;color:#d7e9ef
}


/* FLOW */

.tg-work-power-flow{
position:relative;
padding:125px 0 135px;
background:linear-gradient(155deg,#04131f,#082b44)
}

.tg-work-power-heading{
position:relative;
z-index:2;
display:grid;
grid-template-columns:1.1fr .9fr;
gap:80px;
align-items:end;
margin-bottom:58px
}

.tg-work-power-heading h2{
margin:14px 0 0;
font-size:clamp(54px,5.7vw,90px);
line-height:.91;
letter-spacing:-.057em;
color:#fff
}

.tg-work-power-heading h2 em{
font-style:normal;
background:linear-gradient(100deg,#20afe5,#48dae5);
-webkit-background-clip:text;
background-clip:text;
color:transparent
}

.tg-work-power-heading>p{
margin:0;
font-size:17px;
line-height:1.75;
color:#91adbd
}

.tg-work-power-path{
position:relative;
z-index:2;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:16px
}

.tg-work-power-path article{
min-height:300px;
padding:27px 23px;
border-radius:23px;
background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
border:1px solid rgba(85,205,233,.08);
transition:.28s ease
}

.tg-work-power-path article:hover{
transform:translateY(-8px);
border-color:rgba(68,214,242,.22);
box-shadow:0 30px 65px rgba(0,0,0,.21)
}

.tg-work-power-path article>span{
font-size:11px;
font-weight:900;
color:#42ccea
}

.tg-work-power-path small{
display:block;
margin-top:42px;
font-size:8px;
font-weight:900;
letter-spacing:.15em;
color:#5acfe7
}

.tg-work-power-path h3{
margin:11px 0 13px;
font-size:28px;
color:#fff
}

.tg-work-power-path p{
min-height:95px;
font-size:14px;
line-height:1.68;
color:#91adbd
}

.tg-work-power-path b{
font-size:8px;
letter-spacing:.12em;
color:#5cd4e9
}

.tg-work-power-factory{
background:
radial-gradient(circle at 85% 12%,rgba(33,194,229,.17),transparent 30%),
linear-gradient(160deg,rgba(35,178,220,.14),rgba(255,255,255,.03))!important
}

.tg-work-power-operate{
background:
radial-gradient(circle at 85% 12%,rgba(41,213,165,.15),transparent 30%),
linear-gradient(160deg,rgba(33,180,139,.12),rgba(255,255,255,.03))!important
}


/* FACTORY */

.tg-work-power-factory-section{
padding:125px 0;
background:#f5fbfe
}

.tg-work-power-factory-grid{
display:grid;
grid-template-columns:.9fr 1.1fr;
gap:80px;
align-items:center
}

.tg-work-power-factory-section h2{
margin:14px 0 22px;
font-size:clamp(56px,5.8vw,92px);
line-height:.91;
letter-spacing:-.057em;
color:#072f50
}

.tg-work-power-factory-section h2 em{
font-style:normal;
color:#18aada
}

.tg-work-power-factory-section p{
max-width:650px;
font-size:17px;
line-height:1.75;
color:#668296
}

.tg-work-power-factory-panel{
padding:30px;
border-radius:30px;
background:linear-gradient(145deg,#061827,#093550);
box-shadow:0 35px 85px rgba(8,49,75,.18)
}

.tg-work-power-factory-state{
display:flex;
align-items:center;
justify-content:space-between;
gap:15px
}

.tg-work-power-factory-state span{
font-size:9px;font-weight:900;letter-spacing:.14em;color:#45cae6
}

.tg-work-power-factory-state b{font-size:16px;color:#fff}

.tg-work-power-factory-state i{
font-style:normal;
padding:8px 10px;
border-radius:999px;
background:rgba(36,214,157,.09);
font-size:8px;font-weight:900;color:#58dfb4
}

.tg-work-power-factory-chain{
display:grid;
grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
gap:9px;
align-items:center;
margin:55px 0
}

.tg-work-power-factory-chain div{
padding:18px 10px;
text-align:center;
border-radius:15px;
background:rgba(255,255,255,.05);
border:1px solid rgba(71,204,232,.08)
}

.tg-work-power-factory-chain span{
display:block;
margin-bottom:7px;
font-size:8px;color:#41cae7
}

.tg-work-power-factory-chain strong{
font-size:9px;color:#d9eaf0
}

.tg-work-power-factory-chain>i{
font-style:normal;color:#37cbea
}

.tg-work-power-factory-bottom{
display:flex;
flex-wrap:wrap;
gap:8px
}

.tg-work-power-factory-bottom span{
padding:8px 11px;
border-radius:999px;
background:rgba(255,255,255,.045);
font-size:9px;color:#9bc3d2
}


/* RESPONSIBILITY */

.tg-work-power-responsibility{
padding:125px 0;
background:
radial-gradient(circle at 83% 10%,rgba(35,197,228,.10),transparent 28%),
#fff
}

.tg-work-power-heading.light h2{color:#072f50}
.tg-work-power-heading.light h2 em{color:#18aada;background:none}
.tg-work-power-heading.light>p{color:#658194}

.tg-work-power-pillars{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px
}

.tg-work-power-pillars article{
min-height:275px;
padding:28px;
border-radius:25px;
background:#f8fcfe;
border:1px solid #dfeef4;
box-shadow:0 24px 55px rgba(8,52,80,.06);
transition:.27s ease
}

.tg-work-power-pillars article:hover{
transform:translateY(-7px);
box-shadow:0 34px 70px rgba(8,52,80,.11)
}

.tg-work-power-pillars span{
font-size:9px;font-weight:900;letter-spacing:.14em;color:#13a5da
}

.tg-work-power-pillars h3{
margin:38px 0 14px;
font-size:27px;color:#072e4f
}

.tg-work-power-pillars p{
font-size:14px;line-height:1.72;color:#6b879a
}


/* MODELS */

.tg-work-power-models{
padding:125px 0;
background:linear-gradient(155deg,#051725,#082f49)
}

.tg-work-power-model-grid{
display:grid;
grid-template-columns:repeat(5,1fr);
gap:15px
}

.tg-work-power-model-grid article{
min-height:285px;
padding:26px 22px;
border-radius:23px;
background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.025));
border:1px solid rgba(82,202,231,.08);
transition:.27s ease
}

.tg-work-power-model-grid article:hover{
transform:translateY(-7px);
border-color:rgba(67,210,239,.22)
}

.tg-work-power-model-grid article>span{
font-size:11px;font-weight:900;color:#39cae8
}

.tg-work-power-model-grid small{
display:block;
margin-top:42px;
font-size:8px;font-weight:900;letter-spacing:.14em;color:#61d0e6
}

.tg-work-power-model-grid h3{
margin:10px 0 13px;
font-size:25px;color:#fff
}

.tg-work-power-model-grid p{
font-size:14px;line-height:1.65;color:#91acbd
}

.tg-work-power-model-grid .featured{
background:
radial-gradient(circle at 80% 8%,rgba(40,211,172,.16),transparent 30%),
linear-gradient(160deg,rgba(30,180,220,.14),rgba(255,255,255,.03));
border-color:rgba(63,211,233,.19)
}


/* FINAL */

.tg-work-power-final{
padding:105px 0;
background:#f5fbfe
}

.tg-work-power-final-box{
display:grid;
grid-template-columns:1.1fr .9fr;
gap:80px;
align-items:center;
padding:65px 70px;
border-radius:32px;
background:
radial-gradient(circle at 90% 10%,rgba(46,208,224,.22),transparent 28%),
linear-gradient(145deg,#e8f8fd,#fff);
border:1px solid #d8ecf3;
box-shadow:0 30px 80px rgba(8,53,80,.08)
}

.tg-work-power-final h2{
margin:14px 0 0;
font-size:clamp(48px,5vw,80px);
line-height:.92;
letter-spacing:-.052em;
color:#072e4f
}

.tg-work-power-final h2 em{
font-style:normal;color:#18a9d9
}

.tg-work-power-final p{
font-size:17px;
line-height:1.75;
color:#617f93
}

.tg-work-power-final a{
display:inline-block;
margin-top:20px;
padding:17px 20px;
border-radius:14px;
background:linear-gradient(110deg,#149fe0,#2fd0dc);
text-decoration:none;
font-weight:900;
color:#052d4b
}


@media(max-width:1100px){
.tg-work-power-hero-grid,
.tg-work-power-factory-grid,
.tg-work-power-heading,
.tg-work-power-final-box{
grid-template-columns:1fr
}

.tg-work-power-path{grid-template-columns:repeat(2,1fr)}
.tg-work-power-pillars{grid-template-columns:repeat(2,1fr)}
.tg-work-power-model-grid{grid-template-columns:repeat(3,1fr)}
}

@media(max-width:700px){
.tg-work-power-hero,
.tg-work-power-flow,
.tg-work-power-factory-section,
.tg-work-power-responsibility,
.tg-work-power-models{
padding:80px 0
}

.tg-work-power-path,
.tg-work-power-pillars,
.tg-work-power-model-grid{
grid-template-columns:1fr
}

.tg-work-power-factory-chain{
grid-template-columns:1fr
}

.tg-work-power-factory-chain>i{
transform:rotate(90deg);
text-align:center
}

.tg-work-power-final-box{
padding:38px 28px
}

.tg-work-power-core{
min-height:530px
}
}

/* T&G — JAK PRACUJEMY / SYSTEMU LEGIBILITY FIX */
.tg-work-power-hero h1 em{
    display:block !important;

    /*
     * Preserve exact wording:
     * "do żywego systemu."
     * Increase character separation slightly so the lowercase y
     * cannot visually merge into surrounding glyphs.
     */
    letter-spacing:-0.035em !important;
    font-kerning:normal !important;
    text-rendering:optimizeLegibility !important;

    padding-right:.08em;
    overflow:visible !important;
}

@media(max-width:700px){
    .tg-work-power-hero h1 em{
        letter-spacing:-0.025em !important;
    }
}

/* ==========================================================
   T&G JAK PRACUJEMY — CONTROLLED HERO TITLE
   ========================================================== */

.tg-work-power-hero .tg-work-controlled-title{
  margin:16px 0 25px !important;

  font-size:clamp(58px,5.8vw,94px) !important;
  line-height:.91 !important;
  letter-spacing:-.055em !important;

  overflow:visible !important;
}

.tg-work-power-hero .tg-work-controlled-title > span,
.tg-work-power-hero .tg-work-controlled-title > em{
  display:block !important;
  overflow:visible !important;
}

.tg-work-power-hero .tg-work-controlled-title > span{
  color:#062e50;
}

.tg-work-power-hero .tg-work-controlled-title > em{
  font-style:normal;

  background:linear-gradient(100deg,#178fd1,#31cedd);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

@media(max-width:1100px){
  .tg-work-power-hero .tg-work-controlled-title{
    font-size:clamp(54px,8vw,82px) !important;
  }
}

@media(max-width:700px){
  .tg-work-power-hero .tg-work-controlled-title{
    font-size:clamp(48px,13vw,68px) !important;
    line-height:.93 !important;
  }
}


/* ==========================================================
   T&G JAK PRACUJEMY — HARD HEADLINE RENDER FIX
   ========================================================== */

/* remove any inherited reveal/mask/clipping behaviour */
.tg-work-power-hero,
.tg-work-power-hero-grid,
.tg-work-power-hero-grid > div:first-child,
.tg-work-controlled-title,
.tg-work-controlled-title > span,
.tg-work-controlled-title > em{
    opacity:1 !important;
    visibility:visible !important;

    overflow:visible !important;

    clip:auto !important;
    clip-path:none !important;
    -webkit-clip-path:none !important;

    mask:none !important;
    -webkit-mask:none !important;

    transform:none !important;

    filter:none !important;

    animation:none !important;
}

/* controlled title geometry */
.tg-work-power-hero .tg-work-controlled-title{
    position:relative !important;
    z-index:20 !important;

    display:block !important;

    width:100% !important;
    max-width:760px !important;

    margin:0 0 28px !important;
    padding:0 0 .10em !important;

    font-size:clamp(56px,5.4vw,90px) !important;
    line-height:1.02 !important;
    letter-spacing:-.045em !important;

    color:#062e50 !important;
}

/* each line gets its own real box */
.tg-work-power-hero .tg-work-controlled-title > span,
.tg-work-power-hero .tg-work-controlled-title > em{
    position:relative !important;

    display:block !important;

    width:max-content !important;
    max-width:100% !important;

    min-height:1.08em !important;

    padding:.03em .04em .07em 0 !important;
    margin:0 !important;

    white-space:nowrap !important;

    line-height:1.02 !important;
}

/* dark first line */
.tg-work-power-hero .tg-work-controlled-title > span{
    color:#062e50 !important;

    background:none !important;

    -webkit-text-fill-color:#062e50 !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;
}

/* cyan lines — remove text clipping completely */
.tg-work-power-hero .tg-work-controlled-title > em{
    color:#18a9d8 !important;

    background:none !important;

    -webkit-text-fill-color:#18a9d8 !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;

    text-shadow:none !important;
}

/* ensure hero starts below header */
.tg-work-power-hero{
    padding-top:135px !important;
}

/* no hidden wrapper around heading */
.tg-work-power-hero-grid > div:first-child{
    min-width:0 !important;
    overflow:visible !important;
}

@media(max-width:1100px){
    .tg-work-power-hero .tg-work-controlled-title{
        font-size:clamp(52px,7vw,80px) !important;
    }
}

@media(max-width:700px){
    .tg-work-power-hero{
        padding-top:95px !important;
    }

    .tg-work-power-hero .tg-work-controlled-title{
        font-size:clamp(44px,12vw,64px) !important;
    }

    .tg-work-power-hero .tg-work-controlled-title > span,
    .tg-work-power-hero .tg-work-controlled-title > em{
        white-space:normal !important;
        width:auto !important;
    }
}


/* ==========================================================
   T&G JAK PRACUJEMY — HEADLINE FIT R1
   keep 3 lines / no overlap with Mission Control
   ========================================================== */

.tg-work-power-hero .tg-work-controlled-title{
    width:100% !important;
    max-width:760px !important;

    font-size:clamp(54px,4.55vw,78px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;

    margin:0 0 30px !important;
    padding:0 !important;

    overflow:visible !important;
}

/* Real line boxes, but NEVER wider than left column */
.tg-work-power-hero .tg-work-controlled-title > span,
.tg-work-power-hero .tg-work-controlled-title > em{
    display:block !important;

    width:auto !important;
    max-width:100% !important;

    min-height:0 !important;

    margin:0 !important;
    padding:.035em 0 .055em !important;

    white-space:nowrap !important;
    overflow:visible !important;

    line-height:.98 !important;
}

/* first line stays dark */
.tg-work-power-hero .tg-work-controlled-title > span{
    color:#062e50 !important;
    -webkit-text-fill-color:#062e50 !important;
}

/* two cyan lines stay fully rendered */
.tg-work-power-hero .tg-work-controlled-title > em{
    color:#18a9d8 !important;
    -webkit-text-fill-color:#18a9d8 !important;
}

/* critical: left column may shrink, but must never invade right column */
.tg-work-power-hero-grid > div:first-child{
    min-width:0 !important;
    max-width:100% !important;
}

/* laptop widths */
@media(min-width:951px) and (max-width:1500px){
    .tg-work-power-hero .tg-work-controlled-title{
        font-size:clamp(52px,4.35vw,70px) !important;
    }
}

/* tablet/mobile may wrap naturally */
@media(max-width:950px){
    .tg-work-power-hero .tg-work-controlled-title{
        max-width:100% !important;
        font-size:clamp(48px,8vw,72px) !important;
    }

    .tg-work-power-hero .tg-work-controlled-title > span,
    .tg-work-power-hero .tg-work-controlled-title > em{
        white-space:normal !important;
    }
}


/* ==========================================================
   T&G JAK PRACUJEMY — FINAL HEADLINE FIT
   ========================================================== */

/* whole headline */
.tg-work-power-hero .tg-work-controlled-title{
    max-width:100% !important;
    font-size:70px !important;
    line-height:.98 !important;
}

/* longest line: slightly smaller so it ends before Mission Control */
.tg-work-power-hero .tg-work-controlled-title > span{
    font-size:.84em !important;
    letter-spacing:-.045em !important;
    white-space:nowrap !important;
}

/* cyan lines stay dominant */
.tg-work-power-hero .tg-work-controlled-title > em{
    font-size:1em !important;
    white-space:nowrap !important;
}

/* extra safety gap between columns */
.tg-work-power-hero-grid{
    column-gap:90px !important;
}

@media(min-width:951px) and (max-width:1500px){

    .tg-work-power-hero .tg-work-controlled-title{
        font-size:66px !important;
    }

    .tg-work-power-hero .tg-work-controlled-title > span{
        font-size:.82em !important;
    }

}

@media(max-width:950px){

    .tg-work-power-hero .tg-work-controlled-title{
        font-size:clamp(48px,8vw,70px) !important;
    }

    .tg-work-power-hero .tg-work-controlled-title > span,
    .tg-work-power-hero .tg-work-controlled-title > em{
        font-size:1em !important;
        white-space:normal !important;
    }

}

/* TNG_HOME_HERO_CANONICAL_20261005 */
.home .tgx-header{
  background:#fff;
  border-bottom:1px solid rgba(8,45,78,.08);
  box-shadow:none;
}
.home .tgx-shell.tgx-nav{
  width:min(calc(100% - 58px),1608px);
  height:80px;
}
.home .tgx-brand{gap:14px;}
.home .tgx-logo{
  width:58px;height:58px;border-radius:14px;font-size:0;
  background:#062b5e url('../images/tng-logo-hero.webp') center/cover no-repeat;
  box-shadow:0 0 0 1px rgba(18,183,238,.45),0 6px 18px rgba(5,69,121,.18);
}
.home .tgx-brand-copy strong{font-size:18px;line-height:1.08;color:#082d4d;}
.home .tgx-brand-copy small{font-size:10px;margin-top:3px;color:#254967;}
.home .tgx-menu{gap:31px;font-size:15px;color:#143a5b;}
.home .tgx-menu-cta{padding:15px 24px;border-radius:11px;font-size:15px;}

/* Hero composition: real photo layer -> overlay -> semantic content. */
.home .tgx-hero{
  position:relative;
  min-height:560px;
  height:560px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  isolation:isolate;
  color:#fff;
  background:#062843!important;
}
.home .tgx-hero-photo{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 50%;
  pointer-events:none;
  user-select:none;
}
.home .tgx-hero:before{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,20,38,.88) 0%,rgba(3,30,53,.72) 34%,rgba(3,39,66,.34) 58%,rgba(3,32,57,.20) 100%),
    linear-gradient(rgba(31,197,242,.065) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,197,242,.065) 1px,transparent 1px);
  background-size:100% 100%,72px 72px,72px 72px;
}
.home .tgx-hero:after{
  content:""!important;
  display:block!important;
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:radial-gradient(circle at 10% 74%,rgba(28,211,241,.12),transparent 18%),radial-gradient(circle at 86% 24%,rgba(28,183,241,.11),transparent 19%);
}
.home .tgx-hero-orb{display:none!important;}
.home .tgx-hero-grid{
  position:relative;
  z-index:2;
  width:min(calc(100% - 80px),1580px);
  height:100%;
  min-height:0;
  margin:0 auto;
  padding:28px 0;
  display:grid;
  grid-template-columns:minmax(0,760px) 580px;
  justify-content:space-between;
  align-items:center;
  gap:52px;
}
.home .tgx-hero-copy{
  min-width:0;
  padding:0;
  align-self:center;
}
.home .tgx-hero-copy .tgx-eyebrow{
  display:block;
  margin:0 0 20px;
  color:#22dcf2!important;
  -webkit-text-fill-color:#22dcf2!important;
  font-size:14px;
  font-weight:900;
  letter-spacing:.18em;
  text-shadow:0 2px 12px rgba(0,0,0,.28);
}
.home .tgx-hero .tg-final-title{
  width:100%!important;
  max-width:760px!important;
  margin:0 0 20px!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  font-size:clamp(52px,3.7vw,66px)!important;
  font-weight:850!important;
  line-height:.99!important;
  letter-spacing:-.047em!important;
  text-shadow:0 4px 24px rgba(0,0,0,.28)!important;
}
.home .tgx-hero .tg-final-title-dark{
  display:block!important;
  margin:0!important;
  white-space:normal!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  background:none!important;
  line-height:.99!important;
}
.home .tgx-hero .tg-final-title-cyan{
  display:inline!important;
  margin:0!important;
  white-space:nowrap!important;
  color:#20d9ef!important;
  -webkit-text-fill-color:#20d9ef!important;
  background:none!important;
  line-height:inherit!important;
  text-shadow:0 4px 24px rgba(0,0,0,.22)!important;
}
.home .tgx-hero-copy>p{
  max-width:720px!important;
  margin:0!important;
  color:#f3f8fc!important;
  -webkit-text-fill-color:#f3f8fc!important;
  font-size:17px!important;
  line-height:1.55!important;
  text-shadow:0 2px 14px rgba(0,0,0,.32)!important;
}
.home .tgx-buttons{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:14px;
  margin-top:24px;
}
.home .tgx-btn{
  min-height:56px;
  padding:0 25px;
  border-radius:10px;
  font-size:15px;
  font-weight:850;
  position:relative;
  z-index:4;
  cursor:pointer;
}
.home .tgx-btn-primary{
  background:linear-gradient(135deg,#0facf2,#2bdce1);
  color:#062b48!important;
  box-shadow:0 12px 28px rgba(14,173,231,.24);
}
.home .tgx-btn-light{
  background:#fff;
  color:#0b3150!important;
  border:1px solid rgba(255,255,255,.88);
}
.home .tgx-btn:hover{transform:translateY(-1px);}
.home .tgx-btn:focus-visible{outline:3px solid #46e4f4;outline-offset:3px;}
.home .tgx-proofline{
  display:flex;
  gap:24px;
  flex-wrap:wrap;
  margin-top:22px;
  color:#d9e9f3!important;
  font-size:13px;
}
.home .tgx-proofline span{color:#d9e9f3!important;}
.home .tgx-proofline span:before{color:#20d8ef!important;}

.home .tgx-hero-visuals{
  min-width:0;
  min-height:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}
.home .tgx-hero-product{
  position:relative;
  width:min(100%,590px);
  height:470px;
  min-height:470px;
  margin:0;
  padding:20px 24px 18px;
  overflow:hidden;
  border-radius:24px;
  color:#d9f5ff;
  background:linear-gradient(145deg,rgba(15,74,116,.48),rgba(7,44,78,.36));
  border:1px solid rgba(124,220,252,.66);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 18px 50px rgba(0,0,0,.25),0 0 24px rgba(24,199,242,.12);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  animation:none!important;
}
.home .tgx-product-bar,
.home .tgx-product-footer{
  position:relative;
  z-index:8;
  display:flex;
  justify-content:space-between;
  gap:14px;
  color:rgba(255,255,255,.90)!important;
}
.home .tgx-product-bar{font-size:11px;letter-spacing:.055em;}
.home .tgx-product-bar strong{font-size:11px;color:#25e4b2!important;text-shadow:0 0 14px rgba(36,228,177,.35);}
.home .tgx-product-body{position:relative;height:364px;}
.home .tgx-ring{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  border-radius:50%;
  border:1px solid rgba(58,205,244,.38)!important;
  box-shadow:0 0 18px rgba(32,211,244,.07);
  pointer-events:none;
}
.home .tgx-ring.r1{width:350px;height:350px;}
.home .tgx-ring.r2{width:266px;height:266px;}
.home .tgx-ring.r3{width:192px;height:192px;}
.home .tgx-product-core{
  position:absolute;
  left:50%;top:50%;
  transform:translate(-50%,-50%);
  z-index:4;
  width:148px;height:148px;
  padding:0;
  overflow:hidden;
  border-radius:34px;
  background:#06285e;
  border:4px solid #18d5ef;
  box-shadow:0 0 28px rgba(24,213,239,.42);
}
.home .tgx-product-core img{display:block;width:100%;height:100%;object-fit:cover;}
.home .tgx-product-node{
  position:absolute;
  z-index:7;
  min-width:120px;
  min-height:66px;
  padding:10px 13px;
  border-radius:15px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#fff!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:900;
  line-height:1.05;
  text-align:left;
  background:linear-gradient(145deg,rgba(17,85,133,.90),rgba(15,57,99,.76));
  border:1px solid rgba(130,226,255,.78);
  box-shadow:0 0 18px rgba(31,203,244,.20),inset 0 0 18px rgba(43,190,234,.08);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  cursor:pointer;
  transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.home .tgx-product-node:hover{
  transform:translateY(-2px);
  box-shadow:0 0 24px rgba(31,203,244,.34),inset 0 0 18px rgba(43,190,234,.12);
}
.home .tgx-product-node.p1:hover,
.home .tgx-product-node.p6:hover{transform:translateX(-50%) translateY(-2px);}
.home .tgx-product-node:focus-visible{outline:3px solid #43e2f4;outline-offset:3px;}
.home .tgx-product-node small{display:block;margin-top:3px;font-size:10px;font-weight:600;line-height:1.15;color:#e3f4fc!important;}
.home .tgx-node-icon{position:relative;width:28px;height:28px;display:inline-block;flex:0 0 28px;}
.home .tgx-node-icon:before,.home .tgx-node-icon:after{content:"";position:absolute;box-sizing:border-box;}
.home .tgx-node-ai .tgx-node-icon:before{inset:3px;border:3px solid #fff;border-radius:50%;}
.home .tgx-node-ai .tgx-node-icon:after{left:12px;top:1px;width:4px;height:26px;background:#fff;border-radius:2px;box-shadow:-7px 7px 0 -1px #fff,7px 7px 0 -1px #fff;}
.home .tgx-node-api .tgx-node-icon:before{left:3px;top:12px;width:11px;height:6px;border:3px solid #fff;border-right:0;border-radius:7px 0 0 7px;transform:rotate(-45deg);}
.home .tgx-node-api .tgx-node-icon:after{right:3px;top:6px;width:11px;height:6px;border:3px solid #fff;border-left:0;border-radius:0 7px 7px 0;transform:rotate(-45deg);}
.home .tgx-node-saas .tgx-node-icon:before{left:4px;top:4px;width:20px;height:20px;border:3px solid #fff;transform:rotate(30deg) skewY(-30deg) scaleY(.86);}
.home .tgx-node-crm .tgx-node-icon:before{left:3px;bottom:3px;width:5px;height:11px;background:#fff;box-shadow:7px -5px 0 #fff,14px -10px 0 #fff;}
.home .tgx-node-voice .tgx-node-icon:before{left:8px;top:2px;width:11px;height:18px;border:3px solid #fff;border-radius:8px;}
.home .tgx-node-voice .tgx-node-icon:after{left:5px;top:13px;width:17px;height:10px;border:3px solid #fff;border-top:0;border-radius:0 0 12px 12px;}
.home .tgx-node-ops .tgx-node-icon:before{left:4px;top:4px;width:20px;height:20px;border:4px dotted #fff;border-radius:50%;}
.home .tgx-node-ops .tgx-node-icon:after{left:11px;top:11px;width:6px;height:6px;background:#fff;border-radius:50%;}
.home .p1{top:14px;left:50%;transform:translateX(-50%);}
.home .p2{right:0;top:128px;}
.home .p5{left:0;top:128px;}
.home .p3{right:20px;bottom:32px;}
.home .p4{left:20px;bottom:32px;}
.home .p6{left:50%;bottom:0;transform:translateX(-50%);}
.home .tgx-product-footer{padding-top:5px;font-size:10px;letter-spacing:.14em;}

@media (max-width:1400px) and (min-width:1151px){
  .home .tgx-hero{height:clamp(560px,36vw,610px);}
  .home .tgx-hero-grid{
    width:min(calc(100% - 52px),1320px);
    grid-template-columns:minmax(0,1fr) minmax(470px,520px);
    gap:30px;
  }
  .home .tgx-hero .tg-final-title{font-size:clamp(50px,4.1vw,58px)!important;max-width:650px!important;}
  .home .tgx-hero-copy>p{font-size:16px!important;max-width:620px!important;}
  .home .tgx-hero-product{width:min(100%,520px);height:500px;min-height:500px;padding-inline:20px;}
  .home .tgx-product-body{height:390px;}
  .home .tgx-ring.r1{width:370px;height:370px;}
  .home .tgx-ring.r2{width:282px;height:282px;}
  .home .tgx-ring.r3{width:205px;height:205px;}
}

@media (max-width:1150px){
  .home .tgx-hero{height:auto;min-height:auto;}
  .home .tgx-hero-photo{object-position:50% 24%;}
  .home .tgx-hero-grid{
    width:min(calc(100% - 48px),900px);
    height:auto;
    grid-template-columns:1fr;
    gap:42px;
    padding:60px 0 64px;
  }
  .home .tgx-hero .tg-final-title{font-size:clamp(48px,7vw,64px)!important;max-width:760px!important;}
  .home .tgx-hero-visuals{height:auto;justify-content:center;}
  .home .tgx-hero-product{width:min(100%,680px);height:520px;min-height:520px;}
}

@media (max-width:760px){
  .home .tgx-shell.tgx-nav{width:min(calc(100% - 28px),680px);height:72px;}
  .home .tgx-logo{width:48px;height:48px;}
  .home .tgx-hero-photo{object-position:54% 18%;}
  .home .tgx-hero-grid{width:min(calc(100% - 30px),680px);padding:52px 0 58px;gap:34px;}
  .home .tgx-hero .tg-final-title{font-size:clamp(42px,11vw,56px)!important;}
  .home .tgx-hero-copy>p{font-size:16px!important;}
  .home .tgx-buttons{flex-wrap:wrap;}
  .home .tgx-btn-primary,.home .tgx-btn-light{width:100%;}
  .home .tgx-hero-product{height:500px;min-height:500px;padding:18px 12px 16px;}
  .home .tgx-product-body{height:386px;}
  .home .tgx-product-node{min-width:102px;min-height:58px;font-size:12px;padding:8px;}
  .home .tgx-node-icon{display:none;}
  .home .tgx-ring.r1{width:330px;height:330px;}
  .home .tgx-ring.r2{width:250px;height:250px;}
  .home .tgx-ring.r3{width:182px;height:182px;}
  .home .tgx-product-core{width:142px;height:142px;border-radius:30px;}
}

/* TNG_HOME_HERO_REFERENCE_FINISH_20261005_R3 */
/* Brand is painted into the wall/photo plane, not rendered as a floating card. */
.home .tgx-hero-wall-brand{
  position:absolute;
  z-index:1;
  left:46.5%;
  top:5.4%;
  width:320px;
  height:112px;
  transform:translateX(-50%) perspective(900px) rotateX(1deg) rotateZ(-.35deg);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  opacity:.58;
  mix-blend-mode:screen;
  filter:blur(.15px) saturate(.78);
  pointer-events:none;
}
.home .tgx-hero-wall-brand strong{
  display:block;
  margin:0;
  color:#dbe9f2;
  font-size:55px;
  font-weight:900;
  line-height:.86;
  letter-spacing:-.065em;
  text-shadow:0 1px 1px rgba(255,255,255,.16),0 2px 9px rgba(0,17,34,.32);
}
.home .tgx-hero-wall-brand span{
  display:block;
  margin-top:12px;
  color:#d7e6ef;
  font-size:11px;
  font-weight:800;
  letter-spacing:.16em;
  line-height:1;
  text-shadow:0 1px 1px rgba(255,255,255,.14),0 2px 7px rgba(0,17,34,.28);
}
.home .tgx-hero:before{
  background:
    linear-gradient(90deg,rgba(2,20,38,.91) 0%,rgba(3,30,53,.72) 33%,rgba(3,39,66,.24) 57%,rgba(3,32,57,.06) 100%),
    linear-gradient(rgba(31,197,242,.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,197,242,.06) 1px,transparent 1px)!important;
  background-size:100% 100%,72px 72px,72px 72px!important;
}
.home .tgx-hero-product{
  background:
    radial-gradient(circle at 72% 18%,rgba(84,211,255,.32),transparent 35%),
    linear-gradient(145deg,rgba(10,80,126,.79),rgba(5,48,86,.63))!important;
  border-color:rgba(116,227,255,.95)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.07),
    inset 0 0 82px rgba(32,184,241,.12),
    0 22px 56px rgba(0,0,0,.24),
    0 0 40px rgba(22,204,246,.24)!important;
}
.home .tgx-product-core{
  border-color:#20e2f6!important;
  box-shadow:0 0 40px rgba(24,213,239,.72),0 0 88px rgba(20,183,238,.24)!important;
}
.home .tgx-ring{
  border-color:rgba(66,220,252,.62)!important;
  box-shadow:0 0 26px rgba(32,211,244,.13)!important;
}
.home .tgx-product-node{
  background:linear-gradient(145deg,rgba(20,104,158,.95),rgba(12,69,116,.86))!important;
  border-color:rgba(128,235,255,.98)!important;
  box-shadow:0 0 24px rgba(31,203,244,.29),inset 0 0 22px rgba(43,190,234,.11)!important;
}
.home .tgx-product-bar strong{color:#27e8be!important;text-shadow:0 0 18px rgba(39,232,190,.40)!important}
.home .tgx-product-footer{color:rgba(255,255,255,.98)!important}
@media(max-width:1400px){
  .home .tgx-hero-wall-brand{left:45.5%;top:5.9%;width:270px;height:98px}
  .home .tgx-hero-wall-brand strong{font-size:46px}
  .home .tgx-hero-wall-brand span{font-size:9.5px}
}
@media(max-width:1150px){.home .tgx-hero-wall-brand{display:none}}

/* TNG_HOME_CANONICAL_DOM_HERO_20261006
 * Single source of truth for HOME hero.
 * Clean office photo only. All branding, copy, panel and tiles are DOM/CSS.
 * PL/EN changes text only; geometry is identical.
 */
body.home .tgx-hero-canonical{position:relative!important;isolation:isolate!important;overflow:hidden!important;background:#061d33!important}
body.home .tgx-hero-canonical:before,body.home .tgx-hero-canonical:after{content:none!important;display:none!important}
body.home .tgx-hero-canonical>.tgx-hero-photo{position:absolute!important;inset:0!important;z-index:0!important;display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 48%!important;opacity:1!important;filter:none!important;transform:none!important}
body.home .tgx-hero-canonical>.tgx-hero-shade{position:absolute!important;inset:0!important;z-index:1!important;display:block!important;pointer-events:none!important;background:linear-gradient(90deg,rgba(2,15,28,.96) 0%,rgba(2,16,30,.89) 24%,rgba(2,17,31,.72) 36%,rgba(2,18,33,.42) 48%,rgba(2,18,33,.16) 58%,rgba(2,18,33,0) 69%)!important}
body.home .tgx-hero-hotspots,.home .tng-approved-hotspots{display:none!important}
body.home .tgx-hero-wall-sign{display:none!important}

@media (min-width:1151px){
  body.home .tgx-hero-canonical,body.home.tgx-home-lang-pl .tgx-hero-canonical,body.home.tgx-home-lang-en .tgx-hero-canonical{width:100%!important;height:min(46.6860465vw,803px)!important;min-height:650px!important;max-height:803px!important}
  body.home .tgx-hero-canonical>.tgx-shell.tgx-hero-layout,body.home.tgx-home-lang-pl .tgx-hero-canonical>.tgx-shell.tgx-hero-layout,body.home.tgx-home-lang-en .tgx-hero-canonical>.tgx-shell.tgx-hero-layout{position:absolute!important;inset:0!important;z-index:4!important;width:100%!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0!important;display:block!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}

  body.home .tgx-hero-wall-sign{position:absolute!important;z-index:2!important;left:44.2%!important;top:5.4%!important;width:20.8%!important;height:22.0%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#eaf5fb!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:.92!important;pointer-events:none!important}
  body.home .tgx-hero-wall-sign strong{display:flex!important;align-items:center!important;justify-content:center!important;font-size:clamp(42px,3.85vw,66px)!important;line-height:.85!important;font-weight:950!important;letter-spacing:-.06em!important;text-shadow:0 2px 12px rgba(0,0,0,.32)!important}
  body.home .tgx-hero-wall-sign strong span{display:block!important}
  body.home .tgx-hero-wall-sign strong em{display:block!important;margin:0 .02em!important;color:#13bceb!important;font-style:normal!important}
  body.home .tgx-hero-wall-sign small{display:block!important;margin-top:13px!important;font-size:clamp(9px,.78vw,13px)!important;font-weight:850!important;letter-spacing:.10em!important;line-height:1!important;text-shadow:0 2px 8px rgba(0,0,0,.28)!important}

  body.home .tgx-hero-copy,body.home.tgx-home-lang-pl .tgx-hero-copy,body.home.tgx-home-lang-en .tgx-hero-copy{position:absolute!important;left:4.36%!important;top:31.9%!important;width:48.5%!important;max-width:780px!important;padding:0!important;z-index:5!important}
  body.home .tgx-hero-canonical .tgx-eyebrow{display:flex!important;align-items:center!important;gap:.45em!important;margin:0 0 22px!important;color:#1ce0ef!important;font-size:clamp(14px,.95vw,17px)!important;font-weight:850!important;letter-spacing:.16em!important;line-height:1.2!important;white-space:nowrap!important}
  body.home .tgx-hero-canonical .tgx-eyebrow:after{content:none!important;display:none!important}
  body.home .tgx-hero-canonical .tgx-eyebrow-accent{color:#20e2a6!important;-webkit-text-fill-color:#20e2a6!important;font:inherit!important;font-weight:850!important;letter-spacing:inherit!important}
  body.home .tgx-hero-canonical .tg-final-title{margin:0 0 20px!important;max-width:780px!important;color:#fff!important;font-size:clamp(56px,4.18vw,72px)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.055em!important;text-wrap:balance!important;text-shadow:0 4px 26px rgba(0,0,0,.34)!important}
  body.home .tgx-hero-canonical .tg-final-title-dark{display:block!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  body.home .tgx-hero-canonical .tg-final-title-cyan{color:#16dbe8!important;-webkit-text-fill-color:#16dbe8!important;white-space:nowrap!important}
  body.home .tgx-hero-canonical .tgx-hero-lead{margin:0!important;width:min(100%,650px)!important;color:#f2f7fa!important;font-size:clamp(16px,1.06vw,19px)!important;line-height:1.48!important;text-shadow:0 2px 14px rgba(0,0,0,.42)!important}
  body.home .tgx-hero-canonical .tgx-buttons{display:flex!important;flex-wrap:nowrap!important;gap:18px!important;margin-top:24px!important}
  body.home .tgx-hero-canonical .tgx-btn{min-height:62px!important;padding:0 30px!important;border-radius:12px!important;font-size:16px!important;font-weight:850!important}
  body.home .tgx-hero-canonical .tgx-proofline{display:flex!important;flex-wrap:nowrap!important;gap:26px!important;margin-top:22px!important;color:#e7f0f4!important;font-size:14px!important}

  body.home .tgx-operating-layer,body.home.tgx-home-lang-pl .tgx-operating-layer,body.home.tgx-home-lang-en .tgx-operating-layer{display:block!important;position:absolute!important;z-index:6!important;right:3.66%!important;top:18.05%!important;width:33.55%!important;height:70.74%!important;padding:22px 24px 18px!important;border:1px solid rgba(67,222,244,.70)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(45,107,145,.62),rgba(8,49,80,.66))!important;box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 0 54px rgba(48,207,239,.07)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;color:#fff!important;overflow:hidden!important}
  body.home .tgx-layer-head{position:relative!important;z-index:7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;font-size:12px!important;letter-spacing:.035em!important;color:#f1f7fa!important}
  body.home .tgx-layer-head strong{font-weight:800!important} body.home .tgx-layer-head span{color:#20e2a6!important;font-weight:850!important;white-space:nowrap!important}
  body.home .tgx-layer-head i{display:inline-block!important;width:7px!important;height:7px!important;margin-right:7px!important;border-radius:50%!important;background:#20e2a6!important;box-shadow:0 0 12px rgba(32,226,166,.85)!important}
  body.home .tgx-layer-map{position:relative!important;height:calc(100% - 72px)!important;min-height:0!important;margin-top:8px!important}
  body.home .tgx-layer-ring{position:absolute!important;left:50%!important;top:47%!important;translate:-50% -50%!important;border:1px solid rgba(18,211,239,.34)!important;border-radius:50%!important;pointer-events:none!important}
  body.home .tgx-layer-ring-a{width:43%!important;aspect-ratio:1!important} body.home .tgx-layer-ring-b{width:62%!important;aspect-ratio:1!important} body.home .tgx-layer-ring-c{width:80%!important;aspect-ratio:1!important}
  body.home .tgx-layer-node{position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#15dff1!important;box-shadow:0 0 10px #15dff1!important;z-index:2!important}
  body.home .tgx-layer-node.n1{left:25%!important;top:26%!important} body.home .tgx-layer-node.n2{right:24%!important;top:30%!important} body.home .tgx-layer-node.n3{left:22%!important;bottom:26%!important} body.home .tgx-layer-node.n4{right:20%!important;bottom:24%!important}
  body.home .tgx-layer-tile{position:absolute!important;z-index:5!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;width:29%!important;padding:11px 13px!important;border:1px solid rgba(54,219,245,.68)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(17,91,139,.93),rgba(8,62,106,.90))!important;box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 0 20px rgba(40,207,240,.06)!important;color:#fff!important;text-decoration:none!important}
  body.home .tgx-layer-tile:hover{transform:translateY(-2px)!important;border-color:#39e3f4!important}
  body.home .tgx-layer-tile:focus-visible{outline:3px solid #56eff8!important;outline-offset:4px!important}
  body.home .tgx-layer-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important;border:0!important;font-size:14px!important;font-weight:900!important;color:#ecfbff!important}
  body.home .tgx-layer-icon svg{width:30px!important;height:30px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home .tgx-layer-tile strong{display:block!important;font-size:15px!important;line-height:1.05!important;font-weight:900!important} body.home .tgx-layer-tile small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.1!important;color:#d7edf6!important}
  body.home .tgx-layer-ai{left:35.5%!important;top:3%!important} body.home .tgx-layer-api{left:0!important;top:27%!important} body.home .tgx-layer-saas{right:0!important;top:28%!important} body.home .tgx-layer-crm{left:1.5%!important;bottom:19%!important} body.home .tgx-layer-voice{right:1%!important;bottom:19%!important} body.home .tgx-layer-ops{left:35.5%!important;bottom:7%!important}
  body.home .tgx-layer-core{position:absolute!important;z-index:6!important;left:50%!important;top:47%!important;translate:-50% -50%!important;display:grid!important;place-items:center!important;width:29%!important;aspect-ratio:1!important;border-radius:28px!important;border:3px solid #12dcef!important;background:linear-gradient(145deg,#0e5bad,#062c70)!important;box-shadow:0 0 0 11px rgba(14,211,237,.14),0 0 35px rgba(16,221,241,.52),inset 0 0 28px rgba(63,177,255,.14)!important;color:#fff!important;text-decoration:none!important}
  body.home .tgx-layer-core img{display:block!important;width:78%!important;height:78%!important;object-fit:cover!important;border-radius:24%!important}
  body.home .tgx-layer-foot{position:absolute!important;left:24px!important;right:24px!important;bottom:12px!important;z-index:7!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;color:#f0f7fa!important;font-size:9px!important;font-weight:800!important;letter-spacing:.11em!important;white-space:nowrap!important}
  body.home .tgx-layer-foot i{width:5px!important;height:5px!important;border-radius:50%!important;background:#15dff1!important;box-shadow:0 0 8px #15dff1!important}
}

@media (max-width:1300px) and (min-width:1151px){
  body.home .tgx-hero-canonical .tg-final-title{font-size:clamp(50px,4.05vw,60px)!important}
  body.home .tgx-operating-layer{width:35.5%!important;right:2.7%!important}
  body.home .tgx-layer-tile{padding:10px 11px!important;gap:8px!important}
  body.home .tgx-layer-icon{width:30px!important;height:30px!important;flex-basis:30px!important}
  body.home .tgx-layer-tile strong{font-size:13px!important} body.home .tgx-layer-tile small{font-size:10px!important}
}

@media (max-width:1150px){
  body.home .tgx-hero-canonical{min-height:760px!important;background:#061d33!important}
  body.home .tgx-hero-canonical>.tgx-hero-photo{display:block!important;object-position:58% center!important}
  body.home .tgx-hero-canonical>.tgx-hero-shade{display:block!important;background:linear-gradient(90deg,rgba(2,18,33,.97) 0%,rgba(2,18,33,.89) 58%,rgba(2,18,33,.28) 100%)!important}
  body.home .tgx-hero-canonical>.tgx-shell.tgx-hero-layout{position:relative!important;z-index:3!important;width:100%!important;min-height:inherit!important;padding:74px 34px 48px!important;display:flex!important;align-items:flex-start!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.home .tgx-hero-copy{width:min(66%,700px)!important}
  body.home .tgx-operating-layer,body.home .tgx-hero-wall-sign{display:none!important}
}
@media (max-width:760px){
  body.home .tgx-hero-canonical{min-height:720px!important}
  body.home .tgx-hero-canonical>.tgx-hero-photo{object-position:43% center!important}
  body.home .tgx-hero-canonical>.tgx-hero-shade{background:linear-gradient(180deg,rgba(2,18,33,.76) 0%,rgba(2,18,33,.91) 48%,rgba(2,18,33,.97) 100%)!important}
  body.home .tgx-hero-canonical>.tgx-shell.tgx-hero-layout{padding:58px 22px 42px!important;align-items:flex-end!important}
  body.home .tgx-hero-copy{width:100%!important;max-width:100%!important}
  body.home .tgx-hero-canonical .tg-final-title{font-size:clamp(44px,13vw,64px)!important}
  body.home .tgx-hero-canonical .tgx-eyebrow:after{display:none!important}
  body.home .tgx-hero-canonical .tgx-btn{width:100%!important}
}


/* TNG_COMMERCIAL_ARCHITECTURE_20261006 */
.tgx-business-architecture,.tgx-industry-architecture,.tgx-engagement-architecture{padding:clamp(72px,8vw,132px) 0}.tgx-business-architecture{background:#f4f8fb}.tgx-ba-head,.tgx-ea-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(32px,7vw,110px);align-items:end;margin-bottom:48px}.tgx-ba-head h2,.tgx-ia-head h2,.tgx-ea-head h2{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-.045em;margin:14px 0 0}.tgx-ba-head h2 em,.tgx-ia-head h2 em,.tgx-ea-head h2 em{font-style:normal;color:#08a9d6}.tgx-ba-head>p,.tgx-ea-head>p,.tgx-ia-head>p{font-size:clamp(17px,1.45vw,21px);line-height:1.65;color:#4a5b69;max-width:720px}.tgx-ba-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #cad7df;border-left:1px solid #cad7df}.tgx-ba-grid>a{display:block;min-height:260px;padding:30px;text-decoration:none;color:#071d31;background:#fff;border-right:1px solid #cad7df;border-bottom:1px solid #cad7df;transition:transform .2s ease,box-shadow .2s ease}.tgx-ba-grid>a:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(5,31,51,.08);position:relative;z-index:1}.tgx-ba-grid span{font:700 12px/1.2 monospace;color:#0b9fc9}.tgx-ba-grid h3{font-size:26px;line-height:1.08;margin:34px 0 14px}.tgx-ba-grid p,.tgx-ia-grid p,.tgx-ea-grid p{color:#536573;line-height:1.6;margin:0}.tgx-industry-architecture{background:#061d33;color:#fff}.tgx-ia-head{max-width:980px;margin-bottom:46px}.tgx-ia-head>p{color:#adc0ce;margin-top:24px}.tgx-ia-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#244057;border:1px solid #244057}.tgx-ia-grid article{padding:32px;min-height:260px;background:#09253d}.tgx-ia-grid b{font:700 12px/1.2 monospace;letter-spacing:.08em;color:#42d3f4}.tgx-ia-grid h3{font-size:27px;line-height:1.08;margin:42px 0 13px}.tgx-ia-grid p{color:#b9c9d4}.tgx-ia-more{display:inline-flex;margin-top:32px;color:#fff;font-weight:800;text-decoration:none}.tgx-engagement-architecture{background:#fff}.tgx-ea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.tgx-ea-grid article{padding:34px;border:1px solid #d4e0e7;background:#f8fbfd;min-height:300px}.tgx-ea-grid article>span{font:700 12px/1.2 monospace;color:#078caf}.tgx-ea-grid h3{font-size:29px;margin:44px 0 14px}.tgx-ea-grid strong{display:block;margin-top:34px;font:800 12px/1.2 monospace;letter-spacing:.06em;color:#0a7d9f}.tgx-ea-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d4e0e7;margin-top:28px;border:1px solid #d4e0e7}.tgx-ea-proof>div{background:#fff;padding:24px}.tgx-ea-proof b{display:block;font-size:13px;letter-spacing:.06em;margin-bottom:8px}.tgx-ea-proof span{display:block;color:#5b6c78;line-height:1.5}.tgx-ea-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}@media(max-width:900px){.tgx-ba-head,.tgx-ea-head{grid-template-columns:1fr}.tgx-ba-grid,.tgx-ia-grid,.tgx-ea-grid,.tgx-ea-proof{grid-template-columns:1fr}.tgx-ba-grid>a,.tgx-ia-grid article,.tgx-ea-grid article{min-height:auto}.tgx-ba-grid h3,.tgx-ia-grid h3,.tgx-ea-grid h3{margin-top:24px}}


/* TNG_COMPETITIVE_EDGE_20261006 */
.tgx-edge{margin-top:68px;padding:clamp(34px,5vw,66px);background:#061d33;color:#fff;border-radius:24px;overflow:hidden;position:relative}.tgx-edge:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 86% 10%,rgba(20,218,240,.16),transparent 30%);pointer-events:none}.tgx-edge-head{position:relative;max-width:920px}.tgx-edge-head h3{font-size:clamp(36px,4.4vw,64px);line-height:.98;letter-spacing:-.045em;margin:14px 0 0}.tgx-edge-head h3 em{font-style:normal;color:#28d9e8}.tgx-edge-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;margin-top:42px;background:#244057;border:1px solid #244057}.tgx-edge-grid article{background:#09253d;padding:30px;min-height:265px}.tgx-edge-grid span{font:800 12px/1.2 monospace;color:#35dff0}.tgx-edge-grid h4{font-size:25px;line-height:1.08;margin:40px 0 14px}.tgx-edge-grid p{margin:0;color:#b9c9d4;line-height:1.58}.tgx-edge-grid article:hover{background:#0b2d49}@media(max-width:900px){.tgx-edge{border-radius:18px}.tgx-edge-grid{grid-template-columns:1fr}.tgx-edge-grid article{min-height:auto}.tgx-edge-grid h4{margin-top:22px}}

/* TNG_HOME_COMMERCIAL_FLOW_20261006 */
.tgx-edge-standalone{padding:clamp(72px,8vw,128px) 0;background:#fff}.tgx-edge-standalone .tgx-edge{margin-top:0}.tgx-edge-standalone+.tgx-business-architecture{padding-top:clamp(72px,7vw,112px)}

/* TNG_REFERENCE_HERO_20261007: clean photograph, live DOM, shared language geometry. */
  body.home .tgx-operating-layer,body.home.tgx-home-lang-pl .tgx-operating-layer,body.home.tgx-home-lang-en .tgx-operating-layer{display:block!important;position:absolute!important;z-index:6!important;right:3.66%!important;top:18.05%!important;width:33.55%!important;height:70.74%!important;padding:22px 24px 18px!important;border:1px solid rgba(67,222,244,.70)!important;border-radius:22px!important;background:linear-gradient(145deg,rgba(45,107,145,.62),rgba(8,49,80,.66))!important;box-shadow:0 24px 60px rgba(0,0,0,.24),inset 0 0 54px rgba(48,207,239,.07)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important;color:#fff!important;overflow:hidden!important}
  body.home .tgx-layer-head{position:relative!important;z-index:7!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important;font-size:12px!important;letter-spacing:.035em!important;color:#f1f7fa!important}
  body.home .tgx-layer-head strong{font-weight:800!important} body.home .tgx-layer-head span{color:#20e2a6!important;font-weight:850!important;white-space:nowrap!important}
  body.home .tgx-layer-head i{display:inline-block!important;width:7px!important;height:7px!important;margin-right:7px!important;border-radius:50%!important;background:#20e2a6!important;box-shadow:0 0 12px rgba(32,226,166,.85)!important}
  body.home .tgx-layer-map{position:relative!important;height:calc(100% - 72px)!important;min-height:0!important;margin-top:8px!important}
  body.home .tgx-layer-ring{position:absolute!important;left:50%!important;top:47%!important;translate:-50% -50%!important;border:1px solid rgba(18,211,239,.34)!important;border-radius:50%!important;pointer-events:none!important}
  body.home .tgx-layer-ring-a{width:43%!important;aspect-ratio:1!important} body.home .tgx-layer-ring-b{width:62%!important;aspect-ratio:1!important} body.home .tgx-layer-ring-c{width:80%!important;aspect-ratio:1!important}
  body.home .tgx-layer-node{position:absolute!important;width:6px!important;height:6px!important;border-radius:50%!important;background:#15dff1!important;box-shadow:0 0 10px #15dff1!important;z-index:2!important}
  body.home .tgx-layer-node.n1{left:25%!important;top:26%!important} body.home .tgx-layer-node.n2{right:24%!important;top:30%!important} body.home .tgx-layer-node.n3{left:22%!important;bottom:26%!important} body.home .tgx-layer-node.n4{right:20%!important;bottom:24%!important}
  body.home .tgx-layer-tile{position:absolute!important;z-index:5!important;display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;width:29%!important;padding:11px 13px!important;border:1px solid rgba(54,219,245,.68)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(17,91,139,.93),rgba(8,62,106,.90))!important;box-shadow:0 10px 24px rgba(0,0,0,.20),inset 0 0 20px rgba(40,207,240,.06)!important;color:#fff!important;text-decoration:none!important}
  body.home .tgx-layer-tile:hover{transform:translateY(-2px)!important;border-color:#39e3f4!important}
  body.home .tgx-layer-tile:focus-visible{outline:3px solid #56eff8!important;outline-offset:4px!important}
  body.home .tgx-layer-icon{display:grid!important;place-items:center!important;width:34px!important;height:34px!important;flex:0 0 34px!important;border-radius:9px!important;border:0!important;font-size:14px!important;font-weight:900!important;color:#ecfbff!important}
  body.home .tgx-layer-icon svg{width:30px!important;height:30px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.9!important;stroke-linecap:round!important;stroke-linejoin:round!important}
  body.home .tgx-layer-tile strong{display:block!important;font-size:15px!important;line-height:1.05!important;font-weight:900!important} body.home .tgx-layer-tile small{display:block!important;margin-top:3px!important;font-size:11px!important;line-height:1.1!important;color:#d7edf6!important}
  body.home .tgx-layer-ai{left:35.5%!important;top:3%!important} body.home .tgx-layer-api{left:0!important;top:27%!important} body.home .tgx-layer-saas{right:0!important;top:28%!important} body.home .tgx-layer-crm{left:1.5%!important;bottom:19%!important} body.home .tgx-layer-voice{right:1%!important;bottom:19%!important} body.home .tgx-layer-ops{left:35.5%!important;bottom:7%!important}
  body.home .tgx-layer-core{position:absolute!important;z-index:6!important;left:50%!important;top:47%!important;translate:-50% -50%!important;display:grid!important;place-items:center!important;width:29%!important;aspect-ratio:1!important;border-radius:28px!important;border:3px solid #12dcef!important;background:linear-gradient(145deg,#0e5bad,#062c70)!important;box-shadow:0 0 0 11px rgba(14,211,237,.14),0 0 35px rgba(16,221,241,.52),inset 0 0 28px rgba(63,177,255,.14)!important;color:#fff!important;text-decoration:none!important}
  body.home .tgx-layer-core img{display:block!important;width:78%!important;height:78%!important;object-fit:cover!important;border-radius:24%!important}
  body.home .tgx-layer-foot{position:absolute!important;left:24px!important;right:24px!important;bottom:12px!important;z-index:7!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:11px!important;color:#f0f7fa!important;font-size:9px!important;font-weight:800!important;letter-spacing:.11em!important;white-space:nowrap!important}
  body.home .tgx-layer-foot i{width:5px!important;height:5px!important;border-radius:50%!important;background:#15dff1!important;box-shadow:0 0 8px #15dff1!important}
body.home main.tgx .tgx-hero-canonical {height:min(46.686vw,803px)!important;min-height:0!important;max-height:none!important;display:block!important}
body.home main.tgx .tgx-hero-canonical>.tgx-hero-photo {visibility:visible!important;object-fit:cover!important;object-position:center 50%!important;opacity:1!important;display:block!important;filter:none!important}
body.home main.tgx .tgx-hero-canonical>.tgx-hero-shade {visibility:visible!important;background:linear-gradient(90deg,rgba(2,15,28,.55),rgba(2,16,30,.3) 35%,transparent 62%)!important}
body.home main.tgx .tgx-hero-wall-sign {visibility:visible!important;left:44%!important;top:6%!important;width:20%!important;height:20%!important;opacity:1!important}
body.home main.tgx .tgx-hero-copy {opacity:1!important;visibility:visible!important;width:54%!important;max-width:930px!important}
body.home main.tgx .tgx-hero-canonical .tg-final-title {font-size:clamp(46px,4.18vw,72px)!important;font-weight:900!important;line-height:.92!important;letter-spacing:-.045em!important;text-wrap:nowrap!important;max-width:none!important}
body.home main.tgx .tgx-hero-canonical .tgx-eyebrow {font-size:clamp(11px,.98vw,17px)!important;margin-bottom:clamp(16px,1.3vw,22px)!important;color:#16e3ef!important}
body.home main.tgx .tgx-hero-canonical .tgx-eyebrow-accent {color:inherit!important;-webkit-text-fill-color:currentColor!important}
body.home main.tgx .tgx-hero-canonical .tgx-hero-lead {max-width:38vw!important;font-size:clamp(14px,1.17vw,20px)!important;line-height:1.5!important}
body.home main.tgx .tgx-hero-canonical .tgx-buttons {gap:clamp(14px,1.16vw,20px)!important;margin-top:clamp(16px,1.25vw,24px)!important}
body.home main.tgx .tgx-hero-canonical .tgx-btn {min-height:clamp(46px,3.7vw,64px)!important;padding:0 clamp(20px,2.5vw,43px)!important;font-size:clamp(13px,1.06vw,18px)!important}
body.home main.tgx .tgx-hero-canonical .tgx-proofline {margin-top:clamp(16px,1.3vw,22px)!important;gap:clamp(16px,1.4vw,24px)!important;font-size:clamp(12px,1.05vw,18px)!important}
body.home main.tgx .tgx-operating-layer {opacity:1!important;visibility:visible!important;display:block!important;right:3.66%!important;top:18.05%!important;width:33.55%!important;height:70.74%!important;border-radius:22px!important;padding:clamp(16px,1.4vw,24px)!important;background:linear-gradient(145deg,rgba(47,105,140,.52),rgba(9,48,76,.6))!important;backdrop-filter:blur(8px)!important}
body.home main.tgx .tgx-layer-head {font-size:clamp(10px,.87vw,15px)!important;gap:10px!important}
body.home main.tgx .tgx-layer-map {height:calc(100% - 60px)!important;margin-top:12px!important}
body.home main.tgx .tgx-layer-ring-a {width:43%!important}
body.home main.tgx .tgx-layer-ring-b {width:64%!important}
body.home main.tgx .tgx-layer-ring-c {width:86%!important}
body.home main.tgx .tgx-layer-core {width:29%!important;border-radius:25%!important}
body.home main.tgx .tgx-layer-core img {width:88%!important;height:88%!important}
body.home main.tgx .tgx-layer-tile {width:29%!important;gap:clamp(7px,.7vw,12px)!important;padding:clamp(8px,.7vw,12px)!important;min-height:clamp(48px,3.9vw,68px)!important}
body.home main.tgx .tgx-layer-tile strong {font-size:clamp(13px,1vw,17px)!important}
body.home main.tgx .tgx-layer-tile small {font-size:clamp(10px,.7vw,12px)!important}
body.home main.tgx .tgx-layer-icon {width:clamp(24px,2vw,34px)!important;height:clamp(24px,2vw,34px)!important;flex-basis:clamp(24px,2vw,34px)!important}
body.home main.tgx .tgx-layer-icon svg {width:100%!important;height:100%!important}
body.home main.tgx .tgx-layer-foot {font-size:clamp(7px,.66vw,11px)!important;letter-spacing:.08em!important;gap:clamp(7px,.8vw,13px)!important;left:16px!important;right:16px!important;bottom:18px!important}
@media(max-width:1150px){
 body.home main.tgx .tgx-hero-canonical {height:auto!important;min-height:0!important;padding:60px 28px 40px!important}
 body.home main.tgx .tgx-hero-canonical>.tgx-hero-photo {object-position:center!important}
 body.home main.tgx .tgx-hero-canonical>.tgx-hero-shade {background:linear-gradient(90deg,rgba(2,15,28,.83),rgba(2,16,30,.52))!important}
 body.home main.tgx .tgx-hero-canonical>.tgx-shell.tgx-hero-layout {position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1.15fr 1fr!important;gap:28px!important;padding:0!important;align-items:center!important;min-height:0!important}
 body.home main.tgx .tgx-hero-copy {position:relative!important;inset:auto!important;width:100%!important;padding:0!important}
 body.home main.tgx .tgx-hero-canonical .tg-final-title {font-size:clamp(32px,4.1vw,46px)!important;text-wrap:wrap!important;line-height:1!important}
 body.home main.tgx .tgx-hero-canonical .tgx-hero-lead {max-width:100%!important;font-size:16px!important}
 body.home main.tgx .tgx-hero-canonical .tgx-buttons {flex-wrap:wrap!important}
 body.home main.tgx .tgx-operating-layer {position:relative!important;inset:auto!important;width:100%!important;height:420px!important;padding:18px!important}
 body.home main.tgx .tgx-layer-tile {padding:8px!important;gap:6px!important}
 body.home main.tgx .tgx-layer-head {font-size:10px!important}
 body.home main.tgx .tgx-layer-icon {width:23px!important;height:23px!important;flex-basis:23px!important}
 body.home main.tgx .tgx-layer-foot {font-size:7px!important;gap:7px!important}
 body.home main.tgx .tgx-hero-wall-sign {display:none!important}
}
@media(max-width:760px){
 body.home main.tgx .tgx-hero-canonical {padding:44px 20px 32px!important}
 body.home main.tgx .tgx-hero-canonical>.tgx-shell.tgx-hero-layout {grid-template-columns:1fr!important;gap:32px!important}
 body.home main.tgx .tgx-hero-canonical .tg-final-title {font-size:clamp(31px,7.7vw,54px)!important;letter-spacing:-.04em!important}
 body.home main.tgx .tgx-hero-canonical .tgx-eyebrow {font-size:10px!important;white-space:normal!important}
 body.home main.tgx .tgx-hero-canonical .tgx-btn {width:100%!important}
 body.home main.tgx .tgx-hero-canonical .tgx-proofline {flex-wrap:wrap!important;font-size:11px!important;gap:14px!important}
 body.home main.tgx .tgx-operating-layer {height:380px!important;max-width:480px!important;margin:auto!important}
 body.home main.tgx .tgx-layer-tile {width:30%!important}
 body.home main.tgx .tgx-layer-tile strong {font-size:13px!important}
 body.home main.tgx .tgx-layer-tile small {font-size:9px!important}
}
@media(prefers-reduced-motion:reduce){body.home .tgx-marquee-track{animation:none!important}}
/* TNG_REFERENCE_PHOTO_FINISH_20261007 */
body.home main.tgx .tgx-hero-canonical>.tgx-hero-shade{background:linear-gradient(90deg,rgba(2,15,28,.26),rgba(2,16,30,.1) 35%,transparent 62%)!important}
body.home main.tgx .tgx-layer-core{overflow:hidden!important}
body.home main.tgx .tgx-layer-core img{position:absolute!important;inset:6px!important;width:calc(100% - 12px)!important;height:calc(100% - 12px)!important;max-width:none!important;max-height:none!important;object-fit:contain!important}
body.home .tgx-header .tgx-menu>a{white-space:nowrap!important}
@media(max-width:1150px){body.home main.tgx .tgx-hero-canonical>.tgx-hero-shade{background:linear-gradient(90deg,rgba(2,15,28,.83),rgba(2,16,30,.52))!important}}

/* Home service catalogue and concise delivery process. */
body.home .tgx-home-services .tg-cap-x-head h2{font-size:clamp(36px,4vw,52px);line-height:1.08}
body.home .tgx-home-services .tg-cap-x-card{min-height:0;padding:28px;display:flex;flex-direction:column}
body.home .tgx-home-services .tg-cap-x-index{margin-bottom:20px}
body.home .tgx-home-services .tg-cap-x-card h3{font-size:clamp(25px,2.5vw,32px);line-height:1.15}
body.home .tgx-home-services .tg-cap-x-card p{flex:1}
body.home .tgx-home-services .tgx-service-link{position:relative;z-index:1;display:inline-block;align-self:flex-start;padding:12px 0;margin-top:16px;color:#69dff6;font-size:14px;font-weight:700;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
body.home .tgx-home-services .tgx-buttons{margin-top:32px}
body.home .tgx-home-services .tgx-service-link:focus-visible{outline:2px solid #69dff6;outline-offset:4px}
body.home .tgx-home-process .tgx-ea-grid{grid-template-columns:1fr}
body.home .tgx-home-process .tgx-ea-grid article{min-height:0;padding:28px}
body.home .tgx-home-process .tgx-ea-grid h3{margin:20px 0 14px}
body.home .tg-proof-wow>.tgx-shell>.tg-proof-all{display:inline-block;padding:14px 0;margin-top:24px}
@media(min-width:700px){body.home .tgx-home-services .tg-cap-x-grid,body.home .tgx-home-process .tgx-ea-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){body.home .tgx-home-services .tg-cap-x-card{transition:none}body.home .tgx-home-services .tg-cap-x-card:hover{transform:none}}

/* Technology navigation stays in the desktop header; compact layout fits narrow desktops. */
@media(min-width:981px){
 body .tgx-menu,body.home .tgx-menu{gap:18px;font-size:14px}
 body .tgx-menu>a{display:block!important;white-space:nowrap}
 body .tgx-mobile-toggle{display:none}
}
@media(min-width:981px) and (max-width:1280px){
 body .tgx-shell.tgx-nav,body.home .tgx-shell.tgx-nav{width:calc(100% - 36px);gap:16px}
 body .tgx-brand,body.home .tgx-brand{gap:10px;flex-shrink:0}
 body .tgx-logo,body.home .tgx-logo{width:46px;height:46px}
 body .tgx-brand-copy strong,body.home .tgx-brand-copy strong{font-size:14px}
 body .tgx-brand-copy small,body.home .tgx-brand-copy small{font-size:8px}
 body .tgx-menu,body.home .tgx-menu{gap:12px;font-size:12px}
 body .tgx-menu-cta,body.home .tgx-menu-cta{padding:12px 14px;font-size:12px}
}
/* Existing toggle and keyboard behavior are retained for phones and smaller tablets. */
@media(max-width:980px){
 body .tgx-menu{display:none;position:absolute;top:100%;left:15px;right:15px;padding:18px;background:#fff;border:1px solid var(--x-line);border-radius:15px;box-shadow:var(--x-shadow);max-height:calc(100dvh - 100px);overflow-y:auto}
 body .tgx-menu.tgx-menu-open{display:grid;gap:8px}
 body .tgx-menu.tgx-menu-open>a{display:block!important;padding:10px 12px;min-height:44px}
 body .tgx-mobile-toggle{display:block;min-width:44px;min-height:44px}
}

/* Keyboard access shared by every canonical page template. */
.tng-skip-link{position:fixed;top:8px;left:16px;z-index:2147483647;transform:translateY(-200%);padding:12px 18px;background:#fff;color:#12374b;border:2px solid #007c91;border-radius:6px;font:700 14px/1.5 Arial,sans-serif}
.tng-skip-link:focus{transform:none}