/* Enterprise rules, from measuring ramp.com and mercor.com: one family, regular weight for headlines, two text tones
   (ink and ink at 60%), pure white, hairlines instead of shadows, 6px corners, one accent used sparingly. */
:root{--bg:#FFFFFF;--paper:#FFFFFF;--tint:#F6F6F6;--tint-2:#EFEFEF;--line:#E7E7E7;--line-2:#F0F0F0;
  --ink:#111111;--ink-2:rgb(17 17 17 / .6);--ink-3:rgb(17 17 17 / .45);
  --display:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Inter",system-ui,sans-serif;
  --sh-win:0 0 0 1px #E4E4E4;--sh-pop:0 0 0 1px #E4E4E4;--sh-card:0 0 0 1px #E7E7E7}
body{background:#fff;color:var(--ink);font-family:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:15px}
*{box-shadow:none!important}
h1,h2,h3,.wv-t h3,.res3 h3,.pains h3,.rg .intro h2,.faq h2,.plan .pr,.state p,.book h3,.bx h3{font-family:"Inter",system-ui,sans-serif!important;font-weight:400!important;color:var(--ink)}
h1{letter-spacing:-.035em!important}
h2,h3{letter-spacing:-.025em!important}
b,strong,.zt1,.attl,.ast3 b,.rn b,.roster b{font-weight:500!important}
.draft{background:#fff;color:var(--ink-2);border-bottom:1px solid var(--line)}
.soft{color:var(--ink-2)!important}

/* nav */
.nav,.nav.scrolled{background:rgb(255 255 255 / .92);border-bottom:1px solid var(--line)}
.wordmark{font-family:"Inter",sans-serif;font-weight:600;font-size:21px;letter-spacing:-.045em}
.wordmark span{color:var(--ink)}
.menu{color:var(--ink)}
.menu > li > a,.menu > li > button{font-size:14px}
.mega{border-radius:10px;box-shadow:0 0 0 1px #E4E4E4,0 12px 32px -12px rgb(0 0 0 / .18)!important}
.mega .feat{background:var(--tint)}

/* buttons: 6px, compact */
.btn{height:40px;padding:0 16px;border-radius:6px;font-size:14px;font-weight:500}
.nav .btn{height:34px;padding:0 13px;font-size:14px}
.btn-p{background:var(--ink);color:#fff}
.btn-p:hover{background:#2a2a2a;transform:none}
.btn-s{background:#fff;color:var(--ink);border:1px solid #DADADA}
.btn-s:hover{background:var(--tint)}
.lnk{text-decoration:none;color:var(--ink);font-weight:500}

/* labels: plain small text, no marks */
.kick{font-size:13px;font-weight:400;color:var(--ink-2)}
.kick i{display:none}

/* hero */
.dhero{padding-block:104px 0}
.dhero h1,.dhero.home h1{font-size:64px;line-height:1.02}
.dhero.home h1 span{display:block}
.dh-side p,.dh-row p{font-size:17px;color:var(--ink-2)}
@media (max-width:1000px){.dhero h1,.dhero.home h1{font-size:46px}}
@media (max-width:600px){.dhero h1,.dhero.home h1{font-size:36px}}

/* stages: flat grey with a hairline, no gradients, no grain, no drift */
.day,.frame,.row.flip .frame,.frame.c{background:var(--tint)!important;border:1px solid var(--line);border-radius:12px}
.day::before,.day::after,.frame::before,.frame::after{display:none!important}
.hstage2{border-radius:12px}
.aw,.win{border:1px solid #E4E4E4;border-radius:10px}
.frame .aw,.row.flip .frame .aw,.frame.c .aw,.hstage2 .aw{border-radius:10px 10px 0 0}

/* section heads: title left, one line under it */
.dsec{padding-block:128px 0}
.shead{display:block;padding-top:0;border-top:0;margin-bottom:48px;max-width:760px}
.shead .kick{display:block;margin-bottom:14px;padding:0}
.shead h2{font-size:44px;line-height:1.08}
.shead p{font-size:17px;margin-top:14px}
@media (max-width:760px){.shead h2{font-size:32px}}
.dsec + .dsec .wrap::before{content:"";display:block;border-top:1px solid var(--line);margin-bottom:128px}
.dsec + .dsec{padding-top:0}

/* logos row */
.logos2{border-color:var(--line)}
.logos2 ul{color:rgb(17 17 17 / .55)}

/* workflow viewer: underline tabs instead of pills */
.wv-tabs{background:none;padding:0;border-radius:0;gap:24px;border-bottom:1px solid var(--line);width:100%}
.wvt{padding:10px 0;border-radius:0;font-size:14px;color:var(--ink-2)}
.wvt[aria-selected="true"]{background:none;color:var(--ink)}
.wvt i{left:0;right:0;bottom:-1px;height:1.5px}
.wv-t h3{font-size:28px}
.wv-t li::before{width:4px;height:4px}

/* timeline, roster, results, flow, security: hairlines and neutral fills */
.mw{border:1px solid var(--line);border-radius:12px}
.mw .axis,.mw .tip{font-family:"Inter",sans-serif}
.mw .ok{background:#F1F1F1;box-shadow:none!important}
.mw .ok::after{border-color:var(--ink)}
.mw .bar.close{background:#D9D9D9}
.ri{border-radius:8px;background:var(--tint);color:var(--ink)}
.rn em{border-radius:4px;background:var(--tint);color:var(--ink-2)}
.rt span{border-radius:4px;border:1px solid var(--line);background:#fff}
.rr:hover{background:var(--tint)}
.flow{border:1px solid var(--line);border-radius:12px}
.flow .chip{border:1px solid var(--line);border-radius:8px}
.flow .core{border:1px solid var(--line);border-radius:12px}
.flow .core .zmark{border-radius:8px;font-family:"Inter",sans-serif;font-weight:600;font-size:24px}
.sico{border:1px solid var(--line);border-radius:8px}
.quote2 blockquote{font-family:"Inter",sans-serif;font-weight:400;font-size:34px;letter-spacing:-.025em;line-height:1.25}
.cta3 .day{padding:96px 40px}
.cta3 h2{font-size:48px}
.feat,.card,.step,.int,.plan,.story,.bx,.bx.make,.book{border:1px solid var(--line);border-radius:10px}
.feat .ti{border-radius:8px;background:var(--tint)}
.bx .tag,.step .when,.rg h3 .tag,.label b{border-radius:4px}
.plan.hl{border:1.5px solid var(--ink)}
details summary{font-size:16px}
.faq h2{font-size:36px}

/* footer: plain, no giant wordmark */
.bigmark{display:none}
footer{background:#fff;border-top:1px solid var(--line)}

/* product: keep violet only on agent marks; status dots keep meaning; nothing else coloured */
.aw .abtn{border-radius:6px}
.tk{box-shadow:inset 0 0 0 1.2px var(--ink)!important;color:var(--ink)}
.ach{box-shadow:inset 0 0 0 1px #EAEAEA!important}
.abtn{box-shadow:inset 0 0 0 1px #E4E4E4!important}
.abtn.p{box-shadow:none!important}
.asr,.asr kbd,.acn > div,.acn em,.asrc{box-shadow:inset 0 0 0 1px #E8E8E8!important}
.aws[data-s="4"] .apv,.aws[data-s="9"] .apv{box-shadow:inset 0 0 0 1px #BBF7D0!important}
.arw.hl{box-shadow:inset 2px 0 0 var(--ink)!important}
.zprog .pb i,.abars i b,.avb span.c{background:var(--ink)}