:root{--blue:#1F6B45;--navy:#0F2C1D;--deep:#0B2417;--orange:#B9860F;--ink:#17213b;--muted:#69738a;--line:#e8ebf3;--surface:#f6f8fc;--white:#fff;--radius:22px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.skip{position:fixed;z-index:100;top:-60px;left:16px;background:#fff;padding:12px}.skip:focus{top:12px}.section{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.header{position:fixed;z-index:50;top:0;left:0;right:0;display:flex;flex-direction:column;color:#fff;transition:.3s}.topbar{background:linear-gradient(180deg,#0d2718,#0a2014);font-size:11px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px max(24px,calc((100vw - var(--max))/2));color:#CFE7D8}.topbar-links{display:flex;gap:18px;font-weight:600}.topbar-links a{opacity:.9}.topbar-links a:hover{opacity:1;color:#fff}.header-main{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:40px;background:linear-gradient(180deg,#1f6b47,#154d34);border-top:1px solid rgba(216,168,58,.28);border-bottom:1px solid rgba(216,168,58,.2);box-shadow:0 10px 26px -16px rgba(0,0,0,.55);transition:.3s}.header.scrolled .header-main{height:66px;box-shadow:0 10px 35px #0a1f1214}.brand{display:flex;align-items:center;white-space:nowrap}.brand-logo{height:46px;width:auto;display:block;filter:drop-shadow(0 0 8px rgba(255,255,255,.35)) drop-shadow(0 0 20px rgba(216,168,58,.5));animation:logoGlow 3.6s ease-in-out infinite;transition:filter .25s}
.brand:hover .brand-logo{filter:drop-shadow(0 0 12px rgba(255,255,255,.55)) drop-shadow(0 0 30px rgba(216,168,58,.75))}
@keyframes logoGlow{0%,100%{filter:drop-shadow(0 0 8px rgba(255,255,255,.32)) drop-shadow(0 0 18px rgba(216,168,58,.45))}50%{filter:drop-shadow(0 0 12px rgba(255,255,255,.5)) drop-shadow(0 0 26px rgba(216,168,58,.65))}}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:13px}.desktop-nav a{position:relative;opacity:.85;padding-bottom:4px}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#e7c778;transition:right .25s ease}.desktop-nav a:hover{opacity:1}.desktop-nav a:hover::after{right:0}.header-actions{display:flex;align-items:center;gap:14px}.lang{border:0;background:transparent;color:inherit}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:5px;padding:14px 24px;font-weight:700;font-size:13px;cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0B24172a}.button-orange{background:linear-gradient(180deg,#d8ab3a,#b9860f);color:var(--ink);box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}.button-white{background:#fff;color:var(--blue);min-width:150px}.button-blue{background:var(--blue);color:#fff}.menu-button,.mobile-nav{display:none}.hero{position:relative;min-height:820px;display:grid;place-items:center;overflow:hidden;color:#fff;text-align:center;background:var(--navy)}
.hero-photo{position:absolute;inset:-4%;z-index:0;background:radial-gradient(circle at 30% 25%,rgba(46,139,87,.32) 0,transparent 32%),radial-gradient(circle at 80% 70%,rgba(27,94,58,.32) 0,transparent 40%),linear-gradient(145deg,rgba(15,44,29,.55),rgba(8,20,13,.72) 70%),url('/static/images/hero-bg.jpg') center/cover no-repeat;animation:heroPan 24s ease-in-out infinite alternate;will-change:transform}
@keyframes heroPan{0%{transform:scale(1) translate(0,0)}100%{transform:scale(1.07) translate(-1.2%,-1%)}}.hero::after{content:"";position:absolute;inset:auto -4% -1px;height:95px;background:#fdfbf4;border-radius:55% 55% 0 0/100% 100% 0 0;filter:drop-shadow(0 16px 26px rgba(3,18,12,.22))}
.hero::before{content:"";position:absolute;z-index:5;left:50%;bottom:6px;width:300px;height:90px;transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(215,178,79,.32),transparent 72%);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,transparent,#000 40%,transparent);transform:perspective(500px) rotateX(58deg) scale(1.6);opacity:.28}.orb{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid #ffffff2d;box-shadow:inset 0 0 80px #ffffff14}.orb-a{width:500px;height:500px;left:-220px;top:130px}.orb-b{width:620px;height:620px;right:-260px;bottom:-50px}.network i{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 20px 8px #6FCB93;animation:dotPulse 3.4s ease-in-out infinite}.network i:nth-child(1){left:9%;top:45%;animation-delay:0s}.network i:nth-child(2){left:20%;top:32%;animation-delay:.5s}.network i:nth-child(3){right:18%;top:37%;animation-delay:1s}.network i:nth-child(4){right:7%;top:55%;animation-delay:1.5s}.network i:nth-child(5){left:28%;bottom:22%;animation-delay:2s}.network i:nth-child(6){right:31%;bottom:23%;animation-delay:2.5s}.network i:nth-child(7){left:50%;top:18%;animation-delay:3s}
@keyframes dotPulse{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.4)}}
.hero-content{position:relative;z-index:2;max-width:780px;padding:150px 24px 24px;text-shadow:0 2px 20px rgba(0,0,0,.5)}.eyebrow{margin:0 0 13px;font-size:12px;font-weight:700;letter-spacing:.11em}.eyebrow.light{color:#BFE3CC}.eyebrow.orange{color:var(--orange)}.hero h1{margin:0;font-family:"Space Grotesk";font-size:clamp(54px,7.2vw,92px);line-height:.94;letter-spacing:-.045em}.hero h1 span{display:block}.hero-copy{max-width:620px;margin:26px auto;color:#CFEAD9;line-height:1.7}.hero-content .button{text-shadow:none}.scroll-hint{position:absolute;z-index:3;bottom:83px;display:grid;justify-items:center;gap:8px;font-size:10px;color:#dbe3ff}.scroll-hint span{display:block;width:22px;height:34px;border:1px solid;border-radius:14px}.scroll-hint span::after{content:"";display:block;width:3px;height:7px;background:#fff;border-radius:2px;margin:6px auto;animation:scroll 1.7s infinite}@keyframes scroll{50%{transform:translateY(11px);opacity:.2}}.clients{position:relative;padding:40px 0 120px;isolation:isolate}
.clients::before{content:"";position:absolute;top:0;bottom:0;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw;z-index:-1;filter:saturate(1.4) contrast(1.15) brightness(.94);background:url('/static/images/vietnam-landscape.jpg') center bottom/cover no-repeat}.section-intro{color:#5a4318;text-align:center;font-family:"Caveat",cursive;font-weight:700;font-size:clamp(28px,4vw,44px);line-height:1.3;max-width:780px;margin:0 auto 46px;text-shadow:0 1px 18px rgba(255,255,255,.95),0 0 4px rgba(255,255,255,.95)}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.client-logo{height:76px;display:grid;place-items:center;background:rgba(255,255,255,.72);backdrop-filter:blur(6px);color:#8b93a3;font-family:"Space Grotesk";font-weight:700;letter-spacing:.08em;border:1px solid rgba(255,255,255,.8);transition:.25s}.client-logo:hover{background:#fff;color:var(--blue);box-shadow:0 15px 40px #0f2a1c15;transform:translateY(-3px)}.client-thumb{background-color:transparent;background-size:cover;background-position:center top;backdrop-filter:none;color:#fff}.client-thumb:hover{background-color:transparent;color:#fff;box-shadow:0 15px 40px #0f2a1c15;transform:translateY(-3px)}.client-thumb span{text-shadow:0 2px 8px rgba(0,0,0,.6)}.about{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 45% 48%,#2E8B57,transparent 35%),linear-gradient(135deg,#1F6B45,#0B2417 72%)}.about::before{content:"";position:absolute;width:650px;height:650px;border:1px solid #ffffff20;border-radius:50%;left:50%;top:38%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #ffffff08,0 0 0 160px #ffffff06}.about-inner{position:relative;z-index:1;padding:105px 0 80px;text-align:center}.about-copy{max-width:680px;margin:0 auto;color:#D8F0E0;font-size:15px;line-height:1.8}.word-stage{display:grid;place-items:center;height:290px;font-family:"Space Grotesk";font-size:clamp(44px,7vw,90px);letter-spacing:-.05em}.word-stage span{grid-area:1/1;color:#fff;opacity:0;animation:words 9s infinite}.word-stage span:nth-child(2){animation-delay:3s}.word-stage span:nth-child(3){animation-delay:6s}@keyframes words{5%,28%{opacity:1;transform:translateY(0)}0%,33%,100%{opacity:0;transform:translateY(18px)}}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.metrics article{display:grid;gap:10px}.metrics strong{font-family:"Space Grotesk";font-size:34px}.metrics span{font-size:12px;color:#C7E6D2}.services{padding:120px 0}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.section-heading h2,.projects h2,.contact-panel h2{margin:0;font-family:"Space Grotesk";font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.045em;color:var(--blue)}.section-heading>p:last-child{color:var(--muted);line-height:1.8}.service-visuals{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:32px}.service-visuals div{height:220px;background:linear-gradient(145deg,#f3f5fa,#e8edf7);position:relative;overflow:hidden}.service-visuals div::before{content:"";position:absolute;width:130px;height:130px;border:22px solid #dbe4f6;border-radius:35%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(35deg)}.service-visuals div:nth-child(even)::before{border-radius:50%;transform:translate(-50%,-50%)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 24px}.service-card{position:relative;padding:20px 0 28px;border-bottom:1px solid var(--line);min-height:190px}.service-icon{width:42px;height:42px;margin-bottom:14px;border-radius:11px;background:var(--sky,linear-gradient(145deg,#eaf3ee,#f6f8fc));display:flex;align-items:center;justify-content:center;color:var(--blue)}.service-icon svg{width:21px;height:21px}.service-card>span{color:var(--orange);font-size:11px}.service-card h3{font-family:"Space Grotesk";font-size:17px;color:#1F6B45;line-height:1.25}.service-card p{font-size:12px;line-height:1.7;color:var(--muted)}.service-card a{position:absolute;right:5px;bottom:10px;color:var(--blue)}.technology{padding:20px 0 130px}.tech-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.tech-item{height:100px;display:grid;place-items:center;align-content:center;gap:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;color:#6c7488}.tech-item span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#edf2ff;color:var(--blue);font-weight:800}.projects{padding:110px 0 90px;overflow:hidden;color:#fff;background:radial-gradient(circle at 75% 30%,#2E8B57,transparent 35%),linear-gradient(145deg,#1F6B45,#0B2417)}.projects-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:45px}.projects h2{color:#fff}.project-controls{display:flex;gap:10px}.slider-button{width:46px;height:46px;border:1px solid #ffffff60;border-radius:50%;background:transparent;color:#fff;font-size:18px;cursor:pointer}.project-track{display:flex;gap:22px;transition:transform .45s ease}.project-card{flex:0 0 calc(50% - 11px);background:#fff;color:var(--ink);padding:16px;border-radius:28px 28px 28px 5px}.mock-browser{height:330px;border-radius:18px;background:#edf0f7;padding:14px;overflow:hidden}.mock-browser>i{display:inline-block;width:7px;height:7px;margin-right:3px;background:#cbd1dd;border-radius:50%}.mock-content{margin-top:20px;height:270px;padding:30px;border-radius:10px;background:linear-gradient(145deg,#3a49cb,#728fff);display:grid;align-content:center;gap:12px}.mock-content.mock-image{padding:0;background-size:cover;background-position:center top;background-repeat:no-repeat}.orange .mock-content{background:linear-gradient(145deg,#f15f3b,#ffc55e)}.cyan .mock-content{background:linear-gradient(145deg,#02a2b7,#74e4dc)}.rose .mock-content{background:linear-gradient(145deg,#a82b75,#ff93b5)}.mock-content span{width:80px;height:12px;background:#ffffffaa}.mock-content b{display:block;width:75%;height:30px;background:#fff}.mock-content b+ b{width:55%}.mock-content em{width:110px;height:34px;background:#ffffff33;border:1px solid #fff}.project-meta{padding:18px 8px 10px}.project-meta p{margin:0;color:var(--orange);font-size:10px}.project-meta h3{margin:5px 0;font-size:18px}.project-meta span{font-size:11px;color:var(--muted)}.dots{display:flex;justify-content:center;gap:8px;margin-top:38px}.dots i{width:5px;height:5px;border-radius:50%;background:#ffffff65}.dots .active{background:#fff}.feedback{padding:120px 0}.rating-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:700px;margin:0 auto 36px}.rating-row div{padding:22px;text-align:center;background:#fafbfe}.rating-row b{display:block;color:var(--orange);letter-spacing:4px}.rating-row span{font-size:11px;color:var(--muted)}.quote-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.quote{margin:0;min-height:260px;padding:35px;border:1px solid #2E8B57;border-radius:8px 8px 26px 8px;display:flex;flex-direction:column;justify-content:space-between}.quote blockquote{margin:0;color:#4c556b;line-height:1.8;font-size:14px}.quote figcaption{display:flex;align-items:center;gap:13px}.quote figcaption>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#eef2ff;color:var(--blue);font-weight:800}.quote figcaption div{display:grid}.quote small{color:var(--muted);margin-top:3px}.resources{padding:30px 0 120px}.resource-tabs{display:flex;justify-content:center;gap:10px;margin-top:20px}.resource-tabs button{border:0;background:transparent;color:#8c95a7}.resource-tabs .active{color:var(--blue);font-weight:700}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-art{height:290px;background:#f0f2f7;display:grid;place-items:center;overflow:hidden;position:relative}.post-art::before,.post-art::after{content:"";position:absolute;width:210px;height:210px;border:28px solid #dce4f8;transform:rotate(38deg);border-radius:45%}.post-art::after{width:100px;height:100px;border-width:12px;left:-20px;bottom:-20px}.post-art span{font-family:"Space Grotesk";font-size:100px;font-weight:700;color:#fff;z-index:1}.post>div:last-child{padding:20px 4px}.post p{font-size:10px;color:var(--orange)}.post h3{font-size:17px;line-height:1.45;min-height:74px}.post a{font-size:12px;color:var(--blue);font-weight:700}.centered{display:flex;width:max-content;margin:30px auto 0}.contact{display:grid;grid-template-columns:1.05fr .95fr;margin-bottom:110px;box-shadow:0 20px 60px #0c27181c}.contact-form{padding:50px;background:#fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{display:grid;gap:9px;font-size:12px;color:#566078}.contact-form input,.contact-form textarea{width:100%;padding:12px 0;border:0;border-bottom:1px solid #cfd5e2;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--blue)}.contact-form textarea{min-height:90px;resize:vertical}.contact-form>label{margin-top:20px}.contact-form .check{display:flex;grid-template-columns:auto 1fr;align-items:center;margin:20px 0}.check input{width:auto}.honeypot{position:absolute;left:-9999px}.form-status{font-size:12px;color:var(--blue)}.contact-panel{position:relative;overflow:hidden;padding:58px;color:#fff;background:radial-gradient(circle at 70% 60%,#2E8B57,transparent 36%),linear-gradient(145deg,#1F6B45,#0B2417)}.contact-panel h2{color:#fff;margin-bottom:20px}.contact-panel>p{max-width:440px;line-height:1.75;color:#D2EEDC}.contact-details{display:grid;gap:8px;margin-top:32px;font-weight:700}.rocket{position:absolute;right:20px;bottom:-15px;width:190px;height:190px}.rocket span{position:absolute;font-size:135px;color:#92b3ff;transform:rotate(-15deg)}.rocket i{position:absolute;width:120px;height:30px;background:#ff7a4f;filter:blur(12px);bottom:10px;right:60px;transform:rotate(-45deg)}.footer{padding:80px 24px;color:#fff;background:#0F2C1D}.footer-inner{width:min(var(--max),100%);margin:auto;display:grid;grid-template-columns:1.5fr 1fr;gap:35px;align-items:center}.footer-brand .brand-logo{height:54px}.footer-inner>p{justify-self:end;color:#AEDFC1}.footer-links{display:flex;gap:24px;font-size:12px}.footer small{justify-self:end;color:#8FC7A5}.chat{position:fixed;z-index:20;right:24px;bottom:24px;width:50px;height:50px;border:0;border-radius:50%;background:#fff;color:var(--blue);box-shadow:0 8px 30px #12332245;font-size:20px}.reveal{opacity:0;transform:translateY(28px);transition:.75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav,.header-actions{display:none}.topbar-links{display:none}.menu-button{display:grid;margin-left:auto;gap:7px;border:0;background:transparent}.menu-button span{display:block;width:26px;height:2px;background:currentColor}.mobile-nav{position:absolute;top:104px;left:16px;right:16px;padding:22px;background:#fff;color:var(--ink);box-shadow:0 20px 50px #06170f33;border-radius:10px}.mobile-nav.open{display:grid;gap:18px}.hero{min-height:720px}.logo-grid,.tech-grid{grid-template-columns:repeat(3,1fr)}.service-visuals,.service-grid{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr);gap:35px}.project-card{flex-basis:72%}.contact{grid-template-columns:1fr}.contact-panel{min-height:420px}.footer-inner{grid-template-columns:1fr}.footer-inner>p,.footer small{justify-self:start}}
@media(max-width:600px){.section{width:min(100% - 30px,var(--max))}.topbar{display:none}.header-main{height:64px;padding-inline:16px}.brand-logo{height:34px}.mobile-nav{top:64px}.hero{min-height:680px}.hero-content{padding-top:90px}.hero h1{font-size:43px}.hero-copy{font-size:14px}.clients{padding:70px 0}.logo-grid{grid-template-columns:repeat(2,1fr)}.client-logo{height:64px}.about-inner{padding-top:75px}.word-stage{height:220px}.word-stage span{font-size:42px}.metrics{grid-template-columns:1fr 1fr}.metrics article:last-child{grid-column:1/-1}.services{padding:85px 0}.service-visuals{grid-template-columns:1fr 1fr;gap:8px}.service-visuals div{height:130px}.service-grid{grid-template-columns:1fr}.tech-grid{grid-template-columns:repeat(2,1fr)}.projects{padding-top:80px}.projects-head{align-items:center}.project-card{flex-basis:90%}.mock-browser{height:240px}.mock-content{height:185px}.rating-row{grid-template-columns:1fr}.quote-grid,.resource-grid{grid-template-columns:1fr}.post-art{height:230px}.contact{width:100%;margin-bottom:0}.contact-form,.contact-panel{padding:35px 24px}.form-grid{grid-template-columns:1fr}.rocket{opacity:.45}.footer{padding:60px 24px}.footer-links{display:grid;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* TMS Business product ecosystem */
.products{position:relative;overflow:hidden;padding:110px 0;color:#fff;background:radial-gradient(circle at 15% 18%,#2E8B57,transparent 28%),radial-gradient(circle at 92% 80%,#3B8F63,transparent 28%),linear-gradient(145deg,#0F2C1D,#0B2417 72%)}
.products::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#fff08 1px,transparent 1px),linear-gradient(90deg,#fff08 1px,transparent 1px);background-size:70px 70px;opacity:.18}
.products-inner{position:relative}
.products-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:50px;margin-bottom:50px}
.products-heading h2{margin:0;font-family:"Space Grotesk";font-size:clamp(42px,6vw,72px);line-height:.95;letter-spacing:-.05em}
.products-heading>p{color:#C9E8D6;line-height:1.8}
.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.product-card{position:relative;min-height:410px;padding:28px;border:1px solid #ffffff38;border-radius:20px;background:linear-gradient(145deg,#ffffff1f,#ffffff09);backdrop-filter:blur(9px);overflow:hidden;transition:.3s}
.product-card:hover{transform:translateY(-7px);background:linear-gradient(145deg,#ffffff2c,#ffffff10);box-shadow:0 25px 60px #0003}
.product-card::after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:70px;background:var(--product-glow,#5d8dff);filter:blur(60px);opacity:.55}
.product-blue{--product-glow:#2E8B57}.product-violet{--product-glow:#b352ff}.product-cyan{--product-glow:#00e5ff}.product-orange{--product-glow:#ff7d48}.product-indigo{--product-glow:#7773ff}.product-green{--product-glow:#21db96}
.product-top{position:relative;z-index:1;display:flex;justify-content:space-between;color:#BEE3CD}.product-top>span{font:700 26px "Space Grotesk"}.product-top small{font-size:9px;letter-spacing:.12em}
.product-icon{position:relative;z-index:1;width:115px;height:115px;margin:32px 0 22px}.product-icon.product-thumb{width:100%;height:150px;border-radius:14px;background-size:cover;background-position:center top;border:1px solid #ffffff38;box-shadow:0 14px 30px -12px #00000055}.product-icon i{position:absolute;inset:18px;border:1px solid #ffffffa8;border-radius:24px;transform:rotate(45deg)}.product-icon i:nth-child(2){inset:34px;border-radius:50%;transform:none;background:#ffffff1f}.product-icon i:nth-child(3){inset:48px;border:0;background:#fff;border-radius:50%;box-shadow:0 0 25px #fff}
.product-card h3{position:relative;z-index:1;margin:0 0 14px;font:600 23px/1.1 "Space Grotesk"}.product-card>p{position:relative;z-index:1;min-height:80px;color:#CDEBDA;font-size:13px;line-height:1.65}.product-card>a{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:18px;border-top:1px solid #ffffff35;color:#fff;font-size:12px;font-weight:700}.product-card>a span{font-size:19px}
.contact-details address{max-width:390px;margin-top:8px;color:#C9E8D6;font-size:12px;font-style:normal;font-weight:400;line-height:1.6}
.footer-company{display:grid;gap:7px;color:#B7E0C6;font-size:12px;line-height:1.5}.footer-company strong{color:#fff}.footer-company a{width:max-content}
.lang-switch{display:flex;align-items:center;gap:5px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 13px;font-size:12px;font-weight:700;letter-spacing:.04em}.lang-switch a{opacity:.6;color:#fff;transition:opacity .2s}.lang-switch a:hover{opacity:.85}.lang-switch a.active{opacity:1}.lang-switch span{opacity:.45}
.lang-switch-mobile{margin-top:6px;background:#f1f3f7;border-color:#e2e6ee}.lang-switch-mobile a{color:var(--ink)}
@media(max-width:900px){.products-heading{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.products{padding:80px 0}.product-grid{grid-template-columns:1fr}.product-card{min-height:370px}.footer-inner{grid-template-columns:1fr}}

/* Cinematic animated hero v2 */
.hero{--mx:0px;--my:0px;background:#021c19;isolation:isolate}
.hero-photo{inset:-4%;z-index:-4;background-image:url('/static/images/tms-global-command-center-v2.avif');background-position:center 46%;background-size:cover;filter:saturate(1.08) contrast(1.04);transform:translate3d(var(--mx),var(--my),0) scale(1.075);animation:heroBreathe 11s ease-in-out infinite alternate;will-change:transform}
.hero-vignette{position:absolute;z-index:-3;inset:0;background:linear-gradient(180deg,rgba(0,24,20,.1),rgba(0,22,19,.34) 48%,rgba(0,18,16,.74)),radial-gradient(ellipse at center,rgba(4,50,41,.02) 15%,rgba(0,20,17,.46) 100%)}
.hero-scan{position:absolute;z-index:-1;inset:-40% 0;background:linear-gradient(180deg,transparent 42%,rgba(122,255,214,.13) 49%,rgba(255,222,125,.12) 50%,transparent 57%);animation:heroScan 5.5s linear infinite;mix-blend-mode:screen;pointer-events:none}
.hero-grid{z-index:-2;opacity:.11;background-size:90px 90px;mix-blend-mode:screen}
.hero .orb{z-index:-1;border-color:#d5b45f40;box-shadow:inset 0 0 80px #37e4b110}
.hero .network{position:absolute;z-index:-1;inset:0}.hero .network i{background:#f8e6a9;box-shadow:0 0 20px 8px #35cfa873;animation:heroNode 2.6s ease-in-out infinite}.hero .network i:nth-child(2n){animation-delay:-1.4s}.hero .network i:nth-child(3n){animation-delay:-2.3s}
.data-ring{position:absolute;z-index:-1;left:50%;top:49%;width:min(62vw,760px);aspect-ratio:1;border:1px solid #e3c06b48;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #46dcb614,inset 0 0 60px #46dcb614;animation:heroRing 6s ease-in-out infinite}.ring-two{width:min(75vw,940px);border-style:dashed;animation:heroRingRotate 18s linear infinite}
.hero-content{text-shadow:0 3px 28px rgba(0,15,13,.75)}.hero h1{font-size:clamp(52px,6.7vw,88px)}.hero-copy{color:#eef8f4;text-shadow:0 0 22px rgba(122,255,214,.22),0 2px 16px #001b17}.hero .button-white{color:#126b4b;box-shadow:0 10px 35px #001b1757}.hero::after{z-index:4}
@keyframes heroBreathe{from{transform:translate3d(var(--mx),var(--my),0) scale(1.075)}to{transform:translate3d(var(--mx),var(--my),0) scale(1.13)}}
@keyframes heroScan{from{transform:translateY(-30%)}to{transform:translateY(30%)}}
@keyframes heroNode{0%,100%{opacity:.45;transform:scale(.7)}50%{opacity:1;transform:scale(1.25)}}
@keyframes heroRing{0%,100%{opacity:.25;transform:translate(-50%,-50%) scale(.97)}50%{opacity:.62;transform:translate(-50%,-50%) scale(1.04)}}
@keyframes heroRingRotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(max-width:600px){.hero-photo{inset:-2% -42%;background-position:center center;transform:scale(1.04);animation:none}.data-ring{width:118vw}.ring-two{width:145vw}.hero h1{font-size:40px}.hero-grid{background-size:54px 54px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-scan,.data-ring,.hero .network i{animation:none!important}.hero-photo{transform:none!important}}

/* Refined hero typography */
.hero-content{max-width:1040px;width:min(100%,1040px)}
.hero-kicker{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;max-width:920px;margin:0 auto 30px}
.hero-kicker span{display:inline-flex;align-items:center;white-space:nowrap;padding:8px 18px;border:1px solid rgba(231,199,120,.38);border-radius:999px;background:rgba(6,22,17,.4);backdrop-filter:blur(6px);color:#f6e3ab;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 0 14px rgba(246,227,171,.5)}
.hero-title{display:grid;justify-items:center;gap:3px;margin:0 auto!important}
.hero-title-line{width:max-content;max-width:100%}
.hero-title-line-1{font-size:.38em;font-weight:600;letter-spacing:.08em}
.hero-title-line-2{position:relative;padding:0 .16em;color:#fff;font-size:1.08em;letter-spacing:-.055em;text-shadow:0 0 45px rgba(122,255,214,.4),0 0 90px rgba(255,222,125,.28),0 4px 35px rgba(0,0,0,.72);background:linear-gradient(100deg,#ffe9a8 0%,#ffffff 28%,#bff4d8 52%,#ffffff 74%,#ffe9a8 100%);background-size:230% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:titleGlow 4.5s ease-in-out infinite,titleShine 7s linear infinite}
@keyframes titleShine{0%{background-position:0% 50%}100%{background-position:230% 50%}}
.hero-title-line-1{color:#eafff2;text-shadow:0 0 24px rgba(122,255,214,.35),0 3px 16px rgba(0,0,0,.55)}
@keyframes titleGlow{0%,100%{text-shadow:0 0 45px rgba(122,255,214,.4),0 0 90px rgba(255,222,125,.28),0 4px 35px rgba(0,0,0,.72)}50%{text-shadow:0 0 62px rgba(122,255,214,.58),0 0 120px rgba(255,222,125,.42),0 4px 35px rgba(0,0,0,.72)}}
.hero-title-line-2::before,.hero-title-line-2::after{content:"";position:absolute;top:52%;width:clamp(28px,5vw,68px);height:1px;background:linear-gradient(90deg,transparent,#d7b24f)}
.hero-title-line-2::before{right:100%}.hero-title-line-2::after{left:100%;transform:scaleX(-1)}
@media(max-width:700px){.hero-kicker{display:grid;gap:5px;margin-bottom:18px;font-size:9px}.hero-kicker span{justify-content:center;white-space:normal}.hero-kicker span:not(:last-child)::after{display:none}.hero-title{gap:7px}.hero-title-line-1{font-size:.44em}.hero-title-line-2{font-size:1em}.hero-title-line-2::before,.hero-title-line-2::after{display:none}}