:root{
 --ink:#141414;
 --mint:#90DA98;
 --mint-deep:#3E9C48;
 --mint-soft:#E9F5EA;
 --white:#FFFFFF;
 --grey:#636963;
 --grey-dk:#A7ADA7;
 --line:#E4E7E4;
 --line-dk:rgba(255,255,255,.14);
 --tint:#F4F6F4;
 --surf-2:#1C1E1C;
 --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
 --mono:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
 --col:1120px;
 --pad:28px;
 }
 *{box-sizing:border-box;}
 body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font);
 font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;}
 a{color:inherit;}
 :focus-visible{outline:2px solid var(--mint-deep);outline-offset:3px;border-radius:2px;}
 @media (prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;}}

 /* ---------- byggstenar ---------- */
 .band{padding:118px 0;background:var(--white);}
 .band.tint{background:var(--tint);}
 .band.dark{background:var(--ink);color:var(--white);}
 .band.dark2{background:var(--surf-2);color:var(--white);}
 .band.tight{padding:76px 0;}
 .wrap{max-width:var(--col);margin:0 auto;padding:0 var(--pad);}
 .measure{max-width:62ch;}
 .wrap.measure{max-width:var(--col);}
 .wrap.measure > *{max-width:62ch;}

 .kick{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
 color:var(--mint-deep);margin:0 0 22px;}
 .band.dark .kick,.band.dark2 .kick{color:var(--mint);}
 h1{font-size:clamp(40px,6vw,72px);line-height:1.01;letter-spacing:-.04em;font-weight:700;
 margin:0 0 24px;text-wrap:balance;}
 h2{font-size:clamp(30px,4.1vw,50px);line-height:1.06;letter-spacing:-.035em;font-weight:700;
 margin:0 0 20px;text-wrap:balance;}
 h3{font-size:21px;line-height:1.25;letter-spacing:-.022em;font-weight:600;margin:0 0 8px;}
 p{margin:0 0 16px;}
 .lede{font-size:20.5px;line-height:1.55;color:var(--grey);}
 .band.dark .lede,.band.dark2 .lede{color:var(--grey-dk);}
 .sm{font-size:15.5px;color:var(--grey);}
 .band.dark .sm,.band.dark2 .sm{color:var(--grey-dk);}
 .mint{color:var(--mint-deep);}
 .band.dark .mint,.band.dark2 .mint{color:var(--mint);}

 .btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px;}
 .btn{display:inline-flex;align-items:center;gap:8px;border-radius:2px;padding:15px 26px;
 font-size:16px;font-weight:600;text-decoration:none;border:1px solid transparent;
 transition:background .15s,border-color .15s,color .15s;cursor:pointer;}
 .btn.p{background:var(--mint);color:var(--ink);}
 .btn.p:hover{background:#7FCE88;}
 .btn.s{border-color:var(--line);color:var(--ink);background:transparent;}
 .btn.s:hover{background:var(--tint);}
 .band.dark .btn.s,.band.dark2 .btn.s{border-color:var(--line-dk);color:var(--white);}
 .band.dark .btn.s:hover,.band.dark2 .btn.s:hover{background:rgba(255,255,255,.08);}
 .lnk{color:var(--mint-deep);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(62,156,72,.35);}
 .lnk:hover{border-bottom-color:var(--mint-deep);}
 .band.dark .lnk,.band.dark2 .lnk{color:var(--mint);border-bottom-color:rgba(144,218,152,.4);}

 /* ---------- toppnav ---------- */
 header{position:sticky;top:0;z-index:40;background:rgba(20,20,20,.97);color:var(--white);
 border-bottom:1px solid var(--line-dk);}
 .nav{max-width:var(--col);margin:0 auto;padding:14px var(--pad);display:flex;align-items:center;gap:26px;}
 .brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em;
 font-size:19px;text-decoration:none;flex:0 0 auto;color:#fff;}
 .mark{width:22px;height:22px;flex:0 0 auto;fill:var(--mint);display:block;}
 footer .mark{fill:var(--mint);}
 .navlinks{display:flex;flex-wrap:wrap;gap:20px;flex:1;}
 .navlinks a{font-size:15px;font-weight:500;color:#CFD4CF;text-decoration:none;padding:4px 0;
 border-bottom:1.5px solid transparent;}
 .navlinks a:hover{color:#fff;}
 .navlinks a.on{color:#fff;border-bottom-color:var(--mint);}
 .nav .btn{padding:9px 16px;font-size:14.5px;}
.navlinks{align-items:center;}
.nd{position:relative;display:flex;}
.ndt{font:inherit;font-size:15px;font-weight:500;color:#CFD4CF;background:none;border:0;cursor:pointer;
 padding:4px 0;border-bottom:1.5px solid transparent;display:inline-flex;align-items:center;gap:6px;
 transition:color .16s ease,border-color .16s ease;}
.ndt svg{width:10px;height:7px;opacity:.6;transition:transform .16s ease;}
.ndt:hover,.nd:hover .ndt,.nd:focus-within .ndt{color:#fff;}

.ndt.on{color:#fff;border-bottom-color:var(--mint);}
.ndp{position:absolute;top:100%;left:-14px;padding-top:15px;z-index:50;
 opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease,visibility .16s;}

.ndp .in{background:#1C1E1C;border:1px solid var(--line-dk);border-radius:3px;padding:8px;
 min-width:min(346px,calc(100vw - 40px));box-shadow:0 18px 44px rgba(0,0,0,.5);}
.ndp a{display:block;padding:11px 13px;border-radius:2px;text-decoration:none;border:0;}
.ndp a:hover{background:rgba(255,255,255,.06);}
.ndp a.on{background:rgba(144,218,152,.10);}
.ndp a.on b{color:var(--mint);}
.ndp a b{display:block;font-size:15px;font-weight:600;color:#fff;letter-spacing:-.01em;}
.ndp a span{display:block;font-size:13px;line-height:1.4;color:var(--grey-dk);margin-top:2px;}
.mbanner{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;
 background:var(--mint-soft);color:var(--ink);text-decoration:none;
 padding:11px var(--pad);font-size:14.5px;line-height:1.4;border-bottom:1px solid #D6E8D8;}
.mbanner:hover{background:#DEF0E1;}
.mbanner b{font-weight:600;}
.mb-dot{width:7px;height:7px;border-radius:50%;background:var(--mint-deep);flex:0 0 auto;}
.mb-go{color:var(--mint-deep);font-weight:600;white-space:nowrap;}
@media (max-width:640px){.mbanner{justify-content:flex-start;font-size:13.5px;}}
.pv-acc .ar[data-a],.pv-inv tbody tr[data-c]{transition:opacity .15s ease;cursor:pointer;}
.pv[data-hl] .ar[data-a],.pv[data-hl] .pv-inv tbody tr[data-c]{opacity:.28;}
.pv[data-hl="0"] .ar[data-a="0"],.pv[data-hl="0"] .pv-inv tbody tr[data-c="0"],
.pv[data-hl="1"] .ar[data-a="1"],.pv[data-hl="1"] .pv-inv tbody tr[data-c="1"],
.pv[data-hl="2"] .ar[data-a="2"],.pv[data-hl="2"] .pv-inv tbody tr[data-c="2"],
.pv[data-hl="3"] .ar[data-a="3"],.pv[data-hl="3"] .pv-inv tbody tr[data-c="3"]{opacity:1;}
.pv svg.pvl path{transition:stroke-opacity .15s ease,stroke-width .15s ease;}
.pv[data-hl] svg.pvl path{stroke-opacity:.07;}
.pv[data-hl="0"] svg.pvl path[data-c="0"],
.pv[data-hl="1"] svg.pvl path[data-c="1"],
.pv[data-hl="2"] svg.pvl path[data-c="2"],
.pv[data-hl="3"] svg.pvl path[data-c="3"]{stroke-opacity:1;stroke-width:2.2;}
.pv-acc .ar[data-a]:focus-visible,.pv-inv tbody tr[data-c]:focus-visible{outline:2px solid var(--mint-deep);outline-offset:2px;}
.pv-hint{display:block;color:var(--grey);}
@media (max-width:860px){.pv-hint{display:none !important;}.pv-acc .ar[data-a],.pv-inv tbody tr[data-c]{cursor:default;}}
.mrows{display:grid;gap:10px;}
.mrows > div{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;}
.mrows .good{font-family:var(--mono);font-size:clamp(20px,2.2vw,26px);font-weight:600;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:var(--mint-deep);}
.mrows em{font-style:normal;font-size:15.5px;color:var(--grey);font-variant-numeric:tabular-nums;}
.addons{margin-top:34px;overflow-x:auto;}
.addons table{width:100%;border-collapse:collapse;font-size:15.5px;min-width:560px;}
.addons th,.addons td{text-align:left;padding:14px 12px;border-bottom:1px solid var(--line);vertical-align:top;}
.addons thead th{font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;
 color:var(--grey);border-bottom:1px solid var(--ink);}
.addons tbody th{font-weight:600;color:var(--ink);font-size:16px;letter-spacing:-.005em;text-transform:none;}
.addons tbody th small{display:block;font-weight:400;color:var(--grey);font-size:14px;letter-spacing:0;text-transform:none;margin-top:3px;line-height:1.4;}
.addons th.c,.addons td.c{text-align:center;width:124px;font-size:14.5px;}
.addons td.y{color:var(--mint-deep);font-weight:600;}
.addons td.a{color:var(--grey);}
.addons td.n{color:var(--line);}
.vtxt{margin-top:38px;max-width:72ch;}
.vtxt h3{font-size:19px;margin:0 0 8px;}
.vtxt p{font-size:17px;line-height:1.6;color:var(--grey);margin:0;}
.vtxt .note{margin-top:22px;}
.rq{font-size:16px;line-height:1.45;color:var(--ink);font-weight:500;margin:0 0 10px;
 padding-bottom:10px;border-bottom:1px solid var(--line);}
.band.dark .rq,.band.dark2 .rq{color:var(--white);border-bottom-color:var(--line-dk);}
.calslot{margin-top:8px;border:1px solid var(--line);border-radius:3px;background:var(--tint);
 min-height:420px;display:flex;align-items:center;justify-content:center;}
.calph{text-align:center;padding:40px;}
.calph b{display:block;font-size:17px;font-weight:600;color:var(--ink);margin-bottom:6px;}
.calph span{font-size:14.5px;color:var(--grey);}
.login{font-size:15px;font-weight:500;color:#CFD4CF;text-decoration:none;white-space:nowrap;flex:0 0 auto;}
.login:hover{color:#fff;}

 /* ---------- innehållsmeny ---------- */
 .subnav{position:sticky;top:57px;z-index:30;background:rgba(255,255,255,.96);
 backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
 .subnav .in{max-width:var(--col);margin:0 auto;padding:0 var(--pad);display:flex;gap:26px;
 overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;}
 .subnav .in::-webkit-scrollbar{display:none;}
 .subnav a{flex:0 0 auto;font-size:14.5px;font-weight:500;color:var(--grey);text-decoration:none;
 padding:15px 0;border-bottom:2px solid transparent;white-space:nowrap;cursor:pointer;
 transition:color .14s,border-color .14s;}
 .subnav a:hover{color:var(--ink);}
 .subnav a.on{color:var(--ink);border-bottom-color:var(--mint-deep);}
 @media (max-width:760px){
 .subnav .in{gap:20px;}
 .subnav a{font-size:14px;padding:13px 0;}
 }
 /* ---------- hero ---------- */
 .hero{padding:92px 0 84px;}
 .hero .pre{font-size:clamp(17px,2vw,21px);color:var(--grey-dk);margin:0 0 10px;font-weight:500;}
 .hero h1{max-width:16ch;}
 .hero .sub{font-size:clamp(17px,1.9vw,21px);color:var(--grey-dk);font-weight:500;
 letter-spacing:-.015em;margin:0;max-width:34ch;}

 /* ---------- stegen ---------- */
 .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:54px;}
 .band.tint .steps{grid-template-columns:repeat(4,1fr);gap:36px;}
 .step{display:flex;flex-direction:column;gap:6px;padding-top:18px;border-top:2px solid var(--ink);}
 .step .n{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);}
 .step p{margin:0;font-size:16px;color:var(--grey);}
 .step .lead{color:var(--ink);font-weight:500;font-size:17.5px;}

 /* ---------- tre sätt ---------- */
 .ways{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:48px;}
 .way{background:transparent;border:0;border-top:2px solid var(--line);border-radius:0;padding:20px 0 0;}
 .way.on{border-top-color:var(--mint-deep);background:transparent;}
 .way h3{font-size:19px;}
 .way p{margin:0;font-size:16px;line-height:1.55;color:var(--grey);}
 .way .tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;
 text-transform:uppercase;color:var(--mint-deep);margin-bottom:10px;}
 .way .tag.off{color:var(--grey);}

 /* ---------- fakturaexempel ---------- */
 .inv{margin-top:40px;border:0;border-top:1px solid var(--ink);border-radius:0;overflow:visible;background:transparent;}
 .inv .head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;
 padding:16px 0;border-bottom:1px solid var(--line);background:transparent;}
 .inv .head b{font-size:15px;}
 .inv .head span{font-family:var(--mono);font-size:12.5px;color:var(--grey);font-variant-numeric:tabular-nums;letter-spacing:.01em;}
 .tblwrap{overflow-x:auto;}
 table{border-collapse:collapse;width:100%;min-width:600px;}
 th{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--grey);
 text-align:left;padding:14px 24px 14px 0;border-bottom:1px solid var(--line);white-space:nowrap;}
 td{padding:16px 24px 16px 0;border-bottom:1px solid var(--line);font-size:16px;vertical-align:top;}
 tbody tr:last-child td{border-bottom:0;}
 td.num,th.num{font-family:var(--mono);font-size:14px;color:var(--grey);font-variant-numeric:tabular-nums;font-feature-settings:"tnum";}
 tr.new td{background:transparent;color:var(--mint-deep);font-weight:500;}
 tr.new td:first-child{box-shadow:none;}
 .badge{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
 color:var(--mint-deep);border:1px solid rgba(62,156,72,.4);border-radius:2px;padding:1px 6px;margin-left:8px;}

 /* ---------- diagnos ---------- */
 .diag{margin-top:44px;border-top:1px solid var(--ink);}
 .diag .d{display:grid;grid-template-columns:2.6rem 1fr;gap:20px;padding:22px 0;
 border-bottom:1px solid var(--line);}
 .diag .dn{font-size:13px;font-weight:700;color:var(--mint-deep);padding-top:4px;
 font-variant-numeric:tabular-nums;}
 .diag .q{margin:0 0 8px;font-size:21px;font-weight:600;letter-spacing:-.02em;line-height:1.3;}
 .diag .w{margin:0;font-size:15.5px;color:var(--grey);}
 /* ---------- resonemang ---------- */
 .reason{margin-top:44px;border:0;border-top:1px solid rgba(255,255,255,.3);border-radius:0;
 overflow:visible;background:transparent;}
 .reason > div{padding:24px 0;border-bottom:1px solid var(--line-dk);}
 .reason > div:last-child{border-bottom:0;}
 .reason .lab{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;
 text-transform:uppercase;color:var(--mint);margin:0 0 10px;}
 .reason p{margin:0;font-size:16.5px;color:var(--grey-dk);}
 .reason .row{font-family:var(--mono);font-size:16.5px;font-weight:500;color:#fff;font-variant-numeric:tabular-nums;}
 .reason .res{color:#fff;}
 /* ---------- trd ---------- */
 .tree{margin-top:44px;font-size:16px;}
 .tree .lvl{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);}
 .tree .lvl:last-child{border-bottom:0;}
 .tree .nm{font-weight:600;min-width:200px;}
 .tree .rule{color:var(--grey);font-size:14.5px;}
 .tree .rule b{color:var(--mint-deep);font-weight:600;}
 .tree .ovr .rule b{color:#8A6011;}
 .tree .i1{padding-left:26px;} .tree .i2{padding-left:52px;} .tree .i3{padding-left:78px;}
 /* ---------- signaler ---------- */
 .sigs{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 60px;margin-top:44px;
 border:0;border-radius:0;overflow:visible;background:transparent;}
 .sigs > div{padding:22px 0 0;border-top:1px solid var(--line);border-right:0;border-bottom:0;}
 .sigs h4{margin:0 0 6px;font-size:16px;font-weight:600;letter-spacing:-.01em;}
 .sigs p{margin:0;font-size:15px;color:var(--grey);}
 .sigs .do{display:block;font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;
 color:var(--mint-deep);margin-bottom:8px;}
 @media (max-width:760px){
 .sigs{grid-template-columns:1fr;}
 .sigs > div{border-right:0;}
 .sigs > div:nth-last-child(2){border-bottom:1px solid var(--line);}
 }
 /* ---------- jämförelse ---------- */
 .vs{margin-top:44px;border:0;border-top:1px solid var(--ink);background:transparent;}
 .vs .vrow{display:grid;grid-template-columns:1fr 1.25fr 1.25fr;border-bottom:1px solid var(--line);}
 .vs .vrow > div{padding:22px 26px 22px 0;font-size:16px;line-height:1.5;}
 .vs .vrow.h > div{padding-top:14px;padding-bottom:14px;font-size:11.5px;font-weight:700;
 letter-spacing:.14em;text-transform:uppercase;color:var(--grey);}
 .vs .vrow.h > div:last-child{color:var(--mint-deep);}
 .vs .q{font-weight:600;color:var(--ink);}
 .vs .a{color:var(--grey);}
 .vs .a:before{content:"\00d7";display:inline-block;width:22px;color:#C2726E;font-weight:700;}
 .vs .b{color:var(--ink);}
 .vs .b:before{content:"\2713";display:inline-block;width:22px;color:var(--mint-deep);font-weight:700;}
 @media (max-width:860px){
 .mods{grid-template-columns:1fr 1fr;gap:14px 24px;}
 .iou{grid-template-columns:1fr;gap:28px;}
 .plans{grid-template-columns:1fr;gap:36px;}
 .figs{grid-template-columns:1fr 1fr;gap:26px;}
 .steps,.band.tint .steps,.ways,.cards,.cards.two,.shotpair,.verts,.prods{grid-template-columns:1fr;gap:30px;}
 .tree .nm{min-width:0;}
 .tree .lvl{flex-wrap:wrap;gap:4px 12px;}
 .tree .i1{padding-left:14px;} .tree .i2{padding-left:28px;} .tree .i3{padding-left:42px;}
 .row{grid-template-columns:1fr;}
 }
 @media (max-width:760px){
 .vs .vrow{grid-template-columns:1fr;}
 .vs .vrow > div{border-right:0;border-bottom:1px solid var(--line);}
 .vs .vrow.h{display:none;}
 .vs .a:before{content:"Den vanliga modellen: ";font-weight:600;color:var(--ink);}
 .vs .b:before{content:"Cosmoz: ";font-weight:600;color:var(--mint-deep);}
 }
 /* ---------- promptruta ---------- */
 .pchat{margin-top:48px;border:0;border-top:2px solid var(--ink);border-radius:0;overflow:visible;background:transparent;}
 .pchat > div{padding:26px 0 26px 54px;border-bottom:1px solid var(--line);position:relative;}
 .pchat > div:before{position:absolute;left:0;top:26px;font-size:13px;font-weight:700;
 color:var(--mint-deep);font-variant-numeric:tabular-nums;}
 .pchat > div:nth-child(1):before{content:"01";}
 .pchat > div:nth-child(2):before{content:"02";}
 .pchat > div:nth-child(3):before{content:"03";}
 .pchat > div:last-child{border-bottom:0;}
 .pchat .lab{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;
 text-transform:uppercase;color:var(--grey);margin:0 0 12px;}
 .pchat .val{font-family:var(--mono);font-size:clamp(22px,2.6vw,30px);font-weight:600;
 letter-spacing:-.02em;font-variant-numeric:tabular-nums;}
 .pchat .val small{font-size:17px;font-weight:400;color:var(--grey);letter-spacing:0;margin-left:10px;}
 .pchat .bad{color:#B03030;text-decoration:line-through;text-decoration-thickness:2px;}
 .pchat .good{color:var(--mint-deep);font-weight:600;}
 .pchat .say{background:transparent;}
 .pchat .say p{margin:0;font-size:18px;line-height:1.5;}
 .pchat .say p em{font-style:normal;background:var(--tint);border:0;border-left:3px solid var(--mint-deep);
 border-radius:0;padding:16px 20px;display:inline-block;max-width:62ch;}
 /* ---------- figur ---------- */
 figure.dia{margin:48px 0 0;border:0;border-radius:0;overflow:visible;background:transparent;}
 figure.dia svg{display:block;width:100%;height:auto;padding:0;}
 figure.dia figcaption{padding:22px 0 0;border-top:0;font-size:16px;color:var(--grey);max-width:70ch;}
 figure.dia figcaption b{color:var(--ink);font-weight:600;}
 /* ---------- fakturautdrag ---------- */
 .frag{border:1px solid var(--line);border-radius:4px;padding:22px 24px;background:var(--white);
 font-size:14px;line-height:1.6;overflow-x:auto;}
 .frag .fh{display:grid;gap:12px;padding-bottom:9px;margin-bottom:10px;
 border-bottom:1px solid var(--ink);font-size:11px;font-weight:700;letter-spacing:.1em;
 text-transform:uppercase;color:var(--grey);}
 .frag .fr{display:grid;gap:12px;padding:3px 0;font-variant-numeric:tabular-nums;min-width:640px;}
 .frag .fh{min-width:640px;}
 .frag .c1{grid-template-columns:44px 1fr 110px 90px 46px 110px;}
 .frag .c2{grid-template-columns:54px 1fr 90px 100px 110px;}
 .frag .n{text-align:right;}
 .frag .sub{color:var(--grey);}
 .frag .ind{padding-left:0;}
 .frag .rule{border-top:1px solid var(--ink);}
 .frag .dbl{border-top:3px double var(--ink);}
 .frag mark{background:rgba(144,218,152,.35);color:inherit;padding:1px 3px;border-radius:2px;}
 .frag b{font-weight:600;}
 .case{margin-top:52px;}
 .case h3{font-size:24px;letter-spacing:-.025em;margin:0 0 8px;}
 .case .sub{font-size:16.5px;color:var(--grey);margin:0 0 26px;max-width:62ch;}
 /* ---------- namnet ---------- */
 .lex{position:relative;overflow:hidden;}
 .lex:before{content:"";position:absolute;left:50%;top:-40%;width:130%;height:190%;
 transform:translateX(-50%);pointer-events:none;
 background:radial-gradient(ellipse at 50% 42%, rgba(144,218,152,.14), rgba(144,218,152,0) 60%);}
 .lex .wrap{position:relative;}
 .lex .word{font-size:clamp(54px,10vw,128px);font-weight:700;letter-spacing:-.045em;line-height:1;
 margin:0;color:var(--white);}
 .lex .ipa{font-size:clamp(20px,3vw,31px);color:var(--mint);margin:18px 0 0;letter-spacing:.02em;}
 .lex .def{font-size:clamp(19px,2.3vw,26px);line-height:1.45;color:var(--grey-dk);
 margin:30px 0 0;max-width:32ch;}
 .lex .def b{color:var(--white);font-weight:600;}
 .lex .def em{font-style:italic;}
 .lex .tail{font-size:17.5px;line-height:1.55;color:var(--grey-dk);margin:34px 0 0;max-width:54ch;}
 .lex .tail b{color:var(--white);font-weight:600;}
 .band.lex.tight{padding:104px 0;}
 /* ---------- väljaren ---------- */
 .pv{display:grid;grid-template-columns:minmax(0,330px) minmax(0,1fr);gap:0 58px;
 margin-top:40px;position:relative;align-items:start;}
 .pv svg.pvl{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;}
 .pv-acc .sup{font-size:19px;font-weight:700;letter-spacing:-.02em;}
 .pv-acc .met{font-size:13px;color:var(--grey);margin-top:2px;}
 .pv-acc .amt{font-size:15px;color:var(--ink);font-weight:600;margin-top:6px;
 font-variant-numeric:tabular-nums;}
 .pv-acc .amt i{font-style:normal;color:var(--grey);font-weight:400;}
 .pv-acc h4{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
 color:var(--grey);margin:22px 0 4px;padding-top:16px;border-top:1px solid var(--ink);}
 .pv-acc .rest{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);}
 .pv-acc .rest .ar{padding:7px 0;border-bottom:0;font-size:13.5px;color:var(--grey);}
 .pv-acc .rest .ar b{font-weight:500;}
 .pv-acc .ar{display:flex;justify-content:space-between;gap:12px;padding:13px 0 13px 14px;
 border-bottom:1px solid var(--line);font-size:14px;}
 .pv-acc .ar:last-of-type{border-bottom:0;}
 .pv-acc .ar b{display:block;font-weight:600;}
 .pv-acc .ar span{font-size:12px;color:var(--grey);}
 .pv-acc .ar .v{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap;}
 .pv-acc .ar.plain{padding-left:0;color:var(--grey);}
 .pv-acc .ar.plain b{font-weight:500;}
 .pv-note{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);}
 .pv-note .t{font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
 color:var(--mint-deep);margin-bottom:10px;}
 .pv-note p{margin:0;font-size:14.5px;line-height:1.5;color:var(--grey);}
 .pv-note p b{color:var(--ink);}
 .pv-note p em{font-style:normal;color:#8A6011;font-weight:700;margin-right:6px;}
 .pv-inv table{border-collapse:collapse;width:100%;min-width:0;}
 .pv-inv th{font-size:10.5px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;
 color:var(--grey);text-align:left;padding:0 16px 12px 0;border-bottom:1px solid var(--ink);white-space:nowrap;}
 .pv-inv td{padding:15px 16px 15px 0;border-bottom:1px solid var(--line);font-size:15.5px;vertical-align:top;}
 .pv-inv tr:last-child td{border-bottom:0;}
 .pv-inv td:first-child{padding-left:14px;position:relative;}
 .pv-inv .num{text-align:right;font-variant-numeric:tabular-nums;padding-right:0;}
 .pv-inv .art{display:block;font-size:12px;color:var(--grey);margin-top:3px;}
 .k0{box-shadow:inset 3px 0 0 #3E9C48;} .k1{box-shadow:inset 3px 0 0 #2E6FC9;}
 .k2{box-shadow:inset 3px 0 0 #8A5FC9;} .k3{box-shadow:inset 3px 0 0 #C2740E;}
 .pv-acc .ar.k0,.pv-acc .ar.k1,.pv-acc .ar.k2,.pv-acc .ar.k3{border-radius:0;}
 @media (max-width:860px){
 .pv{grid-template-columns:1fr;gap:44px;}
 .pv svg.pvl{display:none;}
 .pv-inv th:nth-child(2),.pv-inv td:nth-child(2){display:none;}
 }

 .picks{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px;}
 .pick{font:inherit;font-size:15.5px;font-weight:600;cursor:pointer;border:1px solid var(--line);
 background:transparent;color:var(--grey);border-radius:2px;padding:11px 20px;
 transition:background .14s,border-color .14s,color .14s;}
 .pick[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white);}
 .pick:focus:not(:focus-visible){outline:none;}
 @media (hover:hover) and (pointer:fine){
 .pick:not([aria-pressed="true"]):hover{border-color:var(--mint-deep);color:var(--ink);}
 }
 .picker .inv{margin-top:22px;}
 .picker .note{margin-top:20px;}
 /* ---------- in / händer / ut ---------- */
 .iou{display:grid;grid-template-columns:repeat(3,1fr);gap:44px;margin-top:52px;
 border:0;border-radius:0;overflow:visible;}
 .iou > div{padding:22px 0 0;border-top:1px solid var(--line);}
 .iou > div + div{border-left:0;}
 .iou .t{font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
 color:var(--mint-deep);margin:0 0 14px;}
 .iou p{margin:0 0 12px;font-size:16px;line-height:1.55;color:var(--grey);}
 .iou p:last-child{margin-bottom:0;}
 .iou b{color:var(--ink);font-weight:600;}
 /* ---------- numrerat förlopp ---------- */
 .walk{margin-top:48px;border-top:1px solid var(--ink);}
 .wstep{display:grid;grid-template-columns:2.6rem 1fr;gap:20px;padding:20px 0;
 border-bottom:1px solid var(--line);}
 .wstep .wn{font-size:13px;font-weight:700;color:var(--mint-deep);padding-top:3px;
 font-variant-numeric:tabular-nums;}
 .wstep p{margin:0;font-size:16.5px;color:var(--grey);}
 .wstep p b{color:var(--ink);font-weight:600;}
 .band.dark .wstep,.band.dark2 .wstep{border-color:var(--line-dk);}
 .band.dark .walk,.band.dark2 .walk{border-top-color:rgba(255,255,255,.35);}
 .band.dark .wstep p,.band.dark2 .wstep p{color:var(--grey-dk);}
 .band.dark .wstep p b,.band.dark2 .wstep p b{color:var(--white);}
 .band.dark .wstep .wn,.band.dark2 .wstep .wn{color:var(--mint);}
 /* ---------- skärmbilder ---------- */
 .shots{display:grid;gap:54px;margin-top:52px;}
 .shot{border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;}
 .shot img{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;}
 .shot figcaption{padding:16px 0 0;border-top:0;font-size:15.5px;color:var(--grey);}
 .shot figcaption b{color:var(--ink);font-weight:600;}
 .shotpair{display:grid;grid-template-columns:1fr 1fr;gap:44px;}
 /* ---------- sifferrad ---------- */
 .figs{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;margin-top:48px;
 border-top:1px solid var(--line);padding-top:32px;}
 .fig b{display:block;font-size:clamp(26px,3vw,34px);line-height:1;letter-spacing:-.03em;font-weight:700;
 font-variant-numeric:tabular-nums;}
 .fig span{display:block;font-size:14.5px;color:var(--grey);margin-top:8px;}
 .band.dark .fig span,.band.dark2 .fig span{color:var(--grey-dk);}
 /* ---------- integrationer ---------- */
 .erps{display:flex;flex-wrap:wrap;gap:16px 32px;margin-top:34px;align-items:center;}
 .erps span{font-size:21px;font-weight:600;letter-spacing:-.02em;color:var(--ink);opacity:.72;}
 .erps em{font-style:normal;font-size:15px;color:var(--grey);}
 /* ---------- moduler ---------- */
 .mods{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 34px;margin-top:40px;
 border-top:1px solid var(--line);padding-top:26px;}
 .mods span{font-size:16.5px;font-weight:500;color:var(--ink);letter-spacing:-.01em;}

 /* ---------- kort ---------- */
 .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:44px 40px;margin-top:52px;}
 .cards.two{grid-template-columns:repeat(2,1fr);gap:44px 60px;}
 .card{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;
 padding:22px 0 0;display:flex;flex-direction:column;gap:10px;}
 .card h3{margin:0;}
 .band.dark .card,.band.dark2 .card{border-top-color:var(--line-dk);}
 .band.dark .card h3,.band.dark2 .card h3{color:var(--white);}
 .band.dark .card p,.band.dark2 .card p{color:var(--grey-dk);}
 .card p{margin:0;font-size:16px;line-height:1.55;color:var(--grey);}
 .card .go{margin-top:auto;padding-top:14px;font-size:15px;font-weight:600;color:var(--mint-deep);
 text-decoration:none;}
 .card .go:hover{text-decoration:underline;}

 /* ---------- bevis ---------- */
 .proof{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px;}
  .proof.four{grid-template-columns:repeat(4,1fr);gap:24px;}
  @media (max-width:900px){.proof.four{grid-template-columns:repeat(2,1fr);}}
 .proof div{border-top:2px solid var(--mint);padding-top:16px;}
 .proof b{display:block;font-size:clamp(28px,3.4vw,40px);line-height:1;letter-spacing:-.03em;
 font-variant-numeric:tabular-nums;margin-bottom:8px;}
 .proof p{margin:0;font-size:15px;color:var(--grey-dk);}
 .trust{margin-top:36px;padding-top:18px;border-top:1px solid var(--line-dk);
 font-size:14.5px;color:var(--grey-dk);}

 /* ---------- faq ---------- */
 .faq{margin-top:44px;border-top:1px solid var(--ink);}
 .faq details{border-bottom:1px solid var(--line);}
 .faq summary{cursor:pointer;list-style:none;padding:22px 0;font-size:18.5px;font-weight:600;
 letter-spacing:-.015em;display:flex;justify-content:space-between;gap:16px;align-items:baseline;}
 .faq summary::-webkit-details-marker{display:none;}
 .faq summary::after{content:"+";font-weight:400;color:var(--mint-deep);font-size:22px;line-height:1;}
 .faq details[open] summary::after{content:"\2013";}
 .faq .a{padding:0 0 26px;max-width:66ch;color:var(--grey);font-size:16.5px;}
 .faq .a p:last-child{margin-bottom:0;}

 /* ---------- paket ---------- */
 .plans{display:grid;grid-template-columns:repeat(4,1fr);gap:46px 36px;margin-top:52px;}
 .plan{border:0;border-top:2px solid var(--line);border-radius:0;padding:22px 0 0;display:flex;flex-direction:column;gap:10px;}
 .plan.hi{border-top-color:var(--mint-deep);}
 .plan h3{margin:0;font-size:22px;}
 .plan .who{font-size:14px;font-weight:600;color:var(--mint-deep);}
 .plan p{margin:0;font-size:16px;line-height:1.55;color:var(--grey);}
 .plan ul{margin:8px 0 0;padding-left:18px;font-size:15.5px;line-height:1.6;color:var(--grey);}
 .plan li{margin-bottom:5px;}

 /* ---------- mässa ---------- */
 .fair{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start;margin-top:34px;}
 .map{border:1px solid var(--line-dk);border-radius:5px;background:var(--surf-2);padding:22px;}
 .plan-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-top:14px;}
 .plan-grid i{display:block;height:34px;border-radius:2px;background:rgba(255,255,255,.07);}
 .plan-grid i.you{background:var(--mint);}
 .plan-grid i.hall{background:rgba(255,255,255,.03);}
 .stand{font-size:clamp(34px,5vw,52px);font-weight:700;letter-spacing:-.03em;line-height:1;margin:0;}

 /* ---------- sidfot ---------- */
 footer{background:var(--ink);color:var(--grey-dk);padding:56px 0 40px;font-size:14.5px;}
 .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px;}
 footer h4{margin:0 0 12px;font-size:11.5px;font-weight:600;letter-spacing:.14em;
 text-transform:uppercase;color:var(--mint);}
 footer a{display:block;color:var(--grey-dk);text-decoration:none;margin-bottom:7px;}
 footer a:hover{color:#fff;}
 .fbot{margin-top:38px;padding-top:20px;border-top:1px solid var(--line-dk);
 display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;font-size:13.5px;}

 .note{background:transparent;border-left:2px solid var(--mint-deep);border-radius:0;
 padding:2px 0 2px 24px;margin-top:40px;font-size:17px;line-height:1.55;max-width:66ch;color:var(--grey);}
 .band.dark .note,.band.dark2 .note{border-left-color:var(--mint);color:var(--grey-dk);}
 .note b{display:block;margin-bottom:6px;color:var(--ink);}
 .band.dark .note b,.band.dark2 .note b{color:var(--white);}

 .page{display:none;}
 .page.on{display:block;}

 @media (max-width:900px){
 .steps,.ways,.cards,.cards.two,.proof,.band.tint .steps,.shotpair{grid-template-columns:1fr;gap:22px;}
 .figs{grid-template-columns:1fr 1fr;gap:18px;}
 .iou{grid-template-columns:1fr;}
 .iou > div + div{border-left:0;border-top:1px solid var(--line);}
 .plans{grid-template-columns:repeat(2,1fr);}
 .fair{grid-template-columns:1fr;}
 .fgrid{grid-template-columns:1fr 1fr;}
 }
 @media (max-width:640px){
 :root{--pad:20px;}
 body{font-size:16px;}
 .band{padding:60px 0;}
 .hero{padding:60px 0 56px;}
 .nav{flex-wrap:wrap;gap:12px;}
 .navlinks{flex:0 0 100%;order:3;gap:16px;}
 .plans{grid-template-columns:1fr;}
 }

html { scroll-padding-top: calc(var(--header-height, 72px) + 64px); }
h1, h2, h3 { overflow-wrap: anywhere; hyphens: auto; }
.subnav { top: var(--header-height, 72px); }
.booking-panel { min-height: 250px; padding: 36px 24px; text-align: center; flex-direction: column; gap: 18px; }
.booking-panel p { margin: 0; }
.booking-panel .booking-caption { font-size: 14px; color: var(--grey); }
.nd.is-open .ndp { opacity: 1; visibility: visible; transform: none; }
.nd.is-open .ndt svg { transform: rotate(180deg); opacity: 1; }
.analytics-consent[hidden], .analytics-consent [hidden], #analytics-settings[hidden] { display: none !important; }
.analytics-consent { position: fixed; z-index: 1000; bottom: 20px; left: 20px; right: 20px; max-width: 1080px; margin: auto; display: flex; align-items: center; gap: 28px; padding: 24px; background: #fff; color: var(--ink); border: 1px solid #d9dfdc; border-radius: 14px; box-shadow: 0 6px 36px #102e2026; max-height: 75vh; overflow: auto; }
.analytics-copy { flex: 1; min-width: 0; }
.analytics-consent h2 { font-size: 20px; line-height: 1.3; margin: 0 0 8px; letter-spacing: normal; }
.analytics-consent p { font-size: 14px; line-height: 1.55; margin: 0 0 10px; }
.analytics-consent summary { font-size: 14px; text-decoration: underline; cursor: pointer; }
.analytics-consent details p { margin-top: 10px; }
.analytics-actions { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 0 320px; }
.analytics-actions button { flex: 1; min-height: 44px; padding: 10px 14px; border: 1px solid var(--ink); border-radius: 6px; background: #fff; color: var(--ink); font: inherit; font-size: 14px; cursor: pointer; }
.analytics-actions button:hover { background: #eef5ef; }
.analytics-actions .analytics-close { flex-basis: 100%; }
#analytics-settings { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-decoration: underline; cursor: pointer; }
.analytics-consent button:focus-visible, .analytics-consent summary:focus-visible, #analytics-settings:focus-visible { outline: 3px solid #1e7550; outline-offset: 4px; }
@media (max-width: 800px) {
  .analytics-consent { flex-direction: column; align-items: stretch; gap: 16px; }
  .analytics-actions { flex-basis: auto; }
}
@media (max-width: 800px) {
  .nav { flex-wrap: wrap; gap: 12px; }
  .navlinks { flex: 0 0 100%; order: 3; gap: 16px; }
  .login { margin-left: auto; }
}
@media (max-width: 640px) {
  .analytics-consent { bottom: 10px; left: 10px; right: 10px; padding: 18px; }
  .mods { grid-template-columns: minmax(0, 1fr); }
  .nav { gap: 10px; }
  .brand { font-size: 18px; gap: 8px; }
  .login { font-size: 14px; }
  .nav .btn { padding: 9px 12px; font-size: 13px; }
  .navlinks { position: relative; }
  .nd { position: static; }
  .ndp { left: 0; right: 0; }
  .ndp .in { min-width: 0; width: 100%; }
  .booking-panel { padding: 28px 16px; }
}