/* Apply Desk — refined product interface.
   All layout changes are additive: no change to authentication, credits or API calls. */
:root,html[data-theme="light"]{
  --ink:#f5f7fb;--panel:#fff;--panel-2:#f7f9fc;
  --rule:#dfe5ee;--rule-soft:#e9edf4;
  --fg:#172337;--fg-dim:#526178;--fg-faint:#77849a;
  --amber:#215dc9;--amber-dim:#bcd1f6;
  --green:#15866a;--rust:#be5a4d;--blue:#427abf;
  --display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
}
html[data-theme="dark"]{
  --ink:#101824;--panel:#182333;--panel-2:#202d3e;
  --rule:#334458;--rule-soft:#29384a;--fg:#eff4fa;
  --fg-dim:#b1bdd0;--fg-faint:#8a9ab0;
  --amber:#8eb6ff;--amber-dim:#345589;
  --green:#69d1ad;--rust:#e18b80;--blue:#8eb6ff;
}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{background:var(--ink);font-family:var(--body);font-size:14px;line-height:1.6}
.wrap{max-width:1460px;padding:34px 38px 100px}
.mast{padding:10px 270px 27px 0;margin-bottom:30px;border-bottom:1px solid var(--rule)}
.mast h1{font-size:36px;letter-spacing:-.045em;font-weight:800}
.mast .sub{font-family:var(--body);font-size:13px;font-weight:400;letter-spacing:0;text-transform:none;margin-top:8px;color:var(--fg-dim)}
.cols{grid-template-columns:minmax(305px,360px) minmax(0,1fr);gap:30px}
.cols>div{min-width:0}
.panel,.card,.status{background:var(--panel);border:1px solid var(--rule);border-radius:14px;box-shadow:0 6px 22px rgba(30,53,84,.035)}
.panel{margin-bottom:19px;overflow:hidden}
.panel>header{padding:17px 20px;border-bottom:1px solid var(--rule-soft)}
.panel>header h2{font-family:var(--body);font-size:13px;letter-spacing:.005em;text-transform:none;color:var(--fg);font-weight:700}
.panel .body{padding:20px}
label.f{font-family:var(--body);font-weight:600;letter-spacing:0;text-transform:none;font-size:12px;color:var(--fg-dim);margin-bottom:8px}
.field{margin-bottom:18px}
textarea,input[type=text],select{background:var(--panel);border:1px solid var(--rule);border-radius:9px;padding:11px 12px;font-size:13px;min-height:42px}
textarea{padding:12px 13px;line-height:1.58}
textarea:focus,input:focus,select:focus{outline:3px solid color-mix(in srgb,var(--amber) 14%,transparent);outline-offset:0;border-color:var(--amber)}
button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.btn{border-radius:9px;background:var(--amber);color:#fff;letter-spacing:0;text-transform:none;font:600 13px var(--body);padding:12px 16px;min-height:43px}
.btn:hover{background:#16499f}
html[data-theme="dark"] .btn{color:#112039}
html[data-theme="dark"] .btn:hover{background:#adcaff}
.btn.ghost{font-family:var(--body);border-radius:8px;font-size:12px;padding:9px 13px;color:var(--fg-dim)}
.hint{font-size:12px;line-height:1.6;color:var(--fg-faint)}
.saved{font-family:var(--body);font-weight:600;font-size:11px}
.tabbar{background:var(--panel);border:1px solid var(--rule);border-radius:12px;padding:5px;gap:5px;margin-bottom:18px}
.tab{border:0;border-radius:9px;font-family:var(--body);font-weight:600;text-transform:none;letter-spacing:0;font-size:12px;padding:12px 10px}
.tab.active{background:color-mix(in srgb,var(--amber) 11%,var(--panel));color:var(--amber);border:0}
.tab:hover{background:var(--panel-2)}
.flow{gap:8px;margin-bottom:22px}
.flow-step{font-family:var(--body);font-size:10px;font-weight:600;text-align:left;border-radius:9px;padding:11px 9px;min-height:55px;letter-spacing:0;background:var(--panel)}
.flow-step .sn{font-family:var(--mono);font-size:10px;color:var(--fg-faint)}
.flow-step.active{background:color-mix(in srgb,var(--amber) 9%,var(--panel));border-color:var(--amber);color:var(--amber)}
.flow-step.done{background:color-mix(in srgb,var(--green) 6%,var(--panel));border-color:color-mix(in srgb,var(--green) 35%,var(--rule))}
.workspace-nav{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 1px;margin-bottom:9px}
.workspace-nav-main{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.workspace-action{padding:8px 13px;border:1px solid var(--rule);border-radius:9px;background:var(--panel);color:var(--fg-dim);font-size:12px;font-weight:600;box-shadow:0 2px 9px #17233706}
.workspace-action:hover{color:var(--amber);border-color:var(--amber-dim)}
.workspace-context{font-size:11px;color:var(--fg-faint)}
.runbar{align-items:center;margin:4px 0 19px}
.runbar .n{font-size:23px;letter-spacing:-.025em}
.runbar .meta{font:12px var(--body);color:var(--fg-dim)}
.card{border-left:1px solid var(--rule);margin-bottom:13px;transition:box-shadow .18s,border-color .18s}
.card:hover{border-color:var(--amber-dim);box-shadow:0 10px 30px rgba(30,53,84,.08)}
.card.tier-a,.card.tier-b,.card.tier-c{border-left:3px solid var(--rule)}
.card.tier-a{border-left-color:var(--green)}
.card.tier-b{border-left-color:var(--amber)}
.card.tier-c{border-left-color:var(--rust)}
.card .top{grid-template-columns:68px minmax(0,1fr) auto;padding:21px;gap:20px}
.card h3{font-size:19px;letter-spacing:-.02em;line-height:1.25;margin-bottom:6px}
.card .org{font-size:12px;line-height:1.55}
.score .num{font:700 27px/1 var(--display)}
.score .band{font:10px var(--body);letter-spacing:0;text-transform:none}
.chips{gap:6px;margin-top:12px}
.chip{font:500 10px var(--body);border-radius:6px;padding:4px 8px;white-space:normal}
.chip.pos{background:color-mix(in srgb,var(--green) 8%,var(--panel));border-color:color-mix(in srgb,var(--green) 25%,var(--rule))}
.chip.gap{background:color-mix(in srgb,var(--amber) 6%,var(--panel));border-color:var(--rule)}
.act{min-width:110px;gap:8px}
.apply{font:600 12px var(--body);letter-spacing:0;border-radius:8px;padding:9px 12px}
.apply:hover{background:var(--amber);color:#fff}
.apply:disabled{border-color:var(--rule);color:var(--fg-faint);cursor:not-allowed}
.toggle{font:600 11px var(--body);letter-spacing:0}
.ledger{padding:17px 22px}
.ledger h4{font:600 12px var(--body);letter-spacing:0;text-transform:none}
.note{font-size:12px}
.status{padding:21px;font-size:13px}
.status b{font-size:17px}
.status.err{border-color:color-mix(in srgb,var(--rust) 40%,var(--rule))}
.choice,.tpl-card{background:var(--panel);border:1px solid var(--rule);border-radius:11px;padding:17px}
.choice:hover,.choice.selected,.tpl-card.active{border-color:var(--amber);background:color-mix(in srgb,var(--amber) 5%,var(--panel))}
.choice b{font-size:15px}
.choice span,.tpl-card .tpl-desc{font-size:12px}
#gapbox .status{margin-top:0}
#ad-account{top:21px;right:max(30px,calc((100vw - 1460px)/2 + 38px))}
#ad-account-trigger{background:var(--panel);border-radius:11px;padding:11px 15px;box-shadow:0 3px 14px #1723370c}
#ad-account-menu{background:var(--panel);border-radius:13px;box-shadow:0 14px 45px #17233725;padding:19px}
#ad-auth{background:var(--ink)}
#ad-auth-box{background:var(--panel);border:1px solid var(--rule);border-radius:19px;box-shadow:0 28px 90px #15253d19;padding:38px}
#ad-auth-box button.primary{background:#215dc9;border-radius:9px}
#ad-auth-box button.link{color:var(--amber)}
#applydeskTheme{font:600 12px var(--body);border-radius:30px;padding:10px 14px}
@media(max-width:1120px){
  .wrap{padding:24px 22px 85px}
  .cols{grid-template-columns:300px minmax(0,1fr);gap:20px}
  .mast{padding-right:245px}
  .card .top{grid-template-columns:56px minmax(0,1fr);gap:12px}
  .card .act{grid-column:2;flex-direction:row;flex-wrap:wrap}
  .flow{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:800px){
  .cols{grid-template-columns:1fr}
  .mast{padding-right:0;margin-top:35px}
  #ad-account{top:9px;right:15px}
  .flow{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:540px){
  .wrap{padding:24px 15px 82px}
  .mast h1{font-size:31px}
  .flow{grid-template-columns:repeat(2,minmax(0,1fr))}
  .card .top{grid-template-columns:1fr}
  .score{display:flex;align-items:center;gap:10px;text-align:left}
  .card .act{grid-column:1}
  .workspace-context{display:none}
  .tab{font-size:11px}
  .runbar .n{font-size:21px}
  .panel .body,.card .top{padding:16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}


/* Product redesign v2: sophisticated neutrals and restrained evergreen accent. */
:root,html[data-theme="light"]{
  --ink:#f8f8f6;
  --panel:#ffffff;
  --panel-2:#f4f5f2;
  --rule:#e5e7e1;
  --rule-soft:#eceee9;
  --fg:#1a2423;
  --fg-dim:#586662;
  --fg-faint:#7c8883;
  --amber:#176c60;
  --amber-dim:#b1d2c8;
  --green:#14765d;
  --rust:#bb6155;
  --blue:#176c60;
}
html[data-theme="dark"]{
  --ink:#121a19;
  --panel:#1b2624;
  --panel-2:#222f2c;
  --rule:#34433e;
  --rule-soft:#2b3a35;
  --fg:#f0f5f1;
  --fg-dim:#bdcac3;
  --fg-faint:#97aaa0;
  --amber:#8dd6bd;
  --amber-dim:#436d60;
  --green:#83d8b6;
  --rust:#e19a8d;
  --blue:#8dd6bd;
}
body{background:var(--ink)}
.wrap{max-width:1380px}
.mast{align-items:center;padding:8px 0 25px;margin-bottom:32px;gap:30px}
.brand-block{display:flex;align-items:center;gap:15px}
.brand-mark,.auth-brand-symbol{
  display:grid;place-items:center;flex:none;
  background:#174c42;color:#fff;font:800 25px var(--display);
  width:49px;height:49px;border-radius:14px;
  letter-spacing:-.06em
}
.brand-mark span{color:#9de8bd}
.brand-block h1{font-size:27px;line-height:1.15;letter-spacing:-.055em}
.brand-block .sub{margin:4px 0 0;font-size:12px;color:var(--fg-dim)}
.primary-nav{display:flex;align-items:center;gap:6px;padding:5px;background:var(--panel);
  border:1px solid var(--rule);border-radius:12px;margin-right:190px}
.primary-nav-link{border:0;background:transparent;color:var(--fg-dim);padding:10px 17px;
  border-radius:8px;font-size:12px;font-weight:650;white-space:nowrap}
.primary-nav-link:hover{color:var(--amber);background:var(--panel-2)}
.primary-nav-link.active{background:#e5f2eb;color:#15584e}
html[data-theme="dark"] .primary-nav-link.active{background:#29483d;color:#a2e9c6}
.panel,.card,.status{border-radius:12px;box-shadow:0 4px 17px rgba(22,37,30,.025)}
.panel>header{padding:17px 20px}
.btn{background:#176c60;color:white;letter-spacing:0}
.btn:hover{background:#115346}
html[data-theme="dark"] .btn{background:#86d1b4;color:#10221b}
html[data-theme="dark"] .btn:hover{background:#b7f0d1}
.tab.active{background:#eaf4ee;color:#176c60}
html[data-theme="dark"] .tab.active{background:#29483d;color:#a2e9c6}
.card:hover{box-shadow:0 7px 21px rgba(20,46,36,.075)}
.card.tier-a,.card.tier-b,.card.tier-c{border-left-width:2px}
#applydeskTheme{border-radius:10px;bottom:16px}
#workspacePage[hidden],#billingPage[hidden]{display:none!important}
.billing-page{max-width:1040px;margin:0 auto 45px}
.billing-hero{text-align:center;padding:44px 16px 36px}
.billing-eyebrow{font-weight:750;letter-spacing:.16em;color:var(--amber);font-size:10px}
.billing-hero h2{max-width:740px;margin:12px auto 10px;color:var(--fg);
  font:750 clamp(29px,3.4vw,44px)/1.15 var(--display);letter-spacing:-.055em}
.billing-hero p{font-size:15px;color:var(--fg-dim);margin:0 auto 20px}
.billing-balance{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--rule);
  border-radius:40px;padding:9px 16px;background:var(--panel);font-size:12px;color:var(--fg-dim)}
.billing-balance strong{font-size:17px;color:var(--fg)}
.billing-packages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.billing-package{display:flex;flex-direction:column;background:var(--panel);
  border:1px solid var(--rule);border-radius:16px;padding:30px;min-height:340px}
.billing-package-name{text-transform:uppercase;letter-spacing:.1em;font-size:11px;
  font-weight:750;color:var(--amber)}
.billing-price{font:750 46px/1.25 var(--display);letter-spacing:-.055em;color:var(--fg);margin:20px 0 10px}
.billing-price span{font:400 13px var(--body);letter-spacing:0;color:var(--fg-faint)}
.billing-credits{font-size:14px;color:var(--fg);padding-bottom:18px;border-bottom:1px solid var(--rule-soft)}
.billing-credits strong{font-size:18px}
.billing-package p{flex:1;margin:19px 0 23px;font-size:13px;color:var(--fg-dim);line-height:1.75}
.billing-purchase{background:var(--panel-2);color:var(--fg-faint);
  border:1px solid var(--rule);border-radius:10px;padding:13px;font-weight:650}
.billing-purchase:disabled{cursor:not-allowed}
.billing-footnote{font-size:12px;max-width:780px;margin:22px auto;text-align:center;color:var(--fg-dim)}
.account-plans-link{border:1px solid var(--rule);border-radius:9px;background:var(--panel-2);
  padding:11px 12px;text-align:left;width:100%;color:var(--fg);font-size:12px;
  font-weight:650;cursor:pointer;margin:12px 0}
.account-plans-link:hover{border-color:var(--amber);color:var(--amber)}
.site-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--rule);
  margin-top:58px;padding-top:23px;color:var(--fg-faint);font-size:12px}
.site-footer a,.auth-footer a{color:var(--fg-dim);text-decoration:none}
.site-footer a:hover,.auth-footer a:hover{text-decoration:underline;color:var(--amber)}
#ad-auth{background:radial-gradient(ellipse 68% 60% at 50% 42%,#f0f5f0 0%,#f8f8f6 78%)}
html[data-theme="dark"] #ad-auth{background:radial-gradient(ellipse at 50% 45%,#24362f 0%,#121a19 75%)}
#ad-auth-box{border-radius:17px;padding:42px 40px;max-width:450px;box-shadow:0 16px 55px #17392b14}
.auth-brand{display:flex;align-items:center;gap:12px;color:var(--fg);font:750 20px var(--display);letter-spacing:-.03em}
.auth-brand-symbol{width:40px;height:40px;border-radius:11px;font-size:21px}
#ad-auth-box h1{margin:22px 0 8px;font:750 30px/1.18 var(--display);letter-spacing:-.045em}
#ad-auth-box p{font-size:13px;line-height:1.7}
#ad-auth-box button.primary{background:#176c60;color:#fff;border-radius:10px;padding:13px}
#ad-auth-box button.primary:hover{background:#115346}
#ad-auth-box button.link{color:var(--amber);font-size:12px}
#ad-auth-box input{border-radius:9px;background:var(--panel)}
.auth-footer{border-top:1px solid var(--rule);text-align:center;margin-top:26px;padding-top:17px;font-size:12px}
#ad-account{right:max(32px,calc((100vw - 1380px)/2 + 38px))}
@media(max-width:1060px){.primary-nav{margin-right:190px}.mast{flex-wrap:wrap}}
@media(max-width:800px){.primary-nav{margin-right:0}.mast{padding-top:45px}.billing-hero{padding-top:22px}}
@media(max-width:640px){
  .mast{align-items:flex-start;gap:17px}
  .brand-mark{width:42px;height:42px}
  .brand-block h1{font-size:24px}
  .primary-nav{width:100%;justify-content:center}
  .primary-nav-link{flex:1}
  .billing-packages{grid-template-columns:1fr}
  .billing-package{min-height:0;padding:25px}
  .billing-hero h2{font-size:31px}
  .billing-price{font-size:39px}
  .site-footer{flex-direction:column;gap:8px}
  #ad-auth-box{padding:28px 24px}
}


/* Public landing, nav, and legibility improvements, October 2026 */
html[data-theme="light"],:root{
  --fg:#182924;--fg-dim:#394c44;--fg-faint:#596c62;
  --rule:#d7dfd8;--rule-soft:#e2e8e1;
  --amber:#105d4d;--amber-dim:#a2c8b7;
  --ink:#f7f8f5;--panel:#fff;--panel-2:#f1f5f0;
}
html[data-theme="dark"]{
  --fg:#f5faf6;--fg-dim:#d5e1d8;--fg-faint:#b1c1b8;
  --rule:#476056;--rule-soft:#344a40;
  --amber:#a4e9c8;--amber-dim:#557b68;
}
.mast{justify-content:space-between;gap:24px;flex-wrap:wrap}
.primary-nav{margin-right:205px;gap:4px;background:transparent;border:0;padding:0}
.primary-nav-link{font-size:14px;color:var(--fg-dim);font-weight:650;padding:11px 15px}
.primary-nav-link.active{background:#e5f2e8;color:#0c5043}
.primary-nav-link.nav-login{background:#145d4d;color:#fff}
.primary-nav-link.nav-login:hover{background:#0b4538;color:#fff}
.primary-nav-link[hidden]{display:none!important}
.brand-block .sub{font-size:13px}
.marketing-home{padding-bottom:40px}
.hero{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding:70px 0 98px}
.hero-eyebrow,.section-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:var(--amber)}
.hero-copy h2{font:750 clamp(42px,5.4vw,74px)/1.07 var(--display);letter-spacing:-.065em;color:var(--fg);margin:18px 0 25px}
.hero-copy h2 em{font-style:normal;color:#116857}
.hero-copy>p{font-size:17px;line-height:1.85;color:var(--fg-dim);max-width:570px;margin-bottom:30px}
.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.hero-primary,.hero-secondary{min-height:51px;border:1px solid #176b59;padding:14px 22px;border-radius:11px;font-size:14px;font-weight:750;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:16px}
.hero-primary{background:#176b59;color:white}
.hero-primary:hover{background:#0f5043;color:white}
.hero-secondary{background:transparent;color:var(--amber)}
.hero-secondary:hover{background:var(--panel-2)}
.hero-assurance{font-size:12px;color:var(--fg-dim);margin-top:25px}
.hero-visual{border-radius:20px;background:#fff;border:1px solid var(--rule);padding:27px;box-shadow:0 25px 75px #20433613;transform:rotate(1deg)}
.visual-top{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:750;color:#25392d;border-bottom:1px solid #e6ede6;padding-bottom:18px}
.visual-logo{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#174e42;color:#fff;font-weight:800}
.visual-dots{margin-left:auto;letter-spacing:3px;color:#869790}
.visual-role{padding:28px 0 19px;display:flex;flex-direction:column;gap:6px}
.visual-role span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#176b59}
.visual-role strong{font:750 25px var(--display);color:#20352a}
.visual-role small,.visual-match small{font-size:12px;color:#52665a;line-height:1.6}
.visual-match{border:1px solid #dfe9e0;background:#f5f9f5;border-radius:12px;padding:17px;display:flex;flex-direction:column;gap:10px;color:#34473a;font-size:12px;font-weight:700}
.visual-track{height:9px;border-radius:30px;background:#e0eae3;overflow:hidden}
.visual-track i{display:block;height:100%;width:72%;background:#428876;border-radius:30px}
.visual-tasks{margin-top:20px;display:grid;gap:14px;font-size:13px;color:#294235}
.visual-check{display:inline-grid;place-items:center;background:#e5f4e9;border-radius:50%;width:21px;height:21px;color:#13644c;font-weight:800;margin-right:10px}
.visual-note{margin-top:23px;font-size:10px;color:#687a70}
.marketing-section{margin:25px 0 95px}
.marketing-intro{max-width:770px;margin-bottom:28px}
.marketing-intro h3,.home-cta h3{font:750 clamp(28px,3.1vw,41px)/1.17 var(--display);letter-spacing:-.047em;color:var(--fg);margin:10px 0}
.feature-grid,.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card{border:1px solid var(--rule);border-radius:15px;background:var(--panel);padding:29px 26px;min-height:245px}
.feature-icon{font:700 13px var(--mono);color:var(--amber)}
.feature-card h4{font-size:19px;color:var(--fg);margin:25px 0 9px;font-weight:750}
.feature-card p,.how-grid p{font-size:14px;color:var(--fg-dim);line-height:1.78}
.how-grid>div{padding:23px 23px 20px 0;border-top:2px solid var(--rule)}
.how-grid span{display:block;color:var(--amber);font-weight:800;font-size:11px;letter-spacing:.08em;margin-bottom:20px}
.how-grid strong{font-size:18px;color:var(--fg)}
.testimonial-placeholder{background:var(--panel);border:1px solid var(--rule);padding:31px;max-width:850px;border-radius:15px;display:flex;align-items:flex-start;gap:22px}
.testimonial-symbol{font:800 67px/1 var(--display);color:#8bb8a6}
.testimonial-placeholder h4{font-size:19px;margin:0 0 9px;color:var(--fg)}
.testimonial-placeholder p{font-size:14px;color:var(--fg-dim);line-height:1.75;margin:0}
.home-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:20px;background:#eaf1e9;border:1px solid #d6e4d9;padding:39px 42px;margin:20px 0 50px}
.home-cta p{font-size:14px;color:#45594e}
.home-cta h3,.home-cta .section-eyebrow{color:#1c3c30}
.contact-page{max-width:720px;margin:90px auto 150px;background:var(--panel);border:1px solid var(--rule);border-radius:18px;padding:55px}
.contact-page h2{font:750 44px var(--display);letter-spacing:-.05em;margin:12px 0}
.contact-page p{font-size:16px;line-height:1.85;color:var(--fg-dim);margin-bottom:26px}
.contact-link{width:max-content}
#homePage[hidden],#contactPage[hidden]{display:none!important}
/* Dashboard readability: avoid tiny / low-contrast labels in light mode. */
html[data-theme="light"] .hint,html[data-theme="light"] label.f,html[data-theme="light"] .saved,
html[data-theme="light"] .runbar .meta,html[data-theme="light"] .workspace-context,
html[data-theme="light"] .score .band,html[data-theme="light"] .flow-step,
html[data-theme="light"] .chip,html[data-theme="light"] .org,
html[data-theme="light"] .toggle,html[data-theme="light"] .note{color:#455d51}
.panel>header h2{font-size:15px;color:var(--fg)}
label.f{font-size:13px;color:var(--fg)}
.hint{font-size:13px;color:var(--fg-dim)}
.field{margin-bottom:19px}
textarea,input[type=text],select{font-size:14px;line-height:1.55;color:var(--fg);border-color:#aabfb3}
textarea::placeholder,input::placeholder{color:#596d61;opacity:1}
.flow-step{font-size:12px;line-height:1.45;color:var(--fg-dim);font-weight:650}
.flow-step .sn{font-size:12px;color:var(--fg-dim)}
.flow-step.active{background:#e8f3e9;color:#0b5847}
html[data-theme="dark"] .flow-step.active{background:#24463b;color:#a8edd0}
.runbar .n{font-size:25px;color:var(--fg)}
.runbar .meta{font-size:13px}
.workspace-action{font-size:13px;color:var(--fg);font-weight:700}
.card .org,.status,.chip,.note{font-size:13px}
.card h3{font-size:20px}
.score .num{font-size:29px}
.score .band{font-size:11px}
.tab{font-size:13px;color:var(--fg-dim)}
.btn.ghost{font-size:13px;color:var(--fg)}
#auth-close, .auth-close{position:absolute;top:13px;right:15px;border:0;background:transparent;color:var(--fg-dim);font-size:28px;line-height:1;padding:6px 10px;cursor:pointer}
#ad-auth-box{position:relative}
html[data-theme="dark"] .hero-copy h2 em{color:#9ce4c2}
html[data-theme="dark"] .home-cta{background:#213c30;border-color:#42634e}
html[data-theme="dark"] .home-cta h3,html[data-theme="dark"] .home-cta p,html[data-theme="dark"] .home-cta .section-eyebrow{color:#e0f2e4}
html[data-theme="dark"] .primary-nav-link.active{background:#2f5141;color:#c3edd4}
@media(max-width:1120px){.primary-nav{margin-right:0}.hero{gap:25px;padding:50px 0 70px}}
@media(max-width:800px){.mast{padding-top:45px}.primary-nav{width:100%;flex-wrap:wrap;justify-content:flex-start}.hero{grid-template-columns:1fr;gap:34px}.hero-visual{max-width:620px;transform:none}.feature-grid,.how-grid{grid-template-columns:1fr}.home-cta{flex-direction:column;align-items:flex-start}}
@media(max-width:540px){.hero{padding:35px 0 50px}.hero-copy h2{font-size:43px}.hero-copy>p{font-size:15px}.feature-card{min-height:0}.primary-nav-link{padding:10px 11px;font-size:12px}.contact-page{padding:28px;margin:35px auto 80px}.testimonial-placeholder{padding:22px}.home-cta{padding:25px}.flow-step{font-size:12px}}


/* Signed-in header: dashboard and account controls never overlap. */
.mast{position:relative;min-height:92px;padding-right:240px}
.primary-nav{margin-right:0!important}
#ad-account{position:absolute;top:5px;right:0;z-index:1500;max-width:225px}
#ad-account-trigger{max-width:225px;min-height:42px;overflow:hidden}
#ad-account-trigger span:first-child{max-width:176px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#ad-account-menu{right:0;min-width:245px}
.primary-nav-link[hidden]{display:none!important}
@media(max-width:820px){
  .mast{padding-right:0;align-items:flex-start}
  #ad-account{position:relative;top:auto;right:auto;max-width:100%;order:3}
  #ad-account-trigger{max-width:min(92vw,320px)}
  #ad-account-menu{right:auto;left:0}
  .primary-nav{width:auto;margin-right:0!important}
}
@media(max-width:540px){
  .primary-nav{width:100%}
  #ad-account{order:4}
}
