/* ============================================================
   MAKLOR — Solutions page components
   Consulting-prospectus system. Shares maklor.css + platform.css.
   ============================================================ */

/* ---------- Scale hero ---------- */
.shero{padding:110px 0 84px;border-bottom:1px solid var(--line);}
.shero__inner{max-width:920px;}
.shero .display{font-size:clamp(40px,4.6vw,68px);margin:24px 0 0;max-width:18ch;}
.shero .lead{margin:28px 0 36px;max-width:640px;}
.shero__ctas{display:flex;align-items:center;gap:26px;flex-wrap:wrap;}
.shero__scales{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px;}
.scard{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);padding:28px 26px 24px;position:relative;overflow:hidden;transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .5s var(--ease);}
.scard::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);}
.scard:hover{transform:translateY(-4px);box-shadow:0 32px 64px -42px rgba(14,18,15,.4);border-color:rgba(14,18,15,.22);}
.scard:hover::before{transform:scaleX(1);}
.scard__top{display:flex;align-items:center;justify-content:space-between;}
.scard__n{font-family:var(--serif);font-size:30px;color:var(--gold);line-height:1;}
.scard__seats{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);border:1px solid var(--line);padding:4px 9px;}
.scard__glyph{height:42px;margin:26px 0 20px;}
.scard__glyph svg{height:100%;width:auto;display:block;}
.scard__glyph circle{fill:var(--sage);}
.scard__glyph circle.g{fill:var(--gold);}
.scard__t{font-family:var(--serif);font-size:22px;line-height:1.16;letter-spacing:-.01em;color:var(--ink);min-height:2.32em;}
.scard__s{font-size:13.5px;color:var(--sage-deep);line-height:1.55;margin-top:11px;flex:1;}
.scard__go{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--forest);margin-top:22px;}
.scard__go svg{transition:transform .5s var(--ease);}
.scard:hover .scard__go svg{transform:translateX(4px);}
@media (max-width:760px){.shero__scales{grid-template-columns:1fr;}}

/* ---------- Universal challenge (stark forest band) ---------- */
.challenge{background:var(--forest);color:var(--bone);}
.challenge__inner{padding:104px 0;display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:start;}
.challenge h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,50px);line-height:1.08;letter-spacing:-.02em;margin:0;}
.challenge h2 em{font-style:italic;color:var(--gold);}
.challenge .body{color:rgba(244,241,234,.74);font-size:17px;line-height:1.66;}
.challenge .body b{color:var(--bone);font-weight:500;}
@media (max-width:860px){.challenge__inner{grid-template-columns:1fr;gap:32px;padding:72px 0;}}

/* ---------- Operational leverage list ---------- */
.lever{margin-top:30px;border-top:1px solid var(--line);}
.lever__item{padding:16px 0;border-bottom:1px solid var(--line-soft);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:baseline;}
.lever__item .num{font-family:var(--mono);font-size:11px;color:var(--gold);letter-spacing:.08em;}
.lever__item .lt{font-weight:600;font-size:14.5px;color:var(--forest);}
.lever__item .ld{font-size:14px;color:var(--sage-deep);line-height:1.55;margin-top:2px;}

.roi{margin-top:30px;border:1px solid var(--line);border-left:3px solid var(--gold);background:var(--bone-2);padding:22px 24px;}
.roi .rk{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#9a7e3f;}
.roi p{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--ink);}
.roi p b{color:var(--forest);font-weight:600;}

/* dark-section variants of leverage/roi (Solo + Enterprise sit on dark) */
.on-dark .lever{border-top-color:rgba(244,241,234,.14);}
.on-dark .lever__item{border-bottom-color:rgba(244,241,234,.08);}
.on-dark .lever__item .lt{color:var(--bone);}
.on-dark .lever__item .ld{color:rgba(244,241,234,.6);}
.on-dark .roi{background:rgba(0,0,0,.2);border-color:rgba(244,241,234,.12);border-left-color:var(--gold);}
.on-dark .roi .rk{color:var(--gold);}
.on-dark .roi p{color:var(--bone);}
.on-dark .roi p b{color:var(--gold);}

/* ---------- Solo stacked UI (sigterm + daily command) ---------- */
.solo-stack{display:flex;flex-direction:column;gap:18px;}

