@font-face{font-family:Methmail Pixel;font-style:normal;font-weight:400;font-display:swap;src:url(/products/mail/fonts/pix-cyrillic-mm.woff2)format("woff2")}@font-face{font-family:Methmail Text;font-style:normal;font-weight:400;font-display:swap;src:url(/products/mail/fonts/methmail-text.woff2)format("woff2")}.mm-mail{--mail-font-display:"Methmail Pixel", ui-monospace, "Cascadia Mono", Consolas, monospace;--mail-font-pixel:"Methmail Text", "Methmail Pixel", ui-monospace, "Cascadia Mono", Consolas, monospace;--mail-font-read:var(--font-sans);--mail-bg:#151515;--mail-chrome:#111;--mail-window:#000;--mail-text:#949494;--mail-muted:#8a8a8a;--mail-heading:#d2d2d2;--mail-strong:#f2f2f2;--mail-rule:#242424;--mail-frame:#777;--mail-frame-strong:#aaa;--mail-button:#d2d2d2;--mail-shadow-pixel:8px 8px 0 #00000059;--mail-glow:drop-shadow(0 0 10px #ffffff80);--mail-echo:0 -11px 0 #ffffff08, 0 12px 0 #ffffff08;--mail-tap:.12s;--mail-hover:.16s;--mail-reveal:.48s;--mail-blink:.6s;--mail-ease-pixel:steps(4, end);--mail-ease-blink:steps(1, end);--mail-s:6;background:var(--mail-bg);color:var(--mail-text);font-family:var(--mail-font-read);position:relative;overflow-x:clip}@media (min-width:1024px){.mm-mail{--mail-s:7}}@media (min-width:1440px){.mm-mail{--mail-s:8}}.mm-mail :focus-visible{outline:2px solid var(--mail-strong);outline-offset:3px;border-radius:0}.mm-mail ::selection{background:var(--mail-heading);color:var(--mail-bg)}.mm-mail :is(.mm-mail-status,.mm-mail-h1,.mm-mail-h2,.mm-mail-btn,.mm-mail-link,.mm-mail-tab,.mm-mail-tabs-hint,.mm-mail-category){-webkit-font-smoothing:none;font-synthesis:none}.mm-mail-plate{isolation:isolate;height:calc(50px * var(--mail-s));background:var(--mail-chrome);image-rendering:pixelated;border-bottom:2px solid var(--mail-rule);position:relative;overflow:clip}.mm-mail-plate-low{height:calc(30px * var(--mail-s));border-bottom:0;border-top:2px solid var(--mail-rule)}.mm-mail-layer,.mm-mail-par{pointer-events:none;position:absolute;inset:0}.mm-mail-par{inset:0 calc(-4px * var(--mail-s)) calc(-1px * var(--mail-s))}.mm-mail-layer{background-position:50% 100%;background-repeat:repeat-x;background-size:calc(320px * var(--mail-s)) calc(50px * var(--mail-s))}.mm-mail-par>.mm-mail-layer{bottom:calc(1px * var(--mail-s))}.mm-mail-drift{width:calc(100% + 640px * var(--mail-s));background-position:0 100%;background-repeat:repeat-x;background-size:calc(640px * var(--mail-s)) calc(50px * var(--mail-s));pointer-events:none;position:absolute;top:0;bottom:0;left:0}.mm-mail-par>.mm-mail-drift{bottom:calc(1px * var(--mail-s))}.mm-mail-sky{background-image:url(/products/mail/art/sky-night.png)}.mm-mail-clouds-far{background-image:url(/products/mail/art/clouds-night-far.png)}.mm-mail-clouds-near{background-image:url(/products/mail/art/clouds-night-near.png)}.mm-mail-town{background-image:url(/products/mail/art/town-night.png)}.mm-mail[data-phase=morning] .mm-mail-sky{background-image:url(/products/mail/art/sky-morning.png)}.mm-mail[data-phase=morning] .mm-mail-clouds-far{background-image:url(/products/mail/art/clouds-morning-far.png)}.mm-mail[data-phase=morning] .mm-mail-clouds-near{background-image:url(/products/mail/art/clouds-morning-near.png)}.mm-mail[data-phase=morning] .mm-mail-town{background-image:url(/products/mail/art/town-morning.png)}.mm-mail[data-phase=day] .mm-mail-sky{background-image:url(/products/mail/art/sky-day.png)}.mm-mail[data-phase=day] .mm-mail-clouds-far{background-image:url(/products/mail/art/clouds-day-far.png)}.mm-mail[data-phase=day] .mm-mail-clouds-near{background-image:url(/products/mail/art/clouds-day-near.png)}.mm-mail[data-phase=day] .mm-mail-town{background-image:url(/products/mail/art/town-day.png)}.mm-mail[data-phase=evening] .mm-mail-sky{background-image:url(/products/mail/art/sky-evening.png)}.mm-mail[data-phase=evening] .mm-mail-clouds-far{background-image:url(/products/mail/art/clouds-evening-far.png)}.mm-mail[data-phase=evening] .mm-mail-clouds-near{background-image:url(/products/mail/art/clouds-evening-near.png)}.mm-mail[data-phase=evening] .mm-mail-town{background-image:url(/products/mail/art/town-evening.png)}.mm-mail[data-phase=morning] .mm-mail-sky{background-position-x:22%}.mm-mail[data-phase=day] .mm-mail-sky{background-position-x:40%}.mm-mail[data-phase=evening] .mm-mail-sky{background-position-x:80%}.mm-mail-stars{display:none}.mm-mail[data-phase=night] .mm-mail-stars{background-image:url(/products/mail/art/stars-night.png);background-size:calc(320px * var(--mail-s)) calc(100px * var(--mail-s));background-position:50% calc(100% + 50px * var(--mail-s));opacity:.5;display:block}.mm-mail[data-phase=night] .mm-mail-stars-b{background-position:50% 100%}.mm-mail-plate:after{content:"";z-index:1;pointer-events:none;background:#15151538;position:absolute;inset:0}.mm-mail[data-phase=day] .mm-mail-plate:after{background:#1515151a}.mm-mail[data-phase=morning] .mm-mail-plate:after,.mm-mail[data-phase=evening] .mm-mail-plate:after{background:#15151529}.mm-mail-window-wrap{z-index:2;place-content:center;padding-inline:16px;display:grid;position:absolute;inset:64px 0 0}.mm-mail-window{background:var(--mail-window);border:2px solid var(--mail-frame-strong);justify-items:center;gap:8px;padding:14px 20px 12px;display:grid}.mm-mail-wordmark{width:282px;height:36px;image-rendering:pixelated;opacity:.9;filter:var(--mail-glow);display:block}.mm-mail-category{font-family:var(--mail-font-pixel);color:var(--mail-text);font-size:16px;line-height:1.25}.mm-mail-tabs{background:var(--mail-chrome);border:2px solid var(--mail-frame);border-top:0;display:flex}.mm-mail-tabs-hint{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mm-mail-tab{min-height:44px;font-family:var(--mail-font-pixel);color:var(--mail-text);cursor:pointer;transition:color var(--mail-hover) var(--mail-ease-pixel), background-color var(--mail-tap) var(--mail-ease-pixel);background:0 0;border:0;border-radius:0;flex:1 1 0;padding:0 8px;font-size:16px;line-height:1}.mm-mail-tab+.mm-mail-tab{border-left:2px solid var(--mail-rule)}.mm-mail-tab:hover{color:var(--mail-strong)}.mm-mail-tab[aria-pressed=true]{background:var(--mail-heading);color:var(--mail-bg)}.mm-mail-tab:focus-visible{outline-offset:-6px}.mm-mail-tab[aria-pressed=true]:focus-visible{outline-color:var(--mail-bg)}@media (min-width:768px){.mm-mail-window{gap:12px;padding:22px 40px 18px}.mm-mail-tab{padding:0 12px}.mm-mail-wordmark{width:470px;height:60px}.mm-mail-tabs-hint{clip-path:none;border-right:2px solid var(--mail-rule);width:auto;height:auto;font-family:var(--mail-font-pixel);color:var(--mail-muted);align-items:center;padding:0 16px;font-size:16px;display:flex;position:static;overflow:visible}}.mm-mail-hero{position:relative}.mm-mail-doodles{inset:calc(50px * var(--mail-s)) 0 0;background:var(--mail-text);opacity:.08;pointer-events:none;position:absolute;-webkit-mask:url(/products/mail/art/doodles.svg) 100% 0/1024px 768px;mask:url(/products/mail/art/doodles.svg) 100% 0/1024px 768px}.mm-mail-hero-copy{padding-block:40px 88px;position:relative}@media (min-width:768px){.mm-mail-hero-copy{padding-block:56px 112px}}.mm-mail-status{font-family:var(--mail-font-pixel);color:var(--mail-strong);align-items:center;gap:8px;margin:0;font-size:16px;line-height:1.25;display:inline-flex}.mm-mail-status:before{content:"";background:var(--mail-strong);width:8px;height:8px}.mm-mail-h1{font-family:var(--mail-font-display);margin:24px 0 0;font-weight:400}.mm-mail-h1-lead{color:var(--mail-heading);font-size:16px;line-height:1.5;display:block}.mm-mail-h1-main{color:var(--mail-strong);text-shadow:var(--mail-echo);margin-top:8px;font-size:48px;line-height:1;display:block}@media (min-width:768px){.mm-mail-h1-lead{font-size:32px;line-height:1.25}.mm-mail-h1-main{margin-top:12px;font-size:64px}}.mm-mail-sub{max-width:44ch;color:var(--mail-strong);margin:24px 0 0;font-size:18px;line-height:1.5}@media (min-width:768px){.mm-mail-sub{font-size:20px}}.mm-mail-actions{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:32px;display:flex}.mm-mail-btn{min-height:44px;font-family:var(--mail-font-pixel);white-space:nowrap;color:var(--mail-bg);background:var(--mail-button);box-shadow:4px 4px 0 0 var(--mail-rule);transition:transform var(--mail-tap) var(--mail-ease-pixel), box-shadow var(--mail-tap) var(--mail-ease-pixel), background-color var(--mail-hover) var(--mail-ease-pixel);border-radius:0;align-items:center;padding:0 20px;font-size:16px;line-height:1;text-decoration:none;display:inline-flex}.mm-mail-btn:hover{background:var(--mail-strong);box-shadow:6px 6px 0 0 var(--mail-rule);transform:translate(-2px,-2px)}.mm-mail-btn:active{box-shadow:2px 2px 0 0 var(--mail-rule);transform:translate(2px,2px)}.mm-mail-link{white-space:nowrap;min-height:44px;font-family:var(--mail-font-pixel);color:var(--mail-strong);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px;-webkit-text-decoration-color:var(--mail-frame);text-decoration-color:var(--mail-frame);transition:text-decoration-color var(--mail-hover) var(--mail-ease-pixel);align-items:center;gap:10px;font-size:16px;line-height:1;display:inline-flex}.mm-mail-link:hover{-webkit-text-decoration-color:var(--mail-strong);text-decoration-color:var(--mail-strong)}.mm-mail-arrow{width:10px;height:10px;transition:transform var(--mail-hover) var(--mail-ease-pixel);background:currentColor;-webkit-mask:url(/products/mail/art/icon-arrow.svg) 50%/10px 10px no-repeat;mask:url(/products/mail/art/icon-arrow.svg) 50%/10px 10px no-repeat}.mm-mail-link:hover .mm-mail-arrow{transform:translate(4px)}.mm-mail-h2{font-family:var(--mail-font-display);color:var(--mail-strong);margin:0;font-size:32px;font-weight:400;line-height:1.25}@media (min-width:768px){.mm-mail-h2{font-size:48px;line-height:1.17}}.mm-mail-read{max-width:54ch;color:var(--mail-text);margin:20px 0 0;font-size:17px;line-height:1.6}.mm-mail-read-strong{color:var(--mail-heading);font-size:18px}.mm-mail-letter{border-top:2px solid var(--mail-rule);padding-block:96px}.mm-mail-letter-grid{align-items:center;gap:56px;display:grid}@media (min-width:768px){.mm-mail-letter{padding-block:128px}.mm-mail-letter-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px}}.mm-mail-envelope{justify-content:center;align-items:center;display:flex}.mm-mail-envelope-art{flex:none;width:192px;height:174px;display:block}@media (min-width:768px){.mm-mail-envelope-art{width:256px;height:232px}}@media (min-width:1024px){.mm-mail-envelope-art{width:320px;height:290px}}.mm-mail-env-shut,.mm-mail-env-seal,.mm-mail-envelope:is([data-step="2"],[data-step="3"]) .mm-mail-env-open{visibility:hidden}.mm-mail-envelope:is([data-step="2"],[data-step="3"]) .mm-mail-env-shut,.mm-mail-envelope[data-step="3"] .mm-mail-env-seal{visibility:visible}.mm-mail-envelope[data-step="1"] .mm-mail-env-letter{transform:translateY(8px)}.mm-mail-envelope:is([data-step="2"],[data-step="3"]) .mm-mail-env-letter{transform:translateY(20px)}.mm-mail-plan{border-top:2px solid var(--mail-rule);padding-block:96px}@media (min-width:768px){.mm-mail-plan{padding-block:128px}}.mm-mail-lines{max-width:880px;margin:48px 0 0;padding:0;list-style:none}@media (min-width:1024px){.mm-mail-plan-grid{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:start;gap:64px;display:grid}.mm-mail-plan-grid>.mm-mail-h2{position:sticky;top:112px}.mm-mail-lines{margin-top:0}}.mm-mail-line{border-top:2px solid var(--mail-rule);grid-template-columns:16px minmax(0,1fr);gap:20px;padding-block:24px;display:grid}.mm-mail-line:last-child{border-bottom:2px solid var(--mail-rule)}.mm-mail-line-mark{background:var(--mail-frame);width:8px;height:8px;margin-top:11px}.mm-mail-line[data-state=typing] .mm-mail-line-mark,.mm-mail-line[data-state=done] .mm-mail-line-mark{background:var(--mail-strong)}.mm-mail-line-text{color:var(--mail-strong);margin:0;font-size:18px;line-height:1.5}@media (min-width:768px){.mm-mail-line-text{font-size:20px}.mm-mail-line-mark{margin-top:12px}}.mm-mail-rest{visibility:hidden}.mm-mail-caret{vertical-align:-.15em;width:0;height:1em;display:none;position:relative}.mm-mail-line[data-caret] .mm-mail-caret{display:inline-block}.mm-mail-caret:after{content:"";background:var(--mail-strong);width:10px;height:1.2em;position:absolute;top:0;left:3px}.mm-mail-caveat{max-width:66ch;color:var(--mail-text);margin:10px 0 0;font-size:15px;line-height:1.6}.mm-mail-line:is([data-state=wait],[data-state=typing]) .mm-mail-caveat{visibility:hidden}.mm-mail-relation{padding-block:0 96px}@media (min-width:768px){.mm-mail-relation{padding-block:0 128px}}.mm-mail-relation-box{background:var(--mail-chrome);border:2px solid var(--mail-rule);max-width:760px;box-shadow:var(--mail-shadow-pixel);margin-left:auto;padding:32px 24px}@media (min-width:768px){.mm-mail-relation-box{padding:48px}}.mm-mail-door{border-top:2px solid var(--mail-rule);padding-top:96px}.mm-mail-door-copy{padding-bottom:72px}@media (min-width:768px){.mm-mail-door{padding-top:128px}.mm-mail-door-copy{padding-bottom:96px}}@media (prefers-reduced-motion:no-preference){.mm-mail-enter{animation:mail-in var(--mail-reveal) var(--mail-ease-pixel) both}.mm-mail-enter:nth-child(2){animation-delay:80ms}.mm-mail-enter:nth-child(3){animation-delay:.16s}.mm-mail-enter:nth-child(4){animation-delay:.24s}.mm-mail [data-mail-reveal=wait]{opacity:0}.mm-mail [data-mail-reveal=in]{animation:mail-in var(--mail-reveal) var(--mail-ease-pixel) both}.mm-mail-clouds-near{animation:120s steps(640,end) infinite paused mail-drift}.mm-mail-clouds-far{animation:240s steps(640,end) infinite paused mail-drift}.mm-mail[data-phase=night] .mm-mail-stars{animation:2.6s steps(3,end) infinite alternate paused mail-twinkle}.mm-mail[data-phase=night] .mm-mail-stars-b{animation-duration:3.4s;animation-delay:-1.3s}.mm-mail [data-run=on] :is(.mm-mail-drift,.mm-mail-stars){animation-play-state:running}.mm-mail-env-letter{transition:transform .32s var(--mail-ease-pixel)}.mm-mail-envelope[data-step="3"] .mm-mail-env-seal{transform-box:fill-box;transform-origin:50%;animation:.24s steps(2,end) both mail-stamp}.mm-mail-line[data-state=done][data-caret] .mm-mail-caret:after{animation:mail-blink calc(var(--mail-blink) * 2) var(--mail-ease-blink) infinite}.mm-mail[data-hidden] :is(.mm-mail-drift,.mm-mail-stars){animation-play-state:paused!important}.mm-mail[data-hidden] .mm-mail-caret:after{animation-play-state:paused}}@keyframes mail-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes mail-blink{50%{opacity:0}}@keyframes mail-drift{to{transform:translateX(calc(-640px * var(--mail-s)))}}@keyframes mail-twinkle{0%{opacity:0}to{opacity:1}}@keyframes mail-stamp{0%{transform:scale(1.5)}to{transform:none}}