/* v4: a review feed first, with readable controls and explicit product actions. */
.hero-copy h1{font-size:clamp(42px,5.5vw,76px);max-width:940px;margin-left:auto;margin-right:auto}
.hero-description{max-width:750px;margin-left:auto;margin-right:auto;font-size:17px;line-height:1.75}
.hero-copy{max-width:940px}.hero-stage{min-height:775px}
.hero-bottom .quiet{font-size:12px}.hero-bottom .platforms-row{flex-wrap:wrap}
.feed-section{background:linear-gradient(#fff,#f6f8ff)}
.feed-section .section-heading h2 span{color:var(--blue)}
.feed-benefits{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin:-10px 0 30px;font-size:13px;color:#577090}
.feed-benefits>span{display:flex;align-items:center;gap:8px}.feed-benefits .ui-icon{width:16px;height:16px;color:#6eac92;flex-shrink:0}
.feed-demo{background:#f5f7fc;border:1px solid #dce5f4;border-radius:25px;box-shadow:0 24px 70px -35px #536e9f42;overflow:hidden}
.feed-demo-header{padding:24px 28px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e7edf6}
.feed-demo-header>div{display:flex;align-items:center;gap:12px}.feed-app-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;color:var(--blue);background:#ecf2ff}.feed-app-icon .ui-icon{width:20px;height:20px}
.feed-demo-header b{font:700 18px Manrope}.feed-demo-header small{display:block;font-size:12px;color:#798aa3;margin-top:4px}.feed-demo-label{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:#476abe;background:#f0f4ff;border:1px solid #dae5ff;padding:8px 10px;border-radius:7px;white-space:nowrap}
.feed-toolbar{padding:20px 28px 0;background:#fff}.feed-tabs{display:flex;gap:8px;border-bottom:1px solid #e6edf7;margin-bottom:19px;padding-bottom:14px;flex-wrap:wrap}
.feed-tabs button{display:flex;align-items:center;gap:9px;border:1px solid transparent;background:none;color:#657b99;border-radius:9px;padding:9px 12px;min-height:42px;font-size:13px}.feed-tabs button span{font-size:11px;min-width:21px;padding:3px;border-radius:5px;text-align:center;background:#edf1f8;color:#7c8faa}.feed-tabs button[aria-pressed=true]{background:#edf3ff;color:#3564d0;border-color:#dbe6ff}.feed-tabs button[aria-pressed=true] span{background:#dae6ff;color:#3d67c3}
.feed-filters{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:16px}.feed-filters label{display:block;min-width:0;font-size:11px;color:#617691}.feed-filters select,.feed-filters input{display:block;width:100%;min-width:0;margin-top:8px;height:42px;border:1px solid #dce5f3;border-radius:9px;background-color:#fff;color:#39516f;font:12px Inter;padding:0 12px}
.feed-filters select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23778ca8' stroke-width='1.5'%3E%3Cpath d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:18px;background-position:right 11px center;padding-right:32px}
.feed-search input::placeholder{color:#8394ad}.feed-resultbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:#7990ad;min-height:49px}.feed-resultbar button{border:0;background:none;color:#5278cc;font-size:11px;padding:8px}.feed-resultbar [hidden]{display:none}
.feed-demo-body{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;padding:22px 25px;align-items:start}
.feed-list{max-height:600px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#ced8ec transparent;border-radius:14px;padding:0 8px 2px 0;scroll-padding:15px}
.feed-list:focus-visible{outline:2px solid #6994fa;outline-offset:3px}.feed-review{border:1px solid #e0e7f3;border-radius:14px;background:white;padding:20px;margin-bottom:13px}.feed-review:last-child{margin-bottom:0}.feed-review.has-concern{border-left:3px solid #deb4a1;padding-left:18px}
.feed-review-head{display:flex;align-items:center;gap:10px}.feed-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#edf2fd;color:#6c8bcb;display:grid;place-items:center;font-size:11px}.feed-review:nth-child(3n) .feed-avatar{color:#568c77;background:#eaf5ee}.feed-review:nth-child(3n+2) .feed-avatar{color:#b38968;background:#f9f0e9}
.feed-review-author{min-width:0}.feed-review-author>b{font-size:13px;display:block}.feed-review-author>small{font-size:10px;color:#8091aa;display:block;margin-top:4px}.feed-stars{color:#df9f39;font-size:14px;letter-spacing:1px;margin-left:auto;white-space:nowrap}
.feed-review-source{display:flex;align-items:center;gap:6px;font-size:11px;color:#7b8ea8;margin-top:14px;flex-wrap:wrap}.feed-review-source>b{font-weight:500;color:#6c809d}.feed-review-source>img{width:16px;height:16px;object-fit:contain}.feed-letter{display:inline-grid;place-items:center;background:#edf1f9;color:#6681aa;border-radius:5px;width:18px;height:18px;flex-shrink:0;font-size:9px;font-weight:700;letter-spacing:-.3px}.source-vk{background:#eaf2ff;color:#397ce9}.source-flamp{background:#eff2ff;color:#6683cf}.source-yell{background:#fff2dd;color:#a78327}.source-avito{background:#eee9fc;color:#8868c2}.source-irecommend{background:#fbeaf2;color:#bd5085}.source-prodoctorov{background:#e5f3fa;color:#3286b1}.source-spr{background:#e5f4ea;color:#368454}
.feed-review-text{font-size:14px;line-height:1.8;color:#465d7c;margin:13px 0}.feed-review-photo{display:flex;align-items:center;gap:11px;border:0;background:none;padding:0;margin:12px 0 16px;color:#6883ae;font-size:11px;text-align:left}.feed-review-photo img{width:82px;height:62px;object-fit:cover;border-radius:9px}.feed-review-tags{display:flex;gap:6px;flex-wrap:wrap}.feed-review-tags button{border:1px solid #e6edf8;background:#f7f9fd;border-radius:6px;color:#6d85a9;font-size:11px;padding:6px 9px;min-height:30px}.feed-review-tags button[aria-pressed=true]{background:#e6efff;color:#3261c8;border-color:#a8c3fb}
.feed-review-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #edf1f7;margin-top:16px;padding-top:13px}.feed-unanswered{font-size:10px;color:#ad8060;background:#fbf1e8;border-radius:6px;padding:6px 8px}.feed-review-actions>button{font-size:12px;display:flex;gap:6px;align-items:center;min-height:36px;border:1px solid #dce7ff;background:#f0f5ff;border-radius:8px;padding:8px 11px;color:#436cd1}.feed-review-actions .ui-icon{width:14px;height:14px;flex-shrink:0}
.feed-company-reply{padding:13px 15px;margin-top:15px;background:#eff7f3;border-left:2px solid #a2cbb9;border-radius:0 8px 8px 0}.feed-company-reply strong{font-size:11px;color:#608778}.feed-company-reply p{margin-top:7px;font-size:12px;color:#58776b;line-height:1.8}
.feed-draft{border:1px solid #d9e5ff;background:#f8faff;border-radius:11px;margin-top:16px;padding:15px}.feed-draft[hidden]{display:none}.feed-draft label{font-size:12px;font-weight:600;color:#5475b9}.feed-draft textarea{margin-top:10px;width:100%;min-height:140px;border:1px solid #dfe7f7;border-radius:8px;background:white;color:#465e82;font:13px/1.8 Inter;padding:12px;resize:vertical}.feed-draft>div{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:9px}.feed-draft small{font-size:10px;color:#7a8faa;line-height:1.7;max-width:250px}.feed-draft button{background:var(--blue);color:white;border:0;border-radius:7px;font-size:11px;min-height:36px;padding:9px 12px}.feed-copy-status{font-size:11px;color:#5e8571;line-height:1.7;margin-top:8px}.feed-copy-status:empty{display:none}
.feed-summary{display:grid;gap:16px;min-width:0}.feed-ratings{padding:20px;background:#fff;border:1px solid #e1e8f4;border-radius:14px}.feed-ratings h3{font-size:14px;margin:0}.feed-ratings>p{font-size:10px;color:#8999b0;margin:6px 0 18px}.feed-rating-row{display:flex;align-items:center;gap:8px;margin:11px 0;font-size:11px;color:#7a8ba6}.feed-rating-row>span{display:flex;align-items:center;gap:4px;flex:0 0 26px}.feed-rating-row>span i{font-style:normal;color:#d8a651}.feed-rating-row>div{flex:1;background:#eef2f8;border-radius:5px;height:7px;overflow:hidden}.feed-rating-row>div i{display:block;background:#8aa8ef;border-radius:5px;height:100%}.feed-rating-row:nth-child(n+3)>div i{background:#dfb49d}.feed-rating-row b{font-size:11px;font-weight:500;width:16px;text-align:right;color:#697f9f}.feed-summary-total{border-top:1px solid #e9edf5;margin-top:18px;padding-top:16px;display:flex;align-items:center;gap:10px}.feed-summary-total b{font:700 29px Manrope;color:#3f5c88}.feed-summary-total span{font-size:10px;color:#8498b4;line-height:1.5;max-width:95px}
.feed-telegram{border:1px solid #dbe7fa;background:linear-gradient(135deg,#eaf2ff,#f7f9ff);border-radius:14px;padding:19px}.feed-tg-heading{display:flex;align-items:center;gap:11px}.feed-tg-heading>span{width:32px;height:32px;border-radius:50%;background:#dceafb;color:#5289c6;display:grid;place-items:center;flex-shrink:0}.feed-tg-heading svg{width:20px;height:20px}.feed-tg-heading b{font-size:13px;line-height:1.5;color:#365980}.feed-telegram>p{font-size:12px;line-height:1.8;color:#6580a2;margin:12px 0}.feed-message{background:#fff;border-radius:12px 12px 12px 3px;border:1px solid #dce7f5;padding:13px;font-size:11px;box-shadow:0 6px 15px #486cac09}.feed-message>strong{display:block;color:#547bb3;font-size:11px}.feed-message>strong small{font-weight:400;color:#99a8bd;margin-left:4px}.feed-message>span{display:block;font-size:10px;color:#6c81a1;margin-top:10px}.feed-message>b{display:block;color:#dc9e3f;margin:7px 0}.feed-message>p{font-size:11px;line-height:1.75;color:#56708f}.feed-message>small{display:block;font-size:9px;color:#8a9bb2;margin-top:7px}.feed-message>button{display:flex;align-items:center;justify-content:space-between;width:100%;background:#eaf2ff;color:#6288c6;border:0;border-radius:6px;min-height:34px;padding:8px;font-size:10px;margin-top:12px}
.feed-demo-footer{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:20px 28px;border-top:1px solid #e2e8f3;background:#fff}.feed-demo-footer>span{font-size:11px;color:#7b8fa9;line-height:1.8;max-width:490px}.feed-demo-footer .btn{font-size:12px;min-height:44px;white-space:nowrap}
.source-directory{background:#fff;border:1px solid #e2e8f3;border-radius:15px;margin-top:23px}.source-directory summary{list-style:none;padding:22px 25px;display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer}.source-directory summary::-webkit-details-marker{display:none}.source-directory summary b{display:block;font-size:14px}.source-directory summary div>span{display:block;color:#7a8ba6;font-size:12px;line-height:1.8;margin-top:7px}.source-directory-action{display:flex;align-items:center;gap:12px;color:#5778bd;white-space:nowrap;font-size:12px}.source-directory-action i{font-style:normal;font-size:20px;font-weight:300}.source-directory[open] .source-directory-action i{transform:rotate(45deg)}.source-directory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;padding:0 25px 23px}.source-directory-grid>div{border:1px solid #e3eaf6;border-radius:10px;padding:13px 10px;display:flex;align-items:center;gap:9px}.source-directory-grid img{width:24px;height:24px;object-fit:contain;flex-shrink:0}.source-directory-grid .feed-letter{width:24px;height:24px;font-size:11px}.source-directory-grid b{display:block;font-size:11px;font-weight:600}.source-directory-grid small{display:block;font-size:9px;color:#8798b3;margin-top:4px}.source-directory>p{border-top:1px solid #edf1f7;padding:17px 25px;font-size:11px;line-height:1.8;color:#7a8daa}
.feed-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px;text-align:center;border:1px dashed #d7e2f4;border-radius:14px;background:#fff;padding:30px}.feed-empty>.ui-icon{width:32px;height:32px;color:#82a1d5;margin-bottom:18px}.feed-empty h3{font-size:17px}.feed-empty p{font-size:13px;line-height:1.8;color:#7c91b0;max-width:260px;margin:12px 0 18px}.feed-empty button{border:1px solid #dce5f7;background:#eff4ff;border-radius:8px;color:#5078c3;padding:10px 15px;font-size:12px;min-height:44px}
.feed-photo-dialog{max-width:min(700px,calc(100vw - 32px));border:1px solid #dde5f4;border-radius:17px;padding:24px;background:#fff;margin:auto;color:#304765}.feed-photo-dialog::backdrop{background:#101d38bb;backdrop-filter:blur(6px)}.feed-photo-dialog>button{position:absolute;right:11px;top:9px;border:0;background:#f0f3f9;border-radius:50%;width:36px;height:36px;font-size:23px;color:#60779b}.feed-photo-dialog>h2{font-size:16px;padding-right:30px;margin-bottom:17px}.feed-photo-dialog img{max-width:100%;max-height:65vh;object-fit:contain;border-radius:10px}.feed-photo-dialog p{font-size:12px;margin-top:15px;color:#7e90ab}.feed-photo-dialog a{color:#466cbd;text-decoration:underline}
@media(max-width:1100px){.hero-copy{max-width:800px}.hero-description{font-size:16px;max-width:630px}.feed-demo-body{grid-template-columns:minmax(0,1fr) 224px;gap:16px;padding:20px}.feed-demo-header,.feed-toolbar{padding-left:23px;padding-right:23px}.source-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feed-demo-footer{padding:20px}.feed-benefits{font-size:12px;gap:20px}}
@media(max-width:850px){.feed-demo-body{grid-template-columns:1fr}.feed-summary{grid-template-columns:1fr 1.4fr}.feed-telegram{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;align-items:start}.feed-tg-heading{grid-column:1}.feed-telegram>p{grid-column:1;margin:0;align-self:start}.feed-message{grid-column:2;grid-row:1/3}.feed-demo-footer{flex-direction:column;align-items:flex-start;gap:14px}.feed-list{max-height:590px}.feed-demo-footer>span{max-width:none}}
@media(max-width:700px){.hero-copy h1{font-size:clamp(35px,9.1vw,51px);max-width:600px;letter-spacing:-1.5px}.hero-description{font-size:14px;line-height:1.9;max-width:420px}.hero-description br{display:none}.hero-stage{min-height:630px}.hero-copy{padding-top:0}.hero .platform-label{font-size:10px;gap:9px}.hero-bottom .quiet{font-size:11px}.feed-section .section-heading h2{font-size:30px;letter-spacing:-1px}.feed-section .intro{font-size:14px}.feed-benefits{gap:13px 16px;font-size:12px;line-height:1.6;margin:0 0 23px}.feed-demo{border-radius:18px}.feed-demo-header{padding:18px 16px;align-items:flex-start;gap:10px}.feed-app-icon{width:32px;height:32px;flex-shrink:0}.feed-demo-header b{font-size:16px}.feed-demo-header small{font-size:10px;line-height:1.7;max-width:175px}.feed-demo-label{font-size:8px;padding:6px;letter-spacing:0;white-space:normal;width:90px;text-align:center;line-height:1.7}.feed-toolbar{padding:17px 14px 0}.feed-tabs{gap:5px;flex-wrap:nowrap;margin-bottom:14px;padding-bottom:12px}.feed-tabs button{font-size:10px;min-height:44px;padding:7px 6px;flex:1;justify-content:center;gap:5px}.feed-tabs button span{font-size:10px;min-width:17px;padding:3px}.feed-filters{grid-template-columns:1fr 1fr;gap:13px 10px}.feed-filters label{font-size:11px}.feed-filters select,.feed-filters input{font-size:13px;min-height:44px}.feed-filters .feed-search{grid-column:1/-1}.feed-filters input{font-size:16px}.feed-resultbar{font-size:11px}.feed-resultbar button{min-height:40px;font-size:11px}.feed-demo-body{padding:13px;gap:17px}.feed-list{max-height:700px;padding-right:5px;border-radius:12px}.feed-review{padding:17px 14px;border-radius:12px}.feed-review.has-concern{padding-left:12px}.feed-review-head{gap:8px}.feed-avatar{width:29px;height:29px;flex-basis:29px;font-size:10px}.feed-review-author>b{font-size:12px}.feed-review-author>small{font-size:9px}.feed-stars{font-size:12px;letter-spacing:0}.feed-review-source{font-size:10px;gap:5px}.feed-review-text{font-size:14px;line-height:1.85}.feed-review-tags{gap:7px}.feed-review-tags button{font-size:11px;min-height:36px;padding:8px 10px}.feed-review-actions{gap:8px;flex-wrap:wrap}.feed-review-actions>button{font-size:11px;min-height:44px;padding:8px}.feed-review-photo{font-size:11px}.feed-draft{padding:12px}.feed-draft textarea{font-size:16px;line-height:1.65;min-height:175px;padding:10px}.feed-draft>div{align-items:stretch;flex-direction:column;gap:10px}.feed-draft small{font-size:11px}.feed-draft button{font-size:12px;min-height:44px}.feed-summary{grid-template-columns:1fr}.feed-ratings{display:grid;grid-template-columns:1fr 1fr;gap:5px 20px;padding:20px}.feed-ratings h3,.feed-ratings>p,.feed-summary-total{grid-column:1}.feed-ratings>p{margin-bottom:0}.feed-ratings h3{font-size:13px}.feed-ratings #feedDistribution{grid-column:2;grid-row:1/4}.feed-summary-total{margin-top:7px;padding-top:13px;gap:8px}.feed-summary-total b{font-size:28px}.feed-summary-total span{font-size:10px}.feed-rating-row{margin:8px 0}.feed-telegram{grid-template-columns:1fr 1fr;padding:18px;gap:10px 16px}.feed-tg-heading{align-items:flex-start;gap:8px}.feed-tg-heading b{font-size:12px}.feed-tg-heading>span{width:25px;height:25px}.feed-tg-heading svg{width:16px;height:16px}.feed-telegram>p{font-size:12px}.feed-message{padding:11px}.feed-message>button{font-size:10px;min-height:44px;line-height:1.6}.feed-demo-footer{padding:18px 16px}.feed-demo-footer>span{font-size:11px}.feed-demo-footer .btn{width:100%;font-size:12px;min-height:46px;padding:0 12px}.source-directory summary{padding:20px 17px;flex-direction:column;gap:14px;align-items:flex-start}.source-directory summary b{font-size:14px;line-height:1.6}.source-directory summary div>span{font-size:12px}.source-directory-action{font-size:12px;justify-content:space-between;width:100%}.source-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:0 16px 19px}.source-directory-grid>div{padding:12px 8px;gap:7px}.source-directory-grid b{font-size:10px;overflow-wrap:anywhere}.source-directory-grid small{font-size:9px}.source-directory>p{padding:15px 17px;font-size:11px}.feed-photo-dialog{padding:20px 16px}.feed-photo-dialog>h2{font-size:14px;line-height:1.6}.feed-photo-dialog p{font-size:11px}}
@media(max-width:370px){.hero-copy h1{font-size:34px}.hero .platform-label{font-size:9px}.feed-demo-header>div{gap:8px}.feed-app-icon{display:none}.feed-tabs button{font-size:9px;gap:4px;padding:6px 4px}.feed-stars{font-size:11px}.feed-telegram{grid-template-columns:1fr}.feed-message{grid-column:1;grid-row:auto}.feed-tg-heading,.feed-telegram>p{grid-column:1}.feed-tg-heading b br{display:none}.feed-ratings{gap:5px 13px}.feed-filters select{font-size:12px}}
/* Keep the first review close to the section heading on small screens. */
@media(max-width:700px){.feed-section{padding-top:50px}.feed-section .section-heading{margin-bottom:23px;gap:17px}.feed-benefits{display:none}.feed-demo-header{padding:14px}.feed-demo-header small{margin-top:3px}.feed-toolbar{padding-top:12px}.feed-tabs{margin-bottom:12px;padding-bottom:11px}.feed-filters{gap:10px}.feed-resultbar{min-height:39px}}

/* Short product labels, with the rollout state next to team access. */
.capability-badges{display:flex;flex-wrap:wrap;gap:10px;margin:-15px 0 27px}
.capability-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cap-line);background:var(--cap-bg);color:var(--cap-text);padding:9px 13px;border-radius:9px;font-size:12px;line-height:1.4;white-space:nowrap}
.is-branches{--cap-bg:#edf3ff;--cap-line:#dce6ff;--cap-text:#3d60a5}
.is-team{--cap-bg:#eff7f3;--cap-line:#dceee3;--cap-text:#376953}
.is-history{--cap-bg:#f3f0fb;--cap-line:#e8e0f5;--cap-text:#755799}
.is-complaint{--cap-bg:#fcf4e9;--cap-line:#f2e5cf;--cap-text:#876029}
.capability-badge svg{width:16px;height:16px;flex-shrink:0}
.capability-badge small,.capability-soon{font:600 9px/1.5 Inter;background:#fff9;color:#647769;border:1px solid #cfdfd5;padding:1px 6px;border-radius:5px;white-space:nowrap}
.under-app.team-capabilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:26px}
.capability-card{border:1px solid #e4eaf4;border-radius:17px;background:#fff;padding:23px 19px;min-width:0}
.capability-icon{width:36px;height:36px;background:var(--cap-bg);color:var(--cap-text);border:1px solid var(--cap-line);border-radius:10px;display:grid;place-items:center;margin-bottom:18px}
.capability-icon svg{width:20px;height:20px}
.capability-card h3{font:650 16px/1.5 Manrope;letter-spacing:-.3px;margin:0 0 10px}
.capability-card h3 .capability-soon{display:inline-block;vertical-align:middle;margin-left:6px;letter-spacing:0}
.capability-card p{font-size:13px;line-height:1.85;color:#62738b}
.capability-note{display:block;margin-top:13px;font-size:11px;line-height:1.7;color:#738197}
@media(max-width:1000px){.under-app.team-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.capability-badges{gap:8px;margin:-7px 0 23px}.capability-badge{padding:8px 10px;font-size:11px;gap:7px}.capability-badge svg{width:15px;height:15px}.under-app.team-capabilities{grid-template-columns:1fr;gap:12px;margin-top:20px}.capability-card{padding:21px;display:grid;grid-template-columns:36px minmax(0,1fr);gap:0 14px;align-items:start}.capability-icon{grid-row:1/4;margin:0}.capability-card h3{font-size:16px;grid-column:2;margin-bottom:8px}.capability-card p,.capability-note{grid-column:2}.capability-card p{font-size:14px}.capability-note{font-size:12px;margin-top:10px}}
