:root{--forest:#173b2b;--green:#2e7d4a;--light:#eaf6ef;--text:#0f1f17;--muted:#687d6f;--border:#e6ece9;--cream:#f7faf7;--peach:#fff2d9;--lilac:#eee9fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--text);font-family:Poppins,Arial,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.page-shell{max-width:1240px;margin:auto;padding:0 42px;overflow:hidden}.nav{height:122px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}.brand img{display:block;width:240px;height:auto;mix-blend-mode:multiply}.nav-note{display:flex;align-items:center;align-self:flex-start;margin-left:0;transform:translateY(10px);gap:10px;color:var(--muted);font-size:16px;font-weight:600}.status-dot{width:11px;height:11px;border-radius:50%;background:#63bd7d;box-shadow:0 0 0 5px #e2f3e8;animation:live-pulse 1.8s ease-out infinite}@keyframes live-pulse{0%{box-shadow:0 0 0 0 #63bd7d66}70%{box-shadow:0 0 0 9px #63bd7d00}100%{box-shadow:0 0 0 0 #63bd7d00}}.hero{min-height:615px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding:52px 0 92px}.eyebrow{display:flex;align-items:center;gap:9px;color:var(--green);font-size:10px;font-weight:800;letter-spacing:.14em}.eyebrow-line{width:24px;height:2px;background:var(--green);border-radius:2px}.hero h1{font-size:clamp(43px,5.6vw,76px);letter-spacing:-.065em;line-height:1.02;margin:0 0 24px;color:var(--forest);transform:translateY(-20px)}.headline-city{color:var(--forest)}.headline-neighborhood{color:var(--muted)}.headline-neighbors{color:var(--green)}h1 em,h2 em{font-style:normal;color:var(--green)}.hero-text{max-width:500px;color:var(--muted);font-size:15px;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:24px;margin:31px 0 38px}.primary-button,.submit-button{display:inline-flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:12px;background:var(--green);color:#fff;padding:14px 18px;font-weight:700;font-size:12px;box-shadow:0 12px 24px #2e7d4a2d;transition:transform .2s,box-shadow .2s}.primary-button:hover,.submit-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #2e7d4a36}.primary-button span,.submit-button span{font-size:18px;line-height:0}.text-link{color:var(--forest);font-size:12px;font-weight:700}.text-link span{color:var(--green);margin-left:4px}.trust-row{display:flex;align-items:center;gap:12px}.trust-row p{color:var(--muted);font-size:10px;line-height:1.5;margin:0}.trust-row strong{color:var(--forest);font-size:11px}.avatar-stack{display:flex}.avatar-stack img{display:block;width:29px;height:29px;margin-left:-7px;border:2px solid var(--cream);border-radius:50%;object-fit:cover}.avatar-stack img:first-child{margin-left:0}.hero-art{position:relative;min-height:470px;display:grid;place-items:center}.glow{position:absolute;width:390px;height:390px;border-radius:50%;background:#e3f3e8;filter:blur(1px)}.leaf{position:absolute;border-radius:100% 0 100% 0;background:#c8e5cf;transform:rotate(27deg);opacity:.7}.leaf-one{width:95px;height:165px;left:2%;top:8%}.leaf-two{width:67px;height:115px;right:4%;bottom:4%;transform:rotate(205deg);background:#f2dfc2}.phone-card{position:relative;z-index:2;width:min(330px,75%);padding:17px 14px 18px;border:8px solid #fff;border-radius:35px;background:#f8fcf8;box-shadow:0 30px 70px #173b2b2b;transform:rotate(3deg)}.phone-top{display:flex;align-items:center;gap:8px;padding:0 5px 15px;color:var(--forest);font-size:11px;font-weight:800}.mini-logo{display:block;width:23px;height:23px;border-radius:8px;object-fit:cover}.phone-menu{margin-left:auto;color:#8aa191;letter-spacing:2px}.neighborhood-pill{display:flex;align-items:center;gap:7px;padding:9px 10px;margin-bottom:11px;border-radius:10px;background:#eaf6ef;color:var(--green);font-size:9px;font-weight:700}.neighborhood-pill b{margin-left:auto}.mock-post{padding:12px 11px;margin-bottom:10px;border-radius:13px;background:#fff;border:1px solid #edf2ee;box-shadow:0 5px 13px #173b2b09}.mock-author{display:flex;align-items:center;gap:7px}.mock-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e8c5a6;color:#68472f;font-size:10px;font-weight:800}.mock-avatar.green{background:#bfe2c8;color:var(--green)}.mock-author div{display:grid;gap:1px}.mock-author strong,.mock-business strong{font-size:9px;color:var(--forest)}.mock-author small,.mock-business small{color:#8a988e;font-size:7px}.mock-post p{font-size:9px;line-height:1.5;margin:10px 0;color:#3a5142}.mock-actions{display:flex;justify-content:space-between;border-top:1px solid #edf2ee;padding-top:8px;color:#6c8776;font-size:8px}.small-post{padding-bottom:10px}.mock-business{display:flex;align-items:center;gap:8px;margin-top:10px;padding:8px;background:#fff9ec;border-radius:9px}.mock-business>span{font-size:17px}.floating-note{position:absolute;z-index:3;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #fff;border-radius:14px;background:#fff;box-shadow:0 15px 30px #173b2b16}.floating-note>span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:var(--light);color:var(--green);font-size:17px}.floating-note strong,.floating-note small{display:block}.floating-note strong{font-size:9px;color:var(--forest)}.floating-note small{font-size:8px;color:var(--muted)}.note-one{top:18%;right:0}.note-two{bottom:13%;left:0}.note-three{top:26%;right:5%;left:auto}.note-four{top:40%;right:-2%}.note-five{bottom:30%;right:2%}.note-six{bottom:2%;right:8%;left:auto}.features{padding:72px 0 105px;border-top:1px solid var(--border)}.section-heading h2{font-size:36px;letter-spacing:-.04em;line-height:1.1;margin:14px 0 38px;color:var(--forest)}.section-heading h2 span{color:var(--green)}.feature-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{display:flex;flex-direction:column;min-height:190px;padding:23px;border:1px solid var(--border);border-radius:18px;background:#fff;transition:transform .2s,box-shadow .2s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 15px 28px #173b2b0d}.feature-icon{display:grid;place-items:center;width:42px;height:42px;margin-bottom:20px;border-radius:13px;font-size:22px}.mint{background:var(--light);color:var(--green)}.peach{background:var(--peach);color:#b17843}.lilac{background:var(--lilac);color:#7566a8}.feature-grid h3{min-height:42px;font-size:14px;line-height:1.5;margin:0 0 7px;color:var(--forest)}.feature-grid p{max-width:260px;margin:0;color:var(--muted);font-size:11px;line-height:1.7}.signup-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:66px 52px;border-radius:25px;background:var(--forest);color:#fff;position:relative;overflow:hidden}.signup-section:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #ffffff1d;border-radius:50%;right:-170px;top:-180px;box-shadow:0 0 0 45px #ffffff08,0 0 0 90px #ffffff04}.signup-intro{position:relative;z-index:1}.signup-intro .eyebrow{color:#8dd29f}.signup-intro .eyebrow:before{background:#8dd29f}.signup-intro h2{font-size:40px;line-height:1.08;letter-spacing:-.05em;margin:15px 0 18px}.signup-intro h2 em{color:#9bd6a8}.signup-intro>p:last-child{max-width:350px;color:#b6cbbb;font-size:12px;line-height:1.7}.signup-card{position:relative;z-index:1;padding:25px;border-radius:18px;background:#fff;color:var(--forest);box-shadow:0 20px 40px #07180e38}.signup-card label:not(.consent){display:block;margin:0 0 7px;color:#446151;font-size:10px;font-weight:700}.signup-card input[type=text],.signup-card input[type=email]{display:block;width:100%;height:45px;margin:0 0 15px;border:1px solid var(--border);border-radius:10px;padding:0 12px;outline:0;color:var(--forest);font-size:12px}.signup-card input:focus{border-color:var(--green);box-shadow:0 0 0 3px #2e7d4a18}.consent{display:flex;align-items:flex-start;gap:8px;margin:2px 0 17px;color:var(--muted);font-size:9px;line-height:1.5}.consent input{accent-color:var(--green);margin-top:2px}.submit-button{width:100%;cursor:pointer}.form-message{min-height:18px;margin:11px 0 0;text-align:center;font-size:10px;font-weight:700}.form-message.success{color:var(--green)}.form-message.error{color:#b24d4d}.privacy-note{text-align:center;color:#99a99d;font-size:8px;margin:4px 0 0}footer{display:flex;align-items:center;gap:18px;padding:38px 0;color:#819187;font-size:9px}footer img{width:120px;height:auto;margin-right:auto;mix-blend-mode:multiply}
@media(max-width:820px){.page-shell{padding:0 22px}.hero{grid-template-columns:1fr;padding:52px 0 70px;gap:20px}.hero-copy{max-width:600px}.hero-art{min-height:430px}.note-one{right:1%}.note-two{left:1%}.signup-section{gap:35px;padding:44px 30px}.signup-intro h2{font-size:34px}}
@media(max-width:560px){.nav{height:112px}.brand img{width:205px}.nav-note{align-self:flex-start;margin-left:0;font-size:14px}.nav-note .status-dot{width:9px;height:9px}.hero{padding-top:0}.hero h1{font-size:47px;margin:17px 0 19px}.hero-text{font-size:13px;line-height:1.7}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px;margin:26px 0 32px}.primary-button{width:100%;justify-content:space-between;padding:15px 17px}.hero-art{min-height:370px}.glow{width:300px;height:300px}.phone-card{width:265px;border-width:6px;border-radius:29px}.note-one{top:8%;right:-3px;transform:scale(.82);transform-origin:right}.note-two{bottom:6%;left:-7px;transform:scale(.82);transform-origin:left}.features{padding:55px 0 70px}.section-heading h2{font-size:30px;line-height:1.12}.feature-grid{grid-template-columns:1fr;gap:10px}.feature-grid article{min-height:auto;padding:19px}.feature-grid h3{min-height:0;margin-bottom:7px}.feature-grid p{max-width:none}.feature-icon{margin-bottom:13px}.signup-section{grid-template-columns:1fr;padding:37px 18px 18px;gap:23px;border-radius:20px}.signup-intro h2{font-size:34px}.signup-card{padding:20px 17px}.signup-section:after{right:-230px}footer{flex-wrap:wrap;gap:9px 15px;padding:30px 0}footer img{flex-basis:100%;margin:0 0 4px;width:87px}}

