/* ============================================================
   SHARED PAGE STYLES — used by AI Consultancy, Marketing,
   Over ons, Contact. Builds on system.css + reuses some
   patterns from home.css.
   ============================================================ */

/* ---- Page hero (smaller than home hero) ---- */
.p-hero{padding:48px 0 80px;position:relative}
.p-hero .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  padding:8px 14px;border-radius:999px;
  background:var(--signal-tint);color:var(--signal-deep);
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;
  margin-bottom:28px;
}
.p-hero .eyebrow .dot{width:6px;height:6px;background:var(--signal)}
.p-hero h1{
  font-size:clamp(40px,5.6vw,88px);line-height:1;letter-spacing:-.04em;font-weight:600;
  max-width:18ch;text-wrap:balance;
}
.p-hero h1 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--signal)}
.p-hero .lead{margin-top:28px;max-width:54ch}

/* ---- Update-stempel + author byline onder H1 (GEO freshness signal) ---- */
.p-hero .byline{
  display:inline-flex;align-items:center;gap:10px;margin-top:18px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);
}
.p-hero .byline .pulse{width:7px;height:7px}
.p-hero .byline::after{display:none}

.p-hero-grid{
  display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:end;
  padding-top:24px;
}
.p-hero-aside{display:flex;flex-direction:column;gap:24px;padding-bottom:8px}
.p-hero-aside .stat{
  border-top:1px solid var(--rule);padding-top:20px;
  display:flex;align-items:baseline;gap:16px;
}
.p-hero-aside .stat b{font-size:48px;font-weight:600;letter-spacing:-.03em;color:var(--signal)}
.p-hero-aside .stat span{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);max-width:24ch;line-height:1.3}
.p-hero-aside .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}

@media (max-width:1000px){.p-hero-grid{grid-template-columns:1fr;gap:36px}}

/* ---- Quick answer bar ---- */
.quick{padding:0 0 64px}
.quick-card{
  border:1px solid var(--rule);background:var(--paper-2);border-radius:var(--r-xl);
  padding:36px 44px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;
}
.quick-badge{
  width:84px;height:84px;border-radius:999px;background:var(--signal);color:#fff;flex:none;
  display:grid;place-items:center;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;text-align:center;line-height:1.3;font-weight:500;position:relative;
}
.quick-badge::before{content:"";position:absolute;inset:-8px;border-radius:999px;border:1px dashed var(--signal);opacity:.4;animation:spin 18s linear infinite}
.quick-card p{font-family:var(--serif);font-size:clamp(20px,2vw,26px);line-height:1.4;letter-spacing:-.005em}
.quick-card p strong{color:var(--signal-deep);font-style:italic;font-weight:400}
@media (max-width:760px){.quick-card{grid-template-columns:1fr;padding:28px 24px}}

/* ---- Definition section ---- */
.definition{padding:64px 0;position:relative}
.def-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.def-grid h2{margin-bottom:8px}
.def-grid .sub{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);margin-bottom:14px;display:flex;align-items:center;gap:10px}
.def-grid p{margin-bottom:18px;color:var(--ink-2);font-size:17px;line-height:1.6;max-width:60ch}
.def-grid p:last-child{margin-bottom:0}
.def-grid em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--signal)}
@media (max-width:880px){.def-grid{grid-template-columns:1fr;gap:24px}}

/* Pull-stat next to definition */
.pull-stat{
  border-radius:var(--r-xl);background:var(--mint);color:var(--mint-deep);
  padding:36px;border:1px solid rgba(31,58,27,.12);box-shadow:var(--shadow-card);
  position:relative;overflow:hidden;
}
.pull-stat::before{
  content:"";position:absolute;right:-80px;top:-80px;width:240px;height:240px;border-radius:999px;
  background:radial-gradient(circle, rgba(73,120,247,.35), transparent 65%);filter:blur(20px);
}
.pull-stat .lbl{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-deep);margin-bottom:18px;display:flex;align-items:center;gap:10px}
.pull-stat .num{font-size:clamp(56px,7vw,96px);line-height:.9;letter-spacing:-.04em;font-weight:600;color:var(--signal)}
.pull-stat p{font-size:15px;line-height:1.5;margin-top:14px;color:rgba(31,58,27,.85);max-width:36ch}
.pull-stat .src{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(31,58,27,.6);margin-top:18px;display:block}

