.szaboartdesign-maintenance {
    --navy-1000:#02070d;
    --navy-980:#030b14;
    --navy-950:#061421;
    --navy-900:#081b2c;
    --navy-820:#0e2940;
    --gold-600:#9d6e31;
    --gold-500:#b78943;
    --gold-400:#d8af6d;
    --gold-300:#efd59b;
    --ivory:#f4efe5;
    --paper:#fbf8f1;
    --ink:#14202b;
    --muted:#69737f;
    --green:#68db8c;
    --red:#ff7a76;
    --line-dark:rgba(216,175,109,.20);
    --container:min(1240px,calc(100% - 40px));
    position:relative;
    overflow:clip;
    color:#fff;
    background:var(--navy-1000);
    font-family:Inter,"Segoe UI",Roboto,Arial,sans-serif;
    isolation:isolate;
  }

  .szaboartdesign-maintenance *,
  .szaboartdesign-maintenance *::before,
  .szaboartdesign-maintenance *::after{box-sizing:border-box}

  .szaboartdesign-maintenance h1,
  .szaboartdesign-maintenance h2,
  .szaboartdesign-maintenance h3,
  .szaboartdesign-maintenance p{margin-top:0}

  .szaboartdesign-maintenance h1,
  .szaboartdesign-maintenance h2{
    font-family:Georgia,"Times New Roman",serif;
    font-weight:500;
    line-height:1.08;
    letter-spacing:0;
  }

  .szaboartdesign-maintenance .szaboartdesign-maintenance__hero h1,
  .szaboartdesign-maintenance .szaboartdesign-maintenance__final h2{
    color:#fff;
  }

  .szaboartdesign-maintenance .szaboartdesign-maintenance__stage:not(.is-light) .szaboartdesign-maintenance__copy h2{
    color:#fff;
  }

  .szaboartdesign-maintenance .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__copy h2,
  .szaboartdesign-maintenance .szaboartdesign-maintenance__features h2,
  .szaboartdesign-maintenance .szaboartdesign-maintenance__features h3{
    color:var(--ink);
  }

  .szaboartdesign-maintenance p{
    color:rgba(255,255,255,.68);
    line-height:1.6;
    font-size:16px;
  }

  .szaboartdesign-maintenance__container{
    width:var(--container);
    margin-inline:auto;
    position:relative;
    z-index:5;
  }

  .szaboartdesign-maintenance__eyebrow{
    margin-bottom:12px!important;
    color:var(--gold-400)!important;
    font-size:14px!important;
    font-weight:900;
    letter-spacing:0;
    text-transform:uppercase;
  }

  .szaboartdesign-maintenance__gold{color:var(--gold-400)}

  

  

  

  

  .szaboartdesign-maintenance__grid{
    position:absolute;
    inset:0;
    pointer-events:none;
    opacity:.32;
    background:
      linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px);
    background-size:82px 82px;
    mask-image:linear-gradient(to bottom,#000,transparent 92%);
  }

  .szaboartdesign-maintenance__hero{
    position:relative;
    min-height:auto;
    display:grid;
    align-items:center;
    padding:56px 0 40px;
    background:
      radial-gradient(circle at 70% 18%,rgba(216,175,109,.16),transparent 30%),
      linear-gradient(145deg,var(--navy-900),var(--navy-1000));
  }

  .szaboartdesign-maintenance__hero-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);
    gap:clamp(32px,4vw,64px);
    align-items:center;
  }

  .szaboartdesign-maintenance__hero h1{
    max-width:800px;
    margin-bottom:20px;
    font-size:clamp(36px,3vw,48px);
  }

  .szaboartdesign-maintenance__hero p{
    max-width:680px;
    font-size:clamp(16px,1.15vw,19px);
  }

  .szaboartdesign-maintenance__actions{
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    margin-top:26px;
  }

  .szaboartdesign-maintenance__hero-stats{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:24px;
  }

  .szaboartdesign-maintenance__hero-stats div{
    min-height:104px;
    padding:20px;
    border:1px solid var(--line-dark);
    border-radius:16px;
    background:rgba(255,255,255,.045);
  }

  .szaboartdesign-maintenance__hero-stats strong{
    display:block;
    color:var(--gold-300);
    font-family:Georgia,"Times New Roman",serif;
    font-size:31px;
    font-weight:500;
  }

  .szaboartdesign-maintenance__hero-stats span{
    display:block;
    margin-top:8px;
    color:rgba(255,255,255,.62);
    font-size:14px;
  }

  .szaboartdesign-maintenance__workstation{
    position:relative;
    min-height:520px;
    perspective:1700px;
    transform-style:preserve-3d;
  }

  .szaboartdesign-maintenance__desk{
    position:absolute;
    left:50%;
    bottom:4%;
    width:95%;
    height:82px;
    border:1px solid rgba(216,175,109,.28);
    border-radius:22px;
    background:
      linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025)),
      #081a2a;
    box-shadow:0 40px 90px rgba(0,0,0,.42);
    transform:translateX(-50%) rotateX(66deg);
  }

  .szaboartdesign-maintenance__monitor{
    position:absolute;
    overflow:hidden;
    border:1px solid rgba(216,175,109,.34);
    border-radius:22px;
    background:#061522;
    box-shadow:0 38px 100px rgba(0,0,0,.46);
    transform-style:preserve-3d;
  }

  .szaboartdesign-maintenance__monitor::before{
    content:"";
    position:absolute;
    inset:0;
    opacity:.55;
    background:
      linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);
    background-size:31px 31px;
  }

  .szaboartdesign-maintenance__monitor::after{
    content:"";
    position:absolute;
    inset:-30%;
    background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.5),transparent 45%);
    transform:translateX(-85%) rotate(7deg);
    animation:szaboartdesignMaintenanceScan 6s ease-in-out infinite;
  }

  .szaboartdesign-maintenance__monitor--main{
    left:18%;
    top:8%;
    width:64%;
    height:390px;
    transform:rotateY(-4deg) translateZ(40px);
  }

  .szaboartdesign-maintenance__monitor--left{
    left:-3%;
    top:22%;
    width:37%;
    height:300px;
    transform:rotateY(22deg) rotateX(3deg) translateZ(-10px);
  }

  .szaboartdesign-maintenance__monitor--right{
    right:-3%;
    top:20%;
    width:37%;
    height:310px;
    transform:rotateY(-22deg) rotateX(3deg) translateZ(-10px);
  }

  .szaboartdesign-maintenance__monitor-head{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:18px 20px;
    border-bottom:1px solid rgba(216,175,109,.16);
  }

  .szaboartdesign-maintenance__monitor-title{
    color:#fff;
    font-size:12px;
    font-weight:950;
    letter-spacing:0;
    text-transform:uppercase;
  }

  .szaboartdesign-maintenance__live{
    display:inline-flex;
    align-items:center;
    gap:8px;
    color:#dff7e9;
    font-size:12px;
    font-weight:850;
  }

  .szaboartdesign-maintenance__live::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 18px rgba(104,219,140,.95);
  }

  .szaboartdesign-maintenance__screen{
    position:relative;
    z-index:3;
    padding:20px;
  }

  .szaboartdesign-maintenance__big{
    color:var(--gold-300);
    font-family:Georgia,"Times New Roman",serif;
    font-size:58px;
    line-height:1;
    letter-spacing:0;
  }

  .szaboartdesign-maintenance__sub{
    margin-top:6px;
    color:rgba(255,255,255,.62);
    font-size:13px;
  }

  .szaboartdesign-maintenance__bars{
    display:grid;
    gap:10px;
    margin-top:22px;
  }

  .szaboartdesign-maintenance__bar{
    height:8px;
    overflow:hidden;
    border-radius:999px;
    background:rgba(255,255,255,.08);
  }

  .szaboartdesign-maintenance__bar i{
    display:block;
    width:var(--w);
    height:100%;
    border-radius:inherit;
    background:linear-gradient(90deg,var(--gold-600),var(--gold-300));
    box-shadow:0 0 18px rgba(216,175,109,.55);
  }

  .szaboartdesign-maintenance__mini-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:18px;
  }

  .szaboartdesign-maintenance__mini-grid div{
    padding:12px;
    border:1px solid rgba(216,175,109,.13);
    border-radius:11px;
    background:rgba(255,255,255,.04);
  }

  .szaboartdesign-maintenance__mini-grid b{
    display:block;
    color:var(--gold-300);
    font-size:15px;
  }

  .szaboartdesign-maintenance__mini-grid span{
    display:block;
    margin-top:4px;
    color:rgba(255,255,255,.58);
    font-size:11px;
  }

  .szaboartdesign-maintenance__laptop{
    position:absolute;
    left:50%;
    bottom:0;
    width:390px;
    height:250px;
    overflow:hidden;
    border:1px solid rgba(216,175,109,.34);
    border-radius:20px 20px 8px 8px;
    background:#061522;
    box-shadow:0 35px 85px rgba(0,0,0,.44);
    transform:translateX(-50%) rotateX(6deg) translateZ(90px);
  }

  .szaboartdesign-maintenance__laptop::after{
    content:"";
    position:absolute;
    inset:-30%;
    background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.45),transparent 45%);
    transform:translateX(-85%) rotate(7deg);
    animation:szaboartdesignMaintenanceScan 5.2s ease-in-out infinite;
  }

  .szaboartdesign-maintenance__laptop-base{
    position:absolute;
    left:50%;
    bottom:-23px;
    width:460px;
    height:38px;
    border:1px solid rgba(216,175,109,.25);
    border-radius:8px 8px 20px 20px;
    background:#0a1c2c;
    box-shadow:0 24px 45px rgba(0,0,0,.34);
    transform:translateX(-50%) rotateX(66deg);
  }

  .szaboartdesign-maintenance__floating{
    position:absolute;
    z-index:8;
    width:220px;
    padding:18px;
    border:1px solid rgba(216,175,109,.34);
    border-radius:18px;
    background:rgba(7,21,34,.87);
    backdrop-filter:blur(15px);
    box-shadow:0 28px 70px rgba(0,0,0,.34);
    animation:szaboartdesignMaintenanceFloat 5.5s ease-in-out infinite alternate;
  }

  .szaboartdesign-maintenance__floating small{
    display:block;
    margin-bottom:7px;
    color:var(--gold-400);
    font-size:11px;
    font-weight:900;
    letter-spacing:0;
    text-transform:uppercase;
  }

  .szaboartdesign-maintenance__floating strong{
    display:block;
    color:#fff;
    font-family:Georgia,"Times New Roman",serif;
    font-size:27px;
    font-weight:500;
  }

  .szaboartdesign-maintenance__floating span{
    display:block;
    margin-top:7px;
    color:rgba(255,255,255,.6);
    font-size:12px;
  }

  .szaboartdesign-maintenance__floating--a{right:-3%;top:5%}
  .szaboartdesign-maintenance__floating--b{left:1%;bottom:4%;animation-delay:-1.2s}
  .szaboartdesign-maintenance__floating--c{right:5%;bottom:8%;animation-delay:-2s}

  .szaboartdesign-maintenance__world{
    position:relative;
    min-height:380vh;
    background:var(--navy-1000);
  }

  .szaboartdesign-maintenance__stage{
    position:sticky;
    top:0;
    min-height:100vh;
    overflow:hidden;
    display:grid;
    align-items:center;
    background:
      radial-gradient(circle at 62% 30%,rgba(216,175,109,.15),transparent 32%),
      linear-gradient(145deg,var(--navy-930),var(--navy-1000));
    transition:background .35s ease;
  }

  .szaboartdesign-maintenance__stage.is-light{
    background:
      radial-gradient(circle at 64% 38%,rgba(183,137,67,.12),transparent 32%),
      var(--ivory);
  }

  .szaboartdesign-maintenance__stage-grid{
    width:var(--container);
    min-height:100vh;
    margin-inline:auto;
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(520px,1.18fr);
    gap:clamp(50px,8vw,120px);
    align-items:center;
  }

  .szaboartdesign-maintenance__copy{
    position:relative;
    z-index:20;
    max-width:570px;
    color:#fff;
  }

  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__copy{color:var(--ink)}
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__copy p{color:var(--muted)}
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__copy .szaboartdesign-maintenance__eyebrow{color:var(--gold-500)!important}

  .szaboartdesign-maintenance__copy h2{
    margin-bottom:22px;
    font-size:clamp(30px,2.5vw,38px);
  }

  .szaboartdesign-maintenance__rig{
    position:relative;
    min-height:720px;
    perspective:1800px;
    transform-style:preserve-3d;
  }

  .szaboartdesign-maintenance__rig-group{
    position:absolute;
    inset:0;
    transform-style:preserve-3d;
    transition:transform .12s linear;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main{
    left:16%;
    top:7%;
    width:68%;
    height:400px;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--left{
    left:-3%;
    top:24%;
    width:40%;
    height:310px;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--right{
    right:-3%;
    top:22%;
    width:40%;
    height:320px;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop{
    bottom:6%;
  }

  .szaboartdesign-maintenance__orbit{
    position:absolute;
    left:50%;
    top:50%;
    width:var(--s);
    aspect-ratio:1;
    border:1px solid rgba(216,175,109,.19);
    border-radius:50%;
    transform:translate(-50%,-50%) rotate(var(--r));
    animation:szaboartdesignMaintenanceOrbit var(--d) linear infinite;
    pointer-events:none;
  }

  .szaboartdesign-maintenance__orbit::before{
    content:"";
    position:absolute;
    left:50%;
    top:-5px;
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--gold-400);
    box-shadow:0 0 24px rgba(216,175,109,.95);
  }

  .szaboartdesign-maintenance__particle{
    position:absolute;
    width:var(--s);
    height:var(--s);
    left:var(--x);
    top:var(--y);
    border-radius:50%;
    background:var(--gold-400);
    box-shadow:0 0 22px rgba(216,175,109,.88);
    opacity:var(--o);
    animation:szaboartdesignMaintenanceParticle var(--d) ease-in-out infinite alternate;
    pointer-events:none;
  }

  .szaboartdesign-maintenance__track{
    position:absolute;
    inset:0;
    pointer-events:none;
  }

  .szaboartdesign-maintenance__trigger{min-height:100vh}

  .szaboartdesign-maintenance__features{
    position:relative;
    padding:56px 0;
    color:var(--ink);
    background:var(--paper);
  }

  .szaboartdesign-maintenance__features p{color:var(--muted)}

  .szaboartdesign-maintenance__head{
    max-width:900px;
    margin-bottom:28px;
  }

  .szaboartdesign-maintenance__head h2{
    margin-bottom:22px;
    font-size:clamp(28px,2.4vw,36px);
  }

  .szaboartdesign-maintenance__cards{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }

  .szaboartdesign-maintenance__card{
    position:relative;
    min-height:220px;
    overflow:hidden;
    padding:20px;
    border:1px solid rgba(20,32,43,.12);
    border-radius:12px;
    background:#fff;
    box-shadow:0 22px 65px rgba(20,32,43,.07);
    transition:transform .28s ease,border-color .28s ease;
  }

  .szaboartdesign-maintenance__card:hover{
    transform:translateY(-8px);
    border-color:rgba(183,137,67,.42);
  }

  .szaboartdesign-maintenance__card::before{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(115deg,transparent 22%,rgba(183,137,67,.16),transparent 58%);
    transform:translateX(-120%);
  }

  .szaboartdesign-maintenance__card:hover::before{animation:szaboartdesignMaintenanceCardSweep 1s ease forwards}

  .szaboartdesign-maintenance__card h3,
  .szaboartdesign-maintenance__card p{position:relative;z-index:2}

  .szaboartdesign-maintenance__card h3{
    margin-bottom:12px;
    font-size:22px;
  }

  .szaboartdesign-maintenance__card p{font-size:15px}

  .szaboartdesign-maintenance__icon{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    display:grid;
    place-items:center;
    margin-bottom:24px;
    overflow:hidden;
    border:1px solid rgba(216,175,109,.38);
    border-radius:8px;
    color:var(--gold-300);
    background:
      linear-gradient(145deg,rgba(255,255,255,.07),transparent 46%),
      linear-gradient(145deg,var(--navy-820),var(--navy-950));
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.08),
      0 16px 34px rgba(7,21,34,.16),
      0 0 0 1px rgba(216,175,109,.04);
    transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease;
  }

  .szaboartdesign-maintenance__icon::before{
    content:"";
    position:absolute;
    inset:7px;
    border:1px solid rgba(216,175,109,.13);
    border-radius:5px;
    background:
      linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
      linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:12px 12px;
  }

  .szaboartdesign-maintenance__icon::after{
    content:"";
    position:absolute;
    top:10px;
    right:10px;
    width:5px;
    height:5px;
    border-radius:50%;
    background:var(--gold-400);
    box-shadow:0 0 12px rgba(216,175,109,.72);
  }

  .szaboartdesign-maintenance__icon-svg{
    position:relative;
    z-index:2;
    width:32px;
    height:32px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.7;
    stroke-linecap:round;
    stroke-linejoin:round;
    transition:transform .28s ease;
  }

  @media (hover:hover){
    .szaboartdesign-maintenance__card:hover .szaboartdesign-maintenance__icon{
      transform:translateY(-2px);
      border-color:rgba(216,175,109,.62);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        0 20px 40px rgba(7,21,34,.22),
        0 0 24px rgba(216,175,109,.12);
    }

    .szaboartdesign-maintenance__card:hover .szaboartdesign-maintenance__icon-svg{
      transform:scale(1.05);
    }
  }

  @media (prefers-reduced-motion:reduce){
    .szaboartdesign-maintenance__icon,
    .szaboartdesign-maintenance__icon-svg{transition:none}
  }

  .szaboartdesign-maintenance__final{
    position:relative;
    min-height:auto;
    display:grid;
    align-items:center;
    padding:56px 0;
    overflow:hidden;
    background:
      radial-gradient(circle at 72% 30%,rgba(216,175,109,.18),transparent 32%),
      linear-gradient(145deg,var(--navy-930),var(--navy-1000));
  }

  .szaboartdesign-maintenance__final::before{
    content:"";
    position:absolute;
    right:-20%;
    bottom:-60%;
    width:min(850px,86vw);
    aspect-ratio:1;
    border:1px solid rgba(216,175,109,.22);
    border-radius:50%;
    box-shadow:
      0 0 0 80px rgba(216,175,109,.035),
      0 0 0 160px rgba(216,175,109,.022),
      0 0 130px rgba(216,175,109,.18);
    animation:szaboartdesignMaintenancePulse 7s ease-in-out infinite alternate;
  }

  .szaboartdesign-maintenance__final-grid{
    display:grid;
    grid-template-columns:1fr auto;
    gap:70px;
    align-items:center;
  }

  .szaboartdesign-maintenance__final h2{
    max-width:900px;
    margin-bottom:18px;
    font-size:clamp(30px,2.7vw,40px);
  }

  .szaboartdesign-maintenance__reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .75s ease,transform .75s cubic-bezier(.2,.72,.2,1);
  }

  .szaboartdesign-maintenance__reveal.is-visible{
    opacity:1;
    transform:translateY(0);
  }

  
  @keyframes szaboartdesignMaintenanceScan{0%,54%{transform:translateX(-85%) rotate(7deg)}78%,100%{transform:translateX(85%) rotate(7deg)}}
  @keyframes szaboartdesignMaintenanceFloat{from{transform:translateY(0) translateZ(0)}to{transform:translateY(-16px) translateZ(24px)}}
  @keyframes szaboartdesignMaintenanceOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
  @keyframes szaboartdesignMaintenanceParticle{from{transform:translate3d(0,0,0) scale(.72);opacity:.25}to{transform:translate3d(20px,-28px,0) scale(1.25);opacity:.95}}
  @keyframes szaboartdesignMaintenanceCardSweep{from{transform:translateX(-120%)}to{transform:translateX(120%)}}
  @keyframes szaboartdesignMaintenancePulse{from{transform:scale(.94);opacity:.55}to{transform:scale(1.04);opacity:1}}

  @media(max-width:1160px){
    .szaboartdesign-maintenance__hero-grid,
    .szaboartdesign-maintenance__stage-grid,
    .szaboartdesign-maintenance__final-grid{grid-template-columns:1fr}
    .szaboartdesign-maintenance__cards{grid-template-columns:1fr}
    .szaboartdesign-maintenance__stage-grid{align-content:center}
  }

  @media(max-width:760px){
    .szaboartdesign-maintenance{--container:min(100% - 32px,680px)}
    .szaboartdesign-maintenance__hero{min-height:auto;padding:36px 0 28px}
    .szaboartdesign-maintenance__hero h1{font-size:clamp(30px,8vw,36px)}
    .szaboartdesign-maintenance__hero-stats{grid-template-columns:1fr}
    .szaboartdesign-maintenance__workstation{min-height:380px}
    .szaboartdesign-maintenance__monitor--left,.szaboartdesign-maintenance__monitor--right{display:none}
    .szaboartdesign-maintenance__monitor--main{left:8%;width:84%;height:330px}
    .szaboartdesign-maintenance__laptop{width:300px;height:200px}
    .szaboartdesign-maintenance__laptop-base{width:350px}
    .szaboartdesign-maintenance__floating{width:calc(100% - 30px);left:15px!important;right:auto!important}
    .szaboartdesign-maintenance__floating--a{top:auto;bottom:-18px}
    .szaboartdesign-maintenance__floating--b,.szaboartdesign-maintenance__floating--c{display:none}
    .szaboartdesign-maintenance__world{min-height:360vh}
    .szaboartdesign-maintenance__rig{min-height:520px}
    .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--left,.szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--right{display:none}
    .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main{left:8%;width:84%;height:330px}
    .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop{width:290px;height:190px}
    .szaboartdesign-maintenance__features,.szaboartdesign-maintenance__final{padding:32px 0}
    .szaboartdesign-maintenance__card h3{font-size:18px}
    .szaboartdesign-maintenance__final-grid .szaboartdesign-maintenance__btn{justify-self:start}
  }

  @media(prefers-reduced-motion:reduce){
    .szaboartdesign-maintenance *,
    .szaboartdesign-maintenance *::before,
    .szaboartdesign-maintenance *::after{
      animation:none!important;
      transition:none!important;
    }
    .szaboartdesign-maintenance__reveal{opacity:1!important;transform:none!important}
  }

/* Maintenance + upgrade pricing section */
.szaboartdesign-maintenance__upgrade {
  position: relative;
  padding: 88px 0 84px;
  overflow: hidden;
  background: var(--paper);
  color: var(--ink);
  border-top: 1px solid rgba(20,32,43,.10);
  border-bottom: 1px solid rgba(20,32,43,.10);
}

.szaboartdesign-maintenance__upgrade::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image: linear-gradient(rgba(20,32,43,.06) 1px, transparent 1px), linear-gradient(90deg, rgba(20,32,43,.05) 1px, transparent 1px);
  background-size: 100% 96px, 96px 100%;
}

