/* contact.html — page-specific styles (loaded after main.css) */
@keyframes spin{to{transform:rotate(360deg)}}
/* ==== Contact — page additions (token-based) ==== */
.contact-hero{min-height:auto;padding:170px 0 90px}
/* channel cards */
.chan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.chan{display:flex;flex-direction:column;padding:34px 30px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(170deg,rgba(10,18,68,.5),rgba(3,9,38,.25));transition:transform .55s var(--ease),border-color .45s,box-shadow .55s;position:relative;overflow:hidden;text-decoration:none}
.chan::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);opacity:0;transition:opacity .5s}
.chan:hover{transform:translateY(-6px);border-color:var(--line-strong);box-shadow:0 40px 80px -40px rgba(0,0,0,.9)}
.chan:hover::before{opacity:1}
.chan.primary{border-color:var(--line-strong);background:radial-gradient(circle at 50% 0%,rgba(216,174,94,.12),rgba(4,10,40,.85))}
.chan .ci{width:52px;height:52px;border-radius:11px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(216,174,94,.07);margin-bottom:22px}
.chan .ci svg{width:25px;height:25px}
.chan h3{font-size:20px;font-weight:600;margin-bottom:9px}
.chan p{font-size:14px;color:var(--muted);line-height:1.7;margin-bottom:22px;flex:1}
.chan .val{font-family:'JetBrains Mono';font-size:13px;color:var(--gold);margin-bottom:20px;direction:ltr;unicode-bidi:embed}
[dir="rtl"] .chan .val{text-align:right}
.chan .go{display:inline-flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:var(--ink);margin-top:auto}
.chan .go svg{width:16px;height:16px;color:var(--gold);transition:transform .4s var(--ease)}
.chan:hover .go svg{transform:translateX(4px)}
[dir="rtl"] .chan .go svg{transform:scaleX(-1)}
[dir="rtl"] .chan:hover .go svg{transform:scaleX(-1) translateX(4px)}
/* direct line strip */
.direct{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:rgba(3,9,38,.4)}
.dline{padding:28px 26px;border-inline-end:1px solid var(--line);display:flex;gap:15px;align-items:center;transition:background .4s;text-decoration:none}
.dline:last-child{border-inline-end:0}
.dline:hover{background:rgba(216,174,94,.05)}
.dline .di{width:40px;height:40px;flex:none;border-radius:8px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(216,174,94,.06)}
.dline .di svg{width:19px;height:19px}
.dline .dl{font-family:'JetBrains Mono';font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dim);display:block;margin-bottom:5px}
[dir="rtl"] .dline .dl{letter-spacing:.02em;text-transform:none;font-family:'Cairo',sans-serif}
.dline .dv{font-size:15px;font-weight:600;color:var(--ink)}
.dline .dv.ltr{direction:ltr;unicode-bidi:embed;display:inline-block}
[dir="rtl"] .dline .dv.ltr{text-align:right}
/* start conversation split */
.conv{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.conv-row{display:flex;gap:16px;padding:18px 0;border-top:1px solid var(--line)}
.conv-row .cx{flex:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--line-strong);display:flex;align-items:center;justify-content:center;color:var(--gold);background:rgba(216,174,94,.06)}
.conv-row .cx svg{width:19px;height:19px}
.conv-row b{font-size:16px;font-weight:600;display:block;margin-bottom:3px}
.conv-row span{font-size:13.5px;color:var(--muted)}
/* comms visual */
.comm{border:1px solid var(--line);border-radius:14px;padding:24px;background:linear-gradient(160deg,rgba(12,20,72,.88),rgba(3,9,38,.92));box-shadow:0 50px 100px -40px rgba(0,0,0,.9)}
.comm svg{width:100%;height:auto;display:block}
@keyframes sig{0%,100%{opacity:.25;r:4}50%{opacity:1;r:6}}
.signal{animation:sig 2.6s ease-in-out infinite}
@keyframes ripple{0%{r:12;opacity:.5}100%{r:44;opacity:0}}
.rip{animation:ripple 3.4s ease-out infinite}
@media(max-width:980px){.chan-grid{grid-template-columns:1fr}.direct{grid-template-columns:1fr}.dline{border-inline-end:0;border-bottom:1px solid var(--line)}.dline:last-child{border-bottom:0}.conv{grid-template-columns:1fr;gap:40px}.contact-hero{padding:130px 0 70px}}
.cflowc{animation:cdash 3s linear infinite}
@keyframes cdash{to{stroke-dashoffset:-44}}