@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');

:root { --ink:#151515; --ink-soft:#30302f; --orange:#ff6720; --orange-dark:#e8510e; --cream:#faf9f6; --mist:#f1f0ec; --line:#dddcd7; --white:#fff; --radius:24px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:92px; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:'Vazirmatn',Tahoma,sans-serif; line-height:1.8; }
body,button,a { -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
img { display:block; max-width:100%; }
.container { width:min(1180px,calc(100% - 48px)); margin:auto; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.announcement { display:flex; direction:rtl; justify-content:center; align-items:center; gap:10px; min-height:36px; padding:5px 20px; background:var(--ink); color:#e9e7e0; font-size:12px; font-weight:500; }
.pulse { width:7px; height:7px; background:var(--orange); border-radius:50%; box-shadow:0 0 0 5px rgba(255,103,32,.16); }
.site-header { position:sticky; top:0; z-index:20; min-height:75px; display:flex; direction:ltr; align-items:center; justify-content:space-between; padding:0 max(24px,calc((100vw - 1180px)/2)); background:rgba(250,249,246,.9); border-bottom:1px solid rgba(21,21,21,.08); backdrop-filter:blur(15px); }
.brand { display:flex; align-items:center; gap:10px; direction:ltr; font:800 25px/1 'Manrope',sans-serif; letter-spacing:-1.4px; }
.brand small { display:block; padding-top:3px; color:#777; font:500 8px/1 'Manrope',sans-serif; letter-spacing:1.9px; text-transform:uppercase; }
.brand-mark { position:relative; display:inline-flex; align-items:center; width:29px; height:29px; border-radius:9px; overflow:hidden; background:var(--orange); transform:rotate(-8deg); }
.brand-mark i { display:block; position:absolute; width:11px; height:11px; border:3px solid #fff; border-radius:50%; }
.brand-mark i:first-child { top:5px; right:4px; }.brand-mark i:last-child { bottom:5px; left:4px; }
.main-nav { display:flex; direction:rtl; align-items:center; gap:26px; font-size:13px; font-weight:600; }
.main-nav>a:not(.nav-cta) { transition:color .2s; }.main-nav>a:not(.nav-cta):hover { color:var(--orange-dark); }
.nav-cta { padding:10px 17px; border:0; background:var(--ink); color:#fff; border-radius:8px; cursor:pointer; font:inherit; }
.menu-toggle { display:none; border:0; background:transparent; padding:9px 0 9px 9px; }.menu-toggle span:not(.sr-only) { display:block; width:24px; height:2px; margin:5px; background:var(--ink); }
.hero { position:relative; min-height:660px; color:#fff; background:#191919 url('../images/1.webp') center/cover no-repeat; overflow:hidden; }
.hero-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(13,13,13,.91) 0%,rgba(13,13,13,.83) 28%,rgba(13,13,13,.22) 67%,rgba(13,13,13,.32) 100%); }
.hero-inner { position:relative; min-height:660px; display:grid; direction:ltr; grid-template-columns:minmax(0,610px) 1fr; align-content:center; padding:74px 0 92px; }
.hero-copy { direction:rtl; text-align:right; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 15px; color:#7b7973; font:700 10px/1.3 'Manrope','Vazirmatn',sans-serif; letter-spacing:1.4px; }.eyebrow span { display:inline-block; width:26px; height:2px; background:var(--orange); }.eyebrow.light { color:#dedbd4; }
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { line-height:1.35; }
h1 { margin-bottom:18px; font-size:clamp(35px,4.2vw,62px); font-weight:900; letter-spacing:-2px; } h1 em,h2 em { color:var(--orange); font-style:normal; }
.hero-lead { max-width:570px; color:#e0dfdc; font-size:15px; line-height:2.05; }.hero-actions { display:flex; align-items:center; gap:26px; margin-top:32px; direction:rtl; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:20px; border:0; border-radius:9px; padding:14px 19px; font-size:13px; font-weight:700; transition:transform .2s,background .2s; }.button:hover { transform:translateY(-2px); }.button span { font:21px/0 'Manrope',sans-serif; }.button-orange { background:var(--orange); color:#fff; }.button-orange:hover { background:var(--orange-dark); }.text-link { padding:10px 0; color:#fff; border-bottom:1px solid rgba(255,255,255,.4); font-size:13px; font-weight:600; }.text-link span { padding-right:11px; color:var(--orange); }
.hero-metrics { align-self:end; justify-self:end; direction:rtl; display:flex; gap:28px; margin:0; padding:16px 20px; border:1px solid rgba(255,255,255,.17); border-radius:14px; background:rgba(23,23,23,.46); backdrop-filter:blur(10px); }.hero-metrics div { padding-left:27px; border-left:1px solid rgba(255,255,255,.2); }.hero-metrics div:last-child { padding:0; border:0; }.hero-metrics dt { color:#fff; font:800 24px/1 'Manrope','Vazirmatn',sans-serif; }.hero-metrics dd { margin:5px 0 0; color:#d9d7d2; font-size:10px; }
.scroll-cue { position:absolute; left:max(24px,calc((100vw - 1180px)/2)); bottom:24px; display:flex; direction:ltr; align-items:center; gap:9px; color:#d7d5d0; font-size:10px; letter-spacing:.5px; }.scroll-cue span { width:24px; height:39px; border:1px solid rgba(255,255,255,.5); border-radius:20px; }.scroll-cue span:after { content:''; display:block; width:3px; height:7px; margin:8px auto; border-radius:4px; background:var(--orange); animation:scroll 1.6s infinite; }@keyframes scroll{50%{transform:translateY(10px);opacity:.3}}
.intro-strip { background:var(--orange); }.intro-grid { display:grid; grid-template-columns:190px 1fr 45px; align-items:center; min-height:112px; gap:28px; }.intro-grid .eyebrow { color:#522007; margin:0; }.intro-grid .eyebrow span { background:var(--ink); }.intro-grid>p { margin:0; color:#3a1706; font-size:17px; font-weight:700; }.arrow-link { display:grid; place-items:center; width:43px; height:43px; border:1px solid rgba(55,20,4,.35); border-radius:50%; direction:ltr; font:24px/1 sans-serif; transition:background .2s; }.arrow-link:hover { background:#fff; }
.section { padding:118px 0; }.split-layout { display:grid; grid-template-columns:1.05fr .95fr; direction:ltr; align-items:center; gap:90px; }.image-stage { position:relative; padding:28px; background:linear-gradient(135deg,#eeeae3,#fefefe); }.image-stage:before { content:''; position:absolute; top:0; right:0; width:116px; height:116px; background:var(--orange); }.image-stage img { position:relative; width:100%; mix-blend-mode:multiply; }.corner-label { position:absolute; z-index:2; top:13px; right:14px; color:#fff; font:700 9px 'Manrope',sans-serif; letter-spacing:1.2px; }.spec-chip { position:absolute; z-index:2; direction:rtl; padding:9px 12px; border:1px solid #dedbd4; border-radius:8px; background:rgba(255,255,255,.94); box-shadow:0 10px 22px rgba(10,10,10,.08); line-height:1.35; }.spec-chip b,.spec-chip span { display:block; }.spec-chip b { font:700 11px 'Manrope','Vazirmatn'; }.spec-chip span { margin-top:3px; color:#7b7973; font-size:9px; }.chip-top { top:17%; left:-25px; }.chip-bottom { bottom:13%; right:-23px; }.section-copy { direction:rtl; }.section-copy h2,.overview h2,.fleet h2,.advantages h2,.products h2,.contact h2 { margin-bottom:21px; font-size:clamp(28px,3.1vw,43px); font-weight:900; letter-spacing:-1.5px; }.section-copy>p,.overview-summary,.fleet-copy>p,.advantages-copy>p,.contact p { color:#62615d; font-size:14px; line-height:2.15; }.feature-list { padding:0; margin:30px 0 0; list-style:none; }.feature-list li { display:flex; direction:rtl; gap:14px; padding:13px 0; border-top:1px solid var(--line); }.feature-list>li>span { padding-top:2px; color:var(--orange); font:700 11px 'Manrope',sans-serif; }.feature-list b,.feature-list small { display:block; }.feature-list b { font-size:13px; }.feature-list small { margin-top:2px; color:#777570; font-size:11px; }
.overview { background:#efeee9; }.overview-top { display:grid; grid-template-columns:1.06fr .78fr; gap:100px; align-items:end; }.overview-summary { margin:0 0 2px; }.overview-visual { position:relative; margin-top:47px; }.overview-visual img { width:100%; height:455px; object-fit:cover; }.visual-caption { position:absolute; right:0; bottom:0; width:min(360px,70%); padding:20px 25px; background:#151515; color:#fff; }.visual-caption span,.visual-caption b { display:block; }.visual-caption span { margin-bottom:4px; color:var(--orange); font:700 9px 'Manrope',sans-serif; letter-spacing:1.2px; }.visual-caption b { font-size:13px; }.capability-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:0; }.capability { min-height:204px; padding:29px 26px; background:var(--cream); border-left:1px solid var(--line); }.capability:last-child { border:0; }.cap-number { color:var(--orange); font:800 12px 'Manrope',sans-serif; }.capability h3 { margin:14px 0 8px; font-size:17px; }.capability p { margin:0; color:#777570; font-size:12px; line-height:2; }.operation-gallery { display:grid; grid-template-columns:1.05fr .95fr 1.05fr; gap:12px; padding-top:56px; }.operation-gallery figure { position:relative; min-height:250px; margin:0; overflow:hidden; }.operation-gallery img { width:100%; height:100%; min-height:250px; object-fit:cover; }.operation-gallery figcaption { position:absolute; right:0; bottom:0; padding:11px 14px; background:rgba(21,21,21,.89); color:#fff; font-size:10px; }
.fleet { position:relative; overflow:hidden; background:#171717; color:#fff; }.fleet:after { content:'FMS'; position:absolute; left:-22px; bottom:-130px; color:rgba(255,255,255,.025); font:900 320px/1 'Manrope',sans-serif; }.fleet-grid { position:relative; z-index:1; display:grid; direction:rtl; grid-template-columns:.83fr 1.17fr; gap:76px; align-items:center; }.fleet-copy>p { color:#c7c4bd; }.fleet-points { margin-top:31px; }.fleet-points>div { display:flex; direction:rtl; align-items:flex-start; gap:12px; margin-top:16px; }.fleet-points>div>span { display:grid; flex:0 0 19px; place-items:center; width:19px; height:19px; margin-top:3px; border-radius:50%; background:var(--orange); color:#fff; font-size:10px; }.fleet-points p { margin:0; color:#d3d0ca; font-size:11px; line-height:1.9; }.fleet-points b { display:block; color:#fff; font-size:13px; }.dashboard { position:relative; padding:10px; background:linear-gradient(130deg,rgba(255,103,32,.7),rgba(255,103,32,0) 35%); }.dashboard img { width:100%; border:1px solid rgba(255,255,255,.18); }.dashboard-live { position:absolute; left:22px; top:22px; padding:6px 9px; border-radius:4px; background:rgba(0,0,0,.75); color:#fff; font:700 8px 'Manrope',sans-serif; letter-spacing:1px; }.dashboard-live i { display:inline-block; width:6px; height:6px; margin-left:5px; border-radius:50%; background:#48e591; }
.workflow { background:var(--cream); }.section-heading { max-width:610px; }.section-heading.centered { margin:auto; text-align:center; }.section-heading.centered .eyebrow { justify-content:center; }.workflow-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:13px; margin-top:51px; }.workflow-step { position:relative; min-height:290px; padding:25px 20px 20px; border:1px solid var(--line); background:#fff; transition:transform .25s,box-shadow .25s; }.workflow-step:hover { transform:translateY(-7px); box-shadow:0 16px 30px rgba(20,20,20,.09); }.step-index { position:absolute; top:19px; left:19px; color:#aaa7a0; font:700 11px 'Manrope',sans-serif; }.step-icon { position:relative; width:53px; height:53px; margin:19px 0 25px; border-radius:50%; background:#fff1e9; }.step-icon:before,.step-icon:after { content:''; position:absolute; border:2px solid var(--orange); }.scan-icon:before { inset:15px; border-radius:2px; }.scan-icon:after { width:13px; height:2px; top:26px; right:20px; border-width:2px 0 0; box-shadow:0 -7px 0 var(--orange),0 7px 0 var(--orange); }.route-icon:before { width:28px;height:20px;top:15px;right:11px;border-width:0 0 2px 2px;border-radius:0 0 0 14px;transform:rotate(-18deg); }.route-icon:after { width:7px;height:7px;top:11px;right:13px;border-radius:50%;background:var(--orange); }.belt-icon:before { width:29px;height:17px;top:18px;right:11px;border-radius:12px; }.belt-icon:after { width:5px;height:5px;top:24px;right:18px;border-radius:50%;background:var(--orange);box-shadow:11px 0 0 var(--orange); }.signal-icon:before { width:22px;height:22px;top:14px;right:14px;border-radius:50%; }.signal-icon:after { width:8px;height:8px;top:21px;right:21px;border-radius:50%;background:var(--orange); }.workflow-step h3 { margin:0 0 11px; font-size:16px; }.workflow-step p { margin:0; color:#777570; font-size:11px; line-height:2; }
.advantages { padding-bottom:0; }.advantages-grid { display:grid; direction:ltr; grid-template-columns:1.1fr .9fr; align-items:center; }.advantages-image { min-height:600px; }.advantages-image img { width:100%; height:600px; object-fit:cover; }.advantages-copy { direction:rtl; margin-right:-54px; padding:56px 55px; background:var(--cream); box-shadow:0 16px 35px rgba(20,20,20,.08); }.advantage-row { display:flex; direction:rtl; align-items:center; gap:19px; padding:17px 0; border-top:1px solid var(--line); }.advantage-row strong { direction:ltr; min-width:65px; color:var(--orange); font:800 20px 'Manrope','Vazirmatn'; }.advantage-row p { margin:0; color:#777570; font-size:11px; line-height:1.9; }.advantage-row b { display:block; color:var(--ink); font-size:13px; }
.products { background:#efeee9; }.products-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; margin-top:43px; }.product-card { overflow:hidden; background:#fff; }.product-image { height:258px; background:#e7e6e3; overflow:hidden; }.product-image img { width:100%; height:100%; object-fit:cover; transition:transform .45s; }.product-card:hover .product-image img { transform:scale(1.045); }.product-image-contain { background:linear-gradient(140deg,#f7f7f4,#dfdeda); }.product-image-contain img { object-fit:contain; }.product-card-copy { padding:20px 22px 25px; }.product-card-copy>span { color:var(--orange); font:700 9px 'Manrope',sans-serif; letter-spacing:1.2px; }.product-card h3 { margin:9px 0 7px; font-size:18px; }.product-card p { margin:0; color:#777570; font-size:11px; line-height:2; }
.contact { padding:75px 0; background:var(--cream); }.contact-card { position:relative; display:flex; direction:rtl; justify-content:space-between; gap:40px; align-items:center; padding:59px 65px; overflow:hidden; background:var(--ink); color:#fff; }.contact-card:after { content:''; position:absolute; left:-50px; bottom:-100px; width:330px; height:330px; border:45px solid rgba(255,103,32,.13); border-radius:50%; }.contact-card>div,.contact-card>a { position:relative; z-index:1; }.contact-card h2 { max-width:700px; margin-bottom:9px; }.contact-card p:not(.eyebrow) { max-width:680px; margin:0; color:#d3d0ca; }.button-light { flex:0 0 auto; background:#fff; color:var(--ink); }
.contact { padding:75px 0; background:var(--cream); }.contact-card { position:relative; display:flex; direction:rtl; justify-content:space-between; gap:40px; align-items:center; padding:59px 65px; overflow:hidden; background:var(--ink); color:#fff; }.contact-card:after { content:''; position:absolute; left:-50px; bottom:-100px; width:330px; height:330px; border:45px solid rgba(255,103,32,.13); border-radius:50%; }.contact-card>div,.contact-card>a,.contact-card>button { position:relative; z-index:1; }.contact-card h2 { max-width:700px; margin-bottom:9px; }.contact-card p:not(.eyebrow) { max-width:680px; margin:0; color:#d3d0ca; }.button-light { flex:0 0 auto; background:#fff; color:var(--ink); cursor:pointer; }
.consultation-modal { width:min(100% - 34px,530px); margin:auto; padding:0; border:0; border-radius:18px; background:transparent; color:var(--ink); }.consultation-modal::backdrop { background:rgba(12,12,12,.7); backdrop-filter:blur(5px); }.modal-panel { position:relative; padding:39px; background:var(--cream); box-shadow:0 24px 70px rgba(0,0,0,.32); }.modal-close { position:absolute; top:16px; left:16px; display:grid; place-items:center; width:33px; height:33px; padding:0; border:1px solid var(--line); border-radius:50%; background:#fff; color:#4d4b47; cursor:pointer; font:300 25px/28px Arial,sans-serif; transition:background .2s,color .2s; }.modal-close:hover { background:var(--ink); color:#fff; }.modal-intro { padding-left:38px; }.modal-intro h2 { margin:0 0 7px; font-size:31px; font-weight:900; letter-spacing:-1.2px; }.modal-intro>p:not(.eyebrow) { margin:0; color:#6e6b65; font-size:12px; line-height:2; }.consultation-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px; }.form-field:last-of-type { grid-column:1/-1; }.form-field label { display:block; margin-bottom:6px; color:#373633; font-size:12px; font-weight:700; }.form-field input { width:100%; min-height:48px; padding:10px 12px; border:1px solid #d9d7d0; border-radius:7px; outline:0; background:#fff; color:var(--ink); font:500 13px 'Vazirmatn',Tahoma,sans-serif; transition:border-color .2s,box-shadow .2s; }.form-field input::placeholder { color:#aaa7a1; }.form-field input:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,103,32,.13); }.form-field input.invalid { border-color:#d94030; }.form-status { grid-column:1/-1; min-height:19px; margin:0; color:#c33427; font-size:11px; }.form-status.success { color:#217442; }.form-submit { grid-column:1/-1; width:100%; cursor:pointer; }
.consultation-modal { width:min(100% - 34px,530px); margin:auto; padding:0; border:0; border-radius:18px; background:transparent; color:var(--ink); }.consultation-modal::backdrop { background:rgba(12,12,12,.7); backdrop-filter:blur(5px); }.modal-panel { position:relative; padding:39px; background:var(--cream); box-shadow:0 24px 70px rgba(0,0,0,.32); }.modal-close { position:absolute; top:16px; left:16px; display:grid; place-items:center; width:33px; height:33px; padding:0; border:1px solid var(--line); border-radius:50%; background:#fff; color:#4d4b47; cursor:pointer; font:300 25px/28px Arial,sans-serif; transition:background .2s,color .2s; }.modal-close:hover { background:var(--ink); color:#fff; }.modal-intro { padding-left:38px; }.modal-intro h2 { margin:0 0 7px; font-size:31px; font-weight:900; letter-spacing:-1.2px; }.modal-intro>p:not(.eyebrow) { margin:0; color:#6e6b65; font-size:12px; line-height:2; }.consultation-form { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin-top:28px; }.form-field:last-of-type { grid-column:1/-1; }.form-field label { display:block; margin-bottom:6px; color:#373633; font-size:12px; font-weight:700; }.form-field input { width:100%; min-height:48px; padding:10px 12px; border:1px solid #d9d7d0; border-radius:7px; outline:0; background:#fff; color:var(--ink); font:500 13px 'Vazirmatn',Tahoma,sans-serif; transition:border-color .2s,box-shadow .2s; }.form-field input::placeholder { color:#aaa7a1; }.form-field input:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,103,32,.13); }.form-field input.invalid { border-color:#d94030; }.form-status { grid-column:1/-1; min-height:19px; margin:0; color:#c33427; font-size:11px; }.form-status.success { color:#217442; }.form-submit { grid-column:1/-1; width:100%; cursor:pointer; }.form-submit:disabled { cursor:wait; opacity:.7; }
.site-footer { padding:35px 0; border-top:1px solid var(--line); }.footer-inner { display:flex; direction:rtl; align-items:center; justify-content:space-between; gap:20px; }.footer-inner .brand { direction:ltr; }.footer-inner>p { margin:0; color:#777570; font-size:11px; }.back-top { color:#55524e; font-size:11px; font-weight:700; }
.reveal { opacity:0; transform:translateY(23px); transition:opacity .7s ease,transform .7s ease; }.reveal.visible { opacity:1; transform:none; }.delay-1 { transition-delay:.1s; }.delay-2 { transition-delay:.2s; }.delay-3 { transition-delay:.3s; }
@media (max-width:900px) { .main-nav { gap:15px; }.hero { min-height:620px; }.hero-inner { min-height:620px; grid-template-columns:1fr; }.hero-metrics { justify-self:start; align-self:start; margin-top:30px; }.split-layout { gap:47px; grid-template-columns:1fr; }.section-copy { max-width:650px; }.overview-top { gap:40px; }.operation-gallery { grid-template-columns:repeat(2,1fr); }.operation-gallery figure:last-child { grid-column:1/-1; }.fleet-grid { grid-template-columns:1fr; gap:45px; }.dashboard { max-width:720px; }.workflow-grid { grid-template-columns:repeat(2,1fr); }.advantages-grid { grid-template-columns:1fr; }.advantages-image,.advantages-image img { min-height:400px; height:400px; }.advantages-copy { margin:-55px 28px 0; }.contact-card { padding:44px; }.contact-card h2 { font-size:31px; }.site-header { padding:0 24px; } }
@media (max-width:640px) { .container { width:min(100% - 34px,1180px); }.announcement { min-height:31px; padding:4px 15px; font-size:9px; }.site-header { min-height:64px; padding:0 17px; }.main-nav { position:absolute; right:0; left:0; top:64px; display:none; flex-direction:column; align-items:stretch; gap:0; padding:12px 17px 20px; background:var(--cream); border-bottom:1px solid var(--line); box-shadow:0 10px 16px rgba(0,0,0,.06); }.main-nav.open { display:flex; }.main-nav>a,.main-nav>button { padding:12px 4px; }.main-nav .nav-cta { margin-top:8px; text-align:center; }.menu-toggle { display:block; }.brand { font-size:22px; }.hero { min-height:690px; background-position:67% center; }.hero-overlay { background:linear-gradient(90deg,rgba(13,13,13,.96),rgba(13,13,13,.82) 52%,rgba(13,13,13,.18)); }.hero-inner { min-height:690px; padding:53px 0 80px; align-content:start; }.hero-copy { padding-top:15px; }.eyebrow { font-size:9px; }.hero h1 { font-size:36px; letter-spacing:-1.5px; }.hero-lead { font-size:13px; line-height:2; }.hero-actions { flex-direction:column; align-items:flex-start; gap:16px; margin-top:26px; }.hero-metrics { gap:13px; padding:12px; margin-top:27px; }.hero-metrics div { padding-left:13px; }.hero-metrics dt { font-size:19px; }.scroll-cue { left:17px; bottom:16px; }.intro-grid { grid-template-columns:1fr 37px; min-height:120px; gap:10px 16px; padding:19px 0; }.intro-grid .eyebrow { grid-column:1/-1; }.intro-grid>p { font-size:14px; }.section { padding:72px 0; }.split-layout { gap:36px; }.image-stage { padding:17px; }.chip-top { top:auto; bottom:9%; left:-9px; }.chip-bottom { right:-9px; }.section-copy h2,.overview h2,.fleet h2,.advantages h2,.products h2,.contact h2 { font-size:28px; letter-spacing:-1.1px; }.section-copy>p,.overview-summary,.fleet-copy>p,.advantages-copy>p,.contact p { font-size:12px; }.overview-top { grid-template-columns:1fr; gap:4px; }.overview-visual { margin-top:28px; }.overview-visual img { height:300px; }.visual-caption { width:83%; padding:15px 17px; }.capability-grid { grid-template-columns:1fr; }.capability { min-height:0; padding:24px 19px; border-left:0; border-bottom:1px solid var(--line); }.operation-gallery { grid-template-columns:1fr; padding-top:32px; }.operation-gallery figure,.operation-gallery figure:last-child { grid-column:auto; min-height:210px; }.operation-gallery img { min-height:210px; }.fleet-grid { gap:31px; }.fleet { padding:73px 0; }.dashboard { padding:6px; }.dashboard-live { left:13px; top:13px; transform:scale(.8); transform-origin:top left; }.workflow-grid { grid-template-columns:1fr; gap:9px; margin-top:35px; }.workflow-step { min-height:0; padding:20px 18px 24px; }.step-icon { margin:10px 0 16px; }.advantages-image,.advantages-image img { min-height:290px; height:290px; }.advantages-copy { margin:-28px 12px 0; padding:34px 24px; }.advantage-row { gap:11px; }.advantage-row strong { min-width:55px; font-size:17px; }.products-grid { grid-template-columns:1fr; margin-top:30px; }.product-image { height:230px; }.contact { padding:52px 0; }.contact-card { display:block; padding:35px 25px; }.contact-card .button { margin-top:25px; }.consultation-modal { width:min(100% - 24px,530px); }.modal-panel { padding:30px 20px; }.modal-intro { padding-left:34px; }.consultation-form { grid-template-columns:1fr; gap:12px; }.form-field:last-of-type { grid-column:auto; }.footer-inner { flex-wrap:wrap; }.footer-inner>p { width:100%; order:3; }.back-top { margin-right:auto; } }