.demo-gate{--landing-ink:#2b2423;--landing-wine:#6f2e40;--landing-wine-deep:#4a1f2c;--landing-blush:#cf8d91;--landing-cream:#fbf7f0;--landing-paper:#f3ebdd;display:flex;align-items:flex-start;justify-content:center;min-height:100svh;padding:2rem 1.25rem calc(2rem + env(safe-area-inset-bottom));color:var(--landing-ink);background:radial-gradient(120% 80% at 50% 0,rgba(207,141,145,.22) 0,rgba(74,31,44,0) 62%),var(--landing-wine-deep);font-family:var(--font-public-sans),system-ui,sans-serif;text-align:center}.demo-gate,.demo-gate *{box-sizing:border-box}.demo-gate__card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;gap:1.15rem;margin:auto;width:min(30rem,100%);padding:clamp(2.25rem,7vw,2.85rem) clamp(1.75rem,6vw,2.5rem);background-color:var(--landing-paper);background-image:radial-gradient(140% 120% at 20% 0,rgba(255,255,255,.42),transparent 55%),linear-gradient(168deg,rgba(255,252,244,.16),rgba(244,235,217,.1) 46%,rgba(226,212,183,.2)),url(/paper-bg.png);background-size:auto,auto,cover;background-position:50%;background-repeat:no-repeat;filter:drop-shadow(0 26px 48px rgba(20,8,13,.42));-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='420' preserveAspectRatio='none'><filter id='m' x='-20%25' y='-20%25' width='140%25' height='140%25'><feTurbulence type='fractalNoise' baseFrequency='0.008 0.03' numOctaves='3' seed='7' result='t'/><feDisplacementMap in='SourceGraphic' in2='t' scale='9' xChannelSelector='R' yChannelSelector='G'/><feGaussianBlur stdDeviation='0.4'/></filter><rect x='7' y='7' width='586' height='406' rx='3' fill='black' filter='url(%23m)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='420' preserveAspectRatio='none'><filter id='m' x='-20%25' y='-20%25' width='140%25' height='140%25'><feTurbulence type='fractalNoise' baseFrequency='0.008 0.03' numOctaves='3' seed='7' result='t'/><feDisplacementMap in='SourceGraphic' in2='t' scale='9' xChannelSelector='R' yChannelSelector='G'/><feGaussianBlur stdDeviation='0.4'/></filter><rect x='7' y='7' width='586' height='406' rx='3' fill='black' filter='url(%23m)'/></svg>");-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.demo-gate__card:after{z-index:2;opacity:.1;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='360' height='360'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='2.2' numOctaves='3' stitchTiles='stitch' result='n'/><feDiffuseLighting in='n' lighting-color='white' surfaceScale='0.7'><feDistantLight azimuth='45' elevation='62'/></feDiffuseLighting></filter><rect width='100%25' height='100%25' filter='url(%23p)'/></svg>");background-size:360px 360px}.demo-gate__card:after,.demo-gate__card:before{content:"";position:absolute;inset:0;pointer-events:none}.demo-gate__card:before{z-index:0;background:linear-gradient(180deg,rgba(255,255,255,.5),transparent 3px)}.demo-gate__card>*{position:relative;z-index:3}.demo-gate__mark{width:46px;height:auto;opacity:.9}.demo-gate__title{margin:0;color:var(--landing-ink);font-family:var(--font-unbounded),system-ui,sans-serif;font-size:clamp(1.35rem,5.4vw,1.7rem);font-weight:500;line-height:1.25;letter-spacing:-.01em;text-wrap:balance}.demo-gate__body{margin:0;max-width:24rem;opacity:.78;font-size:1rem;line-height:1.65}.demo-gate__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:.65rem;width:100%;margin-top:.35rem}.demo-gate__button{flex:1 1 11rem;min-height:3rem;padding:0 1.35rem;border:1px solid transparent;border-radius:999px;background:var(--landing-wine);color:var(--landing-cream);font-family:inherit;font-size:.95rem;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:background-color .24s ease,transform .24s ease}@media (hover:hover){.demo-gate__button:hover{background:var(--landing-wine-deep)}.demo-gate__button--quiet:hover{background:rgba(111,46,64,.08)}.demo-gate__back:hover{opacity:.9}}.demo-gate__button:active{transform:translateY(1px)}.demo-gate__button--quiet{background:transparent;border-color:rgba(111,46,64,.4);color:var(--landing-wine)}.demo-gate__back:focus-visible,.demo-gate__button:focus-visible{outline:2px solid var(--landing-wine);outline-offset:3px}.demo-gate__url{margin:0;opacity:.5;font-size:.78rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;max-width:100%;overflow-wrap:anywhere}.demo-gate__back{margin-top:.35rem;color:var(--landing-ink);opacity:.62;font-size:.9rem;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:rgba(43,36,35,.35)}@media (prefers-reduced-motion:reduce){.demo-gate__button{transition:none}}.recipient-gate__switch{display:contents}.recipient-gate__pane--blocked{display:none}@media (pointer:coarse){.recipient-gate__switch[data-gate-format=world] .recipient-gate__pane--capable{display:none}.recipient-gate__switch[data-gate-format=world] .recipient-gate__pane--blocked{display:flex}}.recipient-gate__switch[data-gate-capability=blocked] .recipient-gate__pane--capable{display:none}.recipient-gate__switch[data-gate-capability=blocked] .recipient-gate__pane--blocked,.recipient-gate__switch[data-gate-capability=ok] .recipient-gate__pane--capable{display:flex}.recipient-gate__switch[data-gate-capability=ok] .recipient-gate__pane--blocked{display:none}.recipient-gate__pane--blocked .demo-gate__card{-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='760' preserveAspectRatio='none'><filter id='m' x='-20%25' y='-20%25' width='140%25' height='140%25'><feTurbulence type='fractalNoise' baseFrequency='0.008 0.014' numOctaves='3' seed='7' result='t'/><feDisplacementMap in='SourceGraphic' in2='t' scale='9' xChannelSelector='R' yChannelSelector='G'/><feGaussianBlur stdDeviation='0.4'/></filter><rect x='7' y='7' width='586' height='746' rx='3' fill='black' filter='url(%23m)'/></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='760' preserveAspectRatio='none'><filter id='m' x='-20%25' y='-20%25' width='140%25' height='140%25'><feTurbulence type='fractalNoise' baseFrequency='0.008 0.014' numOctaves='3' seed='7' result='t'/><feDisplacementMap in='SourceGraphic' in2='t' scale='9' xChannelSelector='R' yChannelSelector='G'/><feGaussianBlur stdDeviation='0.4'/></filter><rect x='7' y='7' width='586' height='746' rx='3' fill='black' filter='url(%23m)'/></svg>")}