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