:root{--bg:#141414;--surface:#1E1E1E;--yellow:#FFE600;--white:#FFF;--gray:#9E9E9E;--ghost:#F5F5F0}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;overflow-x:hidden;min-height:100vh;display:flex;flex-direction:column;position:relative}a{text-decoration:none}.bg-layer{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;opacity:.2}.bg-icon{position:absolute;color:var(--surface);width:24px;height:24px;opacity:.5}.bg-icon.ghost{color:var(--ghost)}.bg-speck{position:absolute;width:2px;height:2px;background:var(--yellow);border-radius:50%;opacity:.4;box-shadow:0 0 4px var(--yellow)}.layout{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto;padding:20px 5%;position:relative;z-index:1;flex:1}header{padding:10px 0;flex-shrink:0}header img{max-height:40px;width:auto}main{display:flex;flex:1;align-items:center;justify-content:space-between;gap:50px}.col-left{flex:1;max-width:550px;display:flex;flex-direction:column;align-items:flex-start}h1{font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(2.5rem,5vw,4rem);line-height:1.1;letter-spacing:-.02em;margin-bottom:1rem;color:var(--white)}h1 span{position:relative;display:inline-block;white-space:nowrap}h1 span::before{content:'';position:absolute;inset:2px -6px;background:var(--yellow);border-radius:6px;z-index:-1;transform:scaleX(0);transform-origin:left;opacity:0;animation:keyPulse 2s forwards 1.2s}.sub{font-size:clamp(1.1rem,2vw,1.25rem);color:var(--gray);line-height:1.5;margin-bottom:2rem;font-weight:400}.cta{position:relative;display:inline-flex;align-items:center;justify-content:center;background:var(--yellow);color:var(--bg);font-family:'Outfit',sans-serif;font-weight:700;font-size:1.2rem;padding:18px 36px;border-radius:50px;box-shadow:0 0 20px rgba(255,230,0,.15);overflow:hidden;transition:transform .2s ease;outline:none}.cta:focus-visible{outline:3px solid var(--white);outline-offset:4px}.cta::before{content:'';position:absolute;inset:0;box-shadow:inset 0 0 15px rgba(255,255,255,.3);border-radius:50px;pointer-events:none}.cta::after{content:'';position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);transform:skewX(-25deg);animation:shine 4s infinite}.under-cta{font-size:.9rem;color:var(--gray);margin-top:12px;margin-left:16px}.col-right{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:500px;max-width:500px}.stack-wrap{position:relative;width:320px;height:400px;display:flex;align-items:center;justify-content:center}.card{position:absolute;width:300px;padding:16px;border-radius:18px;box-shadow:0 12px 30px rgba(0,0,0,.6);opacity:0;will-change:transform,opacity;display:flex;align-items:center;gap:14px;border:1px solid transparent}.card.before{background:var(--surface);border-color:rgba(255,255,255,.05);z-index:1}.card.after{background:var(--white);z-index:2;box-shadow:0 15px 35px rgba(0,0,0,.2)}.card-av{width:44px;height:44px;border-radius:50%;flex-shrink:0}.before .card-av{background:#333;filter:blur(2px)}.after .card-av{background:rgba(255,230,0,.2);display:flex;align-items:center;justify-content:center;color:#b3a200;font-size:20px;border:2px solid var(--yellow)}.card-content{display:flex;flex-direction:column;gap:6px;flex:1}.before .card-content{filter:blur(1.5px)}.card-title{font-family:'Outfit',sans-serif;font-weight:700;font-size:15px}.before .card-title{color:var(--gray);background:#333;color:transparent;border-radius:4px;width:60%}.after .card-title{color:var(--bg)}.card-desc{font-size:13px;line-height:1.3;font-weight:500}.before .card-desc{color:var(--gray)}.after .card-desc{color:#444}.c1{--end-y:-60px;--end-r:-4deg;--end-x:-15px;animation:slideUpFan .8s cubic-bezier(.2,.8,.2,1) forwards 0s;z-index:1}.c2{--end-y:-5px;--end-r:2deg;--end-x:10px;animation:slideUpFan .8s cubic-bezier(.2,.8,.2,1) forwards .13s;z-index:2}.c3{--end-y:55px;--end-r:-2deg;--end-x:-5px;animation:slideUpFan .8s cubic-bezier(.2,.8,.2,1) forwards .26s;z-index:3}.c4{--end-y:115px;--end-r:3deg;--end-x:15px;animation:slideUpFan .8s cubic-bezier(.2,.8,.2,1) forwards .39s;z-index:4}.pulse-target{animation:pulseGlow 3s infinite 1.2s}.ghost-peek{position:absolute;right:25px;top:-22px;width:34px;height:34px;z-index:-1;opacity:0;animation:peekIn .6s cubic-bezier(.175,.885,.32,1.275) forwards 1.2s}.ghost-peek svg{width:100%;height:100%;fill:var(--ghost);filter:drop-shadow(0 -4px 6px rgba(0,0,0,.3))}.particle-group{position:absolute;inset:-40px;pointer-events:none;z-index:5}.p-icon{position:absolute;width:18px;height:18px;color:var(--ghost);opacity:0}.p1{top:10%;left:10%;animation:drift 7s ease-in-out infinite 0s}.p2{top:60%;right:-5%;animation:drift 7s ease-in-out infinite 1.5s}.p3{bottom:15%;left:-10%;animation:drift 7s ease-in-out infinite 3s}.p4{top:5%;right:15%;animation:drift 7s ease-in-out infinite 4.5s}footer{padding:15px 0;text-align:center;color:var(--gray);font-size:.9rem;flex-shrink:0;opacity:.7}@keyframes slideUpFan{0%{transform:translate(0,180px) scale(.9);opacity:0}65%{transform:translate(var(--end-x),calc(var(--end-y) - 12px)) rotate(calc(var(--end-r) * 1.5)) scale(1.02);opacity:1}100%{transform:translate(var(--end-x),var(--end-y)) rotate(var(--end-r)) scale(1);opacity:1}}@keyframes pulseGlow{0%,100%{box-shadow:0 15px 35px rgba(0,0,0,.2),0 0 0 transparent}50%{box-shadow:0 15px 35px rgba(0,0,0,.2),0 0 25px rgba(255,230,0,.5)}}@keyframes shine{0%,20%{left:-100%}27.5%,100%{left:200%}}@keyframes keyPulse{0%{transform:scaleX(0);opacity:0}30%{transform:scaleX(1);opacity:.2}40%{transform:scaleX(1) scaleY(1.15);opacity:.3}50%,100%{transform:scaleX(1) scaleY(1);opacity:.15}}@keyframes peekIn{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@keyframes drift{0%,100%{transform:translateY(0) scale(1);opacity:0}50%{transform:translateY(-25px) scale(1.1);opacity:.6}}@media(max-width:900px){main{flex-direction:column;justify-content:flex-start;gap:30px}.col-left{max-width:100%;text-align:left;align-items:flex-start}.col-right{height:auto;max-height:40vh;width:100%}.stack-wrap{transform:scale(.75);transform-origin:top center;height:300px}.cta{width:100%;max-width:400px}.under-cta{margin-left:0;text-align:center;width:100%;max-width:400px}}@media(max-width:430px){.layout{padding:15px 20px}h1{font-size:clamp(2.2rem,8vw,2.8rem);margin-top:10px}.sub{font-size:1rem;margin-bottom:1.5rem}.stack-wrap{transform:scale(.65)}}@media(prefers-reduced-motion:reduce){.card{animation:none;opacity:1;transform:translate(var(--end-x),var(--end-y)) rotate(var(--end-r))}.pulse-target,.cta::after,h1 span::before,.ghost-peek,.p-icon{animation:none}.ghost-peek{opacity:1;transform:none}}