/* Self-hosted fonts (Inter; SIL Open Font License 1.1) */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-normal-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('fonts/inter-normal-latin.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--navy:#0B2545;--navy2:#13315C;--blue:#8DA9C4;--sky:#DCE7F2;--sand:#F7F3EC;--sand2:#EFE8DC;--ink:#1d2b3a;--mut:#5b6b7c;--yel:#FECC02;--r:22px;--sh:0 10px 30px -12px rgba(11,37,69,.18),0 2px 6px rgba(11,37,69,.05);--serif:"Inter",system-ui,sans-serif}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:17px/1.65 Inter,system-ui,sans-serif;color:var(--ink);background:var(--sand);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);color:var(--navy);font-weight:700;letter-spacing:-.02em;line-height:1.12}
h1{font-size:clamp(2.4rem,5vw,4rem)}h2{font-size:clamp(1.9rem,3.4vw,2.8rem);margin-bottom:.6em}h3{font-size:1.3rem;margin-bottom:.4em}
p{color:var(--mut)}
.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.narrow{max-width:820px}
.kicker{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--navy2);margin-bottom:18px}
.kicker:before{content:"";width:22px;height:3px;border-radius:3px;background:var(--yel)}
.lead{font-size:1.15rem;max-width:600px}
.sub{max-width:640px;margin-bottom:40px}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(247,243,236,.82);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:.3s}
.scrolled .nav{border-color:var(--sand2);box-shadow:0 4px 20px -12px rgba(11,37,69,.2)}
.navin{display:flex;align-items:center;justify-content:space-between;height:78px;gap:20px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--serif);font-size:1.15rem;color:var(--navy);font-weight:600}
.logo img{display:block;height:40px;width:auto}
.logo .logo-full{height:40px}
.logo .logo-icon{height:36px;width:36px}
.logo .brand{font-family:var(--serif);font-size:1.2rem;font-weight:600;letter-spacing:-.01em}
.links{display:flex;gap:6px}
.links a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--navy2);padding:8px 14px;border-radius:99px;transition:.2s}
.links a:hover{background:var(--sand2)}.links a.on{background:var(--navy);color:#fff}
.navr{display:flex;gap:10px;align-items:center}
.lang{border:1px solid var(--blue);background:transparent;color:var(--navy);border-radius:99px;padding:7px 13px;font:600 .8rem Inter;cursor:pointer}
.burger{display:none;background:none;border:0;font-size:1.6rem;color:var(--navy);cursor:pointer}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--navy);color:#fff;text-decoration:none;border:0;border-radius:99px;padding:15px 26px;font:600 .98rem Inter;cursor:pointer;transition:.25s;box-shadow:0 8px 20px -10px rgba(11,37,69,.6)}
.btn:hover{transform:translateY(-2px);background:var(--navy2)}
.btn.sm{padding:10px 18px;font-size:.88rem}
.btn.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy);box-shadow:none}.btn.ghost:hover{background:var(--navy);color:#fff}
.btn.yel{background:var(--yel);color:var(--navy)}
/* hero */
.hero{padding:70px 0 90px;position:relative;overflow:hidden}
.herogrid{display:grid;grid-template-columns:1.05fr 1fr;gap:60px;align-items:center}
.hero h1{margin-bottom:22px}.hero h1 em{font-style:italic;color:var(--navy2)}
.ctas{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0 26px}
.ticks{list-style:none;padding:0;display:flex;gap:22px;flex-wrap:wrap;font-size:.92rem;color:var(--navy2);font-weight:500}
.ticks li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--sky);margin-right:8px;font-size:.7rem}
.heroimg{position:relative}
.heroimg .photo{border-radius:32px;overflow:hidden;aspect-ratio:4/4.4;box-shadow:var(--sh)}
.heroimg .photo img{width:100%;height:100%;object-fit:cover}
.heroimg .mock{position:absolute;left:-50px;bottom:-30px;width:330px}
.mock{background:#fff;border-radius:var(--r);padding:18px;box-shadow:0 30px 60px -20px rgba(11,37,69,.35)}
.mockhead,.chathead{display:flex;gap:12px;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--sand2)}
.mockhead small,.chathead small{display:block;color:var(--mut);font-size:.78rem}.mockhead b,.chathead b{color:var(--navy);font-size:.92rem}
.av{width:38px;height:38px;border-radius:50%;background:var(--navy);color:var(--yel);display:grid;place-items:center;font-weight:700;flex:none}
.b{padding:10px 14px;border-radius:16px;font-size:.88rem;margin:7px 0;max-width:88%;white-space:pre-line;line-height:1.45}
.b.bot{background:var(--sky);color:var(--navy);border-bottom-left-radius:4px}
.b.me{background:var(--navy);color:#fff;margin-left:auto;border-bottom-right-radius:4px}
.mock .b{opacity:0;animation:pop .5s forwards}.mock .b:nth-child(3){animation-delay:.6s}.mock .b:nth-child(4){animation-delay:1.4s}
@keyframes pop{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;z-index:-1}
/* page hero */
.phero{padding:70px 0 60px}.phero .lead{margin-top:14px}
.phero.img{display:grid}
.banner{border-radius:32px;overflow:hidden;height:380px;box-shadow:var(--sh);margin-top:46px}.banner img{width:100%;height:100%;object-fit:cover}
/* trust */
.trust{border-top:1px solid var(--sand2);border-bottom:1px solid var(--sand2);background:#fbf9f5}
.trust .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:22px;padding-bottom:22px}
.trust span{font-size:.92rem;color:var(--navy2);font-weight:500;display:flex;align-items:center;gap:10px}
.trust span:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yel)}
/* sections */
.sec{padding:100px 0}.sec.alt{background:#fff}.sec.navy{background:var(--navy);color:#fff}
.sec.navy h2,.sec.navy h3{color:#fff}.sec.navy p{color:#b9c8da}
.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card,.f,.step,.price{background:#fff;border-radius:var(--r);padding:34px;box-shadow:var(--sh);border:1px solid rgba(11,37,69,.05);transition:.3s}
.alt .card,.alt .f,.alt .step,.alt .price{background:var(--sand)}
.f:hover,.step:hover,.price:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgba(11,37,69,.28)}
.card.accent{background:var(--navy)!important;color:#fff}.card.accent h3{color:#fff}.card.accent li{color:#dbe5f0}
.f i{font-style:normal;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--sky);font-size:1.4rem;margin-bottom:20px}
.f p,.step p{font-size:.96rem}
ul.x,ul.ok{list-style:none;padding:0;margin-top:14px}ul.x li,ul.ok li{padding:8px 0 8px 32px;position:relative}
ul.x li:before{content:"–";position:absolute;left:4px;color:#b4534a;font-weight:700}
ul.ok li:before{content:"✓";position:absolute;left:0;top:9px;width:20px;height:20px;border-radius:50%;background:var(--yel);color:var(--navy);display:grid;place-items:center;font-size:.7rem;font-weight:700}
.step span{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1.5px solid var(--navy);font-family:var(--serif);font-size:1.2rem;color:var(--navy);margin-bottom:20px}
/* split */
.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.split .ph{border-radius:28px;overflow:hidden;box-shadow:var(--sh);aspect-ratio:5/4;position:relative}.split .ph img{width:100%;height:100%;object-fit:cover}
.split .ph figcaption{position:absolute;left:18px;bottom:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:99px;padding:8px 16px;font-size:.85rem;color:var(--navy);font-weight:500}
.split.rev .ph{order:2}
/* pricing */
.prices{align-items:stretch}.price{display:flex;flex-direction:column;position:relative}
.price h3{font-size:1.6rem}.from{font-size:.85rem;color:var(--mut);margin-top:10px}
.amt{font-family:var(--serif);font-size:2.6rem;color:var(--navy);line-height:1.1;margin-bottom:12px}.amt small{font:500 .95rem Inter;color:var(--mut)}
.price ul{flex:1;margin-bottom:26px}.price .btn{justify-content:center}
.price.pop{background:var(--navy)!important;transform:scale(1.03)}.price.pop:hover{transform:scale(1.03) translateY(-4px)}
.price.pop h3,.price.pop .amt{color:#fff}.price.pop .from,.price.pop small,.price.pop li{color:#c8d6e6}
.price.pop .btn{background:var(--yel);color:var(--navy)}
.price em{position:absolute;top:-13px;left:34px;background:var(--yel);color:var(--navy);font:700 .75rem Inter;letter-spacing:.06em;text-transform:uppercase;padding:6px 14px;border-radius:99px}
.note{text-align:center;margin-top:34px;font-size:.92rem}
/* faq */
.faq details{background:#fff;border-radius:18px;margin-bottom:12px;box-shadow:var(--sh);padding:4px 26px}
.alt .faq details{background:var(--sand)}
.faq summary{cursor:pointer;padding:18px 0;font-weight:600;color:var(--navy);list-style:none;display:flex;justify-content:space-between}
.faq summary:after{content:"+";font-size:1.4rem;transition:.3s;color:var(--navy2)}.faq details[open] summary:after{transform:rotate(45deg)}
.faq details p{padding-bottom:20px}
/* cta band */
.ctaband{border-radius:36px;background:var(--navy) url(images/stockholm-dusk.jpg) center/cover;position:relative;overflow:hidden;padding:80px 60px;color:#fff}
.ctaband:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(11,37,69,.96) 30%,rgba(11,37,69,.55))}
.ctaband>*{position:relative}.ctaband h2{color:#fff;max-width:640px}.ctaband p{color:#d3deea;max-width:560px;margin-bottom:30px}
/* form */
form.card{display:grid;gap:16px}
label{display:grid;gap:6px;font-size:.88rem;font-weight:600;color:var(--navy)}
input,textarea{font:inherit;border:1.5px solid var(--sand2);background:#fff;border-radius:14px;padding:13px 15px;transition:.2s}
input:focus,textarea:focus{outline:0;border-color:var(--navy2);box-shadow:0 0 0 4px var(--sky)}
label.chk{display:flex;gap:10px;align-items:flex-start;font-weight:400;color:var(--mut)}
.formmsg{font-size:.92rem;color:#2e7d5b}
.info{display:grid;gap:18px;margin-top:34px}.info div{display:flex;gap:16px;align-items:center}.info i{font-style:normal;width:48px;height:48px;border-radius:14px;background:#fff;display:grid;place-items:center;box-shadow:var(--sh)}
.info small{display:block;color:var(--mut);font-size:.8rem}.info b{color:var(--navy)}
/* footer */
.foot{background:var(--navy);color:#b9c8da;padding:70px 0 30px;margin-top:0}
.footin{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:40px}
.foot .logo{color:#fff;margin-bottom:14px}.foot .logo .brand{color:#fff}.foot .logo .logo-icon{height:32px;width:32px}
.foot p{color:#b9c8da;font-size:.92rem}.foot h4{color:#fff;font:600 .8rem Inter;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px}
.foot a{text-decoration:none;display:block;padding:3px 0;font-size:.92rem}.foot a:hover{color:var(--yel)}
.copy{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.1);padding-top:24px;margin-top:20px;font-size:.82rem!important}
/* chat */
.chatbtn{position:fixed;right:26px;bottom:26px;width:64px;height:64px;border-radius:50%;border:0;background:var(--navy);color:#fff;font-size:1.6rem;cursor:pointer;box-shadow:0 14px 30px -8px rgba(11,37,69,.55);z-index:60;transition:.3s}
.chatbtn:hover{transform:scale(1.07)}.chatbtn:after{content:"";position:absolute;top:4px;right:4px;width:14px;height:14px;border-radius:50%;background:var(--yel);border:2px solid var(--navy)}
.chat{position:fixed;right:26px;bottom:104px;width:370px;max-width:calc(100vw - 32px);background:#fff;border-radius:24px;box-shadow:0 30px 70px -20px rgba(11,37,69,.45);z-index:60;padding:18px;animation:pop .3s}
.chathead button{margin-left:auto;background:var(--sand);border:0;width:32px;height:32px;border-radius:50%;cursor:pointer}
.chatlog{height:300px;overflow-y:auto}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.chips button{border:1px solid var(--blue);background:#fff;border-radius:99px;padding:6px 12px;font:500 .8rem Inter;color:var(--navy);cursor:pointer}.chips button:hover{background:var(--sky)}
.chatform{display:flex;gap:8px}.chatform input{flex:1;padding:10px 14px}.chatform button{background:var(--navy);color:#fff;border:0;border-radius:12px;padding:0 16px;font:600 .85rem Inter;cursor:pointer}
/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}*{animation:none!important}}
@media(max-width:960px){.herogrid,.two,.split,.footin{grid-template-columns:1fr}.three,.grid{grid-template-columns:1fr 1fr}
.links{display:none;position:absolute;top:78px;left:0;right:0;background:var(--sand);flex-direction:column;padding:16px 28px;box-shadow:var(--sh)}.navopen .links{display:flex}.burger{display:block}.navr .btn{display:none}
.heroimg .mock{left:16px;bottom:-30px;width:290px}.split.rev .ph{order:0}.sec{padding:70px 0}.ctaband{padding:50px 28px}}
@media(max-width:620px){.three,.grid{grid-template-columns:1fr}.price.pop{transform:none}}
@media(max-width:620px){.heroimg .mock{position:relative;left:auto;bottom:auto;width:auto;margin:-60px 14px 0}.heroimg .photo{aspect-ratio:4/3}.trust .wrap{display:grid;grid-template-columns:1fr 1fr}}
/* chat – demo receptionist */
.chat{display:flex;flex-direction:column;max-height:calc(100vh - 200px)}
.chat[hidden]{display:none}
.chatlog{height:340px;min-height:160px;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scroll-behavior:smooth}
.chathead .chatreset{margin-left:auto}.chathead .chatreset+button{margin-left:6px}
.chathead button{font-size:.95rem;color:var(--navy)}
.chathead button:hover{background:var(--sand2)}
.b.typing{display:inline-flex;gap:4px;align-items:center;padding:12px 14px}
.b.typing span{width:7px;height:7px;border-radius:50%;background:var(--navy2);opacity:.35;animation:ngdot 1s infinite}
.b.typing span:nth-child(2){animation-delay:.15s}.b.typing span:nth-child(3){animation-delay:.3s}
@keyframes ngdot{0%,60%,100%{opacity:.25;transform:translateY(0)}30%{opacity:.9;transform:translateY(-3px)}}
.chat .b{animation:pop .25s}
.chips{max-height:120px;overflow-y:auto}
.chips button{transition:.15s;text-align:left}
.chatform input{border:1px solid var(--blue);border-radius:12px;font:inherit;font-size:.9rem;min-width:0;color:var(--ink)}
.chatform input:focus{outline:2px solid var(--yel);outline-offset:1px;border-color:var(--navy)}
.chat button:focus-visible,.chatbtn:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.chatgdpr{font-size:.72rem;line-height:1.4;color:var(--mut);margin:8px 2px 0}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (max-width:560px){
 .chat{right:0;left:0;bottom:0;width:100%;max-width:100%;border-radius:22px 22px 0 0;max-height:88vh;padding:14px}
 .chatlog{height:auto}
 .chatbtn{right:16px;bottom:16px;width:56px;height:56px}
 .chatform input{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.chat,.chat .b,.b.typing span{animation:none}}
/* contact form: honeypot + GDPR note */
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
form.card{position:relative}
.gdprnote{font-size:.85rem;color:var(--mut);margin:-6px 0 0}.gdprnote a{color:var(--navy2);text-decoration:underline}
/* "kommer snart / coming soon" badge */
.soon{display:inline-block;vertical-align:.12em;margin-left:8px;padding:2px 9px;border-radius:99px;background:var(--sky);color:var(--navy2);font:600 .64rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
h3 .soon{vertical-align:.3em}
.card.accent .soon,.price.pop .soon{background:rgba(254,204,2,.16);color:var(--yel)}
ul.ok li.soonli:before{background:transparent;border:1.5px solid var(--yel);color:transparent}
.note.pilot{margin-top:10px;color:var(--navy2);font-weight:500}
/* privacy page */
.legal{max-width:860px}
.legal h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:46px 0 14px}
.legal h3{font-size:1.12rem;margin:22px 0 8px}
.legal p,.legal li{color:var(--ink);font-size:.98rem}
.legal p{margin-bottom:12px}
.legal ul{margin:0 0 14px 22px}.legal li{margin:4px 0}
.legal .upd{color:var(--mut);font-size:.88rem}
.legal .tbl{overflow-x:auto;margin:10px 0 18px}
.legal table{width:100%;border-collapse:collapse;font-size:.92rem;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sh)}
.legal th,.legal td{text-align:left;vertical-align:top;padding:11px 14px;border-bottom:1px solid var(--sand2)}
.legal th{background:var(--sky);color:var(--navy);font-weight:600}
.legal a{color:var(--navy2)}
html[lang="en"] .legal [data-lang="sv"],html[lang="sv"] .legal [data-lang="en"]{display:none}
/* phone demo card + demo CTA (v20261019b) */
.ctas.center{justify-content:center;margin:26px 0 0}
.callcard{display:grid;grid-template-columns:1.4fr 1fr;gap:44px;align-items:center;background:var(--sky);border-radius:32px;padding:50px 54px;box-shadow:var(--sh)}
.callcard .lead{max-width:560px}
.callnote{font-size:.88rem;color:var(--mut);margin-top:14px}
.callact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;background:#fff;border-radius:var(--r);padding:30px;box-shadow:var(--sh)}
.callnum{display:inline-flex;align-items:center;gap:14px;font-family:var(--serif);font-size:clamp(1.5rem,3vw,2.1rem);color:var(--navy);text-decoration:none;white-space:nowrap}
.callnum i{font-style:normal;flex:none;width:52px;height:52px;border-radius:50%;background:var(--yel);display:grid;place-items:center;font-size:1.3rem}
.callnum:hover span,.callnum:focus-visible span{text-decoration:underline}
.callact small{color:var(--mut);font-size:.82rem}
.pricetel{margin:-12px 0 18px;font-size:.9rem}.pricetel a{color:var(--navy2);font-weight:600}
@media(max-width:960px){.callcard{grid-template-columns:1fr;padding:34px 26px;gap:24px}}
@media(max-width:620px){.callact{padding:22px;align-items:stretch}.callact .btn{justify-content:center}.callnum{font-size:1.45rem;white-space:normal}}
/* 24/7 booking badge + wide feature (v20261019c) */
.callbadge{display:inline-flex;align-items:flex-start;gap:10px;background:#fff;color:var(--navy);font-weight:600;font-size:.95rem;line-height:1.45;border-radius:14px;padding:10px 16px;margin:4px 0 18px;box-shadow:var(--sh)}
.callbadge:before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--yel);margin-top:.45em}
.f.wide{grid-column:1/-1;display:flex;gap:22px;align-items:center;border-left:4px solid var(--yel)}
.f.wide i{margin:0;flex:none}.f.wide h3{margin-top:0}
@media(max-width:620px){.f.wide{flex-direction:column;align-items:flex-start;gap:12px}}

/* Former inline style attributes, moved here so the CSP can use style-src 'self' (!important keeps inline-level precedence) */
.u-onnavy{color:#fff!important;border-color:#fff!important}
.u-m0{margin:0!important}
.blob-a{width:520px!important;height:520px!important;background:var(--sky)!important;right:-120px!important;top:-80px!important}
.blob-b{width:260px!important;height:260px!important;background:#fde68a!important;left:-80px!important;bottom:0!important;opacity:.35!important}
.u-gap60{gap:60px!important;align-items:start!important}
.u-m0h340{margin:0!important;height:340px!important}
.u-mt28{margin:28px 0 0!important}
.u-pt0{padding-top:0!important}
.u-mt22{margin-top:22px!important}
.u-pt20{padding-top:20px!important}
.u-bgw{background:#fff!important}
/* Cookie-/lagringsruta (consent banner) */
.cb{position:fixed;left:16px;right:16px;bottom:16px;z-index:70;max-width:980px;margin:0 auto;background:#fff;color:var(--ink);border:1px solid var(--sand2);border-radius:var(--r);box-shadow:0 30px 70px -20px rgba(11,37,69,.45);padding:20px 24px;display:flex;align-items:center;gap:22px;animation:pop .3s}
.cb[hidden]{display:none}
.cbtxt{flex:1;min-width:0}
.cb .cbtitle{font-family:var(--serif);color:var(--navy);font-size:1.08rem;font-weight:600;margin-bottom:4px}
.cb p{font-size:.92rem;color:var(--ink)}
.cb a{color:var(--navy2);font-weight:600}
.cbbtns{display:flex;gap:10px;flex-shrink:0}
.cbbtns .btn{min-width:150px;justify-content:center;box-shadow:none}
.cb a:focus-visible,.cb .btn:focus-visible,.foot .linkbtn:focus-visible{outline:3px solid var(--yel);outline-offset:2px}
.cb-open .chatbtn{bottom:calc(var(--cbh,0px) + 26px)}
.cb-open .chat{bottom:calc(var(--cbh,0px) + 104px);max-height:calc(100vh - 200px - var(--cbh,0px))}
.foot .linkbtn{display:block;background:none;border:0;padding:3px 0;margin:0;font:inherit;font-size:.92rem;color:inherit;cursor:pointer;text-align:left}
.foot .linkbtn:hover{color:var(--yel)}
.legal h3[id]{scroll-margin-top:100px}
@media(max-width:720px){.cb{flex-direction:column;align-items:stretch;gap:14px;padding:18px}.cbbtns{flex-direction:column}.cbbtns .btn{width:100%;min-width:0}}
@media (max-width:560px){.cb{left:8px;right:8px;bottom:8px}.cb-open .chatbtn{bottom:calc(var(--cbh,0px) + 16px)}.cb-open .chat{bottom:var(--cbh,0px);max-height:calc(88vh - var(--cbh,0px))}}
@media (prefers-reduced-motion:reduce){.cb{animation:none}}
body.cb-open{padding-bottom:var(--cbh,0px)}
.foot a.foot-billing{font-size:.82rem;opacity:.9}
/* ===== Multi-bransch (v20261020t) ===== */
/* Nav: 7 länkar – tätare mellan 961 och 1240 px */
@media(min-width:961px){.links{gap:2px}.links a{padding:8px 10px;font-size:.9rem;white-space:nowrap}.navr .btn.sm{white-space:nowrap}}
@media(min-width:961px) and (max-width:1140px){.navr .btn.sm{display:none}}
/* Branscher-kort */
.bransch{align-items:stretch}
.bcard{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);padding:34px;box-shadow:var(--sh);border:1px solid rgba(11,37,69,.05);text-decoration:none;color:inherit;transition:.3s}
.alt .bcard{background:var(--sand)}
.bcard i{font-style:normal;display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--sky);font-size:1.4rem;margin-bottom:16px}
.bcard .soon,.bcard .bstat{position:absolute;top:34px;right:30px;margin:0}
.bcard p{font-size:.96rem;flex:1}
.bcard.live{border:2px solid var(--yel)}
.bcard.live:hover{transform:translateY(-4px);box-shadow:0 20px 40px -18px rgba(11,37,69,.28)}
.bcard:not(.live){background:#fbf9f5}.bcard:not(.live) i{filter:grayscale(.5)}
.bstat{display:inline-block;padding:2px 9px;border-radius:99px;background:var(--yel);color:var(--navy);font:700 .64rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.bmore{margin-top:18px;font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.bmore:after{content:" →"}
/* Hantverkare-hero (ingen branschbild finns – gradient i stället) */
.hvhero{position:relative;overflow:hidden}
.hvart{position:relative;border-radius:32px;min-height:440px;background:radial-gradient(circle at 20% 15%,rgba(254,204,2,.55),transparent 45%),linear-gradient(140deg,var(--navy) 0%,var(--navy2) 55%,#3e6a97 100%);box-shadow:var(--sh);display:flex;flex-direction:column;justify-content:space-between;padding:34px}
.hvicons{display:flex;gap:14px}
.hvicons span{display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:rgba(255,255,255,.14);font-size:1.9rem;backdrop-filter:blur(4px)}
.hvart .mock{max-width:360px;margin-left:auto}
.hvart .mock .b{opacity:0;animation:pop .5s forwards}.hvart .mock .b:nth-child(3){animation-delay:.6s}.hvart .mock .b:nth-child(4){animation-delay:1.4s}
/* Faktaruta med källor */
.card.facts p{margin-bottom:6px}
.card.facts .src{font-size:.8rem;margin-bottom:18px}
.card.facts .src a{color:var(--navy2)}
/* Exempelsamtal */
.excall{display:grid;grid-template-columns:1.35fr 1fr;gap:30px;align-items:start}
.transcript{background:var(--sand);border-radius:var(--r);padding:28px;box-shadow:var(--sh)}
.tl{max-width:86%;margin:0 0 12px}
.tl small{display:block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--mut);margin:0 4px 3px}
.tl p{padding:11px 15px;border-radius:16px;font-size:.93rem;line-height:1.5}
.tl.lina p{background:var(--sky);color:var(--navy);border-bottom-left-radius:4px}
.tl.cust{margin-left:auto;text-align:right}
.tl.cust p{background:var(--navy);color:#fff;border-bottom-right-radius:4px;text-align:left}
.exnote{font-size:.82rem;margin-top:14px}
.exside{display:grid;gap:22px}
.card.summary{border-left:4px solid var(--yel)}
.card.summary li{font-size:.94rem}
.card.urgent{border-left:4px solid #b4534a}
.faq details p a{color:var(--navy2);font-weight:600}
@media(max-width:960px){.excall{grid-template-columns:1fr}.hvart{min-height:360px}.bcard .soon,.bcard .bstat{position:static;align-self:flex-start;margin-bottom:10px}}
@media(max-width:620px){.tl{max-width:100%}.hvart{padding:22px}}
.pilotline{margin:14px 0 0;max-width:560px;font-size:.92rem;font-weight:500;color:var(--navy2)}

/* Headings: Inter (sans) */
h1{font-size:clamp(2.3rem,4.4vw,3.5rem);letter-spacing:-.03em;line-height:1.06}h2{letter-spacing:-.022em;line-height:1.12}h3{font-weight:600;letter-spacing:-.012em;line-height:1.25}
h1 em{font-style:normal}
.amt{font-weight:700;letter-spacing:-.02em}.callnum{font-weight:700;letter-spacing:-.015em}
.grid.g2{grid-template-columns:repeat(2,1fr)}@media(max-width:620px){.grid.g2{grid-template-columns:1fr}}

/* 2026-10-21c: keep "SEK/mån exkl. moms" on one line */
.amt small{white-space:nowrap}

/* setup.html (Lina setup form, 2026-10-22) */
.custline{margin-top:16px}
.setup .q{display:grid;gap:6px}
.setup .q .en{font-weight:400;color:var(--mut);font-size:.84rem}
.setup .hint{font-weight:400;color:var(--mut);font-size:.82rem}
.setup fieldset{border:0;padding:0;margin:0;display:grid;gap:8px}
.setup legend{font-size:.88rem;font-weight:600;color:var(--navy);margin-bottom:6px}
.setup .radios{display:flex;gap:18px;flex-wrap:wrap}
.setup .radios label{display:flex;gap:8px;align-items:center;font-weight:400}
.setup h2{margin-top:6px}
.setup .steps{padding-left:20px;display:grid;gap:8px}
.setup .steps .en,.setup .ok .en,.setup p.en{display:block;color:var(--mut);font-size:.9rem}
.setup .fixed{margin-bottom:28px}
.setup noscript p{color:#b4534a}
.setup h2 .en{display:block;font-size:.95rem;font-weight:400;color:var(--mut);margin-top:4px}

/* ===== v2 (2026-10-22b): bilder, samtalsdemo, räkneexempel, reveal ===== */
/* Focus that is visible on light and dark backgrounds */
a:focus-visible,button:focus-visible,summary:focus-visible,input[type=range]:focus-visible{outline:3px solid var(--navy2);outline-offset:3px;border-radius:8px}
.ctaband a:focus-visible,.ctaband button:focus-visible,.card.accent a:focus-visible,.foot a:focus-visible,.caout a:focus-visible{outline-color:var(--yel)}
.faq summary::-webkit-details-marker{display:none}
.faq summary{gap:16px}
.faq summary:hover{color:var(--navy2)}
/* Reveal: stagger among siblings + reduced motion fixes */
.rv.rvd1{transition-delay:.08s}.rv.rvd2{transition-delay:.16s}.rv.rvd3{transition-delay:.24s}
@media (prefers-reduced-motion:reduce){.mock .b,.hvart .mock .b{opacity:1}.rv{transition:none!important}html{scroll-behavior:auto}}
/* Photos (AI-generated illustrations) */
.heroimg picture,.ph picture,.pic picture{display:block;width:100%;height:100%}
.heroimg.ha .photo{aspect-ratio:1/1;background:var(--sand2)}
.heroimg.ha .photo img{object-position:60% 50%}
.heroimg.ha .mock{top:34px;bottom:auto;left:-50px;width:300px}
.split .ph{background:var(--sand2)}
.split .ph img.pos-van{object-position:50% 72%}
.pic{border-radius:28px;overflow:hidden;box-shadow:var(--sh);position:relative;background:var(--sand2);aspect-ratio:1/1;margin:0}
.pic img{width:100%;height:100%;object-fit:cover}
.pic figcaption,.split .ph figcaption{position:absolute;left:18px;bottom:18px;right:auto;max-width:calc(100% - 36px);background:rgba(255,255,255,.92);backdrop-filter:blur(6px);border-radius:99px;padding:8px 16px;font-size:.85rem;color:var(--navy);font-weight:500;line-height:1.35}
.rv .pic img,.ph.rv img,.pic.rv img{transform:scale(1.04);transition:transform 1.4s ease}
.rv.in .pic img,.ph.rv.in img,.pic.rv.in img{transform:none}
@media (prefers-reduced-motion:reduce){.ph.rv img,.pic.rv img{transform:none;transition:none}}
/* How it works: photo + vertical steps */
.howgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center}
.vsteps{list-style:none;padding:0;display:grid;gap:16px}
.vsteps .step{display:grid;grid-template-columns:46px 1fr;column-gap:20px;align-items:start;padding:26px 28px}
.vsteps .step span{margin:0}
.vsteps .step h3{margin-top:8px}
/* Shared "Exempel / Uppskattning" label */
.exlabel{display:inline-block;align-self:flex-start;padding:3px 10px;border-radius:99px;background:var(--yel);color:var(--navy);font:700 .7rem/1.5 Inter,system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
/* Call demo (step-through) */
.cflow{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:30px;align-items:start}
.cfsteps{list-style:none;padding:0;display:grid;gap:10px;counter-reset:none}
.cfstep{width:100%;display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1.5px solid transparent;border-radius:18px;padding:16px 18px;font:600 1rem/1.35 Inter,system-ui,sans-serif;color:var(--navy);cursor:pointer;box-shadow:var(--sh);transition:background .25s,border-color .25s,transform .25s}
.cfstep:hover{transform:translateX(3px);border-color:var(--blue)}
.cfn{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--navy);font-weight:700;font-size:.95rem;transition:.25s}
.cflow.js .cfstep.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cflow.js .cfstep.on .cfn{background:var(--yel);border-color:var(--yel);color:var(--navy)}
.cflow.js .cfstep.done .cfn{background:var(--sky);border-color:var(--sky)}
.cflow.js .cfstep.on:focus-visible{outline-color:var(--yel)}
.cfstage{background:#fff;border-radius:var(--r);padding:30px;box-shadow:var(--sh);min-height:420px;display:flex;flex-direction:column}
.cfpanel{display:flex;flex-direction:column;gap:12px}
.cflow:not(.js) .cfpanel+.cfpanel{margin-top:26px;padding-top:26px;border-top:1px solid var(--sand2)}
.cfpanel[hidden]{display:none}
.cfpanel.on{animation:pop .45s ease}
.cfpanel h3{margin:0}
.cfring{display:flex;align-items:center;gap:16px;margin-top:10px;background:var(--navy);color:#fff;border-radius:20px;padding:20px 22px}
.cfring b{display:block;color:#fff}.cfring small{color:#c8d6e6;font-size:.85rem}
.cfringicon{flex:none;display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--yel);font-size:1.4rem;position:relative}
.cfpanel.on .cfringicon:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--yel);animation:ring 1.6s ease-out infinite}
@keyframes ring{from{opacity:.9;transform:scale(.9)}to{opacity:0;transform:scale(1.35)}}
.cfchat{background:var(--sand);border-radius:18px;padding:18px;margin-top:6px}
.cfchat .tl:last-child{margin-bottom:0}
.cfpanel.on .cfchat .tl{animation:pop .4s ease backwards}
.cfpanel.on .cfchat .tl:nth-child(2){animation-delay:.25s}.cfpanel.on .cfchat .tl:nth-child(3){animation-delay:.5s}.cfpanel.on .cfchat .tl:nth-child(4){animation-delay:.75s}.cfpanel.on .cfchat .tl:nth-child(5){animation-delay:1s}.cfpanel.on .cfchat .tl:nth-child(6){animation-delay:1.25s}
.cfsum{border:1px solid var(--sand2);border-left:4px solid var(--yel);border-radius:18px;padding:20px 22px;margin-top:6px;background:#fbf9f5}
.cfsumhead{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;margin-bottom:10px;border-bottom:1px solid var(--sand2)}
.cfsumhead b{color:var(--navy)}.cfsumhead small{color:var(--mut);font-size:.82rem}
.cfsum dl{display:grid;gap:8px;margin:0}
.cfsum dl div{display:grid;grid-template-columns:90px 1fr;gap:12px;font-size:.94rem}
.cfsum dt{color:var(--mut);font-weight:500}.cfsum dd{margin:0;color:var(--navy);font-weight:600}
.cfurg{font-size:.9rem;border-left:3px solid #b4534a;padding-left:12px}
.cfnav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:22px}
.cfnav[hidden]{display:none}
.cfnav .btn{box-shadow:none}
.cfnav .btn:disabled{opacity:.4;cursor:default;transform:none}
.cfnav .btn.ghost:disabled:hover{background:transparent;color:var(--navy)}
.cfprog{font-size:.85rem;color:var(--mut);text-align:center}
/* Missed-calls estimate */
.calc{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:0;background:#fff;border-radius:32px;box-shadow:var(--sh);overflow:hidden}
.alt .calc{background:var(--sand)}
.calcin{padding:46px 48px}
.calcin h2{margin-bottom:.4em}
.calead{margin-bottom:26px}
.cafield{display:grid;gap:8px;margin-bottom:22px}
.calab{display:flex;justify-content:space-between;align-items:baseline;gap:14px}
.calab label{display:block;font-size:.95rem}
.calab output{flex:none;font-weight:700;color:var(--navy);font-size:1.05rem;font-variant-numeric:tabular-nums;white-space:nowrap}
.cahint{font-size:.8rem;color:var(--mut)}
.cafield input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;background:transparent;border:0;padding:0;border-radius:99px;cursor:pointer;box-shadow:none}
.cafield input[type=range]:focus{box-shadow:none}
.cafield input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:99px;background:linear-gradient(90deg,var(--navy) var(--p,50%),var(--sky) var(--p,50%))}
.cafield input[type=range]::-moz-range-track{height:8px;border-radius:99px;background:var(--sky)}
.cafield input[type=range]::-moz-range-progress{height:8px;border-radius:99px;background:var(--navy)}
.cafield input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:26px;height:26px;margin-top:-9px;border-radius:50%;background:var(--yel);border:3px solid var(--navy);box-shadow:0 4px 10px -4px rgba(11,37,69,.5)}
.cafield input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--yel);border:3px solid var(--navy)}
.caout{background:var(--navy);color:#fff;padding:46px 44px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.caresults{display:grid;gap:14px}
.carow{background:rgba(255,255,255,.07);border-radius:18px;padding:16px 20px;display:grid;gap:2px}
.carow span{color:#c8d6e6;font-size:.88rem}
.carow b{font-size:clamp(1.6rem,3vw,2.1rem);letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:#fff}
.canote{color:#b9c8da;font-size:.82rem;line-height:1.5}
.caout .btn{align-self:flex-start}
@media(max-width:960px){.howgrid,.cflow,.calc{grid-template-columns:1fr}.howgrid{gap:28px}.cfstage{min-height:0}
.cfsteps{grid-template-columns:1fr 1fr}.heroimg.ha .mock{left:16px;top:auto;bottom:-30px;width:290px}.calcin,.caout{padding:34px 28px}}
@media(max-width:620px){
.heroimg.ha .photo{aspect-ratio:4/3}.heroimg.ha .photo img{object-position:50% 80%}
.heroimg.ha .mock{position:relative;top:auto;bottom:auto;left:auto;width:auto;margin:14px 0 0}
.pic{aspect-ratio:4/3}.pic img.pos-bench{object-position:50% 78%}
.cfsteps{grid-template-columns:1fr 1fr;gap:8px}.cfstep{padding:12px;gap:10px;font-size:.88rem;flex-direction:column;align-items:flex-start}.cfn{width:30px;height:30px;font-size:.85rem}
.cfstage{padding:22px 18px}.cfsum dl div{grid-template-columns:76px 1fr}
.cfnav .btn{padding:10px 14px}.cfprog{font-size:.78rem}
.vsteps .step{grid-template-columns:40px 1fr;column-gap:14px;padding:22px 20px}.vsteps .step span{width:40px;height:40px}
.caout .btn{align-self:stretch;justify-content:center}
.pic figcaption,.split .ph figcaption{left:12px;bottom:12px;font-size:.8rem;border-radius:14px}}
@media (prefers-reduced-motion:reduce){.cfpanel.on,.cfpanel.on .cfchat .tl,.cfpanel.on .cfringicon:after{animation:none}.cfstep:hover{transform:none}}
.cfnav .btn{white-space:nowrap}

/* ===== Fler branscher / More industries (v20261022c) ===== */
.bmain{display:grid;grid-template-columns:1fr}
.bcard.bwide{padding:34px 40px}
.bcard.bwide p{max-width:760px;flex:none}
.bfocus{display:inline-block;align-self:flex-start;margin-bottom:8px;font:600 .74rem/1.4 Inter,system-ui,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--navy2)}
.bother{margin-top:56px}
.bsubh{font-size:1.3rem;margin-bottom:.35em}
.bsublead{max-width:720px;margin-bottom:22px}
.bmini{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:start}
.bm{display:flex;flex-direction:column;background:#fbf9f5;border:1px solid rgba(11,37,69,.08);border-radius:16px;padding:16px;min-width:0}
.alt .bm{background:#fff}
.bmtop{display:flex;flex-direction:column;gap:10px}
.bmi{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--sky);font-size:1rem;flex:none}
.bm h4{font:600 .95rem/1.3 Inter,system-ui,sans-serif;color:var(--navy);letter-spacing:-.01em;margin:0 0 4px;overflow-wrap:anywhere}
.bml{font-size:.84rem;line-height:1.4;margin:0 0 10px}
.bmd{margin-top:0;border-top:1px solid rgba(11,37,69,.08);padding-top:8px}
.bmd summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--navy);padding:4px 0;border-radius:6px}
.bmd summary::-webkit-details-marker{display:none}
.bmd summary:after{content:"+";font-size:1.1rem;line-height:1;color:var(--navy2);transition:transform .2s}
.bmd[open] summary:after{transform:rotate(45deg)}
.bmd summary:focus-visible{outline:2px solid var(--navy2);outline-offset:2px}
.breq{list-style:none;padding:0;margin:6px 0 0}
.breq li{position:relative;padding:2px 0 2px 13px;font-size:.84rem;line-height:1.4;color:var(--mut)}
.breq li:before{content:"";position:absolute;left:1px;top:.66em;width:5px;height:5px;border-radius:50%;background:var(--blue)}
.bmu{margin:8px 0 0;font-size:.84rem;line-height:1.4}
.bmu b{color:var(--navy);font-weight:600}
.bnote{margin-top:22px;font-size:.9rem;max-width:760px}
.bmiss{margin-top:8px;max-width:760px}
.bmiss a{color:var(--navy);font-weight:600;text-decoration:underline;text-underline-offset:3px}
.bchips{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.bchips li{background:#fbf9f5;border:1px solid rgba(11,37,69,.08);border-radius:99px;padding:7px 14px;font-size:.88rem;color:var(--navy2);font-weight:500}
.bcta{margin:18px 0 0}.bcta .bmore{display:inline-block;margin-top:0}
@media(min-width:561px){.bm h4{min-height:2.6em}.bml{min-height:4.2em}}
@media(max-width:1100px){.bmini{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.bmini{grid-template-columns:repeat(2,minmax(0,1fr))}.bcard.bwide{padding:28px 24px}}
@media(max-width:560px){.bmini{grid-template-columns:1fr;gap:10px}.bmtop{flex-direction:row;align-items:flex-start;gap:12px}.bm{padding:14px}.bother{margin-top:40px}.bchips li{font-size:.84rem;padding:6px 12px}}

/* v4e: direktköp på priskorten */
.price .btn.buy{margin-top:10px}
.price.pop .btn.buy{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.75);box-shadow:none}
.price.pop .btn.buy:hover{background:#fff;color:var(--navy)}
.buynote{margin:10px 0 0;font-size:.8rem;line-height:1.45;color:var(--mut);text-align:center}
.price.pop .buynote{color:#c8d6e6}
.price .btn{text-align:center}
/* v5f logo (2026-10-22): new wordmark – light on cream header, dark on navy footer */
.logo .logo-full{height:40px;width:auto;max-width:100%}
.foot .logo .logo-foot{height:36px;width:auto}
@media (max-width:380px){.logo .logo-full{height:34px}}

/* v20261022h: Branscher – focus card first, equal-size photo cards (3 / 2 / 1 columns) */
.bimg{margin:0;overflow:hidden;background:var(--sky)}
.bimg picture,.bimg img{display:block;width:100%;height:100%}
.bimg img{object-fit:cover;object-position:center}
.bcard.bfeat{padding:0;overflow:hidden}
.bfeat .bimg-feat{aspect-ratio:5/2}
.bfeat .bimg-feat img{object-position:center 20%}
.bfeat .bbody{position:relative;display:flex;flex-direction:column;padding:30px 40px 34px}
.bfeat .bbody .bstat{position:absolute;top:30px;right:30px;margin:0}
.bmini.bgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.bgrid .bm{padding:0;overflow:hidden;height:100%}
.bgrid .bm .bimg{aspect-ratio:3/2;flex:none}
.bgrid .bmtop{display:block;padding:16px 18px 0}
.bgrid .bm h4{font-size:1rem;min-height:2.6em}
.bgrid .bml{min-height:2.8em}
.bgrid .bmd{margin:auto 18px 0;padding:8px 0 12px}
@media(max-width:960px){.bmini.bgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bfeat .bimg-feat{aspect-ratio:2/1}.bfeat .bbody{padding:24px 24px 28px}.bfeat .bbody .bstat{position:static;align-self:flex-start;margin-bottom:10px}}
@media(max-width:600px){.bmini.bgrid{grid-template-columns:1fr;gap:16px}.bfeat .bimg-feat{aspect-ratio:3/2}.bfeat .bimg-feat img{object-position:center 30%}}
/* v20261024a: SEO landing pages (ai-receptionist-elektriker, telefonpassning-vvs, telefonpassning-hantverkare) + "Läs mer" list */
.lptext h2{font-size:clamp(1.5rem,2.6vw,2rem);margin:44px 0 14px}
.lptext h2:first-child{margin-top:0}
.lptext p{font-size:1.04rem;line-height:1.7;margin-bottom:14px}
.lptext p a{color:var(--navy2);font-weight:600}
.lpmore{margin-top:40px}
.lpmore h3{font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--navy2);margin-bottom:12px}
.lpmore ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
.lpmore a{display:inline-block;padding:8px 16px;border-radius:99px;background:var(--sky);color:var(--navy);text-decoration:none;font-weight:500;font-size:.92rem}
.lpmore a:hover{background:var(--yel)}
.lpmore a:focus-visible{outline:3px solid var(--navy2);outline-offset:2px}
.split .ph img{display:block}

/* v20261024a: branschkort länkar till branschsidor */
.bgrid .bmlink{display:inline-block;align-self:flex-start;margin:2px 18px 16px;font-size:.9rem}
.bmlink:focus-visible{outline:2px solid var(--navy2);outline-offset:2px;border-radius:4px}
.lptext .lplead{font-weight:600;color:var(--navy);margin:18px 0 0}
.lptext ul.ok{margin-bottom:10px}

/* v20261024a: trial cap note next to contact form */
.trialnote{font-size:.92rem;font-weight:500;color:var(--navy2);background:var(--sky);border-radius:12px;padding:10px 14px;margin:0 0 6px}
.kig .card.fixed{margin-bottom:22px}
.kig .plans{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 6px}
.kig .plan{flex:1 1 220px;display:flex;gap:10px;align-items:flex-start;border:2px solid var(--sand2);border-radius:14px;padding:14px 16px;cursor:pointer;background:#fff}
.kig .plan input{margin-top:4px;width:18px;height:18px;flex:none}
.kig .plan:has(input:checked){border-color:var(--navy);background:var(--sky)}
.kig .plan b{display:block;color:var(--navy)}
.kig .chk{display:flex;gap:12px;align-items:flex-start;margin:12px 0;cursor:pointer}
.kig .chk input{margin-top:4px;width:20px;height:20px;flex:none}
.kig .pay{margin-top:8px;display:flex;justify-content:center;width:100%;text-align:center}
.kig a.btn.paybtn-off,.kig a.btn.paybtn-off:hover{background:#d5d9de;color:#3f4a55;box-shadow:none;transform:none;cursor:not-allowed}
.kig a.btn.paybtn-on{background:#1a7a3c;color:#fff}
.kig a.btn.paybtn-on:hover{background:#14662f;color:#fff}
.kig a.btn.pay:focus-visible{outline:3px solid var(--yel);outline-offset:3px}
.kig [hidden]{display:none!important}
.kig .needjs{display:none}.js .kig .needjs{display:block}
.kig .fields{display:grid;gap:12px;margin-top:10px}
.kig .fld{display:grid;gap:5px}
.kig .fld input{width:100%;min-width:0}
.kig .fld input[aria-invalid="true"]{border-color:#a1362d}
.kig .err{color:#a1362d;font-size:.85rem;font-weight:600}
.kig .doclinks{display:flex;flex-wrap:wrap;gap:6px 22px;margin:8px 0 6px}
.kig .doclinks a{color:var(--navy2);font-weight:600;text-decoration:underline}
.kig .chk{font-size:.95rem;line-height:1.5;margin:10px 0}
.kig .hint,.kig .small{color:var(--mut);font-size:.9rem}
.kig noscript p{color:#b4534a;font-weight:600}
.kig .linkrow{margin:6px 0 4px}
.kig a.btn,.kig a.btn:hover{color:#fff;text-decoration:none}
.kig a.btn.paybtn-off,.kig a.btn.paybtn-off:hover{color:#3f4a55}
.kig a.btn.paybtn-on,.kig a.btn.paybtn-on:hover{color:#fff}
@media(max-width:640px){.kig.sec{padding:36px 0}.kig .card.fixed{padding:20px;margin-bottom:14px}.kig h2{font-size:1.25rem;margin-bottom:6px}}
h1{overflow-wrap:break-word;hyphens:auto}
.trialsub{margin:10px 0 0;font-size:.82rem;line-height:1.45;color:var(--mut);text-align:center}
.price.pop .trialsub{color:#c8d6e6}
.price .btn.trialbtn{width:100%}
.price .btn.buy{margin-top:20px;width:100%}
.btn{white-space:normal}
.heroimg .photo,.bimg-feat,.bimg{position:relative}
.aitag{position:absolute;top:10px;right:10px;z-index:2;background:rgba(255,255,255,.88);color:var(--navy);font-size:.72rem;line-height:1.2;font-weight:500;padding:4px 10px;border-radius:99px}

/* v20261026a: samtal.html – exempelsamtal (filter, kort, transkript) */
.schero{padding-bottom:34px}
.scdisc{display:flex;gap:10px;align-items:flex-start;margin-top:22px;max-width:720px;background:#fff;border-left:4px solid var(--yel);border-radius:12px;padding:14px 18px;font-size:.95rem;color:var(--navy);box-shadow:var(--sh)}
.sclive{margin-top:14px;font-size:.92rem;color:var(--mut)}
.sclive a{color:var(--navy2);font-weight:600;white-space:nowrap}
.scsec{padding-top:44px}
.scfilters{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px}
.scfl{font-weight:600;color:var(--navy);margin-right:6px;font-size:.92rem}
.scf{border:1px solid var(--blue);background:#fff;border-radius:99px;padding:8px 16px;font:500 .9rem Inter,sans-serif;color:var(--navy);cursor:pointer;min-height:40px;transition:.15s}
.scf:hover{background:var(--sky)}
.scf[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.sccount{font-size:.88rem;color:var(--mut);margin:0 0 22px}
.scgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px;align-items:start}
.sccard{background:#fff;border-radius:var(--r);box-shadow:var(--sh);padding:24px 24px 20px;display:flex;flex-direction:column;gap:10px;scroll-margin-top:96px}
.sccard[hidden]{display:none}
.sccard.scsel{outline:3px solid var(--yel);outline-offset:3px}
.scmeta{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--navy2)}
.sclen{margin-left:auto;color:var(--mut);letter-spacing:0;font-variant-numeric:tabular-nums}
.scbadge{background:var(--yel);color:var(--navy);border-radius:99px;padding:2px 9px;letter-spacing:.02em;text-transform:none}
.sccard h3{margin:0;font-size:1.15rem}
.sctags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.sctags li{font-size:.75rem;border-radius:99px;padding:3px 10px;background:var(--sky);color:var(--navy)}
.sccard p{margin:0}
.scres{background:var(--sand);border-radius:12px;padding:10px 14px;font-size:.92rem}
.scaudio{width:100%;margin-top:4px}
.scact{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.scdl{font-size:.85rem;color:var(--mut)}
.scdl a{color:var(--navy2);font-weight:600}
.sctx{border-top:1px solid #e3e8ef;padding-top:12px;font-size:.92rem}
.sctx p{margin:0 0 8px}
.sctx b{color:var(--navy)}
.calllisten{color:var(--navy2);font-weight:600;text-align:center}
@media(max-width:600px){.scgrid{grid-template-columns:1fr}.sccard{padding:20px 18px}.scact{flex-direction:column;align-items:stretch}.scact .btn{justify-content:center}}
/* v20261026b: samtal.html – omslag på samtalskort (skiva med ljudvågor, play/paus, längd, bransch, språk) */
.sccover{position:relative;display:flex;align-items:center;justify-content:center;height:196px;margin:-6px -6px 6px;border-radius:16px;cursor:pointer;overflow:hidden;background:radial-gradient(circle,rgba(19,49,92,.13) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(160deg,#EAF1F8 0%,var(--sky) 100%);box-shadow:inset 0 0 0 1px rgba(141,169,196,.45)}
.sccover:after{content:"";position:absolute;inset:auto -10% -55% -10%;height:80%;background:radial-gradient(closest-side,rgba(254,204,2,.13),transparent);pointer-events:none}
.scorb{position:relative;width:156px;height:156px;flex:none;z-index:1}
.scdiscsvg{width:100%;height:100%;display:block;overflow:visible;filter:drop-shadow(0 12px 18px rgba(11,37,69,.28))}
.scbase{fill:var(--navy)}
.scring{fill:none;stroke:var(--blue);stroke-width:2;transform-box:fill-box;transform-origin:center}
.scring.r0{stroke-opacity:.75}.scring.r1{stroke-opacity:.5}.scring.r2{stroke-opacity:.32}.scring.r3{stroke-opacity:.18}
.sctrack{fill:none;stroke:rgba(141,169,196,.35);stroke-width:3}
.scprog{fill:none;stroke:var(--yel);stroke-width:3.5;stroke-linecap:round;transition:stroke-dashoffset .25s linear}
.scplay{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border:0;border-radius:50%;background:var(--yel);color:var(--navy);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 0 6px rgba(254,204,2,.22),0 6px 14px -4px rgba(0,0,0,.45);transition:transform .15s,box-shadow .15s}
.scplay svg{width:28px;height:28px;fill:currentColor}
.scplay .icz,.playing .scplay .icp{display:none}.playing .scplay .icz{display:block}
.sccover:hover .scplay{transform:scale(1.06)}
.scplay:focus-visible{outline:3px solid var(--navy);outline-offset:4px;box-shadow:0 0 0 6px #fff}
.loading .scplay svg{opacity:.45}
.scchips{position:absolute;top:12px;left:12px;display:flex;gap:6px;z-index:2}
.scchip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:99px;font-size:.74rem;font-weight:600;letter-spacing:.03em;background:#fff;color:var(--navy);box-shadow:0 1px 3px rgba(11,37,69,.12)}
.scchip svg{width:14px;height:14px;fill:var(--navy2)}
.sc-vvs .sctrade svg{fill:#2F6DB5}
.sc-el .sctrade svg{fill:#E0A800}
.sccover .sclen.scdur{position:absolute;top:12px;right:12px;margin:0;z-index:2;height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:99px;background:var(--navy);color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.01em;text-transform:none}
.playing .sccover{box-shadow:inset 0 0 0 2px var(--yel)}
.playing .scring{animation:scwave 2.4s ease-in-out infinite}
.playing .scring.r1{animation-delay:.3s}.playing .scring.r2{animation-delay:.6s}.playing .scring.r3{animation-delay:.9s}
@keyframes scwave{0%,100%{transform:scale(1);stroke-opacity:.2}50%{transform:scale(1.07);stroke-opacity:.85}}
@media(max-width:600px){.sccover{height:176px;margin:-4px -4px 4px}.scorb{width:140px;height:140px}}
@media (prefers-reduced-motion:reduce){.playing .scring{animation:none}.scprog,.scplay{transition:none}.sccover:hover .scplay{transform:none}}
/* v20261026c: trades card is a normal industry card (no focus badge); square trades-sink photo cropped to 3:2 */
.bgrid .bm .bimg-hv img{object-position:center 72%}
/* homepage list now has 11 equal cards: 4 per row on wide screens (4/4/3) instead of 5 (5/5/1) */
@media(min-width:1101px){.bmini:not(.bgrid){grid-template-columns:repeat(4,minmax(0,1fr))}}

.tlcut{margin:4px 0 14px;font-size:.84rem;font-style:italic;color:var(--mut);text-align:center}

.fnote{margin:18px 0 0;font-size:.95rem;color:var(--mut)}
.hvall{margin:12px 0 18px;font-size:.98rem;color:var(--mut)}.hvall a{font-weight:600;text-decoration:underline}

/* v20261026k: index #lyssna, ett exempelsamtal direkt efter hero */
.ixlisten .ixgrid{grid-template-columns:1fr;max-width:620px;margin:24px auto 0}
.ixlisten .ixmore{text-align:center;margin:22px 0 0}
.ixlisten h2,.ixlisten .lead{text-align:center;margin-left:auto;margin-right:auto}

/* =====================================================================
   DESIGN OPTION B – "Ljus och proffsig / Bright professional" (mockup 2026-10-26)
   CSS-only override block. Appended last so it can be merged on top of
   any HTML/JS content changes. Remove this whole block to revert.
   ===================================================================== */
:root{
  --navy:#0B2545;--navy2:#22406B;
  --blue:#7FB3E6;--sky:#DDEBFA;--ice:#EEF5FD;--line:#D3E2F2;
  --yel:#FECC02;--yel2:#FFD83D;
  --sand:#FFFFFF;--sand2:#E3ECF6;
  --ink:#14212F;--mut:#44566B;--onnavy:#D2E2F4;
  --r:16px;
  --sh:0 1px 2px rgba(11,37,69,.06),0 10px 24px -16px rgba(11,37,69,.3);
}
body{background:#fff;color:var(--ink)}
p{color:var(--mut)}
.nav{background:rgba(255,255,255,.92)}
.scrolled .nav{border-color:var(--line)}
.links a:hover{background:var(--ice)}
.links a.on{background:var(--navy);color:#fff}
.lang{border-color:var(--line);background:var(--ice)}
.kicker{color:var(--navy2)}
.kicker:before{width:26px;height:4px}
/* buttons: yellow primary CTA, navy outline secondary */
.btn{background:var(--yel);color:var(--navy);box-shadow:0 1px 0 rgba(11,37,69,.12),0 10px 20px -12px rgba(166,128,0,.75)}
.btn:hover{background:var(--yel2);color:var(--navy)}
.btn.ghost{background:transparent;color:var(--navy);border:1.5px solid var(--navy);box-shadow:none}
.btn.ghost:hover{background:var(--navy);color:#fff}
/* hero + page heroes: navy band with soft blue glow, rounded bottom edge */
.hero,.phero{isolation:isolate;background:radial-gradient(55% 70% at 95% 0%,rgba(127,179,230,.32) 0,rgba(127,179,230,0) 70%),radial-gradient(35% 45% at 0% 100%,rgba(254,204,2,.12) 0,rgba(254,204,2,0) 70%),var(--navy);border-radius:0 0 36px 36px}
.hero .blob-a{background:var(--blue)!important;opacity:.18!important}
.hero .blob-b{background:var(--yel)!important;opacity:.10!important}
.hero h1,.phero h1,.hero h2,.phero h2{color:#fff}
.hero h1 em{color:var(--yel)}
.hero .lead,.phero .lead,.hero p,.phero p{color:var(--onnavy)}
.hero .kicker,.phero .kicker{color:var(--yel)}
.hero .ticks{color:#fff}
.ticks li:before{background:var(--yel);color:var(--navy);font-weight:700}
.hero .pilotline{color:var(--onnavy)}
.hero .btn.ghost,.phero .btn.ghost{color:#fff;border-color:#fff}
.hero .btn.ghost:hover,.phero .btn.ghost:hover{background:#fff;color:var(--navy)}
.hero a:focus-visible,.phero a:focus-visible{outline-color:var(--yel)}
.heroimg .photo{box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.phero .scdisc{color:var(--navy);box-shadow:none}
.phero .sclive a{color:var(--yel)}
/* trust strip: soft blue pills */
.trust{background:#fff;border:0}
.trust .wrap{gap:10px;justify-content:center}
.trust span{background:var(--ice);border:1px solid var(--line);border-radius:99px;padding:8px 16px;color:var(--navy);font-weight:600}
/* sections: white / soft blue */
.sec{background:#fff}
.sec.alt{background:var(--ice)}
/* cards: soft blue on white sections, white on blue sections; crisp border */
.card,.f,.step,.price,.bcard,.sccard,.cfstage,.transcript{background:var(--ice);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh)}
.alt .card,.alt .f,.alt .step,.alt .price,.alt .bcard,.alt .sccard{background:#fff}
.card.accent{background:var(--navy)!important;border-color:var(--navy)}
.bm{background:var(--ice);border:1px solid var(--line);border-radius:16px}
.alt .bm{background:#fff}
.f i,.bcard i,.bmi{background:#fff;border:1px solid var(--line)}
.alt .f i{background:var(--sky)}
.step span{background:var(--navy);color:var(--yel);border-color:var(--navy);font-weight:700}
.bchips li{background:var(--ice);border-color:var(--line)}
ul.x li:before{color:#A1362D}
/* pricing: blue cards, navy "popular" card with yellow CTA */
.price.pop{background:var(--navy)!important;border:0;box-shadow:0 24px 48px -20px rgba(11,37,69,.6)}
.price .btn{box-shadow:none}
.price.pop .btn.buy{background:transparent;color:#fff;border-color:rgba(255,255,255,.85)}
/* call card */
.callcard{background:var(--sky);border:1px solid var(--line);border-radius:28px}
.callact{border:1px solid var(--line)}
/* FAQ / misc */
.faq details{background:#fff;border:1px solid var(--line);box-shadow:none}
.alt .faq details{background:#fff}
.cfstep{background:#fff;border:1px solid var(--line)}
.cfchat{background:#fff;border:1px solid var(--line)}
.scres{background:#fff;border:1px solid var(--line)}
.scf{background:#fff;border-color:var(--line)}
.scf:hover{background:var(--ice)}
.sccover{background:radial-gradient(circle,rgba(19,49,92,.13) 1px,transparent 1.4px) 0 0/16px 16px,linear-gradient(160deg,#fff 0%,var(--sky) 100%)}
.sctags li{background:var(--sky)}
.calllisten{color:var(--navy2)}
.foot{border-radius:36px 36px 0 0}
@media(max-width:960px){.sec{padding:64px 0}.hero,.phero{border-radius:0 0 26px 26px}}
@media(max-width:620px){.trust .wrap{display:flex;justify-content:flex-start}.trust span{font-size:.86rem;padding:7px 13px}.foot{border-radius:26px 26px 0 0}}
/* B: brand "sound waves" decoration on the navy band + spacing after page heroes + chat button ring */
.hero:after,.phero:after{content:"";position:absolute;z-index:-1;pointer-events:none;right:-160px;top:-170px;width:560px;height:560px;border-radius:50%;background:repeating-radial-gradient(circle,rgba(127,179,230,0) 0 36px,rgba(127,179,230,.35) 36px 38px);-webkit-mask:radial-gradient(circle,#000 25%,transparent 68%);mask:radial-gradient(circle,#000 25%,transparent 68%)}
.phero{position:relative;overflow:hidden}
.phero+.sec{padding-top:44px!important}
.chatbtn{box-shadow:0 0 0 3px #fff,0 14px 30px -8px rgba(11,37,69,.55)}
@media(max-width:620px){.hero:after,.phero:after{width:360px;height:360px;right:-150px;top:-120px}}
/* B fix: light text on navy page heroes, dark text on light cards inside them */
.phero .ticks{color:#fff}
.phero .info b,.phero .info b a,.phero .info b span{color:#fff}
.phero .info small{color:var(--onnavy)}
.setup .phero p.en{color:var(--onnavy)}
.phero .card p{color:var(--mut)}
.phero .trialnote{color:var(--navy2)}
.phero .formmsg{color:#2e7d5b}

/* B fix 2 (Maya optional): spacing and card note colours */
.pilotline+.ticks{margin-top:14px}
.phero .card .trialnote{color:var(--navy2)}
.phero .card .formmsg{color:#2e7d5b}
/* v20261026o: "In Swedish" tag on index call 1, only filled in EN */
.scbadge:empty{display:none}
/* q 2026-10-26: webbchatt-exempel (index.html #chatt) */
.chsite{margin-top:10px;border:1px solid var(--sand2);border-radius:18px;overflow:hidden;background:#fff;box-shadow:var(--sh)}
.chbar{display:flex;align-items:center;gap:6px;background:var(--navy);color:#fff;padding:10px 14px;font-size:.82rem;font-weight:600}
.chbar i{width:9px;height:9px;border-radius:50%;background:#c8d6e6;flex:none}.chbar span{margin-left:8px}
.chbody{position:relative;padding:18px 18px 92px;display:flex;flex-direction:column;gap:10px}
.chbody b{color:var(--navy);font-size:1rem;line-height:1.3}
.chbody s{display:block;height:10px;border-radius:6px;background:var(--sand2)}.chbody s.sh{width:60%}
.chcorner{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:10px}
.chpill{background:#fff;color:var(--navy);border:1px solid var(--sand2);border-radius:14px;padding:8px 12px;font-size:.82rem;font-weight:600;box-shadow:var(--sh);max-width:190px;line-height:1.3}
.chbub{flex:none;display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:var(--navy);font-size:1.35rem;position:relative}
.cfpanel.on .chbub:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--yel);animation:ring 1.6s ease-out infinite}
@media (prefers-reduced-motion:reduce){.cfpanel.on .chbub:after{animation:none}}

.herolinks{display:flex;flex-wrap:wrap;gap:10px;margin:-12px 0 22px}.herolinks .btn.sm{display:inline-flex;white-space:normal;text-align:center}
#samtal,#chatt,#lyssna{scroll-margin-top:84px}

#vagar .ctas{margin-top:18px}#vagar .pvcust{margin-top:22px}

.anform .q{display:grid;gap:6px;font-weight:600}.anform .hint{font-weight:400;color:var(--mut);font-size:.82rem}.anform textarea,.anform input:not([type=checkbox]){width:100%}#formular .wrap>p{margin-bottom:18px}#behover .card{margin-top:14px}
#vad p+p,#formular .wrap>p+p{margin-top:12px}
@media (max-width:560px){.chatbtn{width:48px;height:48px;right:10px;bottom:calc(12px + env(safe-area-inset-bottom,0px));font-size:1.35rem}.hero .ticks{padding-right:40px}}
.nextstep{margin:6px 0 14px;font-size:.92rem}#nextok{margin-top:10px;font-weight:600}.pvnext{font-size:.92rem;margin-top:10px}.kisteps h2{margin-top:0}.kisteps .steps{margin:10px 0 0}#form{scroll-margin-top:96px}

.kig .card.fixed>h2:first-child{margin-top:0}

/* 2026-10-27 elsa: vidarekoppling + bokning (Cal.com) i formulären */
.anform select,.setup form select{font:inherit;border:1.5px solid var(--sand2);background:#fff;border-radius:14px;padding:12px 14px;width:100%;color:var(--ink)}
.anform select:focus,.setup form select:focus{outline:0;border-color:var(--navy2);box-shadow:0 0 0 4px var(--sky)}
.fsec{margin:18px 0 2px;font-size:1.05rem;color:var(--navy)}.fsec .en{display:block;font-size:.9rem;font-weight:400;color:var(--mut)}
.fintro{margin:0}
.keynote{margin:4px 0;padding:8px 12px;border-left:4px solid var(--navy2);background:var(--sky);border-radius:8px;font-weight:600;font-size:.9rem}
.keywarn{margin:4px 0;padding:8px 12px;border-left:4px solid #A1362D;background:#fbeceb;color:#7a231c;border-radius:8px;font-size:.9rem}
.keywarn[hidden]{display:none}

/* Sign-up round 2 (QC B4): "Logga in" stays hidden until script.js has a portal address (APP_URL) and adds .app-live */
html:not(.app-live) a[data-app-login]{display:none!important}