#tokennau-homepage-prototype .tn-byok-panel { border-color:#cfdcf0; box-shadow:0 18px 46px rgba(30,69,128,.09); }
    #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-head { padding:27px 28px 20px; background:linear-gradient(135deg,#fbfdff 0%,#f3f7ff 100%); }
    #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-head h3 { font-size:24px; }
    #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-head p { max-width:760px; font-size:14px; }
    #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-label { color:#2457d6; background:#eaf1ff; }
    #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-body { display:grid; gap:18px; padding:24px 28px 28px; }
    #tokennau-homepage-prototype .tn-byok-definition { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:20px 22px; border:1px solid #cbdcf7; border-radius:14px; background:linear-gradient(112deg,#eff5ff,#f9fbff 64%,#eef8f8); }
    #tokennau-homepage-prototype .tn-byok-definition-main { display:flex; align-items:flex-start; gap:14px; }
    #tokennau-homepage-prototype .tn-byok-definition-icon { flex:0 0 auto; width:39px; height:39px; display:grid; place-items:center; border-radius:11px; color:#fff; background:#2457d6; font-size:18px; font-weight:700; box-shadow:0 8px 18px rgba(36,87,214,.2); }
    #tokennau-homepage-prototype .tn-byok-definition small { display:block; margin-bottom:5px; color:#2457d6; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.1em; }
    #tokennau-homepage-prototype .tn-byok-definition strong { display:block; color:#24344e; font-size:16px; line-height:1.45; }
    #tokennau-homepage-prototype .tn-byok-definition p { margin:6px 0 0; color:#667992; font-size:12px; line-height:1.65; }
    #tokennau-homepage-prototype .tn-byok-definition .tn-btn { flex:0 0 auto; }
    #tokennau-homepage-prototype .tn-byok-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:18px; margin:7px 0 -3px; }
    #tokennau-homepage-prototype .tn-byok-section-head h4 { margin:0; color:#2c3a50; font-size:16px; letter-spacing:-.02em; }
    #tokennau-homepage-prototype .tn-byok-section-head p { margin:4px 0 0; color:#7b8ba0; font-size:11px; }
    #tokennau-homepage-prototype .tn-byok-section-head span { color:#98a6b8; font:9px ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; }
    #tokennau-homepage-prototype .tn-byok-before-after { display:grid; grid-template-columns:1fr 50px 1fr; align-items:stretch; }
    #tokennau-homepage-prototype .tn-byok-state { padding:18px 19px; border:1px solid #e1e7ef; border-radius:13px; background:#fafbfc; }
    #tokennau-homepage-prototype .tn-byok-state.is-after { border-color:#bfd1f2; background:#f5f8ff; }
    #tokennau-homepage-prototype .tn-byok-state-title { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
    #tokennau-homepage-prototype .tn-byok-state-title b { color:#47556a; font-size:13px; }
    #tokennau-homepage-prototype .tn-byok-state.is-after .tn-byok-state-title b { color:#2457d6; }
    #tokennau-homepage-prototype .tn-byok-state-title span { padding:4px 7px; border-radius:5px; color:#8996a7; background:#eceff3; font-size:8px; }
    #tokennau-homepage-prototype .tn-byok-state.is-after .tn-byok-state-title span { color:#2457d6; background:#e5edff; }
    #tokennau-homepage-prototype .tn-byok-state ul { display:grid; grid-template-columns:1fr 1fr; gap:8px 14px; margin:0; padding:0; list-style:none; }
    #tokennau-homepage-prototype .tn-byok-state li { position:relative; padding-left:14px; color:#6f7e91; font-size:10px; line-height:1.45; }
    #tokennau-homepage-prototype .tn-byok-state li::before { content:'×'; position:absolute; left:0; color:#a6afb9; font-weight:700; }
    #tokennau-homepage-prototype .tn-byok-state.is-after li::before { content:'✓'; color:#2b8f76; }
    #tokennau-homepage-prototype .tn-byok-transform { display:grid; place-items:center; color:#2457d6; font-size:20px; font-weight:700; }
    #tokennau-homepage-prototype .tn-byok-steps { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; }
    #tokennau-homepage-prototype .tn-byok-step { position:relative; min-height:113px; padding:15px 14px; border:1px solid #dfe7f1; border-radius:12px; background:#fff; }
    #tokennau-homepage-prototype .tn-byok-step::after { content:'›'; position:absolute; z-index:2; top:45px; right:-9px; width:17px; height:17px; display:grid; place-items:center; border:1px solid #cfdbec; border-radius:50%; color:#5276b4; background:#fff; font-size:14px; }
    #tokennau-homepage-prototype .tn-byok-step:last-child::after { display:none; }
    #tokennau-homepage-prototype .tn-byok-step-num { display:flex; align-items:center; gap:7px; color:#2457d6; font:700 9px ui-monospace,SFMono-Regular,Menlo,monospace; }
    #tokennau-homepage-prototype .tn-byok-step-num i { width:20px; height:20px; display:grid; place-items:center; border-radius:6px; color:#fff; background:#2457d6; font-style:normal; }
    #tokennau-homepage-prototype .tn-byok-step b { display:block; margin-top:12px; color:#34445b; font-size:12px; }
    #tokennau-homepage-prototype .tn-byok-step p { margin:5px 0 0; color:#7b899b; font-size:9px; line-height:1.55; }
    #tokennau-homepage-prototype .tn-byok-console { display:grid; grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr); gap:14px; padding:14px; border:1px solid #dbe5f1; border-radius:15px; background:#f5f8fc; }
    #tokennau-homepage-prototype .tn-byok-pool, #tokennau-homepage-prototype .tn-byok-policy { min-width:0; padding:16px; border:1px solid #e0e7f0; border-radius:12px; background:#fff; }
    #tokennau-homepage-prototype .tn-byok-console-title { display:flex; align-items:center; justify-content:space-between; gap:12px; padding-bottom:12px; border-bottom:1px solid #edf1f5; }
    #tokennau-homepage-prototype .tn-byok-console-title b { color:#33445b; font-size:13px; }
    #tokennau-homepage-prototype .tn-byok-console-title span { color:#8594a8; font-size:9px; }
    #tokennau-homepage-prototype .tn-byok-console-title em { padding:5px 8px; border-radius:6px; color:#2457d6; background:#edf3ff; font-size:8px; font-style:normal; font-weight:700; }
    #tokennau-homepage-prototype .tn-byok-key-list { display:grid; gap:8px; margin-top:11px; }
    #tokennau-homepage-prototype .tn-byok-key { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr) auto; gap:11px; align-items:center; padding:11px 12px; border:1px solid #e4e9f0; border-radius:9px; background:#fbfcfe; }
    #tokennau-homepage-prototype .tn-byok-key:hover { border-color:#b7cbed; background:#f7faff; }
    #tokennau-homepage-prototype .tn-byok-key-id { display:flex; align-items:center; gap:9px; min-width:0; }
    #tokennau-homepage-prototype .tn-byok-vendor { flex:0 0 auto; width:27px; height:27px; display:grid; place-items:center; border-radius:8px; color:#2457d6; background:#eaf1ff; font-size:8px; font-weight:800; }
    #tokennau-homepage-prototype .tn-byok-key-id b, #tokennau-homepage-prototype .tn-byok-key-model b { display:block; overflow:hidden; color:#48576b; font:600 10px ui-monospace,SFMono-Regular,Menlo,monospace; text-overflow:ellipsis; white-space:nowrap; }
    #tokennau-homepage-prototype .tn-byok-key-id span, #tokennau-homepage-prototype .tn-byok-key-model span { display:block; margin-top:4px; overflow:hidden; color:#8c98a8; font-size:8px; text-overflow:ellipsis; white-space:nowrap; }
    #tokennau-homepage-prototype .tn-byok-status { display:inline-flex; align-items:center; gap:5px; color:#2b816c; font-size:8px; font-weight:700; white-space:nowrap; }
    #tokennau-homepage-prototype .tn-byok-status::before { content:''; width:6px; height:6px; border-radius:50%; background:#35a98d; box-shadow:0 0 0 3px #e2f5ef; }
    #tokennau-homepage-prototype .tn-byok-status.is-paused { color:#9b772f; }
    #tokennau-homepage-prototype .tn-byok-status.is-paused::before { background:#d6a33a; box-shadow:0 0 0 3px #fff2d7; }
    #tokennau-homepage-prototype .tn-byok-pool-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:10px; padding:10px 11px; border-radius:8px; color:#677993; background:#edf3fb; font-size:9px; }
    #tokennau-homepage-prototype .tn-byok-pool-foot b { color:#2457d6; }
    #tokennau-homepage-prototype .tn-byok-policy-tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:5px; margin-top:12px; padding:4px; border-radius:8px; background:#f0f3f7; }
    #tokennau-homepage-prototype .tn-byok-policy-tabs button { border:0; border-radius:6px; padding:7px 5px; color:#758398; background:transparent; font:inherit; font-size:9px; cursor:pointer; }
    #tokennau-homepage-prototype .tn-byok-policy-tabs button.is-active { color:#2457d6; background:#fff; box-shadow:0 2px 7px rgba(44,72,112,.09); font-weight:700; }
    #tokennau-homepage-prototype .tn-byok-assignee { display:flex; align-items:center; gap:10px; margin-top:10px; padding:11px; border:1px solid #d9e5f4; border-radius:9px; background:#f8fbff; }
    #tokennau-homepage-prototype .tn-byok-assignee > .tn-byok-assignee-avatar { flex:0 0 32px; width:32px; height:32px; display:grid; place-items:center; margin:0; border-radius:50%; color:#fff; background:linear-gradient(145deg,#2d67e6,#60a0ef); font-size:10px; font-weight:800; line-height:1; text-align:center; }
    #tokennau-homepage-prototype .tn-byok-assignee b { display:block; color:#3d4d63; font-size:11px; }
    #tokennau-homepage-prototype .tn-byok-assignee > div > span { display:block; margin-top:3px; color:#8290a3; font-size:8px; }
    #tokennau-homepage-prototype .tn-byok-rule-list { display:grid; grid-template-columns:1fr 1fr; gap:7px; margin-top:9px; }
    #tokennau-homepage-prototype .tn-byok-rule { padding:9px 10px; border:1px solid #e4e9f0; border-radius:8px; }
    #tokennau-homepage-prototype .tn-byok-rule span { display:block; color:#8a97a8; font-size:8px; }
    #tokennau-homepage-prototype .tn-byok-rule b { display:block; margin-top:4px; color:#48586d; font-size:10px; }
    #tokennau-homepage-prototype .tn-byok-scope-note { margin-top:9px; padding:9px 10px; border-left:3px solid #2d67e6; border-radius:5px; color:#60728d; background:#f1f6ff; font-size:9px; line-height:1.55; }
    #tokennau-homepage-prototype .tn-byok-scope-note b { color:#2457d6; }
    #tokennau-homepage-prototype .tn-byok-capabilities { display:grid; grid-template-columns:repeat(3,1fr); gap:9px; }
    #tokennau-homepage-prototype .tn-byok-capability { padding:14px; border:1px solid #e1e7ef; border-radius:11px; background:#fff; }
    #tokennau-homepage-prototype .tn-byok-capability i { width:25px; height:25px; display:grid; place-items:center; border-radius:7px; color:#2457d6; background:#edf3ff; font-size:11px; font-style:normal; }
    #tokennau-homepage-prototype .tn-byok-capability b { display:block; margin-top:10px; color:#405067; font-size:11px; }
    #tokennau-homepage-prototype .tn-byok-capability p { margin:4px 0 0; color:#8290a3; font-size:9px; line-height:1.55; }
    #tokennau-homepage-prototype .tn-byok-mode-wrap { overflow:hidden; border:1px solid #dfe6ef; border-radius:13px; }
    #tokennau-homepage-prototype .tn-byok-mode-table { width:100%; border-collapse:collapse; table-layout:fixed; }
    #tokennau-homepage-prototype .tn-byok-mode-table th, #tokennau-homepage-prototype .tn-byok-mode-table td { padding:11px 14px; border-bottom:1px solid #e9eef4; color:#67778d; font-size:10px; text-align:left; vertical-align:top; }
    #tokennau-homepage-prototype .tn-byok-mode-table thead th { color:#3f4f64; background:#f6f8fb; font-size:11px; }
    #tokennau-homepage-prototype .tn-byok-mode-table th:first-child, #tokennau-homepage-prototype .tn-byok-mode-table td:first-child { width:18%; color:#8895a6; }
    #tokennau-homepage-prototype .tn-byok-mode-table th:nth-child(2) { color:#2457d6; background:#edf3ff; }
    #tokennau-homepage-prototype .tn-byok-mode-table tr:last-child td { border-bottom:0; }
    #tokennau-homepage-prototype .tn-byok-commercial { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:14px 16px; border:1px solid #d9e4f2; border-radius:11px; background:#f9fbfe; }
    #tokennau-homepage-prototype .tn-byok-commercial div { display:flex; align-items:flex-start; gap:9px; }
    #tokennau-homepage-prototype .tn-byok-commercial i { flex:0 0 auto; width:22px; height:22px; display:grid; place-items:center; border-radius:50%; color:#2457d6; background:#eaf1ff; font-style:normal; font-weight:800; }
    #tokennau-homepage-prototype .tn-byok-commercial b { display:block; color:#46566b; font-size:11px; }
    #tokennau-homepage-prototype .tn-byok-commercial p { margin:4px 0 0; color:#8190a3; font-size:9px; line-height:1.55; }
    #tokennau-homepage-prototype .tn-byok-commercial .tn-btn { flex:0 0 auto; padding:8px 12px; font-size:10px; }
    @media (max-width:900px) {
      #tokennau-homepage-prototype .tn-byok-console { grid-template-columns:1fr; }
      #tokennau-homepage-prototype .tn-byok-steps { grid-template-columns:1fr 1fr; }
      #tokennau-homepage-prototype .tn-byok-step:nth-child(2)::after { display:none; }
      #tokennau-homepage-prototype .tn-byok-capabilities { grid-template-columns:1fr 1fr; }
    }
    @media (max-width:620px) {
      #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-head, #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-body { padding-left:17px; padding-right:17px; }
      #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-head, #tokennau-homepage-prototype .tn-byok-definition, #tokennau-homepage-prototype .tn-byok-commercial { display:block; }
      #tokennau-homepage-prototype .tn-byok-panel .tn-agent-panel-label, #tokennau-homepage-prototype .tn-byok-definition .tn-btn, #tokennau-homepage-prototype .tn-byok-commercial .tn-btn { margin-top:14px; }
      #tokennau-homepage-prototype .tn-byok-before-after { grid-template-columns:1fr; gap:8px; }
      #tokennau-homepage-prototype .tn-byok-transform { transform:rotate(90deg); }
      #tokennau-homepage-prototype .tn-byok-state ul, #tokennau-homepage-prototype .tn-byok-steps, #tokennau-homepage-prototype .tn-byok-capabilities { grid-template-columns:1fr; }
      #tokennau-homepage-prototype .tn-byok-step::after { display:none; }
      #tokennau-homepage-prototype .tn-byok-key { grid-template-columns:1fr auto; }
      #tokennau-homepage-prototype .tn-byok-key-model { grid-column:1/-1; grid-row:2; }
      #tokennau-homepage-prototype .tn-byok-mode-wrap { overflow-x:auto; }
      #tokennau-homepage-prototype .tn-byok-mode-table { min-width:570px; }
      #tokennau-homepage-prototype .tn-byok-commercial .tn-btn { width:100%; }
    }