/* Gemensam stilmall för tjänstesidorna (/ai-konsult, /ai-forelasning, /ai-workshop, /ai-utbildning).
   Samma tokens och formspråk som startsidan. */
:root{--paper:#f3ede2;--paper-2:#ece4d6;--ink:#0c0b0a;--orange:#ff5a1f;--blue:#2f6bff;--cyan:#41bcf8;--maxw:1180px;}
*{box-sizing:border-box;margin:0;padding:0;}
html{-webkit-font-smoothing:antialiased;scroll-behavior:smooth;}
body{background:var(--paper);color:var(--ink);font-family:"General Sans",system-ui,sans-serif;line-height:1.6;}
img{display:block;max-width:100%;}
a{color:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px;}
.eyebrow{font-family:"Bricolage Grotesque";font-weight:600;text-transform:uppercase;letter-spacing:.12em;font-size:.82rem;color:var(--orange);}
.h2{font-family:"Bricolage Grotesque";font-weight:800;text-transform:uppercase;line-height:.95;letter-spacing:-.02em;font-size:clamp(2rem,4.6vw,3.6rem);}
.pop{color:var(--orange);background-image:linear-gradient(var(--cyan),var(--cyan));background-repeat:no-repeat;background-position:0 96%;background-size:100% .1em;-webkit-box-decoration-break:clone;box-decoration-break:clone;}
.lead{font-size:1.18rem;color:rgba(12,11,10,.74);max-width:62ch;}
.btn{display:inline-flex;align-items:center;gap:10px;font-weight:600;font-size:1.02rem;padding:16px 30px;border-radius:100px;text-decoration:none;border:2px solid transparent;transition:transform .2s;}
.btn:hover{transform:translateY(-2px);}
.btn-primary{background:var(--orange);color:#fff;}
.btn-ghost{border-color:var(--ink);color:var(--ink);}

/* nav */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(243,237,226,.95);border-bottom:1px solid rgba(12,11,10,.08);backdrop-filter:blur(8px);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;}
.logo{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.3rem;letter-spacing:-.01em;text-decoration:none;}
.logo b{color:var(--orange);}
.nav-links{display:flex;gap:26px;align-items:center;font-weight:500;}
.nav-links a{opacity:.78;text-decoration:none;}
.nav-links a:hover,.nav-links a[aria-current]{opacity:1;}
.nav-cta{background:var(--ink);color:var(--paper)!important;padding:11px 22px;border-radius:100px;opacity:1!important;font-weight:600;}

/* hero */
.hero{padding:140px 0 70px;}
.crumbs{font-size:.86rem;color:rgba(12,11,10,.5);margin-bottom:26px;}
.crumbs a{text-decoration:none;}
.crumbs a:hover{color:var(--orange);}
.hero h1{font-family:"Bricolage Grotesque";font-weight:800;text-transform:uppercase;line-height:.92;letter-spacing:-.025em;font-size:clamp(2.6rem,7vw,5.6rem);max-width:15ch;margin-top:16px;}
.hero .lead{margin-top:26px;}
.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px;}

/* sektioner */
.sec{padding:90px 0;}
.sec.alt{background:var(--paper-2);}
.sec.dark{background:var(--ink);color:var(--paper);}
.sec.dark .lead{color:rgba(243,237,226,.74);}
.prose{max-width:68ch;margin-top:26px;}
.prose p{font-size:1.08rem;color:rgba(12,11,10,.78);}
.prose p+p{margin-top:16px;}
.prose strong{color:var(--ink);}

