/*
Theme Name: Alin Digital Memphis
Theme URI: https://alindigital.no/
Author: Alin Digital
Description: Memphis Pop one-page + services theme for Alin Digital. Built-in NO/EN switcher, no demo content.
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: alin-memphis
*/

*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Bricolage Grotesk',system-ui,sans-serif;color:#17233A;background:#FFF8EC;line-height:1.6;overflow-x:hidden}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
.badge{position:fixed;left:14px;bottom:14px;z-index:99;background:#17233A;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;padding:8px 14px;border-radius:100px}
header{position:sticky;top:0;z-index:50;background:rgba(255,248,236,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.hd{display:flex;align-items:center;gap:22px;padding:14px 0}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:17px}
.logo img{width:42px;height:42px;border-radius:50%;animation:spin 9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.menu{display:flex;gap:8px;margin-left:auto}
.menu a{font-size:13.5px;font-weight:800;text-decoration:none;color:#17233A;background:#fff;border:2px solid #17233A;border-radius:100px;padding:8px 18px;transition:.2s}
.menu a:hover{background:#17233A;color:#fff;transform:rotate(-3deg)}
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:100px;padding:14px 30px;font-weight:800;font-size:15px;text-decoration:none;border:2.5px solid #17233A;transition:.2s}
.btn-y{background:#FFC531;color:#17233A;box-shadow:5px 5px 0 #17233A}
.btn-y:hover{transform:translate(-2px,-2px) rotate(-1deg);box-shadow:8px 8px 0 #17233A}
.btn-n{background:#17233A;color:#fff;box-shadow:5px 5px 0 #F26522}
.btn-n:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #F26522}
/* hero */
.hero{position:relative;padding:70px 0 90px;overflow:hidden}
.sh{position:absolute;pointer-events:none}
.c1{width:150px;height:150px;border-radius:50%;background:#F26522;top:60px;right:6%;animation:float 7s ease-in-out infinite}
.c2{width:90px;height:90px;border-radius:50%;border:16px solid #2AA198;bottom:80px;left:3%;animation:float 8s ease-in-out infinite;animation-delay:-3s}
.tri{width:0;height:0;border-left:55px solid transparent;border-right:55px solid transparent;border-bottom:95px solid #FFC531;top:44%;left:44%;animation:spinS 16s linear infinite;opacity:.9}
@keyframes spinS{to{transform:rotate(360deg)}}
.squig{top:120px;left:8%;animation:wiggle 5s ease-in-out infinite}
@keyframes wiggle{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
.plus{font-size:56px;font-weight:800;color:#EF6AA5;bottom:140px;right:12%;animation:spinS 12s linear infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}
.hero-in{position:relative;text-align:center;max-width:920px;margin:0 auto}
.stk-top{display:inline-block;background:#fff;border:2.5px solid #17233A;border-radius:100px;padding:9px 24px;font-size:13.5px;font-weight:800;transform:rotate(-2deg);box-shadow:4px 4px 0 #17233A;margin-bottom:26px}
.hero h1{font-size:clamp(54px,9.4vw,126px);line-height:.96;letter-spacing:-.03em}
.hero h1 .mk{background:#FFC531;padding:0 .12em;border:3px solid #17233A;border-radius:18px;display:inline-block;transform:rotate(-1.5deg)}
.hero h1 .cy{color:#F26522}
.hero .sub{font-size:18px;font-weight:600;max-width:56ch;margin:26px auto 30px}
.cta-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.badges{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.bdg{font-weight:800;font-size:14px;padding:11px 24px;border-radius:16px;border:2.5px solid #17233A;box-shadow:4px 4px 0 #17233A}
.bdg:nth-child(1){background:#BDE3D3;transform:rotate(-3deg)}
.bdg:nth-child(2){background:#C9DEFF;transform:rotate(2deg)}
.bdg:nth-child(3){background:#FFD9E5;transform:rotate(-2deg)}
/* ticker */
.mq{background:#FFC531;border-top:3px solid #17233A;border-bottom:3px solid #17233A;overflow:hidden;padding:14px 0;white-space:nowrap;transform:rotate(-1deg) scale(1.02)}
.mq-in{display:inline-block;animation:scrollX 22s linear infinite;font-weight:800;font-size:16px;letter-spacing:.08em}
@keyframes scrollX{to{transform:translateX(-50%)}}
section{padding:80px 0}
.kicker{display:inline-block;font-weight:800;font-size:13px;letter-spacing:.12em;background:#17233A;color:#fff;padding:8px 20px;border-radius:100px;margin-bottom:16px}
h2{font-size:clamp(34px,5vw,60px);line-height:1;letter-spacing:-.025em;margin-bottom:14px}
.lead{font-size:17px;color:#4A5A70;max-width:56ch;margin-bottom:38px;font-weight:500}
.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.pop{border:2.5px solid #17233A;border-radius:28px;padding:30px 26px;box-shadow:7px 7px 0 #17233A;transition:.2s;text-decoration:none;color:inherit;display:block}
.pop:hover{transform:translate(-3px,-3px) rotate(-1deg);box-shadow:11px 11px 0 #17233A}
.pop:nth-child(1){background:#FFE3D1}.pop:nth-child(2){background:#D9EFDF}.pop:nth-child(3){background:#D8E8FA}.pop:nth-child(4){background:#EBD9FA}
.pop .shape{width:58px;height:58px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.pop h3{font-size:21px;margin-bottom:8px}
.pop p{font-size:14px;color:#3D4A59;margin-bottom:12px}
.pop .go{font-weight:800}
.pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.pills a{font-weight:800;font-size:14px;text-decoration:none;color:#17233A;background:#fff;border:2.5px solid #17233A;border-radius:100px;padding:10px 22px;box-shadow:3px 3px 0 #17233A}
.pills a:hover{background:#FFC531}
/* steps navy */
.band-n{background:#17233A;border-radius:40px;padding:64px 56px;color:#fff;position:relative;overflow:hidden}
.band-n::before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#F26522;right:-100px;top:-100px;opacity:.85}
.band-n::after{content:"";position:absolute;width:0;height:0;border-left:70px solid transparent;border-right:70px solid transparent;border-bottom:120px solid #2AA198;left:-40px;bottom:-40px;opacity:.8}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:34px;position:relative}
.step{background:#fff;color:#17233A;border-radius:22px;padding:26px;text-align:center}
.step .n{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;font-weight:800;font-size:21px;color:#fff}
.step:nth-child(1) .n{background:#F26522}.step:nth-child(2) .n{background:#2AA198}.step:nth-child(3) .n{background:#7A5FD0}.step:nth-child(4) .n{background:#E0508A}
.step b{display:block;margin:12px 0 6px;font-size:17px}
.step p{font-size:13.5px;color:#4A5A70}
/* quote sticker */
.quote{background:#fff;border:3px solid #17233A;border-radius:30px;padding:52px;text-align:center;transform:rotate(1deg);box-shadow:9px 9px 0 #FFC531;max-width:860px;margin:0 auto}
.quote .st{color:#F26522;letter-spacing:5px;font-size:24px}
.quote p{font-size:clamp(22px,3vw,32px);font-weight:800;line-height:1.35;margin:14px 0 10px}
.quote small{color:#4A5A70}
/* faq */
.faq{max-width:780px;margin:0 auto;display:grid;gap:14px}
.faq details{border:2.5px solid #17233A;border-radius:20px;padding:20px 26px;box-shadow:5px 5px 0 #17233A}
.faq details:nth-child(1){background:#FFE3D1}.faq details:nth-child(2){background:#D9EFDF}.faq details:nth-child(3){background:#D8E8FA}
.faq summary{font-weight:800;font-size:17px;cursor:pointer;list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq p{margin-top:8px;font-size:14.5px}
/* cta */
.cta{background:#F26522;border:3px solid #17233A;border-radius:40px;padding:64px 56px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;color:#fff;box-shadow:10px 10px 0 #17233A;position:relative;overflow:hidden}
.cta h2{color:#fff}
.cta p{font-weight:600;margin-bottom:26px}
.cta .box{background:#fff;color:#17233A;border-radius:24px;padding:30px;font-size:15px;display:grid;gap:10px;border:2.5px solid #17233A;font-weight:600}
footer{background:#17233A;color:#9AA7B5;padding:52px 0 26px;font-size:14px}
.foot{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px;margin-bottom:26px}
.foot b{color:#fff;display:block;margin-bottom:10px}
.foot a{color:#9AA7B5;text-decoration:none;display:block;margin-bottom:8px}
.copy{border-top:1px solid rgba(255,255,255,.14);padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}
@media(max-width:960px){.grid4,.steps{grid-template-columns:1fr 1fr}.cta{grid-template-columns:1fr;padding:44px 28px}.menu{display:none}.tri{display:none}}
@media(max-width:560px){.grid4,.steps{grid-template-columns:1fr}}

/* === M+ EXTRA CREATIVE === */
#confetti{position:fixed;inset:0;pointer-events:none;z-index:60}
.blob-cursor{position:fixed;width:34px;height:34px;border-radius:50%;background:rgba(255,138,0,.35);border:3px solid #111;pointer-events:none;z-index:99;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s;mix-blend-mode:multiply}
.blob-cursor.big{width:64px;height:64px;background:rgba(255,215,0,.5)}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.spin-slow{animation:spinSlow 14s linear infinite}
@keyframes wobble{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}
.wobble{animation:wobble 2.4s ease-in-out infinite}
@keyframes bounceIn{0%{transform:scale(0) rotate(-30deg);opacity:0}60%{transform:scale(1.15) rotate(8deg);opacity:1}100%{transform:scale(1) rotate(0)}}
.pop-in{animation:bounceIn .7s cubic-bezier(.2,1.4,.4,1) both}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(var(--r,0deg))}}
.floaty{animation:floaty 4s ease-in-out infinite}
@keyframes tickerR{to{transform:translateX(0)}}
.ticker-rev .tk-track{animation-direction:reverse;background:#111;color:#FFD800}
@keyframes rainbow{0%{background-position:0% 50%}100%{background-position:200% 50%}}
.rainbow{ background:linear-gradient(90deg,#FF5C8A,#FF8A00,#FFD800,#3EC1F3,#7C6CFF,#FF5C8A);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rainbow 6s linear infinite}
.burst{position:absolute;font-family:'Archivo Black';font-size:13px;background:#FFD800;border:3px solid #111;border-radius:50%;width:92px;height:92px;display:flex;align-items:center;justify-content:center;text-align:center;transform:rotate(12deg);box-shadow:4px 4px 0 #111;z-index:5}
.squiggle{display:block;width:100%;height:26px;margin:26px 0}
.card-tilt{transition:transform .25s cubic-bezier(.2,1.4,.4,1)}
.card-tilt:hover{transform:rotate(0deg) scale(1.05)!important;z-index:6}
.step-b:hover .n{transform:rotate(360deg) scale(1.25)}
.step-b .n{transition:transform .5s cubic-bezier(.2,1.4,.4,1)}
.sticker-btn{transition:transform .2s}
.sticker-btn:hover{transform:scale(1.12) rotate(-4deg)!important}
.qa-a{max-height:0;overflow:hidden;transition:max-height .4s ease}
.qa.open .qa-a{max-height:220px}
.qa{cursor:pointer}
@media(max-width:640px){.burst{display:none}}


/* === M++ : lang, chips, features, stats, form, floats === */
html{scroll-behavior:smooth}
.lang{display:flex;border:2.5px solid #17233A;border-radius:100px;overflow:hidden;margin-left:10px;flex:none}
.lang button{border:0;background:#fff;font-weight:800;font-size:13px;padding:9px 15px;cursor:pointer;font-family:inherit;color:#17233A}
.lang button.on{background:#17233A;color:#fff}
#burger{display:none;background:#FFC531;border:2.5px solid #17233A;border-radius:12px;font-size:20px;font-weight:800;padding:6px 14px;cursor:pointer;margin-left:auto;font-family:inherit}
.chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:24px 0 4px}
.chip{font-size:13px;font-weight:800;background:#fff;border:2px solid #17233A;border-radius:100px;padding:6px 16px;box-shadow:3px 3px 0 #17233A}
.chip:nth-child(odd){transform:rotate(-2deg)}.chip:nth-child(even){transform:rotate(2deg)}
.chip.hl{background:#F26522;color:#fff}
.agency-strip{margin-top:16px;font-size:14px;font-weight:700;color:#4A5A70}
.pop:nth-child(5){background:#FFE08A}.pop:nth-child(6){background:#F6C6D9}.pop:nth-child(7){background:#C2E9F2}.pop:nth-child(8){background:#FFD9B8}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.feat{border:2.5px solid #17233A;border-radius:24px;padding:28px 24px;box-shadow:6px 6px 0 #17233A;transition:.2s}
.feat:hover{transform:translate(-3px,-3px) rotate(-1deg)}
.feat:nth-child(1){background:#FFE3D1}.feat:nth-child(2){background:#D9EFDF}.feat:nth-child(3){background:#D8E8FA}
.feat:nth-child(4){background:#EBD9FA}.feat:nth-child(5){background:#FFE08A}.feat:nth-child(6){background:#F6C6D9}
.feat b{font-size:18px;display:block;margin-bottom:6px}
.feat p{font-size:14px;color:#3D4A59}
.stats{background:#7A5FD0;border:3px solid #17233A;border-radius:32px;padding:40px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;box-shadow:8px 8px 0 #17233A;margin-top:26px}
.stat{text-align:center;background:rgba(255,255,255,.16);border-radius:20px;padding:22px 10px;color:#fff}
.stat b{font-size:52px;display:block;line-height:1}
.stat span{font-weight:800;font-size:14px}
.form-card{background:#fff;border:3px solid #17233A;border-radius:32px;padding:48px;box-shadow:9px 9px 0 #7A5FD0;max-width:760px;margin:0 auto;transform:rotate(-1deg)}
.form-card label{font-weight:800;font-size:14px;display:block;margin:14px 0 6px}
.form-card input,.form-card select,.form-card textarea{width:100%;border:2.5px solid #17233A;border-radius:14px;padding:13px 16px;font:inherit;font-size:15px;background:#FFF8EC;color:#17233A}
.form-card textarea{min-height:110px;resize:vertical}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.okmsg{font-size:22px;font-weight:800;text-align:center;padding:30px}
.wa-float{position:fixed;right:18px;bottom:18px;z-index:98;width:62px;height:62px;border-radius:50%;background:#25D366;border:3px solid #17233A;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 #17233A;animation:float 3s ease-in-out infinite}
.top-float{position:fixed;right:26px;bottom:92px;z-index:98;width:46px;height:46px;border-radius:50%;background:#FFC531;border:3px solid #17233A;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 0 #17233A;font-weight:800;font-size:20px;color:#17233A;text-decoration:none}
@media(max-width:960px){.grid3{grid-template-columns:1fr 1fr}.stats{grid-template-columns:1fr 1fr}#burger{display:block}.menu{display:none;position:absolute;top:100%;left:0;right:0;background:#FFF8EC;flex-direction:column;padding:16px 24px 24px;gap:10px;border-bottom:3px solid #17233A}.menu.open{display:flex}.menu a{text-align:center;margin:0}.menu{margin-left:0}}
@media(max-width:560px){.grid3,.stats{grid-template-columns:1fr}.form-card{padding:32px 22px}.f2{grid-template-columns:1fr}}


/* === M+++ : portfolio, slider, quiz, blog, chat, dark, polish === */
body{background-image:radial-gradient(#EBDFC6 1.6px,transparent 1.6px);background-size:26px 26px}
::selection{background:#F26522;color:#fff}
.btn:active{transform:scale(.95)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #F26522;outline-offset:2px}
.rv{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}
.rv.vis{opacity:1;transform:none}
#darkBtn{background:#17233A;color:#FFC531;border:2.5px solid #17233A;border-radius:50%;width:42px;height:42px;font-size:18px;cursor:pointer;margin-left:10px;flex:none;box-shadow:3px 3px 0 rgba(23,35,58,.35)}
/* portfolio */
.pf{border:2.5px solid #17233A;border-radius:22px;overflow:hidden;background:#fff;box-shadow:6px 6px 0 #17233A;transition:.2s}
.pf:hover{transform:translate(-3px,-3px) rotate(-1deg)}
.browser{background:#17233A;padding:9px 12px;display:flex;gap:7px}
.browser i{width:11px;height:11px;border-radius:50%;background:#FFC531}
.browser i:nth-child(2){background:#2AA198}.browser i:nth-child(3){background:#E0508A}
.pf-art{height:140px;padding:16px;display:flex;flex-direction:column;gap:9px}
.pf-art i{display:block;border-radius:6px}
.p1{background:#FFE3D1}.p1 i:nth-child(1){width:55%;height:20px;background:#F26522}.p1 i:nth-child(2){width:85%;height:10px;background:#fff}.p1 i:nth-child(3){width:70%;height:10px;background:#fff}.p1 i:nth-child(4){width:34%;height:18px;background:#17233A}
.p2{background:#D9EFDF}.p2 i:nth-child(1){width:40%;height:20px;background:#2AA198}.p2 i:nth-child(2){width:90%;height:10px;background:#fff}.p2 i:nth-child(3){width:60%;height:10px;background:#fff}.p2 i:nth-child(4){width:34%;height:18px;background:#17233A}
.p3{background:#D8E8FA}.p3 i:nth-child(1){width:65%;height:20px;background:#3E8FE0}.p3 i:nth-child(2){width:50%;height:10px;background:#fff}.p3 i:nth-child(3){width:80%;height:10px;background:#fff}.p3 i:nth-child(4){width:34%;height:18px;background:#17233A}
.p4{background:#F6C6D9}.p4 i:nth-child(1){width:50%;height:20px;background:#E0508A}.p4 i:nth-child(2){width:80%;height:10px;background:#fff}.p4 i:nth-child(3){width:65%;height:10px;background:#fff}.p4 i:nth-child(4){width:34%;height:18px;background:#17233A}
.pf b{display:block;padding:14px 16px 0;font-size:16px}
.pf span{display:block;padding:0 16px 16px;font-size:13px;font-weight:700;color:#4A5A70}
/* slider */
.slider{background:#fff;border:3px solid #17233A;border-radius:30px;box-shadow:9px 9px 0 #2AA198;max-width:860px;margin:0 auto;padding:46px;transform:rotate(-1deg)}
.slides{position:relative;min-height:190px}
.slide{position:absolute;inset:0;opacity:0;transform:translateX(40px);transition:.45s;text-align:center;pointer-events:none}
.slide.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.slide .st{color:#F26522;letter-spacing:5px;font-size:22px}
.slide p{font-size:clamp(20px,2.6vw,28px);font-weight:800;line-height:1.4;margin:12px 0 8px}
.slide small{color:#4A5A70;font-weight:600}
.s-nav{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.s-nav button{background:#FFC531;border:2.5px solid #17233A;border-radius:50%;width:46px;height:46px;font-size:20px;font-weight:800;cursor:pointer;box-shadow:3px 3px 0 #17233A}
.s-nav button:hover{background:#17233A;color:#fff}
.dots{display:flex;gap:8px}
.dots span{width:13px;height:13px;border-radius:50%;background:#E4D9C4;border:2px solid #17233A}
.dots span.on{background:#F26522}
/* quiz */
.quiz-card{background:#fff;border:3px solid #17233A;border-radius:30px;box-shadow:9px 9px 0 #E0508A;max-width:760px;margin:0 auto;padding:44px;transform:rotate(1deg)}
.q-opts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.q-opt{display:flex;align-items:center;gap:12px;border:2.5px solid #17233A;border-radius:16px;padding:14px 18px;font-weight:800;cursor:pointer;background:#FFF8EC;transition:.15s}
.q-opt:hover{background:#FFE08A}
.q-opt input{width:22px;height:22px;accent-color:#F26522}
.q-res{margin-top:22px;border:2.5px dashed #17233A;border-radius:18px;padding:22px;text-align:center;font-weight:700;background:#FFF8EC}
.q-res .btn{margin-top:12px}
/* blog */
.blog-c{border:2.5px solid #17233A;border-radius:24px;overflow:hidden;background:#fff;box-shadow:6px 6px 0 #17233A;transition:.2s}
.blog-c:hover{transform:translate(-3px,-3px) rotate(-1deg)}
.blog-art{height:130px;display:flex;align-items:flex-end;padding:12px}
.blog-art span{font-size:12px;font-weight:800;background:#fff;border:2px solid #17233A;border-radius:100px;padding:3px 12px}
.a1{background:linear-gradient(135deg,#F26522,#FFC531)}.a2{background:linear-gradient(135deg,#2AA198,#7A5FD0)}.a3{background:linear-gradient(135deg,#E0508A,#3E8FE0)}
.blog-t{padding:20px 22px 24px}
.blog-t b{font-size:17px;display:block;margin-bottom:6px;line-height:1.35}
.blog-t p{font-size:14px;color:#4A5A70;margin-bottom:10px}
.blog-t a{font-weight:800;color:#F26522;text-decoration:none}
/* chat */
#chatBtn{position:fixed;left:18px;bottom:80px;z-index:98;width:62px;height:62px;border-radius:50%;background:#FFC531;border:3px solid #17233A;font-size:28px;cursor:pointer;box-shadow:4px 4px 0 #17233A;animation:float 3s ease-in-out infinite}
#chatWin{position:fixed;left:18px;bottom:154px;z-index:98;width:330px;max-width:calc(100vw - 36px);background:#fff;border:3px solid #17233A;border-radius:24px;box-shadow:8px 8px 0 #17233A;overflow:hidden;display:none}
#chatWin.open{display:block;animation:bounceIn .4s cubic-bezier(.2,1.4,.4,1)}
.chat-hd{background:#17233A;color:#fff;padding:14px 18px;display:flex;align-items:center;gap:10px}
.chat-hd b{font-size:16px}.chat-hd span{font-size:12px;opacity:.75;font-weight:600}
.chat-hd button{margin-left:auto;background:none;border:0;color:#fff;font-size:16px;cursor:pointer}
.chat-msgs{padding:16px;display:flex;flex-direction:column;gap:10px;max-height:260px;overflow-y:auto}
.msg{max-width:85%;padding:10px 14px;border-radius:16px;font-size:14px;font-weight:600;line-height:1.45}
.msg.bot{background:#FFE08A;border:2px solid #17233A;border-bottom-left-radius:4px;align-self:flex-start}
.msg.me{background:#17233A;color:#fff;border-bottom-right-radius:4px;align-self:flex-end}
.chat-chips{display:flex;gap:8px;padding:0 16px 10px;flex-wrap:wrap}
.chat-chips button{font-size:12px;font-weight:800;border:2px solid #17233A;border-radius:100px;background:#fff;padding:6px 12px;cursor:pointer;font-family:inherit}
.chat-chips button:hover{background:#FFC531}
.chat-in{display:flex;gap:8px;padding:0 14px 14px}
.chat-in input{flex:1;border:2.5px solid #17233A;border-radius:100px;padding:10px 16px;font:inherit;font-size:14px;min-width:0}
.chat-in button{background:#F26522;color:#fff;border:2.5px solid #17233A;border-radius:50%;width:44px;height:44px;font-size:18px;font-weight:800;cursor:pointer;flex:none}
/* dark mode */
body.dark{background-color:#141B2E;background-image:radial-gradient(#2A3550 1.6px,transparent 1.6px);color:#FFF3E0}
body.dark header{background:rgba(20,27,46,.92)}
body.dark .logo{color:#fff}
body.dark .menu a{background:#1F2942;color:#FFF3E0;border-color:#FFF3E0}
body.dark .menu a:hover{background:#FFC531;color:#17233A;border-color:#FFC531}
body.dark .lang button{background:#1F2942;color:#fff}
body.dark .lang button.on{background:#FFC531;color:#17233A}
body.dark #darkBtn{background:#FFC531;border-color:#FFC531}
body.dark .menu{background:#141B2E}
body.dark .stk-top{background:#1F2942;color:#fff;border-color:#FFC531}
body.dark .hero h1{color:#FFF3E0}
body.dark .sub{color:#E4D9C4}
body.dark .chip{background:#1F2942;color:#fff}
body.dark .chip.hl{background:#F26522;color:#fff}
body.dark .agency-strip{color:#B9AC96}
body.dark h2{color:#FFF3E0}
body.dark .lead{color:#B9AC96}
body.dark .kicker{background:#FFC531;color:#17233A}
body.dark .quote,body.dark .slider,body.dark .quiz-card{background:#1F2942;color:#fff}
body.dark .quote small,body.dark .slide small{color:#B9AC96}
body.dark .q-opt{background:#141B2E;color:#fff}
body.dark .q-opt:hover{background:#2A3550}
body.dark .q-res{background:#141B2E}
body.dark .pf,body.dark .blog-c{background:#1F2942;color:#fff}
body.dark .pf span,body.dark .blog-t p{color:#B9AC96}
body.dark .form-card{background:#1F2942;color:#fff}
body.dark .form-card input,body.dark .form-card select,body.dark .form-card textarea{background:#141B2E;color:#fff;border-color:#FFC531}
body.dark .form-card small{color:#B9AC96 !important}
body.dark #chatWin{background:#1F2942;color:#fff}
body.dark .chat-in input{background:#141B2E;color:#fff}
body.dark .chat-chips button{background:#141B2E;color:#fff}
body.dark footer{background:#0C111F}
@media(max-width:560px){.q-opts{grid-template-columns:1fr}.slider,.quiz-card{padding:30px 20px}#chatWin{left:12px;bottom:150px}}


/* === M++++ : progress, typing, sticky, tilt, BA slider, cookie, filter === */
section[id]{scroll-margin-top:80px}
#progress{position:fixed;top:0;left:0;height:6px;width:0;background:linear-gradient(90deg,#F26522,#FFC531,#2AA198,#7A5FD0);z-index:120;border-radius:0 4px 4px 0}
.type-line{font-size:clamp(19px,2.6vw,25px);font-weight:800;margin:20px 0 0;min-height:36px}
#typeWord{color:#F26522}
.caret{color:#F26522;animation:blink 1s steps(1) infinite;font-weight:400}
@keyframes blink{50%{opacity:0}}
.urg{display:inline-block;background:#E0508A;color:#fff;font-weight:800;font-size:15px;padding:10px 24px;border-radius:100px;border:2.5px solid #17233A;box-shadow:4px 4px 0 #17233A;transform:rotate(2deg);animation:wobble 2.4s ease-in-out infinite}
.mq2{background:#17233A;transform:rotate(1deg) scale(1.02);margin-top:10px}
.mq-rev{animation:scrollX 26s linear infinite reverse;color:#FFC531}
.filter{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:22px}
.filter button{font:inherit;font-weight:800;font-size:14px;background:#fff;border:2.5px solid #17233A;border-radius:100px;padding:9px 20px;cursor:pointer;box-shadow:3px 3px 0 #17233A}
.filter button.on{background:#17233A;color:#fff}
.pop.hide{display:none}
/* before/after */
.ba{position:relative;border:3px solid #17233A;border-radius:28px;overflow:hidden;max-width:880px;margin:0 auto;box-shadow:9px 9px 0 #17233A;--pos:50%}
.ba-new{background:#FFF8EC;padding:44px;min-height:320px}
.ba-new h4{font-size:clamp(28px,4vw,44px);line-height:1.05;margin:14px 0 18px}
.ba-old{position:absolute;inset:0;background:#c9c9c9;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}
.ba-old-in{padding:44px;min-height:320px}
.ba-old h4{font-family:Georgia,serif;color:#000080;margin-bottom:12px}
.ba-old p{font-family:'Times New Roman',serif;color:#222}
.counter{display:inline-block;background:#000;color:#0f0;font-family:monospace;font-weight:800;padding:8px 16px;margin-top:14px;letter-spacing:2px}
.ba input[type=range]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;z-index:5}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:6px;background:#17233A;transform:translateX(-50%);pointer-events:none;z-index:4}
.ba-handle::after{content:'\2194\2192';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#FFC531;border:3px solid #17233A;border-radius:50%;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#17233A}
.ba-tag{position:absolute;top:16px;font-size:12px;font-weight:800;padding:5px 14px;border-radius:100px;border:2px solid #17233A;z-index:3}
.ba-labels{display:flex;justify-content:space-between;max-width:880px;margin:12px auto 0;font-weight:800;font-size:14px}
/* sticky cta + cookie + toast */
#stickyCta{position:fixed;bottom:0;left:0;right:0;z-index:96;background:#17233A;color:#fff;display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 20px;font-weight:800;transform:translateY(110%);transition:transform .4s;border-top:3px solid #FFC531}
#stickyCta.show{transform:none}
#stickyCta a{background:#FFC531;color:#17233A;text-decoration:none;border-radius:100px;padding:9px 22px;font-size:14px;border:2px solid #FFC531}
#stickyCta a:hover{background:#fff}
#stickyCta button{background:none;border:0;color:#9AA7B5;font-size:18px;cursor:pointer}
#cookie{position:fixed;bottom:20px;left:50%;transform:translate(-50%,200%);z-index:110;background:#fff;border:3px solid #17233A;border-radius:22px;box-shadow:7px 7px 0 #17233A;padding:18px 22px;display:flex;gap:16px;align-items:center;max-width:min(640px,calc(100vw - 32px));transition:transform .5s cubic-bezier(.2,1.4,.4,1);font-weight:700;font-size:14px}
#cookie.show{transform:translate(-50%,0)}
#cookie button{font:inherit;font-weight:800;border:2.5px solid #17233A;border-radius:100px;padding:8px 18px;cursor:pointer;white-space:nowrap}
#ckOk{background:#FFC531}#ckNo{background:#fff}
#toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,200%);background:#17233A;color:#fff;font-weight:800;padding:12px 26px;border-radius:100px;z-index:130;transition:transform .35s;border:2px solid #FFC531}
#toast.show{transform:translate(-50%,0)}
#copyMail{background:none;border:0;font:inherit;font-weight:700;color:#17233A;cursor:pointer;text-decoration:underline dotted}
.faq details:nth-child(4){background:#FFE08A}.faq details:nth-child(5){background:#F6C6D9}.faq details:nth-child(6){background:#C2E9F2}
@media(max-width:640px){#stickyCta span{display:none}.ba-new,.ba-old-in{padding:28px 20px}.ba-new h4{font-size:26px}}


/* === GAME : Fang kunden! === */
.game-card{background:#fff;border:3px solid #17233A;border-radius:30px;box-shadow:9px 9px 0 #FFC531;max-width:880px;margin:0 auto;padding:40px;transform:rotate(-1deg)}
.game-hud{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:18px}
.hud{font-weight:800;font-size:15px;background:#FFF8EC;border:2.5px solid #17233A;border-radius:100px;padding:8px 20px;box-shadow:3px 3px 0 #17233A}
.hud b{color:#F26522}
.game-arena{position:relative;height:360px;background:#17233A;border-radius:22px;overflow:hidden;border:3px solid #17233A;cursor:crosshair}
.game-arena::before{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.14) 2px,transparent 2px);background-size:30px 30px}
.target{position:absolute;font-size:44px;cursor:pointer;user-select:none;animation:tpop .3s cubic-bezier(.2,1.6,.4,1);line-height:1;z-index:3}
@keyframes tpop{from{transform:scale(0) rotate(-90deg)}}
.target.hit{animation:thit .25s forwards}
@keyframes thit{to{transform:scale(1.8) rotate(40deg);opacity:0}}
.game-over{position:absolute;inset:0;background:rgba(23,35,58,.92);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff;text-align:center;padding:24px;z-index:5}
.game-over h3{font-size:clamp(26px,4vw,40px)}
.game-over p{font-weight:700;font-size:17px}
.game-over .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
body.dark .game-card{background:#1F2942;color:#fff}
body.dark .hud{background:#141B2E;color:#fff}
@media(max-width:560px){.game-card{padding:26px 18px}.game-arena{height:300px}}


/* === M5 : countdown, comparison, kk-calc, news, seals, sparkles === */
.cd{margin-top:16px;font-weight:800;font-size:16px}
.cd b{background:#17233A;color:#FFC531;border-radius:10px;padding:4px 14px;letter-spacing:1px;white-space:nowrap}
#openNow.open{background:#BDE3D3}#openNow.closed{background:#E4D9C4}
.cmp{background:#fff;border:3px solid #17233A;border-radius:28px;box-shadow:9px 9px 0 #17233A;overflow:hidden;max-width:900px;margin:0 auto}
.cmp-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr}
.cmp-row>span{padding:16px 14px;font-weight:700;font-size:14.5px;border-bottom:2px solid #17233A;text-align:center}
.cmp-row>span:first-child{text-align:left;font-weight:800}
.cmp-head>span{background:#17233A;color:#fff;font-weight:800;border-bottom:3px solid #17233A}
.cmp-head .me{background:#F26522}
.cmp-row:not(.cmp-head)>span:nth-child(2){background:#FFF3D6}
.cmp-row:last-child>span{border-bottom:0}
.kk-card{background:#fff;border:3px solid #17233A;border-radius:30px;box-shadow:9px 9px 0 #2AA198;max-width:760px;margin:0 auto;padding:44px;transform:rotate(-1deg)}
.kk-card label{font-weight:800;display:block;margin:18px 0 6px}
.kk-card label b{color:#F26522}
.kk-card input[type=range]{width:100%;accent-color:#F26522;height:32px;cursor:pointer}
.news{background:#2AA198;border:3px solid #17233A;border-radius:32px;padding:52px;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;color:#fff;box-shadow:10px 10px 0 #17233A}
.news h2{color:#fff}.news p{font-weight:600;opacity:.95}
#newsForm{display:flex;gap:10px}
#newsForm input{flex:1;border:2.5px solid #17233A;border-radius:100px;padding:14px 22px;font:inherit;font-size:15px;min-width:0}
.seals{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}
.seals span{background:#fff;color:#17233A;font-weight:800;font-size:13.5px;border-radius:100px;padding:8px 18px;border:2.5px solid #17233A}
.spark{position:fixed;pointer-events:none;z-index:95;font-size:15px;animation:sparkUp .8s ease-out forwards;line-height:1}
@keyframes sparkUp{to{transform:translateY(-36px) rotate(70deg);opacity:0}}
.psst{text-align:center;font-size:13px;color:#9AA7B5;margin-bottom:14px;font-weight:600}
body.dark .cmp{background:#1F2942;color:#fff}
body.dark .cmp-row:not(.cmp-head)>span:nth-child(2){background:#2A3550;color:#fff}
body.dark .kk-card{background:#1F2942;color:#fff}
@media(max-width:760px){.cmp-row{grid-template-columns:1fr 1fr}.cmp-row>span:first-child{grid-column:1/-1;background:#FFF3D6;border-bottom:2px dashed #17233A}body.dark .cmp-row>span:first-child{background:#2A3550}.cmp-head>span:first-child{display:none}.news{grid-template-columns:1fr;padding:36px 26px}#newsForm{flex-direction:column}#newsForm .btn{text-align:center}}


/* === M6 : annbar, greet, helse-quiz, guide, faq-search, share, dots === */
#annBar{background:#17233A;color:#FFC531;font-weight:800;font-size:14px;text-align:center;padding:10px 48px 10px 16px;position:relative}
#annBar a{color:#fff;text-decoration:underline}
#annBar button{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:0;color:#FFC531;font-size:18px;cursor:pointer}
.greet{display:inline-block;background:#fff;border:2.5px solid #17233A;border-radius:100px;padding:8px 22px;font-weight:800;font-size:14px;transform:rotate(2deg);box-shadow:3px 3px 0 #17233A;margin-bottom:14px}
.helse-card{background:#fff;border:3px solid #17233A;border-radius:30px;box-shadow:9px 9px 0 #7A5FD0;max-width:680px;margin:0 auto;padding:44px;transform:rotate(1deg);text-align:center}
.h-bar{height:14px;background:#FFF3D6;border:2px solid #17233A;border-radius:100px;overflow:hidden;margin-bottom:24px}
.h-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#F26522,#FFC531);border-radius:100px;transition:width .4s}
#hQ{font-size:clamp(20px,3vw,27px);font-weight:800;margin-bottom:24px;min-height:76px}
.h-btns{display:flex;gap:14px;justify-content:center}
.h-btns button{font:inherit;font-weight:800;font-size:17px;border:3px solid #17233A;border-radius:100px;padding:13px 38px;cursor:pointer;box-shadow:4px 4px 0 #17233A}
#hYes{background:#BDE3D3}#hNo{background:#F6C6D9}
.h-btns button:hover{transform:translate(-2px,-2px)}
#hRes h3{font-size:clamp(26px,4vw,38px);margin-bottom:8px}
#hRes .big{font-size:56px;font-weight:800;color:#F26522}
.guide{background:#FFC531;border:3px solid #17233A;border-radius:32px;padding:52px;display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;box-shadow:10px 10px 0 #17233A;transform:rotate(-1deg)}
.guide p{font-weight:600;margin-top:8px}
#faqS{width:100%;max-width:780px;margin:0 auto 18px;display:block;border:2.5px solid #17233A;border-radius:100px;padding:14px 24px;font:inherit;font-size:15px;background:#fff}
.share{display:flex;gap:10px;align-items:center;margin-top:18px;font-weight:800;color:#fff;font-size:14px}
.share a{width:42px;height:42px;border-radius:50%;background:#fff;color:#17233A;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;text-decoration:none;border:2.5px solid #17233A;box-shadow:3px 3px 0 #17233A}
.share a:hover{transform:translateY(-3px)}
#dots{position:fixed;right:16px;top:50%;transform:translateY(-50%);z-index:96;display:flex;flex-direction:column;gap:10px}
#dots a{width:15px;height:15px;border-radius:50%;background:#fff;border:2.5px solid #17233A;transition:.2s}
#dots a.on{background:#F26522;transform:scale(1.35)}
body.dark .helse-card{background:#1F2942;color:#fff}
body.dark #faqS{background:#1F2942;color:#fff;border-color:#FFC531}
@media(max-width:1100px){#dots{display:none}}
@media(max-width:640px){.guide{grid-template-columns:1fr;padding:36px 26px;text-align:center}}


/* ===== ALIN WP extras ===== */
body[data-lang="en"] .lang-no{display:none!important}
body:not([data-lang="en"]) .lang-en{display:none!important}
html.lang-en-early .lang-no{display:none}
.menu{list-style:none}
.menu>li{list-style:none;position:relative}
.menu .sub-menu{display:none;position:absolute;top:calc(100% + 10px);left:0;background:#fff;border:2.5px solid #17233A;border-radius:18px;padding:10px;min-width:230px;box-shadow:5px 5px 0 #17233A;z-index:70}
.menu li:hover>.sub-menu,.menu li:focus-within>.sub-menu{display:block}
.menu .sub-menu li{list-style:none;margin:0}
.menu .sub-menu a{display:block;border:0;box-shadow:none;border-radius:12px;margin:2px 0;font-size:14px}
.menu .sub-menu a:hover{background:#FFC531;color:#17233A;transform:none}
body.admin-bar header{top:32px}
@media(max-width:782px){body.admin-bar header{top:46px}}
img{max-width:100%;height:auto}
.crumb{display:inline-block;font-weight:800;font-size:14px;color:#17233A;text-decoration:none;background:#fff;border:2.5px solid #17233A;border-radius:100px;padding:9px 22px;box-shadow:3px 3px 0 #17233A;margin-bottom:26px}
.crumb:hover{background:#FFC531}
.svc-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.svc-photo{border:3px solid #17233A;border-radius:30px;overflow:hidden;box-shadow:9px 9px 0 #F26522;transform:rotate(2deg);background:#fff}
.svc-photo img{display:block;width:100%;height:auto}
.check-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.check{background:#fff;border:2.5px solid #17233A;border-radius:20px;padding:24px 22px;box-shadow:5px 5px 0 #17233A}
.check:nth-child(1){background:#FFE3D1}.check:nth-child(2){background:#D9EFDF}.check:nth-child(3){background:#D8E8FA}.check:nth-child(4){background:#EBD9FA}
.check b{display:block;font-size:17px;margin-bottom:4px}
.check p{font-size:14px;color:#3D4A59}
.del{background:#fff;border:3px solid #17233A;border-radius:26px;box-shadow:8px 8px 0 #2AA198;padding:40px;max-width:820px;margin:0 auto}
.del ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.del li{font-weight:700;font-size:15px;background:#FFF8EC;border:2px solid #17233A;border-radius:14px;padding:12px 16px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.rel{border:2.5px solid #17233A;border-radius:22px;overflow:hidden;background:#fff;box-shadow:6px 6px 0 #17233A;text-decoration:none;color:inherit;display:block}
.rel:hover{transform:translate(-3px,-3px)}
.rel img{display:block;width:100%;height:150px;object-fit:cover;border-bottom:2.5px solid #17233A}
.rel div{padding:16px 18px 20px}
.rel b{font-size:17px}.rel span{display:block;font-size:13.5px;font-weight:800;color:#F26522;margin-top:4px}
.page-card{background:#fff;border:3px solid #17233A;border-radius:30px;box-shadow:9px 9px 0 #7A5FD0;padding:56px;max-width:860px;margin:0 auto}
.page-card h1{font-size:clamp(34px,5vw,54px);letter-spacing:-.02em;margin-bottom:18px}
.page-card p{margin-bottom:14px}
.page-card ul,.page-card ol{margin:0 0 14px 22px}
@media(max-width:900px){.svc-hero{grid-template-columns:1fr}.check-grid,.del ul,.rel-grid{grid-template-columns:1fr}.page-card{padding:34px 24px}}
body.dark .check,body.dark .del,body.dark .rel,body.dark .page-card{background:#1F2942;color:#fff}
body.dark .check p{color:#B9AC96}
body.dark .del li{background:#141B2E;color:#fff}
body.dark .crumb{background:#1F2942;color:#fff}

/* ===== v1.1: consent, search, pagination, mobile header ===== */
.consent{display:flex;gap:10px;align-items:flex-start;margin-top:14px;font-size:13px;font-weight:600;color:#fff;text-align:left;cursor:pointer}
.consent input{width:20px;height:20px;margin-top:1px;accent-color:#17233A;flex:none}
.consent a{color:#fff}
#newsForm{flex-wrap:wrap}
#newsForm input{flex:1;min-width:200px}
.consent{flex-basis:100%}
.search-form{display:flex;gap:10px;margin-top:16px}
.search-form label{flex:1}
.search-form input[type=search]{width:100%;border:2.5px solid #17233A;border-radius:100px;padding:13px 20px;font:inherit;font-size:15px;background:#FFF8EC;color:#17233A}
.search-form input[type=submit]{border:2.5px solid #17233A;border-radius:100px;padding:13px 26px;font:inherit;font-weight:800;background:#FFC531;color:#17233A;cursor:pointer;box-shadow:3px 3px 0 #17233A}
.nav-links{display:flex;gap:10px;flex-wrap:wrap}
.nav-links .page-numbers{border:2.5px solid #17233A;border-radius:12px;padding:8px 16px;font-weight:800;text-decoration:none;color:#17233A;background:#fff}
.nav-links .current{background:#17233A;color:#fff}
@media(max-width:640px){
	.hd{gap:8px;padding:10px 0}
	.logo{font-size:13.5px;gap:7px}
	.logo img{width:34px;height:34px}
	.lang{margin-left:4px}
	.lang button{padding:7px 10px;font-size:12px}
	#darkBtn{width:36px;height:36px;font-size:15px;margin-left:6px}
	#burger{padding:5px 11px;font-size:17px}
	#annBar{font-size:12.5px}
}