.szaboartdesign-maintenance__upgrade .szaboartdesign-maintenance__container {
  position: relative;
  z-index: 1;
}

.szaboartdesign-maintenance__upgrade-head {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .65fr);
  gap: 64px;
  align-items: end;
  padding-bottom: 38px;
  border-bottom: 1px solid rgba(20,32,43,.16);
}

.szaboartdesign-maintenance__upgrade-head h2 {
  max-width: 820px;
  margin-bottom: 0;
  color: var(--navy-900);
  font-size: 46px;
  line-height: 1.08;
  letter-spacing: 0;
}

.szaboartdesign-maintenance__upgrade-head .szaboartdesign-maintenance__gold {
  color: var(--gold-600);
}

.szaboartdesign-maintenance__upgrade-lead {
  margin-bottom: 3px;
  color: #485562;
  font-size: 17px;
  line-height: 1.72;
}

.szaboartdesign-maintenance__upgrade-route {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 0;
  border-bottom: 1px solid rgba(20,32,43,.16);
}

.szaboartdesign-maintenance__upgrade-step {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr);
  gap: 18px;
  min-height: 172px;
  padding: 34px 30px 30px 0;
}

.szaboartdesign-maintenance__upgrade-step + .szaboartdesign-maintenance__upgrade-step {
  padding-left: 30px;
  border-left: 1px solid rgba(20,32,43,.16);
}

