/* ========================================================================== 
   TLT Premium 1.1.1 — Premium Clean
   Conservative art-direction pass: preserve proven layout, reduce template noise.
   ========================================================================== */
:root{
  --tlt-shell:1480px;
  --tlt-gold:#d7a84f;
  --tlt-gold-2:#efc66f;
}

/* Overall rhythm: keep structure, add air without turning sections into posters. */
.tlt-shell{width:min(var(--tlt-shell),calc(100% - 72px))!important}
.tlt-section{padding:126px 0!important;border-top:1px solid rgba(255,255,255,.055)!important}
.tlt-section__eyebrow{font-size:9px!important;letter-spacing:.29em!important;color:#d9aa55!important;margin-bottom:20px!important}
.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:680!important;
  letter-spacing:-.045em!important;
}

/* Header: quieter and more architectural. */
.tlt-header{height:80px!important;background:rgba(3,9,14,.93)!important;border-bottom:1px solid rgba(255,255,255,.065)!important;backdrop-filter:blur(14px)!important}
.tlt-header__inner{height:80px!important}
.tlt-brand__logo{width:132px!important;height:68px!important;object-fit:contain!important;filter:drop-shadow(0 7px 16px rgba(210,163,75,.10))!important}
.tlt-nav ul,.tlt-nav__fallback{gap:31px!important}
.tlt-nav a{font-size:9.5px!important;letter-spacing:.055em!important;color:#d6dde4!important;opacity:.86}
.tlt-nav a:hover{opacity:1;color:#fff!important}
.tlt-header__actions .tlt-btn{min-height:48px!important;padding:0 23px!important;font-size:9px!important}

/* Hero: retain the cinematic composition, just refine typography and controls. */
.tlt-hero__copy{max-width:620px!important}
.tlt-kicker{font-size:8.5px!important;letter-spacing:.30em!important;margin-bottom:29px!important;color:#b9c2ca!important}
.tlt-hero h1{font-size:clamp(66px,5.15vw,92px)!important;line-height:.93!important;font-weight:690!important;letter-spacing:-.052em!important;margin-bottom:19px!important}
.tlt-hero__audience{font-size:8.8px!important;letter-spacing:.27em!important;margin-bottom:22px!important}
.tlt-hero__copy p{font-size:14.5px!important;line-height:1.65!important;color:#c9d0d6!important;max-width:570px!important}
.tlt-hero__buttons{margin-top:31px!important;gap:12px!important}
.tlt-hero__buttons .tlt-btn{min-height:54px!important;padding:0 25px!important;font-size:9.5px!important}
.tlt-stats{background:linear-gradient(90deg,rgba(3,10,16,.58),rgba(3,10,16,.30),rgba(3,10,16,.50))!important;border-top:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(8px)!important}

/* Catalog: preserve six-column product view; make cards restrained and consistent. */
.tlt-catalog-preview{padding:122px 0 104px!important;background:radial-gradient(circle at 82% 9%,rgba(215,168,79,.065),transparent 23%),linear-gradient(180deg,#07121c,#061019)!important}
.tlt-catalog-orbit{opacity:.42!important}.tlt-catalog-number{opacity:.65!important}
.tlt-catalog-head{margin-bottom:48px!important;padding-left:118px!important;gap:72px!important}
.tlt-catalog-head h2{font-size:clamp(49px,4.9vw,76px)!important;line-height:.96!important}
.tlt-catalog-intro p{font-size:14px!important;line-height:1.7!important;color:#aab5c0!important}
.tlt-catalog-grid{gap:12px!important}
.tlt-catalog-card{min-height:425px!important;padding:15px 16px 16px!important;background:linear-gradient(180deg,rgba(14,30,43,.86),rgba(6,15,23,.96))!important;border-color:rgba(255,255,255,.09)!important;box-shadow:0 16px 46px rgba(0,0,0,.13)!important}
.tlt-catalog-card:hover{transform:translateY(-4px)!important;border-color:rgba(215,168,79,.38)!important;box-shadow:0 22px 58px rgba(0,0,0,.23)!important}
.tlt-catalog-card__visual{height:146px!important;margin:-3px -3px 9px!important;background:radial-gradient(circle at 50% 90%,rgba(44,78,105,.20),transparent 57%)!important;border-bottom:1px solid rgba(255,255,255,.035)!important}
.tlt-catalog-product{height:138px!important;width:95%!important;object-fit:contain!important;transform:translateY(2px) scale(.96)!important;filter:drop-shadow(0 15px 14px rgba(0,0,0,.38))!important}
.tlt-catalog-card:hover .tlt-catalog-product{transform:translateY(-4px) scale(1.01)!important;filter:drop-shadow(0 20px 17px rgba(0,0,0,.45))!important}
.tlt-catalog-card__type{font-size:18px!important;font-weight:740!important}.tlt-catalog-card__subtitle{color:#97a4af!important}
.tlt-catalog-specs{margin:18px 0 15px!important}.tlt-catalog-card__action{height:39px!important;border-color:rgba(255,255,255,.18)!important}

/* Services: keep the readable 4-column rhythm, remove the "template card" shine. */
.tlt-services{padding:124px 0!important;background:radial-gradient(circle at 16% 20%,rgba(39,73,101,.16),transparent 31%),linear-gradient(180deg,#08141f,#061019)!important}
.tlt-services:before{opacity:.36!important}.tlt-services__glow{opacity:.42!important}
.tlt-services-head{margin-bottom:48px!important;gap:78px!important}
.tlt-services-head h2{font-size:clamp(46px,4.65vw,70px)!important;line-height:1!important}
.tlt-services-head>p{font-size:14px!important;line-height:1.75!important;color:#a2adb8!important}
.tlt-services-grid{border:0!important;gap:14px!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
.tlt-service-card{min-height:330px!important;padding:0 21px 21px!important;border:1px solid rgba(255,255,255,.085)!important;background:linear-gradient(180deg,rgba(13,28,41,.78),rgba(6,15,23,.94))!important;box-shadow:0 16px 40px rgba(0,0,0,.10)!important;transform:none!important}
.tlt-service-card:hover{background:linear-gradient(180deg,rgba(16,34,49,.86),rgba(7,17,26,.96))!important;border-color:rgba(215,168,79,.30)!important;box-shadow:0 22px 52px rgba(0,0,0,.18)!important;transform:translateY(-3px)!important}
.tlt-service-card:before{opacity:.45!important}
.tlt-service-card__media{height:132px!important;margin:0 -21px 18px!important;background:linear-gradient(180deg,rgba(17,36,51,.92),rgba(8,20,31,.91))!important;border-bottom:1px solid rgba(255,255,255,.055)!important}
.tlt-service-card__media img{width:82%!important;height:116px!important;object-fit:contain!important;filter:drop-shadow(0 15px 15px rgba(0,0,0,.36))!important}
.tlt-service-card:hover .tlt-service-card__media img{transform:scale(1.035) translateY(-2px)!important}
.tlt-service-card__num{top:14px!important;left:14px!important;padding:5px 7px!important;background:rgba(4,12,19,.72)!important;border-color:rgba(215,168,79,.28)!important;font-size:9px!important}
.tlt-service-card h3{font-size:16.5px!important;line-height:1.15!important;margin-bottom:9px!important;font-weight:690!important}
.tlt-service-card p{font-size:11.3px!important;line-height:1.62!important;color:#919eaa!important}
.tlt-service-card a{left:21px!important;right:21px!important;bottom:16px!important;font-size:8.8px!important;letter-spacing:.10em!important;color:#b9c2ca!important}

/* Other sections: subtle reduction in dashboard feel, without changing layouts. */
.tlt-logistics{background:radial-gradient(circle at 72% 42%,rgba(215,168,79,.045),transparent 27%),linear-gradient(180deg,#07121c,#081521)!important}
.tlt-route-stage{box-shadow:0 22px 60px rgba(0,0,0,.15)!important;border-color:rgba(255,255,255,.08)!important}
.tlt-calc-builder,.tlt-calc-summary{box-shadow:0 24px 68px rgba(0,0,0,.16)!important;border-color:rgba(255,255,255,.09)!important}
.tlt-quality{background:radial-gradient(circle at 18% 50%,rgba(31,65,91,.13),transparent 28%),linear-gradient(180deg,#07111b,#06101a)!important}
.tlt-quality-item{background:rgba(255,255,255,.012)!important;border-color:rgba(255,255,255,.075)!important}
.tlt-portal{background:radial-gradient(circle at 76% 38%,rgba(215,168,79,.045),transparent 26%),linear-gradient(180deg,#07131f,#081622)!important}
.tlt-portal-demo{border-color:rgba(255,255,255,.09)!important;box-shadow:0 28px 80px rgba(0,0,0,.22)!important}
.tlt-final-cta{padding:112px 0 118px!important;background:linear-gradient(90deg,rgba(3,10,17,.965),rgba(5,14,22,.87)),var(--tlt-hero-scene,none)!important;background-size:cover!important;background-position:center 66%!important;border-top:1px solid rgba(255,255,255,.05)!important}
.tlt-final-cta h2{font-size:clamp(46px,4.7vw,70px)!important}

/* Footer: restrained. */
.tlt-footer{border-top:1px solid rgba(255,255,255,.055)!important}
.tlt-brand--footer .tlt-brand__logo{width:150px!important;height:86px!important}

@media(max-width:1180px){
  .tlt-shell{width:min(var(--tlt-shell),calc(100% - 50px))!important}
  .tlt-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tlt-catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:900px){
  .tlt-shell{width:calc(100% - 32px)!important}
  .tlt-section{padding:98px 0!important}
  .tlt-header{height:72px!important}.tlt-header__inner{height:72px!important}.tlt-brand__logo{width:105px!important;height:58px!important}
  .tlt-catalog-head{padding-left:0!important}
  .tlt-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .tlt-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
  .tlt-shell{width:calc(100% - 24px)!important}
  .tlt-catalog-grid,.tlt-services-grid{grid-template-columns:1fr!important}
  .tlt-service-card{min-height:318px!important}
  .tlt-service-card__media{height:145px!important}.tlt-service-card__media img{height:128px!important}
}

/* ========================================================================== 
   TLT Premium 1.1.2 — Crafted Details
   Bespoke motion and micro-interactions without rebuilding the proven layout.
   ========================================================================== */
:root{
  --tlt-luxe-gold:216,169,79;
  --tlt-luxe-ice:125,164,193;
}

/* Ambient, pointer-aware light. Added by JS as a real layer so existing section
   pseudo-elements remain untouched. */
.tlt-hero,.tlt-section{isolation:isolate}
.tlt-ambient-light{
  position:absolute;
  z-index:1;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .55s ease;
  background:
    radial-gradient(540px circle at var(--lux-x,50%) var(--lux-y,50%),rgba(var(--tlt-luxe-gold),.072),transparent 52%),
    radial-gradient(760px circle at calc(var(--lux-x,50%) + 11%) calc(var(--lux-y,50%) - 7%),rgba(var(--tlt-luxe-ice),.035),transparent 58%);
  mix-blend-mode:screen;
}
.tlt-luxe-hover .tlt-ambient-light{opacity:1}
.tlt-hero>.tlt-ambient-light{z-index:4;opacity:.28;background:radial-gradient(660px circle at var(--lux-x,62%) var(--lux-y,38%),rgba(227,181,91,.10),transparent 55%)}
.tlt-hero.tlt-luxe-hover>.tlt-ambient-light{opacity:.7}
/* Keep only real content above the ambient light.
   IMPORTANT: do not force every direct tlt-* child to position:relative.
   Several sections have large decorative absolute layers (halo/glow/grid).
   Turning those into relative blocks creates 600px+ empty gaps in the page. */
.tlt-section>.tlt-shell{position:relative;z-index:2}

/* Defensive positioning for decorative layers. These must never participate
   in normal document flow. */
.tlt-services__glow,
.tlt-logistics__grid-bg,
.tlt-calculator__halo,
.tlt-quality__halo,
.tlt-portal__glow,
.tlt-final-cta__beam,
.tlt-catalog-orbit{position:absolute!important;pointer-events:none!important}

/* Editorial heading reveal. It only activates after JS has announced itself. */
html.tlt-luxe-js .tlt-section h2,
html.tlt-luxe-js .tlt-catalog-head h2,
html.tlt-luxe-js .tlt-services-head h2,
html.tlt-luxe-js .tlt-logistics__copy h2,
html.tlt-luxe-js .tlt-calc-head h2,
html.tlt-luxe-js .tlt-quality__head h2,
html.tlt-luxe-js .tlt-portal__copy h2,
html.tlt-luxe-js .tlt-final-cta h2{
  opacity:.001;
  transform:translate3d(0,22px,0);
  clip-path:inset(0 0 100% 0);
  transition:opacity .7s ease,transform .95s cubic-bezier(.16,1,.3,1),clip-path .95s cubic-bezier(.16,1,.3,1);
}
html.tlt-luxe-js .is-luxe-visible h2,
html.tlt-luxe-js .tlt-catalog-head.is-luxe-visible h2,
html.tlt-luxe-js .tlt-services-head.is-luxe-visible h2,
html.tlt-luxe-js .tlt-logistics__copy.is-luxe-visible h2,
html.tlt-luxe-js .tlt-calc-head.is-luxe-visible h2,
html.tlt-luxe-js .tlt-quality__head.is-luxe-visible h2,
html.tlt-luxe-js .tlt-portal__copy.is-luxe-visible h2,
html.tlt-luxe-js .tlt-final-cta.is-luxe-visible h2{
  opacity:1;
  transform:none;
  clip-path:inset(-5% -5% -8% -5%);
}

/* Gold hairline grows in from the left instead of every block appearing at once. */
.tlt-section__eyebrow{position:relative;display:inline-flex;align-items:center;gap:12px}
.tlt-section__eyebrow:after{
  content:"";
  width:0;
  height:1px;
  background:linear-gradient(90deg,rgba(235,190,100,.85),rgba(235,190,100,0));
  transition:width .9s cubic-bezier(.16,1,.3,1) .12s;
}
.is-luxe-visible .tlt-section__eyebrow:after,.tlt-section__eyebrow.is-luxe-visible:after{width:54px}

/* Card lighting — no new boxes, only a responsive glint inside the existing ones. */
.tlt-catalog-card,.tlt-service-card,.tlt-quality-item,.tlt-portal-demo,.tlt-route-stage,.tlt-calc-panel,.tlt-calc-summary{overflow:hidden;position:relative}
.tlt-card-light{
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .3s ease;
  background:radial-gradient(300px circle at var(--card-x,50%) var(--card-y,50%),rgba(226,177,83,.10),rgba(101,144,177,.025) 34%,transparent 66%);
}
.tlt-catalog-card:hover>.tlt-card-light,.tlt-service-card:hover>.tlt-card-light,.tlt-quality-item:hover>.tlt-card-light,.tlt-portal-demo:hover>.tlt-card-light,.tlt-route-stage:hover>.tlt-card-light,.tlt-calc-panel:hover>.tlt-card-light,.tlt-calc-summary:hover>.tlt-card-light{opacity:1}
.tlt-catalog-card>*:not(.tlt-card-light),.tlt-service-card>*:not(.tlt-card-light),.tlt-quality-item>*:not(.tlt-card-light),.tlt-portal-demo>*:not(.tlt-card-light),.tlt-route-stage>*:not(.tlt-card-light),.tlt-calc-panel>*:not(.tlt-card-light),.tlt-calc-summary>*:not(.tlt-card-light){position:relative;z-index:1}

/* One signature trace: a fine gold edge that runs across cards on hover. */
.tlt-catalog-card:after,.tlt-service-card:after{
  content:"";
  position:absolute;
  z-index:3;
  left:16px;
  right:16px;
  top:-1px;
  height:1px;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg,transparent,var(--tlt-gold-2),rgba(255,231,174,.82),transparent);
  transition:transform .68s cubic-bezier(.16,1,.3,1);
  pointer-events:none;
}
.tlt-catalog-card:hover:after,.tlt-service-card:hover:after{transform:scaleX(1)}

/* Images get a gentle optical move, not the big template-style zoom. */
.tlt-catalog-product,.tlt-service-card__media img,.tlt-quality__visual img{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .8s ease!important}
.tlt-catalog-card:hover .tlt-catalog-product{transform:translate3d(4px,-5px,0) scale(1.018)!important}
.tlt-service-card:hover .tlt-service-card__media img{transform:translate3d(5px,-3px,0) scale(1.018)!important}

/* CTA controls: quiet metallic sweep and magnetic positioning from JS. */
.tlt-btn{position:relative;overflow:hidden;will-change:translate;transition:translate .22s ease,background-color .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease!important}
.tlt-btn:before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  transform:translateX(-135%) skewX(-22deg);
  background:linear-gradient(90deg,transparent 24%,rgba(255,255,255,.04) 42%,rgba(255,241,203,.21) 50%,rgba(255,255,255,.04) 58%,transparent 76%);
  transition:transform .75s cubic-bezier(.16,1,.3,1);
}
.tlt-btn:hover:before{transform:translateX(135%) skewX(-22deg)}

/* Active navigation makes the header feel authored rather than generic. */
.tlt-nav a{position:relative;transition:color .25s ease,opacity .25s ease!important}
.tlt-nav a:after{
  content:"";
  position:absolute;
  left:50%;
  right:50%;
  bottom:18px;
  height:1px;
  background:var(--tlt-gold-2);
  box-shadow:0 0 13px rgba(229,183,90,.28);
  transition:left .35s cubic-bezier(.16,1,.3,1),right .35s cubic-bezier(.16,1,.3,1);
}
.tlt-nav a.is-active{color:#fff!important;opacity:1!important}
.tlt-nav a.is-active:after,.tlt-nav a:hover:after{left:0;right:0}

/* Signature thin moving brand ribbon. This is deliberately only one strip. */
.tlt-brand-ribbon{
  position:relative;
  z-index:5;
  height:44px;
  overflow:hidden;
  display:flex;
  align-items:center;
  background:#050e16;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.tlt-brand-ribbon__track{
  display:flex;
  align-items:center;
  width:max-content;
  white-space:nowrap;
  animation:tltRibbon 34s linear infinite;
  will-change:transform;
}
.tlt-brand-ribbon__group{display:flex;align-items:center}
.tlt-brand-ribbon span{
  display:inline-flex;
  align-items:center;
  gap:28px;
  padding:0 28px;
  color:#86939e;
  font-size:8.5px;
  letter-spacing:.26em;
  font-weight:650;
}
.tlt-brand-ribbon span:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--tlt-gold);box-shadow:0 0 12px rgba(215,168,79,.38)}
@keyframes tltRibbon{to{transform:translateX(-50%)}}

/* Bespoke side navigator. Labels appear on interaction only; default is almost invisible. */
.tlt-luxe-rail{
  position:fixed;
  z-index:80;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  display:grid;
  gap:10px;
  padding:10px 7px;
  border-radius:22px;
  background:rgba(3,10,16,.36);
  border:1px solid rgba(255,255,255,.055);
  backdrop-filter:blur(10px);
  opacity:.52;
  transition:opacity .25s ease,background .25s ease;
}
.tlt-luxe-rail:hover{opacity:1;background:rgba(3,10,16,.66)}
.tlt-luxe-rail a{position:relative;display:block;width:7px;height:7px;border-radius:50%;border:1px solid rgba(213,224,233,.38);background:#07131d;transition:all .3s ease}
.tlt-luxe-rail a.is-active{border-color:var(--tlt-gold-2);background:var(--tlt-gold-2);box-shadow:0 0 0 4px rgba(224,177,84,.07),0 0 14px rgba(224,177,84,.28)}
.tlt-luxe-rail em{position:absolute;right:17px;top:50%;transform:translate(6px,-50%);opacity:0;pointer-events:none;white-space:nowrap;color:#aab5bf;font-style:normal;font-size:7.5px;letter-spacing:.16em;padding:6px 8px;background:rgba(3,10,16,.86);border:1px solid rgba(255,255,255,.06);transition:opacity .2s ease,transform .2s ease}
.tlt-luxe-rail a:hover em{opacity:1;transform:translate(0,-50%)}

/* Small luxury detail on route/calc/portal: a drifting scan line, visible only on hover. */
.tlt-route-stage:after,.tlt-calc-panel:after,.tlt-calc-summary:after,.tlt-portal-demo:after{
  content:"";
  position:absolute;
  z-index:3;
  inset:-35% auto -35% -20%;
  width:1px;
  opacity:0;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(237,195,110,.55),transparent);
  box-shadow:0 0 25px rgba(229,180,82,.18);
  transform:rotate(18deg);
  transition:opacity .25s ease,left 1.15s cubic-bezier(.16,1,.3,1);
}
.tlt-route-stage:hover:after,.tlt-calc-panel:hover:after,.tlt-calc-summary:hover:after,.tlt-portal-demo:hover:after{left:118%;opacity:.65}

@media(max-width:1180px){.tlt-luxe-rail{display:none}}
@media(max-width:900px){
  .tlt-brand-ribbon{height:39px}
  .tlt-brand-ribbon span{font-size:7.5px;padding:0 20px;gap:20px}
  .tlt-ambient-light{display:none}
}
@media(prefers-reduced-motion:reduce){
  .tlt-brand-ribbon__track{animation:none!important}
  .tlt-btn,.tlt-card-light,.tlt-ambient-light{transition:none!important}
  html.tlt-luxe-js .tlt-section h2,html.tlt-luxe-js .tlt-catalog-head h2,html.tlt-luxe-js .tlt-services-head h2,html.tlt-luxe-js .tlt-logistics__copy h2,html.tlt-luxe-js .tlt-calc-head h2,html.tlt-luxe-js .tlt-quality__head h2,html.tlt-luxe-js .tlt-portal__copy h2,html.tlt-luxe-js .tlt-final-cta h2{opacity:1!important;transform:none!important;clip-path:none!important}
}

/* ========================================================================== 
   TLT Premium 1.1.3 — Compact Rhythm
   Removes oversized vertical dead zones while keeping Crafted Details.
   ========================================================================== */
@media (min-width: 901px){
  .tlt-catalog-preview{padding:88px 0 76px!important}
  .tlt-services{padding:88px 0 86px!important}
  .tlt-logistics{min-height:0!important;height:auto!important;padding:92px 0 88px!important}
  .tlt-calculator{min-height:0!important;height:auto!important;padding:90px 0 86px!important}
  .tlt-quality{min-height:0!important;height:auto!important;padding:90px 0 88px!important}
  .tlt-portal{min-height:0!important;height:auto!important;padding:92px 0 94px!important}
  .tlt-final-cta{min-height:0!important;height:auto!important;padding:80px 0 86px!important}

  .tlt-catalog-head{margin-bottom:40px!important}
  .tlt-services-head{margin-bottom:38px!important}
  .tlt-quality__head{margin-bottom:40px!important}
  .tlt-route-stage{min-height:500px!important;padding:34px 32px 28px!important}
  .tlt-quality__visual{min-height:420px!important}
  .tlt-portal__layout{gap:58px!important}
  .tlt-final-cta__inner{gap:64px!important}
}

/* Section anchors land directly on content instead of a visual void. */
#catalog-preview,#services,#logistics,#calculator,#advantages,#client-portal,#final-cta{scroll-margin-top:78px}

/* Reveal content earlier so fast scrolling never exposes an empty section. */
.tlt-reveal{transform:translateY(18px)!important;transition-duration:.58s!important}

/* The 1.1.2 signature trace looked like a box through service headings.
   Keep the effect on catalogue cards only; services use local light instead. */
.tlt-service-card:after{display:none!important}

@media(max-width:900px){
  .tlt-catalog-preview{padding:76px 0 66px!important}
  .tlt-services,.tlt-logistics,.tlt-calculator,.tlt-quality,.tlt-portal{padding:74px 0!important;min-height:0!important;height:auto!important}
  .tlt-final-cta{padding:68px 0 74px!important}
}


/* ==========================================================================
   TLT Premium 1.1.4 — Flow Fix
   Root-cause fix for false vertical gaps created by decorative layers entering
   normal flow. Also prevents reveal animations from leaving an empty screen.
   ========================================================================== */
.tlt-services__glow,.tlt-logistics__grid-bg,.tlt-calculator__halo,.tlt-quality__halo,.tlt-portal__glow,.tlt-catalog-orbit{
  position:absolute!important;
  margin:0!important;
}

/* Content sections are sized only by their real content. */
.tlt-catalog-preview,.tlt-services,.tlt-logistics,.tlt-calculator,.tlt-quality,.tlt-portal,.tlt-final-cta{
  height:auto!important;
}

/* Reveal effects are enhancement-only. Content must remain visible even if an
   observer is delayed/interrupted by smooth scrolling or a browser extension. */
.tlt-reveal{opacity:1!important;visibility:visible!important}
[data-tlt-fly]{opacity:1!important;visibility:visible!important}
.tlt-catalog-card{opacity:1!important;visibility:visible!important}
html.tlt-luxe-js .tlt-section h2,
html.tlt-luxe-js .tlt-catalog-head h2,
html.tlt-luxe-js .tlt-services-head h2,
html.tlt-luxe-js .tlt-logistics__copy h2,
html.tlt-luxe-js .tlt-calc-head h2,
html.tlt-luxe-js .tlt-quality__head h2,
html.tlt-luxe-js .tlt-portal__copy h2,
html.tlt-luxe-js .tlt-final-cta h2{opacity:1!important;visibility:visible!important;clip-path:none!important}

/* ========================================================================== 
   TLT Premium 1.1.5 — Service Card Layout Fix
   Restore absolute positioning of service-card UI elements after the generic
   luxe z-index layer rule. Prevents the number badge and action link from
   stretching into the text flow / crossing headings and descriptions.
   ========================================================================== */
.tlt-service-card > .tlt-service-card__num{
  position:absolute!important;
  top:14px!important;
  left:14px!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  z-index:4!important;
}
.tlt-service-card > .tlt-service-card__line{
  display:none!important;
}
.tlt-service-card > h3,
.tlt-service-card > p{
  position:relative!important;
  z-index:2!important;
}
.tlt-service-card > a{
  position:absolute!important;
  left:21px!important;
  right:21px!important;
  bottom:16px!important;
  top:auto!important;
  z-index:4!important;
}

/* Keep enough room for the bottom action without allowing copy to collide. */
.tlt-service-card{padding-bottom:52px!important}
.tlt-service-card p{margin-bottom:0!important}

/* ========================================================================== 
   TLT Premium 1.2.0 — Signature Design
   Editorial full-cycle story + Route Control. The goal is to break the
   section/card/template rhythm without disturbing hero, catalogue or CRM.
   ========================================================================== */
.tlt-signature-story{
  position:relative;
  overflow:clip;
  padding:96px 0 72px!important;
  background:
    radial-gradient(circle at 74% 22%,rgba(205,158,73,.055),transparent 25%),
    linear-gradient(180deg,#07121b 0%,#061019 100%)!important;
}
.tlt-signature-story__grid{
  position:absolute;inset:0;pointer-events:none;opacity:.17;
  background-image:
    linear-gradient(rgba(255,255,255,.032) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.032) 1px,transparent 1px);
  background-size:86px 86px;
  mask-image:linear-gradient(90deg,transparent 0,#000 22%,#000 78%,transparent 100%);
}
.tlt-signature-story:after{
  content:"";position:absolute;left:50%;bottom:-1px;width:1px;height:54px;
  background:linear-gradient(180deg,rgba(216,169,79,.55),rgba(216,169,79,0));
  box-shadow:0 0 20px rgba(216,169,79,.16);pointer-events:none;
}
.tlt-signature-story__head{
  position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);
  gap:80px;align-items:end;margin-bottom:54px;
}
.tlt-signature-story__head .tlt-section__eyebrow{display:flex;align-items:center;gap:14px}
.tlt-signature-story__head .tlt-section__eyebrow span{width:38px;height:1px;background:var(--tlt-gold)}
.tlt-signature-story__head h2{margin:0;font-size:clamp(44px,4.5vw,68px);line-height:.98;letter-spacing:-.045em}
.tlt-signature-story__head h2 span{color:var(--tlt-gold-2)}
.tlt-signature-story__intro{padding:0 0 7px 24px;border-left:1px solid rgba(216,169,79,.32)}
.tlt-signature-story__intro b{display:block;margin-bottom:12px;color:#d9b66e;font-size:9px;letter-spacing:.22em}
.tlt-signature-story__intro p{margin:0;color:#95a2ae;font-size:13px;line-height:1.75;max-width:390px}

.tlt-story-flow{position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.085)}
.tlt-story-flow__spine{
  position:absolute;left:148px;top:0;bottom:0;width:1px;background:rgba(255,255,255,.09);pointer-events:none;
}
.tlt-story-flow__spine:before{content:"";position:absolute;left:-3px;top:-4px;width:7px;height:7px;border-radius:50%;background:#0a1722;border:1px solid rgba(216,169,79,.5)}
.tlt-story-flow__spine i{position:absolute;left:0;top:0;width:1px;height:100%;transform:scaleY(var(--story-progress,0));transform-origin:top;background:linear-gradient(180deg,#80612e,#e1b45e 58%,#f0cf86);box-shadow:0 0 16px rgba(225,180,94,.25);transition:transform .15s linear}

.tlt-story-chapter{
  position:relative;display:grid;grid-template-columns:150px minmax(280px,.78fr) minmax(300px,1fr);
  gap:34px;align-items:center;min-height:230px;padding:32px 0;border-bottom:1px solid rgba(255,255,255,.075);
}
.tlt-story-chapter:before{
  content:"";position:absolute;left:144px;top:50%;width:9px;height:9px;border-radius:50%;transform:translate(-50%,-50%);
  background:#07131d;border:1px solid rgba(216,169,79,.38);box-shadow:0 0 0 6px rgba(216,169,79,.025);transition:.45s ease;
}
.tlt-story-chapter.is-active:before{background:var(--tlt-gold-2);border-color:#f0d497;box-shadow:0 0 0 7px rgba(216,169,79,.06),0 0 24px rgba(216,169,79,.26)}
.tlt-story-chapter__meta{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;padding:5px 18px 5px 0}
.tlt-story-chapter__meta span{font-size:12px;color:var(--tlt-gold-2);letter-spacing:.18em;font-weight:760}
.tlt-story-chapter__meta small{color:#607080;font-size:7.5px;line-height:1.55;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg);align-self:flex-start}
.tlt-story-chapter__media{position:relative;height:165px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(130deg,rgba(17,34,48,.55),rgba(7,16,24,.22));border-left:1px solid rgba(255,255,255,.07);border-right:1px solid rgba(255,255,255,.035)}
.tlt-story-chapter__media:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 58%,rgba(216,169,79,.08),transparent 42%),linear-gradient(180deg,transparent 58%,rgba(2,7,11,.48));pointer-events:none}
.tlt-story-chapter__media img{width:90%;height:148px;object-fit:contain;filter:drop-shadow(0 22px 22px rgba(0,0,0,.42));transform:translateX(-5px) scale(.97);transition:transform .75s cubic-bezier(.16,1,.3,1),filter .75s ease}
.tlt-story-chapter.is-active .tlt-story-chapter__media img{transform:translateX(4px) scale(1.015);filter:drop-shadow(0 25px 24px rgba(0,0,0,.48))}
.tlt-story-chapter__scan{position:absolute;left:-20%;top:0;bottom:0;width:1px;opacity:0;background:linear-gradient(180deg,transparent,rgba(239,200,120,.65),transparent);box-shadow:0 0 22px rgba(216,169,79,.18);transform:skewX(-12deg);transition:left 1.05s cubic-bezier(.16,1,.3,1),opacity .25s}
.tlt-story-chapter.is-active .tlt-story-chapter__scan{left:118%;opacity:.72}
.tlt-story-chapter__copy{padding-right:30px}
.tlt-story-chapter__copy h3{margin:0 0 12px;font-size:clamp(25px,2.2vw,34px);line-height:1;letter-spacing:-.035em;font-weight:720}
.tlt-story-chapter__copy p{margin:0 0 18px;max-width:560px;color:#91a0ad;font-size:12.5px;line-height:1.72}
.tlt-story-chapter__copy a{display:inline-flex;gap:13px;align-items:center;color:#aab5bf;font-size:8.5px;letter-spacing:.17em;font-weight:760;transition:color .25s ease,gap .25s ease}
.tlt-story-chapter__copy a span{font-size:15px;color:var(--tlt-gold-2)}
.tlt-story-chapter:hover .tlt-story-chapter__copy a,.tlt-story-chapter.is-active .tlt-story-chapter__copy a{color:#e4bd70;gap:17px}
.tlt-capability-line{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 0;color:#6f7d89;font-size:8px;letter-spacing:.18em;white-space:nowrap;overflow:hidden}
.tlt-capability-line i{display:block;width:4px;height:4px;flex:0 0 4px;border-radius:50%;background:rgba(216,169,79,.72);box-shadow:0 0 10px rgba(216,169,79,.22)}

.tlt-route-control{
  position:relative;overflow:clip;padding:82px 0 88px!important;
  background:linear-gradient(180deg,#061019 0%,#081521 100%)!important;
}
.tlt-route-control__wash{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 67% 47%,rgba(216,169,79,.055),transparent 28%),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,110px 100%;opacity:.82}
.tlt-route-control__top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:70px;align-items:end;margin-bottom:38px}
.tlt-route-control__statement .tlt-section__eyebrow{display:flex;align-items:center;gap:14px}.tlt-route-control__statement .tlt-section__eyebrow span{width:38px;height:1px;background:var(--tlt-gold)}
.tlt-route-control__statement h2{margin:0;font-size:clamp(40px,4.1vw,62px);line-height:1;letter-spacing:-.043em;max-width:930px}
.tlt-route-control__statement h2 span{color:var(--tlt-gold-2)}
.tlt-route-control__status{justify-self:end;width:100%;padding:18px 0 3px 22px;border-left:1px solid rgba(255,255,255,.10)}
.tlt-route-control__status small,.tlt-route-control__status em{display:block;color:#647381;font-size:7.5px;letter-spacing:.18em;font-style:normal}
.tlt-route-control__status strong{display:flex;align-items:center;gap:8px;margin:10px 0;color:#d9e2e9;font-size:10px;letter-spacing:.12em}
.tlt-route-control__status strong i{width:6px;height:6px;border-radius:50%;background:#d8a94f;box-shadow:0 0 13px rgba(216,169,79,.55);animation:tltStatusPulse 2.2s ease-in-out infinite}
@keyframes tltStatusPulse{50%{opacity:.35;box-shadow:0 0 4px rgba(216,169,79,.20)}}

.tlt-route-console{position:relative;z-index:2;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(12,27,40,.88),rgba(5,14,22,.94));box-shadow:0 34px 90px rgba(0,0,0,.20);overflow:hidden}
.tlt-route-console:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 32%,rgba(255,255,255,.018) 48%,transparent 66%)}
.tlt-route-console__chrome{height:44px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;border-bottom:1px solid rgba(255,255,255,.07);color:#60707f;font-size:7.5px;letter-spacing:.18em}
.tlt-route-console__chrome div{display:flex;gap:6px}.tlt-route-console__chrome div i{width:5px;height:5px;border-radius:50%;background:#3f4d59}.tlt-route-console__chrome b{justify-self:end;color:#9e7d3c;font-size:7.5px;font-weight:700}
.tlt-route-console__map{position:relative;min-height:430px;padding:26px 34px 12px;overflow:hidden;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:58px 58px;mask-image:linear-gradient(180deg,#000 0,#000 86%,transparent 100%)}
.tlt-route-console__map:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 69% 32%,rgba(216,169,79,.065),transparent 25%)}
.tlt-route-console__svg{position:absolute;z-index:2;left:2.5%;right:2.5%;top:34px;width:95%;height:330px;overflow:visible}
.tlt-route-console__ghost,.tlt-route-console__path{fill:none;stroke-width:3.5;stroke-linecap:round}.tlt-route-console__ghost{stroke:rgba(255,255,255,.08);stroke-dasharray:7 10}.tlt-route-console__path{stroke:url(#tltSignatureRoute);filter:url(#tltSignatureGlow);stroke-dasharray:1500;stroke-dashoffset:1500;transition:stroke-dashoffset 2.2s cubic-bezier(.16,1,.3,1)}
.tlt-route-control.is-route-active .tlt-route-console__path{stroke-dashoffset:0}.tlt-route-console__marker{fill:#e0b158;stroke:#ffebbf;stroke-width:2;filter:url(#tltSignatureGlow)}
.tlt-route-console__node circle:first-child{fill:#081620;stroke:rgba(216,169,79,.58);stroke-width:1.5}.tlt-route-console__node circle:last-child{fill:#d8a94f}
.tlt-route-console__coords{position:absolute;z-index:4;min-width:112px}.tlt-route-console__coords b{display:block;color:#d8a94f;font-size:8px;letter-spacing:.15em;margin-bottom:6px}.tlt-route-console__coords span{display:block;color:#d4dde4;font-size:9px;font-weight:720;letter-spacing:.1em}.tlt-route-console__coords small{display:block;margin-top:5px;color:#687785;font-size:7px;letter-spacing:.13em}.tlt-route-console__coords--a{left:4.8%;bottom:35px}.tlt-route-console__coords--b{left:33%;bottom:90px}.tlt-route-console__coords--c{left:62.5%;top:34px}.tlt-route-console__coords--d{right:4%;top:48px;text-align:right}
.tlt-route-console__signal{position:absolute;z-index:3;left:-15%;top:0;bottom:0;width:1px;background:linear-gradient(180deg,transparent,rgba(233,192,105,.42),transparent);box-shadow:0 0 22px rgba(216,169,79,.12);transform:skewX(-11deg);opacity:0;transition:left 1.4s cubic-bezier(.16,1,.3,1),opacity .25s}
.tlt-route-control.is-route-active .tlt-route-console__signal{left:115%;opacity:.58}
.tlt-route-console__footer{position:relative;z-index:4;display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:stretch;border-top:1px solid rgba(255,255,255,.075)}
.tlt-route-console__footer>div{padding:19px 18px;border-right:1px solid rgba(255,255,255,.06)}
.tlt-route-console__footer small{display:block;margin-bottom:8px;color:#5f6e7b;font-size:7px;letter-spacing:.17em}.tlt-route-console__footer strong{display:block;color:#aeb9c2;font-size:8.5px;letter-spacing:.08em}.tlt-route-console__footer .tlt-btn{align-self:center;margin:12px 16px;padding:0 24px;min-height:42px;white-space:nowrap}

/* Make Crafted Details aware of the new authored surfaces. */
.tlt-story-chapter__media,.tlt-route-console{isolation:isolate}
.tlt-route-console>.tlt-card-light{z-index:1}

@media(max-width:1050px){
  .tlt-signature-story__head{grid-template-columns:1fr;gap:28px}.tlt-signature-story__intro{max-width:620px}
  .tlt-story-flow__spine{left:110px}.tlt-story-chapter{grid-template-columns:112px minmax(230px,.8fr) 1fr;gap:26px}.tlt-story-chapter:before{left:106px}
  .tlt-route-control__top{grid-template-columns:1fr;gap:24px}.tlt-route-control__status{justify-self:start;max-width:300px}
  .tlt-route-console__footer{grid-template-columns:repeat(2,1fr)}.tlt-route-console__footer .tlt-btn{grid-column:1/-1;justify-content:center;margin:14px 18px 18px}
}
@media(max-width:760px){
  .tlt-signature-story{padding:72px 0 58px!important}.tlt-signature-story__head{margin-bottom:34px}.tlt-signature-story__head h2{font-size:clamp(38px,10.5vw,52px)}
  .tlt-story-flow__spine{left:18px}.tlt-story-chapter{grid-template-columns:1fr;gap:15px;min-height:0;padding:28px 0 30px 40px}.tlt-story-chapter:before{left:18px;top:34px}.tlt-story-chapter__meta{display:block;padding:0}.tlt-story-chapter__meta span{display:inline-block;margin-right:12px}.tlt-story-chapter__meta small{display:inline-block;writing-mode:initial;transform:none}.tlt-story-chapter__media{height:148px}.tlt-story-chapter__media img{height:132px}.tlt-story-chapter__copy{padding-right:0}.tlt-capability-line{justify-content:flex-start;overflow:auto;padding-bottom:4px;scrollbar-width:none}.tlt-capability-line::-webkit-scrollbar{display:none}
  .tlt-route-control{padding:70px 0 72px!important}.tlt-route-control__statement h2{font-size:clamp(34px,9.6vw,48px)}.tlt-route-console__map{min-height:390px;padding-left:18px;padding-right:18px}.tlt-route-console__coords{min-width:0}.tlt-route-console__coords--a{left:5%;bottom:24px}.tlt-route-console__coords--b{left:29%;bottom:80px}.tlt-route-console__coords--c{left:57%;top:28px}.tlt-route-console__coords--d{right:4%;top:42px}.tlt-route-console__footer{grid-template-columns:1fr 1fr}.tlt-route-console__footer>div{padding:16px 12px}.tlt-route-console__footer strong{font-size:7.5px}
}
@media(max-width:480px){
  .tlt-route-console__chrome{grid-template-columns:1fr auto;padding:0 14px}.tlt-route-console__chrome>div{display:none}.tlt-route-console__map{min-height:350px}.tlt-route-console__coords small{display:none}.tlt-route-console__coords span{font-size:7.5px}.tlt-route-console__footer{grid-template-columns:1fr}.tlt-route-console__footer>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.055)}
}
@media(prefers-reduced-motion:reduce){
  .tlt-route-control__status strong i{animation:none}.tlt-story-chapter__scan,.tlt-route-console__signal{display:none}.tlt-route-console__path{stroke-dashoffset:0!important;transition:none!important}
}

/* ========================================================================== 
   TLT Premium 1.2.1 — Cinematic Storytelling
   Four genuinely different story chapters + compact Route Control + fixed
   anchor offset for the 90px sticky header.
   ========================================================================== */
main section[id]{scroll-margin-top:108px!important}

.tlt-signature-story--cinematic{padding:88px 0 66px!important}
.tlt-signature-story--cinematic .tlt-signature-story__head{margin-bottom:42px}
.tlt-signature-story--cinematic .tlt-story-chapter{min-height:250px;padding:30px 0;gap:34px}
.tlt-story-chapter__tag{margin-bottom:10px;color:#8e7139;font-size:7.5px;letter-spacing:.19em;font-weight:760}

/* 01 — clean product selection, with a small type strip instead of another card. */
.tlt-story-chapter__media--select{height:184px;background:linear-gradient(135deg,rgba(17,35,49,.64),rgba(6,15,23,.34))}
.tlt-story-chapter__media--select img{width:82%;height:154px}
.tlt-story-specs{position:absolute;left:14px;right:14px;bottom:10px;z-index:3;display:flex;gap:7px;align-items:center}
.tlt-story-specs span,.tlt-story-specs b{padding:5px 7px;border:1px solid rgba(255,255,255,.085);background:rgba(4,12,19,.72);color:#71808d;font-size:6.8px;letter-spacing:.12em;font-weight:700}
.tlt-story-specs b{color:#e0b259;border-color:rgba(216,169,79,.28)}

/* 02 — inspection screen: close-up + technical callouts. */
.tlt-story-chapter--inspect .tlt-story-chapter__copy{grid-column:2}
.tlt-story-chapter--inspect .tlt-story-chapter__media{grid-column:3}
.tlt-story-chapter__media--inspect{height:210px;background:linear-gradient(145deg,rgba(13,31,45,.92),rgba(5,14,22,.90));border:1px solid rgba(255,255,255,.07)}
.tlt-inspection-visual{position:absolute;inset:0;overflow:hidden}
.tlt-inspection-visual:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;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:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
.tlt-inspection-visual>img{position:absolute;left:-6%;top:8px;width:112%;height:198px!important;object-fit:contain!important;filter:drop-shadow(0 24px 22px rgba(0,0,0,.5))!important;transform:scale(1.16)!important}
.tlt-story-chapter--inspect.is-active .tlt-inspection-visual>img{transform:scale(1.2) translateX(5px)!important}
.tlt-inspection-point{position:absolute;z-index:4;display:flex;align-items:center;gap:7px;color:#c8d1d8;font-size:6.8px;letter-spacing:.12em;font-weight:700}
.tlt-inspection-point i{width:8px;height:8px;border-radius:50%;background:#d8a94f;border:2px solid #f3d28d;box-shadow:0 0 0 5px rgba(216,169,79,.08),0 0 18px rgba(216,169,79,.26)}
.tlt-inspection-point:after{content:"";position:absolute;height:1px;width:44px;background:linear-gradient(90deg,rgba(216,169,79,.75),transparent);left:8px;top:4px;transform-origin:left}
.tlt-inspection-point--body{left:19%;top:35%}.tlt-inspection-point--body:after{transform:rotate(-18deg)}
.tlt-inspection-point--doors{right:9%;top:43%;flex-direction:row-reverse}.tlt-inspection-point--doors:after{left:auto;right:8px;background:linear-gradient(270deg,rgba(216,169,79,.75),transparent);transform:rotate(14deg);transform-origin:right}
.tlt-inspection-point--id{right:13%;bottom:19%;flex-direction:row-reverse}.tlt-inspection-point--id:after{left:auto;right:8px;background:linear-gradient(270deg,rgba(216,169,79,.75),transparent);transform:rotate(-14deg);transform-origin:right}
.tlt-inspection-data{position:absolute;z-index:4;left:14px;bottom:12px;padding:8px 10px;border-left:1px solid rgba(216,169,79,.46);background:rgba(3,10,16,.58);backdrop-filter:blur(5px)}
.tlt-inspection-data small,.tlt-inspection-data em{display:block;color:#677785;font-size:6.2px;letter-spacing:.14em;font-style:normal}.tlt-inspection-data strong{display:block;margin:3px 0;color:#e2b45c;font-size:12px}.tlt-inspection-data em{font-size:5.8px}

/* 03 — route schematic instead of a third container picture. */
.tlt-story-chapter__media--route{height:202px;padding:0;background:linear-gradient(145deg,rgba(12,29,42,.92),rgba(5,15,23,.91));border:1px solid rgba(255,255,255,.07)}
.tlt-story-mini-route{position:absolute;inset:0;padding:14px 16px 11px}
.tlt-story-mini-route__head{display:flex;justify-content:space-between;align-items:center;color:#61717f;font-size:6.5px;letter-spacing:.16em}.tlt-story-mini-route__head b{color:#a78643;font-size:6.5px}
.tlt-story-mini-route svg{position:absolute;left:5%;right:5%;top:26px;width:90%;height:138px;overflow:visible}
.tlt-story-mini-route__ghost,.tlt-story-mini-route__path{fill:none;stroke-width:2.5;stroke-linecap:round}.tlt-story-mini-route__ghost{stroke:rgba(255,255,255,.07);stroke-dasharray:5 8}.tlt-story-mini-route__path{stroke:url(#tltMiniRoute);stroke-dasharray:760;stroke-dashoffset:760;filter:drop-shadow(0 0 5px rgba(216,169,79,.18));transition:stroke-dashoffset 1.8s cubic-bezier(.16,1,.3,1)}
.tlt-story-chapter--logistics.is-active .tlt-story-mini-route__path{stroke-dashoffset:0}
.tlt-story-mini-route g circle:first-child{fill:#081620;stroke:rgba(216,169,79,.55);stroke-width:1.5}.tlt-story-mini-route g circle:last-child{fill:#d8a94f}
.tlt-story-mini-route__labels{position:absolute;left:14px;right:14px;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;color:#667684;font-size:5.8px;letter-spacing:.11em;text-align:center}

/* 04 — a real scene rather than a fourth cut-out product image. */
.tlt-story-chapter--install .tlt-story-chapter__copy{grid-column:2}
.tlt-story-chapter--install .tlt-story-chapter__media{grid-column:3}
.tlt-story-chapter__media--install{height:218px;border:1px solid rgba(255,255,255,.07);background-image:linear-gradient(90deg,rgba(3,10,16,.24),rgba(3,10,16,.05)),var(--tlt-install-scene);background-size:cover;background-position:66% 66%}
.tlt-story-chapter__media--install:before{background:linear-gradient(90deg,rgba(4,12,19,.62),transparent 48%),linear-gradient(180deg,transparent 52%,rgba(2,7,11,.46))}
.tlt-install-scene{position:absolute;z-index:4;left:16px;bottom:14px;padding:9px 11px;border-left:1px solid rgba(216,169,79,.58);background:rgba(3,10,16,.52);backdrop-filter:blur(5px)}
.tlt-install-scene span,.tlt-install-scene b{display:block}.tlt-install-scene span{color:#7a8995;font-size:6.2px;letter-spacing:.16em}.tlt-install-scene b{margin-top:4px;color:#e3b55d;font-size:9px;letter-spacing:.12em}

/* Route Control — keep the visual identity, reduce the demo-dashboard feeling. */
.tlt-route-control{padding:68px 0 74px!important}
.tlt-route-control__top{margin-bottom:28px}
.tlt-route-control__statement h2{font-size:clamp(38px,3.8vw,58px);max-width:900px}
.tlt-route-console__map{min-height:350px;padding-top:20px;background-size:64px 64px}
.tlt-route-console__svg{top:20px;height:275px}
.tlt-route-console__coords--a{bottom:22px}.tlt-route-console__coords--b{bottom:66px}.tlt-route-console__coords--c{top:24px}.tlt-route-console__coords--d{top:36px}
.tlt-route-console__footer>div{padding:16px 16px}
.tlt-route-console__metric strong{display:flex;align-items:center;gap:7px;color:#b8c2ca!important;font-size:8px!important}
.tlt-route-console__metric strong i{width:5px;height:5px;border-radius:50%;background:#76bd92;box-shadow:0 0 9px rgba(118,189,146,.26)}
.tlt-route-console__footer .tlt-btn{min-height:40px;margin:10px 14px;padding:0 20px}

@media(max-width:1050px){
  main section[id]{scroll-margin-top:94px!important}
  .tlt-story-chapter--inspect .tlt-story-chapter__copy,.tlt-story-chapter--install .tlt-story-chapter__copy{grid-column:3}
  .tlt-story-chapter--inspect .tlt-story-chapter__media,.tlt-story-chapter--install .tlt-story-chapter__media{grid-column:2}
}
@media(max-width:760px){
  main section[id]{scroll-margin-top:78px!important}
  .tlt-signature-story--cinematic{padding:68px 0 54px!important}
  .tlt-story-chapter--inspect .tlt-story-chapter__copy,.tlt-story-chapter--inspect .tlt-story-chapter__media,.tlt-story-chapter--install .tlt-story-chapter__copy,.tlt-story-chapter--install .tlt-story-chapter__media{grid-column:auto}
  .tlt-story-chapter__media--select,.tlt-story-chapter__media--inspect,.tlt-story-chapter__media--route,.tlt-story-chapter__media--install{height:170px}
  .tlt-inspection-visual>img{height:160px!important}.tlt-inspection-point b{display:none}.tlt-inspection-point:after{width:26px}.tlt-inspection-data{padding:6px 8px}
  .tlt-story-mini-route svg{height:116px;top:30px}.tlt-story-mini-route__labels{font-size:5.2px}
  .tlt-route-control{padding:62px 0 66px!important}.tlt-route-console__map{min-height:330px}.tlt-route-console__svg{height:250px}
}
@media(prefers-reduced-motion:reduce){.tlt-story-mini-route__path{stroke-dashoffset:0!important;transition:none!important}}

/* ========================================================================== 
   TLT Premium 1.2.2 — Story Visual Fix
   Dedicated story artwork replaces repeated catalogue/hero imagery. The
   artwork has its own breathing room and is not zoomed into the frame.
   ========================================================================== */
.tlt-story-chapter__media--select,
.tlt-story-chapter__media--inspect,
.tlt-story-chapter__media--install{
  height:230px;
  padding:8px;
  background:linear-gradient(145deg,rgba(12,29,42,.92),rgba(5,14,22,.92));
  border:1px solid rgba(255,255,255,.07);
}
.tlt-story-chapter__media--install{height:252px}
.tlt-story-chapter__media--select:before,
.tlt-story-chapter__media--inspect:before,
.tlt-story-chapter__media--install:before{
  z-index:2;
  background:linear-gradient(180deg,rgba(2,7,11,0) 72%,rgba(2,7,11,.16));
}
.tlt-story-panel-image{
  position:absolute!important;
  inset:8px!important;
  width:calc(100% - 16px)!important;
  height:calc(100% - 16px)!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center!important;
  transform:none!important;
  filter:none!important;
  transition:filter .55s ease,opacity .55s ease!important;
  box-shadow:0 18px 42px rgba(0,0,0,.16);
}
.tlt-story-chapter.is-active .tlt-story-panel-image{
  transform:none!important;
  filter:brightness(1.025) contrast(1.015)!important;
}
.tlt-story-chapter__media--select .tlt-story-panel-image{object-position:center 52%!important}
.tlt-story-chapter__media--inspect .tlt-story-panel-image{object-position:center 50%!important}
.tlt-story-chapter__media--install .tlt-story-panel-image{object-position:center 48%!important}

/* The inspection annotations are baked into the dedicated technical artwork. */
.tlt-story-chapter__media--inspect .tlt-inspection-visual,
.tlt-story-chapter__media--inspect .tlt-inspection-point,
.tlt-story-chapter__media--inspect .tlt-inspection-data{display:none!important}

/* Installation is a new crane/site scene, not a crop of the homepage hero. */
.tlt-story-chapter__media--install{background-image:none!important;background-color:#07131d!important}
.tlt-install-scene{left:22px;bottom:20px;z-index:5;background:rgba(3,10,16,.64)}

/* Keep story images comfortably inside their frames on all desktop widths. */
@media(min-width:1060px){
  .tlt-story-chapter__media--select,
  .tlt-story-chapter__media--inspect{min-height:230px}
  .tlt-story-chapter__media--install{min-height:252px}
}
@media(max-width:760px){
  .tlt-story-chapter__media--select,
  .tlt-story-chapter__media--inspect,
  .tlt-story-chapter__media--install{height:188px!important;padding:5px}
  .tlt-story-panel-image{inset:5px!important;width:calc(100% - 10px)!important;height:calc(100% - 10px)!important}
  .tlt-install-scene{left:12px;bottom:12px;padding:7px 9px}
}

/* =========================================================
   v1.3.1 — SEO Content Polish
   Editorial layout + contextual internal links.
   ========================================================= */
.tlt-anchor-target {
  display:block;
  position:relative;
  width:1px;
  height:1px;
  margin-top:-1px;
  scroll-margin-top:96px;
}

.tlt-seo {
  position:relative;
  overflow:hidden;
  padding:clamp(68px,6.4vw,106px) 0;
  border-top:1px solid rgba(172,194,211,.10);
  background:
    radial-gradient(circle at 78% 22%,rgba(209,164,76,.045),transparent 25%),
    linear-gradient(180deg,#071521 0%,#081724 100%);
}
.tlt-seo::before {
  content:"TLT";
  position:absolute;
  right:3vw;
  top:40px;
  font-size:clamp(110px,14vw,250px);
  line-height:.8;
  font-weight:900;
  letter-spacing:-.08em;
  color:rgba(255,255,255,.015);
  pointer-events:none;
}
.tlt-seo__head {
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(300px,.62fr);
  gap:clamp(46px,7vw,118px);
  align-items:end;
  margin-bottom:clamp(44px,5vw,72px);
}
.tlt-seo__head h2 {
  margin:14px 0 0;
  max-width:900px;
  font-size:clamp(40px,4.9vw,76px);
  line-height:.94;
  letter-spacing:-.052em;
}
.tlt-seo__head h2 span { color:#e4b657; }
.tlt-seo__intro {
  position:relative;
  padding-left:26px;
  border-left:1px solid rgba(228,182,87,.42);
}
.tlt-seo__intro > span {
  display:block;
  margin-bottom:14px;
  color:#d8ae57;
  font:800 10px/1.2 Arial,sans-serif;
  letter-spacing:.18em;
}
.tlt-seo__intro p {
  margin:0;
  max-width:590px;
  color:#a9b5c0;
  font-size:clamp(14px,1vw,17px);
  line-height:1.8;
}

/* Editorial rows instead of a boxed 2x2 template grid. */
.tlt-seo__grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(44px,5vw,86px);
  border-top:1px solid rgba(165,188,205,.16);
  border-bottom:1px solid rgba(165,188,205,.16);
}
.tlt-seo-card {
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:20px;
  min-height:0;
  padding:clamp(30px,3vw,44px) 0;
  border-bottom:1px solid rgba(165,188,205,.12);
  background:transparent;
}
.tlt-seo-card:nth-last-child(-n+2) { border-bottom:0; }
.tlt-seo-card__no {
  display:block;
  padding-top:4px;
  color:#e4b657;
  font:800 10px/1 Arial,sans-serif;
  letter-spacing:.15em;
}
.tlt-seo-card__body small {
  display:block;
  margin-bottom:10px;
  color:#7e8f9d;
  font:800 9px/1.2 Arial,sans-serif;
  letter-spacing:.19em;
}
.tlt-seo-card h3 {
  margin:0 0 13px;
  max-width:620px;
  color:#f1f5f7;
  font-size:clamp(19px,1.5vw,25px);
  line-height:1.16;
  letter-spacing:-.022em;
}
.tlt-seo-card p {
  margin:0;
  max-width:650px;
  color:#8fa0ae;
  font-size:14px;
  line-height:1.72;
}
.tlt-seo-card a {
  display:inline-flex;
  align-items:center;
  gap:10px;
  margin-top:18px;
  color:#e5b758;
  font:800 10px/1.2 Arial,sans-serif;
  letter-spacing:.13em;
  text-transform:uppercase;
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
}
.tlt-seo-card a b { font-size:13px; }
.tlt-seo-card a:hover { color:#f5cf7b; transform:translateX(3px); }

/* A compact product navigation rail; the whole item is clickable. */
.tlt-seo__types {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  margin-top:24px;
  border-top:1px solid rgba(165,188,205,.13);
  border-bottom:1px solid rgba(165,188,205,.13);
}
.tlt-seo-type {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:150px;
  padding:25px 24px 22px;
  border-right:1px solid rgba(165,188,205,.13);
  color:inherit;
  text-decoration:none;
  background:rgba(10,28,41,.18);
  transition:background .25s ease,transform .25s ease;
}
.tlt-seo-type:last-child { border-right:0; }
.tlt-seo-type::before {
  content:"";
  position:absolute;
  left:0;
  right:100%;
  top:-1px;
  height:1px;
  background:#e4b657;
  transition:right .3s ease;
}
.tlt-seo-type:hover { background:rgba(17,40,55,.42); transform:translateY(-2px); }
.tlt-seo-type:hover::before { right:0; }
.tlt-seo-type small {
  display:block;
  margin-bottom:10px;
  color:#e4b657;
  font-size:10px;
  font-weight:800;
  letter-spacing:.16em;
}
.tlt-seo-type strong {
  display:block;
  color:#dce4ea;
  font-size:14px;
  line-height:1.42;
}
.tlt-seo-type span {
  display:block;
  margin-top:auto;
  padding-top:18px;
  color:#f1c666;
  font-size:10px;
  font-weight:800;
  letter-spacing:.10em;
  text-transform:uppercase;
}

.tlt-seo__faq {
  display:grid;
  grid-template-columns:minmax(250px,.60fr) minmax(0,1.40fr);
  gap:clamp(40px,7vw,110px);
  margin-top:clamp(54px,5.6vw,88px);
  align-items:start;
}
.tlt-seo__faq-title h3 {
  margin:16px 0 0;
  max-width:410px;
  color:#f2f5f7;
  font-size:clamp(26px,2.35vw,39px);
  line-height:1.08;
  letter-spacing:-.025em;
}
.tlt-seo__faq-title > p {
  margin:18px 0 0;
  max-width:400px;
  color:#8293a0;
  font-size:13px;
  line-height:1.7;
}
.tlt-seo__faq-list { border-top:1px solid rgba(165,188,205,.16); }
.tlt-seo__faq-list details { border-bottom:1px solid rgba(165,188,205,.16); }
.tlt-seo__faq-list summary {
  position:relative;
  padding:23px 46px 23px 0;
  color:#e8edf1;
  font-size:clamp(15px,1.15vw,18px);
  font-weight:700;
  line-height:1.45;
  cursor:pointer;
  list-style:none;
}
.tlt-seo__faq-list summary::-webkit-details-marker { display:none; }
.tlt-seo__faq-list summary::after {
  content:"+";
  position:absolute;
  right:4px;
  top:19px;
  color:#e4b657;
  font-size:23px;
  font-weight:300;
  transition:transform .25s ease;
}
.tlt-seo__faq-list details[open] summary::after { transform:rotate(45deg); }
.tlt-seo__faq-list p {
  margin:-4px 0 24px;
  max-width:780px;
  color:#91a0ac;
  font-size:14px;
  line-height:1.72;
}

.tlt-footer__links nav {
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:12px 28px;
  margin-bottom:18px;
}
.tlt-footer__links nav a,
.tlt-footer__phone,
.tlt-footer__email {
  color:#9caab5;
  text-decoration:none;
  transition:color .2s ease;
}
.tlt-footer__links nav a:hover,
.tlt-footer__phone:hover,
.tlt-footer__email:hover { color:#e4b657; }
.tlt-footer__phone,
.tlt-footer__email {
  display:block;
  text-align:right;
  margin-top:5px;
  font-size:14px;
}

@media (max-width: 900px) {
  .tlt-seo__head,
  .tlt-seo__faq { grid-template-columns:1fr; gap:28px; }
  .tlt-seo__grid { grid-template-columns:1fr; }
  .tlt-seo-card,
  .tlt-seo-card:nth-last-child(-n+2) { border-bottom:1px solid rgba(165,188,205,.13); }
  .tlt-seo-card:last-child { border-bottom:0; }
  .tlt-seo__types { grid-template-columns:repeat(2,1fr); }
  .tlt-seo-type:nth-child(2) { border-right:0; }
  .tlt-seo-type:nth-child(-n+2) { border-bottom:1px solid rgba(165,188,205,.13); }
  .tlt-footer__links nav { justify-content:flex-start; }
  .tlt-footer__phone,.tlt-footer__email { text-align:left; }
}
@media (max-width: 560px) {
  .tlt-seo { padding:60px 0; }
  .tlt-seo__intro { padding-left:18px; }
  .tlt-seo-card { grid-template-columns:32px minmax(0,1fr); gap:12px; padding:26px 0; }
  .tlt-seo__types { grid-template-columns:1fr; }
  .tlt-seo-type,
  .tlt-seo-type:nth-child(2) {
    min-height:126px;
    border-right:0;
    border-bottom:1px solid rgba(165,188,205,.13);
  }
  .tlt-seo-type:last-child { border-bottom:0; }
}


/* =========================================================
   v1.3.2 — Geometry & Breathing Room Fix
   Align inspection rectangles and keep container artwork away
   from the frame edges on desktop layouts.
   ========================================================= */
@media (min-width: 1181px) {
  /* Story / inspection: preserve the original artwork aspect ratio.
     The previous 230px crop removed its top/bottom breathing room. */
  .tlt-story-chapter--inspect .tlt-story-chapter__media--inspect {
    height: 268px !important;
    min-height: 268px !important;
    padding: 12px !important;
    box-sizing: border-box;
    border-color: rgba(216,169,79,.22) !important;
  }
  .tlt-story-chapter--inspect .tlt-story-panel-image {
    inset: 12px !important;
    width: calc(100% - 24px) !important;
    height: calc(100% - 24px) !important;
    object-fit: contain !important;
    object-position: center !important;
    background: #07131d;
    box-shadow: inset 0 0 0 1px rgba(255,255,255,.035), 0 18px 42px rgba(0,0,0,.14) !important;
  }

  /* Quality / photo check: both columns are one geometric module. */
  .tlt-quality__layout {
    grid-template-columns: minmax(0,1.18fr) minmax(0,.82fr) !important;
    align-items: stretch !important;
    gap: 20px !important;
  }
  .tlt-quality__visual,
  .tlt-quality__checklist {
    height: 510px !important;
    min-height: 510px !important;
    box-sizing: border-box;
    border-color: rgba(216,169,79,.18) !important;
  }
  .tlt-quality__visual {
    padding: 30px 42px !important;
  }
  .tlt-quality__visual img {
    width: min(620px,82%) !important;
    max-height: 338px !important;
    transform: translateY(8px) !important;
    object-fit: contain !important;
  }
  .tlt-quality__checklist {
    grid-template-rows: repeat(4,minmax(0,1fr)) auto !important;
  }
  .tlt-quality-item {
    min-height: 0 !important;
    padding: 17px 26px !important;
    align-content: center !important;
  }
  .tlt-quality-item strong { margin-bottom: 6px !important; }
  .tlt-quality__cta {
    align-self: end;
    margin: 14px 26px 20px !important;
    width: calc(100% - 52px) !important;
  }
}

/* Medium desktop: keep the same symmetry without forcing oversized cards. */
@media (min-width: 901px) and (max-width: 1180px) {
  .tlt-story-chapter--inspect .tlt-story-chapter__media--inspect {
    height: 238px !important;
    min-height: 238px !important;
    padding: 10px !important;
  }
  .tlt-story-chapter--inspect .tlt-story-panel-image {
    inset: 10px !important;
    width: calc(100% - 20px) !important;
    height: calc(100% - 20px) !important;
    object-fit: contain !important;
  }
  .tlt-quality__visual,
  .tlt-quality__checklist {
    min-height: 460px !important;
  }
  .tlt-quality__visual img {
    width: 84% !important;
    max-height: 320px !important;
    transform: translateY(6px) !important;
  }
}

/* =========================================================
   v1.3.3 — Exact Column Symmetry Fix
   Fixes the persistent 18px reveal offset and forces paired
   calculator panels to share one exact grid-row height.
   ========================================================= */

/* v1.1.3 made .tlt-reveal translateY(18px)!important, while the
   old .is-visible rule had no !important. As a result, revealed
   blocks could stay physically shifted even after they appeared. */
.tlt-reveal.is-visible {
  transform: none !important;
  filter: none !important;
}

@media (min-width: 901px) {
  /* PHOTO CHECK: both rectangles must start and finish on one line. */
  .tlt-quality__layout {
    align-items: stretch !important;
  }
  .tlt-quality__visual,
  .tlt-quality__checklist {
    align-self: stretch !important;
    box-sizing: border-box !important;
  }
  .tlt-quality__visual.tlt-reveal {
    transform: none !important;
  }

  /* CALCULATOR: left builder and right summary form one geometric pair. */
  .tlt-calc-layout {
    align-items: stretch !important;
  }
  .tlt-calc-panel,
  .tlt-calc-summary {
    align-self: stretch !important;
    height: auto !important;
    box-sizing: border-box !important;
  }
  .tlt-calc-summary {
    position: relative !important;
    top: auto !important;
  }
}


/* ==========================================================================
   TLT Premium 1.5.2 — Quiet header actions + hero title breathing room
   Track-order becomes a lightweight text action; only the commercial CTA
   remains a framed button. Hero line-height is relaxed so Cyrillic Й accents
   never collide with the line above.
   ========================================================================== */

/* Hero typography: preserve the same face/weight, fix the two-line collision. */
.tlt-hero h1{
  line-height:1!important;
}

/* Header actions: one quiet utility action + one true CTA. */
.tlt-header__actions{
  gap:20px!important;
}

.tlt-header__actions .tlt-track-trigger.tlt-header-action{
  position:relative!important;
  box-sizing:border-box!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 2px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#dfe5ea!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:760!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
  transition:color .2s ease,opacity .2s ease!important;
}
.tlt-header__actions .tlt-track-trigger.tlt-header-action::after{
  content:"";
  position:absolute;
  left:2px;
  bottom:7px;
  width:18px;
  height:1px;
  background:var(--tlt-gold-2);
  opacity:.62;
  transition:width .24s cubic-bezier(.2,.7,.2,1),opacity .2s ease!important;
}
.tlt-header__actions .tlt-track-trigger.tlt-header-action:hover{
  border:0!important;
  background:transparent!important;
  color:var(--tlt-gold-2)!important;
  box-shadow:none!important;
  transform:none!important;
}
.tlt-header__actions .tlt-track-trigger.tlt-header-action:hover::after{
  width:calc(100% - 4px);
  opacity:1;
}

.tlt-header__actions .tlt-btn--outline.tlt-header-action{
  box-sizing:border-box!important;
  min-height:44px!important;
  height:44px!important;
  padding:0 19px!important;
  border:1px solid rgba(239,198,111,.64)!important;
  border-radius:0!important;
  background:transparent!important;
  color:var(--tlt-gold-2)!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:760!important;
  line-height:1!important;
  letter-spacing:.072em!important;
  text-transform:uppercase!important;
  white-space:nowrap!important;
  box-shadow:none!important;
  transform:none!important;
  transition:background .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease!important;
}
.tlt-header__actions .tlt-btn--outline.tlt-header-action:hover{
  background:linear-gradient(135deg,#e7b85f,#c9973f)!important;
  border-color:transparent!important;
  color:#071019!important;
  box-shadow:0 12px 28px rgba(212,163,69,.14)!important;
  transform:none!important;
}
.tlt-header__actions .tlt-header-action:focus-visible{
  outline:1px solid rgba(239,198,111,.86)!important;
  outline-offset:4px!important;
}

@media(max-width:1280px){
  .tlt-header__actions{gap:14px!important}
  .tlt-header__actions .tlt-track-trigger.tlt-header-action{
    min-height:42px!important;
    height:42px!important;
    padding:0 2px!important;
  }
  .tlt-header__actions .tlt-btn--outline.tlt-header-action{
    min-height:42px!important;
    height:42px!important;
    padding:0 16px!important;
  }
}

@media(max-width:600px){
  .tlt-hero h1{line-height:1.04!important}
  .tlt-header__actions .tlt-track-trigger.tlt-header-action{
    min-height:36px!important;
    height:36px!important;
    padding:0 1px!important;
    font-size:8.5px!important;
    letter-spacing:.06em!important;
  }
  .tlt-header__actions .tlt-track-trigger.tlt-header-action::after{
    left:1px;
    bottom:4px;
    width:14px;
  }
}

/* ==========================================================================
   TLT Premium 1.5.3 — Clean utility header
   One quiet horizontal action row: phone / tracking / commercial CTA.
   No framed buttons, no underline ornament, no second line under the phone.
   ========================================================================== */

.tlt-header__actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  white-space:nowrap!important;
}

/* Phone: one level only. Keep the small brand accent icon, remove stacked copy. */
.tlt-header__actions .tlt-phone-stack{
  display:flex!important;
  align-items:center!important;
  justify-items:initial!important;
  line-height:1!important;
  padding-left:30px!important;
  margin-right:30px!important;
}
.tlt-header__actions .tlt-phone-stack:before{
  width:21px!important;
  height:21px!important;
  margin-top:-10.5px!important;
  border-color:rgba(229,183,94,.64)!important;
  color:#e7b95e!important;
  opacity:.92!important;
}
.tlt-header__actions .tlt-phone{
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  color:#edf1f4!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
  font-size:10.5px!important;
  font-weight:720!important;
  line-height:1!important;
  letter-spacing:.012em!important;
  text-decoration:none!important;
  transition:color .2s ease!important;
}
.tlt-header__actions .tlt-phone:hover{color:var(--tlt-gold-2)!important}
.tlt-phone-note{display:none!important}

/* Tracking: a pure utility action, no box and no decorative underline. */
.tlt-header__actions .tlt-track-trigger.tlt-header-action{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:34px!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  color:#e5e9ed!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:760!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
  transition:color .18s ease,opacity .18s ease!important;
}
.tlt-header__actions .tlt-track-trigger.tlt-header-action::after{
  content:none!important;
  display:none!important;
}
.tlt-header__actions .tlt-track-trigger.tlt-header-action:hover{
  border:0!important;
  background:none!important;
  color:#fff!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:.78!important;
}

/* Commercial action: still text-only; gold color gives it hierarchy. */
.tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  height:auto!important;
  margin:0 0 0 22px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.15)!important;
  border-radius:0!important;
  background:none!important;
  color:var(--tlt-gold-2)!important;
  box-shadow:none!important;
  transform:none!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:780!important;
  line-height:1!important;
  letter-spacing:.068em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:color .18s ease,opacity .18s ease!important;
}
.tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta:hover{
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:1px solid rgba(255,255,255,.15)!important;
  background:none!important;
  color:#f4cf7c!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:.84!important;
}
.tlt-header-cta__arrow{
  display:inline-block!important;
  margin-top:-1px!important;
  font-size:13px!important;
  font-weight:400!important;
  line-height:1!important;
  letter-spacing:0!important;
  transition:transform .18s ease!important;
}
.tlt-header-cta:hover .tlt-header-cta__arrow{transform:translateX(3px)!important}

.tlt-header__actions .tlt-header-action:focus-visible,
.tlt-header__actions .tlt-phone:focus-visible{
  outline:1px solid rgba(239,198,111,.78)!important;
  outline-offset:6px!important;
}

@media(max-width:1280px){
  .tlt-header__actions .tlt-phone-stack{margin-right:22px!important}
  .tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta{
    margin-left:18px!important;
    padding-left:18px!important;
    font-size:8.5px!important;
  }
  .tlt-header__actions .tlt-track-trigger.tlt-header-action{font-size:8.5px!important}
}

@media(max-width:1020px){
  .tlt-header__actions .tlt-phone-stack{display:none!important}
}

@media(max-width:900px){
  .tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta{display:none!important}
  .tlt-header__actions .tlt-track-trigger.tlt-header-action{
    min-height:36px!important;
    font-size:8.5px!important;
    letter-spacing:.065em!important;
  }
}

/* ==========================================================================
   TLT Premium 1.5.4 — Unified utility actions
   One visual language for phone / tracking / proposal:
   plain text, familiar phone glyph, equal separators and one hover behavior.
   ========================================================================== */

.tlt-header__actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
  white-space:nowrap!important;
}

/* Reset the legacy decorative phone pseudo-icon completely. */
.tlt-header__actions .tlt-phone-stack{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  line-height:1!important;
}
.tlt-header__actions .tlt-phone-stack::before{
  content:none!important;
  display:none!important;
}

/* Shared action language. No transforms, fades, underlines or independent effects. */
.tlt-header__actions .tlt-header-action{
  color:#edf1f4!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif!important;
  font-size:9px!important;
  font-weight:760!important;
  line-height:1!important;
  letter-spacing:.068em!important;
  text-transform:uppercase!important;
  text-decoration:none!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
  transition:color .18s ease!important;
}
.tlt-header__actions .tlt-header-action:hover{
  color:var(--tlt-gold-2)!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
}

/* Phone: a universally recognizable handset, no circle. */
.tlt-header__actions .tlt-phone.tlt-header-action{
  display:inline-flex!important;
  align-items:center!important;
  gap:8px!important;
  min-height:34px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  font-size:10px!important;
  letter-spacing:.012em!important;
  text-transform:none!important;
}
.tlt-phone__icon{
  width:13px!important;
  height:13px!important;
  flex:0 0 13px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.tlt-phone-note{display:none!important}

/* Both text actions use the same separator, spacing and hit area. */
.tlt-header__actions .tlt-track-trigger.tlt-header-action,
.tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:auto!important;
  min-width:0!important;
  min-height:34px!important;
  height:auto!important;
  margin:0 0 0 22px!important;
  padding:0 0 0 22px!important;
  border:0!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
  border-radius:0!important;
  cursor:pointer!important;
  white-space:nowrap!important;
}
.tlt-header__actions .tlt-track-trigger.tlt-header-action::after{
  content:none!important;
  display:none!important;
}
.tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta:hover,
.tlt-header__actions .tlt-track-trigger.tlt-header-action:hover{
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
}

/* v1.5.4 no longer uses a directional arrow in the header. */
.tlt-header-cta__arrow{display:none!important}

.tlt-header__actions .tlt-header-action:focus-visible{
  outline:1px solid rgba(239,198,111,.78)!important;
  outline-offset:6px!important;
}

@media(max-width:1280px){
  .tlt-header__actions .tlt-track-trigger.tlt-header-action,
  .tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta{
    margin-left:18px!important;
    padding-left:18px!important;
    font-size:8.5px!important;
  }
  .tlt-header__actions .tlt-phone.tlt-header-action{font-size:9.5px!important}
}

@media(max-width:1020px){
  .tlt-header__actions .tlt-phone-stack{display:none!important}
  .tlt-header__actions .tlt-track-trigger.tlt-header-action{
    margin-left:0!important;
    padding-left:0!important;
    border-left:0!important;
  }
}

@media(max-width:900px){
  .tlt-header__actions .tlt-btn--outline.tlt-header-action.tlt-header-cta{display:none!important}
  .tlt-header__actions .tlt-track-trigger.tlt-header-action{
    min-height:36px!important;
    font-size:8.5px!important;
    letter-spacing:.065em!important;
  }
}

/* ========================================================================== 
   TLT Premium 1.5.5 — Header hover hard reset
   All three utility actions share exactly one idle/hover behavior.
   This block intentionally outranks legacy .tlt-btn / .tlt-btn--outline rules.
   ========================================================================== */

.tlt-header__actions .tlt-phone.tlt-header-action,
.tlt-header__actions .tlt-track-trigger.tlt-header-action,
.tlt-header__actions .tlt-btn.tlt-btn--outline.tlt-header-action.tlt-header-cta{
  color:#edf1f4!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  text-shadow:none!important;
  transition:color .18s ease!important;
}

.tlt-header__actions .tlt-phone.tlt-header-action:hover,
.tlt-header__actions .tlt-track-trigger.tlt-header-action:hover,
.tlt-header__actions .tlt-btn.tlt-btn--outline.tlt-header-action.tlt-header-cta:hover{
  color:var(--tlt-gold-2)!important;
  background:transparent!important;
  box-shadow:none!important;
  opacity:1!important;
  transform:none!important;
  translate:none!important;
  filter:none!important;
  text-shadow:none!important;
}

/* Kill every legacy decorative pseudo-element on header actions. */
.tlt-header__actions .tlt-track-trigger.tlt-header-action::before,
.tlt-header__actions .tlt-track-trigger.tlt-header-action::after,
.tlt-header__actions .tlt-btn.tlt-btn--outline.tlt-header-action.tlt-header-cta::before,
.tlt-header__actions .tlt-btn.tlt-btn--outline.tlt-header-action.tlt-header-cta::after{
  content:none!important;
  display:none!important;
  opacity:0!important;
  transform:none!important;
  transition:none!important;
}

/* Keep separators static while text/icon alone changes color. */
.tlt-header__actions .tlt-track-trigger.tlt-header-action,
.tlt-header__actions .tlt-btn.tlt-btn--outline.tlt-header-action.tlt-header-cta,
.tlt-header__actions .tlt-track-trigger.tlt-header-action:hover,
.tlt-header__actions .tlt-btn.tlt-btn--outline.tlt-header-action.tlt-header-cta:hover{
  border-top:0!important;
  border-right:0!important;
  border-bottom:0!important;
  border-left:1px solid rgba(255,255,255,.14)!important;
}