.web-hero{color:#fff;background-color:#00160c;justify-content:center;align-items:center;min-height:85vh;margin:80px 0;padding:0 20px;display:flex;position:relative;overflow:hidden}.grid-overlay{pointer-events:none;background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 80%);mask-image:radial-gradient(circle,#000,#0000 80%)}.web-hero-container{z-index:2;text-align:center;max-width:1000px}.web-status-tag{letter-spacing:3px;color:#ffffff80;margin-bottom:30px;font-family:Courier New,Courier,monospace;font-size:.8rem}.code-accent{color:#0f8}.web-hero-title{letter-spacing:-3px;margin-bottom:25px;font-size:clamp(3.5rem,8vw,6.5rem);font-weight:800;line-height:.9}.web-hero-title span{color:#0f8;text-shadow:0 0 30px #0f83}.web-hero-subtitle{color:#fff9;max-width:650px;margin:0 auto 40px;font-size:1.1rem;font-weight:300;line-height:1.6}.web-capabilities{background:#ffffff08;border:1px solid #ffffff0d;border-radius:100px;justify-content:center;align-items:center;gap:25px;width:fit-content;margin-bottom:50px;margin-left:auto;margin-right:auto;padding:15px 30px;display:flex}.cap-label{color:#fff6;margin-right:8px;font-family:Courier New,Courier,monospace;font-size:.7rem}.cap-value{color:#0f8;font-size:.85rem;font-weight:600}.cap-divider{color:#ffffff1a}.web-hero-actions{justify-content:center;display:flex}.btn-emerald{color:#00160c;cursor:pointer;background:#0f8;border:none;border-radius:100px;padding:18px 50px;font-size:1rem;font-weight:700;transition:all .3s cubic-bezier(.19,1,.22,1)}.btn-emerald:hover{background:#fff;transform:translateY(-5px);box-shadow:0 15px 35px #0f86}.web-floating-icon{color:#0f89;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:.75rem;position:absolute}.badge-sass{top:20%;left:10%;transform:rotate(-10deg)}.badge-shop{top:30%;right:12%;transform:rotate(15deg)}.badge-ux{bottom:25%;left:15%;transform:rotate(5deg)}@media (max-width:768px){.web-capabilities{border-radius:20px;flex-direction:column;gap:10px;padding:20px}.cap-divider,.web-floating-icon{display:none}.btn-emerald{width:100%}}