.szaboartdesign-maintenance__upgrade-step > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(157,110,49,.55);
  color: var(--gold-600);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}

.szaboartdesign-maintenance__upgrade-step h3 {
  margin: 2px 0 8px;
  color: var(--navy-900);
  font-family: Inter,"Segoe UI",Roboto,Arial,sans-serif;
  font-size: 18px;
  font-weight: 750;
  line-height: 1.25;
  letter-spacing: 0;
}

.szaboartdesign-maintenance__upgrade-step p {
  margin-bottom: 0;
  color: #5c6873;
  font-size: 15px;
  line-height: 1.65;
}

.szaboartdesign-maintenance__performance {
  display: grid;
  grid-template-columns: auto minmax(220px, 1fr) auto;
  gap: 28px;
  align-items: center;
  margin: 34px 0;
  padding: 22px 26px;
  background: var(--navy-950);
  color: #fff;
  box-shadow: 0 18px 44px rgba(2,7,13,.12);
}

.szaboartdesign-maintenance__performance-score {
  display: flex;
  align-items: center;
  gap: 14px;
  padding-right: 26px;
  border-right: 1px solid rgba(239,213,155,.24);
}

.szaboartdesign-maintenance__performance-score strong {
  color: var(--gold-300);
  font-family: Georgia,"Times New Roman",serif;
  font-size: 46px;
  font-weight: 500;
  line-height: .9;
}

