html.lenis,
html.lenis body {
  height: auto;
}

.lenis:not(.lenis-autoToggle).lenis-stopped {
  overflow: clip;
}

.lenis [data-lenis-prevent],
.lenis [data-lenis-prevent-wheel],
.lenis [data-lenis-prevent-touch],
.lenis [data-lenis-prevent-vertical],
.lenis [data-lenis-prevent-horizontal] {
  overscroll-behavior: contain;
}

.lenis.lenis-smooth iframe {
  pointer-events: none;
}

.lenis.lenis-autoToggle {
  transition-property: overflow;
  transition-duration: 1ms;
  transition-behavior: allow-discrete;
}
.kc-quote-workflow .kc-quote-panel{margin-top:34px;padding-top:24px;border-top:1px solid var(--border)}
.kc-quote-workflow .kc-quote-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:32px 0}
.kc-quote-workflow .kc-quote-mode-option{display:flex;flex-direction:column;align-items:flex-start;gap:12px;min-height:150px;padding:22px;background:var(--surface);border:1px solid var(--border);text-align:left;cursor:pointer}
.kc-quote-workflow .kc-quote-mode-option strong{font:700 20px/1.1 "Mona Sans Variable";letter-spacing:-.025em}
.kc-quote-workflow .kc-quote-mode-option span{font:600 13px/1.5 "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-mode-option:hover{border-color:var(--dark)}
.kc-quote-workflow .kc-quote-subhead{margin:26px 0 12px;font:700 18px/1.2 "Mona Sans Variable";letter-spacing:-.02em}
.kc-quote-workflow .kc-quote-inline-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin:20px 0}
.kc-quote-workflow .kc-quote-inline-actions button{background:none;border:0;border-bottom:1px solid currentColor;padding:10px 0;font:700 13px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-quote-info{font:600 13px/1.6 "Mona Sans Variable";color:var(--muted);max-width:760px}
.kc-quote-workflow .kc-quote-error{font:600 13px/1.5 "Mona Sans Variable";color:#b00000;margin:16px 0}
.kc-quote-workflow .kc-quote-success{font:700 14px/1.5 "Mona Sans Variable";margin:18px 0}
.kc-quote-workflow .kc-quote-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:22px 0;border-top:1px solid var(--border)}
.kc-quote-workflow .kc-quote-profile div{display:grid;gap:5px;padding:14px 0;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-quote-profile dt{font:700 11px "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-profile dd{margin:0;font:600 14px/1.4 "Mona Sans Variable";overflow-wrap:anywhere}
.kc-quote-workflow .kc-quote-cart{display:grid;gap:12px;margin:18px 0}
.kc-quote-workflow .kc-quote-cart-line{display:grid;grid-template-columns:minmax(0,1fr) 100px auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-quote-cart-line strong{display:block;font:700 14px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-cart-line small{display:block;margin-top:4px;font:600 12px/1.4 "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-cart-line label{display:grid;gap:5px;font:700 11px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-cart-line input{width:100%;min-height:40px;padding:7px 8px;border:1px solid var(--border);background:transparent;font:600 14px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-line-variant{display:grid;gap:5px;margin-top:10px;font:700 11px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-line-variant select{width:100%;min-height:40px;padding:7px 8px;border:1px solid var(--border);background:transparent;font:600 14px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-remove{background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0;font:700 11px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-quote-special{margin:30px 0;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-quote-survey{display:grid;gap:18px;margin:24px 0}
.kc-quote-workflow .kc-quote-survey-field{min-width:0;margin:0;padding:16px 0;border:0;border-top:1px solid var(--border)}
.kc-quote-workflow .kc-quote-survey-field legend{padding:0 0 12px;font:700 14px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-survey-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 18px}
.kc-quote-workflow .kc-quote-survey-options label{display:flex;flex-direction:row;align-items:flex-start;gap:8px;font:600 13px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-survey-options input{flex:0 0 auto;width:auto;margin:2px 0 0;accent-color:var(--accent)}
.kc-quote-workflow .kc-quote-survey .kc-quote-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 25px}
.kc-quote-workflow .kc-quote-fields label{display:flex;flex-direction:column;gap:8px;font:700 13px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-fields input,.kc-quote-workflow .kc-quote-fields textarea{width:100%;padding:10px 0 12px;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;font:600 13px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-fields textarea{min-height:85px;resize:vertical}
.kc-quote-workflow .kc-quote-fields .field-wide{grid-column:1/-1}
.kc-quote-workflow .kc-quote-terms{display:grid;gap:12px;margin:18px 0}
.kc-quote-workflow .kc-quote-terms label{display:flex;align-items:flex-start;gap:10px;font:600 13px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-terms input{flex:0 0 auto;width:auto;margin-top:3px;accent-color:var(--accent)}
.kc-quote-workflow .kc-quote-terms a{border-bottom:1px solid currentColor}
@media(max-width:760px){
  .kc-quote-workflow .kc-quote-mode-grid,.kc-quote-workflow .kc-quote-profile{grid-template-columns:1fr}
  .kc-quote-workflow .kc-quote-cart-line{grid-template-columns:minmax(0,1fr) 82px;gap:10px}
  .kc-quote-workflow .kc-quote-remove{grid-column:1/-1;justify-self:start}
  .kc-quote-workflow .kc-quote-survey-options{grid-template-columns:1fr}
  .kc-quote-workflow .kc-quote-survey .kc-quote-fields{grid-template-columns:1fr}
  .kc-quote-workflow .kc-quote-fields .field-wide{grid-column:auto}
}

.kc-quote-workflow .kc-quote-mode-switch{display:flex;flex-wrap:wrap;gap:18px;margin:28px 0 0;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-quote-mode-switch button{padding:12px 0;background:transparent;border:0;border-bottom:2px solid transparent;font:700 12px "Mona Sans Variable";letter-spacing:.04em;cursor:pointer}
.kc-quote-workflow .kc-quote-mode-switch button.is-active{border-color:var(--accent)}
.kc-quote-workflow .kc-quote-entry{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px}
.kc-quote-workflow .kc-quote-entry-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-height:220px;padding:22px;background:var(--surface);border:1px solid var(--border)}
.kc-quote-workflow .kc-quote-entry-card h3,.kc-quote-workflow .kc-quote-block h3,.kc-quote-workflow .kc-quote-columns h3,.kc-quote-workflow .kc-quote-seller h3{margin:0;font:700 21px/1.1 "Mona Sans Variable";letter-spacing:-.025em}
.kc-quote-workflow .kc-quote-entry-card p:not(.micro-label),.kc-quote-workflow .kc-quote-block>p{max-width:760px;font:600 14px/1.6 "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-entry-card .line-link{margin-top:auto}
.kc-quote-workflow .kc-quote-panel{margin-top:28px}
.kc-quote-workflow .kc-quote-block{max-width:900px;padding:8px 0}
.kc-quote-workflow .kc-quote-block .line-link{display:inline-flex;margin:16px 0}
.kc-quote-workflow .kc-quote-notice{margin:20px 0}
.kc-quote-workflow .kc-quote-login{max-width:720px;margin-top:24px}
.kc-quote-workflow .kc-quote-login select{width:100%;min-height:46px;padding:10px 0 12px;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;color:var(--dark);font:600 13px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-validation-field{display:grid;align-content:start;gap:8px;min-width:0}
.kc-quote-workflow .kc-quote-validation-field label{display:flex;flex-direction:column;gap:8px;font:700 13px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-validation-button{justify-self:start;padding:8px 0;background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--dark);font:700 11px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-quote-validation-button:disabled{cursor:wait;opacity:.5}
.kc-quote-workflow .kc-quote-validation-status{grid-column:1/-1;margin:0;font:600 12px/1.5 "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-registration-legal{display:grid;gap:10px;margin:18px 0;padding:16px;border:1px solid var(--border)}
.kc-quote-workflow .kc-quote-registration-legal legend{padding:0 8px;font:700 11px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-registration-legal label{display:flex;align-items:flex-start;gap:9px;font:600 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-registration-legal input{flex:0 0 auto;width:auto;margin:3px 0 0;accent-color:var(--accent)}
.kc-quote-workflow .kc-quote-registration-legal a{border-bottom:1px solid currentColor}

/* Dedicated customer login composition, matching the Workspace reference. */
.kc-quote-workflow--customer-login{display:flex;min-height:calc(100svh - 78px);flex-direction:column;justify-content:center;margin-left:var(--rail, 0px);padding:clamp(18px,3.5vh,38px) clamp(20px,5vw,76px) clamp(32px,5vh,54px);background:#f8f6f6}
.kc-quote-workflow--customer-login .kc-quote-notice{width:min(100%,1440px);margin:0 auto 14px;color:#a10e19}
.kc-quote-workflow--customer-login .kc-quote-panel--customer-login{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.92fr);width:min(100%,1440px);min-height:min(610px,calc(100svh - 170px));margin:0 auto;padding:0;border:1px solid #e8e4e4;background:#fff;box-shadow:0 22px 70px rgba(38,10,12,.08)}
.kc-quote-workflow--customer-login .kc-quote-login-card{align-self:center;width:100%;max-width:none;padding:clamp(30px,5.4vw,78px)}
.kc-quote-workflow--customer-login .kc-quote-login-card>.micro-label{margin:0 0 15px;color:#777;font-size:10px;letter-spacing:.12em}
.kc-quote-workflow--customer-login .kc-quote-login-card h3{font-size:clamp(30px,3.2vw,44px);letter-spacing:-.045em}
.kc-quote-workflow--customer-login .kc-quote-login-card>p:not(.micro-label){max-width:470px;margin:13px 0 0;color:#666;font-size:14px;line-height:1.65}
.kc-quote-workflow--customer-login .kc-quote-login{display:grid;grid-template-columns:1fr;gap:20px;max-width:520px;margin-top:32px}
.kc-quote-workflow--customer-login .kc-quote-login>label{display:grid;gap:9px;color:#333;font:700 11px/1.3 "Mona Sans Variable";letter-spacing:.045em}
.kc-quote-workflow--customer-login .kc-quote-login input{width:100%;min-height:52px;padding:0 15px;border:1px solid #ded9da;border-radius:4px;background:#fff;color:#171717;font:500 16px/1.2 "Mona Sans Variable";letter-spacing:0;transition:border-color .18s ease,box-shadow .18s ease}
.kc-quote-workflow--customer-login .kc-quote-login input:focus{outline:0;border-color:#c91624;box-shadow:0 0 0 3px rgba(201,22,36,.1)}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button{display:flex;align-items:center;justify-content:space-between;min-height:56px;margin-top:4px;padding:0 12px 0 18px;border:1px solid #c81020;border-radius:4px;background:#ed1c24;color:#fff;box-shadow:0 7px 18px rgba(201,16,32,.16);font:700 12px/1 "Mona Sans Variable";letter-spacing:.06em;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button>span{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-size:16px;transition:transform .18s ease,background .18s ease}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button:hover:not(:disabled){transform:translateY(-1px);border-color:#c81020;background:#c81020;box-shadow:0 10px 24px rgba(201,16,32,.22)}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button:hover:not(:disabled)>span{transform:translate(2px,-2px);background:rgba(255,255,255,.12)}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 9px rgba(201,16,32,.16)}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button:disabled{cursor:wait;opacity:.68;box-shadow:none}
 .kc-quote-workflow--customer-login .kc-quote-login .submit-button:focus-visible{outline:2px solid #171717;outline-offset:3px}
.kc-quote-workflow--customer-login .kc-quote-info{margin:22px 0 0;color:#777;font-size:12px}
.kc-quote-workflow--customer-login .kc-quote-register-link{padding:0;border:0;border-bottom:1px solid #aaa;background:none;color:#333;font:600 12px/1.5 "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow--customer-login .kc-customer-login-checking{align-self:center;margin:0;padding:clamp(34px,5vw,70px);color:#555;font:600 14px/1.5 "Mona Sans Variable"}
.kc-customer-login-story{position:relative;isolation:isolate;display:flex;min-width:0;flex-direction:column;justify-content:center;overflow:hidden;padding:clamp(30px,5vw,72px);background:linear-gradient(145deg,#24070a 0%,#4b080f 57%,#790d18 100%);color:#fff}
.kc-customer-login-story::after{position:absolute;z-index:-1;right:-20%;bottom:-42%;width:90%;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 40px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02);content:""}
.kc-quote-workflow--customer-login .kc-customer-login-story-ether{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.kc-quote-workflow--customer-login .kc-customer-login-story-ether::before{position:absolute;z-index:1;top:var(--pointer-y,22%);left:var(--pointer-x,72%);width:58%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,24,36,.48),rgba(184,0,14,.2) 38%,transparent 72%);filter:blur(12px);transition:top .16s ease-out,left .16s ease-out;content:""}
.kc-quote-workflow--customer-login .kc-customer-login-story-ether::after{position:absolute;z-index:2;inset:0;background:radial-gradient(circle at 80% 16%,rgba(255,0,0,.28),transparent 38%),linear-gradient(90deg,rgba(20,0,0,.68),rgba(83,0,0,.28),rgba(255,0,0,.06));content:""}
.kc-quote-workflow--customer-login .kc-customer-login-story-ether .liquid-ether-container{position:absolute;inset:0}
.kc-quote-workflow--customer-login .kc-customer-login-story>:not(.kc-customer-login-story-ether){position:relative;z-index:2}
.kc-customer-login-story-brand{display:grid;width:160px;height:78px;place-items:center;margin-bottom:clamp(32px,7vh,82px);padding:8px 15px;border-radius:3px;background:#fff}
.kc-customer-login-story-brand img{display:block;width:100%;height:100%;object-fit:contain}
.kc-customer-login-story>.micro-label{margin:0 0 18px;color:rgba(255,255,255,.68);font-size:10px;letter-spacing:.13em}
.kc-quote-workflow--customer-login .kc-customer-login-story h2{max-width:520px;margin:0;color:#fff;font:800 clamp(40px,4.1vw,54px)/1.02 "Mona Sans Variable";letter-spacing:-.055em}
.kc-quote-workflow--customer-login .kc-customer-login-story h2 span{color:#fa3945}
.kc-customer-login-story-copy{max-width:450px;margin:24px 0 0;color:rgba(255,255,255,.76);font:500 15px/1.7 "Mona Sans Variable"}
.kc-customer-login-story-note{display:flex;gap:15px;max-width:420px;margin-top:clamp(34px,7vh,72px);padding-top:17px;border-top:1px solid rgba(255,255,255,.24)}
.kc-customer-login-story-note>span{color:#ff6169;font:700 11px/1.4 "Mona Sans Variable"}
.kc-customer-login-story-note div{display:grid;gap:7px}
.kc-customer-login-story-note strong{font:700 12px/1.4 "Mona Sans Variable"}
.kc-customer-login-story-note small{max-width:300px;color:rgba(255,255,255,.65);font:500 11px/1.5 "Mona Sans Variable"}
.kc-customer-login-home-link{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,240px);min-height:46px;margin-top:clamp(26px,5vh,48px);padding:0 14px;border:1px solid rgba(255,255,255,.48);color:#fff;text-decoration:none;font:700 10px/1 "Mona Sans Variable";letter-spacing:.08em;transition:background .2s ease,border-color .2s ease}
.kc-customer-login-home-link:hover,.kc-customer-login-home-link:focus-visible{border-color:#fff;background:rgba(255,255,255,.12)}
.kc-customer-login-home-link:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:809px){
  .kc-quote-workflow--customer-login{min-height:calc(100svh - 66px);margin-left:0;padding:16px 14px 28px}
  .kc-quote-workflow--customer-login .kc-quote-panel--customer-login{grid-template-columns:1fr;min-height:0}
  .kc-quote-workflow--customer-login .kc-quote-login-card{padding:32px 24px}
  .kc-customer-login-story{min-height:350px;padding:32px 24px}
  .kc-customer-login-story-brand{width:138px;height:66px;margin-bottom:34px}
  .kc-quote-workflow--customer-login .kc-customer-login-story h2{font-size:clamp(38px,11vw,54px)}
  .kc-customer-login-story-note{margin-top:36px}
}
@media(max-width:380px){.kc-quote-workflow--customer-login{padding-inline:10px}.kc-quote-workflow--customer-login .kc-quote-login-card{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){.kc-quote-workflow--customer-login .kc-customer-login-story-ether{display:none}}
.kc-quote-workflow .kc-quote-columns{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:48px;margin-top:28px}
.kc-quote-workflow .kc-quote-customer,.kc-quote-workflow .kc-quote-request,.kc-quote-workflow .kc-quote-seller{min-width:0}
.kc-quote-workflow .kc-quote-customer{align-self:start;padding-right:24px;border-right:1px solid var(--border)}
.kc-quote-workflow .kc-quote-customer .micro-label,.kc-quote-workflow .kc-quote-request .micro-label,.kc-quote-workflow .kc-quote-seller .micro-label{margin:0 0 14px}
.kc-quote-workflow .kc-quote-customer h3,.kc-quote-workflow .kc-quote-request h3{margin-bottom:18px}
.kc-quote-workflow .kc-quote-customer .line-link{display:inline-flex;margin-top:10px;background:transparent;border:0;border-bottom:1px solid currentColor;padding:10px 0;font:700 12px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-quote-message{display:flex;flex-direction:column;gap:8px;margin:24px 0;font:700 12px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-message textarea,.kc-quote-workflow .kc-quote-question textarea,.kc-quote-workflow .kc-quote-question input:not([type=checkbox]):not([type=radio]),.kc-quote-workflow .kc-quote-question select,.kc-quote-workflow .kc-quote-question>select{width:100%;min-height:46px;padding:10px 0;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;color:var(--dark);font:600 14px/1.45 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-message textarea,.kc-quote-workflow .kc-quote-question textarea{min-height:96px;resize:vertical}
.kc-quote-workflow .kc-quote-expiry{margin:16px 0;font:600 12px/1.5 "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-legal-links{display:grid;gap:10px;margin:20px 0;padding-left:18px;font:600 13px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-legal-links a,.kc-quote-workflow .kc-quote-info a{border-bottom:1px solid currentColor}
.kc-quote-workflow .kc-quote-consent{display:flex;align-items:flex-start;gap:10px;margin:20px 0;font:600 13px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-consent input{flex:0 0 auto;width:auto;margin-top:3px;accent-color:var(--accent)}
.kc-quote-workflow .kc-quote-question{min-width:0;margin:0;padding:16px 0;border:0;border-top:1px solid var(--border)}
.kc-quote-workflow .kc-quote-question legend,.kc-quote-workflow .kc-quote-question>label:first-child{padding:0 0 12px;font:700 14px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-question legend span{color:var(--accent)}
.kc-quote-workflow .kc-quote-question legend small,.kc-quote-workflow .kc-quote-question small{font:700 10px "Mona Sans Variable";color:var(--muted)}
.kc-quote-workflow .kc-quote-question>label{display:flex;flex-direction:row;align-items:flex-start;gap:9px;margin:8px 0;font:600 13px/1.45 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-question input[type=radio],.kc-quote-workflow .kc-quote-question input[type=checkbox]{flex:0 0 auto;width:auto;margin:3px 0 0;accent-color:var(--accent)}
.kc-quote-workflow .kc-quote-question>select{margin-top:8px}
.kc-quote-workflow .kc-quote-seller-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:18px;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-quote-suggestion{display:grid;gap:14px;margin-top:22px}
.kc-quote-workflow .kc-quote-suggestion>label{display:flex;flex-direction:column;gap:8px;font:700 12px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-suggestion select{width:100%;min-height:46px;padding:10px 0;border:0;border-bottom:1px solid #999;border-radius:0;background:transparent;font:600 14px "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-suggestion .kc-quote-fields{margin-top:12px}
.kc-quote-workflow .kc-quote-seller .kc-quote-remove{margin-top:10px}
.kc-quote-workflow .contact-steps{margin-top:56px}
@media(max-width:760px){
  .kc-quote-workflow .kc-quote-entry,.kc-quote-workflow .kc-quote-columns{grid-template-columns:1fr}
  .kc-quote-workflow .kc-quote-validation-field{grid-column:1/-1}
  .kc-quote-workflow .kc-quote-entry-card{min-height:190px;padding:18px}
  .kc-quote-workflow .kc-quote-customer{padding:0 0 24px;border-right:0;border-bottom:1px solid var(--border)}
  .kc-quote-workflow .kc-quote-seller-heading{align-items:flex-start;flex-direction:column}
  .kc-quote-workflow .kc-quote-mode-switch{gap:15px}
  .kc-quote-workflow .kc-quote-mode-switch button{font-size:10px}
}

.kc-quote-workflow .kc-quote-entry-card button.line-link{display:inline-flex;align-items:center;gap:10px;width:max-content;margin-top:auto;padding:10px 0;background:transparent;border:0;border-bottom:1px solid currentColor;border-radius:0;text-align:left;font:700 12px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-quote-entry-card h3,
.kc-quote-workflow .kc-quote-block h3,
.kc-quote-workflow .kc-quote-columns h3,
.kc-quote-workflow .kc-quote-seller h3 {
  font-variation-settings: 'wdth' 75, 'wght' 700;
}
.kc-quote-workflow .kc-customer-quotes{display:grid;gap:22px;margin:0 auto 0;padding:0 0 0;border-top:0 solid var(--border)}
.kc-quote-workflow .kc-customer-quotes--standalone{max-width:1180px;margin:0 auto;padding:0 0 72px;border:0;gap:22px;grid-template-columns:minmax(0,1fr)}
.kc-quote-workflow .kc-customer-dashboard-subtitle{margin:6px 0 0;color:var(--muted);font:500 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-quotes-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.kc-quote-workflow .kc-customer-quotes-header>div{min-width:0}
.kc-quote-workflow .kc-customer-quotes-header h3{margin:3px 0 0;font:700 clamp(22px,3vw,20px)/1.05 "Mona Sans Variable";letter-spacing:-.04em}
.kc-quote-workflow .kc-customer-home-action{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;flex:0 0 auto;min-height:42px;padding:0 14px;border:1px solid var(--border);border-radius:999px;background:#fff;color:var(--dark);text-decoration:none;font:700 10px/1 "Mona Sans Variable";letter-spacing:.08em;transition:border-color .18s ease,background .18s ease,color .18s ease}
.kc-quote-workflow .kc-customer-home-action:hover,.kc-quote-workflow .kc-customer-home-action:focus-visible{border-color:#c81020;background:#c81020;color:#fff}
.kc-quote-workflow .kc-customer-home-action:focus-visible{outline:2px solid rgba(200,16,32,.26);outline-offset:3px}
@media(max-width:900px){
  .kc-quote-workflow .kc-customer-quotes-header{align-items:flex-start;flex-direction:column}
  .kc-quote-workflow .kc-customer-home-action{width:100%}
  .kc-quote-workflow .kc-customer-quotes-tools{align-items:stretch;flex-wrap:wrap}
  .kc-quote-workflow .kc-customer-quotes-tools label{flex:1 1 180px;min-width:0}
  .kc-quote-workflow .kc-customer-quotes-tools .line-link{margin-left:0}
}
.kc-quote-workflow .kc-customer-account-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px;background:#f5f5f5;border:1px solid var(--border)}
.kc-quote-workflow .kc-customer-account-strip>div{display:grid;align-content:start;gap:7px;min-width:0}
.kc-quote-workflow .kc-customer-account-strip span,.kc-quote-workflow .kc-customer-quote-stats span{color:var(--muted);font:700 10px/1.2 "Mona Sans Variable";letter-spacing:.08em}
.kc-quote-workflow .kc-customer-account-strip strong{overflow-wrap:anywhere;font:650 13px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-account-details{padding:0 0 14px;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-customer-account-details summary{width:max-content;max-width:100%;color:var(--dark);font:700 10px "Mona Sans Variable";letter-spacing:.06em;cursor:pointer}
.kc-quote-workflow .kc-customer-account-details[open] summary{margin-bottom:12px}
.kc-quote-workflow .kc-customer-profile-card,.kc-quote-workflow .kc-customer-seller-change{display:grid;gap:14px;padding:20px;background:#f5f5f5;border:1px solid var(--border)}
.kc-quote-workflow .kc-customer-profile-card h4,.kc-quote-workflow .kc-customer-seller-change h4{margin:0;font:700 clamp(17px,2vw,22px)/1.15 "Mona Sans Variable";letter-spacing:-.03em}
.kc-quote-workflow .kc-customer-profile-ruc,.kc-quote-workflow .kc-customer-seller-change>p{margin:0;color:var(--muted);font:500 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-profile-form,.kc-quote-workflow .kc-customer-password-form,.kc-quote-workflow .kc-customer-seller-change form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kc-quote-workflow .kc-customer-profile-form label,.kc-quote-workflow .kc-customer-password-form label,.kc-quote-workflow .kc-customer-seller-change form>label{display:grid;align-content:start;gap:7px;color:var(--dark);font:700 10px/1.35 "Mona Sans Variable";letter-spacing:.05em}
.kc-quote-workflow .kc-customer-profile-form input,.kc-quote-workflow .kc-customer-password-form input,.kc-quote-workflow .kc-customer-seller-change input,.kc-quote-workflow .kc-customer-seller-change select,.kc-quote-workflow .kc-customer-seller-change textarea{width:100%;min-height:42px;padding:10px;border:1px solid var(--border);border-radius:0;background:#fff;color:var(--dark);font:550 13px/1.4 "Mona Sans Variable";letter-spacing:0}
.kc-quote-workflow .kc-customer-profile-form input[readonly]{background:#f1f1f1;color:#686868}
.kc-quote-workflow .kc-profile-save,.kc-quote-workflow .kc-profile-secondary{min-height:42px;padding:10px 12px;border:0;border-bottom:1px solid var(--dark);background:transparent;color:var(--dark);text-align:left;font:700 10px/1.3 "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-profile-save{background:var(--dark);color:#fff;text-align:center}
.kc-quote-workflow .kc-profile-save:disabled,.kc-quote-workflow .kc-profile-secondary:disabled{opacity:.55;cursor:wait}
.kc-quote-workflow .kc-customer-password-form{padding-top:14px;border-top:1px solid var(--border)}
.kc-quote-workflow .kc-profile-email-field{grid-column:1/-1}
.kc-quote-workflow .kc-customer-seller-change form>label select{letter-spacing:0}
.kc-quote-workflow .kc-customer-seller-change form>.submit-button{grid-column:1/-1}
.kc-quote-workflow .kc-customer-seller-change .kc-quote-question{display:grid;gap:9px;margin:0;padding:12px;border:1px solid var(--border);background:#fff}
.kc-quote-workflow .kc-customer-seller-change .kc-quote-question legend{padding:0 4px;font:700 11px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-seller-change .kc-quote-question label{display:flex;align-items:flex-start;gap:8px;color:var(--dark);font:500 12px/1.45 "Mona Sans Variable";letter-spacing:0}
.kc-quote-workflow .kc-customer-seller-change .kc-quote-question input[type=checkbox]{width:15px;min-height:15px;margin:1px 0 0;flex:0 0 15px}
.kc-quote-workflow .kc-customer-seller-change .kc-quote-question select{margin-top:5px}
.kc-quote-workflow .kc-customer-seller-change textarea{min-height:96px;resize:vertical}
.kc-quote-workflow .kc-customer-suggestions{display:grid;gap:12px;padding:18px;background:#f5f5f5;border:1px solid var(--border)}
.kc-quote-workflow .kc-customer-suggestions-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
.kc-quote-workflow .kc-customer-suggestions-heading h4{margin:4px 0 0;font:700 clamp(16px,2vw,20px)/1.15 "Mona Sans Variable";letter-spacing:-.03em}
.kc-quote-workflow .kc-customer-suggestions-heading .line-link,.kc-quote-workflow .kc-customer-suggestion-actions .line-link{padding:8px 0;background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--dark);font:700 10px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-customer-suggestion-card{display:grid;gap:13px;padding:16px;background:#fff;border:1px solid var(--border)}
.kc-quote-workflow .kc-customer-suggestion-card>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.kc-quote-workflow .kc-customer-suggestion-card>header>div{display:grid;gap:6px}
.kc-quote-workflow .kc-customer-suggestion-card>header span:first-child,.kc-quote-workflow .kc-customer-suggestion-products strong{color:var(--muted);font:700 9px/1.3 "Mona Sans Variable";letter-spacing:.07em}
.kc-quote-workflow .kc-customer-suggestion-card h5{margin:0;font:700 15px/1.2 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-suggestion-status{padding:5px 8px;border:1px solid #dedede;background:#f3f3f3;color:#444444;font:700 9px/1.1 "Mona Sans Variable";letter-spacing:.05em;white-space:nowrap}
.kc-quote-workflow .kc-customer-suggestion-products{display:grid;gap:5px;margin:0;font:550 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-suggestion-note{margin:0;color:var(--muted);font:500 12px/1.5 "Mona Sans Variable";white-space:pre-wrap}
.kc-quote-workflow .kc-customer-suggestion-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.kc-quote-workflow .kc-customer-suggestion-actions .submit-button{width:auto;min-height:40px;padding:10px 14px}
.kc-quote-workflow .kc-customer-suggestion-actions button:disabled,.kc-quote-workflow .kc-customer-suggestions-heading button:disabled{opacity:.55;cursor:wait}
.kc-quote-workflow .kc-customer-suggestions-message,.kc-quote-workflow .kc-customer-suggestions-empty{margin:0;padding:12px;background:#fff;border:1px solid var(--border);font:550 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-suggestions-message p{margin:0 0 8px;color:var(--muted)}
.kc-quote-workflow .kc-customer-suggestions-message .line-link{padding:6px 0;background:transparent;border:0;border-bottom:1px solid currentColor;font:700 10px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-customer-quote-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kc-quote-workflow .kc-customer-quote-stats article{display:grid;gap:10px;min-height:86px;padding:16px;background:#fff;border:1px solid var(--border)}
.kc-quote-workflow .kc-customer-quote-stats strong{font:700 27px/1 "Mona Sans Variable";letter-spacing:-.04em}
.kc-quote-workflow .kc-customer-quotes-tools{display:flex;align-items:flex-end;gap:18px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-customer-quotes-tools label{display:grid;gap:7px;min-width:180px;color:var(--dark);font:700 10px "Mona Sans Variable";letter-spacing:.06em}
.kc-quote-workflow .kc-customer-quotes-tools input,.kc-quote-workflow .kc-customer-quotes-tools select{width:100%;min-height:40px;padding:8px 10px;border:1px solid var(--border);border-radius:0;background:#fff;color:var(--dark);font:600 13px "Mona Sans Variable";letter-spacing:0}
.kc-quote-workflow .kc-customer-quotes-tools .line-link{margin-left:auto;padding:10px 0;background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--dark);font:700 11px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-customer-quotes-tools .line-link:disabled{opacity:.55;cursor:wait}
.kc-quote-workflow .kc-customer-quotes-table-wrap{width:100%;overflow-x:auto}
.kc-quote-workflow .kc-customer-quotes-table{width:100%;border-collapse:collapse;text-align:left}
.kc-quote-workflow .kc-customer-quotes-table th{padding:12px 14px;border-bottom:1px solid var(--dark);font:700 10px "Mona Sans Variable";letter-spacing:.07em;white-space:nowrap}
.kc-quote-workflow .kc-customer-quotes-table td{padding:15px 14px;border-bottom:1px solid var(--border);font:550 12px/1.5 "Mona Sans Variable";vertical-align:top}
.kc-quote-workflow .kc-customer-quotes-table td:first-child strong{font-weight:700;white-space:nowrap}
.kc-quote-workflow .kc-customer-quote-detail-button{min-height:32px;padding:7px 10px;border:1px solid var(--border);border-radius:4px;background:#fff;color:var(--dark);font:650 10px/1 "Mona Sans Variable";white-space:nowrap;cursor:pointer}
.kc-quote-workflow .kc-customer-quote-detail-button:hover,.kc-quote-workflow .kc-customer-quote-detail-button:focus-visible{border-color:var(--dark)}
.kc-quote-workflow .kc-customer-quote-detail-row>td{padding:0 14px 14px;background:#fafaf9}
.kc-quote-workflow .kc-customer-quote-detail{display:grid;gap:12px;padding:16px;border:1px solid var(--border);background:#fff}
.kc-quote-workflow .kc-customer-quote-detail>strong{font:700 10px/1.3 "Mona Sans Variable";letter-spacing:.06em}
.kc-quote-workflow .kc-customer-quote-detail ul{display:grid;gap:0;margin:0;padding:0;list-style:none}
.kc-quote-workflow .kc-customer-quote-detail li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:16px;align-items:center;padding:10px 0;border-top:1px solid var(--border);font:550 12px/1.45 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-quote-detail li small{color:var(--muted);font:650 9px/1.3 "Mona Sans Variable";letter-spacing:.04em}
.kc-quote-workflow .kc-customer-quote-detail p{margin:0;color:var(--muted);font:500 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-quote-status{display:inline-flex;padding:5px 8px;border:1px solid #dedede;font:700 9px/1.1 "Mona Sans Variable";letter-spacing:.05em;white-space:nowrap}
.kc-quote-workflow .kc-customer-quote-status.is-pending{background:#f3f3f3;border-color:#dedede;color:#444444}
.kc-quote-workflow .kc-customer-quote-status.is-approved{background:#f3f3f3;border-color:#dedede;color:#444}
.kc-quote-workflow .kc-customer-quote-status.is-rejected{background:#f3f3f3;border-color:#dedede;color:#444}
.kc-quote-workflow .kc-customer-quotes-message,.kc-quote-workflow .kc-customer-quotes-empty{display:grid;justify-items:start;gap:8px;padding:18px;background:#f5f5f5;border:1px solid var(--border);font:600 13px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-quotes-message p,.kc-quote-workflow .kc-customer-quotes-empty p{margin:0;color:var(--muted)}
.kc-quote-workflow .kc-customer-quotes-message .line-link,.kc-quote-workflow .kc-customer-quotes-empty .line-link{padding:8px 0;background:transparent;border:0;border-bottom:1px solid currentColor;font:700 11px "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-customer-new-quote-form{margin-top:4px}
@media(max-width:760px){
  .kc-quote-workflow .kc-customer-profile-form,.kc-quote-workflow .kc-customer-password-form,.kc-quote-workflow .kc-customer-seller-change form{grid-template-columns:1fr}
  .kc-quote-workflow .kc-profile-email-field,.kc-quote-workflow .kc-customer-seller-change form>.submit-button{grid-column:auto}
  .kc-quote-workflow .kc-customer-suggestions-heading{align-items:flex-start;flex-direction:column}
  .kc-quote-workflow .kc-customer-suggestion-card>header{flex-direction:column}
  .kc-quote-workflow .kc-customer-suggestion-actions{align-items:flex-start;flex-direction:column;gap:10px}
  .kc-quote-workflow .kc-customer-quotes-header{align-items:flex-start;flex-direction:column}
  .kc-quote-workflow .kc-customer-account-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-quote-workflow .kc-customer-quotes-tools{align-items:stretch;flex-wrap:wrap}
  .kc-quote-workflow .kc-customer-quotes-tools label{flex:1 1 180px;min-width:0}
  .kc-quote-workflow .kc-customer-quotes-tools .line-link{margin-left:0}
  .kc-quote-workflow .kc-customer-quotes-table thead{display:none}
  .kc-quote-workflow .kc-customer-quotes-table,.kc-quote-workflow .kc-customer-quotes-table tbody{display:block;width:100%}
  .kc-quote-workflow .kc-customer-quotes-table tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-bottom:10px;padding:12px;border:1px solid var(--border)}
  .kc-quote-workflow .kc-customer-quotes-table td{display:grid;gap:5px;padding:4px;border:0;overflow-wrap:anywhere}
  .kc-quote-workflow .kc-customer-quotes-table td::before{content:attr(data-label);color:var(--muted);font:700 9px "Mona Sans Variable";letter-spacing:.06em;text-transform:uppercase}
  .kc-quote-workflow .kc-customer-quotes-table td:nth-child(3){grid-column:1/-1}
  .kc-quote-workflow .kc-customer-quotes-table .kc-customer-quote-detail-row{display:block;margin:0;padding:0;border:0}
  .kc-quote-workflow .kc-customer-quotes-table .kc-customer-quote-detail-row>td{display:block;padding:0 0 10px;border:0}
  .kc-quote-workflow .kc-customer-quotes-table .kc-customer-quote-detail-row>td::before{display:none}
  .kc-quote-workflow .kc-customer-quote-detail li{grid-template-columns:1fr;gap:5px}
}
@media(max-width:440px){
  .kc-quote-workflow .kc-customer-quote-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-quote-workflow .kc-customer-account-strip{padding:13px;gap:12px}
}

.kc-customer-side-rail{z-index:81}
.kc-customer-menu-panel{z-index:83!important;width:min(520px,calc(100vw - var(--rail)))!important;box-sizing:border-box;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.kc-customer-menu-panel nav a,.kc-customer-menu-panel nav button{min-width:0!important;gap:12px!important;padding:11px 0!important;font:700 clamp(18px,2.8vw,30px)/1.12 "Mona Sans Variable"!important;letter-spacing:-.04em!important;white-space:normal!important;overflow-wrap:anywhere}
.kc-customer-menu-panel nav button{display:flex;align-items:baseline;width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);color:var(--dark);text-align:left;cursor:pointer}
.kc-customer-menu-panel nav button small{flex:0 0 22px;color:#666;font:600 11px "Mona Sans Variable";letter-spacing:0}
.kc-customer-menu-panel nav button .arrow{flex:0 0 auto;margin-left:auto;font-size:20px}
.kc-customer-menu-panel nav button[aria-current=page]{color:#ce1320}
.kc-customer-menu-panel nav button[aria-current=page] small{color:#ce1320}
.kc-customer-menu-panel nav button:focus-visible{outline:2px solid #ce1320;outline-offset:4px}
.kc-customer-menu-panel nav a small{flex:0 0 22px;font-size:11px!important}
.kc-customer-menu-panel>p{font:600 11px/1.5 "Mona Sans Variable"!important;margin:16px 0 0}
.kc-customer-menu-mobile-toggle{position:fixed;top:16px;right:16px;z-index:84;width:44px;height:44px;border-radius:50%;background:#111}
.kc-customer-profile-card,.kc-customer-seller-change,.kc-customer-account-strip,.kc-customer-quote-stats,.kc-customer-quotes-tools{scroll-margin-top:28px}

/* Customer portal: focused single-section views with a calm, premium workspace. */
.kc-quote-workflow .kc-customer-quotes--standalone{min-height:420px}
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-quotes-header{padding:0 0 18px;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-account-strip,
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-profile-card,
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-seller-change,
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-suggestions,
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-quote-request{width:100%;box-sizing:border-box}
.kc-quote-workflow .kc-customer-overview-stats{margin-top:2px}
.kc-quote-workflow .kc-customer-overview-actions{display:flex;flex-wrap:wrap;gap:10px 26px;padding:18px 0;border-top:1px solid var(--border)}
.kc-quote-workflow .kc-customer-overview-actions .line-link{display:inline-flex;align-items:center;gap:10px;padding:10px 0;border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--dark);font:700 11px/1.3 "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-customer-overview-actions .line-link:hover{color:#c8101e}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-profile-card,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-seller-change,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions{padding:clamp(18px,3vw,30px);background:#f5f5f5}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-tools{padding:16px;background:#f5f5f5;border:1px solid var(--border)}
@media(max-width:640px){
  .kc-quote-workflow .kc-customer-overview-actions{display:grid;gap:4px}
  .kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions-heading{flex-direction:column}
  .kc-quote-workflow .kc-customer-quotes--standalone{min-height:360px;padding-bottom:44px}
}

/* Account sections: neutral surfaces, generous rhythm, and clear action hierarchy. */
.kc-quote-workflow .kc-customer-quotes--standalone{--kc-panel-bg:#f4f4f4;--kc-panel-surface:#fff;--kc-panel-soft:#f5f5f5;--kc-panel-ink:#161616;--kc-panel-muted:#686868;--kc-panel-line:#e2e2e2;--kc-panel-shadow:0 8px 28px rgba(17,17,17,.055);min-width:0;color:var(--kc-panel-ink)}
.kc-quote-workflow .kc-customer-quotes--standalone>*{min-width:0}
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-quotes-header{align-items:flex-end;padding:28px 0 22px;border-color:var(--kc-panel-line)}
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-quotes-header .micro-label{display:inline-flex;align-items:center;min-height:28px;padding:0 11px;border:1px solid var(--kc-panel-line);border-radius:999px;background:var(--kc-panel-surface);color:var(--kc-panel-muted);font:600 9px/1 "Mona Sans Variable";letter-spacing:.09em}
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-quotes-header h3{margin-top:14px;font-size:clamp(32px,4vw,48px);letter-spacing:-.055em}
.kc-quote-workflow .kc-customer-quotes--standalone>.kc-customer-quotes-header .kc-customer-dashboard-subtitle{margin-top:9px;font-size:13px}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-profile-card,.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-seller-change,.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions{padding:clamp(18px,3vw,30px);background:#f5f5f5}

.kc-quote-workflow .kc-customer-profile-card{gap:12px;padding:0;background:transparent;border:0}
.kc-quote-workflow .kc-customer-profile-card>h4{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.kc-quote-workflow .kc-customer-profile-ruc{display:none}
.kc-quote-workflow .kc-customer-profile-form{display:grid;grid-template-columns:1fr;gap:14px}
.kc-quote-workflow .kc-profile-group{display:grid;gap:20px;padding:clamp(20px,3vw,30px);border:1px solid var(--kc-panel-line);border-radius:22px;background:var(--kc-panel-surface);box-shadow:var(--kc-panel-shadow)}
.kc-quote-workflow .kc-profile-group>header{display:grid;grid-template-columns:1fr;gap:5px;padding-bottom:16px;border-bottom:1px solid var(--kc-panel-line)}
.kc-quote-workflow .kc-profile-group>header p,.kc-quote-workflow .kc-seller-change-step>header p{margin:0;color:var(--kc-panel-muted);font:600 9px/1.2 "Mona Sans Variable";letter-spacing:.14em}
.kc-quote-workflow .kc-profile-group>header h5,.kc-quote-workflow .kc-seller-change-step>header h5{margin:0;color:var(--kc-panel-ink);font:750 19px/1.2 "Mona Sans Variable";letter-spacing:-.035em}
.kc-quote-workflow .kc-profile-group>header span,.kc-quote-workflow .kc-seller-change-step>header small{color:var(--kc-panel-muted);font:500 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-profile-group-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.kc-quote-workflow .kc-profile-group-fields label{display:grid;align-content:start;gap:8px;color:#4b4b4b;font:700 10px/1.35 "Mona Sans Variable";letter-spacing:.055em}
.kc-quote-workflow .kc-profile-group-fields :is(input,select){width:100%;min-height:48px;padding:0 14px;border:1px solid #dedede;border-radius:12px;background:#f5f5f5;color:#161512;font:550 13px/1.4 "Mona Sans Variable";letter-spacing:0;transition:border-color .18s,background .18s,box-shadow .18s}
.kc-quote-workflow .kc-profile-group-fields :is(input,select):hover{border-color:#d0d0d0}
.kc-quote-workflow .kc-profile-group-fields :is(input,select):focus{outline:0;border-color:#161616;background:#fff;box-shadow:0 0 0 4px rgba(17,17,17,.07)}
.kc-quote-workflow .kc-profile-group-fields input[readonly]{background:#f3f3f3;color:#686868}
.kc-quote-workflow .kc-profile-group-fields .kc-profile-email-field,.kc-quote-workflow .kc-profile-group-fields .kc-profile-address-field{grid-column:1/-1}
.kc-quote-workflow .kc-profile-group-fields .kc-profile-secondary{align-self:end;min-height:44px;padding:0 15px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#4b4b4b;text-align:center;font:700 10px/1.2 "Mona Sans Variable";cursor:pointer;transition:border-color .18s,background .18s}
.kc-quote-workflow .kc-profile-group-fields .kc-profile-secondary:hover:not(:disabled){border-color:#161512;background:#f5f5f5}
.kc-quote-workflow .kc-profile-group-fields .kc-profile-secondary:disabled{opacity:.55;cursor:wait}
.kc-quote-workflow .kc-profile-form-actions{position:sticky;bottom:14px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border:1px solid rgba(226,226,226,.9);border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 14px 40px rgba(17,17,17,.13);backdrop-filter:blur(14px)}
.kc-quote-workflow .kc-profile-form-actions>span{color:var(--kc-panel-muted);font:500 11px/1.45 "Mona Sans Variable"}
.kc-quote-workflow .kc-profile-form-actions .kc-profile-save,.kc-quote-workflow .kc-customer-password-form .kc-profile-save{min-height:44px;padding:0 20px;border:1px solid #161616;border-radius:999px;background:#161616;color:#fff;font:700 10px/1 "Mona Sans Variable";cursor:pointer}
.kc-quote-workflow .kc-customer-account-strip{gap:10px;padding:14px;border:1px solid var(--kc-panel-line);border-radius:20px;background:#fff;box-shadow:var(--kc-panel-shadow)}
.kc-quote-workflow .kc-customer-account-strip>div{min-height:75px;align-content:center;padding:13px;border:1px solid var(--kc-panel-line);border-radius:14px;background:#f5f5f5}
.kc-quote-workflow .kc-customer-account-strip span{font-size:9px;letter-spacing:.11em}
.kc-quote-workflow .kc-customer-password-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:22px;border:1px solid var(--kc-panel-line);border-radius:20px;background:#fff}
.kc-quote-workflow .kc-customer-password-form label{display:grid;gap:8px;color:#4b4b4b;font:700 10px/1.35 "Mona Sans Variable";letter-spacing:.05em}
.kc-quote-workflow .kc-customer-password-form input{min-height:48px;padding:0 14px;border:1px solid #dedede;border-radius:12px;background:#f5f5f5;font:550 13px "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-password-form button,.kc-quote-workflow .kc-customer-password-form [role=alert]{grid-column:1/-1}

.kc-quote-workflow .kc-customer-seller-change{gap:14px;padding:0;border:0;background:transparent}
.kc-quote-workflow .kc-customer-seller-change>h4{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.kc-quote-workflow .kc-customer-seller-change>.micro-label{display:none}
.kc-quote-workflow .kc-customer-seller-change>p:not(.micro-label){display:block;margin:0 0 2px;padding:12px 16px;border-left:2px solid #e5322b;border-radius:0 12px 12px 0;background:#fff;color:#686868;font:500 12px/1.5 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-seller-change form{grid-template-columns:1fr;gap:14px}
.kc-quote-workflow .kc-seller-change-step{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;padding:clamp(20px,3vw,30px);border:1px solid var(--kc-panel-line);border-radius:22px;background:#fff;box-shadow:var(--kc-panel-shadow)}
.kc-quote-workflow .kc-seller-change-step>header{display:flex;align-items:center;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--kc-panel-line)}
.kc-quote-workflow .kc-seller-change-step>header>span{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#161616;color:#fff;font:600 11px/1 "Mona Sans Variable";letter-spacing:.04em}
.kc-quote-workflow .kc-seller-change-step>header>div{display:grid;gap:4px}
.kc-quote-workflow .kc-seller-change-step>label{display:grid;gap:8px;color:#4b4b4b;font:700 10px/1.35 "Mona Sans Variable";letter-spacing:.05em}
.kc-quote-workflow .kc-seller-change-step select,.kc-quote-workflow .kc-seller-change-step input:not([type=checkbox]),.kc-quote-workflow .kc-seller-change-step textarea{min-height:48px;padding:10px 14px;border:1px solid #dedede;border-radius:12px;background:#f5f5f5;color:#161512;font:550 13px/1.4 "Mona Sans Variable";letter-spacing:0}
.kc-quote-workflow .kc-seller-change-step textarea{min-height:112px}
.kc-quote-workflow .kc-seller-change-step .kc-quote-question{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:0;padding:16px;border:1px solid var(--kc-panel-line);border-radius:16px;background:#f5f5f5}
.kc-quote-workflow .kc-seller-change-step .kc-quote-question legend{grid-column:1/-1;margin-bottom:3px;color:#161616;font:700 12px/1.4 "Mona Sans Variable"}
.kc-quote-workflow .kc-seller-change-step .kc-quote-question label{display:flex;align-items:flex-start;gap:10px;min-height:42px;padding:11px 12px;border:1px solid var(--kc-panel-line);border-radius:12px;background:#fff;color:#4b4b4b;font:550 11px/1.4 "Mona Sans Variable";letter-spacing:0;cursor:pointer}
.kc-quote-workflow .kc-seller-change-step .kc-quote-question input[type=checkbox]{width:16px;min-height:16px;flex:0 0 16px;margin:0;accent-color:#161616}
.kc-quote-workflow .kc-seller-change-step .submit-button{grid-column:1/-1;width:max-content;min-height:46px;padding:0 20px;border-radius:999px}

.kc-quote-workflow .kc-customer-suggestions{gap:16px;padding:clamp(20px,3vw,30px);border:1px solid var(--kc-panel-line);border-radius:22px;background:#fff;box-shadow:var(--kc-panel-shadow)}
.kc-quote-workflow .kc-customer-suggestions-heading{align-items:center;padding-bottom:16px;border-bottom:1px solid var(--kc-panel-line)}
.kc-quote-workflow .kc-customer-suggestions-heading h4{margin-top:7px;font-size:clamp(18px,2.2vw,24px)}
.kc-quote-workflow .kc-customer-suggestions-heading .line-link{min-height:40px;padding:0 14px;border:1px solid var(--kc-panel-line);border-radius:999px;background:#fff}
.kc-quote-workflow .kc-customer-suggestion-card{gap:16px;padding:20px;border:1px solid var(--kc-panel-line);border-radius:18px;background:#fff;box-shadow:0 2px 10px rgba(22,21,18,.035)}
.kc-quote-workflow .kc-customer-suggestion-card>header{align-items:center}
.kc-quote-workflow .kc-customer-suggestion-status{border-radius:999px}
.kc-quote-workflow .kc-customer-suggestion-products{padding:14px;border:1px solid var(--kc-panel-line);border-radius:12px;background:#f5f5f5}
.kc-quote-workflow .kc-customer-suggestion-actions .submit-button{min-height:42px;padding:0 17px;border-radius:999px}
.kc-quote-workflow .kc-customer-suggestions-empty{display:grid;justify-items:center;align-content:center;gap:11px;min-height:220px;padding:28px;border:1px dashed #d8d8d8;border-radius:18px;background:#f5f5f5;color:#686868;text-align:center}
.kc-quote-workflow .kc-customer-suggestions-empty::before{content:'↗';display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--kc-panel-line);border-radius:16px;background:#fff;color:#161512;font:600 20px/1 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-suggestions-empty p{max-width:44ch;margin:0;font:550 13px/1.6 "Mona Sans Variable"}

.kc-quote-workflow .kc-customer-quote-stats{gap:14px}
.kc-quote-workflow .kc-customer-quote-stats article{position:relative;gap:8px;min-height:146px;padding:20px;border:1px solid var(--kc-panel-line);border-radius:20px;background:#fff;box-shadow:var(--kc-panel-shadow);transition:transform .18s,box-shadow .18s}
.kc-quote-workflow .kc-customer-quote-stats article::before{content:'';display:block;width:36px;height:36px;border:1.5px solid #dedede;border-radius:50%;background:#f5f5f5}
.kc-quote-workflow .kc-customer-quote-stats article:nth-child(2)::before{border:5px solid #f5f5f5;border-top-color:#ff0000;transform:rotate(-35deg)}
.kc-quote-workflow .kc-customer-quote-stats article:nth-child(3)::before{border-color:#dedede;background:radial-gradient(circle,#888 0 3px,transparent 3.5px),#f3f3f3}
.kc-quote-workflow .kc-customer-quote-stats article:nth-child(4)::before{border-color:#dedede;background:linear-gradient(45deg,transparent 47%,#888 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#888 48% 52%,transparent 53%),#f3f3f3}
.kc-quote-workflow .kc-customer-quote-stats article:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(22,21,18,.09)}
.kc-quote-workflow .kc-customer-quote-stats span{font:600 9px/1.2 "Mona Sans Variable";letter-spacing:.12em}
.kc-quote-workflow .kc-customer-quote-stats strong{font-size:32px}
.kc-quote-workflow .kc-customer-quotes-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto auto;align-items:end;gap:12px;padding:18px;border:1px solid var(--kc-panel-line);border-radius:18px;background:#fff;box-shadow:var(--kc-panel-shadow)}
.kc-quote-workflow .kc-customer-quotes-tools label{min-width:0;gap:8px;color:#4a4842;font:700 9px/1.3 "Mona Sans Variable";letter-spacing:.1em}
.kc-quote-workflow .kc-customer-quotes-tools input,.kc-quote-workflow .kc-customer-quotes-tools select{min-height:44px;padding:0 13px;border:1px solid #dedede;border-radius:12px;background:#f5f5f5;color:#161512;font:550 12px "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-quotes-tools input:focus,.kc-quote-workflow .kc-customer-quotes-tools select:focus{outline:0;border-color:#161512;background:#fff;box-shadow:0 0 0 4px rgba(22,21,18,.07)}
.kc-quote-workflow .kc-customer-quotes-tools .line-link{min-height:42px;margin-left:0;padding:0 13px;border:1px solid var(--kc-panel-line);border-radius:999px;background:#fff;font-size:9px}
.kc-quote-workflow .kc-customer-quotes-table-wrap{border:1px solid var(--kc-panel-line);border-radius:20px;background:#fff;box-shadow:var(--kc-panel-shadow)}
.kc-quote-workflow .kc-customer-quotes-table{min-width:720px}
.kc-quote-workflow .kc-customer-quotes-table th{padding:15px 16px;border-color:var(--kc-panel-line);background:#f5f5f5;color:#686868;font:600 9px/1.3 "Mona Sans Variable";letter-spacing:.11em}
.kc-quote-workflow .kc-customer-quotes-table td{padding:17px 16px;border-color:var(--kc-panel-line);font-size:12px}
.kc-quote-workflow .kc-customer-quotes-table tbody tr:hover{background:#f5f5f5}
.kc-quote-workflow .kc-customer-quote-status{padding:7px 11px;border-radius:999px;font-size:9px}
.kc-quote-workflow .kc-customer-quote-detail-button{min-height:34px;padding:0 12px;border-color:var(--kc-panel-line);border-radius:999px;font-size:9px}
.kc-quote-workflow .kc-customer-quotes-empty,.kc-quote-workflow .kc-customer-quotes-message{padding:26px;border:1px solid var(--kc-panel-line);border-radius:18px;background:#fff;box-shadow:var(--kc-panel-shadow)}

@media(max-width:1000px){
  .kc-quote-workflow .kc-customer-account-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-quote-workflow .kc-customer-quotes-tools{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:14px}
  .kc-quote-workflow .kc-customer-quotes-tools label{grid-column:span 2}
  .kc-quote-workflow .kc-customer-quotes-tools .line-link{grid-column:span 3;justify-content:center;margin:0;padding-inline:10px;font-size:9px}
}
@media(max-width:760px){
  .kc-quote-workflow .kc-profile-group-fields,.kc-quote-workflow .kc-customer-password-form{grid-template-columns:1fr}
  .kc-quote-workflow .kc-profile-group-fields .kc-profile-email-field,.kc-quote-workflow .kc-profile-group-fields .kc-profile-address-field{grid-column:auto}
  .kc-quote-workflow .kc-profile-form-actions{align-items:stretch;flex-direction:column}
  .kc-quote-workflow .kc-customer-quote-stats article{min-height:122px;padding:14px}
  .kc-quote-workflow .kc-customer-seller-change .kc-quote-question{grid-template-columns:1fr}
  .kc-quote-workflow .kc-seller-change-step .kc-quote-question legend{grid-column:auto}
  .kc-quote-workflow .kc-seller-change-step .submit-button{width:100%}
  .kc-quote-workflow .kc-customer-quotes-tools{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kc-quote-workflow .kc-customer-quotes-tools label,.kc-quote-workflow .kc-customer-quotes-tools .line-link{grid-column:span 1}
  .kc-quote-workflow .kc-customer-quotes-tools .line-link{width:100%;margin:0;text-align:center}
}
@media(min-width:810px){.kc-customer-menu-mobile-toggle{display:none!important}}
@media(max-width:809px){.kc-customer-menu-mobile-toggle{display:grid!important;align-content:center;justify-self:auto;grid-template-columns:6px 6px;grid-template-rows:6px 6px;place-content:center;gap:3px;padding:0}.kc-customer-menu-panel{left:0;width:min(100vw,500px);padding:25px 23px}.kc-customer-menu-scrim{left:0}}

/* KAVTO account palette: red, white, and light gray. */
.kc-quote-workflow .kc-customer-quotes--standalone{--kc-panel-bg:#f4f4f4;--kc-panel-surface:#fff;--kc-panel-soft:#f6f6f6;--kc-panel-ink:#111;--kc-panel-muted:#686868;--kc-panel-line:#e2e2e2;--kc-panel-shadow:0 8px 28px rgba(17,17,17,.055);background:#fff}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-account-strip{background:#f5f5f5}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-profile-group-fields input,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-password-form input,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step select,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step input:not([type=checkbox]),
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step textarea,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-tools input,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-tools select{border-color:#dedede;background:#f6f6f6;color:#111}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-profile-group-fields input:focus,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-password-form input:focus,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-tools input:focus,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-tools select:focus{border-color:#ff0000;background:#fff;box-shadow:0 0 0 3px rgba(255,0,0,.1)}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-stats article:nth-child(2)::before{border-color:#f2d0d0;border-top-color:#ff0000}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-stats article:nth-child(3)::before{border-color:#dedede;background:radial-gradient(circle,#ff0000 0 3px,transparent 3.5px),#f5f5f5}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-stats article:nth-child(4)::before{border-color:#f2d0d0;background:linear-gradient(45deg,transparent 47%,#ff0000 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#ff0000 48% 52%,transparent 53%),#fff}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-status.is-pending{background:#fff;border-color:#ff0000;color:#d90000}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-status.is-approved{background:#f3f3f3;border-color:#dedede;color:#444}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-status.is-rejected{background:#fff;border-color:#ff0000;color:#d90000}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-profile-save,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step .submit-button,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-quote-request>.submit-button{border-color:#ff0000;background:#ff0000;color:#fff}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-profile-save:hover:not(:disabled),
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step .submit-button:hover:not(:disabled),
.kc-quote-workflow .kc-customer-quotes--standalone .kc-quote-request>.submit-button:hover:not(:disabled){background:#d90000}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-account-strip>div{background:#fff}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestion-status{border-color:#dedede;background:#f3f3f3;color:#444}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions-empty{border-color:#d8d8d8;background:#f5f5f5;color:#686868}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions-empty::before{background:#fff;color:#ff0000}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestion-products{background:#f5f5f5}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step .kc-quote-question{background:#f5f5f5}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-seller-change-step .kc-quote-question label{border-color:#e2e2e2;background:#fff}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quote-stats article::before{border-color:#dedede;background:#f3f3f3}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-table th{background:#f3f3f3}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-table tbody tr:hover{background:#f6f6f6}
.kc-quote-workflow .kc-customer-quotes--standalone .kc-profile-group-fields .kc-profile-secondary:hover:not(:disabled){border-color:#ff0000;background:#f5f5f5;color:#d90000}

/* Keep account and quote-request surfaces neutral gray, with KAVTO red for primary actions. */
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-profile-card,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-seller-change,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-suggestions,
.kc-quote-workflow .kc-customer-quotes--standalone .kc-customer-quotes-tools{background:#fff}
.kc-quote-workflow .kc-quote-cart-line{grid-template-columns:76px minmax(0,1fr) 100px auto;gap:14px}
.kc-quote-workflow .kc-quote-cart-image{display:grid;place-items:center;width:76px;height:76px;overflow:hidden;border:1px solid #e2e2e2;border-radius:12px;background:#f2f2f2;color:#d90000;font:700 30px/1 "Mona Sans Variable"}
.kc-quote-workflow .kc-quote-cart-image img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}
.kc-quote-workflow .kc-quote-cart-copy{min-width:0}
.kc-quote-workflow .kc-quote-customer-summary{margin:20px 0 28px;padding:20px;border:1px solid #e2e2e2;border-radius:16px;background:#f5f5f5}
.kc-quote-workflow .kc-quote-customer-summary h4{margin:0 0 14px;color:#111;font:700 12px/1.3 "Mona Sans Variable";letter-spacing:.08em}
.kc-quote-workflow .kc-quote-customer-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 16px}
.kc-quote-workflow .kc-quote-customer-fields>label{display:grid;align-content:start;gap:6px;min-width:0;color:#555;font:700 9px/1.3 "Mona Sans Variable";letter-spacing:.06em}
.kc-quote-workflow .kc-quote-customer-fields input{width:100%;min-width:0;height:42px;padding:0 11px;border:1px solid #dedede;border-radius:9px;background:#f9f9f9;color:#333;font:500 11px/1.35 "Mona Sans Variable";letter-spacing:0}
.kc-quote-workflow .kc-quote-customer-ruc{display:flex;gap:7px;min-width:0}
.kc-quote-workflow .kc-quote-customer-ruc input{flex:1 1 auto}
.kc-quote-workflow .kc-quote-customer-ruc>span{display:inline-grid;place-items:center;flex:0 0 auto;padding:0 10px;border:1px solid #e7b8bb;border-radius:9px;background:#fff;color:#c8101e;font:700 8px/1 "Mona Sans Variable";letter-spacing:.05em}
.kc-quote-workflow .kc-quote-customer-fields-note{margin:12px 0 0;color:#686868;font:500 10px/1.45 "Mona Sans Variable"}
.kc-quote-workflow .kc-customer-new-quote-form>.submit-button{width:100%;min-height:54px;border:1px solid #ed1c24;background:#ed1c24;color:#fff;font-size:11px;letter-spacing:.05em}
.kc-quote-workflow .kc-customer-new-quote-form>.submit-button:hover:not(:disabled){background:#d90000}
@media(max-width:640px){
  .kc-quote-workflow .kc-quote-cart-line{grid-template-columns:58px minmax(0,1fr) 82px;gap:10px}
  .kc-quote-workflow .kc-quote-cart-image{width:58px;height:58px}
  .kc-quote-workflow .kc-quote-customer-summary{padding:15px}
  .kc-quote-workflow .kc-quote-customer-fields{grid-template-columns:minmax(0,1fr)}
}

/* Quote overview: light-gray surfaces, with red reserved for primary actions. */
.kc-quote-workflow .kc-customer-quote-stats article{background:#f2f2f2}
.kc-quote-workflow .kc-customer-quote-stats article::before{border-color:#dedede;background-color:#ededed}
.kc-quote-workflow .kc-customer-quote-stats article:nth-child(2)::before{border-color:#dedede;border-top-color:#888;background:#ededed}
.kc-quote-workflow .kc-customer-quote-stats article:nth-child(3)::before{border-color:#dedede;background:radial-gradient(circle,#888 0 3px,transparent 3.5px),#ededed}
.kc-quote-workflow .kc-customer-quote-stats article:nth-child(4)::before{border-color:#dedede;background:linear-gradient(45deg,transparent 47%,#888 48% 52%,transparent 53%),linear-gradient(-45deg,transparent 47%,#888 48% 52%,transparent 53%),#ededed}
.kc-quote-workflow .kc-customer-quote-status.is-pending,
.kc-quote-workflow .kc-customer-quote-status.is-approved,
.kc-quote-workflow .kc-customer-quote-status.is-rejected{background:#f2f2f2;border-color:#dedede;color:#444}

.kc-quote-workflow .kc-profile-email-note .kc-profile-secondary{margin:6px 8px 6px 0;white-space:normal}
.kc-quote-sidebar-layer{position:fixed;inset:0;z-index:10050;isolation:isolate}
.kc-quote-sidebar-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(0,0,0,.48);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;animation:kc-quote-backdrop-in .22s ease both}
.kc-quote-sidebar-dialog{position:absolute;inset:0 0 0 auto;display:flex;flex-direction:column;width:min(760px,100%);height:100%;height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;container-type:inline-size;background:#fff;color:#0d0d0d;box-shadow:-20px 0 70px rgba(0,0,0,.24);animation:kc-quote-panel-in .32s cubic-bezier(.2,.75,.25,1) both}
.kc-quote-sidebar-dialog:focus{outline:none}
.kc-quote-sidebar-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:20px;flex:0 0 auto;padding:20px clamp(20px,4vw,34px);border-bottom:1px solid #e3e3e3;background:#fff}
.kc-quote-sidebar-header .micro-label{margin:0 0 6px;color:#737373;font-size:10px}
.kc-quote-sidebar-header h2{margin:0;font:700 clamp(19px,2vw,25px)/1.05 "Mona Sans Variable",sans-serif;letter-spacing:-.035em}
.kc-quote-sidebar-close{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;padding:0;border:1px solid #d9d9d9;border-radius:50%;background:#fff;color:#111;font:400 30px/1 Arial,sans-serif;cursor:pointer}
.kc-quote-sidebar-close:hover{border-color:#111}
.kc-quote-workflow--sidebar{display:flex;flex:0 0 auto;flex-direction:column;width:100%;max-width:none;min-height:auto;margin:0;overflow:visible;padding:0 clamp(20px,4vw,34px) 30px;color:#111}
.kc-quote-workflow--sidebar .section-label,.kc-quote-workflow--sidebar .contact-top,.kc-quote-workflow--sidebar>h2,.kc-quote-workflow--sidebar>.contact-intro,.kc-quote-workflow--sidebar>.contact-steps{display:none}
.kc-quote-workflow--sidebar .kc-quote-mode-switch{display:none}
.kc-quote-workflow--sidebar .kc-quote-panel{margin-top:0}
.kc-quote-workflow--sidebar .kc-quote-block{max-width:none;padding:18px 0}
.kc-quote-workflow--sidebar .kc-quote-login{max-width:none}
.kc-quote-workflow--sidebar .kc-quote-columns{grid-template-columns:1fr;gap:24px;margin-top:12px}
.kc-quote-workflow--sidebar .kc-quote-customer{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--border)}
.kc-quote-workflow--sidebar .kc-quote-question{padding:12px 0}
.kc-quote-workflow--sidebar .kc-quote-suggestion{gap:12px}
.kc-quote-workflow--sidebar .kc-quote-entry{grid-template-columns:1fr;margin-top:12px}
.kc-quote-workflow--sidebar .kc-quote-entry-card{min-height:0;padding:18px}
.kc-quote-workflow--sidebar .kc-customer-quotes{min-height:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form{display:grid;gap:18px;min-width:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>h3{margin:0;font-size:clamp(22px,3cqi,28px);line-height:1.05}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-summary{margin:0;padding:16px;border-radius:12px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields>label:nth-child(2),
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields>label:nth-child(7){grid-column:1/-1}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields input{height:40px;font-size:11px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-line{grid-template-columns:60px minmax(0,1fr) 86px auto;gap:10px;padding:12px 0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-image{width:60px;height:60px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-copy{min-width:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-copy strong{overflow-wrap:anywhere;font-size:11px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-copy small{font-size:10px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special{margin:20px 0;padding:16px 0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button{width:100%;margin-top:4px}
@keyframes kc-quote-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes kc-quote-panel-in{from{transform:translateX(28px);opacity:.7}to{transform:translateX(0);opacity:1}}
@media(max-width:600px){.kc-quote-sidebar-dialog{width:100%}.kc-quote-sidebar-header{padding:16px 18px}.kc-quote-workflow--sidebar{padding:0 18px 24px}.kc-quote-sidebar-close{flex-basis:38px;width:38px;height:38px}}
@container (max-width:620px){
  .kc-quote-workflow--sidebar{padding-right:16px;padding-left:16px}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields{grid-template-columns:minmax(0,1fr)}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields>label{grid-column:1}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-line{grid-template-columns:52px minmax(0,1fr) 72px;gap:9px}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-image{width:52px;height:52px}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart-line>.kc-quote-remove{grid-column:2/-1;justify-self:end}
}
@media(prefers-reduced-motion:reduce){.kc-quote-sidebar-backdrop,.kc-quote-sidebar-dialog{animation:none}}

/* Customer quotation: compact account details and a visible selection tray. */
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-quotes-header{display:none}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form{gap:14px;padding-top:20px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.micro-label,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>h3:not(.kc-quote-subhead){display:none}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-summary{padding:0;border:0;background:transparent;border-radius:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-summary>h4{margin:0 0 16px;font-size:13px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields>label,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields>label:nth-child(2),
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields>label:nth-child(7){grid-column:auto;font-size:10px;line-height:1.5;letter-spacing:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields input,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields select{width:100%;min-width:0;height:38px;padding:8px 10px;border:1px solid #dedede;border-radius:7px;background:#fafafa;color:#666;font:500 11px/1.4 "Mona Sans Variable",sans-serif;opacity:1;-webkit-text-fill-color:#666}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields small{display:block;color:#777;font-size:10px;font-weight:450}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-ruc{gap:8px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-ruc>span{padding:9px 10px;border:0;border-radius:7px;background:#ed1c24;color:white;font-size:9px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields-note{margin:12px 0 0;font-size:10px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-edit-profile-link{margin-top:6px;padding:8px 0;font-size:10px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-subhead{margin:4px 0;font:650 12px/1.4 "Mona Sans Variable",sans-serif;letter-spacing:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact{display:grid;grid-template-columns:repeat(auto-fill,minmax(138px,1fr));gap:10px;margin:0;padding:12px;border:1px solid #e1e1e1;border-radius:9px;background:#fafafa}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:0;margin:0;padding:12px 10px 8px;border:1px solid #e7e7e7;border-radius:8px;background:white}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-image{align-self:flex-start;width:52px;height:52px;border-radius:5px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-copy strong{font-size:10px;font-weight:600;line-height:1.45;overflow-wrap:anywhere}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-copy small{font-size:9px;overflow-wrap:anywhere}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>label{position:absolute;top:10px;right:8px;display:block;font-size:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>label input{width:52px;height:28px;min-height:28px;padding:3px 4px;border:1px solid #ed1c24;border-radius:6px;background:#fff4f4;color:#b51118;font-size:11px;text-align:center}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-remove{align-self:flex-end;margin-top:auto;padding:4px 0;font-size:9px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special{margin:4px 0;padding:8px 0;border:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-info{font-size:11px;line-height:1.6}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields{display:grid;grid-template-columns:1fr 1fr 2fr 70px;gap:9px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields>label.field-wide{grid-column:auto}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields label{gap:5px;font-size:9px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields input{min-width:0;min-height:36px;padding:8px;border:1px solid #ddd;border-radius:6px;background:#fff;font-size:11px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields>button{justify-self:start;grid-column:1/-1;min-height:32px;margin:0;font-size:10px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-message{gap:8px;margin:0;font-size:11px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-message textarea{min-height:92px;padding:12px;border:1px solid #ddd;border-radius:8px;background:#fff;font-size:12px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button{display:flex;justify-content:space-between;max-width:none;min-height:48px;margin:0;padding:14px 18px;border:0;border-radius:9px;background:linear-gradient(110deg,#ff111b,#c71623);color:white;box-shadow:0 7px 20px #ed1c2424;font-size:12px;text-align:left}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:disabled{opacity:.55;cursor:wait}
.kc-customer-start-quote{margin:0 0 22px}.kc-customer-seller-eligibility>h4{margin:12px 0}.kc-customer-seller-eligibility>p{font-size:13px;line-height:1.65}
@container(max-width:440px){.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields{grid-template-columns:1fr}.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields>label.field-wide{grid-column:1/-1}}

/* KAVTO account quote panel: restrained editorial surfaces, clear product rows. */
.kc-quote-sidebar-header{border-top:3px solid #ed1c24;padding-top:18px}
.kc-quote-sidebar-header .micro-label{color:#777;letter-spacing:.12em}
.kc-quote-sidebar-header h2{letter-spacing:-.045em}
.kc-quote-sidebar-close{transition:border-color .18s ease,color .18s ease,background .18s ease}
.kc-quote-sidebar-close:hover{border-color:#ed1c24;background:#fff7f7;color:#c9151c}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form{gap:18px;padding-top:22px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-summary{padding:18px 20px;border:0;border-left:2px solid #ed1c24;background:#f4f4f4}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-summary>h4{margin-bottom:14px;letter-spacing:.09em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields{gap:12px 18px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields input,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields select{height:37px;padding:8px 2px;border:0;border-bottom:1px solid #c9c9c9;border-radius:0;background:transparent;color:#303030;-webkit-text-fill-color:#303030}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields input:focus,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields select:focus{outline:0;border-bottom:2px solid #ed1c24}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-customer-fields-note{color:#666}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-edit-profile-link{border-bottom:1px solid #111}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-subhead{margin:8px 0 0;font-size:13px;letter-spacing:.045em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact{grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:0;border-radius:0;background:transparent}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line{display:grid;grid-template-columns:58px minmax(0,1fr) 72px auto;align-items:center;gap:12px;padding:12px 2px;border:0;border-top:1px solid #dedede;border-radius:0;background:transparent}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-image{align-self:center;width:54px;height:54px;border:1px solid #e0e0e0;border-radius:2px;background:#fff}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-copy strong{font-size:11px;font-weight:650;line-height:1.45}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-copy small{margin-top:3px;color:#777;font-size:10px;letter-spacing:.035em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>label{position:static;display:grid;gap:4px;font-size:9px;letter-spacing:.08em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>label input{width:64px;height:32px;border:1px solid #cfcfcf;border-radius:0;background:#fff;color:#111;font-size:12px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-remove{grid-column:auto;align-self:center;margin:0;border-bottom:1px solid #aaa;color:#555;font-size:9px;letter-spacing:.04em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special{margin:6px 0 0;padding:18px 18px 16px;border:0;border-left:2px solid #c9c9c9;background:#f4f4f4}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields input{border-radius:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-message textarea{border-radius:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button{min-height:50px;padding:15px 18px;border-radius:0;background:#ed1c24;box-shadow:none;font-size:11px;letter-spacing:.045em;transition:background .18s ease}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:hover:not(:disabled){background:#c9151c}
.kc-quote-workflow.kc-quote-workflow--sidebar :is(button,input,select,textarea,a):focus-visible{outline:2px solid #ed1c24;outline-offset:3px}
@container(max-width:620px){.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line{grid-template-columns:48px minmax(0,1fr) 60px;gap:9px}.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-image{width:46px;height:46px}.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>label{grid-column:2;grid-row:2}.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>label input{width:58px}.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-cart-line>.kc-quote-remove{grid-column:3;grid-row:2;justify-self:end}}

/* Clear, tactile actions for the customer quote panel and its sign-in state. */
.kc-quote-sidebar-close{border-color:#d1d1d1;box-shadow:0 2px 6px rgba(17,17,17,.05);transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease,box-shadow .18s ease}
.kc-quote-sidebar-close:hover{transform:rotate(90deg);border-color:#ed1c24;background:#fff5f5;color:#c9151c;box-shadow:0 3px 10px rgba(237,28,36,.12)}
.kc-quote-sidebar-close:active{transform:scale(.94)}
.kc-quote-sidebar-close:focus-visible{outline:2px solid #ed1c24;outline-offset:3px}
.kc-quote-workflow--sidebar .kc-quote-login{gap:14px}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:4px;padding:8px 12px 8px 18px;border:1px solid #d91824;border-radius:4px;background:#ed1c24;color:#fff;box-shadow:0 7px 18px rgba(201,16,32,.16);font:700 11px/1.35 "Mona Sans Variable",sans-serif;letter-spacing:.06em;text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button>span,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button>span{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;border:1px solid rgba(255,255,255,.42);border-radius:50%;font-size:16px;transition:transform .18s ease,background .18s ease}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button:hover:not(:disabled),
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:hover:not(:disabled){transform:translateY(-1px);border-color:#c81020;background:#c81020;box-shadow:0 10px 24px rgba(201,16,32,.22)}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button:hover:not(:disabled)>span,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:hover:not(:disabled)>span{transform:translate(2px,-2px);background:rgba(255,255,255,.12)}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button:active:not(:disabled),
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:active:not(:disabled){transform:translateY(0);box-shadow:0 3px 9px rgba(201,16,32,.16)}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button:disabled,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:disabled{cursor:wait;opacity:.62;box-shadow:none}
.kc-quote-workflow--sidebar .kc-quote-login .submit-button:focus-visible,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button:focus-visible{outline:2px solid #171717;outline-offset:3px}
.kc-quote-workflow--sidebar .kc-quote-register-link{color:#2f2f2f;text-decoration:underline;text-decoration-color:#b7b7b7;text-underline-offset:4px;transition:color .18s ease,text-decoration-color .18s ease}
.kc-quote-workflow--sidebar .kc-quote-register-link:hover{color:#c9151c;text-decoration-color:#ed1c24}
.kc-quote-workflow--sidebar .kc-quote-register-link:focus-visible,
.kc-quote-workflow--sidebar .kc-quote-edit-profile-link:focus-visible{outline:2px solid #ed1c24;outline-offset:3px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields>button{min-height:38px;padding:0 12px;border:1px solid #cfcfcf;background:#fff;color:#222;font-weight:700;letter-spacing:.04em;transition:border-color .18s ease,color .18s ease,background .18s ease}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-special .kc-quote-fields>button:hover:not(:disabled){border-color:#ed1c24;background:#fff5f5;color:#c9151c}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-remove{transition:border-color .18s ease,color .18s ease}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-cart--compact .kc-quote-remove:hover{border-color:#ed1c24;color:#c9151c}
@media(prefers-reduced-motion:reduce){
  .kc-quote-sidebar-close,
  .kc-quote-workflow--sidebar .kc-quote-login .submit-button,
  .kc-quote-workflow--sidebar .kc-quote-login .submit-button>span,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-new-quote-form>.submit-button>span{transition:none}
}

/* Profile completion actions inside the quote sidepanel. */
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary{
  grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:42px;width:min(100%,280px);padding:0 15px;border:1px solid #cfcfcf;border-radius:3px;
  background:#fff;color:#222;text-align:center;font:700 10px/1.3 "Mona Sans Variable",sans-serif;
  letter-spacing:.045em;transition:transform .16s ease,border-color .16s ease,color .16s ease,background .16s ease
}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary::after{content:"↗";color:#ed1c24;font-size:14px;transition:transform .16s ease}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary:hover:not(:disabled){transform:translateY(-1px);border-color:#ed1c24;background:#fff8f8;color:#b9141b}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary:hover:not(:disabled)::after{transform:translate(2px,-2px)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary:disabled{opacity:.5;cursor:not-allowed}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions{position:sticky;bottom:0;z-index:4;gap:16px;padding:14px 16px;border:1px solid #e4e4e4;border-radius:3px;background:rgba(255,255,255,.96);box-shadow:0 -8px 28px rgba(0,0,0,.08);backdrop-filter:blur(12px)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions>span{max-width:360px;color:#666;font-size:11px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-password-form .kc-profile-save{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;min-width:min(220px,45%);
  padding:0 18px;border:1px solid #ed1c24;border-radius:3px;background:#ed1c24;color:#fff;
  box-shadow:0 5px 14px rgba(237,28,36,.16);font:700 10px/1.3 "Mona Sans Variable",sans-serif;
  letter-spacing:.045em;text-align:center;transition:transform .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease
}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save>span{font-size:15px;transition:transform .16s ease}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save:hover:not(:disabled),
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-password-form .kc-profile-save:hover:not(:disabled){transform:translateY(-1px);border-color:#c9151c;background:#c9151c;box-shadow:0 8px 18px rgba(201,21,28,.22)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save:hover:not(:disabled)>span{transform:translate(2px,-2px)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save:disabled,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-password-form .kc-profile-save:disabled{opacity:.58;cursor:wait;box-shadow:none}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>.kc-profile-logout{
  display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:44px;margin-top:14px;padding:0 14px;
  border:1px solid #dedede;border-radius:3px;background:#fff;color:#555;text-decoration:none;
  font:700 10px/1.3 "Mona Sans Variable",sans-serif;letter-spacing:.045em;transition:border-color .16s ease,color .16s ease,background .16s ease
}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>.kc-profile-logout:hover:not(:disabled){border-color:#ed1c24;background:#fff8f8;color:#b9141b}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>.kc-profile-logout:disabled{opacity:.55;cursor:wait}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary:focus-visible,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-save:focus-visible,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-logout:focus-visible{outline:2px solid #ed1c24;outline-offset:3px}
@container(max-width:520px){
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions{align-items:stretch;flex-direction:column}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary::after,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save>span,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-password-form .kc-profile-save,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>.kc-profile-logout{transition:none}
}

/* Sidepanel profile flow: compact editorial hierarchy, clear status, low-friction form. */
.kc-quote-sidebar-dialog{width:min(720px,100%);border-left:1px solid #e6e2df;background:#fbfaf9;box-shadow:-18px 0 54px rgba(20,16,16,.2)}
.kc-quote-sidebar-header{min-height:92px;padding:18px clamp(20px,4vw,32px);border-top:3px solid #ed1c24;border-bottom-color:#e8e5e2;background:#fff}
.kc-quote-sidebar-header .micro-label{margin-bottom:7px;color:#777;font-size:9px;letter-spacing:.16em}
.kc-quote-sidebar-header h2{font-size:clamp(20px,2.3vw,25px);letter-spacing:-.045em}
.kc-quote-sidebar-close{width:40px;height:40px;flex-basis:40px;border-color:#d8d5d2;background:#fff;font-size:27px}
.kc-quote-workflow.kc-quote-workflow--sidebar{gap:0;padding:0 clamp(20px,4vw,32px) 32px;background:#fbfaf9}
.kc-quote-workflow.kc-quote-workflow--sidebar>.kc-quote-notice{display:flex;align-items:flex-start;gap:11px;margin:18px 0 2px;padding:13px 15px;border:1px solid #f0d5d5;border-left:3px solid #ed1c24;background:#fff;color:#6b3030;font:550 12px/1.55 "Mona Sans Variable",sans-serif}
.kc-quote-workflow.kc-quote-workflow--sidebar>.kc-quote-notice::before{content:"!";display:grid;flex:0 0 19px;width:19px;height:19px;place-items:center;border-radius:50%;background:#ed1c24;color:#fff;font:700 12px/1 "Mona Sans Variable",sans-serif}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-panel{margin:0;padding:0;border:0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block{padding:22px 0 0}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>h3{max-width:490px;margin:0;color:#171615;font:750 clamp(22px,3.3vw,29px)/1.06 "Mona Sans Variable",sans-serif;letter-spacing:-.045em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>p{max-width:540px;margin:9px 0 18px;color:#6b6865;font:500 12px/1.55 "Mona Sans Variable",sans-serif}
.kc-quote-workflow.kc-quote-workflow--sidebar:has(>.kc-quote-notice) .kc-quote-block:has(.kc-customer-profile-card)>p{display:none}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-profile-card{gap:12px;padding:0;border:0;background:transparent}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-profile-form{gap:12px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group{counter-increment:profile-step;gap:17px;padding:20px;border:1px solid #e6e2df;border-radius:4px;background:#fff;box-shadow:0 3px 12px rgba(17,17,17,.025)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-profile-form{counter-reset:profile-step}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group>header{grid-template-columns:34px minmax(0,1fr);gap:4px 12px;padding-bottom:14px;border-bottom:1px solid #ece9e6}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group>header::before{content:"0" counter(profile-step);grid-column:1;grid-row:1/4;align-self:start;padding-top:1px;color:#ed1c24;font:700 11px/1.2 "Mona Sans Variable",sans-serif;letter-spacing:.04em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group>header p{grid-column:2;color:#a5161b;font-size:9px;letter-spacing:.15em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group>header h5{grid-column:2;font-size:17px;letter-spacing:-.03em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group>header span{grid-column:2;font-size:11px;line-height:1.45}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields{gap:13px 15px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields label{gap:6px;color:#514e4b;font-size:9px;letter-spacing:.09em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields input{min-height:43px;padding:0 12px;border-color:#e0ddda;border-radius:3px;background:#fff;font-size:12px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields input[readonly]{background:#f4f3f2;color:#777}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields input:focus{border-color:#ed1c24;box-shadow:0 0 0 3px rgba(237,28,36,.09)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-email-note{grid-column:1/-1;margin:0;padding:11px 13px;border-left:2px solid #d6d1cd;background:#f7f6f5;color:#696561;font:500 11px/1.55 "Mona Sans Variable",sans-serif}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary{min-height:40px;width:min(100%,260px);border-color:#d9d5d1;border-radius:3px;background:#fff;color:#393633;font-size:9px}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-feedback{margin:0;padding:12px 14px;border:1px solid #f0d5d5;border-left:3px solid #ed1c24;background:#fff;color:#77373a;font:550 11px/1.55 "Mona Sans Variable",sans-serif}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions{bottom:0;margin-top:2px;padding:12px 14px;border-color:#e6e2df;border-radius:4px;background:rgba(255,255,255,.97);box-shadow:0 -6px 22px rgba(30,24,22,.07)}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions>span{font-size:10px;line-height:1.5}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save,
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-customer-password-form .kc-profile-save{min-height:44px;min-width:min(220px,48%);border-radius:3px;font-size:9px;letter-spacing:.055em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>.kc-profile-logout{min-height:40px;margin:12px 0 0;border:0;border-top:1px solid #e4e0dc;border-radius:0;background:transparent;color:#777;font-size:9px;letter-spacing:.07em}
.kc-quote-workflow.kc-quote-workflow--sidebar .kc-quote-block>.kc-profile-logout:hover:not(:disabled){border-color:#e4e0dc;background:#fff8f8;color:#b9141b}
@container(max-width:540px){
  .kc-quote-sidebar-dialog{width:100%;border-left:0}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group{padding:16px}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields{grid-template-columns:minmax(0,1fr);gap:12px}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-email-field,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-address-field,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-email-note,
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary{grid-column:1}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-group-fields .kc-profile-secondary{width:100%}
  .kc-quote-workflow.kc-quote-workflow--sidebar .kc-profile-form-actions .kc-profile-save{width:100%;min-width:0}
}
.home-product-carousel {
  --pro-red: #e0202b;
  --pro-light: #f2464f;
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 0 0 0 var(--rail);
  padding: clamp(54px, 7vw, 92px) var(--pad) clamp(56px, 6vw, 84px);
  border: 1px solid rgba(255, 255, 255, .08);
  border-radius: 14px;
  background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, .045), transparent 45%), linear-gradient(145deg, #111 0%, #0a0a0a 56%, #101010 100%);
  color: #f7f7f7;
  margin-left: 63px;
  margin-right: 4px;
}

.home-product-carousel-inner {
  position: relative;
  z-index: 1;
  width: min(100%, 1990px);
  margin: 0 auto;
}
.home-product-pro-glow{position:absolute;z-index:-1;width:380px;height:380px;border-radius:50%;background:rgba(224,32,43,.13);filter:blur(110px);pointer-events:none}
.home-product-pro-glow--left{top:38%;left:-230px}
.home-product-pro-glow--right{right:-230px;bottom:3%}
.home-product-carousel>.section-label{gap:7px;color:#eee;font:700 12px/1.2 "Mona Sans Variable";font-variation-settings:"wdth" 82,"wght" 700;letter-spacing:.17em}
.home-product-carousel>.section-label span:first-child{color:var(--pro-light)}
.home-product-carousel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:clamp(30px,6vw,90px);margin:46px 0 42px}
.home-product-carousel-intro{max-width:820px}
.home-product-carousel-intro h2{margin:0;font:700 clamp(48px,6.1vw,92px)/.91 "Mona Sans Variable",sans-serif;font-variation-settings:"wdth" 78,"wght" 700;letter-spacing:-.055em}
.home-product-carousel-intro h2 em{font-style:normal;filter:drop-shadow(0 0 8px rgba(224,32,43,.2));background-image:linear-gradient(105deg,#6e0b12 4%,#e0202b 28%,#a4121b 48%,#ff5a63 58%,#8f1119 72%,#d81f2a 86%,#6e0b12);background-size:200% auto;background-clip:text;-webkit-background-clip:text;color:transparent;animation:home-pro-shimmer 5s linear infinite}
@keyframes home-pro-shimmer{to{background-position:-200% center}}
.home-product-carousel-intro>p{max-width:560px;margin:22px 0 0;padding-left:16px;border-left:3px solid var(--pro-red);color:#c8c8ca;font:600 11px/1.8 "Mona Sans Variable";letter-spacing:.2em}
.home-product-pro-brand{display:flex;flex:0 0 min(35%,450px);flex-direction:column;align-items:center;gap:18px}
.home-product-pro-brand>img{display:block;width:min(100%,450px);height:auto;max-height:185px;object-fit:contain;animation:home-pro-logo-glow 3.4s ease-in-out infinite}
@keyframes home-pro-logo-glow{0%,100%{filter:drop-shadow(0 0 9px rgba(224,32,43,.28)) drop-shadow(0 9px 24px rgba(0,0,0,.38))}50%{filter:drop-shadow(0 0 22px rgba(224,32,43,.58)) drop-shadow(0 9px 24px rgba(0,0,0,.38))}}
.home-product-pro-button,.home-product-pro-detail,.home-product-pro-pill{--pro-mx:50%;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#0b0b0d;color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035),0 10px 26px rgba(0,0,0,.34);text-decoration:none;cursor:pointer;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.home-product-pro-button::before,.home-product-pro-detail::before,.home-product-pro-pill::before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background:radial-gradient(130px 65px at var(--pro-mx) 50%,rgba(255,255,255,.14),rgba(224,32,43,.23) 42%,transparent 72%);content:"";opacity:.62;pointer-events:none;transition:opacity .25s ease}
.home-product-pro-button:hover,.home-product-pro-detail:hover,.home-product-pro-pill:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 13px 30px rgba(0,0,0,.42),0 0 24px rgba(224,32,43,.23)}
.home-product-pro-button:hover::before,.home-product-pro-detail:hover::before,.home-product-pro-pill:hover::before{opacity:1}
.home-product-pro-button{min-height:49px;padding:0 23px;font:700 11px/1 "Mona Sans Variable";letter-spacing:.13em}
.home-product-pro-button svg{width:17px;height:17px;color:var(--pro-light);transition:transform .22s ease}
.home-product-pro-button:hover svg{transform:translate(2px,-2px)}
.home-product-pro-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 24px}
.home-product-pro-tabs{display:flex;flex-wrap:wrap;gap:9px}
.home-product-pro-pill{min-height:44px;padding:0 15px;font:700 10px/1 "Mona Sans Variable";letter-spacing:.1em}
.home-product-pro-pill::before{background:radial-gradient(130px 65px at var(--pro-mx) 50%,rgba(255,255,255,.24),transparent 72%)}
.home-product-pro-pill.is-active{border-color:rgba(255,255,255,.16);background:linear-gradient(135deg,#e0202b,#97131c);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 8px 25px rgba(0,0,0,.34),0 0 22px rgba(224,32,43,.34)}
.home-product-pro-pill.is-active::before{background:radial-gradient(130px 65px at var(--pro-mx) 50%,rgba(255,255,255,.25),transparent 72%)}
.home-product-pro-icon{width:17px;height:17px;flex:0 0 auto;color:var(--pro-light)}
.home-product-pro-pill.is-active .home-product-pro-icon{color:#fff}
.home-product-pro-search{position:relative;display:flex;align-items:center;gap:11px;flex:0 1 340px;min-width:220px;min-height:48px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.08);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:border-color .2s ease,box-shadow .2s ease}
.home-product-pro-search:focus-within{border-color:rgba(242,70,79,.58);box-shadow:0 0 0 3px rgba(224,32,43,.11),inset 0 1px 0 rgba(255,255,255,.08)}
.home-product-pro-search>svg{width:17px;height:17px;flex:0 0 auto;color:#929295}
.home-product-pro-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;font:500 12px/1.2 "Mona Sans Variable"}
.home-product-pro-search input::placeholder{color:#77777b}
.home-product-pro-search input::-webkit-search-cancel-button{filter:grayscale(1) brightness(2)}
.home-product-pro-search kbd{display:grid;place-items:center;width:23px;height:23px;flex:0 0 auto;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#9a9a9d;font:500 14px/1 "Mona Sans Variable"}
.home-product-pro-results{margin:6px 0 14px;color:#929295;font:700 9px/1.4 "Mona Sans Variable";letter-spacing:.19em}
.home-product-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.home-product-pro-card{min-width:0;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:13px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025) 58%,rgba(224,32,43,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 12px 34px rgba(0,0,0,.32);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.home-product-pro-card:hover,.home-product-pro-card:focus-within{transform:translateY(-3px);border-color:rgba(242,70,79,.44);box-shadow:inset 0 1px 0 rgba(255,255,255,.13),0 0 30px rgba(224,32,43,.12),0 15px 38px rgba(0,0,0,.4)}
.home-product-pro-media{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:4/2.8;border-radius:8px;background:#fff;color:#111;text-decoration:none}
.home-product-pro-media>img:not(.pro-series-card-logo){position:absolute;inset:0;display:block;width:100%;height:100%;padding:clamp(18px,6vw,85px);object-fit:contain;transition:transform .42s cubic-bezier(.2,.7,.25,1)}
.home-product-pro-media>.pro-series-card-logo{position:absolute;z-index:2;top:12px;right:12px;width:clamp(76px,22%,112px);height:auto;max-height:40px;padding:0;object-fit:contain;background:transparent;pointer-events:none}
.home-product-pro-card:hover .home-product-pro-media>img:not(.pro-series-card-logo){transform:scale(1.045)}
.home-product-pro-category{position:absolute;top:12px;left:12px;max-width:calc(100% - 68px);overflow:hidden;padding:7px 10px;border:1px solid rgba(20,20,20,.08);border-radius:999px;background:rgba(255,255,255,.83);color:#29292c;font:700 8px/1 "Mona Sans Variable";letter-spacing:.12em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;backdrop-filter:blur(8px)}
.home-product-pro-open{position:absolute;top:11px;right:11px;display:grid;place-items:center;width:32px;height:32px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:rgba(255,255,255,.88);color:#151515;font:700 18px/1 "Mona Sans Variable";transition:transform .2s ease,background .2s ease}
.home-product-pro-media:hover .home-product-pro-open{transform:translate(1px,-1px);background:#fff}
.home-product-pro-placeholder{display:grid;place-items:center;gap:7px;color:#c31f29}
.home-product-pro-placeholder strong{font:700 72px/.8 "Mona Sans Variable"}
.home-product-pro-placeholder small{color:#6e6e72;font:700 8px/1.2 "Mona Sans Variable";letter-spacing:.13em}
.home-product-pro-copy{padding:18px 13px 11px}
.home-product-pro-eyebrow{display:flex;align-items:center;gap:9px;min-width:0;color:#9c9c9f;font:700 9px/1.2 "Mona Sans Variable";letter-spacing:.18em;text-transform:uppercase}
.home-product-pro-eyebrow span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.home-product-pro-eyebrow span:first-child{color:#fff}
.home-product-pro-eyebrow i{width:4px;height:4px;flex:0 0 auto;border-radius:50%;background:var(--pro-red)}
.home-product-pro-copy h3{max-width:740px;margin:13px 0 0;color:#f7f7f7;font:700 clamp(22px,2.15vw,31px)/1.06 "Mona Sans Variable";font-variation-settings:"wdth" 83,"wght" 700;letter-spacing:-.025em;text-transform:uppercase}
.home-product-pro-description{max-width:700px;margin:10px 0 0;color:#aaaab0;font:400 12px/1.6 "Mona Sans Variable"}
.home-product-pro-card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:19px;padding-top:14px;border-top:1px solid rgba(255,255,255,.09)}
.home-product-pro-code{margin:0;color:#89898e;font:700 8px/1.35 "Mona Sans Variable";letter-spacing:.16em}
.home-product-pro-code strong{display:block;margin-top:5px;color:#d0d0d2;font:600 10px/1.3 "Mona Sans Variable";letter-spacing:.1em}
.home-product-pro-detail{flex:0 0 auto;min-height:42px;padding:0 16px;font:700 9px/1 "Mona Sans Variable";letter-spacing:.12em}
.home-product-pro-detail>span:last-child{color:var(--pro-light);font-size:15px;transition:transform .22s ease,color .22s ease}
.home-product-pro-detail:hover>span:last-child{transform:translate(2px,-2px)}
.home-product-pro-card-actions{display:flex;flex:0 0 auto;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:9px}
.home-product-pro-card-actions .home-product-pro-detail{border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.045);box-shadow:inset 0 0 0 1px rgba(255,255,255,.025);color:#e5e5e7}
.home-product-pro-card-actions .home-product-pro-detail::before{background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.08) 50%,transparent 85%);opacity:0;transform:translateX(-100%);transition:transform .45s ease,opacity .2s ease}
.home-product-pro-card-actions .home-product-pro-detail:hover{border-color:rgba(255,255,255,.38);background:rgba(255,255,255,.085);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),0 8px 20px rgba(0,0,0,.22);color:#fff}
.home-product-pro-card-actions .home-product-pro-detail:hover::before{opacity:1;transform:translateX(100%)}
.home-product-pro-card-actions .home-product-pro-detail.home-product-pro-quote{appearance:none;border-color:#ff343d;background:linear-gradient(135deg,#f51e2a,#c30f1b);font-family:inherit;color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 18px rgba(210,20,32,.2)}
.home-product-pro-quote::before{background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.24) 50%,transparent 85%);opacity:0;transform:translateX(-100%);transition:transform .45s ease,opacity .2s ease}
.home-product-pro-card-actions .home-product-pro-detail.home-product-pro-quote:hover{border-color:#ff6970;background:linear-gradient(135deg,#ff303a,#d20e1b);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 24px rgba(224,32,43,.34)}
.home-product-pro-quote:hover::before{opacity:1;transform:translateX(100%)}
.home-product-pro-quote>span:last-child{color:#fff}
.home-product-pro-empty{display:grid;justify-items:center;gap:12px;padding:50px 18px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.025);text-align:center}
.home-product-pro-empty>span{color:var(--pro-red);font:700 50px/.9 "Mona Sans Variable"}
.home-product-pro-empty>p{margin:0;color:#aaaab0;font:700 10px/1.6 "Mona Sans Variable";letter-spacing:.14em}
.home-product-pro-empty>button{margin-top:3px;padding:9px 13px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:transparent;color:#fff;font:700 9px "Mona Sans Variable";letter-spacing:.12em;cursor:pointer}
.home-product-carousel-state{margin:25px 0 0;color:#b3b3b6;font:600 13px/1.5 "Mona Sans Variable"}
.home-product-carousel-state a{color:#fff;font:700 11px "Mona Sans Variable"}
.home-product-pro-button:focus-visible,.home-product-pro-detail:focus-visible,.home-product-pro-pill:focus-visible,.home-product-carousel-all:focus-visible,.home-product-pro-search:focus-within,.home-product-pro-empty>button:focus-visible{outline:2px solid var(--pro-light);outline-offset:3px}
@media(max-width:1100px){.home-product-carousel-heading{gap:36px}.home-product-pro-brand{flex-basis:min(38%,380px)}.home-product-pro-tabs{gap:7px}.home-product-pro-pill{padding:0 12px;font-size:9px}}
@media(max-width:809px){.home-product-carousel{margin-left:3px;margin-right:3px;padding:54px var(--pad) 50px}.home-product-carousel-heading{align-items:flex-start;flex-direction:column;gap:27px;margin:37px 0 30px}.home-product-carousel-intro h2{font-size:clamp(42px,10.5vw,68px)}.home-product-carousel-intro>p{max-width:480px;margin-top:18px;font-size:9px;letter-spacing:.17em}.home-product-pro-brand{width:min(100%,340px);flex-basis:auto;align-items:flex-start}.home-product-pro-brand>img{width:min(100%,340px);max-height:140px;object-position:left center}.home-product-pro-button{min-height:46px}.home-product-pro-toolbar{align-items:stretch;flex-direction:column-reverse;gap:15px;margin-bottom:20px}.home-product-pro-search{width:100%;min-width:0;flex-basis:auto}.home-product-pro-tabs{gap:8px}.home-product-pro-pill{min-height:41px;padding:0 12px}.home-product-pro-grid{grid-template-columns:1fr;gap:13px}.home-product-pro-card{padding:7px}.home-product-pro-media{aspect-ratio:4/2.9}.home-product-pro-media>img:not(.pro-series-card-logo){padding:clamp(18px,6vw,85px)}.home-product-pro-copy{padding:15px 10px 9px}.home-product-pro-copy h3{font-size:clamp(21px,6.1vw,29px)}.home-product-pro-card-footer{margin-top:15px}.home-product-pro-results{margin-bottom:12px}}
@media(max-width:420px){.home-product-carousel-intro h2{font-size:clamp(38px,10.2vw,48px)}.home-product-pro-pill{min-height:38px;gap:7px;padding:0 10px;font-size:8px;letter-spacing:.07em}.home-product-pro-icon{width:15px;height:15px}.home-product-pro-card-footer{align-items:flex-start;flex-direction:column}.home-product-pro-card-actions{width:100%;justify-content:flex-end}.home-product-pro-detail{align-self:flex-end}}
@media(prefers-reduced-motion:reduce){.home-product-carousel-intro h2 em,.home-product-pro-brand>img{animation:none}.home-product-pro-button,.home-product-pro-detail,.home-product-pro-pill,.home-product-pro-card,.home-product-pro-media>img,.home-product-pro-open{transition:none}}
.popup-offer{position:fixed;inset:0;z-index:10040;display:grid;place-items:center;padding:clamp(12px,3vw,32px);isolation:isolate}
.popup-offer__backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(13,13,13,.68);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);cursor:default;animation:offer-backdrop-in .24s ease both}
.master-offer.popup-offer__slider-only{position:relative;width:min(500px,100%,calc((100dvh - 124px)*.8003));overflow:hidden;border:1px solid rgba(255,255,255,.5);border-radius:4px;background:#f4f4f4;box-shadow:0 28px 90px rgba(0,0,0,.4);animation:offer-panel-in .38s cubic-bezier(.2,.75,.25,1) both}
.close-button-offer.popup-offer__close{position:absolute;top:12px;right:12px;z-index:3;display:grid;width:42px;height:42px;place-items:center;padding:12px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(15,15,15,.58);color:#fff;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.close-button-offer.popup-offer__close svg{display:block;width:100%;height:100%}
.close-button-offer.popup-offer__close:hover{transform:rotate(90deg);border-color:#fff;background:#ed1c24}
.image-wrap-offer{position:relative;overflow:hidden;background:#f4f4f4}
.offer-slider{position:relative;overflow:hidden;aspect-ratio:1122/1402;background:#f4f4f4}
.offer-slider__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .55s ease}
.offer-slider__image.is-active{opacity:1}
.offer-slider__controls{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:8px 16px;background:#f4f4f4;opacity:.9;transition:opacity .2s ease}
.image-wrap-offer:hover .offer-slider__controls,.offer-slider__controls:focus-within{opacity:1}
.offer-slider__controls>button{display:grid;width:34px;height:34px;place-items:center;padding:0;border:1px solid rgba(20,20,20,.2);border-radius:50%;background:#fff;color:#171717;font:500 18px/1 "Mona Sans Variable",sans-serif;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.offer-slider__controls>button:hover{transform:scale(1.06);border-color:#fff;background:#ed1c24}
.offer-slider__dots{display:flex;align-items:center;justify-content:center;gap:7px}
.offer-slider__dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.54);cursor:pointer;transition:width .2s ease,background .2s ease}
.offer-slider__dots button.is-active{width:22px;border-radius:5px;background:#ed1c24}
.popup-offer :is(button):focus-visible{outline:2px solid #fff;outline-offset:3px}
@keyframes offer-backdrop-in{from{opacity:0}to{opacity:1}}
@keyframes offer-panel-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:600px){
  .popup-offer{padding:14px}
  .master-offer.popup-offer__slider-only{width:100%;border-radius:3px}
  .master-offer.popup-offer__slider-only{width:min(100%,calc((100dvh - 84px)*.8003))}
  .close-button-offer.popup-offer__close{top:9px;right:9px;width:38px;height:38px}
}
@media(prefers-reduced-motion:reduce){
  .popup-offer__backdrop,.master-offer.popup-offer__slider-only{animation:none}
  .offer-slider__image,.offer-slider__controls>button,.offer-slider__dots button,.close-button-offer.popup-offer__close{transition:none}
}
/*
================================================================
================================================================
==                                                            ==
==     FIRMA DIGITAL: PLATAFORMA DESARROLLADA POR DS8 AGENCY   ==
==     WEBSITE OFICIAL: https://ds8.agency/                    ==
==                                                            ==
================================================================
================================================================
*/
/* Frozen runtime measurements: docs/design-references/mira/home/team-runtime.json. */
.team {
  position: relative;
  isolation: isolate;
  margin: 3px 3px 3px calc(var(--rail) + 3px);
  padding: 33px;
  border-radius: 12px;
  background: var(--accent);
  color: #fff;
}
.team::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: url('/media/images/kelEr6s1qyt801dQcO45jKcaNkk.gif') repeat;
  mix-blend-mode: hard-light;
  opacity: .07;
  pointer-events: none;
}
.team-content, .team-hiring { max-width: 1854px; margin-inline: auto; }
.team-content { display: flex; flex-direction: column; gap: 80px; }
.team-heading, .team-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.team-label, .team-count, .team-caption small, .team-positions {
  font:400 15px/18px "Mona Sans Variable";
  font-variation-settings: 'wdth' 80, 'wght' 700;
  letter-spacing: -.15px;
}
.team-label { display: flex; gap: 5px; }
.team-label > span { color: #ffffffbf; }
.team-heading h2 {
  grid-column: span 3;
  margin: 0;
  font:400 60px/1 "Mona Sans Variable";
  font-variation-settings: 'wdth' 75, 'wght' 700;
  letter-spacing: -.02em;
  text-align: justify;
  white-space: pre-wrap;
  color: #0d0d0db3;
}
.team-heading h2 span { color: white; }
.team-banner { grid-column: 2 / 5; display: block; width: 70%; height: auto; border-radius: 10px; }
.team-card { min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.team-portrait { position: relative; aspect-ratio: 3/4; border-radius: 10px; overflow: hidden; background: #0d0d0d; }
.team-portrait img { display: block; width: 100%; height: 100%; object-fit: cover; }
.team-icon { position: absolute; top: 12px; left: 12px; width: 23.0625px; height: 20px; background: white; mask: url('/media/images/mira-icon.svg') center/contain no-repeat; }
.team-caption { display: flex; align-items: center; padding: 0 12px; gap: 10px; text-transform: uppercase; }
.team-caption strong { flex: 1; font:400 23px/1.15 "Mona Sans Variable"; font-variation-settings: 'wdth' 75, 'wght' 675; letter-spacing: -.01em; }
.team-caption small { opacity: .8; text-align: right; }
.team-hiring { --team-hiring-step: 100svh; --team-hiring-runway: 400svh; position: relative; min-height: var(--team-hiring-runway); margin-top: 120px; }
.team-hiring-stage { position: sticky; top: 0; height: 100svh; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; align-items: center; }
.team-hiring-copy { grid-column: 1; position: relative; z-index: 2; }
.team-hiring-copy h3 { margin: 0; font: 400 74px / 1.05 "Mona Sans Variable"; font-variation-settings: 'wdth' 75, 'wght' 700; letter-spacing: -.02em; }
.team-hiring-copy p { max-width: 340px; margin: 15px 0 0; font:400 13px/1.4 "Mona Sans Variable"; letter-spacing: -.02em; opacity: .8; }
.team-positions { display: flex; align-items: center; gap: 5px; margin-top: 20px; }
.team-positions span { padding: 4px; font-size: 13px; line-height: 14px; background: #fff; color: var(--accent); border-radius: 4px; }
.team-applications-nav { display: flex; flex-direction: column; margin-top: 28px; border-top: 1px solid #ffffff66; }
.team-applications-nav button { display: grid; grid-template-columns: 28px minmax(0, 1fr) 18px; align-items: center; gap: 8px; width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid #ffffff66; background: transparent; color: #fff; text-align: left; opacity: .58; cursor: pointer; transition: opacity .25s ease; }
.team-applications-nav button[aria-pressed="true"] { opacity: 1; }
.team-applications-nav button > span:first-child { color: #ffffffbd; font: 700 12px/1 "Mona Sans Variable"; font-variation-settings: 'wdth' 80, 'wght' 700; }
.team-applications-nav button strong { font: 400 35px / 1.1 "Mona Sans Variable"; font-variation-settings: 'wdth' 75, 'wght' 700; letter-spacing: -.02em; }
.team-application-arrow { justify-self: end; opacity: 0; transform: translate(-4px, 4px); transition: opacity .25s ease, transform .25s ease; }
.team-applications-nav button[aria-pressed="true"] .team-application-arrow { opacity: 1; transform: translate(0, 0); }
.team-hiring-copy a { display: flex; gap: 9px; align-items: center; width: max-content; margin: 30px 0 0 auto; font:400 17px/1.2 "Mona Sans Variable"; font-variation-settings: 'wdth' 75, 'wght' 700; letter-spacing: -.01em; }
.team-hiring-filler { grid-column: 2; }
.team-hiring-media { position: relative; isolation: isolate; grid-column: 3 / 5; height: min(150svh, 930px); min-height: 440px; overflow: hidden; border-radius: 10px; background: #ff0000; }
.team-application-visual { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; opacity: 0; transform: translate3d(0, 24px, 0) scale(.985); transition: opacity .35s ease .75s, transform .85s cubic-bezier(.22, 1, .36, 1); pointer-events: none; }
.team-application-visual.active { z-index: 2; opacity: 1; transform: translate3d(0, 0, 0) scale(1); pointer-events: auto; transition-delay: 0s; }
.team-group-photo { display: block; width: 100%; height: 100%; object-fit: cover; }
.team-wave-canvas { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.team-hiring-media--wave-ready .team-wave-canvas { opacity: 1; }
.team-hiring-media--wave-ready .team-application-visual { visibility: hidden; }
.team-wave-overlay { position: absolute; z-index: 3; inset: 0; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity .25s ease; }
.team-hiring-media--wave-ready .team-wave-overlay { visibility: visible; opacity: 1; }
.team-wave-overlay .team-application-shade { background: linear-gradient(180deg, transparent, rgba(255, 0, 0, .72) 100%); }
.team-wave-overlay .team-application-caption { animation: team-wave-caption-in .35s cubic-bezier(.22, 1, .36, 1) both; }
@keyframes team-wave-caption-in { from { opacity: 0; transform: translate3d(0, 10px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } }
.team-application-shade { position: absolute; inset: 35% 0 0; background: linear-gradient(180deg, transparent, #000b 100%); pointer-events: none; }
.team-application-caption { position: absolute; right: 30px; bottom: 28px; left: 30px; color: #fff; text-transform: uppercase; }
.team-application-caption > span { font: 700 12px/1.2 "Mona Sans Variable"; font-variation-settings: 'wdth' 80, 'wght' 700; letter-spacing: .04em; }
.team-application-caption h4 { margin: 10px 0 5px; font: 400 clamp(28px, 4vw, 56px)/.95 "Mona Sans Variable"; font-variation-settings: 'wdth' 75, 'wght' 700; letter-spacing: -.04em; }
.team-application-caption p { margin: 0; font: 600 13px/1.2 "Mona Sans Variable"; letter-spacing: .04em; }
.team-hiring-runway { position: absolute; inset: 0; display: grid; grid-template-rows: repeat(4, var(--team-hiring-step)); pointer-events: none; }
.team-hiring-step { width: 1px; height: var(--team-hiring-step); opacity: 0; }
@supports (corner-shape: superellipse(1.5)) { .team-portrait, .team-hiring-media, .team-application-visual { corner-shape: superellipse(1.5); } }
@media (min-width: 810px) and (max-width: 1199px) {
  .team-heading h2 { font-size: 50px; }
  .team-hiring { margin-top: 90px; }
  .team-hiring-stage { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-hiring-copy { padding: 0; }
  .team-hiring-filler { display: none; }
  .team-hiring-media { grid-column: 2; height: min(150svh, 930px); min-height: 440px; }
  .team-application-caption { right: 22px; bottom: 22px; left: 22px; }
}
@media (max-width: 809px) {
  .team { padding: 23px; }
  .team-heading { grid-template-columns: 1fr; }
  .team-heading h2 { grid-column: 1; font-size: 30px; }
  .team-banner { grid-column: 1; }
  .team-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .team-filler { display: none; }
  .team-caption { flex-direction: column; align-items: flex-end; gap: 0; }
  .team-caption strong { width: 100%; font-size: 19px; }
  .team-hiring { --team-hiring-step: max(100svh, 640px); --team-hiring-runway: max(400svh, 2560px); margin-top: 60px; }
  .team-hiring-stage { box-sizing: border-box; height: var(--team-hiring-step); grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr); gap: 14px; align-content: normal; padding: 22px 0; }
  .team-hiring-copy { grid-column: 1; padding: 0; margin-top: 60px; }
  .team-hiring-filler { display: none; }
  .team-hiring-copy h3 { max-width: 500px; margin-inline: 0; font-size: clamp(50px, 7.4vw, 42px); line-height: .98; }
  .team-hiring-copy p { margin-top: 12px; font-size: 14px; }
  .team-positions { margin-top: 12px; }
  .team-applications-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 12px; margin-top: 12px; }
  .team-applications-nav button { grid-template-columns: 22px minmax(0, 1fr) 14px; gap: 7px; padding: 12px 0; }
  .team-applications-nav button strong { font-size: 13px; }
  .team-hiring-copy a { margin: 12px 0 0 auto; font-size: 13px; }
  .team-hiring-media { grid-column: 1; height: 100%; min-height: 0; }
  .team-application-caption { right: 16px; bottom: 16px; left: 16px; }
  .team-application-caption h4 { font-size: clamp(26px, 8vw, 38px); }
  .team-application-caption p { font-size: 11px; }
  .team-hiring-step { min-height: var(--team-hiring-step); }
}
@media (prefers-reduced-motion: reduce) {
  .team::before { display: none; }
  .team-application-visual, .team-applications-nav button, .team-application-arrow, .team-wave-canvas, .team-wave-overlay, .team-wave-overlay .team-application-caption { animation: none; transition: none; }
}
#process .process-heading>h2 em{font-style:normal;color:var(--accent)}
.process-card-top{display:none}
@media(min-width:810px){
  #process{--process-expanded:calc((min(100vw, 1920px) - -80px) / 2);display:flex;flex-direction:column;gap:0;padding:120px 33px 0 calc(var(--rail) + 33px)}
  #process .process-heading{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:auto auto;gap:30px 20px;position:relative;margin-bottom:80px}
  #process .process-heading>.section-label{grid-column:1;grid-row:1;align-self:start;gap:5px;margin:0;font:700 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.01em}
  #process .process-heading>.section-label>span:first-child{color:var(--accent)}
  #process .process-heading>h2{grid-column:2/5;grid-row:1;align-self:start;max-width:none;margin:0;font:700 80px/72px "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;letter-spacing:-.02em;text-wrap:balance}
  #process .process-intro{grid-column:2/5;grid-row:2;display:flex;flex-direction:column;gap:10px;max-width:none;margin:0}
  #process .process-intro>strong,#process .process-intro>p{width:350px;max-width:100%}
  #process .process-intro strong{font:675 23px/26.45px "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 675;letter-spacing:-.01em;text-indent:129px;text-align:left;text-wrap:wrap}
  #process .process-intro strong>span{color:#686868}
  #process .process-intro p{max-width:350px;margin:0;font:600 13px/18.2px "Mona Sans Variable";letter-spacing:-.02em;color:#686868}
  #process .process-stage{position:sticky;top:0;width:calc(100% + 208px);height:100vh;min-height:0;display:block;margin-inline:-104px;padding:3px}
  #process .process-cards{display:flex;align-items:stretch;gap:3px;width:100%;height:calc(100vh - 6px);min-height:0;padding:0}
  #process .process-card{flex:1;height:100%;min-width:0;border-radius:12px;background:#0d0d0d;transition:flex .8s cubic-bezier(.22,1,.36,1)}
  #process .process-card.active{flex:3}
  #process .process-card-image{left:50%;right:auto;width:var(--process-expanded);transform:translateX(-50%)}
  #process .process-card-image:after{background:#0d0d0d;opacity:.75;transition:opacity .45s ease}
  #process .process-card.active .process-card-image:after{opacity:.55}
  #process .process-card-image img,#process .process-card.active .process-card-image img{transform:none;filter:none;transition:none}
  #process .process-card-copy{inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:30px}
  #process .process-desktop-step{position:absolute;top:30px;left:50%;transform:translateX(-50%);display:flex;color:var(--accent);font:700 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.01em;white-space:nowrap}
  #process .process-card.active .process-desktop-step{left:30px;transform:none}
  #process .process-desktop-step small{margin-left:0;color:#fff;font:inherit}
  #process .process-card-top{position:absolute;inset:30px 30px auto;z-index:2;display:none;align-items:center;justify-content:flex-end}
  #process .process-card.active .process-card-top{display:flex}
  #process .process-card-top>span{display:none}
  #process .process-card-dots{display:flex;gap:3px}
  #process .process-card-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff80}
  #process .process-card-dots i.current{background:#fff}
  #process .process-card h3{font:700 40px/42px "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;letter-spacing:-.02em;margin:0 0 15px;white-space:nowrap;opacity:0;transform:translateY(8px);transition:opacity .4s .1s,transform .4s .1s}
  #process .process-card p{width:calc(var(--process-expanded) - 60px);max-width:400px;margin:0;font:600 13px/18.2px "Mona Sans Variable";letter-spacing:-.02em;text-wrap:balance;opacity:0;transform:translateY(8px);transition:opacity .4s .2s,transform .4s .2s}
  #process .process-card.active h3,#process .process-card.active p{opacity:1;transform:translateY(0)}
}
@media(min-width:810px) and (max-width:1199px){
  #process{padding-top:90px}
  #process .process-heading{margin-bottom:60px}
  #process .process-heading>h2{font-size:60px;line-height:54px}
  #process .process-intro strong{font-size:21px;line-height:24.15px}
  #process .process-card h3{font-size:35px;line-height:36.75px}
}
@media(max-width:809px){
  #process{padding:60px 0 40px;overflow:visible}
  #process .process-heading{display:flex;flex-direction:column;margin:0 23px 40px}
  #process .process-heading>.section-label{margin:0 0 15px;gap:5px;font:700 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.01em}
  #process .process-heading>.section-label>span:first-child{color:var(--accent)}
  #process .process-heading>h2{margin:0 0 30px;font:700 45px/40.5px "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;letter-spacing:-.02em;text-wrap:balance}
  #process .process-intro{display:flex;flex-direction:column;gap:10px;margin:0}
  #process .process-intro strong{max-width:350px;font:675 19px/21.85px "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 675;letter-spacing:-.01em;text-indent:83.6875px;text-align:left;text-wrap:wrap}
  #process .process-intro strong>span{color:#686868}
  #process .process-intro p{max-width:350px;margin:0;font:600 13px/18.2px "Mona Sans Variable";letter-spacing:-.02em;color:#686868;text-wrap:wrap}
  #process .process-stage{position:static;height:auto;min-height:0;display:block}
  #process .process-cards{display:flex;flex-flow:row nowrap;align-items:stretch;gap:3px;width:100%;height:450px;min-height:0;padding:3px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:none;scrollbar-width:none}
  #process .process-cards::-webkit-scrollbar{display:none}
  #process .process-card,#process .process-card.active{flex:0 0 90%;height:444px;min-height:0;border-radius:12px;transition:none;background:#0d0d0d}
  #process .process-card-image:after{background:#0d0d0d;opacity:.55}
  #process .process-card-image img,#process .process-card.active .process-card-image img{transform:none;filter:none;transition:none}
  #process .process-card-top{position:absolute;inset:30px 30px auto;z-index:1;display:flex;align-items:center;justify-content:space-between}
  #process .process-card-top>span{font:700 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.01em;color:var(--accent)}
  #process .process-card-top small{font:inherit;color:#fff}
  #process .process-card-dots{display:flex;gap:3px}
  #process .process-card-dots i{width:5px;height:5px;border-radius:50%;background:#ffffff80}
  #process .process-card-dots i.current{background:#fff}
  #process .process-desktop-step{display:none}
  #process .process-card-copy{inset:auto 30px 30px}
  #process .process-card h3{margin:0 0 15px;font:700 30px/31.5px "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;letter-spacing:-.02em}
  #process .process-card p,#process .process-card.active p{opacity:1;transform:none;transition:none;max-width:400px;margin:0;font:600 13px/18.2px "Mona Sans Variable";letter-spacing:-.02em;text-wrap:balance}
  #process .process-runway{display:none}
}
@media(prefers-reduced-motion:reduce) and (min-width:810px){
  #process .process-stage{position:static;height:auto;}
  #process .process-cards{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}
  #process .process-card,#process .process-card.active{height:420px;min-height:320px;flex:none;}
  #process .process-card-image{left:0;width:100%;transform:none;}
  #process .process-desktop-step{left:30px;transform:none;}
  #process .process-card p{width:auto;}
  #process .process-card h3,#process .process-card p{opacity:1;transform:none;}
  #process .process-runway{display:none;}
}
/* Source geometry and sampled motion: docs/research/mira/home/components/work.spec.md */
.work-scroll{height:350vh;margin-left:var(--rail);position:relative;background:#fff;color:#fff}
.work-stage{position:sticky;top:0;height:100vh;min-height:0;padding:3px;overflow:clip}
.work-inner{position:relative;width:100%;height:100%;overflow:clip;border-radius:12px}
.work-mosaic{position:relative;inset:auto;width:100%;height:100%;display:flex;gap:3px;transform-origin:center}
.work-column{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}
.work-tile{position:relative;flex:1;min-height:0;overflow:hidden;border-radius:10px}
.work-tile img,.work-tile video{width:100%;height:100%;max-width:none;object-fit:cover;filter:none}
.work-overlay{position:absolute;inset:0;background:#0d0d0d;opacity:.65;pointer-events:none;z-index:1}
.work-copy{position:absolute;inset:50% 0 auto;transform:translateY(-50%);z-index:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0 30px;overflow:clip}
.work-message{grid-column:2/5;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;align-items:center}
.work-copy h2{grid-column:1/3;width:600px;max-width:100%;margin:0;font:400 80px/.9 "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;font-feature-settings:'ss07';letter-spacing:-1.6px}
.work-line{display:block;white-space:nowrap}.work-word{display:inline-block}.work-accent{color:var(--accent)}
.work-copy .work-project-link{width:200px;height:73.2px;max-width:100%;display:flex;padding:3px;gap:0;border-radius:10px;background:#fff;color:#0d0d0d;border:0;margin:0;font:400 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.15px}
.work-project-link video{width:67.2px;height:67.2px;border-radius:8px;object-fit:cover}
.work-project-link>span{flex:1;display:grid;place-items:center;transition:color .2s}.work-project-link:hover>span{color:var(--accent)}
@media(min-width:810px) and (max-width:1199px){.work-copy h2{font-size:65px;letter-spacing:-1.3px}.work-copy{padding-inline:20px}}
@media(max-width:809px){
 .work-scroll{margin-left:0}.work-copy{inset:50% 0 auto;padding-inline:20px;grid-template-columns:1fr;gap:20px}
 .work-message{grid-column:1;grid-template-columns:1fr;grid-template-rows:121.5px 121.5px;gap:30px}
 .work-copy h2{grid-column:1;width:100%;font-size:45px;line-height:.9;letter-spacing:-.9px}
 .work-column{flex:none;width:67%}.work-mosaic{justify-content:center}
}
@media(prefers-reduced-motion:reduce){.work-scroll{height:100vh}.work-stage{position:relative}.work-mosaic{transform:none}.work-overlay{opacity:.65}}
.kavto-live-notifications{position:fixed;z-index:24000;top:calc(88px + env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));width:min(390px,calc(100vw - 32px));pointer-events:none;font-family:"Mona Sans Variable",sans-serif;color:#161616}
.kavto-live-notifications ol{display:flex;flex-direction:column;gap:10px;max-height:calc(100dvh - 120px);padding:4px;margin:0;list-style:none;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto}
.kavto-live-notice{position:relative;display:flex;align-items:flex-start;gap:12px;flex-shrink:0;overflow:hidden;padding:18px 38px 18px 16px;border:1px solid #e5e5e5;border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 8px 36px #11111114,0 2px 5px #11111108;backdrop-filter:blur(18px);animation:kavto-notice-enter .46s cubic-bezier(.2,.9,.25,1.12) both;pointer-events:auto}
.kavto-live-notice.is-leaving{animation:kavto-notice-exit .26s cubic-bezier(.4,0,.2,1) both;pointer-events:none}
.kavto-notice-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:12px;background:#fff0f0;color:#ed1c24;animation:kavto-notice-icon .6s ease-out both}
.kavto-notice-icon svg{width:19px;height:19px}.kavto-live-notice[data-tone=info] .kavto-notice-icon{background:#f1f1f1;color:#444}
.kavto-notice-copy{min-width:0;flex:1}.kavto-notice-meta{display:flex;gap:6px;margin:0 0 6px;color:#8a8a8a;font-size:10px;line-height:1.2}.kavto-notice-meta span:first-child{font-weight:800;letter-spacing:.1em;color:#555}
.kavto-live-notice h2{margin:0 0 5px;font:750 14px/1.3 "Mona Sans Variable",sans-serif;letter-spacing:-.015em;text-transform:none}.kavto-live-notice p{margin:0;font:500 12px/1.55 "Mona Sans Variable",sans-serif;color:#616161;overflow-wrap:anywhere}
.kavto-notice-close{position:absolute;top:9px;right:9px;display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:#777;cursor:pointer}.kavto-notice-close:hover{background:#f0f0f0;color:#111}.kavto-notice-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6}
.kavto-notice-action{display:inline-flex;align-items:center;gap:18px;margin-top:12px;padding:7px 12px;border-radius:30px;background:#171717;color:#fff;text-decoration:none;font-size:11px;font-weight:700}.kavto-notice-action:hover{background:#ed1c24}.kavto-notice-action:focus-visible,.kavto-notice-close:focus-visible{outline:2px solid #ed1c24;outline-offset:3px}
.kavto-notice-progress{position:absolute;bottom:0;left:18px;right:18px;height:2px;background:#ed1c24;transform-origin:left;opacity:.45;animation:kavto-notice-countdown linear forwards}
@keyframes kavto-notice-enter{from{opacity:0;transform:translateX(35px) scale(.96);filter:blur(3px)}to{opacity:1;transform:translateX(0) scale(1);filter:blur(0)}}
@keyframes kavto-notice-exit{to{opacity:0;transform:translateX(45px) scale(.97)}}
@keyframes kavto-notice-icon{0%{transform:scale(.65)}65%{transform:scale(1.12)}100%{transform:scale(1)}}
@keyframes kavto-notice-countdown{from{transform:scaleX(1)}to{transform:scaleX(0)}}
@media(max-width:600px){.kavto-live-notifications{top:calc(72px + env(safe-area-inset-top));right:12px;width:calc(100vw - 24px)}.kavto-live-notifications ol{max-height:calc(100dvh - 100px)}.kavto-live-notice{padding-top:14px;padding-bottom:14px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.kavto-live-notice,.kavto-live-notice.is-leaving,.kavto-notice-icon{animation-duration:.01ms;filter:none}.kavto-notice-progress{display:none}}
/* KAVTO · Aplicaciones — estilos locales de la ruta (sin tocar el tema global). */

.apps-page {
  margin-left: var(--rail);
  background: #f7f7f7;
  padding: 3px;
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
}

.apps-frame {
  flex: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  background: #0d0d0d;
  color: #fff;
  border-radius: 12px;
  overflow: hidden;
  height: calc(100vh - 6px);
  height: calc(100svh - 6px);
}

.apps-gallery {
  position: relative;
  flex: 1;
  min-height: 0;
}

.apps-gallery-host {
  position: absolute;
  inset: 0;
  outline: none;
  cursor: grab;
  touch-action: pan-y;
}

.apps-gallery-host:focus-visible {
  outline: 2px solid #fff;
  outline-offset: -4px;
}

.apps-loading {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  color: #9a9a9a;
  font:700 15px / 1.4 "Mona Sans Variable";
}

/* Detalles bajo la tarjeta: siguen la proyección (posiciones escritas por JS). */
.apps-details {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  gap: 22px;
  align-items: baseline;
  white-space: nowrap;
  pointer-events: none;
  will-change: transform;
}

.apps-tagline,
.apps-ordinal {
  font:700 15px / 1.2 "Mona Sans Variable";
  font-variation-settings: 'wdth' 80, 'wght' 700;
  letter-spacing: -.01em;
  text-transform: uppercase;
}

.apps-tagline { color: #e8e8e8; }
.apps-ordinal { color: #8f8f8f; }

/* Franja de títulos (medida real de cada título; activo en blanco). */
.apps-strip {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 22px;
  height: 96px;
  overflow: hidden;
  pointer-events: none;
}

.apps-strip-track {
  position: absolute;
  inset: 0;
}

.apps-strip-title {
  position: absolute;
  left: 0;
  top: 50%;
  margin: 0;
  padding: .2em 0;
  border: 0;
  background: none;
  color: #6d6d6d;
  font:700 80px / .9 "Mona Sans Variable";
  font-variation-settings: 'wdth' 75, 'wght' 700, 'ss07' 1;
  letter-spacing: -.02em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  pointer-events: auto;
  transform: translateX(-50%);
  translate: 0 -50%;
  transition: color .32s ease;
}

.apps-strip-title.is-active { color: #fff; }

/* Flechas + contador rodante. */
.apps-controls {
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 22px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.apps-controls-group { display: flex; align-items: center; gap: 14px; pointer-events: auto; }

.apps-arrow,
.apps-counter { pointer-events: auto; }

.apps-arrow {
  border: 0;
  background: none;
  color: #fff;
  font:400 30px / 1 "Mona Sans Variable";
  cursor: pointer;
  padding: 6px 10px;
}

.apps-counter {
  display: flex;
  align-items: baseline;
  gap: 6px;
  color: #fff;
  font:700 15px / 1.2 "Mona Sans Variable";
  font-variation-settings: 'wdth' 80, 'wght' 700;
  letter-spacing: -.01em;
  font-variant-numeric: tabular-nums;
}

.apps-count-roll {
  position: relative;
  display: inline-block;
  min-width: 2ch;
  overflow: hidden;
  vertical-align: bottom;
}

.apps-count-cur { display: block; animation: appsCountInUp 450ms cubic-bezier(.19, 1, .22, 1) both; }
.apps-count-cur[data-dir='-1'] { animation-name: appsCountInDown; }
.apps-count-prev { position: absolute; top: 0; left: 0; animation: appsCountOutUp 450ms cubic-bezier(.19, 1, .22, 1) both; }
.apps-count-prev[data-dir='-1'] { animation-name: appsCountOutDown; }

.apps-count-sep,
.apps-count-total { color: #9a9a9a; }

@keyframes appsCountInUp { from { transform: translateY(110%); } to { transform: translateY(0); } }
@keyframes appsCountInDown { from { transform: translateY(-110%); } to { transform: translateY(0); } }
@keyframes appsCountOutUp { from { transform: translateY(0); } to { transform: translateY(-110%); } }
@keyframes appsCountOutDown { from { transform: translateY(0); } to { transform: translateY(110%); } }

/* Fallback sin WebGL: lista utilizable con las cuatro aplicaciones. */
.apps-fallback {
  position: absolute;
  inset: 0;
  display: flex;
  gap: 16px;
  align-items: center;
  overflow-x: auto;
  padding: 24px;
}

.apps-fallback-card {
  flex: 0 0 min(64vw, 560px);
  display: flex;
  flex-direction: column;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  background: #1a1a1a;
}

.apps-fallback-card img { width: 100%; height: min(46vh, 420px); object-fit: cover; display: block; }
.apps-fallback-card strong { padding: 0 18px; font:700 23px / 1.15 "Mona Sans Variable"; text-transform: uppercase; }
.apps-fallback-card span { padding: 0 18px 18px; color: #bdbdbd; font:700 15px / 1.2 "Mona Sans Variable"; }

@media (max-width: 1199px) {
  .apps-strip-title { font-size: 60px; }
}

@media (max-width: 809px) {
  .apps-page { margin-left: 0; }
  .apps-strip { bottom: 210px; height: 66px; }
  .apps-strip-title { font-size: 45px; }
  .apps-controls { left: 20px; right: 20px; bottom: 150px; }
  .apps-details { gap: 14px; }
}
@font-face{font-family:"Mona Sans Variable";src:url('/media/fonts/MonaSansVariable.woff2') format('woff2');font-weight:100 900;font-display:swap;font-style:normal}
:root{font-family:"Mona Sans Variable";color:#0d0d0d;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;--accent:#ff0000;--dark:#0d0d0d;--white:#fff;--surface:#f7f7f7;--muted:#686868;--muted-dark:#bcbcbc;--border:#9c9c9c33;--dark-surface:#1f1f1f;--rail:59px;--pad:33px;--radius:10px;scroll-behavior:auto}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;min-width:320px;background:#f7f7f7}body,button,input,select,textarea{font-family:"Mona Sans Variable"}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}img,video{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.micro-label{font:700 13px/1.2 "Mona Sans Variable";letter-spacing:.02em;text-transform:uppercase}.mark{display:inline-flex;position:relative;align-items:flex-start;isolation:isolate;color:inherit}.mark-main{font:700 1em/.82 "Mona Sans Variable";letter-spacing:-.065em;font-variation-settings:'wdth' 75,'wght' 700;font-feature-settings:'liga' off,'ss07' on,'ss01' on}.mark sup{font-size:.17em;vertical-align:top;letter-spacing:0;margin-left:.12em}.mark-script{font:400 .32em/.8 "Mona Sans Variable";color:var(--accent);position:absolute;left:40%;top:49%;transform:rotate(-8deg);white-space:nowrap;z-index:1}.mark--small{font-size:22px}.arrow{display:inline-block;font:500 1.05em/1 "Mona Sans Variable";transition:transform .3s}.arrow--diagonal{transform:rotate(45deg)}a:hover .arrow,button:hover .arrow{transform:translate(3px,-3px)}
.section-pad{padding:96px var(--pad) 112px max(var(--pad),calc(var(--rail) + var(--pad)));max-width:2100px;margin-inline:auto}.section-label{display:flex;align-items:center;gap:36px;font:700 13px/1.2 "Mona Sans Variable";letter-spacing:.02em}.section-label span:first-child{color:var(--muted)}.section-label.on-dark span:first-child{color:#bcbcbc}
h2,h3,p{margin-top:0}h2{font:700 clamp(45px,6.25vw,80px)/.9 "Mona Sans Variable";letter-spacing:-.02em;font-variation-settings:'wdth' 75,'wght' 700;font-feature-settings:'ss07' on}h3{font-family:"Mona Sans Variable";font-weight:700;letter-spacing:-.025em} .line-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #111;padding:15px 0 12px;font:700 13px/1.2 "Mona Sans Variable";letter-spacing:.02em;width:max-content;min-width:200px}.line-link--light{border-color:#fff;color:#fff}
/* Persistent frame navigation */
.side-rail{position:fixed;z-index:60;left:0;top:0;bottom:0;width:var(--rail);background:#ff0000;color:#fff;border-right:2px solid #ddd;display:flex;flex-direction:column;align-items:center;padding:20px 0 26px}.menu-toggle{border:0;background:none;width:30px;height:30px;display:grid;align-content:center;gap:4px;padding:7px;cursor:pointer}.menu-toggle span{height:2px;background:#fff;width:100%;transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.menu-toggle[aria-expanded=true] span:last-child{display:none}.rail-year{writing-mode:vertical-rl;transform:rotate(180deg);margin-top:auto;font:700 13px/1 "Mona Sans Variable";border:1px solid #aaa;padding:7px 5px}.rail-globe{border:1px solid #aaa;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;font:22px/1 "Mona Sans Variable";margin-top:12px}.topbar{height:68px;position:absolute;z-index:25;top:15px;left:var(--rail);right:0;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:0 clamp(22px,2.6vw,42px);color:#474747}.topbar--white{color:#fff}.topbar-mark{justify-self:start}.topbar-projects{justify-self:start;font:700 13px "Mona Sans Variable"}.topbar-projects em{font-style:normal;color:var(--accent)}.topbar-links{display:flex;justify-content:space-between;font:700 13px "Mona Sans Variable"}.menu-panel{position:fixed;z-index:80;inset:0 auto 0 var(--rail);width:min(520px,calc(100vw - var(--rail)));background:#f7f7f7;transform:translateX(-105%);transition:transform .6s cubic-bezier(.77,0,.18,1);padding:28px 34px 32px;display:flex;flex-direction:column}.menu-panel--open{transform:translateX(0)}.menu-panel-head{display:flex;justify-content:space-between;align-items:center}.menu-panel-head button{background:transparent;border:0;font:700 13px "Mona Sans Variable";cursor:pointer}.menu-panel nav{display:flex;flex-direction:column;margin-top:auto;margin-bottom:auto}.menu-panel nav a{display:flex;align-items:baseline;gap:18px;border-bottom:1px solid var(--border);padding:13px 0;font:700 clamp(30px,5vw,54px)/1 "Mona Sans Variable";letter-spacing:-.04em}.menu-panel nav a small{font:600 13px "Mona Sans Variable";color:#666}.menu-panel nav a .arrow{margin-left:auto;font-size:24px}.menu-panel>p{font:600 13px/1.7 "Mona Sans Variable";letter-spacing:.025em}.menu-scrim{position:fixed;z-index:70;inset:0 0 0 var(--rail);background:rgba(13,13,13,.24);border:0;-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);cursor:pointer}
/* Hero and its actual project media */
.hero{height:100svh;min-height:620px;min-height:100vh;height:100vh;height:100svh;max-height:1100px;margin-left:var(--rail);position:relative;overflow:hidden;background:#ffffff;color:white;padding:3px}.hero-media,.hero-video{position:absolute;inset:3px;width:calc(100% - 6px);height:calc(100% - 6px);object-fit:cover}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 47%;transition:opacity .35s}.hero-video{z-index:1;opacity:.15;pointer-events:none}.hero-shade{position:absolute;inset:0;background:none}.hero-center{position:absolute;z-index:3;top:50%;left:50%;width:min(720px,80%);transform:translate(-50%,-48%);text-align:center;display:flex;flex-direction:column;align-items:center}.hero-center .mark{font-size:clamp(120px,19vw,270px);line-height:.8;color:white}.hero-center .mark-script{font-size:.32em;left:42%;top:53%;color:var(--accent)}.hero-center p{font:700 clamp(13px,1.17vw,16px)/1.35 "Mona Sans Variable";letter-spacing:-.02em;margin:16px 0 0;max-width:650px}.hero-center .hero-slogan{font:600 clamp(36px,5vw,92px)/1.03 "Mona Sans Variable";letter-spacing:-.03em;margin:0;max-width:none;text-transform:none;text-shadow:0 1px 24px #0004}.hero-meta{position:absolute;z-index:5;left:28px;right:24px;bottom:22px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;font:700 13px/1.5 "Mona Sans Variable"}.hero-locations{display:flex;gap:16px;align-items:end}.hero-locations .micro-label{font:600 13px "Mona Sans Variable"}.hero-services{justify-self:center;display:flex;flex-direction:column;line-height:1.45}.hero-meta>a{justify-self:end}.showcase-tabs{position:absolute;z-index:5;right:22px;top:50%;transform:translateY(-50%);display:grid;gap:5px;width:86px}.showcase-tabs button{position:relative;height:47px;border:0;padding:0;overflow:hidden;border-radius:8px;background:#8888;opacity:.63;cursor:pointer;transition:opacity .35s,transform .35s}.showcase-tabs button.active{opacity:1;transform:scale(1.06)}.showcase-tabs img{width:100%;height:100%;object-fit:cover}.showcase-tabs button span{position:absolute;left:0;right:0;bottom:0;padding:3px;background:#0007;color:#fff;font:700 13px "Mona Sans Variable";opacity:0;transition:opacity .2s}.showcase-tabs button:hover span,.showcase-tabs button.active span{opacity:1}
/* Editorial sections */
.about{padding-top:102px}.about-headline{max-width:1350px;margin:78px 0 98px;font-size:clamp(46px,7vw,96px);line-height:.96}.about-lower{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.founder{grid-column:1/2;display:flex;align-items:center;gap:12px;align-self:end;font:700 13px/1.4 "Mona Sans Variable"}.founder img{width:52px;height:52px;border-radius:50%;object-fit:cover}.founder small{font:600 13px "Mona Sans Variable";color:#666}.philosophy{grid-column:3/5;max-width:740px}.philosophy .micro-label{color:#666}.philosophy blockquote{margin:18px 0 20px;font:700 clamp(22px,3vw,36px)/1.12 "Mona Sans Variable";letter-spacing:-.035em}.philosophy p{font:600 14px/1.5 "Mona Sans Variable";max-width:490px;color:#555}.philosophy .line-link{margin-top:26px}.clients-main{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:56px;padding:28px 0}.years{font:700 clamp(32px,6vw,72px)/1 "Mona Sans Variable";letter-spacing:-.05em}.years span{color:var(--accent);font-size:.3em;vertical-align:top}.client-proof{display:flex;gap:70px;align-items:center}.client-stat,.client-rating{display:grid;gap:5px}.client-stat strong,.client-rating strong{font:700 42px/.9 "Mona Sans Variable";letter-spacing:-.01em}.client-stat span,.client-rating>span{font:600 13px "Mona Sans Variable"}.client-rating strong span{font-size:14px;color:#777}.avatar-stack{display:flex}.avatar-stack img{width:24px;height:24px;border:1px solid white;border-radius:50%;object-fit:cover;margin-left:-5px}.client-logos{display:flex;justify-content:space-between;align-items:center;padding:44px 0 0;font:700 clamp(14px,2vw,24px) "Mona Sans Variable";letter-spacing:-.03em;color:#555}.why{background:#f7f7f7}.why h2{margin:56px 0 42px}.why h2 sup{font-size:.3em;vertical-align:top}.why-content{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:start}.why-content .editorial{grid-column:2/4;font:675 23px/1.15 "Mona Sans Variable";letter-spacing:-.02em;margin:0}.why-content>small{grid-column:2/4;color:#777;font-size:13px}.chart{grid-column:1/5;margin-top:48px;padding:25px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.chart>div:not(.chart-scale){display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px;margin:10px 0 22px;font:700 13px "Mona Sans Variable"}.chart>div i{grid-column:1/3;height:5px;background:#161616}.chart>div:nth-child(2) i{background:#aaa}.chart-scale{display:flex;justify-content:space-between;color:#888;font:13px "Mona Sans Variable"}.chart>p{font-size:13px;color:#777;margin:16px 0 0}.why-bottom{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;margin:70px 0 48px}.why-bottom h3{font:700 16px "Mona Sans Variable"}.why-bottom>div>p{color:#666;font-size:13px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:38px}.stats div{display:grid;gap:4px}.stats strong{font:700 42px/.9 "Mona Sans Variable";letter-spacing:-.05em}.stats span{font:700 13px "Mona Sans Variable"}.why-bottom blockquote{margin:0;background:#fff;padding:38px;font:700 clamp(24px,3vw,38px)/1.1 "Mona Sans Variable";letter-spacing:-.035em}.why-bottom blockquote small{display:block;font:600 13px/1.5 "Mona Sans Variable";color:#777;margin-top:45px}
.services{background:#fff}.services-intro{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:end;margin:65px 0 45px}.services-intro h2{grid-column:1/3;font-size:clamp(60px,10vw,102px);margin:0}.services-intro p{grid-column:3/5;max-width:420px;font:675 18px/1.15 "Mona Sans Variable";letter-spacing:-.015em;margin-bottom:7px}.service-list{border-top:1px solid var(--border)}.service-item{border-bottom:1px solid var(--border)}.service-item>button{display:grid;grid-template-columns:1fr 3fr 1fr 30px;align-items:center;width:100%;text-align:left;padding:24px 0;background:none;border:0;cursor:pointer}.service-num{font:700 13px "Mona Sans Variable"}.service-num small{display:block;color:#888;margin-top:12px}.service-title{font:700 clamp(23px,3.5vw,44px)/1 "Mona Sans Variable";letter-spacing:-.04em}.service-price{justify-self:end;font:700 13px "Mona Sans Variable"}.service-plus{justify-self:end;font:400 24px "Mona Sans Variable"}.service-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;padding:0 0 35px;animation:detail-in .35s ease-out}@keyframes detail-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.service-image{grid-column:1/3;height:340px;overflow:hidden;border-radius:var(--radius)}.service-image img{width:100%;height:100%;object-fit:cover}.service-description{grid-column:3/5}.service-description h3{font-size:25px;margin:0 0 12px}.service-description>strong{font:700 13px "Mona Sans Variable"}.service-description>p{font-size:14px;line-height:1.4;color:#666;max-width:390px;margin:18px 0 30px}.service-facts{display:grid;grid-template-columns:1fr 1.2fr;gap:18px;font:700 13px/1.6 "Mona Sans Variable"}.service-facts>div{display:flex;flex-direction:column;gap:5px}.service-facts small{color:#777;margin-bottom:5px}.service-description .line-link{margin-top:26px}

.process{position:relative;overflow:visible}.process>h2{max-width:1000px;margin:54px 0 38px}.process-intro{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:40px}.process-intro strong{grid-column:1/3;font:700 13px/1.3 "Mona Sans Variable"}.process-intro p{grid-column:3/5;font:600 13px/1.4 "Mona Sans Variable";color:#666;max-width:310px}.process-stage{height:100vh;min-height:550px;position:sticky;top:0;display:flex;align-items:center}.process-runway{height:300vh;pointer-events:none}.process-runway>div{height:100vh}.process-cards{display:flex;align-items:stretch;gap:10px;width:100%;height:min(58vh,520px);min-height:360px}.process-card{position:relative;flex:1;min-width:0;overflow:hidden;background:#1e1e1e;color:#fff;transition:flex .8s cubic-bezier(.22,1,.36,1)}.process-card.active{flex:2.25}.process-card-image,.process-card-image:after{position:absolute;inset:0}.process-card-image:after{content:'';background:linear-gradient(0deg,#050505db,transparent 75%)}.process-card-image img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.process-card.active .process-card-image img{transform:scale(1.04)}.process-card-copy{position:absolute;z-index:1;inset:auto 17px 18px}.process-card-copy>span{font:700 13px "Mona Sans Variable"}.process-card-copy>span small{margin-left:10px;color:#ddd}.process-card h3{font-size:clamp(20px,2vw,32px);margin:20px 0 7px;white-space:nowrap}.process-card p{font:600 13px/1.4 "Mona Sans Variable";max-width:290px;opacity:0;transform:translateY(8px);transition:opacity .4s .2s,transform .4s .2s}.process-card.active p{opacity:1;transform:translateY(0)}
.reel-section{position:relative;height:190vh;background:#ffffff;margin-left:var(--rail)}.reel-sticky{height:100vh;position:sticky;top:0;display:grid;place-items:center;perspective:1200px;padding:0.4vh 0.2vw;overflow:hidden}.reel-card{position:relative;width:min(100%,1997px);height:min(100%,1080px);border-radius:12px;overflow:hidden;transform-style:preserve-3d;box-shadow:0 20px 80px #00000000;background:#222;border:1px solid #ffffff2b}.reel-card video{width:100%;height:100%;object-fit:cover}.reel-card-shade{position:absolute;inset:0;background:#0d0d0d;opacity:.3}.reel-cta{position:absolute;inset:0;margin:auto;display:flex;align-items:center;justify-content:center;gap:26px;border:0;background:none;color:#fff;font:700 30px/.9 "Mona Sans Variable";cursor:pointer;transform-style:preserve-3d}.reel-cta-circle{display:grid;place-items:center;width:88px;height:88px;border-radius:50%;background:var(--accent);flex:0 0 auto}.reel-cta-circle svg{width:26px;height:26px;display:block}.reel-duration,.reel-year{position:absolute;left:0;right:0;text-align:center;color:#fff;font:700 13px "Mona Sans Variable"}.reel-duration{top:calc(50% - 112px)}.reel-year{bottom:calc(50% - 112px)}.reel-scroll-end{position:absolute;bottom:0;left:0;right:0;height:50vh;pointer-events:none}.reel-modal{position:fixed;z-index:100;inset:0;background:#060606f5;display:grid;place-items:center;padding:5vw}.reel-close{position:absolute;right:35px;top:28px;color:white;background:none;border:0;font:700 13px "Mona Sans Variable";cursor:pointer}.reel-embed{width:min(100%,960px);aspect-ratio:16/9;background:#000}.reel-embed iframe{width:100%;height:100%;border:0}
.testimonials{background:#f7f7f7}.testimonials-head{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:end;margin:60px 0}.testimonials-head h2{grid-column:1/3;margin:0}.testimonials-head p{grid-column:3/5;max-width:340px;font:675 18px/1.2 "Mona Sans Variable";letter-spacing:-.02em;margin:0}.testimonial{border-top:1px solid var(--border);padding:22px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.testimonial-count{font:700 13px "Mona Sans Variable"}.testimonial-person{display:flex;gap:10px;align-items:center;font:700 13px "Mona Sans Variable"}.testimonial-person img{width:40px;height:40px;border-radius:50%;object-fit:cover}.testimonial-person small{display:block;color:#777;font:600 13px "Mona Sans Variable";margin-top:4px}.testimonial blockquote{grid-column:3/5;font:700 clamp(24px,3.6vw,46px)/1.04 "Mona Sans Variable";letter-spacing:-.04em;margin:0}.testimonial>p{grid-column:3/5;color:#666;font:600 13px/1.45 "Mona Sans Variable";max-width:520px}.testimonial-results{grid-column:3/5;display:flex;gap:55px;border-top:1px solid var(--border);padding-top:17px;font:700 13px "Mona Sans Variable"}.testimonial-results span{display:grid;gap:8px}.testimonial-results strong{font:700 30px "Mona Sans Variable";letter-spacing:-.03em}

.faq h2{font-size:clamp(60px,10vw,102px);margin:50px 0}.faq-layout{display:grid;grid-template-columns:2fr 1fr;gap:8vw}.faq-item{border-top:1px solid var(--border)}.faq-item:last-child{border-bottom:1px solid var(--border)}.faq-item button{width:100%;display:flex;justify-content:space-between;text-align:left;align-items:center;background:none;border:0;padding:20px 0;font:700 16px "Mona Sans Variable";cursor:pointer}.faq-item button b{font:400 22px "Mona Sans Variable"}.faq-item p{color:#666;font:600 13px/1.5 "Mona Sans Variable";max-width:650px;padding:0 35px 18px 0;margin:0}.faq-contact{background:#f7f7f7;padding:30px;height:max-content}.faq-contact h3{font-size:28px;margin-bottom:12px}.faq-contact p{font-size:13px;color:#666;line-height:1.4}.faq-contact a{display:flex;justify-content:space-between;border-bottom:1px solid #111;padding:13px 0;font:700 13px "Mona Sans Variable";margin-top:24px}
.contact{background:#f7f7f7}.contact-top{display:flex;justify-content:flex-end;gap:10vw;margin:38px 0 26px;text-align:right;font:700 13px "Mona Sans Variable"}.contact-top>span:last-child{font-size:13px}.contact-top small{color:#777;font:600 13px "Mona Sans Variable"}.contact h2{max-width:1130px;font-size:clamp(50px,8vw,102px);margin:30px 0 25px}.contact-intro{font:675 16px "Mona Sans Variable";max-width:550px}.contact-grid{display:grid;grid-template-columns:3fr 1fr;gap:55px;margin-top:40px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 25px}.contact-fields label{display:flex;flex-direction:column;gap:8px;font:700 13px "Mona Sans Variable"}.contact-fields .field-wide{grid-column:1/3}.contact-fields input,.contact-fields textarea,.contact-fields select{border:0;border-bottom:1px solid #999;background:transparent;border-radius:0;padding:10px 0 12px;font:600 13px "Mona Sans Variable";color:#111;width:100%}.contact-fields textarea{height:85px;resize:vertical}.contact-fields input::placeholder,.contact-fields textarea::placeholder{color:#aaa}.terms-copy{font:600 13px/1.5 "Mona Sans Variable";color:#777;margin:22px 0}.terms-copy a{text-decoration:underline;color:#111}.submit-button{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:450px;padding:14px 0;background:none;border:0;border-bottom:1px solid #111;font:700 13px "Mona Sans Variable";cursor:pointer;text-align:left}.form-status{font:600 13px "Mona Sans Variable";color:#777;margin-top:10px}.contact-direct{display:flex;flex-direction:column;gap:12px;font:700 13px "Mona Sans Variable";align-self:end}.contact-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:85px;border-top:1px solid var(--border);padding-top:20px}.contact-steps div{display:grid;grid-template-columns:25px 1fr;gap:10px}.contact-steps small{grid-row:1/3;font:700 13px "Mona Sans Variable";color:#888}.contact-steps strong{font:700 13px "Mona Sans Variable"}.contact-steps p{grid-column:2;color:#666;font:600 13px/1.4 "Mona Sans Variable";margin:0}
.journal{background:#fff}.journal-head{display:flex;justify-content:space-between;align-items:end;margin:55px 0 30px}.journal-head h2{font-size:clamp(62px,10vw,130px);margin:0}.journal-head>a{font:700 13px "Mona Sans Variable";display:flex;gap:12px;align-items:center}.journal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.journal-card{display:flex;flex-direction:column;min-width:0}.journal-card>img{width:100%;aspect-ratio:1.15;object-fit:cover;margin-bottom:13px}.journal-card>small{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2px 10px;color:#777;font:700 13px "Mona Sans Variable"}.journal-card>strong{font:700 18px/1.05 "Mona Sans Variable";letter-spacing:-.025em;margin:8px 0 14px}.journal-card>i{font:700 13px "Mona Sans Variable";font-style:normal;margin-top:auto;display:flex;justify-content:space-between;border-bottom:1px solid var(--border);padding:9px 0}
.footer{margin-left:62px;margin-right:5px;background:#0d0d0d;color:#fff;padding:55px var(--pad) 30px;margin-bottom:3px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.footer-top>div>p{font:600 13px "Mona Sans Variable";color:#aaa;margin:28px 0 0}.footer-top nav,.social-links{display:flex;flex-direction:column;gap:12px;font:700 13px "Mona Sans Variable"}.social-links{justify-self:end;align-items:end}.newsletter{display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33;padding:45px 0;margin:48px 0}.newsletter>div p{font:700 17px/1.25 "Mona Sans Variable";max-width:390px;margin:12px 0 0}.newsletter form{display:grid;grid-template-columns:1fr auto;align-content:start}.newsletter form>input{background:none;border:0;border-bottom:1px solid #ffffff88;padding:12px 0;color:white;font:600 13px "Mona Sans Variable"}.newsletter form>button{background:none;color:white;border:0;border-bottom:1px solid #ffffff88;font:700 13px "Mona Sans Variable";cursor:pointer}.newsletter-consent{grid-column:1/3;display:flex;align-items:center;gap:6px;font:600 13px "Mona Sans Variable";color:#aaa;margin-top:15px}.newsletter-consent a{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;align-items:end}.footer-bottom>div{display:flex;gap:17px;align-items:center;font:700 13px "Mona Sans Variable"}.footer-bottom>div small{color:#aaa}.footer-bottom>a:last-child{font:700 13px "Mona Sans Variable"}.footer-mark .mark{font-size:36px}.footer-mark .mark-script{font-size:.32em}.reference-chrome{position:fixed;z-index:12;right:18px;bottom:20px;border-radius:10px;background:#eee;color:#111;padding:5px 9px;display:flex;gap:9px;align-items:center;font:700 13px "Mona Sans Variable";box-shadow:0 4px 20px #0003}.reference-chrome span{font:700 13px "Mona Sans Variable"}.reference-chrome small{background:#0d0d0d;color:#fff;padding:7px 9px;border-radius:7px;font:700 13px "Mona Sans Variable"}
.preloader{position:fixed;z-index:9999;inset:0;background:#ff0000;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:45px 5vw 27px}.preloader-brand{display:flex;align-items:flex-start;justify-content:space-between}.preloader .mark{font-size:clamp(60px,11vw,150px)}.preloader .mark-script{color:white}.preloader-percent{font:700 13px "Mona Sans Variable"}.preloader-track{height:2px;background:#ffffff66;transform-origin:left}.preloader-track span{height:100%;display:block;background:#fff;transform-origin:left}.is-loading{overflow:hidden}
@media(max-width:1199px){:root{--pad:23px}.section-pad{padding-top:82px;padding-bottom:90px}.about-headline{margin:58px 0 70px}.topbar{padding-inline:24px}.hero-center .mark{font-size:clamp(120px,22vw,240px)}.why-content{grid-template-columns:repeat(3,1fr)}.why-content .editorial{grid-column:2/4}.why-content>small{grid-column:2/4}.chart{grid-column:1/4}.process-card-copy{inset:auto 12px 15px}}
@media(max-width:809px){:root{--rail:0px;--pad:23px}.side-rail{display:none}.topbar{position:absolute;top:0;left:0;height:64px;padding:0 22px;grid-template-columns:1fr auto}.topbar-projects{display:none}.topbar-links{gap:24px;justify-content:end}.menu-panel{left:0;width:min(100vw,500px);padding:25px 23px}.menu-scrim{left:0}.hero{margin-left:0;padding:3px;height:100svh;min-height:680px}.hero-center{top:46%;width:calc(100% - 42px)}.hero-center .mark{font-size:clamp(105px,28vw,180px)}.hero-center p{font-size:13px;line-height:1.4;max-width:440px}.desktop-only{display:none}.hero-meta{left:19px;right:18px;bottom:20px;grid-template-columns:1fr 1fr;gap:16px}.hero-locations{grid-column:1;grid-row:2}.hero-services{grid-column:2;grid-row:1/3;justify-self:end}.hero-meta>a{grid-column:1;grid-row:1;justify-self:start}.showcase-tabs{right:14px;top:59%;width:62px;gap:4px}.showcase-tabs button{height:37px;border-radius:6px}.section-pad{padding:66px var(--pad) 74px}.section-label{gap:20px;font-size:13px}.about-headline{font-size:clamp(39px,11vw,60px);line-height:.94;margin:50px 0 60px}.about-lower{grid-template-columns:1fr 1fr;gap:28px}.founder{grid-column:1/3;grid-row:2}.philosophy{grid-column:1/3}.philosophy blockquote{font-size:23px}.clients-main{align-items:flex-start;flex-direction:column;gap:24px;margin-top:40px}.years{font-size:47px}.client-proof{width:100%;justify-content:space-between;gap:20px}.client-stat strong,.client-rating strong{font-size:34px}.client-logos{flex-wrap:wrap;gap:20px;justify-content:flex-start;font-size:15px}.client-logos span{width:calc(50% - 12px)}.why h2{font-size:clamp(42px,11vw,60px);margin:42px 0 30px}.why-content{grid-template-columns:1fr 1fr}.why-content .editorial{grid-column:1/3;font-size:19px}.why-content>small{grid-column:1/3}.chart{grid-column:1/3;margin-top:25px}.chart>div:not(.chart-scale){font-size:13px}.chart-scale{font-size:13px}.why-bottom{grid-template-columns:1fr;gap:28px;margin:48px 0 35px}.why-bottom blockquote{padding:26px;font-size:26px}.stats{gap:20px}.stats strong{font-size:34px}.services-intro{grid-template-columns:1fr;gap:10px;margin:42px 0 30px}.services-intro h2{font-size:clamp(60px,15vw,95px)}.services-intro p{grid-column:1;font-size:16px;max-width:390px}.service-item>button{grid-template-columns:36px 1fr 28px;gap:8px;padding:20px 0}.service-title{font-size:clamp(22px,6.7vw,34px)}.service-price{grid-column:2;justify-self:start;font-size:13px;margin-top:10px}.service-plus{grid-column:3;grid-row:1/3}.service-detail{grid-template-columns:1fr;gap:18px;padding-bottom:25px}.service-image,.service-description{grid-column:1}.service-image{height:220px}.service-description h3{font-size:22px}.service-facts{grid-template-columns:1fr 1.5fr}.process{overflow:visible}.process>h2{font-size:clamp(38px,10vw,60px);margin:44px 0 30px}.process-intro{grid-template-columns:1fr;gap:12px}.process-intro strong,.process-intro p{grid-column:1}.process-intro p{margin:0}.process-runway{display:none}.process-stage{position:relative;top:auto;height:auto;min-height:0}.process-cards{height:auto;min-height:0;display:flex;flex-direction:column;gap:8px}.process-card,.process-card.active{flex:none;height:142px;transition:height .55s cubic-bezier(.22,1,.36,1)}.process-card.active{height:340px}.process-card h3{font-size:25px;margin:12px 0 5px}.process-card p{max-width:300px;font-size:13px}.reel-section{height:150vh;margin-left:0}.reel-sticky{padding:10vw 5vw}.reel-card{width:100%;height:84vh;min-height:360px}.reel-cta{gap:14px;font-size:18px}.reel-cta-circle{width:60px;height:60px}.reel-cta-circle svg{width:18px;height:18px}.reel-duration,.reel-year{font-size:13px}.reel-duration{top:calc(50% - 86px)}.reel-year{bottom:calc(50% - 86px)}.testimonials-head{grid-template-columns:1fr;gap:16px;margin:45px 0}.testimonials-head h2,.testimonials-head p{grid-column:1}.testimonials-head h2{font-size:clamp(53px,15vw,90px)}.testimonials-head p{font-size:15px}.testimonial{grid-template-columns:1fr 1fr;gap:17px}.testimonial-count{grid-column:1}.testimonial-person{grid-column:2;justify-self:end}.testimonial blockquote,.testimonial>p,.testimonial-results{grid-column:1/3}.testimonial blockquote{font-size:32px;margin-top:20px}.testimonial-results{gap:35px}.testimonial-results strong{font-size:25px}.faq h2{margin:42px 0;font-size:clamp(64px,18vw,100px)}.faq-layout{grid-template-columns:1fr;gap:28px}.faq-item button{font-size:14px;gap:14px}.faq-contact{padding:22px}.contact-top{justify-content:space-between;margin:30px 0 20px;gap:15px;text-align:left}.contact h2{font-size:clamp(47px,13vw,75px)}.contact-intro{font-size:13px}.contact-grid{grid-template-columns:1fr;gap:25px;margin-top:32px}.contact-fields{gap:17px 13px}.contact-fields label{font-size:13px}.contact-fields input,.contact-fields textarea,.contact-fields select{font-size:13px}.contact-direct{flex-direction:row;justify-content:space-between;align-self:auto}.contact-steps{grid-template-columns:1fr;gap:18px;margin-top:55px}.journal-head{margin:43px 0 24px}.journal-head h2{font-size:clamp(58px,17vw,100px)}.journal-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 10px}.journal-card>strong{font-size:15px}.footer{margin-left:5px;padding:38px var(--pad) 25px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top nav{grid-column:1}.social-links{grid-column:2;grid-row:2}.newsletter{grid-template-columns:1fr;gap:22px;padding:30px 0;margin:35px 0}.newsletter>div p{font-size:14px}.newsletter form{grid-template-columns:1fr auto}.newsletter-consent{font-size:13px;flex-wrap:wrap}.footer-bottom{gap:20px;align-items:flex-end}.footer-bottom>div{gap:8px;flex-wrap:wrap;max-width:65%;font-size:13px}.footer-mark .mark{font-size:28px}.footer-bottom>a:last-child{display:none}.reference-chrome{right:8px;bottom:9px;opacity:.92}.preloader{padding:30px 23px 20px}.preloader .mark{font-size:70px}}
@media(max-width:380px){.topbar{padding-inline:17px}.topbar-links{gap:14px;font-size:13px}.hero-center .mark{font-size:104px}.hero-center p{font-size:13px}.hero-meta{left:14px;right:12px}.showcase-tabs{width:50px}.contact-fields{grid-template-columns:1fr}.contact-fields .field-wide{grid-column:1}.footer-bottom>div{gap:7px}.reference-chrome{transform:scale(.85);transform-origin:bottom right}}
@media(orientation:landscape) and (max-height:520px) and (max-width:900px){.hero{height:100svh;min-height:480px}.hero-center{top:49%}.hero-center .mark{font-size:125px}.hero-meta{bottom:12px}.showcase-tabs{right:17px}.reel-card{height:84vh;min-height:360px}.process-card.active{height:245px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-video{display:none}.process-card,.process-card.active{flex:1;height:auto;min-height:260px}.process-cards{height:auto;flex-wrap:wrap}.process-card{flex-basis:calc(50% - 5px)}}
/* Keep collapsed service content out of layout despite the animated panel display rule. */
.service-detail[hidden]{display:none}
.mark--small .mark-script{display:none}
.topbar-mark .mark--small{width:168px;height:62px;font-size:24px}
.menu-panel-head .mark--small{width:100px;height:65px;flex:0 0 auto}
.footer-top>div>.mark--small{width:160px;height:100px}
.hero-center .mark{font-size:clamp(140px,25vw,340px)}
.hero-media{animation:showcase-arrive .65s cubic-bezier(.2,.75,.2,1)}
@keyframes showcase-arrive{from{opacity:.65;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}
.newsletter-status{grid-column:1/3;font:600 13px/1.4 "Mona Sans Variable";color:#bbb;margin:12px 0 0}
.mobile-menu-toggle{display:none}
@media(max-width:809px){.mobile-menu-toggle{display:grid;justify-self:end;grid-column:3;grid-row:1}.topbar{grid-template-columns:1fr auto auto!important}.topbar-links{grid-column:2;grid-row:1;margin-right:16px}}

/* Showcase GPU layer is progressive enhancement over the same real media. */
.hero-media{overflow:hidden}
.hero-fallback-media,.hero-canvas{position:absolute;inset:0;width:100%;height:100%}
.hero-fallback-media video,.hero-fallback-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 47%}
.hero-fallback-media .hero-fallback-video{position:absolute;inset:0;z-index:1}
.hero-canvas{z-index:1;opacity:0;transition:opacity .25s;pointer-events:none}
.hero-canvas.is-ready{opacity:1}
.hero-canvas.is-ready+.hero-shade{z-index:2}.hero-media img,.hero-canvas{filter:brightness(1.35) contrast(.97) saturate(1.03)}.showcase-tabs img{filter:brightness(1.18)}
.hero-shade{z-index:2}
@media(prefers-reduced-motion:reduce){.hero-canvas{display:none}}
@media(prefers-reduced-motion:reduce){.hero-fallback-video{display:none}}

.content-route{min-height:100vh;padding:12vh max(6vw,32px);background:#f1f0ec;color:#181818;font-family:"Mona Sans Variable"}
.content-route h1{font:700 clamp(48px,10vw,132px)/.9 "Mona Sans Variable";letter-spacing:-.075em;margin:8vh 0 4vh}
.content-route>p:not(.micro-label){max-width:680px;font:500 clamp(17px,2vw,26px)/1.4 "Mona Sans Variable"}
.content-route a{display:inline-block;margin:4vh 0;color:inherit;font:700 13px "Mona Sans Variable";text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:8px}
.content-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:5vh 0}
.content-route-grid>a{margin:0;padding:28px;border:1px solid #b7b6b0;min-height:220px}
.content-route-grid h2{font:700 clamp(28px,4vw,54px)/.95 "Mona Sans Variable";letter-spacing:-.05em}
.content-route-grid p{font:400 15px/1.5 "Mona Sans Variable"}
.route-pending{min-height:100vh;display:grid;place-items:center;background:#f1f0ec;color:#181818;font:500 14px "Mona Sans Variable"}
@media(max-width:700px){.content-route{padding:100px 22px}.content-route-grid{grid-template-columns:1fr;gap:12px}.content-route-grid>a{min-height:160px}}

/* Measurements from the frozen runtime, 1440 / 768 / 390. See hero-about.spec.md. */
.mark:not(.mark--small){display:block;width:100%;aspect-ratio:392.63/185;position:relative}
.mark-lettering{display:block;width:100%;height:100%;overflow:visible}
.mark-lettering .mark-main{display:block;font:400 231.436px/185.149px "Mona Sans Variable";letter-spacing:-4.62872px;font-variation-settings:'wdth' 75,'wght' 700;font-feature-settings:'liga' 0,'ss01','ss07'}
.mark-registered{position:absolute;right:.5%;top:7.3%;font:400 29px/.7 "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700}
.mark:not(.mark--small) .mark-script{font-size:109px;line-height:.62;left:55%;top:74%;transform:none}
.mark--small{display:block;width:70px;height:20px;background:currentColor;mask:url('/media/images/mira-wordmark.svg') center/contain no-repeat}
.preloader .mark{width:180px}.preloader .mark .mark-script{font-size:35px}.preloader .mark-registered{font-size:10px}
.footer-mark .mark{width:100px}.footer-mark .mark .mark-script{font-size:20px}.footer-mark .mark-registered{font-size:6px}
.menu-panel{visibility:hidden;pointer-events:none;transition:transform .6s cubic-bezier(.77,0,.18,1),visibility 0s linear .6s}.menu-panel--open{visibility:visible;pointer-events:auto;transition-delay:0s}@media(prefers-reduced-motion:reduce){.menu-panel{transition-delay:0s!important}}
.side-rail{inset:3px auto 3px 3px;width:56px;border:0;border-radius:10px;padding:24px 0 32px}
.side-rail .rail-year,.side-rail .rail-globe{border:0}
.rail-year{font-weight:900;font-variation-settings:'wdth' 50,'wght' 900;letter-spacing:-.055em}
.menu-toggle{display:grid;grid-template-columns:6px 6px;grid-template-rows:6px 6px;gap:3px;padding:0;place-content:center}
.menu-toggle span{width:6px;height:6px;border-radius:2px;box-shadow:0 9px #fff}
.menu-toggle span:nth-child(3){display:none}.menu-toggle[aria-expanded=true] span{box-shadow:none}
.topbar{grid-template-columns:minmax(130px,.72fr) minmax(0,1.9fr);gap:clamp(18px,2vw,32px)}
.topbar-projects em{font-size:15px;vertical-align:top}
.topbar-links{grid-column:2;justify-self:end;display:flex;align-items:center;justify-content:flex-end;gap:clamp(20px,2vw,36px);width:auto;font:400 23px/1.15 "Mona Sans Variable";letter-spacing:-.23px;font-variation-settings:'wdth' 75,'wght' 675;white-space:nowrap}
.topbar-projects,.topbar-links>a{white-space:nowrap}
.topbar-links>a{font:inherit;letter-spacing:inherit;font-variation-settings:inherit}
.hero{min-height:0;max-height:none}.hero-media{border-radius:10px}.hero-shade{background:#0006}
.hero-center{width:550px;left:calc(33px + (100% - 46px)/4);top:calc(50% - 28.765px);transform:translateY(-50%);gap:20px;text-align:justify}
.hero-center .mark{width:100%;font-size:inherit;line-height:normal}
.hero-center p{width:100%;max-width:none;margin:0;font:400 23px/1.15 "Mona Sans Variable";letter-spacing:-.23px;font-variation-settings:'wdth' 75,'wght' 675;font-feature-settings:'ss07';text-indent:107px;text-align:justify}
.hero-meta{left:33px;right:33px;bottom:33px;grid-template-columns:repeat(4,1fr);gap:20px;font:400 15px/22px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.15px}
.hero-locations{gap:15px}.hero-locations .micro-label,.hero-services .micro-label{font:inherit;color:#bcbcbc;letter-spacing:inherit}
.hero-services{grid-column:2;justify-self:stretch;display:flex;gap:15px;align-items:end;line-height:22px}
.hero-services>div{display:flex;flex-direction:column}.hero-meta>a{grid-column:4}
.showcase-tabs{right:33px;width:90px;gap:4px}.showcase-tabs button{height:50px}.showcase-tabs button.active{transform:translateX(8px)}
.showcase-tabs button span{opacity:0!important}
.section-label{font:400 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.15px;gap:5px;align-items:start}
.section-label span:first-child{color:var(--accent)}
.about{padding-top:120px;padding-bottom:120px}
.about-heading-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.about-headline{grid-column:2/5;font-size:60px;line-height:1;letter-spacing:-1.2px;text-align:justify;text-indent:220px;margin:0;max-width:none}
.about-headline>span{color:var(--accent)}
.about-lower{margin-top:80px;align-items:start}
.founder{margin:0;display:block;align-self:start;grid-column:1}
.founder-portrait{position:relative;aspect-ratio:3/4}
.founder-portrait>img,.founder-portrait>video{display:block;width:100%;height:100%;border-radius:10px;object-fit:cover}
.founder figcaption{display:flex;justify-content:space-between;align-items:end;padding:10px 12px 0;font:400 23px/1.15 "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 675;letter-spacing:-.23px}
.founder figcaption small{font:400 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;color:#404040}
.philosophy-label{grid-column:2;color:#686868;font:400 15px/18px "Mona Sans Variable";font-variation-settings:'wdth' 80,'wght' 700;letter-spacing:-.15px}
.philosophy{grid-column:3/5;max-width:none}.philosophy blockquote{font:400 30px/1.15 "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 675;letter-spacing:-.6px;max-width:400px;margin:0 0 15px}
.philosophy p{font:500 15px/21px "Mona Sans Variable";letter-spacing:-.45px;max-width:380px;color:#686868}.philosophy p strong{color:#333;font-weight:600}
.philosophy .line-link{border:0;font:400 17px/1.2 "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;letter-spacing:-.17px;margin:40px 0 0 52.5%;padding:0;min-width:0;gap:9px}
.philosophy .arrow{background:var(--accent);border-radius:3px;color:#fff;width:17px;height:17px;text-align:center}
@media(max-width:1199px) and (min-width:810px){.hero-center{left:calc(23px + (100% - 26px)/4);width:550px;max-width:calc(75% - 46px)}.hero-center .mark-script{font-size:8vw}.about-headline{font-size:50px;letter-spacing:-1px;text-indent:160px}}
@media(max-width:809px){
 .topbar{position:fixed;top:6px;left:6px;right:6px;height:52px;background:#0d0d0d;border-radius:8px;padding:0 17px;display:flex;justify-content:space-between;gap:0}
 .topbar-links,.topbar-projects{display:none}.mobile-menu-toggle{display:grid;flex:none}
 .hero{height:92svh;min-height:0}.hero-center{left:23px;width:calc(100% - 46px);max-width:550px;top:calc(50% - 70px);transform:translateY(-50%);gap:20px}
 .hero-center .mark-script{font-size:min(19.82vw,109px)}.hero-center .mark-registered{font-size:clamp(17px,5.28vw,29px)}
 .hero-center p{font-size:19px;line-height:1.15;letter-spacing:-.19px;text-indent:72px;max-width:none}
 .showcase-tabs{display:none}.hero-meta{left:23px;right:23px;bottom:23px;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px}
 .hero-locations{grid-column:1;grid-row:1}.hero-services{grid-column:2;grid-row:1;justify-self:start}.hero-meta>a{grid-column:1/3;grid-row:2;justify-self:start;min-height:40px;display:flex;align-items:end}
 .about{padding-top:60px;padding-bottom:60px}.about-heading-row{grid-template-columns:1fr;gap:20px}.about-headline{grid-column:1;font-size:30px;line-height:1;letter-spacing:-.6px;text-indent:122px;margin:0}
 .about-lower{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 20px;margin-top:40px}
 .founder{grid-column:1;grid-row:1}.founder figcaption{flex-wrap:wrap;font-size:19px;gap:0}.founder figcaption small{margin-left:auto}
 .philosophy-label{grid-column:2;grid-row:1}.philosophy{grid-column:1/3}.philosophy blockquote{font-size:23px;line-height:1.2;letter-spacing:-.46px;max-width:none}.philosophy .line-link{margin-left:auto}
}
.hero-services{flex-direction:row}
.hero-center .mark-registered{font-size:57.47px}
 .topbar-links{width:auto}
.mobile-menu-toggle{display:none}
@media(max-width:809px){.mobile-menu-toggle{display:grid}.hero-center .mark:not(.mark--small) .mark-script{font-size:min(19.82vw,109px)}.hero-center .mark-registered{font-size:clamp(30px,9.23vw,57.47px)}}

@media(max-width:809px){.founder figcaption span{width:100%}.philosophy blockquote{max-width:310px}.philosophy p{max-width:230px}}

.newsletter-consent input{accent-color:var(--accent);width:16px;height:16px}

/* Keep fallback-font headings within the viewport while critical fonts load. */
.journal-head{flex-wrap:wrap;gap:20px}

/* SOURCE_CONFIRMED: frozen Framer root uses grayscale font smoothing. */
:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
*{-webkit-font-smoothing:inherit}
@media (min-width: 810px) {
  #process .process-stage {
    position: sticky;
    top: 0;
    width: auto;
    height: 100vh;
    min-height: 0;
    display: block;
    margin-top: 0;
    margin-right: calc(0px - var(--pad));
    margin-bottom: 0;
    margin-left: calc(0px - var(--pad));
    padding: 3px;
  }
}
@media(max-width:809px){.topbar-mark .mark--small{width:132px;height:50px}.footer-top>div>.mark--small{width:160px;height:100px}.footer-bottom>div{max-width:100%}}
.topbar--home{color:#fff}.topbar--home .topbar-projects em{color:inherit}

/* Homepage preview from the published products catalog. */
.clients-products-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:54px 0 28px}
.clients-products-heading h2{max-width:900px;margin:0;font:700 clamp(38px,6.4vw,102px)/.94 "Mona Sans Variable";font-variation-settings:'wdth' 75,'wght' 700;letter-spacing:-.02em}
.clients-products-all{display:flex;align-items:center;gap:15px;flex:0 0 auto;border-bottom:1px solid var(--border);padding:0 0 10px;font:700 13px "Mona Sans Variable"}
.clients-products-all .arrow{font-size:18px}
.clients-products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.clients-product-card{min-width:0;border-top:1px solid var(--border);padding-top:12px}
.clients-product-media{position:relative;display:grid;place-items:center;aspect-ratio:1.12/1;overflow:hidden;border-radius:var(--radius,10px);background:#fff;color:#111;text-decoration:none}
.clients-product-media img{position:absolute;z-index:1;inset:0;display:block;width:100%;height:100%;object-fit:contain;padding:45px;transition:transform .45s cubic-bezier(.2,.7,.25,1)}
.clients-product-card:hover .clients-product-media img{transform:scale(1.045)}
.clients-product-placeholder{position:absolute;inset:0;display:grid;place-content:center;gap:7px;text-align:center;font:700 72px/.9 "Mona Sans Variable";color:#ff0000}
.clients-product-placeholder small{font:700 9px/1 "Mona Sans Variable";letter-spacing:.08em;color:#777}
.clients-product-open{position:absolute;z-index:2;right:10px;top:10px;display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:#fff;font:700 17px "Mona Sans Variable"}
.clients-product-copy{padding:14px 0 0}
.clients-product-copy p{margin:0 0 7px;color:#777;font:700 13px/1.3 "Mona Sans Variable";letter-spacing:.04em;text-transform:uppercase}
.clients-product-copy h3{margin:0;font:700 clamp(16px,1.8vw,23px)/1.05 "Mona Sans Variable";letter-spacing:-.025em;text-transform:uppercase}
.clients-product-copy>span{display:block;margin-top:9px;color:#777;font:600 13px/1.3 "Mona Sans Variable"}
.clients-products-state{margin:26px 0 0;color:#666;font:600 14px/1.5 "Mona Sans Variable"}
.clients-products-state a{display:inline-block;margin-left:8px;color:#111;font:700 13px "Mona Sans Variable"}
.showcase-tabs button>video{position:absolute;z-index:1;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(1.18);pointer-events:none}
.showcase-tabs button>span{z-index:2}
@media(max-width:1199px){.clients-products-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.clients-products-heading{margin-top:42px}}
@media(max-width:809px){.clients-products-heading{align-items:flex-start;flex-direction:column;gap:18px;margin:38px 0 22px}.clients-products-heading h2{font-size:clamp(34px,9vw,56px)}.clients-products-grid{gap:18px 10px}.clients-product-card{padding-top:9px}.clients-product-media img{padding:45px}.clients-product-copy p{font-size:13px}.clients-product-copy h3{font-size:16px}.clients-product-copy>span{font-size:13px}}

h1,
h3 {
  font-variation-settings: 'wdth' 75, 'wght' 700;
}

.hero-center .hero-slogan {
  font-variation-settings: 'wdth' 75, 'wght' 600;
}

.service-title {
  font-variation-settings: 'wdth' 75, 'wght' 700;
}

.why-bottom h3,
.content-route h1,
.content-route-grid h2,
.clients-product-copy h3 {
  font-variation-settings: 'wdth' 75, 'wght' 700;
}

@media (min-width: 810px) {
  .topbar-links {
    width: auto;
    justify-content: flex-end;
  }
}

@media (min-width: 810px) and (max-width: 1199px) {
  .topbar {
    grid-template-columns: minmax(112px, .65fr) minmax(0, 2fr);
    gap: clamp(12px, 1.5vw, 18px);
    padding-inline: clamp(14px, 2vw, 24px);
  }

  .topbar-projects {
    font-size: inherit;
  }

  .topbar-links {
    gap: clamp(8px, 1.25vw, 15px);
    font-size: clamp(12px, 1.45vw, 17px);
  }
}

@media (min-width: 1200px) {
  .topbar {
    grid-template-columns: minmax(150px, .7fr) minmax(0, 2fr);
  }
}

@view-transition {
  navigation: auto;
}

.process-card-link{position:absolute;z-index:2;inset:0;display:block;color:inherit;text-decoration:none}
.process-card-link:focus-visible{outline:2px solid #ff1616;outline-offset:-4px}

::view-transition {
  background: #fff;
}

::view-transition-group(root) {
  animation-duration: 1.44s;
}

::view-transition-old(root) {
  animation: kavto-page-scale-out 540ms cubic-bezier(.76, 0, .24, 1) both;
  transform-origin: center center;
}

::view-transition-new(root) {
  animation: kavto-curtain-reveal 900ms cubic-bezier(.65, 0, .35, 1) 540ms both;
  mix-blend-mode: normal;
}

@keyframes kavto-page-scale-out {
  0% { opacity: 1; transform: scale(1); }
  80% { opacity: 1; transform: scale(.9); }
  100% { opacity: 0; transform: scale(.9); }
}

@keyframes kavto-curtain-reveal {
  from { clip-path: inset(0 0 100% 0); }
  to { clip-path: inset(0); }
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition,
  ::view-transition-group(root),
  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation-duration: .01ms !important;
    animation-delay: 0s !important;
  }
}
.preloader-logo{display:block;width:clamp(220px,42vw,600px);height:auto;object-fit:contain}


/* Card image fallback and global hover states. */
.clients-product-placeholder[hidden],
.clients-product-media img[hidden]{display:none}
.clients-product-copy h3,.products-card h3,.single-product-related-grid h3{transition:color .25s ease,transform .35s cubic-bezier(.2,.7,.25,1);transform-origin:left center}
.clients-product-card:hover .clients-product-copy h3,.clients-product-card:focus-within .clients-product-copy h3,.products-card:hover h3,.products-card:focus-within h3,.single-product-related-grid article:hover h3,.single-product-related-grid article:focus-within h3{color:var(--accent);transform:translateY(-2px)}
.menu-panel nav a,.footer-top nav a,.social-links a,.footer-bottom>div a{transition:color .25s ease,transform .35s cubic-bezier(.2,.7,.25,1)}
.menu-panel nav a:hover,.menu-panel nav a:focus-visible,.footer-top nav a:hover,.footer-top nav a:focus-visible,.social-links a:hover,.social-links a:focus-visible,.footer-bottom>div a:hover,.footer-bottom>div a:focus-visible{color:var(--accent);transform:translateX(3px)}
.menu-panel nav a:hover small,.menu-panel nav a:focus-visible small{color:var(--accent)}

@media (max-width: 809px) {
  .hero {
    margin-left: 0;
    padding: 3px;
    height: 100svh;
    min-height: 680px;
    margin-top: 62px;
  }

  .reel-card {
    width: 100%;
    height: 91vh;
    min-height: 360px;
  }
}

.reel-sticky {
  height: 107vh;
  position: sticky;
  top: 0;
  display: grid;
  place-items: center;
  perspective: 1200px;
  padding: 0.4vh 0.2vw;
  overflow: hidden;
}

/* Scroll parallax: the hero scales back as the About panel passes in front. */
.home-hero-about-stage {
  display: flow-root;
  position: relative;
  isolation: isolate;
}

.home-hero-about-stage > .hero {
  position: sticky;
  top: 0;
  z-index: 0;
  transform-origin: 50% 50%;
  will-change: transform;
}

.home-hero-about-stage > .about {
  position: relative;
  z-index: 1;
  background: #fff;
}

@media (prefers-reduced-motion: reduce) {
  .home-hero-about-stage > .hero {
    position: relative;
    top: auto;
    transform: none !important;
    will-change: auto;
  }
}
.contact{background:#ffffff}

/* Compact language, inbox, and sign-in controls in the global navigation. */
.topbar-utilities{display:flex;align-items:center;justify-self:end;gap:10px;min-width:0;color:#151515}
.topbar-language{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:68px;height:36px;padding:0 12px;border:1px solid #e4e4e7;border-radius:999px;background:rgba(255,255,255,.94);color:#25252a;font:500 12px/1 "Mona Sans Variable",sans-serif;letter-spacing:0}
.topbar-language>span:last-child{color:#777;font-size:14px}
.topbar-inbox{position:relative;display:grid;place-items:center;width:30px;height:36px;color:inherit;text-decoration:none}
.topbar-inbox svg,.topbar-sign-in svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.topbar-inbox-count{position:absolute;top:0;right:-5px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 3px;border-radius:999px;background:#e3121b;color:#fff;font:700 9px/1 "Mona Sans Variable",sans-serif}
.topbar-sign-in{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border:1px solid #111;border-radius:999px;background:#111;color:#fff;text-decoration:none;font:600 13px/1 "Mona Sans Variable",sans-serif;white-space:nowrap;transition:background .2s ease,color .2s ease}
.topbar-sign-in svg{width:15px;height:15px}
.topbar-sign-in:hover,.topbar-sign-in:focus-visible{background:#e3121b;border-color:#e3121b;color:#fff}
.topbar-utilities a:focus-visible,.topbar-utilities button:focus-visible{outline:2px solid #e3121b;outline-offset:3px}
@media(min-width:810px){.topbar{grid-template-columns:minmax(118px,.58fr) minmax(0,1.9fr) auto;gap:clamp(12px,1.5vw,24px)}.topbar-links{grid-column:2;gap:clamp(12px,1.6vw,28px)}.topbar-utilities{grid-column:3;grid-row:1}}
@media(min-width:810px) and (max-width:1199px){.topbar-links{gap:clamp(8px,1vw,12px);font-size:clamp(12px,1.35vw,16px)}.topbar-utilities{gap:6px}.topbar-language{min-width:60px;padding:0 9px}.topbar-sign-in{gap:6px;padding:0 12px}}
@media(max-width:809px){.topbar-utilities{gap:5px}.topbar-language{min-width:58px;height:33px;gap:7px;padding:0 9px;font-size:11px}.topbar-inbox{width:26px;height:33px}.topbar-inbox svg{width:16px;height:16px}.topbar-inbox-count{top:0;right:-3px}.topbar-sign-in{height:33px;gap:5px;padding:0 10px;font-size:12px}.topbar-sign-in svg{width:14px;height:14px}}
@media(max-width:380px){.topbar-mark .mark--small{width:88px;height:38px}.topbar-utilities{gap:3px}.topbar-language{min-width:52px;padding:0 7px}.topbar-sign-in{gap:4px;padding:0 8px;font-size:11px}}

/* Header utility menus */
.topbar-utility-menu{position:relative;display:flex;align-items:center}
.topbar-utility-menu>.topbar-language,.topbar-utility-menu>.topbar-sign-in{font-family:inherit;cursor:pointer}
.topbar-dropdown{position:absolute;z-index:80;top:calc(100% + 10px);right:0;display:grid;min-width:174px;padding:6px;border:1px solid #e6e6e6;border-radius:12px;background:#fff;color:#171717;box-shadow:0 14px 34px rgba(0,0,0,.14)}
.topbar-dropdown button,.topbar-dropdown a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:40px;padding:0 11px;border:0;border-radius:8px;background:transparent;color:inherit;text-align:left;text-decoration:none;font:500 12px/1.3 "Mona Sans Variable",sans-serif;cursor:pointer}
.topbar-dropdown button:hover,.topbar-dropdown a:hover,.topbar-dropdown button[aria-checked="true"]{background:#f2f2f2}
.topbar-dropdown small{color:#818181;font:600 10px/1 "Mona Sans Variable",sans-serif}
.topbar-dropdown--account{min-width:190px}
.kc-customer-menu-home{display:block;flex:0 0 auto}

/* Quote cart */
.kavto-cart-page{min-height:100vh;padding:clamp(112px,15vh,174px) clamp(22px,8vw,128px) 100px clamp(72px,9vw,144px);background:#fff;color:#111}
.kavto-cart-heading{max-width:780px;margin:0 auto 42px}
.kavto-cart-heading .micro-label,.kavto-cart-summary .micro-label{margin:0 0 12px;color:#d20d18;font-size:11px;letter-spacing:.09em}
.kavto-cart-heading h1{margin:0;font-size:clamp(42px,7vw,82px);line-height:.96;letter-spacing:-.065em}
.kavto-cart-heading>p:last-child{margin:16px 0 0;color:#666;font-size:15px;line-height:1.6}
.kavto-cart-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:clamp(28px,5vw,70px);max-width:1220px;margin:auto;align-items:start}
.kavto-cart-list-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 16px;border-bottom:1px solid #dedede}
.kavto-cart-list-head h2{margin:0;font-size:14px;letter-spacing:.02em}
.kavto-cart-list-head>span{color:#777;font-size:11px;letter-spacing:.06em}
.kavto-cart-line{display:grid;grid-template-columns:92px minmax(0,1fr) 86px auto;align-items:center;gap:18px;padding:20px 0;border-bottom:1px solid #e7e7e7}
.kavto-cart-image{display:grid;place-items:center;width:92px;height:92px;overflow:hidden;border:1px solid #e7e7e7;border-radius:8px;background:#f7f7f7}
.kavto-cart-image img{width:100%;height:100%;object-fit:contain}
.kavto-cart-image>span,.kavto-cart-empty>span{color:#d20d18;font-weight:800;font-size:32px}
.kavto-cart-copy h3{margin:0 0 7px;font-size:14px;line-height:1.45}
.kavto-cart-copy p{margin:0 0 8px;color:#555;font-size:11px}
.kavto-cart-copy small{color:#858585;font-size:9px;letter-spacing:.04em}
.kavto-cart-quantity{display:grid;gap:7px;color:#555;font-size:9px;letter-spacing:.07em}
.kavto-cart-quantity input{width:78px;height:38px;padding:0 9px;border:1px solid #dedede;border-radius:5px;background:#fff;color:#111;font:500 13px "Mona Sans Variable",sans-serif}
.kavto-cart-remove{padding:8px 0;border:0;border-bottom:1px solid #222;background:transparent;color:#222;font:600 10px "Mona Sans Variable",sans-serif;cursor:pointer}
.kavto-cart-continue{display:inline-block;margin-top:22px;color:#292929;font-size:10px;font-weight:700;letter-spacing:.05em;text-decoration:none}
.kavto-cart-summary{position:sticky;top:100px;padding:25px;border:1px solid #e1e1e1;border-radius:10px;background:#f7f7f7}
.kavto-cart-summary h2{margin:0 0 12px;font-size:23px;line-height:1.08;letter-spacing:-.03em}
.kavto-cart-summary>p:not(.micro-label){margin:0 0 22px;color:#666;font-size:12px;line-height:1.65}
.kavto-cart-summary-count{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;color:#555;font-size:12px}
.kavto-cart-summary-count strong{color:#111}
.kavto-cart-submit{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding:15px 16px;background:#d20d18;color:#fff;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.02em}
.kavto-cart-submit:hover{background:#b20b14}
.kavto-cart-submit.is-disabled{background:#c9c9c9;cursor:not-allowed}
.kavto-cart-summary>small{display:block;margin-top:12px;color:#777;font-size:10px;line-height:1.5}
.kavto-cart-empty{display:grid;justify-items:center;padding:56px 20px;text-align:center}
.kavto-cart-empty h2{margin:13px 0 0;font-size:22px}
.kavto-cart-empty p{max-width:360px;color:#666;font-size:13px;line-height:1.6}
.kavto-cart-empty .kavto-cart-continue{margin-top:8px;padding:13px 18px;background:#111;color:#fff}
@media(max-width:760px){.kavto-cart-page{padding:116px 20px 70px 68px}.kavto-cart-layout{grid-template-columns:1fr;gap:30px}.kavto-cart-summary{position:static}.kavto-cart-line{grid-template-columns:68px minmax(0,1fr) 68px;gap:12px}.kavto-cart-image{width:68px;height:68px}.kavto-cart-copy h3{font-size:12px}.kavto-cart-copy small{font-size:8px}.kavto-cart-remove{grid-column:2;justify-self:start;grid-row:2}.kavto-cart-quantity{grid-column:3;grid-row:1 / span 2}.kavto-cart-quantity input{width:66px}}
@media(max-width:380px){.kavto-cart-page{padding-left:58px;padding-right:14px}.kavto-cart-line{grid-template-columns:58px minmax(0,1fr) 60px;gap:9px}.kavto-cart-image{width:58px;height:58px}}

/* Keep the shared KAVTO utility header compact on the customer quote portal. */
@media(max-width:809px){
  .topbar--utilities-only{grid-template-columns:minmax(0,1fr) auto!important;padding-inline:16px}
  .topbar--utilities-only .topbar-links{display:none}
  .topbar--utilities-only .topbar-utilities{grid-column:2;grid-row:1}
  .topbar--utilities-only .topbar-mark .mark--small{width:clamp(84px,30vw,132px);height:46px}
  .topbar--utilities-only .topbar-sign-in span{max-width:clamp(44px,18vw,100px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
.topbar--utilities-only{grid-template-columns:minmax(0,1fr) auto}
.topbar--utilities-only .topbar-links{display:none}
.contact-page--customer-portal{padding-top:78px}
@media(max-width:809px){.contact-page--customer-portal{padding-top:66px}}
/* The unauthenticated customer login is a full-screen view without site chrome. */
body:has(.contact-page--customer-portal .kc-quote-workflow--customer-login) .topbar--utilities-only{display:none}
.contact-page--customer-portal:has(.kc-quote-workflow--customer-login){min-height:100svh;padding-top:0}
.contact-page--customer-portal .kc-quote-workflow--customer-login{width:100%;max-width:none;min-height:100svh;margin:0;padding:0}
.contact-page--customer-portal .kc-quote-workflow--customer-login .kc-quote-panel--customer-login{width:100%;max-width:none;min-height:100svh;margin:0;border:0;box-shadow:none;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.contact-page--customer-portal .kc-quote-workflow--customer-login .kc-customer-login-story{min-height:100svh}
@media(max-width:809px){
  .contact-page--customer-portal .kc-quote-workflow--customer-login .kc-quote-panel--customer-login{grid-template-columns:1fr}
  .contact-page--customer-portal .kc-quote-workflow--customer-login .kc-customer-login-story{min-height:55svh}
}