/* DinMind UI — company pages add-on (custom-software, careers, contact, pricing, thank-you, 404). Uses dm-ui.css tokens only. */

/* 5-step process row */
@media (min-width:1024px){.steps--5{grid-template-columns:repeat(5,minmax(0,1fr))}.steps--5::before{left:10%;right:10%}}

/* two-column form (fields stack on phones) */
@media (min-width:640px){.form--2{grid-template-columns:repeat(2,minmax(0,1fr))}.form--2 .field--full{grid-column:1 / -1}}
.form__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}

/* careers: job cards + resume upload box */
.job-card{display:flex;flex-direction:column;cursor:pointer;transition:border-color var(--t),box-shadow var(--t)}
.job-card:hover,.job-card:focus-within{border-color:rgba(7,150,128,.45);box-shadow:var(--sh-2)}
.job-card__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;font-size:var(--fs-sm);color:var(--muted)}
.upload-box{position:relative;display:grid;justify-items:center;gap:4px;padding:28px 18px;border:2px dashed var(--brand);border-radius:var(--r);background:var(--brand-50);text-align:center;cursor:pointer;transition:border-color var(--t),background var(--t)}
.upload-box:hover,.upload-box:focus-within{border-color:var(--brand-700);background:#fff}
.upload-box.has-file{border-style:solid;border-color:var(--brand-700)}
.upload-box > .icon{width:36px;height:36px;color:var(--brand-700)}
.upload-box input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-box:focus-within{outline:3px solid var(--brand-700);outline-offset:3px}

/* pricing: product quote cards */
.quote-card{display:flex;flex-direction:column}
.quote-card h3 a{color:var(--ink);text-decoration:none}
.quote-card h3 a:hover{color:var(--brand-800);text-decoration:underline}
.quote-card .tile__price{margin-top:auto;padding-top:14px}
.quote-card .btn{margin-top:14px;align-self:flex-start}

/* pricing: ContractPay tiers */
.tiers{display:grid;gap:14px;grid-template-columns:1fr}
@media (min-width:640px){.tiers{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:960px){.tiers{grid-template-columns:repeat(4,minmax(0,1fr))}}
.tier{padding:22px;border:1px solid var(--line);border-radius:var(--r-lg);background:#fff}
.tier--best{border:2px solid var(--brand);background:linear-gradient(180deg,var(--brand-50),#fff 75%);box-shadow:var(--sh-2)}
.tier__label{font-family:var(--mono);font-size:var(--fs-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--brand-800)}
.tier__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin-top:10px;color:var(--muted);font-size:var(--fs-sm)}
.tier__price b{font-size:clamp(2rem,1.6rem + 1.4vw,2.6rem);font-weight:850;letter-spacing:-.035em;line-height:1;color:var(--ink)}
.tiers__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;margin-top:22px}
.tiers__foot .risk{margin-top:0}

/* whole-card links (contact, 404) */
a.card--link{display:block;color:inherit;text-decoration:none}
a.card--link h3{color:var(--ink)}
a.card--link:hover h3{color:var(--brand-800)}

/* contact: AI assistant panel in the hero */
.contact-ai{padding:clamp(22px,3vw,32px);border-radius:var(--r-lg);border:1px solid rgba(47,211,176,.35);background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));box-shadow:var(--glow)}
.contact-ai .card__icon{background:var(--mint-soft);color:var(--mint)}
.contact-ai h2{color:#fff}
.contact-ai p{color:var(--on-dark-muted)}
.contact-ai .btn{white-space:normal;text-align:center;line-height:1.25;padding-block:12px}

/* thank-you: badge + call-time box */
.ty-badge{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--brand-50);color:var(--brand-700)}
.ty-badge .icon{width:32px;height:32px;stroke-width:2.6}
.page-head.center h1,.page-head.center .lead{margin-inline:auto}
.when-box{text-align:center}
.when-box__btns{justify-content:center;margin-top:16px}
.when-box__ok{margin-top:16px;font-weight:700;color:var(--brand-800)}

/* 404: centred hero */
.hero .center .hero__sub,.hero.center .hero__sub{margin-inline:auto}
.hero .center .hero__ctas{justify-content:center}