/* Lightweight margin illustrations. They never participate in document flow. */
.doodle-surface{position:relative;isolation:isolate}
.doodle-surface>.shell{position:relative;z-index:1}
.mail-doodles{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none;--doodle-state:running;--doodle-side:max(6px,calc((100% - 1320px)/4 - 24px));--doodle-size:clamp(28px,calc((100vw - 1320px)/3),64px);--doodle-sway:12px;--doodle-lift:22px;--doodle-rock:10deg}
.mail-doodle.is-doodle-paused{--doodle-state:paused}
.mail-doodle{position:absolute;width:var(--doodle-size);height:var(--doodle-size);left:var(--doodle-side);top:20%;--doodle-turn:-3deg;--doodle-duration:4.6s;--doodle-delay:-1s}
.mail-doodle--2{left:auto;right:var(--doodle-side);top:40%;--doodle-turn:4deg;--doodle-duration:5.4s;--doodle-delay:-2.8s}
.mail-doodle--3{left:auto;right:var(--doodle-side);top:76%;--doodle-turn:-7deg;--doodle-duration:4.1s;--doodle-delay:-1.7s}
.mail-doodle__art{display:block;position:relative;width:100%;height:100%;transform:rotate(var(--doodle-turn))}
.mail-doodle__art>img{display:block;width:100%;height:100%;object-fit:contain}
.mail-doodle--pen{width:calc(var(--doodle-size)*.75)}
.mail-doodle__trail{position:absolute;width:140%;height:140%;left:-42%;top:28%;stroke:var(--accent,#8b5dff);stroke-width:1.5;stroke-linecap:round;stroke-dasharray:3 7;opacity:.4}
.mail-doodles--home-hero .mail-doodle--1{top:190px}
.mail-doodles--home-hero .mail-doodle--2{top:320px}
.mail-doodles--features-hero .mail-doodle--1{top:190px}
.mail-doodles--features-hero .mail-doodle--2{top:310px}
.mail-doodles--pricing-hero .mail-doodle--1{top:155px}
.mail-doodles--pricing-hero .mail-doodle--2{top:245px}
.mail-doodles--pricing-hero .mail-doodle--3{top:70%;left:var(--doodle-side);right:auto}
.mail-doodles--assistant .mail-doodle--1{top:26%}
.mail-doodles--assistant .mail-doodle--2{top:73%}
.mail-doodles--automation .mail-doodle--1{top:40%}
.mail-doodles--automation .mail-doodle--2{top:76%}
.mail-doodles--insights .mail-doodle--1{top:28%}
.mail-doodles--insights .mail-doodle--2{top:66%}
.mail-doodles--closing .mail-doodle--1{top:13%}
.mail-doodles--closing .mail-doodle--2{top:66%}
@media(prefers-reduced-motion:no-preference){
  .mail-doodle__art{animation:mail-doodle-float var(--doodle-duration) ease-in-out var(--doodle-delay) infinite;animation-play-state:var(--doodle-state)}
  .mail-doodle--2 .mail-doodle__art{animation-direction:reverse}
  .mail-doodle__trail{animation:mail-doodle-flight 18s linear infinite;animation-play-state:var(--doodle-state)}
  @keyframes mail-doodle-float{
    0%,100%{transform:translate3d(0,0,0) rotate(var(--doodle-turn))}
    25%{transform:translate3d(var(--doodle-sway),calc(var(--doodle-lift)*-.55),0) rotate(calc(var(--doodle-turn) + var(--doodle-rock)))}
    50%{transform:translate3d(0,calc(var(--doodle-lift)*-1),0) rotate(var(--doodle-turn))}
    75%{transform:translate3d(calc(var(--doodle-sway)*-1),calc(var(--doodle-lift)*-.45),0) rotate(calc(var(--doodle-turn) - var(--doodle-rock)*.6))}
  }
  @keyframes mail-doodle-flight{to{stroke-dashoffset:-100}}
}
@media(max-width:1599px){.mail-doodles{--doodle-sway:1px;--doodle-lift:18px;--doodle-rock:6deg}.mail-doodle__trail{display:none}}
@media(max-width:800px){
  .mail-doodles{--doodle-size:27px;--doodle-side:20px;--doodle-sway:3px;--doodle-lift:7px;--doodle-rock:6deg}
  .mail-doodles .mail-doodle--1{top:17px}
  .mail-doodles .mail-doodle--2{top:20px;right:20px;left:auto}
  .mail-doodles .mail-doodle--3{display:none}
  .mail-doodles--closing .mail-doodle--1{top:12px}
  .mail-doodles--closing .mail-doodle--2{top:14px}
}
@media(prefers-reduced-motion:reduce){.mail-doodle__art,.mail-doodle__trail{animation:none!important}}