/* BCKNINE Startseite v1 – additive UI layer, 11.09.2026.
   Existing planner/science/product/profile/round styles are deliberately preserved. */
.bck-site { --home-bg:#111511; --home-card:#1a1f1b; --home-text:#f5f3eb; --home-muted:#b7bdb3; --home-gold:#d4b77c; --home-line:rgba(212,183,124,.22); }
.bck-site.bck-home-active { background:var(--home-bg)!important; }
.bck-site .bck-skip-link { position:fixed; left:12px; top:-100px; z-index:500; padding:14px 20px; background:#e2c58d; color:#111; border-radius:6px; }
.bck-site .bck-skip-link:focus { top:10px; }
.bck-site :is(button,a,input,select,textarea):focus-visible { outline:3px solid #bf954c; outline-offset:4px; }
.bck-site #mainContent { outline:none; }
.bck-site .topbar { display:grid; grid-template-columns:200px minmax(0,1fr) auto; align-items:center; gap:20px; height:88px; padding:0 max(24px,calc((100vw - 1320px)/2)); background:#101410!important; border-bottom:1px solid var(--home-line)!important; position:sticky; top:0; z-index:95; box-shadow:none; backdrop-filter:none!important; -webkit-backdrop-filter:none!important; filter:none; transform:none; }
.bck-site .topbar .brand { min-width:0; display:block; }
.bck-site .topbar .bck-site-logo { display:block; width:200px!important; max-width:100%!important; height:auto!important; filter:none!important; object-fit:contain; }
.bck-site .topbar .nav { display:flex!important; position:static; align-items:center; justify-content:center; gap:3px; margin:0; padding:0; border:0; background:transparent!important; box-shadow:none; min-width:0; border-radius:0; overflow:visible; }
.bck-site .topbar .nav .nav-btn { display:flex; align-items:center; justify-content:center; padding:12px 10px; border:0!important; border-radius:7px; background:transparent!important; color:#c2c7be!important; font:600 12px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; min-height:44px; white-space:nowrap; box-shadow:none; }
.bck-site .topbar .nav .nav-btn svg { display:none; }
.bck-site .topbar .nav .nav-btn:is(.active,:hover) { background:rgba(212,183,124,.1)!important; color:#ead4a7!important; }
.bck-site .bck-account-area { display:flex; align-items:center; justify-content:flex-end; gap:9px; min-width:0; }
.bck-site .bck-admin-link { font-size:10px; color:#b6beaf; white-space:nowrap; text-decoration:none; }
.bck-site .topbar .account-btn { border:1px solid rgba(212,183,124,.4)!important; color:#f0e3c7!important; background:transparent!important; padding:11px 13px; font-size:11px; border-radius:6px; max-width:200px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; box-shadow:none; min-height:44px; }
.bck-site .topbar .account-btn:hover { background:#282b20!important; }
.bck-site .beta-strip { background:#181d18!important; color:#bfc5b9!important; padding:7px 20px; display:flex; flex-direction:row; justify-content:center; align-items:center; gap:12px; font-size:10px; line-height:1.5; border:0; }
.bck-site .beta-strip b { color:#d4b77c!important; font-size:9px; letter-spacing:.14em; }
.bck-site .beta-strip span { color:#bfc5b9!important; }
.bck-site #view-planner > .intro { padding-top:40px; }
.bck-home { background:var(--home-bg); color:var(--home-text); width:100%; padding:0!important; margin:0!important; border:0!important; overflow:clip; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.bck-home *, .bck-home *::before, .bck-home *::after { box-sizing:border-box; }
.bck-home h1,.bck-home h2,.bck-home h3,.bck-home p { margin:0; }
.bck-home button { cursor:pointer; font-family:inherit; }
.bck-home svg { width:21px; height:21px; flex:0 0 auto; }
.bck-home .bck-home-width { width:min(1240px,calc(100% - 64px)); margin-inline:auto; }
.bck-home-hero { isolation:isolate; position:relative; background:#161b13; }
.bck-home-hero-photo { position:absolute; inset:0; z-index:-3; height:100%; width:100%; object-fit:cover; object-position:70% 50%; }
.bck-home-hero-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,rgba(10,16,10,.97) 0%,rgba(10,16,10,.83) 27%,rgba(10,16,10,.28) 57%,rgba(10,16,10,.04) 100%),linear-gradient(0deg,#111511 0%,transparent 35%); }
.bck-home-hero-inner { position:relative; display:flex; align-items:center; min-height:605px; padding-block:65px 66px; }
.bck-home-hero-copy { position:relative; width:650px; max-width:65%; }
.bck-home-eyebrow { color:var(--home-gold); font-size:10px; font-weight:650; letter-spacing:.19em; line-height:1.7; display:flex; align-items:center; gap:13px; }
.bck-home-rule { height:1px; width:36px; display:inline-block; background:var(--home-gold); }
.bck-home #bck-home-title { color:var(--home-text); font-family:Georgia,"Times New Roman",serif; font-size:clamp(42px,5.7vw,78px); font-weight:400; line-height:1.08; letter-spacing:-.035em; margin:24px 0 23px; outline:none; }
.bck-home #bck-home-title em { color:#dfc896; font-weight:400; }
.bck-home-lead { font-size:16px; line-height:1.8; max-width:460px; color:#dbded4; }
.bck-home-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin-top:28px; }
.bck-home-button { display:inline-flex; justify-content:center; align-items:center; gap:16px; min-height:48px; padding:14px 21px; border-radius:5px; border:1px solid var(--home-line); font-size:13px; font-weight:650; line-height:1.3; text-decoration:none; transition:background .15s ease,transform .15s ease; }
.bck-home .bck-home-button-gold { background:#d4b77c; color:#182016; border-color:#d4b77c; }
.bck-home .bck-home-button-gold:hover { background:#e4cd9c; transform:translateY(-1px); }
.bck-home .bck-home-button-outline { background:rgba(19,25,17,.5); color:#eee9dc; border-color:rgba(230,216,183,.4); }
.bck-home .bck-home-button-outline:hover { background:#30372a; }
.bck-home-hero-note { font-size:11px; color:#bec7b8; margin-top:17px!important; }
.bck-home-photo-label { position:absolute; right:0; bottom:100px; display:flex; flex-direction:column; gap:5px; border-left:1px solid #d4b77c; padding-left:14px; color:#fff5db; font-size:9px; font-weight:600; letter-spacing:.2em; text-shadow:0 1px 4px #151a11; }
.bck-home-phase-strip { display:grid; grid-template-columns:repeat(3,1fr); gap:36px; padding:25px 0 27px; border-top:1px solid var(--home-line); }
.bck-home-phase-strip > div { display:flex; align-items:center; gap:17px; min-width:0; }
.bck-home-phase-strip span { color:var(--home-gold); font-size:10px; font-weight:600; letter-spacing:.16em; white-space:nowrap; }
.bck-home-phase-strip p { color:#d5dacc; font-size:12px; }
.bck-home-content { padding-top:60px; }
.bck-home-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:25px; margin-bottom:25px; }
.bck-home h2 { color:var(--home-text); font:400 clamp(27px,3vw,39px)/1.2 Georgia,"Times New Roman",serif; letter-spacing:-.02em; margin-top:12px; }
.bck-home h2 em { color:var(--home-gold); }
.bck-home-account-status { color:#c4cbbd; font-size:12px; line-height:1.6; max-width:300px; text-align:right; overflow-wrap:anywhere; }
.bck-home-account-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.bck-home-account-card { padding:24px; border:1px solid rgba(195,203,184,.17); border-radius:12px; background:linear-gradient(130deg,#1e251f,#181d19); display:flex; flex-direction:column; min-height:288px; min-width:0; }
.bck-home-profile-card { border-color:rgba(212,183,124,.4); }
.bck-home-card-top { display:flex; align-items:center; gap:12px; min-width:0; }
.bck-home-icon { display:inline-flex; color:var(--home-gold); }
.bck-home-kicker { font-size:9px; font-weight:650; letter-spacing:.14em; line-height:1.7; color:#d8c7a4; }
.bck-home-card-number { margin-left:auto; color:#a5b09e; font-size:10px; }
.bck-home-card-body { flex:1; padding-block:24px 17px; min-width:0; }
.bck-home-card-body h3 { font-size:19px; font-weight:550; line-height:1.45; margin-bottom:9px; color:#f6f5ee; overflow-wrap:anywhere; }
.bck-home-card-body p { color:var(--home-muted); font-size:13px; line-height:1.7; }
.bck-home-text-button { display:inline-flex; align-items:center; justify-content:space-between; gap:18px; background:none; border:0; padding:8px 0; min-height:44px; color:#e1c792; font-size:12px; font-weight:650; text-align:left; text-decoration:none; }
.bck-home-text-button:hover { color:#fff3d9; }
.bck-home-card-body .bck-home-metrics { display:flex; flex-wrap:wrap; gap:18px; margin-top:15px; }
.bck-home-metric { display:flex; flex-direction:column; gap:4px; }
.bck-home-metric strong { color:#f7f5e9; font-size:21px; font-weight:550; font-variant-numeric:tabular-nums; }
.bck-home-metric span { font-size:10px; color:#c0c8b8; line-height:1.4; }
.bck-home-card-body .bck-home-round-meta { margin-block:5px 12px; color:#d6ccba; font-size:11px; }
.bck-home-card-body .bck-home-source { margin-top:12px; font-size:10px; line-height:1.6; color:#b5d3b1; }
.bck-home-data-status { color:#b4bfab; font-size:11px; line-height:1.7; margin-top:14px!important; }
.bck-home-science { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; border-block:1px solid var(--home-line); padding:53px 0; margin-block:65px; }
.bck-home-science-copy > p { color:#c2cabc; font-size:15px; line-height:1.85; margin-bottom:16px; max-width:550px; }
.bck-home-science-tags { display:flex; flex-wrap:wrap; gap:10px 24px; color:#aebba5; font-size:10px; line-height:1.6; margin-top:18px; }
.bck-home-science-tags span::before { content:'✓'; margin-right:7px; color:#d4b77c; }
.bck-home-product-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.bck-home-product { position:relative; overflow:hidden; border-radius:12px; isolation:isolate; min-height:550px; border:1px solid rgba(212,183,124,.22); background:#20291e; }
.bck-home-product > img { position:absolute; z-index:-3; width:100%; height:100%; object-fit:cover; object-position:50% 35%; }
.bck-home-product-shade { position:absolute; inset:0; z-index:-2; background:linear-gradient(0deg,rgba(9,14,8,.97) 0%,rgba(9,14,8,.83) 23%,rgba(9,14,8,.05) 70%); }
.bck-home-product-copy { position:absolute; bottom:0; padding:30px; width:100%; }
.bck-home-product h3 { font:400 32px/1.17 Georgia,"Times New Roman",serif; margin:10px 0; color:#fffbed; }
.bck-home-product-copy p { color:#dae0d1; font-size:12px; line-height:1.7; max-width:300px; }
.bck-home-product-button { display:flex; justify-content:space-between; align-items:center; width:100%; padding:16px 0 0; margin-top:20px; border:0; border-top:1px solid rgba(222,205,170,.4); background:none; color:#ebd6aa; font-weight:600; font-size:13px; text-align:left; gap:12px; min-height:48px; }
.bck-home-product-button:hover { color:white; }
.bck-home-product-note { color:#aebba7; text-align:center; font-size:11px; line-height:1.7; padding-top:18px; }
.bck-home-journey { margin-block:68px; }
.bck-home-journey-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:30px; border-block:1px solid var(--home-line); }
.bck-home-journey-step { display:flex; flex-direction:column; align-items:flex-start; position:relative; background:none; color:#f3f1e8; text-align:left; border:0; border-right:1px solid var(--home-line); border-radius:0; padding:27px 21px; min-width:0; }
.bck-home-journey-step:first-child { padding-left:0; }
.bck-home-journey-step:last-child { border-right:0; }
.bck-home-journey-step:hover { background:rgba(212,183,124,.055); }
.bck-home-step-number { font-size:11px; color:#ccb482; margin-bottom:22px; }
.bck-home-journey-step strong { font-size:17px; font-weight:550; margin-bottom:10px; }
.bck-home-step-copy { font-size:12px; line-height:1.7; color:#b5c0ad; }
.bck-home-journey-step svg { position:absolute; right:17px; top:25px; width:16px; height:16px; color:#b5c0ad; }
.bck-home-health { display:grid; grid-template-columns:52px minmax(0,1fr) auto; gap:28px; align-items:center; background:linear-gradient(105deg,#202a21,#1a211a); border:1px solid var(--home-line); border-radius:12px; padding:32px; }
.bck-home-health-icon { width:52px; height:52px; display:grid; place-items:center; color:#dfc58f; border:1px solid var(--home-line); border-radius:50%; }
.bck-home-health h2 { font-size:29px; margin:8px 0 14px; }
.bck-home-health p:not(.bck-home-eyebrow) { color:#bcc7b4; font-size:12px; line-height:1.8; max-width:580px; }
.bck-home-health .bck-home-small-note { font-size:10px!important; margin-top:8px; }
.bck-home-footer { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:45px 0 30px; margin-top:30px; color:#a3af9b; font-size:10px; line-height:1.6; }
.bck-home-footer img { width:157px; height:auto; }
.bck-home-footer span:first-of-type { color:#cdb789; letter-spacing:.18em; font-size:9px; }
@media(min-width:1101px) and (max-width:1260px) {
 .bck-site .topbar { grid-template-columns:160px minmax(0,1fr) auto; gap:10px; padding-inline:18px; }
 .bck-site .topbar .bck-site-logo { width:160px!important; }
 .bck-site .topbar .nav .nav-btn { padding-inline:7px; font-size:11px; }
 .bck-site .topbar .account-btn { max-width:153px; }
}
@media(max-width:1100px) {
 .bck-site { padding-bottom:calc(87px + env(safe-area-inset-bottom))!important; }
 .bck-site .topbar { grid-template-columns:1fr auto; height:74px; padding-inline:24px; }
 .bck-site .topbar .bck-site-logo { width:190px!important; }
 .bck-site .topbar .nav { position:fixed; inset:auto 12px calc(10px + env(safe-area-inset-bottom)); z-index:98; display:grid!important; grid-template-columns:repeat(6,minmax(0,1fr)); gap:1px; padding:6px; border-radius:14px; border:1px solid rgba(212,183,124,.37); background:rgba(18,24,17,.97)!important; box-shadow:0 5px 32px rgba(0,0,0,.4); backdrop-filter:blur(15px); max-width:780px; margin-inline:auto; overflow:visible; }
 .bck-site .topbar .nav .nav-btn { display:flex; flex-direction:column; justify-content:center; gap:5px; padding:6px 2px; min-height:59px; white-space:normal; flex:initial; color:#c7cebd!important; line-height:1.2; font-size:10px; border-radius:9px; }
 .bck-site .topbar .nav .nav-btn svg { display:block; width:20px; height:20px; }
 .bck-site .topbar .nav .nav-btn:is(.active,:hover) { color:#eed8aa!important; background:rgba(212,183,124,.12)!important; }
 .bck-site .toast { bottom:calc(101px + env(safe-area-inset-bottom)); max-width:calc(100vw - 32px); white-space:normal; }
 .bck-home .bck-home-width { width:calc(100% - 48px); }
 .bck-home-hero-inner { min-height:560px; }
 .bck-home-account-card { padding:20px; }
 .bck-home-card-top { gap:8px; }
 .bck-home-kicker { font-size:8px; letter-spacing:.11em; }
 .bck-home-card-body h3 { font-size:17px; }
 .bck-home-health { grid-template-columns:42px 1fr; }
 .bck-home-health > button { grid-column:2; justify-self:start; }
 .bck-home-health-icon { width:42px; height:42px; }
 .bck-home-journey-step { padding-inline:14px; }
 .bck-home-journey-step strong { font-size:15px; }
 .bck-home-journey-step svg { right:10px; }
 .bck-home-product { min-height:505px; }
}
@media(max-width:760px) {
 .bck-site .topbar { height:65px; padding-inline:18px; gap:12px; }
 .bck-site .topbar .bck-site-logo { width:160px!important; }
 .bck-site .topbar .account-btn { max-width:160px; padding:8px 10px; font-size:10px; }
 .bck-site .bck-admin-link { font-size:9px; }
 .bck-site .bck-account-area { gap:6px; }
 .bck-site .beta-strip { font-size:8px; gap:7px; padding-inline:12px; }
 .bck-site .beta-strip b { font-size:8px; letter-spacing:.08em; white-space:nowrap; }
 .bck-home .bck-home-width { width:calc(100% - 40px); }
 .bck-home-hero-inner { min-height:660px; padding:40px 0 215px; align-items:flex-start; }
 .bck-home-hero-copy { width:100%; max-width:100%; }
 .bck-home-hero-photo { object-position:65% 65%; }
 .bck-home-hero-shade { background:linear-gradient(180deg,rgba(12,19,11,.93) 0%,rgba(12,19,11,.88) 28%,rgba(12,19,11,.23) 73%,#111511 100%),linear-gradient(90deg,rgba(12,19,11,.5),transparent 65%); }
 .bck-home #bck-home-title { font-size:clamp(39px,8.8vw,60px); line-height:1.1; margin:22px 0 18px; }
 .bck-home-eyebrow { font-size:9px; letter-spacing:.13em; }
 .bck-home-rule { width:24px; }
 .bck-home-lead { max-width:400px; font-size:14px; line-height:1.7; }
 .bck-home-actions { gap:10px; margin-top:25px; }
 .bck-home-button { font-size:12px; padding:13px 16px; gap:12px; }
 .bck-home-photo-label { bottom:50px; right:0; font-size:8px; }
 .bck-home-phase-strip { gap:15px; padding:18px 0 23px; }
 .bck-home-phase-strip > div { flex-direction:column; align-items:flex-start; gap:6px; }
 .bck-home-phase-strip span { font-size:9px; }
 .bck-home-phase-strip p { font-size:10px; line-height:1.6; }
 .bck-home-content { padding-top:36px; }
 .bck-home-section-head { align-items:flex-start; flex-direction:column; gap:13px; }
 .bck-home-account-status { text-align:left; max-width:none; }
 .bck-home-account-grid { grid-template-columns:1fr; gap:14px; }
 .bck-home-account-card { min-height:0; padding:22px; }
 .bck-home-card-body { padding-block:18px 14px; }
 .bck-home-card-body h3 { font-size:20px; }
 .bck-home-kicker { font-size:9px; letter-spacing:.13em; }
 .bck-home-science { grid-template-columns:1fr; gap:24px; margin-block:42px; padding-block:33px; }
 .bck-home h2 { font-size:31px; line-height:1.2; }
 .bck-home-science-copy > p { font-size:14px; }
 .bck-home-product-grid { grid-template-columns:1fr; gap:18px; }
 .bck-home-product { min-height:525px; }
 .bck-home-product-copy { padding:24px; }
 .bck-home-product h3 { font-size:31px; }
 .bck-home-product-note { text-align:left; }
 .bck-home-journey { margin-block:45px; }
 .bck-home-journey-grid { grid-template-columns:1fr; }
 .bck-home-journey-step { display:grid; grid-template-columns:36px 1fr 20px; gap:8px 13px; padding:20px 8px!important; border-right:0; border-bottom:1px solid var(--home-line); }
 .bck-home-journey-step:last-child { border-bottom:0; }
 .bck-home-step-number { grid-row:1/3; margin:3px 0 0; }
 .bck-home-journey-step strong { font-size:17px; margin:0; }
 .bck-home-step-copy { grid-column:2; font-size:12px; }
 .bck-home-journey-step svg { position:static; grid-column:3; grid-row:1; }
 .bck-home-health { gap:18px; padding:23px; grid-template-columns:1fr; }
 .bck-home-health h2 { font-size:29px; }
 .bck-home-health > button { grid-column:1; }
 .bck-home-footer { flex-direction:column; align-items:flex-start; gap:18px; padding-top:28px; }
}
@media(max-width:390px) {
 .bck-site .topbar .bck-site-logo { width:134px!important; }
 .bck-site .topbar .account-btn { max-width:120px; }
 .bck-site .topbar { padding-inline:12px; }
 .bck-site .bck-admin-link { max-width:35px; text-align:center; white-space:normal; }
 .bck-site .topbar .nav { left:6px; right:6px; padding:5px 3px; }
 .bck-site .topbar .nav .nav-btn { font-size:8.5px; }
 .bck-site .beta-strip { flex-wrap:wrap; gap:2px 7px; }
 .bck-home .bck-home-width { width:calc(100% - 32px); }
 .bck-home #bck-home-title { font-size:36px; }
 .bck-home-actions { flex-direction:column; align-items:stretch; }
 .bck-home-hero-inner { min-height:735px; }
 .bck-home-hero-note { font-size:10px; }
}
@media(prefers-reduced-motion:reduce) { .bck-home * { transition:none!important; animation:none!important; scroll-behavior:auto!important; } }