:root{--green:#0f8a4a;--green-dk:#0b6b39;--gold:#e0a800;--ink:#2b2f33;--gray:#eef0f2;--steel:#5d656d}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}body{font-family:"Arial Black",Impact,system-ui,sans-serif;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);line-height:1.55}
a{color:inherit}.wrap{max-width:1150px;margin:auto;padding:0 20px}
h1,h2,h3,.logo{font-weight:900;text-transform:uppercase;letter-spacing:-.5px;line-height:1.05}
h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:24px}h3{font-size:1.1rem;margin:8px 0}
.nav{position:sticky;top:0;background:#fff;z-index:9;border-bottom:4px solid var(--green);box-shadow:0 2px 10px rgba(0,0,0,.08)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px}
.logo{font-size:1.8rem;color:var(--green);text-decoration:none}.logo span{color:var(--green-dk)}
nav{display:flex;gap:18px}nav a{color:var(--ink);text-decoration:none;font-weight:700;font-size:.9rem}nav a:hover{color:var(--green)}
.btn{display:inline-block;background:var(--green);color:#fff;font-weight:900;text-transform:uppercase;padding:14px 26px;border-radius:6px;text-decoration:none;border:3px solid var(--green);transition:.2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 rgba(0,0,0,.25)}
.btn-sm{padding:8px 14px;font-size:.85rem}.btn-ghost{background:transparent;color:#fff;border-color:#fff}.btn-dark{background:var(--ink);color:#fff;border-color:var(--ink)}.red .btn-dark{background:#fff;color:var(--green);border-color:#fff}
.hero{background:linear-gradient(90deg,rgba(20,24,28,.88),rgba(20,24,28,.55)),url(images/storefront.jpg) center 35%/cover;color:#fff;padding:110px 0 100px}
.tag{color:#5fd896;font-weight:800;text-transform:uppercase;letter-spacing:2px}
.hero h1{font-size:clamp(3rem,9vw,6rem);margin:12px 0}.hero h1 span{color:#3ccf7f}
.lead{font-size:1.2rem;max-width:620px;margin-bottom:28px}.ctas{display:flex;gap:14px;flex-wrap:wrap}
.badges{list-style:none;display:flex;gap:24px;flex-wrap:wrap;margin-top:32px;font-weight:800}
.sec{padding:72px 0}.dark{background:var(--ink);color:#fff}.dark h2{color:#5fd896}
.grid{display:grid;gap:20px}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
.card{background:var(--gray);padding:26px;border-radius:10px;border-top:6px solid var(--green)}.card.hl{background:var(--green);color:#fff;border-color:var(--green-dk)}
.ic{font-size:2.2rem}
.step{background:#3a4046;padding:28px;border-radius:10px;border-left:6px solid var(--green)}
.step b{display:inline-grid;place-items:center;width:46px;height:46px;background:var(--green);border-radius:50%;font-size:1.4rem}
.fine{margin-top:22px;opacity:.7;font-size:.9rem}
.gold{background:var(--gray);border-top:6px solid var(--gold)}.gold h2{color:var(--ink)}.jimg{width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:block;margin-bottom:20px}
.split{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;align-items:center}
.checks{list-style:none;margin:18px 0 26px}.checks li{padding-left:30px;position:relative;margin:8px 0;font-weight:600}
.checks li:before{content:"✔";position:absolute;left:0;color:var(--green);font-weight:900}.checks.light li:before{color:#fff}

.pricebox{background:var(--ink);color:#fff;padding:30px;border-radius:12px;font-size:1.2rem;font-weight:700}.pricebox h3{color:var(--gold)}.pricebox{border-left:6px solid var(--gold)}.pricebox small{opacity:.7;font-weight:400}
.item{border:3px solid var(--ink);border-radius:10px;overflow:hidden;background:#fff}
.ph{color:var(--steel);aspect-ratio:4/3;background:#ddd;display:grid;place-items:center;color:#777;font-weight:800}
.item h3,.item p{padding:0 16px}.pr{color:var(--green);font-weight:900;font-size:1.3rem;padding-bottom:16px!important}
.center{text-align:center;margin-top:28px}.lead2{font-size:1.15rem;max-width:700px;margin:0 auto 28px}
.red{background:linear-gradient(135deg,var(--green),var(--green-dk));color:#fff}
.apps{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.store{background:#000;color:#fff;text-decoration:none;padding:12px 24px;border-radius:10px;min-width:220px;font-size:.8rem}.store b{font-size:1.3rem}
.spons div{border:3px dashed #bbb;border-radius:10px;padding:34px 10px;text-align:center;color:#888;font-weight:800}
.fb{background:#1877f2;color:#fff;text-align:center;padding:56px 0}.fb p{margin-bottom:20px}
.dark a{color:#5fd896}.dark .btn{color:#fff}.visit{width:100%;border-radius:12px;margin-top:24px;display:block}
.map{width:100%;background:#333;border:3px solid var(--green);border-radius:12px;min-height:300px;display:grid;place-items:center;color:#fff;font-weight:800}
footer{background:#1d2023;color:#aaa;text-align:center;padding:30px 0;border-top:4px solid var(--green)}
@media(max-width:860px){nav{display:none}.g3,.g4{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media(max-width:520px){.g3,.g4{grid-template-columns:1fr}.btn-sm{display:none}.hero{padding:60px 0}}
footer .logo{color:#3ccf7f}footer .logo span{color:#fff}
.visit{height:320px;object-fit:cover;object-position:center 40%}
/* Navy + green theme */
:root{--navy:#0d2240;--navy-2:#16315a}
.nav{background:var(--navy);border-bottom:4px solid var(--green);box-shadow:none}
nav a{color:#fff}nav a:hover{color:#3ccf7f}
.logo{color:#3ccf7f}.logo span{color:#fff}
.hero{background:linear-gradient(90deg,rgba(13,34,64,.92),rgba(13,34,64,.55)),url(images/storefront.jpg) center 35%/cover}
.dark{background:var(--navy)}.step{background:var(--navy-2)}
.gold{background:#f5f7fa;border-top:6px solid var(--green)}.pricebox{background:var(--navy);border-left:6px solid var(--gold)}
.music{background:#f5f7fa}.simg{width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.25);display:block}
.split.rev{grid-template-columns:1fr 1.3fr}
.card{border-top-color:var(--green)}.card.hl{background:var(--navy);border-color:var(--green)}
.item{border-color:var(--navy)}.btn-dark{background:var(--navy);border-color:var(--navy)}
.fb{background:var(--navy-2)}
footer{background:var(--navy);border-top:4px solid var(--green)}
.map{border-color:var(--green)}
@media(max-width:860px){.split.rev{grid-template-columns:1fr}}
.feat{max-width:760px;margin:0 auto 32px;text-align:center}.feat img{width:100%;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);border-bottom:6px solid var(--green)}.feat figcaption{margin-top:12px;font-weight:800;color:var(--navy)}
.spons-row{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.stile{background:var(--navy);color:#fff;border-bottom:6px solid var(--green);border-radius:12px;padding:22px 34px;text-align:center;min-width:240px;display:flex;flex-direction:column;gap:4px}.stile span{font-size:1.8rem}.stile b{font-size:1.25rem;text-transform:uppercase}.stile small{color:#3ccf7f;font-weight:700}
.stile{max-width:320px}
.ph{aspect-ratio:3/4;position:relative;overflow:hidden}.ph img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:12px;left:12px;background:var(--green);color:#fff;font-weight:900;padding:6px 12px;border-radius:6px;letter-spacing:1px}.was{color:#888;font-weight:700;font-size:1rem;margin-right:6px}.now{color:var(--green);font-weight:900;font-size:1.45rem}
.note{padding:0 16px;color:var(--steel);font-size:.9rem;margin:-2px 0 4px}
.ph-wide{background:#2b2f33}.ph-wide img{object-fit:contain}.from{color:var(--steel);font-weight:700;font-size:.95rem}
.now.call{font-size:1.1rem}
.pricebox a{color:#3ccf7f;font-weight:900}