/* ---- Problem cards ---- */
.problem{padding:64px 0;position:relative}
.problem-head{margin-bottom:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.problem-head h2{max-width:18ch}
.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.problem-card{
  border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper);
  padding:32px;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;gap:20px;
  transition:transform .35s ease, border-color .35s ease;
}
.problem-card:hover{transform:translateY(-4px);border-color:var(--signal)}
.problem-card .ix{font-family:var(--serif);font-style:italic;color:var(--signal);font-size:42px;font-weight:400;line-height:1}
.problem-card h4{font-size:18px;font-weight:600;letter-spacing:-.01em;margin-bottom:8px}
.problem-card p{font-size:14px;line-height:1.5;color:var(--ink-2)}
@media (max-width:880px){.problem-grid{grid-template-columns:1fr}.problem-head{grid-template-columns:1fr;gap:20px}}

/* ---- Steps (3-step process) ---- */
.steps{padding:64px 0}
.steps-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:0;
  border:1px solid var(--rule);border-radius:var(--r-xl);overflow:hidden;background:var(--paper);
}
.step{
  padding:40px;border-right:1px solid var(--rule);min-height:380px;
  display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  position:relative;background:var(--paper);transition:background .3s ease;
}
.step:last-child{border-right:none}
.step:hover{background:var(--paper-2)}
.step .top{display:flex;justify-content:space-between;align-items:start;gap:12px}
.step .tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal)}
.step .num{font-family:var(--serif);font-style:italic;color:var(--signal);font-size:120px;line-height:.85;font-weight:400;opacity:.9}
.step h4{font-size:26px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px;line-height:1.1}
.step p{font-size:14px;line-height:1.55;color:var(--ink-2);max-width:34ch}
@media (max-width:880px){.steps-grid{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--rule)}.step:last-child{border-bottom:none}}

/* ---- Comparison table ---- */
.compare{padding:64px 0}
.compare-head{margin-bottom:32px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:end}
.compare-table{
  border:1px solid var(--rule);border-radius:var(--r-xl);overflow:hidden;background:var(--paper);
}
.compare-table .row{
  display:grid;grid-template-columns:1.4fr 1fr 1fr;
  border-bottom:1px solid var(--rule);
}
.compare-table .row:last-child{border-bottom:none}
.compare-table .row > div{padding:22px 28px;font-size:15px;line-height:1.45;border-right:1px solid var(--rule)}
.compare-table .row > div:last-child{border-right:none}
.compare-table .head{background:var(--paper-2);font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2)}
.compare-table .head .ours{color:var(--signal-deep);font-weight:600}
.compare-table .row .lbl{font-weight:600;color:var(--ink)}
.compare-table .row .neutral{color:var(--ink-2)}
.compare-table .row .ours{color:var(--signal-deep);font-weight:500}
.compare-table .row .ours::before{content:"✓ ";color:var(--signal);font-weight:700}
@media (max-width:880px){.compare-table .row{grid-template-columns:1fr}.compare-table .row > div{border-right:none;border-bottom:1px solid var(--rule)}.compare-table .row > div:last-child{border-bottom:none}}

