/* ==========================================================================
   lykke.it — light, calm, editorial. Magenta accent, soft rounded shapes.
   ========================================================================== */

:root{
  --ink:#1c1917;
  --ink-2:#44403c;
  --muted:#6b6660;
  --line:#e9e5e2;
  --line-2:#ddd7d2;
  --bg:#fafaf9;
  --bg-tint:#f4f1ee;
  --card:#ffffff;

  /* magenta (brand #c026d3) */
  --accent:#c026d3;        /* primary / buttons */
  --accent-hover:#a21caf;
  --link:#a21caf;          /* inline links (contrast on light) */
  --accent-soft:#fbeafe;   /* tints */
  --accent-soft-2:#f6d9fb;
  --accent-ink:#86198f;    /* text on soft */
  --accent-border:#f0abfc;

  --sans:"Figtree",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
  --display:"Bricolage Grotesque","Figtree",sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  /* generous rounding — soft, never square */
  --r-card:22px;
  --r-sm:16px;
  --r-btn:14px;

  --shadow-sm:0 1px 2px rgba(28,25,23,.04), 0 1px 1px rgba(28,25,23,.03);
  --shadow:0 2px 4px rgba(28,25,23,.04), 0 16px 34px -22px rgba(28,25,23,.22);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:80px;}

body{
  margin:0;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--sans);
  font-size:18px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

img{max-width:100%;display:block;}
a{color:var(--link);text-decoration:none;}
a:hover{text-decoration:underline;text-underline-offset:3px;}
::selection{background:var(--accent-soft-2);color:var(--accent-ink);}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px;}

/* ---- Layout -------------------------------------------------------------- */
.wrap{max-width:1180px;margin:0 auto;padding:0 40px;}
.narrow{max-width:760px;}
.section{padding:64px 0;border-top:1px solid var(--line);}
.section:first-of-type{border-top:none;}
.center{text-align:center;}

/* ---- Type ---------------------------------------------------------------- */
h1,h2{margin:0;font-family:var(--display);font-weight:800;letter-spacing:-.025em;line-height:1.04;color:var(--ink);}
h3{margin:0;font-family:var(--sans);font-weight:700;letter-spacing:-.018em;line-height:1.2;color:var(--ink);}
h1{font-size:clamp(2.5rem,6vw,4.2rem);}
h2{font-size:clamp(1.75rem,3.4vw,2.5rem);margin-bottom:18px;}
h3{font-size:1.08rem;font-weight:600;margin-bottom:6px;}
p{margin:0 0 16px;}
.lead{font-size:clamp(1.1rem,1.5vw,1.28rem);color:var(--muted);line-height:1.5;}
.muted{color:var(--muted);}
.prose{max-width:66ch;}
.prose p{color:var(--ink-2);}
.prose strong{color:var(--ink);font-weight:600;}

.eyebrow{
  display:inline-block;font-size:.82rem;font-weight:600;letter-spacing:.04em;
  color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-border);
  padding:6px 15px;border-radius:999px;margin:0 0 20px;
}

/* ---- Buttons ------------------------------------------------------------- */
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 16px;}
.center .actions{justify-content:center;}
.btn{
  display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:1.02rem;
  background:var(--accent);color:#fff;padding:14px 28px;border-radius:var(--r-btn);
  border:1px solid var(--accent);box-shadow:var(--shadow-sm);
  transition:background .15s ease,transform .15s ease,box-shadow .15s ease;
}
.btn:hover{background:var(--accent-hover);border-color:var(--accent-hover);text-decoration:none;transform:translateY(-1px);box-shadow:var(--shadow);}
.btn .arr{transition:transform .15s ease;}
.btn:hover .arr{transform:translateX(3px);}
.btn-ghost{
  display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:1.02rem;
  background:var(--card);color:var(--ink);padding:14px 26px;border-radius:var(--r-btn);
  border:1px solid var(--line-2);transition:border-color .15s ease,color .15s ease;
}
.btn-ghost:hover{border-color:var(--accent);color:var(--accent-ink);text-decoration:none;}

