/* Website-only ink / acid system. Operator brand.css and product demos are untouched. */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
body.site-rebrand{--ink:#20221f;--paper:#fafaf7;--theme:#20221f;--theme2:#20221f;--grad:#dfff00;--ff:'Space Grotesk',sans-serif;--ff-ui:'Space Grotesk',sans-serif;--r-s:10px;--r-m:10px;background:#fafaf7!important;color:#20221f;font-family:var(--ff-ui)}
.site-rebrand :is(.mk-display,.mk-title,.mk-h1,.mk-h2,.disp){font-family:'Space Grotesk',sans-serif;font-weight:500;letter-spacing:-.045em;text-transform:none}
.site-rebrand :is(.stamp,.bd-eyebrow){font-family:'IBM Plex Mono',monospace;letter-spacing:.09em;font-weight:500}
.site-rebrand .grad-text{background:none!important;color:#20221f!important;-webkit-text-fill-color:#20221f!important}
.site-rebrand :is(.mk-btn,.btn-sheen,.mm-cta){background:#dfff00!important;color:#20221f!important;border:1px solid transparent;border-radius:10px!important;box-shadow:none!important}
.site-rebrand :is(.mk-btn,.btn-sheen):hover{background:#cde900!important}
.site-rebrand :is(.btn-sheen:before,.btn-sheen:after,.blob,.gpulse,.grain){display:none!important}
.site-rebrand :is(.navbar,.nav-panel,.mobile-menu){background:#fafaf7!important;border-color:#d6d8cf!important;box-shadow:none!important;backdrop-filter:none!important}
.site-rebrand :is(.navbar,.mobile-menu) a:not(.btn-sheen):not(.mm-cta),.site-rebrand .navbar button{color:#20221f!important}
.site-rebrand .navbar{border-bottom:1px solid #d6d8cf}
.site-rebrand :is(a,button,input,summary):focus-visible{outline:2px solid #20221f;outline-offset:4px}
.site-rebrand:not(.calm) :is(header,section,.aurora-wrap){background:#fafaf7!important;color:#20221f!important}
.site-rebrand:not(.calm) .page-seam{border-radius:0}
.site-rebrand:not(.calm) .page-hero{border-bottom:1px solid #d6d8cf}
.site-rebrand:not(.calm) header h1{font-size:clamp(38px,5vw,64px);line-height:1.05;font-weight:500}
/* Legacy utility and inline colors are overridden only outside the preserved Slack mock. */
.site-rebrand:not(.calm) :is([class*='text-white'],.on-dark,.pdim,.wdim,.wdim4):not(.sl-mock *):not(.vk-bezel *){color:#5b6057!important}
.site-rebrand:not(.calm) :is(h1,h2,h3,h4,b,.mk-title,.font-black,.font-semibold,.font-bold).text-white:not(.sl-mock *):not(.vk-bezel *){color:#20221f!important}
.site-rebrand:not(.calm) :is(.mk-card,.mk-flat,.rounded-2xl,.rounded-xl):not(.sl-mock *):not(.vk-bezel *){background:#fff!important;border:1px solid #d6d8cf!important;border-radius:10px!important;box-shadow:none!important}
.site-rebrand:not(.calm) :is(.dim,.dim50){color:#5b6057}
.site-rebrand:not(.calm) section{border-bottom:1px solid #d6d8cf}
.site-rebrand:not(.calm) .reveal,.site-rebrand:not(.calm) .hi{opacity:1!important;transform:none!important;animation:none!important}
.site-rebrand:not(.calm) :is(.aurora-wrap,.guide-prose) [style*='background:#0a0c10']{background:#eeefe9!important;color:#20221f!important}
.site-rebrand:not(.calm) [style*='color:#53FFB2']{color:#20221f!important}
.site-rebrand .guide-prose{font-size:17px;line-height:1.8}
.site-rebrand .guide-prose h2{font-weight:500;letter-spacing:-.035em}
.site-rebrand .guide-prose a{color:#20221f;text-decoration:underline;text-underline-offset:3px}
.site-rebrand footer{background:#eeefe9!important;color:#20221f!important;border-top:1px solid #d6d8cf}
.site-rebrand footer :is(p,a,span,[class*='text-white']){color:#5b6057!important}
.site-rebrand footer .mk-title{color:#20221f!important}
.site-rebrand footer>div:last-child{border-color:#d6d8cf!important}
.site-rebrand .auth-main input{border-color:#b8bdb0;border-radius:10px}
.site-rebrand .helpbar{background:#fafaf7!important;border-top:1px solid #d6d8cf!important}
/* Independent interview app: retain all functional states and their selectors. */
body.interview-rebrand{--black:#fafaf7;--theme:#20221f;--theme2:#20221f;--grad:#dfff00;color:#20221f!important}
.interview-rebrand .aurora{background:#fafaf7!important}
.interview-rebrand :is(.btn,.input){border-radius:10px}
.interview-rebrand .btn{background:#dfff00;color:#20221f}
.interview-rebrand .btn.ghost{background:#fff;color:#20221f;border-color:#b8bdb0}
.interview-rebrand .input{background:white;border-color:#b8bdb0;color:#20221f}
.interview-rebrand .input::placeholder{color:#666c61}
.interview-rebrand :is(.halo,.sphere .sheen){background:#dfff00!important}
.interview-rebrand .ring{border-color:#20221f!important}
.interview-rebrand .serif{font-family:'Space Grotesk',sans-serif;font-style:normal}
@media(max-width:700px){
 .site-rebrand:not(.calm) header h1{font-size:38px}
 .site-rebrand:not(.calm) header>.relative{padding-top:112px!important;padding-bottom:44px!important}
 .site-rebrand:not(.calm) section.py-16{padding-top:44px;padding-bottom:44px}
 .site-rebrand .guide-prose{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.site-rebrand{scroll-behavior:auto}.site-rebrand :is(.hi,.reveal){animation:none!important;transition:none!important}}

/* Preserve the original product UI identity, including its local accent variable. */
.site-rebrand :is(.vk-bezel,.sl-mock){--grad:linear-gradient(100deg,#15AA9B,#4ACAD1);--theme:#15AA9B;--theme2:#4ACAD1}
.site-rebrand .bd{background:#fafaf7;color:#20221f;font-family:var(--ff-ui)}
.site-rebrand .bd:before{display:none}
.site-rebrand :is(.bd-card,.bd-point,.bd-cta){background:#fff;border:1px solid #d6d8cf;border-radius:10px}
.site-rebrand .bd-cta button{background:#dfff00;color:#20221f;border-radius:10px}
.site-rebrand .bd-stat .n{background:none;color:#20221f}
.interview-rebrand [style*="color:rgba(255,255,255"],.interview-rebrand [style*="color:#fff"]{color:#5b6057!important}
.interview-rebrand :is(.card,.appchip,.fitpill,.paywait-card){background:#fff;border-color:#d6d8cf;color:#20221f}
.interview-rebrand :is(.backlink,.brandtag,.stamp){color:#5b6057}

/* Responsive audit: keep controls readable and content reachable without changing desktop. */
@media(max-width:1023px){
 .site-rebrand .orbit-chips{width:100%;min-width:0}
 .site-rebrand .orbit-chip{max-width:100%;white-space:normal;line-height:1.4;text-align:center;box-sizing:border-box}
 .site-rebrand :is(input,select,textarea){scroll-margin-block:100px 24px}
 .site-rebrand footer>div:first-child{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px;padding-top:36px;padding-bottom:36px}
 .site-rebrand footer>div:first-child>div:first-child{grid-column:1/-1;max-width:440px}
 .site-rebrand footer a.block{display:flex;align-items:center;min-height:44px;line-height:1.4}
 .site-rebrand footer .space-y-2>*+*{margin-top:0}
}
@media(max-width:767px){
 .site-rebrand .navbar .mk-title{display:inline-flex;align-items:center;min-height:44px}
 .site-rebrand .navbar .btn-sheen{min-height:44px}
 .interview-rebrand :is(.backlink,.hq){min-height:44px}
 .site-rebrand :is(.legal-toc a,.book-back){display:inline-flex;align-items:center;min-height:44px}
 .site-rebrand .legal-toc a{display:flex}
 .site-rebrand .mobile-menu{max-height:calc(100dvh - env(safe-area-inset-top,0px) - 128px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:max(8px,env(safe-area-inset-bottom))}
 .site-rebrand .rail{scroll-padding-inline:24px;scrollbar-width:thin}
 .site-rebrand .rail::-webkit-scrollbar{display:block;height:4px}
 .site-rebrand .rail.rail-sm>*{flex-basis:76%;min-width:0}
 .site-rebrand .auth-main{padding-bottom:32px!important}
 .site-rebrand .helpbar{position:static;padding:12px 20px max(12px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;gap:8px}
 .site-rebrand .helpbar a{display:inline-flex;align-items:center;min-height:44px}
 .site-rebrand :is(section[id],header[id]){scroll-margin-top:100px}
}