/* ---- Workflow examples (6-up grid) ---- */
.workflows{padding:64px 0}
.wf-head{margin-bottom:40px;display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end}
.wf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.wf-card{
  border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper);
  padding:28px;display:flex;flex-direction:column;gap:16px;min-height:240px;
  transition:transform .35s ease, border-color .35s ease, background .35s ease;
}
.wf-card:hover{transform:translateY(-4px);border-color:var(--signal);background:var(--paper-2)}
.wf-card .top{display:flex;align-items:center;gap:12px}
.wf-card .num{font-family:var(--mono);font-size:11px;letter-spacing:.14em;background:var(--signal);color:#fff;padding:4px 10px;border-radius:999px;font-weight:500}
.wf-card .icon{
  width:36px;height:36px;border-radius:10px;background:var(--signal-tint);color:var(--signal-deep);
  display:grid;place-items:center;flex:none;
}
.wf-card h4{font-size:18px;font-weight:600;letter-spacing:-.01em;line-height:1.2}
.wf-card p{font-size:13px;line-height:1.55;color:var(--ink-2);flex:1}
.wf-card .savings{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal-deep);padding-top:14px;border-top:1px solid var(--rule)}
@media (max-width:1000px){.wf-grid{grid-template-columns:1fr 1fr}}
@media (max-width:680px){.wf-grid{grid-template-columns:1fr}.wf-head{grid-template-columns:1fr;gap:20px}}

/* ---- Mission / values ---- */
.mission{padding:80px 0}
.mission-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.mission-grid h2{margin-bottom:16px}
.mission-grid p{margin-bottom:18px;color:var(--ink-2);font-size:18px;line-height:1.6;max-width:54ch}
.values{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:32px}
.value{
  border:1px solid var(--rule);border-radius:var(--r-lg);background:var(--paper);
  padding:28px;display:flex;flex-direction:column;gap:12px;
}
.value .ix{font-family:var(--serif);font-style:italic;color:var(--signal);font-size:36px;font-weight:400;line-height:1}
.value h4{font-size:17px;font-weight:600;letter-spacing:-.01em}
.value p{font-size:14px;line-height:1.5;color:var(--ink-2);margin:0;max-width:none}
@media (max-width:880px){.mission-grid{grid-template-columns:1fr;gap:24px}.values{grid-template-columns:1fr}}

/* ---- Big team page ---- */
.team-page{padding:80px 0}
.team-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.team-page .team-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team-page .team-card image-slot{width:100%!important;aspect-ratio:3/4;height:auto!important;border-radius:18px;display:block;border:1px solid var(--rule);box-shadow:var(--shadow-card)}
.team-page .team-card .role{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-top:14px}
.team-page .team-card h4{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-top:6px;margin-bottom:10px}
.team-page .team-card p{font-size:14px;line-height:1.55;color:var(--ink-2)}
@media (max-width:880px){.team-page .team-cards{grid-template-columns:1fr}}

/* ---- Contact form ---- */
.contact{padding:64px 0 100px}
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.contact-info{display:flex;flex-direction:column;gap:32px;position:sticky;top:90px}
.contact-info h2{margin-bottom:8px}
.contact-info p{color:var(--ink-2);max-width:42ch;font-size:16px;line-height:1.6}
.contact-info .channel{
  border:1px solid var(--rule);border-radius:var(--r-md);background:var(--paper);
  padding:18px 20px;display:flex;align-items:center;gap:16px;transition:border-color .25s, transform .25s;
}
.contact-info .channel:hover{border-color:var(--signal);transform:translateX(4px)}
.contact-info .channel .ic{
  width:38px;height:38px;border-radius:10px;background:var(--signal-tint);color:var(--signal-deep);display:grid;place-items:center;flex:none;
}
.contact-info .channel b{font-size:14px;display:block}
.contact-info .channel span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}

