:root{--green:#43b65d;--green-deep:#123f30;--blue:#4866b8;--lime:#bddd72;--paper:#f8fbf7;--ink:#12362c;--muted:#5f746c;--line:rgba(18,63,48,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 "Segoe UI",Arial,sans-serif}button,input{font:inherit}a{color:inherit}h1,h2,p{margin-top:0}h1,h2{font-weight:540;line-height:.98;letter-spacing:-.055em}.eyebrow{margin-bottom:1rem;color:var(--green);font-size:.74rem;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
body>:not(.access-gate){transition:filter .55s,opacity .55s}body.demo-locked{overflow:hidden}body.demo-locked>:not(.access-gate){filter:blur(15px) saturate(.7);opacity:.65;pointer-events:none;user-select:none}.access-gate{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1.25rem;overflow:hidden;color:white;transition:.5s}.access-gate[aria-hidden=true]{visibility:hidden;opacity:0;pointer-events:none}.gate-landscape{position:absolute;inset:-4%;background:linear-gradient(110deg,rgba(8,48,36,.85),rgba(30,104,66,.28)),url("start-hintergrund.png") center/cover;animation:gateDrift 14s ease-in-out infinite alternate}.gate-landscape:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 25%,rgba(189,221,114,.3),transparent 25%),linear-gradient(180deg,transparent 55%,rgba(4,32,24,.55))}.access-card{position:relative;width:min(600px,100%);padding:clamp(2.2rem,6vw,4.5rem);border:1px solid rgba(255,255,255,.42);border-radius:42% 58% 47% 53%/8% 10% 9% 11%;background:rgba(10,56,42,.75);box-shadow:0 40px 120px rgba(0,23,15,.35);backdrop-filter:blur(20px)}.access-card .eyebrow{color:var(--lime)}.access-card h1{font-size:clamp(3.2rem,8vw,6rem)}.access-card>p:not(.eyebrow):not(.access-error){max-width:420px;color:rgba(255,255,255,.78);font-size:1.1rem}.access-card label{display:block;margin:1.8rem 0 .35rem;font-size:.86rem;font-weight:650}.access-line{display:grid;grid-template-columns:1fr auto;border-bottom:1px solid rgba(255,255,255,.62)}.access-line:focus-within{border-color:var(--lime);box-shadow:0 2px 0 var(--lime)}.access-line input{min-width:0;padding:.8rem 0;border:0;outline:0;color:white;background:none}.access-line button{padding:.7rem 1rem;border:0;color:var(--green-deep);background:var(--lime);border-radius:65% 35% 62% 38%/55% 45% 55% 45%;font-weight:750;cursor:pointer;transition:transform .3s,border-radius .3s}.access-line button:hover{transform:translateY(-4px) rotate(-2deg);border-radius:38% 62% 45% 55%/45% 58% 42% 55%}.access-error{min-height:1.5rem;margin:.7rem 0 0;color:#fff1af;font-size:.9rem}
.site-header{position:fixed;inset:0 0 auto;z-index:80;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1rem clamp(1rem,4vw,4rem);color:var(--ink);mix-blend-mode:multiply}.home-link{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:white;box-shadow:0 8px 30px rgba(15,70,51,.13);transition:transform .3s}.home-link:hover{transform:scale(1.1) rotate(-4deg)}.home-link svg{width:31px;height:31px;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.roof{stroke:var(--blue)}.house{stroke:var(--green)}.door{stroke:#9da7a4}nav{display:flex;gap:2.2rem}nav a{text-decoration:none;font-size:.88rem;font-weight:650}nav a:after{content:"";display:block;width:0;height:2px;background:linear-gradient(90deg,var(--green),var(--blue));transition:width .3s}nav a:hover:after{width:100%}.motion-toggle{justify-self:end;padding:.55rem .85rem;border:1px solid var(--line);border-radius:999px;color:var(--ink);background:rgba(255,255,255,.75);cursor:pointer}
.opening{position:relative;min-height:100svh;display:grid;align-items:center;overflow:hidden;padding:8rem clamp(1.3rem,8vw,9rem) 5rem}.opening-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,251,247,.97) 0 42%,rgba(248,251,247,.2) 78%),url("start-hintergrund.png") center/cover;transform:scale(1.02)}.opening-copy{position:relative;z-index:2;width:min(760px,100%)}.opening h1{max-width:870px;font-size:clamp(4rem,8vw,8.4rem)}.opening h1 span{display:inline-block;color:var(--blue);font-family:Georgia,serif;font-style:italic;transition:opacity .28s,transform .28s}.opening-copy>p:not(.eyebrow){max-width:520px;color:var(--muted);font-size:1.12rem}.choice-links{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.7rem}.choice-links a,.soft-action{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:250px;padding:1rem 1.3rem;border:0;border-radius:32px 58px 38px 54px;color:white;background:var(--green-deep);text-decoration:none;box-shadow:0 14px 30px rgba(13,71,52,.13);cursor:pointer;overflow:hidden;transition:transform .35s,border-radius .35s,box-shadow .35s}.choice-links a:before,.soft-action:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,var(--blue),var(--green));transform:translateX(-103%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.choice-links a:hover,.soft-action:hover{transform:translateY(-7px) rotate(-1deg);border-radius:55px 30px 60px 35px;box-shadow:0 22px 40px rgba(13,71,52,.22)}.choice-links a:hover:before,.soft-action:hover:before{transform:none}.choice-links strong,.choice-links span,.soft-action span,.soft-action small{position:relative;z-index:1}.choice-links span,.soft-action small{color:rgba(255,255,255,.7)}.opening-mark{position:absolute;right:3vw;bottom:4rem;z-index:2;display:flex;gap:1rem;writing-mode:vertical-rl;color:rgba(18,54,44,.55);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}
.chapter{position:relative;min-height:180vh}.chapter-pin{position:sticky;top:0;min-height:100svh;display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,7vw,9rem);align-items:center;padding:7rem clamp(1.3rem,8vw,9rem);overflow:hidden}.chapter-stress .chapter-pin{background:#f5f7fb}.chapter-friends .chapter-pin{background:#f2faf2}.chapter-copy{position:relative;z-index:3;max-width:640px}.chapter-copy h2{font-size:clamp(3.5rem,6.6vw,7rem)}.chapter-copy p:not(.eyebrow){color:var(--muted);font-size:clamp(1rem,1.4vw,1.2rem)}.chapter-copy p:nth-of-type(2){font-weight:500;color:var(--ink)}.chapter-art{position:relative;width:min(620px,43vw);aspect-ratio:1.67;overflow:hidden;filter:drop-shadow(0 28px 45px rgba(34,67,56,.13));transition:transform .7s}.chapter-art img{position:absolute;max-width:none;height:auto}.art-stress img{width:224.8%;left:-20.7%;top:-187%}.art-friends img{width:241.5%;left:-27.8%;top:-316%}.chapter-stress .chapter-art{transform:rotate(-3deg)}.chapter-friends .chapter-art{transform:rotate(3deg)}.chapter-art:hover{transform:rotate(0) scale(1.04)}.soft-action{margin-top:1.6rem;min-width:280px;text-align:left}.soft-action span{font-size:1.05rem;font-weight:750}.kinetic-word{position:absolute;z-index:1;bottom:-.22em;left:-.03em;margin:0;color:transparent;-webkit-text-stroke:1px rgba(72,102,184,.16);font-size:clamp(5rem,15vw,15rem);font-weight:800;letter-spacing:-.07em;line-height:.8;white-space:nowrap;transform:translateX(var(--word-shift,0))}.chapter-friends .kinetic-word{-webkit-text-stroke-color:rgba(67,182,93,.18)}.reveal{opacity:.18;transform:translateY(70px);transition:opacity .8s,transform .8s}.reveal.is-visible{opacity:1;transform:none}.breath{height:46vh;display:flex;align-items:center;justify-content:center;gap:1.4rem;color:var(--muted);background:white;font-family:Georgia,serif;font-style:italic}.breath i{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));opacity:.6;animation:breathe 5s ease-in-out infinite}
.contact{padding:clamp(6rem,10vw,11rem) clamp(1.3rem,8vw,9rem);color:white;background:var(--green-deep)}.contact .eyebrow{color:var(--lime)}.contact h2{max-width:1050px;font-size:clamp(4rem,8vw,8rem)}.contact>a{display:inline-block;margin-top:2rem;color:var(--lime);font-size:clamp(1.1rem,2vw,1.6rem)}.health-note{display:grid;grid-template-columns:1fr 3fr;gap:2rem;padding:1.4rem clamp(1.3rem,8vw,9rem);color:rgba(255,255,255,.7);background:#0a3528;font-size:.88rem}.health-note strong{color:var(--lime)}.health-note p{margin:0}footer{display:flex;gap:2rem;padding:2rem clamp(1.3rem,8vw,9rem);color:rgba(255,255,255,.7);background:#041e16;font-size:.84rem}footer>span{margin-right:auto}
.app-transition{position:fixed;inset:0;z-index:900;display:grid;place-items:center;visibility:hidden;opacity:0;background:var(--paper);transition:opacity .35s,visibility .35s}.app-transition.is-active{visibility:visible;opacity:1}.transition-shape{display:grid;place-items:center;width:140px;aspect-ratio:1;border-radius:50%;background:white;animation:portal 1.45s cubic-bezier(.7,0,.2,1) forwards}.transition-shape img{width:72%;height:auto}.transition-shape span{position:absolute;bottom:8vh;color:var(--green-deep);font:italic 1.3rem Georgia,serif}
.choice-links .primary-choice{min-width:310px;padding:1.2rem 1.5rem;background:linear-gradient(115deg,#173f32,#26784f);box-shadow:0 18px 38px rgba(13,71,52,.24)}.choice-links .secondary-choice{opacity:.72;transform:scale(.94);transform-origin:left center}.choice-links .secondary-choice:hover{opacity:1;transform:translateY(-7px) rotate(-1deg) scale(.97)}
@keyframes gateDrift{to{transform:scale(1.08) translate3d(-1.5%,1%,0)}}@keyframes breathe{50%{transform:scale(1.45);opacity:.22}}@keyframes portal{65%{width:190px}100%{width:170vmax}}
body.motion-off *{animation:none!important;transition:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:820px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.opening{padding-top:7rem}.opening h1{font-size:clamp(3.7rem,17vw,6.2rem)}.opening-image{background:linear-gradient(rgba(248,251,247,.86),rgba(248,251,247,.55)),url("start-hintergrund.png") center/cover}.opening-mark{display:none}.choice-links{display:grid}.choice-links a{min-width:0}.chapter{min-height:auto}.chapter-pin{position:relative;min-height:auto;grid-template-columns:1fr;padding-top:7rem;padding-bottom:8rem}.chapter-art{grid-row:1;width:100%;max-width:620px}.chapter-friends .chapter-copy{grid-row:2}.chapter-friends .chapter-art{grid-row:1}.kinetic-word{font-size:19vw}.health-note{grid-template-columns:1fr}.breath{height:32vh}}@media(max-width:480px){.motion-toggle{font-size:.7rem}.access-line{grid-template-columns:1fr}.access-line button{margin-bottom:.5rem}.chapter-copy h2{font-size:3.4rem}.chapter-art{aspect-ratio:1.48}.art-stress img{top:-170%}.art-friends img{top:-286%}footer{flex-wrap:wrap}footer>span{width:100%}}

/* Original MIF artwork: semantic controls remain HTML; supplied graphics provide the visual identity. */
.choice-links a{flex-direction:row;align-items:center}.choice-links img{position:relative;z-index:1;width:116px;height:auto;margin:-.8rem .8rem -.8rem -.7rem;filter:drop-shadow(0 8px 14px rgba(3,33,23,.13))}.choice-copy,.action-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.choice-copy>span{color:rgba(255,255,255,.7)}
.friends-stage{position:relative;width:min(620px,44vw);aspect-ratio:1;display:grid;place-items:center}.friends-stage:before,.friends-stage:after{content:"";position:absolute;border:1px solid rgba(67,182,93,.3);border-radius:50%;animation:stagePulse 6s ease-in-out infinite}.friends-stage:before{inset:7%}.friends-stage:after{inset:20%;border-color:rgba(72,102,184,.26);animation-delay:-3s}.stage-core{position:relative;z-index:1;display:grid;place-items:center;width:42%;aspect-ratio:1;border-radius:43% 57% 62% 38%/48% 43% 57% 52%;color:white;background:linear-gradient(145deg,var(--green-deep),#1d7250);box-shadow:0 30px 75px rgba(18,63,48,.22);transform:rotate(-5deg)}.stage-core span{text-align:center;font:italic clamp(1.15rem,2.2vw,2rem)/1.15 Georgia,serif;transform:rotate(5deg)}.figure-orbit{position:absolute;z-index:2;display:grid;place-items:center;padding:.8rem;border:1px solid rgba(18,63,48,.1);background:rgba(255,255,255,.78);box-shadow:0 20px 55px rgba(18,63,48,.13);backdrop-filter:blur(12px)}.figure-orbit img{display:block;width:clamp(100px,12vw,165px);height:clamp(100px,12vw,165px)}.figure-orbit span{position:absolute;padding:.25rem .55rem;border-radius:999px;color:white;background:var(--green-deep);font-size:.7rem;font-weight:750;letter-spacing:.12em;text-transform:uppercase}.figure-parts{left:0;top:4%;border-radius:58% 42% 54% 46%/44% 58% 42% 56%;animation:figureFloat 5s ease-in-out infinite}.figure-parts span{right:-1rem;bottom:1rem}.figure-care{right:0;bottom:2%;border-radius:40% 60% 45% 55%/57% 43% 57% 43%;animation:figureFloat 5.5s ease-in-out infinite reverse}.figure-care span{left:-1rem;top:1rem;background:var(--blue)}
.stress-mark{position:relative;width:min(600px,43vw);aspect-ratio:1;display:grid;place-items:center}.stress-mark:before,.stress-mark:after,.stress-mark i{content:"";position:absolute;border:1px solid rgba(72,102,184,.22);border-radius:50%;animation:breathe 5s ease-in-out infinite}.stress-mark:before{inset:5%}.stress-mark:after{inset:18%;animation-delay:-1.5s}.stress-mark i{inset:31%;border-color:rgba(67,182,93,.34);animation-delay:-3s}.stress-mark img{position:absolute;z-index:2;top:2%;left:50%;width:80%;height:auto;transform:translateX(-50%);filter:drop-shadow(0 20px 30px rgba(34,67,56,.12))}.stress-mark>span{position:relative;z-index:1;color:var(--blue);font:italic clamp(2rem,4vw,4rem) Georgia,serif}.branded-action{flex-direction:row;align-items:center;padding:.55rem 1.4rem .55rem .7rem}.branded-action>img{position:relative;z-index:1;width:116px;height:auto;margin:-.7rem .9rem -.7rem -.55rem}
@keyframes stagePulse{50%{transform:scale(1.06) rotate(4deg);opacity:.45}}@keyframes figureFloat{50%{transform:translateY(-14px) rotate(2deg)}}
@media(max-width:820px){.friends-stage,.stress-mark{grid-row:1;width:min(100%,580px);justify-self:center}.chapter-friends .chapter-copy{grid-row:2}}
@media(max-width:480px){.choice-links img,.branded-action>img{width:88px}.friends-stage{transform:scale(.94)}.figure-orbit img{width:92px;height:92px}}

/* Readability: branded colour remains decorative; text gets stable, high-contrast surfaces. */
:root{--green-text:#24763a;--muted:#405e54}
.eyebrow{color:var(--green-text)}
.site-header{mix-blend-mode:normal;color:#0b3026;background:rgba(248,251,247,.9);border-bottom:1px solid rgba(18,63,48,.1);backdrop-filter:blur(16px);box-shadow:0 7px 28px rgba(18,63,48,.06)}
.opening-image{background:linear-gradient(90deg,rgba(248,251,247,.99) 0 44%,rgba(248,251,247,.88) 60%,rgba(248,251,247,.35) 82%),url("start-hintergrund.png") center/cover}
.opening-copy>p:not(.eyebrow){color:#304e44;text-shadow:0 1px 0 rgba(255,255,255,.8)}
.choice-links a,.soft-action{color:#fff}.choice-copy>span,.soft-action small{color:rgba(255,255,255,.86)}
.chapter-copy{padding:clamp(1rem,2vw,1.5rem);margin-left:clamp(-1.5rem,-2vw,-1rem);border-radius:1.75rem;background:rgba(255,255,255,.68);box-shadow:0 18px 60px rgba(18,63,48,.055);backdrop-filter:blur(12px)}
.chapter-copy p:not(.eyebrow){color:#38564c}.chapter-copy p:nth-of-type(2){color:#173c31}
.chapter-stress .chapter-copy{background:rgba(255,255,255,.82)}
.access-card>p:not(.eyebrow):not(.access-error){color:rgba(255,255,255,.9)}
.access-card label{color:#fff}.access-line input{caret-color:#fff}.access-line button{color:#0b3026}
.contact .eyebrow,.health-note strong{color:#d7f28f}.contact,.health-note,footer{color:#fff}.health-note p,footer{color:rgba(255,255,255,.82)}
@media(max-width:820px){.opening-image{background:linear-gradient(rgba(248,251,247,.94),rgba(248,251,247,.78)),url("start-hintergrund.png") center/cover}.chapter-copy{margin-left:0}}

/* The first screen introduces the story; the single action appears where it becomes relevant. */
.opening-copy{padding-bottom:0}

/* A slow, staged text reveal makes the MIF explanation feel discovered rather than simply faded in. */
.chapter-friends .chapter-copy.reveal{opacity:1;transform:none;overflow:hidden}
.chapter-friends .chapter-copy.reveal>.eyebrow,.chapter-friends .chapter-copy.reveal>h2,.chapter-friends .chapter-copy.reveal>p,.chapter-friends .chapter-copy.reveal>.branded-action{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(22px);filter:blur(7px);transition:opacity .75s ease,clip-path 1.25s cubic-bezier(.2,.75,.2,1),transform 1s ease,filter 1s ease}
.chapter-friends .chapter-copy.reveal.is-visible>.eyebrow,.chapter-friends .chapter-copy.reveal.is-visible>h2,.chapter-friends .chapter-copy.reveal.is-visible>p,.chapter-friends .chapter-copy.reveal.is-visible>.branded-action{opacity:1;clip-path:inset(0);transform:none;filter:none}
.chapter-friends .chapter-copy.reveal>h2{transition-delay:.16s}.chapter-friends .chapter-copy.reveal>p:nth-of-type(2){transition-delay:.42s}.chapter-friends .chapter-copy.reveal>p:nth-of-type(3){transition-delay:.7s}.chapter-friends .chapter-copy.reveal>.branded-action{transition-delay:.95s}
.chapter-friends .chapter-copy:after{content:"";position:absolute;z-index:-1;inset:-40% auto -40% -35%;width:20%;background:linear-gradient(90deg,transparent,rgba(189,221,114,.34),transparent);transform:skewX(-18deg) translateX(-300%);pointer-events:none}
.chapter-friends .chapter-copy.is-visible:after{animation:textGlimmer 1.8s 1.05s ease-out both}

/* The supplied wordmark remains legible at presentation distance. */
.branded-action{min-width:min(480px,100%);min-height:116px;padding:.75rem 1.8rem .75rem .8rem;border-radius:46px 78px 52px 70px}.branded-action>img{width:190px;margin:-1.25rem 1.15rem -1.25rem -.8rem}.branded-action .action-copy>span{font-size:1.2rem}.branded-action .action-copy>small{font-size:.92rem}

/* Adult figures exchange places on a calm orbit. Keyboard focus triggers the same motion. */
.friends-stage{--figure-size:clamp(135px,15vw,195px);outline:none}.friends-stage:focus-visible{outline:3px solid rgba(72,102,184,.48);outline-offset:10px;border-radius:50%}.figure-orbit{width:var(--figure-size);height:var(--figure-size)}.figure-orbit img{width:calc(var(--figure-size) - 1.6rem);height:calc(var(--figure-size) - 1.6rem)}.figure-parts{right:auto;bottom:auto;left:0;top:4%}.figure-care{right:auto;bottom:auto;left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size))}.friends-stage:is(:hover,:focus-visible) .figure-parts{animation:orbitParts 12s cubic-bezier(.45,.05,.55,.95) infinite}.friends-stage:is(:hover,:focus-visible) .figure-care{animation:orbitCare 12s cubic-bezier(.45,.05,.55,.95) infinite}

/* Calming 4/6 breathing rhythm: four seconds in, six seconds out. */
.breath{position:relative;gap:2rem}.breath i{animation:breatheCycle 10s cubic-bezier(.45,.05,.55,.95) infinite}.breath span{min-width:8rem;text-align:center;font-size:1.1rem}.inhale-label{animation:inhaleCue 10s linear infinite}.exhale-label{animation:exhaleCue 10s linear infinite}
@keyframes textGlimmer{0%{transform:skewX(-18deg) translateX(-300%)}100%{transform:skewX(-18deg) translateX(850%)}}
@keyframes orbitParts{0%,100%{left:0;top:4%;transform:rotate(0)}25%{left:42%;top:-5%;transform:rotate(3deg)}50%{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size));transform:rotate(0)}75%{left:34%;top:66%;transform:rotate(-3deg)}}
@keyframes orbitCare{0%,100%{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size));transform:rotate(0)}25%{left:34%;top:66%;transform:rotate(-3deg)}50%{left:0;top:4%;transform:rotate(0)}75%{left:42%;top:-5%;transform:rotate(3deg)}}
@keyframes breatheCycle{0%{transform:scale(.72);opacity:.38}40%{transform:scale(1.42);opacity:.72}100%{transform:scale(.72);opacity:.38}}
@keyframes inhaleCue{0%,38%{opacity:1;color:var(--green-deep)}42%,100%{opacity:.3}}
@keyframes exhaleCue{0%,38%{opacity:.3}42%,96%{opacity:1;color:var(--blue)}100%{opacity:.3}}
@media(max-width:560px){.branded-action{min-width:100%;min-height:98px;padding-right:1rem}.branded-action>img{width:135px;margin-right:.65rem}.branded-action .action-copy>span{font-size:1rem}.branded-action .action-copy>small{font-size:.8rem}.breath{gap:.5rem}.breath span{min-width:6.2rem;font-size:.92rem}}

/* One deliberate swap per pointer entry; the figures rest at the new positions. */
.friends-stage:is(:hover,:focus-visible) .figure-parts,.friends-stage:is(:hover,:focus-visible) .figure-care{animation:none}
.friends-stage.is-swapped .figure-parts{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size))}.friends-stage.is-swapped .figure-care{left:0;top:4%}
.friends-stage.is-moving.to-swapped .figure-parts{animation:swapPartsForward 4.8s cubic-bezier(.45,.05,.25,1) both}.friends-stage.is-moving.to-swapped .figure-care{animation:swapCareForward 4.8s cubic-bezier(.45,.05,.25,1) both}.friends-stage.is-moving.to-home .figure-parts{animation:swapPartsHome 4.8s cubic-bezier(.45,.05,.25,1) both}.friends-stage.is-moving.to-home .figure-care{animation:swapCareHome 4.8s cubic-bezier(.45,.05,.25,1) both}
@keyframes swapPartsForward{0%{left:0;top:4%;transform:rotate(0)}48%{left:45%;top:-5%;transform:rotate(3deg)}100%{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size));transform:rotate(0)}}
@keyframes swapCareForward{0%{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size));transform:rotate(0)}48%{left:34%;top:66%;transform:rotate(-3deg)}100%{left:0;top:4%;transform:rotate(0)}}
@keyframes swapPartsHome{0%{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size));transform:rotate(0)}48%{left:34%;top:66%;transform:rotate(-3deg)}100%{left:0;top:4%;transform:rotate(0)}}
@keyframes swapCareHome{0%{left:0;top:4%;transform:rotate(0)}48%{left:45%;top:-5%;transform:rotate(3deg)}100%{left:calc(100% - var(--figure-size));top:calc(96% - var(--figure-size));transform:rotate(0)}}

