.shot{aspect-ratio:1392/760;background:radial-gradient(120% 120% at 50% 0,#eeeff0 0%,#e2e4e6 55%,#d3d6d9 100%);place-items:center;padding:4.5% 6%;display:grid;position:relative;overflow:hidden}.app{width:100%;max-width:1120px;height:100%;font-family:var(--font-ui);color:#0a0a0a;text-align:left;background:#fff;border-radius:14px;grid-template-columns:210px minmax(0,1fr) 250px;font-size:12.5px;line-height:1.45;display:grid;overflow:hidden;box-shadow:0 1px 2px #0000000f,0 40px 90px #0d101629}.app__side{background:#fafafa;border-right:1px solid #eee;flex-direction:column;gap:1px;min-width:0;padding:14px 10px;display:flex}.app__brand{color:#171717;--tile-glyph:#fafafa;align-items:center;gap:8px;padding:2px 6px 12px;font-size:14px;display:flex}.app__brand .tile{width:20px;height:20px}.app__new{background:#fff;border:1px solid #e5e5e5;border-radius:8px;margin-bottom:8px;padding:7px 10px}.app__label{color:#6c6c6c;padding:10px 6px 4px;font-size:10.5px}.app__hist{white-space:nowrap;text-overflow:ellipsis;border-radius:7px;padding:6px 8px;overflow:hidden}.app__hist.is-on{background:#efefef}.app__meter{color:#6c6c6c;grid-template-columns:1fr auto;gap:6px;margin-top:auto;padding:10px 8px 4px;font-size:11px;display:grid}.app__meter i{background:#eee;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.app__meter b{background:#171717;height:100%;display:block}.app__main{flex-direction:column;gap:14px;min-width:0;padding:22px 28px 12px;display:flex;overflow:hidden}.app__bubble{background:#f5f5f5;border-radius:18px;align-self:flex-end;max-width:72%;padding:9px 14px}.app__answer .app__h{margin:0 0 6px;font-size:15px;font-weight:600}.app__answer p{margin:0 0 8px}.app__answer ol{margin:0 0 6px;padding-left:18px}.app__verify{border:1px solid #ececec;border-radius:10px;margin-top:10px;overflow:hidden}.app__verify-head{justify-content:space-between;gap:10px;padding:9px 14px;display:flex}.app__composer{color:#737373;border:1px solid #e5e5e5;border-radius:22px;justify-content:space-between;gap:10px;margin-top:auto;padding:11px 14px;display:flex}.app__chip{color:#404040;white-space:nowrap;background:#f5f5f5;border-radius:999px;padding:3px 9px;font-size:11px}.app__foot{color:#737373;text-align:center;font-size:10.5px}.app__sources{border-left:1px solid #eee;flex-direction:column;gap:8px;min-width:0;padding:18px 14px;display:flex}.app__src{border:1px solid #efefef;border-radius:9px;gap:2px;padding:9px 10px;display:grid}.app__src b{font-weight:500}.app__src span{color:#6c6c6c;font-size:11px}.trace{gap:9px;font-size:12px;display:grid}.trace span{color:#6c6c6c;align-items:center;gap:8px;display:flex}.trace span:before{content:"";border:1.4px solid #a1a1a1;border-radius:50%;width:7px;height:7px}.trace span.is-done{color:#0a0a0a}.trace span.is-done:before{background:#0a0a0a;border-color:#0a0a0a}.app__answer ol{list-style:decimal}.app__answer ol li{padding-left:2px}.pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:32px;display:grid}.pair__text{grid-template-columns:1fr 1fr;gap:32px;display:grid}.pair h3,.step h3,.benefits h3,.triad h3,.use h3{letter-spacing:-.01em;margin-bottom:10px;font-size:17px}.pair p,.step p,.benefits p,.triad p,.use p{color:var(--grey-1);font-size:14.5px}.pair__media{aspect-ratio:676/420;background:linear-gradient(#e7e8e9,#f3f3f2);position:relative;overflow:hidden}.statement{text-align:center;max-width:20ch;margin:0 auto clamp(56px,7vw,96px)}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;display:grid}.step__media{aspect-ratio:318/380;background:linear-gradient(#e5e6e7,#f2f2f1);margin-bottom:18px;position:relative;overflow:hidden}.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.benefits>div,.triad>div,.values>div{border-top:1px solid var(--rule-strong);padding-top:18px}.layers{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;display:grid}.layer{border-top:1px solid var(--rule-strong);grid-template-columns:180px minmax(0,1fr);align-content:start;gap:8px 24px;padding:22px 0;display:grid}.layer .eyebrow{grid-row:span 2}.layer h3{letter-spacing:-.015em;font-size:20px}.layer p{color:var(--grey-1)}.shot--ui{aspect-ratio:1392/640}.shot__ui{transform-origin:50%;width:min(560px,90%);height:100%;position:relative;transform:scale(1.35)}.shot__ui,.pair__media{flex-direction:column;justify-content:center;align-items:center;display:flex}.shot__ui .ui,.pair__media .ui{flex:none;position:relative;width:86%!important;top:auto!important;left:auto!important}.shot__ui .ui+.ui,.pair__media .ui+.ui{margin:-3% 0 0 10%;width:78%!important}@media (width<=1100px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.app{grid-template-columns:190px minmax(0,1fr)}.app__sources{display:none}}@media (width<=720px){.pair,.pair__text,.benefits,.steps{grid-template-columns:minmax(0,1fr)}.shot{aspect-ratio:auto;padding:18px 12px}.app{grid-template-columns:minmax(0,1fr);height:auto}.app__side{display:none}.layers,.layer{grid-template-columns:minmax(0,1fr)}.shot__ui{height:auto;transform:none}.shot__ui .ui{width:100%!important}.shot__ui .ui+.ui{margin:10px 0 0 8%;width:92%!important}}.task-groups{gap:0;display:grid}.task-group{border-top:1px solid var(--rule-strong);scroll-margin-top:calc(var(--top-h) + 16px);grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:32px;padding:28px 0;display:grid}.task-group__head h3{letter-spacing:-.02em;font-size:24px}.task-group__head p{color:var(--grey-1);max-width:32ch;margin-top:8px}.task-group__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;display:grid}.task{background:var(--bg-raised);box-shadow:inset 0 0 0 1px var(--rule);align-content:start;gap:4px;padding:14px 16px;display:grid}.task b{font-size:16px;font-weight:400}.task span{color:var(--grey-1);font-size:14.5px}.jtable-scroll{overflow-x:auto}.jtable{border-collapse:collapse;width:100%;min-width:680px;font-size:15px}.jtable caption{text-align:left;color:var(--grey-1);padding-bottom:14px;font-size:13.5px}.jtable th,.jtable td{text-align:left;border-top:1px solid var(--rule);vertical-align:top;padding:14px 16px 14px 0;font-weight:400}.jtable thead th{color:var(--grey-1);border-top:1px solid var(--rule-strong);font-size:13px}.jtable tbody th{width:24%}.jtable td:nth-child(2){color:var(--grey-1)}.jtable__declined{color:var(--ink-soft)}.facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.fact{border-top:1px solid var(--rule-strong);padding-top:18px}.fact h3{margin-bottom:10px;font-size:17px}.fact p{color:var(--grey-1)}@media (width<=720px){.task-group,.task-group__list,.facts{grid-template-columns:minmax(0,1fr)}}.shot--phones{aspect-ratio:1392/640;container-type:inline-size}.phones{--u:min(.5px, .045cqw);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.phone{width:calc(416 * var(--u));height:calc(870 * var(--u));padding:calc(13 * var(--u));border-radius:calc(67 * var(--u));box-shadow:0 0 0 calc(2.5 * var(--u)) #2e2f33, 0 0 0 calc(3.5 * var(--u)) #9a9ca1, 0 0 0 calc(4.2 * var(--u)) #3a3b3f, 0 calc(24 * var(--u)) calc(56 * var(--u)) #0d10162e, 0 calc(4 * var(--u)) calc(12 * var(--u)) #0d10161a;background:#0a0a0b;flex:none;position:relative}.phone__btn{width:calc(3.5 * var(--u));border-radius:calc(2 * var(--u));background:linear-gradient(90deg,#8c8e93,#45464a 60%,#2e2f33);position:absolute}.phone__btn--action,.phone__btn--up,.phone__btn--down{left:calc(-7.5 * var(--u))}.phone__btn--action{top:calc(152 * var(--u));height:calc(34 * var(--u))}.phone__btn--up{top:calc(214 * var(--u));height:calc(64 * var(--u))}.phone__btn--down{top:calc(292 * var(--u));height:calc(64 * var(--u))}.phone__btn--side{right:calc(-7.5 * var(--u));top:calc(250 * var(--u));height:calc(100 * var(--u));background:linear-gradient(270deg,#8c8e93,#45464a 60%,#2e2f33)}.phone__screen{width:calc(390 * var(--u));height:calc(844 * var(--u));border-radius:calc(54 * var(--u));grid-template-rows:calc(47 * var(--u)) calc(788 * var(--u)) 1fr;background:#fff;display:grid;position:relative;overflow:hidden}.phone__shot{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone__status{padding:calc(5 * var(--u)) calc(32 * var(--u)) 0 calc(40 * var(--u));font:600 calc(16 * var(--u))/1 var(--font-ui);color:#0a0a0a;justify-content:space-between;align-items:center;display:flex}.phone__icons{gap:calc(6 * var(--u));align-items:center;display:flex}.phone__icons svg{height:calc(12 * var(--u));fill:currentColor;width:auto}.phone__island{left:50%;top:calc(11 * var(--u));width:calc(124 * var(--u));height:calc(36 * var(--u));margin-left:calc(-62 * var(--u));border-radius:calc(18 * var(--u));background:#000;position:absolute}.phone__home{left:50%;bottom:calc(8 * var(--u));width:calc(134 * var(--u));height:calc(5 * var(--u));margin-left:calc(-67 * var(--u));background:#0a0a0a;border-radius:3px;position:absolute}.phone__glare{pointer-events:none;background:linear-gradient(118deg,#ffffff29,#fff0 30%);position:absolute;inset:0}.phone--back{transform:translate(26%,3%)rotate(-7deg)}.phone--front{z-index:1;transform:translate(-26%,-2%)rotate(5deg)}@media (width<=720px){.shot--phones{aspect-ratio:1/1.05}.phones{--u:.36px}}.shot__ui .ui{backdrop-filter:blur(12px)saturate(1.4);background-clip:padding-box;border:6px solid #ffffff3d;border-radius:18px;box-shadow:0 0 0 1px #fff9,inset 0 0 0 1px #0d10160d,0 1px 2px #0000000d,0 20px 44px #0d10161c}@media (width<=720px){.shot__ui .ui{border-width:5px;border-radius:17px}}
