/* TRD Interactive Layer */
.trd-cursor{position:fixed;left:0;top:0;width:320px;height:320px;margin:-160px 0 0 -160px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(197,31,42,.10),rgba(7,91,136,.06) 40%,transparent 70%);transition:opacity .3s;opacity:0}
.trd-spot{position:relative}
.trd-spot:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;opacity:0;transition:opacity .3s;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(197,31,42,.10),transparent 70%)}
.trd-spot:hover:before{opacity:1}
.is-tilting{transition:transform .12s ease-out!important;will-change:transform}
a[class*="bg-primary"],button[class*="bg-primary"]{position:relative;overflow:hidden}
a[class*="bg-primary"]:after,button[class*="bg-primary"]:after{content:"";position:absolute;top:0;left:-70%;width:40%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .6s}
a[class*="bg-primary"]:hover:after,button[class*="bg-primary"]:hover:after{left:130%}
h1{animation:trdHero 1.1s cubic-bezier(.2,.7,.2,1) both}
@keyframes trdHero{from{opacity:0;transform:translateY(30px);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}
.trd-img-fail{background:linear-gradient(135deg,#0b1930,#075b88)}
.trd-top{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:0;background:#c51f2a;color:#fff;font-size:20px;cursor:pointer;z-index:60;box-shadow:0 10px 30px rgba(197,31,42,.4);opacity:0;transform:translateY(20px);pointer-events:none;transition:.35s}
.trd-top.show{opacity:1;transform:none;pointer-events:auto}.trd-top:hover{transform:translateY(-4px)}
.trd-sec{padding:72px 0;position:relative}.trd-wrap{max-width:1440px;margin:0 auto;padding:0 1rem}@media(min-width:1024px){.trd-wrap{padding:0 2.5rem}}
.trd-sec h2{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:.4rem 0 .8rem;color:#131b2e}
.trd-sec p.lead{color:#5b6475;max-width:640px;font-size:17px;line-height:1.6}
.trd-mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:190px;gap:14px;margin-top:32px}
.trd-mosaic figure{position:relative;overflow:hidden;border-radius:20px;margin:0;cursor:zoom-in;box-shadow:0 14px 40px rgba(15,23,42,.1)}
.trd-mosaic figure:nth-child(1){grid-column:span 2;grid-row:span 2}.trd-mosaic figure:nth-child(4){grid-row:span 2}.trd-mosaic figure:nth-child(5){grid-column:span 2}
.trd-mosaic img{width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.75,.25,1),filter .5s;filter:saturate(.9)}
.trd-mosaic figure:hover img{transform:scale(1.1);filter:saturate(1.15)}
.trd-mosaic figcaption{position:absolute;inset:auto 0 0;padding:34px 18px 14px;color:#fff;font-size:13px;font-weight:600;background:linear-gradient(transparent,rgba(3,10,22,.85));transform:translateY(100%);transition:transform .45s}
.trd-mosaic figure:hover figcaption{transform:none}
@media(max-width:768px){.trd-mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}.trd-mosaic figure:nth-child(n){grid-column:auto;grid-row:auto}.trd-mosaic figure:nth-child(1){grid-column:span 2}}
.trd-lb{position:fixed;inset:0;z-index:10000;background:rgba(3,10,22,.92);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;cursor:zoom-out}
.trd-lb.open{opacity:1;pointer-events:auto}.trd-lb img{max-width:92vw;max-height:86vh;border-radius:16px;transform:scale(.92);transition:transform .4s}.trd-lb.open img{transform:none}
.trd-lb span{position:absolute;bottom:24px;color:#fff;font-size:14px}
.trd-gw{display:grid;gap:28px;margin-top:32px}@media(min-width:1024px){.trd-gw{grid-template-columns:2fr 3fr}}
.trd-gw-list{display:flex;flex-direction:column;gap:10px}
.trd-gw-btn{text-align:left;padding:16px 18px;border-radius:16px;border:1px solid var(--trd-line);background:#fff;cursor:pointer;transition:.3s;font:inherit}
.trd-gw-btn b{display:block;font-size:16px;color:#131b2e}.trd-gw-btn small{color:#64748b;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-family:'JetBrains Mono',monospace}
.trd-gw-btn:hover{transform:translateX(6px);border-color:rgba(197,31,42,.3)}
.trd-gw-btn.active{background:#111827;border-color:#111827;transform:translateX(10px)}.trd-gw-btn.active b{color:#fff}.trd-gw-btn.active small{color:#fca5a5}
.trd-gw-stage{position:relative;min-height:440px;border-radius:26px;overflow:hidden;background:#0b1930;box-shadow:var(--trd-shadow)}
.trd-gw-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.7;transition:opacity .5s,transform 1.2s}
.trd-gw-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,15,30,.95),rgba(4,15,30,.2) 70%)}
.trd-gw-info{position:absolute;inset:auto 0 0;z-index:3;padding:30px;color:#fff}.trd-gw-info h3{font-size:28px;font-weight:800;margin:0 0 8px}.trd-gw-info p{color:#cbd5e1;max-width:520px;line-height:1.55;margin:0 0 14px}
.trd-gw-info .t{display:inline-block;margin:0 6px 6px 0;padding:5px 12px;border-radius:99px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25)}
.trd-gw-stage.swap img{opacity:0;transform:scale(1.08)}.trd-gw-stage.swap .trd-gw-info{opacity:0;transform:translateY(12px)}.trd-gw-info{transition:.4s}