
/* ================= enterprise page — page-local styles ================= */
.ent-hero{max-width:var(--maxw);margin:0 auto;padding:158px clamp(18px,4vw,44px) 18px}
.ent-hero h1{font-size:clamp(2rem,4vw,3.1rem);font-weight:640;letter-spacing:-.03em;max-width:24ch;margin:18px 0}
.ent-hero .lead{font-size:clamp(1.02rem,1.6vw,1.18rem);color:var(--mut);max-width:58ch;line-height:1.6}
.ent-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.ent-chips span{font:600 9px/1 var(--mono);letter-spacing:.16em;color:var(--teal-text);
  border:1px solid rgba(5,198,184,.4);background:rgba(5,198,184,.07);border-radius:999px;padding:8px 13px}

.ent-wrap{max-width:var(--maxw);margin:0 auto;padding:26px clamp(18px,4vw,44px) 110px;
  display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:26px;align-items:start}

/* ---- the request sheet ---- */
.ent-form{border:1px solid var(--line-2);border-radius:4px;background:var(--card);position:relative}
.ent-form .sheet-head{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;
  padding:16px 24px;border-bottom:1px solid var(--line-2)}
.ent-form .sheet-head .kicker{margin:0}
.sheet-id{font:600 10px/1 var(--mono);letter-spacing:.18em;color:var(--dim)}
.ent-form fieldset{border:0;padding:20px 24px 6px}
.ent-form fieldset + fieldset{border-top:1px dashed var(--line)}
.ent-form legend{font:600 9px/1 var(--mono);letter-spacing:.2em;color:var(--teal-text);padding:0 0 14px}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}
.f-row{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.f-grid .f-row{margin-bottom:0}
.f-row label{font:600 9px/1.5 var(--mono);letter-spacing:.16em;color:var(--dim)}
.f-row label b{color:var(--coral);font-weight:700}
.f-row input,.f-row select,.f-row textarea{font:inherit;font-size:14px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line-2);border-radius:10px;padding:11px 13px;width:100%}
.f-row textarea{min-height:88px;resize:vertical}
.f-row input:focus-visible,.f-row select:focus-visible,.f-row textarea:focus-visible{
  outline:2px solid var(--teal-deep);outline-offset:1px}
.f-row input[aria-invalid="true"]{border-color:var(--coral)}
.f-err{font:500 10px/1.5 var(--mono);color:var(--coral);display:none}
.f-row.bad .f-err{display:block}
.cat-chips{display:flex;gap:8px;flex-wrap:wrap}
.cat-chips button{font:600 10px/1 var(--mono);letter-spacing:.08em;padding:10px 14px;border-radius:999px;
  border:1px solid var(--line-2);background:var(--paper);color:var(--mut);cursor:pointer;
  transition:border-color .2s,background .2s,color .2s,transform .2s var(--ease)}
.cat-chips button:hover{transform:translateY(-2px);border-color:var(--teal)}
.cat-chips button[aria-pressed="true"]{border-color:var(--teal);background:rgba(5,198,184,.09);color:var(--teal-text)}
.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}
.sheet-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  padding:18px 24px;border-top:1px solid var(--line-2)}
.sheet-foot .note{font:500 10px/1.6 var(--mono);letter-spacing:.04em;color:var(--dim);max-width:44ch}
.sheet-foot .note a{color:var(--teal-text)}
#entSubmit[disabled]{opacity:.55;pointer-events:none}

/* ---- received state ---- */
.ent-done{display:none;border:1px solid rgba(5,198,184,.4);border-radius:4px;background:var(--card);
  padding:40px 34px;position:relative;overflow:hidden}
.ent-done.show{display:block}
.ent-done h2{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:630;letter-spacing:-.02em;margin:0 0 10px}
.ent-done p{color:var(--mut);max-width:52ch;line-height:1.6;margin-bottom:8px}
.done-ref{font:600 10px/1 var(--mono);letter-spacing:.18em;color:var(--teal-text);margin-bottom:18px}
.done-next{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}
.done-stamp{position:absolute;top:18px;right:22px;width:96px;height:96px;transform:rotate(9deg);opacity:.9}
.done-stamp circle{fill:none;stroke:var(--teal-deep);stroke-width:1.6}
.done-stamp text{font:700 12px var(--mono);letter-spacing:.32em;fill:var(--teal-deep)}

/* ---- right rail ---- */
.ent-rail{display:flex;flex-direction:column;gap:16px}
.rail-box{border:1px solid var(--line);border-radius:16px;background:var(--card);padding:22px 24px}
.rail-box h3{font:600 10px/1 var(--mono);letter-spacing:.2em;color:var(--teal-text);margin-bottom:16px}
.rail-box ol{list-style:none}
.rail-box ol li{display:flex;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);
  font-size:13px;color:var(--mut);line-height:1.5}
.rail-box ol li:last-child{border-bottom:0}
.rail-box ol li i{font:600 9px/1.9 var(--mono);letter-spacing:.1em;color:var(--dim);font-style:normal;flex:none}
.rail-box ol li b{color:var(--ink);font-weight:600}
.rail-meta{display:flex;gap:14px;flex-wrap:wrap;font:600 9px/1.6 var(--mono);letter-spacing:.14em;color:var(--dim)}
.rail-meta i{font-style:normal;color:var(--teal-text)}
.rail-note{font-size:12px;color:var(--mut);line-height:1.6}
.rail-note a{color:var(--teal-text)}

@media (max-width:900px){
  .ent-wrap{grid-template-columns:1fr}
  .f-grid{grid-template-columns:1fr}
  .ent-hero{padding-top:140px}
}