/* Spacious, centred MIF action with a calm living colour field. */
.branded-action{justify-content:center;min-width:min(540px,100%);min-height:154px;padding:1.35rem 2.35rem;border-radius:54px 86px 60px 78px;background:linear-gradient(120deg,#123f30 0%,#1f7652 24%,#4266ae 50%,#2f8a59 74%,#123f30 100%);background-size:320% 320%;animation:brandedFlow 14s ease-in-out infinite;box-shadow:0 20px 48px rgba(18,63,48,.24)}.branded-action>img{flex:0 0 auto;width:205px;margin:0 1.35rem 0 0}.branded-action .action-copy{flex:0 0 auto}.branded-action:before{transform:none;opacity:.15;background:radial-gradient(circle at 18% 30%,rgba(189,221,114,.75),transparent 34%),radial-gradient(circle at 82% 72%,rgba(125,157,231,.7),transparent 38%);background-size:160% 160%;animation:buttonLight 16s ease-in-out infinite}.branded-action:hover{animation-duration:7.5s;box-shadow:0 26px 58px rgba(30,83,63,.32)}.branded-action:hover:before{transform:none;opacity:.28;animation-duration:8s}
@keyframes brandedFlow{0%,100%{background-position:0% 45%}50%{background-position:100% 56%}}
@keyframes buttonLight{0%,100%{background-position:0% 0%}50%{background-position:100% 100%}}
@media(max-width:560px){.branded-action{min-height:126px;padding:1.1rem 1.25rem}.branded-action>img{width:145px;margin-right:.75rem}}

/* My Inner Stress: letters arrive in their own order, then keep a quiet organic motion. */
.stress-mark img{top:-3%;width:76%}.stress-mark>span.stress-word{position:absolute;z-index:4;left:50%;bottom:17%;display:flex;justify-content:center;width:100%;color:#274f9c;font:italic clamp(1.55rem,3.2vw,3.15rem)/1 Georgia,serif;letter-spacing:.015em;transform:translateX(-50%)}.stress-word>span{display:inline-block;opacity:0;transform:translate(var(--letter-x),-48vh) rotate(var(--letter-turn));filter:blur(5px);will-change:transform,opacity,filter}.stress-word.is-assembled>span{animation:stressLetterLand 3.5s cubic-bezier(.18,.72,.18,1) var(--letter-delay) forwards,stressLetterWobble 5.4s ease-in-out calc(3.5s + var(--letter-delay) + var(--wobble-delay)) infinite}.stress-word>span:nth-child(3n){color:#267c4d}.stress-word>span:nth-child(4n){color:#5070b8}
@keyframes stressLetterLand{0%{opacity:0;transform:translate(var(--letter-x),-48vh) rotate(var(--letter-turn));filter:blur(5px)}70%{opacity:1;filter:blur(0)}88%{transform:translate(0,5px) rotate(-1deg)}100%{opacity:1;transform:translate(0,0) rotate(0);filter:none}}
@keyframes stressLetterWobble{0%,100%{opacity:1;transform:translateY(0) rotate(0)}35%{opacity:1;transform:translateY(-3px) rotate(.7deg)}70%{opacity:1;transform:translateY(2px) rotate(-.55deg)}}
@media(max-width:560px){.stress-mark>span.stress-word{bottom:13%;font-size:clamp(1.4rem,8vw,2.2rem)}}
body.motion-off .stress-word.is-assembled>span{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.stress-word.is-assembled>span{opacity:1;transform:none;filter:none}}

/* Compact seminar inquiry, expanded in place instead of opening an email program. */
.stress-inquiry-trigger{width:min(360px,100%)}.inquiry-form{display:grid;gap:.55rem;width:min(520px,100%);margin-top:1rem;padding:1.25rem;border:1px solid rgba(72,102,184,.2);border-radius:28px 42px 32px 38px;background:rgba(255,255,255,.94);box-shadow:0 22px 55px rgba(35,61,91,.12);animation:formReveal .55s cubic-bezier(.2,.75,.2,1) both}.inquiry-form[hidden]{display:none}.inquiry-form label{margin-top:.35rem;color:#173c31;font-weight:700}.inquiry-form input,.inquiry-form textarea{width:100%;padding:.78rem .9rem;border:1px solid rgba(18,63,48,.26);border-radius:14px;color:#173c31;background:#fff;outline:none;resize:vertical}.inquiry-form input:focus,.inquiry-form textarea:focus{border-color:#4866b8;box-shadow:0 0 0 4px rgba(72,102,184,.13)}.field-help,.field-error,.inquiry-status{margin:0;font-size:.88rem;line-height:1.4}.field-help{color:#5a6f67}.field-error{min-height:.2rem;color:#a12929;font-weight:650}.inquiry-status{color:#245f3b;font-weight:650}.inquiry-submit{justify-self:start;margin-top:.45rem;padding:.8rem 1.15rem;border:0;border-radius:999px;color:#fff;background:linear-gradient(110deg,#123f30,#4866b8);font-weight:750;cursor:pointer}.inquiry-submit:hover{filter:brightness(1.08);transform:translateY(-2px)}
@keyframes formReveal{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}

.stress-mark>span.stress-word{bottom:43%}.inquiry-form .inquiry-submit{justify-self:stretch;width:100%;min-width:0;margin-top:.75rem;padding:1rem 1.35rem;border-radius:30px 48px 34px 44px;text-align:left}.inquiry-form .inquiry-submit span{font-size:1.08rem}.inquiry-form .inquiry-submit small{font-size:.88rem}
@media(max-width:560px){.stress-mark>span.stress-word{bottom:38%}}

/* Original MIF emblem as the opening visual anchor. */
.opening{grid-template-columns:minmax(0,1.12fr) minmax(330px,.88fr);gap:clamp(2rem,5vw,7rem)}.opening-copy{width:auto}.opening-logo{position:relative;z-index:2;display:grid;place-items:center;justify-self:center;width:min(39vw,610px);aspect-ratio:1;isolation:isolate;filter:drop-shadow(0 32px 54px rgba(18,63,48,.18));animation:emblemFloat 9s ease-in-out infinite}.opening-logo:before,.opening-logo:after,.opening-logo i{content:"";position:absolute;z-index:-1;border-radius:50%;pointer-events:none}.opening-logo:before{inset:-3%;border:1px solid rgba(67,182,93,.32);box-shadow:0 0 70px rgba(67,182,93,.13)}.opening-logo:after{inset:7%;border:1px solid rgba(72,102,184,.24);animation:emblemHalo 7s ease-in-out infinite}.opening-logo i{inset:17%;background:radial-gradient(circle,rgba(255,255,255,.62),rgba(248,251,247,.08) 68%,transparent 72%)}.opening-logo img{display:block;width:92%;height:auto;filter:saturate(.96) contrast(1.03)}
@keyframes emblemFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes emblemHalo{50%{transform:scale(1.08);opacity:.45}}
@media(max-width:980px){.opening{grid-template-columns:1fr;padding-bottom:4rem}.opening-logo{width:min(68vw,480px);margin-top:-1.5rem}.opening-copy{max-width:760px}.opening h1{font-size:clamp(3.6rem,12vw,7rem)}}
@media(max-width:560px){.opening-logo{width:min(82vw,390px);margin-top:-.5rem}.opening{gap:1rem}}
.access-line{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}
.access-line .access-visibility{display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;color:#fff;background:transparent;font-size:1.22rem;transform:none}
.access-line .access-visibility:hover,.access-line .access-visibility:focus-visible,.access-line .access-visibility[aria-pressed=true]{color:var(--lime);background:rgba(255,255,255,.12);transform:none;outline:2px solid rgba(255,255,255,.6);outline-offset:1px}
@media(max-width:560px){.access-line{gap:.2rem}.access-line .access-visibility{width:2.9rem;height:2.9rem;font-size:1.3rem}.access-line button[type=submit]{padding:.78rem .88rem}}

/* Das Zugangsfeld bleibt auch auf kleinen Touch-Displays klar erkennbar. */
.access-line{gap:.45rem;border:0}
.access-line:focus-within{border:0;box-shadow:none}
.access-line input{min-height:3.35rem;padding:.78rem 1rem;border:2px solid rgba(255,255,255,.78);border-radius:16px;color:#10392d;-webkit-text-fill-color:#10392d;caret-color:#315fc3;background:rgba(255,255,255,.96);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 24px rgba(0,25,18,.14)}
.access-line input:focus{border-color:#bddd72;background:#f3fbdc;box-shadow:0 0 0 4px rgba(189,221,114,.32),0 8px 24px rgba(0,25,18,.14)}
.access-line input::selection{color:#fff;-webkit-text-fill-color:#fff;background:#315fc3}
@media(max-width:560px){
  .access-card{padding:2rem 1.25rem}
  .access-line{grid-template-columns:minmax(0,1fr) auto;width:100%}
  .access-line input{width:100%;min-height:3.6rem;font-size:1.05rem;letter-spacing:.06em}
  .access-line .access-visibility{color:#fff;background:rgba(255,255,255,.13)}
  .access-line button[type=submit]{grid-column:1/-1;width:100%;min-height:3.45rem;margin:.35rem 0 0;border-radius:18px;color:#123f30;background:#bddd72;font-size:1.05rem}
  .access-line button[type=submit]:hover,.access-line button[type=submit]:focus-visible{background:#d7ef9b;transform:translateY(-2px) rotate(-.4deg)}
}