.hero{max-width:1400px;margin:0 auto;padding:5rem 2rem 3rem;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,5vw,4.5rem);font-weight:800;line-height:1.05;letter-spacing:-.03em;color:var(--text-dark);margin-bottom:1.5rem}.hero-title em{font-style:italic;color:var(--text)}.hl{color:var(--text);font-weight:600}.hero-sub{font-size:1.1rem;line-height:1.7;color:var(--text-dark);opacity:.75;max-width:440px;margin-bottom:1.75rem}.hero-trust{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:2rem}.trust-badge{font-size:.8rem;color:var(--text-dark);opacity:.6;background:#9146ff14;border:1px solid rgba(145,70,255,.2);padding:.3rem .85rem;border-radius:999px;white-space:nowrap}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}.btn-primary{background:var(--text);color:var(--text-dark);font-family:var(--font-display);font-weight:700;font-size:.95rem;padding:.8rem 2rem;border-radius:999px;text-decoration:none;box-shadow:0 6px 30px #9146ff59;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 40px #9146ff80}.hero-phone,.feature-phone{position:relative;filter:drop-shadow(0 0 55px rgba(145,70,255,.55));overflow:hidden}.hero-phone{width:360px;aspect-ratio:364 / 750;margin-left:auto;margin-right:auto;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;will-change:filter,scale;transition:scale .4s cubic-bezier(.34,1.3,.64,1)}.hero-phone:hover,.hero-phone:active,.hero-phone.phone-focused{scale:1.12;filter:drop-shadow(0 0 75px rgba(145,70,255,.82))}.feature-phone{width:288px;aspect-ratio:364 / 750;will-change:transform;backface-visibility:hidden;-webkit-tap-highlight-color:transparent;user-select:none;cursor:pointer;transition:scale .4s cubic-bezier(.34,1.3,.64,1)}.section-phones>.feature-phone:hover,.section-phones>.feature-phone:active,.section-phones>.feature-phone.phone-focused{scale:1.12;filter:drop-shadow(0 0 75px rgba(145,70,255,.82))}.phone-screenshot{position:absolute;top:1.5%;left:4.3%;width:92.1%;height:97%;object-fit:cover;border-radius:11%/5%;z-index:10}.phone-frame-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:20;pointer-events:none}.download-section{display:flex;flex-direction:column;align-items:center;gap:1.2rem;padding:2rem 2rem 4rem}.download-coming-soon{text-align:center;color:#666;font-size:.95rem;opacity:.6}.badges{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.badge-pill{display:flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:999px;border:1.5px solid rgba(145,70,255,.25);font-family:var(--font-display);font-weight:600;font-size:.9rem;color:var(--text-dark);transition:all .2s;position:relative}.badge-pill.disabled{opacity:.55;cursor:default}.soon-tag{background:#9146ff26;color:var(--text);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;margin-left:.2rem}.feature-section{max-width:1400px;margin:0 auto;padding:5rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.feature-section.reversed .feature-text{order:2}.feature-section.reversed .section-phones{order:1}.section-eyebrow{display:inline-block;font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:.75rem}.section-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.8rem);font-weight:800;line-height:1.15;letter-spacing:-.025em;color:var(--text-dark);margin-bottom:1.25rem}.feature-desc{font-size:1rem;line-height:1.75;color:var(--text-dark);opacity:.75;max-width:460px;margin-bottom:.75rem}.feature-hint{opacity:.55;font-size:.92rem;border-left:2px solid rgba(145,70,255,.3);padding-left:1rem;margin-top:1rem}.section-phones{display:flex;align-items:center;justify-content:center;position:relative}.phones-stacked{height:600px}.phones-stacked .feature-phone{position:absolute;top:50%;left:50%;transition:transform .8s cubic-bezier(.34,1.3,.64,1),scale .4s cubic-bezier(.34,1.3,.64,1)}.phones-stacked .feature-phone:hover,.phones-stacked .feature-phone.stack-focused{z-index:10!important;scale:1.12;filter:drop-shadow(0 0 75px rgba(145,70,255,.82))}.phones-stacked[data-count="2"] .stack-1{transform:translate(-50%,-50%) translate(-22px) rotate(-4deg);z-index:2}.phones-stacked[data-count="2"] .stack-2{transform:translate(-50%,-50%) translate(22px) rotate(4deg);z-index:1}.phones-stacked[data-count="2"].spread .stack-1{transform:translate(-50%,-50%) translate(-150px) rotate(-2deg)}.phones-stacked[data-count="2"].spread .stack-2{transform:translate(-50%,-50%) translate(150px) rotate(2deg)}.phones-stacked[data-count="3"] .stack-1{transform:translate(-50%,-50%) translate(-36px) rotate(-5deg);z-index:3}.phones-stacked[data-count="3"] .stack-2{transform:translate(-50%,-50%) translate(0) rotate(0);z-index:2}.phones-stacked[data-count="3"] .stack-3{transform:translate(-50%,-50%) translate(36px) rotate(5deg);z-index:1}.phones-stacked[data-count="3"].spread .stack-1{transform:translate(-50%,-50%) translate(-185px) rotate(-3deg)}.phones-stacked[data-count="3"].spread .stack-2{transform:translate(-50%,-50%) translate(0) rotate(0)}.phones-stacked[data-count="3"].spread .stack-3{transform:translate(-50%,-50%) translate(185px) rotate(3deg)}.team-section{max-width:800px;margin:0 auto;padding:5rem 2rem;text-align:center}.section-header{margin-bottom:2rem}.team-story{font-size:1.1rem;line-height:1.8;color:var(--text-dark);opacity:.75;max-width:560px;margin:0 auto 3rem}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;max-width:460px;margin:0 auto}.team-card{background:#9146ff14;border:1px solid rgba(145,70,255,.2);border-radius:20px;padding:2rem 1.5rem;text-align:center;transition:transform .2s}.team-card:hover{transform:translateY(-3px)}.team-avatar{width:100px;height:100px;border-radius:50%;margin:0 auto 1rem;overflow:hidden;border:2px solid rgba(145,70,255,.3)}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-card h4{font-family:var(--font-display);font-weight:700;color:var(--text-dark);margin-bottom:.25rem}.team-card span{font-size:.8rem;color:var(--text-dark);opacity:.65}.voting-section{max-width:700px;margin:0 auto;padding:5rem 2rem;text-align:center}.voting-sub{font-size:1rem;color:var(--text-dark);opacity:.7;max-width:480px;line-height:1.6;margin:0 auto}.vote-total{display:inline-flex;align-items:center;justify-content:center;margin:1rem auto 0;padding:.45rem .8rem;min-height:32px;border:1px solid rgba(145,70,255,.22);border-radius:999px;background:#9146ff14;color:var(--text-dark);font-family:var(--font-display);font-size:.85rem;font-weight:700;line-height:1.2}.voting-container{display:flex;flex-direction:column;gap:2rem;margin-top:2.5rem;text-align:left}.top-cities{display:flex;flex-direction:column;gap:0}.cities-list{display:flex;flex-direction:column;gap:.6rem}.city-item{display:flex;flex-direction:column;gap:.4rem}.city-meta{display:flex;align-items:center;gap:.6rem}.city-rank{width:24px;height:24px;background:var(--text);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.city-item[data-rank="1"] .city-rank{background:linear-gradient(135deg,gold,orange);color:#1f0835}.city-item[data-rank="2"] .city-rank{background:linear-gradient(135deg,#e0e0e0,#b0b0b0);color:#1f0835}.city-item[data-rank="3"] .city-rank{background:linear-gradient(135deg,#cd7f32,#8b5a2b);color:#fff}.city-name{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--text-dark)}.city-bar-wrap{width:100%;height:36px;background:#9146ff26;border-radius:8px;position:relative;overflow:hidden}.city-bar{position:absolute;left:0;top:0;height:100%;min-width:4px;background:linear-gradient(90deg,var(--text),var(--purple-2));border-radius:8px;transition:width .7s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:12px;overflow:hidden}.city-bar-label{font-family:var(--font-display);font-weight:700;font-size:.75rem;color:#fff;white-space:nowrap}.city-bar-label--out{position:absolute;top:50%;transform:translateY(-50%);font-family:var(--font-display);font-weight:700;font-size:.75rem;color:var(--text-dark);opacity:.75;white-space:nowrap}.voting-form{display:flex;flex-direction:row;gap:1rem;align-items:flex-start;flex-wrap:wrap}.city-input-wrapper{position:relative;flex:1;min-width:250px;max-width:400px}.city-input{width:100%;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;border:2px solid rgba(145,70,255,.3);border-radius:14px;background:#9146ff14;color:var(--text-dark);transition:border-color .2s,box-shadow .2s}.city-input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 4px #9146ff1a}.city-input::placeholder{color:var(--text-dark);opacity:.5}.city-suggestions{position:absolute;top:100%;left:0;right:0;background:#1f0835;border:2px solid rgba(145,70,255,.3);border-radius:14px;margin-top:.5rem;max-height:200px;overflow-y:auto;z-index:100;display:none;box-shadow:0 10px 40px #0006}.city-suggestions.show{display:block}.city-suggestion{padding:.8rem 1.25rem;cursor:pointer;transition:background .15s;font-size:.95rem;color:var(--text-dark)}.city-suggestion:first-child{border-radius:12px 12px 0 0}.city-suggestion:last-child{border-radius:0 0 12px 12px}.city-suggestion:hover{background:#9146ff26}.vote-btn{background:var(--text);color:var(--text-dark);font-family:var(--font-display);font-weight:700;font-size:1rem;padding:1rem 2rem;border-radius:999px;border:none;cursor:pointer;box-shadow:0 6px 30px #9146ff59;transition:transform .2s,box-shadow .2s;white-space:nowrap}.vote-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #9146ff80}.vote-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px 20px #9146ff33}.vote-status{flex-basis:100%;margin-top:.5rem}.status-box{display:flex;align-items:center;gap:.75rem;padding:.9rem 1.25rem;border-radius:14px;font-size:.9rem;line-height:1.5}.status-box.success{background:#2f7bff1f;border:1.5px solid rgba(47,123,255,.3);color:#8bb8ff}.status-box.error{background:#ff40361a;border:1.5px solid rgba(255,64,54,.3);color:#ff8080}.status-icon{font-size:1.1rem;flex-shrink:0}.waitlist-section{max-width:800px;margin:0 auto;padding:5rem 2rem;text-align:center}.waitlist-section .section-header{margin-bottom:2.5rem}.waitlist-sub{font-size:1rem;color:var(--text-dark);opacity:.7;line-height:1.6;max-width:440px;margin:0 auto}.waitlist-form-wrap{display:flex;flex-direction:column;align-items:center;gap:1rem}.waitlist-input-group{display:flex;gap:.75rem;width:100%;max-width:520px;flex-wrap:wrap}.waitlist-input{flex:1;min-width:240px;padding:1rem 1.25rem;font-size:1rem;font-family:inherit;border:2px solid rgba(145,70,255,.3);border-radius:14px;background:#9146ff14;color:var(--text-dark);transition:border-color .2s,box-shadow .2s}.waitlist-input:focus{outline:none;border-color:var(--text);box-shadow:0 0 0 4px #9146ff1a}.waitlist-input::placeholder{color:var(--text-dark);opacity:.45}.waitlist-btn{background:var(--text);color:var(--text-dark);font-family:var(--font-display);font-weight:700;font-size:1rem;padding:1rem 2rem;border-radius:999px;border:none;cursor:pointer;box-shadow:0 6px 30px #9146ff59;transition:transform .2s,box-shadow .2s;white-space:nowrap}.waitlist-btn:hover{transform:translateY(-2px);box-shadow:0 10px 40px #9146ff80}.waitlist-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.waitlist-disabled{opacity:.6}.waitlist-disabled input,.waitlist-disabled button{cursor:not-allowed}.waitlist-coming-soon{margin-top:16px;text-align:center;color:#666;font-size:.95rem}.socials-section{max-width:700px;margin:2rem auto 0;padding:4rem 2rem;text-align:center}.socials-title{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.025em;color:var(--text-dark);margin-bottom:.75rem}.socials-sub{opacity:.65;margin-bottom:2rem;line-height:1.6;color:var(--text-dark)}.socials-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.social-pill{display:flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:.95rem;text-decoration:none;transition:transform .2s,box-shadow .2s}.social-pill.instagram{background:linear-gradient(135deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);color:#fff;box-shadow:0 4px 20px #dc27434d}.social-pill.tiktok{background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);color:#fff}.social-pill.youtube{background:red;color:#fff;box-shadow:0 4px 20px #ff000059}.social-pill:hover{transform:translateY(-2px)}.social-pill.instagram:hover{box-shadow:0 8px 30px #dc27438c}.social-pill.tiktok:hover{box-shadow:0 8px 30px #00000080}.social-pill.youtube:hover{box-shadow:0 8px 30px #ff00008c}@media(max-width:1200px){.feature-section{grid-template-columns:1fr;padding:3.5rem 1.5rem;gap:2.5rem;text-align:center}.feature-section.reversed .feature-text{order:0}.feature-section.reversed .section-phones{order:1}.feature-desc{max-width:100%}.section-phones{justify-content:center}.phones-stacked{height:500px}.phones-stacked[data-count="2"].spread .stack-1{transform:translate(-50%,-50%) translate(-132px) rotate(-2deg)}.phones-stacked[data-count="2"].spread .stack-2{transform:translate(-50%,-50%) translate(132px) rotate(2deg)}.phones-stacked[data-count="3"].spread .stack-1{transform:translate(-50%,-50%) translate(-120px) rotate(-3deg)}.phones-stacked[data-count="3"].spread .stack-3{transform:translate(-50%,-50%) translate(120px) rotate(3deg)}.feature-phone{width:240px}}@media(max-width:768px){.hero{grid-template-columns:1fr;padding:3rem 1.5rem 2rem;text-align:center;gap:2rem}.hero-sub{max-width:100%}.hero-trust,.hero-actions{justify-content:center}.hero-phone{order:-1;width:240px;margin:0 auto}.team-grid{grid-template-columns:1fr;max-width:300px}.voting-form{flex-direction:column}.city-input-wrapper{max-width:100%}.vote-btn{width:100%}.waitlist-input-group{flex-direction:column}.waitlist-btn{width:100%}}@media(max-width:480px){.hero-phone{width:190px}.feature-phone{width:165px}.phones-stacked{height:360px}.phones-stacked[data-count="2"].spread .stack-1{transform:translate(-50%,-50%) translate(-65px) rotate(-2deg)}.phones-stacked[data-count="2"].spread .stack-2{transform:translate(-50%,-50%) translate(65px) rotate(2deg)}.phones-stacked[data-count="3"].spread .stack-1{transform:translate(-50%,-50%) translate(-50px) rotate(-3deg)}.phones-stacked[data-count="3"].spread .stack-3{transform:translate(-50%,-50%) translate(50px) rotate(3deg)}}
