.page-header{background:linear-gradient(135deg,var(--ono-yellow)0%,#ffd740 100%);text-align:center;z-index:1;margin-bottom:-4rem;padding:4rem 0 8rem;position:relative;overflow:visible;box-shadow:0 8px 25px #ffcd004d}.page-header:before{content:"";opacity:.6;z-index:-1;background-image:radial-gradient(#0000000a 1px,#0000 1px);background-size:30px 30px;position:absolute;inset:0}.page-title{text-transform:uppercase;letter-spacing:-1px;z-index:2;color:#000;margin-bottom:1rem;font-size:3.5rem;font-weight:900;position:relative}.page-subtitle{z-index:2;color:#333;max-width:600px;margin:0 auto;font-size:1.2rem;font-weight:500;position:relative}.hero-badge{background:var(--ono-red);color:#fff;text-transform:uppercase;letter-spacing:1.5px;z-index:2;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.2rem;font-size:.85rem;font-weight:800;display:inline-block;position:relative;box-shadow:0 4px 15px #c8102e66}.contacts-section{z-index:100;background:0 0;padding-bottom:4rem;position:relative}.contacts-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.contact-card{z-index:10;background:#fff;border:1px solid #0000000d;border-radius:16px;transition:box-shadow .3s;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.contact-card:hover{box-shadow:0 15px 40px #00000026}.contact-card-header{border-bottom:2px solid var(--ono-yellow);background:#fff;justify-content:space-between;align-items:center;padding:1.5rem;transition:border-color .3s;display:flex;position:relative}.contact-card:hover .contact-card-header{border-bottom-color:var(--ono-red)}.contact-card-header h3{color:var(--text-dark);text-transform:uppercase;letter-spacing:.5px;margin:0;font-size:1.3rem;font-weight:800;transition:color .3s}.contact-card:hover .contact-card-header h3{color:var(--ono-red)}.contact-card-header i{color:var(--ono-red);background:#c8102e14;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;transition:all .3s;display:flex}.contact-card:hover .contact-card-header i{background:var(--ono-red);color:#fff;transform:rotate(360deg)scale(1.1)}.contact-card-body{background:#fff;padding:1.5rem}.contact-desc{color:#666;margin-bottom:1.25rem;font-size:.95rem;line-height:1.6}.contact-person{border-bottom:1px solid #f0f0f0;padding:1.25rem 0;transition:padding-left .3s}.contact-person:first-child{padding-top:0}.contact-person:last-child{border-bottom:none;padding-bottom:0}.contact-card:hover .contact-person{padding-left:.5rem}.person-name{color:var(--text-dark);margin-bottom:.4rem;font-size:1.05rem;font-weight:700;transition:color .3s}.contact-card:hover .person-name{color:var(--ono-red)}.person-role{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.contact-links{flex-direction:column;gap:.4rem;display:flex}.contact-link{color:#555;align-items:center;gap:.6rem;font-size:.9rem;text-decoration:none;transition:all .3s;display:inline-flex}.contact-link:hover{color:var(--ono-red);transform:translate(3px)}.contact-link i{width:16px;color:var(--ono-red);font-size:.875rem;transition:transform .3s}.contact-link:hover i{transform:scale(1.15)}.company-info{flex-direction:column;gap:1rem;display:flex}.info-row{border-bottom:1px solid #f0f0f0;flex-direction:column;gap:.3rem;padding:.75rem 0;transition:padding-left .3s;display:flex}.info-row:first-child{padding-top:0}.info-row:last-child{border-bottom:none}.info-row:hover{padding-left:.5rem}.info-row .label{color:#999;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.info-row .value{color:var(--text-dark);font-size:.95rem;font-weight:600;line-height:1.5;transition:color .3s}.info-row:hover .value{color:var(--ono-red)}.cta-section.contact-cta{text-align:center;background:linear-gradient(90deg,#2b2500 0%,#1a1a1a 40%);padding:2.5rem 1rem;position:relative}.cta-container{flex-direction:column;align-items:center;max-width:850px;margin:0 auto;display:flex}.cta-pill{background:var(--ono-yellow);text-transform:uppercase;color:#000;border-radius:50px;margin-bottom:1.5rem;padding:8px 18px;font-size:.75rem;font-weight:800;display:inline-block}.cta-title{color:#fff;margin-bottom:.8rem;font-size:2rem;font-weight:900;line-height:1.2}.cta-text{color:#999;max-width:600px;margin-bottom:2rem;font-size:1rem;line-height:1.5}.cta-buttons{justify-content:center;gap:1.2rem;display:flex}@media (max-width:1024px){.contacts-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.cta-section.contact-cta{padding:3rem 1rem}.cta-title{font-size:1.6rem}.cta-buttons{flex-direction:column;gap:1rem;width:100%}}@media (max-width:900px){.page-title{font-size:2.5rem}}@media (max-width:768px){.page-header{margin-bottom:-2rem;padding:4rem 0 6rem}.page-subtitle{font-size:1rem}.contacts-grid{grid-template-columns:1fr;gap:1.5rem}.contacts-section{padding-bottom:3rem}.contact-card-body{padding:1.5rem 1.25rem}}