/* Reconstructed directory reference: live HTML tables and controls. */
.feature-explorer.srm-native-frame .fx-nav{min-height:50px;padding:0 22px;background:linear-gradient(110deg,#052738,#001521 70%);border-bottom:1px solid #6cabc455;overflow:hidden}
.feature-explorer.srm-native-frame .presentation-back{gap:19px;padding:5px 0;font-size:18px;color:#ead6ac;z-index:1}
.feature-explorer.srm-native-frame .presentation-back b{font-family:Georgia,'Times New Roman',serif;font-size:36px;font-weight:500;letter-spacing:-1.8px;background:linear-gradient(#ffedbb,#c29447);color:transparent;background-clip:text;padding-right:19px;border-right:1px solid #9ab7c166}
.feature-explorer.srm-native-frame .fx-tabs{align-self:center;gap:10px;z-index:1}
.feature-explorer.srm-native-frame .fx-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:144px;font:12px 'Segoe UI',sans-serif;padding:12px 16px;border:1px solid #3d7289;border-radius:8px;color:#c3d6e0;background:linear-gradient(125deg,#0b3348,#041a2a);box-shadow:inset 0 1px 5px #4c8fa11a}
.feature-explorer.srm-native-frame .fx-tabs button[aria-pressed=true]{color:#fff1c7;border-color:#e4c480;background:linear-gradient(130deg,#ae8a4566,#172b33);box-shadow:inset 0 1px 8px #f9dc9770,0 0 9px #e8bf6744}
.feature-explorer.srm-native-frame .fx-tabs svg{width:17px;height:17px}
.feature-explorer.srm-native-frame .srm-silk{position:absolute!important;inset:0;z-index:0!important;width:100%!important;height:100%!important;pointer-events:none;opacity:.7}
.feature-explorer.srm-native-frame[data-fx-view=dashboard]{overflow:hidden}
.feature-explorer.srm-native-frame[data-fx-view=description]{overflow-x:hidden;overflow-y:auto}
.feature-explorer.srm-native-frame .fx-longcopy{position:relative;padding-top:30px;max-width:1500px;margin:auto}
.feature-explorer .srm-directory{padding:30px 17px 5px;gap:12px;background:radial-gradient(ellipse at 58% -8%,#063c5120,transparent 70%),linear-gradient(120deg,#001523,#001522)}
.feature-explorer .srm-directory>*:not(.srm-silk){position:relative;z-index:1}
.feature-explorer .srm-directory .srm-disclaimer{display:none}
.feature-explorer .srm-directory-heading{flex-basis:105px;gap:16px}
.feature-explorer .srm-directory-heading .srm-title{display:flex;flex-direction:row;align-items:flex-start;gap:29px;padding:2px 12px}
.feature-explorer .srm-directory-heading .srm-title h2{font-family:'Times New Roman',serif;font-size:34px;letter-spacing:0;font-weight:600;gap:15px;white-space:nowrap}
.feature-explorer .srm-directory-heading .srm-title p{font:15px/1.5 'Segoe UI',sans-serif;color:#b3cbd7;margin-top:7px;white-space:nowrap}
.feature-explorer .srm-title-building{display:block;color:#e4cda0;padding-top:5px}
.feature-explorer .srm-title-building svg{width:42px;height:48px}
.feature-explorer .srm-directory .srm-demo{font:10px/1.3 'Segoe UI',sans-serif;padding:5px 9px;border:1px solid #517f9755;color:#a0cbdc;border-radius:10px;letter-spacing:0}
.feature-explorer .srm-directory-heading .srm-metrics{height:105px;gap:15px}
.feature-explorer .srm-directory-heading .srm-metrics article{padding:14px 17px;gap:15px;border-color:#2a6f8966;background:linear-gradient(120deg,#07344888,#031e2c);box-shadow:inset 0 1px 5px #4e96ad16}
.feature-explorer .srm-directory-heading .srm-orb{width:43px;height:47px;border:0;background:none;box-shadow:none;color:#e0dca7}
.feature-explorer .srm-directory-heading .green .srm-orb{color:#65d4d5}
.feature-explorer .srm-directory-heading .red .srm-orb{color:#f27889}
.feature-explorer .srm-directory-heading .srm-orb svg{width:37px;height:37px}
.feature-explorer .srm-directory-heading .srm-metrics strong{font-family:'Segoe UI',sans-serif;font-size:35px;font-weight:500;line-height:1.1}
.feature-explorer .srm-directory-heading .srm-metrics article>div>span{font:15px/1.3 'Segoe UI',sans-serif;white-space:nowrap}
.feature-explorer .srm-directory-heading .srm-metrics small{font:10px/1.4 'Segoe UI',sans-serif;white-space:nowrap;color:#82b0c1;margin-top:2px}
.feature-explorer .srm-directory-main{gap:15px}
.feature-explorer .srm-directory-left{grid-template-rows:1.64fr 1fr;gap:12px}
.feature-explorer .srm-directory .srm-panel{padding:10px 12px;gap:10px;border-radius:10px;background:linear-gradient(130deg,#032b3e66,#001a2b99);border-color:#2b7391b3;box-shadow:inset 0 1px 4px #7acbe511}
.feature-explorer .srm-directory .srm-panel>header{min-height:29px;gap:12px}
.feature-explorer .srm-directory .srm-panel>header h3{font:600 21px/1.3 'Times New Roman',serif;color:#f2f0e6;white-space:nowrap;gap:10px}
.feature-explorer .srm-directory .srm-panel>header h3>svg{width:24px;height:24px;color:#e0cda0}
.feature-explorer .srm-directory .srm-panel>header h3>.srm-demo{margin-left:6px}
.feature-explorer .srm-directory table{font:14px/1.4 'Segoe UI',sans-serif;color:#cde2ec}
.feature-explorer .srm-directory table th{font:12px/1.45 'Segoe UI',sans-serif;background:linear-gradient(120deg,#0c3648,#082d3c);padding:10px 12px;border-color:#284e6066}
.feature-explorer .srm-directory table td{padding:11px 12px;border-color:#284e603d}
.feature-explorer .srm-directory .srm-table-scroll{border-color:#32627744;border-radius:6px}
.feature-explorer .srm-directory .srm-link{font:inherit;color:inherit}
.feature-explorer .srm-directory .srm-link:hover{color:#f1d18c;text-decoration:underline}
.feature-explorer .srm-directory .srm-filters{min-height:48px;gap:18px;margin-bottom:8px}
.feature-explorer .srm-directory .srm-vendor-list .srm-filters{margin-top:-14px;margin-bottom:5px}
.feature-explorer .srm-directory .srm-filters label{font:13px/1.3 'Segoe UI',sans-serif;gap:6px}
.feature-explorer .srm-directory .srm-filters input,.feature-explorer .srm-directory .srm-filters select{height:35px;min-height:35px;font:13px 'Segoe UI',sans-serif;padding:6px 10px;background:linear-gradient(100deg,#092b3a,#051f2f);border-color:#5a819766}
.feature-explorer .srm-directory .srm-filters select{width:185px}
.feature-explorer .srm-directory .srm-filters label:nth-of-type(2) select{width:137px}
.feature-explorer .srm-directory .srm-filters .srm-outline{height:35px;min-height:35px;gap:8px;font:13px 'Segoe UI',sans-serif;padding:6px 14px}
.feature-explorer .srm-directory .srm-filters .srm-outline svg{width:18px;height:18px}
.feature-explorer .srm-search-field{display:flex;align-items:center;position:relative;flex:1;min-width:0}
.feature-explorer .srm-search-field>svg{position:absolute;left:10px;width:18px;height:18px;color:#abcbdc;z-index:1}
.feature-explorer .srm-search-field>input{width:100%;padding-left:34px!important}
.feature-explorer .srm-directory .srm-vendor-list table{table-layout:fixed;border-collapse:separate;border-spacing:0 4px}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(1){width:16%}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(2){width:16%}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(3){width:15%}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(4){width:15%}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(5){width:14%}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(6){width:13%}
.feature-explorer .srm-directory .srm-vendor-list th:nth-child(7){width:17%}
.feature-explorer .srm-directory .srm-vendor-list th{padding:10px 12px}
.feature-explorer .srm-directory .srm-vendor-list td{padding:16px 12px;white-space:nowrap;font-size:13px;border-top:1px solid #3a65744d;border-bottom:1px solid #3a65744d}
.feature-explorer .srm-directory .srm-vendor-list tr.selected td{border-top-color:#37bdd4;border-bottom-color:#37bdd4;background:#07506680;box-shadow:inset 0 2px 8px #65d6f51a}
.feature-explorer .srm-directory .srm-vendor-list td:first-child{border-radius:7px 0 0 7px;border-left:1px solid #3a65744d}
.feature-explorer .srm-directory .srm-vendor-list td:last-child{border-radius:0 7px 7px 0;border-right:1px solid #3a65744d}
.feature-explorer .srm-directory .srm-vendor-list tr.selected td:first-child{border-left-color:#37bdd4}
.feature-explorer .srm-directory .srm-vendor-list tr.selected td:last-child{border-right-color:#37bdd4}
.feature-explorer .srm-directory .srm-doc-progress{width:46px;height:10px;margin-right:10px}
.feature-explorer [data-srm-vendor-count]{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.feature-explorer .srm-dot-status{display:inline-flex;align-items:center;gap:6px;color:#84d4ae;white-space:nowrap;font-size:12px}
.feature-explorer .srm-dot-status i{width:9px;height:9px;border-radius:50%;background:#56d394;box-shadow:0 0 7px #56d39455}
.feature-explorer .srm-dot-status.warn{color:#f0cf7e}.feature-explorer .srm-dot-status.warn i{background:#f0c258;box-shadow:0 0 7px #f0c25855}
.feature-explorer .srm-dot-status.bad{color:#ec9bad}.feature-explorer .srm-dot-status.bad i{background:#ed6585;box-shadow:0 0 7px #ed658555}
.feature-explorer .srm-directory-left>section:last-child{gap:8px}
.feature-explorer .srm-directory-left>section:last-child td{padding:12px 11px;font-size:13px}
.feature-explorer .srm-directory-left>section:last-child th{padding:9px 11px}
.feature-explorer .srm-directory .srm-vendor-detail{padding:10px 12px;gap:15px;overflow:hidden}
.feature-explorer .srm-directory .srm-vendor-detail>header{min-height:31px}
.feature-explorer .srm-directory .srm-vendor-detail>header h3{font-size:18px;gap:8px}
.feature-explorer .srm-selected-vendor{font:12px 'Segoe UI',sans-serif;display:flex;align-items:center;gap:14px;white-space:nowrap}
.feature-explorer .srm-selected-vendor .srm-dot-status{font-size:12px}
.feature-explorer .srm-directory .srm-vendor-identity{min-height:68px;height:68px;flex:0 0 68px;padding:8px 12px;gap:14px;position:relative}
.feature-explorer .srm-vendor-building{width:38px;height:44px;color:#6bb6d9;display:grid;place-items:center;margin-left:0!important;flex:0 0 38px}
.feature-explorer .srm-vendor-building svg{width:38px;height:38px}
.feature-explorer .srm-directory .srm-vendor-identity h4{font:600 20px/1.3 'Segoe UI',sans-serif}
.feature-explorer .srm-directory .srm-vendor-identity p{font:13px/1.4 'Segoe UI',sans-serif;margin-top:4px}
.feature-explorer .srm-vendor-owner{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;margin-left:auto;border-left:1px solid #37627555;padding-left:17px;min-width:208px;font:13px/1.4 'Segoe UI',sans-serif}
.feature-explorer .srm-directory .srm-vendor-identity .srm-vendor-owner small{font:12px 'Segoe UI',sans-serif;margin:0;color:#a4c2d1}
.feature-explorer .srm-directory .srm-vendor-identity .srm-next-review{align-self:flex-end;font:12px 'Segoe UI',sans-serif;color:#b6d1dd;white-space:nowrap;margin:0}
.feature-explorer .srm-directory .srm-vendor-upper{flex:0 0 181px;grid-template-columns:1.06fr 1fr;gap:12px}
.feature-explorer .srm-directory .srm-vendor-upper .srm-panel{padding:0;gap:0;overflow:hidden;border-color:#2a526777;border-radius:6px}
.feature-explorer .srm-directory .srm-vendor-upper .srm-panel>header,.feature-explorer .srm-directory .srm-vendor-lower .srm-panel>header{padding:5px 9px;background:linear-gradient(110deg,#0b3345,#072b3b);min-height:31px;border-bottom:1px solid #35566b44}
.feature-explorer .srm-directory .srm-vendor-upper h3,.feature-explorer .srm-directory .srm-vendor-lower h3{font:600 15px/1.3 'Segoe UI',sans-serif;gap:6px}
.feature-explorer .srm-directory .srm-vendor-upper h3 svg,.feature-explorer .srm-directory .srm-vendor-lower h3 svg{width:20px;height:20px}
.feature-explorer .srm-directory .srm-vendor-upper .srm-details{padding:0 10px;font:13px/1.35 'Segoe UI',sans-serif}
.feature-explorer .srm-directory .srm-vendor-upper .srm-details>div{grid-template-columns:150px 1fr;gap:12px;padding:6px 0}
.feature-explorer .srm-directory .srm-vendor-upper .srm-table-scroll{border:0;border-radius:0;padding:2px 10px;flex:1;overflow:visible}
.feature-explorer .srm-directory .srm-vendor-upper table td{font:13px/1.3 'Segoe UI',sans-serif;padding:4px 0;border:0}
.feature-explorer .srm-condition{display:inline-flex;gap:20px;align-items:center;color:#8ddcba;white-space:nowrap}
.feature-explorer .srm-condition b{font:bold 11px 'Segoe UI';background:#55ce9b;color:#073d3d;width:14px;height:14px;border-radius:50%;text-align:center;line-height:14px}
.feature-explorer .srm-condition.warn{color:#f0cd81}.feature-explorer .srm-condition.warn b{background:#e8c85e;color:#3c340c}
.feature-explorer .srm-directory .srm-vendor-lower{grid-template-columns:1.93fr 1fr;gap:12px}
.feature-explorer .srm-directory .srm-vendor-lower .srm-panel{padding:0;gap:0;border-color:#2a526777;border-radius:6px}
.feature-explorer .srm-directory .srm-vendor-lower>div{gap:10px}
.feature-explorer .srm-directory .srm-vendor-lower .srm-table-scroll{border:0;padding:0 8px;flex:1}
.feature-explorer .srm-directory .srm-vendor-lower td,.feature-explorer .srm-directory .srm-vendor-lower th{font:13px/1.4 'Segoe UI',sans-serif;padding:5px 3px;border:0;border-bottom:1px solid #31556744;white-space:nowrap}
.feature-explorer .srm-directory .srm-vendor-lower th{background:none;color:#b1cad6}
.feature-explorer .srm-directory .srm-vendor-lower .srm-dot-status{font-size:12px;gap:4px}
.feature-explorer .srm-directory .srm-vendor-lower .srm-dot-status i{width:8px;height:8px}
.feature-explorer .srm-directory .srm-vendor-lower>div:first-child>section:first-child>header>button{font:12px 'Segoe UI',sans-serif;color:#bdd8e8;text-decoration:underline}
.feature-explorer .srm-directory .srm-vendor-lower .srm-details{padding:4px 9px;font:12px/1.4 'Segoe UI',sans-serif}
.feature-explorer .srm-directory .srm-vendor-lower .srm-details>div{grid-template-columns:98px 1fr;padding:4px 0;gap:8px;border:0}
.feature-explorer .srm-directory .srm-vendor-lower .srm-gold{font:12px/1.2 'Segoe UI',sans-serif;padding:4px 10px;align-self:flex-end;margin:0 10px 4px}
.feature-explorer .srm-directory .srm-bank-history{flex:0 0 92px;overflow:hidden}
.feature-explorer .srm-directory .srm-bank-history>header h3{font-size:14px}
.feature-explorer .srm-directory .srm-bank-history>header>.srm-status{padding:2px 8px;font:10px 'Segoe UI',sans-serif;background:#583e17;border-color:#b18c48;color:#edcb84}
.feature-explorer .srm-directory .srm-bank-history th,.feature-explorer .srm-directory .srm-bank-history td{font:10px/1.3 'Segoe UI',sans-serif;padding:3px 2px}
.feature-explorer .srm-directory .srm-bank-history .srm-status{font:9px 'Segoe UI',sans-serif;padding:2px 5px}
.feature-explorer .srm-story{grid-template-rows:80px 410px 60px 150px 18px;background:radial-gradient(ellipse at 52% 30%,#0a4b5a66,transparent 64%),linear-gradient(120deg,#00131e,#062e3c)}
.feature-explorer .srm-story-art{height:410px}
.feature-explorer .srm-story-steps p{display:none}
.feature-explorer .srm-story-steps li{justify-content:center}
.feature-explorer .srm-story-steps li>b{display:none}
.feature-explorer .srm-story-steps h3{font-size:22px;color:#efcf82}
.feature-explorer .srm-story-benefits>section{padding:25px 30px;gap:28px;background:linear-gradient(125deg,#0a3c4e88,#031e2c);border-radius:10px}
.feature-explorer .srm-story-benefits .srm-orb{width:90px;height:90px;color:#edcd8b;border-color:#7d8a6d;background:radial-gradient(ellipse at 30% 20%,#5b634a77,#052b3c 70%)}
.feature-explorer .srm-story-benefits .srm-orb svg{width:52px;height:52px}
.feature-explorer .srm-story-benefits h3{font-size:21px}
.feature-explorer .srm-story-benefits p{font-size:16px;line-height:1.6}
.feature-explorer .srm-story{height:784px;padding:30px 84px;grid-template-rows:100px 370px 50px 152px 18px;background:radial-gradient(ellipse at 52% 30%,#063f5244,transparent 64%),linear-gradient(120deg,#00131e,#012436)}
.feature-explorer .srm-story>header h2{font:600 54px/1.2 'Segoe UI',sans-serif;letter-spacing:-1px;display:flex;align-items:center;gap:23px}
.feature-explorer .srm-story>header h2 .srm-demo{position:static;font:14px/1.3 'Segoe UI',sans-serif;border-radius:18px;padding:8px 17px;letter-spacing:0}
.feature-explorer .srm-story>header p{font:22px/1.5 'Segoe UI',sans-serif;margin-top:10px;color:#b6cddb}
.feature-explorer .srm-story-art{height:370px;width:calc(100% + 120px);margin-left:-60px}
.feature-explorer .srm-story-steps{margin-left:-50px;margin-right:-50px}
.feature-explorer .srm-story-steps h3{font:600 28px/1.3 'Segoe UI',sans-serif;letter-spacing:-.3px}
.feature-explorer .srm-story-benefits{width:1558px;max-width:100%;margin:0 auto;gap:14px}
.feature-explorer .srm-story-benefits h3{font:600 25px/1.3 'Segoe UI',sans-serif;margin-bottom:10px;letter-spacing:-.3px}
.feature-explorer .srm-story-benefits p{font:19px/1.6 'Segoe UI',sans-serif}
.feature-explorer .srm-story-waves{position:absolute!important;inset:0;width:100%!important;height:100%!important;pointer-events:none;z-index:0;overflow:hidden}
.feature-explorer .srm-story>*:not(.srm-story-waves){position:relative;z-index:1}
.feature-explorer .srm-gold-spark,.feature-explorer .srm-flow-spark{fill:#f6d895;filter:drop-shadow(0 0 4px #f3cf7f);opacity:.7}
.feature-explorer .srm-gold-spark{animation:srm-spark 4s ease-in-out infinite;animation-delay:var(--spark-delay)}
.feature-explorer .srm-directory .srm-link,.feature-explorer .srm-directory select,.feature-explorer .srm-directory input,.feature-explorer .srm-directory .srm-gold{transition:color .18s,border-color .18s,box-shadow .18s,background-color .18s}
.feature-explorer .srm-directory .srm-link:active{filter:brightness(1.25)}
.feature-explorer .srm-directory .srm-vendor-list tbody tr{transition:background .2s,box-shadow .2s}
.feature-explorer .srm-directory .srm-vendor-list tbody tr:hover td{background-color:#07516b66}
.feature-explorer .srm-directory input:focus,.feature-explorer .srm-directory select:focus{outline:0;border-color:#52c9e5;box-shadow:0 0 0 2px #1a9fc51e,inset 0 0 10px #45a9c311}
.feature-explorer .srm-directory .srm-gold:hover{box-shadow:inset 0 1px 5px #fff9,0 0 12px #edc77f55;filter:brightness(1.1)}
.feature-explorer .srm-story-benefits>section{transition:border-color .25s,box-shadow .25s,background .25s}
.feature-explorer .srm-story-benefits>section:hover{border-color:#e8c77f;box-shadow:inset 0 0 25px #79d2ef0d,0 0 16px #dbbd6c33}
@keyframes srm-spark{0%,100%{opacity:.15}45%{opacity:.95}60%{opacity:.55}}
@media(prefers-reduced-motion:reduce){.feature-explorer .srm-gold-spark{animation:none}.feature-explorer .srm-flow-spark{display:none}.feature-explorer .srm-directory *,.feature-explorer .srm-story *{transition:none!important}}
.feature-explorer .srm-modal{height:auto;margin:auto;max-height:88vh}
@media(max-width:700px){.feature-explorer.srm-native-frame .fx-nav{padding:0 10px;gap:10px;min-height:50px;flex-wrap:nowrap}.feature-explorer.srm-native-frame .presentation-back{gap:9px;font-size:12px}.feature-explorer.srm-native-frame .presentation-back b{font-size:26px;padding-right:10px}.feature-explorer.srm-native-frame .fx-tabs{gap:5px}.feature-explorer.srm-native-frame .fx-tabs button{min-width:0;padding:9px 8px;font-size:10px;gap:4px}.feature-explorer.srm-native-frame .fx-tabs svg{width:12px;height:12px}}

/* Anh Dat: one typeface and matching headings across both directory tabs. */
.feature-explorer.srm-native-frame,.feature-explorer.srm-native-frame *{font-family:'Segoe UI',sans-serif!important}
.feature-explorer.srm-native-frame .srm-directory-title{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:29px;padding:2px 12px;min-height:0}
.feature-explorer.srm-native-frame .srm-directory-title h2{display:flex;align-items:center;font-size:34px;font-weight:600;line-height:1.2;letter-spacing:0;gap:15px;white-space:nowrap;color:#f1e7cf;margin:0}
.feature-explorer.srm-native-frame .srm-directory-title h2 .srm-demo{position:static;font-size:10px;font-weight:400;line-height:1.3;padding:5px 9px;border:1px solid #517f9755;color:#a0cbdc;border-radius:10px;letter-spacing:0}
.feature-explorer.srm-native-frame .srm-directory-title p{font-size:15px;font-weight:400;line-height:1.5;color:#b3cbd7;margin:7px 0 0;white-space:nowrap}
.feature-explorer.srm-native-frame .srm-story[data-srm-story=directory]>.srm-directory-title{margin-left:-67px;margin-top:0}
.feature-explorer.srm-native-frame{scrollbar-gutter:stable}
