.parallax:has(.inbox-demo-section){overflow:clip}.inbox-demo-section{color:#eff0eb;background:#101312;position:relative}.product-demo.container-scroll--pinned{min-height:600svh;position:relative}.product-demo .container-scroll__stage{justify-content:center;align-items:center;height:100svh;min-height:540px;padding:78px 36px 34px;display:flex;position:sticky;top:0;overflow:clip}.product-demo .container-scroll__perspective{perspective:1200px;width:100%;max-width:1120px}.product-demo .container-scroll__card{width:100%;box-shadow:none;transform-origin:50%;background:0 0;border:0;margin:0 auto;padding:0}.product-demo .container-scroll__content{width:100%;overflow:visible}.product-demo__layout{--story-space:calc(var(--narrative-height,120px) + 32px);width:100%;position:relative}.inbox-phone-scene{perspective:1200px;width:100%;height:min(650px,100svh - 136px);min-height:420px;position:relative}.product-demo__narrative{z-index:3;text-align:center;pointer-events:none;width:100%;display:grid;position:absolute;top:0;left:0}.product-demo__chapter{grid-area:1/1;align-self:center}.product-demo__chapter h2{max-width:900px;font-family:var(--brand-font);letter-spacing:-.055em;text-wrap:balance;margin:0 auto;font-size:clamp(36px,4.3vw,56px);font-weight:600;line-height:1.06}.product-demo__inbox-stage{inset:var(--story-space) 0 48px;will-change:transform, opacity;justify-content:center;align-items:center;display:flex;position:absolute;container-type:inline-size}.product-demo__picked{inset:var(--story-space) 0 48px;z-index:2;pointer-events:none;place-items:center;display:grid;position:absolute}.product-demo__email{color:#202124;background:#fff;border:1px solid #dadce0;border-radius:16px;width:min(600px,100%);font-family:Arial,Helvetica,sans-serif;overflow:hidden;box-shadow:0 24px 70px #0005,0 2px 6px #0002}.product-demo__email-app{background:#f6f8fc;border-bottom:1px solid #e8eaed;align-items:center;padding:14px 24px;display:flex}.product-demo__email-app img{width:84px;height:auto;display:block}.product-demo__email-content{padding:24px 28px 30px}.product-demo__email-subject{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.product-demo__email-subject h3{letter-spacing:-.025em;margin:0;font-size:24px;font-weight:400;line-height:1.3}.product-demo__email-subject>span{color:#5f6368;background:#e8eaed;border-radius:4px;padding:2px 6px;font-size:11px;line-height:1.4}.product-demo__email-sender{align-items:center;gap:12px;margin-top:24px;display:flex}.product-demo__email-avatar{color:#3c165e;background:#d7aefb;border-radius:50%;flex:0 0 40px;place-items:center;height:40px;font-size:18px;display:grid}.product-demo__email-identity{flex:1;min-width:0}.product-demo__email-identity strong{font-size:14px;font-weight:600;line-height:1.4;display:block}.product-demo__email-identity>span{color:#5f6368;align-items:center;gap:4px;margin-top:2px;font-size:12px;line-height:1.4;display:flex}.product-demo__email-sender time{color:#5f6368;white-space:nowrap;flex-shrink:0;font-size:12px}.product-demo__email-tools{color:#5f6368;align-items:center;gap:16px;margin-left:6px;display:flex}.product-demo__email-body{color:#202124;text-wrap:pretty;margin:22px 0 0 52px;font-size:16px;line-height:1.65}@media (max-width:480px){.product-demo__email-app{padding:12px 18px}.product-demo__email-content{padding:20px 18px 24px}.product-demo__email-subject h3{font-size:22px}.product-demo__email-sender{gap:10px;margin-top:20px}.product-demo__email-avatar{flex-basis:34px;height:34px;font-size:16px}.product-demo__email-identity strong{font-size:13px}.product-demo__email-tools{display:none}.product-demo__email-body{margin:20px 0 0;font-size:15px}}.product-demo__phone-stage{--phone-top:calc(38px + (var(--story-space) - 38px) * (1 - var(--ending-progress,0)));inset:var(--phone-top) 0 24px;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute}.product-demo__phone-position{width:100%;height:100%;transform:translateX(calc(-25% * var(--ending-progress,0)))}.product-demo__signup{justify-content:center;padding-left:20px;display:flex;position:absolute;top:50%;left:53%;right:0;transform:translateY(-50%)}.product-demo__signup .phone-signup{width:100%;max-width:420px}.product-demo[data-reduced-motion=true] .product-demo__signup{padding:55px 0 0;position:relative;inset:auto;transform:none}.product-demo[data-reduced-motion=true]{min-height:auto}.product-demo[data-reduced-motion=true] .container-scroll__stage{height:auto;padding-top:100px;padding-bottom:80px;position:relative;overflow:visible}.product-demo[data-reduced-motion=true] .inbox-phone-scene{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:40px;height:auto;min-height:0;display:grid}.product-demo[data-reduced-motion=true] .product-demo__narrative{width:100%;margin-bottom:48px;position:relative;top:auto;transform:none}.product-demo[data-reduced-motion=true] .product-demo__chapter--inbox{display:none}.product-demo[data-reduced-motion=true] .product-demo__phone-position{height:100%;transform:none}.product-demo[data-reduced-motion=true] .product-demo__inbox-stage{filter:none;height:420px;position:relative;inset:auto}.product-demo[data-reduced-motion=true] .product-demo__phone-stage{height:480px;position:relative;inset:auto}.product-demo[data-reduced-motion=true] .product-demo__picked{display:none}@media (max-width:1023px){.product-demo__chapter h2{font-size:clamp(32px,5vw,42px)}}@media (max-width:760px){.product-demo .container-scroll__stage{min-height:520px;padding:78px 18px 28px}.inbox-phone-scene{min-height:400px}.product-demo__inbox-stage{bottom:38px}.product-demo__picked{bottom:28px}.product-demo__phone-stage{--phone-top:calc(42px + (var(--story-space) - 42px) * (1 - var(--ending-progress,0)));top:var(--phone-top);bottom:28px}.product-demo:has(.product-demo__layout--signup) .container-scroll__stage{align-items:flex-start;height:auto;min-height:max(770px,100svh);overflow:visible}.product-demo__layout--signup .inbox-phone-scene{height:max(650px, calc(100svh - 136px), calc(var(--signup-height,360px) + 326px))}.product-demo__layout--signup .product-demo__phone-stage{align-items:flex-start}.product-demo__layout--signup .product-demo__phone-position{height:max(260px, min(calc(100% - (var(--signup-height,360px) - 4px) * var(--ending-progress,0)), calc(100svh - 106px - var(--phone-top))));transform:none}.product-demo__signup{padding:0;inset:auto 0 0;transform:none}.product-demo[data-reduced-motion=true] .product-demo__layout--signup .inbox-phone-scene{height:auto}.product-demo[data-reduced-motion=true] .inbox-phone-scene{grid-template-columns:1fr;gap:45px}.product-demo[data-reduced-motion=true] .product-demo__inbox-stage{height:340px}.product-demo[data-reduced-motion=true] .product-demo__phone-stage{height:460px}}@media (max-height:650px) and (min-width:761px){.product-demo .container-scroll__stage{min-height:420px;padding-top:64px;padding-bottom:15px}.inbox-phone-scene{min-height:330px}}@media (prefers-reduced-motion:reduce){.product-demo *,.product-demo :before{transition:none!important;animation:none!important}}
.gmail-window{color:#202124;-webkit-font-smoothing:antialiased;background:#f6f8fc;border:1px solid #d7dce2;border-radius:15px;width:100%;max-width:1010px;height:100%;max-height:510px;font-family:Arial,Helvetica,sans-serif;font-size:12px;overflow:hidden;box-shadow:0 35px 100px #0005,0 3px 8px #0004}.gmail-header{align-items:center;gap:16px;height:62px;padding:0 17px;display:flex}.gmail-wordmark{flex:0 0 162px;align-items:center;gap:17px;display:flex}.gmail-wordmark img{width:90px;height:auto}.gmail-search{color:#444746;background:#eaf1fb;border-radius:24px;flex:1;align-items:center;gap:14px;min-width:0;height:43px;padding:0 15px;font-size:14px;display:flex}.gmail-search span{flex:1}.gmail-header-tools{color:#5f6368;align-items:center;gap:16px;display:flex}.gmail-account{color:#fff;background:#7c4932;border-radius:50%;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.gmail-body{height:calc(100% - 62px);padding:0 10px 10px 0;display:flex}.gmail-sidebar{flex:0 0 195px;padding-right:13px}.gmail-compose{color:#001d35;background:#c2e7ff;border-radius:15px;align-items:center;gap:13px;width:126px;height:49px;margin:0 0 15px 9px;padding-left:16px;font-weight:500;display:flex}.gmail-nav{color:#202124;border-radius:0 20px 20px 0;align-items:center;gap:15px;height:29px;padding:0 13px 0 23px;display:flex}.gmail-nav b{margin-left:auto;font-size:10px}.gmail-nav--active{color:#001d35;background:#d3e3fd;font-weight:700}.gmail-labels{justify-content:space-between;align-items:center;margin:22px 13px 11px 23px;font-size:13px;display:flex}.gmail-tag--blue{color:#1a73e8;fill:#1a73e8}.gmail-tag--green{color:#188038;fill:#188038}.gmail-main{background:#fff;border-radius:14px;flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.gmail-toolbar{color:#5f6368;flex-shrink:0;align-items:center;gap:15px;height:44px;padding:0 16px;display:flex}.gmail-toolbar>svg:nth-child(2){margin-left:-11px;margin-right:5px}.gmail-checkbox{border:1.5px solid #aeb2b7;border-radius:2px;flex-shrink:0;width:13px;height:13px}.gmail-paging{margin-left:auto;font-size:10px}.gmail-viewport{flex:1;min-height:0;overflow:hidden}.gmail-mail{background:#f2f6fc;grid-template-columns:13px 16px 136px minmax(0,1fr) 54px;align-items:center;gap:10px;height:38px;padding:0 14px;display:grid;box-shadow:inset 0 -1px #e1e5eb}.gmail-mail--unread{background:#fff}.gmail-mail__star{color:#b1b5ba;stroke-width:1.4px}.gmail-mail__star--saved{color:#f4b400;fill:#f4b400}.gmail-mail__sender,.gmail-mail__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gmail-mail--unread .gmail-mail__sender,.gmail-mail--unread .gmail-mail__content>span,.gmail-mail--unread time{font-weight:700}.gmail-mail__content em{color:#5f6368;font-style:normal}.gmail-mail time{text-align:right;white-space:nowrap;font-size:10px}.gmail-footer{color:#5f6368;justify-content:space-between;gap:10px;padding:14px 17px;font-size:9px;display:flex}@container (max-width:650px){.gmail-sidebar{display:none}.gmail-wordmark{flex-basis:120px;gap:10px}.gmail-header-tools>svg{display:none}.gmail-body{padding-left:10px}.gmail-mail{grid-template-columns:13px 16px 110px minmax(0,1fr) 50px}}@container (max-width:440px){.gmail-header{gap:12px;height:59px;padding:0 12px}.gmail-wordmark{flex:0 0 18px}.gmail-wordmark img{display:none}.gmail-search{height:38px;padding:0 12px;font-size:13px}.gmail-search>svg{display:none}.gmail-account{width:27px;height:27px;font-size:13px}.gmail-body{height:calc(100% - 59px);padding:0}.gmail-main{border-radius:0}.gmail-toolbar{gap:12px;height:35px}.gmail-mail{grid-template-rows:21px 20px;grid-template-columns:minmax(0,1fr) 54px;gap:1px 9px;height:62px;padding:9px 15px;display:grid;position:relative}.gmail-mail>.gmail-checkbox{display:none}.gmail-mail__sender{grid-area:1/1;font-size:13px}.gmail-mail__content{grid-area:2/1;font-size:11px}.gmail-mail__content em{display:none}.gmail-mail time{grid-area:1/2;font-size:9px}.gmail-mail__star{grid-area:2/2;justify-self:end}.gmail-footer{display:none}}
.realistic-phone{pointer-events:none;place-items:center;width:100%;min-width:0;height:100%;display:grid;container-type:size}.realistic-phone__device{background:linear-gradient(110deg,#b7b8b9,#454648 11%,#17181a 50%,#929396);border:1em solid #a7a8aa;border-radius:88em;width:427em;height:888em;font-size:min(.112613cqh,.229508cqw,.664414px);position:relative;box-shadow:0 0 0 1em #18191b,inset 0 0 0 1em #e0e0e073,0 28em 84em #0007}.realistic-phone__device,.realistic-phone__device *{box-sizing:border-box}.realistic-phone__device:before{content:"";background:#050506;border-radius:83em;position:absolute;inset:5em}.realistic-phone__volume,.realistic-phone__power{z-index:-1;background:linear-gradient(90deg,#454648,#b9babc,#5d5e60);border-radius:2em;width:3em;position:absolute}.realistic-phone__volume{height:66em;top:209em;left:-3em;box-shadow:0 84em #77787a}.realistic-phone__power{height:98em;top:286em;right:-3em}.realistic-phone__screen{background:#000;border-radius:70em;width:393em;height:852em;position:absolute;top:17em;left:16em;overflow:hidden}.realistic-phone__capture{aspect-ratio:853/1844;width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.realistic-phone__screenshot{object-fit:contain;background:#000;width:100%;height:100%;display:block}.realistic-phone__avatar{aspect-ratio:1;clip-path:inset(0 0 7.0922%);background:#ecedea;border-radius:50%;place-items:center;width:16.5299%;display:grid;position:absolute;top:6.01952%;left:41.7351%}.realistic-phone__avatar img{object-fit:contain;width:76.5957%;height:76.5957%;display:block}