/* Approved five-language homepage ecosystem. Existing styles.css remains untouched. */
:root { --brain-line: rgba(245,240,235,.13); --brain-muted: #a9a6a1; }
.brain-ecosystem { padding: 92px 0 20px; scroll-margin-top: 88px; }
.brain-ecosystem *, .brain-lightbox * { box-sizing: border-box; }
.brain-intro { display:grid; grid-template-columns: 1.2fr 1fr; gap:64px; align-items:end; margin-bottom:52px; }
.brain-kicker { color:var(--brain-muted); font:400 11px/1.6 var(--m2-mono); letter-spacing:.18em; margin:0 0 26px; }
.brain-kicker span { margin:0 12px; color:var(--gold); }
.brain-ecosystem h2 { font:400 clamp(36px,4vw,58px)/1.3 var(--m2-serif); letter-spacing:-.025em; margin:0; color:var(--cream); }
.brain-intro-copy { margin:0 0 4px; color:#d1cdc7; font:400 17px/1.95 var(--m2-sans); }
.brain-intro-copy > span { color:var(--brain-muted); }
.brain-foundation { display:grid; grid-template-columns:1fr 1.48fr; align-items:center; gap:48px; padding:36px 0; border-block:1px solid var(--brain-line); position:relative; }
.brain-foundation::before { content:''; position:absolute; top:-1px; left:0; width:44px; height:1px; background:var(--gold); }
.brain-micro { color:#99958f; font:400 10px/1.5 var(--m2-mono); letter-spacing:.16em; }
.brain-foundation h3 { font:500 25px/1.45 var(--m2-sans); margin:10px 0; letter-spacing:.01em; color:var(--cream); }
.brain-foundation-core > p { color:var(--brain-muted); font-size:14px; line-height:1.85; margin:0; }
.brain-cycle { display:flex; align-items:center; gap:16px; margin-top:22px; font-size:12px; color:#c5beb5; }
.brain-cycle i { font-style:normal; color:#81776a; }
.brain-principles { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; margin:0; }
.brain-principles > div { border-left:1px solid var(--brain-line); padding-left:22px; }
.brain-principles dt { color:var(--cream); font-size:16px; font-weight:500; margin-bottom:12px; }
.brain-principles dd { color:var(--brain-muted); font-size:13px; line-height:1.85; margin:0; }
.brain-branch { display:flex; align-items:center; justify-content:center; gap:18px; padding:36px 0; }
.brain-branch b { color:#99958f; font-size:12px; font-weight:400; letter-spacing:.12em; }
.brain-branch > span { height:1px; width:70px; background:var(--brain-line); }
.brain-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.brain-product { display:flex; flex-direction:column; min-width:0; background:#151515; border:1px solid var(--brain-line); transition:border-color .25s,background .25s; scroll-margin-top:88px; }
.brain-product:hover { border-color:rgba(245,240,235,.28); background:#181818; }
.brain-product-body { padding:26px 24px 0; }
.brain-product-body { flex:1; }
.brain-card-top { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; margin-bottom:26px; font-size:12px; color:var(--brain-muted); letter-spacing:.04em; }
.brain-status { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; color:#aebaae; font-size:11px; letter-spacing:.02em; }
.brain-status i { display:block; width:4px; height:4px; border-radius:50%; background:#91a68c; }
.brain-status-alpha { color:#c7b8a3; }
.brain-status-alpha i { background:#b6a383; }
.brain-product h3 { font:500 clamp(20px,1.8vw,24px)/1.45 var(--m2-sans); color:var(--cream); margin:0; letter-spacing:-.02em; }
.brain-product-role { font-size:14px; color:#cac5bc; line-height:1.6; margin:10px 0 18px; }
.brain-product-description { font-size:14px; color:var(--brain-muted); line-height:1.9; margin:0; min-height:80px; }
.brain-product-figure { margin:25px 16px 0; }
.brain-image-button { position:relative; display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:16/10; border:1px solid var(--brain-line); background:#101111; padding:0; cursor:zoom-in; overflow:hidden; }
.brain-image-button img { width:100%; height:100%; object-fit:contain; object-position:center; transition:transform .45s var(--ease); }
.brain-image-button:hover img { transform:scale(1.025); }
.brain-image-light { background:#eeeae1; }
.brain-image-action { position:absolute; right:8px; bottom:8px; display:flex; align-items:center; gap:18px; background:rgba(13,13,13,.88); border:1px solid rgba(255,255,255,.2); color:#e9e5de; padding:5px 9px; font:400 10px/1.5 var(--m2-sans); }
.brain-product-figure figcaption { padding:10px 1px 18px; margin:0; font-size:11px; letter-spacing:.02em; color:#aaa59c; }
.brain-product-figure figcaption { min-height:58px; line-height:1.6; }
.brain-card-link { display:flex; align-items:center; justify-content:space-between; min-height:58px; margin-top:auto; padding:15px 24px; border-top:1px solid var(--brain-line); font-size:13px; color:#e6e0d8; }
.brain-card-link > span:last-child { font-size:19px; color:var(--brain-muted); transition:transform .25s,color .25s; }
.brain-card-link:hover > span:last-child { transform:translate(2px,-2px); color:var(--cream); }
.brain-card-link:hover { background:rgba(255,255,255,.025); }
.brain-horizon-heading { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:44px 0 17px; font-size:12px; letter-spacing:.08em; color:var(--brain-muted); }
.brain-horizon-heading > span:last-child { font:400 10px/1.5 var(--m2-mono); letter-spacing:.1em; color:#807b75; }
.brain-horizons { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.brain-horizon { display:grid; grid-template-rows:1fr auto; border:1px solid var(--brain-line); background:linear-gradient(120deg,#151515,#121212); min-width:0; scroll-margin-top:90px; }
.brain-horizon-copy { display:flex; flex-direction:column; height:100%; padding:28px 26px 0; }
.brain-field { font-size:11px; letter-spacing:.14em; color:#a49c91; margin:0 0 14px; }
.brain-horizon h3 { font:500 24px/1.5 var(--m2-sans); margin:0 0 14px; color:var(--cream); }
.brain-horizon h3 > span { font:400 23px/1.5 var(--m2-serif); margin-left:7px; }
.brain-horizon-copy > p:not(.brain-field) { margin:0; font-size:14px; line-height:1.95; color:var(--brain-muted); }
.brain-development { display:block; font-size:12px; line-height:1.6; color:#bcb2a6; padding-left:11px; padding-top:21px; margin-top:auto; position:relative; }
.brain-development::before { content:''; position:absolute; bottom:2px; left:0; width:2px; height:15px; background:#675b4b; }
.brain-horizon-figure { margin:24px 16px 0; }
.brain-horizon-figure .brain-image-button { aspect-ratio:16/9; }
.brain-horizon-figure figcaption { color:#aaa59c; font-size:11px; line-height:1.6; padding:12px 1px 18px; }
.brain-health-image { background:#0e0d0c; }
.brain-persona-image { background:#e5e9eb; }
.brain-persona-image img { object-fit:cover; object-position:50% 54%; }
.brain-closing { text-align:center; font:400 14px/1.8 var(--m2-serif); letter-spacing:.06em; color:#9e978e; margin:36px 0 0; }
.brain-lightbox { width:min(1180px,calc(100% - 48px)); max-height:calc(100dvh - 48px); padding:20px; border:1px solid #45403a; background:#141413; color:var(--cream); margin:auto; overflow:auto; }
.brain-lightbox::backdrop { background:rgba(0,0,0,.9); }
.brain-lightbox-head { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-bottom:16px; }
.brain-lightbox-head > span { color:#a8a095; font:400 10px/1.5 var(--m2-mono); letter-spacing:.12em; }
.brain-lightbox-head button { font:400 13px/1.5 var(--m2-sans); color:var(--cream); border:0; background:transparent; padding:8px; min-height:40px; cursor:pointer; }
.brain-lightbox-head button > span { margin-left:12px; font-size:20px; }
body.m2-home .brain-lightbox img { max-width:100%; max-height:72dvh; width:auto; object-fit:contain; margin:0 auto; }
.brain-lightbox > p { font-size:12px; color:#ada59a; margin:14px 0 0; }
.brain-mobile-entry { display:none; }
body.m2-home .m2-nav-links { gap:22px; font-size:12px; }
#what, #modules { scroll-margin-top:90px; }
body.m2-home #what { padding-top:100px; }
.brain-app-intro { font-size:14px; color:var(--brain-muted); margin-top:-15px; margin-bottom:20px; }
.brain-footer-products { border-top:1px solid var(--brain-line); border-bottom:1px solid var(--brain-line); padding:24px 0; margin:0 auto 48px; display:flex; justify-content:space-between; align-items:center; gap:24px; }
.brain-footer-products > span { color:#9b9387; font-size:12px; }
.brain-footer-products > div { display:flex; gap:30px; flex-wrap:wrap; font-size:13px; }
@media (max-width:1100px) {
  .brain-foundation { gap:30px; grid-template-columns:1fr 1.35fr; }
  .brain-principles { gap:14px; }
  .brain-principles > div { padding-left:14px; }
  .brain-principles dd br { display:none; }
  .brain-product-body { padding-inline:19px; }
  .brain-product-description { min-height:106px; }
  .brain-product-role { font-size:13px; }
  .brain-horizon-copy { padding:26px 22px 0; }
}
@media (max-width:980px) {
  .brain-mobile-entry { display:block; margin-left:12px; font-size:12px; color:#cac3b7; white-space:nowrap; padding:10px 0; }
  .brain-intro { gap:34px; }
  .brain-foundation { grid-template-columns:1fr; gap:32px; }
  .brain-principles { gap:22px; }
  .brain-principles > div { padding-left:18px; }
  .brain-products { gap:12px; }
  .brain-card-top { min-height:38px; align-content:start; }
  .brain-product h3 { font-size:19px; }
  .brain-product-description { min-height:133px; }
  .brain-product-figure { margin-inline:10px; }
  .brain-card-link { padding-inline:17px; font-size:12px; }
}
@media (max-width:700px) {
  .brain-ecosystem { padding-top:65px; }
  .brain-intro { grid-template-columns:1fr; gap:24px; margin-bottom:30px; }
  .brain-kicker { font-size:10px; letter-spacing:.12em; margin-bottom:22px; }
  .brain-kicker span { margin-inline:5px; }
  .brain-ecosystem h2 { font-size:36px; line-height:1.35; }
  .brain-intro-copy { font-size:15px; line-height:1.9; }
  .brain-desktop-break { display:none; }
  .brain-foundation { padding-block:28px; gap:28px; }
  .brain-foundation h3 { font-size:23px; }
  .brain-foundation-core > p { font-size:13px; }
  .brain-principles { grid-template-columns:1fr; gap:20px; }
  .brain-principles > div { padding-left:13px; display:grid; grid-template-columns:83px 1fr; gap:12px; }
  .brain-principles dt { font-size:14px; margin-bottom:0; white-space:nowrap; }
  .brain-principles dd { font-size:13px; line-height:1.8; }
  .brain-cycle { margin-top:18px; gap:20px; }
  .brain-branch { padding-block:26px; gap:12px; }
  .brain-branch > span { width:28px; }
  .brain-branch b { font-size:11px; }
  .brain-products { grid-template-columns:1fr; gap:20px; }
  .brain-product-body { padding:24px 24px 0; }
  .brain-card-top { min-height:0; margin-bottom:24px; }
  .brain-status { font-size:11px; }
  .brain-product h3 { font-size:25px; }
  .brain-product-role { font-size:15px; }
  .brain-product-description { min-height:0; font-size:14px; }
  .brain-product-figure { margin:24px 16px 0; }
  .brain-product-figure figcaption { font-size:11px; }
  .brain-card-link { padding:17px 24px; font-size:14px; }
  .brain-image-action { font-size:11px; }
  .brain-horizon-heading { margin-top:36px; }
  .brain-horizon-heading > span:last-child { display:none; }
  .brain-horizons { grid-template-columns:1fr; gap:16px; }
  .brain-horizon-copy { padding:24px 24px 0; }
  .brain-horizon h3 { font-size:21px; }
  .brain-horizon h3 > span { font-size:20px; margin-left:0; }
  .brain-horizon-copy > p:not(.brain-field) { font-size:14px; }
  .brain-horizon-figure { margin:22px 16px 0; }
  .brain-closing { font-size:12px; margin-top:28px; }
  body.m2-home #what { padding-top:80px; }
  .brain-lightbox { width:calc(100% - 24px); max-height:calc(100dvh - 24px); padding:12px; }
  .brain-lightbox-head > span { font-size:8px; letter-spacing:.02em; }
  .brain-lightbox-head { gap:10px; }
  .brain-lightbox > p { font-size:11px; }
  .brain-footer-products { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:32px; }
  .brain-footer-products > div { gap:16px 24px; }
}
@media (max-width:360px) {
  .brain-kicker { font-size:9px; }
  .brain-ecosystem h2 { font-size:31px; }
  .brain-principles { grid-template-columns:1fr; gap:18px; }
  .brain-principles > div { display:grid; grid-template-columns:82px 1fr; gap:10px; }
  .brain-principles dt { margin-bottom:0; }
}
@media (prefers-reduced-motion:reduce) {
  .brain-ecosystem *, .brain-ecosystem *::before, .brain-ecosystem *::after { transition:none!important; animation:none!important; }
}
/* Long localized labels must not change image alignment or overflow on mobile. */
.brain-kicker, .brain-card-link, .brain-intro-copy, .brain-branch b { overflow-wrap:anywhere; }
.brain-cycle { flex-wrap:wrap; }
:lang(ko) .brain-ecosystem { word-break:keep-all; overflow-wrap:anywhere; }
:lang(ja) .brain-ecosystem { line-break:strict; }
@media(min-width:701px) {
  .brain-product h3 { min-height:2.9em; }
  .brain-product-role { min-height:3.2em; }
  .brain-horizon-figure figcaption { min-height:66px; }
}
@media(min-width:701px) and (max-width:1100px) {
  .brain-product-figure figcaption { min-height:90px; }
}
@media(min-width:981px) and (max-width:1100px) {
  body.m2-home .m2-nav-links { display:none; }
  .brain-mobile-entry { display:block; margin-left:12px; font-size:12px; color:#cac3b7; white-space:nowrap; padding:10px 0; }
}
@media(max-width:700px) {
  .brain-principles > div { grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr); }
  .brain-principles dt { white-space:normal; }
  .brain-intro h2 { font-size:clamp(28px,8.2vw,36px); overflow-wrap:anywhere; }
  .brain-branch > span { flex-shrink:0; }
  .brain-branch b { text-align:center; letter-spacing:.04em; }
  body.m2-home .m2-nav-cta { padding-inline:12px; font-size:10px; letter-spacing:.05em; }
}
@media(max-width:380px) {
  .brain-mobile-entry { display:none; }
}

:is(.brain-ecosystem,.brain-lightbox,.brain-footer-products) :is(a,button):focus-visible { outline:2px solid #dbbd95; outline-offset:5px; }