.contact-form{
  border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper);
  padding:48px;display:flex;flex-direction:column;gap:20px;box-shadow:var(--shadow-card);
}
.contact-form h3{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-bottom:8px}
.contact-form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.contact-form label{
  display:flex;flex-direction:column;gap:6px;
  font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);
}
.contact-form input, .contact-form textarea, .contact-form select{
  font-family:var(--display);font-size:15px;color:var(--ink);
  background:var(--paper-2);border:1px solid var(--rule);border-radius:10px;padding:14px 16px;
  letter-spacing:0;text-transform:none;
  transition:border-color .25s, background .25s;
  width:100%;
}
.contact-form input:focus, .contact-form textarea:focus, .contact-form select:focus{
  outline:none;border-color:var(--signal);background:#fff;
}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form .topic-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.contact-form .topic{
  display:flex;align-items:center;gap:8px;cursor:pointer;
  border:1px solid var(--rule);border-radius:10px;background:var(--paper-2);padding:14px 14px;font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);transition:all .25s;
}
.contact-form .topic input{display:none}
.contact-form .topic:has(input:checked){background:var(--signal);color:#fff;border-color:var(--signal)}
.contact-form .topic .check{width:14px;height:14px;border-radius:999px;border:1.5px solid currentColor;flex:none}
.contact-form .topic:has(input:checked) .check{background:#fff;border-color:#fff;box-shadow:inset 0 0 0 3px var(--signal)}
.contact-form .submit{
  align-self:flex-start;
  display:inline-flex;align-items:center;gap:14px;
  background:var(--signal);color:#fff;padding:18px 28px;border-radius:999px;font-size:15px;font-weight:500;letter-spacing:0;text-transform:none;
  transition:background .25s, transform .25s, box-shadow .25s;
  box-shadow:0 10px 30px -10px rgba(73,120,247,.5);cursor:pointer;
  width:auto;
}
.contact-form .submit:hover{background:var(--ink);transform:translateX(4px)}
.contact-form .fine{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-top:4px}
@media (max-width:1000px){.contact-grid{grid-template-columns:1fr;gap:32px}.contact-info{position:static}}
@media (max-width:680px){.contact-form{padding:28px 24px}.contact-form .row{grid-template-columns:1fr}.contact-form .topic-row{grid-template-columns:1fr}}

/* ---- About story (alternating columns) ---- */
.story{padding:80px 0}
.story-row{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:48px;align-items:center}
.story-row:nth-child(even){direction:rtl}
.story-row:nth-child(even) > *{direction:ltr}
.story-row h3{font-size:clamp(28px,3vw,40px);line-height:1.05;letter-spacing:-.02em;font-weight:600;margin-bottom:14px}
.story-row h3 em{font-family:var(--serif);font-style:italic;color:var(--signal);font-weight:400}
.story-row p{font-size:16px;line-height:1.6;color:var(--ink-2);max-width:42ch}
.story-card{
  border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper);
  padding:32px;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;
  box-shadow:var(--shadow-card);
}
.story-card .pill{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);
  align-self:flex-start;
}
.story-card .big{font-family:var(--serif);font-style:italic;color:var(--signal);font-size:64px;line-height:1;font-weight:400}
.story-card .big small{font-size:18px;font-style:normal;font-family:var(--display);color:var(--ink-2);font-weight:500;letter-spacing:.04em;text-transform:uppercase;display:block;margin-top:8px}
@media (max-width:880px){.story-row{grid-template-columns:1fr;gap:24px;direction:ltr}.story-row:nth-child(even){direction:ltr}}

/* ---- Team section (Over ons) ---- */
.team-section{padding:80px 0;background:var(--paper-2);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.team-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.team-head h2{max-width:14ch}
.team-head .lead{max-width:38ch}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.team-card{
  border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper);
  overflow:hidden;display:flex;flex-direction:column;
  transition:transform .35s ease, border-color .35s ease;
}
.team-card:hover{transform:translateY(-4px);border-color:var(--signal)}
.team-card .photo{aspect-ratio:3/4;background:var(--mint);position:relative;overflow:hidden}
.team-card .photo image-slot{width:100%!important;height:100%!important;display:block;border-radius:0!important}
.team-card .info{padding:24px 26px 28px;display:flex;flex-direction:column;gap:6px;min-height:220px}
.team-card .role{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--signal);margin-bottom:4px}
.team-card h4{font-size:22px;font-weight:600;letter-spacing:-.02em;margin-bottom:10px}
.team-card p{font-size:14px;line-height:1.55;color:var(--ink-2)}
@media (max-width:880px){.team-grid{grid-template-columns:1fr}}