/* ---- Header / nav -------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,250,249,.85);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--line);}
.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;height:62px;}
.brand{font-weight:700;font-size:1.1rem;letter-spacing:-.01em;color:var(--ink);}
.brand:hover{text-decoration:none;}
.brand .dot{color:var(--accent);}
.nav-links{display:flex;gap:4px;}
.nav-links a{font-size:.94rem;font-weight:500;color:var(--muted);padding:7px 12px;border-radius:10px;position:relative;white-space:nowrap;}
.nav-links a:hover{color:var(--ink);background:rgba(192,38,211,.06);text-decoration:none;}
.nav-links a.active{color:var(--ink);}
.nav-links a.active::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--accent);}

/* ---- Hero ---------------------------------------------------------------- */
.hero{padding:64px 0 44px;}
.hero.center .lead{max-width:640px;margin-left:auto;margin-right:auto;}
.hero h1{margin-bottom:18px;}
.hero .lead{margin-bottom:22px;}
.avatar{width:104px;height:104px;border-radius:50%;object-fit:cover;margin:0 auto 24px;border:3px solid var(--card);box-shadow:var(--shadow);}
.hero-meta{margin-top:14px;font-size:.92rem;color:var(--muted);}

.hero-guarantee{
  display:block;font-size:1.02rem;font-weight:600;color:var(--accent-ink);
  background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--r-sm);
  padding:14px 22px;max-width:620px;margin:0 auto 22px;line-height:1.45;
}
.scarcity{display:inline-flex;align-items:center;gap:9px;font-size:.92rem;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:8px 17px;}
.scarcity .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);}
.clients{margin-top:24px;font-size:.95rem;color:var(--muted);}
.clients a{color:var(--ink);font-weight:600;border-bottom:1px solid var(--line-2);}
.clients a:hover{border-color:var(--accent);color:var(--accent-ink);text-decoration:none;}

/* ---- Logos --------------------------------------------------------------- */
.logos{display:flex;align-items:center;justify-content:center;gap:12px 14px;flex-wrap:wrap;margin-top:24px;}
.logos.left{justify-content:flex-start;}
.logos .lab{font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-right:6px;}
.logos img{height:36px;width:auto;background:#fff;border:1px solid var(--line);border-radius:12px;padding:7px 12px;object-fit:contain;box-shadow:var(--shadow-sm);}

/* ---- Proof panel + stats ------------------------------------------------- */
.panel{background:var(--bg-tint);border:1px solid var(--line);border-radius:var(--r-card);padding:30px 28px;}
.statrow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center;}
.stat .big{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;color:var(--accent-ink);margin-bottom:6px;}
.stat .big .to{color:var(--accent);}
.stat .cap{font-size:.92rem;color:var(--muted);line-height:1.45;}
.stars{color:#e0993a;letter-spacing:2px;font-size:.92rem;margin-bottom:8px;}

/* ---- Cards (cases / threads) -------------------------------------------- */
.cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:6px;}
.threads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease;}
.card:hover{transform:translateY(-2px);box-shadow:var(--shadow);}
.tag{display:inline-block;font-size:.73rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-border);padding:4px 12px;border-radius:999px;margin-bottom:14px;}
.card h3{margin-bottom:8px;font-size:1.05rem;}
.card p{margin:0 0 12px;font-size:.96rem;color:var(--muted);}
.card .value{margin:0;font-size:.95rem;color:var(--ink);font-weight:600;}
.metric{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;color:var(--ink);background:var(--bg-tint);border:1px solid var(--line);border-radius:11px;padding:7px 13px;}
.metric .to{color:var(--accent);}

/* ---- Lists --------------------------------------------------------------- */
.list{list-style:none;padding:0;margin:0;max-width:62ch;}
.list li{position:relative;padding-left:28px;margin-bottom:12px;color:var(--ink-2);}
.list li::before{content:"";position:absolute;left:5px;top:.66em;width:7px;height:7px;border-radius:50%;background:var(--accent);}

.pain{list-style:none;padding:0;margin:0;max-width:64ch;}
.pain li{position:relative;padding-left:30px;margin-bottom:13px;font-size:1.04rem;color:var(--ink-2);}
.pain li::before{content:"\201C";position:absolute;left:0;top:.36em;color:var(--accent);font-weight:700;font-size:1.5rem;line-height:1;}

/* ---- Steps --------------------------------------------------------------- */
.steps{display:grid;gap:16px;}
.step{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:22px 24px;box-shadow:var(--shadow-sm);}
.step .num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:var(--accent-soft);color:var(--accent-ink);font-weight:700;font-size:.92rem;margin-bottom:10px;}
.step .when{font-size:.84rem;color:var(--accent-ink);font-weight:600;margin-bottom:6px;}
.step h3{margin-bottom:6px;}
.step p{margin:0;color:var(--muted);}

