/* ダーク案（採用・index.html 用）。ライト案は index-light.html に保管し、このファイルは読み込まない */
/* 01・02：元のDARK背景（固定のWebGL背景）の上にコンテンツを直接のせる */
.dark-flow{position:relative;color:#eef3f1}
.dark-flow .copy{color:#c1c5d0}
.dark-flow .intro{border-bottom-color:#ffffff1f}
.dark-flow .jump a{border-bottom-color:#ffffff33}
.dark-flow .jump a:hover{border-color:#d5b200}
.dark-flow .figure-note{border-top-color:#ffffff24;color:#c1c5d0}
.dark-flow .mission{border-top-color:#ffffff24}
.dark-flow .mission small{color:#a0a6b8}
.dark-flow .how{border-top-color:#ffffff1f}
.dark-flow .cycle::before{background:#ffffff2e}
.dark-flow .cycle::after{color:#ffffff80}
.dark-flow .cycle-item .en{color:#a0a6b8}
.dark-flow .return-line{border-color:#ffffff2e}
.dark-flow .cycle-result{border-top-color:#ffffff1f}
.dark-flow .cycle-result span{color:#d5b200}

/* 03：白いパネルがスクロールでせり上がり、画面いっぱいに広がる（トップページ PRODUCTS と同じ挙動） */
.biz-panel{--glow:0;border-radius:0;will-change:clip-path}
.biz-panel .business{border-top:0;padding-top:120px}
/* Agent詳細の数字（GV Navy／opacity .45）と同じ濃さ。Motionのopacityとは分離する。 */
.biz-panel .business .section-number{color:color-mix(in srgb,var(--gv-color-navy) 45%,transparent)}
.biz-panel::after{content:"";position:absolute;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,#6fa8ff 25%,#fff 50%,#6fa8ff 75%,transparent);opacity:calc(.25 + var(--glow) * .75);box-shadow:0 0 36px 8px rgba(111,168,255,calc(var(--glow) * .55))}
@media(max-width:600px){.biz-panel{border-radius:0}.biz-panel .business{padding-top:72px}}

/* 02：SOLUTIONのチェックマークは別SVG。横並びの線（AGENT→SOLUTION）の終点に重ねる */
.cycle-art{position:relative;display:inline-block;max-width:100%;vertical-align:top}
.cycle-art img{display:block}
.cycle-art .cycle-check{position:absolute;left:0;top:0}
@media(max-width:600px){.cycle-art{grid-row:1/5}}

/* Business detail links use shared Secondary UI; only spacing and size are local. */
.service-btn{margin-top:24px;padding:16px 28px;font-size:14px;line-height:1.6}
@media(max-width:600px){.service-btn{margin-top:18px}}