/* Ported from prototype/contact.html */
.chead{padding-block:48px 30px}
.chead h1{font-size:clamp(38px,5.4vw,72px)}
.chead .lead{font-size:clamp(18px,1.8vw,22px);color:var(--ink-2);margin-top:12px;max-width:46ch}
.clayout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px;align-items:start;padding-bottom:80px}
.cform{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);padding:32px}
.cform h2{font-family:var(--text);font-weight:600;font-size:22px;margin-bottom:20px}
.cform .actions{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}
.req{color:var(--brand-magenta)}
.success{text-align:center;padding:40px 10px}
.success .ok{width:72px;height:72px;border-radius:50%;background:var(--ok-bg);color:var(--ok);display:grid;place-items:center;margin:0 auto 18px}
.success .ok svg{width:34px;height:34px}
.success h2{font-family:var(--display);font-size:clamp(26px,3vw,36px);margin-bottom:10px}
.success p{color:var(--ink-2);max-width:40ch;margin:0 auto 22px}
.side{display:flex;flex-direction:column;gap:18px}
.cinfo{display:grid;gap:4px}
.crow{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.crow:last-child{border-bottom:0}
.crow .ri{width:42px;height:42px;border-radius:12px;background:var(--mist);display:grid;place-items:center;color:var(--brand-purple);flex:none}
.crow small{display:block;color:var(--ink-2);font-size:13px}
.crow b{font-weight:600;font-size:17px}
.crow .ltr{font-family:var(--display);font-size:20px}
.crow .act{margin-inline-start:auto;display:flex;gap:6px}
.liq{background:var(--night);color:var(--night-ink);border-radius:var(--r-lg);padding:28px;position:relative;overflow:hidden}
.liq::before{content:"";position:absolute;width:360px;height:360px;left:-110px;top:-140px;background:radial-gradient(closest-side,rgba(240,124,1,.32),rgba(215,21,92,.18) 55%,transparent);pointer-events:none}
.liq > *{position:relative}
.liq h3{font-size:clamp(22px,2.4vw,28px)}
.liq p{color:var(--night-ink-2);margin:10px 0 18px}
.liq ul{list-style:none;padding:0;margin:0 0 20px;display:grid;gap:8px;font-size:15px}
.liq li{display:flex;gap:8px}
.liq li svg{color:var(--brand-orange)}
.faq{display:grid;gap:10px}
.faq details{background:#fff;border-radius:var(--r-md);padding:4px 20px;border:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px 0;font-weight:600}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{transition:transform .2s var(--ease-out);color:var(--ink-2)}
.faq details[open] summary svg{transform:rotate(180deg)}
.faq details p{color:var(--ink-2);padding-bottom:16px}
@media (max-width:1080px){ .clayout{grid-template-columns:1fr} }
@media (max-width:640px){ .cform{padding:22px} }