/* ---- Audience ------------------------------------------------------------ */
.audience{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.aud{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow-sm);}
.aud h3{font-size:1.05rem;margin-bottom:16px;}
.aud ul{list-style:none;padding:0;margin:0;}
.aud li{position:relative;padding-left:28px;margin-bottom:12px;font-size:.98rem;line-height:1.5;color:var(--ink-2);}
.aud li:last-child{margin-bottom:0;}
.aud.for li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-weight:700;}
.aud.not li::before{content:"\00d7";position:absolute;left:1px;top:-1px;color:#c2334b;font-weight:700;font-size:1.15rem;}

/* ---- Guarantee ----------------------------------------------------------- */
.guarantee{background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--r-card);padding:32px 30px;}
.guarantee h2{color:var(--accent-ink);margin-bottom:14px;}
.guarantee p{color:var(--accent-ink);}
.guarantee p:last-child{margin-bottom:0;}
.guarantee .big-promise{font-size:1.28rem;font-weight:700;line-height:1.35;margin-bottom:16px;}

/* ---- Pricing ------------------------------------------------------------- */
.pricegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch;}
.price{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:28px 24px;text-align:center;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);}
.price.featured{border:2px solid var(--accent);box-shadow:0 18px 40px -24px rgba(192,38,211,.5);}
.price .badge{align-self:center;font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:var(--accent);padding:5px 13px;border-radius:999px;margin-bottom:14px;}
.price .plan{font-weight:600;font-size:1rem;margin-bottom:10px;}
.price .amount{font-size:1.7rem;font-weight:700;letter-spacing:-.02em;}
.price .amount .per{font-size:.95rem;font-weight:400;color:var(--muted);}
.price .meta{color:var(--muted);font-size:.9rem;margin-top:10px;line-height:1.45;}
.price-note{font-size:.92rem;color:var(--muted);margin:18px 0 0;text-align:center;}

/* ---- Contact ------------------------------------------------------------- */
.contact{display:flex;flex-wrap:wrap;gap:12px 14px;margin-top:20px;}
.center .contact{justify-content:center;}
.clink{display:inline-flex;align-items:center;gap:9px;background:var(--card);border:1px solid var(--line);border-radius:var(--r-btn);padding:12px 18px;color:var(--ink);font-weight:500;box-shadow:var(--shadow-sm);transition:border-color .15s ease;}
.clink:hover{border-color:var(--accent);text-decoration:none;}
.clink svg{width:18px;height:18px;color:var(--accent);}

.quote-note{font-size:.85rem;color:var(--muted);margin-top:16px;text-align:center;}
.senja-embed{margin-top:8px;}

/* ---- Footer -------------------------------------------------------------- */
.site-footer{border-top:1px solid var(--line);padding:32px 0 52px;color:var(--muted);font-size:.92rem;}
.foot{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;justify-content:space-between;}
.foot a{color:var(--ink-2);}
.foot a:hover{color:var(--accent-ink);text-decoration:none;}
.foot .links{display:flex;gap:22px;flex-wrap:wrap;}

/* ---- Responsive ---------------------------------------------------------- */
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;} .btn:hover,.card:hover{transform:none;}}

