/* ============================================================
   Qualifier — Instrument
   Shared stylesheet — design tokens + components
   ============================================================ */

:root{
  --paper:#FFFFFF;
  --panel-soft:#F5F5F7;
  --panel:#FFFFFF;
  --ink:#0B0B0D;
  --ink-soft:#1C1C20;
  --graphite:#7A7A86;
  --graphite-2:#B5B5CA;
  --line:#EAEAEB;
  --line-strong:#DBDBDE;
  --signal:#EA5212;
  --signal-ink:#C6440D;
  --signal-soft:rgba(234,82,18,0.09);
  --signal-soft-2:rgba(234,82,18,0.18);
  --on-ink:#FAFAFC;
  --on-ink-soft:#8C8C96;

  --font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
  --font-body:'IBM Plex Sans',ui-sans-serif,system-ui,sans-serif;
  --font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',Consolas,monospace;

  --radius-sm:8px;
  --radius-md:14px;
  --radius-lg:24px;
  --wrap:1180px;
}

/* ---------- Reset ---------- */
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--font-body);
  color:var(--ink);
  background:var(--paper);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-0.01em;line-height:1.1;color:var(--ink);}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
ul{list-style:none;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;}
}

/* ---------- Layout helpers ---------- */
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 40px;}
.mono{font-family:var(--font-mono);}
.eyebrow{
  font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0.16em;font-size:11.5px;font-weight:500;
  color:var(--signal-ink);display:inline-flex;align-items:center;gap:11px;
}
.eyebrow::before{content:"";width:16px;height:1px;background:var(--signal);display:inline-block;}
.eyebrow.on-dark{color:#FFA269;}
.eyebrow.on-dark::before{background:#FFA269;}
.eyebrow.center{justify-content:center;}

section{padding:140px 0;}
.section-head{max-width:600px;margin-bottom:72px;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head h2{font-size:clamp(1.9rem,3.4vw,2.6rem);margin-top:20px;}
.section-head p{color:var(--graphite);font-size:17px;margin-top:18px;}

/* ---------- Reveal-on-scroll ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease, transform .7s ease;}
.reveal.in-view{opacity:1;transform:none;}

/* ---------- Nav ---------- */
header.nav{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,0.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);
  border-bottom:1px solid var(--line);
}
.nav-inner{max-width:var(--wrap);margin:0 auto;padding:22px 40px;display:flex;align-items:center;justify-content:space-between;position:relative;}
.logo{font-family:var(--font-display);font-weight:600;font-size:19px;color:var(--ink);display:flex;align-items:center;gap:11px;}
.logo-glyph{width:20px;height:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;flex-shrink:0;}
.logo-glyph i{display:block;border-radius:1px;background:var(--line-strong);}
.logo-glyph i:nth-child(2),.logo-glyph i:nth-child(4),.logo-glyph i:nth-child(9){background:var(--signal);}
.logo-glyph i:nth-child(6),.logo-glyph i:nth-child(7){background:var(--ink);}
.nav-links{display:flex;gap:40px;font-size:14px;font-weight:500;color:var(--graphite);}
.nav-links a{position:relative;padding:4px 0;}
.nav-links a::after{content:"";position:absolute;left:0;right:100%;bottom:-2px;height:1px;background:var(--ink);transition:right .18s ease;}
.nav-links a:hover, .nav-links a.active{color:var(--ink);}
.nav-links a:hover::after, .nav-links a.active::after{right:0;}
.nav-cta{display:flex;align-items:center;gap:12px;}
.nav-cta .btn-ghost{display:none;}
@media(min-width:1000px){.nav-cta .btn-ghost{display:inline-flex;}}

/* ---------- Mobile nav toggle + panel ---------- */
.nav-panel{display:flex;align-items:center;gap:40px;}
.nav-toggle{
  display:none;flex-direction:column;justify-content:center;gap:5px;
  width:36px;height:36px;border:none;background:transparent;cursor:pointer;padding:0;flex-shrink:0;
}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .2s ease, opacity .2s ease;}
.nav-toggle.is-active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.is-active span:nth-child(2){opacity:0;}
.nav-toggle.is-active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media(max-width:900px){
  .nav-toggle{display:flex;}
  .nav-panel{
    position:absolute;top:100%;left:0;right:0;background:var(--panel);border-bottom:1px solid var(--line);
    flex-direction:column;align-items:stretch;gap:0;padding:8px 40px 26px;
    max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease, opacity .2s ease;
  }
  .nav-panel.open{max-height:480px;opacity:1;overflow-y:auto;}
  .nav-panel .nav-links{flex-direction:column;gap:0;width:100%;}
  .nav-panel .nav-links a{padding:16px 0;border-bottom:1px solid var(--line);}
  .nav-panel .nav-cta{flex-direction:column;align-items:stretch;gap:10px;padding-top:18px;width:100%;}
  .nav-panel .nav-cta .btn{justify-content:center;}
  .nav-panel .nav-cta .btn-ghost{display:inline-flex;}
}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:100px;font-weight:600;font-size:14.5px;
  cursor:pointer;border:1px solid transparent;transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease, background .15s ease;
}
.btn-primary{background:var(--signal);color:#fff;}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px -10px rgba(234,82,18,0.55);}
.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:transparent;}
.btn-ghost:hover{border-color:var(--ink);}
.btn-lg{padding:17px 30px;font-size:15.5px;}

