/* page-contact-us.php: this page's own styles in their original order. Generated by tools/extract-cs-css.js. */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:'DM Sans',sans-serif; background-color:#000000; color:#ffffff; min-height:100vh; overflow-x:hidden; }
nav { position:absolute; top:0; left:0; right:0; display:flex; justify-content:space-between; align-items:center; padding:20px 60px; z-index:100; }
.logo { display:flex; align-items:center; gap:10px; }
.logo img { height:45px; }
.nav-divider { display:none; }
.nav-links { display:flex; align-items:center; gap:50px; }
.nav-links>a { color:#ffffff; text-decoration:none; font-size:15px; font-weight:400; transition:color 0.3s ease; }
.nav-links>a:hover,.nav-links>a.active { color:#F5A623; }
.nav-dropdown { position:relative; }
.nav-dropdown>a { color:#ffffff; text-decoration:none; font-size:15px; font-weight:400; transition:color 0.3s ease; display:flex; align-items:center; gap:5px; }
.nav-dropdown>a:hover,.nav-dropdown>a.active { color:#F5A623; }
.nav-dropdown>a::after { content:''; width:0; height:0; border-left:4px solid transparent; border-right:4px solid transparent; border-top:4px solid #ffffff; transition:transform 0.3s ease,border-color 0.3s ease; }
.nav-dropdown:hover>a::after { border-top-color:#F5A623; transform:rotate(180deg); }
.dropdown-menu { position:absolute; top:100%; left:50%; transform:translateX(-50%); background:rgba(20,20,20,0.95); backdrop-filter:blur(10px); border:1px solid rgba(255,255,255,0.1); border-radius:12px; padding:15px 0; min-width:200px; opacity:0; visibility:hidden; pointer-events:none; transition:opacity 0.3s ease,visibility 0.3s ease,margin-top 0.3s ease; margin-top:15px; box-shadow:0 10px 40px rgba(0,0,0,0.5); z-index:1000; }
.dropdown-menu::before { content:''; position:absolute; top:-15px; left:0; right:0; height:15px; }
.nav-dropdown:hover .dropdown-menu,.dropdown-menu:hover { opacity:1; visibility:visible; margin-top:10px; pointer-events:auto; }
.dropdown-menu a { display:block; padding:12px 25px; color:#ffffff; text-decoration:none; font-size:14px; transition:all 0.3s ease; cursor:pointer; pointer-events:auto; }
.dropdown-menu a:hover { background:rgba(245,166,35,0.1); color:#F5A623; }
.dropdown-menu a.active { color:#F5A623; background:rgba(245,166,35,0.05); }
.nav-cta { background-color:#F5A623; color:#000000; padding:12px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:14px; transition:background-color 0.3s ease,transform 0.3s ease; }
.nav-cta:hover { background-color:#e09515; transform:translateY(-2px); }
.mobile-nav-right { display:none; align-items:center; gap:15px; }
.mobile-menu-toggle { display:none; flex-direction:column; justify-content:center; align-items:center; width:44px; height:44px; background:transparent; border:none; cursor:pointer; padding:10px; z-index:1001; position:relative; }
.mobile-menu-toggle span { display:block; width:24px; height:2px; background-color:#ffffff; transition:all 0.3s ease; position:absolute; }
.mobile-menu-toggle span:nth-child(1) { transform:translateY(-8px); }
.mobile-menu-toggle span:nth-child(2) { transform:translateY(0); }
.mobile-menu-toggle span:nth-child(3) { transform:translateY(8px); }
.mobile-menu-toggle.active span:nth-child(1) { transform:rotate(45deg); }
.mobile-menu-toggle.active span:nth-child(2) { opacity:0; }
.mobile-menu-toggle.active span:nth-child(3) { transform:rotate(-45deg); }
.mobile-menu-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:999; opacity:0; pointer-events:none; transition:opacity 0.3s ease; }
.mobile-menu-overlay.active { opacity:1; pointer-events:auto; }
.mobile-menu { position:fixed; top:0; right:0; width:85%; max-width:320px; height:100%; background:linear-gradient(180deg,#0a0a0a 0%,#111111 100%); z-index:1000; overflow-y:auto; padding:80px 30px 30px; box-shadow:-10px 0 30px rgba(0,0,0,0.5); transform:translateX(100%); visibility:hidden; transition:transform 0.3s ease,visibility 0.3s ease; }
.mobile-menu.active { transform:translateX(0); visibility:visible; }
.mobile-menu-links { display:flex; flex-direction:column; gap:0; }
.mobile-menu-links>a,.mobile-menu-links>.mobile-dropdown>a { display:block; color:#ffffff; text-decoration:none; font-size:18px; font-weight:500; padding:18px 0; border-bottom:1px solid rgba(255,255,255,0.1); transition:color 0.3s ease,padding-left 0.3s ease; }
.mobile-menu-links>a:hover,.mobile-menu-links>.mobile-dropdown>a:hover { color:#F5A623; padding-left:10px; }
.mobile-dropdown { border-bottom:1px solid rgba(255,255,255,0.1); }
.mobile-dropdown>a { display:flex !important; justify-content:space-between; align-items:center; border-bottom:none !important; }
.mobile-dropdown>a::after { content:'+'; font-size:20px; color:#F5A623; transition:transform 0.3s ease; }
.mobile-dropdown.active>a::after { content:'−'; }
.mobile-dropdown-menu { max-height:0; overflow:hidden; transition:max-height 0.3s ease; background:rgba(255,255,255,0.02); margin:0 -30px; padding:0 30px; }
.mobile-dropdown.active .mobile-dropdown-menu { max-height:300px; }
.mobile-dropdown-menu a { display:block; color:#aaaaaa; text-decoration:none; font-size:16px; padding:14px 0 14px 20px; border-bottom:1px solid rgba(255,255,255,0.05); transition:color 0.3s ease,padding-left 0.3s ease; }
.mobile-dropdown-menu a:last-child { border-bottom:none; }
.mobile-dropdown-menu a:hover { color:#F5A623; padding-left:30px; }
.mobile-menu-cta { display:block; background-color:#F5A623; color:#000000; padding:16px 28px; border-radius:8px; text-decoration:none; font-weight:600; font-size:16px; text-align:center; margin-top:30px; transition:background-color 0.3s ease,transform 0.3s ease; }
.mobile-menu-cta:hover { background-color:#e09515; transform:translateY(-2px); }
.contact-section { background:#000000; min-height:100vh; padding:160px 60px 100px; }
.contact-container { max-width:1400px; margin:0 auto; display:grid; grid-template-columns:1fr 1.2fr; gap:80px; align-items:start; }
.contact-content { padding-top:20px; }
.contact-badge { display:inline-flex; align-items:center; gap:10px; padding:12px 30px; border-radius:50px; color:#ffffff; font-size:12px; font-weight:600; letter-spacing:2px; text-transform:uppercase; margin-bottom:30px; position:relative; background:#1a1a1a; z-index:1; }
.contact-badge::before { content:''; position:absolute; top:-2px; left:-2px; right:-2px; bottom:-2px; border-radius:50px; background:conic-gradient(from var(--angle),transparent 60%,#F5A623 80%,#FFBD00 100%,transparent 100%); z-index:-2; animation:rotateBorder 3s linear infinite; }
.contact-badge::after { content:''; position:absolute; top:0; left:0; right:0; bottom:0; border-radius:50px; background:#1a1a1a; z-index:-1; }
.contact-badge-dot { width:6px; height:6px; background:#ffffff; border-radius:50%; }
@property --angle { syntax: '<angle>'; initial-value: 0deg; inherits: false; }
@keyframes rotateBorder { 0% { --angle: 0deg; filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.5)); } 50% { filter: drop-shadow(0 0 15px rgba(245, 166, 35, 0.8)); } 100% { --angle: 360deg; filter: drop-shadow(0 0 5px rgba(245, 166, 35, 0.5)); } }
.contact-content h1 { font-size:72px; font-weight:400; line-height:1.1; margin-bottom:30px; color:#ffffff; }
.contact-subtitle { font-size:16px; color:rgba(255,255,255,0.7); line-height:1.6; font-style:italic; margin-bottom:40px; }
.contact-benefits { border-left:2px solid #F5A623; padding-left:25px; margin-bottom:40px; }
.contact-benefits li { list-style:none; font-size:15px; font-style:italic; color:#F5A623; margin-bottom:15px; line-height:1.5; }
.contact-benefits li:last-child { margin-bottom:0; }
.contact-social { display:flex; gap:20px; }
.contact-social a { width:40px; height:40px; display:flex; align-items:center; justify-content:center; color:#ffffff; transition:color 0.3s ease; }
.contact-social a:hover { color:#F5A623; }
.contact-social svg { width:24px; height:24px; fill:currentColor; }
.contact-form-container { background:transparent; }
.contact-form { display:flex; flex-direction:column; gap:20px; }
.form-row { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.form-group { display:flex; flex-direction:column; gap:8px; }
.form-group label { font-size:14px; color:#ffffff; font-weight:400; }
.form-group input,.form-group select { background:#1a1a1a; border:1px solid rgba(255,255,255,0.1); border-radius:8px; padding:18px 20px; font-size:15px; color:#ffffff; font-family:'DM Sans',sans-serif; transition:border-color 0.3s ease; }
.form-group input::placeholder { color:rgba(255,255,255,0.4); }
.form-group input:focus,.form-group select:focus { outline:none; border-color:#F5A623; }
.form-group select { appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 15px center; background-size:20px; padding-right:50px; cursor:pointer; }
.form-group select option { background:#1a1a1a; color:#ffffff; }
.form-submit { margin-top:20px; }
.form-submit button { width:100%; padding:20px; background:transparent; border:1px solid rgba(255,255,255,0.3); border-radius:8px; color:#ffffff; font-size:14px; font-weight:600; letter-spacing:2px; text-transform:uppercase; cursor:pointer; font-family:'DM Sans',sans-serif; transition:all 0.3s ease; }
.form-submit button:hover { background:#F5A623; border-color:#F5A623; color:#000000; }
.form-success { text-align:center; padding:60px 20px; }
.form-success-icon { width:70px; height:70px; background:#F5A623; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:32px; font-weight:700; color:#000000; margin:0 auto 25px; }
.form-success h3 { font-size:24px; font-weight:600; color:#ffffff; margin-bottom:12px; }
.form-success p { font-size:15px; color:rgba(255,255,255,0.7); line-height:1.6; }
.reviews-marquee-section { background:#000000; padding:100px 0 100px; overflow:hidden; }
.reviews-marquee-row { display:flex; width:max-content; gap:20px; padding:0 10px; }
.reviews-marquee-row.row-1 { animation:marqueeLeft 55s linear infinite; }
.reviews-marquee-row.row-2 { animation:marqueeRight 60s linear infinite; margin-top:20px; }
@keyframes marqueeLeft { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
@keyframes marqueeRight { 0% { transform: translateX(-50%); } 100% { transform: translateX(0); } }
.reviews-marquee-row:hover { animation-play-state:paused; }
.review-card { background:linear-gradient(145deg,#141414 0%,#0d0d0d 100%); border:1px solid rgba(255,255,255,0.06); border-radius:16px; padding:28px; min-width:380px; max-width:380px; flex-shrink:0; transition:border-color 0.3s ease; cursor:pointer; }
.review-card:hover { border-color:rgba(245,166,35,0.2); }
.review-card-header { display:flex; align-items:center; gap:14px; margin-bottom:16px; }
.review-card-avatar { width:44px; height:44px; border-radius:50%; overflow:hidden; flex-shrink:0; }
.review-card-avatar img { width:100%; height:100%; object-fit:cover; }
.review-card-name { font-size:16px; font-weight:600; color:#ffffff; }
.review-card-stars { color:#F5A623; font-size:14px; letter-spacing:2px; }
.review-card-text { font-size:14px; line-height:1.7; color:#ffffff; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.letter-avatar { width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-size:18px; font-weight:700; color:#ffffff; flex-shrink:0; }
.reviews-cta { text-align:center; margin-top:50px; padding:0 60px; }
.btn-google-reviews { display:inline-flex; align-items:center; gap:10px; padding:14px 32px; background:transparent; border:1px solid rgba(255,255,255,0.15); border-radius:50px; color:#ffffff; font-size:15px; font-weight:500; text-decoration:none; transition:all 0.3s ease; }
.btn-google-reviews:hover { border-color:rgba(245,166,35,0.4); background:rgba(245,166,35,0.05); }
.brands-section { background:#000000; padding:100px 60px; }
.brands-container { max-width:1400px; margin:0 auto; }
.brands-header { text-align:center; margin-bottom:80px; }
.brands-header h2 { font-size:56px; font-weight:400; color:#ffffff; line-height:1.2; }
.brands-header h2 span { color:#F5A623; }
.brands-grid { display:flex; flex-wrap:wrap; justify-content:center; gap:60px 40px; align-items:center; }
.brands-grid img { width:calc(12.5% - 35px); height:auto; max-height:120px; object-fit:contain; opacity:0.9; transition:all 0.3s ease; }
.brands-grid img:hover { opacity:1; transform:scale(1.08); }
@media (max-width: 1200px) {
    .brands-grid img { width:calc(16.66% - 30px); max-height:100px; }
}
@media (max-width: 1024px) {
    .testimonials-grid-section { padding:80px 40px; }
    .testimonials-grid-header h2 { font-size:42px; }
    .brands-section { padding:80px 40px; }
    .brands-header h2 { font-size:42px; }
    .brands-grid { gap:45px 30px; }
    .brands-grid img { width:calc(20% - 24px); max-height:90px; }
}
@media (max-width: 768px) {
    .testimonials-grid-section { padding:60px 20px; }
    .testimonials-grid-header h2 { font-size:36px; }
    .testimonial-card-wrapper { min-width:280px; max-width:280px; }
    .testimonial-card-text { font-size:14px; }
    .brands-section { padding:60px 20px; }
    .brands-header { margin-bottom:50px; }
    .brands-header h2 { font-size:32px; }
    .brands-grid { gap:35px 20px; }
    .brands-grid img { width:calc(25% - 15px); max-height:70px; }
}
@media (max-width: 480px) {
    .brands-grid { gap:30px 15px; }
    .brands-grid img { width:calc(33.33% - 10px); max-height:60px; }
}
footer { background:#000000; padding:80px 60px 0; }
.footer-container { max-width:1400px; margin:0 auto; }
.footer-main { display:grid; grid-template-columns:1.5fr 1fr 1fr 1fr; gap:60px; padding-bottom:60px; border-bottom:1px solid #333; }
.footer-brand { display:flex; flex-direction:column; }
.footer-logo { margin-bottom:30px; }
.footer-logo img { height:50px; width:auto; }
.footer-brand p { font-size:14px; color:rgba(255,255,255,0.7); line-height:1.7; margin-bottom:30px; max-width:280px; }
.footer-subscribe { display:flex; align-items:center; background:#111; border-radius:50px; padding:5px; max-width:320px; }
.footer-subscribe input { flex:1; background:transparent; border:none; padding:12px 20px; color:#ffffff; font-size:14px; outline:none; }
.footer-subscribe input::placeholder { color:rgba(255,255,255,0.5); }
.footer-subscribe button { background:#ffc500; color:#000000; border:none; padding:12px 25px; border-radius:50px; font-size:14px; font-weight:600; cursor:pointer; transition:all 0.3s ease; white-space:nowrap; flex-shrink:0; }
.footer-subscribe button:hover { background:#e6b100; }
.footer-column h4 { font-size:18px; font-weight:600; color:#ffffff; margin-bottom:25px; }
.footer-column ul { list-style:none; padding:0; margin:0; }
.footer-column ul li { margin-bottom:15px; }
.footer-column ul li a { font-size:14px; color:rgba(255,255,255,0.7); text-decoration:none; transition:color 0.3s ease; }
.footer-column ul li a:hover { color:#ffc500; }
.footer-column ul li a.highlight { color:#ffc500; }
.footer-bottom { padding:40px 0; text-align:center; }
.footer-bottom p { font-size:16px; color:rgba(255,255,255,0.7); }
@media (max-width: 1024px) {
    nav { padding:20px 40px; }
    .contact-section { padding:140px 40px 80px; }
    .contact-container { gap:60px; }
    .contact-content h1 { font-size:56px; }
    .footer-main { grid-template-columns:repeat(3,1fr); gap:40px; }
    .footer-brand { grid-column:span 3; }
}
@media (max-width: 768px) {
    nav { padding:15px 20px; }
    .nav-divider { display:none; }
    .review-card { min-width:300px; max-width:300px; padding:22px; }
    .reviews-cta { padding:0 20px; margin-top:35px; }
    .btn-google-reviews { font-size:14px; padding:12px 24px; }
    .nav-links { display:none; }
    .nav-cta { display:none; }
    .mobile-nav-right { display:flex; }
    .mobile-menu-toggle { display:flex; }
    .mobile-menu-overlay,.mobile-menu { display:block; }
    .logo img { height:38px; }
    .contact-section { padding:120px 20px 60px; }
    .contact-container { grid-template-columns:1fr; gap:50px; }
    .contact-content h1 { font-size:42px; }
    .contact-subtitle { font-size:15px; }
    .form-row { grid-template-columns:1fr; }
    footer { padding:60px 20px 0; }
    .footer-main { grid-template-columns:repeat(2,1fr); gap:30px; }
    .footer-brand { grid-column:span 2; }
    .footer-subscribe { max-width:100%; }
    .footer-bottom p { font-size:14px; }
}
@media (max-width: 480px) {
    .footer-main { grid-template-columns:1fr; }
    .footer-brand { grid-column:span 1; }
}
.cf-turnstile { margin-bottom:20px; }