/* Kerstins unverwechselbarer Balance-Kompass */
.balance-compass{padding:110px 0;background:radial-gradient(circle at 12% 16%,rgba(237,90,36,.2),transparent 25%),radial-gradient(circle at 82% 10%,rgba(76,187,222,.18),transparent 24%),linear-gradient(145deg,#032c40 0%,#075f88 54%,#06465f 100%)}
.balance-compass:before{inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 82%)}
.balance-compass .compass-wrap{grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr);gap:90px}
.balance-compass .compass-intro h2{max-width:620px;font-size:clamp(46px,4.5vw,66px)}
.balance-compass .compass-intro .lead{max-width:590px}
.balance-orbit{position:relative;width:430px;height:430px;margin:38px 0 22px;display:grid;place-items:center;isolation:isolate}
.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 0 35px rgba(255,255,255,.025)}
.ring-one{width:410px;height:410px;animation:orbit-breathe 5s ease-in-out infinite}
.ring-two{width:304px;height:304px;border-color:rgba(237,90,36,.38);border-style:dashed;animation:orbit-spin 32s linear infinite}
.ring-three{width:218px;height:218px;border-color:rgba(255,255,255,.28)}
.orbit-core{position:relative;z-index:3;width:154px;height:154px;border-radius:50%;background:rgba(255,255,255,.97);display:grid;place-items:center;align-content:center;box-shadow:0 24px 70px rgba(0,0,0,.28),0 0 0 12px rgba(255,255,255,.055)}
.orbit-core img{width:92px;height:92px;object-fit:contain}
.orbit-core small{margin-top:-4px;color:var(--blue);font-size:10px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.orbit-label{position:absolute;z-index:4;padding:9px 14px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(2,38,55,.76);backdrop-filter:blur(12px);color:#fff;font-size:12px;font-weight:800;letter-spacing:.055em;box-shadow:0 10px 30px rgba(0,0,0,.16)}
.orbit-body{top:30px;left:34px}.orbit-regeneration{top:70px;right:-5px}.orbit-calm{bottom:62px;left:1px}.orbit-environment{bottom:26px;right:26px}
.orbit-pulse{position:absolute;z-index:2;width:12px;height:12px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 7px rgba(237,90,36,.12),0 0 20px rgba(237,90,36,.6)}
.pulse-one{top:96px;left:103px}.pulse-two{right:42px;bottom:147px;background:#6dd7f3;box-shadow:0 0 0 7px rgba(109,215,243,.12),0 0 20px rgba(109,215,243,.6)}.pulse-three{bottom:31px;left:179px;width:8px;height:8px}
.compass-facts{display:flex;gap:10px;flex-wrap:wrap}.compass-facts span{display:flex;align-items:baseline;gap:6px;padding:9px 13px;border-radius:12px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.11);font-size:12px;color:#d9edf4}.compass-facts b{font-size:16px;color:#fff}
.compass-disclaimer{max-width:540px;margin:18px 0 0;color:#a9cad7;font-size:12px}
.balance-card{position:relative;padding:0;min-height:610px;border:1px solid rgba(255,255,255,.48);border-radius:32px;background:linear-gradient(155deg,rgba(255,255,255,.99),rgba(243,250,252,.97));overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.3)}
.balance-card:before{content:"";position:absolute;width:260px;height:260px;right:-130px;top:-150px;border-radius:50%;background:rgba(237,90,36,.09)}
.compass-card-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:27px 38px 19px}
.compass-mini-brand{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.compass-step-dots{display:flex;gap:7px}.compass-step-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#cbdce2;transition:.3s}.compass-step-dots i.active{width:25px;border-radius:9px;background:var(--orange)}.compass-step-dots i.done{background:var(--blue)}
.balance-card .compass-progress{height:3px;margin:0;background:#e6eef1;border-radius:0}.balance-card .compass-progress span{background:linear-gradient(90deg,var(--orange),#f69a72,var(--blue))}
.balance-card .compass-count{margin:25px 38px 12px;color:#78909a;font-size:11px}.balance-card .compass-count strong{color:var(--orange);font-size:15px}
.balance-card .compass-question{padding:0 38px}.balance-card .compass-question legend{max-width:500px;margin-bottom:27px;font-size:clamp(26px,2.3vw,34px);color:var(--ink)}
.balance-card .compass-question label{position:relative;display:flex;align-items:center;min-height:62px;margin-bottom:12px;padding:14px 54px 14px 20px;border:1px solid #d7e4e9;border-radius:16px;background:#fff;font-size:15px;font-weight:720;box-shadow:0 5px 18px rgba(7,95,136,.035);transform:none}
.balance-card .compass-question label:after{content:"";position:absolute;right:19px;width:20px;height:20px;border:2px solid #bfd2da;border-radius:50%;transition:.2s}
.balance-card .compass-question label:hover{border-color:#82bacf;background:#f4fafc;transform:translateX(3px)}
.balance-card .compass-question label.selected{border-color:var(--orange);background:linear-gradient(90deg,#fff8f4,#fff);box-shadow:0 8px 24px rgba(237,90,36,.1)}
.balance-card .compass-question label.selected:after{border-color:var(--orange);background:var(--orange);box-shadow:inset 0 0 0 4px #fff}
.balance-card .compass-question input{position:absolute;opacity:0;pointer-events:none}
.balance-card .compass-nav{position:absolute;left:38px;right:38px;bottom:30px;margin:0}.balance-card .compass-nav .btn{min-width:128px;padding:13px 20px}
.balance-card .compass-result{position:relative;padding:38px 46px 40px;text-align:center}.balance-card .compass-result h3{max-width:520px;margin:22px auto 16px;font-size:clamp(30px,3vw,42px);color:var(--blue)}.balance-card .compass-result p{max-width:520px;margin:0 auto 27px;color:var(--muted)}
.result-seal{display:flex;align-items:center;justify-content:center;gap:12px}.result-seal img{width:52px;height:52px;object-fit:contain}.result-seal span{max-width:150px;text-align:left;color:var(--blue);font-size:11px;font-weight:900;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}
.balance-card .compass-restart{margin:22px auto 0}
@keyframes orbit-spin{to{transform:rotate(360deg)}}
@keyframes orbit-breathe{50%{transform:scale(1.025);border-color:rgba(255,255,255,.3)}}
@media(prefers-reduced-motion:reduce){.ring-one,.ring-two{animation:none}}
@media(max-width:1100px){.balance-compass .compass-wrap{grid-template-columns:minmax(350px,.82fr) minmax(500px,1.18fr);gap:48px}.balance-orbit{width:370px;height:370px}.ring-one{width:360px;height:360px}.ring-two{width:270px;height:270px}.ring-three{width:190px;height:190px}.orbit-core{width:138px;height:138px}.orbit-core img{width:80px;height:80px}.orbit-regeneration{right:-12px}.orbit-environment{right:8px}}
@media(max-width:980px){.balance-compass{padding:84px 0}.balance-compass .compass-wrap{grid-template-columns:1fr}.balance-compass .compass-intro{text-align:center}.balance-compass .compass-intro h2,.balance-compass .compass-intro .lead,.compass-disclaimer{margin-left:auto;margin-right:auto}.balance-orbit{margin-left:auto;margin-right:auto}.compass-facts{justify-content:center}.balance-card{width:min(100%,680px);margin:auto}}
@media(max-width:620px){.balance-compass{padding:68px 0}.balance-orbit{width:300px;height:300px;margin-top:28px}.ring-one{width:290px;height:290px}.ring-two{width:218px;height:218px}.ring-three{width:154px;height:154px}.orbit-core{width:112px;height:112px}.orbit-core img{width:67px;height:67px}.orbit-core small{font-size:8px}.orbit-label{padding:7px 10px;font-size:9px}.orbit-body{top:20px;left:9px}.orbit-regeneration{top:52px;right:-8px}.orbit-calm{bottom:45px;left:-4px}.orbit-environment{bottom:15px;right:10px}.pulse-one{top:71px;left:68px}.pulse-two{right:25px;bottom:102px}.pulse-three{bottom:22px;left:124px}.compass-facts{gap:7px}.compass-facts span{padding:8px 9px}.balance-card{min-height:650px;border-radius:24px}.compass-card-top{padding:22px 22px 16px}.balance-card .compass-count{margin:21px 22px 10px}.balance-card .compass-question{padding:0 22px}.balance-card .compass-question legend{font-size:25px;margin-bottom:22px}.balance-card .compass-question label{min-height:60px;padding:13px 48px 13px 16px;font-size:14px}.balance-card .compass-nav{left:22px;right:22px;bottom:24px}.balance-card .compass-result{padding:30px 22px}.balance-card .compass-result .btn{white-space:normal}}