/* ---------- Hero (home) ---------- */
.hero{padding:96px 0 0;position:relative;}
.hero-grid{display:grid;grid-template-columns:1fr;gap:80px;align-items:center;}
@media(min-width:980px){.hero-grid{grid-template-columns:1fr 0.92fr;}}
.hero h1{font-size:clamp(2.7rem,5.6vw,4.1rem);margin:26px 0 26px;}
.hero h1 .accent{color:var(--signal);}
.hero p.lead{font-size:18.5px;color:var(--graphite);max-width:480px;margin-bottom:40px;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:44px;}
.trust-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.badge-pill{
  display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11.5px;font-weight:500;
  color:var(--graphite);background:transparent;border:1px solid var(--line);border-radius:100px;padding:8px 14px;
  letter-spacing:0.02em;
}
.badge-pill i{width:5px;height:5px;border-radius:1px;background:var(--signal);display:inline-block;}

/* hero instrument panel */
.instrument{
  background:var(--ink);border-radius:var(--radius-lg);padding:32px;position:relative;
  box-shadow:0 50px 90px -35px rgba(11,11,13,0.4);
}
.instrument .top{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(255,255,255,0.08);}
.instrument .top .title{font-family:var(--font-mono);color:var(--on-ink);font-size:12px;letter-spacing:0.05em;text-transform:uppercase;}
.instrument .top .title span{color:var(--on-ink-soft);}
.instrument .live{display:flex;align-items:center;gap:7px;color:#FFA269;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:0.04em;}
.instrument .live i{width:6px;height:6px;border-radius:50%;background:var(--signal);display:inline-block;animation:pulse 1.8s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.35;}}

.matrix{display:grid;grid-template-columns:96px repeat(5,1fr);gap:6px;}
.matrix .rowlabel{font-family:var(--font-mono);color:var(--on-ink-soft);font-size:10.5px;display:flex;align-items:center;padding:6px 2px;}
.matrix .cell{height:27px;border-radius:5px;opacity:0;transform:scale(.6);transition:opacity .4s ease, transform .4s ease;}
.instrument.is-ready .cell{opacity:1;transform:scale(1);}
.c0{background:rgba(255,255,255,0.05);}
.c1{background:rgba(255,255,255,0.13);}
.c2{background:rgba(255,255,255,0.24);}
.c3{background:rgba(255,255,255,0.4);}
.c4{background:var(--signal);}
.matrix-legend{display:flex;gap:18px;margin-top:24px;flex-wrap:wrap;}
.matrix-legend span{font-family:var(--font-mono);font-size:10.5px;color:var(--on-ink-soft);display:flex;align-items:center;gap:6px;}
.legend-sw{width:8px;height:8px;border-radius:2px;display:inline-block;}

/* ---------- Sub-page header (Våra tankar / Referenser) ---------- */
.page-header{padding:72px 0 64px;border-bottom:1px solid var(--line);}
.page-header .crumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;color:var(--graphite-2);margin-bottom:20px;}
.page-header .crumb a:hover{color:var(--ink);}
.page-header h1{font-size:clamp(2.1rem,4.4vw,2.9rem);margin-top:14px;}
.page-header p.lead{color:var(--graphite);font-size:17px;max-width:560px;margin-top:16px;}

/* ---------- Logo strip ---------- */
.logo-strip{padding:56px 0;}
.logo-strip p{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--graphite-2);font-weight:500;letter-spacing:0.12em;text-transform:uppercase;margin-bottom:32px;}
.logo-row{display:flex;flex-wrap:wrap;justify-content:center;gap:52px;align-items:center;}
.logo-row span{font-family:var(--font-mono);font-weight:500;font-size:14px;letter-spacing:0.03em;color:var(--graphite-2);text-transform:uppercase;opacity:.9;transition:opacity .15s ease, color .15s ease;}
.logo-row span:hover{opacity:1;color:var(--ink);}