.szaboartdesign-maintenance__performance-score strong span {
  font-size: 22px;
  vertical-align: top;
}

.szaboartdesign-maintenance__performance-score small {
  color: rgba(255,255,255,.72);
  font-size: 12px;
  font-weight: 700;
  line-height: 1.45;
  text-transform: uppercase;
  letter-spacing: 0;
}

.szaboartdesign-maintenance__performance > p {
  margin-bottom: 0;
  color: rgba(255,255,255,.78);
  font-size: 14px;
  line-height: 1.6;
}

.szaboartdesign-maintenance__performance-tools {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.szaboartdesign-maintenance__performance-tools span {
  padding: 8px 10px;
  border: 1px solid rgba(239,213,155,.28);
  color: var(--gold-300);
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: 0;
}

.szaboartdesign-maintenance__plans {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.szaboartdesign-maintenance__plan {
  position: relative;
  min-width: 0;
  padding: 34px;
  overflow: hidden;
  background: #fff;
  border: 1px solid rgba(20,32,43,.15);
  box-shadow: 0 18px 50px rgba(20,32,43,.08);
  transition: transform .28s ease, border-color .28s ease, box-shadow .28s ease;
}

.szaboartdesign-maintenance__plan::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 104px;
  height: 3px;
  background: var(--gold-500);
  transition: width .38s ease;
}

.szaboartdesign-maintenance__plan:hover {
  transform: translateY(-4px);
  border-color: rgba(157,110,49,.44);
  box-shadow: 0 24px 60px rgba(20,32,43,.12);
}

.szaboartdesign-maintenance__plan:hover::before { width: 100%; }

.szaboartdesign-maintenance__plan--shop {
  background: var(--navy-900);
  border-color: var(--navy-900);
  color: #fff;
}

.szaboartdesign-maintenance__plan-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  align-items: start;
  padding-bottom: 28px;
  border-bottom: 1px solid rgba(20,32,43,.13);
}

