.topline{background:#090d14;color:#cbd5e1;font-size:13px}.topline-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:9px 0}.topline-left,.topline-right{display:flex;gap:20px;flex-wrap:wrap}.topline a:hover{color:#fff}.site-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav-shell{height:78px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand-symbol{width:50px;height:50px;border-radius:16px;background:linear-gradient(135deg,var(--red),#101827);color:#fff;display:grid;place-items:center;font-weight:950;letter-spacing:-.08em}.brand-text{display:grid;line-height:1}.brand-text b{font-size:23px;letter-spacing:-.05em}.brand-text small{color:var(--muted);font-weight:800}.main-nav{display:flex;align-items:center;gap:24px;font-weight:900;font-size:14px}.main-nav a{position:relative}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:.2s}.main-nav a:hover::after{transform:scaleX(1)}.nav-actions{display:flex;align-items:center;gap:10px}.catalog-btn{background:#111827;color:#fff;border:0;border-radius:999px;padding:13px 18px;font-weight:900}.menu-btn{display:none;background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 12px}.footer{background:#080b12;color:#fff;padding:72px 0 24px}.footer-grid{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:34px}.footer p,.footer a,.footer span{display:block;color:#aeb6c5;line-height:1.7;margin:9px 0}.footer h4{margin:0 0 14px}.footer-brand{margin-bottom:18px}.copyright{border-top:1px solid rgba(255,255,255,.08);margin-top:34px;padding-top:22px;color:#8d97a8}.modal{position:fixed;inset:0;z-index:120;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.62)}.modal-panel{position:relative;z-index:2;background:#fff;border-radius:30px;padding:30px;width:min(620px,calc(100% - 28px));margin:6vh auto;box-shadow:var(--shadow)}.modal-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:999px;background:#f3f4f6;font-size:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:15px;margin-bottom:12px;outline:none}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--red);box-shadow:0 0 0 4px rgba(215,25,32,.08)}.form-message{margin-top:12px;font-weight:900}.floating-actions{position:fixed;right:18px;bottom:18px;z-index:80;display:grid;gap:10px}.float-btn{width:54px;height:54px;border-radius:999px;border:0;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:950;box-shadow:0 14px 34px rgba(215,25,32,.35)}.float-btn.whatsapp{background:#22c55e}

/* Header premium block */
.site-header{
  box-shadow:0 14px 42px rgba(17,24,39,.06);
}
.nav-shell{
  position:relative;
}
.brand-symbol{
  position:relative;
  overflow:hidden;
  box-shadow:0 14px 34px rgba(215,25,32,.18);
}
.brand-symbol::after{
  content:"";
  position:absolute;
  inset:7px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:12px;
}
.main-nav{
  background:#f8fafc;
  border:1px solid var(--line);
  border-radius:999px;
  padding:10px 16px;
  gap:18px;
}
.main-nav a{
  padding:7px 3px;
}
.main-nav a::after{
  bottom:0;
}
.catalog-btn{
  position:relative;
  overflow:hidden;
  box-shadow:0 12px 30px rgba(17,24,39,.16);
}
.catalog-btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);
  transform:translateX(-110%);
  transition:.35s ease;
}
.catalog-btn:hover::before{
  transform:translateX(110%);
}
.catalog-btn span{
  position:relative;
  z-index:2;
}

