.join .inner{padding:var(--sec-top) var(--gutter) var(--sec-last-bottom);border-top:1px solid var(--line)}.join-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:56px;display:grid}.gets{counter-reset:step;max-width:440px;margin:36px 0 0;padding:0;list-style:none}.gets li{counter-increment:step;border-top:1px solid var(--line);color:var(--mist-ink);grid-template-columns:26px minmax(0,1fr);padding:18px 0;font-size:15px;line-height:1.5;display:grid}.gets li:before{content:counter(step);color:var(--muted);font-variant-numeric:proportional-nums;font-size:13px;line-height:24px}.gets li b{font-size:16px;line-height:1.5;font-weight:var(--w-heavy);letter-spacing:-.01em;color:var(--ink);margin-bottom:2px;display:block}.gets li:last-child{border-bottom:1px solid var(--line)}.cities{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;margin-top:32px;display:grid}.cities .lead{color:var(--muted);grid-column:1/-1;margin:0 0 10px;font-size:13px}.city{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:48px;display:flex}.city:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.city .n{white-space:nowrap;color:var(--ink);align-items:center;gap:10px;font-size:14px;font-weight:560;display:flex}.city .d{border-radius:var(--radius-cell);background:#bdbdbd;flex:none;width:7px;height:7px;transition:background .3s;position:relative}.city.open .d{background:var(--cobalt)}.city.open .d:after{content:"";border-radius:var(--radius-cell);background:var(--cobalt);animation:3.2s ease-out infinite online;position:absolute;inset:0}.city .t{font-size:17px;font-weight:var(--w-light);letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--ink)}@media (max-width:360px){.cities{grid-template-columns:minmax(0,1fr)}.city:nth-last-child(2){border-bottom:0}}.mail{border:1px solid var(--mist-line);box-shadow:var(--soft-lift);background:#fff;border-radius:4px;overflow:hidden}.mail .chrome{border-bottom:1px solid var(--mist-line);background:var(--mist-2);align-items:center;height:38px;padding:0 14px;display:flex;position:relative}.mail .lights{gap:7px;display:flex}.mail .lights i{background:#d3d8e3;border-radius:50%;width:11px;height:11px;transition:background .2s}.mail .lights:hover i:first-child{background:#ff5f57}.mail .lights:hover i:nth-child(2){background:#febc2e}.mail .lights:hover i:nth-child(3){background:#28c840}@media (hover:none){.mail .lights i:first-child{background:#ff5f57}.mail .lights i:nth-child(2){background:#febc2e}.mail .lights i:nth-child(3){background:#28c840}}.mail .title{text-align:center;color:var(--muted);pointer-events:none;font-size:12.5px;position:absolute;left:0;right:0}.mail .mode{border-radius:var(--radius-bar);background:var(--mist-2);width:fit-content;color:var(--muted-wash);white-space:nowrap;gap:2px;margin:0 0 18px;padding:2px;font-size:14px;line-height:1.4;display:flex}.mail .mode>button{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:3px;padding:7px 14px;transition:color .3s}.mail .mode>button.on{color:var(--ink)}.mail .note{resize:none;width:100%;min-height:116px;font:400 14px/1.7 var(--font-mona), sans-serif;letter-spacing:-.005em;color:var(--ink);white-space:pre-wrap;background:0 0;border:0;outline:none;margin-top:10px;padding:0;display:block;overflow:hidden}.mail .note::placeholder{color:#b3b3b3}.mail .note.bad::placeholder{color:var(--heat-4)}.mail .hrow{border-bottom:1px solid var(--mist-line);background:var(--mist);grid-template-columns:76px minmax(0,1fr);align-items:center;min-height:44px;padding:0 24px;font-size:14px;display:grid}.mail .hrow>span:first-child{color:var(--muted)}.mail .hrow .to,.mail .subj{color:var(--ink)}.mail .hrow input{width:100%;font:400 14px var(--font-mona), sans-serif;color:var(--ink);background:0 0;border:0;outline:none;padding:12px 0}.mail .hrow:focus-within{box-shadow:inset 2px 0 0 var(--focus)}.mail .body{letter-spacing:-.005em;color:var(--ink);padding:22px 24px 38px;font-size:14px;line-height:2.2}.mail .body p{margin:0}.mail .body p+p{margin-top:10px}.mail .body .sign{margin-top:22px;line-height:1.7}.mail .nowrap{white-space:nowrap}.mail .signame{color:var(--ink);font-weight:500}.mail .signame.empty{color:#b3b3b3;font-weight:400}.mail .f{background:linear-gradient(90deg, var(--heat-6), var(--heat-5) 35%, var(--heat-4) 60%, var(--heat-3) 85%, var(--heat-2)) bottom / 0% 1px no-repeat, linear-gradient(#cfcfcf, #cfcfcf) bottom / 100% 1px no-repeat;min-width:4ch;font:500 14px var(--font-mona), sans-serif;color:var(--ink);transition:background-size .45s var(--ease-out);border:0;border-radius:0;outline:none;padding:0 2px 1px}.mail .f::placeholder{color:#b3b3b3;font-weight:400}.mail .f:focus{background-size:100% 1px,100% 1px}.mail select.f{appearance:none;cursor:pointer;background:linear-gradient(90deg, var(--heat-6), var(--heat-5) 35%, var(--heat-4) 60%, var(--heat-3) 85%, var(--heat-2)) bottom / 0% 1px no-repeat, linear-gradient(#cfcfcf, #cfcfcf) bottom / 100% 1px no-repeat, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23767676'/%3E%3C/svg%3E") right 2px center / 10px 6px no-repeat;max-width:100%;padding-right:18px}.mail select.f:focus{background-size:100% 1px,100% 1px,10px 6px}.mail .f.bad{background-image:linear-gradient(var(--ink), var(--ink)), linear-gradient(var(--ink), var(--ink));background-size:100% 1px,100% 1px}.mail .tools{border-top:1px solid var(--mist-line);background:var(--mist);align-items:center;gap:16px;padding:14px 24px;display:flex}.mail .err{color:var(--ink);font-size:13px;line-height:1.4}.mail .tools .lim{color:var(--muted);margin-left:auto;font-size:13px}.mail .sent{color:var(--ink);padding:32px 24px 36px;font-size:14px;line-height:1.6;display:none}.mail .sent b{letter-spacing:-.02em;margin-bottom:6px;font-size:16px;font-weight:600;display:block}.mail.done form{display:none}.mail.done .sent{display:block}.join .after{color:var(--muted);margin:14px 0 0;font-size:13px;line-height:1.5}@media (max-width:760px){.join .inner{padding:var(--sec-top) var(--gutter) var(--sec-last-bottom)}.join-grid{grid-template-columns:1fr;gap:36px}.mail .hrow{grid-template-columns:68px minmax(0,1fr);padding:0 16px}.mail .mode{width:auto}.mail .mode>button{flex:1}.mail .body{padding:20px 16px 24px}.mail .tools{padding:12px 16px}.city .n{font-size:13px}.city .t{font-size:15px}}@media (prefers-reduced-motion:reduce){.city.open .d:after{opacity:0;animation:none}.mail .f{transition:none}}