/* Shared, self-contained phone demo. Its actions never send network requests. */
.manager-phone-demo{width:268px;max-width:100%;color:#f1eee7;font-family:var(--sans,inherit)}
.manager-phone{position:relative;display:flex;flex-direction:column;height:548px;width:100%;border:5px solid #151019;border-radius:36px;overflow:hidden;background:#1c1622;box-shadow:0 26px 50px #1009194a,0 0 0 1px #a28ba965;isolation:isolate}
.phone-hardware{height:34px;flex:none;position:relative;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:9px;font-weight:500;color:#ece2f0;background:#211a29}.phone-hardware>i{display:block;position:absolute;width:76px;height:19px;background:#100c14;border-radius:0 0 13px 13px;top:0;left:50%;transform:translateX(-50%)}.phone-battery{width:15px;height:7px;border:1px solid #bca7c7;border-radius:2px;position:relative}.phone-battery:before{content:'';position:absolute;inset:1px;background:#e5d9eb}.phone-battery:after{content:'';position:absolute;right:-3px;top:1px;width:1px;height:3px;background:#bca7c7}
.phone-app-header{display:flex;align-items:center;justify-content:space-between;padding:13px 14px 15px;background:#49364f;gap:14px;flex:none;border-bottom:1px solid #ffffff12}.phone-app-header img{width:113px;height:auto;max-height:30px;object-fit:contain;object-position:left}.phone-app-header>span{font-size:8px;color:#dbcde2;white-space:nowrap}
.phone-screen{padding:16px 13px 8px;flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#796485 transparent;min-height:0}.phone-screen [role=tabpanel][hidden]{display:none}.phone-view-title small{font:6px/1.5 var(--mono);letter-spacing:.06em;color:#b49dc2}.joint-page .phone-view-title h3{font-size:24px;line-height:1.15;letter-spacing:-.035em;margin:5px 0 10px;color:#f1eee7;font-weight:500}.phone-post{border:1px solid #ffffff13;border-radius:7px;overflow:hidden;background:#2d2335}.phone-post-top{display:flex;align-items:center;padding:9px 8px;gap:6px}.phone-avatar{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#cdb7d9;color:#302337;font-size:9px;font-weight:600;flex:none}.phone-post-top>div{display:flex;flex-direction:column;gap:3px}.phone-post-top b{font-size:8px;font-weight:500}.phone-post-top small{font-size:6px;color:#c0accb}.phone-post-top>span:last-child{margin-left:auto;padding:3px 4px;background:#cdaee624;color:#d8bce5;border-radius:3px;font-size:5.5px;white-space:nowrap}.phone-post-top>span[data-state=approved]{background:#d1e3d522;color:#c4e5cb}.phone-post-top>span[data-state=change]{background:#e0bd7622;color:#e4cc96}.phone-post>img{display:block;width:100%;height:96px;object-fit:cover}.phone-post-copy{padding:11px}.joint-page .phone-screen h4{font-size:12px;letter-spacing:-.02em;line-height:1.4;margin:0 0 7px;font-weight:500;color:#eee1f3}.phone-post-copy p{font-size:9px;line-height:1.65;color:#c8b4d2;margin:0}.phone-approval{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:12px}.phone-approval button{font:inherit;font-size:8px;padding:10px 5px;display:flex;align-items:center;justify-content:center;gap:4px;background:transparent;border:1px solid #7e658d;border-radius:5px;color:#e6d7ee;cursor:pointer}.phone-approval button:first-child{background:#d5c0df;color:#302337;border-color:#d5c0df}.phone-approval button:disabled{opacity:.55;cursor:default}.phone-approval svg{width:12px;height:12px}.phone-action-message{font-size:7px;line-height:1.6;color:#bca5c9;margin:9px 0 0;min-height:0}.phone-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:9px 5px 4px;background:#35263f;border-top:1px solid #ffffff14;flex:none}.phone-tabs button{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;font:inherit;font-size:6.5px;background:none;border:0;border-radius:5px;color:#c1aace;padding:7px 1px;cursor:pointer;min-width:0}.phone-tabs svg{width:17px;height:17px}.phone-tabs button[aria-selected=true]{background:#f1eee7;color:#302337}.phone-home-bar{height:17px;background:#35263f;position:relative;flex:none}.phone-home-bar:after{content:'';display:block;width:83px;height:3px;background:#d5bfdf66;border-radius:3px;margin:9px auto 0}.phone-demo-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:8px;color:#bca5c7;margin:17px 3px 0;line-height:1.5}.phone-demo-caption>button{font:inherit;color:inherit;font-size:8px;padding:0;background:none;border:0;border-bottom:1px solid #bca5c766;cursor:pointer}.manager-phone-demo button:focus-visible{outline:2px solid #cda7df;outline-offset:3px}.manager-phone-demo svg{width:18px;height:18px;flex:none}.manager-phone-demo .phone-tabs svg{width:17px;height:17px}.manager-phone-demo .phone-approval svg{width:12px;height:12px}
.phone-metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.phone-metrics>div{background:#2d2335;padding:12px;border-radius:6px;border:1px solid #ffffff09;display:flex;flex-direction:column;gap:10px}.phone-metrics span{font-size:8px;color:#c1aace}.phone-metrics b{font-size:24px;font-weight:400}.phone-chart-card{background:#2d2335;padding:13px 10px;border-radius:6px;margin-top:10px;border:1px solid #ffffff09}.phone-chart-card>small{font-size:6px;color:#b49dc2;display:block;margin-top:8px}.manager-phone-demo .phone-chart{height:110px;width:100%;display:block}.phone-info-list{display:grid;gap:0;margin-top:12px}.phone-info-list>span{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff12;padding:13px 0;color:#cbb6d6;font-size:8px}.phone-info-list svg{width:10px;height:10px}.phone-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 0 14px}.phone-week>span{font-size:8px;text-align:center;border:1px solid #ffffff16;padding:9px 0;border-radius:4px;color:#baa0c8}.phone-week .selected{background:#d2b9de;color:#302337;border-color:#d2b9de}.phone-plan-card{padding:13px 12px;background:#302438;border-left:2px solid #c4a0d4;border-radius:4px;margin-bottom:10px}.phone-plan-card small{font-size:6px;color:#bda1cc;letter-spacing:.06em}.joint-page .phone-plan-card h4{font-size:13px;margin:9px 0 5px}.phone-plan-card p{font-size:8px;color:#cbb6d6;margin:0 0 8px}.phone-plan-card>span{font-size:7px;padding:3px 5px;color:#cfbad9;background:#dab6ef16;border-radius:3px}.phone-bank{display:flex;flex-direction:column;gap:10px;border:1px dashed #ac8dba55;border-radius:5px;padding:12px;margin-top:15px}.phone-bank>span{font-size:9px;color:#d5c4de}.phone-bank>b{font-size:8px;color:#ab91b8;font-weight:400;display:flex;align-items:center;justify-content:space-between}.phone-bank svg{width:11px;height:11px}.phone-logo{background:#49364f;padding:27px 17px 14px;text-align:center;border-radius:5px;display:flex;flex-direction:column;gap:22px}.phone-logo img{width:90%;height:auto;max-height:42px;object-fit:contain;align-self:center}.phone-logo>span{color:#c5afcf;font-size:8px}.phone-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:13px 0}.phone-palette i{display:block;height:36px;background:var(--phone-color);border-radius:3px;border:1px solid #ffffff15}.phone-identity-files>div{display:flex;align-items:center;gap:12px;padding:15px 2px;border-bottom:1px solid #ffffff16;color:#c7b2d2}.phone-identity-files b{font-weight:500;font-size:24px;letter-spacing:-.06em;min-width:25px;line-height:1}.phone-identity-files span{font-size:9px}.phone-identity-files svg{width:23px;height:23px}
.home-manager{scroll-margin-top:80px;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:8vw;padding:60px 8vw;background:radial-gradient(ellipse at 95% 50%,#584362 0,transparent 65%),#302337;color:#f1eee7}.home-manager-copy{max-width:540px}.home-manager-logo{width:185px;height:auto;margin:0 0 30px}.joint-page .home-manager h2{font-size:clamp(39px,4.5vw,65px);line-height:1.05;letter-spacing:-.055em;margin:0 0 24px;color:#f1eee7}.home-manager-copy>p{font-size:17px;line-height:1.7;color:#d4c4dc;max-width:435px;margin:0 0 24px}.home-manager-copy ul{list-style:none;padding:0;margin:0 0 30px;display:flex;flex-direction:column;gap:12px}.home-manager-copy li{display:flex;align-items:center;gap:10px;font-size:12px;color:#c6afd0}.home-manager-copy li svg{width:14px;height:14px;flex:none}.home-manager-link{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;padding:16px 22px;background:#f1eee7;color:#302337;font-size:14px;text-decoration:none;border:1px solid #f1eee7}.home-manager-link:hover{background:#dac8e2;border-color:#dac8e2}.home-manager-link svg{width:16px;height:16px;flex:none}.home-manager-link:focus-visible{outline:2px solid #cfb4d9;outline-offset:5px}.home-manager-device{display:flex;justify-content:center;align-items:center;position:relative}.home-manager-device:before{content:'';position:absolute;inset:8% -2%;border:1px solid #cbb0d61a;border-radius:50%;pointer-events:none}.home-manager-device .manager-phone-demo{position:relative;z-index:1}
.manager-mobile-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10vw;padding:70px 8vw 80px;border-top:1px solid #30233733;background:#eee9ef;scroll-margin-top:90px}.manager-mobile-section>div:first-child{max-width:480px}.manager-page .manager-mobile-section h2{font-size:clamp(42px,5vw,72px);line-height:1.04;letter-spacing:-.055em;margin:25px 0}.manager-mobile-section>div>p{font-size:17px;line-height:1.75;color:#65546c;max-width:420px}.manager-mobile-section>div>a{display:inline-flex;align-items:center;gap:28px;font-size:13px;border-bottom:1px solid #30233766;padding-bottom:8px;margin-top:15px}.manager-mobile-section>div>a svg{width:15px;height:15px}.manager-mobile-section .eyebrow{color:#7e6589;font-size:10px}.manager-mobile-stage{display:flex;align-items:center;justify-content:center;padding:25px;position:relative;background:radial-gradient(ellipse at center,#cbb8d588,transparent 70%);border-radius:50%}.manager-mobile-stage .phone-demo-caption{color:#75617d}.manager-mobile-stage .phone-demo-caption>button{border-color:#75617d66}
@media(max-width:850px){.home-manager{padding:50px 4vw;gap:5vw;grid-template-columns:1.1fr 1fr}.home-manager-copy>p{font-size:16px}.joint-page .home-manager h2{font-size:42px}.manager-phone-demo{width:250px}.manager-phone{height:532px}.manager-mobile-section{padding:55px 4vw;gap:5vw}.manager-mobile-stage{padding:12px}.manager-page .manager-mobile-section h2{font-size:53px}.manager-mobile-section>div>p{font-size:16px}.manager-page main .manager-phone-demo .phone-approval svg{width:12px;height:12px}.manager-page main .manager-phone-demo .phone-tabs svg{width:17px;height:17px}.manager-page main .manager-phone-demo .phone-chart{width:100%;height:110px}}
@media(max-width:600px){.home-manager{grid-template-columns:1fr;padding:42px 22px;gap:37px}.home-manager-logo{width:165px;margin-bottom:27px}.joint-page .home-manager h2{font-size:42px;margin-bottom:23px}.home-manager-copy>p{font-size:16px;max-width:355px;margin-bottom:23px}.home-manager-copy ul{gap:10px;margin-bottom:26px}.home-manager-copy li{font-size:11px}.home-manager-link{font-size:13px;padding:15px 19px}.home-manager-device{padding:0 8px}.home-manager-device:before{inset:7% -7px}.manager-phone-demo{width:268px}.manager-phone{height:548px}.manager-mobile-section{grid-template-columns:1fr;padding:45px 22px;gap:25px}.manager-page .manager-mobile-section h2{font-size:49px;margin:22px 0}.manager-mobile-section>div>p{font-size:16px}.manager-mobile-section>div>a{font-size:12px}.manager-mobile-stage{padding:15px 0}.phone-demo-caption{font-size:8px}.manager-mobile-section .eyebrow{font-size:9px}}
/* A complete, local-only create → approve → publish example. */
.phone-screen [hidden]{display:none!important}.phone-view-title h3{display:flex;align-items:center;justify-content:space-between}.phone-view-title h3>button{font:inherit;font-size:8px;border:1px solid #a68bb6;border-radius:4px;background:transparent;color:#e6d7ee;padding:6px;cursor:pointer}.phone-flow-button{display:block;width:100%;font:inherit;font-size:9px;padding:11px 7px;border:0;border-radius:5px;background:#d5c0df;color:#302337;cursor:pointer;text-align:center}.phone-flow-button:disabled{opacity:.65;cursor:default}.phone-bank button{font:inherit;font-size:9px;color:#dbc5e6;border:0;background:none;padding:4px 0;text-align:left;cursor:pointer}.phone-inline-link{font:inherit;font-size:8px;color:#f1eee7;border:0;border-bottom:1px solid #c5acd4;background:none;padding:3px 0;cursor:pointer}.phone-composer{display:grid;gap:13px}.phone-composer label{display:grid;gap:7px;font-size:9px;color:#d9c6e3}.phone-composer select,.phone-composer textarea{width:100%;box-sizing:border-box;background:#302438;color:#f1eee7;border:1px solid #80658e;border-radius:5px;padding:9px;font:inherit;font-size:10px;line-height:1.5}.phone-composer textarea{resize:none}.phone-composer>p{font-size:8px;color:#bea5cc;line-height:1.7;margin:0}.phone-composer-cancel{font:inherit;font-size:9px;color:#cab2d6;background:none;border:0;padding:4px;cursor:pointer}
.phone-composer [data-phone-compose-media],.phone-composer [data-phone-compose-text]{display:grid;gap:12px}.phone-media-picker{margin:0;padding:0;border:0;min-width:0}.phone-media-picker legend{font-size:9px;color:#d9c6e3;margin-bottom:8px}.phone-media-picker>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}.phone-media-picker button{border:1px solid #80658e;border-radius:5px;background:#302438;color:#e6d7ee;padding:4px;cursor:pointer;font:inherit;font-size:8px}.phone-media-picker button[aria-pressed=true]{border:2px solid #dcc4e7;padding:3px}.phone-media-picker button:disabled{opacity:.3;cursor:default}.phone-media-picker img{width:100%;height:49px;object-fit:cover;border-radius:2px;display:block;margin-bottom:5px}.phone-upload input{width:100%;font-size:7px}.phone-composer [data-phone-media-note],.phone-composer [data-phone-compose-summary]{font-size:7px;line-height:1.6;color:#bca5c9;margin:0}.phone-post>video{display:block;width:100%;height:96px;object-fit:contain;background:#100c14}