/* ═══════════════════════════════════════════════════════════════
   ArkQuant official site — page sections
   ═══════════════════════════════════════════════════════════════ */

/* ══════════ HERO ══════════ */
.hero{position:relative;padding-top:calc(var(--nav-h) + clamp(48px,7vw,96px));padding-bottom:clamp(56px,8vw,110px);overflow:hidden}
.hero-bg{position:absolute;inset:0;overflow:hidden}
.glow-top{
  inset:-340px 0 auto 50%;width:1200px;height:760px;transform:translateX(-50%);
  background:radial-gradient(closest-side,#1e1e25 0%,rgba(16,16,20,.5) 48%,transparent 75%);
  border-radius:50%;
}
.glow-amber{
  top:-160px;right:-220px;width:720px;height:720px;
  background:radial-gradient(closest-side,rgba(242,163,60,.14),rgba(242,163,60,.05) 45%,transparent 72%);
}
.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero-copy .lead{margin-top:22px}
.hero h1{margin-top:18px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

.hero-stats{display:flex;gap:clamp(26px,4vw,56px);margin-top:clamp(36px,5vw,56px);padding-top:28px;border-top:1px solid var(--border)}
.stat dt{order:1}
.stat dd{order:2}
.stat{display:flex;flex-direction:column;gap:4px}
.stat-n{font-size:clamp(1.7rem,2.8vw,2.3rem);font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--text);line-height:1.1}
.stat-suffix,.cov-suffix{color:var(--brand)}
.stat dd{font-size:.85rem;color:var(--text-2)}

.hero-visual{position:relative;min-height:200px}
.hero-chart{
  position:absolute;left:-26%;bottom:-4%;width:132%;height:62%;opacity:.5;pointer-events:none;
  -webkit-mask-image:linear-gradient(to top,transparent 2%,#000 30%,#000 72%,transparent 100%);
  mask-image:linear-gradient(to top,transparent 2%,#000 30%,#000 72%,transparent 100%);
}
.phone-tilt{position:relative;width:fit-content;margin-inline:auto}
@media (prefers-reduced-motion:no-preference){
  .phone-tilt{animation:heroFloat 7s ease-in-out infinite}
  @keyframes heroFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
}

/* ══════════ HOW IT WORKS ══════════ */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.how-card{
  position:relative;padding:26px 24px 30px;border-radius:var(--r-card);
  background:linear-gradient(180deg,var(--bg-elev),rgba(23,23,25,.4));
  border:1px solid var(--border);
  transition:transform .25s ease,border-color .25s ease;
}
.how-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}
.how-n{
  position:absolute;top:24px;right:22px;font-family:var(--mono);font-size:.72rem;font-weight:700;
  letter-spacing:.08em;color:var(--brand);
}
.how-card h3{margin-top:22px}
.how-card p{margin-top:10px;color:var(--text-2);font-size:.93rem}
.how-visual{
  display:flex;align-items:center;justify-content:center;height:104px;
  border-radius:var(--r-input);background:var(--screen-grad);border:1px solid var(--border);
  padding-inline:18px;overflow:hidden;
}

/* mini mock: search box */
.mock-search{
  display:flex;align-items:center;gap:10px;width:100%;max-width:270px;height:52px;
  padding-inline:16px;border-radius:var(--r-input);
  background:var(--bg-elev);border:1px solid var(--border-strong);
  font-weight:600;font-size:.95rem;color:var(--text);
}
.mock-search .ic{color:var(--text-2);width:1em;height:1em}
.mock-caret{width:2px;height:1.15em;background:var(--brand);border-radius:1px}
@media (prefers-reduced-motion:no-preference){.mock-caret{animation:caret 1.1s steps(1) infinite}@keyframes caret{50%{opacity:0}}}

/* mini mock: segmented control (app: bgElev2 track, bgElev3 active) */
.mock-seg{display:flex;gap:2px;padding:3px;border-radius:11px;background:var(--bg-elev2)}
.mock-seg b{padding:8px 15px;border-radius:8px;font-size:.85rem;font-weight:600;color:var(--text-2)}
.mock-seg b.on{background:var(--bg-elev3);color:var(--text)}

/* mini mock: analyze button (app: amber gradient, ink text, bolt) */
.mock-analyze{
  display:flex;align-items:center;gap:9px;height:52px;padding-inline:26px;border-radius:15px;
  background:var(--amber-grad);color:var(--ink-on-amber);font-weight:700;font-size:.98rem;
  box-shadow:0 10px 24px -6px rgba(242,163,60,.5);
}

/* ══════════ LIVE DEMO ══════════ */
.section-demo{overflow:hidden}
.demo-bg{position:absolute;inset:0;pointer-events:none}
.glow-demo{
  top:6%;left:-260px;width:780px;height:780px;
  background:radial-gradient(closest-side,rgba(242,163,60,.09),rgba(242,163,60,.03) 45%,transparent 72%);
}
.demo-grid{
  position:relative;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,6fr);
  gap:clamp(32px,5vw,72px);align-items:center;
}
.demo-phone-col{display:flex;justify-content:center}

.demo-rail{display:flex;flex-direction:column;gap:12px}
.rail-item{
  display:flex;gap:16px;padding:18px 20px;border-radius:var(--r-card);
  background:rgba(255,255,255,.025);border:1px solid var(--border);
  transition:border-color .35s ease,background-color .35s ease,opacity .35s ease;
  opacity:.62;
}
.rail-item[data-active="true"]{
  opacity:1;background:rgba(242,163,60,.07);border-color:rgba(242,163,60,.32);
}
.rail-item.rail-done[data-active="true"]{background:rgba(54,199,124,.06);border-color:rgba(54,199,124,.3)}
.rail-item.rail-done[data-active="true"] .rail-ic{color:var(--up);background:var(--up-dim)}
.rail-ic{
  flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--brand-dim);color:var(--brand);
  transition:background-color .35s ease,color .35s ease;
}
.rail-ic .ic{width:1.25em;height:1.25em}
.rail-item h3{font-size:.99rem}
.rail-item p{margin-top:5px;font-size:.88rem;color:var(--text-2)}
.rail-item small{display:block;margin-top:8px;font-family:var(--mono);font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3)}
.rail-note{margin-top:10px;font-size:.8rem;color:var(--text-3)}