@media (max-width:760px){
  body{font-size:17px;}
  .section{padding:48px 0;}
  .cards,.audience,.pricegrid,.threads,.statrow{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .nav{height:54px;gap:6px;flex-wrap:nowrap;}
  .brand{font-size:.95rem;white-space:nowrap;}
  .nav-links{gap:0;}
  .nav-links a{padding:6px 8px;font-size:.82rem;}
  .nav-links a[data-spy="top"]{display:none;}
  .hero{padding:40px 0 32px;}
}

/* ==========================================================================
   HOMEPAGE — "the pipeline": asymmetric, editorial, a magenta spine that
   runs down the page with a node per stage. Distinctive, on-theme (DevOps).
   ========================================================================== */

.mono{font-family:var(--mono);}

/* ---- Asymmetric hero (the trigger) --------------------------------------- */
.phero{position:relative;padding:72px 0 52px;}
.phero .wrap{position:relative;z-index:1;}
.phero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:64px;align-items:center;}
.phero-kick{font-family:var(--mono);font-size:.84rem;letter-spacing:.02em;color:var(--accent-ink);margin:0 0 24px;display:inline-flex;align-items:center;gap:10px;}
.phero-kick::before{content:"";width:28px;height:2px;background:var(--accent);border-radius:2px;}
.phero h1{font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.03;margin:0 0 24px;}
.phero h1 .mark{color:var(--accent-ink);background:linear-gradient(transparent 58%,var(--accent-soft-2) 58%);padding:0 .05em;border-radius:.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.phero-lead{font-size:clamp(1.12rem,1.35vw,1.3rem);color:var(--muted);line-height:1.5;max-width:46ch;margin:0 0 32px;}
.phero .actions{margin-bottom:28px;}
.phero-tags{font-family:var(--mono);font-size:.82rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px 14px;}
.phero-tags .t{color:var(--ink-2);}

.phero-portrait{position:relative;justify-self:center;width:100%;max-width:380px;}
.phero-portrait img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:190px 190px 24px 24px;border:1px solid var(--line-2);box-shadow:var(--shadow);position:relative;z-index:1;}
.phero-portrait::before{content:"";position:absolute;inset:-18px -18px 30px 26px;background:radial-gradient(120% 90% at 68% 18%,var(--accent-soft-2),transparent 60%);border-radius:190px;z-index:0;}
.phero-portrait .chip{position:absolute;left:-18px;bottom:26px;z-index:2;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm);padding:9px 14px;font-family:var(--mono);font-size:.78rem;color:var(--ink);display:flex;align-items:center;gap:8px;}
.phero-portrait .chip .d{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft-2);}

/* ---- The pipeline (stages) ----------------------------------------------- */
.pipe .wrap{position:relative;}
.pipe .wrap::before{content:"";position:absolute;top:10px;bottom:44px;left:56px;width:2px;
  background:linear-gradient(var(--accent),var(--accent) 74%,transparent);
  transform:scaleY(var(--spine,1));transform-origin:top;border-radius:2px;}
.stage{position:relative;display:grid;grid-template-columns:212px minmax(0,1fr);gap:52px;padding:60px 0;border-top:1px solid var(--line);}
.stage:first-child{border-top:none;}
.stage-rail{position:relative;min-height:1px;}
.stage-node{position:absolute;left:8px;top:12px;width:18px;height:18px;border-radius:50%;background:var(--card);border:2px solid var(--line-2);transition:border-color .3s ease,background .3s ease,box-shadow .3s ease;z-index:1;}
.stage-node::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--line-2);transition:background .3s ease;}
.stage.lit .stage-node{border-color:var(--accent);box-shadow:0 0 0 5px var(--accent-soft);}
.stage.lit .stage-node::after{background:var(--accent);}
.stage-idx{display:block;font-family:var(--display);font-weight:800;font-size:2.7rem;line-height:1;letter-spacing:-.03em;
  color:transparent;-webkit-text-stroke:1.5px var(--accent-border);margin:0 0 8px 44px;transition:-webkit-text-stroke-color .3s ease;}
.stage.lit .stage-idx{-webkit-text-stroke-color:var(--accent);}
.stage-name{display:block;font-family:var(--mono);font-size:.8rem;letter-spacing:.06em;color:var(--muted);margin-left:44px;transition:color .3s ease;}
.stage.lit .stage-name{color:var(--accent-ink);}
.stage-body{min-width:0;}
.stage-body > h2{margin-bottom:16px;}

/* ---- Editorial case index (grid-breaking, not a card grid) --------------- */
.caseidx{margin-top:6px;}
.crow{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:baseline;
  padding:24px 0;border-top:1px solid var(--line);}
.crow:first-child{border-top:none;}
.crow .cnum{font-family:var(--display);font-weight:800;font-size:2.2rem;line-height:1;letter-spacing:-.03em;
  color:transparent;-webkit-text-stroke:1.4px var(--accent-border);}
.crow:hover .cnum{-webkit-text-stroke-color:var(--accent);}
.crow .cbody h3{font-size:1.14rem;margin-bottom:6px;}
.crow .cbody .who{font-family:var(--mono);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-ink);margin-bottom:8px;}
.crow .cbody p{margin:0;color:var(--muted);font-size:.98rem;max-width:56ch;}
.crow .cmetric{white-space:nowrap;font-family:var(--mono);font-size:.82rem;font-weight:600;color:var(--ink);
  background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:7px 14px;}
