Bliv medlem | KropiForm.dk
:root{
–brand:#F9793C; –brand-700:#E66C31;
–ink:#0F172A; –muted:#64748b;
–bg:#FCFBF9; –bg-soft:#FFF6EF; –surface:#FFFFFF; –border:#E2E8F0;
–ok:#16a34a;
–r:22px; –r-lg:26px;
–shadow:0 10px 28px rgba(15,23,42,.08); –shadow-lg:0 24px 64px rgba(15,23,42,.12);
–max:1080px;
}
*{box-sizing:border-box}
body{
margin:0; font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,”Helvetica Neue”,Arial,sans-serif;
background:
radial-gradient(1000px 440px at 90% 0%, #eaf7f1 0%, transparent 55%),
radial-gradient(900px 420px at 10% -10%, #ffe8da 0%, transparent 55%),
var(–bg);
color:var(–ink); line-height:1.6;
-webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
a{color:inherit; text-decoration:none}
.wrap{max-width:var(–max); margin:0 auto; padding:0 20px}
.btn{
display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
padding:.85rem 1.2rem; border-radius:999px; border:1px solid var(–border);
font-weight:800; cursor:pointer; background:#fff; transition:.16s transform,.16s box-shadow,.16s background;
}
.btn.primary{
background:linear-gradient(180deg,#FF9A69 0%, #F9793C 70%, #E66C31 100%);
color:#fff; border-color:transparent; box-shadow:0 16px 36px rgba(249,121,60,.22);
}
.btn.primary:hover{transform:translateY(-1px)}
.btn.ghost{background:transparent}
.chip{display:inline-flex; align-items:center; gap:.45rem; padding:.35rem .7rem; border-radius:999px; border:1px solid var(–border); background:#fff; font-weight:700; font-size:.85rem}
.page{padding:40px 0 60px}
.hero-join{padding:20px 0 32px}
.hero-inner{display:grid; gap:26px; align-items:center}
@media (min-width:900px){
.hero-inner{grid-template-columns:1.3fr 1.1fr}
}
h1{font-size:clamp(2.1rem,3vw,2.7rem); margin:0 0 .4rem; letter-spacing:-.05em}
.lede{color:var(–muted); max-width:52ch}
.hero-list{margin:14px 0 0; padding:0; list-style:none; color:#475569; font-size:.95rem}
.hero-list li{display:flex; gap:8px; margin-bottom:4px}
.hero-list li span:first-child{color:var(–ok); font-size:1.1rem}
.hero-right{
background:#fff; border-radius:var(–r-lg); box-shadow:var(–shadow-lg);
border:1px solid var(–border); padding:24px 22px;
}
.hero-right h2{margin:0 0 .35rem; font-size:1.2rem}
.hero-sub{margin:0 0 10px; color:#475569; font-size:.92rem}
.toggle{display:inline-flex; padding:4px; border-radius:999px; background:#f3f4f6; margin:10px 0 16px}
.toggle button{
border:none; background:transparent; padding:.4rem 1.05rem; border-radius:999px;
font-weight:700; font-size:.9rem; color:#6b7280; cursor:pointer;
}
.toggle button.active{
background:#fff; color:#111827; box-shadow:0 4px 16px rgba(15,23,42,.12);
}
.plan-box{border-radius:18px; border:1px solid var(–border); padding:16px 16px 14px; margin-bottom:12px; background:#fff}
.plan-label{font-size:.8rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; color:#9a3412; background:#ffedd5; display:inline-flex; padding:.2rem .6rem; border-radius:999px; margin-bottom:6px}
.plan-price{font-size:1.8rem; font-weight:800; letter-spacing:-.04em}
.plan-price small{font-size:.9rem; font-weight:600; color:#6b7280}
.save-tag{font-size:.8rem; font-weight:700; color:#16a34a; margin-left:6px}
.plan-lines{list-style:none; padding:0; margin:10px 0 14px; font-size:.9rem; color:#4b5563}
.plan-lines li{display:flex; gap:8px; margin-bottom:4px}
.plan-lines li span:first-child{color:#16a34a; font-size:1.1rem}
.micro{font-size:.8rem; color:#6b7280}
.plans-grid{margin-top:40px; display:grid; gap:18px}
@media (min-width:900px){.plans-grid{grid-template-columns:repeat(3,1fr)}}
.mini-card{
background:#fff; border-radius:18px; border:1px solid var(–border);
padding:18px; box-shadow:var(–shadow);
}
.mini-card h3{margin:0 0 4px; font-size:1.05rem}
.mini-card p{margin:0; font-size:.9rem; color:#4b5563}
.badge-soft{display:inline-flex; align-items:center; gap:6px; margin-bottom:6px; font-size:.78rem; text-transform:uppercase; letter-spacing:.08em; color:#6b21a8; background:#f5e9ff; padding:.22rem .5rem; border-radius:999px; font-weight:800}
.section-title{text-align:center; margin:40px 0 6px; font-size:1.4rem; letter-spacing:-.04em}
.section-sub{text-align:center; margin:0 auto 16px; max-width:52ch; color:var(–muted); font-size:.95rem}
.guarantee{
margin-top:40px; padding:18px 16px; border-radius:18px;
border:1px solid var(–border); background:#fefce8; font-size:.9rem; color:#4b5563;
}
🌿 Udviklet af læger & klinikere · Dansk medlemskab
Bliv medlem af KropiForm
Ét medlemskab til ro, bedre søvn og stærkere vaner. Start med 14 dages gratis prøve – uden binding.
✔ Guidede lydrejser & mikro-øvelser på 5–10 min.
✔ En plan baseret på dine svar i testen.
✔ Adgang på mobil, tablet og computer – når som helst.
Vælg den løsning, der passer dig
Du kan altid skifte mellem månedligt og årligt senere.
Månedligt
Årligt
Fleksibel · Ingen binding
199 kr. / md.
• 14 dages gratis prøve – betal først bagefter.
• Fuld adgang til alle lydrejser og øvelser.
• Løbende opdateringer og nye moduler.
Du kan afmelde når som helst, direkte fra din profil.
Tryghed først: Ingen skjulte gebyrer, ingen binding, og du kan altid skrive til
support@kropiform.dk , hvis du er i tvivl.
Hvad får jeg som medlem?
KropiForm er bygget til at føles som et lille “sundhedsstudie” i lommen – ikke endnu en app du glemmer.
Niveauer & progression
Ro-niveauer
Du starter på Niveau 1 og låser nye øvelser og mini-mål op, efterhånden som du gennemfører dine uger.
Søvn & ro
Søvnsessioner
Korte lydrejser, åndedrætsøvelser og nedluknings-ritualer designet til travle hverdage.
Overblik
Personligt overblik
Dit eget lille dashboard hvor du kan se ugens fokus, dagens opgave og dine sejre.
Klar til at starte?
Her kan du oprette din konto og vælge abonnement i ét step.
<!– Skriv dette som ren tekst i WordPress editoren, ikke inde i
-->
Tip: Du kan også vælge at lade knappen ovenfor sende folk til
/bliv-medlem-maanedligt/ eller /bliv-medlem-aarlig/ , hvor du allerede har dine tilmeldingssider.
// Toggle mellem månedligt og årligt på “Bliv medlem”-siden
const toggleBtns = document.querySelectorAll('.toggle button');
const planLabel = document.getElementById('planLabel');
const planPrice = document.getElementById('planPrice');
const planFreq = document.getElementById('planFreq');
const ctaBtn = document.getElementById('ctaBtn');
const config = {
month: {
label: 'Fleksibel · Ingen binding',
price: '199 kr.',
freq: ' / md.',
href: 'https://kropiform.dk/bliv-medlem-maanedligt/'
},
year: {
label: 'Mest værdi · Spar ca. 17%',
price: '1.995 kr.',
freq: ' / år',
href: 'https://kropiform.dk/bliv-medlem-aarlig/'
}
};
function setPlan(mode){
const c = config[mode];
if(!c) return;
planLabel.textContent = c.label;
planPrice.firstChild.nodeValue = c.price + ' ';
planFreq.textContent = c.freq;
ctaBtn.href = c.href;
toggleBtns.forEach(b => b.classList.toggle('active', b.dataset.interval === mode));
}
toggleBtns.forEach(b => {
b.addEventListener('click', () => setPlan(b.dataset.interval));
});