/* Native, responsive review preview: one grid and one spacing scale. */
#ioo-project-early .ip-reviews-live{background:#f6f8f9;padding:32px;overflow:hidden}
#ioo-project-early .rd-demo{container-type:inline-size;container-name:reviews;color:#163132;font:14px/1.6 Arial,Helvetica,sans-serif;min-width:0}
#ioo-project-early .rd-demo *{min-width:0}
#ioo-project-early .rd-example{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.6;color:#637573;padding-bottom:24px}
#ioo-project-early .rd-example svg{width:15px;height:15px;flex-shrink:0;margin-top:1px}
#ioo-project-early .rd-company{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:0 0 28px;border-bottom:1px solid #dce5e4}
#ioo-project-early .rd-company-main{display:flex;align-items:center;gap:16px}
#ioo-project-early .rd-company-logo{width:64px;height:64px;flex-shrink:0;background:#e1f0e8;border:1px solid #d1e5da;border-radius:16px;display:grid;place-items:center;color:#08765f}
#ioo-project-early .rd-company-logo svg{width:31px;height:31px}
#ioo-project-early .rd-company-main strong{display:block;font-size:25px;line-height:1.2;letter-spacing:-.6px}
#ioo-project-early .rd-company-main p{font-size:12px;line-height:1.6;color:#647773;margin-top:7px}
#ioo-project-early .rd-index{background:white;border:1px solid #dce5e4;border-radius:12px;padding:13px 18px;flex-shrink:0;min-width:240px}
#ioo-project-early .rd-index>span{font-size:10px;color:#667a75;display:block;margin-bottom:5px}
#ioo-project-early .rd-index>div{display:flex;align-items:baseline;gap:5px}
#ioo-project-early .rd-index strong{font-size:26px;line-height:1.15;color:#08765f}
#ioo-project-early .rd-index small{font-size:11px;color:#6d7d79}
#ioo-project-early .rd-index>div>span{font-size:9px;color:#71837a;margin-left:auto;padding-left:16px}
#ioo-project-early .rd-intro{display:flex;justify-content:space-between;align-items:end;gap:32px;padding:28px 0 24px}
#ioo-project-early .rd-eyebrow{display:block;font-size:10px;text-transform:uppercase;letter-spacing:1.4px;color:#648075;margin-bottom:8px}
#ioo-project-early .rd-intro h3{font-size:27px;line-height:1.25;letter-spacing:-.65px}
#ioo-project-early .rd-intro p{max-width:300px;font-size:12px;line-height:1.75;color:#627571}
#ioo-project-early .rd-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px}
#ioo-project-early .rd-stat{display:flex;flex-direction:column;background:#fff;border:1px solid #dce5e4;border-radius:12px;padding:20px;min-height:154px}
#ioo-project-early .rd-stat>span:first-child{font-size:11px;line-height:1.4;min-height:30px;color:#5c7270}
#ioo-project-early .rd-stat>div{display:flex;align-items:baseline;gap:6px;margin:6px 0 7px}
#ioo-project-early .rd-stat>div strong{font-size:31px;font-weight:700;line-height:1.15;letter-spacing:-.5px;color:#08765f}
#ioo-project-early .rd-stat small{font-size:10px;color:#6b807a}
#ioo-project-early .rd-stat>small{margin-top:7px}
#ioo-project-early .rd-stars{display:inline-block;font-size:16px;line-height:1.2;letter-spacing:2px;flex-shrink:0;width:max-content}
#ioo-project-early .rd-stars>span{background:linear-gradient(90deg,#08765f var(--rd-fill),#d8e0dc var(--rd-fill));background-clip:text;-webkit-background-clip:text;color:transparent}
#ioo-project-early .rd-stat-total{background:#eaf4ef;border-color:#d3e5dc}
#ioo-project-early .rd-stat-total p{font-size:11px;line-height:1.6;color:#627871}
#ioo-project-early .rd-layout{display:grid;grid-template-columns:minmax(0,1fr) 272px;gap:28px;align-items:start}
#ioo-project-early .rd-toolbar{background:#fff;border:1px solid #dce5e4;border-radius:12px;padding:18px;margin-bottom:20px}
#ioo-project-early .rd-filters{display:flex;flex-wrap:wrap;gap:6px;padding-bottom:16px;border-bottom:1px solid #e7edeb}
#ioo-project-early .rd-filters button{font:inherit;font-size:11px;font-weight:600;line-height:1.4;min-height:38px;border-radius:7px;padding:9px 11px;background:#fff;border:1px solid #dbe5df;color:#526c63}
#ioo-project-early .rd-filters button[aria-pressed="true"]{background:#08765f;border-color:#08765f;color:#fff}
#ioo-project-early .rd-filters button:hover{border-color:#6eaa90}
#ioo-project-early .rd-selects{display:grid;grid-template-columns:1fr 1.25fr;gap:16px;margin-top:14px}
#ioo-project-early .rd-selects label{display:block;font-size:10px;line-height:1.5;color:#6a8078}
#ioo-project-early .rd-selects select{font:inherit;font-size:11px;line-height:1.5;display:block;margin-top:5px;width:100%;min-height:39px;background:#f9fbfa;color:#314f44;border:1px solid #dbe5df;border-radius:7px;padding:9px 25px 9px 10px}
#ioo-project-early .rd-selects select:focus-visible{outline:2px solid #16866a;outline-offset:2px}
#ioo-project-early .rd-review-list{display:flex;flex-direction:column;gap:20px}
#ioo-project-early .rd-review{background:#fff;border:1px solid #dce5e4;border-radius:12px;padding:24px}
#ioo-project-early .rd-review-head{display:flex;align-items:start;justify-content:space-between;gap:16px}
#ioo-project-early .rd-author{display:flex;align-items:center;gap:12px}
#ioo-project-early .rd-avatar{display:grid;place-items:center;background:#e7f0ec;color:#316c58;border-radius:50%;width:40px;height:40px;font-size:12px;font-weight:700;flex-shrink:0}
#ioo-project-early .rd-author strong{display:block;font-size:12px;font-weight:700;line-height:1.4}
#ioo-project-early .rd-author>div>span{display:block;font-size:10px;line-height:1.5;color:#6b8078;margin-top:4px}
#ioo-project-early .rd-source{background:#edf5f1;color:#39725b;border-radius:6px;padding:5px 8px;font-size:9px;line-height:1.4;flex-shrink:0;max-width:140px}
#ioo-project-early .rd-source-former{background:#eef1f4;color:#647380}
#ioo-project-early .rd-source-society{background:#f1f3e9;color:#68784e}
#ioo-project-early .rd-review-meta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0 14px}
#ioo-project-early .rd-score{display:flex;align-items:center;gap:10px}
#ioo-project-early .rd-score strong{font-size:11px;font-weight:600;color:#3e6556}
#ioo-project-early .rd-review-meta time{font-size:10px;color:#788981;white-space:nowrap}
#ioo-project-early .rd-review h4{font-size:16px;line-height:1.45;letter-spacing:-.2px;font-weight:700;margin:0 0 11px}
#ioo-project-early .rd-review-text{font-size:13px;line-height:1.85;color:#526b61;margin:0}
#ioo-project-early .rd-topics{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}
#ioo-project-early .rd-topics>span{font-size:9px;line-height:1.5;padding:4px 8px;border:1px solid #e0e9e3;border-radius:6px;color:#547562;background:#fafcf9}
#ioo-project-early .rd-reply{margin:20px 0 0;padding:12px 14px;background:#f4f8f5;border:1px solid #e1eae3;border-radius:8px}
#ioo-project-early .rd-reply[open]{background:#f4f8f5;border-color:#e1eae3}
#ioo-project-early .rd-reply summary{font-size:11px;font-weight:600;color:#39765b;min-height:20px;line-height:1.6}
#ioo-project-early .rd-reply p{font-size:12px;line-height:1.8;color:#60766a;margin-top:10px}
#ioo-project-early .rd-empty{background:#fff;border:1px dashed #bdd0c5;border-radius:12px;padding:24px;font-size:12px;line-height:1.8;color:#5b7567}
#ioo-project-early .rd-list-footer{display:flex;flex-direction:column;gap:16px;align-items:center;margin-top:20px}
#ioo-project-early .rd-list-footer>span{font-size:10px;color:#72867b}
#ioo-project-early .rd-more{font:inherit;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:44px;border:1px solid #cbded2;border-radius:8px;color:#32664f;background:#edf5ef;font-size:12px;font-weight:600;padding:11px 16px}
#ioo-project-early .rd-more svg{width:16px;height:16px}
#ioo-project-early .rd-sidebar{display:flex;flex-direction:column;gap:20px}
#ioo-project-early .rd-side-panel{background:#fff;border:1px solid #dce5e4;border-radius:12px;padding:22px}
#ioo-project-early .rd-side-panel h4{font-size:13px;line-height:1.5;font-weight:700;margin:0 0 20px}
#ioo-project-early .rd-facts{margin:0}
#ioo-project-early .rd-facts>div{display:flex;justify-content:space-between;gap:16px;margin-bottom:17px;align-items:start}
#ioo-project-early .rd-facts>div:last-child{margin-bottom:0}
#ioo-project-early .rd-facts dt{font-size:10px;color:#6e8277;max-width:140px;line-height:1.6}
#ioo-project-early .rd-facts dd{font-size:13px;color:#315745;margin:0;white-space:nowrap;font-weight:600}
#ioo-project-early .rd-facts dd small{font-size:10px;color:#7a8c81;font-weight:400}
#ioo-project-early .rd-profile{font:inherit;display:flex;align-items:center;gap:6px;border:0;border-top:1px solid #e7edeb;background:transparent;color:#08765f;margin-top:20px;padding:15px 0 0;text-align:left;width:100%;font-size:11px;font-weight:600}
#ioo-project-early .rd-profile svg{width:14px;height:14px;margin-left:auto}
#ioo-project-early .rd-bars{display:flex;flex-direction:column;gap:13px}
#ioo-project-early .rd-bar{display:grid;grid-template-columns:24px minmax(0,1fr) 30px;gap:9px;align-items:center;font-size:10px;line-height:1.4}
#ioo-project-early .rd-bar>span>span{color:#08765f;font-size:12px}
#ioo-project-early .rd-bar>div{height:5px;border-radius:4px;background:#e7ede8;overflow:hidden}
#ioo-project-early .rd-bar i{display:block;background:#08765f;border-radius:4px;height:100%}
#ioo-project-early .rd-bar strong{font-size:10px;font-weight:400;text-align:right;color:#708376}
#ioo-project-early .rd-side-note{font-size:9px;line-height:1.7;color:#7c8d82;margin-top:18px}
#ioo-project-early .rd-side-topics{gap:8px;margin:0}
#ioo-project-early .rd-side-callout{padding:22px;background:#eaf2eb;border:1px solid #dbe6d9;border-radius:12px}
#ioo-project-early .rd-side-callout>svg{width:24px;height:24px;color:#4b8b68;display:block;margin-bottom:14px}
#ioo-project-early .rd-side-callout strong{font-size:13px;display:block;line-height:1.5}
#ioo-project-early .rd-side-callout p{font-size:11px;line-height:1.8;color:#65816b;margin-top:8px}
#ioo-project-early .rd-bottom-note{margin-top:28px;padding-top:20px;border-top:1px solid #dce5e4;font-size:10px;line-height:1.7;color:#75877d}
#ioo-project-early #ip-zoom-live:has([data-demo-reviews]){padding:32px;background:#f6f8f9}
#ioo-project-early #ip-zoom-live .ip-reviews-live{padding:0;border:0}
@container reviews (max-width:900px){
#ioo-project-early .rd-layout{grid-template-columns:1fr}
#ioo-project-early .rd-sidebar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
#ioo-project-early .rd-stats{gap:12px}
#ioo-project-early .rd-stat{padding:18px}
#ioo-project-early .rd-index{min-width:210px}
#ioo-project-early .rd-intro{align-items:start}
#ioo-project-early .rd-intro h3{font-size:25px}
#ioo-project-early .rd-intro p{max-width:260px}
}
@container reviews (max-width:620px){
#ioo-project-early .rd-company{align-items:start;flex-direction:column;gap:20px;padding-bottom:24px}
#ioo-project-early .rd-company-logo{width:52px;height:52px;border-radius:12px}
#ioo-project-early .rd-company-main{gap:12px}
#ioo-project-early .rd-company-main strong{font-size:23px}
#ioo-project-early .rd-index{width:100%;min-width:0;max-width:none}
#ioo-project-early .rd-intro{display:block;padding-top:24px}
#ioo-project-early .rd-intro p{max-width:none;margin-top:13px;font-size:12px}
#ioo-project-early .rd-intro h3{font-size:24px}
#ioo-project-early .rd-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}
#ioo-project-early .rd-stat{padding:16px;min-height:150px}
#ioo-project-early .rd-toolbar{padding:16px}
#ioo-project-early .rd-filters{gap:6px}
#ioo-project-early .rd-filters button{min-height:42px;font-size:11px}
#ioo-project-early .rd-selects{grid-template-columns:1fr;gap:12px}
#ioo-project-early .rd-selects select{font-size:13px;min-height:44px}
#ioo-project-early .rd-review{padding:20px}
#ioo-project-early .rd-review-head{flex-direction:column;gap:12px}
#ioo-project-early .rd-source{font-size:10px;max-width:none}
#ioo-project-early .rd-review-meta{margin-top:17px;gap:10px;flex-wrap:wrap}
#ioo-project-early .rd-score{gap:7px}
#ioo-project-early .rd-stars{font-size:15px;letter-spacing:1px}
#ioo-project-early .rd-review h4{font-size:16px}
#ioo-project-early .rd-review-text{font-size:13px;line-height:1.85}
#ioo-project-early .rd-topics>span{font-size:10px}
#ioo-project-early .rd-sidebar{grid-template-columns:1fr}
#ioo-project-early .rd-side-panel{padding:20px}
#ioo-project-early .rd-side-panel h4{font-size:14px}
#ioo-project-early .rd-facts dt{font-size:12px;max-width:180px}
#ioo-project-early .rd-bar{font-size:12px;grid-template-columns:30px minmax(0,1fr) 35px}
#ioo-project-early .rd-side-note{font-size:10px}
}
@media(max-width:760px){#ioo-project-early .ip-reviews-live{padding:18px}#ioo-project-early #ip-zoom-live:has([data-demo-reviews]){padding:20px}#ioo-project-early .rd-example{font-size:10px;padding-bottom:20px}}
#ioo-project-early .rd-stats{grid-auto-rows:1fr}
@media(max-width:760px){
#ioo-project-early .ip-product:has(.ip-reviews-live:not([hidden])){border:0;background:transparent;padding:0;box-shadow:none}
#ioo-project-early .ip-product:has(.ip-reviews-live:not([hidden]))>.ip-tabs{padding:0 2px}
#ioo-project-early .ip-reviews-live{padding:16px;border:0;border-radius:12px}
#ioo-project-early .rd-stat-total p{font-size:10px;line-height:1.5}
}