.home .doors{display:grid;grid-template-columns:repeat(2,minmax(0,420px));gap:22px;justify-content:center;margin-top:clamp(88px,9.5vw,136px);width:100%}
.home .door{--mi:30 28 24}
.home .door>.glass-inset{display:flex;flex-direction:column;height:100%;padding-top:16px;padding-bottom:16px}
.door-peek{display:flex;flex-direction:column;justify-content:center;gap:5px;flex:1 0 auto;min-height:78px;margin:0 0 10px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.5);box-shadow:inset 0 0 0 .5px rgb(var(--mi) / .1),inset 0 1px 2px rgb(var(--mi) / .05)}
.door--core .door-peek{gap:0}
.pi{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;align-items:baseline;padding:3px 0;border-top:1px solid rgb(var(--mi) / .08);font-size:12px;line-height:1.35;color:rgb(var(--mi) / .75);text-wrap:balance}
.pi:first-child{border-top:0;padding-top:2px}
.pi:last-child{padding-bottom:2px}
.pi-k{font:600 11px/1.35 var(--type-code-face);color:rgb(var(--mi) / .9)}
.ps-card{display:grid;gap:4px;padding:5px 9px;border-radius:9px;background:rgba(255,255,255,.62);box-shadow:0 0 0 .5px rgb(var(--mi) / .1)}
.ps-card .pf{grid-template-columns:72px minmax(0,1fr) auto}
.ps-card .pf s{margin-left:4px;white-space:nowrap;font-weight:500;font-variation-settings:"wght" 500;color:rgb(var(--mi) / .45);text-decoration-color:rgb(var(--mi) / .3)}
.ps-ask{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:6px;padding-bottom:4px;border-bottom:1px solid rgb(var(--mi) / .08);font-size:11px;color:rgb(var(--mi) / .6)}
.ps-ask .ico{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:2}
.ps-ask b{font-weight:600;font-variation-settings:"wght" 600;color:rgb(var(--mi) / .8)}
.pf{display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:baseline;gap:8px;font-size:12px;line-height:1.3;color:rgb(var(--mi) / .5)}
.pf b{font-size:13px;font-weight:650;font-variation-settings:"wght" 650;color:rgb(var(--mi) / .88)}
.pf-src{font-size:11px;white-space:nowrap}
.pf.is-old b{font-weight:500;font-variation-settings:"wght" 500;color:rgb(var(--mi) / .45);text-decoration:line-through;text-decoration-color:rgb(var(--mi) / .3)}
.pf.is-gap b{color:rgb(138 82 34)}
.pc{display:grid;grid-template-columns:22px minmax(0,1fr);gap:9px;align-items:start;font-size:12.5px;line-height:1.4;color:rgb(var(--mi) / .75);text-wrap:balance}
.pc img{display:block;width:22px;height:22px;border-radius:6px;background:#fff;box-shadow:0 0 0 .5px rgb(var(--mi) / .14)}
.pc b{display:block;font-weight:700;font-variation-settings:"wght" 700;color:rgb(var(--mi) / .9)}
.home .door-title{font-size:22px}
.door-go{width:18px;height:18px;margin-left:auto;align-self:center;fill:none;stroke:currentColor;stroke-width:1.8;color:rgb(var(--mi) / .6);transition:translate .34s cubic-bezier(.22,1,.36,1),color .2s var(--ease)}
@media (hover:hover){.home .door:hover .door-go{translate:3px 0;color:rgb(var(--mi) / .9)}}
.home .door-line{display:block;margin-top:8px;font-size:14.5px;line-height:1.5;color:var(--ink-2)}
.home>.g-band{--band-h:clamp(420px,48vw,740px);--band-rise:clamp(300px,30vw,470px)}

.convo-stage{position:relative;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}

.convo-stage{--beat:.3s}
.convo--teams{--at:.7s}
.convo--meeting{--at:1.4s}
.convo-stage .win-end.live::before{content:"";width:6px;height:6px;border-radius:50%;background:#B8583C}
@media (min-width:900px){

  .convo-stage{display:block;height:560px}
  .convo-stage>.win{position:absolute}
  .convo-stage>.convo--slack{left:0;top:132px;width:53%;z-index:3}
  .convo-stage>.convo--teams{left:51%;top:0;width:47%;z-index:2}
  .convo-stage>.convo--meeting{left:49%;top:318px;width:49%;z-index:4}
}
@media (max-width:899px){.convo-stage{max-width:560px}}

.stack{--st-w:430px;--st-step:48px;--st-in:30px;display:grid;grid-template-columns:auto minmax(0,340px);gap:44px;align-items:center;justify-content:center;width:100%}
.st-pile{position:relative;width:calc(var(--st-w) + 3 * var(--st-in));height:calc(3 * var(--st-step) + 250px)}
.st-sheet{position:absolute;width:var(--st-w)}
.st-sheet--1{left:0;top:0;z-index:1;--at:0s}
.st-sheet--2{left:var(--st-in);top:var(--st-step);z-index:2;--at:.3s}
.st-sheet--3{left:calc(2 * var(--st-in));top:calc(2 * var(--st-step));z-index:3;--at:.6s}
.st-sheet--4{left:calc(3 * var(--st-in));top:calc(3 * var(--st-step));z-index:4;--at:3s;--beat:.12s}
.st-sheet .win-bar{padding:0 16px;gap:9px}
.st-count{padding:3px 8px;border-radius:7px;font-size:11.5px;color:#703E2B;background:rgba(214,138,92,.12)}
.st-count.is-clean{color:#284C2D;background:rgba(84,140,82,.13)}
.stack>.ask{--at:.5s;--beat:.3s;width:100%;margin:0;z-index:auto}
.ask .msg{padding:16px 16px 16px}
.ask-end{display:grid;margin-top:12px}
.ask-end>*{grid-area:1/1}
.ask-actions{display:none;gap:8px}
.ask-done{margin:0;display:flex;align-items:center;gap:7px;font-size:12px;line-height:1.35;color:var(--wi-3)}
.ask-done::before{content:"";flex:none;width:12px;height:12px;border-radius:50%;background:rgba(84,140,82,.9) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'><path d='M3.3 6.2 5.1 8l3.6-3.8' fill='none' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>") center / 12px no-repeat}
.doc{list-style:none;margin:0;padding:12px 18px 14px;display:flex;flex-direction:column;font-size:13.5px;line-height:1.4;color:rgb(var(--mi) / .82)}
.doc>li{padding:7px 0;border-top:1px solid rgb(var(--mi) / .06)}
.doc>li:first-child{border-top:0}

html[data-motion] .stack[data-reveal][data-shown]:not([data-shown="now"]) .st-sheet:not(.st-sheet--4) .st-count{animation:st-count 1.2s ease-out calc(var(--at) + .5s) both}
@keyframes st-count{0%{box-shadow:0 0 0 0 rgba(214,138,92,0)}30%{box-shadow:0 0 0 3px rgba(214,138,92,.28)}100%{box-shadow:0 0 0 0 rgba(214,138,92,0)}}

html[data-motion] .stack[data-reveal]:not([data-shown="now"]) .ask-actions{display:inline-flex}
html[data-motion] .stack[data-reveal][data-shown]:not([data-shown="now"]) .ask-actions{animation:mw-ask 1.5s linear var(--t) both}
html[data-motion] .stack[data-reveal][data-shown]:not([data-shown="now"]) .ask-actions>.win-btn:last-child{animation:mw-press .36s ease-out calc(var(--t) + .8s) both}
html[data-motion] .stack[data-reveal] .ask-done{transition:opacity .5s var(--ease-arrive) calc(var(--t) + 1.3s),translate .6s var(--ease-arrive) calc(var(--t) + 1.3s)}
html[data-motion] .stack[data-reveal]:not([data-shown]) .ask-done{opacity:0;translate:0 4px}
@keyframes mw-ask{0%{opacity:0}10%{opacity:1}78%{opacity:1}92%,100%{opacity:0;visibility:hidden}}
@keyframes mw-press{0%{scale:1}40%{scale:.94;background:rgb(30 28 24 / .96)}100%{scale:1}}

@media (max-width:1099px){
  .stack{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:28px;max-width:560px}
  .stack>.ask{max-width:430px}
}
@media (max-width:719px){
  .stack{--st-w:calc(100% - 3 * var(--st-in));--st-step:44px;--st-in:14px}
  .st-pile{width:100%}
  .st-sheet .win-where{display:none}
}

@media (max-width:899px){.door-peek{display:none}}
.doors[data-thin] .door-peek{display:none}
@media (max-width:719px){
  .home .doors{grid-template-columns:1fr}
  .pf{grid-template-columns:78px minmax(0,1fr)}
  .pf-src{display:none}
  .home>.g-band{--band-h:640px;--band-rise:470px}
  .thread{padding:14px 14px 16px}
  .msg--note{margin-left:0}
}

.home>#statement{padding-block:clamp(80px,11vw,164px) clamp(56px,7vw,104px)}