/* パフォーマンス層：最後に読み込み、各ページの重い効果を上書き */
/* 1. すりガラス効果はスクロールのもたつきの主因：すべて除去し、ナビは不透明な白背景に */
*,*::before,*::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nav{background:rgba(255,255,255,.97)!important}
/* 2. ビューポート外のブロックはアニメーションを停止（perf.js がマーク） */
[data-off],[data-off] *,[data-off] *::before,[data-off] *::after{animation-play-state:paused!important}
html.page-hidden *,html.page-hidden *::before,html.page-hidden *::after{animation-play-state:paused!important}
/* 3. （content-visibility は削除済み：高速スクロールで白画面とジャンプが発生） */
/* 4. 大面積のぼかし光は独立レイヤーにし、スクロール時の再描画を回避 */
.o1,.o2,.orb,.cta-aurora,svg[class*="-bg"],[class*="-orbs"],[class*="aurora"]{will-change:transform;transform:translateZ(0)}
/* 5. ファーストビューの光：SVG ぼかしの毎フレーム再計算は高コスト。光は静止させ、レイヤー全体を合成アニメーション（transform のみ） */
g.hs{animation:none!important}
svg:has(> g.hs),svg:has(> g > g.hs){will-change:transform;animation:perfDrift 16s ease-in-out infinite alternate}
@keyframes perfDrift{from{transform:translate3d(-1.5%,0,0) scale(1.04)}to{transform:translate3d(1.5%,-1%,0) scale(1.08)}}
@media (prefers-reduced-motion:reduce){svg:has(> g.hs){animation:none}}