/* Demo identification only. Native layout, typography, screen DOM and controls are unchanged. */
.ft-native-demo-ribbon{margin:12px 30px 0;border:1px solid #e3e8f0;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:10px;color:#5b6472;font:500 12px Satoshi,sans-serif;background:#fff;flex-wrap:wrap}
.ft-native-demo-ribbon strong{color:#16305c}.ft-native-demo-ribbon button{margin-left:auto;border:0;background:transparent;color:#16305c;font:700 12px Satoshi,sans-serif;text-decoration:underline;cursor:pointer;min-height:32px}
#ft-demo-benefit{max-width:480px;border:1px solid #e3e8f0;border-radius:16px;padding:26px;color:#16305c;font:500 15px/1.6 Satoshi,sans-serif}#ft-demo-benefit::backdrop{background:rgba(18,39,73,.45)}#ft-demo-benefit h2{font-size:23px;margin:0 0 12px}#ft-demo-benefit>div{display:flex;gap:10px;flex-wrap:wrap}#ft-demo-benefit button,#ft-demo-benefit a{border:1px solid #d4dce8;border-radius:9px;padding:12px 16px;font:700 14px Satoshi,sans-serif;cursor:pointer;text-decoration:none;color:#16305c;background:#fff}#ft-demo-benefit a{background:#fcd718;border-color:#fcd718}
@media(max-width:700px){.ft-native-demo-ribbon{margin:8px 16px 0}.ft-native-demo-ribbon span{flex-basis:70%}#ft-demo-benefit{margin:12px;max-width:calc(100vw - 24px);box-sizing:border-box}}