.tn-page.tn-demo .hero .wrap{grid-template-columns:1fr;gap:36px}.tn-page.tn-demo .hero h1 span{display:inline}.tn-page.tn-demo .hero .lede{max-width:68ch}.tn-page.tn-demo .tn-stage{aspect-ratio:16/9;background:#fff;border-radius:20px;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 60px -24px #00146e66,0 0 0 1px #ffffff40}.tn-page.tn-demo .tn-stage iframe{transform-origin:0 0;pointer-events:none;opacity:0;border:0;transition:opacity .3s;position:absolute;top:0;left:0}.tn-page.tn-demo .tn-demo-info .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px 48px;display:flex}.tn-page.tn-demo .tn-demo-info .wrap>div:first-child{gap:18px;display:grid}.tn-page.tn-demo .tn-demo-acts{flex-wrap:wrap;gap:10px;display:flex}.tn-page.tn-demo .tn-demo-back{background:var(--soft);color:var(--ink-2)}.tn-page.tn-demo .tn-demo-back:hover{background:var(--line)}@media (max-width:767px){.tn-page.tn-demo .hero h1{font-size:28px}.tn-page.tn-demo .tn-stage{border-radius:12px}.tn-page.tn-demo .tn-demo-acts,.tn-page.tn-demo .tn-demo-acts .btn{width:100%}}