:root{--primary-yellow: #FCD34D;--dark-yellow: #D97706;--black: #000000;--dark-gray: #1a1a1a;--medium-gray: #333333;--light-gray: #cccccc;--white: #ffffff;--text-color: #000000;--heading-color: #000000;--border-color: var(--medium-gray);--background-color: var(--white);--card-background: var(--white);--button-bg: #D97706;--button-text: var(--white);--button-hover-bg: #B45309;--transition-speed: .3s}.landing-page *{box-sizing:border-box;margin:0;padding:0}.landing-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;line-height:1.6;color:#000;background-color:#fff;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.landing-page h1,.landing-page h2,.landing-page h3,.landing-page h4,.landing-page h5,.landing-page h6{color:#000;line-height:1.2;margin-bottom:.5em}.landing-page p{margin-bottom:1em;color:#000}.landing-page a{color:#000;text-decoration:none;transition:color var(--transition-speed) ease}.landing-page a:hover{color:#d97706}.landing-page .btn{display:inline-block;background-color:#d97706;color:#fff;padding:12px 25px;border-radius:5px;font-weight:700;transition:background-color var(--transition-speed) ease,transform var(--transition-speed) ease;border:none;cursor:pointer;text-align:center;white-space:nowrap}.landing-page .btn:hover{background-color:#b45309;transform:translateY(-2px)}.landing-page .btn-secondary{background-color:transparent;color:#d97706;border:2px solid #D97706}.landing-page .btn-secondary:hover{background-color:#d97706;color:#fff}.landing-page .skip-link{position:absolute;top:-40px;left:0;background:#d97706;color:var(--white);padding:8px;z-index:10000;transition:top var(--transition-speed) ease}.landing-page .skip-link:focus{top:0}.landing-page .header{background-color:var(--black);padding:15px 0;position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-color);transition:background-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.landing-page .header.scrolled{background-color:#000000e6;box-shadow:0 2px 10px #00000080}.landing-page .header .container{display:flex;justify-content:space-between;align-items:center}.landing-page .logo img{height:40px;width:auto}.landing-page .nav-menu{list-style:none;display:flex;gap:30px}.landing-page .nav-menu li a{color:var(--white);font-weight:700;padding:5px 0;position:relative}.landing-page .nav-menu li a:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background-color:var(--primary-yellow);transition:width var(--transition-speed) ease}.landing-page .nav-menu li a:hover:after{width:100%}.landing-page .nav-actions{display:flex;gap:15px}.landing-page .hamburger{display:none;flex-direction:column;cursor:pointer;padding:10px;background:none;border:none;z-index:1100}.landing-page .hamburger .bar{width:25px;height:3px;background-color:var(--primary-yellow);margin:4px 0;transition:all var(--transition-speed) ease}.landing-page .hamburger.active .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.landing-page .hamburger.active .bar:nth-child(2){opacity:0}.landing-page .hamburger.active .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.landing-page .mobile-nav-menu{display:flex;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--black);flex-direction:column;align-items:center;justify-content:center;gap:30px;transform:translate(100%);transition:transform var(--transition-speed) ease-in-out,visibility var(--transition-speed) ease-in-out,opacity var(--transition-speed) ease-in-out;z-index:999;list-style:none;visibility:hidden;opacity:0}.landing-page .mobile-nav-menu.active{transform:translate(0);visibility:visible;opacity:1}.landing-page .mobile-nav-menu li a{color:var(--white);font-size:1.5em;font-weight:700;padding:10px 0;display:block}.landing-page .mobile-nav-menu .nav-actions-mobile{display:flex;flex-direction:column;gap:15px;margin-top:30px}.landing-page .hero{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:100px 0;text-align:center;position:relative;overflow:hidden}.landing-page .hero:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.05) 0%,transparent 70%);animation:rotateBackground 20s linear infinite;z-index:0}@keyframes rotateBackground{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.landing-page .hero .container{position:relative;z-index:1}.landing-page .hero h1{font-size:3.5em;margin-bottom:20px;font-weight:800;color:#000;animation:fadeInScale 1s ease-out forwards}.landing-page .hero p{font-size:1.3em;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto;color:#000;animation:fadeIn 1.2s ease-out forwards}.landing-page .hero-actions{display:flex;justify-content:center;gap:20px;animation:fadeIn 1.4s ease-out forwards;margin-top:110px}.landing-page .hero-phones{display:flex;justify-content:center;align-items:center;gap:40px;margin:60px 0 40px;perspective:1000px}.landing-page .phone-mockup{position:relative;transition:transform .3s ease}.landing-page .phone-mockup:hover{transform:translateY(-10px)}.landing-page .phone-1{transform:rotateY(15deg) rotateX(5deg)}.landing-page .phone-2{transform:scale(1.1);z-index:2}.landing-page .phone-3{transform:rotateY(-15deg) rotateX(5deg)}.landing-page .phone-frame{width:280px;height:560px;background:linear-gradient(145deg,#2a2a2a,#1a1a1a);border-radius:40px;padding:20px;box-shadow:0 20px 40px #0000004d,0 0 0 2px #ffffff1a,inset 0 0 0 1px #ffffff0d;position:relative}.landing-page .phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:120px;height:25px;background:#000;border-radius:15px;z-index:10}.landing-page .phone-screen{width:100%;height:100%;background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:30px;overflow:hidden;position:relative}.landing-page .phone-content{padding:40px 20px 20px;height:100%;display:flex;flex-direction:column}.landing-page .phone-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px;padding-top:10px}.landing-page .phone-logo{color:var(--primary-yellow);font-weight:700;font-size:18px}.landing-page .phone-logo-img{height:45px;width:auto}.landing-page .phone-user{font-size:20px}.landing-page .phone-title{color:#fff;font-size:20px;font-weight:700;text-align:center;margin-bottom:30px}.landing-page .project-card{background:#ffffff1a;border-radius:15px;padding:20px;margin-bottom:30px;border:1px solid rgba(252,211,77,.3)}.landing-page .project-image{font-size:40px;text-align:center;margin-bottom:15px}.landing-page .project-info h4{color:#fff;font-size:16px;margin-bottom:8px;text-align:center}.landing-page .project-info p{color:var(--primary-yellow);font-weight:700;text-align:center;margin-bottom:10px}.landing-page .project-status{color:#ccc;font-size:14px;text-align:center}.landing-page .phone-btn{background:var(--primary-yellow);color:#000;border:none;padding:12px 24px;border-radius:25px;font-weight:700;cursor:pointer;margin-top:auto}.landing-page .contractor-feed{flex:1;display:flex;flex-direction:column;gap:0;overflow-y:auto;height:100%;scroll-behavior:smooth}.landing-page .feed-project{height:100%;background:#000;display:flex;flex-direction:column;position:relative;border-bottom:1px solid #333}.landing-page .project-image{flex:1;position:relative;background:#1a1a1a;display:flex;align-items:center;justify-content:center;min-height:60%}.landing-page .project-image-element{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:0}.landing-page .project-actions{position:absolute;right:15px;bottom:80px;display:flex;flex-direction:column;gap:15px;z-index:10}.landing-page .action-btn{width:40px;height:40px;border-radius:50%;background:#fff3;border:none;font-size:16px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.landing-page .action-btn:hover{background:#ffffff4d;transform:scale(1.1)}.landing-page .image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.landing-page .bathroom-bg{background:linear-gradient(135deg,#4a90e2,#357abd)}.landing-page .painting-bg{background:linear-gradient(135deg,#f39c12,#e67e22)}.landing-page .project-emoji{font-size:48px;opacity:.8}.landing-page .image-overlay{position:absolute;top:20px;left:20px;background:#000000b3;padding:8px 12px;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .project-category{color:var(--primary-yellow);font-size:10px;font-weight:700}.landing-page .project-details{padding:8px 12px;background:#1a1a1a;max-height:40%;overflow-y:auto}.landing-page .project-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.landing-page .homeowner-info{display:flex;align-items:center;gap:10px}.landing-page .homeowner-avatar{width:28px;height:28px;background:var(--primary-yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#000}.landing-page .homeowner-details{display:flex;flex-direction:column}.landing-page .homeowner-name{color:#fff;font-size:12px;font-weight:700}.landing-page .project-location{color:#999;font-size:10px}.landing-page .follow-btn{display:none}.landing-page .project-description{color:#ccc;font-size:8px;line-height:1.4;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.landing-page .project-stats{display:flex;gap:12px;margin-bottom:10px}.landing-page .project-budget,.landing-page .project-bids,.landing-page .project-time{color:var(--primary-yellow);font-size:10px;font-weight:700}.landing-page .project-feed{flex:1;display:flex;flex-direction:column;gap:15px}.landing-page .feed-item{background:#ffffff0d;border-radius:12px;padding:15px;display:flex;align-items:center;gap:12px}.landing-page .feed-image{font-size:24px;width:40px;text-align:center}.landing-page .feed-info{flex:1}.landing-page .feed-info h4{color:#fff;font-size:14px;margin-bottom:4px}.landing-page .feed-info p{color:var(--primary-yellow);font-size:12px;margin:0}.landing-page .bid-btn{background:var(--primary-yellow);color:#000;border:none;padding:8px 16px;border-radius:15px;font-size:12px;font-weight:700;cursor:pointer}.landing-page .project-overlay-elements{position:absolute;inset:0;pointer-events:none;z-index:5}.landing-page .overlay-price{position:absolute;top:20px;left:20px;background:#000c;color:var(--primary-yellow);padding:4px 6px;border-radius:20px;font-size:7px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .overlay-bids{position:absolute;top:20px;right:20px;background:#000c;color:var(--primary-yellow);padding:4px 6px;border-radius:20px;font-size:6px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.landing-page .overlay-bid-button{position:absolute;bottom:20px;left:20px;background:#000c;color:var(--primary-yellow);border:2px solid var(--primary-yellow);padding:3px 16px;border-radius:25px;font-size:6px;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;pointer-events:auto}.landing-page .overlay-bid-button:hover{background:var(--primary-yellow);color:#000;transform:translateY(-2px)}.landing-page .overlay-category{position:absolute;bottom:20px;right:20px;background:#000c;color:var(--primary-yellow);padding:4px 6px;border-radius:20px;font-size:6px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:5}.landing-page .overlay-time{position:absolute;bottom:20px;right:20px;background:#000c;color:#fff;padding:4px 6px;border-radius:20px;font-size:6px;font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;z-index:5}.landing-page .message-thread{flex:1;display:flex;flex-direction:column;gap:15px;padding-top:10px}.landing-page .message{display:flex;align-items:flex-end;gap:8px}.landing-page .message.sent{flex-direction:row-reverse}.landing-page .message-avatar{font-size:16px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.landing-page .message-content{background:#ffffff1a;padding:10px 12px;border-radius:15px;max-width:70%}.landing-page .message.sent .message-content{background:var(--primary-yellow);color:#000}.landing-page .message-content p{color:#fff;font-size:12px;margin:0 0 4px}.landing-page .message.sent .message-content p{color:#000}.landing-page .message-time{font-size:10px;color:#999}.landing-page .phone-label{position:absolute;bottom:-60px;left:50%;transform:translate(-50%);color:var(--primary-yellow);font-weight:700;font-size:14px;text-align:center}.landing-page .features{padding:80px 0;background-color:#fff;text-align:center}.landing-page .features h2{font-size:2.5em;margin-bottom:60px;color:#000}.landing-page .features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.landing-page .feature-card{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000001a;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease;border:1px solid #E5E7EB;opacity:0;transform:translateY(20px)}.landing-page .feature-card.animate-in{animation:slideInUp .8s ease-out forwards}.landing-page .feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026;border-color:#d97706}.landing-page .feature-card .icon{font-size:3em;color:#d97706;margin-bottom:20px;display:inline-block;transition:transform var(--transition-speed) ease}.landing-page .feature-card:hover .icon{transform:scale(1.1)}.landing-page .feature-card h3{font-size:1.5em;margin-bottom:15px;color:#000}.landing-page .feature-card p{font-size:1em;color:#000}.landing-page .social-proof{padding:80px 0;background-color:var(--black);text-align:center}.landing-page .social-proof h2{font-size:2.5em;margin-bottom:60px;color:var(--primary-yellow)}.landing-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-bottom:60px}.landing-page .stat-item{background-color:var(--card-background);padding:30px;border-radius:10px;border:1px solid var(--border-color);opacity:0;transform:translateY(20px)}.landing-page .stat-item.animate-in{animation:slideInUp .8s ease-out forwards}.landing-page .stat-item .number{font-size:3em;font-weight:700;color:var(--primary-yellow);margin-bottom:10px}.landing-page .stat-item .label{font-size:1.2em;color:var(--white)}.landing-page .testimonials{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.landing-page .testimonial-card{background-color:var(--card-background);padding:30px;border-radius:10px;border:1px solid var(--border-color);text-align:left;opacity:0;transform:translateY(20px)}.landing-page .testimonial-card.animate-in{animation:slideInUp .8s ease-out forwards}.landing-page .testimonial-card p{font-style:italic;margin-bottom:20px;color:var(--light-gray)}.landing-page .testimonial-card .author{font-weight:700;color:var(--white)}.landing-page .testimonial-card .rating{color:var(--primary-yellow);margin-top:10px}.landing-page .pricing{padding:80px 0;background-color:#fff;text-align:center}.landing-page .pricing h2{font-size:2.5em;margin-bottom:60px;color:#000}.landing-page .pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.landing-page .pricing-card{background-color:#fff;padding:40px;border-radius:10px;box-shadow:0 4px 6px #0000001a;border:1px solid #E5E7EB;transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease,border-color var(--transition-speed) ease;opacity:0;transform:translateY(20px)}.landing-page .pricing-card.animate-in{animation:slideInUp .8s ease-out forwards}.landing-page .pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.landing-page .pricing-card.featured{border-color:#d97706;box-shadow:0 0 20px #d9770680;transform:scale(1.03)}.landing-page .pricing-card.featured:hover{transform:scale(1.05) translateY(-5px)}.landing-page .pricing-card h3{font-size:2em;margin-bottom:10px;color:#000}.landing-page .pricing-card .price{font-size:3em;font-weight:700;color:#000;margin-bottom:20px}.landing-page .pricing-card .price span{font-size:.5em;font-weight:400;color:#000}.landing-page .pricing-card ul{list-style:none;margin-bottom:30px;text-align:left}.landing-page .pricing-card ul li{margin-bottom:10px;color:#000;display:flex;align-items:center}.landing-page .pricing-card ul li:before{content:"✓";color:#d97706;margin-right:10px;font-weight:700}.landing-page .faq{padding:80px 0;background-color:#fff;text-align:center}.landing-page .faq h2{font-size:2.5em;margin-bottom:60px;color:#000}.landing-page .faq-container{max-width:800px;margin:0 auto}.landing-page .faq-item{background-color:#fff;border:1px solid #E5E7EB;border-radius:8px;margin-bottom:15px;overflow:hidden;opacity:0;transform:translateY(20px)}.landing-page .faq-item.animate-in{animation:slideInUp .8s ease-out forwards}.landing-page .faq-question{width:100%;background-color:#f3f4f6;color:#000;padding:20px 25px;text-align:left;font-size:1.2em;font-weight:700;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color var(--transition-speed) ease}.landing-page .faq-question:hover,.landing-page .faq-question:focus{background-color:#d97706;color:#fff;outline:none}.landing-page .faq-question .arrow{font-size:1.5em;transition:transform var(--transition-speed) ease}.landing-page .faq-question.active .arrow{transform:rotate(180deg)}.landing-page .faq-answer{max-height:0;padding:0 25px;overflow:hidden;transition:max-height var(--transition-speed) ease-out,padding var(--transition-speed) ease-out;color:#000}.landing-page .faq-answer.active{max-height:200px;padding:20px 25px}.landing-page .footer{background-color:var(--black);padding:60px 0 20px;border-top:1px solid var(--border-color);text-align:center}.landing-page .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;text-align:left;margin-bottom:40px}.landing-page .footer-col h4{font-size:1.2em;margin-bottom:20px;color:var(--white)}.landing-page .footer-col ul{list-style:none}.landing-page .footer-col ul li{margin-bottom:10px}.landing-page .footer-col ul li a{color:var(--light-gray);transition:color var(--transition-speed) ease}.landing-page .footer-col ul li a:hover{color:var(--primary-yellow)}.landing-page .footer-col .social-links{display:flex;gap:15px;margin-top:20px}.landing-page .footer-col .social-links a{color:var(--white);font-size:1.5em;transition:color var(--transition-speed) ease}.landing-page .footer-col .social-links a:hover{color:var(--primary-yellow)}.landing-page .footer-bottom{border-top:1px solid var(--border-color);padding-top:20px;font-size:.9em;color:var(--light-gray)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.landing-page .hero-phones{flex-direction:column;align-items:center;gap:30px;margin:40px 0 30px}.landing-page .phone-1,.landing-page .phone-2,.landing-page .phone-3{transform:none}.landing-page .phone-frame{width:240px;height:480px;padding:15px}.landing-page .phone-content{padding:15px}.landing-page .nav-menu,.landing-page .nav-actions{display:none}.landing-page .hamburger{display:flex}.landing-page .hero h1{font-size:2.5em}.landing-page .hero p{font-size:1em}.landing-page .hero-actions{flex-direction:column;gap:15px}.landing-page .features h2,.landing-page .social-proof h2,.landing-page .pricing h2,.landing-page .faq h2{font-size:2em}.landing-page .feature-card,.landing-page .stat-item,.landing-page .testimonial-card,.landing-page .pricing-card,.landing-page .faq-item{padding:30px}.landing-page .pricing-card.featured{transform:scale(1)}.landing-page .pricing-card.featured:hover{transform:translateY(-5px)}.landing-page .footer-grid{grid-template-columns:1fr;text-align:center}.landing-page .footer-col ul{margin-bottom:30px}.landing-page .footer-col .social-links{justify-content:center}}@media (max-width: 480px){.landing-page .hero{padding:80px 0}.landing-page .hero h1{font-size:2em}.landing-page .hero p{font-size:.9em}.landing-page .btn{padding:10px 20px;font-size:.9em}.landing-page .features,.landing-page .social-proof,.landing-page .pricing,.landing-page .faq{padding:60px 0}.landing-page .features h2,.landing-page .social-proof h2,.landing-page .pricing h2,.landing-page .faq h2{font-size:1.8em;margin-bottom:40px}.landing-page .feature-card h3{font-size:1.3em}.landing-page .stat-item .number{font-size:2.5em}.landing-page .stat-item .label{font-size:1em}.landing-page .pricing-card h3{font-size:1.8em}.landing-page .pricing-card .price{font-size:2.5em}.landing-page .faq-question{font-size:1em;padding:15px 20px}.landing-page .faq-answer.active{padding:15px 20px}}