.closing-band{background-image:radial-gradient(60% 70% at 79% 0,#1463ff4d,#0000 70%);padding-bottom:96px}.closing-copy{grid-column:1/span 6;padding-top:96px}.closing-shot{z-index:1;border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;grid-column:9/span 4;align-self:start;margin-top:-140px;padding:12px;position:relative}.closing-shot .crm-shot{border-radius:12px}@media not (min-width:64rem){.closing-copy{grid-column:1/span 7}}@media not (min-width:48rem){.closing-band{background-image:radial-gradient(60% 70% at 50% 0,#1463ff4d,#0000 70%);padding-bottom:64px}.closing-copy{grid-area:2/1;padding-top:40px}.closing-shot{grid-area:1/1;justify-self:center;width:min(100%,320px);margin-top:-112px}}.closing-shot .card>div>div>*{--part-in:0s;--part-out:0s}.closing-shot .card>div>div>:nth-child(2){--part-in:90ms;--part-out:.16s}.closing-shot .card>div>div>:nth-child(3){--part-in:.18s;--part-out:.12s}.closing-shot .card>div>div>:nth-child(4){--part-in:.27s;--part-out:80ms}.closing-shot .card>div>div>:nth-child(5){--part-in:.36s;--part-out:40ms}.closing-shot .card>div>div>:first-child{--part-out:.2s}[data-motion-ready] .closing-shot{transition:opacity .5s ease-in .2s,translate .6s ease-in .2s,scale .6s ease-in .2s}[data-motion-ready] .closing-shot.is-in{transition:opacity .9s var(--ease-arrive) .1s, translate 1.2s var(--ease-arrive) .1s, scale 1.2s var(--ease-arrive) .1s}[data-motion-ready] .closing-shot:not(.is-in){opacity:0;translate:0 64px;scale:.95}[data-motion-ready] .closing-shot.is-out-up{translate:0 -48px}[data-motion-ready] .closing-shot .card>div>div>*{transition:opacity .25s ease-in var(--part-out), translate .25s ease-in var(--part-out)}[data-motion-ready] .closing-shot.is-in .card>div>div>*{transition:opacity .7s var(--ease-arrive) calc(.55s + var(--part-in)), translate .9s var(--ease-arrive) calc(.55s + var(--part-in))}[data-motion-ready] .closing-shot:not(.is-in) .card>div>div>*{opacity:0;translate:0 10px}@media (prefers-reduced-motion:reduce){[data-motion-ready] :is(.closing-shot,.closing-shot .card>div>div>*){translate:none!important;scale:none!important}}
.email-cards{height:178px;margin-bottom:40px;position:relative}.email-card{background:var(--color-surface);width:236px;box-shadow:var(--shadow-card);color:var(--color-ink);font-size:var(--text-body-sm);border-radius:12px;padding:14px 16px;line-height:1.45;position:absolute}.email-card:first-child{z-index:1;top:14px;left:0;rotate:-3deg}.email-card:nth-child(2){z-index:2;top:56px;left:204px;rotate:2deg}.email-card:nth-child(3){z-index:3;top:6px;left:432px;rotate:-1.5deg}.email-bento{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;margin-top:4rem;display:grid}.email-cell{grid-template-rows:subgrid;grid-row:span 2;row-gap:20px;margin-bottom:56px;display:grid}.email-cell-send{grid-column:span 5}.email-cell-filed{grid-column:span 7}.email-cell-control{grid-column:span 7;margin-bottom:0}.email-callout{background:var(--color-tint-blue);border-radius:24px;grid-area:span 2/span 5;align-self:stretch;padding:32px}.email-panel{background:var(--tint);border-radius:24px;justify-content:center;align-items:center;margin:0;padding:24px;display:flex}.email-frame{border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;width:100%;padding:12px}.email-frame .crm-shot{border-radius:12px}[data-motion-ready] .email-card{transition:opacity .6s ease-in,translate .6s ease-in,scale .6s ease-in}[data-motion-ready] .email-card.is-in{transition:opacity 1s var(--ease-arrive) calc(.2s + var(--i) * .35s), translate 1.2s var(--ease-arrive) calc(.2s + var(--i) * .35s), scale 1.2s var(--ease-arrive) calc(.2s + var(--i) * .35s)}[data-motion-ready] .email-card:not(.is-in){opacity:0;translate:0 -24px;scale:.94}[data-motion-ready] .email-panel{clip-path:inset(0 round 24px);transition:clip-path .7s cubic-bezier(.4,0,1,1) .15s,background-color .6s ease-in .15s}[data-motion-ready] .email-panel.is-in{transition:clip-path 1.1s var(--ease-arrive), background-color 1s var(--ease-arrive)}[data-motion-ready] .email-panel:not(.is-in){clip-path:inset(9% 7% round 40px);background-color:var(--color-surface)}[data-motion-ready] .email-cell-filed .email-panel.is-in{transition-delay:.15s}[data-motion-ready] .email-frame{transition:opacity .45s ease-in,transform .6s cubic-bezier(.4,0,1,1)}[data-motion-ready] .email-panel.is-in .email-frame{transition:opacity .9s var(--ease-arrive) .25s, transform 1.3s var(--ease-arrive) .25s}[data-motion-ready] .email-cell-filed .email-panel.is-in .email-frame{transition-delay:.4s}[data-motion-ready] .email-panel:not(.is-in) .email-frame{opacity:0;transform:translateY(56px)scale(.96)}[data-motion-ready] .email-panel.is-out-up .email-frame{transform:translateY(-56px)scale(.96)}[data-motion-ready] .email-cell-send .email-panel:not(.is-in) .email-frame{transform:scale(.95)}[data-motion-ready] .email-cell-send .email-panel.is-out-up .email-frame{transform:scale(.95)translateY(-24px)}[data-motion-ready] :is(.crm-email ul>li,.crm-settings-email .card-b>*,.crm-settings-email-m .card-b>*){transition:opacity .3s ease-in,transform .3s ease-in}[data-motion-ready] .email-panel:not(.is-in) :is(.crm-email ul>li,.crm-settings-email .card-b>*,.crm-settings-email-m .card-b>*){opacity:0;transform:translateY(14px)}[data-motion-ready] .email-panel.is-in :is(.crm-email ul>li,.crm-settings-email .card-b>*,.crm-settings-email-m .card-b>*){transition:opacity .7s var(--ease-arrive) var(--d,.8s), transform .9s var(--ease-arrive) var(--d,.8s)}[data-motion-ready] .crm-email ul>li:first-child{--d:.95s}[data-motion-ready] .crm-email ul>li:nth-child(2){--d:1.1s}[data-motion-ready] .crm-email ul>li:nth-child(3){--d:1.25s}[data-motion-ready] .crm-email ul>li:nth-child(4){--d:1.4s}[data-motion-ready] :is(.crm-settings-email,.crm-settings-email-m) .card-b>:nth-child(2){--d:1s}[data-motion-ready] .email-callout{transition:background-color .6s ease-in}[data-motion-ready] .email-callout.is-in{transition:background-color 1s var(--ease-arrive) .3s}[data-motion-ready] .email-callout:not(.is-in){background-color:var(--color-canvas)}@media (prefers-reduced-motion:reduce){[data-motion-ready] .email-card{translate:none!important;scale:none!important}[data-motion-ready] .email-panel{clip-path:none!important}[data-motion-ready] :is(.email-frame,.crm-email ul>li,.crm-settings-email .card-b>*,.crm-settings-email-m .card-b>*){transform:none!important}}@media not (min-width:64rem){.email-bento{grid-template-columns:minmax(0,1fr)}.email-cell,.email-cell-control{grid-column:1;margin-bottom:56px}.email-callout{grid-column:1}}@media not (min-width:48rem){.email-cards{height:244px;margin-bottom:32px}.email-card{width:216px}.email-card:first-child{top:4px}.email-card:nth-child(2){top:58px;left:auto;right:0}.email-card:nth-child(3){top:142px;left:8px}.email-bento{margin-top:3rem}.email-panel{padding:12px}.email-frame{background:0 0;border:0;border-radius:0;padding:0}.email-callout{padding:24px}}
[data-motion] .hero-notice,[data-motion] .hero-record{transition:opacity .6s ease-in,translate .6s ease-in,scale .6s ease-in}[data-motion] .hero-notice.is-in,[data-motion] .hero-record.is-in{transition:opacity 1s var(--ease-arrive) var(--delay,0s), translate 1.2s var(--ease-arrive) var(--delay,0s), scale 1.2s var(--ease-arrive) var(--delay,0s)}[data-motion] .hero-notice:not(.is-in){opacity:0;translate:0 -24px;scale:.94}[data-motion] .hero-record:not(.is-in){opacity:0;translate:0 64px}[data-motion] .hero-record.is-out-up{translate:0 -48px}@keyframes hero-motion-fallback{to{opacity:1;translate:none;scale:none}}[data-motion]:not([data-motion-ready]) :is(.hero-notice,.hero-record){animation:.6s ease-out 3s forwards hero-motion-fallback}@media (prefers-reduced-motion:reduce){[data-motion] :is(.hero-notice,.hero-record){translate:none!important;scale:none!important}}
.journey{grid-template-columns:minmax(0,1fr);margin-top:4rem;display:grid;position:relative}.journey:before{content:"";background:var(--color-line);width:1px;position:absolute;top:8px;bottom:8px;left:19px}.journey-steps,.journey-stage,.journey-sticky,.journey-panel,.journey-frame{display:contents}.journey-steps{margin:0;padding:0;list-style:none}.journey-step{grid-row:calc(var(--i) * 2 + 1);position:relative}.journey-pin{grid-template-columns:40px minmax(0,1fr);align-items:start;column-gap:24px;display:grid}.journey-num{z-index:1;border:1px solid var(--color-line);background:var(--color-surface);width:40px;height:40px;color:var(--color-ink);font-variant-numeric:tabular-nums;border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:flex;position:relative}.journey-copy{padding-top:6px}.journey-copy p{max-width:34em}.journey-pic{grid-row:calc(var(--i) * 2 + 2);background:var(--tint);border-radius:24px;margin:24px 0 64px 64px;padding:24px}.journey-pic:last-child{margin-bottom:0}.journey-pic-frame{border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;padding:12px}.journey-pic-frame>.crm-shot{border-radius:12px}.journey-pair{align-items:flex-start;gap:16px;display:flex}.journey-pair>.crm-shot{flex:var(--crop-w) 1 0}.journey-langs{margin:4rem 0 0 64px}.journey.is-reveal:after{content:"";width:2px;height:var(--rail,0px);background:var(--color-primary);transition:height 1s var(--ease-arrive);position:absolute;top:20px;left:18.5px}.journey.is-reveal .journey-pic{transition:background-color .6s ease-in}.journey.is-reveal .journey-pic.is-in{transition:background-color 1s var(--ease-arrive)}.journey.is-reveal .journey-pic:not(.is-in){background-color:var(--color-canvas)}.journey.is-reveal .journey-pic-frame{transition:opacity .6s ease-in,transform .6s ease-in}.journey.is-reveal .journey-pic.is-in .journey-pic-frame{transition:opacity 1s var(--ease-arrive) .2s, transform 1.2s var(--ease-arrive) .2s}.journey.is-reveal .journey-pic:not(.is-in) .journey-pic-frame{opacity:0;transform:translateY(40px)}.journey.is-reveal .journey-pic.is-out-up .journey-pic-frame{transform:translateY(-40px)}.journey.is-reveal .journey-num,.journey.is-story .journey-num{transition:background-color .4s,border-color .4s,color .4s}.journey:is(.is-reveal,.is-story) .journey-step.is-done .journey-num{border-color:var(--color-primary);background:var(--color-tint-blue);color:var(--color-ink)}.journey:is(.is-reveal,.is-story) .journey-step.is-on .journey-num{border-color:var(--color-primary);background:var(--color-primary);color:#fff}@media (min-width:64rem){.journey:not(.is-story){grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:96px 64px}.journey:not(.is-story) .journey-step{grid-row:calc(var(--i) + 1);grid-column:1}.journey:not(.is-story) .journey-pic{grid-row:calc(var(--i) + 1);grid-column:2;margin:0}.journey.is-story{grid-template-columns:minmax(0,340px) minmax(0,1fr);column-gap:64px}.journey.is-story:before{display:none}.is-story .journey-steps{grid-area:1/1;display:block;position:relative}.is-story .journey-steps:before,.is-story .journey-steps:after{content:"";z-index:0;width:1px;position:absolute;top:20px;left:19px}.is-story .journey-steps:before{height:var(--spine-length,0px);background:var(--color-line)}.is-story .journey-steps:after{width:2px;height:var(--fill,0px);background:var(--color-primary);left:18.5px}.is-story .journey-step{min-height:70vh}.is-story .journey-pin{z-index:1;top:var(--pin-top,172px);position:sticky}.is-story .journey-step:last-child .journey-pin{min-height:var(--panel-h,0px)}.is-story .journey-copy :is(h3,p){color:var(--color-ink-muted);transition:color .4s}.is-story .journey-step.is-on h3{color:var(--color-ink)}.is-story .journey-step.is-on p{color:var(--color-ink-soft)}.is-story .journey-num{color:var(--color-ink-muted)}.is-story .journey-stage{grid-area:1/2;display:block}.is-story .journey-sticky{top:var(--pin-top,172px);display:block;position:sticky}.is-story .journey-panel{background:var(--stage-tint,var(--color-tint-blue));transition:opacity .6s ease-in, translate .6s ease-in, background-color 1s var(--ease-arrive);border-radius:24px;padding:32px;display:block}.is-story .journey-panel.is-in{transition:opacity 1s var(--ease-arrive), translate 1.2s var(--ease-arrive), background-color 1s var(--ease-arrive)}.is-story .journey-panel:not(.is-in){opacity:0;translate:0 64px}.is-story .journey-panel.is-out-up{translate:0 -48px}.is-story .journey-frame{border:1px solid var(--color-line);background:var(--color-surface);transition:height 1s var(--ease-arrive);border-radius:24px;padding:12px;display:block;position:relative;overflow:hidden}.is-story .journey-pic{opacity:0;visibility:hidden;background:0 0;border-radius:0;margin:0;padding:0;transition:opacity .45s ease-in,transform .5s ease-in,visibility 0s .5s;position:absolute;top:12px;left:12px;right:12px;transform:translateY(40px)}.is-story .journey-pic.is-before{transform:translateY(-32px)}.is-story .journey-pic.is-on{opacity:1;visibility:visible;transition:opacity .8s var(--ease-arrive) .3s, transform 1.1s var(--ease-arrive) .3s, visibility 0s;transform:none}.is-story .journey-pic-frame{background:0 0;border:0;border-radius:0;padding:0}}@media not (min-width:48rem){.journey:before,.journey:after{display:none}.journey-pin{grid-template-columns:32px minmax(0,1fr);align-items:center;column-gap:12px}.journey-copy{display:contents}.journey-copy h3{grid-column:2}.journey-copy p{grid-column:1/-1;margin-top:12px}.journey-num{width:32px;height:32px;font-size:.75rem}.journey-pic{margin:20px 0 56px;padding:12px}.journey-pic-frame{background:0 0;border:0;border-radius:0;padding:0}.journey-pair{flex-direction:column;gap:12px}.journey-pair>.crm-shot{flex:none;width:100%}.journey-langs{margin-left:0}}@media (prefers-reduced-motion:reduce){.is-story .journey-pic,.is-story .journey-pic.is-before,.is-story .journey-pic.is-on,.journey.is-reveal .journey-pic-frame{transform:none!important}.is-story .journey-panel{translate:none!important}.is-story .journey-frame,.journey.is-reveal:after{transition:none}}
.security-section{padding-bottom:200px}.sec-head{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.sec-nav{flex-shrink:0;gap:12px;display:flex}.sec-btn{border:1px solid var(--color-ink-soft);width:48px;height:48px;color:var(--color-ink);cursor:pointer;border-radius:9999px;justify-content:center;align-items:center;transition:background-color .15s,scale .1s;display:inline-flex}.sec-btn:hover{background:var(--color-tint-blue)}.sec-btn:active{scale:.96}.sec-btn svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.sec-btn .sec-btn-fill{fill:currentColor;stroke:none;width:18px;height:18px}.sec-track{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;cursor:grab;gap:24px;margin-top:48px;display:flex;overflow-x:auto}.sec-track::-webkit-scrollbar{display:none}.sec-track:focus-visible{outline-offset:4px;border-radius:24px}.sec-track.is-dragging{scroll-snap-type:none;scroll-behavior:auto;cursor:grabbing;-webkit-user-select:none;user-select:none}.sec-track.is-jumping{scroll-snap-type:none;scroll-behavior:auto}.sec-card{background:var(--tint);scroll-snap-align:start;border-radius:24px;flex-direction:column;flex:0 0 760px;padding:24px;display:flex;position:relative}.sec-sample{justify-content:center;align-items:center;height:420px;display:flex}.sec-frame{border:1px solid var(--color-line);background:var(--color-surface);border-radius:24px;justify-content:center;align-items:center;gap:16px;width:100%;padding:12px}.sec-frame>.crm-shot{border-radius:12px;flex:1 1 0;min-width:0}.sec-pair>.crm-shot:first-child{flex:428 1 0}.sec-pair>.crm-shot:last-child{flex:326 1 0}.sec-icon{background:var(--color-surface);width:112px;height:112px;color:var(--color-primary);border-radius:9999px;justify-content:center;align-items:center}.sec-copy{padding:24px 8px 8px}.sec-segs{gap:8px;margin-top:32px;display:flex}.sec-seg{cursor:pointer;flex:1;height:20px;position:relative}.sec-seg:before,.sec-seg:after{content:"";border-radius:9999px;height:4px;position:absolute;top:8px;left:0}.sec-seg:before{background:var(--color-line);right:0}.sec-seg:after{background:var(--color-primary);width:0}.sec-seg.is-done:after{width:100%}.sec-seg.is-on:after{animation:sec-seg-fill var(--interval) linear forwards}[data-paused] .sec-seg.is-on:after{animation-play-state:paused}.sec-seg:focus-visible{border-radius:6px}@keyframes sec-seg-fill{to{width:100%}}[data-motion-ready] .sec-card{transition:opacity .5s ease-in,translate .6s ease-in}[data-motion-ready] .sec-track.is-in .sec-card{transition:opacity .9s var(--ease-arrive) calc(var(--i) * .14s), translate 1.2s var(--ease-arrive) calc(var(--i) * .14s)}[data-motion-ready] .sec-track:not(.is-in) .sec-card{opacity:0;translate:80px}[data-motion-ready] .sec-track.is-out-up .sec-card{translate:0 -32px}[data-motion-ready] .sec-icon{transition:opacity .4s ease-in,translate .4s ease-in}[data-motion-ready] .sec-track.is-in .sec-icon{transition:opacity .8s var(--ease-arrive) calc(.45s + var(--i) * .14s), translate 1s var(--ease-arrive) calc(.45s + var(--i) * .14s)}[data-motion-ready] .sec-track:not(.is-in) .sec-icon{opacity:0;translate:0 14px}@media (prefers-reduced-motion:reduce){.sec-track{scroll-behavior:auto}[data-motion-ready] :is(.sec-card,.sec-icon){translate:none!important}}@media not (min-width:64rem){.sec-card{flex-basis:600px}.sec-sample{height:340px}}@media not (min-width:48rem){.security-section{padding-bottom:160px}.sec-btn-step{display:none}.sec-track{gap:16px;margin-top:32px}.sec-card{flex-basis:calc(100vw - 104px);padding:16px}.sec-sample{height:320px}.sec-frame{background:0 0;border:0;border-radius:0;padding:0}.sec-icon{width:88px;height:88px}.sec-copy{padding:20px 8px 8px}}