.channel-post-demo{place-items:center;max-width:760px;margin:0 auto;padding:10px 0 20px;display:grid;position:relative}.channel-post-demo .fit-post{z-index:1;position:relative}.channel-chip{z-index:2;border:1px solid var(--card-border);background:color-mix(in srgb, var(--card) 94%, transparent);color:var(--ink);white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;align-items:center;gap:7px;padding:9px 14px 9px 10px;font-size:12.5px;font-weight:600;display:inline-flex;position:absolute;box-shadow:0 16px 34px -18px #0006}.folio-site .channel-chip svg{width:14px;height:14px;color:var(--ok)}.channel-chip.chip-0{top:18%;left:2%;rotate:-4deg}.channel-chip.chip-1{top:48%;right:0;rotate:3deg}.channel-chip.chip-2{bottom:16%;left:6%;rotate:2deg}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;max-width:1080px;margin:48px auto 0;padding:0;list-style:none;display:grid}.spec-grid li{border:1px solid var(--card-border);background:var(--card);border-radius:22px;align-content:start;gap:10px;padding:24px 22px;display:grid;box-shadow:0 18px 40px -32px #3b33204d}.spec-label{color:var(--scene-accent);letter-spacing:1.4px;text-transform:uppercase;font-size:10px;font-weight:700}.spec-grid strong{color:var(--ink);letter-spacing:-.5px;font-size:20px;font-weight:500;line-height:1.25}.spec-grid small{color:var(--gray);font-size:12.5px;line-height:1.55}.folio-site .caption-rows p.is-open{-webkit-line-clamp:unset;display:block;overflow:visible}.channel-connect{justify-content:space-between;align-items:center;gap:14px;display:flex}.channel-connect .channel-table-mark{border-radius:12px;width:44px;height:44px}.folio-site .channel-connect .channel-table-mark svg{width:22px;height:22px}.channel-connect-button{color:#fbf7ee;background:#2b2e27;border-radius:9px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;font-weight:600;display:inline-flex}.folio-site .channel-connect-button svg{width:14px;height:14px}:root[data-folio-theme=dark] .channel-connect-button{color:#17262a;background:#f3e6cd}.folio-site .other-channels{padding-top:40px}.other-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1000px;margin:44px auto 0;padding:0;list-style:none;display:grid}.other-grid a{border:1px solid var(--card-border);background:var(--card);color:var(--ink);border-radius:18px;align-items:center;gap:12px;padding:14px 16px;transition:translate .3s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .3s;display:flex}.other-grid a:hover{border-color:color-mix(in srgb, var(--orange) 45%, var(--card-border));translate:0 -3px;box-shadow:0 24px 50px -32px #3b332070}.other-grid strong{flex:1;font-size:14px;font-weight:600}.folio-site .other-grid a>svg{width:15px;height:15px;color:var(--gray);transition:translate .25s,color .25s}.other-grid a:hover>svg{color:var(--ink);translate:3px}.other-hub{text-align:center;margin-top:28px}.other-hub .section-more{margin-top:0}.other-hub .app-mark{width:16px;height:16px}@media (prefers-reduced-motion:no-preference){.channel-chip{animation:.7s cubic-bezier(.3,1.4,.5,1) both chip-in;animation-delay:calc(.9s + var(--i) * .25s)}@keyframes chip-in{0%{opacity:0;scale:.6}}.motion-ready .spec-grid.reveal li,.motion-ready .other-grid.reveal li{opacity:0;transition:opacity .6s ease calc(var(--i) * 60ms), transform .7s cubic-bezier(.2,.7,.2,1) calc(var(--i) * 60ms);transform:translateY(18px)}.motion-ready .spec-grid.reveal.is-visible li,.motion-ready .other-grid.reveal.is-visible li{opacity:1;transform:none}}@media (max-width:1000px){.spec-grid,.other-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.channel-chip{position:static;rotate:none}.channel-post-demo{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.channel-post-demo .fit-post{order:-1;margin-bottom:8px}.spec-grid,.other-grid{grid-template-columns:1fr}}