/* ---------- Benefits (open, airy) ---------- */
.benefit-grid{display:grid;grid-template-columns:1fr;gap:56px 40px;}
@media(min-width:720px){.benefit-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.benefit-grid{grid-template-columns:repeat(4,1fr);}}
.benefit-card{background:none;padding:0;border:none;}
.icon-box{width:38px;height:38px;background:none;color:var(--signal);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;margin-bottom:26px;}
.benefit-card h3{font-size:17.5px;color:var(--ink);margin-bottom:12px;font-weight:600;}
.benefit-card p{font-size:14.5px;color:var(--graphite);line-height:1.7;}

/* ---------- Stats (light, airy) ---------- */
.stats-band{background:none;border-radius:0;padding:0;}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px 24px;}
@media(min-width:800px){.stats-grid{grid-template-columns:repeat(4,1fr);}}
.stat{position:relative;padding-top:20px;text-align:left;}
.stat::before{content:"";position:absolute;top:0;left:0;width:28px;height:2px;background:var(--signal);}
.stat .num{font-family:var(--font-display);font-size:clamp(2.1rem,4.2vw,3rem);font-weight:600;color:var(--ink);}
.stat .lab{font-family:var(--font-mono);font-size:11.5px;color:var(--graphite);margin-top:10px;letter-spacing:0.04em;text-transform:uppercase;}

/* ---------- Steps ---------- */
.steps{display:grid;grid-template-columns:1fr;gap:48px;}
@media(min-width:820px){.steps{grid-template-columns:repeat(3,1fr);gap:44px;}}
.step-num{
  width:auto;height:auto;border-radius:0;background:none;color:var(--signal-ink);font-family:var(--font-mono);font-weight:500;
  display:block;margin-bottom:20px;font-size:13px;letter-spacing:0.03em;
}
.step{position:relative;padding-top:32px;border-top:1px solid var(--line);}
.step h3{font-size:19px;color:var(--ink);margin-bottom:12px;}
.step p{font-size:14.5px;color:var(--graphite);line-height:1.7;}

/* ---------- Testimonial (large) ---------- */
.testi{background:none;border-radius:0;padding:0;display:block;}
.quote-mark{display:none;}
.testi blockquote{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);color:var(--ink);font-weight:500;line-height:1.42;margin-bottom:32px;max-width:820px;}
.testi .who{font-family:var(--font-mono);font-size:13px;color:var(--graphite);font-weight:500;}
.testi .who span{color:var(--graphite-2);}

/* ---------- Standards ---------- */
.std-grid{display:grid;grid-template-columns:1fr;gap:56px 40px;}
@media(min-width:820px){.std-grid{grid-template-columns:repeat(3,1fr);}}
.std-card{border:none;border-radius:0;padding:0;}
.std-card .tag{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:0.06em;color:var(--signal-ink);background:var(--signal-soft);padding:6px 12px;border-radius:100px;margin-bottom:22px;}
.std-card h3{font-size:18px;color:var(--ink);margin-bottom:12px;}
.std-card p{font-size:14.5px;color:var(--graphite);line-height:1.7;}

