.logo-container{display:flex;flex-direction:column;align-items:flex-start;text-decoration:none;padding-top:4px}.logo-tagline{font-size:.65rem;font-weight:600;color:#fff9;letter-spacing:.15em;text-transform:uppercase;margin-top:-8px;margin-left:2px;transition:color .3s ease}@media (max-width: 768px){.ref-hero-title .highlight{animation:none!important;background:-webkit-linear-gradient(left,#ffd93d,#ff6b6b,#c44dff)!important;background-size:100% 100%!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important}}.ref-hero{padding:160px 0 80px;text-align:center;position:relative}.ref-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#dc262626;border:1px solid rgba(220,38,38,.3);border-radius:50px;font-size:.9rem;font-weight:500;color:#f87171;margin-bottom:32px;animation:fadeInUp .8s ease forwards}.ref-hero-badge:before{content:"";width:8px;height:8px;background:#ef4444;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ref-hero-title{font-size:clamp(3rem,8vw,5rem);font-weight:900;margin-bottom:24px;letter-spacing:-.03em;line-height:1.1;animation:fadeInUp .8s ease .1s forwards;opacity:0;color:#fff}.ref-hero-title .highlight{display:inline-block;background:linear-gradient(135deg,#ff6b6b,#ffd93d,#ff6b6b,#c44dff,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;background-size:300% auto;animation:shimmer3d 4s linear infinite;filter:drop-shadow(0 0 30px rgba(239,68,68,.5))}.ref-hero p{font-size:1.3rem;color:#ffffffb3;max-width:650px;margin:0 auto;line-height:1.7;animation:fadeInUp .8s ease .2s forwards;opacity:0}.ref-grid{padding:40px 0 120px}.ref-grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.ref-card{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(165deg,#23232dfa,#16161efc);border:1px solid rgba(255,255,255,.15);transition:all .4s cubic-bezier(.4,0,.2,1);cursor:default;text-decoration:none;display:flex;flex-direction:column;box-shadow:0 10px 40px #0006}.ref-card:hover{transform:translateY(-10px);border-color:#dc262680;box-shadow:0 30px 60px #00000080,0 0 60px #dc262640}.ref-card-image{position:relative;height:220px;overflow:hidden}.ref-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.ref-card:hover .ref-card-image img{transform:scale(1.08)}.ref-card-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(10,10,15,1) 0%,transparent 100%);pointer-events:none}.ref-card-badge{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#0f0f14e6;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:50px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.05em}.ref-card-badge.web{background:#3b82f64d;border-color:#3b82f680;color:#93c5fd}.ref-card-badge.saas{background:#a855f74d;border-color:#a855f780;color:#d8b4fe}.ref-card-badge.ai{background:#ef44444d;border-color:#ef444480;color:#fca5a5}.ref-card-badge.ios{background:#0ea5e94d;border-color:#0ea5e980;color:#7dd3fc}.ref-card-content{padding:24px 28px 28px;position:relative;background:linear-gradient(180deg,transparent 0%,rgba(15,15,20,.5) 100%);display:flex;flex-direction:column;align-items:center;text-align:center;flex:1}.ref-card-title{font-size:1.5rem;font-weight:700;margin-bottom:10px;color:#fff;transition:color .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.3)}.ref-card:hover .ref-card-title{color:#f87171}.ref-card-tagline{font-size:.95rem;color:#fffc;margin-bottom:20px;line-height:1.6}.ref-card-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:20px}.ref-card-tag{padding:6px 14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:6px;font-size:.8rem;font-weight:600;color:#ffffffe6}.ref-card-cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;margin-top:auto;font-size:.85rem;font-weight:500;color:#ffffffe6;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;text-decoration:none;transition:all .3s ease}.ref-card-cta:hover{background:#8b5cf640;border-color:#8b5cf680}.ref-card-disabled{cursor:default}.ref-card-disabled:hover{transform:none;border-color:#ffffff26;box-shadow:0 10px 40px #0006}.ref-card-disabled:hover .ref-card-title{color:#fff}.ref-card-disabled:hover .ref-card-image img{transform:none}.ref-card-cta-soon{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff6!important;font-style:italic;cursor:default;gap:6px}.ref-card-cta-soon:hover{background:#ffffff0d!important;border-color:#ffffff1a!important;color:#fff6!important}.ref-card-cta-soon svg{width:14px;height:14px}.ref-card{opacity:0;transform:translateY(40px);animation:fadeInUp .6s ease forwards}.ref-card:nth-child(1){animation-delay:.1s}.ref-card:nth-child(2){animation-delay:.2s}.ref-card:nth-child(3){animation-delay:.3s}.ref-card:nth-child(4){animation-delay:.4s}.ref-card:nth-child(5){animation-delay:.5s}.ref-card:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}@media (max-width: 1024px){.ref-grid-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.ref-hero{padding:120px 0 60px}.ref-grid-container{grid-template-columns:1fr;gap:24px}.ref-card-image{height:180px}.ref-card-content{padding:20px 24px 24px}}@media (max-width:768px){.matrix-rain{display:none!important}}