.inbox-page{color:#242428;background:#fff;min-height:100svh;overflow:hidden}.inbox-hero{grid-template-columns:minmax(420px,.8fr) minmax(680px,1.2fr);align-items:center;gap:clamp(58px,6vw,112px);width:min(1180px,100% - 48px);min-height:760px;margin:58px auto 0;display:grid}.inbox-page[dir=rtl] .inbox-hero{direction:ltr}.inbox-copy{justify-items:start;gap:17px;min-width:0;display:grid}.inbox-page[dir=rtl] .inbox-copy{text-align:right;direction:rtl;justify-items:end}.inbox-copy h1{color:#242428;letter-spacing:0;margin:0;font-size:clamp(56px,4.8vw,76px);font-weight:650;line-height:1.08}.inbox-copy h1 span,.inbox-copy h1 strong{display:block}.inbox-copy h1 strong{color:#777b80;font-weight:inherit}.inbox-page[dir=rtl] .inbox-copy h1{font-family:"IRANYekanXFaNum", var(--font-latin);max-width:540px;font-size:clamp(42px,3.45vw,56px);line-height:1.2}.inbox-copy p{color:#62666d;max-width:620px;margin:0;font-size:20px;line-height:1.35}.inbox-cta-row{align-items:center;gap:14px;margin-top:12px;display:flex}.inbox-primary{color:#fff;background:#242428;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 21px;font-size:18px;font-weight:760;display:inline-flex}.inbox-cta-row small,.inbox-copy em{color:#777b83;font-size:13px;font-style:normal}.inbox-rating{color:#5d6382;align-items:center;gap:7px;font-size:13px;display:flex}.inbox-rating>span{color:#ffc400;font-size:18px;line-height:1}.inbox-rating i{background:#ff5f57;border-radius:4px;width:13px;height:13px}.inbox-rating i:nth-of-type(2){background:#25b5d4}.inbox-rating i:nth-of-type(3){background:#ff8a3c}.inbox-rating i:nth-of-type(4){background:#f15b2a}.inbox-copy em{letter-spacing:.09em;text-transform:uppercase;margin-top:132px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.inbox-preview{min-height:560px;position:relative}.inbox-rail{z-index:1;inset-inline-start:0;background:linear-gradient(#07080d 0 78%,#07080d00);border-radius:10px;align-content:start;justify-items:center;gap:18px;width:48px;height:545px;padding:18px 0;display:grid;position:absolute;top:30px}.inbox-rail b{color:#fff;border-radius:9px;place-items:center;width:34px;height:38px;font-size:9px;font-weight:700;display:grid}.inbox-rail b:first-child{background:radial-gradient(circle at 50% 20%,#ff61c8,#7b4dff 58%,#7b4dff00)}.inbox-app{inset-inline-start:48px;background:#fff;border:1px solid #eceff5;border-radius:8px;width:790px;height:575px;position:absolute;top:0;overflow:hidden;box-shadow:0 28px 72px #242a391c}.inbox-app:after{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(#fff0,#fff 82%);height:88px;position:absolute;bottom:0}.inbox-app>header{color:#7a8089;border-bottom:1px solid #eef0f5;align-items:center;gap:20px;height:34px;padding:0 16px;font-size:12px;display:flex}.inbox-app>header strong{color:#262a31;font-size:14px}.inbox-app>header b{color:#9aa0aa;margin-inline-start:auto;font-weight:600}.inbox-app nav{border-bottom:1px solid #eef0f5;grid-template-columns:180px 190px 180px 1fr;min-height:52px;display:grid}.inbox-app nav a{color:#676d76;align-content:center;padding:0 18px;font-size:14px;font-weight:700;display:grid}.inbox-app nav small{color:#9aa0aa;font-size:11px;font-weight:600}.inbox-app nav .active{color:#242428;border-bottom:2px solid #242428}.inbox-app button{color:#7a8089;font:inherit;background:#fff;border:1px solid #e4e7ee;border-radius:16px;margin:14px 0 8px 18px;padding:6px 12px;font-size:12px}.inbox-app section{padding:0 16px 8px}.inbox-app h2{color:#242832;margin:10px 0;font-size:14px;font-weight:720}.inbox-app article{color:#313640;border-top:1px solid #eef0f5;grid-template-columns:22px minmax(310px,1fr) minmax(245px,.9fr);align-items:center;min-height:39px;font-size:13px;display:grid}.inbox-app article strong{white-space:nowrap;text-overflow:ellipsis;font-weight:650;overflow:hidden}.inbox-app article p{color:#5d626b;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.dot{border:2px solid #ff7b20;border-radius:50%;width:12px;height:12px}.dot-1,.dot-7{border-color:#ffc629}.dot-2,.dot-3{background:#26b66f;border-color:#26b66f}.dot-4,.dot-9{border-color:#ff6a1a;border-radius:3px;transform:rotate(45deg)}.dot-5,.dot-6{border-color:#8d949f}.inbox-workflow{width:min(1120px,100% - 48px);margin:20px auto 150px}.inbox-page[dir=rtl] .inbox-workflow{direction:ltr}.inbox-workflow-grid{background:#fff;border:1px solid #eceef3;border-bottom:0;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.workflow-cell{border-bottom:1px solid #eceef3;min-height:350px;position:relative;overflow:hidden}.workflow-cell:nth-child(odd){border-inline-end:1px solid #eceef3}.workflow-copy{align-content:center;justify-items:start;padding:clamp(40px,6vw,76px);display:grid}.inbox-page[dir=rtl] .workflow-copy{text-align:right;direction:rtl;justify-items:end}.workflow-copy>span{color:#6f4cff;letter-spacing:.08em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:14px;font-weight:700;line-height:1}.inbox-page[dir=rtl] .workflow-copy>span{letter-spacing:0}.workflow-copy h2{color:#242428;letter-spacing:0;max-width:460px;margin:18px 0 0;font-size:clamp(36px,3.35vw,50px);font-weight:620;line-height:1.12}.inbox-page[dir=rtl] .workflow-copy h2{font-family:"IRANYekanXFaNum", var(--font-latin);line-height:1.24}.workflow-copy p{color:#646871;max-width:460px;margin:18px 0 0;font-size:19px;line-height:1.42}.workflow-copy a{color:#242428;background:#f0f1f3;border-radius:8px;align-items:center;gap:8px;width:max-content;min-height:40px;margin-top:26px;padding:0 14px;font-size:15px;font-weight:730;display:inline-flex}.workflow-visual{background:radial-gradient(circle at 70% 34%,#6f4cff12,#0000 40%),#fff}.workflow-visual:after{content:"";inset-inline:0;pointer-events:none;background:linear-gradient(#fff0,#fff 86%);height:88px;position:absolute;bottom:0}.inbox-screen{background:#fff;border:1px solid #edf0f5;border-radius:8px;display:grid;position:absolute;overflow:hidden;box-shadow:0 18px 48px #1f263412}.inbox-screen aside:first-child{background:#f6f7fa;border-inline-end:1px solid #edf0f5}.inbox-screen main{min-width:0;padding:16px}.inbox-screen header{color:#343a43;border-bottom:1px solid #eef0f5;height:32px;font-size:13px;font-weight:700}.inbox-screen header b{float:right;color:#fff;background:#6f4cff;border-radius:5px;padding:4px 8px;font-size:10px}.inbox-screen section{background:#fff;border-radius:8px;margin-top:16px}.inbox-screen strong{color:#2d333c;margin-bottom:10px;font-size:12px;display:block}.inbox-screen p,.inbox-screen li,.inbox-screen footer{color:#69707a;font-size:11px;line-height:1.55}.inbox-screen footer{background:#f8f9fb;border-radius:7px;margin-top:18px;padding:10px}.inbox-screen.compact{inset-inline-start:0;grid-template-columns:92px 1fr;width:590px;height:350px;top:0}.inbox-screen.wide{inset-inline-start:0;grid-template-columns:96px 1fr;width:590px;height:350px;top:0}.notification-list p{border-top:1px solid #f0f2f6;justify-content:space-between;margin:0;padding:10px 0;display:flex}.notification-list small{color:#a0a6af}.inbox-screen.split{inset-inline-start:0;grid-template-columns:92px 1fr 190px;width:620px;height:350px;top:0}.task-detail{background:#fff;border-inline-start:1px solid #edf0f5;padding:22px 16px}.task-detail h3{color:#242832;margin:0 0 18px;font-size:20px}.task-detail p{border-bottom:1px solid #f0f2f6;justify-content:space-between;margin:0;padding:8px 0;display:flex}.task-detail b{color:#f05a42}@media (width<=980px){.inbox-hero{grid-template-columns:1fr;min-height:auto;margin-top:70px}.inbox-page[dir=rtl] .inbox-hero{direction:rtl}.inbox-preview{transform-origin:top;min-height:590px;transform:scale(.86)}.inbox-workflow-grid{grid-template-columns:1fr}.workflow-cell:nth-child(odd){border-inline-end:0}}@media (width<=640px){.inbox-hero{width:min(100% - 28px,1180px)}.inbox-cta-row,.inbox-rating{flex-wrap:wrap}.inbox-preview{min-height:395px;transform:scale(.62)}.inbox-workflow{width:min(100% - 28px,1120px);margin-bottom:90px}.workflow-copy{padding:36px 24px}.workflow-copy h2{font-size:31px}.workflow-copy p{font-size:16px}.workflow-cell{min-height:330px}.inbox-screen{transform-origin:0 0;transform:scale(.72)}}