/* SOURCE: assets/css/active-home.css?v=327 */

/* AlgoLodge 3.12 — energetic editorial trading design; illustrations are not performance */
.hero-active{max-width:1350px!important;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important;gap:clamp(20px,3vw,52px)!important;align-items:center;position:relative;padding-top:52px!important;padding-bottom:42px!important;isolation:isolate}
.hero-active::before{content:"";position:absolute;inset:0 -8vw -30px;background:radial-gradient(ellipse at 87% 24%,rgba(62,145,220,.13),transparent 48%),radial-gradient(ellipse at 15% 60%,rgba(211,159,79,.10),transparent 47%);z-index:-2;pointer-events:none}
.hero-active .hero-copy{position:relative;z-index:3}
.hero-active h1{font-size:clamp(45px,4.25vw,74px)!important;line-height:1.08!important;letter-spacing:-.04em;max-width:680px;margin-bottom:22px!important}
.hero-active .lead{font-size:clamp(15px,1.12vw,18px)!important;line-height:1.7!important;max-width:630px}
.hero-active .hero-sublead{font-size:13px!important;line-height:1.6!important;max-width:590px}
.hero-active .hero-actions{margin-top:24px!important}
.hero-active .hero-actions .primary{background:#0867cc!important;border-color:#0867cc!important}
.hero-active .hero-actions .primary:hover{background:#044e9c!important}
.hero-active .hero-visual{min-height:390px;display:flex;flex-direction:column;justify-content:center;padding:22px 22px 16px;position:relative;overflow:visible;border-radius:19px;box-shadow:0 18px 55px rgba(14,43,77,.12);background:rgba(255,255,255,.87);border:1px solid rgba(178,199,222,.65);backdrop-filter:blur(4px)}
.hero-active .hero-visual::before{content:"";position:absolute;z-index:-1;inset:-58px -28px -25px -150px;background:linear-gradient(90deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.36) 36%,rgba(255,255,255,.06) 70%),url('../images/hero-bull.webp') left 35% / auto 75% no-repeat;opacity:.37;pointer-events:none}
.live-chart-heading{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.13em;color:#23456b;margin-bottom:18px;flex-wrap:wrap}
.live-dot{width:7px;height:7px;border-radius:50%;background:#208f87;box-shadow:0 0 0 5px #208f8717}
.illustration-label{margin-left:auto;font-size:9px;letter-spacing:.02em;color:#697d91}
.active-chart-tags{display:flex;gap:15px;font-size:12px;font-weight:700;color:#344d6c;margin-bottom:12px}
.active-chart-tags span{display:flex;gap:6px;align-items:center}
.active-chart-tags i{width:9px;height:9px;border-radius:50%;display:inline-block}
.legend-blue{background:#0969d6}.legend-gold{background:#c69031}.legend-green{background:#208d76}
.active-chart{height:250px;overflow:hidden}
.active-chart svg{width:100%;height:100%}
.active-grid{stroke:#829bb2;stroke-width:.7;opacity:.22;fill:none}
.active-line{fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw-chart 2.2s ease forwards}
.line-blue{stroke:#0d70dc}.line-gold{stroke:#c9902b;animation-delay:.22s}.line-green{stroke:#20937a;animation-delay:.45s}
@keyframes draw-chart{to{stroke-dashoffset:0}}
.active-chart-foot{border-top:1px solid #e1e9f0;padding-top:12px;display:flex;justify-content:space-between;gap:12px;color:#72849a;font-size:10px}
.market-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:5px!important;margin-bottom:20px!important}
.market-pillar{display:flex;gap:14px;align-items:start;padding:19px 20px;background:#f3f7fc;border:1px solid #e0e9f3;border-radius:13px}
.market-pillar .pillar-number{font-size:26px;color:#c39454;font-family:Georgia,serif;line-height:1}
.market-pillar strong{font-size:15px;color:#142c4b}.market-pillar p{font-size:12px;line-height:1.6;margin:5px 0 0;color:#64778e}
.active-trust{margin-top:12px}
#strategies .strategy-card{transition:transform .22s,box-shadow .22s,border-color .22s}
#strategies .strategy-card:hover{transform:translateY(-5px);box-shadow:0 18px 36px #122f5220;border-color:#afc7df}
#strategies .strategy-card:nth-child(3n+1){border-top:3px solid #0d70dc}
#strategies .strategy-card:nth-child(3n+2){border-top:3px solid #bd8b39}
#strategies .strategy-card:nth-child(3n){border-top:3px solid #218d79}
body.dark .hero-active .hero-visual{background:rgba(24,43,66,.93);border-color:#43556c}
body.dark .hero-active .hero-visual::before{opacity:.13}
body.dark .live-chart-heading,body.dark .active-chart-tags{color:#dce9f6}
body.dark .active-chart-foot{color:#b7c9d8;border-color:#3b4e63}
body.dark .market-pillar{background:#192c44;border-color:#344c68}
body.dark .market-pillar strong{color:#f3f6fb}
body.dark .market-pillar p{color:#bacadd}
@media(max-width:950px){.hero-active{grid-template-columns:1fr!important;gap:34px!important}.hero-active .hero-visual{min-height:310px;max-width:800px;width:100%}.hero-active .hero-visual::before{inset:-20px -12px -10px -20px}.market-pillars{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.hero-active{padding-top:35px!important}.hero-active h1{font-size:clamp(39px,10vw,55px)!important}.hero-active .hero-visual{padding:16px;min-height:280px}.active-chart{height:200px}.market-pillars{grid-template-columns:1fr}.illustration-label{width:100%;margin-left:14px}.active-chart-foot{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.active-line{animation:none;stroke-dasharray:none;stroke-dashoffset:0}}

/* AlgoLodge — real monthly performance comparison */
.hero-active .comparison-card{min-height:0!important;display:block!important;padding:23px!important;overflow:hidden!important}
.hero-active .comparison-card::before{display:none!important}
.comparison-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:15px}
.comparison-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#b18649;margin-bottom:7px}
.comparison-header h2{font-family:Georgia,serif;font-size:clamp(18px,1.65vw,25px);line-height:1.2;margin:0 0 5px;color:#142b49}
.comparison-header p{font-size:12px;color:#697e95;margin:0}
.comparison-capital{white-space:nowrap;border:1px solid #d7e4f0;background:#f4f8fd;border-radius:9px;padding:8px 10px;font-size:11px;color:#35506e}
.comparison-graph{display:block;width:100%;height:auto;border-radius:8px;object-fit:contain;background:white}
.comparison-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:13px}
.comparison-summary>div{padding:10px 13px;border:1px solid #e2eaf3;background:#f6f9fd;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:7px}
.comparison-summary span{font-size:11px;color:#526780}.comparison-summary strong{font-size:17px;color:#b17c33}.comparison-summary>div+div strong{color:#214b75}
.comparison-note{font-size:10px!important;line-height:1.5!important;color:#71829a;margin:13px 0 0!important}
body.dark .comparison-header h2{color:#f3f6fb}body.dark .comparison-capital,body.dark .comparison-summary>div{background:#223851;border-color:#415b77;color:#e2edf9}body.dark .comparison-header p,body.dark .comparison-summary span,body.dark .comparison-note{color:#b5c6d9}
@media(max-width:600px){.comparison-header{flex-wrap:wrap}.comparison-summary>div{flex-direction:column;align-items:flex-start}.comparison-summary strong{font-size:16px}}

/* 3.15 – strategy chart gallery, cyclical and keyboard accessible */
.hero-active .strategy-carousel{min-height:0!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;padding:22px!important;overflow:hidden!important;gap:0}
.hero-active .strategy-carousel::before{display:none!important}
.carousel-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}
.carousel-kicker{font-size:10px;font-weight:800;letter-spacing:.12em;color:#af864c;display:flex;gap:8px;align-items:center}
.carousel-dot{width:8px;height:8px;background:#20917c;border-radius:50%;box-shadow:0 0 0 4px #20917c18}
.carousel-counter{font-size:12px;color:#657a94;font-variant-numeric:tabular-nums}
.carousel-title-row{display:grid;grid-template-columns:40px minmax(0,1fr) 40px;gap:9px;align-items:center;margin-bottom:15px}
.carousel-heading{text-align:center;min-width:0}
.carousel-heading h2{font-family:Georgia,serif;font-size:clamp(19px,2vw,27px);color:#162e4b;margin:0 0 4px;line-height:1.2}
.carousel-heading p{font-size:11px;color:#647b94;margin:0}
.carousel-arrow{width:40px;height:40px;display:grid;place-items:center;background:#f1f6fc;border:1px solid #d6e3f1;color:#0e4b87;border-radius:50%;font-size:22px;cursor:pointer;transition:background .15s,transform .15s}
.carousel-arrow:hover{background:#dfeefa;transform:scale(1.06)}.carousel-arrow:focus-visible,.carousel-readmore:focus-visible,.carousel-dots button:focus-visible{outline:3px solid #cf9b50;outline-offset:3px}
.carousel-plot{position:relative;border-radius:12px;overflow:hidden;border:1px solid #dbe6f0;background:#eaf1f9}
.carousel-plot img{width:100%;height:auto;display:block;aspect-ratio:1910 / 768;object-fit:contain;filter:saturate(.72) contrast(1.035)}
.carousel-watermark{position:absolute;bottom:11px;right:10px;background:rgba(15,36,62,.92);color:#fff;padding:7px 9px;border-radius:5px;font-size:9px;letter-spacing:.07em;font-weight:700}
.carousel-watermark[hidden]{display:none}
.carousel-bottom{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-top:13px}
.carousel-disclaimer{font-size:10px;line-height:1.55;color:#718299;max-width:57%}
.carousel-readmore{white-space:nowrap;font-size:12px;font-weight:700;text-decoration:none;background:#0d5fb6;color:#fff;padding:11px 13px;border-radius:9px;transition:background .2s}
.carousel-readmore:hover{background:#084c94;color:#fff}
.carousel-dots{display:flex;gap:9px;justify-content:center;margin-top:18px}
.carousel-dots button{border:0;width:8px;height:8px;padding:0;background:#c8d6e4;border-radius:50%;cursor:pointer;transition:width .2s,background .2s}
.carousel-dots button[aria-current="true"]{width:25px;border-radius:10px;background:#b58a4b}
body.dark .carousel-heading h2{color:#f4f7fa}body.dark .carousel-arrow{background:#243b55;border-color:#405b77;color:#e5effa}body.dark .carousel-disclaimer,body.dark .carousel-heading p,body.dark .carousel-counter{color:#c1cedd}
@media(max-width:600px){.hero-active .strategy-carousel{padding:14px!important}.carousel-bottom{align-items:stretch;flex-direction:column}.carousel-disclaimer{max-width:none}.carousel-readmore{text-align:center}.carousel-title-row{grid-template-columns:36px minmax(0,1fr) 36px}.carousel-arrow{width:36px;height:36px}}
@media(prefers-reduced-motion:reduce){.carousel-arrow,.carousel-dots button{transition:none}}

/* 3.18 – chart gallery refinements */
.hero-active .strategy-carousel{padding:20px!important}
.carousel-topline{margin-bottom:13px}
.carousel-title-row{display:block;margin-bottom:14px}
.carousel-heading h2{font-size:clamp(22px,2.5vw,32px);margin-bottom:6px}
.carousel-heading p{font-size:12px;color:#667d91}
.carousel-plot{position:relative;border-radius:13px;overflow:hidden;background:#205368;border:1px solid #d5e3eb}
.carousel-plot img{width:100%;height:auto;aspect-ratio:1960/683;object-fit:cover;display:block;filter:none}
.carousel-arrow{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:30px;height:118px;max-height:58%;border-radius:11px;background:rgba(255,255,255,.22);color:#fff;border:1px solid rgba(255,255,255,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;font-size:36px;line-height:1;cursor:pointer;transition:background .2s}
.carousel-arrow.prev{left:8px}.carousel-arrow.next{right:8px}
.carousel-arrow:hover{background:rgba(255,255,255,.38);transform:translateY(-50%)}
.carousel-arrow:focus-visible{outline:3px solid #d5a559;outline-offset:2px}
.carousel-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin-top:17px}
.carousel-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.carousel-stat{padding:8px 10px;border:1px solid #dbe6ed;border-radius:9px;background:#f4f8fb;min-width:0}
.carousel-stat span{display:block;font-size:10px;color:#6a7c90;margin-bottom:5px;white-space:nowrap}
.carousel-stat strong{display:block;font-size:18px;color:#173d55;font-weight:750;font-variant-numeric:tabular-nums}
.carousel-readmore{display:inline-flex;align-items:center;justify-content:center;min-height:49px;text-align:center;padding:12px 15px;font-size:12px;background:#0d5fb6;color:white;border-radius:9px;text-decoration:none}
body.dark .carousel-stat{background:#20374c;border-color:#37576c}body.dark .carousel-stat strong{color:#e9f4fa}body.dark .carousel-stat span{color:#b5c7d7}
@media(max-width:750px){.carousel-bottom{grid-template-columns:1fr}.carousel-readmore{width:100%}.carousel-stat{padding:7px}.carousel-stat span{font-size:9px}.carousel-stat strong{font-size:16px}.carousel-arrow{width:25px;height:84px;font-size:30px}}

/* v3.23 chart navigation and slide animation */
.hero-active .carousel-plot{background:#f5f8fb;border:1px solid #dce7ef;isolation:isolate}
.hero-active .carousel-plot img{display:block;width:100%;height:auto;aspect-ratio:13.6/4.7;object-fit:contain}
.hero-active .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);width:26px;height:105px;max-height:58%;border-radius:9px;z-index:5;background:rgba(15,57,76,.11);border:1px solid rgba(15,57,76,.15);color:#24536b;font-size:34px;backdrop-filter:blur(3px);transition:background .2s ease,opacity .2s ease}
.hero-active .carousel-arrow:hover{background:rgba(15,57,76,.24)}
.hero-active .carousel-arrow-prev{left:6px;right:auto}
.hero-active .carousel-arrow-next{right:6px;left:auto}
.hero-active .carousel-stat strong.negative{color:#b64c4b}
.hero-active .carousel-stat strong.positive{color:#147f71}
.hero-active .carousel-plot.carousel-slide-out-left{animation:algo-out-left .19s ease-in both}
.hero-active .carousel-plot.carousel-slide-out-right{animation:algo-out-right .19s ease-in both}
.hero-active .carousel-plot.carousel-slide-in-right{animation:algo-in-right .27s ease-out both}
.hero-active .carousel-plot.carousel-slide-in-left{animation:algo-in-left .27s ease-out both}
@keyframes algo-out-left{to{opacity:.1;transform:translateX(-18px) scale(.98)}}
@keyframes algo-out-right{to{opacity:.1;transform:translateX(18px) scale(.98)}}
@keyframes algo-in-right{from{opacity:.1;transform:translateX(18px) scale(.98)}to{opacity:1;transform:none}}
@keyframes algo-in-left{from{opacity:.1;transform:translateX(-18px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:700px){.hero-active .carousel-arrow{width:23px;height:72px;font-size:29px}}
@media(prefers-reduced-motion:reduce){.hero-active .carousel-plot{animation:none!important}}

/* AlgoLodge 3.25 – automatic gallery and refined card */
.hero-active{padding-top:18px!important;padding-bottom:28px!important;align-items:center!important}
.hero-active .hero-visual{padding:18px 22px 19px!important;min-height:0!important;overflow:visible!important}
.hero-active .carousel-topline{margin-bottom:4px}
.hero-active .carousel-title-row{margin-bottom:11px}
.hero-active .carousel-heading h2{font-size:clamp(25px,2.1vw,34px);margin-bottom:5px}
.hero-active .carousel-stage{position:relative;isolation:isolate;margin:0 7px}
.hero-active .carousel-stage .carousel-plot{overflow:hidden;border-radius:13px}
.hero-active .carousel-stage .carousel-arrow{position:absolute!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;z-index:10;width:27px!important;height:80px!important;max-height:50%!important;border:1px solid rgba(68,109,131,.16)!important;border-radius:11px!important;background:rgba(225,238,246,.53)!important;color:#245572!important;box-shadow:0 3px 12px rgba(20,50,70,.06);backdrop-filter:blur(6px);cursor:pointer;font-size:32px!important;font-family:Arial,sans-serif;font-weight:300;opacity:0;pointer-events:none;transition:opacity .25s ease,background .2s ease!important}
.hero-active .carousel-stage .carousel-arrow-prev{left:-34px!important;right:auto!important}
.hero-active .carousel-stage .carousel-arrow-next{right:-34px!important;left:auto!important}
.hero-active .strategy-carousel:hover .carousel-arrow,.hero-active .strategy-carousel:focus-within .carousel-arrow{opacity:1;pointer-events:auto}
.hero-active .carousel-stage .carousel-arrow:hover{background:rgba(211,232,244,.82)!important}
.hero-active .carousel-bottom{display:flex!important;flex-direction:column!important;gap:11px!important;align-items:stretch!important;margin-top:13px!important}
.hero-active .carousel-stats{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;width:100%}
.hero-active .carousel-stat{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:12px 13px!important;background:#f5f8fb!important;border:1px solid #e1eaf2!important;border-radius:10px!important}
.hero-active .carousel-stat span{white-space:normal!important;margin:0!important;line-height:1.35;font-size:11px!important;color:#64778d!important}
.hero-active .carousel-stat strong{white-space:nowrap;font-size:clamp(15px,1.25vw,19px)!important;line-height:1.2;letter-spacing:-.02em}
.hero-active .carousel-readmore{width:100%!important;min-height:41px!important;padding:11px 15px!important;border-radius:10px!important;background:#105f9e!important;font-size:12px!important;white-space:normal!important;box-shadow:none!important}
.hero-active .carousel-readmore:hover{background:#0b4b7d!important}
.hero-active .carousel-dots{margin-top:13px!important}
body.dark .hero-active .carousel-stat{background:#20374c!important;border-color:#3c5269!important}
@media(max-width:950px){.hero-active{padding-top:22px!important}}
@media(max-width:600px){.hero-active .hero-visual{padding:15px 18px!important}.hero-active .carousel-stage{margin:0 4px}.hero-active .carousel-stage .carousel-arrow{opacity:.55;pointer-events:auto;width:23px!important;height:61px!important}.hero-active .carousel-stage .carousel-arrow-prev{left:-22px!important}.hero-active .carousel-stage .carousel-arrow-next{right:-22px!important}.hero-active .carousel-stat{padding:9px 7px!important;flex-direction:column;align-items:flex-start!important}.hero-active .carousel-stat strong{font-size:15px!important}.hero-active .carousel-stat span{font-size:10px!important}}
@media(prefers-reduced-motion:reduce){.hero-active .carousel-stage .carousel-plot{animation:none!important}}

/* 3.27: gentle crossfade instead of directional sliding */
@keyframes algo-out-left{from{opacity:1}to{opacity:0}}
@keyframes algo-out-right{from{opacity:1}to{opacity:0}}
@keyframes algo-in-left{from{opacity:0}to{opacity:1}}
@keyframes algo-in-right{from{opacity:0}to{opacity:1}}
.hero-active .carousel-plot.carousel-slide-out-left,.hero-active .carousel-plot.carousel-slide-out-right{animation-duration:.17s!important;animation-timing-function:ease-in!important}
.hero-active .carousel-plot.carousel-slide-in-left,.hero-active .carousel-plot.carousel-slide-in-right{animation-duration:.22s!important;animation-timing-function:ease-out!important}
@media(prefers-reduced-motion:reduce){.hero-active .carousel-plot{animation:none!important}}


/* SOURCE: assets/css/navigation-3.13.css?v=313 */
/* Shared header for all AlgoLodge pages, version 3.13 */
.al-header{position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid #e2e8ef;color:#172d4b;width:100%;box-sizing:border-box}
.al-header-inner{max-width:1240px;min-height:72px;padding:10px 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px;box-sizing:border-box}
.al-brand{display:flex;align-items:center;flex-shrink:0;text-decoration:none}
.al-brand img{width:188px;max-height:55px;object-fit:contain;display:block}
.al-logo-dark{display:none!important}
.al-navigation{display:flex;align-items:center;gap:26px;flex-wrap:nowrap;justify-content:center}
.al-navigation a{font-size:13px;font-weight:600;white-space:nowrap;text-decoration:none;color:#263d58!important;padding:9px 0}
.al-navigation a:hover,.al-navigation a[aria-current=page]{color:#bc8846!important}
.al-controls{display:flex;align-items:center;gap:10px;flex-shrink:0}
.al-theme,.al-mobile{border:1px solid #d6e0ea;border-radius:8px;background:transparent;color:inherit;padding:8px 12px;cursor:pointer;font:inherit;line-height:1.2}
.al-mobile{display:none}
.al-header .flag-select{z-index:300}
.al-header .flag-menu{z-index:350}
body.dark .al-header,html[data-theme=dark] .al-header{background:#13253a;color:#e7f0fa;border-color:#34485f}
body.dark .al-navigation a,html[data-theme=dark] .al-navigation a{color:#e7f0fa!important}
body.dark .al-logo-light,html[data-theme=dark] .al-logo-light{display:none!important}
body.dark .al-logo-dark,html[data-theme=dark] .al-logo-dark{display:block!important}
body.dark .al-theme,body.dark .al-mobile{border-color:#48617a}
@media(max-width:900px){.al-header-inner{gap:12px}.al-navigation{gap:12px}.al-navigation a{font-size:12px}.al-brand img{width:155px}}
@media(max-width:760px){.al-header-inner{min-height:65px;padding:9px 15px}.al-mobile{display:block}.al-brand img{width:145px}.al-navigation{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 22px #142a421a;padding:14px 22px;flex-direction:column;align-items:stretch;gap:0;max-height:75vh;overflow:auto}.al-navigation.al-open{display:flex}.al-navigation a{font-size:15px;padding:13px 7px;border-bottom:1px solid #e5eaf0}body.dark .al-navigation{background:#13253a}body.dark .al-navigation a{border-color:#34485f}}
@media(max-width:420px){.al-brand img{width:122px}.al-controls{gap:5px}.al-theme,.al-mobile{padding:7px 9px}}


/* SOURCE: assets/css/footer-3.17.css?v=317 */
/* AlgoLodge v3.17 – gemensam sidfot */
.al-site-footer{background:#071a2e!important;color:#eaf3fd!important;padding:0!important;border-top:1px solid #173a57;font-family:inherit}
.al-site-footer *{box-sizing:border-box}
.al-site-footer .al-footer-shell{max-width:1280px;margin:auto;padding:46px 30px 24px}
.al-site-footer .al-footer-top{display:grid;grid-template-columns:1.7fr 1fr .8fr;gap:64px;padding:0 0 42px}
.al-site-footer h2{font:600 21px Georgia,serif;color:#fff;margin:0 0 17px}
.al-site-footer .al-footer-about p{max-width:340px;color:#a8c3dc;font-size:14px;line-height:1.8;margin:18px 0 0}
.al-site-footer .al-footer-wordmark{font-size:30px;line-height:1;letter-spacing:-.045em;font-weight:800;text-decoration:none;color:#fff!important;display:inline-block}
.al-site-footer .al-footer-wordmark span{color:#70b8f5}
.al-site-footer .al-footer-wordmark small{display:block;letter-spacing:.42em;font-size:11px;color:#d4a864;font-weight:800;text-align:right;margin:8px 3px 0 0}
.al-site-footer .al-footer-contact p,.al-site-footer .al-footer-contact a,.al-site-footer .al-footer-explore a{display:block;font-size:14px;line-height:1.9;color:#b4d3e9;text-decoration:none;margin:0}
.al-site-footer .al-footer-contact a,.al-site-footer .al-footer-explore a{transition:color .2s}
.al-site-footer a:hover{color:#fff!important;text-decoration:underline}
.al-site-footer .al-footer-bottom{border-top:1px solid #29445e;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px;font-size:12px;color:#9eb7cd}
.al-site-footer .al-footer-bottom nav{display:flex;gap:26px;flex-wrap:wrap}
.al-site-footer .al-footer-bottom a{color:#c0d9eb;text-decoration:none}
.al-site-footer .al-footer-risk{font-size:11px;color:#829db4;margin:22px 0 0;line-height:1.6}
@media(max-width:800px){.al-site-footer .al-footer-top{grid-template-columns:1fr 1fr;gap:32px}.al-site-footer .al-footer-about{grid-column:1/-1}.al-site-footer .al-footer-bottom{align-items:flex-start;flex-direction:column}.al-site-footer .al-footer-shell{padding:36px 22px 24px}}
@media(max-width:440px){.al-site-footer .al-footer-top{grid-template-columns:1fr}.al-site-footer .al-footer-about{grid-column:auto}.al-site-footer .al-footer-bottom nav{gap:12px 20px}}

/* AlgoLodge 3.19 – footer refresh */
.al-site-footer .al-footer-top{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:70px}
.al-site-footer .al-footer-brand{display:inline-block;max-width:235px;width:100%;line-height:0}
.al-site-footer .al-footer-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:brightness(1.08)}
.al-site-footer .al-footer-about p{max-width:420px;margin-top:15px}
.al-site-footer .al-footer-contact address{font-style:normal;font-size:14px;line-height:1.9;color:#b4d3e9;max-width:320px;margin:0 0 5px}
.al-site-footer .al-footer-social{display:flex;gap:18px;align-items:center;flex-wrap:wrap}
.al-site-footer .al-footer-social a{color:#c0d9eb;text-decoration:none}
.al-site-footer .al-footer-social span{border-left:1px solid #29445e;padding-left:18px}
@media(max-width:800px){.al-site-footer .al-footer-top{grid-template-columns:1fr 1fr;gap:28px}}
@media(max-width:580px){.al-site-footer .al-footer-top{grid-template-columns:1fr}.al-site-footer .al-footer-social span{border-left:0;padding-left:0}}


/* SOURCE: assets/css/aktuellt-dropdown.css */
#al-navigation .al-nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:0}#al-navigation .al-nav-dropdown>a{white-space:nowrap}.al-dropdown-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:6px;font:inherit}.al-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:185px;background:#fff;border:1px solid #d8e3ef;border-radius:9px;box-shadow:0 12px 30px #112b4a22;padding:8px;z-index:120}.al-nav-dropdown:hover .al-dropdown-menu,.al-nav-dropdown:focus-within .al-dropdown-menu,.al-nav-dropdown.is-open .al-dropdown-menu{display:block}#al-navigation .al-dropdown-menu a{display:block;padding:11px 12px;white-space:nowrap;color:#173454;text-decoration:none;font-size:13px;border-radius:6px}#al-navigation .al-dropdown-menu a:hover{background:#eef4fa}body.dark .al-dropdown-menu{background:#172b43;border-color:#38536b}body.dark #al-navigation .al-dropdown-menu a{color:#fff}@media(max-width:760px){#al-navigation .al-nav-dropdown{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between}.al-dropdown-menu{position:static;flex-basis:100%;width:100%;box-shadow:none}.al-nav-dropdown:not(.is-open) .al-dropdown-menu{display:none}}
/* 3.93: Remove the six-pixel hover gap that closes Aktuellt before a menu item can be reached. */
@media (min-width:761px){
  #al-navigation .al-nav-dropdown .al-dropdown-menu{top:100%!important;left:0!important;z-index:600!important;}
  #al-navigation .al-nav-dropdown .al-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:transparent;}
  #al-navigation .al-nav-dropdown:hover .al-dropdown-menu,
  #al-navigation .al-nav-dropdown:focus-within .al-dropdown-menu,
  #al-navigation .al-nav-dropdown.is-open .al-dropdown-menu{display:block!important;}
}


/* SOURCE: assets/css/footer-3.22.css?v=322 */
/* AlgoLodge 3.22 — compact footer refinement */
.al-site-footer .al-footer-shell{padding-top:35px!important;padding-bottom:18px!important}
.al-site-footer .al-footer-top{gap:46px!important;padding-bottom:28px!important}
.al-site-footer .al-footer-brand{display:block!important;max-width:250px!important;width:100%!important;line-height:normal!important;overflow:visible!important;height:auto!important}
.al-site-footer .al-footer-brand img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:left center!important;filter:none!important;clip-path:none!important;overflow:visible!important}
.al-site-footer .al-footer-about p{font-size:12px!important;line-height:1.65!important;max-width:330px!important;margin:8px 0 0!important;font-weight:400!important}
.al-site-footer h2{font-size:18px!important;margin-bottom:12px!important}
.al-site-footer .al-footer-contact address,.al-site-footer .al-footer-contact a{font-size:12px!important;line-height:1.7!important}
.al-site-footer .al-footer-bottom{padding-top:17px!important;font-size:11px!important;gap:14px!important}
.al-site-footer .al-footer-bottom nav{gap:18px!important}
.al-site-footer .al-footer-bottom a,.al-site-footer .al-footer-social{font-size:11px!important;font-weight:400!important}
.al-site-footer .al-footer-social{gap:12px!important}
.al-site-footer .al-footer-social .al-copyright{padding-left:12px!important}
@media(max-width:600px){.al-site-footer .al-footer-top{grid-template-columns:1fr!important;gap:25px!important}.al-site-footer .al-footer-shell{padding:28px 20px 20px!important}.al-site-footer .al-footer-brand{max-width:215px!important}.al-site-footer .al-footer-bottom{flex-direction:column!important;align-items:flex-start!important}}


/* SOURCE: assets/css/aktuellt-dropdown.css?v=326 */
#al-navigation .al-nav-dropdown{position:relative;display:inline-flex;align-items:center;gap:0}#al-navigation .al-nav-dropdown>a{white-space:nowrap}.al-dropdown-toggle{border:0;background:transparent;color:inherit;cursor:pointer;padding:6px;font:inherit}.al-dropdown-menu{display:none;position:absolute;top:100%;left:0;min-width:185px;background:#fff;border:1px solid #d8e3ef;border-radius:9px;box-shadow:0 12px 30px #112b4a22;padding:8px;z-index:120}.al-nav-dropdown:hover .al-dropdown-menu,.al-nav-dropdown:focus-within .al-dropdown-menu,.al-nav-dropdown.is-open .al-dropdown-menu{display:block}#al-navigation .al-dropdown-menu a{display:block;padding:11px 12px;white-space:nowrap;color:#173454;text-decoration:none;font-size:13px;border-radius:6px}#al-navigation .al-dropdown-menu a:hover{background:#eef4fa}body.dark .al-dropdown-menu{background:#172b43;border-color:#38536b}body.dark #al-navigation .al-dropdown-menu a{color:#fff}@media(max-width:760px){#al-navigation .al-nav-dropdown{display:flex;width:100%;flex-wrap:wrap;justify-content:space-between}.al-dropdown-menu{position:static;flex-basis:100%;width:100%;box-shadow:none}.al-nav-dropdown:not(.is-open) .al-dropdown-menu{display:none}}
/* 3.93: Remove the six-pixel hover gap that closes Aktuellt before a menu item can be reached. */
@media (min-width:761px){
  #al-navigation .al-nav-dropdown .al-dropdown-menu{top:100%!important;left:0!important;z-index:600!important;}
  #al-navigation .al-nav-dropdown .al-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:transparent;}
  #al-navigation .al-nav-dropdown:hover .al-dropdown-menu,
  #al-navigation .al-nav-dropdown:focus-within .al-dropdown-menu,
  #al-navigation .al-nav-dropdown.is-open .al-dropdown-menu{display:block!important;}
}


/* SOURCE: assets/css/header-3.81.css?v=381 */
/* AlgoLodge 3.75 – one consistent header on every page */
.al-header{position:sticky!important;top:0!important;z-index:400!important;width:100%!important;min-height:88px!important;background:#fff;border-bottom:1px solid #e3eaf1;box-shadow:0 3px 18px rgba(18,42,72,.045);box-sizing:border-box}
.al-header *{box-sizing:border-box}
.al-header .al-header-inner{width:100%!important;max-width:1440px!important;min-height:88px!important;height:88px!important;margin:0 auto!important;padding:10px clamp(20px,3.1vw,46px)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:clamp(12px,1.6vw,28px)!important;flex-wrap:nowrap!important}
.al-header .al-brand{display:flex!important;align-items:center!important;flex:none!important;width:clamp(174px,15.2vw,218px)!important;min-width:174px!important;height:64px!important;overflow:visible!important}
.al-header .al-brand img{width:100%!important;height:62px!important;max-height:62px!important;object-fit:contain!important;object-position:left center!important;flex-shrink:0!important}
.al-header .al-navigation{display:flex!important;flex:1 1 auto!important;min-width:0!important;align-items:center!important;justify-content:center!important;gap:clamp(13px,1.6vw,25px)!important;white-space:nowrap!important;flex-wrap:nowrap!important}
.al-header .al-navigation>a,.al-header .al-nav-dropdown>a{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;font-size:13px!important;font-weight:600!important;letter-spacing:0!important;line-height:1.4!important;padding:12px 0!important;white-space:nowrap!important}
.al-header .al-controls{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:9px!important}
.al-header .al-nav-dropdown{display:inline-flex!important;align-items:center!important;position:relative!important}
.al-header .al-nav-dropdown .al-dropdown-toggle{padding:4px 6px!important}
.al-header .al-nav-dropdown .al-dropdown-menu{position:absolute;top:calc(100% + 6px)}
.al-header .al-mobile{display:none!important}
body.dark .al-header,html[data-theme=dark] .al-header{background:#13253a!important;border-color:#304861}
@media(max-width:1199px){
.al-header .al-header-inner{height:80px!important;min-height:80px!important}
.al-header{min-height:80px!important}
.al-header .al-brand{width:184px!important;min-width:184px!important}
.al-header .al-brand img{height:58px!important}
.al-header .al-mobile{display:inline-flex!important;align-items:center!important;justify-content:center!important}
.al-header .al-navigation{display:none!important;position:absolute!important;left:0!important;right:0!important;top:100%!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-start!important;gap:0!important;background:#fff;padding:14px max(22px,calc((100vw - 1100px)/2)) 22px!important;max-height:calc(100vh - 80px);overflow-y:auto;box-shadow:0 15px 30px #10294222;z-index:450}
.al-header .al-navigation.al-open,.al-header .al-navigation.is-open,.al-header .al-navigation[data-open="true"]{display:flex!important}
.al-header .al-navigation>a{display:block!important;padding:12px 8px!important;font-size:15px!important;border-bottom:1px solid #e5ebf1}
.al-header .al-nav-dropdown{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important}
.al-header .al-nav-dropdown>a{font-size:15px!important;padding:12px 8px!important}
.al-header .al-nav-dropdown .al-dropdown-menu{position:static!important;flex-basis:100%!important;width:100%!important;box-shadow:none!important;margin:0 0 8px}
body.dark .al-header .al-navigation{background:#13253a!important}
body.dark .al-header .al-navigation>a{border-color:#304861}
}
@media(max-width:540px){
.al-header .al-header-inner{padding:8px 16px!important}
.al-header .al-brand{width:158px!important;min-width:158px!important}
.al-header .al-brand img{height:53px!important}
.al-header .al-controls{gap:5px!important}
.al-header .al-theme,.al-header .al-mobile{padding:8px!important}
}

/* 3.81: keep one consistent language selector inside the header. */
body > .site-language{display:none!important}
.al-header .al-header-inner{max-width:1440px!important}
.al-header .al-controls{min-width:130px!important;justify-content:flex-end!important}
.al-header .al-brand{min-width:185px!important}
.al-header .al-navigation{margin:0!important}
@media(max-width:1199px){.al-header .al-brand{min-width:184px!important}}
@media(max-width:540px){.al-header .al-brand{min-width:158px!important}.al-header .al-controls{min-width:0!important}}

/* 3.93: Remove the six-pixel hover gap that closes Aktuellt before a menu item can be reached. */
@media (min-width:761px){
  #al-navigation .al-nav-dropdown .al-dropdown-menu{top:100%!important;left:0!important;z-index:600!important;}
  #al-navigation .al-nav-dropdown .al-dropdown-menu::before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px;background:transparent;}
  #al-navigation .al-nav-dropdown:hover .al-dropdown-menu,
  #al-navigation .al-nav-dropdown:focus-within .al-dropdown-menu,
  #al-navigation .al-nav-dropdown.is-open .al-dropdown-menu{display:block!important;}
}

/* 2026-10-18: Zoom-safe navigation.
   Switch to the collapsible menu before the desktop links become crowded.
   Browser zoom reduces the CSS viewport width, so the same breakpoint works
   for narrow laptops as well as phones. */
@media (max-width:1320px){
  .al-header .al-header-inner{
    height:80px!important;
    min-height:80px!important;
  }
  .al-header{min-height:80px!important;}
  .al-header #menu{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    flex:0 0 auto!important;
    white-space:nowrap!important;
    min-height:38px;
  }
  .al-header #menu::after{
    content:"Meny";
    font-size:13px;
    font-weight:700;
    margin-left:8px;
  }
  .al-header #al-navigation{
    display:none!important;
    position:absolute!important;
    top:100%!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:12px clamp(16px,4vw,42px) 22px!important;
    background:#fff!important;
    box-shadow:0 15px 30px #10294222!important;
    z-index:450!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:0!important;
    white-space:normal!important;
    max-height:calc(100vh - 80px)!important;
    max-height:calc(100dvh - 80px)!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
  }
  .al-header #al-navigation.al-open,
  .al-header #al-navigation.is-open,
  .al-header #al-navigation[data-open="true"]{
    display:flex!important;
  }
  .al-header #al-navigation > a,
  .al-header #al-navigation > .al-nav-dropdown > a{
    font-size:15px!important;
    line-height:1.5!important;
    white-space:normal!important;
    padding:13px 8px!important;
  }
  .al-header #al-navigation > a:not(.al-menu-primary){
    border-bottom:1px solid #e5ebf1;
  }
  .al-header #al-navigation .al-nav-dropdown{
    display:flex!important;
    width:100%!important;
    flex-wrap:wrap!important;
    justify-content:space-between!important;
    align-items:center!important;
  }
  .al-header #al-navigation .al-nav-dropdown .al-dropdown-toggle{
    min-width:44px;
    min-height:44px;
  }
  #al-navigation .al-nav-dropdown .al-dropdown-menu{
    display:none!important;
    position:static!important;
    top:auto!important;
    left:auto!important;
    flex-basis:100%!important;
    width:100%!important;
    min-width:0!important;
    margin:0 0 8px!important;
    box-shadow:none!important;
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  #al-navigation .al-nav-dropdown:not(.is-open):hover .al-dropdown-menu,
  #al-navigation .al-nav-dropdown:not(.is-open):focus-within .al-dropdown-menu{
    display:none!important;
  }
  #al-navigation .al-nav-dropdown.is-open .al-dropdown-menu{
    display:block!important;
  }
  .al-header #al-navigation .al-dropdown-menu a{
    white-space:normal!important;
  }
  .al-header #al-navigation > a.al-menu-primary{
    display:block!important;
    background:#1768c4!important;
    border:1px solid #1768c4!important;
    border-radius:8px!important;
    color:#fff!important;
    margin-top:12px!important;
    padding:13px 17px!important;
    text-align:center!important;
    font-weight:750!important;
  }
  .al-header .al-why-dropdown::after{display:none!important;}
  body.dark .al-header #al-navigation,
  html[data-theme="dark"] .al-header #al-navigation{
    background:#13253a!important;
  }
}
@media (max-width:540px){
  .al-header #menu::after{content:none;}
}


/* SOURCE: assets/css/menu-3.88.css?v=388 */
/* AlgoLodge 3.88 — clear navigation hierarchy */
@media(min-width:1200px){.al-header .al-navigation{gap:clamp(12px,1.3vw,23px)!important}.al-header .al-navigation>a.al-menu-primary{background:#1768c4!important;color:#fff!important;border:1px solid #1768c4!important;border-radius:9px!important;padding:10px 16px!important;box-shadow:0 3px 8px #185d9d16!important;font-weight:700!important;transition:background .2s ease,transform .2s ease}.al-header .al-navigation>a.al-menu-primary:hover{background:#11549f!important;transform:translateY(-1px)}}
@media(max-width:1199px){.al-header .al-navigation>a.al-menu-primary{background:#1768c4!important;color:#fff!important;border-radius:8px!important;margin-top:12px!important;padding:13px 17px!important;font-weight:750!important;text-align:center!important}}
body.dark .al-header .al-navigation>a.al-menu-primary{background:#2679d8!important;color:#fff!important}
@media(prefers-reduced-motion:reduce){.al-header .al-navigation>a.al-menu-primary{transition:none!important}}


/* SOURCE: assets/css/modelguide-nav-4.60.css?v=460 */
.al-header-inner{max-width:1440px!important}.al-navigation{gap:clamp(7px,.9vw,15px)!important}.al-navigation>a{white-space:nowrap}

/* SOURCE: assets/css/navigation-footer-4.61.css?v=461 */
/* AlgoLodge 4.61: shared dropdown and footer refinements */
.al-footer-contact address{font-style:normal;line-height:1.8;max-width:310px}
.al-why-dropdown{position:relative}
.al-why-dropdown .al-dropdown-menu{z-index:150}
.al-why-dropdown:hover .al-dropdown-menu,.al-why-dropdown:focus-within .al-dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}
/* Keep the same hover gap as the existing Aktuellt menu. */
.al-why-dropdown::after{content:'';position:absolute;top:100%;left:0;right:0;height:12px}
#modellguide{scroll-margin-top:95px}
#modellguide .mg-wrap{max-width:1180px}
.mg-link-to-why{text-align:center;margin:20px auto 60px}
.mg-link-to-why a{color:#17699f;font-weight:700}
@media(max-width:780px){.al-why-dropdown::after{display:none}}