/* ---------- Final CTA ---------- */
.final-cta{
  background:var(--ink);border-radius:var(--radius-lg);padding:100px 44px;text-align:center;color:var(--on-ink);position:relative;overflow:hidden;
}
.final-cta h2{font-size:clamp(2rem,4vw,2.8rem);color:var(--on-ink);margin-bottom:20px;}
.final-cta p{color:var(--on-ink-soft);font-size:17px;margin-bottom:8px;max-width:480px;margin-left:auto;margin-right:auto;}
.final-cta .btn-primary,.final-cta .btn{background:var(--signal);color:#fff;}

/* ---------- Demo form (inside final-cta) ---------- */
.demo-form{
  max-width:580px;margin:48px auto 0;text-align:left;
  background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--radius-md);padding:32px;
}
.demo-form-row{display:grid;grid-template-columns:1fr;gap:18px;margin-bottom:18px;}
@media(min-width:560px){.demo-form-row{grid-template-columns:1fr 1fr;}}
.demo-field{display:flex;flex-direction:column;gap:8px;}
.demo-field-full{margin-bottom:22px;}
.demo-field label{font-family:var(--font-mono);font-size:11.5px;font-weight:500;color:var(--on-ink-soft);text-transform:uppercase;letter-spacing:0.03em;}
.demo-field label span{font-weight:400;color:#6B6B72;text-transform:none;}
.demo-field input,
.demo-field textarea{
  font-family:var(--font-body);font-size:14.5px;color:var(--on-ink);background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.14);border-radius:var(--radius-sm);padding:13px 15px;outline:none;
  transition:border-color .15s ease, background .15s ease;resize:vertical;
}
.demo-field input::placeholder,
.demo-field textarea::placeholder{color:#5F5F66;}
.demo-field input:focus,
.demo-field textarea:focus{border-color:var(--signal);background:rgba(255,255,255,0.08);}
.demo-submit{width:100%;justify-content:center;margin-top:6px;}
.demo-form-note{font-family:var(--font-mono);font-size:11.5px;color:var(--on-ink-soft);text-align:center;margin-top:18px;}
.demo-form-note-success{color:#FFA269;font-weight:600;}

/* ---------- Post cards (Våra tankar archive) ---------- */
.post-grid{display:grid;grid-template-columns:1fr;gap:44px;}
@media(min-width:680px){.post-grid{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.post-grid{grid-template-columns:repeat(3,1fr);}}
.post-card{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden;transition:border-color .15s ease, transform .15s ease;background:var(--panel);}
.post-card:hover{border-color:var(--line-strong);transform:translateY(-3px);}
.post-card .thumb{aspect-ratio:16/9.6;overflow:hidden;background:var(--panel-soft);}
.post-card .thumb img{width:100%;height:100%;object-fit:cover;}
.post-card .body{padding:24px 24px 26px;}
.post-card .date{font-family:var(--font-mono);font-size:11.5px;color:var(--graphite-2);font-weight:500;letter-spacing:0.04em;text-transform:uppercase;margin-bottom:12px;}
.post-card h3{font-size:18px;color:var(--ink);margin-bottom:10px;line-height:1.3;font-weight:600;}
.post-card p{font-size:14px;color:var(--graphite);margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.post-card .readmore{font-size:13.5px;font-weight:600;color:var(--signal-ink);display:inline-flex;align-items:center;gap:6px;}
.post-card.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr;}
@media(min-width:820px){.post-card.featured{grid-template-columns:1.1fr 1fr;}}
.post-card.featured .thumb{aspect-ratio:auto;height:100%;min-height:260px;}
.post-card.featured .body{display:flex;flex-direction:column;justify-content:center;padding:38px;}
.post-card.featured h3{font-size:26px;}
.post-card.featured p{-webkit-line-clamp:4;}

/* ---------- Pagination ---------- */
.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:64px;}
.pagination a, .pagination span{
  min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:100px;
  font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--graphite);border:1px solid var(--line);
}
.pagination a:hover{border-color:var(--ink);color:var(--ink);}
.pagination .current{background:var(--ink);color:var(--on-ink);border-color:var(--ink);}
.pagination .next{width:auto;padding:0 18px;gap:6px;}

/* ---------- Reference cards (Referenser archive) ---------- */
.ref-grid{display:grid;grid-template-columns:1fr;gap:24px;}
@media(min-width:760px){.ref-grid{grid-template-columns:repeat(2,1fr);}}
.ref-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:30px;display:flex;flex-direction:column;gap:18px;transition:border-color .15s ease, transform .15s ease;}
.ref-card:hover{border-color:var(--line-strong);transform:translateY(-3px);}
.ref-card .top{display:flex;align-items:center;gap:14px;}
.ref-card .logo-mono{
  width:46px;height:46px;border-radius:10px;background:var(--panel-soft);color:var(--ink);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-weight:600;font-size:15px;flex-shrink:0;
}
.ref-card .company{font-size:16px;font-weight:600;color:var(--ink);}
.ref-card .place{font-family:var(--font-mono);font-size:12.5px;color:var(--graphite-2);margin-top:2px;}
.ref-card blockquote{font-size:14.5px;color:var(--graphite);font-style:normal;line-height:1.7;}
.ref-card .readmore{font-size:13.5px;font-weight:600;color:var(--signal-ink);display:inline-flex;align-items:center;gap:6px;margin-top:auto;}

/* ---------- Article / case-study detail page ---------- */
.article-header{padding:56px 0 0;border-bottom:1px solid var(--line);}
.article-header .crumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;color:var(--graphite-2);margin-bottom:22px;flex-wrap:wrap;}
.article-header .crumb a:hover{color:var(--ink);}
.article-header .meta-row{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap;}
.article-header h1{font-size:clamp(1.9rem,4.2vw,2.7rem);color:var(--ink);margin-bottom:28px;max-width:760px;}
.article-header .date{font-family:var(--font-mono);font-size:12.5px;color:var(--graphite-2);font-weight:500;}
.article-hero{aspect-ratio:16/7;overflow:hidden;border-radius:var(--radius-md) var(--radius-md) 0 0;margin-top:24px;background:var(--panel-soft);}
.article-hero img{width:100%;height:100%;object-fit:cover;}

