/* Final interface pass: one grid, one button language, recognisable channels */
:root{--cta-radius:7px;--cta-line:#11130f33}

/* Advantages share the same vertical grid */
.advantages{align-items:stretch!important}
.advantages article{
  display:grid!important;
  grid-template-rows:20px 88px minmax(0,1fr);
  align-content:start;
  row-gap:24px;
  min-height:400px;
  padding:34px 38px 36px!important;
}
.advantages article>span{align-self:start}
.advantages article>h2,
.advantages .advantage-link{
  align-self:start;
  margin:0!important;
  min-height:88px;
}
.advantages article>h2{font-size:25px;line-height:1.08;padding-top:2px}
.advantages article>p{min-height:0!important;margin:0;align-self:start}
.advantage-action .advantage-link{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 30px!important;
  gap:16px!important;
  align-items:start!important;
  font-size:23px;
  line-height:1.06;
}
.advantage-action .advantage-link>i{
  width:30px!important;
  height:30px!important;
  margin-top:1px;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#8f7200!important;
  display:grid;
  place-items:center;
  font-size:22px!important;
  font-style:normal;
  transition:transform .3s var(--motion),color .25s!important;
}
.advantage-action .advantage-link:hover>i{transform:translateX(5px)!important;box-shadow:none!important;color:#11130f!important}

/* Buttons: architectural rectangles with a separated directional cue */
.button,
.header-cta{
  border-radius:var(--cta-radius)!important;
  overflow:hidden;
}
.cta-arrow{
  width:44px!important;
  height:100%!important;
  min-height:30px;
  margin:0!important;
  border:0!important;
  border-left:1px solid var(--cta-line)!important;
  border-radius:0!important;
  background:transparent!important;
  display:grid!important;
  place-items:center;
  color:inherit;
  font-size:20px;
  font-style:normal;
  line-height:1;
  transition:transform .3s var(--motion),background .25s!important;
}
.button:hover .cta-arrow,.header-cta:hover .cta-arrow{transform:translateX(4px)!important}
.header-cta{min-height:48px!important;padding:0 0 0 19px!important;gap:17px!important}
.header-cta .cta-arrow{width:41px!important;border-left-color:#ffffff1f!important}
.hero-primary-cta{min-height:64px!important;padding:0 0 0 27px!important;gap:24px!important;box-shadow:0 18px 48px #0005!important}
.hero-primary-cta:hover .hero-primary-label{transform:none!important}
.hero-actions>.hero-primary-cta .cta-arrow{position:relative;width:52px!important;height:64px!important;box-shadow:none!important}
.solution-cta{min-height:60px!important;padding:0 0 0 25px!important;gap:22px!important;justify-content:space-between!important}
.solution-cta>i.cta-arrow{position:static!important;right:auto!important;width:48px!important;height:60px!important}
.quick-submit,.modal-submit{min-height:66px!important;padding:0 0 0 28px!important;gap:24px;justify-content:space-between!important}
.quick-submit .cta-arrow,.modal-submit .cta-arrow{width:58px!important;height:66px!important}
.contact .button-light{min-height:62px!important;padding:0 0 0 24px!important;gap:20px!important}
.contact .button-light .cta-arrow{width:50px!important;height:62px!important}

/* Case actions are text links, not another family of capsules */
.case-link{
  min-height:44px!important;
  padding:8px 0!important;
  border:0!important;
  border-bottom:1px solid #a9a69b!important;
  border-radius:0!important;
  background:transparent!important;
  color:#11130f!important;
  display:inline-flex!important;
  grid-template-columns:none!important;
  gap:16px!important;
  box-shadow:none!important;
}
.case-link>i{
  width:auto!important;height:auto!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:#8f7200!important;font-size:18px!important;
  transition:transform .25s!important;
}
.case-link:hover{background:transparent!important;color:#8f7200!important;transform:none!important;border-color:#8f7200!important}
.case-link:hover>i{transform:translateX(5px)!important;background:transparent!important}

/* Accordion: clear circular plus, rotating into a close state */
.service>button>i{
  position:relative;
  width:42px!important;height:42px!important;
  border:1px solid #ffffff2d!important;border-radius:50%!important;background:transparent!important;
  color:transparent!important;transform:none!important;font-size:0!important;
  display:block!important;line-height:0!important;padding:0!important;
  transition:transform .35s var(--motion),background .28s,color .28s,border-color .28s!important;
}
.service>button>i:before,.service>button>i:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:16px!important;
  height:2px!important;
  margin:0!important;
  border:0!important;
  border-radius:2px!important;
  background:#f1f3ed!important;
  transform:translate(-50%,-50%)!important;
  transform-origin:center!important;
}
.service>button>i:after{transform:translate(-50%,-50%) rotate(90deg)!important}
.service>button:hover>i{border-color:#ffffff78!important}
.service.active>button>i{
  background:#ffd633!important;border-color:#ffd633!important;color:#11130f!important;
  transform:rotate(45deg)!important;
}
.service.active>button>i:before{background:#11130f!important}
.service.active>button>i:after{background:#11130f!important}

/* The phone stays explicit; messengers become compact recognisable icons */
.hero-actions{
  width:min(100%,560px);
  align-items:flex-start!important;
  flex-direction:column!important;
  gap:12px!important;
}
.hero-primary-cta{width:100%;max-width:560px}
.hero-contact-cluster{
  width:100%;max-width:560px!important;
  display:flex!important;align-items:center;justify-content:flex-start;
  flex-direction:row!important;flex-wrap:nowrap!important;gap:9px!important;position:relative;
}
.hero-contact-cluster .phone-trigger{
  min-height:48px!important;padding:0 17px!important;gap:10px;border-radius:var(--cta-radius)!important;
}
.social-icon{
  position:relative;
  width:48px;height:48px;flex:0 0 48px;
  display:grid;place-items:center;
  border:1px solid #ffffff26;border-radius:var(--cta-radius);
  background:#ffffff05;color:#edf0e9;
  transition:transform .25s var(--motion),background .25s,border-color .25s,color .25s;
}
.social-icon:hover{transform:translateY(-3px);background:#f4f2e9;color:#11130f;border-color:#f4f2e9}
.social-icon:after{
  content:attr(data-label);position:absolute;left:50%;bottom:calc(100% + 9px);z-index:4;
  transform:translate(-50%,5px);padding:6px 8px;border-radius:4px;
  background:#f4f2e9;color:#11130f;font-size:9px;font-weight:700;letter-spacing:.02em;
  opacity:0;pointer-events:none;white-space:nowrap;transition:opacity .2s,transform .2s;
}
.social-icon:hover:after,.social-icon:focus-visible:after{opacity:1;transform:translate(-50%,0)}
.channel-glyph{width:20px;height:20px;display:block;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}
.channel-telegram{mask-image:url("assets/icon-telegram.svg");-webkit-mask-image:url("assets/icon-telegram.svg")}
.channel-whatsapp{mask-image:url("assets/icon-whatsapp.svg");-webkit-mask-image:url("assets/icon-whatsapp.svg")}
.channel-max{mask-image:url("assets/icon-max.svg");-webkit-mask-image:url("assets/icon-max.svg")}
.telegram-link{color:#8bcaf2}.whatsapp-link{color:#8fdca5}.max-link{color:#7fb8ff}

/* Close controls no longer look like floating yellow badges */
.modal-close{
  min-width:98px!important;height:42px!important;padding:0 13px!important;
  display:flex!important;align-items:center;justify-content:space-between;gap:14px;
  border:1px solid #252820!important;border-radius:4px!important;background:transparent!important;
  color:#151713!important;font-size:10px!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
}
.modal-close i{font-size:19px;font-style:normal;font-weight:400;line-height:1}
.modal-close:hover{background:#151713!important;color:#f5f3eb!important}
.phone-popover-close{border-radius:4px!important}

@media(max-width:900px){
  .advantages article{min-height:360px;padding-inline:30px!important}
}
@media(max-width:600px){
  .advantages article{grid-template-rows:18px auto auto;min-height:0;row-gap:22px;padding:28px 24px 30px!important}
  .advantages article>h2,.advantages .advantage-link{min-height:0}
  .advantage-action .advantage-link{width:100%!important;grid-template-columns:minmax(0,1fr) 28px!important}
  .hero-contact-cluster{display:grid!important;grid-template-columns:minmax(0,1fr) repeat(3,48px)!important;width:100%;gap:8px!important}
  .hero-contact-cluster .phone-trigger{width:100%;justify-content:center!important}
  .social-icon{width:48px;height:48px}
  .social-icon:after{display:none}
  .hero-primary-cta{padding-left:20px!important}
  .hero-actions>.hero-primary-cta .cta-arrow{width:48px!important}
  .case-link{width:max-content!important;max-width:100%}
}

/* Final ARK logo lockup */
.header .logo{
  width:154px!important;
  height:58px;
  display:flex!important;
  align-items:center;
}
.logo img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.footer-brand .logo{width:190px!important;height:auto}
@media(max-width:600px){
  .header .logo{width:138px!important;height:52px}
  .footer-brand .logo{width:166px!important}
}

/* Hero's primary action: the strongest and clearest CTA on the page */
.hero-primary-cta{
  position:relative;
  isolation:isolate;
  width:min(100%,460px);
  min-height:60px!important;
  padding:0 10px 0 22px!important;
  gap:18px!important;
  justify-content:space-between!important;
  border:1px solid #dcb600!important;
  border-radius:6px!important;
  background:#ffd633!important;
  color:#11130f!important;
  box-shadow:0 8px 20px #0003!important;
  overflow:hidden;
  transform:translateZ(0);
  transition:transform .28s var(--motion),box-shadow .28s var(--motion),background .28s!important;
}
.hero-primary-cta:before{
  display:none!important;
}
.hero-actions>.hero-primary-cta>.hero-primary-copy{
  position:relative;
  z-index:1;
  width:auto!important;
  height:auto!important;
  flex:1 1 auto;
  max-width:calc(100% - 58px);
  min-width:0;
  padding:0!important;
  margin:0!important;
  border:0!important;
  display:flex!important;
  flex-direction:row;
  justify-content:center;
  align-items:flex-start;
  place-items:initial!important;
  gap:0;
  text-align:left;
  transform:none!important;
}
.hero-actions>.hero-primary-cta:hover>.hero-primary-copy{transform:none!important}
.hero-primary-copy strong{
  font-size:15px;
  line-height:1.2;
  font-weight:750;
  letter-spacing:-.012em;
  white-space:nowrap;
}
.hero-primary-icon{
  position:relative;
  z-index:1;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  padding:0!important;
  margin:0!important;
  border:1px solid #11130f!important;
  border-radius:50%!important;
  background:#11130f;
  color:#ffd633;
  box-shadow:none;
  transform:none!important;
  transition:background .25s,color .25s,border-color .25s;
}
.hero-primary-icon i,
.hero-primary-icon i:before,
.hero-primary-icon i:after{display:block;position:absolute;content:""}
.hero-primary-icon i{position:relative;width:14px;height:14px}
.hero-primary-icon i:before,
.hero-primary-icon i:after{
  left:50%;top:50%;
  width:14px;height:2px;
  border-radius:2px;
  background:currentColor;
  transform:translate(-50%,-50%);
}
.hero-primary-icon i:after{transform:translate(-50%,-50%) rotate(90deg)}
.hero-primary-cta:hover{
  transform:translateY(-1px)!important;
  background:#ffe15a!important;
  box-shadow:0 12px 26px #00000042!important;
}
.hero-actions>.hero-primary-cta:hover>.hero-primary-icon{
  transform:none!important;
  background:#292c26;
  border-color:#292c26!important;
}
.hero-primary-cta:active{transform:translateY(0)!important;box-shadow:0 5px 14px #00000038!important}
.hero-primary-cta:focus-visible{outline:3px solid #f7f5ed!important;outline-offset:4px!important}
@media(max-width:600px){
  .hero-primary-cta{min-height:56px!important;padding:0 9px 0 17px!important;gap:12px!important;border-radius:6px!important}
  .hero-actions>.hero-primary-cta>.hero-primary-copy{max-width:calc(100% - 50px)}
  .hero-primary-copy strong{font-size:14px;white-space:normal}
  .hero-primary-icon{width:34px!important;height:34px!important;flex-basis:34px}
}
@media(prefers-reduced-motion:reduce){
  .hero-primary-cta,.hero-primary-cta:before,.hero-primary-icon{transition:none!important}
}

/* Compact service-section action */
.section-cta .solution-cta{
  width:min(100%,310px);
  min-width:0;
  min-height:54px!important;
  padding:0 17px 0 21px!important;
  gap:24px!important;
  border:1px solid #ffd633!important;
  border-radius:6px!important;
  background:#ffd633!important;
  box-shadow:none!important;
  justify-content:space-between!important;
  transform-origin:center;
  transition:transform .28s var(--motion),background .25s,border-color .25s,box-shadow .28s!important;
}
.section-cta .solution-cta>span{
  font-size:14px;
  font-weight:750;
  letter-spacing:-.012em;
}
.section-cta .action-arrow{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center;
  color:#11130f;
  opacity:.72;
  transform:none!important;
  transition:transform .28s var(--motion),opacity .2s!important;
}
.action-arrow svg{
  width:22px;
  height:22px;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.section-cta .solution-cta:hover{
  transform:translateY(-2px) scale(1.012)!important;
  background:#ffdd4d!important;
  border-color:#ffdd4d!important;
  box-shadow:0 10px 24px #0000002b!important;
}
.section-cta .solution-cta:hover>.action-arrow{
  transform:translateX(3px)!important;
  opacity:1;
  box-shadow:none!important;
}
.section-cta .solution-cta:active{
  transform:translateY(0) scale(.99)!important;
  box-shadow:0 4px 12px #00000024!important;
}
@media(max-width:600px){
  .section-cta .solution-cta{width:100%;min-height:52px!important;padding:0 15px 0 18px!important}
  .section-cta .solution-cta>span{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .section-cta .solution-cta{transition:none!important}
  .section-cta .action-arrow{transition:none!important}
}

/* Compact calculator action, matching the services CTA */
.quick-form .quick-submit{
  min-height:54px!important;
  padding:0 17px 0 21px!important;
  gap:24px!important;
  border:1px solid #ffd633!important;
  border-radius:6px!important;
  background:#ffd633!important;
  box-shadow:none!important;
  justify-content:space-between!important;
  transform-origin:center;
  transition:transform .28s var(--motion),background .25s,border-color .25s,box-shadow .28s!important;
}
.quick-form .quick-submit>.submit-label{
  font-size:14px;
  font-weight:750;
  letter-spacing:-.012em;
}
.quick-form .quick-submit>.action-arrow{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center;
  color:#11130f;
  opacity:.72;
  transform:none!important;
  transition:transform .28s var(--motion),opacity .2s!important;
}
.quick-form .quick-submit:hover{
  transform:translateY(-2px) scale(1.012)!important;
  background:#ffdd4d!important;
  border-color:#ffdd4d!important;
  box-shadow:0 10px 24px #00000024!important;
}
.quick-form .quick-submit:hover>.submit-label{transform:none!important}
.quick-form .quick-submit:hover>.action-arrow{
  transform:translateX(3px)!important;
  opacity:1;
  box-shadow:none!important;
}
.quick-form .quick-submit:active{
  transform:translateY(0) scale(.99)!important;
  box-shadow:0 4px 12px #0000001f!important;
}
@media(max-width:600px){
  .quick-form .quick-submit{min-height:52px!important;padding:0 15px 0 18px!important}
  .quick-form .quick-submit>.submit-label{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .quick-form .quick-submit,.quick-form .quick-submit>.action-arrow{transition:none!important}
}

/* White contact action in the same compact button system */
.contact .button-light{
  min-height:54px!important;
  padding:0 17px 0 21px!important;
  gap:24px!important;
  border:1px solid #f5f3eb!important;
  border-radius:6px!important;
  background:#f5f3eb!important;
  color:#11130f!important;
  box-shadow:none!important;
  justify-content:space-between!important;
  transform-origin:center;
  transition:transform .28s var(--motion),background .25s,border-color .25s,box-shadow .28s!important;
}
.contact .button-light>span:first-child{
  font-size:14px;
  font-weight:750;
  letter-spacing:-.012em;
  transform:none!important;
}
.contact .button-light>.action-arrow{
  width:24px!important;
  height:24px!important;
  flex:0 0 24px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center;
  color:#11130f;
  opacity:.72;
  transform:none!important;
  transition:transform .28s var(--motion),opacity .2s!important;
}
.contact .button-light:hover{
  transform:translateY(-2px) scale(1.012)!important;
  background:#fff!important;
  border-color:#fff!important;
  color:#11130f!important;
  box-shadow:0 10px 24px #00000030!important;
}
.contact .button-light:hover>span:first-child{transform:none!important}
.contact .button-light:hover>.action-arrow{
  transform:translateX(3px)!important;
  opacity:1;
  box-shadow:none!important;
}
.contact .button-light:active{
  transform:translateY(0) scale(.99)!important;
  box-shadow:0 4px 12px #00000028!important;
}
@media(max-width:600px){
  .contact .button-light{min-height:52px!important;padding:0 15px 0 18px!important}
  .contact .button-light>span:first-child{font-size:13px}
}
@media(prefers-reduced-motion:reduce){
  .contact .button-light,.contact .button-light>.action-arrow{transition:none!important}
}

/* Clean header action: quiet by default, clear on hover */
.header-cta{
  height:44px!important;
  min-height:44px!important;
  min-width:176px!important;
  padding:0 14px 0 17px!important;
  gap:20px!important;
  border:1px solid #ffffff26!important;
  border-radius:6px!important;
  background:#ffffff06!important;
  color:#f7f5ed!important;
  box-shadow:none!important;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  transform-origin:center;
  transition:transform .28s var(--motion),background .25s,border-color .25s,color .25s,box-shadow .28s!important;
}
.header-cta:before{display:none!important}
.header-cta>span:first-child{
  width:auto!important;
  height:auto!important;
  border:0!important;
  background:transparent!important;
  font-size:14px;
  font-weight:700;
  line-height:1;
  transform:none!important;
}
.header-cta>.action-arrow{
  width:22px!important;
  height:22px!important;
  flex:0 0 22px;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  display:grid!important;
  place-items:center;
  color:currentColor;
  opacity:.82;
  transform:none!important;
  transition:transform .28s var(--motion),opacity .2s!important;
}
.header-cta:hover{
  transform:translateY(-1px) scale(1.01)!important;
  background:#ffd633!important;
  border-color:#ffd633!important;
  color:#11130f!important;
  box-shadow:0 8px 20px #0000002b!important;
}
.header-cta:hover>span:first-child{transform:none!important}
.header-cta:hover>.action-arrow{
  transform:translateX(3px)!important;
  opacity:1;
  box-shadow:none!important;
}
.header-cta:active{
  transform:translateY(0) scale(.99)!important;
  box-shadow:0 3px 10px #00000024!important;
}
.header-cta:focus-visible{outline:2px solid #ffd633;outline-offset:3px}
@media(prefers-reduced-motion:reduce){
  .header-cta,.header-cta>.action-arrow{transition:none!important}
}

/* Readable custom selects with a fixed-center chevron */
.quick-form .field>span,
.modal-main .field>span{
  margin-bottom:8px!important;
  font-size:12px!important;
  line-height:1.35;
  letter-spacing:.1em;
}
.quick-form .custom-select-trigger,
.modal-main .custom-select-trigger{
  min-height:50px!important;
  padding:10px 44px 10px 0!important;
  font-size:16px!important;
  line-height:1.3;
}
.quick-form .custom-select-trigger>span,
.modal-main .custom-select-trigger>span{
  font-size:16px;
  line-height:1.3;
}
.modal-main .custom-select-trigger>span{
  margin:0;
  color:inherit;
  text-transform:none;
  letter-spacing:normal;
}
.custom-select-trigger>.select-chevron{
  position:absolute;
  top:50%;
  right:2px;
  width:24px;
  height:24px;
  margin:0;
  display:grid;
  place-items:center;
  color:currentColor;
  font-size:0;
  font-style:normal;
  transform:translateY(-50%) rotate(0deg)!important;
  transform-origin:50% 50%;
  transition:transform .28s var(--motion)!important;
}
.custom-select-trigger>.select-chevron:before{
  content:"";
  width:8px;
  height:8px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.custom-select.open .custom-select-trigger>.select-chevron{
  transform:translateY(-50%) rotate(180deg)!important;
}
.quick-form .custom-select-menu,
.modal-main .custom-select-menu{padding:6px!important}
.quick-form .custom-select-option,
.modal-main .custom-select-option{
  min-height:48px!important;
  padding:11px 14px!important;
  font-size:15px!important;
  line-height:1.3;
}
@media(max-width:600px){
  .quick-form .field>span,
  .modal-main .field>span{font-size:13px!important;margin-bottom:9px!important}
  .quick-form .custom-select-trigger,
  .quick-form .custom-select-trigger>span,
  .modal-main .custom-select-trigger,
  .modal-main .custom-select-trigger>span{font-size:17px!important}
  .quick-form .custom-select-trigger,
  .modal-main .custom-select-trigger{min-height:54px!important;padding-block:12px!important}
  .quick-form .custom-select-option,
  .modal-main .custom-select-option{min-height:52px!important;font-size:16px!important;padding:13px 14px!important}
}
@media(prefers-reduced-motion:reduce){
  .custom-select-trigger>.select-chevron{transition:none!important}
}

/* Readable form section headings */
.quick-form .form-group-title{
  gap:16px;
  padding-bottom:15px;
}
.quick-form .form-group-title>span{
  width:34px;
  height:34px;
  flex:0 0 34px;
  font-size:11px;
}
.quick-form .form-group-title b{
  font-size:16px;
  line-height:1.25;
}
.quick-form .form-group-title small{
  margin-top:3px;
  font-size:14px;
  line-height:1.4;
}
@media(max-width:600px){
  .quick-form .form-group-title{gap:14px;padding-bottom:14px}
  .quick-form .form-group-title b{font-size:17px}
  .quick-form .form-group-title small{font-size:14px;line-height:1.45}
}

/* Calm consent card without the old rectangular focus shadow */
.quick-form .consent{
  min-height:58px;
  margin-top:10px!important;
  padding:14px 16px!important;
  gap:13px!important;
  align-items:center!important;
  border:1px solid #d7d4c9!important;
  border-left:1px solid #d7d4c9!important;
  border-radius:10px!important;
  background:#eeece3!important;
  color:#5f645c!important;
  box-shadow:none!important;
  cursor:pointer;
  transition:background .22s,border-color .22s!important;
}
.quick-form .consent:hover{
  background:#e9e7dd!important;
  border-color:#c5c1b5!important;
  box-shadow:none!important;
}
.quick-form .consent input{
  appearance:none;
  width:20px!important;
  height:20px!important;
  flex:0 0 20px!important;
  margin:0!important;
  border:1.5px solid #7e837a!important;
  border-radius:4px;
  background:transparent!important;
  color:#ffd633;
  outline:0;
  box-shadow:none!important;
  transform:none!important;
  transition:background .2s,border-color .2s!important;
}
.quick-form .consent:hover input{
  border-color:#11130f!important;
  box-shadow:none!important;
  transform:none!important;
}
.quick-form .consent input:focus{
  border-color:#11130f!important;
  box-shadow:none!important;
}
.quick-form .consent input:focus-visible{
  outline:2px solid #c29a00;
  outline-offset:3px;
}
.quick-form .consent input:checked{
  border-color:#11130f!important;
  background:#11130f!important;
  box-shadow:none!important;
}
.quick-form .consent input:checked:before{transform:scale(1)}
.quick-form .consent>span{
  font-size:14px;
  line-height:1.45;
}
.quick-form .consent a{
  padding-bottom:1px;
  background:none!important;
  border-bottom:1px solid #ae8900;
}
.quick-form .consent a:after{display:none!important}
@media(max-width:600px){
  .quick-form .consent{padding:13px 14px!important;align-items:flex-start!important}
  .quick-form .consent input{margin-top:1px!important}
  .quick-form .consent>span{font-size:14px;line-height:1.5}
}

/* Keep the drawer within the viewport; only its form panel scrolls. */
.modal{
  width:100%!important;
  max-width:100%!important;
  overflow:hidden!important;
}
.modal[open]{grid-template-rows:minmax(0,1fr)}
.modal-main{
  min-height:0;
  min-width:0;
  max-width:100%;
  overflow-x:hidden!important;
  overflow-y:auto;
  overscroll-behavior-y:contain;
}
.modal-main .modal-fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.modal-main .custom-select,
.modal-main .consent>span{min-width:0}
.modal-main .custom-select-option,
.modal-main .consent>span,
.modal-main [data-file-name]{overflow-wrap:anywhere}
.modal-main .upload,
.modal-main .field{position:relative}
/* Invisible native controls must not contribute their intrinsic width. */
.modal-main .upload input[type="file"],
.modal-main .field select.select-native-hidden{
  position:absolute!important;
  top:0;
  left:0;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  border:0!important;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
}
@media(max-width:560px){
  .modal-main .modal-fields{grid-template-columns:minmax(0,1fr)}
}

/* Selected files: readable details without implying a completed upload. */
.modal-main .upload{min-width:0;transition:border-color .2s,background .2s}
.modal-main .upload b{font-size:14px;line-height:1.4;letter-spacing:.02em}
.modal-main .upload small{font-size:14px;line-height:1.5;color:#a6afa7;margin-top:6px}
.modal-main .upload.has-files{border-color:#ffd63380;background:#ffd63308}
.modal-main .upload.has-files b{color:#ffd633}
.modal-main .upload:focus-within{outline:2px solid #ffd633;outline-offset:4px}
.modal-main .upload-files{list-style:none;padding:0;margin:0;display:grid;gap:8px;min-width:0}
.modal-main .upload-file{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 44px;
  align-items:center;
  gap:12px;
  padding:12px;
  border:1px solid #ffffff20;
  border-radius:12px;
  background:#ffffff05;
}
.modal-main .upload-file-type{
  display:grid;place-items:center;min-height:48px;border-radius:8px;
  background:#ffd63314;color:#ffd633;font-size:12px;font-weight:700;
}
.modal-main .upload-file-info{min-width:0}
.modal-main .upload-file-info strong{
  display:block;font-size:16px;line-height:1.4;font-weight:500;
  color:#f2f4ef;overflow-wrap:anywhere;
}
.modal-main .upload-file-info>span{display:block;margin-top:4px;font-size:14px;color:#a6afa7}
.modal-main .upload-file-remove{
  position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:transparent;color:#b4bdb5;cursor:pointer;transition:background .2s,color .2s;
}
.modal-main .upload-file-remove:before,
.modal-main .upload-file-remove:after{
  content:"";position:absolute;left:50%;top:50%;width:16px;height:2px;
  border-radius:2px;background:currentColor;transform:translate(-50%,-50%) rotate(45deg);
}
.modal-main .upload-file-remove:after{transform:translate(-50%,-50%) rotate(-45deg)}
.modal-main .upload-file-remove:hover{background:#ffffff10;color:#fff}
.modal-main .upload-file-remove:focus-visible{outline:2px solid #ffd633;outline-offset:2px}
@media(max-width:400px){
  .modal-main .upload-file{grid-template-columns:40px minmax(0,1fr) 44px;gap:8px;padding:10px}
  .modal-main .upload-file-type{min-height:40px;font-size:11px}
}
@media(prefers-reduced-motion:reduce){
  .modal-main .upload,.modal-main .upload-file-remove{transition:none}
}

/* Always-visible modal close control */
.modal-main .modal-close{
  position:fixed!important;
  z-index:50;
  top:20px!important;
  right:20px!important;
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  padding:0!important;
  border:1px solid #ffffff2e!important;
  border-radius:50%!important;
  background:#ffffff08!important;
  color:#f7f5ed!important;
  box-shadow:none!important;
  display:block!important;
  align-items:center!important;
  justify-content:center!important;
  gap:0!important;
  opacity:1!important;
  visibility:visible!important;
  cursor:pointer;
  transform:none!important;
  transition:background .22s,border-color .22s,color .22s,transform .22s!important;
}
.modal-main .modal-close:before,
.modal-main .modal-close:after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:17px!important;
  height:2px!important;
  border-radius:2px;
  background:currentColor!important;
  opacity:1!important;
  transform:translate(-50%,-50%) rotate(45deg)!important;
}
.modal-main .modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)!important}
.modal-main .modal-close:hover{
  border-color:#ffd633!important;
  background:#ffd633!important;
  color:#11130f!important;
  box-shadow:none!important;
  transform:scale(1.03)!important;
}
.modal-main .modal-close:active{transform:scale(.96)!important}
.modal-main .modal-close:focus-visible{outline:2px solid #ffd633;outline-offset:3px}
@media(max-width:600px){
  .modal-main .modal-close{
    top:12px!important;
    right:12px!important;
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .modal-main .modal-close{transition:none!important}
}