/* ========================================================================== 
   TLT Premium 1.0 — cinematic visual rebuild
   WestDevice-Studio
   ========================================================================== */
:root{
  --tlt-bg:#06101a;
  --tlt-bg-2:#091521;
  --tlt-panel:#0d1b28;
  --tlt-panel-2:#122536;
  --tlt-gold:#c9973c;
  --tlt-gold-2:#e9bc60;
  --tlt-text:#f5f6f7;
  --tlt-muted:#9ca8b5;
  --tlt-line:rgba(255,255,255,.12);
  --tlt-shell:1460px;
}
body.tlt-site{background:#06101a;color:#f4f6f8;font-family:"Segoe UI Variable Text","Segoe UI",Inter,Arial,sans-serif}
.tlt-shell{width:min(var(--tlt-shell),calc(100% - 72px))}

/* Header */
.tlt-header{height:92px;background:linear-gradient(180deg,rgba(3,10,17,.74),rgba(3,10,17,.28));border-color:rgba(255,255,255,.11);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.tlt-header.is-scrolled{background:rgba(4,12,20,.94);box-shadow:0 14px 36px rgba(0,0,0,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.tlt-header__inner{height:92px;gap:24px}
.tlt-brand{min-width:230px;gap:13px}
.tlt-brand__mark{font-size:31px;line-height:1;color:#e4b65b;text-shadow:0 0 28px rgba(228,182,91,.12)}
.tlt-brand__name{max-width:155px;font-size:9.5px;line-height:1.12;letter-spacing:.07em;color:#f5f7f9;text-transform:uppercase}
.tlt-nav{margin-left:4px;margin-right:auto}
.tlt-nav ul,.tlt-nav__fallback{gap:22px!important}
.tlt-nav a{font-size:10.5px;letter-spacing:.045em;font-weight:650;color:#e7ebef;opacity:.92;position:relative;padding:36px 0 34px}
.tlt-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:23px;height:1px;background:var(--tlt-gold-2);transition:.3s ease}
.tlt-nav a:hover:after{right:0}
.tlt-header__actions{gap:20px}
.tlt-phone-stack{display:grid;justify-items:end;line-height:1.05}
.tlt-phone{font-size:12px;color:#f4f6f8;font-weight:700}
.tlt-phone-note{font-size:8.5px;color:var(--tlt-gold-2);margin-top:5px;letter-spacing:.02em}
.tlt-header .tlt-btn--outline{min-height:50px;padding:0 22px;background:rgba(9,19,29,.58);border-color:rgba(233,188,96,.78);color:#f2c56d;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.tlt-header .tlt-btn--outline:hover{background:#e0b15a;color:#06101a;box-shadow:0 16px 40px rgba(216,168,76,.2)}

/* Hero */
.tlt-hero--cinematic{min-height:100svh;padding:132px 0 0;display:flex;justify-content:flex-end;background:#06101a;isolation:isolate;overflow:hidden}
.tlt-hero__scene{position:absolute;inset:-3% -2% -4% -2%;z-index:-4;background-image:var(--tlt-hero-scene);background-size:cover;background-position:center center;background-repeat:no-repeat;will-change:transform;transform-origin:65% 45%;filter:saturate(.92) contrast(1.03)}
.tlt-hero__shade{position:absolute;inset:0;z-index:-3;background:
  linear-gradient(90deg,rgba(3,10,17,.99) 0%,rgba(3,10,17,.94) 25%,rgba(3,10,17,.72) 45%,rgba(3,10,17,.16) 70%,rgba(3,10,17,.18) 100%),
  linear-gradient(180deg,rgba(3,10,17,.20),transparent 34%,rgba(3,10,17,.10) 65%,rgba(3,10,17,.85) 100%)}
.tlt-hero__grain{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.tlt-hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,720px) 1fr;align-items:center;gap:70px;min-height:calc(100svh - 285px);padding-top:25px;padding-bottom:58px}
.tlt-hero__copy{max-width:710px}
.tlt-kicker{font-size:10.5px;line-height:1.5;letter-spacing:.25em;color:#b0bac5;margin-bottom:28px;max-width:455px;text-transform:uppercase}
.tlt-kicker:after{width:54px;height:1px;background:#e4b257}
.tlt-hero h1{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;font-size:clamp(66px,6.0vw,100px)!important;line-height:.92!important;letter-spacing:-.052em!important;font-weight:780!important;margin:0 0 20px!important;color:#f6f7f8;text-transform:uppercase;text-shadow:0 9px 34px rgba(0,0,0,.25)}
.tlt-hero h1 span{color:#e5b75e}
.tlt-hero__audience{font-size:11px;letter-spacing:.24em;color:#e6ebef;margin:0 0 24px;text-transform:uppercase}
.tlt-hero__audience i{font-style:normal;color:#c9973c;margin:0 8px}
.tlt-hero__copy p{max-width:610px;font-size:16px;line-height:1.6;color:#d7dde3;margin:0;text-shadow:0 4px 20px rgba(0,0,0,.3)}
.tlt-hero__buttons{gap:15px;margin-top:34px}
.tlt-hero__buttons .tlt-btn{min-height:54px;padding:0 25px;font-size:11px;letter-spacing:.035em;border-radius:2px}
.tlt-hero__buttons .tlt-btn b{font-size:15px;margin-left:12px;font-weight:600}
.tlt-btn--gold{background:linear-gradient(135deg,#e6b85e,#c99538);box-shadow:0 18px 55px rgba(212,163,69,.21)}
.tlt-btn--gold:hover{box-shadow:0 22px 65px rgba(212,163,69,.32)}
.tlt-btn--glass{background:rgba(7,18,28,.58);border-color:rgba(236,241,246,.35);box-shadow:inset 0 0 0 1px rgba(255,255,255,.018);backdrop-filter:blur(12px)}
.tlt-btn--glass:hover{border-color:#e0b158;background:rgba(10,24,36,.78)}
.tlt-hero__sidecopy{justify-self:end;align-self:start;margin-top:55px;display:grid;gap:5px;padding-right:16px;color:#d9dfe5;font-size:9.5px;line-height:1.15;letter-spacing:.28em;text-align:left;text-shadow:0 4px 15px rgba(0,0,0,.6)}
.tlt-hero__sidecopy:after{content:"";display:block;width:40px;height:1px;background:#d7a74e;margin-top:7px}
.tlt-scroll-cue{position:absolute;right:2.4%;bottom:30px;z-index:5;display:grid;justify-items:center;gap:12px;color:#cbd2d8;font-size:8px;letter-spacing:.2em;line-height:1.35;text-align:center}
.tlt-scroll-cue i{position:relative;display:block;width:20px;height:34px;border:1px solid #d6aa52;border-radius:11px}
.tlt-scroll-cue i:before{content:"";position:absolute;width:2px;height:6px;border-radius:2px;left:50%;top:6px;background:#e3b65b;transform:translateX(-50%);animation:tltMouse 1.8s ease infinite}
.tlt-scroll-cue:after{content:"";width:1px;height:48px;background:linear-gradient(#d6a84f,transparent)}
@keyframes tltMouse{0%,100%{opacity:.35;transform:translate(-50%,0)}45%{opacity:1}70%{opacity:.2;transform:translate(-50%,11px)}}

/* hero statistics */
.tlt-stats{z-index:4;width:min(var(--tlt-shell),calc(100% - 72px));grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.12);padding:24px 65px 32px 0;margin-top:auto;background:linear-gradient(90deg,rgba(3,10,17,.12),rgba(3,10,17,.46),rgba(3,10,17,.12));backdrop-filter:blur(2px)}
.tlt-stats>div,.tlt-stat{min-height:68px;padding:0 28px!important;border-left:1px solid rgba(255,255,255,.13)!important;display:flex;align-items:center;gap:18px}
.tlt-stats>div:first-child{border-left:0!important;padding-left:0!important}
.tlt-stat__icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px}
.tlt-stat__icon img{width:38px;height:38px;object-fit:contain}
.tlt-stat__copy{display:block}
.tlt-stats strong{font-size:23px!important;line-height:1;color:#f5f6f7!important;margin:0 0 7px!important;font-weight:760;letter-spacing:-.02em}
.tlt-stats span.tlt-stat__copy>span{display:block;font-size:10.5px;line-height:1.35;color:#b9c1c9}

/* Section rhythm */
.tlt-section{border-top:1px solid rgba(255,255,255,.075)}
.tlt-section__eyebrow{font-size:9.5px;letter-spacing:.25em;color:#dcae56}
.tlt-section h2,.tlt-catalog-head h2,.tlt-services-head h2,.tlt-logistics__copy h2,.tlt-calc-head h2,.tlt-quality__head h2,.tlt-portal__copy h2,.tlt-final-cta h2{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif!important;font-weight:720!important;letter-spacing:-.04em!important}

/* Catalog — more premium product cards */
.tlt-catalog-preview{padding:112px 0 96px;background:radial-gradient(circle at 78% 8%,rgba(203,154,67,.09),transparent 24%),linear-gradient(180deg,#07121c,#06101a)}
.tlt-catalog-head{margin-bottom:44px;padding-left:120px}
.tlt-catalog-number{font-size:150px;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.045)}
.tlt-catalog-head h2{font-size:clamp(50px,5vw,78px)!important;line-height:.94!important}
.tlt-catalog-grid{gap:12px}
.tlt-catalog-card{min-height:432px;padding:15px 16px 16px;background:linear-gradient(180deg,rgba(15,32,46,.92),rgba(6,16,25,.96));border-color:rgba(255,255,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.16)}
.tlt-catalog-card:hover{transform:translateY(-7px);border-color:rgba(231,185,82,.6);box-shadow:0 24px 72px rgba(0,0,0,.36)}
.tlt-catalog-card__visual{height:155px;margin:-3px -3px 10px;background:radial-gradient(circle at 50% 85%,rgba(42,77,105,.24),transparent 55%);border-bottom:1px solid rgba(255,255,255,.04)}
.tlt-catalog-product{height:148px;width:98%;transform:translateY(3px) scale(.98)}
.tlt-catalog-card__type{font-size:19px;font-weight:760}.tlt-catalog-card__subtitle{color:#9ba8b4}
.tlt-catalog-specs{margin:20px 0 16px}.tlt-catalog-card__action{height:40px;border-color:rgba(255,255,255,.22)}

/* Services — image-led instead of bare boxes */
.tlt-services{padding:118px 0;background:radial-gradient(circle at 15% 18%,rgba(39,73,101,.22),transparent 31%),linear-gradient(180deg,#08141f,#06101a)}
.tlt-services-head{margin-bottom:46px}
.tlt-services-head h2{font-size:clamp(46px,4.8vw,72px)!important;line-height:1!important}
.tlt-services-grid{border:0;gap:12px;grid-template-columns:repeat(4,1fr)}
.tlt-service-card{min-height:338px;padding:0 22px 22px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(180deg,rgba(14,30,43,.9),rgba(6,15,23,.96));overflow:hidden}
.tlt-service-card__media{height:135px;margin:0 -22px 19px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(19,39,55,.98),rgba(8,21,32,.93));border-bottom:1px solid rgba(255,255,255,.075);position:relative}
.tlt-service-card__media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,9,15,.76));pointer-events:none}
.tlt-service-card__media img{width:88%;height:122px;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.42));transition:.45s cubic-bezier(.2,.75,.2,1)}
.tlt-service-card:hover .tlt-service-card__media img{transform:scale(1.08) translateY(-3px)}
.tlt-service-card__num{position:absolute;top:16px;left:16px;z-index:2;padding:6px 8px;background:rgba(4,12,19,.84);border:1px solid rgba(231,185,82,.35);color:#e7b952}
.tlt-service-card__line{display:none}
.tlt-service-card h3{font-size:17px;margin:0 0 10px;font-weight:700}
.tlt-service-card p{font-size:11.5px;line-height:1.6;color:#93a0ad}
.tlt-service-card a{left:22px;right:22px;bottom:17px;color:#c1c8ce}

/* Logistics / calculator / quality / portal */
.tlt-logistics{background:radial-gradient(circle at 70% 42%,rgba(203,154,67,.06),transparent 26%),linear-gradient(180deg,#07121c,#081521)}
.tlt-route-stage{background:linear-gradient(145deg,rgba(13,31,45,.98),rgba(5,15,23,.96));box-shadow:0 28px 80px rgba(0,0,0,.22)}
.tlt-calculator{background:radial-gradient(circle at 78% 20%,rgba(210,161,73,.07),transparent 24%),linear-gradient(180deg,#07131e,#06101a)}
.tlt-calc-panel,.tlt-calc-summary{border-color:rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(16,33,47,.97),rgba(6,17,26,.98));box-shadow:0 26px 75px rgba(0,0,0,.18)}
.tlt-quality{background:radial-gradient(circle at 18% 50%,rgba(31,65,91,.18),transparent 28%),linear-gradient(180deg,#07111b,#06101a)}
.tlt-portal{background:radial-gradient(circle at 76% 38%,rgba(203,154,67,.07),transparent 26%),linear-gradient(180deg,#07131f,#081622)}

/* final CTA feels like a brand finale */
.tlt-final-cta{padding:104px 0 112px;background:linear-gradient(90deg,rgba(3,10,17,.96),rgba(5,14,22,.9)),var(--tlt-hero-scene,none);background-size:cover;background-position:center 66%}
.tlt-final-cta__inner{align-items:center}.tlt-final-cta h2{font-size:clamp(46px,4.8vw,72px)!important}
.tlt-footer{background:#02070b}

/* Reveal richer than plain fade */
.tlt-reveal{opacity:0;transform:translate3d(0,32px,0);filter:blur(4px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.75,.15,1),filter .75s ease}
.tlt-reveal.is-visible{opacity:1;transform:none;filter:none}

@media(max-width:1240px){
  .tlt-shell{width:min(var(--tlt-shell),calc(100% - 44px))}
  .tlt-brand{min-width:205px}.tlt-nav ul,.tlt-nav__fallback{gap:16px!important}.tlt-nav a{font-size:9.6px}
  .tlt-hero__inner{grid-template-columns:minmax(0,620px) 1fr;min-height:calc(100svh - 270px)}
  .tlt-hero h1{font-size:clamp(60px,6.2vw,88px)!important}
  .tlt-stats{width:min(var(--tlt-shell),calc(100% - 44px));padding-right:55px}
  .tlt-stats>div,.tlt-stat{padding:0 18px!important}.tlt-stat__icon{width:36px;height:36px;flex-basis:36px}.tlt-stat__icon img{width:34px;height:34px}
}
@media(max-width:1020px){
  .tlt-header__actions .tlt-phone-stack{display:none}
  .tlt-hero__scene{background-position:60% center;opacity:.82}
  .tlt-hero__shade{background:linear-gradient(90deg,rgba(3,10,17,.99) 0%,rgba(3,10,17,.92) 43%,rgba(3,10,17,.58) 72%,rgba(3,10,17,.38) 100%),linear-gradient(180deg,rgba(3,10,17,.2),transparent 55%,rgba(3,10,17,.86))}
  .tlt-hero__inner{grid-template-columns:1fr;min-height:650px}.tlt-hero__copy{max-width:650px}.tlt-hero__sidecopy{display:none}
  .tlt-stats{grid-template-columns:1fr 1fr;padding-right:0;row-gap:18px}.tlt-stats>div:nth-child(3){border-left:0!important;padding-left:0!important}
  .tlt-services-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .tlt-shell{width:calc(100% - 28px)}
  .tlt-header{height:72px}.tlt-header__inner{height:72px}.tlt-header__actions{margin-left:auto}.tlt-header .tlt-btn--outline{display:none}
  .tlt-hero--cinematic{min-height:100svh;padding-top:98px}
  .tlt-hero__scene{inset:0;background-position:67% center;opacity:.67;transform:none!important}
  .tlt-hero__shade{background:linear-gradient(90deg,rgba(3,10,17,.98),rgba(3,10,17,.72) 70%,rgba(3,10,17,.42)),linear-gradient(180deg,rgba(3,10,17,.18),rgba(3,10,17,.15) 55%,rgba(3,10,17,.92))}
  .tlt-hero__inner{min-height:auto;padding:40px 0 48px}.tlt-kicker{font-size:8.3px;letter-spacing:.19em;max-width:330px;margin-bottom:20px}
  .tlt-hero h1{font-size:clamp(46px,14vw,68px)!important;line-height:.96!important;margin-bottom:15px!important}.tlt-hero__audience{font-size:8.4px;letter-spacing:.14em;line-height:1.6;margin-bottom:18px}.tlt-hero__audience i{margin:0 4px}
  .tlt-hero__copy p{font-size:14px;line-height:1.55;max-width:520px}.tlt-hero__buttons{display:grid;grid-template-columns:1fr;margin-top:25px}.tlt-hero__buttons .tlt-btn{width:100%}
  .tlt-scroll-cue{display:none}
  .tlt-stats{width:calc(100% - 28px);grid-template-columns:1fr 1fr;padding:18px 0 24px;gap:16px}.tlt-stats>div,.tlt-stat{min-height:58px;padding:0 10px!important;gap:10px}.tlt-stats>div:nth-child(3){border-left:1px solid rgba(255,255,255,.13)!important;padding-left:10px!important}.tlt-stats>div:nth-child(odd){border-left:0!important;padding-left:0!important}.tlt-stat__icon{width:30px;height:30px;flex-basis:30px}.tlt-stat__icon img{width:28px;height:28px}.tlt-stats strong{font-size:17px!important}.tlt-stats span.tlt-stat__copy>span{font-size:8.8px}
  .tlt-catalog-head{padding-left:0}.tlt-catalog-number{display:none}
  .tlt-services-grid{grid-template-columns:1fr}.tlt-service-card{min-height:320px}.tlt-service-card__media{height:150px}.tlt-service-card__media img{height:135px}
}
@media(prefers-reduced-motion:reduce){.tlt-scroll-cue i:before{animation:none}.tlt-hero__scene{transform:none!important}.tlt-reveal{filter:none}}


/* ========================================================================== 
   TLT Premium 1.0.1 — hero composition correction
   The photo is a wide port scene, not a giant cropped container.
   ========================================================================== */
:root{--tlt-shell:1560px}
.tlt-header{height:78px;background:rgba(3,10,17,.78);border-bottom-color:rgba(255,255,255,.14);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.tlt-header__inner{height:78px;gap:28px}
.tlt-brand{min-width:238px;gap:12px}
.tlt-brand__mark{font-size:35px;letter-spacing:-.09em;color:#e4b65b}
.tlt-brand__name{max-width:145px;font-size:9.6px;line-height:1.08;letter-spacing:.055em}
.tlt-nav{margin-left:0}
.tlt-nav ul,.tlt-nav__fallback{gap:27px!important}
.tlt-nav a{font-size:10px;letter-spacing:.04em;padding:30px 0 28px}
.tlt-nav a:after{bottom:18px}
.tlt-header__actions{gap:18px}
.tlt-phone-stack{position:relative;padding-left:31px}
.tlt-phone-stack:before{content:"⌕";position:absolute;left:0;top:50%;width:22px;height:22px;margin-top:-11px;border:1px solid rgba(229,183,94,.72);border-radius:50%;display:grid;place-items:center;color:#e7b95e;font-size:11px;transform:rotate(-35deg)}
.tlt-phone{font-size:11px}.tlt-phone-note{font-size:8px;margin-top:4px}
.tlt-header .tlt-btn--outline{min-height:48px;padding:0 23px;font-size:10px;letter-spacing:.035em}

.tlt-hero--cinematic{min-height:100svh;padding:78px 0 0;background:#06101a}
.tlt-hero__scene{inset:0;transform:none;transform-origin:center;background-size:cover;background-position:center center;filter:none;opacity:1}
.tlt-hero__shade{background:
  linear-gradient(90deg,rgba(2,8,14,.99) 0%,rgba(2,8,14,.97) 24%,rgba(2,8,14,.88) 38%,rgba(2,8,14,.52) 52%,rgba(2,8,14,.12) 69%,rgba(2,8,14,.04) 100%),
  linear-gradient(180deg,rgba(1,6,11,.10) 0%,rgba(1,6,11,.03) 48%,rgba(1,6,11,.30) 72%,rgba(1,6,11,.88) 100%)}
.tlt-hero__grain{opacity:.065}
.tlt-hero__inner{grid-template-columns:minmax(0,690px) 1fr;gap:40px;min-height:calc(100svh - 205px);padding-top:48px;padding-bottom:78px;align-items:center}
.tlt-hero__copy{max-width:650px;transform:translateY(-8px)}
.tlt-kicker{font-size:9.2px;letter-spacing:.235em;margin-bottom:25px;color:#b8c1ca;max-width:440px}
.tlt-kicker:after{width:50px;background:#dfad4d}
.tlt-hero h1{font-size:clamp(62px,5.35vw,90px)!important;line-height:.94!important;letter-spacing:-.048em!important;font-weight:760!important;margin-bottom:18px!important;text-shadow:0 10px 38px rgba(0,0,0,.32)}
.tlt-hero h1 span{color:#e7b85b}
.tlt-hero__audience{font-size:9.8px;letter-spacing:.205em;margin-bottom:22px;color:#f1f3f5}
.tlt-hero__copy p{font-size:15px;line-height:1.58;max-width:600px;color:#d7dde2}
.tlt-hero__buttons{margin-top:30px;gap:14px}
.tlt-hero__buttons .tlt-btn{min-height:52px;padding:0 24px;font-size:10.5px}
.tlt-hero__buttons .tlt-btn b{font-size:14px}
.tlt-hero__sidecopy{display:none!important}
.tlt-scroll-cue{right:2.1%;bottom:18px}

.tlt-stats{width:min(var(--tlt-shell),calc(100% - 68px));padding:20px 58px 27px 0;background:linear-gradient(90deg,rgba(1,7,12,.38),rgba(1,7,12,.66) 55%,rgba(1,7,12,.32));border-top:1px solid rgba(255,255,255,.14);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.tlt-stats>div,.tlt-stat{min-height:62px;padding:0 32px!important;gap:18px}
.tlt-stat__icon{width:38px;height:38px;flex-basis:38px}.tlt-stat__icon img{width:34px;height:34px}
.tlt-stats strong{font-size:22px!important;color:#f7f7f6!important;margin-bottom:6px!important}
.tlt-stats span.tlt-stat__copy>span{font-size:9.8px;line-height:1.35;color:#c2c8ce}

@media(max-width:1240px){
 .tlt-header{height:76px}.tlt-header__inner{height:76px}.tlt-brand{min-width:210px}.tlt-nav ul,.tlt-nav__fallback{gap:18px!important}
 .tlt-hero--cinematic{padding-top:76px}.tlt-hero__inner{grid-template-columns:minmax(0,610px) 1fr;min-height:calc(100svh - 195px);padding-top:38px}.tlt-hero h1{font-size:clamp(58px,5.5vw,82px)!important}
 .tlt-stats{width:min(var(--tlt-shell),calc(100% - 44px));padding-right:40px}
}
@media(max-width:1020px){
 .tlt-hero__scene{background-position:61% center}.tlt-hero__shade{background:linear-gradient(90deg,rgba(2,8,14,.99),rgba(2,8,14,.93) 48%,rgba(2,8,14,.50) 78%,rgba(2,8,14,.28)),linear-gradient(180deg,transparent 50%,rgba(2,8,14,.88))}
 .tlt-hero__inner{min-height:650px;padding-top:40px}.tlt-phone-stack:before{display:none}.tlt-phone-stack{padding-left:0}
}
@media(max-width:700px){
 .tlt-header{height:70px}.tlt-header__inner{height:70px}.tlt-brand__mark{font-size:31px}.tlt-brand__name{font-size:8.8px}
 .tlt-hero--cinematic{padding-top:70px}.tlt-hero__scene{background-position:65% center;opacity:.78}.tlt-hero__shade{background:linear-gradient(90deg,rgba(2,8,14,.98),rgba(2,8,14,.80) 68%,rgba(2,8,14,.48)),linear-gradient(180deg,rgba(2,8,14,.06),rgba(2,8,14,.17) 54%,rgba(2,8,14,.94))}
 .tlt-hero__inner{padding-top:38px;padding-bottom:44px}.tlt-hero__copy{transform:none}.tlt-hero h1{font-size:clamp(45px,13.5vw,64px)!important}.tlt-hero__copy p{font-size:13.5px}
 .tlt-stats{width:calc(100% - 28px);padding-right:0}
}

/* ========================================================================== 
   TLT Premium 1.0.2 — clean hero composition + customer logo
   ========================================================================== */
.tlt-brand{gap:12px;min-width:250px;align-items:center}
.tlt-brand__logo{display:block;width:70px;height:52px;object-fit:contain;object-position:center;filter:drop-shadow(0 6px 18px rgba(205,159,75,.13))}
.tlt-brand__mark{display:none!important}
.tlt-brand__name{max-width:145px}
.tlt-brand--footer .tlt-brand__logo{width:86px;height:66px}

.tlt-hero--cinematic{isolation:isolate}
.tlt-hero__scene{background-image:var(--tlt-hero-scene);background-position:center center;background-size:cover;opacity:1;filter:none;transform:none!important}
.tlt-hero__shade{background:
  radial-gradient(circle at 73% 48%,rgba(230,181,88,.08),transparent 28%),
  linear-gradient(90deg,rgba(2,8,14,.99) 0%,rgba(2,8,14,.97) 28%,rgba(2,8,14,.84) 45%,rgba(2,8,14,.34) 67%,rgba(2,8,14,.12) 100%),
  linear-gradient(180deg,rgba(1,6,11,.06),rgba(1,6,11,.05) 55%,rgba(1,6,11,.82) 100%)}
.tlt-hero__inner{grid-template-columns:minmax(0,650px) minmax(540px,1fr);gap:38px;align-items:center}
.tlt-hero__copy{position:relative;z-index:3}
.tlt-hero__productwrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-end;min-height:560px;pointer-events:none}
.tlt-hero-product{display:block;width:min(790px,53vw);height:auto;max-height:610px;object-fit:contain;filter:drop-shadow(0 32px 50px rgba(0,0,0,.52));transform:translate3d(34px,28px,0);transition:transform .25s linear;will-change:transform}
.tlt-hero__productglow{position:absolute;right:7%;bottom:9%;width:70%;height:34%;background:radial-gradient(ellipse,rgba(227,180,89,.14),rgba(15,48,72,.08) 42%,transparent 70%);filter:blur(16px)}
.tlt-stats{position:relative;z-index:4;background:linear-gradient(90deg,rgba(2,8,14,.78),rgba(2,8,14,.52) 52%,rgba(2,8,14,.66));}

@media(max-width:1240px){
 .tlt-brand{min-width:215px}.tlt-brand__logo{width:61px;height:47px}.tlt-brand__name{max-width:132px;font-size:8.8px}
 .tlt-hero__inner{grid-template-columns:minmax(0,580px) minmax(430px,1fr)}
 .tlt-hero-product{width:min(680px,52vw);transform:translate3d(20px,20px,0)}
}
@media(max-width:1020px){
 .tlt-brand{min-width:185px}.tlt-brand__name{display:none}.tlt-brand__logo{width:72px;height:52px}
 .tlt-hero__inner{grid-template-columns:1fr;min-height:auto;padding-bottom:20px}
 .tlt-hero__productwrap{min-height:310px;margin-top:-10px;justify-content:center}
 .tlt-hero-product{width:min(760px,92vw);max-height:360px;transform:translate3d(7%,0,0)}
 .tlt-hero__shade{background:linear-gradient(90deg,rgba(2,8,14,.98),rgba(2,8,14,.91) 54%,rgba(2,8,14,.54)),linear-gradient(180deg,rgba(2,8,14,.05),rgba(2,8,14,.12) 55%,rgba(2,8,14,.91))}
}
@media(max-width:700px){
 .tlt-brand__logo{width:61px;height:46px}
 .tlt-hero__productwrap{min-height:220px;margin-top:-5px}
 .tlt-hero-product{width:108vw;max-height:270px;transform:translate3d(10%,0,0)}
}


/* ========================================================================== 
   TLT Premium 1.0.4 — real HTML hero, sharp typography, transparent branding
   ========================================================================== */
:root{--tlt-shell:1540px}

/* Exact customer logo, never a generated replacement. */
.tlt-brand{min-width:210px;gap:0}
.tlt-brand__logo{width:150px!important;height:68px!important;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 16px rgba(210,164,76,.16))}
.tlt-brand__name{display:none!important}
.tlt-brand--footer .tlt-brand__logo{width:172px!important;height:116px!important}

/* Header is a real DOM layer; it is no longer baked into the image. */
.tlt-header{height:82px;background:rgba(2,9,15,.94)!important;border-bottom:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tlt-header__inner{height:82px}
.tlt-nav{margin-left:18px;margin-right:auto}
.tlt-nav ul,.tlt-nav__fallback{gap:29px!important}
.tlt-nav a{font-size:10.5px;letter-spacing:.045em;padding:32px 0 30px;color:#eef1f4}
.tlt-header__actions{margin-left:auto}

/* The scene is only atmosphere. All copy/buttons/stats are live HTML. */
.tlt-hero--cinematic{min-height:100svh;padding:82px 0 0;background:#04101a;overflow:hidden}
.tlt-hero__scene{inset:0!important;background-image:var(--tlt-hero-scene)!important;background-size:cover!important;background-position:center center!important;background-repeat:no-repeat!important;opacity:1!important;filter:none!important;transform:none!important}
.tlt-hero__shade{display:block!important;background:
 radial-gradient(ellipse at 80% 44%,rgba(230,180,79,.12),transparent 31%),
 linear-gradient(90deg,rgba(2,9,15,.97) 0%,rgba(2,9,15,.94) 27%,rgba(2,9,15,.79) 43%,rgba(2,9,15,.31) 61%,rgba(2,9,15,.09) 100%),
 linear-gradient(180deg,rgba(2,9,15,.03) 0%,rgba(2,9,15,.02) 54%,rgba(2,9,15,.76) 100%)!important}
.tlt-hero__grain{display:block!important;opacity:.055!important}

.tlt-hero__inner{display:grid!important;grid-template-columns:minmax(0,660px) minmax(620px,1fr)!important;gap:26px!important;min-height:calc(100svh - 214px)!important;padding:48px 0 46px!important;align-items:center!important;opacity:1!important;pointer-events:auto!important}
.tlt-hero__copy{position:relative;z-index:5;max-width:650px;opacity:1!important;transform:none!important}
.tlt-kicker{font-size:9.7px;letter-spacing:.235em;margin-bottom:27px;color:#c2c9d0;max-width:450px}
.tlt-hero h1{font-size:clamp(64px,5.0vw,88px)!important;line-height:.94!important;letter-spacing:-.047em!important;font-weight:790!important;margin:0 0 18px!important;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
.tlt-hero__audience{font-size:10px;letter-spacing:.205em;margin-bottom:22px;color:#f2f4f6}
.tlt-hero__copy p{font-size:15.5px;line-height:1.57;max-width:605px;color:#dce1e5}
.tlt-hero__buttons{display:flex!important;margin-top:31px;gap:14px;opacity:1!important;transform:none!important}
.tlt-hero__buttons .tlt-btn{min-height:54px;padding:0 25px;font-size:10.5px}

/* Crisp isolated container covers the generated container in the atmosphere image. */
.tlt-hero__productwrap{position:relative!important;z-index:4!important;display:flex!important;align-items:flex-end!important;justify-content:flex-end!important;min-height:580px!important;pointer-events:none!important;opacity:1!important;overflow:visible!important;transform:none!important}
.tlt-hero__productglow{position:absolute;right:4%;bottom:7%;width:77%;height:31%;background:radial-gradient(ellipse,rgba(217,166,67,.20),rgba(25,54,76,.10) 44%,transparent 72%);filter:blur(22px)}
.tlt-hero-product{position:relative;z-index:2;display:block!important;width:min(1000px,59vw)!important;height:auto!important;max-height:700px!important;object-fit:contain!important;filter:drop-shadow(0 34px 34px rgba(0,0,0,.54))!important;transform:translate3d(74px,48px,0) rotate(-.10deg)!important;opacity:1!important;will-change:auto!important}


.tlt-stats{position:relative!important;z-index:6!important;opacity:1!important;pointer-events:auto!important;width:min(var(--tlt-shell),calc(100% - 64px));grid-template-columns:repeat(4,1fr);padding:19px 56px 25px 0;margin-top:auto;background:linear-gradient(90deg,rgba(2,8,14,.72),rgba(2,8,14,.47) 52%,rgba(2,8,14,.64));border-top:1px solid rgba(255,255,255,.15);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.tlt-stats>div,.tlt-stat{min-height:61px;padding:0 30px!important;gap:17px}
.tlt-stat__icon{width:37px;height:37px;flex-basis:37px}.tlt-stat__icon img{width:34px;height:34px}
.tlt-stats strong{font-size:21px!important}.tlt-stats span.tlt-stat__copy>span{font-size:9.6px}
.tlt-scroll-cue{opacity:1!important;pointer-events:auto!important;right:1.5%;bottom:18px}
.tlt-hero__sidecopy{display:grid!important;position:absolute;z-index:6;right:3.4%;top:145px;margin:0!important;padding:0!important;gap:4px;color:#eef1f3;font-size:10px;line-height:1.12;letter-spacing:.24em;text-shadow:0 3px 14px rgba(0,0,0,.65)}
.tlt-hero__sidecopy:after{content:"";display:block;width:38px;height:1px;background:#e0ae50;margin-top:8px}
.tlt-hero-hotspots{display:none!important}

@media(max-width:1280px){
 .tlt-brand{min-width:175px}.tlt-brand__logo{width:128px!important;height:60px!important}.tlt-nav ul,.tlt-nav__fallback{gap:20px!important}
 .tlt-hero__inner{grid-template-columns:minmax(0,580px) minmax(520px,1fr)!important}.tlt-hero h1{font-size:clamp(58px,5.1vw,80px)!important}
 .tlt-hero-product{width:min(790px,55vw)!important;transform:translate3d(28px,30px,0)!important}
}
@media(max-width:1020px){
 .tlt-header{height:72px}.tlt-header__inner{height:72px}.tlt-brand{min-width:100px}.tlt-brand__logo{width:92px!important;height:58px!important}
 .tlt-hero--cinematic{padding-top:72px}.tlt-hero__scene{background-position:61% center!important}
 .tlt-hero__shade{background:linear-gradient(90deg,rgba(2,9,15,.98),rgba(2,9,15,.92) 55%,rgba(2,9,15,.55) 82%,rgba(2,9,15,.32)),linear-gradient(180deg,transparent 46%,rgba(2,9,15,.92))!important}
 .tlt-hero__inner{grid-template-columns:1fr!important;min-height:auto!important;padding:42px 0 20px!important}
 .tlt-hero__productwrap{min-height:315px!important;justify-content:center!important;margin-top:-4px}
 .tlt-hero-product{width:min(760px,92vw)!important;max-height:365px!important;transform:translate3d(8%,0,0)!important}
 
 .tlt-stats{width:calc(100% - 32px);padding-right:0}
}
@media(max-width:700px){
 .tlt-brand__logo{width:82px!important;height:52px!important}
 .tlt-hero h1{font-size:clamp(45px,13vw,63px)!important}
 .tlt-hero__copy p{font-size:13.5px}
 .tlt-hero__productwrap{min-height:218px!important}
 .tlt-hero-product{width:108vw!important;max-height:270px!important;transform:translate3d(10%,0,0)!important}
 
 .tlt-stats{grid-template-columns:1fr 1fr}
}
\n\n/* ==========================================================================\n   TLT Premium 1.0.5 — ONE HERO SCENE / no duplicated container overlay\n   ========================================================================== */\n/* The port image already contains the right-side container. Never stack a second product on top. */\n.tlt-hero__productwrap,.tlt-hero-product,.tlt-hero__productglow{display:none!important}\n.tlt-hero__sidecopy{display:none!important}\n.tlt-hero__inner{grid-template-columns:minmax(0,660px) 1fr!important}\n/* Kill the faint baked copy on the left while keeping cranes/ship visible toward the center. */\n.tlt-hero__shade{background:\n linear-gradient(90deg,rgba(2,9,15,.995) 0%,rgba(2,9,15,.975) 25%,rgba(2,9,15,.90) 39%,rgba(2,9,15,.46) 56%,rgba(2,9,15,.08) 76%,rgba(2,9,15,.03) 100%),\n linear-gradient(180deg,rgba(2,9,15,.02) 0%,rgba(2,9,15,.02) 56%,rgba(2,9,15,.72) 100%)!important}\n@media(max-width:1020px){\n .tlt-hero__inner{grid-template-columns:1fr!important}\n .tlt-hero__shade{background:linear-gradient(90deg,rgba(2,9,15,.985),rgba(2,9,15,.90) 62%,rgba(2,9,15,.45)),linear-gradient(180deg,rgba(2,9,15,.03),rgba(2,9,15,.16) 55%,rgba(2,9,15,.92))!important}\n}\n

/* TLT Premium 1.0.7 — background no longer contains the screenshot mouse. Keep the real animated HTML cue. */
@media(min-width:701px){.tlt-scroll-cue{display:grid!important}}


/* TLT Premium 1.0.8 — clean hero source: all baked UI/ghost labels removed from the active background image. */


/* ========================================================================== 
   TLT Premium 1.0.9 — clean wide cinematic port scene
   ========================================================================== */
/* Use a genuinely clean photo-like background. No baked text, buttons, logos or scroll cue. */
.tlt-hero__scene{
  inset:0!important;
  background-image:var(--tlt-hero-scene)!important;
  background-size:cover!important;
  background-position:center 55%!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
/* Keep the ship/cranes readable while reserving a dark text zone on the left. */
.tlt-hero__shade{
  display:block!important;
  background:
    linear-gradient(90deg,
      rgba(2,9,15,.92) 0%,
      rgba(2,9,15,.84) 22%,
      rgba(2,9,15,.66) 38%,
      rgba(2,9,15,.25) 56%,
      rgba(2,9,15,.05) 76%,
      rgba(2,9,15,.02) 100%),
    linear-gradient(180deg,
      rgba(2,9,15,.04) 0%,
      rgba(2,9,15,.00) 48%,
      rgba(2,9,15,.52) 100%)!important;
}
/* There must never be a second container layered over the scene. */
.tlt-hero__productwrap,.tlt-hero-product,.tlt-hero__productglow,.tlt-hero__sidecopy{display:none!important}
/* Real animated cue only. */
@media(min-width:701px){.tlt-scroll-cue{display:grid!important;opacity:1!important}}
@media(max-width:1020px){
  .tlt-hero__scene{background-position:60% 54%!important}
  .tlt-hero__shade{background:
    linear-gradient(90deg,rgba(2,9,15,.94),rgba(2,9,15,.82) 55%,rgba(2,9,15,.26)),
    linear-gradient(180deg,rgba(2,9,15,.02),rgba(2,9,15,.08) 52%,rgba(2,9,15,.82))!important}
}


/* ==========================================================================
   TLT Premium 1.0.10 — new «ТЛТ» brand identity
   ========================================================================== */
.tlt-brand{min-width:175px!important}
.tlt-brand__logo{
  width:122px!important;
  height:76px!important;
  object-fit:contain!important;
  object-position:left center!important;
  filter:drop-shadow(0 5px 18px rgba(224,174,82,.18))!important;
}
.tlt-brand--footer .tlt-brand__logo{
  width:235px!important;
  height:154px!important;
}
@media(max-width:1280px){
  .tlt-brand{min-width:150px!important}
  .tlt-brand__logo{width:108px!important;height:70px!important}
}
@media(max-width:1020px){
  .tlt-brand{min-width:92px!important}
  .tlt-brand__logo{width:92px!important;height:62px!important}
}
@media(max-width:700px){
  .tlt-brand__logo{width:76px!important;height:54px!important}
  .tlt-brand--footer .tlt-brand__logo{width:180px!important;height:118px!important}
}