
.psst{--st-ink:#192126;--st-muted:#68737e;--st-blue:#3568e8;color:var(--st-ink);background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.psst *{box-sizing:border-box}
.psst [hidden]{display:none!important}
.psst a{text-decoration:none}
.psst-hero{text-align:center;max-width:1050px;margin:auto;padding:86px 24px 52px}
.psst-label{font-size:14px;font-weight:650;color:#52647c;margin:0 0 22px}
.psst h1{font-size:clamp(38px,5.1vw,70px);font-weight:650;letter-spacing:-.06em;line-height:1.08;margin:0}
.psst h1 span{color:#687b95}
.psst-lead{max-width:710px;margin:25px auto 29px;color:var(--st-muted);font-size:18px;line-height:1.75}
.psst-cta{display:inline-flex;padding:15px 24px;background:#202c37;color:white;border-radius:8px;font-size:14px;font-weight:650}
.psst-cta:hover{background:#3568e8}
.psst-showcase{max-width:1280px;margin:0 auto;padding:38px;background:#eaf0fb;border-radius:12px}
.psst-window{display:grid;grid-template-columns:218px minmax(0,1fr);background:#fff;border:1px solid #dce2ec;border-radius:12px;overflow:hidden;box-shadow:0 22px 55px #2b467015}
.psst-sidebar{background:#fbfcfe;padding:27px 16px;display:flex;flex-direction:column;border-right:1px solid #e9edf3}
.psst-brand{font-size:25px;color:#1c2a37;font-weight:750;letter-spacing:-1px;padding:0 10px}
.psst-brand span{display:block;font-size:10px;letter-spacing:3px;font-weight:550}
.psst-community{display:flex;gap:9px;align-items:center;margin:38px 0 27px;font-size:11px;font-weight:700}
.psst-community>b{display:grid;place-items:center;width:34px;height:38px;border-radius:8px;background:#dde8ff;color:#395eaa;font-size:19px}
.psst-community small{display:block;font-size:9px;color:#7c8794;font-weight:450;margin-top:5px}
.psst-tabs{display:grid;gap:7px}
.psst-tabs button{display:flex;align-items:center;gap:10px;background:transparent;color:#65707e;border:0;padding:13px 11px;text-align:left;font:550 12px 'Prosper Manrope',Arial;cursor:pointer;border-radius:8px}
.psst-tabs svg{width:18px;height:18px;flex-shrink:0}
.psst-tabs button[aria-selected="true"]{background:#eaf0fc;color:#315cca}
.psst-sidebar-foot{margin-top:auto;padding:60px 10px 8px;color:#89929b;font-size:10px;line-height:1.7}
.psst-screen{padding:0 28px 26px;min-width:0;min-height:625px;background:#fcfdff}
.psst-toolbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e9edf3;padding:17px 0;color:#7a8592;font-size:10px}
.psst-owner{display:grid;place-items:center;width:27px;height:27px;background:#eee5da;border-radius:50%;color:#756249}
.psst-screen-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 22px;gap:12px}
.psst-screen-heading p{font-size:10px;color:#85909c;margin:0 0 7px}
.psst-screen-heading h2{font-size:25px;letter-spacing:-1px;margin:0;font-weight:650}
.psst-published,.psst-pending,.psst-period{display:inline-block;padding:6px 9px;border-radius:5px;font-size:10px;white-space:nowrap}
.psst-published{background:#eaf6ee;color:#437052}
.psst-pending{background:#fff4df;color:#9b722e}
.psst-period{background:#edf1f8;color:#5c6c80}
.psst-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}
.psst-metrics article{padding:17px;background:white;border:1px solid #e6ebf1;border-radius:8px}
.psst-metrics article>span{font-size:10px;color:#6a7784}
.psst-metrics strong{display:block;font-size:32px;line-height:1.3;letter-spacing:-1px;margin:8px 0 5px}
.psst-metrics small{font-size:9px;color:#8a95a1;display:block}
.psst-metrics-two{grid-template-columns:1fr 1fr;margin-top:20px}
.psst-panel{background:#fff;border:1px solid #e6ebf1;border-radius:8px;padding:19px}
.psst-panel-title{display:flex;align-items:center;justify-content:space-between;gap:10px}
.psst-panel-title h3{font-size:12px;font-weight:650;margin:0}
.psst-panel-title>span{font-size:9px;color:#7d8995}
.psst-chart{height:160px;display:flex;gap:10px;margin-top:25px}
.psst-chart-grid{display:flex;flex-direction:column;justify-content:space-between;font-size:9px;color:#94a0ad;width:18px;padding-bottom:1px}
.psst-bars{display:flex;align-items:end;gap:5px;flex:1;min-width:0;background:repeating-linear-gradient(to top,#edf0f5 0,#edf0f5 1px,transparent 1px,transparent 50%)}
.psst-bars i{flex:1;height:var(--bar);background:#789bea;border-radius:3px 3px 0 0}
.psst-bars i:nth-child(3n){background:#3d6dde}
.psst-axis{display:flex;justify-content:space-between;padding-left:28px;margin-top:10px;font-size:9px;color:#94a0ad}
.psst-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
.psst-mini-grid article{display:flex;align-items:center;gap:10px;border:1px solid #e6ebf1;background:white;border-radius:8px;padding:16px}
.psst-mini-grid strong{font-size:10px}
.psst-mini-grid p{font-size:9px;color:#8995a1;margin:6px 0 0}
.psst-mini-grid article>span:last-child,.psst-mini-grid article>b{margin-left:auto;font-size:11px}
.psst-dot{width:8px;height:8px;flex-shrink:0;background:#6089e2;border-radius:50%}
.psst-dot-purple{background:#a18cc8}
.psst-member-summary{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;padding:18px 0 26px}
.psst-member-summary span{color:#8995a1}
.psst-table-wrap{overflow:auto}
.psst table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}
.psst caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.psst th{font-size:10px;color:#8995a1;font-weight:500;padding:12px 10px;background:#f2f5fa}
.psst td{padding:20px 10px;border-bottom:1px solid #edf0f5;font-size:11px}
.psst-person{display:flex;align-items:center;gap:11px}
.psst-person>b{display:grid;place-items:center;width:35px;height:35px;background:#e9e4f3;color:#7b699a;border-radius:50%;font-size:11px;flex-shrink:0}
.psst-person strong{font-size:12px}
.psst-person small{display:block;font-size:10px;color:#8995a1;margin-top:5px}
.psst-note{margin-top:25px;color:#7b8794;font-size:11px;line-height:1.8;max-width:570px}
.psst-section{max-width:1230px;margin:0 auto;padding:110px 24px 0}
.psst-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}
.psst-heading h2,.psst-switch-section h2,.psst-faq>h2{font-size:clamp(30px,3.5vw,46px);letter-spacing:-.05em;font-weight:650;line-height:1.15;margin:0}
.psst-heading>p{max-width:340px;font-size:16px;color:var(--st-muted);line-height:1.8;margin:0}
.psst-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.psst-feature{background:#f5f6f8;border-radius:12px;padding:32px 27px 0;min-height:465px;overflow:hidden}
.psst-feature h3{font-size:26px;line-height:1.2;letter-spacing:-.045em;margin:0 0 18px;font-weight:650}
.psst-feature>p{font-size:14px;line-height:1.8;color:var(--st-muted);min-height:125px;margin:0}
.psst-member-art{background:white;margin:30px -8px -20px 10px;padding:8px 23px 23px;border:1px solid #e7eaf0;border-radius:12px;transform:rotate(-3deg)}
.psst-member-art .psst-person{padding:19px 0;border-bottom:1px solid #f0f1f4}
.psst-chart-art{background:white;padding:23px;margin:35px -42px -10px 0;border-radius:12px;border:1px solid #e7eaf0}
.psst-chart-art>span{font-size:11px;font-weight:650}
.psst-chart-art .psst-chart{height:130px}
.psst-event-art{position:relative;background:#e5eafb;border:1px solid #dce3f3;border-radius:12px;margin:30px -5px -18px 5px;padding:25px}
.psst-calendar{position:absolute;right:20px;top:23px;background:white;border-radius:8px;text-align:center;padding:9px 12px}
.psst-calendar strong{display:block;font-size:24px;letter-spacing:-1px}
.psst-calendar span{font-size:8px}
.psst-event-art h4{font-size:19px;line-height:1.3;margin:5px 65px 16px 0;letter-spacing:-.5px}
.psst-event-art p{font-size:10px;color:#7080a5}
.psst-art-avatars{display:flex;margin-top:24px}
.psst-art-avatars b{display:grid;place-items:center;background:#fff;border:3px solid #e5eafb;width:34px;height:34px;border-radius:50%;margin-left:-5px;font-size:9px;color:#7c699a}
.psst-switch-section{max-width:1182px;margin:100px auto 0;background:#eff3fb;border-radius:12px;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.psst-switch-section p{font-size:15px;line-height:1.85;color:var(--st-muted);margin:24px 0}
.psst-text-link{font-size:14px;color:#315cca;font-weight:650}
.psst-switch-art{padding:10px;background:#fff;border-radius:12px;border:1px solid #e0e6f1;box-shadow:0 12px 32px #4262930a}
.psst-switch-art>div{display:flex;align-items:center;gap:13px;padding:18px 12px}
.psst-switch-art>div:first-child{background:#f0f4fc;border-radius:8px}
.psst-switch-art strong{font-size:12px}
.psst-switch-art small{display:block;font-size:10px;color:#8692a0;margin-top:5px}
.psst-switch-art b{display:grid;place-items:center;width:40px;height:42px;border-radius:8px;flex-shrink:0}
.psst-tile-blue{background:#dce7ff;color:#5470ae}.psst-tile-purple{background:#ece5f6;color:#8a71a7}.psst-tile-sand{background:#f4ecdd;color:#a48857}
.psst-selected{font-size:8px;color:#5470ae;margin-left:auto}
.psst-faq{max-width:900px;padding-bottom:100px}
.psst-faq>h2{margin-bottom:35px}
.psst-faq details{border-bottom:1px solid #e6e9ee;padding:22px 0}
.psst-faq summary{font-size:16px;font-weight:600;cursor:pointer;line-height:1.5}
.psst-faq details p{color:var(--st-muted);font-size:14px;line-height:1.9;max-width:740px}
.psst :focus-visible{outline:3px solid #789bea;outline-offset:4px}
.psst .space-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1000px){
.psst-showcase{margin:0 20px;padding:20px}
.psst-window{grid-template-columns:180px minmax(0,1fr)}
.psst-screen{padding:0 18px 20px}
.psst-feature{padding:25px 20px 0}.psst-feature h3{font-size:22px}
.psst-switch-section{margin:75px 24px 0;padding:35px;gap:35px}
.psst-selected{display:none}
}
@media(max-width:760px){
.psst-hero{padding-top:55px}.psst-lead{font-size:16px}
.psst-showcase{padding:10px;margin:0 12px;border-radius:12px}
.psst-window{display:block}.psst-sidebar{padding:13px;border-right:0;border-bottom:1px solid #e9edf3}
.psst-brand,.psst-community,.psst-sidebar-foot{display:none}
.psst-tabs{display:flex;gap:4px;overflow:auto}.psst-tabs button{white-space:nowrap;font-size:10px;padding:10px 8px}.psst-tabs svg{width:15px;height:15px}
.psst-screen{padding:0 14px 20px;min-height:590px}
.psst-screen-heading h2{font-size:22px}.psst-metrics{gap:7px}.psst-metrics article{padding:12px 9px}
.psst-metrics article>span{font-size:9px}.psst-metrics strong{font-size:27px}.psst-metrics small{font-size:8px}
.psst-bars{gap:3px}.psst-mini-grid{grid-template-columns:1fr}.psst-mini-grid article{padding:12px}
.psst-section{padding-top:70px}.psst-heading{display:block}.psst-heading>p{margin-top:20px}
.psst-feature-grid{grid-template-columns:1fr}.psst-feature{min-height:0;padding:30px 27px 0}
.psst-feature>p{min-height:0}.psst-member-art,.psst-chart-art,.psst-event-art{max-width:370px;margin-top:28px}
.psst-switch-section{grid-template-columns:1fr;padding:28px;margin:60px 20px 0;gap:25px}
.psst-faq{padding-bottom:65px}
}
