:root{--pop-purple:#7b61ff;--pop-yellow:gold;--pop-coral:#ff4757;--pop-black:#1a1a1a;--pop-white:#fff;--pop-blue:#48dbfb;--pop-cream:#fff9f0;--border-thick:3px solid var(--pop-black);--shadow-hard:6px 6px 0px var(--pop-black);--shadow-hard-hover:10px 10px 0px var(--pop-black);--shadow-hard-active:2px 2px 0px var(--pop-black);--radius-main:20px;--font-display:"Fredoka",sans-serif;--font-body:"Nunito",sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--pop-cream);color:var(--pop-black);line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}ul{list-style:none}.btn{font-family:var(--font-display);border:var(--border-thick);background-color:var(--pop-yellow);color:var(--pop-black);box-shadow:var(--shadow-hard);cursor:pointer;text-transform:uppercase;border-radius:50px;justify-content:center;align-items:center;padding:16px 32px;font-size:1.125rem;font-weight:600;transition:all .2s cubic-bezier(.25,1,.5,1);display:inline-flex}.btn:hover{box-shadow:var(--shadow-hard-hover);transform:translate(-2px,-2px)}.btn:active{box-shadow:var(--shadow-hard-active);transform:translate(2px,2px)}.btn-primary{background-color:var(--pop-coral);color:#fff}.btn-secondary{background-color:var(--pop-white)}.btn-tertiary{background-color:var(--pop-purple);color:#fff}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--pop-purple);outline-offset:2px}.section-py{padding:80px 0}.section-title{text-align:center;margin-bottom:64px;font-size:2.5rem}.hero-gradient-pop{background:radial-gradient(circle at 80% 20%,var(--pop-yellow)0%,transparent 40%),radial-gradient(circle at 20% 80%,var(--pop-purple)0%,transparent 40%);padding:80px 0 120px;position:relative;overflow:hidden}.search-box-link{cursor:pointer;transition:box-shadow .2s,transform .2s}.search-box-link:hover{box-shadow:var(--shadow-hard-hover);transform:translate(-2px,-2px)}.search-box-link:active{box-shadow:var(--shadow-hard-active);transform:translate(2px,2px)}.doodle-star{background:var(--pop-coral);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);filter:drop-shadow(4px 4px #000);z-index:1;width:80px;height:80px;animation:6s ease-in-out infinite float;position:absolute;top:10%;right:5%}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}to{transform:translateY(0)rotate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.builder-card-pop{border:var(--border-thick);border-radius:var(--radius-main);box-shadow:var(--shadow-hard);background:#fff;flex-direction:column;transition:transform .2s;display:flex;overflow:hidden}.builder-card-pop:hover{transform:translateY(-5px)}.city-pill{background:#fff;border:2px solid #000;border-radius:50px;justify-content:space-between;align-items:center;padding:12px 20px;font-weight:700;transition:all .2s;display:flex}.city-pill:hover{background:var(--pop-coral);color:#fff;transform:scale(1.05)}.city-pill:hover .count-badge{color:var(--pop-coral);background:#fff}.cost-card{border:var(--border-thick);border-radius:var(--radius-main);text-align:center;box-shadow:var(--shadow-hard);background:#fff;padding:32px;transition:transform .2s}.cost-card:hover{transform:translateY(-5px)}.cost-card-vinyl{background:#ffebee}.cost-card-fiberglass{background:#fff9c4}.cost-card-concrete{background:#e0f7fa}.quote-card{border:var(--border-thick);border-radius:var(--radius-main);background:#fff;padding:32px;box-shadow:8px 8px #0000001a}.stars-pop{color:var(--pop-yellow);-webkit-text-stroke:1px black}.verified-badge{background:var(--pop-yellow);color:var(--pop-black);font-size:.8rem;font-weight:700;font-family:var(--font-display);border:2px solid #000;border-radius:20px;padding:4px 12px;position:absolute;top:12px;right:12px;box-shadow:2px 2px #000}.step-icon-box{background:var(--pop-white);border:var(--border-thick);width:100px;height:100px;color:var(--pop-purple);box-shadow:4px 4px 0px var(--pop-coral);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 24px;font-size:2.5rem;display:flex}.step-arrow{display:none}.shape-deco{z-index:0;opacity:.5;position:absolute}.shape-1{background:var(--pop-purple);border:var(--border-thick);border-radius:50%;width:200px;height:200px;bottom:-50px;left:-50px}.shape-2{background:var(--pop-coral);border:var(--border-thick);width:150px;height:150px;top:-30px;right:-30px;transform:rotate(45deg)}.cost-section-bg{background-image:url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23f0f0f0' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E")}.footer-link:hover{text-decoration:underline;color:var(--pop-coral)!important}.mobile-sticky-pop{z-index:1000;text-align:center;width:90%;max-width:400px;display:none;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}@media (max-width:768px){.mobile-sticky-pop{display:block}.nav-desktop-pop{display:none!important}.nav-mobile-toggle-pop{display:flex!important}.hero-grid-pop,.steps-grid-pop{grid-template-columns:1fr!important}.page-bottom-pad{padding-bottom:80px}}@media (min-width:769px){.nav-mobile-toggle-pop{display:none!important}}@media (min-width:992px){.hero-grid-pop{grid-template-columns:1fr 1fr}.step-arrow{display:block}}