.chero{min-height:clamp(280px,36vh,380px)}
.chero .banner-body{max-width:600px}

.cgrid{display:grid;grid-template-columns:1.35fr 1fr;gap:12px;align-items:stretch}

.cform{background:var(--surface);display:flex}
.cform-body{position:relative;z-index:2;width:100%;display:flex;flex-direction:column;gap:20px;padding:clamp(24px,3.4vw,44px)}
.crow2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cfield{display:flex;flex-direction:column;gap:7px}
.cfield label{font-size:13px;font-weight:500;color:#d6d6d6}
.copt{color:var(--faint);font-weight:400}
.cfield input,.cfield select,.cfield textarea{width:100%;background:#0e0e10;border:1px solid rgba(255,255,255,.12);border-radius:9px;padding:11px 13px;color:#fff;
  font-family:'Inter',sans-serif;font-size:14.5px;outline:none;transition:border-color .2s}
.cfield input::placeholder,.cfield textarea::placeholder{color:var(--faint)}
.cfield input:focus,.cfield select:focus,.cfield textarea:focus{border-color:rgba(255,255,255,.4)}
.cfield select{cursor:pointer;appearance:none;
  background-image:linear-gradient(45deg,transparent 50%,#8A8A8A 50%),linear-gradient(135deg,#8A8A8A 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.cfield select option{background:#0e0e10;color:#fff}
.cfield textarea{resize:vertical;min-height:120px}
.cform-body .btn-brand{margin-top:2px;border:0;cursor:pointer}

.cstack{display:flex;flex-direction:column;gap:12px}

.mini.cinfo{flex:1;min-height:0;padding:clamp(22px,2.4vw,30px);gap:20px;cursor:default}
.ib{display:flex;flex-direction:column;gap:4px}
.il{font-size:12.5px;color:var(--grey)}
.ib a,.ib p{font-size:14.5px;color:#e6e6e6;width:max-content;max-width:100%}
.ib a{transition:.2s;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(255,255,255,.3)}
.ib a:hover{text-decoration-color:#fff}
.ib .isub{color:var(--grey);font-size:13px}

.cdemo{display:flex}
.cdemo .banner-body{padding:clamp(24px,2.6vw,36px);gap:10px}
.cdemo h2{font-size:clamp(1.3rem,1.9vw,1.6rem)}
.cdemo .btn-brand{margin-top:4px}

.mini .cgo{font-size:13px;font-weight:500;color:var(--grey);margin-top:6px;transition:.2s}
.mini:hover .cgo{color:#fff}

@media(max-width:1000px){.cgrid{grid-template-columns:1fr}}
@media(max-width:520px){.crow2{grid-template-columns:1fr}}
.light .mini .cgo{color:#4a4a46}
.light .mini:hover .cgo{color:#000}