.jy-hero{position:relative;background:#ededf0;padding:10px 28px 28px;overflow:hidden}
.jy-hero::before,.jy-hero::after{display:none}
.jy-hero-inner.wrap{position:relative;width:100%;max-width:none;min-height:0;margin:0;border-radius:26px;background:#f7f7f8;display:flex;flex-direction:column;align-items:center;padding:70px 36px 0;overflow:hidden}
.jy-hero-copy{position:relative;width:100%;max-width:760px;text-align:center;z-index:2}
.jy-hero-kicker{margin:0 0 17px;color:#3265d8;font-size:13px;font-weight:650;letter-spacing:.03em}
.jy-hero .jy-hero-headlines{margin:0;color:#1b2640;font-size:clamp(34px,3.35vw,54px);font-weight:750;line-height:1.18;letter-spacing:-.035em}
.jy-headline{display:block;min-height:2.36em}.jy-headline[hidden]{display:none}.jy-headline em,.jy-headline>span{display:block}.jy-headline em{color:inherit;font-style:normal}
.jy-hero-description{max-width:610px;min-height:2em;margin:23px auto 0;color:#3c485f;font-size:17px;line-height:1.7}.jy-hero-description[hidden]{display:none}
.jy-hero-more{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:25px;padding:0 26px;border-radius:999px;background:#0756d2;color:#fff;font-size:15px;font-weight:700;transition:background .2s,transform .2s}.jy-hero-more:hover{color:#fff;background:#0645ad;transform:translateY(-2px)}.jy-hero-more:focus-visible,.jy-hero-pagination button:focus-visible{outline:3px solid #205be5;outline-offset:3px}
.jy-hero-pagination{display:flex;justify-content:center;gap:7px;margin-top:19px}.jy-hero-pagination button{display:grid;place-items:center;border:0;padding:0;width:22px;height:18px;background:transparent;cursor:pointer}.jy-hero-pagination button::after{content:"";width:8px;height:8px;border-radius:50%;background:#c4cbd7;transition:background .2s,transform .2s}.jy-hero-pagination button.is-current::after{background:#1859dc;transform:scale(1.14)}
.jy-showcase{position:relative;width:100%;max-width:1320px;margin:42px auto 0;display:flex;justify-content:center;align-items:flex-end;min-height:410px}
.jy-device-support{position:absolute;bottom:36px;left:0;color:#27344d}.jy-device-caption{display:block;margin-bottom:15px;color:#6c778a;font-size:12px;font-weight:650}.jy-devices{display:flex;align-items:center}.jy-device{display:flex;align-items:center;gap:10px;padding:0 25px 0 0;font-size:14px;font-weight:700;line-height:1.25}.jy-device+.jy-device{border-left:1px solid #cfd4dd;padding-left:25px}.jy-device svg{width:28px;height:28px;fill:#155ddc}.jy-device small{display:block;color:#8993a4;font-size:11px;font-weight:500;margin-top:3px}
.jy-app-frame{position:relative;width:min(790px,68%);height:430px;border:7px solid #1b2638;border-bottom:0;border-radius:22px 22px 0 0;background:#fff;overflow:hidden;box-shadow:0 16px 45px #182b4d26,0 0 0 2px #adb6c5}
.jy-app-titlebar{height:37px;display:flex;align-items:center;gap:16px;padding:0 15px;border-bottom:1px solid #e7ecf3;background:#fbfcfe;color:#69788c;font-size:11px}.jy-app-titlebar>small{margin-left:auto;color:#a4afbe;font-size:10px}.jy-window-dots{display:flex;gap:5px}.jy-window-dots i{width:7px;height:7px;border-radius:50%;background:#c6d1e1}.jy-app-body{display:flex;height:calc(100% - 37px);background:#f7f9fc}.jy-app-sidebar{position:relative;width:166px;flex:none;padding:21px 13px;background:#fff;border-right:1px solid #e9eef5}.jy-app-brand{display:flex;align-items:center;gap:9px;margin:0 4px 28px}.jy-app-brand b{font-size:25px;color:#2459d4;letter-spacing:-.09em}.jy-app-brand span{color:#263650;font-size:11px;font-weight:700;line-height:1.2}.jy-app-brand small{display:block;margin-top:4px;color:#9aa8ba;font-size:7px;letter-spacing:.03em}.jy-app-nav{padding:10px 11px;margin:4px 0;border-radius:7px;color:#8290a4;font-size:11px;font-weight:600}.jy-app-nav span{display:inline-block;width:23px;font-size:15px}.jy-app-nav.is-active{color:#2763e2;background:#edf3ff}.jy-app-sidebar-bottom{position:absolute;bottom:17px;left:20px;color:#a5b0be;font-size:9px}
.jy-app-main{flex:1;min-width:0;padding:0 25px}.jy-app-top{height:49px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ebeff5;color:#9aa8b9;font-size:10px}.jy-app-top b{padding:0 6px;font-weight:400;color:#c2cad6}.jy-app-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:#3c6fdb;background:#e3ecff;font-size:9px;font-weight:700}.jy-app-heading{display:flex;align-items:end;justify-content:space-between;margin:23px 0 18px}.jy-app-heading small{color:#91a6c5;font-size:8px;font-weight:700;letter-spacing:.1em}.jy-app-heading h2{margin:4px 0 5px;font-size:22px;line-height:1.2;color:#1e3150}.jy-app-heading p{margin:0;color:#93a2b6;font-size:10px}.jy-app-new{padding:9px 12px;border-radius:6px;background:#3569e8;color:#fff;font-size:10px;font-weight:600}.jy-app-filters{display:flex;align-items:center;justify-content:space-between;margin:0 0 10px;color:#4565a3;font-size:10px;font-weight:700}.jy-app-filters span+span{padding:7px 12px;border:1px solid #e2e9f2;border-radius:6px;background:#fff;color:#b4bdca;font-weight:400}.jy-app-table{border:1px solid #e7edf5;border-radius:8px;background:#fff;overflow:hidden}.jy-app-table-head,.jy-app-row{display:grid;grid-template-columns:2fr 1fr 1fr;align-items:center;gap:8px;padding:0 13px}.jy-app-table-head{height:31px;background:#fbfcfe;color:#a7b4c4;font-size:9px}.jy-app-row{height:53px;border-top:1px solid #eef2f7;color:#7e8ca0;font-size:9px}.jy-app-row>span:first-child{display:flex;align-items:center;gap:9px}.jy-app-row b{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#e7eeff;color:#4b76da}.jy-app-row b.violet{background:#eeeaff;color:#8c75c9}.jy-app-row b.mint{background:#e3f4ef;color:#55a890}.jy-app-row strong{color:#40536e;font-size:10px;white-space:nowrap}.jy-app-row strong small{display:block;margin-top:3px;color:#a9b5c4;font-size:8px;font-weight:400}
@media(max-width:1050px){.jy-app-frame{width:min(700px,76%)}.jy-device-support{left:0}.jy-device{gap:6px;padding-right:12px}.jy-device+.jy-device{padding-left:12px}.jy-device svg{width:22px;height:22px}}
@media(max-width:800px){.jy-hero{padding:8px 12px 16px}.jy-hero-inner.wrap{border-radius:20px;padding:52px 20px 0}.jy-hero-kicker{font-size:11px}.jy-hero .jy-hero-headlines{font-size:clamp(28px,7vw,40px)}.jy-hero-description{font-size:14px;margin-top:18px;min-height:3.4em}.jy-hero-more{margin-top:20px;min-height:44px}.jy-hero-pagination{margin-top:15px}.jy-showcase{margin-top:28px;min-height:0;flex-direction:column;align-items:center}.jy-device-support{position:static;align-self:center;margin:0 0 22px}.jy-device-caption{text-align:center;margin-bottom:10px;font-size:11px}.jy-app-frame{width:min(100%,620px);height:310px;border-width:5px;border-radius:15px 15px 0 0}.jy-app-titlebar{height:30px}.jy-app-body{height:calc(100% - 30px)}.jy-app-sidebar{width:110px;padding:14px 8px}.jy-app-brand{margin:0 2px 14px;gap:5px}.jy-app-brand b{font-size:19px}.jy-app-brand span{font-size:9px}.jy-app-brand small{font-size:6px}.jy-app-nav{padding:7px;font-size:9px}.jy-app-nav span{width:18px;font-size:11px}.jy-app-sidebar-bottom{display:none}.jy-app-main{padding:0 13px}.jy-app-top{height:36px}.jy-app-heading{margin:15px 0 12px}.jy-app-heading h2{font-size:17px}.jy-app-heading p{font-size:9px}.jy-app-table-head{height:25px}.jy-app-row{height:43px}.jy-app-row b{width:23px;height:23px}.jy-app-row strong{font-size:9px}.jy-app-row strong small{font-size:7px}}
@media(max-width:420px){.jy-hero-inner.wrap{padding-left:12px;padding-right:12px}.jy-hero .jy-hero-headlines{font-size:26px}.jy-app-sidebar{width:87px;padding:12px 5px}.jy-app-brand span{font-size:8px}.jy-app-brand small{display:none}.jy-app-nav{font-size:8px;padding:7px 4px}.jy-app-main{padding:0 9px}.jy-app-new{font-size:8px;padding:7px}.jy-app-filters span+span{font-size:8px;padding:6px}.jy-app-table-head,.jy-app-row{grid-template-columns:1.65fr 1fr 1fr;gap:4px;padding:0 7px}.jy-app-row{font-size:8px}.jy-app-row>span:first-child{gap:5px}.jy-app-row b{width:20px;height:20px}.jy-app-row strong{font-size:8px}}
@media(prefers-reduced-motion:reduce){.jy-hero-more,.jy-hero-pagination button::after{transition:none}}
/* Keep device marks clear of the product window. */
@media(min-width:1051px){.jy-device{gap:6px;padding-right:9px;font-size:12px}.jy-device+.jy-device{padding-left:9px}.jy-device svg{width:22px;height:22px}.jy-device small{font-size:10px}}
@media(min-width:801px) and (max-width:1250px){.jy-showcase{flex-direction:column;align-items:center}.jy-device-support{position:static;margin:0 0 20px}.jy-device-caption{text-align:center;margin-bottom:10px}.jy-app-frame{width:min(790px,90%)}}