.tn{--ra:min(330px, 25vw);--rb:190px;isolation:isolate;background:#fff;place-items:center;min-height:max(520px,72svh);padding:88px 16px;display:grid;position:relative;overflow:hidden}.tn-tunnel{z-index:-1;pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 8% 92%,#0000);mask-image:linear-gradient(#0000,#000 8% 92%,#0000)}.tn:before{content:"";z-index:-2;pointer-events:none;filter:blur(48px);background:radial-gradient(34% 46% at 14% 76%,#6aa8ff75,#0000 70%),radial-gradient(34% 40% at 50% 82%,#b28cff61,#0000 70%),radial-gradient(34% 46% at 86% 76%,#ff8fb475,#0000 70%);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000 20%,#000 55% 72%,#0000);mask-image:linear-gradient(#0000 20%,#000 55% 72%,#0000)}.tn:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(36% 40%,#fff 42%,#fffc 64%,#0000 100%);position:absolute;inset:0}.tn-card{--h:72px;height:var(--h);opacity:0;will-change:transform, opacity;background:#ececea;animation:cubic-bezier(.55,.05,.85,.35) infinite both tn-fly;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 0 0 1px #1111130d,0 18px 36px -18px #11111359}.tn-card.is-page{--h:98px}.tn-card img{width:auto;max-width:none;height:100%;display:block}@keyframes tn-fly{0%{opacity:0;filter:blur(2px);transform:translate(-50%, -50%) translate(calc(var(--kx) * var(--ra)), calc(var(--ky) * var(--rb))) rotate(var(--tilt)) scale(.3)}22%{opacity:0}44%{opacity:.6;filter:blur()}72%{opacity:1}to{opacity:1;filter:blur();transform:translate(-50%, -50%) translate(calc(var(--x) * 62vw), calc(var(--y) * max(480px, 62svh))) rotate(var(--tilt)) scale(1.35)}}.tn-column{text-align:center;flex-direction:column;align-items:center;gap:10px;width:min(600px,100%);display:flex;position:relative}.tn-column:before{content:"";z-index:-1;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;position:absolute;inset:-70px -140px;-webkit-mask-image:radial-gradient(closest-side,#000 55%,#0000);mask-image:radial-gradient(closest-side,#000 55%,#0000)}.tn-title{font-family:var(--font-google-sans-flex), system-ui, sans-serif;letter-spacing:-.028em;color:#0a0a0a;margin:0;font-size:clamp(30px,4vw,40px);font-weight:400;line-height:1.08}.tn-sub{color:#6b6f76;margin:0 0 10px;font-size:17px;line-height:1.5}.tn .site-composer{z-index:1;position:relative}.tn .site-composer .sai-composer textarea{min-height:30px}@media (max-width:760px){.tn{--ra:40vw;--rb:180px;min-height:480px;padding:64px 16px}.tn-card{--h:50px}.tn-card.is-page{--h:70px}.tn-sub{font-size:15.5px}}@media (prefers-reduced-motion:reduce){.tn-card{animation-play-state:paused}}