/* Premium technical request modal - block 6 */
.premium-modal-panel{
  width:min(820px,calc(100% - 28px));
  padding:0;
  overflow:hidden;
  border-radius:36px;
  background:#fff;
}
.premium-modal-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:156px;
  background:
    radial-gradient(circle at 86% 18%,rgba(215,25,32,.18),transparent 28%),
    linear-gradient(135deg,#111827,#1f2937);
  z-index:-1;
}
.premium-modal-head{
  color:#fff;
  background:
    radial-gradient(circle at 86% 18%,rgba(215,25,32,.26),transparent 28%),
    linear-gradient(135deg,#111827,#1f2937);
  padding:34px 34px 28px;
}
.premium-modal-head .kicker{
  color:#fff;
}
.premium-modal-head .kicker::before{
  background:#fff;
}
.premium-modal-head h2{
  color:#fff;
  font-size:clamp(28px,3.4vw,44px);
  margin-bottom:10px;
}
.premium-modal-head p{
  color:#dbe3ef;
  margin-bottom:0;
}
.premium-contact-form{
  padding:30px 34px 34px;
}
.premium-contact-form label{
  display:block;
}
.premium-contact-form label span{
  display:block;
  color:#374151;
  font-size:12px;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.07em;
  margin:0 0 8px 4px;
}
.premium-contact-form input,
.premium-contact-form textarea{
  background:#f8fafc;
  border-color:#dfe3ea;
}
.premium-contact-form input:focus,
.premium-contact-form textarea:focus{
  background:#fff;
}
.technical-form-grid{
  margin-top:4px;
}
.full-label{
  margin-top:4px;
}
.form-submit-row{
  display:flex;
  align-items:center;
  gap:16px;
  justify-content:space-between;
  margin-top:4px;
}
.form-submit-row small{
  color:var(--muted);
  font-weight:800;
  line-height:1.45;
}
.form-submit-row .btn-primary{
  flex:0 0 auto;
}
.form-message.success{
  color:#15803d;
}
.form-message.error{
  color:#b91c1c;
}
@media(max-width:720px){
  .premium-modal-panel{
    margin:2vh auto;
    max-height:96vh;
    overflow:auto;
    border-radius:26px;
  }
  .premium-modal-head,
  .premium-contact-form{
    padding:24px;
  }
  .form-submit-row{
    display:grid;
  }
  .form-submit-row .btn-primary{
    width:100%;
  }
}

/* Footer premium block 7 */

.footer.footer-premium{
  position:relative;
  overflow:hidden;
  padding:42px 0 18px;
  background:
    radial-gradient(circle at 12% 0%,rgba(215,25,32,.08),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fafc 100%);
  color:#111827;
  border-top:1px solid rgba(15,23,42,.08);
}

.footer-premium::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(215,25,32,.08),transparent 34%),
    linear-gradient(rgba(15,23,42,.035) 1px,transparent 1px);
  background-size:auto,38px 38px;
  opacity:.42;
  pointer-events:none;
}

.footer-premium-top{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(230px,.95fr) minmax(380px,1.35fr) minmax(150px,.55fr) minmax(240px,.85fr);
  gap:14px;
  align-items:start;
}

.footer-company,
.footer-links-card,
.footer-contact-card{
  min-width:0;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(15,23,42,.09);
  border-radius:22px;
  padding:20px;
  box-shadow:0 16px 42px rgba(15,23,42,.055);
  backdrop-filter:none;
}

.footer-brand{
  margin:0 0 14px;
}

.footer-brand .brand-logo{
  width:auto;
  max-width:178px;
  max-height:58px;
  object-fit:contain;
}

.footer-premium p,
.footer-premium a,
.footer-premium span{
  color:#475569;
  line-height:1.55;
}

.footer-company p{
  margin:12px 0 0;
  font-size:14px;
  font-weight:650;
}

.footer-badges{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:16px;
}

.footer-badges span{
  display:inline-flex;
  width:auto;
  margin:0;
  color:#9d1116;
  background:#fff1f2;
  border:1px solid rgba(215,25,32,.18);
  border-radius:999px;
  padding:7px 9px;
  font-weight:900;
  font-size:11.5px;
  line-height:1;
}

.footer-links-card h4,
.footer-contact-card h4{
  color:#111827;
  margin:0 0 12px;
  font-size:15px;
  letter-spacing:-.01em;
}

.footer-links-card a,
.footer-contact-card a,
.footer-contact-card span{
  position:relative;
  margin:6px 0;
  padding-left:13px;
  color:#334155;
  font-size:13px;
  font-weight:750;
  line-height:1.38;
  overflow-wrap:anywhere;
}

.footer-links-card a::before,
.footer-contact-card a::before,
.footer-contact-card span::before{
  content:"";
  position:absolute;
  left:0;
  top:.58em;
  width:5px;
  height:5px;
  border-radius:999px;
  background:#d71920;
}

.footer-links-card a:hover,
.footer-contact-card a:hover{
  color:#d71920;
}

