/* contact.css — Contact page only: three doors, message form + details, brief clock */
.chero{position:relative;padding:72px 0 24px;overflow:hidden}
.chero .blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.chero .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.22}
.chero .blob.a{width:780px;height:640px;left:-160px;top:40px;background:radial-gradient(circle,rgba(224,0,108,.28),transparent 62%)}
.chero .blob.b{width:760px;height:620px;right:-200px;top:120px;background:radial-gradient(circle,rgba(255,107,53,.30),transparent 62%)}
.chero .wrap{position:relative}
.chero .eyebrow{margin-bottom:14px}
.chero h1{font-size:54px;line-height:1.08;letter-spacing:-.04em;font-weight:700;margin:0 auto 18px;max-width:880px}
.chero .what{font-size:18px;line-height:1.55;color:var(--sub);max-width:640px;margin:0 auto 36px}
.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;text-align:left}
.door{position:relative;display:grid;gap:8px;align-content:start;padding:28px 28px 26px;border-radius:28px;color:var(--ink);text-decoration:none;transition:box-shadow var(--t-base) var(--ease),transform var(--t-base) var(--ease)}
.door>*{position:relative}
.door:hover{box-shadow:var(--gls),0 0 0 1.5px rgba(224,0,108,.45);transform:translateY(-3px)}
.door:focus-visible{outline:var(--focus);outline-offset:3px}
.door .k{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mag)}
.door b{font-size:24px;line-height:1.15;letter-spacing:-.025em;font-weight:800}
.door p{font-size:15px;line-height:1.55;color:var(--sub);margin:2px 0 10px}
.door .go{display:inline-flex;align-items:center;height:44px;padding:0 20px;border-radius:980px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;justify-self:start;margin-top:auto;transition:background var(--t-fast)}
.door:hover .go{background:var(--grad)}

/* message + details */
.csec{position:relative;padding:72px 0 8px}
.cgrid{display:grid;grid-template-columns:1fr 560px;gap:56px;align-items:start;max-width:1100px;margin:0 auto}
.cleft .eyebrow{margin-bottom:12px}
.cleft h2{font-size:40px;line-height:1.1;letter-spacing:-.035em;font-weight:800;margin:0 0 14px}
.cleft .what{font-size:16.5px;line-height:1.55;color:var(--sub);max-width:460px;margin:0 0 24px}
.details{border-radius:24px;padding:8px 8px;display:grid;gap:2px}
.details>div{display:grid;gap:2px;padding:14px 16px;border-radius:16px}
.details>div+div{border-top:1px solid var(--line)}
.details .k{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.details a,.details b{font-size:17px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:-.01em}
.details a{color:var(--mag)}
.details a:hover{text-decoration:underline}
.details span:not(.k){font-size:13.5px;color:var(--sub);line-height:1.45}
.clock{margin:22px 0 0}
.clock .k{display:block;font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-bottom:10px}
.clock ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.clock li{display:grid;grid-template-columns:150px 1fr;gap:12px;align-items:baseline;font-size:14.5px;line-height:1.45;color:var(--sub)}
.clock li b{color:var(--ink);font-weight:700;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.cform{position:relative;border-radius:30px;padding:30px 30px 26px;max-width:none;margin:0;gap:16px}
.cform>*{position:relative}
.cform .input,.cform .select,.cform .textarea{background:#fff}
.cform .fsub{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.cform .fsub .hint{font-size:13px;color:var(--mute)}
.cform .form-msg b{display:block;margin-bottom:2px}
.close .risk{font-size:13.5px;color:#B9B7CC;margin:16px 0 0;font-weight:600}

@media (prefers-reduced-motion:reduce){.door:hover{transform:none}}
@media (max-width:1199px){.cgrid{grid-template-columns:1fr 500px;gap:40px}}
@media (max-width:1023px){.chero h1{font-size:44px}.doors{grid-template-columns:1fr;gap:12px}.door{padding:22px 22px 20px}.cgrid{grid-template-columns:1fr;gap:32px}.cleft h2{font-size:34px}}
@media (max-width:767px){.chero{padding:44px 0 16px}.chero h1{font-size:clamp(30px,8.5vw,38px)}.chero .what{font-size:16px;margin-bottom:24px}.door b{font-size:20px}.door p{font-size:14.5px}.door .go{width:100%;justify-content:center}.csec{padding:48px 0 0}.cleft h2{font-size:28px}.cform{padding:22px 16px 18px;border-radius:24px}.cform .fsub .pill{width:100%}.clock li{grid-template-columns:1fr;gap:2px}}