/* Premium tech, landningssidorna 2026-10-21. Avgränsat till denna sida; köpvägar och mätning är samma. */
@font-face{font-family:Geist;src:url('img/premium-geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@media screen{
:root{--brand:#246b55;--brand-2:#246b55;--brand-deep:#1a5442;--brand-soft:#e7efeb;--brand-grad:linear-gradient(#246b55,#246b55);--btn-grad:linear-gradient(#246b55,#246b55);--ink:#1d1d1f;--ink-2:#45454a;--muted:#626268;--line:#dedee3;--bg:#fff;--soft:#f5f5f7;--surface:#fff;--surface-2:#f5f5f7;--ink-deep:#101012;--surface-dark-2:#262629;--app-bg:#f5f5f7;--on-dark:#f5f5f7;--on-dark-2:#c4c4cb;--on-dark-muted:#b3b3ba;--accent:#84602f;--accent-ink:#725323;--accent-soft:#fff3d6;--line-strong:#85858d;--line-hover:#626268;--sh-1:0 1px 2px #00000005;--sh-2:0 10px 35px -18px #1d1d1f18;--sh-3:0 20px 60px -20px #1d1d1f22;--sh-btn:none;--sh-btn-hover:none;--wrap:1280px;--t-display:clamp(34px,3.8vw,52px);--t-h2:clamp(32px,3.7vw,50px);--t-h3:clamp(23px,2vw,29px);--ls-h1:-.055em;--ls-h2:-.045em;--ls-display:-.045em;--r-sm:10px;--r:14px;--r-lg:20px;--sect:96px;--head-gap:48px;--row-gap:80px}
body{background:#fff}
#hd{background:rgba(255,255,255,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 1px 0 #1d1d1f0d}
#hd.dark{background:rgba(16,16,18,.95)}
.premium-logo{width:132px;height:auto}
.premium-logo-dark{display:none}#hd.dark .premium-logo-light{display:none}#hd.dark .premium-logo-dark{display:block}
.nav-links a{font-size:12px}
.nav-cta .btn{font-size:12px;font-weight:500}
.btn{font-weight:500;border-radius:999px}
.btn.primary{background:var(--brand);color:#fff}
.on-dark .btn.primary,.final .btn.lg{background:#fff;color:#1d1d1f}
.btn.outline{box-shadow:none}
.eyebrow,.h1-kick{color:var(--muted);font-size:11px;letter-spacing:.1em}
.eyebrow::before{display:none}
.on-dark .eyebrow{color:var(--on-dark-2)}
.hero{padding:40px 0 32px}.hero::before{display:none}
.hero>.wrap:first-child{display:flex;justify-content:center}
.hero .gren{margin-bottom:40px}
.hero .hero-grid{display:block}
.hero .hero-txt{max-width:1060px;margin:0 auto;text-align:center}
.hero h1.kort{font-size:clamp(40px,5.25vw,70px);line-height:1.06;letter-spacing:-.055em;margin:0 auto 25px;max-width:100%;text-wrap:balance}
.hero .h1-kick{font-size:11px;font-weight:500;margin:0 0 24px;letter-spacing:.1em;line-height:1.5}
.hero h1.kort .rad:last-child{color:#75757c}
.hero .lead.kort{font-size:19px;line-height:1.6;color:var(--muted);max-width:700px;margin:0 auto}
.hero-knapp{margin-top:26px}
.hero .seek{max-width:640px;margin:28px auto 0;text-align:left}
.hero .seek label{font-size:12px;font-weight:500;color:var(--muted);margin-bottom:4px}
.hero .seek input{flex:1 1 220px;width:auto;height:50px;box-shadow:none;border-radius:10px}
.hero .seek .btn{flex:none;width:auto;height:50px;font-size:13px;padding:0 22px}
.hero .after{max-width:650px;margin:15px auto 0;font-size:12px;line-height:1.7;color:var(--muted)}
.hero .visual{margin:45px 0 0;padding:0;width:100%;max-width:none}
.premium-photo{position:relative;margin:0}
.premium-photo>img{width:100%;height:490px;object-fit:cover;object-position:center 52%;border-radius:24px}
.premium-photo figcaption{font-size:10px;line-height:1.5;text-align:right;color:var(--muted);padding:9px 3px 0}
.premium-photo-note{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:9px;padding:10px 14px;background:#fffffff0;backdrop-filter:blur(12px);border-radius:999px;font-size:11px;color:var(--ink)}
.premium-photo-note span{width:6px;height:6px;border-radius:50%;background:var(--brand)}
.hero .trust-strip{max-width:none;grid-template-columns:1fr 1.5fr 1.2fr;gap:28px;justify-content:initial;margin-top:25px;padding-top:22px;font-size:11px}
.hero .trust-strip span{padding-left:0;text-align:left}
.hero .trust-strip span::before{display:none}
html.js .hero-txt>*{animation:none;opacity:1;transform:none}
html.js .avsl{opacity:1;transform:none;transition:none}
#planlyftet{background:var(--soft);padding:92px 0}
#planlyftet .head{max-width:810px;margin-inline:auto;text-align:center}
#planlyftet .head .eyebrow{margin-inline:auto}
#planlyftet .lyft-grid{gap:64px;max-width:1080px;margin:52px auto 0}
#planlyftet .lyft-kort{background:#fff;padding:28px;border-radius:20px;box-shadow:0 12px 40px -18px #1d1d1f15;overflow:hidden}
.premium-detail{display:block;aspect-ratio:2.8;object-fit:cover;object-position:center 40%;width:calc(100% + 56px);max-width:none;height:auto;margin:-28px -28px 28px;border-radius:0}
.lyft-lista li::before,.lyft-utan li::before{border-radius:50%;transform:none;width:4px;height:4px}
.exempel{background:#fff}
#exempel .hus-kort{box-shadow:0 18px 60px -20px #1d1d1f20}
#igen,#lykta,#kontakt,.fot{background:#101012}
#igen .ber-txt h2{font-size:clamp(32px,3.7vw,50px)}
.frame,.hero-frame{background:#fff;box-shadow:0 18px 55px -22px #1d1d1f24;border-radius:16px}
.step{box-shadow:none;border:1px solid #e6e6eb;border-radius:18px;background:var(--surface)}
.plan{border:1px solid #e5e5ea;box-shadow:none;border-radius:20px}
.plan.pop{box-shadow:0 10px 36px -14px #1d1d1f16;border-color:var(--brand)}
.plan .tag{display:inline-flex;align-self:flex-start;align-items:center;width:fit-content;padding:6px 11px;border-radius:999px;background:var(--brand);color:#fff;font-size:11px;line-height:1.3}.plan h3{font-size:23px;line-height:1.2}
@media(min-width:960px){.plan:not(.pop) h3{margin-top:38px}}
.plan .price{font-weight:500;letter-spacing:-.05em}
#priser .head h2{font-size:clamp(32px,3.8vw,50px)}
.faq-grid .head h2{font-size:clamp(32px,3.3vw,44px)}
.final h2{font-size:clamp(38px,5vw,66px);letter-spacing:-.05em}
.fot .fot-ord{color:#f5f5f7}
@media(max-width:959px){
.hero .hero-grid{display:block}.hero .hero-txt,.hero .visual{grid-column:auto}.hero h1.kort{font-size:clamp(40px,6vw,58px)}
.hero .trust-strip{grid-template-columns:1fr;gap:10px;text-align:center}.hero .trust-strip span{text-align:center}
#planlyftet .lyft-grid{gap:35px}.premium-photo>img{height:410px}
}
@media(max-width:719px){
:root{--sect:64px;--row-gap:48px;--head-gap:32px;--t-display:34px;--t-h2:34px;--t-body:16px;--t-lead:17px}
.hero{padding-top:26px;padding-bottom:30px}.hero .gren{margin-bottom:30px}.hero .hero-grid{padding-inline:20px}
.hero h1.kort{font-size:clamp(35px,8.2vw,55px);line-height:1.07;letter-spacing:-.05em}.hero .h1-kick{font-size:9px;letter-spacing:.06em;margin-bottom:21px}
.hero .lead.kort{font-size:16px;line-height:1.6;max-width:34em}
.hero-knapp .btn{width:auto;max-width:100%;font-size:14px;height:50px;padding-inline:28px}
.hero .seek{max-width:460px;margin-top:26px;gap:8px}.hero .seek label{font-size:11px;line-height:1.55}
.hero .seek input,.hero .seek .btn{width:100%;flex:none}.hero .seek .btn{font-size:14px}
.hero .after{font-size:11px;line-height:1.75}.hero .visual{width:calc(100% + 16px);margin:32px -8px 0}
.premium-photo>img{height:340px;border-radius:18px;object-position:43% center}.premium-photo figcaption{font-size:9px;text-align:left;padding:8px 4px 0}
.premium-photo-note{bottom:18px;left:15px;max-width:calc(100% - 30px);font-size:10px;padding:9px 12px}
.hero .trust-strip{margin-top:20px;padding-top:20px;font-size:10px;line-height:1.6}
#planlyftet{padding:64px 0}#planlyftet .head{text-align:left}#planlyftet .head .eyebrow{margin-inline:0}
#planlyftet .lyft-kort{padding:24px}.premium-detail{margin:-24px -24px 24px;width:calc(100% + 48px);aspect-ratio:2.3}
#priser .head{display:block}.plan .price{font-size:38px}
.nav-links a{font-size:16px}.premium-logo{width:116px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.mer>summary::after{transition:none!important}}
}




/* Textgenomgång och kortmarginaler, 2026-10-21. */
@media screen{
.hero h1.kort{font-size:clamp(56px,7.2vw,94px);line-height:1.01;max-width:100%}
.hero .lead.kort{max-width:730px;font-size:19px;line-height:1.6}
.hero-knapp{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 30px}
.premium-demo{display:inline-flex;align-items:center;gap:14px;min-height:48px;font-size:14px;font-weight:500;color:var(--brand)}
.premium-demo:hover{text-decoration:underline;text-underline-offset:4px}
.premium-reassurance{font-size:12px;line-height:1.6;color:var(--muted);margin-top:13px}
.premium-outcomes{display:flex;justify-content:center;gap:18px 30px;flex-wrap:wrap;margin:30px auto 0;font-size:13px;font-weight:500}
.premium-outcomes span{display:flex;align-items:center;gap:9px}.premium-outcomes span::before{content:'✓';color:var(--brand);font-size:12px}
.premium-alternative{max-width:640px;margin:20px auto 0;text-align:center}
.premium-alternative>summary,.premium-final-alternative>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:44px;font-size:12px;color:var(--muted);padding:10px 6px;line-height:1.6;border-radius:6px}
.premium-alternative>summary::-webkit-details-marker,.premium-final-alternative>summary::-webkit-details-marker{display:none}
.premium-alternative>summary::after,.premium-final-alternative>summary::after{content:'+';font-size:18px;line-height:1;font-weight:400;flex:none}
.premium-alternative[open]>summary::after,.premium-final-alternative[open]>summary::after{content:'−'}
.hero .premium-alternative .seek{margin-top:16px;padding:22px;background:var(--soft);border-radius:14px}
.hero .premium-alternative .after{max-width:540px}
.hero .visual{margin-top:30px}
#planlyftet .head{max-width:760px}#planlyftet .head p{max-width:680px;margin-inline:auto}
.premium-intake{margin-top:30px}
#hur .head{max-width:760px}
#hur .steps{border:0;gap:24px;align-items:stretch}
#hur .step{display:flex;flex-direction:column;gap:0;padding:30px 28px 32px;margin:0;border:1px solid #e2e2e8;border-radius:18px;min-width:0;background:#fff;box-shadow:none}
#hur .step .n{font-size:33px;line-height:1;margin:0 0 28px;color:var(--brand);font-weight:500}
#hur .step h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:0 0 15px;padding:0}
#hur .step p{font-size:15px;line-height:1.65;max-width:none;margin:0}
#hur .hur-slut{margin:32px 0 0;padding:0 0 0 20px;font-size:15px;max-width:700px;line-height:1.7}
.premium-mechanics{max-width:760px;margin-top:24px}
.premium-final-action{margin:29px 0 12px}.premium-final-action>p{margin-top:12px;font-size:12px;color:var(--on-dark-2)}
.premium-final-alternative{margin:15px 0 8px;max-width:600px}
.premium-final-alternative>summary{color:var(--on-dark-2)}
.premium-final-alternative .seek{padding-top:12px}
@media(min-width:720px){.premium-final-alternative{margin-inline:auto}}
@media(max-width:959px){#hur .step{padding:26px 22px 28px}#hur .step h3{font-size:21px}#hur .steps{gap:18px}}
@media(max-width:719px){
.hero h1.kort{font-size:clamp(40px,10.7vw,66px);line-height:1.04}.hero .lead.kort{font-size:16px;max-width:360px}.premium-break{display:none}
.hero-knapp{gap:5px;margin-top:23px}.hero-knapp .btn{width:auto}.premium-demo{min-height:44px;font-size:13px}
.premium-reassurance{font-size:11px;max-width:300px;margin:10px auto 0}.premium-outcomes{gap:9px 17px;margin-top:22px;font-size:11px;max-width:350px}
.premium-alternative{margin-top:12px}.premium-alternative>summary{font-size:11px;text-align:left}.hero .premium-alternative .seek{padding:18px}.hero .visual{margin-top:24px}
#planlyftet .head p{margin-inline:0}#hur .steps{gap:16px;margin-top:32px}#hur .step{padding:25px 24px 27px}#hur .step .n{font-size:28px;margin-bottom:20px}#hur .step h3{font-size:22px;margin-bottom:12px}#hur .step p{font-size:15px;line-height:1.65}
#hur .hur-slut{font-size:14px;margin-top:27px}.premium-final-alternative>summary{font-size:12px;text-align:left}.premium-final-action .btn{width:auto;max-width:100%;font-size:14px}
}
}



/* Gemensamt förenklat avslut för alla tre landningssidor. */
@media screen {
.fot .fot-topp{padding:64px 0 48px;gap:48px}
.fot .fot-varumarke{display:block}
.fot .fot-tes{font-size:22px;line-height:1.35;max-width:20em;margin-top:24px;text-wrap:initial}
.fot .fot-om{font-size:15px;margin-top:10px;max-width:25em}
.fot .fot-kontakt{margin-top:22px}
.fot .fot-kontakt a{font-size:15px;min-height:44px}
.fot .fot-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.fot .fh{font-size:12px;letter-spacing:.08em;margin-bottom:12px}
.fot .fot-kol a{font-size:14px;min-height:44px}
.fot .fot-botten{padding:22px 0 30px;gap:14px 28px;font-size:12px}
.fot .fot-juridik{gap:0 20px}
.fot .fot-soc a{width:34px;height:34px;box-shadow:none}
.lykta .lk-dok{margin-top:32px}
.lykta .premium-consent{font-size:18px;font-weight:600;margin-bottom:16px}
.lykta .lk-slut{display:block;margin-top:24px}
.lykta .lk-slut p{max-width:65em;font-size:15px;margin-top:16px}
.premium-app-concept{margin:0}
.premium-app-concept img{display:block;width:100%;height:auto;border:1px solid #e6e6e9;border-radius:20px;box-shadow:0 24px 70px #1d1d1f0d}
.premium-app-concept .caption{font-size:12px;margin-top:14px;text-align:center}
@media(min-width:960px){.fot .fot-topp{grid-template-columns:1fr 1.35fr;gap:70px}.fot .fot-nav{padding-top:4px}}
@media(max-width:599px){.fot .fot-topp{padding:44px 0 32px;gap:32px}.fot .fot-nav{grid-template-columns:1fr 1fr;gap:24px}.fot .fot-kol:last-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.fot .fot-kol:last-child .fh{width:100%}.fot .fot-kol:last-child a{display:inline-flex;margin-right:20px}.fot .fot-tes{font-size:20px}.fot .fot-botten{flex-direction:column;align-items:flex-start}.fot .fot-juridik{order:0}}
}

/* Målgruppssidorna delar profil och komponenter med startsidan. */
@media screen{
.hero .hero-knapp{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:14px 26px}
.hero .hero-knapp .outline{color:var(--brand);padding-inline:0;border:0;background:none;font-size:14px;box-shadow:none}
.b2b .hero .premium-outcomes{margin-top:26px}
.b2b #svar .head,.b2b #hur .head{max-width:760px}
.b2b #svar .row{align-items:center}
.b2b .risk-grid{gap:24px}
.b2b .risk-grid>div{padding:24px;background:#fff;border:1px solid var(--line);border-radius:18px}
.b2b .risk-grid h3{font-size:20px;line-height:1.25}
.b2b .risk-grid p{font-size:15px;line-height:1.6}
.b2b #styrelsen,.b2b #boka{background:var(--ink-deep)}
.b2b .book.card{background:#fff;color:var(--ink);border:1px solid #dedee3;box-shadow:none;border-radius:20px;padding:28px}
.b2b .book .btn.primary{background:var(--brand);color:#fff}
.b2b .book label{color:var(--ink)}
.b2b .book input{background:#f5f5f7;border-radius:10px;color:var(--ink);box-shadow:inset 0 0 0 1px #d7d7dd}
.b2b .book .hint,.b2b .book .fine{color:var(--muted)}
.b2b .bakom h2{font-size:var(--t-h2);line-height:1.12;letter-spacing:-.045em}
.b2b .premium-context{max-width:720px;margin:24px 0 0}
.b2b .premium-context p{font-size:15px}
@media(max-width:719px){
.b2b .hero .hero-knapp{gap:3px;margin-top:24px}
.b2b .hero .hero-knapp .btn{font-size:14px;height:50px;width:auto;padding-inline:26px}
.b2b .hero .hero-knapp .outline{font-size:13px;padding-inline:12px;min-height:44px}
.b2b .hero h1.kort{font-size:clamp(40px,10.7vw,66px)}
.b2b .hero .premium-photo>img{object-position:55% center}
.b2b .book.card{padding:24px}
}
}

/* Kompakt header: målgrupperna väljs i grenväljaren, kvar även i mobilmenyn. */
@media screen {
#hd .premium-logo{width:118px;height:auto}
#hd .nav-cta .btn{font-size:12px;min-height:38px;padding-inline:18px}
#hd .nav-cta .btn.outline{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:none}
#hd .nav-cta .btn.outline:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
#hd.dark .nav-cta .btn.outline{background:#f5f5f7;color:#1d1d1f;border-color:#f5f5f7}
@media(min-width:960px){
#hd .nav{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;flex-wrap:nowrap;height:var(--header-h);min-height:0}
#hd .nav>.logo{justify-self:start}
#hd .nav-links{gap:28px;flex-wrap:nowrap}
#hd .nav-links a{font-size:12px;font-weight:500;padding:12px 0;margin:0}
#hd .nav-links a[href="for-forvaltare.html"],#hd .nav-links a[href="underhallsplan-fastighet.html"]{display:none}
#hd .nav-cta{justify-self:end;gap:10px;margin:0}
}
@media(max-width:959px){#hd .premium-logo{width:112px}#hd .nav{justify-content:space-between}#hd .burger{margin-left:auto}}
}

/* Egen arkitektur för varje målgrupp, beslut 350. */
@media screen and (max-width:719px){body.b2b .hero .premium-photo>img[src*="fastighet-miljo"]{object-position:72% center}}

/* Alla produktbilder följer samma konceptprofil, beslut 351. */
@media screen{
.premium-shot-label{margin:12px 0 0;color:var(--muted);font-size:11px;line-height:1.6;text-align:center}
.on-dark .premium-shot-label{color:var(--on-dark-2)}
#svar .phone{background:#f5f5f7}
}

/* Kompakt bokning med bevarade fält och kontaktvägar. */
@media screen{
.b2b #boka .boka-grid{max-width:1080px;align-items:start}
.b2b #boka .book.card{width:100%;max-width:480px;padding:24px;justify-content:start;align-self:start}
.b2b #boka .bk-grid{gap:14px 16px}
.b2b #boka .field label{font-size:13px;line-height:1.45;margin-bottom:6px}
.b2b #boka .field .hint{font-size:12px}
.b2b #boka .field input{height:44px;padding:0 12px;font-size:15px;border-radius:8px;border-color:#d7d7dd;box-shadow:none}
.b2b #boka .field input:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.b2b #boka .field input.err{border-color:var(--danger);box-shadow:0 0 0 1px var(--danger)}
.b2b #boka .book .btn{width:auto;min-height:44px;height:44px;margin-top:18px;padding:0 22px;font-size:14px}
.b2b #boka .bk-note{margin-top:16px;padding-top:14px;font-size:12px;line-height:1.6}
.b2b #boka .txt h2{font-size:clamp(32px,3.4vw,44px);line-height:1.12;letter-spacing:-.045em}
.b2b #boka .txt p{font-size:16px;line-height:1.7}
.b2b #boka .txt ul{font-size:14px;gap:12px;margin-top:24px}
@media(min-width:960px){
.b2b #boka .boka-grid{grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:64px}
.b2b #boka .boka-grid .txt,.b2b #boka .boka-grid .book{grid-column:auto}
}
@media(max-width:959px){.b2b #boka .book.card{max-width:560px}}
@media(max-width:559px){
.b2b #boka .book.card{padding:22px}
.b2b #boka .field input{height:48px;font-size:16px}
.b2b #boka .book .btn{width:100%;height:48px}
}
}

/* Designgranskning: jämnare rytm och produktbilder i rätt skala. */
@media screen{
.lykta::before{display:none}
.b2b .row.wide .media .frame{max-width:704px}
.b2b .row.wide .media{max-width:100%}
@media(min-width:960px){
.b2b #svar .row.wide>.txt{grid-column:1/6;grid-row:1;max-width:none}
.b2b #svar .row.wide>.media{grid-column:6/13;grid-row:1;margin-top:0}
}
@media(min-width:720px) and (max-width:959px){.b2b #svar .row .media{max-width:704px}}
}
/* Husbilden följer samma indrag som övriga bilder, även på telefon. */
#igen .foto.bleed-r{width:100%;margin:0;border-radius:24px;overflow:hidden}
#igen .foto img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
@media(max-width:959px){#igen .bild{width:100%;min-width:0}#igen .fast{width:100%}#igen .foto.bleed-r{width:100%;margin:0;border-radius:20px}}

/* Klientresan: tydliga beslutsytor och en lugnare läsrytm, 2026-10-21. */
@media screen{
main h2,main h3{scroll-margin-top:calc(var(--header-h,73px) + 32px)}
main :is(a,button,input,summary):focus-visible{outline:2px solid var(--brand);outline-offset:4px}
.on-dark :is(a,button,summary):focus-visible{outline-color:#e7efeb}
.hero .premium-outcomes{gap:8px 12px;margin-top:26px}
.hero .premium-outcomes a{display:inline-flex;align-items:center;gap:12px;min-height:44px;padding:9px 15px;border:1px solid #e6e6eb;border-radius:999px;font-size:12px;line-height:1.4;font-weight:500;color:var(--ink-2);background:var(--soft);text-decoration:none;transition:background-color .16s,border-color .16s}
.hero .premium-outcomes a>span{display:inline;color:var(--brand);font-size:15px;font-weight:400}
.hero .premium-outcomes a>span::before{display:none}
.hero .premium-outcomes a:hover{background:var(--brand-soft);border-color:#b8cec3}
#svar .txt p{max-width:38em;line-height:1.75}
#svar .txt h3{max-width:18em;text-wrap:balance}
#svar .media{min-width:0}
#svar .frame{box-shadow:0 14px 44px -26px #1d1d1f30;border:1px solid #e6e6eb}
.premium-shot-label,.premium-app-concept .caption{max-width:45em;margin-inline:auto;line-height:1.6}
#hur .step .n{font-variant-numeric:tabular-nums;font-weight:400;letter-spacing:-.05em;color:var(--brand)}
#hur .step h3{line-height:1.25;letter-spacing:-.025em}
#priser .plan{padding:30px;min-width:0;background:#fff}
#priser .plan.pop{background:#f5f8f6;border-color:#a8c3b6;box-shadow:0 12px 35px -26px #246b5550}
#priser .plan .desc{line-height:1.65}
#priser .plan .per{font-size:13px;line-height:1.65;color:var(--muted)}
#priser .plan .price{font-size:clamp(36px,3.3vw,46px);line-height:1.15;letter-spacing:-.045em}
#priser .plan .price.ord{font-size:32px;line-height:1.62}
#priser .plan ul{padding-top:24px;border-top:1px solid #e1e5e2;gap:12px;font-size:14px;line-height:1.65}
#priser .plan li::before{width:15px;height:15px;margin-top:4px}
#priser .plan .btn{min-height:48px;font-size:14px;padding-inline:18px}
#priser .plan .fine{font-size:12px;line-height:1.7}
#priser .villkor{padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}
#priser .villkor p{line-height:1.7}
#faq .faq{max-width:760px;width:100%;justify-self:end}
#faq .faq>details{border:0;border-bottom:1px solid #dedee3;margin:0}
#faq .faq>details:first-child{border-top:1px solid #dedee3}
#faq .faq>details>summary{min-height:76px;margin:0;padding:23px 12px 23px 0;font-size:17px;font-weight:500;line-height:1.5;letter-spacing:-.018em;border-radius:8px}
#faq .faq>details>summary::after{width:20px;height:20px;margin-top:3px;opacity:.75}
#faq .faq>details>p{font-size:15px;line-height:1.8;max-width:65ch;padding:0 36px 26px 0}
#faq .faq>details[open]>summary{color:var(--ink)}
#faq .faq>details:has(summary:focus-visible){box-shadow:none}
#faq .faq>details>summary:focus-visible{outline:2px solid var(--brand);outline-offset:3px}
#faq .faq>details>summary:hover{background:transparent;color:var(--brand)}
.b2b #risk .risk{gap:16px;border-top:0}
.b2b #risk .risk>div{padding:26px;background:#fff;border:1px solid #e6e6eb;border-radius:16px}
.b2b #risk .risk h3{font-size:19px;line-height:1.35;margin-bottom:10px;letter-spacing:-.025em}
.b2b #risk .risk p{font-size:14px;line-height:1.75}
.b2b #boka .book.card{padding:28px;border-radius:20px;box-shadow:0 20px 60px #0000001a}
.b2b #boka .field input{background:#fafafa}
.b2b #boka .field .hint{font-size:12px;line-height:1.5}
.b2b #boka .bk-note{font-size:12px;line-height:1.75}
.b2b #boka .book .form-err{font-size:14px;line-height:1.6}
.cmp-wrap:focus-visible{outline:2px solid var(--brand);outline-offset:5px}
@media(min-width:960px){
#priser .plans{gap:20px}
#priser .plans.tva{max-width:1000px;margin-inline:auto}
#faq .faq-grid{column-gap:64px}
#faq .head{max-width:390px}
.b2b #risk .risk{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:959px){
#faq .faq{max-width:none}
#faq .head{margin-bottom:28px}
#priser .plan{padding:26px}
}
@media(max-width:719px){
.hero .premium-outcomes{max-width:360px;margin:24px auto 0;gap:7px}
.hero .premium-outcomes a{padding:9px 12px;font-size:11px;gap:8px}
.hero .premium-outcomes a>span{font-size:13px}
#priser .plan{padding:26px 24px}
#priser .plan .desc,#priser .plan .per{min-height:0}
#priser .plan .price{font-size:42px}
#priser .plan .price.ord{font-size:30px;line-height:1.5}
#priser .plan ul{padding-top:22px;margin-top:22px;gap:11px}
#priser .villkor{padding:22px}
#faq .faq>details>summary{font-size:16px;min-height:72px;padding:22px 3px 22px 0;gap:18px}
#faq .faq>details>p{font-size:14px;line-height:1.8;padding-right:6px;padding-bottom:24px}
.b2b #risk .risk>div{padding:23px}
.b2b #boka .book.card{padding:24px}
.cmp-wrap table.cmp tr{border:1px solid #e3e3e8;box-shadow:none;margin-bottom:16px;border-radius:16px}
.cmp-wrap table.cmp tbody th{padding:18px;font-size:15px;line-height:1.5;background:#f5f5f7}
.cmp-wrap table.cmp td{padding:16px 18px;line-height:1.65}
.cmp-wrap table.cmp td.pl{background:#edf3ef;box-shadow:none}
}
@media(prefers-reduced-motion:reduce){.hero .premium-outcomes a{transition:none}}
}