.crow .cmetric .to{color:var(--accent);}

/* ---- Motion -------------------------------------------------------------- */
@keyframes riseIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.anim{opacity:0;animation:riseIn .7s cubic-bezier(.2,.7,.2,1) both;}
.phero .anim:nth-of-type(1){animation-delay:.02s;}
.phero-portrait.anim{animation-delay:.18s;}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}

@media (prefers-reduced-motion:reduce){
  .anim,.reveal{opacity:1;transform:none;animation:none;transition:none;}
  .pipe .wrap::before{transform:none;}
}

/* ---- Homepage responsive ------------------------------------------------- */
@media (max-width:820px){
  .phero-grid{grid-template-columns:1fr;gap:32px;}
  .phero-portrait{order:-1;max-width:220px;justify-self:start;}
  .phero-portrait::before{inset:-10px -10px 20px 16px;}
}
@media (max-width:680px){
  .pipe .wrap::before{display:none;}
  .stage{grid-template-columns:1fr;gap:16px;padding:40px 0;}
  .stage-node{display:none;}
  .stage-rail{display:flex;align-items:baseline;gap:12px;}
  .stage-idx{font-size:1.9rem;margin:0;-webkit-text-stroke-color:var(--accent);}
  .stage-name{margin:0;color:var(--accent-ink);}
  .crow{grid-template-columns:auto 1fr;row-gap:10px;}
  .crow .cmetric{grid-column:2;justify-self:start;}
}

/* ==========================================================================
   FORSIDE v2 — Gullaksen-struktur på lyst tema: store caps-statements,
   nummererede stages, magenta som eneste accent.
   ========================================================================== */

.caps{text-transform:uppercase;}
.phero h1.caps{font-size:clamp(2.3rem,4.6vw,3.9rem);letter-spacing:-.015em;}
.stage-body > h2.caps{font-size:clamp(1.8rem,3.2vw,2.7rem);letter-spacing:-.015em;line-height:1.06;margin-bottom:22px;}
.guarantee h2.caps{font-size:clamp(1.6rem,2.8vw,2.3rem);letter-spacing:-.015em;line-height:1.1;}

.phero .hero-guarantee{margin:0 0 26px;max-width:560px;}

/* Udbytte-kort: 2 kolonner, 6 kort */
.cards .card h3{font-size:1.05rem;}

/* Før/efter */
.ba{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.ba-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-card);padding:26px;box-shadow:var(--shadow-sm);}
.ba-card.after{border:2px solid var(--accent);box-shadow:0 18px 40px -24px rgba(192,38,211,.5);}
.ba-lab{font-family:var(--mono);font-size:.76rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.ba-card.after .ba-lab{color:var(--accent-ink);}
.ba-card ul{list-style:none;margin:0;padding:0;}
.ba-card li{position:relative;padding-left:26px;margin-bottom:11px;color:var(--ink-2);font-size:.98rem;line-height:1.5;}
.ba-card li:last-child{margin-bottom:0;}
.ba-card.before li::before{content:"\2022";position:absolute;left:4px;top:0;color:var(--line-2);font-weight:700;}
.ba-card.after li::before{content:"\2713";position:absolute;left:0;top:0;color:var(--accent);font-weight:700;}
.multirow{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;}
.multirow .m{font-family:var(--mono);font-size:.82rem;font-weight:600;color:var(--ink);background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:999px;padding:7px 14px;}
.multirow .m .to{color:var(--accent);}

/* Nav-CTA */
.nav-cta{display:inline-flex;align-items:center;gap:.4em;font-size:.9rem;font-weight:600;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:8px 16px;white-space:nowrap;transition:background .15s ease;}
.nav-cta:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff;text-decoration:none;}
.nav-cta .arr{transition:transform .15s ease;}
.nav-cta:hover .arr{transform:translateX(3px);}

@media (max-width:760px){
  .ba{grid-template-columns:1fr;}
}
@media (max-width:520px){
  .nav-links a[data-spy="om-mig"]{display:none;}
  .nav-cta{padding:7px 12px;font-size:.8rem;}
  .nav-cta .arr{display:none;}
}