@media(max-width:1024px){.alfari-desktop-nav{display:none}.alfari-hero-grid{grid-template-columns:1fr .8fr;gap:30px}.alfari-card-grid--4{grid-template-columns:repeat(2,1fr)}.alfari-steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){body.alfari-site{font-size:16px}.alfari-shell{width:min(calc(100% - 28px),var(--a-shell))}.alfari-site-header{position:relative}.alfari-header-inner{min-height:66px}.alfari-header-actions .alfari-link-button{display:none}.alfari-button--compact{font-size:13px;padding:8px 12px}.alfari-hero-grid{grid-template-columns:1fr;padding-block:44px;min-height:auto}.alfari-hero h1{font-size:clamp(42px,13vw,62px)}.alfari-trainer-visual{min-height:320px}.alfari-section{padding-block:52px}.alfari-card-grid--4,.alfari-card-grid--3{grid-template-columns:1fr 1fr}.alfari-steps{grid-template-columns:1fr 1fr}.alfari-cta-panel{flex-direction:column;align-items:flex-start;padding:30px}.alfari-footer-grid{grid-template-columns:1fr}.alfari-trainer-main{padding-top:30px;background:linear-gradient(180deg,#071423 0 220px,var(--a-surface) 220px)}.alfari-trainer-header{gap:18px}.alfari-trainer-grid,.alfari-trainer-grid--main{grid-template-columns:1fr}.alfari-mobile-trainer-nav{position:fixed;bottom:0;left:0;right:0;z-index:150;display:grid;grid-template-columns:repeat(4,1fr);padding:8px max(8px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));background:rgba(6,16,29,.97);border-top:1px solid rgba(255,255,255,.1)}.alfari-mobile-trainer-nav a,.alfari-mobile-trainer-nav span{min-height:48px;display:grid;place-items:center;color:#aebfd0;text-decoration:none;font-size:12px;font-weight:800}.alfari-mobile-trainer-nav .is-active{color:#fff}.alfari-site-footer{padding-bottom:88px}}
@media(max-width:430px){.alfari-brand small{display:none}.alfari-header-actions .alfari-button{min-height:40px}.alfari-hero-grid{padding-block:34px}.alfari-hero-copy{min-width:0}.alfari-hero h1{font-size:45px}.alfari-lead{font-size:19px}.alfari-button-row{display:grid}.alfari-button{width:100%}.alfari-trust-row{display:grid;grid-template-columns:1fr 1fr}.alfari-trainer-visual{min-height:280px}.alfari-card-grid--4,.alfari-card-grid--3,.alfari-steps{grid-template-columns:1fr}.alfari-feature-card,.alfari-platform-card{padding:20px}.alfari-section-heading{text-align:left;margin-bottom:28px}.alfari-cta-panel{padding:24px}.alfari-trainer-header{display:block}.alfari-state-pill{display:inline-block;margin-top:14px}.alfari-card-title{font-size:23px}.alfari-training-card,.alfari-decision-card,.alfari-plan-card,.alfari-progress-card{padding:20px}.alfari-content-card,.alfari-article{border-radius:20px}}
@media(max-width:360px){.alfari-shell{width:min(calc(100% - 20px),var(--a-shell))}.alfari-brand strong{font-size:18px}.alfari-header-actions .alfari-button--compact{padding-inline:10px}.alfari-hero h1{font-size:40px}.alfari-trust-row{grid-template-columns:1fr}.alfari-mobile-trainer-nav a,.alfari-mobile-trainer-nav span{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.alfari-button,.alfari-platform-card{transition:none}.alfari-loading-state div{animation:none}}

@media (max-width: 600px){
  .alfari-auth-main{padding:24px 12px;align-items:start}
  .alfari-auth-card{border-radius:22px;padding:24px 20px;margin-top:12px}
  .alfari-auth-card h1{font-size:36px}
  .alfari-auth-brand{margin-bottom:22px}
}

@media(max-width:430px){.alfari-coach-card{grid-template-columns:72px 1fr;padding:14px;gap:14px}.alfari-coach-card img{width:72px;height:72px}.alfari-coach-card strong{font-size:16px}.alfari-auth-trainer{width:54px;height:54px;right:16px;top:16px}.alfari-auth-card .alfari-auth-brand{padding-right:64px}}

/* Alpha.6 trainer integration responsive behavior */
@media(max-width:1024px){
  .alfari-hero-grid--integrated{grid-template-columns:minmax(0,.95fr) minmax(400px,1.05fr);gap:30px}
  .alfari-hero-coach-frame{min-height:460px}
  .alfari-coach-band{grid-template-columns:.9fr 1.1fr}
}
@media(max-width:768px){
  .alfari-hero-grid--integrated{grid-template-columns:1fr;gap:26px;padding-block:42px}
  .alfari-hero-grid--integrated .alfari-hero-copy{padding:0}
  .alfari-trust-row{max-width:none}
  .alfari-hero-coach{gap:12px}
  .alfari-hero-coach-frame{min-height:350px;border-radius:24px}
  .alfari-hero-coach-image{object-position:70% 50%}
  .alfari-hero-coach-quote{grid-template-columns:1fr;gap:2px;padding:13px 15px}
  .alfari-hero-coach-quote strong{font-size:15px}.alfari-hero-coach-quote span{font-size:13px}
  .alfari-coach-band{grid-template-columns:1fr}
  .alfari-coach-band-media{min-height:270px}
  .alfari-coach-band-media img{object-position:42% 45%}
  .alfari-coach-band-copy{padding:28px 24px}
  .alfari-coach-card{grid-template-columns:88px 1fr}.alfari-coach-card img{width:88px;height:88px}
}
@media(max-width:430px){
  .alfari-hero-grid--integrated{padding-block:32px;gap:22px}
  .alfari-hero h1{font-size:43px}
  .alfari-lead{font-size:18px}
  .alfari-hero-body{font-size:15px}
  .alfari-trust-row{grid-template-columns:1fr 1fr;gap:8px;margin-top:22px}
  .alfari-trust-row span{min-height:38px;padding:8px 10px;font-size:12px}
  .alfari-hero-coach-frame{min-height:300px}
  .alfari-hero-coach-image{object-position:72% 50%}
  .alfari-coach-band-media{min-height:225px}
  .alfari-coach-band-copy{padding:24px 20px}
  .alfari-coach-band-copy h2{font-size:34px}
  .alfari-coach-band-copy>p:not(.alfari-eyebrow){font-size:16px}
  .alfari-coach-band-points{grid-template-columns:1fr 1fr}
  .alfari-coach-card{grid-template-columns:72px 1fr}.alfari-coach-card img{width:72px;height:72px}
}
@media(max-width:360px){
  .alfari-trust-row{grid-template-columns:1fr}
  .alfari-hero-coach-frame{min-height:270px}
}

/* Alpha.7 reference-first mobile layout */
@media(max-width:768px){
  .alfari-hero--reference{padding-bottom:12px}
  .alfari-hero-stage{width:100%;min-height:520px;border-radius:0}
  .alfari-hero-media img{object-position:69% 50%}
  .alfari-hero-media::after{background:linear-gradient(90deg,rgba(5,15,27,.98) 0%,rgba(5,15,27,.90) 42%,rgba(5,15,27,.34) 72%,rgba(5,15,27,.10) 100%)}
  .alfari-hero-copy--reference{max-width:62%;padding:36px 0 28px}
  .alfari-hero-copy--reference .alfari-eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:10px}
  .alfari-hero-copy--reference h1{font-size:clamp(32px,8.6vw,46px);line-height:.96;margin-bottom:13px}
  .alfari-hero-copy--reference .alfari-lead{font-size:15px;line-height:1.32;max-width:260px}
  .alfari-button-row--hero{display:grid;gap:9px;margin-top:20px;max-width:260px}
  .alfari-button-row--hero .alfari-button{min-height:46px;padding:10px 14px;font-size:14px}
  .alfari-benefit-strip{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:10px 8px 0}
  .alfari-benefit-strip>div{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:5px;min-height:84px;padding:8px 4px;border-radius:12px}
  .alfari-benefit-strip>div>span{width:32px;height:32px;font-size:13px}
  .alfari-benefit-strip strong{font-size:10px;line-height:1.15}
  .alfari-section--steps{padding:30px 0 28px}
  .alfari-shell--wide-mobile{width:min(calc(100% - 20px),var(--a-shell))}
  .alfari-section-heading--compact{text-align:center;margin-bottom:16px}
  .alfari-section-heading--compact h2{font-size:25px;line-height:1.08}
  .alfari-section-heading--compact p{font-size:13px;margin:6px 0 0}
  .alfari-steps--reference{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;margin-bottom:18px}
  .alfari-steps--reference li{padding:4px 4px 8px;text-align:center;min-width:0}
  .alfari-steps--reference li>span{width:38px;height:38px;margin:0 auto 8px}
  .alfari-steps--reference h3{font-size:12px;line-height:1.12;margin-bottom:5px}
  .alfari-steps--reference p{font-size:10px;line-height:1.22}
  .alfari-button--planfinder{min-width:220px;width:auto}
  .alfari-section--platform{padding:26px 0 36px}
  .alfari-platform-list{gap:8px}
  .alfari-platform-row{grid-template-columns:38px 1fr auto;min-height:72px;padding:8px 10px;gap:10px;border-radius:13px}
  .alfari-platform-row-icon{width:34px;height:34px;font-size:22px}
  .alfari-platform-row-copy strong{font-size:15px}.alfari-platform-row-copy small{font-size:11px}
  .alfari-platform-row-arrow{font-size:28px}
}
@media(max-width:430px){
  .alfari-hero-stage{min-height:490px}
  .alfari-hero-media img{object-position:72% 50%}
  .alfari-hero-copy--reference{max-width:64%;padding:30px 0 22px}
  .alfari-hero-copy--reference h1{font-size:34px}
  .alfari-hero-copy--reference .alfari-lead{font-size:14px}
  .alfari-button-row--hero{max-width:240px}
  .alfari-benefit-strip strong{font-size:9.5px}
}
@media(max-width:359px){
  .alfari-hero-copy--reference{max-width:68%}
  .alfari-hero-copy--reference h1{font-size:30px}
  .alfari-benefit-strip{grid-template-columns:repeat(2,1fr)}
  .alfari-steps--reference{grid-template-columns:repeat(2,1fr);row-gap:10px}
  .alfari-steps--reference p{font-size:11px}
}

/* Alpha.8 — Mein ALFARI app convergence responsive */
@media(max-width:1024px){
  .alfari-app-desktop-nav{display:none}
  .alfari-app-header-meta{margin-left:auto}
  .alfari-progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:768px){
  .alfari-app-header-inner{min-height:66px;width:min(calc(100% - 24px),1120px)}
  .alfari-app-brand small{display:none}
  .alfari-app-coach-chip span,.alfari-app-logout{display:none}
  .alfari-app-coach-chip{padding:4px;border-color:rgba(255,255,255,.08)}
  .alfari-app-coach-chip img{width:36px;height:36px}
  .alfari-trainer-main--app{min-height:calc(100vh - 66px);padding-bottom:104px;background:linear-gradient(180deg,#0b2035 0 170px,#f3f6f9 170px)}
  .alfari-trainer-shell--app{padding-top:24px}
  .alfari-app-welcome{min-height:126px;padding:0 2px 22px;align-items:center}
  .alfari-app-welcome h1{font-size:36px}
  .alfari-app-trainer-identity{width:62px;height:62px}
  .alfari-training-card--hero{padding:22px;border-radius:22px}
  .alfari-training-card-body{grid-template-columns:1fr;gap:20px}
  .alfari-training-actions{justify-content:stretch}.alfari-training-start{width:100%;min-width:0}
  .alfari-session-exercises{max-width:none}
  .alfari-knowledge-grid--app{grid-template-columns:1fr 1fr}
  .alfari-mobile-trainer-nav--app{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr))}
}
@media(max-width:430px){
  .alfari-trainer-shell--app{width:min(calc(100% - 20px),1120px)}
  .alfari-app-welcome{min-height:118px;padding-bottom:18px}
  .alfari-app-welcome h1{font-size:31px}
  .alfari-app-welcome>div:first-child>p:last-child{font-size:14px}
  .alfari-app-trainer-identity{width:54px;height:54px}
  .alfari-training-card--hero,.alfari-decision-card--app,.alfari-plan-card--app,.alfari-progress-card--app{padding:18px;border-radius:19px}
  .alfari-card-title--large{font-size:27px}
  .alfari-training-mark{width:38px;height:38px;border-radius:12px}
  .alfari-training-meta{gap:6px;margin:13px 0}.alfari-training-meta span{font-size:11px;padding:6px 8px}
  .alfari-session-exercises{gap:7px;margin-top:14px}.alfari-session-exercises li{grid-template-columns:1fr;padding:9px 10px;font-size:13px;gap:2px}.alfari-session-exercises small{text-align:left;font-size:11px}
  .alfari-decision-box{grid-template-columns:32px 1fr;padding:14px;gap:11px}.alfari-decision-icon{width:30px;height:30px}.alfari-decision-box .alfari-card-title{font-size:17px}
  .alfari-card-row-head{align-items:start}.alfari-text-action{font-size:12px;white-space:nowrap}
  .alfari-progress-grid{grid-template-columns:1fr 1fr;gap:8px}.alfari-progress-tile{min-height:92px;padding:13px}.alfari-progress-tile strong{font-size:22px}.alfari-progress-tile span{font-size:11px}
  .alfari-knowledge-grid--app{grid-template-columns:1fr}.alfari-knowledge-thumb{height:76px}
  .alfari-status-message{grid-template-columns:36px 1fr;padding:18px;gap:12px}.alfari-status-message-icon{width:34px;height:34px;border-radius:11px}.alfari-status-message h2{font-size:20px}
  .alfari-mobile-trainer-nav--app a{min-height:54px;padding:6px 2px}.alfari-mobile-trainer-nav--app a>span{font-size:19px}.alfari-mobile-trainer-nav--app a>small{font-size:9px}
}
@media(max-width:360px){
  .alfari-app-header-inner{width:min(calc(100% - 18px),1120px)}
  .alfari-app-brand strong{font-size:18px}
  .alfari-app-welcome h1{font-size:28px}
  .alfari-progress-grid{grid-template-columns:1fr}
}

/* alpha.9 public account entry remains explicit on mobile */
@media(max-width:768px){
  .alfari-header-actions{gap:7px}
  .alfari-header-actions .alfari-button--account{display:inline-flex;min-height:42px;padding:8px 13px;font-size:12px}
  .alfari-header-actions .alfari-header-start{display:inline-flex;min-height:42px;padding:8px 12px;font-size:12px}
}
@media(max-width:430px){
  .alfari-header-inner{gap:8px}
  .alfari-header-actions{gap:6px}
  .alfari-header-actions .alfari-button--account{padding-inline:11px}
  .alfari-header-actions .alfari-header-start{padding-inline:10px}
}
@media(max-width:360px){
  .alfari-header-actions .alfari-header-start{display:none}
  .alfari-header-actions .alfari-button--account{font-size:12px;padding-inline:12px}
}

/* alpha.10 — approved mobile reference behavior */
@media(max-width:1024px){
  .alfari-site-header{position:sticky;top:0;z-index:250}
  .alfari-mobile-menu{display:block}
}
@media(max-width:768px){
  .alfari-header-inner{min-height:72px;gap:10px}
  .alfari-brand{margin-right:auto}
  .alfari-brand strong{font-size:21px}
  .alfari-header-actions{gap:8px;margin-left:0}
  .alfari-header-start{display:none}
  .alfari-button--account{width:auto!important;min-height:44px!important;padding:9px 13px!important;font-size:13px!important;border-color:var(--a-blue-500)!important;background:rgba(13,109,255,.08)!important}
  .alfari-button--account .alfari-account-icon{display:grid}
  .alfari-hero-stage{min-height:600px}
  .alfari-hero-media img{object-fit:cover;object-position:72% 42%}
  .alfari-hero-media::after{background:linear-gradient(90deg,rgba(5,15,27,.98) 0%,rgba(5,15,27,.86) 42%,rgba(5,15,27,.24) 68%,rgba(5,15,27,.04) 100%),linear-gradient(180deg,rgba(4,12,22,.02),rgba(4,12,22,.12))}
}
@media(max-width:430px){
  .alfari-shell.alfari-header-inner{width:calc(100% - 20px)}
  .alfari-brand-mark{width:32px;height:32px;border-radius:9px}
  .alfari-brand strong{font-size:18px}
  .alfari-header-actions{gap:6px}
  .alfari-button--account{min-width:124px!important;padding:8px 10px!important;font-size:12px!important;white-space:nowrap}
  .alfari-mobile-menu>summary{width:42px;height:42px}
  .alfari-hero-copy--reference{max-width:58%;padding-top:42px}
  .alfari-hero-copy--reference h1{font-size:clamp(34px,10vw,44px)}
  .alfari-hero-copy--reference .alfari-lead{font-size:14px;max-width:240px}
  .alfari-hero-stage{min-height:590px}
  .alfari-hero-media img{object-position:70% 40%}
  .alfari-button-row--hero{max-width:240px}
}
@media(max-width:360px){
  .alfari-button--account{min-width:112px!important;padding-inline:8px!important;font-size:11px!important}
  .alfari-account-icon{width:16px;height:16px;margin-right:4px}
  .alfari-mobile-menu>summary{width:40px;height:40px}
}
\n\n/* alpha.11 — real-mobile closure: canonical Mein ALFARI entry + non-cropped trainer */\n@media(max-width:768px){\n  .alfari-header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}\n  .alfari-brand{min-width:0;margin-right:0}\n  .alfari-brand small{display:none}\n  .alfari-header-actions{display:contents}\n  .alfari-button--account{grid-column:2;display:inline-flex!important;visibility:visible!important;opacity:1!important;min-width:126px!important;white-space:nowrap!important}\n  .alfari-mobile-menu{grid-column:3}\n  .alfari-header-start{display:none!important}\n\n  .alfari-hero-stage{min-height:610px;background:linear-gradient(135deg,#06111f 0%,#0a1b2f 100%)}\n  .alfari-hero-media{display:flex;align-items:flex-end;justify-content:flex-end;inset:0}\n  .alfari-hero-media img{position:absolute!important;right:-2%!important;bottom:0!important;left:auto!important;top:auto!important;width:61%!important;height:auto!important;max-height:92%!important;object-fit:contain!important;object-position:right bottom!important}\n  .alfari-hero-media::after{background:linear-gradient(90deg,rgba(5,15,27,.99) 0%,rgba(5,15,27,.96) 38%,rgba(5,15,27,.58) 57%,rgba(5,15,27,.12) 78%,rgba(5,15,27,.02) 100%),linear-gradient(180deg,rgba(4,12,22,.02),rgba(4,12,22,.18))}\n  .alfari-hero-copy--reference{max-width:57%;padding:46px 0 36px}\n  .alfari-button-row--hero{max-width:250px}\n}\n@media(max-width:430px){\n  .alfari-shell.alfari-header-inner{width:calc(100% - 16px)}\n  .alfari-brand-mark{width:34px;height:34px}\n  .alfari-brand strong{font-size:18px}\n  .alfari-button--account{min-width:118px!important;padding:8px 9px!important;font-size:11.5px!important}\n  .alfari-account-icon{display:none!important}\n  .alfari-mobile-menu>summary{width:42px;height:42px}\n  .alfari-hero-stage{min-height:600px}\n  .alfari-hero-media img{right:-7%!important;width:68%!important;max-height:88%!important}\n  .alfari-hero-copy--reference{max-width:58%;padding-top:38px}\n  .alfari-hero-copy--reference h1{font-size:clamp(32px,9.8vw,42px)}\n  .alfari-hero-copy--reference .alfari-lead{font-size:14px;line-height:1.3;max-width:218px}\n  .alfari-button-row--hero{max-width:225px}\n}\n@media(max-width:360px){\n  .alfari-brand strong{font-size:17px}\n  .alfari-button--account{min-width:105px!important;font-size:10.5px!important;padding-inline:7px!important}\n  .alfari-mobile-menu>summary{width:39px;height:39px}\n  .alfari-hero-media img{right:-10%!important;width:72%!important}\n  .alfari-hero-copy--reference{max-width:61%}\n  .alfari-hero-copy--reference h1{font-size:30px}\n}\n

/* alpha.12 — reverse-navigation responsive behavior */
@media(max-width:900px){
  .alfari-app-desktop-nav{display:none}
  .alfari-app-home-link{display:inline-flex}
}
@media(max-width:520px){
  .alfari-app-header-inner{width:min(calc(100% - 20px),1120px);gap:10px}
  .alfari-app-brand small{display:none}
  .alfari-app-home-link{padding:8px 10px;min-width:auto}
  .alfari-app-home-link>span:last-child{font-size:11px}
  .alfari-app-coach-chip span{display:none}
  .alfari-app-coach-chip{padding:4px}
  .alfari-app-logout{display:none}
}
@media(max-width:380px){
  .alfari-app-home-link>span:last-child{display:none}
  .alfari-app-home-link{width:40px;justify-content:center;padding:8px}
}

/* Alpha.13 — real-mobile hero composition closure only.
   Preserve all working routing/auth/header behavior from alpha.12. */
@media(max-width:768px){
  .alfari-hero--reference{background:#07182b}
  .alfari-hero-stage{min-height:640px;background:linear-gradient(90deg,#07182b 0%,#07182b 58%,#0b2035 100%)}
  .alfari-hero-media{inset:0;overflow:hidden}
  .alfari-hero-media img{
    position:absolute;
    right:-18px;
    bottom:0;
    left:auto;
    top:auto;
    width:auto;
    height:100%;
    max-width:none;
    object-fit:contain;
    object-position:right bottom;
  }
  .alfari-hero-media::after{
    background:linear-gradient(90deg,rgba(5,15,27,.99) 0%,rgba(5,15,27,.95) 36%,rgba(5,15,27,.72) 52%,rgba(5,15,27,.18) 76%,rgba(5,15,27,.04) 100%),linear-gradient(180deg,rgba(4,12,22,.05),rgba(4,12,22,.16));
  }
  .alfari-hero-copy--reference{max-width:58%;padding:44px 0 34px}
  .alfari-hero-copy--reference h1{font-size:clamp(34px,9vw,48px);line-height:.96}
  .alfari-hero-copy--reference .alfari-lead{max-width:238px}
  .alfari-button-row--hero{max-width:238px}
}
@media(max-width:430px){
  .alfari-hero-stage{min-height:610px}
  .alfari-hero-media img{right:-26px;height:100%}
  .alfari-hero-copy--reference{max-width:57%;padding:38px 0 30px}
  .alfari-hero-copy--reference h1{font-size:35px}
  .alfari-hero-copy--reference .alfari-lead{font-size:14px;max-width:220px}
  .alfari-button-row--hero{max-width:220px}
}
@media(max-width:359px){
  .alfari-hero-stage{min-height:590px}
  .alfari-hero-media img{right:-32px}
  .alfari-hero-copy--reference{max-width:59%}
  .alfari-hero-copy--reference h1{font-size:31px}
  .alfari-button-row--hero{max-width:205px}
}

@media(max-width:600px){
  .alfari-assessment-header-inner{min-height:66px}.alfari-assessment-main{padding:26px 0 64px}.alfari-assessment-card,.alfari-assessment-message{border-radius:22px;padding:22px 18px}.alfari-assessment-actions{flex-direction:column-reverse}.alfari-assessment-actions .alfari-button{width:100%}.alfari-preview-facts{grid-template-columns:1fr}.alfari-assessment-message{grid-template-columns:1fr}.alfari-assessment-message>span{width:42px;height:42px}
}