/* ---------- Enterprise command board (full-width) ---------- */
.entboard{background:var(--paper);border:1px solid var(--line);box-shadow:0 40px 90px -50px rgba(14,18,15,.4);margin-top:56px;}
.entboard__bar{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--bone);}
.entboard__bar .l{display:flex;align-items:center;gap:11px;}
.entboard__bar img{height:16px;}
.entboard__bar .word{font-weight:700;letter-spacing:.28em;font-size:11px;}
.entboard__bar .crumb{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--slate);}
.entboard__bar .reg{font-family:var(--mono);font-size:10px;letter-spacing:.06em;color:var(--sage-deep);}
.entmetrics{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);}
.entmetric{padding:20px 22px;border-right:1px solid var(--line);}
.entmetric:last-child{border-right:none;}
.entmetric .k{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);}
.entmetric .v{font-family:var(--serif);font-size:30px;letter-spacing:-.01em;margin-top:8px;}
.entmetric .delta{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--sage-deep);margin-top:6px;}
.entbody{display:grid;grid-template-columns:1.3fr 1fr;}
.entcol{padding:20px 22px;}
.entcol.left{border-right:1px solid var(--line);}
.entcol__h{font-family:var(--mono);font-size:9.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:14px;}
.canton{display:grid;grid-template-columns:88px 1fr auto;gap:12px;align-items:center;margin-bottom:13px;}
.canton .cn{font-size:13px;font-weight:600;}
.canton .track{height:7px;background:var(--bone-2);position:relative;}
.canton .track i{position:absolute;left:0;top:0;bottom:0;background:var(--sage);}
.canton .cv{font-family:var(--mono);font-size:11.5px;color:var(--slate);}
.agent{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line-soft);font-size:13px;}
.agent:last-child{border-bottom:none;}
.agent .an{font-weight:500;}
.agent .ao{font-family:var(--mono);font-size:10px;color:var(--slate);letter-spacing:.04em;}
.agent .ap{font-family:var(--mono);font-size:12px;color:var(--forest);}
.entrisk{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--slate);padding:13px 20px;border-top:1px solid var(--line);background:var(--bone);}
.entrisk .d{width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px rgba(198,169,105,.18);}
@media (max-width:760px){.entmetrics{grid-template-columns:1fr 1fr;}.entmetric:nth-child(2){border-right:none;}.entbody{grid-template-columns:1fr;}.entcol.left{border-right:none;border-bottom:1px solid var(--line);}}

/* ---------- Team workspace agent column ---------- */
.ws--team .tbl-head,.ws--team .tbl-row{grid-template-columns:1.5fr 1fr 1fr .8fr;}
@media (max-width:560px){.ws--team .tbl-head,.ws--team .tbl-row{grid-template-columns:1.4fr 1fr .8fr;}.ws--team .c-agent,.ws--team .agentcell{display:none;}}

/* ---------- Infrastructure summary cards ---------- */
.infra{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:60px;background:var(--line);border:1px solid var(--line);}
.infra__card{background:var(--bone);padding:38px 32px;}
.infra__card .ic{width:38px;height:38px;color:var(--sage-deep);margin-bottom:22px;}
.infra__card .ik{font-family:var(--mono);font-size:10.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--gold);}
.infra__card .it{font-family:var(--serif);font-size:22px;letter-spacing:-.01em;margin:14px 0 12px;}
.infra__card .id{font-size:14px;color:var(--sage-deep);line-height:1.6;}
@media (max-width:860px){.infra{grid-template-columns:1fr;}}

/* ---------- Select (firm size) ---------- */
.team-photo{margin:0 0 18px;border:1px solid var(--line);overflow:hidden;line-height:0;background:var(--bone-2);}
.team-photo img{width:100%;height:308px;object-fit:cover;display:block;}
.team-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:18px;background:var(--line);border:1px solid var(--line);}
.team-kpis .tk{background:var(--bone);padding:18px 16px;}
.team-kpis .tk__v{font-family:var(--serif);font-size:30px;letter-spacing:-.01em;color:var(--forest);line-height:1;}
.team-kpis .tk__v span{font-size:16px;color:var(--slate);}
.team-kpis .tk__k{font-family:var(--mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-top:9px;line-height:1.35;}
.field select{
  width:100%;font-family:var(--sans);font-size:15px;color:var(--ink);
  background:transparent;border:none;border-bottom:1px solid var(--line);
  padding:10px 0;border-radius:0;transition:border-color var(--dur) var(--ease);
  -webkit-appearance:none;appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23687280' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 2px center;
}
.field select:focus{outline:none;border-color:var(--sage-deep);}

/* section header centering for infra + conversion */
.center-head{max-width:680px;margin:0 auto;text-align:center;}
.center-head .h1{margin:18px 0 0;}
.center-head .lead{margin:22px auto 0;}