.article-body{max-width:720px;margin:0 auto;padding:64px 0;}
.article-body p{font-size:17px;color:var(--ink);margin-bottom:24px;line-height:1.8;}
.article-body h2{font-size:24px;color:var(--ink);margin:44px 0 18px;}
.article-body h3{font-size:19px;color:var(--ink);margin:36px 0 16px;}
.article-body ul, .article-body ol{margin:0 0 24px 22px;}
.article-body li{font-size:17px;color:var(--ink);margin-bottom:10px;line-height:1.75;}
.article-body blockquote{
  border-left:2px solid var(--signal);padding:4px 0 4px 24px;margin:36px 0;font-family:var(--font-display);
  font-size:20px;color:var(--ink);font-weight:500;line-height:1.5;
}
.article-body img{border-radius:var(--radius-md);margin:36px 0;}
.article-body strong{color:var(--ink);}
.article-body .signature{color:var(--graphite);font-family:var(--font-mono);font-size:13px;font-style:normal;margin-top:10px;}
.article-body hr{border:none;border-top:1px solid var(--line);margin:44px 0;}

.article-footer-cta{
  max-width:720px;margin:0 auto;padding:36px;background:var(--panel-soft);border-radius:var(--radius-md);
  display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-bottom:72px;
}
.article-footer-cta p{font-size:15px;color:var(--ink);font-weight:500;max-width:400px;}

/* case-study specific: quote card + fact box */
.case-header{padding:56px 0 64px;border-bottom:1px solid var(--line);}
.case-header .crumb{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:12.5px;color:var(--graphite-2);margin-bottom:22px;flex-wrap:wrap;}
.case-header .crumb a:hover{color:var(--ink);}
.case-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:start;}
@media(min-width:900px){.case-grid{grid-template-columns:1fr 300px;}}
.case-grid h1{font-size:clamp(1.9rem,4vw,2.6rem);color:var(--ink);margin:16px 0 10px;}
.case-grid .place{color:var(--graphite);font-size:16px;}
.fact-box{border:1px solid var(--line);border-radius:var(--radius-md);padding:26px;background:var(--panel);}
.fact-box .row{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-family:var(--font-mono);font-size:12.5px;}
.fact-box .row:last-child{border-bottom:none;}
.fact-box .row span:first-child{color:var(--graphite-2);}
.fact-box .row span:last-child{color:var(--ink);font-weight:600;text-align:right;}

.related-grid{display:grid;grid-template-columns:1fr;gap:24px;}
@media(min-width:720px){.related-grid{grid-template-columns:repeat(3,1fr);}}

/* ---------- Footer ---------- */
footer{border-top:1px solid var(--line);padding:64px 0 44px;}
.footer-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:center;}
.footer-links{display:flex;gap:34px;font-size:14px;color:var(--graphite);flex-wrap:wrap;}
.footer-links a:hover{color:var(--ink);}
.footer-copy{font-family:var(--font-mono);font-size:12px;color:var(--graphite-2);margin-top:30px;}

.concept-tag{
  position:fixed;bottom:20px;right:20px;background:var(--ink);color:var(--on-ink);font-size:12px;font-weight:600;
  padding:9px 16px;border-radius:100px;z-index:100;box-shadow:0 8px 20px rgba(11,11,13,0.3);
  font-family:var(--font-mono);
}

/* ---------- Mobile fine-tuning ---------- */
@media(max-width:900px){
  section{padding:96px 0;}
  .section-head{margin-bottom:56px;}
}
@media(max-width:640px){
  section{padding:72px 0;}
  .final-cta{padding:56px 28px;}
  .stats-grid{gap:36px 20px;}
}
@media(max-width:480px){
  .wrap{padding:0 22px;}
  .nav-inner{padding:16px 22px;}
  .final-cta{padding:44px 20px;}
  .demo-form{padding:20px;}
  .hero{padding:64px 0 0;}
  .instrument{padding:20px;}
  .matrix{grid-template-columns:58px repeat(5,1fr);gap:4px;}
  .matrix .rowlabel{font-size:9px;}
  .matrix .cell{height:20px;}
  .std-card, .ref-card, .fact-box{padding:20px;}
  .article-footer-cta{flex-direction:column;align-items:flex-start;}
}