*{margin:0;padding:0;box-sizing:border-box}:root{--primary:rgb(124,58,237);--primary-dark:rgb(104,48,207);--primary-light:rgb(144,78,255);--success:#10B981;--text-dark:#1F2937;--text-light:#6B7280;--bg-light:#F6F7F8;--white:#FFFFFF;--shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}body{font-family:'Inter',-apple-system,sans-serif;color:var(--text-dark);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header-nav{background:#000;padding:10px 0;position:relative;z-index:1000;position:sticky;top:0;z-index:1000;border-bottom:1px solid #424242}.footer-nav{background:#2a2a2a;padding:10px 0;position:relative;z-index:1000}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.footer-nav .nav-container{justify-content:center;padding:10px 20px;color:white;background:#2a2a2a}.logo{font-size:2rem;font-weight:800;text-decoration:none;letter-spacing:-0.02em}.logo .hundred{color:rgb(124,58,237)}.logo .customers{color:white}.nav-buttons{display:flex;gap:20px;align-items:center}.nav-signin{color:white;text-decoration:none;font-weight:600;transition:opacity 0.2s}.nav-signin:hover{opacity:0.8}.nav-signup{background:rgb(124,58,237);color:white;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;transition:all 0.2s}.nav-signup:hover{background:#9333EA;transform:translateY(-1px)}h1{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;letter-spacing:-0.02em}h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;letter-spacing:-0.01em}h3{font-size:1.5rem;font-weight:600}.hero{padding:100px 0;background:linear-gradient(135deg,#1a0a2e 0,#16213e 100%);color:white;position:relative;overflow:visible}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" viewBox="0 0 60 60" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><g fill="%239C92AC" fill-opacity="0.03"><path d="M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z"/></g></g></svg>') repeat}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:1;overflow:visible}.hero-text h1{margin-bottom:20px;background:linear-gradient(135deg,#fff 0,#C7D2FE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:#C7D2FE;margin-bottom:30px;line-height:1.6;opacity:0.9}.price-comparison{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;margin-bottom:40px;max-width:600px}.price-option{text-align:center;padding:30px;background:rgba(255,255,255,0.03);border:2px solid rgba(255,255,255,0.1);border-radius:20px;backdrop-filter:blur(10px);transition:all 0.3s;cursor:pointer}.price-option:hover{background:rgba(255,255,255,0.08);border-color:var(--primary);transform:translateY(-4px);box-shadow:0 10px 30px rgba(124,58,237,0.3)}.option-label{font-size:0.875rem;text-transform:uppercase;letter-spacing:0.05em;color:#C7D2FE;margin-bottom:12px;font-weight:600}.option-price{font-size:3rem;font-weight:800;color:#10F981;line-height:1;margin-bottom:4px}.option-per{font-size:0.875rem;color:rgba(255,255,255,0.6)}.price-divider{position:relative}.price-divider span{display:inline-block;padding:8px 16px;background:rgba(255,255,255,0.1);border-radius:20px;font-size:0.75rem;font-weight:700;letter-spacing:0.1em;color:#C7D2FE}.hero-form{display:flex;gap:12px;max-width:500px}.hero-form input{flex:1;padding:16px 20px;border:2px solid #E5E7EB;border-radius:8px;font-size:1rem;transition:all 0.2s}.hero-form input:focus{outline:none;border-color:var(--primary)}.btn-primary{background:var(--primary);color:white;padding:16px 32px;border:none;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all 0.2s;white-space:nowrap}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-visual{position:relative;min-height:400px;height:auto;display:flex;align-items:center;justify-content:center;overflow:visible;padding:20px 0}.featured-postcard-group{display:flex;gap:20px;flex-direction:row;justify-content:space-between;align-items:center}.featured-postcard{width:240px;height:360px;background:linear-gradient(135deg,#E0E7FF 0,#C7D2FE 100%);border-radius:12px;box-shadow:var(--shadow-lg);position:relative;transform-style:preserve-3d;transition:transform 0.6s;cursor:pointer}.featured-postcard:hover{transform:rotateY(10deg) rotateX(-10deg)}.featured-postcard::before{content:'Featured Design';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--primary);font-weight:600;text-align:center}.hero-cta{max-width:500px}.btn-google{display:inline-flex;align-items:center;gap:12px;background:white;color:var(--text-dark);border:2px solid #E5E7EB;padding:16px 32px;font-size:1.125rem}.btn-google:hover{background:var(--bg-light);border-color:#D1D5DB;transform:translateY(-2px)}.google-icon{flex-shrink:0}.auth-note{margin-top:16px;font-size:0.875rem;color:var(--text-light)}.paper-airplane-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}.flight-trail{position:absolute;width:100%;height:100%}#trailPath{stroke-dashoffset:0;opacity:0}.paper-airplane{position:absolute;width:60px;height:30px;opacity:0;transform-origin:center;filter:drop-shadow(2px 2px 6px rgba(0,0,0,0.15));left:50%;top:50%}.proof-strip{background:#0a0a0a;padding:40px 0;border-top:1px solid rgba(255,255,255,0.1);border-bottom:1px solid rgba(255,255,255,0.1)}.proof-items{display:flex;justify-content:space-around;gap:40px;flex-wrap:wrap}.proof-item{text-align:center}.proof-number{font-size:2.5rem;font-weight:800;color:var(--primary);display:inline-block;min-width:120px;text-align:right}.proof-number[data-counter]{display:inline-block}.proof-label{color:#C7D2FE;font-weight:500;display:inline-block;margin-left:8px}.targeting-section{padding:100px 0;background:var(--white)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{margin-bottom:20px}.section-header p{font-size:1.25rem;color:var(--text-light);max-width:600px;margin:0 auto}.targeting-options{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:60px}.targeting-card{background:var(--white);border:2px solid #E5E7EB;border-radius:16px;padding:40px;position:relative;transition:all 0.3s;cursor:pointer}.targeting-card:hover{border-color:var(--primary);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.targeting-card.featured{border-color:var(--primary);background:linear-gradient(to bottom right,rgba(124,58,237,0.05),rgba(124,58,237,0.02))}.card-badge{position:absolute;top:-12px;right:30px;background:var(--primary);color:white;padding:4px 16px;border-radius:20px;font-size:0.875rem;font-weight:600}.card-badge.lft{left:30px;right:auto}.targeting-card h3{margin-bottom:16px;color:var(--text-dark)}.card-price{font-size:2rem;font-weight:800;color:var(--success);margin-bottom:8px}.card-price small{font-size:0.875rem;color:var(--text-light);font-weight:400}.card-description{color:var(--text-light);margin-bottom:24px;line-height:1.6}.card-features{list-style:none;margin-bottom:24px}.card-features li{padding:8px 0;padding-left:24px;position:relative;color:var(--text-dark)}.card-features li::before{content:'✓';position:absolute;left:0;color:var(--success);font-weight:700}.use-cases{font-size:0.875rem;color:var(--text-light);font-style:italic}.demo-section{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);padding:40px;border-radius:16px;border:1px solid rgba(255,255,255,0.1)}.demo-tabs{display:flex;gap:16px;margin-bottom:40px;justify-content:center}.demo-tab{padding:12px 24px;background:var(--white);border:2px solid #E5E7EB;border-radius:8px;font-weight:600;cursor:pointer;transition:all 0.2s}.demo-tab.active{background:var(--primary);color:white;border-color:var(--primary)}.demo-content{display:none;animation:fadeIn 0.3s}.demo-content.active{display:block}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.map-demo{background:var(--white);border-radius:12px;padding:40px;text-align:center}.map-container{width:100%;height:400px;background:linear-gradient(135deg,#E0E7FF 0,#C7D2FE 100%);border-radius:8px;margin:20px 0;position:relative;overflow:hidden}.map-routes{position:absolute;inset:20px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.route{background:rgba(124,58,237,0.1);border:2px solid rgba(124,58,237,0.3);border-radius:8px;transition:all 0.3s}.route.active{background:rgba(124,58,237,0.3);border-color:var(--primary);transform:scale(1.05)}.route-slider{width:100%;max-width:400px;margin:20px auto}.route-slider input{width:100%;height:8px;-webkit-appearance:none;appearance:none;background:#E5E7EB;border-radius:4px;outline:none}.video-container{width:100%;max-width:600px;margin:20px auto;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3);background:#000}.video-container video{width:100%;height:auto;display:block}.map-demo .route-count{text-align:center;margin-top:20px;font-weight:600;color:#C7D2FE}.list-demo{background:var(--white);border-radius:12px;padding:40px}.list-builder{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin:20px 0}.list-item{background:var(--bg-light);padding:20px;border-radius:8px;text-align:center;transition:all 0.2s}.list-item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.list-zip{font-weight:700;color:var(--text-dark);display:block;margin-bottom:8px}.list-count{font-size:1.5rem;font-weight:800;color:var(--primary);display:block;margin-bottom:4px}.list-label{font-size:0.875rem;color:var(--text-light)}.showcase-section{padding:100px 0;background:linear-gradient(to bottom,var(--bg-light),var(--white))}.card-stack{position:relative;height:400px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin:60px 0}.stacked-card{position:absolute;min-width:200px;height:300px;background:white;box-shadow:var(--shadow-lg);transition:all 0.5s cubic-bezier(0.4,0,0.2,1);cursor:pointer;overflow:hidden}.stacked-card img{width:100%;height:100%;object-fit:cover}.stacked-card:nth-child(1){z-index:6}.stacked-card:nth-child(2){z-index:5;transform:translateX(15px) translateY(15px)}.stacked-card:nth-child(3){z-index:4;transform:translateX(30px) translateY(30px)}.stacked-card:nth-child(4){z-index:3;transform:translateX(45px) translateY(45px)}.stacked-card:nth-child(5){z-index:2;transform:translateX(60px) translateY(60px)}.stacked-card:nth-child(6){z-index:1;transform:translateX(75px) translateY(75px)}.card-stack.expanded .stacked-card:nth-child(1){transform:translateX(-250px) rotate(-8deg)}.card-stack.expanded .stacked-card:nth-child(2){transform:translateX(-150px) rotate(-5deg)}.card-stack.expanded .stacked-card:nth-child(3){transform:translateX(-50px) rotate(-2deg)}.card-stack.expanded .stacked-card:nth-child(4){transform:translateX(50px) rotate(2deg)}.card-stack.expanded .stacked-card:nth-child(5){transform:translateX(150px) rotate(5deg)}.card-stack.expanded .stacked-card:nth-child(6){transform:translateX(250px) rotate(8deg)}.stacked-card.selected{z-index:10 !important;transform:translateY(-50px) scale(1.1) !important;box-shadow:0 30px 60px rgba(0,0,0,0.3)}.stack-hint{text-align:center;color:var(--text-light);font-style:italic}.how-section{padding:100px 0;background:#0a0a0a;color:white}.how-section .section-header h2{color:white}.how-section .section-header p{color:#C7D2FE}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-top:60px}.step-card{background:rgba(255,255,255,0.05);backdrop-filter:blur(10px);padding:40px 30px;border-radius:16px;text-align:center;position:relative;transition:all 0.3s;border:1px solid rgba(255,255,255,0.1)}.step-card:hover{transform:translateY(-4px);background:rgba(255,255,255,0.08);box-shadow:0 20px 40px rgba(124,58,237,0.3)}.step-number{width:60px;height:60px;background:var(--primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800;margin:0 auto 20px;box-shadow:0 0 30px rgba(124,58,237,0.5)}.step-card h3{margin-bottom:12px;color:white}.step-description{color:#C7D2FE;line-height:1.6}.pricing-section{padding:100px 0;background:var(--white)}.pricing-table{max-width:800px;margin:10px auto;background:var(--white);border:2px solid #E5E7EB;border-radius:16px;overflow:hidden}.pricing-table table{width:100%;border-collapse:collapse}.pricing-table th{background:var(--bg-light);padding:20px;font-weight:700;text-align:left;border-bottom:2px solid #E5E7EB}.pricing-table td{padding:20px;border-bottom:1px solid #E5E7EB}.pricing-table tr:last-child td{border-bottom:none}.pricing-table tr:nth-child(even){background:var(--bg-light)}.highlight-price{font-size:1.25rem;font-weight:700;color:var(--success)}.pricing-note{text-align:center;margin-top:20px;color:var(--text-light)}.pricing-note.small{font-size:0.875rem}.testimonials-section{padding:100px 0;background:var(--bg-light)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;margin-top:60px}.testimonial-card{background:var(--white);padding:40px;border-radius:16px;box-shadow:var(--shadow);position:relative}.testimonial-icon{width:50px;height:50px;background:var(--primary);opacity:0.1;border-radius:50%;margin-bottom:20px}.testimonial-quote{font-size:1.25rem;font-weight:600;color:var(--text-dark);margin-bottom:16px;line-height:1.4}.testimonial-metric{color:var(--success);font-weight:700}.testimonial-author{color:var(--text-light);font-style:italic}.cta-section{padding:100px 0;background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:white;text-align:center;position:relative;overflow:hidden}.cta-section::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,0.1) 0,transparent 70%);animation:pulse 15s ease-in-out infinite}@keyframes pulse{0,100%{transform:scale(1);opacity:0.5}50%{transform:scale(1.1);opacity:0.3}}.cta-section .container{position:relative;z-index:1}.cta-section h2{color:white;margin-bottom:20px}.cta-section p{font-size:1.25rem;margin-bottom:40px;opacity:0.9}.cta-section .btn-primary{background:white;color:var(--primary);font-size:1.125rem;padding:20px 40px}.cta-section .btn-primary:hover{background:var(--bg-light)}@media (min-width:969px) and (max-width:1235px){.featured-postcard-group{flex-direction:column}}@media (max-width:768px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-visual{min-height:600px;max-width:100%;overflow:hidden}.featured-postcard-group{flex-direction:column;gap:20px;align-items:center}.postcard-front,.postcard-back{max-width:90%;margin:0 auto}.price-comparison{grid-template-columns:1fr;gap:20px}.price-divider{display:none}.hero-form{flex-direction:column}.proof-items{flex-direction:column;gap:20px}.targeting-options{grid-template-columns:1fr}.demo-tabs{flex-direction:column}.card-stack.expanded .stacked-card{transform:none !important;position:relative;margin:10px 0}.pricing-table{overflow-x:auto}.nav-buttons{gap:10px}.logo{font-size:1.5rem}.card-stack.expanded{overflow:scroll}.card-stack.expanded .stacked-card{margin-right:10px}}.floating-cta{position:fixed;bottom:30px;right:30px;background:#10F981;;color:black;padding:16px 24px;border-radius:30px;box-shadow:var(--shadow-lg);font-weight:600;cursor:pointer;transition:all 0.3s;z-index:1000;opacity:0;transform:translateY(20px)}.floating-cta.visible{opacity:1;transform:translateY(0)}.floating-cta:hover{transform:translateY(-2px);box-shadow:0 15px 25px -5px rgba(0,0,0,0.2)}.case-studies-container{margin-top:60px}.featured-details{max-width:700px;margin:0 auto;background:var(--white);border:2px solid var(--primary);border-radius:16px;padding:30px;box-shadow:0 10px 30px rgba(124,58,237,0.1);position:relative;transition:all 0.3s cubic-bezier(0.4,0,0.2,1)}.featured-details::before{content:'';position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;background:linear-gradient(135deg,rgba(124,58,237,0.1) 0,rgba(124,58,237,0.05) 100%);border-radius:20px;z-index:-1}.featured-header{display:flex;gap:20px;margin-bottom:24px;align-items:center}.featured-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;border:2px solid #E5E7EB;flex-shrink:0}.featured-info h3{font-size:1.25rem;margin-bottom:4px;color:var(--text-dark)}.featured-location{font-size:0.875rem;color:var(--text-light);margin-bottom:4px}.featured-goal{font-style:italic;color:var(--primary);font-size:0.875rem}.featured-metrics{display:flex;align-items:center;justify-content:center;gap:20px;padding:16px;background:var(--bg-light);border-radius:8px;margin-bottom:20px}.metric-group{text-align:center}.metric-value{display:block;font-size:1.5rem;font-weight:800;color:var(--text-dark);line-height:1}.metric-value.highlight{color:var(--primary)}.metric-label{display:block;font-size:0.75rem;color:var(--text-light);margin-top:2px}.metric-divider{font-size:1.25rem;color:#D1D5DB;font-weight:300}.featured-roi{text-align:center;margin-bottom:20px}.roi-flow{display:inline-flex;align-items:center;gap:12px;padding:12px 24px;background:linear-gradient(135deg,rgba(124,58,237,0.05) 0,rgba(16,249,129,0.05) 100%);border-radius:30px}.roi-spent{font-size:1rem;font-weight:600;color:var(--text-dark)}.roi-arrow{font-size:1.25rem;color:var(--primary)}.roi-revenue{font-size:1.25rem;font-weight:800;color:var(--success)}.roi-timeframe{font-size:0.875rem;color:var(--text-light)}.featured-quote{font-size:0.9375rem;font-style:italic;color:var(--text-dark);text-align:center;max-width:600px;margin:0 auto;line-height:1.5}.case-carousel-wrapper{position:relative;max-width:900px;margin:0 auto 30px}.case-carousel{overflow:visible;padding:10px 50px}.carousel-track{display:flex;gap:24px;transition:transform 0.5s cubic-bezier(0.4,0,0.2,1);align-items:center;justify-content:center}.case-card{flex:0 0 180px;background:var(--white);border:2px solid #E5E7EB;border-radius:12px;padding:20px;text-align:center;cursor:pointer;transition:all 0.5s cubic-bezier(0.4,0,0.2,1);opacity:0.6;transform:scale(0.85)}.case-card.active{flex:0 0 220px;opacity:1;transform:scale(1);border-color:var(--primary);box-shadow:0 10px 25px rgba(124,58,237,0.15)}.case-card img{width:60px;height:60px;border-radius:50%;object-fit:cover;margin:0 auto 16px;transition:all 0.5s}.case-card.active img{width:80px;height:80px}.case-card h4{font-size:1rem;margin-bottom:4px;color:var(--text-dark);transition:all 0.5s}.case-card.active h4{font-size:1.125rem}.card-subtitle{font-size:0.875rem;color:var(--text-light);margin-bottom:12px}.card-roi{font-weight:700;color:var(--success);font-size:0.875rem;transition:all 0.5s}.case-card.active .card-roi{font-size:1rem}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:var(--white);border:2px solid #E5E7EB;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-dark);cursor:pointer;transition:all 0.2s;z-index:10}.carousel-nav:hover{background:var(--primary);color:white;border-color:var(--primary)}.carousel-nav.prev{left:-20px}.carousel-nav.next{right:-20px}.targeting-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.03em}.targeting-badge.neighborhood{background:rgba(124,58,237,0.1);color:var(--primary)}.targeting-badge.precision{background:rgba(16,185,129,0.1);color:var(--success)}@media (max-width:768px){.floating-cta{bottom:50px}.featured-header{flex-direction:column;text-align:center}.featured-avatar{margin:0 auto;width:60px;height:60px}.featured-metrics{flex-direction:column;gap:16px}.metric-divider{display:none}.case-carousel-wrapper{margin:0 -20px 30px;padding:0}.case-carousel{padding:10px 20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.carousel-track{display:flex;gap:16px;width:max-content;padding:0 20px}.carousel-nav{display:none}.case-card{flex:0 0 160px;scroll-snap-align:center}.case-card.active{flex:0 0 180px}.case-carousel::after{content:'';position:absolute;top:0;right:0;bottom:0;width:30px;background:linear-gradient(to right,transparent,rgba(255,255,255,0.8));pointer-events:none}}@media (max-width:479px){.footer-nav .nav-container{font-size:0.875rem}.nav-signup{font-size:0.875rem;padding:8px 12px}.nav-signin{font-size:0.875rem;padding:8px 12px}.pricing-table td{padding:10px}.pricing-table table{font-size:0.85rem}.proof-number{font-size:1.5rem}}