.phone-card{height:520px;width:min(350px,78%);padding:17px 14px 13px}
.feed-strip{display:flex;align-items:center;justify-content:space-between;margin:0 3px 7px;color:var(--forest);font-size:8px}
.feed-strip span{display:flex;align-items:center;gap:4px;color:var(--green);font-size:7px;font-weight:800;letter-spacing:.08em}
.feed-strip i{width:5px;height:5px;border-radius:50%;background:#63bd7d;animation:live-pulse 1.8s ease-out infinite}
.mock-feed{height:385px;overflow-y:auto;padding:1px 2px;mask-image:linear-gradient(to bottom,black 90%,transparent);scrollbar-width:none}.mock-feed::-webkit-scrollbar{display:none}
.mock-author img{width:27px;height:27px;border-radius:50%;object-fit:cover;background:#d8eee0}
.mock-author div{min-width:0}
.mock-author button{margin-left:auto;border:0;background:none;color:#9bad9f;font-size:9px;letter-spacing:1px}
.mock-actions button{border:0;background:transparent;color:inherit;font-size:inherit;padding:0}
.mock-actions .liked{color:var(--green);font-weight:700}
.phone-compose{position:absolute;bottom:11px;left:14px;right:14px;display:flex;align-items:center;gap:7px;border:1px solid #dbece0;border-radius:10px;background:#fff;color:var(--green);padding:8px 10px;font-size:12px}
.phone-compose span{color:#94a499;font-size:8px}
@media(max-width:560px){.phone-card{height:500px;width:285px}.mock-feed{height:365px}}
@media(max-width:560px){.note-three{top:18%;right:-4px;left:auto;transform:scale(.7);transform-origin:right top}.note-four{top:34%;right:-12px;transform:scale(.7);transform-origin:right center}.note-five{bottom:23%;right:-8px;transform:scale(.7);transform-origin:right center}.note-six{bottom:1%;right:-4px;left:auto;transform:scale(.7);transform-origin:right bottom}}
.phone-top{position:relative;justify-content:center}.phone-top .phone-menu{position:absolute;right:5px;margin-left:0}
.phone-top{gap:10px;font-size:14px}.phone-top .mini-logo{width:30px;height:30px;border-radius:9px}.mock-author img.liliana-avatar{object-position:center}
.filled-heart{font-weight:800;color:var(--green);font-size:.82em}
.hero-text .filled-heart{font-size:1.3em;line-height:0}
.phone-card{padding-inline:16px}.phone-top{padding-inline:0}.neighborhood-pill{margin-inline:0}.feed-strip{margin-inline:2px}.mock-feed{padding-inline:0}.mock-post{padding:11px 12px;margin-bottom:8px}.mock-author{min-width:0}.mock-author img{flex:0 0 27px}.mock-author div{flex:1;min-width:0}.mock-author strong,.mock-author small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-author button{flex:0 0 auto}.mock-post p{margin:8px 0;line-height:1.45}.mock-actions{align-items:center;gap:8px}.mock-actions button:nth-child(2){flex:1;text-align:center}.phone-compose{left:16px;right:16px}
.mock-author{height:27px;gap:8px}.mock-author div{display:flex;flex-direction:column;justify-content:center;gap:2px}.mock-author strong{font-size:9px;line-height:1.2}.mock-author small{font-size:7px;line-height:1.2}.mock-post p{font-size:9px;line-height:1.45}.mock-actions{font-size:8px;line-height:1;padding-top:8px}.mock-actions button{white-space:nowrap}
.phone-card{justify-self:start}.hero h1{font-size:clamp(38px,4.8vw,64px)}.brand img{width:190px;height:auto;object-fit:contain}.mock-author img.liviu-avatar{object-position:center}
.signup-success{display:none;text-align:center}.signup-card.is-success>label,.signup-card.is-success>input,.signup-card.is-success>.consent,.signup-card.is-success>.submit-button,.signup-card.is-success>.form-message,.signup-card.is-success>.privacy-note{display:none}.signup-card.is-success .signup-success{display:block;animation:success-pop .55s cubic-bezier(.2,.8,.2,1) both}.success-heart{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border-radius:18px;background:var(--light);color:var(--green);font-size:32px;animation:heart-beat 1.4s ease-in-out .55s both}.signup-success strong{display:block;color:var(--forest);font-size:22px;line-height:1.2}.success-name{white-space:pre-wrap}.signup-success p{margin:12px auto 0;max-width:260px;color:var(--muted);font-size:11px;line-height:1.7}.confetti{position:absolute;inset:0;z-index:3;overflow:hidden;pointer-events:none}.confetti i{position:absolute;top:48%;left:var(--x);width:8px;height:13px;border-radius:2px;background:var(--green);opacity:0;transform:translate(-50%,-50%) rotate(var(--rotate));}.confetti i:nth-child(3n+2){background:#f0b46d}.confetti i:nth-child(3n){background:#9a8cd1}.confetti i.circle{width:9px;height:9px;border-radius:50%;background:#e58d9a}.confetti.is-celebrating i{animation:confetti-fall 1.35s cubic-bezier(.15,.75,.35,1) var(--delay) both}@keyframes confetti-fall{0%{opacity:0;transform:translate(-50%,-50%) rotate(0deg) scale(.5)}12%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--drift, 0px)),260px) rotate(620deg) scale(1)}}@keyframes success-pop{0%{opacity:0;transform:scale(.82) translateY(12px)}100%{opacity:1;transform:scale(1) translateY(0)}}@keyframes heart-beat{0%,100%{transform:scale(1)}35%{transform:scale(1.18)}65%{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.confetti{display:none}.signup-card.is-success .signup-success,.success-heart{animation:none}}

/* Final responsive polish */
:root{--cream:#f5f8f4;--border:#dfe9e1}
body{background:linear-gradient(180deg,#f8fbf8 0%,#f3f7f3 100%)}
.page-shell{max-width:1160px;padding-inline:32px;overflow:visible}
.nav{height:104px;display:flex;flex-direction:row;align-items:center;justify-content:space-between}
.brand img{width:154px;height:auto;object-fit:contain}
.nav-note{align-self:center;margin:0;transform:none;font-size:11px;letter-spacing:.01em}
.hero{min-height:560px;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:24px;padding:50px 0 78px}
.hero h1{font-size:clamp(48px,5.4vw,72px);margin-bottom:20px}
.hero-art{min-height:440px}
.phone-card{width:330px;height:510px;transform:rotate(2deg);box-shadow:0 24px 60px #173b2b22}
.floating-note{box-shadow:0 12px 26px #173b2b12}
.features{padding:76px 0 96px}
.section-heading h2{max-width:760px;font-size:34px}
.feature-grid{gap:18px}
.feature-grid article{min-height:182px;padding:24px;background:rgba(255,255,255,.8)}
.signup-section{gap:72px;padding:70px 64px;border-radius:28px;box-shadow:0 20px 60px #173b2b12}
.signup-intro h2{font-size:44px}
.signup-card{padding:28px;border-radius:20px}
.signup-card input[type=text],.signup-card input[type=email]{height:48px}
footer{padding:34px 0}
footer img{width:105px}

@media(max-width:820px){
  .page-shell{padding-inline:24px}
  .hero{grid-template-columns:1fr;gap:12px;padding-top:35px}
  .hero-copy{max-width:620px}
  .hero-art{min-height:425px}
  .signup-section{gap:38px;padding:52px 34px}
}

@media(max-width:560px){
  body{overflow-x:hidden}
  .page-shell{padding-inline:16px}
  .nav{height:92px;align-items:center}
  .brand img{width:132px;max-width:48vw}
  .nav-note{font-size:10px;white-space:nowrap}
  .status-dot{width:8px;height:8px;box-shadow:0 0 0 4px #e2f3e8}
  .hero{padding:28px 0 58px;gap:0}
  .hero h1{font-size:clamp(40px,12vw,54px);line-height:1.04;letter-spacing:-.07em;margin:12px 0 18px}
  .hero-text{font-size:12px}
  .hero-actions{margin:24px 0 28px}
  .primary-button{border-radius:10px}
  .hero-art{min-height:355px;margin-inline:-4px}
  .glow{width:270px;height:270px}
  .phone-card{width:min(286px,calc(100vw - 76px));height:488px;border-width:5px;border-radius:27px;padding:15px 13px 12px;transform:rotate(1deg)}
  .mock-feed{height:355px}
  .phone-compose{left:13px;right:13px}
  .floating-note{padding:8px 10px;border-radius:11px}
  .floating-note>span{width:25px;height:25px;font-size:14px}
  .floating-note strong{font-size:8px}
  .floating-note small{font-size:7px}
  .note-one{top:6%;right:-3px}
  .note-three{top:16%;right:-7px}
  .note-four{top:34%;right:-10px}
  .note-five{bottom:22%;right:-7px}
  .note-six{bottom:0;right:-2px}
  .features{padding:48px 0 64px}
  .section-heading h2{font-size:27px;margin-bottom:26px}
  .feature-grid article{min-height:0;padding:20px;border-radius:15px}
  .signup-section{display:block;padding:34px 14px 14px;border-radius:22px}
  .signup-intro h2{font-size:36px;margin-top:12px}
  .signup-intro>p:last-child{font-size:11px;margin-bottom:24px}
  .signup-card{width:100%;max-width:100%;padding:20px 16px;border-radius:17px;overflow:hidden}
  .signup-card input[type=text],.signup-card input[type=email]{font-size:13px}
  .cf-turnstile{width:270px;max-width:100%;transform:scale(.9);transform-origin:left top;margin-bottom:-6px}
  footer{padding:28px 0 22px}
}