
.pscustom{color:#182523;background:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif}
.pscustom *{box-sizing:border-box}.pscustom a{text-decoration:none}
.pscustom-hero{text-align:center;padding:80px 24px 35px;max-width:960px;margin:auto}
.pscustom-hero>p{font-size:14px;color:#667d76;margin:0 0 24px;font-weight:650}
.pscustom h1{font-size:clamp(42px,5.8vw,78px);font-weight:650;line-height:1.06;letter-spacing:-.06em;margin:0}
.pscustom-hero>div{font-size:18px;line-height:1.8;color:#6b7773;max-width:660px;margin:27px auto}
.pscustom-cta{display:inline-flex;padding:15px 24px;background:#203c34;color:white;border-radius:8px;font-size:14px;font-weight:650}
.pscustom-nav{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:20px 15px 35px}
.pscustom-nav a{padding:12px 20px;color:#526c63;font-size:14px;font-weight:600;border-radius:16px;background:#f3f7f5}
.pscustom-nav a:hover{background:#d9eee8}
.pscustom-stage{--accent:#087e70;--deep:#073d34;--wash:#dcf2ed;max-width:1260px;margin:auto;background:#e2f4ef;border-radius:16px;overflow:hidden;padding:28px 35px 0;scroll-margin-top:110px}
.pscustom-controls{display:flex;justify-content:center;align-items:center;gap:22px;margin-bottom:22px;font-size:12px;color:#456e63}
.pscustom-controls>div{display:flex;gap:10px}
.pscustom-controls button{width:29px;height:29px;border:3px solid transparent;border-radius:50%;background:var(--swatch);background-clip:padding-box;cursor:pointer;padding:0}
.pscustom-controls button[aria-pressed="true"]{outline:1px solid #52786e;outline-offset:3px}
.pscustom-stack{position:relative;height:660px}
.pscustom-back-window,.pscustom-middle-window,.pscustom-front-window{position:absolute;background:white;border:1px solid #dce6e2;border-radius:12px 12px 0 0;overflow:hidden;box-shadow:0 15px 35px #13362b0a}
.pscustom-back-window{top:20px;left:0;width:91%;height:590px}
.pscustom-window-bar{display:flex;justify-content:space-between;gap:15px;padding:22px;border-bottom:1px solid #e8efeb;font-size:12px;color:#7a8e86}
.pscustom-window-bar strong{color:#3d554c}
.pscustom-directory{padding:20px;width:220px}
.pscustom-directory>div{display:flex;align-items:center;gap:12px;margin:22px 0}
.pscustom-directory b,.pscustom-discussion>b{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#e9e3ed;color:#867096;font-size:9px;flex-shrink:0}
.pscustom-directory span{font-size:11px;font-weight:600}
.pscustom-directory small{display:block;font-size:9px;color:#94a29b;margin-top:5px}
.pscustom-middle-window{top:135px;left:15%;width:91%;height:540px}
.pscustom-colored-bar{display:flex;align-items:center;gap:15px;padding:18px 24px;background:var(--deep);color:white;min-height:65px}
.pscustom-colored-bar>b{display:grid;place-items:center;width:28px;height:28px;border:1px solid #ffffff50;border-radius:8px;font-size:22px;letter-spacing:-2px;padding-right:3px}
.pscustom-colored-bar strong{font-size:13px;font-weight:600}
.pscustom-colored-bar>span{font-size:10px;color:#ffffffb3;margin-left:auto}
.pscustom-resource-body{padding:30px}
.pscustom-resource-body h3{font-size:23px;letter-spacing:-.7px;margin:0 0 25px}
.pscustom-resource-body>div{display:flex;gap:20px}
.pscustom-resource-body article{background:var(--wash);padding:25px;min-width:230px;border-radius:8px}
.pscustom-resource-body article>span{font-size:8px;color:#617b70}
.pscustom-resource-body article b{display:block;font-size:20px;line-height:1.3;margin-top:17px;font-weight:550}
.pscustom-front-window{top:255px;left:31%;width:81%;height:510px}
.pscustom-app-body{display:grid;grid-template-columns:160px minmax(0,1fr)}
.pscustom-app-body aside{background:var(--deep);color:#ffffffb3;padding:15px 12px;display:flex;flex-direction:column;gap:13px;font-size:10px}
.pscustom-app-body aside small{font-size:7px;letter-spacing:1px;color:#ffffff80;margin:13px 8px 0}
.pscustom-app-body aside>span{padding:0 8px}
.pscustom-app-body aside .pscustom-current{padding:9px 8px;background:#ffffff20;border-radius:5px;color:white}
.pscustom-app-content{background:#f8faf9;padding:23px;min-width:0}
.pscustom-community-cover{background:var(--accent);border-radius:8px;color:white;padding:26px}
.pscustom-community-cover>span{font-size:7px;letter-spacing:1.5px;color:#ffffffc7}
.pscustom-community-cover h2{font-size:29px;line-height:1.12;letter-spacing:-1px;margin:18px 0;font-weight:600}
.pscustom-community-cover p{font-size:10px;line-height:1.8;color:#ffffffcc}
.pscustom-discussion{display:flex;gap:11px;border:1px solid #e7ede9;border-radius:8px;padding:17px;margin-top:15px;background:white}
.pscustom-discussion strong{font-size:10px;font-weight:650}
.pscustom-discussion p{font-size:10px;line-height:1.8;color:#809086;margin:8px 0}
.pscustom-discussion span{font-size:9px;color:var(--accent)}
.pscustom-section{max-width:1230px;margin:auto;padding:100px 24px 0;scroll-margin-top:90px}
.pscustom-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:40px}
.pscustom-section h2,.pscustom-welcome h2{font-size:clamp(31px,3.5vw,46px);line-height:1.15;letter-spacing:-.05em;margin:0;font-weight:650}
.pscustom-heading>p{max-width:360px;font-size:15px;line-height:1.9;color:#758078;margin:0}
.pscustom-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.pscustom-cards>article{background:#f5f7f6;padding:30px 26px 0;border-radius:12px;overflow:hidden}
.pscustom-cards h3{font-size:26px;font-weight:600;line-height:1.2;letter-spacing:-.04em;margin:0 0 18px}
.pscustom-cards>article>p{font-size:14px;line-height:1.85;color:#758078;margin:0;min-height:130px}
.pscustom-color-art{margin:25px -6px -15px 0;background:white;border:1px solid #e2e9e5;border-radius:8px;padding:26px}
.pscustom-color-art i{display:inline-block;width:29px;height:29px;background:#087e70;border-radius:50%;margin-right:8px}
.pscustom-color-art i:nth-child(2){background:#365fbd}.pscustom-color-art i:nth-child(3){background:#7955a3}.pscustom-color-art i:nth-child(4){background:#aa724e}
.pscustom-color-art>div{font-size:22px;letter-spacing:-.7px;margin:25px 0;font-weight:550}
.pscustom-color-art>span{display:inline-block;padding:11px 16px;background:#087e70;border-radius:6px;color:white;font-size:10px}
.pscustom-background-art{display:flex;gap:13px;margin:28px -35px -15px 0;height:225px;align-items:end}
.pscustom-background-art>div{width:105px;flex-shrink:0;height:205px;background:#e5eee6;border:1px solid #d8e1da;border-radius:8px;padding:17px 12px}
.pscustom-background-art>div:nth-child(2){background:#edf0f7;height:225px;border-color:#dfe4ef}
.pscustom-background-art>div:nth-child(3){background:#f3eee7;border-color:#e7dfd4}
.pscustom-background-art span{display:block;width:24px;height:24px;background:#fff9;border-radius:50%;margin-bottom:25px}
.pscustom-background-art b{display:block;height:45px;background:#ffffffbd;border-radius:5px;margin-bottom:10px}
.pscustom-preview-art{background:white;border:1px solid #e2e9e5;border-radius:8px;padding:25px;margin:25px -12px -15px 0;min-height:225px}
.pscustom-preview-art>span{font-size:8px;letter-spacing:1px;color:#92a297}
.pscustom-preview-art>div{display:flex;align-items:center;gap:10px;margin:22px 0}
.pscustom-preview-art b{display:grid;place-items:center;background:#dfede6;color:#779383;width:30px;height:30px;border-radius:6px;font-size:22px}
.pscustom-preview-art strong{font-size:12px;font-weight:600}
.pscustom-preview-art p{font-size:19px;font-weight:550;letter-spacing:-.5px}
.pscustom-preview-art i{font-style:normal;font-size:9px;color:#7e9a8c}
.pscustom-welcome{max-width:1182px;margin:100px auto 0;padding:55px;background:#eff5f2;border-radius:12px;display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;scroll-margin-top:110px}
.pscustom-letter{background:white;border:1px solid #e0e8e3;border-radius:12px;padding:35px;box-shadow:0 15px 30px #203a2d08}
.pscustom-letter>span{font-size:8px;letter-spacing:1.5px;color:#8d9c92}
.pscustom-letter h3{font-size:32px;letter-spacing:-1.2px;line-height:1.15;font-weight:600;margin:25px 0}
.pscustom-letter>p{font-size:13px;line-height:1.9;color:#7c8d80}
.pscustom-letter>div{display:flex;align-items:center;gap:10px;margin-top:25px;font-size:10px;color:#8d9c92}
.pscustom-letter b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e9e2ed;color:#9982a5;font-size:9px}
.pscustom-welcome>div>p{font-size:15px;line-height:1.9;color:#78897e;margin:24px 0}
.pscustom-welcome a{font-size:14px;font-weight:650;color:#367c65}
.pscustom-faq{max-width:900px;padding-bottom:95px}
.pscustom-faq h2{margin-bottom:35px}
.pscustom-faq details{padding:22px 0;border-bottom:1px solid #e5ebe7}
.pscustom-faq summary{font-size:16px;font-weight:600;line-height:1.6;cursor:pointer}
.pscustom-faq details p{font-size:14px;line-height:1.9;color:#748278}
.pscustom :focus-visible{outline:3px solid #79b6a3;outline-offset:4px}
.pscustom .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:1200px){
.pscustom-stage{margin:0 24px;padding:25px 22px 0}
.pscustom-front-window{left:25%;width:92%}
.pscustom-welcome{margin:80px 24px 0;gap:40px;padding:35px}
}
@media(max-width:760px){
.pscustom-hero{padding-top:55px}.pscustom-hero>div{font-size:16px}
.pscustom-nav{gap:5px}.pscustom-nav a{font-size:12px;padding:11px 14px}
.pscustom-stage{margin:0 14px;padding:22px 12px 0;border-radius:12px}
.pscustom-controls{flex-direction:column;gap:15px;font-size:11px;margin-bottom:20px}
.pscustom-stack{height:590px}
.pscustom-back-window{width:96%;top:10px}
.pscustom-window-bar{font-size:9px;padding:17px}.pscustom-window-bar>span{display:none}
.pscustom-middle-window{top:95px;left:7%;width:96%}
.pscustom-front-window{top:180px;left:13%;width:96%}
.pscustom-colored-bar{padding:13px;gap:8px;min-height:53px}
.pscustom-colored-bar strong{font-size:10px}.pscustom-colored-bar>span{display:none}
.pscustom-app-body{grid-template-columns:1fr}.pscustom-app-body aside{display:none}
.pscustom-app-content{padding:13px}
.pscustom-community-cover{padding:20px}
.pscustom-community-cover h2{font-size:25px}
.pscustom-resource-body{padding:20px}.pscustom-resource-body h3{font-size:20px}
.pscustom-section{padding-top:70px}
.pscustom-heading{display:block}.pscustom-heading>p{margin-top:20px}
.pscustom-cards{grid-template-columns:1fr}.pscustom-cards>article>p{min-height:0}
.pscustom-color-art,.pscustom-preview-art,.pscustom-background-art{max-width:350px}
.pscustom-welcome{grid-template-columns:1fr;margin:65px 20px 0;padding:25px;gap:30px}
.pscustom-letter{padding:27px}.pscustom-faq{padding-bottom:70px}
}
