:root{--yx-yellow:#fc0;--yx-red:#f33;--yx-dark:#212121;--yx-gray:#f2f2f2}.yx-hero{background-color:var(--yx-dark);position:relative;overflow:hidden;height:90vh;display:flex;align-items:center;justify-content:center;color:white}.stripe-bg{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#2a2a2a,#2a2a2a 10px,#212121 10px,#212121 20px);opacity:.3}.search-monolith{position:relative;z-index:10;width:600px;padding:20px;background:rgba(255,255,255,0.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:20px;box-shadow:0 20px 50px rgba(0,0,0,0.5);transform:perspective(1000px) rotateX(10deg);transition:transform .5s}.yx-hero:hover .search-monolith{transform:perspective(1000px) rotateX(0)}.yx-bar{display:flex;background:var(--yx-yellow);border-radius:10px;overflow:hidden;height:60px;align-items:center;padding-right:5px;box-shadow:0 0 30px rgba(255,204,0,0.4)}.yx-logo-area{background:white;height:100%;padding:0 20px;display:flex;align-items:center;font-weight:900;color:var(--yx-red);font-size:1.5rem}.yx-logo-area span{color:black}.yx-input{flex-grow:1;border:0;background:transparent;padding:0 20px;font-size:1.2rem;outline:0;font-weight:500}.yx-btn{background:black;color:white;padding:10px 30px;border-radius:6px;font-weight:bold;cursor:pointer;transition:all .3s}.yx-btn:hover{background:#333}.float-icon{position:absolute;font-size:3rem;opacity:.8;animation:float-y 4s ease-in-out infinite}.i-1{top:20%;left:10%;color:var(--yx-yellow);animation-delay:0}.i-2{bottom:20%;right:10%;color:var(--yx-red);animation-delay:1s}.i-3{top:15%;right:20%;color:white;font-size:2rem;animation-delay:2s}@keyframes float-y{0,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.metrica-section{background:#fff;padding:100px 0;overflow:hidden}.laptop-mockup{background:#333;border-radius:20px 20px 0 0;padding:15px 15px 0 15px;width:800px;margin:0 auto;box-shadow:0 50px 100px -20px rgba(0,0,0,0.5);position:relative}.screen{background:#f1f1f1;width:100%;height:450px;border-radius:10px 10px 0 0;overflow:hidden;position:relative}.fake-header{height:60px;background:white;border-bottom:1px solid #ddd;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.fake-hero{height:200px;background:#e0e0e0;margin:20px;border-radius:10px}.fake-cols{display:flex;gap:20px;padding:0 20px}.fake-col{flex:1;height:100px;background:#e0e0e0;border-radius:10px}.heatmap-overlay{position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,rgba(255,0,0,0.6) 0,rgba(255,255,0,0.4) 30%,transparent 60%),radial-gradient(circle at 70% 70%,rgba(255,0,0,0.5) 0,rgba(255,255,0,0.3) 25%,transparent 50%);mix-blend-mode:multiply;opacity:0;animation:heat-pulse 4s infinite}.cursor-path{position:absolute;width:20px;height:20px;background:url('images/hand.png');background-size:contain;background-repeat:no-repeat;top:50%;left:50%;z-index:10;animation:move-cursor 6s linear infinite}@keyframes heat-pulse{0,100%{opacity:.3}50%{opacity:.8}}@keyframes move-cursor{0{top:100%;left:100%}20%{top:40%;left:30%}25%{transform:scale(0.9)}30%{transform:scale(1)}50%{top:70%;left:70%}80%{top:10%;left:80%}100%{top:110%;left:20%}}.map-card{background:#212121;color:white;border-radius:20px;overflow:hidden;position:relative;height:400px;display:flex}.map-bg{flex:1;background:#333;position:relative;overflow:hidden}.map-grid-lines{position:absolute;inset:0;background-image:linear-gradient(#444 1px,transparent 1px),linear-gradient(90deg,#444 1px,transparent 1px);background-size:40px 40px}.route-line{position:absolute;top:68%;left:20%;width:0;height:4px;background:var(--yx-yellow);box-shadow:0 0 10px var(--yx-yellow);transform:rotate(-15deg);transform-origin:left center;animation:draw-route 3s ease-out infinite}.pin-point{position:absolute;top:38%;left:75%;color:var(--yx-red);font-size:2.5rem;filter:drop-shadow(0 5px 5px rgba(0,0,0,0.5));animation:bounce-pin 2s infinite}.map-content{flex:1;padding:40px;display:flex;flex-direction:column;justify-content:center}@keyframes draw-route{0{width:0;opacity:0}50%{opacity:1}100%{width:60%;opacity:1}}@keyframes bounce-pin{0,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.yx-card{background:white;border:1px solid #eee;border-radius:16px;padding:30px;transition:all .3s;height:100%;display:flex;flex-direction:column}.yx-card:hover{transform:translateY(-10px);border-color:var(--yx-yellow);box-shadow:0 10px 30px rgba(255,204,0,0.15)}.yx-icon{width:60px;height:60px;background:var(--yx-dark);border-radius:12px;color:var(--yx-yellow);font-size:1.8rem;display:flex;align-items:center;justify-content:center;margin-bottom:20px;transition:all .3s}.yx-card:hover .yx-icon{background:var(--yx-yellow);color:black}@media(max-width:1024px){.search-monolith{width:100%}.yx-logo-area{display:none}.laptop-mockup{width:100%}.screen{height:350px}.map-bg{display:none}}