﻿.trimble-page{--ts-orange:#f29400;--ts-bg:#080a0b;--ts-panel:#111416;--ts-line:#303537;background:var(--ts-bg);padding-bottom:0}
.trimble-page .site-header{position:absolute;inset:0 0 auto;background:linear-gradient(#080a0bee,transparent);border:0}
.trimble-page h1,.trimble-page h2,.trimble-page h3{margin-top:0}
.trimble-page h2{max-width:760px;margin-bottom:22px;font-size:clamp(28px,3.2vw,43px);line-height:1.06;letter-spacing:-1.3px;text-transform:uppercase}
.trimble-page p{line-height:1.6}
.ts-container{width:min(1210px,calc(100% - 64px));margin:0 auto}
.ts-kicker{margin:0 0 14px!important;color:var(--ts-orange)!important;font-size:11px!important;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ts-muted,.ts-heading>p,.ts-intro{color:#aeb3b5}
.ts-section{padding:68px 0;border-top:1px solid #25292b}
.ts-hero{position:relative;min-height:630px;overflow:hidden;background:#080a0b}
.ts-hero-photo{position:absolute;inset:0 0 0 39%;background:url('/static/media/trimble-service-hero.png') 47% center/cover no-repeat}
.ts-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080a0b 0 36%,rgba(8,10,11,.88) 48%,rgba(8,10,11,.12) 75%),linear-gradient(0deg,#080a0b,transparent 25%)}
.ts-hero-grid{position:relative;z-index:1;display:grid;min-height:630px;grid-template-columns:1fr .9fr;align-items:center;padding-top:74px}
.ts-hero-copy{max-width:690px}
.ts-hero h1{margin:0 0 18px;font-size:clamp(40px,4.3vw,61px);line-height:.98;letter-spacing:-2.5px;text-transform:uppercase}
.ts-hero h1 span{color:var(--ts-orange)}
.ts-hero-copy>p:not(.ts-kicker){max-width:610px;color:#c5c8c9;font-size:16px}
.ts-actions{display:flex;gap:12px;margin:24px 0 16px}
.ts-text-link{color:#f7aa2d;font-weight:700;text-decoration:none}
.ts-image-notes{position:absolute;right:0;bottom:38px;display:grid;width:53%;margin:0;padding:0;grid-template-columns:repeat(4,1fr);list-style:none;border-top:1px solid #ffffff55}
.ts-image-notes li{padding:14px;color:#f3a024;font-size:11px}
.ts-image-notes b{display:block;margin-top:3px;color:#fff;font-size:12px}
.ts-quick{padding-top:42px}
.ts-quick-grid,.ts-services{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ts-quick-grid article,.ts-services article{min-height:210px;padding:22px;border:1px solid var(--ts-line);background:linear-gradient(145deg,#161a1c,#0d0f10);transition:.25s}
.ts-quick-grid article:hover,.ts-services article:hover{border-color:#78531c;transform:translateY(-4px)}
.ts-quick-grid article>span,.ts-services i{color:var(--ts-orange);font-size:11px;font-style:normal}
.ts-quick-grid h3,.ts-services h3{margin:36px 0 9px;font-size:20px}
.ts-quick-grid p,.ts-services p{color:#aeb2b4}
.ts-card-link{display:flex;margin-top:18px;justify-content:space-between;color:#f2a01f;font-size:14px;font-weight:700;text-decoration:none}
.ts-split,.ts-story-grid,.ts-request-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.ts-check-list{display:grid;margin:0;padding:0;grid-template-columns:1fr 1fr;list-style:none}
.ts-check-list li{padding:12px 10px 12px 28px;border-bottom:1px solid var(--ts-line);position:relative;color:#d4d6d7;font-size:14px}
.ts-check-list li::before{content:"+";position:absolute;left:5px;color:var(--ts-orange);font-weight:bold}
.ts-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:end}
.ts-services article{min-height:188px}
.ts-services h3{margin-top:28px}
.ts-components{background:#0e1112}
.ts-component-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:28px}
.ts-component-grid article{padding:0 20px 22px;border:1px solid var(--ts-line);background:#090b0c}
.ts-component-grid h3{font-size:21px}
.ts-component-grid p{color:#9fa4a6}
.ts-device{position:relative;height:120px;margin:0 -20px 18px;overflow:hidden;border-bottom:1px solid var(--ts-line);background:radial-gradient(circle at 50% 45%,#343a3d,#111416 55%,#080a0b)}
.ts-device::before{content:"";position:absolute;inset:29px 30%;border:3px solid #c58525;border-radius:9px;background:linear-gradient(145deg,#3d4548,#16191b);box-shadow:0 14px 28px #000}
.sensor-device::before{inset:36px 36%;border-radius:50%}
.controller-device::before{inset:27px 27%;border-radius:4px}
.display-device::after{content:"";position:absolute;inset:47px 35%;border:1px solid #f29400;background:#151d20}
.gnss-device::before{inset:37px 29%;border-radius:50% 50% 13px 13px}
.radio-device::before{inset:44px 34% 28px}
.cable-device::before{inset:45px 22%;border:8px solid #303638;border-left-color:#c58525;border-right-color:#c58525;border-radius:50%;background:transparent}
.ts-center{text-align:center;margin-top:25px}
.ts-diagnostic{background:linear-gradient(115deg,#171b1d,#171108)}
.ts-diagnostic p{max-width:590px;color:#c8cbcc;font-size:16px}
.ts-benefits{margin:0;padding:0;list-style:none;border-top:1px solid #5d4a2e}
.ts-benefits li{display:grid;padding:16px 0;grid-template-columns:135px 1fr;border-bottom:1px solid #5d4a2e;font-size:14px}
.ts-benefits b{color:#f3a022}
.ts-benefits span{color:#c4c7c8}
.ts-workbench{overflow:hidden;border:1px solid #3c4143}
.ts-workbench img{display:block;width:100%;height:390px;object-fit:cover}
.ts-metrics{display:grid;margin-top:28px;gap:2px}
.ts-metrics span{padding:13px;background:#131719;font-size:14px}
.ts-metrics b{margin-right:20px;color:var(--ts-orange)}
.ts-process{display:grid;margin:38px 0 0;padding:0;grid-template-columns:repeat(6,1fr);list-style:none;counter-reset:item}
.ts-process li{position:relative;padding:26px 16px 0 0;border-top:1px solid #705126}
.ts-process li::before{content:"";position:absolute;top:-6px;width:11px;height:11px;border-radius:50%;background:var(--ts-orange)}
.ts-process b,.ts-process span{display:block}
.ts-process span{margin-top:8px;color:#999fa1;font-size:14px}
.ts-parts{background:#111416}
.ts-parts p{max-width:580px;color:#b9bdbe}
.ts-part-plate{display:grid;padding:26px;grid-template-columns:140px 1fr;gap:0;border:1px solid #555b5d;background:repeating-linear-gradient(135deg,#15191b 0 15px,#131719 15px 30px)}
.ts-part-plate>*{padding:14px;border-bottom:1px solid #353b3d}
.ts-part-plate span{color:#e99a21;font-size:11px}
.ts-replacement{background:linear-gradient(110deg,#211708,#101315)}
.ts-replacement p{max-width:700px;color:#c8cacc}
.ts-replacement ol{display:grid;margin:30px 0 0;padding:0;grid-template-columns:repeat(4,1fr);list-style:none;counter-reset:replace}
.ts-replacement li{padding:19px;border-left:1px solid #755626;counter-increment:replace;font-size:14px}
.ts-replacement li::before{content:"0" counter(replace);display:block;margin-bottom:20px;color:#f29400}
.ts-why{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}
.ts-why>p{font-size:18px;color:#c8cbcc}
.ts-cases{background:#0e1112}
.ts-case-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ts-case-grid article{padding:23px;border:1px solid var(--ts-line);background:#090b0c}
.ts-case-grid article>span{color:#f29400;font-size:11px}
.ts-case-grid h3{margin:22px 0;font-size:21px}
.ts-case-grid dl{display:grid;grid-template-columns:105px 1fr;margin:0}
.ts-case-grid dt,.ts-case-grid dd{margin:0;padding:12px 0;border-top:1px solid #303537}
.ts-case-grid dt{color:#f2a027;font-size:11px;text-transform:uppercase}
.ts-case-grid dd{color:#bbc0c1}
.ts-doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.ts-doc-grid a{display:flex;min-height:120px;padding:20px;flex-direction:column;justify-content:space-between;border:1px solid var(--ts-line);color:#fff;font-size:14px;text-decoration:none}
.ts-doc-grid a:hover{border-color:#8a5e1c}
.ts-doc-grid b{color:#f29400}
.ts-faq{background:#101314}
.ts-faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}
.ts-faq details{border-top:1px solid #373c3e}
.ts-faq details:last-child{border-bottom:1px solid #373c3e}
.ts-faq summary{padding:16px 35px 16px 0;cursor:pointer;font-size:16px;font-weight:700}
.ts-faq details p{padding:0 40px 22px 0;color:#aeb3b5}
.ts-request{padding:70px 0;background:linear-gradient(120deg,#191d1f,#1b1307)}
.ts-request h2{font-size:clamp(29px,3.3vw,42px)}
.ts-request-grid>div>p:not(.ts-kicker){color:#bdc1c2}
.ts-phone{display:block;margin-top:28px;color:#fff;font-size:23px;font-weight:bold;text-decoration:none}
.ts-request-grid>div>span{color:#999fa1;font-size:12px}
.ts-form{padding:22px;border:1px solid #414648;background:#0b0d0eee}
.ts-form fieldset{display:grid;margin:0 0 22px;padding:0;grid-template-columns:repeat(3,1fr);border:0;gap:8px}
.ts-form legend{margin-bottom:10px;color:#afb3b5;font-size:12px}
.ts-form fieldset label{cursor:pointer}
.ts-form fieldset input{position:absolute;opacity:0}
.ts-form fieldset span{display:block;padding:11px;text-align:center;border:1px solid #3c4244;font-size:12px}
.ts-form fieldset input:checked+span{border-color:#f29400;color:#f29400;background:#2b1e0b}
.ts-fields{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.ts-fields label{display:flex;flex-direction:column;gap:6px}
.ts-fields label>span{color:#aeb2b4;font-size:11px}
.ts-fields input,.ts-fields textarea{width:100%;padding:11px 13px;border:1px solid #3b4042;background:#171a1c;color:#fff;font:inherit}
.ts-fields .wide{grid-column:1/-1}
.ts-upload input{padding:10px}
.ts-form>.button{width:100%;margin-top:16px}
.ts-form small{display:block;margin-top:11px;color:#969b9d}
.ts-form small a{color:#d99a38}
.ts-success{margin-bottom:18px;padding:13px;border:1px solid #6d9b45;background:#172111;color:#d9f2c6}
.ts-mobile-bar{display:none}

@media(max-width:1000px){.ts-hero-photo{inset:0 0 0 25%}
.ts-quick-grid,.ts-services,.ts-component-grid{grid-template-columns:repeat(2,1fr)}
.ts-split,.ts-story-grid,.ts-request-grid,.ts-faq-grid{gap:40px}
.ts-process{grid-template-columns:repeat(3,1fr)}
.ts-process li{margin-bottom:30px}
.ts-hero h1{font-size:48px}
.ts-heading{grid-template-columns:1fr}
.ts-component-grid article:last-child{grid-column:auto}
.trimble-page .main-nav{background:#080a0b}
}

@media(max-width:760px){.trimble-page{padding-bottom:62px}
.ts-container{width:calc(100% - 36px)}
.ts-section{padding:50px 0}
.trimble-page h2{font-size:27px;letter-spacing:-.7px}
.ts-hero{min-height:720px}
.ts-hero-photo{inset:335px -20% 0 -30%;opacity:.75}
.ts-hero::after{background:linear-gradient(#080a0b 0 36%,rgba(8,10,11,.55) 60%,#080a0b 100%)}
.ts-hero-grid{display:block;min-height:720px;padding-top:96px}
.ts-hero-copy{position:relative;z-index:2}
.ts-hero h1{font-size:34px;letter-spacing:-1.2px}
.ts-hero-copy>p:not(.ts-kicker){font-size:15px}
.ts-actions{align-items:stretch;flex-direction:column}
.ts-actions .button{width:100%}
.ts-image-notes{bottom:18px;left:0;width:100%;grid-template-columns:1fr 1fr}
.ts-image-notes li{padding:8px}
.ts-quick-grid,.ts-services,.ts-component-grid,.ts-split,.ts-story-grid,.ts-request-grid,.ts-faq-grid,.ts-case-grid,.ts-doc-grid,.ts-why{grid-template-columns:1fr}
.ts-quick-grid article,.ts-services article{min-height:0}
.ts-quick-grid h3,.ts-services h3{margin-top:28px}
.ts-check-list{grid-template-columns:1fr}
.ts-heading{gap:0}
.ts-component-grid{gap:10px}
.ts-workbench{order:2}
.ts-workbench img{height:300px}
.ts-process{grid-template-columns:1fr}
.ts-process li{margin:0;padding:18px 0 18px 30px;border-top:0;border-left:1px solid #705126}
.ts-process li::before{top:23px;left:-6px}
.ts-replacement ol{grid-template-columns:1fr}
.ts-replacement li{padding:15px 20px}
.ts-part-plate{grid-template-columns:100px 1fr;padding:14px}
.ts-case-grid dl{grid-template-columns:85px 1fr}
.ts-faq-grid{gap:15px}
.ts-request{padding:50px 0}
.ts-form{padding:18px}
.ts-form fieldset{grid-template-columns:1fr}
.ts-fields{grid-template-columns:1fr}
.ts-fields .wide{grid-column:1}
.ts-mobile-bar{position:fixed;z-index:20;right:0;bottom:0;left:0;display:grid;height:62px;grid-template-columns:.8fr 1fr 1.2fr;border-top:1px solid #4b4f50;background:#090b0cf5}
.ts-mobile-bar a{display:grid;padding:6px;place-items:center;border-right:1px solid #333739;color:#fff;font-size:12px;font-weight:700;text-align:center;text-decoration:none}
.ts-mobile-bar a:last-child{background:#f29400;color:#15100a}
.trimble-page .site-footer{padding-bottom:0}
}


