:root{--ink:#0b1220;--navy:#111d31;--paper:#f5f3ee;--white:#fff;--orange:#ff6b35;--line:#d9d6ce;--muted:#627084;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}.section-shell{width:min(1160px,calc(100% - 48px));margin:auto}.site-header{height:80px;width:min(1260px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{font-size:26px;font-weight:800;letter-spacing:-1.7px;color:var(--ink);text-decoration:none}.brand span{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:32px}.main-nav a{color:var(--ink);text-decoration:none;font-size:14px;font-weight:700}.main-nav a:hover,.text-link:hover{color:var(--orange)}.nav-cta{border:1px solid var(--ink);padding:9px 16px}.menu-toggle{display:none}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;padding:55px 0 90px}.eyebrow{font:500 11px var(--mono);letter-spacing:1.4px;text-transform:uppercase;color:var(--muted);margin:0 0 20px;display:flex;align-items:center;gap:9px}.eyebrow span{width:23px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-4px;max-width:680px;margin-bottom:26px}h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:18px;line-height:1.65;color:#455367;max-width:550px;margin-bottom:35px}.hero-actions{display:flex;align-items:center;gap:28px}.button{font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;gap:23px;align-items:center;padding:15px 19px}.button-primary{background:var(--ink);color:#fff}.button-primary:hover{background:var(--orange)}.text-link{color:var(--ink);font-size:14px;font-weight:800;text-decoration:none}.text-link span{margin-left:6px}.hero-visual{height:430px;position:relative;background:var(--navy);overflow:hidden;isolation:isolate}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;z-index:-1}.orbit-one{height:500px;width:500px;top:-135px;left:-70px}.orbit-two{height:310px;width:310px;top:-42px;left:30px}.system-node{position:absolute;color:white;min-width:94px}.system-node strong,.system-node small{display:block}.system-node strong{font-size:13px}.system-node small{font:10px var(--mono);color:#9facbc}.node-mark{display:grid;place-items:center;width:31px;height:31px;background:#21304a;margin-bottom:8px;color:#d9e1eb;font:500 14px var(--mono)}.tango-node{top:53px;left:53px}.tango-node .node-mark{background:var(--orange);color:#fff}.crm-node{top:86px;right:56px}.logistics-node{bottom:58px;right:80px}.store-node{bottom:37px;left:92px}.integration-core{position:absolute;top:164px;left:calc(50% - 52px);border:1px solid #ff6b35;width:104px;height:104px;border-radius:50%;display:grid;place-content:center;text-align:center;color:#fff;background:#13233b;box-shadow:0 0 0 13px rgba(255,107,53,.1)}.integration-core i{width:8px;height:8px;background:var(--orange);border-radius:50%;margin:0 auto 4px}.integration-core span{font:500 20px var(--mono)}.integration-core small{font:10px var(--mono);color:#b5c0ce}.visual-caption{position:absolute;bottom:19px;right:23px;color:#afbbc9;font-size:11px;line-height:1.5;text-align:right}.visual-caption b{color:white}.trust-bar{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-bar>div{height:73px;display:flex;align-items:center;justify-content:center;gap:24px}.trust-bar p{font:500 11px var(--mono);color:#506074;letter-spacing:.8px;margin:0}.trust-bar i{height:3px;width:3px;background:var(--orange);border-radius:50%}.section{padding:120px 0}.section-intro{display:grid;grid-template-columns:230px 1fr;gap:30px;margin-bottom:50px}.section-intro h2,.tango-section h2,.process-section h2,.contact-section h2{font-size:clamp(31px,3.5vw,48px);letter-spacing:-2.7px;line-height:1.12;margin:0;max-width:740px}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{background:var(--paper);padding:27px 23px;min-height:355px}.service-card.featured{grid-column:span 2;background:var(--ink);color:#fff}.card-number{font:11px var(--mono);color:#8995a6}.featured .card-number{color:#aeb8c6}.service-icon{font-size:29px;color:var(--orange);margin:49px 0 19px;line-height:1}.service-card h3{font-size:18px;letter-spacing:-.8px;line-height:1.25;margin-bottom:12px}.service-card p:not(.card-number){font-size:13px;color:#627084;line-height:1.65}.featured p:not(.card-number){color:#b7c1ce;max-width:420px}.service-card ul{padding:0;margin:25px 0 0;list-style:none;columns:2;font-size:12px;color:#d5dde6}.service-card li{margin:7px 0}.service-card li:before{content:"→";color:var(--orange);margin-right:8px}.process-section,.contact-section{background:var(--navy);color:#fff;padding:108px 0}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px}.light{color:#aeb9c8}.process-lead{color:#afbac8;font-size:16px;max-width:410px;margin-top:25px}.process-list{list-style:none;padding:0;margin:0;border-top:1px solid #33425a}.process-list li{display:grid;grid-template-columns:55px 1fr;gap:17px;padding:22px 0;border-bottom:1px solid #33425a}.process-list b{font:500 12px var(--mono);color:var(--orange)}.process-list h3{font-size:17px;margin:0 0 6px}.process-list p{font-size:13px;color:#aeb9c8;margin:0}.tango-section{padding:100px 0;display:grid;grid-template-columns:190px 1fr;gap:60px;align-items:start}.tango-label{height:150px;width:150px;background:var(--orange);color:#fff;display:grid;place-content:center;font-size:92px;font-weight:800;letter-spacing:-10px}.tango-section>div:last-child>p:not(.eyebrow){max-width:635px;color:#566477;font-size:16px;margin:24px 0}.dark{display:inline-block;margin-top:5px}.contact-layout{display:grid;grid-template-columns:1fr .8fr;gap:100px;align-items:center}.contact-section h2{max-width:560px}.contact-section>div p:not(.eyebrow){color:#b8c2ce;max-width:520px;margin:20px 0 0}.contact-card{border:1px solid #3b4a61;padding:29px}.contact-card p,.contact-card .email-label{font:500 11px var(--mono);letter-spacing:1px;text-transform:uppercase;color:#9fabb9!important;margin:0 0 8px!important}.contact-card a{color:#fff;text-decoration:none;font-size:18px;font-weight:700}.contact-card a:hover{color:var(--orange)}.contact-card a span{color:var(--orange);margin-left:10px}.contact-card hr{border:0;border-top:1px solid #3b4a61;margin:26px 0}.contact-card .email{font-size:15px}footer{padding:38px 0;background:#080e18;color:#a2adba}footer>div{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:30px}footer .brand{color:#fff;font-size:21px}footer p,footer small{margin:0;font-size:12px}footer small{text-align:right;font:10px var(--mono)}@media(max-width:760px){.site-header{height:67px;width:min(100% - 32px,1160px)}.menu-toggle{display:flex;width:36px;height:34px;border:0;background:transparent;flex-direction:column;gap:6px;justify-content:center}.menu-toggle span{height:2px;width:25px;background:var(--ink)}.main-nav{display:none}.main-nav.is-open{position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:67px;left:0;width:100%;background:var(--paper);padding:10px 22px 21px;z-index:4;border-bottom:1px solid var(--line)}.main-nav a{padding:12px}.nav-cta{margin-top:4px;text-align:center}.section-shell{width:min(100% - 32px,1160px)}.hero{grid-template-columns:1fr;padding:55px 0 60px;gap:38px;min-height:auto}h1{letter-spacing:-2.8px}.hero-lead{font-size:16px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-visual{height:380px}.trust-bar>div{height:auto;flex-wrap:wrap;gap:13px;padding:17px 0}.trust-bar p{font-size:9px}.section{padding:75px 0}.section-intro,.process-layout,.contact-layout{grid-template-columns:1fr;gap:22px}.services-grid{grid-template-columns:1fr}.service-card.featured{grid-column:auto}.service-card{min-height:auto}.service-card.featured{min-height:330px}.service-card ul{columns:1}.process-section,.contact-section{padding:75px 0}.process-layout,.contact-layout{gap:45px}.tango-section{padding:75px 0;grid-template-columns:1fr;gap:28px}.tango-label{width:94px;height:94px;font-size:59px}footer>div{grid-template-columns:1fr;gap:12px}footer small{text-align:left}.crm-node{right:25px}.logistics-node{right:28px}.store-node{left:42px}.tango-node{left:34px}.integration-core{left:calc(50% - 52px)}}
