/* ciwa add TESLA LOGO INTRO */
.tx-logo-intro{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 46%,#073456 0,#031a2e 30%,#010914 67%,#00050b 100%);opacity:1;visibility:visible;transition:opacity .55s ease,visibility .55s ease}
.tx-logo-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.tx-intro-grid{position:absolute;inset:-25%;opacity:.26;background-image:linear-gradient(rgba(38,207,255,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(38,207,255,.13) 1px,transparent 1px);background-size:54px 54px;transform:perspective(420px) rotateX(63deg) translateY(28%);animation:tx-grid-drift 2.6s linear infinite}
.tx-intro-core{position:relative;display:flex;flex-direction:column;align-items:center;width:min(82vw,390px);z-index:2;animation:tx-core-in .8s cubic-bezier(.18,.8,.24,1) both}
.tx-intro-core img{display:block;width:min(58vw,280px);height:auto;filter:drop-shadow(0 0 12px rgba(41,207,255,.72)) drop-shadow(0 0 42px rgba(0,110,255,.46));animation:tx-logo-float 1.65s ease-in-out infinite alternate}
.tx-intro-core p{margin:-8px 0 14px;color:#87eaff;font:700 clamp(10px,2vw,13px)/1 'Chakra Petch',Arial,sans-serif;letter-spacing:6px;text-shadow:0 0 15px #19caff}
.tx-intro-core small{margin-top:10px;color:#668fa9;font:600 9px/1 'Chakra Petch',Arial,sans-serif;letter-spacing:3px}
.tx-intro-progress{position:relative;width:min(68vw,310px);height:2px;overflow:visible;background:rgba(78,173,221,.18);box-shadow:0 0 0 1px rgba(62,196,255,.08)}
.tx-intro-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,transparent,#26dcff 35%,#fff 75%,#26dcff);box-shadow:0 0 13px #22d8ff;animation:tx-charge 1.45s .18s cubic-bezier(.18,.74,.32,1) forwards}
.tx-intro-flare{position:absolute;left:50%;top:42%;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 20px 8px #28d9ff,0 0 90px 28px rgba(0,137,255,.75);transform:translate(-50%,-50%);animation:tx-flare 1.8s ease-out both}
.tx-intro-orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(51,208,255,.34);border-radius:50%;box-shadow:inset 0 0 26px rgba(0,153,255,.08),0 0 30px rgba(0,153,255,.08)}
.tx-intro-orbit:before,.tx-intro-orbit:after{content:"";position:absolute;width:7px;height:7px;border-radius:50%;background:#72ecff;box-shadow:0 0 14px 5px #18bdff}
.tx-intro-orbit-a{width:min(78vw,440px);height:min(78vw,440px);animation:tx-orbit-a 5s linear infinite}
.tx-intro-orbit-b{width:min(94vw,540px);height:min(94vw,540px);border-style:dashed;opacity:.5;animation:tx-orbit-b 8s linear infinite}
.tx-intro-orbit-a:before{left:12%;top:18%}.tx-intro-orbit-a:after{right:10%;bottom:22%}.tx-intro-orbit-b:before{right:21%;top:7%}.tx-intro-orbit-b:after{left:5%;bottom:31%}
body.tx-intro-lock{overflow:hidden}
@keyframes tx-core-in{from{opacity:0;transform:scale(.72);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}
@keyframes tx-logo-float{from{transform:translateY(-5px) scale(.985)}to{transform:translateY(7px) scale(1.02)}}
@keyframes tx-charge{0%{width:0}70%{width:82%}100%{width:100%}}
@keyframes tx-flare{0%{opacity:0;transform:translate(-50%,-50%) scale(.15)}28%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(3.4)}}
@keyframes tx-orbit-a{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes tx-orbit-b{from{transform:translate(-50%,-50%) rotate(360deg)}to{transform:translate(-50%,-50%) rotate(0)}}
@keyframes tx-grid-drift{from{background-position:0 0,0 0}to{background-position:0 54px,54px 0}}
@media(max-width:600px){.tx-intro-core img{width:min(69vw,260px)}.tx-intro-core p{letter-spacing:3.5px}.tx-intro-orbit-a{width:88vw;height:88vw}.tx-intro-orbit-b{width:116vw;height:116vw}}
@media(prefers-reduced-motion:reduce){.tx-intro-grid,.tx-intro-orbit,.tx-intro-core img,.tx-intro-flare{animation:none}.tx-logo-intro{transition-duration:.15s}.tx-intro-progress i{animation-duration:.25s}}
/* ciwa end TESLA LOGO INTRO */