.mm-phone{--pf:#e1306c;--pf-hi:#ffc2d6;--pf-grad:linear-gradient(115deg,#833ab4,#e1306c 55%,#f77737);--pf-ink:#fff;--pf-screen:#0b0a10;container:mmphone/inline-size;position:relative;isolation:isolate;overflow:hidden;margin:26px 0 0;padding:40px clamp(20px,3.6vw,44px);border-radius:28px;border:1px solid rgba(255,255,255,.14);background:#07050d;border:1px solid color-mix(in srgb,var(--pf) 45%,rgba(255,255,255,.14));background:radial-gradient(ellipse at 80% 45%,color-mix(in srgb,var(--pf) 26%,transparent),transparent 58%),radial-gradient(ellipse at 0% 0%,rgba(245,201,106,.14),transparent 50%),#07050d;box-shadow:0 24px 70px #00000073;transition:border-color .5s ease,background .5s ease}.mm-phone[data-platform=facebook]{--pf:#166fe5;--pf-hi:#b9d5ff;--pf-grad:linear-gradient(115deg,#0b4fbf,#166fe5 60%,#4a95ff);--pf-screen:#0a101c}.mm-phone[data-platform=threads]{--pf:#d9d9e3;--pf-hi:#ffffff;--pf-grad:linear-gradient(115deg,#3a3a44,#101014);--pf-screen:#000}.mm-phone-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);grid-template-areas:"head stage" "tabs stage" "facts stage" "cta stage";-moz-column-gap:clamp(24px,4vw,48px);column-gap:clamp(24px,4vw,48px);row-gap:22px;align-items:start}.mm-phone-head{grid-area:head}.mm-phone-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:var(--mm-gold,#f5c96a);color:#1a1206;font-size:12px;font-weight:900;letter-spacing:.18em}.mm-phone-head h2{margin:14px 0 0;font-size:clamp(42px,6vw,78px);font-size:clamp(42px,7.4cqi,78px);line-height:.95;font-weight:900;letter-spacing:-.035em;color:#fff;max-width:none}.mm-phone-head h2 span{display:block;background:linear-gradient(100deg,#ffe6b0,#f5c96a 45%,#ffb3e3);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.mm-phone-lede{margin:16px 0 0;max-width:44ch;font-size:18px;line-height:1.5;color:#ece7fb}.mm-phone-tabs{grid-area:tabs;display:grid;gap:10px}.mm-phone-tab{--tab:#e1306c;--tab-grad:linear-gradient(115deg,#833ab4,#e1306c 55%,#f77737);display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:12px 16px 12px 12px;border-radius:18px;border:1px solid rgba(255,255,255,.14);background:#120d1e;color:#fff;font:inherit;text-align:left;cursor:pointer;transition:border-color .2s,background-color .2s,box-shadow .2s,transform .2s}.mm-phone-tab[data-platform=facebook]{--tab:#166fe5;--tab-grad:linear-gradient(115deg,#0b4fbf,#166fe5 60%,#4a95ff)}.mm-phone-tab[data-platform=threads]{--tab:#e6e6ee;--tab-grad:linear-gradient(115deg,#26262e,#000)}.mm-phone-tab:hover{border-color:color-mix(in srgb,var(--tab) 70%,transparent)}.mm-phone-tab:focus-visible{outline:2px solid #ffe6b0;outline-offset:3px}.mm-phone-tab[aria-selected=true]{border-color:var(--tab);background:linear-gradient(110deg,color-mix(in srgb,var(--tab) 22%,#120d1e),#120d1e 70%);box-shadow:0 0 0 1px var(--tab),0 14px 34px color-mix(in srgb,var(--tab) 26%,transparent)}.mm-phone-tab-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:var(--tab-grad);color:#fff;box-shadow:inset 0 1px #ffffff40}.mm-phone-tab[data-platform=threads] .mm-phone-tab-icon{border:1px solid rgba(255,255,255,.4)}.mm-phone-tab-copy{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;min-width:0}.mm-phone-tab-copy strong{font-size:32px;font-size:clamp(28px,3.4cqi,36px);line-height:1;font-weight:900;letter-spacing:-.02em;color:#fff}.mm-phone-tab-copy span{font-size:16.5px;font-weight:750;color:#e4def5}.mm-phone-tab-go{color:#bdb3dc;transition:color .2s,transform .2s}.mm-phone-tab[aria-selected=true] .mm-phone-tab-go{color:#fff;transform:translate(2px)}.mm-phone-facts{grid-area:facts}.mm-phone-facts-head{display:block;margin:0 0 8px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#bdb3dc}.mm-phone-facts ol{list-style:none;margin:0;padding:0;display:grid;gap:4px}.mm-phone-facts button{display:flex;align-items:baseline;gap:10px;width:100%;padding:9px 12px;border-radius:12px;border:1px solid transparent;background:none;color:#d9d3ee;font:inherit;font-size:15.5px;line-height:1.45;text-align:left;cursor:pointer;transition:background-color .2s,border-color .2s,color .2s}.mm-phone-facts button:hover{background:#ffffff0a;color:#fff}.mm-phone-facts button.is-on{background:#ffffff0f;border-color:color-mix(in srgb,var(--pf) 60%,transparent);color:#fff}.mm-phone-facts button:focus-visible{outline:2px solid #ffe6b0;outline-offset:2px}.mm-phone-fact-num{flex:none;font-size:12px;font-weight:900;color:var(--mm-gold,#f5c96a);font-variant-numeric:tabular-nums}.mm-phone-cta{grid-area:cta;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:4px}.mm-phone{scroll-margin-top:16px}.mm-phone-head h2:focus{outline:none}.mm-phone-head h2:focus-visible{outline:2px solid #ffe6b0;outline-offset:4px;border-radius:6px}.mm-phone-stage{grid-area:stage;position:relative;display:grid;place-items:center;align-self:center;min-height:700px}.mm-phone-glow{position:absolute;top:6%;right:-10%;bottom:6%;left:-10%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--pf) 40%,transparent),transparent);filter:blur(10px);transition:background .5s}.mm-phone-device{position:relative;width:300px;height:620px;padding:11px;border-radius:50px;transform:rotate(-2.5deg);background:linear-gradient(145deg,#34303f,#0c0b12 40%,#23202c);box-shadow:0 0 0 1.5px #4a4456,0 34px 80px #000000a6,0 0 70px color-mix(in srgb,var(--pf) 30%,transparent);transition:box-shadow .5s,transform .4s ease}.mm-phone-device:before,.mm-phone-device:after{content:"";position:absolute;width:4px;border-radius:2px;background:#3a3546}.mm-phone-device:before{left:-4px;top:130px;height:64px}.mm-phone-device:after{right:-4px;top:170px;height:90px}.mm-phone-screen{position:relative;display:flex;flex-direction:column;height:100%;padding:10px 14px 14px;border-radius:40px;overflow:hidden;background:var(--pf-screen);color:#fff;transition:background .5s}.mm-phone-status{position:relative;display:flex;justify-content:space-between;align-items:center;height:30px;padding:0 10px;font-size:13px;font-weight:800}.mm-phone-island{position:absolute;left:50%;top:2px;width:92px;height:26px;transform:translate(-50%);border-radius:999px;background:#000;box-shadow:0 0 0 1px #ffffff0f}.mm-phone-bars{width:24px;height:11px;border-radius:3px;border:1.5px solid rgba(255,255,255,.85);position:relative}.mm-phone-bars:after{content:"";position:absolute;top:1.5px;right:6px;bottom:1.5px;left:1.5px;border-radius:1px;background:#fff}.mm-phone-app{display:flex;align-items:center;gap:8px;padding:10px 2px 8px}.mm-phone-app-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--pf-grad);color:#fff}.mm-phone[data-platform=threads] .mm-phone-app-icon{border:1px solid rgba(255,255,255,.4)}.mm-phone-app-name{font-size:17px;font-weight:850}.mm-phone-app-chip{margin-left:auto;padding:3px 9px;border-radius:999px;background:#ffffff1a;font-size:11px;font-weight:800;color:#e9e6f2}.mm-phone-count{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:2px 0 8px;padding:12px 14px;border-radius:16px;background:linear-gradient(#0003,#0003),var(--pf-grad);color:#fff;box-shadow:inset 0 1px #ffffff38}.mm-phone[data-platform=threads] .mm-phone-count{border:1px solid rgba(255,255,255,.28)}.mm-phone-count strong{font-size:34px;line-height:1;font-weight:900;letter-spacing:-.02em}.mm-phone-count span{font-size:12px;font-weight:750;opacity:.95}.mm-phone-rows{list-style:none;margin:0;padding:0;flex:1 1 0;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 calc(100% - 22px),transparent);mask-image:linear-gradient(#000 calc(100% - 22px),transparent)}.mm-phone-rows li{display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.07)}.mm-phone-avatar{width:28px;height:28px;margin:1px;border-radius:50%;background:var(--pf-grad);box-shadow:0 0 0 2px var(--pf-screen),0 0 0 3.5px var(--pf)}.mm-phone-handle{font-size:12.5px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mm-phone-state{padding:2px 8px;border-radius:999px;background:#ffffff14;color:var(--pf-hi);font-size:10.5px;font-weight:800;white-space:nowrap}.mm-phone-more{flex:none;display:block;padding:6px 0 8px;text-align:center;font-size:12px;font-weight:800;color:#bdb3dc}.mm-phone-fact{flex:none;margin-top:auto;padding:11px 12px;border-radius:16px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}.mm-phone-fact-label{display:block;font-size:10px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--pf-hi)}.mm-phone-fact p{margin:5px 0 8px;min-height:3.9em;font-size:13.5px;line-height:1.38;font-weight:750;color:#fff}.mm-phone-dots{display:flex;gap:5px}.mm-phone-dots i{width:6px;height:6px;border-radius:3px;background:#ffffff40;transition:width .3s,background-color .3s}.mm-phone-dots i.is-on{width:16px;background:var(--pf-hi)}.mm-phone-float{position:absolute;z-index:2;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:900;white-space:nowrap;box-shadow:0 12px 30px #00000073}.mm-phone-float-a{top:6px;left:0;background:#fff;color:#120b1f}.mm-phone-float-b{bottom:6px;right:0;background:linear-gradient(110deg,#ffe6b0,#f5c96a);color:#1a1206}@media(prefers-reduced-motion:no-preference){:root:not([data-art-motion=off]) .mm-phone-rows li{animation:mm-row-in .45s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 60ms)}:root:not([data-art-motion=off]) .mm-phone-fact p{animation:mm-fact-in .35s ease both}:root:not([data-art-motion=off]) .mm-phone-float{animation:mm-float 6s ease-in-out infinite}:root:not([data-art-motion=off]) .mm-phone-float-b{animation-delay:-3s}:root:not([data-art-motion=off]) .mm-phone-tab:hover{transform:translate(3px)}:root:not([data-art-motion=off]) .mm-phone-stage:hover .mm-phone-device{transform:rotate(0) translateY(-4px)}}@keyframes mm-row-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}@keyframes mm-fact-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes mm-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){.mm-phone,.mm-phone-tab,.mm-phone-device,.mm-phone-screen,.mm-phone-glow,.mm-phone-dots i,.mm-phone-tab-go{transition:none}}:root[data-art-motion=off] :is(.mm-phone,.mm-phone-tab,.mm-phone-device,.mm-phone-screen,.mm-phone-glow,.mm-phone-dots i,.mm-phone-tab-go){transition:none}@container mmphone (max-width:720px){.mm-phone-grid{grid-template-columns:1fr;grid-template-areas:"head" "tabs" "stage" "facts" "cta";row-gap:18px}.mm-phone-head h2{font-size:clamp(38px,12cqi,60px)}.mm-phone-stage{min-height:0;padding:36px 0;justify-self:center;width:min(100%,400px)}}@container mmphone (max-width:380px){.mm-phone-device{width:270px;height:560px;border-radius:46px}.mm-phone-screen{border-radius:36px}.mm-phone-tab{grid-template-columns:44px minmax(0,1fr) auto;gap:12px;padding:10px 12px 10px 10px}.mm-phone-tab-icon{width:44px;height:44px;border-radius:13px}.mm-phone-rows li{grid-template-columns:26px minmax(0,1fr) auto;gap:7px}.mm-phone-avatar{width:24px;height:24px}.mm-phone-state{padding:2px 6px;font-size:9.5px}.mm-phone-count{padding:10px 12px}.mm-phone-count span{font-size:11px}}@container mmphone (max-width:300px){.mm-phone-tab{grid-template-columns:44px minmax(0,1fr)}.mm-phone-tab-go{display:none}}@supports not (container-type:inline-size){@media(max-width:860px){.mm-phone-grid{grid-template-columns:1fr;grid-template-areas:"head" "tabs" "stage" "facts" "cta"}.mm-phone-stage{min-height:0}}}@media(max-width:640px){.mm-phone{padding:24px 16px;border-radius:20px}.mm-phone-lede{font-size:16.5px}}