*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#061b34;background:#fff}a{text-decoration:none;color:inherit}.top{height:76px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#fff}.top>a img{display:block;width:62px;height:62px;object-fit:contain}.top nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:700}.contact-btn,.blue-btn{background:#0879e8;color:#fff;padding:13px 22px;border-radius:28px;box-shadow:0 5px 16px rgba(8,121,232,.25)}.contact-btn b,.blue-btn b,.outline-btn b{margin-left:16px}.hero{height:510px;display:grid;grid-template-columns:1fr 1fr}.hero-copy{background:radial-gradient(circle at 78% 15%,#15517d 0,#0a3a65 35%,#041d36 78%);color:#fff;padding-left:max(24px,calc((100vw - 1180px)/2 + 24px));display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-mark{width:116px;height:116px;border:2px solid #3db6ff;border-radius:50%;display:grid;place-items:center;font-size:28px;font-weight:800;letter-spacing:1px;box-shadow:0 0 22px rgba(40,170,255,.65),inset 0 0 18px rgba(40,170,255,.18);margin-bottom:18px}.hero h1{font-size:56px;line-height:.98;letter-spacing:-2px;margin:0 0 18px}.hero h1 span{color:#67c0ff}.hero p{font-size:16px;line-height:1.45;margin:0 0 24px}.outline-btn{border:1px solid #35afff;color:#fff;border-radius:28px;padding:13px 21px;font-size:13px;font-weight:700;box-shadow:0 0 16px rgba(31,160,255,.55)}.hero-image{background:url('hero-user-v3.jpg') center/cover no-repeat}.how{max-width:1180px;margin:auto;padding:58px 24px 62px;scroll-margin-top:16px}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.section-head small,.about small,.advertise small,.contact small{color:#0879e8;font-weight:800;font-size:10px;letter-spacing:1.8px}.section-head h2,.about h2,.advertise h2,.contact h2{margin:6px 0 0;font-size:43px;letter-spacing:-1.2px}.section-head>p{margin:0;color:#56667a;font-size:14px;line-height:1.55}.steps{margin-top:38px;display:grid;grid-template-columns:1fr 34px 1fr 34px 1fr 34px 1fr;align-items:start;text-align:center}.step{max-width:220px;margin:auto}.icon{width:72px;height:72px;border-radius:50%;background:#eaf5ff;margin:0 auto 13px;display:grid;place-items:center}.icon svg,.small-icon svg{display:block;width:32px;height:32px;fill:none!important;stroke:#0879e8!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.step h3{font-size:14px;margin:0 0 7px}.step p{font-size:11px;line-height:1.45;color:#59697d;margin:0}.arrow{color:#88a2bd;font-size:22px;padding-top:24px}.about{height:650px;background-image:linear-gradient(90deg,rgba(2,27,51,.96) 0%,rgba(2,27,51,.90) 38%,rgba(2,27,51,.52) 58%,rgba(2,27,51,.10) 78%),url('malmo-pure-v3.jpg');background-size:cover;background-position:center;display:flex;align-items:center;scroll-margin-top:0}.about-inner{width:1180px;margin:auto;padding:0 24px 0 52px;color:#fff}.about small{color:#67c0ff}.about h2{font-size:60px}.about p{max-width:570px;font-size:17px;line-height:1.6;margin:20px 0 0}.quote{margin-top:30px;width:440px;padding:20px 24px;border-left:4px solid #2eafff;background:rgba(4,33,61,.82);border-radius:0 9px 9px 0}.quote strong{display:block;font-size:18px;line-height:1.35}.quote span{display:block;margin-top:9px;font-size:12px;color:#d4e4f2}.advertise{min-height:680px;display:grid;grid-template-columns:58% 42%;background:#fff;scroll-margin-top:0}
.ad-copy{padding:72px 54px 68px max(24px,calc((100vw - 1180px)/2 + 24px))}
.advertise small{color:#0879e8;font-weight:800;font-size:10px;letter-spacing:1.8px}
.advertise h2{margin:7px 0 0;font-size:54px;line-height:1.02;letter-spacing:-1.4px}
.lead{max-width:610px;color:#56667a;font-size:15px;line-height:1.55;margin:18px 0 0}
.benefits{display:flex;flex-direction:column;gap:20px;margin:35px 0 32px;max-width:590px}
.benefit{display:flex;gap:17px;align-items:center}
.small-icon{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:#eaf5ff;display:grid;place-items:center}
.small-icon svg{display:block;width:26px;height:26px;fill:none!important;stroke:#0879e8!important;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.benefit h3{font-size:16px;margin:0 0 4px}
.benefit p{font-size:13px;line-height:1.42;color:#56667a;margin:0}
.blue-btn{display:inline-block;font-size:13px;font-weight:700}
.ad-visual{min-height:680px;background-image:url('wide_shallow_depth_of_field_interior_scene_with_a.png?v=3');background-size:cover;background-position:center;position:relative;overflow:hidden}
  

.market-area span{color:#fff;font-size:27px;line-height:1.12;font-weight:800;text-shadow:0 2px 8px rgba(0,0,0,.45)}
.contact{min-height:310px;background:#061f3a;color:#fff;padding:65px max(24px,calc((100vw - 1180px)/2 + 24px));display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact small{color:#67c0ff}.contact h2{font-size:44px}.contact p{color:#c3d2df;max-width:520px;line-height:1.5}.contact-card{justify-self:end;min-width:390px;padding:31px 34px;border-radius:14px;background:#0c345d;box-shadow:0 10px 28px rgba(0,0,0,.12)}.contact-card a{display:block;color:#67c0ff;font-size:21px;font-weight:800}.contact-card span{display:block;margin-top:13px;color:#d1deea;font-size:12px}footer{height:82px;max-width:1180px;margin:auto;padding:0 24px;display:flex;align-items:center;gap:14px;color:#718094;font-size:11px}footer img{width:44px;height:44px;object-fit:contain}footer b{margin-left:auto}@media(max-width:800px){
.top{height:auto;min-height:72px;align-items:flex-start;padding-top:9px;padding-bottom:10px}
.top nav{flex-wrap:wrap;justify-content:flex-end;gap:10px 16px;font-size:11px;max-width:75%}
.contact-btn{padding:9px 14px}
.hero{height:auto;grid-template-columns:1fr}
.hero-copy{min-height:480px;padding:45px 25px}
.hero-image{height:390px}
.hero h1{font-size:45px}
.section-head{grid-template-columns:1fr;gap:18px}
.steps{grid-template-columns:1fr;gap:12px}
.arrow{transform:rotate(90deg);padding:0}
.about{height:auto;min-height:650px;background-position:center}
.about-inner{padding:60px 30px}
.about h2{font-size:43px}
.about p{font-size:15px}
.quote{width:100%;max-width:440px}
.advertise{grid-template-columns:1fr;min-height:0}
.ad-copy{padding:58px 25px}
.advertise h2{font-size:43px}
.ad-visual{min-height:520px;background-position:center}.market-area span{font-size:22px}
.benefits{gap:18px}
.contact{grid-template-columns:1fr}
.contact-card{justify-self:stretch;min-width:0}
footer{flex-wrap:wrap}
}
/* Menyn följer med vid scrollning */
.top{position:sticky;top:0;z-index:1000}
html{scroll-padding-top:86px}

.top::before{content:"";position:absolute;z-index:-1;left:50%;transform:translateX(-50%);width:100vw;top:0;bottom:0;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,.06)}

/* BLÅS uppdatering: fast navigering, synlig under scroll */
body{padding-top:76px}
header.top{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;max-width:none!important;height:76px!important;margin:0!important;padding:0 max(24px,calc((100vw - 1180px)/2 + 24px))!important;background:#fff!important;z-index:99999!important;box-shadow:0 2px 12px rgba(0,0,0,.09)}
html{scroll-padding-top:76px}
@media(max-width:800px){body{padding-top:90px}header.top{height:90px!important;padding:8px 16px!important;align-items:center!important}html{scroll-padding-top:90px}}

/* Bild 2 visas rakt framifrån, utan överlagrad text */
.ad-visual{background-image:url('wide_shallow_depth_of_field_interior_scene_with_a.png?v=3');background-position:75% center;background-size:cover}
/* Mjuk blå ljuseffekt på alla klickbara länkar och knappar */
a{transition:color .22s ease,background-color .22s ease,box-shadow .22s ease,transform .22s ease,filter .22s ease}
.top nav a:not(.contact-btn):hover,.top nav a:not(.contact-btn):focus-visible{color:#0879e8;text-shadow:0 0 12px rgba(0,140,255,.35)}
.contact-btn:hover,.contact-btn:focus-visible,.blue-btn:hover,.blue-btn:focus-visible{background:#1399ff;box-shadow:0 7px 25px rgba(0,130,255,.48),0 0 13px rgba(42,174,255,.38);transform:translateY(-2px)}
.outline-btn:hover,.outline-btn:focus-visible{background:rgba(25,148,241,.22);box-shadow:0 0 24px rgba(43,171,255,.85),inset 0 0 12px rgba(43,171,255,.18);transform:translateY(-2px)}
.contact-card a:hover,.contact-card a:focus-visible{color:#fff;text-shadow:0 0 14px rgba(67,187,255,.85)}
.top>a:hover img,.top>a:focus-visible img{filter:drop-shadow(0 0 9px rgba(28,157,255,.65))}
a:focus-visible{outline:2px solid #52b9ff;outline-offset:4px}
@media(prefers-reduced-motion:reduce){a{transition:none}.contact-btn:hover,.blue-btn:hover,.outline-btn:hover{transform:none}}

/* Hover – tydligt blått sken på alla interaktiva länkar */
header.top nav a, .outline-btn, .blue-btn, .contact-card a, footer a {transition:all .2s ease!important}
header.top nav a:not(.contact-btn):hover {color:#078dff!important;text-shadow:0 0 13px rgba(0,150,255,.7)!important;transform:translateY(-2px)}
header.top nav .contact-btn:hover, .blue-btn:hover {background:#21a7ff!important;box-shadow:0 0 0 3px rgba(33,167,255,.22),0 0 28px rgba(0,142,255,.75)!important;transform:translateY(-3px)!important}
.outline-btn:hover {background:#0d79c8!important;box-shadow:0 0 0 3px rgba(72,184,255,.2),0 0 30px rgba(72,184,255,.85)!important;transform:translateY(-3px)!important}
.contact-card a:hover {color:#fff!important;text-shadow:0 0 16px #32aeff!important}

/* Undersidor – använder startsidans visuella språk */
.subpage-hero{background:radial-gradient(circle at 85% 0%,#15517d,#082f56 45%,#041d36 100%);color:#fff;padding:84px 24px 80px}
.subpage-hero-inner{max-width:1080px;margin:auto}
.subpage-hero small,.subpage-content small{color:#67c0ff;font-size:11px;letter-spacing:2px;font-weight:800}
.subpage-hero h1{font-size:clamp(39px,6vw,64px);line-height:1.07;letter-spacing:-1.6px;margin:18px 0 20px;max-width:850px}
.subpage-hero p{font-size:clamp(16px,2vw,19px);line-height:1.65;color:#d5e8f8;max-width:730px;margin:0}
.subpage-content{max-width:1080px;margin:auto;padding:74px 24px 90px}
.subpage-content h2{font-size:clamp(27px,4vw,38px);letter-spacing:-.8px;margin:0 0 16px}
.subpage-content h3{font-size:20px;margin:0 0 10px}
.subpage-content p{color:#52647a;line-height:1.75;font-size:16px;margin:0 0 18px}
.subpage-intro{max-width:810px;margin-bottom:52px}
.subpage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:32px 0 58px}
.subpage-card{background:#f2f8ff;border:1px solid #e0edfa;border-radius:17px;padding:29px}
.subpage-card .number{display:grid;place-items:center;width:44px;height:44px;background:#0879e8;color:white;border-radius:50%;font-weight:800;margin-bottom:18px}
.subpage-card p{font-size:15px;margin:0}
.subpage-section{max-width:850px;margin:0 0 52px}
.subpage-highlight{background:#eaf5ff;border-left:4px solid #0879e8;border-radius:0 12px 12px 0;padding:22px 26px;margin:30px 0}
.subpage-highlight p{margin:0;color:#12385e}
.subpage-cta{background:#061f3a;color:white;border-radius:20px;padding:44px;margin-top:55px}
.subpage-cta h2{margin-bottom:12px}.subpage-cta p{color:#c3d2df;max-width:650px;margin-bottom:25px}
.subpage-note{font-size:13px!important;color:#69798b!important;margin-top:28px!important}
.subpage-back{display:inline-block;margin-top:24px;color:#0879e8;font-size:14px;font-weight:700}
.subpage-back:hover{text-decoration:underline}
@media(max-width:700px){.subpage-hero{padding:60px 24px}.subpage-content{padding:48px 24px 65px}.subpage-grid{grid-template-columns:1fr}.subpage-cta{padding:30px 24px}}

/* Frågor och svar */
.faq-list{max-width:900px;margin:0 auto 45px;display:grid;gap:13px}
.faq-item{background:#fff;border:1px solid #dce9f6;border-radius:15px;overflow:hidden;box-shadow:0 4px 18px rgba(8,43,80,.035);transition:border-color .2s,box-shadow .2s}
.faq-item:hover,.faq-item:focus-within{border-color:#83c5ff;box-shadow:0 6px 22px rgba(0,121,232,.11)}
.faq-item[open]{border-color:#8cc9ff;box-shadow:0 8px 28px rgba(0,121,232,.1)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:18px;cursor:pointer;list-style:none;padding:23px 26px;color:#082f56;font-weight:750;font-size:17px;line-height:1.4}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary:focus-visible{outline:3px solid #55b5ff;outline-offset:-3px}
.faq-toggle{flex:0 0 28px;height:28px;border-radius:50%;background:#eaf5ff;position:relative}
.faq-toggle:before,.faq-toggle:after{content:"";position:absolute;background:#0879e8;top:13px;left:8px;width:12px;height:2px;border-radius:2px}
.faq-toggle:after{transform:rotate(90deg);transition:transform .2s}
.faq-item[open] .faq-toggle:after{transform:rotate(0)}
.faq-answer{padding:0 26px 23px;max-width:820px}
.faq-answer p{margin:0;color:#52647a;line-height:1.75}
@media(max-width:1100px){header.top nav{gap:12px}header.top nav a{font-size:12px}}
@media(max-width:700px){.faq-item summary{padding:19px;font-size:15px}.faq-answer{padding:0 19px 19px}}

/* Mobilmeny: endast mobil och små surfplattor */
.mobile-menu-toggle{display:none}
@media(max-width:900px){
 body{padding-top:76px!important}
 header.top{height:76px!important;min-height:76px!important;padding:0 20px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important}
 header.top>a img{width:60px;height:60px}
 .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:46px;height:44px;background:#eaf5ff;border:1px solid #c8e6ff;border-radius:12px;cursor:pointer;flex-shrink:0;transition:background .2s,box-shadow .2s}
 .mobile-menu-toggle span{width:22px;height:2.5px;border-radius:2px;background:#0879e8;transition:transform .2s,opacity .2s}
 .mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{background:#d8efff;box-shadow:0 0 15px rgba(0,145,255,.3)}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
 .mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
 header.top nav{display:none!important;position:absolute;top:76px;left:0;right:0;width:100%;max-width:none!important;flex-direction:column!important;align-items:stretch!important;flex-wrap:nowrap!important;gap:0!important;background:#fff;padding:10px 20px 22px!important;box-shadow:0 12px 22px rgba(4,30,57,.16);border-top:1px solid #e6eff8;max-height:calc(100dvh - 76px);overflow-y:auto}
 header.top nav.is-open{display:flex!important}
 header.top nav a{display:block!important;width:100%;font-size:15px!important;line-height:1.4;padding:15px 12px;border-bottom:1px solid #eaf1f8;text-align:left;white-space:normal}
 header.top nav a:not(.contact-btn):hover,header.top nav a:not(.contact-btn):focus-visible{background:#eaf5ff;border-radius:8px}
 header.top nav .contact-btn{width:100%;margin-top:14px;text-align:center;padding:14px 18px!important;border:0}
 html{scroll-padding-top:76px!important}
}

/* Rund, mjuk blå hover-effekt runt BLÅS-loggan (alla sidors header) */
header.top > a:first-child{position:relative;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:66px;height:66px;border-radius:50%!important;background:transparent!important;box-shadow:none!important;outline-offset:3px;isolation:isolate;transition:box-shadow .22s ease,background-color .22s ease!important}
header.top > a:first-child::before{content:"";position:absolute;inset:0;border-radius:50%;background:rgba(40,164,255,0);box-shadow:none;z-index:-1;transition:background .22s ease,box-shadow .22s ease}
header.top > a:first-child:hover,header.top > a:first-child:focus-visible{background:transparent!important;box-shadow:none!important;border-radius:50%!important;transform:none!important}
header.top > a:first-child:hover::before,header.top > a:first-child:focus-visible::before{background:rgba(48,163,255,.10);box-shadow:0 0 0 2px rgba(52,168,255,.28),0 0 18px 5px rgba(27,152,255,.40)}
header.top > a:first-child img{border-radius:50%;display:block;position:relative;filter:none!important;transition:filter .22s ease}
header.top > a:first-child:hover img,header.top > a:first-child:focus-visible img{filter:drop-shadow(0 0 5px rgba(34,161,255,.35))!important}
@media(max-width:900px){header.top > a:first-child{width:64px;height:64px}}