.service-automatic-system { --au-ink:#1d3038; --au-orange:#e96e2e; --au-muted:#60727a; --au-line:#dce6e9; }
.service-automatic-system .dp-hero { padding-bottom:79px; background:radial-gradient(circle at 80% 20%,#30464d 0,#1c2a32 56%); }
.service-automatic-system .dp-hero-grid { min-height:380px; grid-template-columns:1.08fr .82fr; }
.service-automatic-system .dp-hero h1 { max-width:790px; font-size:clamp(45px,4.55vw,65px); }
.service-automatic-system .dp-hero-panel { min-height:345px; padding:30px 33px; background:linear-gradient(145deg,#40545b,#293c45); box-shadow:0 20px 55px #10202a39,inset 0 1px #ffffff28; }
.service-automatic-system .dp-hero-panel>strong { margin:20px 0; font-size:clamp(28px,2.55vw,38px); line-height:1.28; }
.service-automatic-system .dp-hero-panel:after { opacity:.45; }
.au-hero-points { display:grid; gap:0; }
.au-hero-points>div { display:grid; grid-template-columns:37px 1fr; padding:9px 0; border-top:1px solid #ffffff26; color:#e0e9ec; font-size:13px; }
.au-hero-points b { color:#ffae7e; }
.service-automatic-system .dp-section { padding:88px 0; }
.service-automatic-system .dp-section--tint { background:#f3f6f7; }
.service-automatic-system .dp-head { margin-bottom:32px; }
.service-automatic-system .dp-head h2 { font-size:clamp(33px,3.25vw,46px); }
.service-automatic-system .dp-head h2 .dp-num { width:59px; height:50px; flex-basis:59px; place-items:start; margin-right:11px; border-radius:0; color:#d6652c; background:transparent; font-size:30px; font-weight:400; line-height:1.35; }
.service-automatic-system .dp-section--dark .dp-head h2 .dp-num { color:#ffaf7e; }
.au-opening { display:grid; grid-template-columns:1.12fr .88fr; min-height:515px; overflow:hidden; border-radius:13px; background:#fff; box-shadow:0 22px 55px #142a3412; }
.au-opening figure { position:relative; min-height:515px; margin:0; overflow:hidden; background:#d8e2e5; }
.au-opening img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:56% center; }
.au-opening figcaption,.au-site figcaption { position:absolute; right:0; bottom:0; left:0; padding:29px; color:#fff; background:linear-gradient(transparent,#152730b6); font-size:12px; }
.au-opening-copy { display:flex; flex-direction:column; justify-content:center; padding:40px 48px; }
.au-opening-copy>span,.au-site>div>span,.au-operation>div>span,.au-logic-intro>span,.au-safety-lead>span { color:#c15a27; font-size:11px; font-weight:700; letter-spacing:1.4px; }
.au-opening-copy h3,.au-safety-lead h3,.au-operation h3 { margin:13px 0 15px; font-size:clamp(30px,3vw,43px); line-height:1.25; }
.au-opening-copy>p { margin:0 0 19px; color:var(--au-muted); font-size:15px; line-height:1.76; }
.au-opening-list>div { display:grid; grid-template-columns:36px 1fr; gap:2px 12px; padding:10px 0; border-top:1px solid var(--au-line); }
.au-opening-list b { grid-row:span 2; color:#d2682d; font-size:17px; }
.au-opening-list strong { font-size:15px; }
.au-opening-list small { color:#657880; font-size:12px; }
.au-types { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.au-types article { overflow:hidden; border:1px solid #dce5e9; border-radius:11px; background:#fff; box-shadow:0 12px 34px #142a340d; }
.au-types img { display:block; width:100%; height:225px; object-fit:cover; }
.au-types article>div { padding:25px 26px 29px; }
.au-types span { color:#bb5626; font-size:10px; font-weight:700; letter-spacing:1.1px; }
.au-types h3 { margin:9px 0 9px; font-size:27px; }
.au-types p { min-height:73px; margin:0 0 18px; color:#5f7078; font-size:14px; line-height:1.7; }
.au-types dl { display:grid; gap:6px; margin:0; padding-top:16px; border-top:1px solid var(--au-line); }
.au-types dt { color:#b95728; font-size:11px; font-weight:700; }
.au-types dd { margin:0 0 7px; color:#3c525c; font-size:13px; line-height:1.58; }
.service-automatic-system .dp-section--dark { background:#1d3039; }
.au-logic { display:grid; grid-template-columns:.77fr 1.23fr; gap:8%; align-items:center; }
.au-logic-intro>span { color:#ffab75; }
.au-logic-intro h3 { margin:15px 0; color:#fff; font-size:clamp(31px,3vw,42px); line-height:1.3; }
.au-logic-intro p { margin:0; color:#ccd9df; font-size:14px; line-height:1.78; }
.au-logic-routes { display:grid; gap:14px; }
.au-logic-routes>div { padding:24px 28px; border:1px solid #ffffff29; border-radius:9px; background:#ffffff0e; }
.au-logic-routes>div:last-child { border-color:#ed7d416d; background:linear-gradient(125deg,#513d33,#2c3e46); }
.au-logic-routes span { color:#ffae7d; font-size:10px; font-weight:700; letter-spacing:1.2px; }
.au-logic-routes h4 { margin:8px 0; color:#fff; font-size:23px; }
.au-logic-routes p { margin:0 0 11px; color:#fff; font-size:15px; line-height:1.6; }
.au-logic-routes small { color:#c5d3d9; font-size:12px; }
.au-safety { display:grid; grid-template-columns:.8fr 1.2fr; gap:8%; align-items:center; padding:42px 46px; border-radius:12px; color:#fff; background:linear-gradient(135deg,#263c46,#1e3039); box-shadow:0 19px 50px #1b343d1c; }
.au-safety-lead>span { color:#ffac78; }
.au-safety-lead h3 { color:#fff; }
.au-safety-lead p { color:#d0dce0; font-size:14px; line-height:1.75; }
.au-safety-lead>div { margin-top:22px; padding:15px 17px; border-left:3px solid #ee7535; color:#f2d2bd; background:#ffffff0f; font-size:12px; line-height:1.65; }
.au-safety ol { margin:0; padding:0; list-style:none; }
.au-safety li { display:grid; grid-template-columns:45px 1fr; gap:11px; padding:17px 0; border-bottom:1px solid #ffffff27; }
.au-safety li:last-child { border:0; }
.au-safety li>b { color:#ffad78; font-size:23px; }
.au-safety li strong { font-size:16px; }
.au-safety li p { margin:3px 0 0; color:#cbd8dd; font-size:12px; line-height:1.65; }
.au-site { display:grid; grid-template-columns:1fr .95fr; gap:24px; }
.au-site figure { position:relative; min-height:540px; margin:0; overflow:hidden; border-radius:11px; background:#d7e0e3; }
.au-site img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:64% center; }
.au-site>div { padding:34px 38px; border:1px solid #dce6e9; border-radius:11px; background:#f8fafb; }
.au-site h3 { margin:13px 0 18px; font-size:clamp(28px,2.8vw,39px); line-height:1.26; }
.au-site ul { margin:0; padding:0; list-style:none; }
.au-site li { display:grid; grid-template-columns:105px 1fr; gap:12px; padding:16px 0; border-top:1px solid #dce5e9; }
.au-site li b { color:#ba5828; font-size:14px; }
.au-site li small { color:#5e717a; font-size:13px; line-height:1.6; }
.au-operation { display:grid; grid-template-columns:.72fr 1.28fr; gap:7%; align-items:center; padding:42px 45px; border-radius:12px; background:#fff; box-shadow:0 14px 40px #18323f0c; }
.au-operation p { margin:0; color:#5d7078; font-size:14px; line-height:1.75; }
.au-operation-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.au-operation-grid article { min-height:210px; padding:21px; border:1px solid #dce5e9; border-radius:8px; background:#f8fafb; }
.au-operation-grid b { display:block; margin-bottom:23px; color:#e36c2f; font-size:25px; }
.au-operation-grid strong { font-size:17px; }
.au-operation-grid p { margin-top:7px; font-size:12px; line-height:1.64; }
.au-process { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); overflow:hidden; border-radius:11px; box-shadow:0 16px 40px #142f3b12; }
.au-process article { min-height:300px; padding:25px; color:#fff; background:#293e48; border-right:1px solid #ffffff30; }
.au-process article:first-child { background:#e87331; }
.au-process article:last-child { border:0; }
.au-process article>b { display:block; margin-bottom:66px; color:#ffaf80; font-size:51px; line-height:1; }
.au-process article:first-child>b,.au-process article:first-child span,.au-process article:first-child p { color:#fff; }
.au-process span { color:#ffad7d; font-size:10px; font-weight:700; letter-spacing:1.2px; }
.au-process h3 { margin:9px 0; color:#fff; font-size:22px; }
.au-process p { margin:0; color:#d0dce1; font-size:13px; line-height:1.7; }
.service-automatic-system #section-8 .dp-faq { gap:14px; }
.service-automatic-system #section-8 .dp-faq summary { min-height:59px; padding:19px 43px 19px 21px; font-size:15px; }
.service-automatic-system .dp-cta { padding:73px 0; background:linear-gradient(110deg,#1b303a,#293d46); }
@media(max-width:1050px){
  .au-opening-copy { padding:31px; }
  .au-types article>div { padding:21px; }
  .au-types img { height:190px; }
  .au-site li { grid-template-columns:85px 1fr; }
  .au-operation { gap:4%; padding:33px; }
  .au-operation-grid article { padding:16px; }
}
@media(max-width:800px){
  .service-automatic-system .dp-hero-grid { grid-template-columns:1fr; }
  .service-automatic-system .dp-section { padding:66px 0; }
  .au-opening { grid-template-columns:1fr; }
  .au-opening figure { min-height:370px; }
  .au-types { grid-template-columns:1fr 1fr; }
  .au-types p { min-height:0; }
  .au-logic,.au-safety { grid-template-columns:1fr; gap:24px; }
  .au-site { grid-template-columns:1fr; }
  .au-site figure { min-height:375px; }
  .au-operation { grid-template-columns:1fr; gap:25px; }
  .au-process { grid-template-columns:1fr 1fr; }
  .au-process article { min-height:240px; }
  .au-process article>b { margin-bottom:35px; }
}
@media(max-width:560px){
  .service-automatic-system .dp-hero h1 { font-size:38px; }
  .service-automatic-system .dp-hero-panel { min-height:0; padding:23px; }
  .service-automatic-system .dp-section { padding:52px 0; }
  .service-automatic-system .dp-head h2 { font-size:30px; }
  .service-automatic-system .dp-head h2 .dp-num { width:44px; height:auto; flex-basis:44px; margin-right:6px; font-size:22px; }
  .au-opening figure { min-height:260px; }
  .au-opening-copy { padding:24px; }
  .au-types { grid-template-columns:1fr; }
  .au-types img { height:220px; }
  .au-logic-routes>div { padding:21px; }
  .au-safety { padding:25px; }
  .au-site figure { min-height:260px; }
  .au-site>div { padding:25px; }
  .au-site li { grid-template-columns:78px 1fr; gap:8px; }
  .au-operation { padding:25px; }
  .au-operation-grid { grid-template-columns:1fr; }
  .au-operation-grid article { min-height:0; }
  .au-operation-grid b { margin-bottom:9px; }
  .au-process { grid-template-columns:1fr; }
  .au-process article { min-height:0; padding:24px; border-right:0; border-bottom:1px solid #ffffff32; }
  .au-process article>b { margin-bottom:17px; font-size:37px; }
  .service-automatic-system #section-8 .dp-faq { grid-template-columns:1fr; }
}