.szaboartdesign-maintenance__plan--shop .szaboartdesign-maintenance__plan-top {
  border-color: rgba(255,255,255,.15);
}

.szaboartdesign-maintenance__plan-label {
  margin-bottom: 10px;
  color: var(--gold-600);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0;
}

.szaboartdesign-maintenance__plan--shop .szaboartdesign-maintenance__plan-label { color: var(--gold-300); }

.szaboartdesign-maintenance__plan h3 {
  max-width: 330px;
  margin-bottom: 0;
  color: var(--navy-900);
  font-family: Georgia,"Times New Roman",serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.18;
  letter-spacing: 0;
}

.szaboartdesign-maintenance__plan--shop h3 { color: #fff; }

.szaboartdesign-maintenance__price {
  min-width: 150px;
  text-align: right;
}

.szaboartdesign-maintenance__price strong {
  display: block;
  white-space: nowrap;
  color: var(--navy-900);
  font-family: Georgia,"Times New Roman",serif;
  font-size: 38px;
  font-weight: 500;
  line-height: 1;
}

.szaboartdesign-maintenance__plan--shop .szaboartdesign-maintenance__price strong { color: var(--gold-300); }

.szaboartdesign-maintenance__price span {
  display: block;
  margin-top: 8px;
  color: #65717c;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.2;
}

.szaboartdesign-maintenance__plan--shop .szaboartdesign-maintenance__price span { color: rgba(255,255,255,.62); }

.szaboartdesign-maintenance__plan ul {
  display: grid;
  gap: 0;
  margin: 20px 0 22px;
  padding: 0;
  list-style: none;
}

.szaboartdesign-maintenance__plan li {
  position: relative;
  margin: 0;
  padding: 10px 0 10px 24px;
  border-bottom: 1px solid rgba(20,32,43,.09);
  color: #4d5964;
  font-size: 14px;
  line-height: 1.5;
}

.szaboartdesign-maintenance__plan--shop li {
  border-color: rgba(255,255,255,.10);
  color: rgba(255,255,255,.76);
}

.szaboartdesign-maintenance__plan li::before {
  content: "";
  position: absolute;
  left: 2px;
  top: 17px;
  width: 8px;
  height: 8px;
  border: 2px solid var(--gold-500);
}

.szaboartdesign-maintenance__term {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  align-items: center;
}

.szaboartdesign-maintenance__term strong,
.szaboartdesign-maintenance__term span {
  font-size: 12px;
  line-height: 1.4;
}

.szaboartdesign-maintenance__term strong { color: var(--gold-600); }
.szaboartdesign-maintenance__term span { color: #68737d; text-align: right; }
.szaboartdesign-maintenance__plan--shop .szaboartdesign-maintenance__term strong { color: var(--gold-300); }
.szaboartdesign-maintenance__plan--shop .szaboartdesign-maintenance__term span { color: rgba(255,255,255,.60); }

.szaboartdesign-maintenance__upgrade-footer {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 42px;
  align-items: center;
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid rgba(20,32,43,.16);
}

.szaboartdesign-maintenance__upgrade-footer p {
  max-width: 780px;
  margin-bottom: 0;
  color: #5c6873;
  font-size: 13px;
  line-height: 1.65;
}

.szaboartdesign-maintenance__upgrade-footer p strong { color: var(--navy-900); }

.szaboartdesign-maintenance__upgrade-route .szaboartdesign-maintenance__reveal:nth-child(2),
.szaboartdesign-maintenance__plans .szaboartdesign-maintenance__reveal:nth-child(2) { transition-delay: .08s; }
.szaboartdesign-maintenance__upgrade-route .szaboartdesign-maintenance__reveal:nth-child(3) { transition-delay: .16s; }

@media (max-width: 980px) {
  .szaboartdesign-maintenance__upgrade { padding: 72px 0 68px; }
  .szaboartdesign-maintenance__upgrade-head { grid-template-columns: 1fr; gap: 22px; }
  .szaboartdesign-maintenance__upgrade-head h2 { font-size: 40px; }
  .szaboartdesign-maintenance__upgrade-route { grid-template-columns: 1fr; }
  .szaboartdesign-maintenance__upgrade-step { min-height: auto; padding: 26px 0; }
  .szaboartdesign-maintenance__upgrade-step + .szaboartdesign-maintenance__upgrade-step { padding-left: 0; border-left: 0; border-top: 1px solid rgba(20,32,43,.12); }
  .szaboartdesign-maintenance__performance { grid-template-columns: auto 1fr; }
  .szaboartdesign-maintenance__performance-tools { grid-column: 1 / -1; justify-content: flex-start; padding-left: 134px; }
  .szaboartdesign-maintenance__plans { grid-template-columns: 1fr; }
}

@media (max-width: 640px) {
  .szaboartdesign-maintenance__upgrade { padding: 56px 0 52px; }
  .szaboartdesign-maintenance__upgrade::before { background-size: 100% 72px, 72px 100%; }
  .szaboartdesign-maintenance__upgrade-head { padding-bottom: 28px; }
  .szaboartdesign-maintenance__upgrade-head h2 { font-size: 34px; line-height: 1.1; }
  .szaboartdesign-maintenance__upgrade-lead { font-size: 16px; line-height: 1.65; }
  .szaboartdesign-maintenance__upgrade-step { grid-template-columns: 38px minmax(0, 1fr); gap: 14px; }
  .szaboartdesign-maintenance__upgrade-step > span { width: 38px; height: 38px; }
  .szaboartdesign-maintenance__upgrade-step h3 { font-size: 17px; }
  .szaboartdesign-maintenance__performance { grid-template-columns: 1fr; gap: 18px; margin: 26px 0; padding: 22px; }
  .szaboartdesign-maintenance__performance-score { padding: 0 0 18px; border-right: 0; border-bottom: 1px solid rgba(239,213,155,.24); }
  .szaboartdesign-maintenance__performance-score strong { font-size: 42px; }
  .szaboartdesign-maintenance__performance-tools { grid-column: auto; padding-left: 0; justify-content: flex-start; }
  .szaboartdesign-maintenance__plan { padding: 26px 22px; }
  .szaboartdesign-maintenance__plan-top { grid-template-columns: 1fr; gap: 22px; }
  .szaboartdesign-maintenance__plan h3 { font-size: 23px; }
  .szaboartdesign-maintenance__price { min-width: 0; text-align: left; }
  .szaboartdesign-maintenance__price strong { font-size: 36px; }
  .szaboartdesign-maintenance__term { align-items: flex-start; flex-direction: column; gap: 6px; }
  .szaboartdesign-maintenance__term span { text-align: left; }
  .szaboartdesign-maintenance__upgrade-footer { grid-template-columns: 1fr; gap: 24px; }
  .szaboartdesign-maintenance__upgrade-footer .szaboartdesign-maintenance__btn { width: 100%; justify-content: center; text-align: center; }
}

@media (prefers-reduced-motion: reduce) {
  .szaboartdesign-maintenance__plan,
  .szaboartdesign-maintenance__plan::before { transition: none !important; }
  .szaboartdesign-maintenance__plan:hover { transform: none; }
}

/* Pricing section contrast guards against earlier dark-section paragraph rules */
.szaboartdesign-maintenance .szaboartdesign-maintenance__upgrade p.szaboartdesign-maintenance__upgrade-lead {
  color: #485562;
  font-size: 17px;
  line-height: 1.72;
}

.szaboartdesign-maintenance .szaboartdesign-maintenance__upgrade .szaboartdesign-maintenance__plan p.szaboartdesign-maintenance__plan-label {
  color: var(--gold-600);
  font-size: 12px;
  font-weight: 850;
  line-height: 1.2;
}

.szaboartdesign-maintenance .szaboartdesign-maintenance__upgrade .szaboartdesign-maintenance__plan--shop p.szaboartdesign-maintenance__plan-label {
  color: var(--gold-300);
}

@media (max-width: 640px) {
  .szaboartdesign-maintenance .szaboartdesign-maintenance__upgrade p.szaboartdesign-maintenance__upgrade-lead {
    font-size: 16px;
    line-height: 1.65;
  }
}

/* 2026-07-28: 1280 desktop fit, distinct service symbols and active upgrade panel */
@media (min-width: 981px) and (max-width: 1365px) {
  .szaboartdesign-maintenance__stage-grid {
    grid-template-columns: minmax(360px, .86fr) minmax(0, 1.14fr);
    gap: clamp(24px, 3vw, 42px);
  }

  .szaboartdesign-maintenance__rig {
    min-height: 620px;
  }

  .szaboartdesign-maintenance__copy h2 {
    font-size: clamp(30px, 3.2vw, 44px);
  }
}

.szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__copy .szaboartdesign-maintenance__eyebrow,
.szaboartdesign-maintenance__features .szaboartdesign-maintenance__eyebrow,
.szaboartdesign-maintenance__upgrade .szaboartdesign-maintenance__eyebrow {
  color: #806332 !important;
}

.szaboartdesign-maintenance__card:nth-child(1) .szaboartdesign-maintenance__icon::before {
  inset: 19px 17px;
  border: 0;
  border-radius: 0;
  background:
    linear-gradient(var(--gold-300), var(--gold-300)) 0 3px / 7px 2px no-repeat,
    linear-gradient(var(--gold-300), var(--gold-300)) 0 14px / 7px 2px no-repeat,
    linear-gradient(var(--gold-300), var(--gold-300)) 0 25px / 7px 2px no-repeat,
    linear-gradient(var(--gold-300), var(--gold-300)) 12px 2px / 23px 3px no-repeat,
    linear-gradient(var(--gold-300), var(--gold-300)) 12px 13px / 23px 3px no-repeat,
    linear-gradient(var(--gold-300), var(--gold-300)) 12px 24px / 23px 3px no-repeat;
}

.szaboartdesign-maintenance__card:nth-child(2) .szaboartdesign-maintenance__icon::before {
  inset: 17px;
  border: 2px solid var(--gold-300);
  border-radius: 50%;
  background:
    linear-gradient(var(--gold-300), var(--gold-300)) center 8px / 28px 2px no-repeat,
    linear-gradient(var(--gold-300), var(--gold-300)) center 17px / 28px 2px no-repeat;
  box-shadow: inset 0 -8px 0 rgba(216,175,109,.11);
}

.szaboartdesign-maintenance__card:nth-child(3) .szaboartdesign-maintenance__icon::before {
  inset: 17px;
  border: 0;
  border-bottom: 2px solid var(--gold-300);
  border-left: 2px solid var(--gold-300);
  border-radius: 0;
  background:
    linear-gradient(135deg, transparent 0 38%, var(--gold-300) 39% 43%, transparent 44%) 1px 4px / 31px 25px no-repeat;
}

.szaboartdesign-maintenance__card .szaboartdesign-maintenance__icon-svg {
  display: none;
}

.szaboartdesign-maintenance__performance {
  position: relative;
  overflow: hidden;
}

.szaboartdesign-maintenance__performance::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: -32%;
  width: 24%;
  background: linear-gradient(105deg, transparent, rgba(239,213,155,.14), transparent);
  content: "";
  animation: szaboartdesignMaintenancePerformanceSweep 6.5s ease-in-out infinite;
}

.szaboartdesign-maintenance__performance-score strong {
  animation: szaboartdesignMaintenanceScorePulse 4.8s ease-in-out infinite;
}

.szaboartdesign-maintenance__performance-tools span {
  position: relative;
  z-index: 1;
  animation: szaboartdesignMaintenanceToolSignal 4.8s ease-in-out infinite;
}

.szaboartdesign-maintenance__performance-tools span:nth-child(2) {
  animation-delay: -1.6s;
}

.szaboartdesign-maintenance__performance-tools span:nth-child(3) {
  animation-delay: -3.2s;
}

@keyframes szaboartdesignMaintenancePerformanceSweep {
  55%, 100% { transform: translate3d(590%, 0, 0); }
}

@keyframes szaboartdesignMaintenanceScorePulse {
  50% {
    color: #fff2c2;
    text-shadow: 0 0 24px rgba(216,175,109,.7);
  }
}

@keyframes szaboartdesignMaintenanceToolSignal {
  0%, 18%, 100% {
    border-color: rgba(239,213,155,.28);
    box-shadow: none;
  }
  7%, 12% {
    border-color: rgba(239,213,155,.82);
    box-shadow: 0 0 18px rgba(216,175,109,.2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .szaboartdesign-maintenance__performance::after,
  .szaboartdesign-maintenance__performance-score strong,
  .szaboartdesign-maintenance__performance-tools span {
    animation: none;
  }
}


/* Hero monitor layer separation - 2026-07-27 */
@media (min-width: 761px) {
  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--main {
    left: 21%;
    width: 58%;
    z-index: 2;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--left {
    left: -1%;
    top: 23%;
    width: 27%;
    z-index: 1;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--right {
    right: -1%;
    top: 23%;
    width: 27%;
    z-index: 1;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--left .szaboartdesign-maintenance__live,
  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--right .szaboartdesign-maintenance__live {
    display: none;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--left .szaboartdesign-maintenance__monitor-head {
    justify-content: flex-start;
    padding-inline: 16px;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--right .szaboartdesign-maintenance__monitor-head {
    justify-content: flex-end;
    padding-inline: 16px;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__monitor--main .szaboartdesign-maintenance__live {
    flex-shrink: 0;
    white-space: nowrap;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__floating--a {
    top: -10%;
    right: -1%;
    width: 190px;
  }

  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__hero .szaboartdesign-maintenance__laptop-base {
    z-index: 4;
  }
}


/* Mobile maintenance storytelling and hero fit - 2026-07-27 */
@media (max-width:760px) {
  .szaboartdesign-maintenance__hero-grid { gap:28px; }
  .szaboartdesign-maintenance__hero-stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .szaboartdesign-maintenance__hero-stats div { min-height:0; padding:13px 10px; border-radius:10px; }
  .szaboartdesign-maintenance__hero-stats strong { font-size:25px; }
  .szaboartdesign-maintenance__hero-stats span { margin-top:5px; font-size:11px; line-height:1.4; }

  .szaboartdesign-maintenance__workstation {
    min-height:410px;
    margin-top:2px;
    perspective:none;
  }
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__desk,
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__floating,
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__monitor--left,
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__monitor--right { display:none; }
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__monitor--main {
    left:0;
    top:0;
    width:100%;
    height:280px;
    transform:none;
  }
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__laptop {
    z-index:6;
    bottom:18px;
    width:calc(100% - 16px);
    max-width:340px;
    height:170px;
    transform:translateX(-50%);
  }
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__laptop-base { display:none; }
  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__mini-grid { margin-top:10px; gap:8px; }
  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__mini-grid div { padding:10px; }
  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__laptop .szaboartdesign-maintenance__mini-grid div:nth-child(n+3) { display:none; }

  .szaboartdesign-maintenance__monitor-head { padding:14px; gap:10px; }
  .szaboartdesign-maintenance__monitor-title { max-width:68%; font-size:10px; line-height:1.35; }
  .szaboartdesign-maintenance__live { flex:0 0 auto; gap:6px; font-size:10px; }
  .szaboartdesign-maintenance__screen { padding:16px; }
  .szaboartdesign-maintenance__big { font-size:48px; }

  .szaboartdesign-maintenance__world {
    min-height:0;
    height:auto;
  }
  .szaboartdesign-maintenance__stage {
    position:relative;
    top:auto;
    min-height:0;
    padding:46px 0 38px;
    overflow:hidden;
  }
  .szaboartdesign-maintenance__stage-grid {
    width:var(--container);
    min-height:0;
    display:flex;
    flex-direction:column;
    gap:24px;
    align-items:stretch;
  }
  .szaboartdesign-maintenance__copy { max-width:none; }
  .szaboartdesign-maintenance__copy h2 {
    margin-bottom:16px;
    font-size:clamp(29px,8.2vw,34px);
    line-height:1.12;
  }
  .szaboartdesign-maintenance__copy p { font-size:15px; line-height:1.62; }
  .szaboartdesign-maintenance__rig { min-height:318px; width:100%; }
  .szaboartdesign-maintenance__rig-group { position:relative; inset:auto; min-height:318px; transform:none!important; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main {
    left:0;
    top:0;
    width:100%;
    height:318px;
    transform:none;
  }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--left,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--right,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop-base,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__orbit,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__particle { display:none; }
  .szaboartdesign-maintenance__track { display:none; }

  .szaboartdesign-maintenance__mobile-controls {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) 44px;
    gap:12px;
    align-items:center;
    width:100%;
  }
  .szaboartdesign-maintenance__mobile-arrow {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    padding:0;
    border:1px solid rgba(216,175,109,.55);
    border-radius:8px;
    color:#fff;
    background:rgba(255,255,255,.045);
    font:700 22px/1 Arial,sans-serif;
    cursor:pointer;
  }
  .szaboartdesign-maintenance__mobile-arrow:disabled { opacity:.32; cursor:default; }
  .szaboartdesign-maintenance__mobile-pagination {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:7px;
    min-width:0;
  }
  .szaboartdesign-maintenance__mobile-dot {
    width:7px;
    height:7px;
    padding:0;
    border:0;
    border-radius:50%;
    background:rgba(255,255,255,.26);
    cursor:pointer;
    transition:width .2s ease,background-color .2s ease;
  }
  .szaboartdesign-maintenance__mobile-dot[aria-current="true"] {
    width:24px;
    border-radius:999px;
    background:var(--gold-400);
  }
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__mobile-arrow {
    color:var(--ink);
    background:rgba(20,32,43,.035);
  }
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__mobile-dot { background:rgba(20,32,43,.2); }
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__mobile-dot[aria-current="true"] { background:var(--gold-500); }
  .szaboartdesign-maintenance__mobile-status {
    position:absolute;
    width:1px;
    height:1px;
    overflow:hidden;
    clip:rect(0 0 0 0);
    white-space:nowrap;
  }
}

@media (max-width:360px) {
  .szaboartdesign-maintenance { --container:min(100% - 24px,680px); }
  .szaboartdesign-maintenance__hero-stats { grid-template-columns:1fr; }
  .szaboartdesign-maintenance__hero-stats div { display:grid; grid-template-columns:74px 1fr; align-items:center; gap:8px; }
  .szaboartdesign-maintenance__hero-stats span { margin-top:0; }
  .szaboartdesign-maintenance__workstation { min-height:392px; }
  .szaboartdesign-maintenance__workstation > .szaboartdesign-maintenance__monitor--main { height:264px; }
  .szaboartdesign-maintenance__rig,
  .szaboartdesign-maintenance__rig-group { min-height:300px; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main { height:300px; }
  .szaboartdesign-maintenance__big { font-size:43px; }
}


/* Mobile pager monitor full-content fit - 2026-07-27 */
@media (max-width:760px) {
  .szaboartdesign-maintenance__rig,
  .szaboartdesign-maintenance__rig-group { min-height:360px; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main { height:360px; }
}
@media (max-width:360px) {
  .szaboartdesign-maintenance__rig,
  .szaboartdesign-maintenance__rig-group { min-height:350px; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main { height:350px; }
}


/* Mobile pager final layering and fixed-consent clearance - 2026-07-27 */
@media (max-width:760px) {
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__desk { display:none; }
  .szaboartdesign-maintenance__mobile-controls { margin-bottom:54px; }
}


/* Mobile pager visual-first order - 2026-07-27 */
@media (max-width:760px) {
  .szaboartdesign-maintenance__stage-grid > .szaboartdesign-maintenance__rig { order:1; }
  .szaboartdesign-maintenance__stage-grid > .szaboartdesign-maintenance__copy { order:2; }
  .szaboartdesign-maintenance__stage-grid > .szaboartdesign-maintenance__mobile-controls { order:3; }
}


/* Tablet maintenance pager - 2026-07-27 */
@media (min-width:761px) and (max-width:1160px) {
  .szaboartdesign-maintenance__world { min-height:0; height:auto; }
  .szaboartdesign-maintenance__stage { position:relative; top:auto; min-height:0; padding:56px 0 48px; overflow:hidden; }
  .szaboartdesign-maintenance__stage-grid { width:var(--container); min-height:0; display:flex; flex-direction:column; gap:28px; align-items:stretch; }
  .szaboartdesign-maintenance__copy { max-width:760px; }
  .szaboartdesign-maintenance__rig { width:min(100%,680px); min-height:360px; margin-inline:auto; }
  .szaboartdesign-maintenance__rig-group { position:relative; inset:auto; min-height:360px; transform:none!important; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main { left:0; top:0; width:100%; height:360px; transform:none; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--left,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--right,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop-base,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__desk,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__orbit,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__particle { display:none; }
  .szaboartdesign-maintenance__track { display:none; }
  .szaboartdesign-maintenance__mobile-controls { display:grid; grid-template-columns:44px minmax(0,1fr) 44px; gap:12px; align-items:center; width:min(100%,680px); margin-inline:auto; }
  .szaboartdesign-maintenance__mobile-arrow { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid rgba(216,175,109,.55); border-radius:8px; color:#fff; background:rgba(255,255,255,.045); font:700 22px/1 Arial,sans-serif; cursor:pointer; }
  .szaboartdesign-maintenance__mobile-arrow:disabled { opacity:.32; cursor:default; }
  .szaboartdesign-maintenance__mobile-pagination { display:flex; justify-content:center; align-items:center; gap:8px; min-width:0; }
  .szaboartdesign-maintenance__mobile-dot { width:8px; height:8px; padding:0; border:0; border-radius:50%; background:rgba(255,255,255,.26); cursor:pointer; transition:width .2s ease,background-color .2s ease; }
  .szaboartdesign-maintenance__mobile-dot[aria-current="true"] { width:26px; border-radius:999px; background:var(--gold-400); }
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__mobile-arrow { color:var(--ink); background:rgba(20,32,43,.035); }
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__mobile-dot { background:rgba(20,32,43,.2); }
  .szaboartdesign-maintenance__stage.is-light .szaboartdesign-maintenance__mobile-dot[aria-current="true"] { background:var(--gold-500); }
  .szaboartdesign-maintenance__mobile-status { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
}


/* Tablet pager full-content fit and anchored header clearance - 2026-07-27 */
#szaboartdesign-maintenance-scroll { scroll-margin-top:120px; }
@media (min-width:761px) and (max-width:1160px) {
  .szaboartdesign-maintenance__rig,
  .szaboartdesign-maintenance__rig-group { min-height:390px; }
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main { height:390px; }
}

/* 2026-07-29: readable desktop dashboard typography */
@media (min-width:981px) and (max-width:1365px) {
  .szaboartdesign-maintenance__monitor--main {
    z-index: 2;
  }

  .szaboartdesign-maintenance__monitor--left,
  .szaboartdesign-maintenance__monitor--right {
    z-index: 3;
  }

  .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__laptop-base {
    z-index: 4;
  }

  .szaboartdesign-maintenance__monitor-head {
    padding:17px 18px;
  }

  .szaboartdesign-maintenance__monitor-title {
    font-size:13.5px;
    line-height:1.28;
  }

  .szaboartdesign-maintenance__live {
    font-size:12.5px;
    line-height:1.25;
  }

  .szaboartdesign-maintenance__sub {
    font-size:14px;
    line-height:1.42;
  }

  .szaboartdesign-maintenance__mini-grid b {
    font-size:16px;
    line-height:1.25;
  }

  .szaboartdesign-maintenance__mini-grid span {
    font-size:12.5px;
    line-height:1.38;
  }

  .szaboartdesign-maintenance__floating small {
    font-size:12px;
    line-height:1.3;
  }

  .szaboartdesign-maintenance__floating span {
    font-size:13px;
    line-height:1.4;
  }
}

/* 2026-07-29: desktop stages use full-width copy above the animated dashboard. */
@media (min-width:1161px) {
  .szaboartdesign-maintenance__hero-grid {
    display:flex;
    flex-direction:column;
    gap:58px;
    align-items:stretch;
  }

  .szaboartdesign-maintenance__hero-grid > .szaboartdesign-maintenance__reveal:first-child {
    width:min(100%,920px);
    margin-inline:auto;
  }

  .szaboartdesign-maintenance__workstation {
    width:min(100%,1000px);
    min-height:620px;
    margin-inline:auto;
  }

  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__monitor--main,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main {
    z-index:2;
    top:0;
    left:28%;
    width:44%;
    height:360px;
  }

  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__monitor--left,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--left {
    z-index:3;
    top:10%;
    left:0;
    width:28%;
  }

  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__monitor--right,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--right {
    z-index:3;
    top:9%;
    right:0;
    width:28%;
  }

  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__laptop-base,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop-base {
    z-index:4;
  }

  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__laptop,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop {
    width:360px;
    height:220px;
  }

  .szaboartdesign-maintenance__workstation .szaboartdesign-maintenance__laptop-base,
  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop-base {
    width:420px;
  }

  .szaboartdesign-maintenance__stage-grid {
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:42px;
    min-height:100vh;
    padding:34px 0 18px;
  }

  .szaboartdesign-maintenance__copy {
    width:min(100%,920px);
    max-width:920px;
    margin-inline:auto;
  }

  .szaboartdesign-maintenance__copy h2 {
    max-width:760px;
    margin-bottom:14px;
  }

  .szaboartdesign-maintenance__copy p {
    max-width:780px;
    margin-bottom:0;
  }

  .szaboartdesign-maintenance__rig {
    width:min(100%,1000px);
    min-height:600px;
    margin-inline:auto;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--main {
    top:0;
    height:360px;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--left {
    top:10%;
    height:285px;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__monitor--right {
    top:9%;
    height:295px;
  }

  .szaboartdesign-maintenance__rig .szaboartdesign-maintenance__laptop {
    bottom:0;
  }
}

/* Match the service pages' strong display typography. */
.szaboartdesign-maintenance h1,
.szaboartdesign-maintenance h2 {
  font-family:"Cormorant Garamond",Georgia,serif;
  font-weight:700;
  line-height:1.08;
}

@media (min-width:1161px) {
  .szaboartdesign-maintenance__hero h1 {
    max-width:760px;
    font-size:clamp(42px,3.45vw,54px);
  }

  .szaboartdesign-maintenance__copy h2,
  .szaboartdesign-maintenance__head h2,
  .szaboartdesign-maintenance__upgrade-head h2,
  .szaboartdesign-maintenance__final h2 {
    font-size:clamp(38px,3.1vw,48px);
    line-height:1.08;
  }
}

/* Mobile text-card width: keep the vertical rhythm and reduce only side inset. */
@media (max-width:767px) {
  .szaboartdesign-maintenance :where(
    .szaboartdesign-maintenance__hero-stats > div,
    .szaboartdesign-maintenance__card,
    .szaboartdesign-maintenance__performance,
    .szaboartdesign-maintenance__plan
  ) {
    padding-left:10px;
    padding-right:10px;
  }
}

/* Mobile service slider: keep long Hungarian headings readable. */
@media (max-width:767px) {
  .szaboartdesign-maintenance__copy h2 {
    font-size:clamp(24px,7vw,30px);
    line-height:1.18;
    overflow-wrap:normal;
    word-break:normal;
    -webkit-hyphens:none;
    hyphens:none;
  }
}