.footer-request-btn{
  width:100%;
  margin-top:12px;
  border:0;
  border-radius:14px;
  background:linear-gradient(135deg,#d71920,#9d1116);
  color:#fff;
  padding:11px 14px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 14px 28px rgba(215,25,32,.18);
}

.footer-bottom{
  position:relative;
  z-index:2;
  display:flex;
  justify-content:space-between;
  gap:18px;
  border-top:1px solid rgba(15,23,42,.09);
  margin-top:18px;
  padding-top:16px;
  color:#64748b;
  font-weight:750;
  font-size:13px;
}

.floating-actions{
  right:20px;
  bottom:20px;
}
.float-btn{
  transition:.2s ease;
}
.float-btn:hover{
  transform:translateY(-3px);
}


/* machine-mega-menu-start */
.site-header{
  position:sticky;
  top:0;
  z-index:90;
  background:rgba(255,255,255,.94);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(15,23,42,.08);
}

.nav-shell{
  position:relative;
}

.brand-logo{
  max-width:160px;
  max-height:52px;
  display:block;
  object-fit:contain;
}

.main-nav{
  position:static;
}

.nav-mega{
  position:relative;
}

.nav-mega-trigger{
  display:inline-flex;
  align-items:center;
  gap:6px;
}

.nav-mega-trigger span{
  color:var(--red);
  font-size:13px;
  transition:transform .18s ease;
}

.nav-mega:hover .nav-mega-trigger span,
.nav-mega.is-open .nav-mega-trigger span{
  transform:rotate(180deg);
}

.mega-panel{
  position:absolute;
  left:50%;
  top:calc(100% + 25px);
  width:min(1120px,calc(100vw - 32px));
  transform:translateX(-50%) translateY(12px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:.2s ease;
  z-index:140;
}

.nav-mega:hover .mega-panel,
.nav-mega:focus-within .mega-panel,
.nav-mega.is-open .mega-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.mega-panel-inner{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) 330px;
  gap:22px;
  padding:22px;
  border:1px solid rgba(15,23,42,.10);
  border-radius:30px;
  background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);
  box-shadow:0 32px 90px rgba(15,23,42,.18);
  overflow:hidden;
}

.mega-panel-inner::before{
  content:"";
  position:absolute;
  right:24px;
  top:18px;
  width:250px;
  height:250px;
  border-radius:999px;
  background:radial-gradient(circle at 44% 52%,rgba(255,255,255,.96) 0 34%,rgba(215,25,32,.10) 35% 62%,transparent 63%);
  pointer-events:none;
}

.mega-groups{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

.mega-group{
  min-height:160px;
  padding:18px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:22px;
  background:rgba(255,255,255,.82);
  box-shadow:0 14px 34px rgba(15,23,42,.07);
}

.mega-group-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#0f172a;
  font-size:17px;
  font-weight:950;
  letter-spacing:-.025em;
}

.mega-group-title::after,
.nav-mega-trigger::after,
.mega-sub-list a::after{
  display:none;
}

.mega-group-title em{
  width:30px;
  height:30px;
  display:grid;
  place-items:center;
  flex:0 0 30px;
  border-radius:999px;
  background:#fff1f2;
  color:var(--red);
  font-style:normal;
}

.mega-group p{
  margin:9px 0 13px;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
  font-weight:650;
}

