@font-face{font-family:'Caveat';font-style:normal;font-weight:600;font-display:swap;src:url('typsnitt/caveat-600.woff') format('woff')}
/* Typsnitt – ligger lokalt i mappen typsnitt/ (inga anrop till Google) */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:500;font-display:swap;src:url('typsnitt/cormorant-garamond-500.woff') format('woff')}
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:600;font-display:swap;src:url('typsnitt/cormorant-garamond-600.woff') format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('typsnitt/inter-400.woff') format('woff')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('typsnitt/inter-500.woff') format('woff')}
:root{--bg:#F7F4EF;--ink:#1F2733;--navy:#1C2E4A;--gold:#B08D57;--silver:#C9CDD2;--card:#FFFFFF;--muted:#5B6473;color-scheme:light;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}html,body{margin:0}
body{font-family:'Inter',system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.7;min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto}
h1,h2,h3{font-family:'Cormorant Garamond',Georgia,"Times New Roman",serif;font-weight:600;color:var(--navy);letter-spacing:.2px}
header{background:var(--card);border-bottom:1px solid #ECE6DB;padding:calc(14px + var(--safe-top)) clamp(18px,4vw,40px) 14px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.logo{height:50px;width:auto;display:block}
.lang{margin-left:auto;display:flex;gap:6px}
.lang button{font-family:inherit;font-size:12px;letter-spacing:1px;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--silver);border-radius:999px;padding:5px 11px;cursor:pointer;transition:.18s}
.lang button:hover{color:var(--navy);border-color:var(--navy)}
.lang button.active{color:#fff;background:var(--navy);border-color:var(--navy)}
nav{width:100%;display:flex;gap:4px 20px;flex-wrap:wrap;margin-top:4px}
nav a,nav .navlink{text-decoration:none;color:var(--navy);font-size:14.5px;font-weight:500;padding:6px 2px;border:0;background:transparent;font-family:inherit;cursor:pointer;border-bottom:2px solid transparent;transition:.18s}
nav a:hover,nav .navlink:hover{border-bottom-color:var(--gold)}
nav a.active,nav .navlink.active{border-bottom-color:var(--gold)}
main{position:relative;overflow:hidden;background:radial-gradient(62% 40% at 50% 94%,rgba(216,178,120,.26),rgba(216,178,120,0) 72%),linear-gradient(180deg,#E7EEF3 0%,#EFEADF 48%,#F3E7D3 74%,#F7F4EF 100%);display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:clamp(48px,9vh,96px) clamp(20px,5vw,40px) clamp(220px,34vh,300px)}
main::after{content:'';position:absolute;left:0;right:0;bottom:0;height:clamp(190px,32%,280px);background:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMjAwIDMwMCI+PGRlZnM+PHJhZGlhbEdyYWRpZW50IGlkPSJnMiIgY3g9IjAuNSIgY3k9IjAuNSIgcj0iMC41Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNFNkM5OTkiIHN0b3Atb3BhY2l0eT0iMC41Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjRTZDOTk5IiBzdG9wLW9wYWNpdHk9IjAiLz48L3JhZGlhbEdyYWRpZW50PjxjbGlwUGF0aCBpZD0iYTIiPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMjAwIiBoZWlnaHQ9IjE1MCIvPjwvY2xpcFBhdGg+PC9kZWZzPjxjaXJjbGUgY3g9IjYwMCIgY3k9IjE0NCIgcj0iMjAwIiBmaWxsPSJ1cmwoI2cyKSIvPjxnIGNsaXAtcGF0aD0idXJsKCNhMikiPjxsaW5lIHgxPSI2OTAuMCIgeTE9IjE1MC4wIiB4Mj0iODQwLjAiIHkyPSIxNTAuMCIgc3Ryb2tlPSIjQzdBODc5IiBzdHJva2Utd2lkdGg9IjMuMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIwLjU1Ii8+PGxpbmUgeDE9IjUxMC4wIiB5MT0iMTUwLjAiIHgyPSIzNjAuMCIgeTI9IjE1MC4wIiBzdHJva2U9IiNDN0E4NzkiIHN0cm9rZS13aWR0aD0iMy4wIiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9IjAuNTUiLz48bGluZSB4MT0iNTEzLjEiIHkxPSIxMjYuNyIgeDI9IjQxMi42IiB5Mj0iOTkuOCIgc3Ryb2tlPSIjQzdBODc5IiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIwLjU1Ii8+PGxpbmUgeDE9IjUyMi4xIiB5MT0iMTA1LjAiIHgyPSIzOTIuMiIgeTI9IjMwLjAiIHN0cm9rZT0iI0M3QTg3OSIgc3Ryb2tlLXdpZHRoPSIzLjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC41NSIvPjxsaW5lIHgxPSI1MzYuNCIgeTE9Ijg2LjQiIHgyPSI0NjIuOCIgeTI9IjEyLjgiIHN0cm9rZT0iI0M3QTg3OSIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC41NSIvPjxsaW5lIHgxPSI1NTUuMCIgeTE9IjcyLjEiIHgyPSI0ODAuMCIgeTI9Ii01Ny44IiBzdHJva2U9IiNDN0E4NzkiIHN0cm9rZS13aWR0aD0iMy4wIiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9IjAuNTUiLz48bGluZSB4MT0iNTc2LjciIHkxPSI2My4xIiB4Mj0iNTQ5LjgiIHkyPSItMzcuNCIgc3Ryb2tlPSIjQzdBODc5IiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIwLjU1Ii8+PGxpbmUgeDE9IjYwMC4wIiB5MT0iNjAuMCIgeDI9IjYwMC4wIiB5Mj0iLTkwLjAiIHN0cm9rZT0iI0M3QTg3OSIgc3Ryb2tlLXdpZHRoPSIzLjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC41NSIvPjxsaW5lIHgxPSI2MjMuMyIgeTE9IjYzLjEiIHgyPSI2NTAuMiIgeTI9Ii0zNy40IiBzdHJva2U9IiNDN0E4NzkiIHN0cm9rZS13aWR0aD0iMS45IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9IjAuNTUiLz48bGluZSB4MT0iNjQ1LjAiIHkxPSI3Mi4xIiB4Mj0iNzIwLjAiIHkyPSItNTcuOCIgc3Ryb2tlPSIjQzdBODc5IiBzdHJva2Utd2lkdGg9IjMuMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIwLjU1Ii8+PGxpbmUgeDE9IjY2My42IiB5MT0iODYuNCIgeDI9IjczNy4yIiB5Mj0iMTIuOCIgc3Ryb2tlPSIjQzdBODc5IiBzdHJva2Utd2lkdGg9IjEuOSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBvcGFjaXR5PSIwLjU1Ii8+PGxpbmUgeDE9IjY3Ny45IiB5MT0iMTA1LjAiIHgyPSI4MDcuOCIgeTI9IjMwLjAiIHN0cm9rZT0iI0M3QTg3OSIgc3Ryb2tlLXdpZHRoPSIzLjAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC41NSIvPjxsaW5lIHgxPSI2ODYuOSIgeTE9IjEyNi43IiB4Mj0iNzg3LjQiIHkyPSI5OS44IiBzdHJva2U9IiNDN0E4NzkiIHN0cm9rZS13aWR0aD0iMS45IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9IjAuNTUiLz48Y2lyY2xlIGN4PSI2MDAiIGN5PSIxNTAiIHI9IjgyIiBmaWxsPSIjRTREMkFFIi8+PGNpcmNsZSBjeD0iNjAwIiBjeT0iMTUwIiByPSI4MiIgZmlsbD0idXJsKCNnMikiLz48L2c+PHBhdGggZD0iTTkwIDE1MCBRNjAwIDEzNiAxMTEwIDE1MCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMUMyRTRBIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgb3BhY2l0eT0iMC44NSIvPjxwYXRoIGQ9Ik0xOTAgMTcwIFE2MDAgMTU3IDEwMTAgMTcwIiBmaWxsPSJub25lIiBzdHJva2U9IiMxQzJFNEEiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9IjAuNDUiLz48cGF0aCBkPSJNMzAwIDE4OCBRNjAwIDE3NyA5MDAgMTg4IiBmaWxsPSJub25lIiBzdHJva2U9IiMxQzJFNEEiIHN0cm9rZS13aWR0aD0iMS42IiBzdHJva2UtbGluZWNhcD0icm91bmQiIG9wYWNpdHk9IjAuMjIiLz48L3N2Zz4=") no-repeat center bottom;background-size:contain;pointer-events:none;z-index:0}
.content{position:relative;z-index:1;width:100%;max-width:820px;display:flex;flex-direction:column;align-items:center;text-align:center}
.hero-stack h1{font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:500;margin:0 0 clamp(12px,2vh,20px)}
.hero-logo{display:block;width:min(560px,84%);height:auto;margin:0 auto clamp(16px,2.6vh,26px)}
.hero-stack p{margin:clamp(20px,3.4vh,34px) 0 0;line-height:1.85;letter-spacing:.5px;font-size:clamp(1rem,2.2vw,1.18rem);color:#34404f}
.panel{width:100%;background:var(--card);border:1px solid #ECE6DB;border-top:3px solid var(--gold);border-radius:12px;padding:clamp(26px,4vw,40px);text-align:left;box-shadow:0 2px 14px rgba(28,46,74,.06)}
.panel h1{font-size:clamp(1.9rem,4vw,2.6rem);margin:0 0 .6rem}
.panel p{margin:0 0 1rem;font-size:1.02rem;color:#2a3442}
.panel p:last-child{margin-bottom:0}
.details{margin-top:1.3rem;padding-top:1.2rem;border-top:1px solid #ECE6DB;font-size:.98rem;color:var(--muted);line-height:2}
.details b{color:var(--navy);font-weight:500}
.details a{color:var(--gold);text-decoration:none}
.details a:hover{text-decoration:underline}
footer{background:var(--navy);color:#D7DEE8;text-align:center;font-size:13.5px;letter-spacing:.3px;padding:26px 20px calc(26px + var(--safe-bottom));position:relative;z-index:1}
footer .fl{color:#fff;font-family:'Cormorant Garamond',Georgia,serif;font-size:1.15rem;display:block;margin-bottom:4px}
footer .legal{margin-top:10px;font-size:12.5px}
footer .legal a,footer .legal .leglink{color:#AEB9C9;text-decoration:none;border:0;background:transparent;font-family:inherit;font-size:12.5px;cursor:pointer}
footer .legal a:hover,footer .legal .leglink:hover{color:#fff;text-decoration:underline}
footer .legal .sep{color:#5a6b86;margin:0 8px}
@media(max-width:620px){.logo{height:42px}}

.panel h2{font-size:1.35rem;margin:1.5rem 0 .4rem}

/* ---------- Bli medlem ---------- */
.join-btn{display:inline-block;background:var(--gold);color:#fff;text-decoration:none;font-size:13px;font-weight:500;letter-spacing:.3px;padding:7px 16px;border-radius:999px;border:1px solid var(--gold);transition:.18s;white-space:nowrap}
.join-btn:hover,.join-btn.active{background:#9A7845;border-color:#9A7845}
.join-btn--stor{font-size:15px;padding:10px 22px}
.join-rad{margin-top:1.4rem!important}
.content--medlem{max-width:780px;gap:22px}
.m-kort-rad{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:.6rem}
.m-kort{font-family:inherit;background:#fff;border:1px solid #E3DCCD;border-radius:12px;padding:20px 14px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;transition:.18s;color:var(--navy)}
.m-kort:hover{border-color:var(--gold);box-shadow:0 4px 16px rgba(28,46,74,.08)}
.m-kort.vald{border:2px solid var(--gold);background:#FBF7EF}
.m-kort-belopp{font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:600;line-height:1}
.m-kort-text{font-size:.9rem;color:var(--muted)}
.m-dok{width:100%;background:#fff;border:1px solid #ECE6DB;border-top:3px solid var(--gold);border-radius:12px;padding:clamp(22px,4vw,40px);text-align:left;box-shadow:0 6px 28px rgba(28,46,74,.10)}
.m-dok-logga{display:block;width:min(260px,70%);height:auto;margin:0 auto 10px}
.m-dok h2{text-align:center;font-size:1.55rem;margin:0 0 1.1rem}
.m-rad{margin:0 0 .7rem;font-size:.95rem}
.m-rad b,.m-fet{color:var(--navy);font-weight:500}
.m-fet{margin:1rem 0 .3rem;font-size:.95rem}
.m-dampad{color:var(--muted)}
.m-liten{font-size:.86rem;margin:0 0 .5rem}
.m-guld{color:var(--gold);font-size:.9rem;font-weight:500;margin:.4rem 0 .6rem}
.m-avgift{font-weight:500;color:var(--navy);font-size:.95rem;margin:.6rem 0 .2rem}
.m-falt-rad{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:.4rem 0 1rem}
.m-falt{display:block;font-size:.85rem;color:var(--muted)}
.m-falt--bred{grid-column:1/-1}
.m-falt input{width:100%;margin-top:4px;padding:9px 11px;border:1px solid #D9D2C3;border-radius:8px;font:inherit;font-size:.95rem;color:var(--ink);background:#FFFEFB}
.m-falt input:focus-visible,.m-sig-text:focus-visible{outline:2px solid var(--gold);outline-offset:1px}
.m-kryss{display:flex;gap:9px;align-items:flex-start;font-size:.9rem;color:var(--ink);margin:.4rem 0}
.m-kryss input{margin-top:4px;accent-color:var(--navy)}
.m-villkor{max-height:190px;overflow-y:auto;border:1px solid #E6DFD0;border-radius:8px;padding:12px 14px;margin:1rem 0;background:#FDFBF7;font-size:.8rem;line-height:1.55;color:var(--muted)}
.m-villkor p{margin:0 0 .55rem}
.m-villkor .m-fet{margin:.2rem 0 .35rem;font-size:.82rem}
.m-villkor-rubrik{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;color:var(--navy);font-weight:600}
.m-sig-val{display:inline-flex;border:1px solid #D9D2C3;border-radius:999px;overflow:hidden;margin-bottom:10px}
.m-sig-knapp{font-family:inherit;font-size:.82rem;border:0;background:#fff;color:var(--muted);padding:6px 18px;cursor:pointer}
.m-sig-knapp.active{background:var(--navy);color:#fff}
.m-sig-pad{display:block;width:100%;height:150px;background:#fff;border:1.5px dashed #BDB4A2;border-radius:8px;touch-action:none;cursor:crosshair}
.m-sig-pad[hidden],.m-sig-text[hidden]{display:none}
.m-sig-text{display:block;width:100%;height:90px;border:1.5px dashed #BDB4A2;border-radius:8px;padding:0 16px;font-family:'Caveat',cursive;font-weight:600;font-size:2.6rem;color:var(--navy);background:#fff}
.m-lank{font-family:inherit;background:none;border:0;color:var(--muted);font-size:.82rem;cursor:pointer;padding:6px 0;text-decoration:underline}
.m-turnstile{margin:1.1rem 0 .4rem;min-height:65px}
.m-skicka{display:block;width:100%;font-family:inherit;font-size:1rem;font-weight:500;letter-spacing:.3px;color:#fff;background:var(--navy);border:0;border-radius:10px;padding:13px 18px;cursor:pointer;margin-top:.6rem;transition:.18s}
.m-skicka:hover{background:#13213A}
.m-skicka:disabled{opacity:.6;cursor:wait}
.m-fel{margin:.9rem 0 0;padding:10px 12px;border-radius:8px;background:#FBEDEC;border:1px solid #E7B9B4;color:#9B2C22;font-size:.9rem}
#m-klar strong{color:var(--navy);font-size:1.1rem;letter-spacing:.5px}
@media(max-width:620px){.m-kort-rad{grid-template-columns:1fr}.m-falt-rad{grid-template-columns:1fr}.join-btn{padding:6px 13px;font-size:12.5px}}