/* ══════════ REPORT ANATOMY ══════════ */
.anatomy{display:flex;flex-direction:column;gap:clamp(28px,4vw,44px)}
.anatomy-row{
  display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);
  gap:clamp(24px,4vw,56px);align-items:center;
}
.anatomy-note h3{color:var(--text)}
.anatomy-note p{margin-top:10px;color:var(--text-2);font-size:.95rem;max-width:30em}

/* the report "document" card — app-styled */
.rd-card{
  padding:clamp(20px,3vw,30px);border-radius:var(--r-sheet);
  background:linear-gradient(180deg,#131316,#0e0e11);
  border:1px solid var(--border);box-shadow:var(--shadow-card);
}
.rd-head{display:flex;align-items:flex-start;gap:12px;padding-bottom:18px}
.rd-no{font-family:var(--mono);font-size:.72rem;font-weight:700;letter-spacing:.08em;color:var(--brand);padding-top:5px}
.rd-st{display:flex;flex-direction:column;gap:4px;min-width:0}
.rd-st b{font-size:1.08rem;font-weight:700;letter-spacing:-.01em}
.rd-st small{font-size:.72rem;color:var(--text-3);letter-spacing:.02em}
.rd-tag{
  margin-left:auto;flex:none;font-size:.68rem;font-weight:600;color:var(--text-2);
  background:var(--bg-elev2);border:1px solid var(--border);border-radius:7px;padding:5px 9px;
}

/* 00 — summary card: amber left accent, right-rounded (app: UnevenRoundedRectangle) */
.rd-summarycard{
  position:relative;padding:16px 17px 16px 20px;
  background:linear-gradient(90deg,var(--brand-dim),rgba(242,163,60,.025));
  border-radius:0 13px 13px 0;
}
.rd-summarycard::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand);border-radius:2px}
.rd-summarycard p{font-size:.92rem;color:var(--text-2);line-height:1.75}
.rd-summarycard b{color:var(--text);font-weight:600}