.mega-sub-list{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.mega-sub-list a{
  padding:8px 10px;
  border-radius:999px;
  background:#f8fafc;
  color:#334155;
  border:1px solid rgba(15,23,42,.08);
  font-size:12px;
  font-weight:850;
}

.mega-sub-list a:hover{
  background:#fff1f2;
  color:var(--red);
  border-color:rgba(215,25,32,.16);
}

.mega-visual{
  position:relative;
  z-index:2;
  min-height:330px;
  border-radius:26px;
  overflow:hidden;
  background:#111827;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.10);
}

.mega-visual img{
  width:100%;
  height:100%;
  min-height:330px;
  display:block;
  object-fit:cover;
}

.mega-visual-placeholder{
  min-height:330px;
  display:grid;
  place-items:center;
  padding:24px;
  text-align:center;
  color:#fff;
  background:radial-gradient(circle at 70% 25%,rgba(215,25,32,.35),transparent 35%),linear-gradient(135deg,#111827,#020617);
}

.mega-visual-placeholder b{
  display:block;
  font-size:24px;
  font-weight:950;
}

.mega-visual-placeholder span{
  display:block;
  margin-top:8px;
  color:#cbd5e1;
  font-weight:750;
}

.mega-visual-caption{
  position:absolute;
  left:16px;
  right:16px;
  bottom:16px;
  padding:15px;
  border-radius:18px;
  background:rgba(255,255,255,.92);
  backdrop-filter:blur(10px);
}

.mega-visual-caption b{
  display:block;
  color:#0f172a;
  font-weight:950;
}

.mega-visual-caption span{
  display:block;
  margin-top:4px;
  color:#64748b;
  font-size:13px;
  line-height:1.45;
  font-weight:700;
}

@media(max-width:1080px){
  .main-nav.open{
    display:grid;
    position:absolute;
    left:16px;
    right:16px;
    top:76px;
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    border-radius:24px;
    padding:16px;
    box-shadow:0 24px 70px rgba(15,23,42,.18);
    max-height:calc(100vh - 96px);
    overflow:auto;
  }

  .nav-mega{
    display:grid;
  }

  .mega-panel{
    position:static;
    width:100%;
    transform:none;
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    display:none;
    margin-top:12px;
  }

  .nav-mega.is-open .mega-panel{
    display:block;
    transform:none;
  }

  .mega-panel-inner{
    grid-template-columns:1fr;
    padding:14px;
    border-radius:22px;
  }

  .mega-groups{
    grid-template-columns:1fr;
  }

  .mega-visual,
  .mega-visual img,
  .mega-visual-placeholder{
    min-height:220px;
  }
}

@media(max-width:720px){
  .brand-logo{
    max-width:128px;
  }

  .mega-group{
    min-height:auto;
    padding:15px;
  }
}
/* machine-mega-menu-end */

/* machine-mega-menu-50-ux-start */
/* 50+ ürün için menü hover ile kapanmaz; JS .is-open yönetir */
.nav-mega:hover .mega-panel,
.nav-mega:focus-within .mega-panel{
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateX(-50%) translateY(12px);
}

.nav-mega.is-open .mega-panel,
.nav-mega.is-open:hover .mega-panel,
.nav-mega.is-open:focus-within .mega-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateX(-50%) translateY(0);
}

.nav-mega.is-open .nav-mega-trigger{
  color:var(--red);
}

.mega-panel{
  width:min(1240px,calc(100vw - 28px));
}

.mega-panel-inner{
  grid-template-columns:minmax(0,1fr) 360px;
  max-height:calc(100vh - 142px);
  overflow:hidden;
}

.mega-groups{
  max-height:calc(100vh - 190px);
  overflow-y:auto;
  padding-right:6px;
  scrollbar-width:thin;
}

.mega-groups::-webkit-scrollbar,
.mega-sub-list::-webkit-scrollbar{
  width:8px;
}

.mega-groups::-webkit-scrollbar-thumb,
.mega-sub-list::-webkit-scrollbar-thumb{
  background:rgba(15,23,42,.18);
  border-radius:999px;
}

.mega-group{
  min-height:auto;
}

.mega-sub-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
  max-height:260px;
  overflow-y:auto;
  padding-right:3px;
}

.mega-sub-list a{
  display:flex;
  align-items:center;
  min-height:38px;
  border-radius:13px;
  padding:9px 11px;
  line-height:1.25;
  white-space:normal;
}

.mega-visual{
  position:sticky;
  top:0;
  align-self:start;
}