.checks{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px;margin-top:36px;max-width:900px;}
.checks li{position:relative;padding-left:34px;font-size:1.05rem;}
.checks li::before{content:"";position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:50%;background:var(--orange);box-shadow:inset 0 0 0 5px var(--paper);border:2px solid var(--orange);}
.sec.alt .checks li::before{box-shadow:inset 0 0 0 5px var(--paper-2);}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;}
.steps.four{grid-template-columns:repeat(4,1fr);}
.steps.five{grid-template-columns:repeat(5,1fr);}
.step{background:#fff;border:1px solid rgba(12,11,10,.07);border-radius:18px;padding:28px 26px;box-shadow:0 14px 40px -26px rgba(12,11,10,.35);}
.step-n{font-family:"Bricolage Grotesque";font-weight:700;font-size:.78rem;letter-spacing:.12em;color:var(--orange);}
.step h3{font-family:"Bricolage Grotesque";font-weight:800;text-transform:uppercase;font-size:1.3rem;line-height:1.05;margin:10px 0 10px;}
.step p{color:rgba(12,11,10,.72);font-size:.98rem;}
.note{margin-top:28px;color:rgba(12,11,10,.6);font-size:.98rem;max-width:68ch;}

.proof{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px;}
.proof div{border-top:2px solid var(--ink);padding-top:18px;}
.proof h3{font-family:"Bricolage Grotesque";font-weight:700;font-size:1.2rem;margin-bottom:8px;}
.proof p{color:rgba(12,11,10,.72);}
.sec.dark .proof div{border-color:var(--paper);}
.sec.dark .proof p{color:rgba(243,237,226,.72);}

.stat{display:flex;gap:18px;align-items:baseline;flex-wrap:wrap;margin-top:40px;padding:26px 30px;border-radius:18px;background:var(--ink);color:var(--paper);max-width:760px;}
.stat b{font-family:"Bricolage Grotesque";font-weight:800;font-size:3rem;color:var(--cyan);line-height:1;}

.matrix{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:640px;margin-top:40px;}
.m{border-radius:14px;padding:20px 22px;color:var(--ink);}
.m span{font-family:"Bricolage Grotesque";font-weight:700;font-size:.74rem;letter-spacing:.1em;}
.m h4{font-family:"Bricolage Grotesque";font-weight:800;font-size:1.08rem;margin:6px 0 4px;}
.m p{font-size:.92rem;opacity:.8;}
.m-b{background:#b9ccff;outline:3px solid var(--blue);}
.m-a{background:#cdebc4;}
.m-d{background:#f6c6b8;}
.m-c{background:#f6e7a8;}
.matrix-cap{font-size:.85rem;color:rgba(12,11,10,.55);margin-top:10px;}

/* citat */
.quotes{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-top:44px;}
.quote{background:#fff;border:1px solid rgba(12,11,10,.06);border-radius:20px;padding:28px;box-shadow:0 14px 40px -22px rgba(12,11,10,.3);}
.who-row{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.who-row img{width:54px;height:54px;border-radius:50%;object-fit:cover;}
.who b{display:block;font-size:.92rem;}
.who small{color:rgba(12,11,10,.58);font-size:.8rem;}
.quote p{font-size:.98rem;}

/* loggor */
.trust{padding:46px 0;background:var(--paper-2);}
.trust-lab{font-family:"Bricolage Grotesque";font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:rgba(12,11,10,.45);text-align:center;margin-bottom:24px;}
.logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:26px 44px;max-width:900px;margin:0 auto;}
.logos img{height:30px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.62;}
.logos img.sq{height:38px;}
.logos img.wide{height:20px;}

/* FAQ */
.faq-list{max-width:820px;margin-top:40px;}
.faq-item{border-bottom:1px solid rgba(12,11,10,.12);}
.faq-item summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font-family:"Bricolage Grotesque";font-weight:700;font-size:1.12rem;line-height:1.3;}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary::after{content:"+";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:1.6rem;font-weight:400;color:var(--orange);}
.faq-item[open] summary::after{content:"–";}
.faq-item summary:hover{color:var(--orange);}
.faq-item p{padding:0 44px 24px 0;color:rgba(12,11,10,.74);max-width:70ch;}

/* andra tjänster */
.others{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px;}
.other{display:block;text-decoration:none;background:#fff;border:1px solid rgba(12,11,10,.08);border-radius:18px;padding:24px 24px 22px;transition:transform .25s,box-shadow .25s;}
.other:hover{transform:translateY(-4px);box-shadow:0 16px 36px -20px rgba(12,11,10,.35);}
.other span{font-family:"Bricolage Grotesque";font-weight:600;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);}
.other h3{font-family:"Bricolage Grotesque";font-weight:800;text-transform:uppercase;font-size:1.3rem;margin:8px 0 6px;}
.other p{color:rgba(12,11,10,.7);font-size:.95rem;}
.other em{display:inline-block;margin-top:12px;font-style:normal;font-weight:600;border-bottom:2px solid currentColor;}

/* CTA */
.cta{background:var(--ink);color:var(--paper);text-align:center;padding:100px 0;}
.cta .h2{max-width:18ch;margin:14px auto 0;}
.cta .lead{color:rgba(243,237,226,.74);margin:22px auto 0;}
.cta .actions{justify-content:center;}
.cta .btn-ghost{border-color:var(--paper);color:var(--paper);}

footer{background:var(--ink);color:var(--paper);padding:56px 0 44px;border-top:1px solid rgba(243,237,226,.1);}
.foot{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:26px;}
.foot nav{display:flex;flex-wrap:wrap;gap:12px 24px;font-weight:500;}
.foot nav a{text-decoration:none;opacity:.8;}
.foot nav a:hover{opacity:1;}
.copy{width:100%;color:rgba(243,237,226,.45);font-size:.82rem;margin-top:22px;}

@media(max-width:900px){
  .steps,.steps.four,.steps.five,.others{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .nav-links a:not(.nav-cta){display:none;}
  .hero{padding:120px 0 56px;}
  .sec{padding:68px 0;}
  .checks,.proof,.quotes,.steps,.steps.four,.steps.five,.others{grid-template-columns:1fr;}
  .faq-item summary{font-size:1rem;padding:18px 36px 18px 0;}
  .stat b{font-size:2.4rem;}
  .logos{gap:20px 28px;}
  .logos img{height:24px;} .logos img.sq{height:30px;} .logos img.wide{height:16px;}
}