/* ITTM Joomla 4 template */
:root{--ittm-navy:#071a2d;--ittm-navy2:#0d2943;--ittm-blue:#0b8cff;--ittm-blue2:#36b7ff;--ittm-text:#10253d;--ittm-muted:#61738a;--ittm-light:#f5f8fb;--ittm-border:#dce6ef;--ittm-accent:#0b8cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ittm-text);background:#fff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.container{width:min(1180px,calc(100% - 48px));margin:auto}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:20px;z-index:100;background:#fff;padding:10px}
.site-header{height:76px;background:#fff;border-bottom:1px solid #edf1f5;position:sticky;top:0;z-index:50}.header-inner{height:100%;display:flex;align-items:center;gap:30px}.logo{font-size:31px;font-weight:850;letter-spacing:-2px;color:#0b2137}.logo span{color:var(--ittm-blue)}.main-nav{display:flex;align-items:center;justify-content:center;gap:26px;flex:1;font-size:13px;color:#476078}.main-nav a:hover{color:var(--ittm-blue)}
/* Joomla Menu module */
.main-nav > .mod-menu, .main-nav > .moduletable, .main-nav > nav {display:flex;align-items:center;justify-content:center;flex:1;min-width:0}
.main-nav .mod-menu, .main-nav .mod-menu__wrapper {width:100%}
.main-nav ul.mod-menu {display:flex;align-items:center;justify-content:center;gap:26px;list-style:none;margin:0;padding:0}
.main-nav ul.mod-menu > li {margin:0;padding:0;list-style:none;position:relative}
.main-nav ul.mod-menu > li > a, .main-nav ul.mod-menu > li > span {display:block;padding:8px 0;color:#476078;font-size:13px;line-height:1.2;white-space:nowrap}
.main-nav ul.mod-menu > li > a:hover, .main-nav ul.mod-menu > li.active > a, .main-nav ul.mod-menu > li.current > a {color:var(--ittm-blue)}
.main-nav ul.mod-menu > li > ul {display:none}
.main-nav ul.mod-menu .parent > a:after {content:'\25be';font-size:9px;margin-left:6px}
.main-nav ul.mod-menu .nav-child {position:absolute;top:100%;left:-15px;min-width:210px;background:#fff;border:1px solid var(--ittm-border);box-shadow:0 14px 30px rgba(7,26,45,.12);padding:8px 0;list-style:none;margin:0;z-index:80}
.main-nav ul.mod-menu .parent:hover > .nav-child, .main-nav ul.mod-menu .parent:focus-within > .nav-child {display:block}
.main-nav ul.mod-menu .nav-child li {list-style:none;margin:0;padding:0}
.main-nav ul.mod-menu .nav-child a {display:block;padding:9px 15px;color:#476078;font-size:12px;white-space:nowrap}
.main-nav ul.mod-menu .nav-child a:hover, .main-nav ul.mod-menu .nav-child li.active > a {background:#f3f8fc;color:var(--ittm-blue)}
.header-cta,.btn{display:inline-flex;align-items:center;gap:12px;border-radius:28px;font-weight:700;font-size:13px}.header-cta{background:var(--ittm-blue);color:#fff;padding:12px 20px}.nav-toggle{display:none;background:none;border:0}
.hero{position:relative;overflow:hidden;background:#071a2d;color:#fff;min-height:520px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,#000 30%,#000 75%,transparent)}.hero-inner{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative}.eyebrow{font-size:10px;letter-spacing:2.2px;font-weight:800;color:var(--ittm-blue);margin-bottom:13px}.hero h1{font-size:48px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 20px;max-width:650px}.hero h1 em{font-style:normal;color:#31adff}.hero p{max-width:600px;color:#b7c8d8;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:28px}.btn{padding:14px 22px}.btn-primary{background:var(--ittm-blue);color:#fff;box-shadow:0 8px 28px rgba(11,140,255,.25)}.btn-ghost{border:1px solid #39769e;color:#fff}.erp-visual{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.erp-core{position:absolute;width:145px;height:120px;background:linear-gradient(145deg,#0e8fff,#0758b4);border:1px solid #59c4ff;box-shadow:0 20px 60px rgba(0,135,255,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(0deg);clip-path:polygon(15% 0,85% 0,100% 18%,100% 82%,85% 100%,15% 100%,0 82%,0 18%)}.erp-core span{font-size:28px;font-weight:850}.erp-core small{font-size:9px;letter-spacing:2px;color:#bce5ff}.orbit{position:absolute;border:1px solid rgba(55,178,255,.28);border-radius:50%}.orbit-1{width:340px;height:210px}.orbit-2{width:460px;height:290px;transform:rotate(25deg)}.node{position:absolute;min-width:115px;padding:14px 18px;border:1px solid rgba(59,183,255,.55);background:rgba(9,49,82,.8);box-shadow:0 10px 30px rgba(0,0,0,.25);text-align:center;transform:skewY(-4deg)}.node b{display:block;font-size:11px}.node small{display:block;color:#6cbdf1;font-size:9px;margin-top:3px}.node-crm{top:20px;left:80px}.node-wms{top:30px;right:30px}.node-ecom{right:-2px;bottom:72px}.node-int{left:0;bottom:55px}.node-data{bottom:0;left:43%}.connector{position:absolute;height:1px;background:linear-gradient(90deg,transparent,#35b8ff,transparent);width:120px}.c1{top:125px;left:210px;transform:rotate(30deg)}.c2{top:130px;right:180px;transform:rotate(-30deg)}.c3{bottom:135px;right:155px;transform:rotate(25deg)}.c4{bottom:125px;left:185px;transform:rotate(-25deg)}.c5{bottom:90px;left:48%;transform:rotate(90deg)}
.section{padding:85px 0}.services{background:#fff}.section-intro{margin-bottom:38px}.section-intro h2,.ecosystem h2,.dark-heading h2{font-size:33px;line-height:1.15;letter-spacing:-1px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--ittm-border);border-bottom:1px solid var(--ittm-border)}.service-card{padding:27px 18px;border-right:1px solid var(--ittm-border)}.service-card:first-child{border-left:1px solid var(--ittm-border)}.icon{font-size:27px;color:var(--ittm-blue);height:45px}.service-card h3{font-size:14px;line-height:1.3;margin:0 0 9px}.service-card p{font-size:12px;color:var(--ittm-muted);margin:0}
.process{background:#f5f8fb}.steps{display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.step{position:relative}.step span{width:39px;height:39px;border:1px solid var(--ittm-blue);color:var(--ittm-blue);border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800;margin-bottom:17px}.step h3{font-size:14px;margin:0 0 7px}.step p{font-size:12px;color:var(--ittm-muted);margin:0}
.ecosystem{background:#fff}.ecosystem-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.ecosystem p{color:var(--ittm-muted);max-width:460px}.text-link{color:var(--ittm-blue);font-size:13px;font-weight:750}.architecture-diagram{background-image:none;border:1px solid var(--ittm-border);border-radius:12px;padding:30px;background:#fbfdff;box-shadow:0 18px 50px rgba(12,40,70,.06)}.diagram-top,.diagram-bottom{display:flex;justify-content:space-around;gap:10px}.diagram-top span,.diagram-bottom span{border:1px solid #b8d7ee;background:#fff;border-radius:7px;padding:12px 16px;font-size:10px;font-weight:800;color:#456078}.diagram-core{width:100px;height:100px;margin:30px auto;border-radius:50%;background:var(--ittm-navy);color:#fff;display:grid;place-items:center;font-weight:850;font-size:22px;box-shadow:0 10px 35px rgba(7,26,45,.2)}.diagram-bar{background:#eaf5ff;color:#096dbb;text-align:center;padding:13px;border-radius:6px;font-size:10px;font-weight:800;margin-bottom:22px}
.cases{background:#f5f8fb}.section-intro.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.section-intro.split p{color:var(--ittm-muted);max-width:500px}.case-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.case-card{background:#fff;border:1px solid var(--ittm-border)}.case-image{height:145px;background-color:#09243b;background-size:cover;position:relative;overflow:hidden}.case-image:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,137,226,.2),transparent)}.case-body{padding:20px}.case-body small{font-size:9px;letter-spacing:1.6px;color:var(--ittm-blue);font-weight:800}.case-body h3{font-size:15px;line-height:1.25;margin:9px 0}.case-body p{font-size:12px;color:var(--ittm-muted);margin:0}
.dark-band{background:var(--ittm-navy);color:#fff;padding:70px 0}.dark-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}.dark-heading h2{color:#fff}.benefits{display:grid;grid-template-columns:repeat(5,1fr);gap:25px}.benefits>div{border-top:1px solid rgba(255,255,255,.15);padding-top:18px}.benefits b{color:var(--ittm-blue);font-size:11px}.benefits h3{font-size:14px;margin:9px 0}.benefits p{font-size:11px;color:#9eb2c5;margin:0}
.contact-cta{padding:55px 0;background:linear-gradient(110deg,#fff,#f1f7fc)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-inner h2{font-size:29px;line-height:1.15;margin:0 0 8px}.cta-inner p{color:var(--ittm-muted);margin:0}
.site-footer{background:#061523;color:#a7bacb;padding:32px 0}.footer-inner{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px}.footer-logo{color:#fff}.footer-inner p{font-size:11px;margin:3px 0}.footer-links{display:flex;justify-content:center;gap:22px;font-size:11px}.footer-links a:hover{color:#fff}.footer-copy{text-align:right;font-size:10px}.footer-module{margin-top:20px}.module-zone{padding:25px 0}.component-page{padding:70px 0;min-height:70vh}
@media(max-width:1000px){.main-nav{gap:14px}.header-cta{display:none}.hero h1{font-size:40px}.service-grid{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(3,1fr);gap:35px}.case-grid{grid-template-columns:repeat(2,1fr)}.benefits{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.hero{background-size:110% auto;background-position:center bottom;background-blend-mode:screen;}.container{width:min(100% - 30px,1180px)}.site-header{height:68px}.nav-toggle{display:flex;margin-left:auto;flex-direction:column;gap:4px}.nav-toggle span{width:24px;height:2px;background:#0b2137}.main-nav{display:none;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--ittm-border);padding:18px;flex-direction:column;align-items:flex-start;box-shadow:0 15px 30px rgba(0,0,0,.08)}.main-nav > .mod-menu,.main-nav > .moduletable,.main-nav > nav{display:block;width:100%}.main-nav ul.mod-menu{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;width:100%}.main-nav ul.mod-menu > li > a,.main-nav ul.mod-menu > li > span{padding:11px 4px}.main-nav ul.mod-menu .nav-child{position:static;display:none;box-shadow:none;border:0;border-top:1px solid var(--ittm-border);padding:4px 0 4px 14px}.main-nav ul.mod-menu .parent:hover > .nav-child{display:none}.main-nav ul.mod-menu .parent:focus-within > .nav-child{display:block}.main-nav.open{display:flex}.hero-inner{grid-template-columns:1fr;min-height:auto;padding:70px 0 50px}.erp-visual{height:310px;transform:scale(.82);transform-origin:center}.hero h1{font-size:36px}.hero-actions{flex-direction:column;align-items:flex-start}.section{padding:60px 0}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(3n+1){border-left:1px solid var(--ittm-border)}.steps{grid-template-columns:repeat(2,1fr)}.ecosystem-grid,.section-intro.split,.dark-heading{grid-template-columns:1fr;gap:30px}.case-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr 1fr}.cta-inner{flex-direction:column;align-items:flex-start}.footer-inner{grid-template-columns:1fr;text-align:left}.footer-links{justify-content:flex-start;flex-wrap:wrap}.footer-copy{text-align:left}}
@media(max-width:480px){.service-grid{grid-template-columns:1fr}.steps,.benefits{grid-template-columns:1fr}.hero h1{font-size:32px}.erp-visual{transform:scale(.66);margin:-20px -80px}}

/* ITTM v2 - direct image rendering */
.hero-graphic{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0;pointer-events:none}.erp-visual>*:not(.hero-graphic){z-index:1}.architecture-graphic{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.case-image img{display:block;width:100%;height:100%;object-fit:cover}.case-image{background:#09243b}.hero-inner{z-index:2}.hero-copy{position:relative;z-index:3}