
/* Techtrim V10 — corrections against approved reference */
:root{--tt-blue:#087cff;--tt-blue2:#3cc7ff;--tt-metal:#d9e2ea;--tt-dark:#050a11}
/* Header one-line layout like approved mockup */
.approved-header{height:auto!important;background:linear-gradient(180deg,rgba(3,8,14,.985),rgba(5,11,18,.975))!important;border-bottom:1px solid rgba(106,183,238,.16)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important}
.approved-header .approved-nav{max-width:1600px!important;min-height:78px!important;margin:0 auto!important;padding:0 24px!important;gap:18px!important;display:flex!important;align-items:center!important}
.approved-header .approved-brand{flex:0 0 188px!important;min-width:188px!important;max-width:188px!important;margin:0!important}
.approved-header .approved-brand img{display:block!important;width:188px!important;height:50px!important;object-fit:contain!important;object-position:left center!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important}
.approved-header .approved-links{display:flex!important;align-items:center!important;gap:2px!important;margin-left:auto!important;white-space:nowrap!important}
.approved-header .approved-links>a,.approved-header .tt-services-trigger{min-height:40px!important;padding:10px 12px!important;border-radius:9px!important;font-size:14px!important;font-weight:700!important;line-height:20px!important}
.tt-top-actions{display:flex!important;align-items:center!important;gap:8px!important;margin-left:16px!important}
.tt-top-actions .tt-action{height:44px!important;padding:0 13px!important;border:1px solid rgba(177,205,229,.34)!important;border-radius:9px!important;background:linear-gradient(145deg,rgba(4,9,16,.94),rgba(8,17,27,.92))!important;color:#fff!important;font-size:13px!important;white-space:nowrap!important}
.tt-top-actions .tt-phone{order:4!important;min-width:190px!important}.tt-top-actions .tt-telegram{order:1}.tt-top-actions .tt-max{order:2}.tt-top-actions .tt-avito{order:3}
/* Dropdown: technological gradient of hero, not a plain plate */
.tt-services-menu{width:360px!important;padding:10px!important;border-radius:14px!important;background:radial-gradient(circle at 5% 10%,rgba(12,129,239,.32),transparent 34%),linear-gradient(135deg,rgba(5,17,31,.99),rgba(4,10,18,.99) 60%,rgba(7,22,37,.99))!important;border:1px solid rgba(80,174,244,.36)!important;box-shadow:0 24px 64px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 38px rgba(0,112,225,.07)!important}
.tt-services-menu a{padding:11px 12px!important;border-radius:10px!important}.tt-services-menu a i{color:#52c8ff!important}.tt-services-menu small{color:#8eb5d2!important}.tt-services-menu a:hover{background:linear-gradient(90deg,rgba(10,126,236,.22),rgba(66,209,255,.08))!important}
/* Hero is cropped vertically, never distorted */
.techtrim-home .tt-hero{height:clamp(255px,25vw,390px)!important;overflow:hidden!important;background:#02060b!important;box-shadow:none!important}
.techtrim-home .tt-hero>img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 50%!important;transform:none!important}
/* Light transition begins after banner and stays behind cards */
.techtrim-home .tt-light-zone{position:relative!important;margin-top:0!important;padding-top:54px!important;background:linear-gradient(180deg,#8bc9ed 0%,#d8f0ff 7%,#eef8ff 16%,#f8fcff 27%,#fff 45%,#fff 100%)!important}
.techtrim-home .tt-light-zone:before{content:""!important;position:absolute!important;left:0!important;right:0!important;top:-94px!important;height:96px!important;pointer-events:none!important;background:linear-gradient(180deg,rgba(7,19,32,0),rgba(97,177,225,.28) 46%,rgba(217,241,255,.86) 82%,#8bc9ed 100%)!important;z-index:0!important}
.techtrim-home .tt-light-zone>*{position:relative!important;z-index:1!important}
.techtrim-home .tt-info-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;margin:0 auto 28px!important}
.techtrim-home .tt-info-grid article{min-height:106px!important;padding:17px 16px!important;border-radius:12px!important;background:rgba(249,253,255,.96)!important;border:1px solid rgba(57,137,200,.16)!important;box-shadow:0 8px 22px rgba(28,93,143,.08)!important}
/* Approved service card shape and images */
.techtrim-home .tt-section{padding-top:22px!important}.techtrim-home .tt-section h2{margin-bottom:6px!important}
.techtrim-home .tt-service-cards.three{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;max-width:1240px!important;margin:16px auto 0!important}
.techtrim-home .tt-service-card{display:flex!important;flex-direction:column!important;min-height:520px!important;overflow:hidden!important;border-radius:13px!important;background:linear-gradient(155deg,#f6fbff,#edf6fc)!important;border:1px solid rgba(30,111,175,.16)!important;box-shadow:0 9px 24px rgba(41,103,153,.07)!important}
.techtrim-home .tt-service-visual{height:245px!important;min-height:245px!important;padding:0!important;background:linear-gradient(145deg,#eef6fb,#f8fcff)!important;overflow:hidden!important}
.techtrim-home .tt-service-visual img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:none!important;transform:none!important}
.techtrim-home .tt-service-copy{display:flex!important;flex:1!important;flex-direction:column!important;padding:18px 19px 16px!important}.techtrim-home .tt-service-copy h3{font-size:21px!important;line-height:1.28!important;color:#102039!important}.techtrim-home .tt-service-copy p,.techtrim-home .tt-service-copy li{color:#40536a!important}.techtrim-home .tt-card-foot{margin-top:auto!important}
/* Sheen only through the logo mask, from T shield through final m */
.techtrim-home .tt-logo-sheen{display:block!important;position:absolute!important;left:3.2%!important;top:7%!important;width:59.7%!important;height:84%!important;overflow:hidden!important;pointer-events:none!important;z-index:3!important;mix-blend-mode:screen!important;mask:url('techtrim-sheen-mask.png') center/100% 100% no-repeat!important;-webkit-mask:url('techtrim-sheen-mask.png') center/100% 100% no-repeat!important}
.techtrim-home .tt-logo-sheen:before{content:""!important;position:absolute!important;top:-8%!important;left:-13%!important;width:9%!important;height:116%!important;background:linear-gradient(90deg,transparent 0%,rgba(194,230,255,.12) 24%,rgba(255,255,255,.94) 48%,rgba(110,205,255,.22) 66%,transparent 100%)!important;filter:blur(1px)!important;transform:translateX(0) skewX(-13deg)!important;opacity:0;animation:ttV10Sweep 9.5s cubic-bezier(.43,.04,.42,.96) infinite!important}.techtrim-home .tt-logo-sheen:after{display:none!important}
@keyframes ttV10Sweep{0%,69%{transform:translateX(0) skewX(-13deg);opacity:0}71%{opacity:.92}89%{transform:translateX(1260%) skewX(-13deg);opacity:.88}92%,100%{transform:translateX(1290%) skewX(-13deg);opacity:0}}
/* compact logo on inner pages */
.corek-inner .pagehero-logo-art img,.corek-inner .stage-top-logo img,.corek-inner .apps-top-logo img{width:116px!important;height:100px!important;max-width:116px!important;max-height:100px!important;object-fit:contain!important;border-radius:15px!important;box-shadow:0 14px 32px rgba(18,90,148,.18)!important}
/* Apps page: exact 20-brand selector structure */
.tt-apps-chooser{padding:48px 0 42px!important;background:linear-gradient(180deg,#f8fafb 0%,#f3f7fa 100%)!important;color:#161b20!important}
.tt-apps-chooser .apps-top-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 150px!important;gap:34px!important;align-items:start!important}.tt-apps-chooser h1{margin:8px 0 12px!important;font-size:clamp(34px,4.2vw,62px)!important;line-height:1.02!important;letter-spacing:-.035em!important;color:#171b20!important;background:none!important;-webkit-text-fill-color:#171b20!important}.tt-apps-chooser .lead{color:#616a72!important;max-width:900px!important}.tt-apps-chooser .eyebrow{color:#087cff!important}
.tt-apps-chooser .apps-brand-grid{display:grid!important;grid-template-columns:repeat(4,minmax(145px,1fr))!important;gap:12px 14px!important;margin:26px 0 0!important;max-width:1020px!important}
.tt-apps-chooser .apps-brand-button,.tt-apps-chooser .apps-brand-btn{min-height:54px!important;padding:11px 16px!important;border:1px solid #d2d7dc!important;border-radius:0!important;clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%)!important;background:linear-gradient(180deg,#fff,#e9edf0)!important;color:#1d2226!important;-webkit-text-fill-color:#1d2226!important;font-size:16px!important;font-weight:900!important;box-shadow:inset 0 1px 0 #fff,0 2px 6px rgba(15,30,45,.06)!important}
.tt-apps-chooser .apps-brand-button:hover,.tt-apps-chooser .apps-brand-button.active,.tt-apps-chooser .apps-brand-btn:hover,.tt-apps-chooser .apps-brand-btn.active{background:linear-gradient(135deg,#0877e7,#29b8ff)!important;border-color:#168ee8!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 6px 17px rgba(6,126,227,.22)!important;transform:translateY(-1px)!important}
.tt-apps-chooser .apps-model-wrap{margin-top:18px!important;padding:18px 18px 20px!important;border:1px solid #d2d8dd!important;border-radius:15px!important;background:#f7f9fa!important;box-shadow:0 6px 18px rgba(20,35,50,.04)!important}.tt-apps-chooser .apps-model-title{margin:0 0 11px!important}.tt-apps-chooser .apps-model-grid{display:grid!important;grid-template-columns:repeat(8,minmax(90px,1fr))!important;gap:10px!important}.tt-apps-chooser .apps-model-button,.tt-apps-chooser .apps-model-btn{min-height:44px!important;padding:9px 10px!important;border:1px solid #d4d8dc!important;border-radius:0!important;clip-path:polygon(9px 0,100% 0,calc(100% - 9px) 100%,0 100%)!important;background:linear-gradient(180deg,#fff,#eceff1)!important;color:#22282d!important;-webkit-text-fill-color:#22282d!important;font-size:14px!important;font-weight:800!important}.tt-apps-chooser .apps-model-button:hover,.tt-apps-chooser .apps-model-button.active,.tt-apps-chooser .apps-model-btn:hover,.tt-apps-chooser .apps-model-btn.active{background:linear-gradient(135deg,#0877e7,#29b8ff)!important;border-color:#168ee8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.tt-apps-chooser .apps-result{margin-top:24px!important}.tt-apps-chooser .apps-result-head{display:grid!important;grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr)!important;gap:18px!important}.tt-apps-chooser .apps-result-card{padding:24px!important;border:1px solid rgba(40,112,171,.15)!important;border-radius:16px!important;background:linear-gradient(145deg,#fff,#eff7fd)!important;box-shadow:0 14px 34px rgba(34,91,136,.08)!important}.apps-result-car{height:220px;margin:-10px -6px 18px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(145deg,#eef4f8,#fff);overflow:hidden}.apps-result-car img{max-width:92%;max-height:205px;object-fit:contain}.apps-check-list{list-style:none;padding:0;margin:16px 0 0}.apps-check-list li{position:relative;padding:8px 0 8px 25px;color:#35516a}.apps-check-list li:before{content:'✓';position:absolute;left:0;color:#087cff;font-weight:900}.tt-apps-after{background:#fff!important}
/* remove remaining orange from public UI */
.eyebrow,.service-kicker{color:#087cff!important}.premium-btn.orange,.btn.orange,.active.orange{background:linear-gradient(135deg,#0877e7,#30c3ff)!important;border-color:#0877e7!important}.stage-brand.active,.stage-model-button.active,.stage-brand:hover,.stage-model-button:hover{background:linear-gradient(135deg,#0877e7,#30c3ff)!important;border-color:#0877e7!important;color:#fff!important;-webkit-text-fill-color:#fff!important}.gain,.stage-gain,.power-gain,.torque-gain{color:#087cff!important}
@media(max-width:1250px){.approved-header .approved-brand{flex-basis:150px!important;min-width:150px!important;max-width:150px!important}.approved-header .approved-brand img{width:150px!important}.approved-header .approved-links>a,.approved-header .tt-services-trigger{padding:9px 8px!important;font-size:13px!important}.tt-top-actions{margin-left:6px!important}.tt-top-actions .tt-action{padding:0 9px!important}.tt-top-actions .tt-phone{min-width:160px!important}.tt-apps-chooser .apps-model-grid{grid-template-columns:repeat(6,minmax(90px,1fr))!important}}
@media(max-width:980px){.approved-header .approved-nav{min-height:64px!important}.approved-header .approved-brand{flex-basis:140px!important;min-width:140px!important;max-width:140px!important}.approved-header .approved-brand img{width:140px!important;height:42px!important}.approved-header .approved-links{display:none!important}.approved-header .approved-links.open{display:flex!important}.tt-top-actions{display:none!important}.techtrim-home .tt-info-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.techtrim-home .tt-service-cards.three{grid-template-columns:1fr!important;max-width:620px!important}.tt-apps-chooser .apps-top-grid{grid-template-columns:1fr!important}.tt-apps-chooser .apps-top-logo{display:none!important}.tt-apps-chooser .apps-brand-grid{grid-template-columns:repeat(3,minmax(120px,1fr))!important}.tt-apps-chooser .apps-model-grid{grid-template-columns:repeat(4,minmax(90px,1fr))!important}.tt-apps-chooser .apps-result-head{grid-template-columns:1fr!important}}
@media(max-width:640px){.techtrim-home .tt-hero{height:220px!important}.techtrim-home .tt-info-grid{grid-template-columns:1fr!important}.techtrim-home .tt-light-zone{padding-top:36px!important}.tt-apps-chooser{padding:32px 0!important}.tt-apps-chooser .apps-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.tt-apps-chooser .apps-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.tt-apps-chooser .apps-brand-button,.tt-apps-chooser .apps-brand-btn{font-size:13px!important;min-height:46px!important}.tt-apps-chooser h1{font-size:34px!important}}
@media(prefers-reduced-motion:reduce){.techtrim-home .tt-logo-sheen:before{animation:none!important}}
