:root{--navy:#081b34;--red:#c5162e;--cream:#f5f7f9;--ink:#13243d;--muted:#64748b;--line:#dce3ea}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);line-height:1.55;background:white}a{color:inherit}img{max-width:100%;display:block}.site-header{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px);transition:.25s}.site-header.compact{height:66px;box-shadow:0 8px 25px #071b3420}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;text-transform:uppercase}.brand img{width:44px;height:44px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:24px}.site-header nav a{text-decoration:none;font-weight:800;font-size:.9rem}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);border:2px solid var(--red);color:white;text-decoration:none;border-radius:8px;padding:14px 20px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;transition:.2s;cursor:pointer}.button:hover{transform:translateY(-2px);filter:brightness(.95)}.button.small{padding:10px 14px}.button.outline{background:transparent;color:var(--navy);border-color:var(--navy)}.button.full{width:100%}.hero{min-height:calc(100vh - 78px);position:relative;background-image:url('assets/hero-neighborhood.jpg');background-size:cover;background-position:center;display:flex;align-items:center;color:white}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,29,.94) 0%,rgba(3,14,29,.78) 40%,rgba(3,14,29,.18) 72%,rgba(3,14,29,.05) 100%)}.hero-content{position:relative;z-index:2;width:min(650px,90%);margin-left:5vw;padding-bottom:100px}.pill{display:inline-block;border:1px solid #ffffff88;border-radius:999px;padding:8px 14px;font-weight:800;text-transform:uppercase;font-size:.78rem}.hero h1{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(3.8rem,8vw,7.3rem);line-height:.91;letter-spacing:-.045em;margin:24px 0}.hero h1 em{font-style:normal;color:#ef233c}.hero p{font-size:1.25rem;max-width:590px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}.ghost{border:2px solid #ffffffaa;color:white;text-decoration:none;border-radius:8px;padding:14px 20px;font-weight:900;text-transform:uppercase}.hero-features{position:absolute;z-index:3;left:0;right:0;bottom:0;background:rgba(5,23,46,.92);display:grid;grid-template-columns:repeat(4,1fr);padding:20px 5vw;gap:20px}.hero-features div{display:grid}.hero-features span{font-size:.88rem;color:#d5deeb}.section{padding:92px 0}.wrap{width:min(1160px,calc(100% - 40px));margin:auto}.narrow{max-width:800px}.section-head{text-align:center;margin-bottom:44px}.section-head.left{text-align:left;margin-bottom:25px}.section-head span,.kicker{text-transform:uppercase;letter-spacing:.15em;color:var(--red);font-weight:900;font-size:.76rem}.section-head h2,.join-grid h2,.final-cta h2{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(2.2rem,4vw,4rem);line-height:1;margin:10px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps article{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}.steps article>b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--navy);color:white}.soft{background:var(--cream)}.team-tools{display:grid;grid-template-columns:1fr 230px;gap:14px;max-width:720px;margin:0 auto 25px}.team-tools input,.team-tools select,.field select,.signup input,.signup select,.signup textarea{width:100%;padding:13px;border:1px solid #cbd5e1;border-radius:9px;font:inherit;background:white}.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.team-card{border:1px solid var(--line);background:white;border-radius:14px;padding:22px 14px;text-align:center;cursor:pointer;transition:.2s}.team-card:hover,.team-card.selected{transform:translateY(-5px);border-color:var(--red);box-shadow:0 14px 30px #0a1f3a18}.team-card .mark{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:var(--navy);color:white;font-family:Georgia,serif;font-size:1.5rem;font-weight:900}.team-card small{display:block;color:var(--muted)}.legal-note,.checkout-note,.sample-note{font-size:.85rem;color:var(--muted);text-align:center;margin-top:20px}.navy{background:var(--navy);color:white}.section-head.light span{color:#ff8a99}.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.testimonials article{background:white;color:var(--ink);padding:26px;border-radius:16px}.stars{color:#d29b14;letter-spacing:.15em}.sample-note{color:#b9c4d4}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.panel{border:1px solid var(--line);border-radius:18px;padding:28px}.map{border-radius:12px}.field{display:grid;gap:7px;font-weight:800}.schedule-list{display:grid;gap:10px;margin-top:18px}.game{display:grid;grid-template-columns:90px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px;padding:14px}.game time{font-weight:900}.game .home{font-size:.78rem;color:var(--muted)}.pricing-section{background:var(--navy);color:white}.pricing{display:grid;grid-template-columns:repeat(2,minmax(0,420px));justify-content:center;gap:24px}.price-card{position:relative;background:white;color:var(--ink);border-radius:18px;padding:32px}.price-card.featured{border:4px solid var(--red)}.price-card>strong{font-size:4rem;color:var(--red);line-height:1}.badge{position:absolute;right:20px;top:-14px;background:var(--red);color:white;padding:6px 12px;border-radius:999px;font-weight:900;font-size:.75rem}.checkout-note{color:#c8d3e0}.join-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:start}.contact{display:grid;gap:4px;margin-top:25px}.contact a{text-decoration:none;font-weight:900}.signup{display:grid;gap:14px;background:white;border-radius:18px;padding:28px;border:1px solid var(--line)}.signup label{display:grid;gap:6px;font-weight:800}.signup small{color:var(--muted)}.status{font-weight:800;margin:0}details{border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:12px}summary{font-weight:900;cursor:pointer}.final-cta{background:var(--red);color:white;text-align:center;padding:76px 20px}.light-button{background:white;color:var(--navy);border-color:white}footer{background:#061326;color:white;padding:36px 5vw;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}footer img{width:190px;background:white;border-radius:10px;padding:8px}footer div{display:grid;align-content:start;gap:6px}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(28px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu{display:block;border:1px solid var(--line);background:white;padding:9px 12px;border-radius:8px;font-weight:800}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{min-height:820px;background-position:60% center}.hero-content{margin-left:24px;padding-bottom:160px}.hero-features{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.team-grid{grid-template-columns:repeat(3,1fr)}.testimonials{grid-template-columns:1fr}.feature-grid,.join-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}}@media(max-width:560px){.site-header{padding:0 14px}.brand span{display:none}.hero{min-height:760px;background-position:68% center}.hero-content{margin-left:18px;width:calc(100% - 36px);padding-bottom:190px}.hero h1{font-size:3.5rem}.hero p{font-size:1.06rem}.hero-actions a{width:100%}.hero-features{padding:14px 18px;gap:12px}.hero-features div:nth-child(3),.hero-features div:nth-child(4){display:none}.steps{grid-template-columns:1fr}.team-tools{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.feature-grid{gap:18px}.panel{padding:20px}.game{grid-template-columns:70px 1fr}.game .home{display:none}.pricing{grid-template-columns:1fr}.section{padding:68px 0}footer{padding:30px 20px}}

.no-results{grid-column:1/-1;text-align:center;padding:28px;color:var(--muted)}

/* VERSION 4 PREMIUM UPGRADES */
.hero{overflow:hidden;background-attachment:fixed}
.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;right:-140px;top:8%;background:radial-gradient(circle,#c5162e55,transparent 68%);filter:blur(10px);animation:floatGlow 7s ease-in-out infinite}
@keyframes floatGlow{50%{transform:translate(-35px,25px) scale(1.08)}}
.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}
.trust-row span{background:#ffffff17;border:1px solid #ffffff45;padding:7px 11px;border-radius:999px;font-size:.8rem;font-weight:800}
.icon-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.icon-steps article{position:relative;padding:30px 24px;border-radius:20px;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid var(--line);box-shadow:0 18px 45px #071b340d}
.icon-steps article>span{position:absolute;right:18px;top:15px;font-weight:900;color:#cbd5e1;font-size:1.4rem}
.icon-badge{font-size:2rem;width:58px;height:58px;display:grid;place-items:center;background:var(--navy);border-radius:16px;margin-bottom:18px}
.photo-band{min-height:520px;background:linear-gradient(90deg,rgba(5,20,40,.92),rgba(5,20,40,.25)),url('assets/hero-neighborhood.jpg') center 58%/cover;display:flex;align-items:center;padding:70px 7vw;color:white}
.photo-copy{max-width:650px}.photo-copy span{color:#ff8a99;text-transform:uppercase;letter-spacing:.15em;font-weight:900;font-size:.8rem}
.photo-copy h2{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(2.8rem,5vw,5.4rem);line-height:.95;margin:16px 0}
.photo-copy p{font-size:1.18rem;max-width:570px}
.included-section{background:linear-gradient(180deg,#fff,#f6f8fb)}
.included-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.included-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 15px 35px #081b340c}
.check{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--red);color:white;font-weight:900;font-size:1.2rem}
.preview-section{background:#07172d;color:white}
.preview-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}
.preview-grid h2{font-family:Georgia,serif;text-transform:uppercase;font-size:clamp(2.4rem,4vw,4rem);line-height:1}
.upload-button{display:inline-flex;background:var(--red);border:2px solid var(--red);padding:13px 18px;border-radius:8px;font-weight:900;text-transform:uppercase;cursor:pointer;margin:18px 10px 10px 0}
.upload-button input{display:none}.preview-section .button.outline{color:white;border-color:white}
.privacy-note{color:#b7c2d2;font-size:.84rem}
.home-preview{position:relative;aspect-ratio:16/10;border-radius:22px;overflow:hidden;border:1px solid #ffffff35;box-shadow:0 25px 70px #0008;touch-action:none}
.home-preview>img{width:100%;height:100%;object-fit:cover}
.flag-preview{position:absolute;left:52%;top:34%;width:110px;height:200px;cursor:grab;user-select:none}
.flag-preview:active{cursor:grabbing}
.flag-cloth{position:absolute;left:8px;top:0;width:96px;height:58px;background:linear-gradient(135deg,var(--red),#7e0b1e);clip-path:polygon(0 0,100% 8%,82% 100%,0 85%);display:grid;place-items:center;color:white;font-weight:900;letter-spacing:.08em;filter:drop-shadow(0 5px 5px #0005)}
.flag-pole{position:absolute;width:5px;height:190px;background:linear-gradient(90deg,#ddd,#777);left:5px;top:3px;border-radius:3px}
.preview-hint{position:absolute;bottom:12px;right:12px;background:#07172dcc;color:white;padding:7px 10px;border-radius:8px;font-size:.78rem}
.selected-plan{display:inline-block;margin:18px 0;padding:12px 14px;background:white;border-left:5px solid var(--red);border-radius:8px;font-weight:900}
.checkout-button{font:inherit}
@media(max-width:900px){
  .hero{background-attachment:scroll}
  .icon-steps{grid-template-columns:repeat(2,1fr)}
  .included-grid{grid-template-columns:repeat(2,1fr)}
  .preview-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .icon-steps,.included-grid{grid-template-columns:1fr}
  .photo-band{min-height:440px}
  .flag-preview{transform:scale(.82);transform-origin:top left}
}