:root{--hw-ink:#142d47;--hw-muted:#687f94;--hw-blue:#146fd8;--hw-line:#dfe8f0;--hw-soft:#f4f8fc}
.th-hardware-page{color:var(--hw-ink);background:#fff}.th-hardware-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}.th-hardware-eyebrow{color:#2687e8;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.th-hardware-hero{position:relative;padding:108px 0 78px;overflow:hidden;background:radial-gradient(circle at 80% 12%,rgba(40,153,246,.27),transparent 34%),linear-gradient(128deg,#061c34,#0a3157 57%,#0b4f7d)}.th-hardware-hero:before{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:44px 44px;content:""}
.th-hardware-hero__inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);align-items:center;gap:clamp(45px,7vw,90px)}.th-hardware-hero h1{margin:12px 0 19px;color:#fff;font-size:clamp(42px,5.2vw,69px);font-weight:780;letter-spacing:-.045em;line-height:1.02}.th-hardware-hero__copy>p{margin:0;color:#c1d5e8;font-size:15px;line-height:1.75}
.th-hardware-hero__actions{display:flex;margin-top:28px;flex-wrap:wrap;gap:10px}.th-hardware-button{display:inline-flex;min-height:50px;padding:0 19px;border-radius:11px;font-size:11px;font-weight:800;text-decoration:none!important;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease}.th-hardware-button:hover{transform:translateY(-2px)}.th-hardware-button--primary{color:#fff!important;background:#1476df;box-shadow:0 13px 30px rgba(1,21,44,.25)}.th-hardware-button--ghost{color:#e1effb!important;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.07)}
.th-hardware-hero__proof{display:flex;margin-top:25px;color:#9fb8ce;font-size:9px;font-weight:700;flex-wrap:wrap;gap:16px}.th-hardware-hero__proof span{display:inline-flex;align-items:center;gap:7px}.th-hardware-hero__proof i{width:6px;height:6px;border-radius:50%;background:#5fd47c;box-shadow:0 0 0 4px rgba(95,212,124,.12)}
.th-hardware-hero__visual{position:relative;height:430px}.th-hardware-hero__device{position:absolute;display:flex;padding:16px;border:1px solid rgba(255,255,255,.18);border-radius:18px;background:rgba(255,255,255,.1);box-shadow:0 28px 60px rgba(0,11,29,.28);align-items:center;justify-content:center;backdrop-filter:blur(12px)}.th-hardware-hero__device img{width:100%;height:100%;object-fit:contain}.th-hardware-hero__device span{position:absolute;bottom:12px;left:14px;color:#dcebf7;font-size:8px;font-weight:850;letter-spacing:.12em}.th-hardware-hero__device--eagle{z-index:2;top:25px;left:7%;width:58%;height:270px}.th-hardware-hero__device--obd{top:0;right:0;width:34%;height:185px}.th-hardware-hero__device--personal{right:5%;bottom:0;width:43%;height:215px}
.th-hardware-intro{padding:68px 0}.th-hardware-intro__grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(40px,7vw,90px)}.th-hardware-intro h2,.th-hardware-catalogue__heading h2,.th-hardware-selection__heading h2,.th-hardware-cta h2{margin:8px 0 0;color:var(--hw-ink);font-size:clamp(29px,4vw,45px);font-weight:780;letter-spacing:-.03em;line-height:1.13}.th-hardware-intro p{margin:0;color:var(--hw-muted);font-size:14px;line-height:1.85}
.th-hardware-catalogue{padding:78px 0;background:var(--hw-soft)}.th-hardware-catalogue__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.th-hardware-catalogue__heading>div{max-width:700px}.th-hardware-catalogue__heading p{margin:10px 0 0;color:var(--hw-muted);font-size:11px}.th-hardware-search{display:flex;width:min(320px,100%);min-height:48px;padding:0 15px;color:#7890a6;border:1px solid #d5e1ec;border-radius:12px;background:#fff;align-items:center;gap:10px}.th-hardware-search:focus-within{border-color:#70ace8;box-shadow:0 0 0 4px rgba(20,111,216,.09)}.th-hardware-search input{width:100%;height:46px;padding:0;border:0;outline:0;background:transparent;font-size:11px}
.th-hardware-filters{display:flex;margin:29px 0 25px;overflow-x:auto;gap:8px}.th-hardware-filters button{display:inline-flex;min-height:40px;padding:0 12px;cursor:pointer;color:#516a82;border:1px solid #d9e3ed;border-radius:10px;background:#fff;font-size:10px;font-weight:750;white-space:nowrap;align-items:center;gap:8px}.th-hardware-filters button span{display:inline-flex;min-width:20px;height:20px;color:#6c8297;border-radius:6px;background:#eef3f7;font-size:8px;align-items:center;justify-content:center}.th-hardware-filters button.is-active{color:#fff;border-color:var(--hw-blue);background:var(--hw-blue);box-shadow:0 9px 20px rgba(20,111,216,.18)}.th-hardware-filters button.is-active span{color:#fff;background:rgba(255,255,255,.18)}
.th-hardware-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.th-hardware-card{overflow:hidden;border:1px solid var(--hw-line);border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(26,58,91,.055)}.th-hardware-card[hidden]{display:none}.th-hardware-card__visual{position:relative;display:flex;height:245px;padding:25px;overflow:hidden;background:linear-gradient(145deg,#fff,#edf3f8);align-items:center;justify-content:center}.th-hardware-card__visual>span{position:absolute;top:16px;right:17px;color:#b2c4d5;font-size:9px;font-weight:850}.th-hardware-card__visual img{width:83%;height:185px;object-fit:contain;transition:transform .25s ease}.th-hardware-card:hover .th-hardware-card__visual img{transform:scale(1.035)}.th-hardware-card__visual small{position:absolute;bottom:14px;left:16px;padding:5px 8px;color:#316691;border:1px solid #cfdfed;border-radius:7px;background:rgba(255,255,255,.9);font-size:7px;font-weight:800}
.th-hardware-card__content{padding:22px}.th-hardware-card__content>span{color:var(--hw-blue);font-size:8px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.th-hardware-card h3{margin:6px 0 9px;color:#203b56;font-size:17px;font-weight:780}.th-hardware-card p{min-height:66px;margin:0;color:#6d8296;font-size:10px;line-height:1.65}.th-hardware-card ul{display:grid;margin:16px 0 0;padding:14px 0 0;border-top:1px solid #e7edf3;list-style:none;gap:7px}.th-hardware-card li{position:relative;padding-left:15px;color:#49627a;font-size:8px;font-weight:650}.th-hardware-card li:before{position:absolute;top:4px;left:1px;width:5px;height:5px;border-radius:50%;background:#35b56a;content:""}.th-hardware-card__actions{display:flex;margin-top:18px;align-items:center;justify-content:space-between;gap:12px}.th-hardware-card__actions a{color:var(--hw-blue);font-size:9px;font-weight:800;text-decoration:none}.th-hardware-card__actions a:last-child{color:#657b90}
.th-hardware-empty{padding:65px 20px;color:#6f8498;text-align:center}.th-hardware-empty i{color:#8db4da;font-size:26px}.th-hardware-empty h3{margin:13px 0 6px;color:#29445e;font-size:18px}.th-hardware-empty p{margin:0;font-size:10px}
.th-hardware-selection{padding:78px 0}.th-hardware-selection__heading{max-width:700px;margin-bottom:31px}.th-hardware-selection__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.th-hardware-selection__grid article{position:relative;min-height:235px;padding:22px;border:1px solid var(--hw-line);border-radius:16px;background:#fff}.th-hardware-selection__grid article>span{position:absolute;top:17px;right:18px;color:#b3c5d6;font-size:8px;font-weight:850}.th-hardware-selection__grid article>i{display:inline-flex;width:42px;height:42px;color:var(--hw-blue);border-radius:12px;background:#eaf4ff;align-items:center;justify-content:center}.th-hardware-selection__grid h3{margin:40px 0 9px;color:#243e58;font-size:14px;font-weight:780}.th-hardware-selection__grid p{margin:0;color:#6d8297;font-size:9px;line-height:1.65}
.th-hardware-cta{padding:26px 0 75px;background:var(--hw-soft)}.th-hardware-cta__inner{display:flex;padding:clamp(31px,5vw,52px);border-radius:23px;background:linear-gradient(125deg,#08223e,#0f65aa);box-shadow:0 25px 60px rgba(11,50,84,.18);align-items:center;justify-content:space-between;gap:35px}.th-hardware-cta h2{color:#fff;font-size:clamp(27px,3vw,39px)}.th-hardware-cta p{margin:10px 0 0;color:#bdd2e6;font-size:10px}.th-hardware-cta .th-hardware-button{flex:0 0 auto}
@media(max-width:950px){.th-hardware-hero__inner{grid-template-columns:1fr}.th-hardware-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.th-hardware-selection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.th-hardware-shell{width:min(100% - 28px,1180px)}.th-hardware-hero{padding:90px 0 55px}.th-hardware-hero__visual{height:330px}.th-hardware-intro__grid,.th-hardware-grid,.th-hardware-selection__grid{grid-template-columns:1fr}.th-hardware-catalogue,.th-hardware-selection{padding:60px 0}.th-hardware-catalogue__heading{align-items:stretch;flex-direction:column}.th-hardware-search{width:100%}.th-hardware-cta__inner{align-items:flex-start;flex-direction:column}.th-hardware-cta .th-hardware-button{width:100%}}

.th-hardware-hero__device img {
    width: 88%;
    height: 84%;
    filter: drop-shadow(0 18px 20px rgba(0, 0, 0, .28));
}

.th-hardware-hero__device--eagle {
    height: 315px;
    background: linear-gradient(145deg, rgba(255, 255, 255, .13), rgba(255, 255, 255, .055));
}

.th-hardware-hero__device--eagle img {
    width: 77%;
    height: 88%;
}

.th-hardware-hero__device--obd img {
    width: 92%;
    height: 76%;
}

.th-hardware-hero__device--personal img {
    width: 83%;
    height: 80%;
}