@media(min-width:1180px){
  .mega-groups{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:1080px){
  .nav-mega:hover .mega-panel,
  .nav-mega:focus-within .mega-panel{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
  }

  .mega-panel{
    width:100%;
  }

  .mega-panel-inner{
    max-height:none;
    overflow:visible;
  }

  .mega-groups{
    max-height:420px;
  }

  .mega-sub-list{
    grid-template-columns:1fr;
    max-height:260px;
  }

  .mega-visual{
    position:relative;
  }
}
/* machine-mega-menu-50-ux-end */


/* contact-dynamic-page-start */
.contact-page-grid,
.contact-map-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.contact-page-card,
.contact-map-card {
    background: #fff;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 24px;
    padding: 26px;
    box-shadow: 0 18px 50px rgba(15, 23, 42, .08);
}

.contact-page-card a,
.contact-map-card a {
    display: block;
    margin-top: 10px;
}

.contact-page-card h3 {
    margin: 18px 0 6px;
}

.contact-whatsapp-btn {
    margin-top: 18px;
    display: inline-flex !important;
}

.contact-map-card iframe {
    width: 100%;
    min-height: 320px;
    border: 0;
    border-radius: 18px;
    margin-top: 16px;
}

@media (max-width: 820px) {
    .contact-page-grid,
    .contact-map-grid {
        grid-template-columns: 1fr;
    }
}
/* contact-dynamic-page-end */

/* contact-page-clean-layout-start */
.contact-page-clean {
    padding-top: 72px;
}

.contact-hero-clean {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 28px;
    align-items: end;
    padding: 34px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 10% 0%, rgba(220, 38, 38, .10), transparent 34%),
        linear-gradient(135deg, #0f172a, #1e293b);
    color: #fff;
    box-shadow: 0 24px 70px rgba(15, 23, 42, .18);
}

.contact-hero-clean .kicker {
    color: #fecaca;
}

.contact-hero-clean h1 {
    max-width: 760px;
    margin: 10px 0 14px;
    font-size: clamp(34px, 4vw, 58px);
    line-height: .98;
    letter-spacing: -0.055em;
}

.contact-hero-clean p {
    max-width: 760px;
    margin: 0;
    color: rgba(255, 255, 255, .78);
    font-size: 17px;
    line-height: 1.75;
    font-weight: 650;
}

.contact-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
}

.contact-hero-actions .btn-primary,
.contact-hero-actions .btn-light {
    white-space: nowrap;
}

.contact-info-clean-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    margin-top: 24px;
}

.contact-info-clean-card,
.contact-map-clean-card {
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 26px;
    background: #fff;
    box-shadow: 0 18px 54px rgba(15, 23, 42, .08);
}

.contact-info-clean-card {
    padding: 26px;
}

.contact-card-label {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 11px;
    border-radius: 999px;
    background: rgba(220, 38, 38, .10);
    color: #b91c1c;
    font-size: 12px;
    font-weight: 950;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.contact-info-clean-card h2,
.contact-map-clean-card h2 {
    margin: 14px 0 16px;
    font-size: 24px;
    line-height: 1.12;
    letter-spacing: -0.04em;
    color: #0f172a;
}

.contact-link-list {
    display: grid;
    gap: 10px;
}

.contact-link-list a {
    display: grid;
    gap: 3px;
    padding: 14px 15px;
    border: 1px solid rgba(15, 23, 42, .08);
    border-radius: 16px;
    background: #f8fafc;
    transition: transform .18s ease, border-color .18s ease, background .18s ease;
}

.contact-link-list a:hover {
    transform: translateY(-2px);
    border-color: rgba(220, 38, 38, .22);
    background: #fff;
}

.contact-link-list small {
    color: #64748b;
    font-weight: 800;
}

.contact-link-list strong {
    color: #0f172a;
    font-size: 16px;
}

.contact-empty-text {
    margin: 0;
    color: #64748b;
    line-height: 1.7;
}

.contact-map-clean-grid {
    display: grid;
    gap: 22px;
    margin-top: 24px;
}

.contact-map-clean-card {
    padding: 24px;
}

.contact-map-clean-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 14px;
}

.contact-map-clean-card p {
    max-width: 920px;
    margin: 0 0 18px;
    color: #475569;
    line-height: 1.7;
    font-weight: 650;
}

.contact-map-clean-card iframe {
    width: 100%;
    min-height: 380px;
    border: 0;
    border-radius: 20px;
    background: #f1f5f9;
}

@media (max-width: 1080px) {
    .contact-hero-clean {
        grid-template-columns: 1fr;
        align-items: start;
    }

    .contact-hero-actions {
        justify-content: flex-start;
    }

    .contact-info-clean-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 720px) {
    .contact-page-clean {
        padding-top: 42px;
    }

    .contact-hero-clean,
    .contact-info-clean-card,
    .contact-map-clean-card {
        border-radius: 20px;
        padding: 20px;
    }

    .contact-map-clean-head {
        display: grid;
    }

    .contact-map-clean-card iframe {
        min-height: 300px;
    }
}
/* contact-page-clean-layout-end */

