:root{--ink:#051b25;--panel:#082a35;--cyan:#29e5e0;--green:#25f08e;--lime:#9df638;--yellow:#ffc52f;--paper:#f4fbfc}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0}
body{min-height:520px;overflow:hidden;background:var(--ink);font-family:Inter,Montserrat,"Segoe UI",Arial,sans-serif}
.promo{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);width:100%;height:100%;min-height:520px;overflow:hidden;padding:clamp(24px,4vw,58px);color:var(--paper);text-decoration:none;isolation:isolate;background:radial-gradient(circle at 74% 45%,rgba(23,218,192,.2),transparent 31%),linear-gradient(118deg,#061a25 0%,#082b35 54%,#061720 100%);cursor:pointer}
.promo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,#000,transparent 76%)}
.promo::after{content:"";position:absolute;inset:0;z-index:20;pointer-events:none;border:1px solid rgba(104,255,223,.18);box-shadow:inset 0 0 70px rgba(0,0,0,.3)}
.circuit{position:absolute;z-index:-1;width:390px;opacity:.13;filter:hue-rotate(6deg) saturate(1.4);animation:circuitFloat 15s ease-in-out infinite}
.circuit-a{left:-95px;bottom:-180px;transform:rotate(18deg)}
.circuit-b{right:-110px;top:-160px;transform:rotate(198deg);animation-delay:-7s}
.glow{position:absolute;z-index:-2;border-radius:50%;filter:blur(3px);animation:pulseGlow 5s ease-in-out infinite}
.glow-a{width:360px;height:360px;right:15%;top:8%;background:radial-gradient(circle,rgba(34,239,166,.2),transparent 68%)}
.glow-b{width:280px;height:280px;left:15%;bottom:-25%;background:radial-gradient(circle,rgba(34,211,244,.15),transparent 68%);animation-delay:-2.5s}
.scan{position:absolute;z-index:10;inset:-20% 0 auto;height:22%;pointer-events:none;background:linear-gradient(transparent,rgba(55,255,215,.055),transparent);animation:scan 6s linear infinite}
.cobrand{position:absolute;top:clamp(20px,3vw,42px);left:clamp(24px,4vw,58px);z-index:8;display:flex;align-items:center;gap:13px;animation:rise .8s cubic-bezier(.2,.8,.2,1) both}
.reddi-brand{display:grid;gap:3px;padding:8px 13px 9px 16px;border-left:5px solid var(--yellow);border-radius:8px;background:#fff;box-shadow:0 14px 30px rgba(0,0,0,.22)}
.reddi-brand small{color:#53646b;font-size:8px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
.reddi-brand img{display:block;width:clamp(150px,16vw,230px);height:auto}
.brand-link{color:rgba(255,255,255,.55);font-size:1.25rem;font-weight:300}
.tikray-brand{display:flex;align-items:center;gap:7px;color:#fff;font-size:.78rem;letter-spacing:.13em}
.tikray-brand img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 9px rgba(40,255,184,.35))}
.message{align-self:center;z-index:4;max-width:760px;padding-top:70px}
.edition{display:flex;align-items:center;gap:9px;margin:0 0 16px;color:#a8c7ce;font-size:clamp(.67rem,1vw,.82rem);font-weight:800;letter-spacing:.14em;text-transform:uppercase;animation:rise .75s .12s cubic-bezier(.2,.8,.2,1) both}
.edition i{width:34px;height:3px;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--cyan));box-shadow:0 0 12px rgba(40,255,197,.55)}
h1{margin:0;font-size:clamp(3.2rem,7.5vw,7.5rem);line-height:.79;letter-spacing:-.065em;text-transform:uppercase;animation:rise .85s .22s cubic-bezier(.2,.8,.2,1) both}
h1 span{display:block;color:transparent;-webkit-text-stroke:1.5px rgba(235,255,253,.9);text-shadow:0 0 28px rgba(35,245,201,.18)}
h1 strong{display:block;margin-top:.12em;color:#fff;font-size:.58em;letter-spacing:-.035em}
.discipline{position:relative;width:min(660px,100%);height:42px;margin:19px 0 8px;overflow:hidden;color:var(--green);font-size:clamp(1rem,2.05vw,1.72rem);font-weight:950;letter-spacing:.07em;text-transform:uppercase;animation:rise .8s .34s cubic-bezier(.2,.8,.2,1) both}
.discipline span{position:absolute;inset:0;display:flex;align-items:center;opacity:0;transform:translateY(90%);animation:discipline 9s infinite}
.discipline span:nth-child(2){animation-delay:3s}.discipline span:nth-child(3){animation-delay:6s}
.lead{margin:0 0 20px;color:#d2e5e8;font-size:clamp(.95rem,1.5vw,1.2rem);letter-spacing:.04em;animation:rise .8s .43s cubic-bezier(.2,.8,.2,1) both}
.event-data{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;animation:rise .8s .52s cubic-bezier(.2,.8,.2,1) both}
.event-data span{display:flex;align-items:center;min-height:36px;padding:7px 11px;border:1px solid rgba(151,239,225,.22);border-radius:6px;background:rgba(5,27,37,.62);color:#b8d2d7;font-size:.72rem;font-weight:800;letter-spacing:.08em}
.event-data b{margin-right:6px;color:var(--yellow);font-size:1.05rem}
.action{display:inline-flex;align-items:center;gap:18px;min-height:51px;padding:0 20px;border-radius:7px;background:linear-gradient(102deg,var(--green),var(--cyan));color:#041e27;font-size:.86rem;font-weight:950;letter-spacing:.035em;box-shadow:0 14px 35px rgba(20,237,174,.2);animation:rise .8s .62s cubic-bezier(.2,.8,.2,1) both,ctaPulse 2.7s 2s ease-in-out infinite}
.action b{font-size:1.4rem;transition:transform .2s}.promo:hover .action b{transform:translateX(5px)}
.machine{position:relative;z-index:3;align-self:center;justify-self:center;width:min(42vw,510px);aspect-ratio:1}
.machine::before{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle,rgba(21,255,183,.18),rgba(5,27,37,.1) 57%,transparent 58%);box-shadow:0 0 70px rgba(31,244,192,.15)}
.machine video{position:absolute;z-index:4;inset:17%;width:66%;height:66%;border-radius:50%;object-fit:cover;filter:saturate(1.15) contrast(1.05) drop-shadow(0 25px 30px rgba(0,0,0,.42));animation:machineFloat 4.8s ease-in-out infinite}
.orbit{position:absolute;inset:5%;border:1px solid rgba(51,245,215,.25);border-radius:50%;animation:orbitSpin 17s linear infinite}
.orbit::before,.orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 15px var(--green)}
.orbit::before{top:10%;left:21%}.orbit::after{right:4%;bottom:30%;background:var(--cyan);box-shadow:0 0 15px var(--cyan)}
.orbit-two{inset:12%;border-style:dashed;animation-duration:24s;animation-direction:reverse}
.orbit-three{inset:23%;animation-duration:11s}
.node{position:absolute;z-index:5;width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 13px var(--yellow);animation:nodePulse 1.7s ease-in-out infinite}
.node-one{top:3%;left:49%}.node-two{right:5%;top:48%;animation-delay:-.6s}.node-three{bottom:7%;left:27%;animation-delay:-1.1s}
.platforms{position:absolute;z-index:6;inset:auto 0 3%;display:flex;justify-content:center;gap:7px;flex-wrap:wrap}
.platforms span{padding:7px 9px;border:1px solid rgba(98,250,224,.22);border-radius:999px;background:rgba(4,24,32,.82);color:#b8d8dc;font-size:.59rem;font-weight:900;letter-spacing:.1em;box-shadow:0 8px 20px rgba(0,0,0,.2)}
.corner{position:absolute;z-index:12;width:45px;height:45px;pointer-events:none}
.corner-top{top:14px;right:14px;border-top:2px solid var(--cyan);border-right:2px solid var(--cyan)}
.corner-bottom{bottom:14px;left:14px;border-bottom:2px solid var(--green);border-left:2px solid var(--green)}
@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes discipline{0%{opacity:0;transform:translateY(90%)}8%,27%{opacity:1;transform:translateY(0)}33%,100%{opacity:0;transform:translateY(-90%)}}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes machineFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@keyframes nodePulse{50%{transform:scale(1.8);opacity:.55}}
@keyframes ctaPulse{50%{box-shadow:0 17px 42px rgba(26,240,180,.34)}}
@keyframes pulseGlow{50%{transform:scale(1.14);opacity:.65}}
@keyframes circuitFloat{50%{margin-top:22px;opacity:.2}}
@keyframes scan{to{transform:translateY(620%)}}
@media(max-width:820px){body{min-height:650px}.promo{grid-template-columns:1fr;min-height:650px;padding:24px}.cobrand{top:18px;left:20px}.reddi-brand img{width:160px}.message{align-self:start;padding-top:105px}.machine{position:absolute;right:-80px;bottom:-70px;width:360px;opacity:.75}h1{font-size:clamp(3.45rem,16vw,6.3rem)}.discipline{width:72%;font-size:clamp(.92rem,3.7vw,1.35rem)}.lead{width:72%}.event-data{width:65%}.platforms{display:none}.action{position:relative;z-index:9}}
@media(max-width:520px){body{min-height:610px}.promo{min-height:610px;padding:20px}.cobrand{left:17px;gap:8px}.reddi-brand{padding:7px 9px 8px 13px}.reddi-brand img{width:135px}.tikray-brand strong,.brand-link{display:none}.tikray-brand img{width:37px;height:37px}.message{padding-top:92px}h1{font-size:clamp(3.15rem,17vw,5rem)}h1 strong{font-size:.51em;line-height:.95}.discipline{width:100%;height:36px;margin-top:16px;font-size:.98rem}.lead{width:100%;font-size:.88rem}.event-data{width:76%;gap:6px;margin-bottom:18px}.event-data span{min-height:31px;font-size:.59rem}.action{min-height:47px;padding:0 16px;font-size:.78rem}.machine{right:-105px;bottom:-56px;width:300px;opacity:.58}.corner{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}.discipline span{position:static;display:none}.discipline span:first-child{display:flex;opacity:1;transform:none}.scan{display:none}}