/* 01 — market structure */
.rd-pricerow{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px}
.rd-pricerow b{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}
.rd-pricerow .up,.rd-pricerow .dn{font-size:.78rem;font-weight:600;font-variant-numeric:tabular-nums}
.rd-legend{display:flex;flex-wrap:wrap;gap:5px 14px;margin-bottom:8px}
.rd-legend span{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:.66rem;font-weight:600;color:var(--text-2)}
.rd-legend span::before{content:"";width:12px;height:2px;border-radius:1px;background:var(--c)}
.rd-chart{width:100%;height:auto;aspect-ratio:560/236;border-radius:10px}
.rd-caption{margin-top:14px;font-size:.85rem;color:var(--text-3);line-height:1.65}

/* 02 — indicators grid (app: 2-col, minHeight 94, fill white .015) */
.rd-indgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.rd-ind{
  display:flex;flex-direction:column;gap:7px;min-height:96px;padding:13px 14px;
  border-radius:12px;background:rgba(255,255,255,.015);border:1px solid var(--border);
}
.rd-ind small{font-size:.7rem;color:var(--text-3);letter-spacing:.02em}
.rd-ind b{font-size:.92rem;font-weight:700;color:var(--text-2)}
.rd-ind span{font-size:.76rem;color:var(--text-3);line-height:1.5}

/* 03 — research notes */
.rd-thesis{font-size:.92rem;color:var(--text-2);line-height:1.8}
.rd-thesis b{color:var(--text);font-weight:600}
.rd-points{display:flex;flex-direction:column;gap:12px;margin-top:16px}
.rd-points li{display:flex;gap:11px;align-items:flex-start;font-size:.87rem;color:var(--text-2);line-height:1.6}
.rd-pn{
  flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;
  background:var(--bg-elev2);font-family:var(--mono);font-size:.62rem;font-weight:700;color:var(--brand);
}
.rd-disclaimer{
  display:flex;gap:11px;align-items:flex-start;margin-top:18px;padding:12px 13px;
  border-radius:11px;background:rgba(229,84,76,.07);
}
.rd-warn{
  flex:none;display:grid;place-items:center;width:19px;height:19px;margin-top:1px;border-radius:6px;
  border:1.6px solid var(--dn);color:var(--dn);font-size:.68rem;font-weight:800;
}
.rd-disclaimer p{font-size:.74rem;color:var(--text-3);line-height:1.6}

/* ══════════ COVERAGE ══════════ */
.section-coverage{background:linear-gradient(180deg,transparent,rgba(23,23,25,.35) 18%,rgba(23,23,25,.35) 82%,transparent);overflow:hidden}
.cov-stats{display:flex;flex-wrap:wrap;gap:clamp(28px,6vw,84px);margin-bottom:clamp(34px,5vw,52px)}
.cov-stat{display:flex;flex-direction:column;gap:6px}
.cov-n{font-size:clamp(2.6rem,6vw,4.4rem);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.cov-l{color:var(--text-2);font-size:.95rem}

.market-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}
.market-grid li{
  display:flex;flex-direction:column;gap:10px;padding:16px 15px 14px;border-radius:var(--r-input);
  background:var(--bg-elev);border:1px solid var(--border);
  transition:transform .22s ease,border-color .22s ease;
}
.market-grid li:hover{transform:translateY(-3px);border-color:var(--border-strong)}
.market-grid b{font-size:.9rem;font-weight:600}
.market-grid small{font-family:var(--mono);font-size:.66rem;color:var(--text-3);letter-spacing:.02em}
.m-tile{
  display:grid;place-items:center;width:34px;height:34px;border-radius:10px;
  font-size:.6rem;font-weight:800;color:#fff;letter-spacing:.04em;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);
}

