.journal-product-demo{border:0;min-width:0;margin:0;padding:0}.journal-product-demo__choices{border-bottom:1px solid var(--journal-rule);flex-wrap:wrap;gap:8px;padding-bottom:24px;display:none}.journal-product-demo__choice{cursor:pointer;flex:120px;position:relative}.journal-product-demo__choice input{clip-path:inset(50%);width:1px;height:1px;position:absolute}.journal-product-demo__choice span{border:1px solid var(--journal-rule);min-height:52px;color:var(--color-indigo-deep);border-radius:11px;justify-content:center;align-items:center;padding:12px 16px;font-size:16px;font-weight:500;display:flex}.journal-product-demo__choice input:checked+span{color:var(--color-on-dark);background:var(--color-indigo-deep);border-color:var(--color-indigo-deep)}.journal-product-demo__choice input:focus-visible+span{outline:2px solid var(--color-indigo-deep);outline-offset:4px}.journal-product-demo__panel{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-items:center;gap:clamp(28px,5vw,72px);padding-top:clamp(32px,4vw,56px);display:grid}.journal-product-demo__copy{max-width:38ch}.journal-product-demo__copy h3{font-family:var(--font-display);color:var(--color-indigo-deep);text-wrap:balance;margin:16px 0 24px;font-size:clamp(32px,3.5vw,48px);line-height:1.12}.journal-product-demo__copy p{color:var(--color-ink-soft);margin:0;font-size:17px;line-height:1.65}.journal-product-demo__copy .journal-product-demo__note{max-width:32ch;margin-top:28px;font-size:13px}.journal-product-demo__panel>.product-phone{justify-self:center;width:min(100%,340px)}@supports selector(:has(input:checked)){.journal-product-demo__choices{display:flex}.journal-product-demo__panel{display:none}:is(.journal-product-demo:has(input[value=preferences]:checked) [data-product-scene=preferences],.journal-product-demo:has(input[value=group]:checked) [data-product-scene=group],.journal-product-demo:has(input[value=programme]:checked) [data-product-scene=programme],.journal-product-demo:has(input[value=expenses]:checked) [data-product-scene=expenses]){display:grid}}@media (max-width:760px){.journal-product-demo__choice{flex-basis:calc(50% - 8px)}.journal-product-demo__panel>.product-phone{width:min(100%,320px)}.journal-product-demo__copy .journal-product-demo__note{margin-top:16px}}