/* corporate-cards-start */

.corporate-page-shell{
  position:relative;
  padding:54px 0 64px;
  background:
    radial-gradient(circle at 10% 0%, rgba(215,25,32,.07), transparent 30%),
    linear-gradient(180deg,#f8fafc 0%,#ffffff 46%,#f8fafc 100%);
}

.corporate-page-shell .shell{
  position:relative;
  z-index:2;
}

.corporate-page-hero{
  position:relative;
  max-width:none;
  margin:0 0 18px;
  padding:26px 28px;
  border:1px solid rgba(15,23,42,.08);
  border-radius:26px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 44px rgba(15,23,42,.065);
  overflow:hidden;
}

.corporate-page-hero::after{
  content:"";
  position:absolute;
  right:-80px;
  top:-90px;
  width:220px;
  height:220px;
  border-radius:999px;
  background:rgba(215,25,32,.08);
  pointer-events:none;
}

.corporate-page-hero > *{
  position:relative;
  z-index:2;
}

.corporate-page-hero .kicker{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 11px;
  border-radius:999px;
  background:rgba(215,25,32,.10);
  color:#b91c1c;
  font-size:12px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.corporate-page-hero h1{
  margin:12px 0 10px;
  color:#0f172a;
  font-size:clamp(34px,4.4vw,58px);
  line-height:1;
  letter-spacing:-.055em;
}

.corporate-page-hero p{
  max-width:850px;
  margin:0;
  color:#64748b;
  font-size:16px;
  line-height:1.65;
  font-weight:650;
}

.corporate-about-layout{
  display:grid;
  grid-template-columns:minmax(0,1fr) 340px;
  gap:18px;
  align-items:start;
}

.corporate-about-content,
.corporate-about-side,
.corporate-card,
.corporate-empty{
  border:1px solid rgba(15,23,42,.08);
  border-radius:24px;
  background:rgba(255,255,255,.96);
  box-shadow:0 16px 46px rgba(15,23,42,.065);
}

.corporate-about-content{
  padding:26px;
}

.corporate-rich-text{
  color:#334155;
  font-size:16px;
  line-height:1.72;
  font-weight:600;
}

.corporate-rich-text p{
  margin:0 0 14px;
}

.corporate-rich-text p:last-child{
  margin-bottom:0;
}

.corporate-rich-text h2,
.corporate-rich-text h3{
  margin:24px 0 12px;
  color:#0f172a;
  line-height:1.12;
  letter-spacing:-.03em;
}

.corporate-rich-text h2:first-child,
.corporate-rich-text h3:first-child{
  margin-top:0;
}

.corporate-rich-text ul,
.corporate-rich-text ol{
  list-style:none;
  margin:14px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}

.corporate-rich-text li{
  position:relative;
  margin:0;
  padding:10px 12px 10px 30px;
  border-radius:14px;
  background:#f8fafc;
  border:1px solid rgba(15,23,42,.07);
  color:#334155;
  line-height:1.42;
  font-weight:750;
}

.corporate-rich-text li::before{
  content:"";
  position:absolute;
  left:13px;
  top:15px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#d71920;
  box-shadow:0 0 0 4px rgba(215,25,32,.10);
}

.corporate-about-side{
  position:sticky;
  top:96px;
  padding:22px;
  overflow:hidden;
}

.corporate-about-side::before{
  content:"";
  position:absolute;
  width:170px;
  height:170px;
  right:-72px;
  top:-72px;
  border-radius:999px;
  background:rgba(215,25,32,.09);
}

.corporate-about-side > *{
  position:relative;
  z-index:2;
}

.corporate-about-side span,
.corporate-empty span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(215,25,32,.10);
  color:#b91c1c;
  font-size:11.5px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.corporate-about-side h2{
  margin:13px 0 10px;
  color:#0f172a;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.04em;
}

.corporate-about-side p{
  margin:0;
  color:#64748b;
  line-height:1.62;
  font-weight:650;
}

.corporate-side-points{
  display:grid;
  gap:8px;
  margin-top:16px;
}

.corporate-side-points b{
  display:block;
  padding:10px 12px;
  border-radius:13px;
  background:#f8fafc;
  color:#0f172a;
  font-size:13.5px;
  line-height:1.25;
}

.corporate-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  align-items:stretch;
}

.corporate-card{
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.corporate-card:hover{
  transform:translateY(-3px);
  border-color:rgba(215,25,32,.18);
  box-shadow:0 22px 58px rgba(15,23,42,.10);
}

.corporate-card-image{
  position:relative;
  height:220px;
  margin:0;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 12%, rgba(215,25,32,.10), transparent 34%),
    linear-gradient(135deg,#eef2f7,#ffffff);
  overflow:hidden;
}

.employee-card-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}

.reference-card-image{
  height:190px;
  background:#ffffff;
}

.reference-card-image img{
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  padding:24px;
  background:#fff;
}

.corporate-card-image span{
  width:72px;
  height:72px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:#0f172a;
  color:#fff;
  font-size:30px;
  font-weight:950;
}

.corporate-card-body{
  padding:20px;
}

.corporate-card-body h2{
  margin:0 0 7px;
  color:#0f172a;
  font-size:21px;
  line-height:1.14;
  letter-spacing:-.03em;
}

.corporate-card-body strong,
.corporate-card-body em{
  display:block;
  color:#b91c1c;
  font-style:normal;
  font-weight:900;
  margin-bottom:5px;
  line-height:1.35;
}

.corporate-card-body em{
  color:#64748b;
  font-size:13.5px;
}

.corporate-card-body p{
  margin:10px 0 0;
  color:#475569;
  line-height:1.55;
  font-size:14.5px;
  font-weight:600;
}

.corporate-empty{
  grid-column:1 / -1;
  min-height:0;
  padding:26px;
  display:grid;
  align-content:center;
  justify-items:start;
  overflow:hidden;
}

.corporate-empty h2{
  margin:13px 0 8px;
  color:#0f172a;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.08;
  letter-spacing:-.04em;
}

.corporate-empty p{
  max-width:720px;
  margin:0;
  color:#64748b;
  line-height:1.62;
  font-weight:650;
}

.reference-card-link{
  display:block;
  height:100%;
  color:inherit;
}

@media(max-width:1080px){
  .corporate-about-layout{
    grid-template-columns:1fr;
  }

  .corporate-about-side{
    position:relative;
    top:auto;
  }

  .corporate-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media(max-width:720px){
  .corporate-page-shell{
    padding:34px 0 44px;
  }

  .corporate-page-hero{
    padding:20px;
    border-radius:22px;
    margin-bottom:14px;
  }

  .corporate-page-hero h1{
    font-size:clamp(31px,10vw,42px);
    letter-spacing:-.045em;
  }

  .corporate-about-layout{
    gap:14px;
  }

  .corporate-about-content,
  .corporate-about-side,
  .corporate-card-body,
  .corporate-empty{
    padding:18px;
  }

  .corporate-rich-text{
    font-size:15.5px;
    line-height:1.65;
  }

  .corporate-rich-text ul,
  .corporate-rich-text ol{
    grid-template-columns:1fr;
  }

  .corporate-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .corporate-card-image,
  .reference-card-image{
    height:190px;
  }
}

/* corporate-cards-end */

/* footer-machine-responsive-base-start */

.footer-machine-card{
  min-width:0;
  align-self:start;
}

.footer-machine-card .footer-machine-group{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:36px;
  margin:4px 0 8px;
  padding:8px 11px;
  border-radius:13px;
  background:#fff1f2;
  border:1px solid rgba(215,25,32,.16);
  color:#b91c1c;
  font-size:12.5px;
  font-weight:950;
  line-height:1.2;
}

.footer-machine-scroll{
  max-height:292px;
  min-height:0;
  overflow-y:auto;
  overflow-x:hidden;
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  padding:0 6px 0 0;
  margin:8px 0 0;
  scrollbar-width:thin;
  scrollbar-color:rgba(215,25,32,.75) rgba(15,23,42,.08);
}

.footer-machine-scroll a{
  position:relative;
  display:block !important;
  min-height:0;
  height:auto;
  margin:0 !important;
  padding:8px 10px 8px 13px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,.08);
  background:#f8fafc;
  color:#334155 !important;
  font-size:11.8px;
  line-height:1.28 !important;
  font-weight:800;
  letter-spacing:0;
  white-space:normal;
  word-break:normal;
  overflow-wrap:anywhere;
  overflow:visible;
}

.footer-machine-scroll a::before{
  content:"";
  position:absolute;
  left:0;
  top:8px;
  bottom:8px;
  width:3px;
  border-radius:999px;
  background:#d71920;
}

.footer-machine-scroll a:hover{
  background:#fff1f2;
  border-color:rgba(215,25,32,.22);
  color:#b91c1c !important;
}

.footer-machine-scroll::-webkit-scrollbar{
  width:6px;
}

.footer-machine-scroll::-webkit-scrollbar-track{
  background:rgba(15,23,42,.08);
  border-radius:999px;
}

.footer-machine-scroll::-webkit-scrollbar-thumb{
  background:rgba(215,25,32,.82);
  border-radius:999px;
}

/* footer-machine-responsive-base-end */


/* home-popup-admin-start */
.home-popup-overlay{
  position:fixed;
  inset:0;
  z-index:140;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.home-popup-overlay.is-open{
  display:flex;
}

.home-popup-backdrop{
  position:absolute;
  inset:0;
  border:0;
  background:rgba(2,6,23,.72);
  backdrop-filter:blur(8px);
  cursor:pointer;
}

.home-popup-card{
  position:relative;
  z-index:2;
  width:min(760px, calc(100vw - 32px));
  max-height:calc(100vh - 48px);
  overflow:hidden;
  border-radius:30px;
  background:#ffffff;
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 34px 90px rgba(2,6,23,.34);
  animation:homePopupIn .24s ease both;
}

.home-popup-close{
  position:absolute;
  right:14px;
  top:14px;
  z-index:4;
  width:42px;
  height:42px;
  border:0;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#0f172a;
  font-size:28px;
  line-height:1;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 10px 24px rgba(15,23,42,.18);
}

.home-popup-media{
  margin:0;
  background:#0f172a;
}

.home-popup-media img{
  display:block;
  width:100%;
  max-height:520px;
  object-fit:cover;
}

.home-popup-body{
  padding:22px 24px 24px;
}

.home-popup-body h2{
  margin:0 0 8px;
  color:#0f172a;
  font-size:clamp(25px,3vw,38px);
  line-height:1.06;
  letter-spacing:-.045em;
}

.home-popup-body p{
  margin:0;
  color:#475569;
  font-size:15.5px;
  line-height:1.58;
  font-weight:650;
}

.home-popup-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:16px;
  min-height:44px;
  padding:0 18px;
  border-radius:999px;
  background:#d71920;
  color:#fff;
  font-weight:950;
}

@keyframes homePopupIn{
  from{
    opacity:0;
    transform:translateY(14px) scale(.98);
  }
  to{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@media(max-width:720px){
  .home-popup-overlay{
    padding:14px;
  }

  .home-popup-card{
    width:calc(100vw - 28px);
    border-radius:24px;
  }

  .home-popup-media img{
    max-height:430px;
  }

  .home-popup-body{
    padding:18px;
  }

  .home-popup-close{
    right:10px;
    top:10px;
    width:38px;
    height:38px;
    font-size:25px;
  }
}
/* home-popup-admin-end */


/* reference-logo-fit-clean-start */
.corporate-reference-page .reference-card{
  overflow:hidden;
}

.corporate-reference-page .reference-card-image{
  height:170px;
  min-height:170px;
  padding:22px;
  display:grid;
  place-items:center;
  background:#ffffff;
  border-bottom:1px solid rgba(15,23,42,.08);
}

.corporate-reference-page .reference-card-image img{
  display:block;
  width:100%;
  height:100%;
  max-width:100%;
  max-height:126px;
  object-fit:contain;
  object-position:center;
  margin:auto;
}

.corporate-reference-page .corporate-card-body{
  text-align:center;
}

@media(max-width:720px){
  .corporate-reference-page .reference-card-image{
    height:145px;
    min-height:145px;
    padding:18px;
  }

  .corporate-reference-page .reference-card-image img{
    max-height:108px;
  }
}
/* reference-logo-fit-clean-end */