/* ---- Region section ---- */
.region-section{padding:80px 0}
.region-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;align-items:start}
.region-list{
  border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper);
  overflow:hidden;
}
.region-item{
  display:flex;align-items:center;gap:18px;padding:20px 28px;border-bottom:1px solid var(--rule);
  transition:background .25s;
}
.region-item:last-child{border-bottom:none}
.region-item:hover{background:var(--paper-2)}
.region-item .dot{width:8px;height:8px;border-radius:999px;background:var(--signal);flex:none}
.region-item b{display:block;font-size:16px;font-weight:600;letter-spacing:-.01em}
.region-item span{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
@media (max-width:880px){.region-grid{grid-template-columns:1fr;gap:32px}}

/* ---- Section heading row ---- */
.sect-head{margin-bottom:48px}
.sect-head h2{max-width:20ch}
.sect-head .lead{margin-top:18px;max-width:60ch}

/* ---- Workflow shortlist (AI Consultancy sectie 04 — beknopte lijst ipv 6 cards
       om cannibalization met /bedrijfsprocessen-automatiseren te voorkomen) ---- */
.wf-compact{padding:48px 0 64px}
.wf-shortlist{
  list-style:none;padding:0;margin:0;
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
}
.wf-shortlist li{
  display:grid;grid-template-columns:60px 1fr auto;gap:20px;align-items:center;
  padding:20px 4px;border-bottom:1px solid var(--rule);
  transition:background .25s ease;
}
.wf-shortlist li:last-child{border-bottom:none}
.wf-shortlist li:hover{background:var(--paper-2)}
.wf-shortlist .ix{
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--signal-deep);
  font-weight:500;
}
.wf-shortlist .lbl{font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.wf-shortlist .gain{
  font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--signal-deep);
  padding:6px 12px;border-radius:999px;background:var(--mint);white-space:nowrap;
}
/* Prominent CTA-blok onder de shortlist — duidelijke knop naar de
   praktijk-pagina (Bedrijfsprocessen Automatiseren). */
.wf-shortlist-cta{
  margin-top:32px;
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  padding:28px 36px;
  border:1px solid var(--rule);border-radius:var(--r-xl);
  background:var(--paper-2);
}
.wf-shortlist-cta-text{display:flex;flex-direction:column;gap:8px}
.wf-shortlist-cta-text .eyebrow{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal-deep);
}
.wf-shortlist-cta-text .eyebrow .pulse{width:7px;height:7px}
.wf-shortlist-cta-text p{
  font-size:17px;line-height:1.5;color:var(--ink-2);max-width:54ch;margin:0;
}
@media (max-width:880px){
  .wf-shortlist-cta{grid-template-columns:1fr;gap:20px;padding:24px 24px}
  .wf-shortlist-cta .cta-big{align-self:flex-start}
}
@media (max-width:680px){
  .wf-shortlist li{grid-template-columns:auto 1fr;gap:14px}
  .wf-shortlist .gain{grid-column:1 / -1;justify-self:start;margin-top:4px}
}

/* ---- Cross-link callout (AI Consultancy → Bedrijfsprocessen automatiseren) ---- */
.cons-crosslink{padding:0 0 80px}
.cons-crosslink-card{
  display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;
  border:1px solid var(--rule);border-radius:var(--r-xl);background:var(--paper);
  padding:32px 40px;
  transition:border-color .25s ease, transform .25s ease, background .25s ease;
}
.cons-crosslink-card:hover{border-color:var(--signal);background:var(--paper-2);transform:translateX(4px)}
.cons-crosslink-card .lbl{
  font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--signal);
  display:block;margin-bottom:10px;
}
.cons-crosslink-card b{font-size:22px;font-weight:600;letter-spacing:-.01em;display:block;margin-bottom:8px}
.cons-crosslink-card p{font-size:15px;line-height:1.5;color:var(--ink-2);max-width:60ch}
.cons-crosslink-card .arrow{
  font-size:32px;color:var(--signal);transition:transform .25s ease;line-height:1;
}
.cons-crosslink-card:hover .arrow{transform:translateX(6px)}
@media (max-width:680px){
  .cons-crosslink-card{grid-template-columns:1fr;padding:28px 24px;gap:16px}
  .cons-crosslink-card .arrow{align-self:flex-end}
}