/* asset-tone gradients (app: AssetTone) */
.tone-blue{background:linear-gradient(145deg,#4e88ed,#2456af)}
.tone-green{background:linear-gradient(145deg,#49be82,#197348)}
.tone-red{background:linear-gradient(145deg,#ed6961,#a32f2b)}
.tone-gold{background:linear-gradient(145deg,#f6c45f,#ad711a)}
.tone-purple{background:linear-gradient(145deg,#a47bea,#5b36aa)}
.tone-cyan{background:linear-gradient(145deg,#4fc4d9,#23778a)}

/* brand-logo tiles (white glyph on official brand color) */
.logo-apple{background:#0e0e10;color:#fff}
.logo-nvidia{background:#76b900;color:#fff}
.logo-tesla{background:#cc0000;color:#fff}
.logo-microsoft{background:#17171b}
.logo-palantir{background:#101014;color:#fff}
.logo-bitcoin{background:#f7931a;color:#fff}

/* market-tile variants: flags & category icons */
.m-tile.flag{padding:0;overflow:hidden}
.m-tile.flag img{width:100%;height:100%;object-fit:cover}
.m-tile .ic{width:18px;height:18px;color:#fff}
.m-tile svg{width:19px;height:19px}

/* ——— ticker marquee ——— */
.marquee-wrap{margin-top:clamp(40px,6vw,64px)}
.marquee{
  overflow:hidden;padding-block:7px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.m-track{display:flex;width:max-content}
.marquee.is-ready .m-track-a{animation:marquee 36s linear infinite;will-change:transform}
.marquee.is-ready .m-track-b{animation:marquee 42s linear infinite reverse;will-change:transform}
.marquee:hover .m-track{animation-play-state:paused}
@keyframes marquee{to{transform:translateX(-50%)}}
.m-set{display:flex;flex:none}
.m-chip{
  display:inline-flex;align-items:baseline;gap:9px;margin-right:12px;padding:11px 16px;
  border-radius:12px;background:var(--bg-elev);border:1px solid var(--border);white-space:nowrap;
}
.m-chip b{font-family:var(--mono);font-size:.76rem;font-weight:700;letter-spacing:.01em}
.m-chip small{font-size:.76rem;color:var(--text-2)}
.m-chip i{font-style:normal;font-size:.72rem;font-weight:600;font-variant-numeric:tabular-nums}
.m-chip .up{color:var(--up)}
.m-chip .dn{color:var(--dn)}
.marquee-note{margin-top:14px;font-size:.75rem;color:var(--text-3)}
@media (prefers-reduced-motion:reduce){
  .marquee{overflow-x:auto;-webkit-mask-image:none;mask-image:none}
  .marquee .m-track{animation:none!important}
}

/* ══════════ FEATURES ══════════ */
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.feat-card{
  display:flex;flex-direction:column;padding:20px 20px 26px;border-radius:var(--r-card);
  background:linear-gradient(180deg,var(--bg-elev),rgba(23,23,25,.4));border:1px solid var(--border);
  transition:transform .25s ease,border-color .25s ease;
}
.feat-card:hover{transform:translateY(-3px);border-color:var(--border-strong)}
.feat-ic{
  display:grid;place-items:center;width:38px;height:38px;margin-top:20px;border-radius:11px;
  background:var(--brand-dim);color:var(--brand);
}
.feat-card h3{margin-top:14px;font-size:1rem}
.feat-card p{margin-top:8px;font-size:.88rem;color:var(--text-2)}
.feat-mock{
  height:150px;border-radius:var(--r-input);background:var(--screen-grad);
  border:1px solid var(--border);padding:14px;overflow:hidden;
}

/* mock: news */
.fm-news{display:flex;flex-direction:column;gap:9px}
.fm-newsrow{display:flex;gap:10px;align-items:center}
.fm-cover{flex:none;width:38px;height:30px;border-radius:8px;opacity:.85}
.fm-lines{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.fm-lines b{height:7px;border-radius:4px;background:rgba(255,255,255,.22);width:92%}
.fm-lines i{height:6px;border-radius:4px;background:rgba(255,255,255,.09);width:64%}
.fm-flash{display:flex;align-items:center;gap:9px;padding-top:4px}
.fm-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--brand-dim)}
.fm-chip{
  flex:none;display:inline-flex;align-items:center;gap:4px;padding:5px 9px;border-radius:8px;
  background:var(--brand-dim);color:var(--brand);font-size:.62rem;font-weight:700;
}
.fm-chip .ic{width:.9em;height:.9em}

/* mock: events */
.fm-events{display:flex;flex-direction:column;gap:8px}
.fm-evrow{
  display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;
  background:rgba(255,255,255,.03);border:1px solid var(--border);
}
.fm-evrow b{flex:1;min-width:0;font-size:.66rem;font-weight:600;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-evday{font-family:var(--mono);font-size:.56rem;font-weight:700;color:var(--text-3);letter-spacing:.08em}
.fm-impact{flex:none;font-size:.56rem;font-weight:700;padding:3px 7px;border-radius:6px}
.fm-impact.hi{color:var(--dn);background:var(--dn-dim)}
.fm-impact.md{color:var(--risk);background:var(--brand-dim)}

/* mock: academy */
.fm-academy{display:flex;flex-direction:column;gap:10px}
.fm-cats{display:flex;gap:4px;padding:3px;border-radius:9px;background:var(--bg-elev2);width:fit-content}
.fm-cats span{padding:5px 10px;border-radius:7px;font-size:.62rem;font-weight:600;color:var(--text-2)}
.fm-cats span.on{background:var(--bg-elev3);color:var(--text)}
.fm-topics{display:flex;flex-wrap:wrap;gap:5px}
.fm-topics b{padding:5px 9px;border-radius:7px;font-size:.6rem;font-weight:600;color:var(--text-2);background:rgba(255,255,255,.045);border:1px solid var(--border)}
.fm-count{font-family:var(--mono);font-size:.6rem;color:var(--brand);font-weight:700;letter-spacing:.08em}

/* mock: records */
.fm-records{display:flex;flex-direction:column;gap:8px}
.fm-recrow{
  display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;
  background:var(--bg-elev);border:1px solid var(--border);
}
.fm-recrow .p-ticon{width:30px;height:30px;border-radius:9px;font-size:.56rem}
.fm-tf{flex:none;font-family:var(--mono);font-size:.56rem;font-weight:700;color:var(--text-2);background:var(--bg-elev2);padding:4px 7px;border-radius:6px}

/* ══════════ FINAL CTA ══════════ */
.section-cta{text-align:center;overflow:hidden}
.cta-bg{position:absolute;inset:0;pointer-events:none}
.glow-cta{
  bottom:-380px;left:50%;transform:translateX(-50%);width:980px;height:720px;
  background:radial-gradient(closest-side,rgba(242,163,60,.14),rgba(242,163,60,.04) 50%,transparent 75%);
}
.cta-inner{position:relative;display:flex;flex-direction:column;align-items:center}
.cta-sub{margin-top:16px;color:var(--text-2);font-size:1.05rem}
.section-cta .btn-lg{margin-top:32px}

/* ══════════ RESPONSIVE ══════════ */
@media (max-width:1079px){
  .hero-grid{grid-template-columns:1fr;text-align:left}
  .hero-visual{margin-top:26px}
  .hero-chart{left:-8%;width:116%}
  .demo-grid{grid-template-columns:1fr}
  .anatomy-row{grid-template-columns:1fr;gap:18px}
  .anatomy-note{order:-1;max-width:560px}
  .anatomy-row .rd-card{max-width:620px}
  .how-grid{grid-template-columns:1fr 1fr}
  .features-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:719px){
  .how-grid{grid-template-columns:1fr}
  .features-grid{grid-template-columns:1fr}
  .hero-chart{display:none}
  .br-desk{display:none}
}
@media (max-width:479px){
  .hero-stats{flex-direction:column;gap:18px}
  .rd-indgrid{grid-template-columns:1fr}
  .rd-ind{min-height:0}
  .cov-stats{gap:22px}
  .hero-ctas .btn{width:100%}
}

/* content-visibility for below-fold sections */
#coverage,#features,#cta{content-visibility:auto;contain-intrinsic-size:auto 700px}

/* ══════════ SUBPAGES: legal (terms / privacy) ══════════ */
.legal-main{padding-top:calc(var(--nav-h) + clamp(40px,6vw,72px));padding-bottom:clamp(64px,9vw,110px)}
.legal-head{max-width:820px;margin-inline:auto}
.legal-head h1{margin-top:14px;font-size:clamp(2rem,4.2vw,3rem)}
.legal-updated{margin-top:14px;font-size:.85rem;color:var(--text-3)}
.legal{max-width:820px;margin:clamp(28px,4vw,44px) auto 0}
.legal section{padding:26px 0;border-top:1px solid var(--border)}
.legal h2{font-size:1.12rem;margin-bottom:12px}
.legal p{color:var(--text-2);font-size:.95rem;margin-bottom:10px}
.legal p:last-child{margin-bottom:0}
.legal ul{margin:10px 0;display:flex;flex-direction:column;gap:8px}
.legal li{position:relative;padding-left:20px;color:var(--text-2);font-size:.95rem}
.legal li::before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:2px;background:var(--brand);opacity:.75}
.legal a{color:var(--brand);font-weight:600}
.legal a:hover{text-decoration:underline}
.legal .legal-note{
  margin-top:6px;padding:14px 16px;border-radius:var(--r-input);
  background:var(--brand-dim);border:1px solid rgba(242,163,60,.3);
  color:var(--text-2);font-size:.92rem;
}

/* ══════════ SUBPAGE: contact ══════════ */
.contact-main{
  position:relative;overflow:hidden;
  padding-top:calc(var(--nav-h) + clamp(48px,7vw,92px));padding-bottom:clamp(64px,9vw,110px);
  min-height:calc(100vh - 300px);
}
.contact-bg{position:absolute;inset:0;pointer-events:none}
.glow-contact{
  top:-220px;left:50%;transform:translateX(-50%);width:1000px;height:680px;
  background:radial-gradient(closest-side,rgba(242,163,60,.12),rgba(242,163,60,.04) 48%,transparent 74%);
}
.contact-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,84px);align-items:center}
.contact-copy h1{margin-top:18px;font-size:clamp(2.2rem,4.8vw,3.4rem)}
.contact-copy .lead{margin-top:20px}
.contact-mail{
  display:inline-flex;align-items:center;gap:12px;margin-top:34px;
  height:60px;padding-inline:28px;border-radius:15px;
  background:var(--amber-grad);color:var(--ink-on-amber);font-weight:700;font-size:1.08rem;
  box-shadow:0 12px 30px -8px rgba(242,163,60,.55);
  transition:transform .15s ease,box-shadow .25s ease;
}
.contact-mail:hover{transform:translateY(-1px);box-shadow:0 16px 38px -8px rgba(242,163,60,.65)}
.contact-mail:active{transform:scale(.97)}
.contact-mail .ic{width:1.2em;height:1.2em}
.contact-hint{margin-top:16px;font-size:.85rem;color:var(--text-3)}
.contact-cards{display:flex;flex-direction:column;gap:12px}
.contact-card{
  display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:var(--r-card);
  background:linear-gradient(180deg,var(--bg-elev),rgba(23,23,25,.4));border:1px solid var(--border);
  transition:transform .22s ease,border-color .22s ease;
}
.contact-card:hover{transform:translateY(-2px);border-color:var(--border-strong)}
.contact-ic{
  flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;
  background:var(--brand-dim);color:var(--brand);
}
.contact-ic .ic{width:1.25em;height:1.25em}
.contact-card h2{font-size:1rem}
.contact-card p{margin-top:5px;font-size:.88rem;color:var(--text-2)}
.contact-card a{
  display:inline-flex;align-items:center;gap:6px;margin-top:10px;
  font-size:.85rem;font-weight:700;color:var(--brand);
}
.contact-card a:hover{text-decoration:underline}
.contact-card a .ic{width:.95em;height:.95em}
.contact-foot{
  position:relative;display:flex;align-items:center;gap:14px;flex-wrap:wrap;
  margin-top:clamp(44px,7vw,72px);padding-top:26px;border-top:1px solid var(--border);
}
.contact-foot .tile{width:40px;height:40px;border-radius:12px}
.contact-foot b{font-size:.95rem}
.contact-foot span{font-size:.85rem;color:var(--text-3)}
@media (max-width:1079px){
  .contact-grid{grid-template-columns:1fr}
}