/* FALCON TEST SITE 1 viewer */
.fts{position:relative;background:radial-gradient(120% 90% at 50% 30%,#0b0e14 0%,#020304 70%);height:min(calc(100vh - 66px),880px);min-height:560px;overflow:hidden;border-bottom:1px solid var(--line)}
.fts-head{position:absolute;left:0;right:0;top:clamp(50px,8vh,84px);text-align:center;font-family:var(--display);font-weight:700;font-size:clamp(30px,calc(100vw / 13),150px);line-height:.9;letter-spacing:-.045em;color:#fff;margin:0;white-space:nowrap;pointer-events:none;user-select:none;opacity:.95;transition:opacity .8s}
.fts-inside .fts-head{opacity:.08}
.fts-stage{position:absolute;inset:0;cursor:grab}.fts-stage:active{cursor:grabbing}
.fts-stage canvas{display:block;opacity:0;transition:opacity 1.2s}
.fts-ready .fts-stage canvas{opacity:1}
.fts-poster{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.fts-poster img{width:min(1200px,96%);opacity:.9}
.fts-ready .fts-poster{display:none}
.fts-fallback .fts-poster img{opacity:1}
.fts-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:2}
.fts-lab{position:absolute;left:0;top:0;background:rgba(5,8,14,.72);color:#fff;border:1px solid rgba(120,170,255,.4);padding:5px 9px;font:500 11px var(--sans);letter-spacing:.04em;white-space:nowrap;cursor:pointer;opacity:0;backdrop-filter:blur(4px);transition:opacity .3s,background .2s}
.fts-lab:hover,.fts-lab.on{background:#fff;color:#000;border-color:#fff}
.fts-tag{position:absolute;font-size:12px;line-height:1.15;font-weight:500;color:#fff;text-transform:uppercase;z-index:3;pointer-events:none}
.fts-tag.tl{left:28px;top:24px}.fts-tag.tr{right:28px;top:24px}
.fts-tag i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#39d98a;margin-right:6px;opacity:.35}.fts-ready .fts-tag i{opacity:1}
.fts-side{position:absolute;left:24px;top:205px;bottom:92px;width:240px;z-index:4;display:flex;flex-direction:column;gap:8px}
.fts-side h4{margin:0;font:600 11px var(--sans);letter-spacing:.14em;color:#8a94a8;text-transform:uppercase}
.fts-list{overflow:auto;display:flex;flex-direction:column;gap:2px;padding-right:4px;scrollbar-width:thin;background:rgba(4,6,10,.55);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(8px)}
.fts-item{display:flex;flex-direction:column;text-align:left;background:transparent;border:0;border-left:2px solid transparent;color:#cfd6e4;padding:9px 12px;cursor:pointer;font:500 13px var(--sans)}
.fts-item small{color:#6f788a;font-size:11px;margin-top:2px}
.fts-item:hover{background:rgba(255,255,255,.07)}.fts-item.on{background:rgba(255,255,255,.12);border-left-color:#4d8dff;color:#fff}
.fts-info{position:absolute;right:24px;top:205px;width:290px;background:rgba(4,6,10,.7);border:1px solid rgba(255,255,255,.14);padding:18px;z-index:4;backdrop-filter:blur(8px);display:none}
.fts-info.show{display:block}.fts-info small{color:#6ea2ff;letter-spacing:.14em;font-size:10px}.fts-info h3{margin:6px 0 8px;font:600 20px var(--display);color:#fff}.fts-info p{margin:0;color:#aab2c3;font-size:14px;line-height:1.5}
.fts-panel{position:absolute;left:24px;right:24px;bottom:28px;z-index:5;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.fts-panel button{background:rgba(0,0,0,.6);color:#fff;border:1px solid rgba(255,255,255,.35);padding:12px 18px;font:500 13px var(--sans);cursor:pointer;backdrop-filter:blur(6px)}
.fts-panel button:hover,.fts-panel button[aria-pressed=true]{background:#fff;color:#000;border-color:#fff}
.fts-hint{margin-left:auto;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#8a8a8a}
.fts-body{padding:100px 0 40px}
.fts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:34px}
.fts-grid>div{background:#000;padding:26px}.fts-grid h4{margin:0 0 8px;font:600 17px var(--display);color:#fff}.fts-grid p{margin:0;color:#9a9a9a;font-size:14px;line-height:1.55}
.fts-docs{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.fts-note{margin-top:18px;font-size:12px;color:#6f6f6f}
@media(max-width:900px){.fts-side{top:auto;bottom:84px;width:auto;right:24px;height:132px}.fts-list{flex-direction:row;overflow-x:auto}.fts-item{min-width:150px}.fts-info{top:56px;width:auto;left:24px}.fts-hint{display:none}.fts-head{top:60px}}