:root{
  --ate-qc-espresso:#160d08;
  --ate-qc-espresso-2:#241309;
  --ate-qc-gold:#c9a24b;
  --ate-qc-gold-light:#e1c477;
  --ate-qc-cream:#f7eedc;
  --ate-qc-muted:#c8bda9;
  --ate-qc-ease:cubic-bezier(.22,.78,.2,1);
}

body.ate-qc-open{overflow:hidden!important;}
.ate-qc[hidden]{display:none!important;}
.ate-qc{position:fixed;inset:0;z-index:999999;isolation:isolate;}
.ate-qc__backdrop{
  position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(10,6,3,.72);
  opacity:0;cursor:pointer;backdrop-filter:blur(4px);transition:opacity .32s ease;
}
.ate-qc__drawer{
  position:absolute;inset:0 0 0 auto;width:min(900px,72vw);max-width:100%;height:100dvh;display:flex;flex-direction:column;
  background:var(--ate-qc-espresso);color:var(--ate-qc-cream);box-shadow:-34px 0 90px rgba(0,0,0,.52);
  transform:translateX(102%);outline:0;transition:transform .46s var(--ate-qc-ease);
}
.ate-qc.is-open .ate-qc__backdrop{opacity:1;}
.ate-qc.is-open .ate-qc__drawer{transform:none;}
.ate-qc__header{
  position:relative;z-index:3;flex:0 0 auto;padding:20px 82px 17px 30px;
  background:
    radial-gradient(circle at 14% -70%,rgba(201,162,75,.26),transparent 52%),
    linear-gradient(135deg,#251409,#130b07);
  border-bottom:1px solid rgba(201,162,75,.28);
  overflow:hidden;box-shadow:0 0 0 rgba(0,0,0,0);
  transition:padding .48s var(--ate-qc-ease),box-shadow .48s ease,background .48s ease;
}
.ate-qc__heading{display:flex;align-items:center;gap:14px;max-height:50px;opacity:1;transform:none;transition:max-height .42s var(--ate-qc-ease),opacity .24s ease,transform .42s var(--ate-qc-ease);}
.ate-qc__mark{width:46px;height:46px;flex:0 0 auto;border:1px solid rgba(201,162,75,.5);border-radius:50%;display:grid;place-items:center;color:var(--ate-qc-gold);background:rgba(201,162,75,.045);}
.ate-qc__mark svg{width:19px;height:19px;}
.ate-qc__heading p,.ate-qc__subtitle{margin:0;}
.ate-qc__heading p{font:600 10px/1.2 Cinzel,serif;letter-spacing:.18em;text-transform:uppercase;color:var(--ate-qc-gold);}
.ate-qc__heading h2{margin:2px 0 0;font:600 clamp(25px,2.25vw,32px)/1.05 "Cormorant Garamond",serif;color:var(--ate-qc-cream);}
.ate-qc__subtitle{max-height:24px;margin-top:8px;font:400 14px/1.45 Jost,sans-serif;color:var(--ate-qc-muted);opacity:1;transform:none;transition:max-height .42s var(--ate-qc-ease),margin .42s var(--ate-qc-ease),opacity .22s ease,transform .42s var(--ate-qc-ease);}
.ate-qc__close{
  position:absolute;right:24px;top:21px;width:48px;height:48px;border:1px solid rgba(201,162,75,.48);border-radius:50%;
  display:grid;place-items:center;overflow:hidden;background:rgba(22,13,8,.18);color:var(--ate-qc-cream);font:300 30px/1 Jost,sans-serif;cursor:pointer;
  transition:top .48s var(--ate-qc-ease),background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease,transform .48s var(--ate-qc-ease);
}
.ate-qc__close span{display:block;line-height:1;transform-origin:50% 50%;animation:ateQcCloseTurn 8s ease-in-out infinite;will-change:transform;}
.ate-qc__close:hover{background:var(--ate-qc-gold);border-color:var(--ate-qc-gold);color:var(--ate-qc-espresso);box-shadow:0 0 0 5px rgba(201,162,75,.12);}
.ate-qc__close:focus-visible,.ate-qc__continue:focus-visible{outline:3px solid var(--ate-qc-gold-light);outline-offset:3px;}
.ate-qc__steps{
  position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:0;list-style:none;
  margin:15px 0 0;padding:0;
  transition:margin .48s var(--ate-qc-ease);
}
.ate-qc__steps::before,.ate-qc__steps::after{
  content:"";position:absolute;z-index:0;top:12px;left:12px;height:1px;pointer-events:none;
}
.ate-qc__steps::before{right:calc(33.333% - 12px);background:rgba(201,162,75,.22);}
.ate-qc__steps::after{width:0;background:var(--ate-qc-gold);box-shadow:0 0 12px rgba(201,162,75,.48);transition:width .35s var(--ate-qc-ease);}
.ate-qc__steps[data-step="2"]::after{width:33.333%;}
.ate-qc__steps[data-step="3"]::after{width:66.667%;}
.ate-qc__steps li{
  position:relative;z-index:1;display:grid;grid-template-columns:28px;grid-template-rows:28px auto;align-items:start;gap:6px;color:#938778;
  font:600 9.5px/1 Cinzel,serif;letter-spacing:.11em;text-transform:uppercase;transition:color .25s ease;
}
.ate-qc__steps span{
  width:28px;height:28px;flex:0 0 28px;border:1px solid rgba(201,162,75,.34);border-radius:50%;display:grid;place-items:center;
  background:#1b0f08;color:#8d806f;font-size:8px;transition:background .25s ease,border-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.ate-qc__steps .is-complete{color:#b8a77e;}
.ate-qc__steps .is-complete span{font-size:0;background:#6f5a29;border-color:var(--ate-qc-gold);color:var(--ate-qc-cream);}
.ate-qc__steps .is-complete span::before{content:"✓";font:700 10px/1 Jost,sans-serif;}
.ate-qc__steps .is-active{color:var(--ate-qc-cream);}
.ate-qc__steps .is-active span{background:var(--ate-qc-gold);border-color:var(--ate-qc-gold-light);color:var(--ate-qc-espresso);box-shadow:0 0 0 4px rgba(201,162,75,.13),0 0 18px rgba(201,162,75,.25);}
.ate-qc__body{position:relative;min-height:0;flex:1;background:var(--ate-qc-espresso);overflow:hidden;}
.ate-qc__frame{display:block;width:100%;height:100%;border:0;background:var(--ate-qc-espresso);opacity:1;transition:opacity .2s ease;}
.ate-qc__frame[hidden]{display:none;}
.ate-qc__loader{
  position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:14px;background:var(--ate-qc-espresso);color:var(--ate-qc-muted);
}
.ate-qc__loader[hidden]{display:none;}
.ate-qc__loader span{width:34px;height:34px;border:2px solid rgba(201,162,75,.25);border-top-color:var(--ate-qc-gold);border-radius:50%;animation:ateQcSpin .75s linear infinite;}
.ate-qc__loader p{margin:0;font:500 11px/1.4 Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;}
.ate-qc__empty{height:100%;display:grid;place-content:center;justify-items:center;padding:40px;text-align:center;background:radial-gradient(circle at 50% 34%,rgba(201,162,75,.1),transparent 43%);}
.ate-qc__empty[hidden]{display:none;}
.ate-qc__empty>span{width:70px;height:70px;display:grid;place-items:center;border:1px solid rgba(201,162,75,.38);border-radius:50%;color:var(--ate-qc-gold);}
.ate-qc__empty svg{width:30px;height:30px;}
.ate-qc__empty h3{margin:23px 0 6px;font:600 30px/1.1 "Cormorant Garamond",serif;color:var(--ate-qc-cream);}
.ate-qc__empty p{max-width:340px;margin:0 0 24px;color:var(--ate-qc-muted);font:400 15px/1.6 Jost,sans-serif;}
.ate-qc__continue{border:0;border-radius:999px;padding:14px 23px;background:var(--ate-qc-gold);color:var(--ate-qc-espresso);font:600 11px/1 Cinzel,serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;}
@keyframes ateQcSpin{to{transform:rotate(360deg);}}
@keyframes ateQcCloseTurn{0%,100%{transform:rotate(-8deg);}50%{transform:rotate(8deg);}}

.ate-qc.is-compact .ate-qc__header{padding:10px 78px 9px 24px;box-shadow:0 12px 30px rgba(0,0,0,.4);}
.ate-qc.is-compact .ate-qc__heading,
.ate-qc.is-compact .ate-qc__subtitle{max-height:0;margin-top:0;opacity:0;transform:translateY(-10px);pointer-events:none;}
.ate-qc.is-compact .ate-qc__steps{margin-top:0;}
.ate-qc.is-compact .ate-qc__close{top:50%;transform:translateY(-50%);}

@media (min-width:721px){
  .ate-qc__header{
    margin-inline:30px;padding:20px 20px 17px;
    border-inline:1px solid rgba(201,162,75,.28);border-radius:0 0 12px 12px;
  }
  .ate-qc__mark{display:none;}
  .ate-qc.is-compact .ate-qc__header{padding:10px 78px 9px 20px;}
}

@media (max-width:1100px) and (min-width:721px){
  .ate-qc__drawer{width:min(820px,86vw);}
}

@media (max-width:720px){
  .ate-qc__drawer{width:100%;}
  .ate-qc__header{padding:14px max(64px,calc(14px + env(safe-area-inset-right))) 12px max(16px,env(safe-area-inset-left));}
  .ate-qc__mark{width:36px;height:36px;}
  .ate-qc__heading h2{font-size:23px;}
  .ate-qc__subtitle{display:none;}
  .ate-qc__close{right:max(12px,env(safe-area-inset-right));top:11px;width:44px;height:44px;font-size:28px;}
  .ate-qc__steps{margin-top:11px;}
  .ate-qc__steps li{grid-template-columns:24px;grid-template-rows:24px auto;gap:5px;font-size:8.5px;letter-spacing:.075em;}
  .ate-qc__steps span{width:24px;height:24px;flex-basis:24px;font-size:8px;}
  .ate-qc__steps::before,.ate-qc__steps::after{top:10px;left:10px;}
  .ate-qc__steps::before{right:calc(33.333% - 10px);}
  .ate-qc__steps[data-step="2"]::after{width:33.333%;}
  .ate-qc__steps[data-step="3"]::after{width:66.667%;}
  .ate-qc.is-compact .ate-qc__header{padding:9px max(64px,calc(14px + env(safe-area-inset-right))) 8px max(14px,env(safe-area-inset-left));}
  .ate-qc.is-compact .ate-qc__steps{padding-top:max(0px,env(safe-area-inset-top));}
}

@media (max-width:390px){
  .ate-qc__header{padding-inline:14px 58px;}
  .ate-qc__mark{display:none;}
  .ate-qc__heading h2{font-size:21px;}
  .ate-qc__steps li{font-size:7px;}
}

@media (prefers-reduced-motion:reduce){
  .ate-qc__backdrop,.ate-qc__drawer,.ate-qc__header,.ate-qc__heading,.ate-qc__subtitle,.ate-qc__steps,.ate-qc__close,.ate-qc__frame{transition:none;}
  .ate-qc__close span{animation:none;}
  .ate-qc__loader span{animation-duration:1.5s;}
}