.systems-catalog{background:#070809;color:#f4f4f2}
.systems-catalog main{overflow:hidden}
.systems-catalog .site-header{position:relative;z-index:20}
.catalog-container{width:min(1210px,calc(100% - 64px));margin:0 auto}
.catalog-kicker{margin:0 0 14px;color:#f29400;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.catalog-hero{position:relative;min-height:560px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 79% 42%,rgba(242,148,0,.17),transparent 29%),linear-gradient(115deg,#050606 0%,#0a0c0d 58%,#17130d 100%)}
.catalog-hero::before{content:"";position:absolute;z-index:-1;inset:0;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent 42%,#000)}
.catalog-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:52px;align-items:center;padding:68px 0}
.catalog-hero-copy{position:relative;z-index:3}
.catalog-hero h1{max-width:720px;margin:0 0 20px;font-size:clamp(40px,3.7vw,56px);line-height:1.02;letter-spacing:-2.2px;text-transform:uppercase}
.catalog-lead{max-width:650px;margin:0;color:#c3c6c7;font-size:16px;line-height:1.58}
.catalog-actions{display:flex;gap:14px;margin-top:27px}
.catalog-actions .button{min-height:53px;border-radius:3px}
.machine-composition{position:relative;height:390px;filter:drop-shadow(0 26px 40px rgba(0,0,0,.4))}
.machine-composition::before{content:"SYSTEM / 3D";position:absolute;z-index:4;right:1px;bottom:-20px;color:#f29400;font-size:10px;letter-spacing:.22em}
.machine-composition::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#f29400,transparent)}
.machine-panel{position:absolute;overflow:hidden;border:1px solid #3b3e3f;background-position:center;background-size:cover;box-shadow:inset 0 0 60px rgba(0,0,0,.28)}
.machine-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,6,6,.8))}
.machine-panel span{position:absolute;z-index:2;left:14px;bottom:12px;color:#fff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.machine-panel-excavator{inset:0 30% 31% 0;background-image:url('/static/img/rintek-home/card-excavator.png')}
.machine-panel-bulldozer{top:7%;right:0;width:28%;height:44%;background-image:url('/static/img/rintek-home/card-bulldozer.png')}
.machine-panel-grader{right:0;bottom:0;width:58%;height:46%;background-image:url('/static/img/rintek-home/card-grader.png')}
.tech-pin{position:absolute;z-index:6;display:flex;align-items:center;gap:7px;color:#f4b546;font-size:10px;font-style:normal;text-transform:uppercase}
.tech-pin::before{content:"";width:45px;height:1px;background:#d89122}
.tech-pin b{position:absolute;left:-5px;width:10px;height:10px;border:2px solid #f29400;border-radius:50%;box-shadow:0 0 0 5px rgba(242,148,0,.14)}
.pin-gnss{top:13%;left:38%}.pin-sensor{top:44%;left:16%}.pin-control{right:6%;bottom:34%}
.trust-strip{border-top:1px solid #292c2d;border-bottom:1px solid #292c2d;background:#0c0e0f}
.trust-strip .catalog-container{display:grid;grid-template-columns:repeat(3,1fr)}
.trust-strip span{position:relative;padding:23px 30px 23px 46px;color:#d2d4d5;font-size:14px;border-right:1px solid #292c2d}
.trust-strip span:first-child{border-left:1px solid #292c2d}
.trust-strip span::before{content:"";position:absolute;left:22px;top:29px;width:9px;height:9px;background:#f29400;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.catalog-section{padding:84px 0}
.catalog-heading{display:grid;grid-template-columns:1fr .8fr;gap:64px;align-items:end;margin-bottom:38px}
.catalog-heading h2,.selection-copy h2{max-width:760px;margin:0;font-size:clamp(32px,3.25vw,44px);line-height:1.06;letter-spacing:-1.4px;text-transform:uppercase}
.catalog-heading>p{max-width:560px;margin:0;color:#adb0b1;font-size:15px;line-height:1.6}
.systems-showcase{background:linear-gradient(180deg,#070809,#0b0d0e)}
.system-feature{display:grid;grid-template-columns:.93fr 1.07fr;min-height:490px;margin-bottom:28px;overflow:hidden;border:1px solid #303334;background:linear-gradient(120deg,#111415,#0d0f10);box-shadow:0 20px 45px rgba(0,0,0,.15)}
.system-feature:last-child{margin-bottom:0}
.system-feature-reverse{grid-template-columns:1.07fr .93fr}
.system-feature-reverse .system-feature-media{order:2}
.system-feature-media{position:relative;min-height:100%;overflow:hidden;background-position:center;background-size:cover}
.system-feature-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,7,8,.04),rgba(6,7,8,.47))}
.media-excavator{background-image:url('/static/img/rintek-home/card-excavator.png')}.media-bulldozer{background-image:url('/static/img/rintek-home/card-bulldozer.png')}.media-grader{background-image:url('/static/img/rintek-home/card-grader.png')}
.media-label{position:absolute;z-index:2;left:24px;top:24px;padding:9px 12px;border:1px solid rgba(242,148,0,.55);background:rgba(6,7,8,.78);color:#f4b344;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.component-dot{position:absolute;z-index:3;width:11px;height:11px;border:2px solid #f29400;border-radius:50%;box-shadow:0 0 0 7px rgba(242,148,0,.15)}
.component-dot::after{content:"";position:absolute;left:10px;top:3px;width:58px;height:1px;background:#f29400}
.component-dot.dot-a{top:28%;left:47%}.component-dot.dot-b{top:57%;left:29%}
.system-feature-content{display:flex;padding:34px 36px 30px;flex-direction:column}
.system-mode{align-self:flex-start;margin:0 0 14px;padding:6px 9px;border-left:2px solid #f29400;background:#1b1710;color:#e7b65e;font-size:11px;line-height:1.4}
.system-feature h3{margin:0 0 13px;font-size:28px;line-height:1.08;letter-spacing:-.7px;text-transform:uppercase}
.system-summary{margin:0 0 20px;color:#c2c4c5;font-size:15px;line-height:1.55}
.system-specs{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:22px}
.system-specs h4{margin:0 0 10px;color:#fff;font-size:13px;text-transform:uppercase}
.system-specs ul{margin:0;padding:0;list-style:none}
.system-specs li{position:relative;margin:5px 0;padding-left:15px;color:#aeb1b2;font-size:12px;line-height:1.4}
.system-specs li::before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;background:#f29400}
.system-actions{display:flex;gap:12px;margin-top:auto}
.system-actions .button{min-height:46px;padding:12px 18px;font-size:12px;border-radius:2px}
.system-actions .button-outline{background:transparent;color:#f2a72c}
.systems-showcase{padding-bottom:44px}.comparison-section{padding-top:64px;background:radial-gradient(circle at 90% 15%,rgba(242,148,0,.1),transparent 25%),#080a0b}
.comparison-table-wrap{overflow:hidden;border:1px solid #36393a;background:#0e1011}
.comparison-table{width:100%;border-collapse:collapse;table-layout:fixed}
.comparison-table th,.comparison-table td{padding:18px 17px;border-right:1px solid #303334;border-bottom:1px solid #303334;text-align:left;vertical-align:top;font-size:13px;line-height:1.45}
.comparison-table tr:last-child>*{border-bottom:0}.comparison-table tr>*:last-child{border-right:0}
.comparison-table thead th{padding:21px 17px;background:#17191a;color:#fff;font-size:14px;text-transform:uppercase}
.comparison-table thead th:not(:first-child){color:#f3aa35}
.comparison-table tbody th{width:20%;background:#121415;color:#e5e6e6;font-weight:700}
.comparison-table tbody td{color:#b5b8b9}
.comparison-table tbody tr:hover td,.comparison-table tbody tr:hover th{background:#171714}
.comparison-mobile{display:none}
.implementation-section{position:relative;background:linear-gradient(145deg,#0d1011,#141009)}
.implementation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;padding:1px;background:#313334;list-style:none}
.implementation-steps li{position:relative;min-height:166px;padding:23px;background:#0c0e0f}
.implementation-steps li::after{content:"";position:absolute;right:-18px;top:50%;z-index:2;width:35px;height:1px;background:#d58b1c}
.implementation-steps li:nth-child(3n)::after,.implementation-steps li:last-child::after{display:none}
.implementation-steps b{color:#f29400;font-size:28px;font-weight:400}
.implementation-steps h3{margin:14px 0 7px;font-size:16px;text-transform:uppercase}
.implementation-steps p{margin:0;color:#aeb0b1;font-size:14px;line-height:1.55}
.selection-section{position:relative;padding:86px 0;background:radial-gradient(circle at 14% 54%,rgba(242,148,0,.17),transparent 28%),linear-gradient(115deg,#111314,#1d160d)}
.selection-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:start}
.selection-copy>p:not(.catalog-kicker){max-width:500px;color:#bfc2c3;font-size:17px;line-height:1.65}
.selection-copy ul{margin:28px 0 34px;padding:0;list-style:none}
.selection-copy li{position:relative;margin:10px 0;padding-left:22px;color:#d0d2d3}
.selection-copy li::before{content:"✓";position:absolute;left:0;color:#f29400;font-weight:800}
.selection-copy>a{display:block;color:#fff;font-size:25px;font-weight:800;text-decoration:none}
.selection-copy>span{display:block;margin-top:4px;color:#999c9d;font-size:13px}
.catalog-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:24px;border:1px solid #49453e;background:rgba(7,8,9,.78);box-shadow:0 26px 50px rgba(0,0,0,.22)}
.catalog-form label{display:flex;min-width:0;flex-direction:column;gap:7px}
.catalog-form label>span{color:#bfc1c2;font-size:12px}
.catalog-form input,.catalog-form select,.catalog-form textarea{width:100%;min-height:50px;padding:14px;border:1px solid #484b4c;background:#111314;color:#fff;font:inherit}
.catalog-form textarea{min-height:104px;resize:vertical}
.catalog-form input:focus,.catalog-form select:focus,.catalog-form textarea:focus{outline:1px solid #f29400;border-color:#f29400}
.catalog-form .form-wide{grid-column:1/-1}
.catalog-form .button{width:100%;min-height:54px;margin-top:3px;color:#15110a}
.catalog-form small{color:#939596;font-size:11px}.catalog-form small a{color:#d9a851}
.catalog-form .errorlist{margin:0;padding:0;color:#ffb28a;font-size:11px;list-style:none}
.form-success,.form-errors{grid-column:1/-1;padding:13px 15px;border-left:3px solid #f29400;background:rgba(242,148,0,.1);color:#f3dcb6}

@media(max-width:1100px){
  .catalog-hero-grid{grid-template-columns:1fr .8fr;gap:35px}.catalog-hero h1{font-size:45px}.machine-composition{height:390px}
  .system-feature,.system-feature-reverse{grid-template-columns:.82fr 1.18fr}.system-feature-content{padding:38px 32px}.system-feature h3{font-size:27px}.system-specs{gap:18px}
  .selection-grid{gap:45px}.catalog-form{padding:24px}
}
@media(max-width:820px){
  .catalog-container{width:calc(100% - 36px)}.catalog-section,.selection-section{padding:76px 0}
  .catalog-hero{min-height:0}.catalog-hero-grid{grid-template-columns:1fr;padding:72px 0 54px}.catalog-hero h1{font-size:40px}.catalog-lead{font-size:16px}.machine-composition{height:360px}
  .trust-strip .catalog-container{grid-template-columns:1fr}.trust-strip span,.trust-strip span:first-child{border-left:0;border-right:0;border-bottom:1px solid #292c2d}.trust-strip span:last-child{border-bottom:0}
  .catalog-heading{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.catalog-heading>p{font-size:16px}
  .system-feature,.system-feature-reverse{grid-template-columns:1fr;min-height:0}.system-feature-reverse .system-feature-media{order:0}.system-feature-media{min-height:390px}.system-feature-content{padding:34px 28px}
  .comparison-table-wrap{display:none}.comparison-mobile{display:grid;gap:16px}.comparison-mobile article{padding:24px;border:1px solid #343738;background:#101213}.comparison-mobile h3{margin:0 0 18px;color:#f2a72c;font-size:24px;text-transform:uppercase}.comparison-mobile dl{margin:0}.comparison-mobile dl div{display:grid;grid-template-columns:130px 1fr;gap:15px;padding:12px 0;border-top:1px solid #292c2d}.comparison-mobile dt{color:#8f9293;font-size:12px;text-transform:uppercase}.comparison-mobile dd{margin:0;color:#d2d4d5;font-size:14px}
  .implementation-steps{grid-template-columns:1fr 1fr}.implementation-steps li::after,.implementation-steps li:nth-child(3n)::after{display:none}
  .selection-grid{grid-template-columns:1fr}.selection-copy>p:not(.catalog-kicker){font-size:16px}
}
@media(max-width:560px){
  .catalog-hero-grid{padding:56px 0 45px}.catalog-hero h1{font-size:34px;letter-spacing:-1.2px}.catalog-actions{flex-direction:column}.catalog-actions .button{width:100%}
  .machine-composition{height:305px}.machine-panel-excavator{right:24%;bottom:37%}.machine-panel-bulldozer{width:32%;height:40%}.machine-panel-grader{width:64%;height:34%}.tech-pin{display:none}
  .catalog-section,.selection-section{padding:64px 0}.catalog-heading h2,.selection-copy h2{font-size:30px;letter-spacing:-.8px}
  .system-feature{margin-bottom:24px}.system-feature-media{min-height:260px}.system-feature-content{padding:28px 20px}.system-feature h3{font-size:25px}.system-summary{font-size:16px}.system-specs{grid-template-columns:1fr;gap:12px}.system-specs li{font-size:14px}.system-actions{flex-direction:column}.system-actions .button{width:100%}
  .comparison-mobile dl div{grid-template-columns:1fr;gap:4px}.comparison-mobile article{padding:20px}
  .implementation-steps{grid-template-columns:1fr}.implementation-steps li{min-height:0;padding:24px 24px 24px 72px}.implementation-steps b{position:absolute;left:22px;top:21px;font-size:22px}.implementation-steps h3{margin:0 0 7px}
  .catalog-form{grid-template-columns:1fr;padding:20px}.catalog-form label,.catalog-form .form-wide{grid-column:1}.selection-copy>a{font-size:22px}
}