/*
Theme Name: LI Local — Connected Commerce
Author: Luxury Investments
Version: 1.8.0
Requires at least: 6.2
Requires PHP: 7.4
*/
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f8f4ec;color:#20252a;font:16px/1.6 Arial,sans-serif}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}.wrap{width:min(1140px,calc(100% - 36px));margin:auto}.nav{background:#081321;color:#f9e6bf;position:sticky;top:0;z-index:10;border-bottom:1px solid #bc9758}.nav .wrap{display:flex;align-items:center;justify-content:space-between;min-height:75px;gap:16px}.nav img{width:120px;height:48px;object-fit:contain}.nav a{text-decoration:none;font-size:13px;margin-left:20px}.btn,button[type=submit]{background:#d1a65f;color:#14110d;padding:13px 20px;border:0;border-radius:4px;text-decoration:none;display:inline-block;font-weight:700;cursor:pointer}.hero{background:radial-gradient(circle at 75% 30%,#184761,#091320 65%);color:#f8e8c7;padding:90px 0}.hero .wrap{display:grid;grid-template-columns:1fr .8fr;gap:50px;align-items:center}.eyebrow{color:#cda66b;font-size:12px;letter-spacing:.2em;font-weight:700}.hero h1{font-size:clamp(50px,6vw,84px);margin:20px 0}.hero em{color:#d4b479}.hero p{max-width:610px;color:#cfd8dc;font-size:19px}.hero img{width:100%;max-height:290px;object-fit:contain}.section{padding:80px 0}.section h2{font-size:clamp(35px,4vw,55px);margin:14px 0}.intro{max-width:850px;color:#65615c}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:#fff;border:1px solid #e0ceb0;padding:27px}.card b{font:36px Georgia,serif;color:#b68b4b}.card h3{font-size:25px}.demo{background:#0a1827;color:#f7e9cc}.demo .intro{color:#c7cbd0}.demo-grid,.two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;margin-top:35px}.screen{border:11px solid #30343b;border-radius:19px;background:#f8f8f4;color:#1b252b;overflow:hidden;box-shadow:0 18px 40px #0007}.screen-head{background:#12384d;color:white;padding:17px 20px}.screen-head strong{display:block;font:24px Georgia,serif}.screen-head small{color:#dbbd86}.filters{display:flex;flex-wrap:wrap;gap:8px;padding:14px}.filters button{background:white;border:1px solid #bba989;border-radius:22px;padding:8px 13px;cursor:pointer}.filters button.active{background:#17455a;color:white}.list{padding:12px;min-height:290px}.merchant{background:white;border:1px solid #e5d8c2;padding:12px;margin-bottom:8px;display:flex;gap:12px;align-items:center}.merchant b{font-size:25px}.merchant strong,.merchant small{display:block}.merchant small{color:#66747a}.disclaimer{font-size:12px;color:#73634b;padding:10px}.demo-aside,.plan{padding:28px;background:#142a3d;border:1px solid #b9975d}.demo-aside li{margin-bottom:15px}.demo-aside p{font-size:13px;color:#d1c9bd}.plan{background:white;color:#222}.plan h3{font-size:27px}.plan li{margin:12px 0}.fine{font-size:13px;color:#70685e}.contact{background:#eee3d2}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:50px}.contact form{background:white;padding:30px;display:grid;gap:12px;border:1px solid #cbb18a}.contact label{display:grid;gap:5px;font-weight:700;font-size:13px}.contact input,.contact textarea,.contact select{padding:12px;border:1px solid #c9b89e;font:15px Arial,sans-serif;width:100%}.contact .consent{display:flex;gap:10px;align-items:start;font-weight:400}.contact .consent input{width:auto}.trap{position:absolute;left:-9999px}.footer{background:#081321;color:#e2c9a0;padding:28px}.footer a{color:inherit}@media(max-width:800px){.hero .wrap,.demo-grid,.two-col,.contact-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.section{padding:55px 0}.hero{padding:60px 0}.nav a:not(.btn){display:none}.contact form{padding:20px}}

.launch-note{border-left:2px solid #d4b479;padding:10px 0 10px 17px;font-size:15px!important;color:#e9d5b3!important;background:linear-gradient(90deg,#c8a15b14,transparent)}

/* Verified network website links; separate from sample LI Local merchant listings. */
.li-local-network-links{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;margin:14px auto 8px;font-size:13px}
.li-local-network-links a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.li-local-network-links a:focus-visible{outline:2px solid #e4bf7b;outline-offset:3px}

/* National logo, with original Long Island identity retained as regional asset. */
.nav img{width:155px;height:52px;object-fit:contain}
.hero img{max-height:350px;object-fit:contain;border-radius:12px}

/* V1.4 approved national header and cinematic coastal hero */
.nav .wrap>a{display:flex;align-items:center;gap:12px;margin-left:0;color:#f4e1b8;text-decoration:none;min-width:0}
.nav .wrap>a img{width:58px;height:58px;object-fit:cover;object-position:center;flex:none;border-radius:50%;mix-blend-mode:screen}
.li-local-header-wordmark{display:flex;flex-direction:column;gap:1px;line-height:1.15;white-space:nowrap}
.li-local-header-wordmark strong{font:normal 24px/1.05 Georgia,serif;letter-spacing:.09em;color:#f8e7c7}
.li-local-header-wordmark small{font:600 9px/1.4 Arial,sans-serif;letter-spacing:.16em;color:#d5ad70}
.hero{position:relative;isolation:isolate;background:#091d31;padding:105px 0 115px;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('assets/coastal-hero.webp');background-position:center 45%;background-size:cover;background-repeat:no-repeat}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,19,34,.91) 0%,rgba(6,24,42,.82) 34%,rgba(6,24,42,.30) 72%,rgba(5,18,33,.12) 100%),linear-gradient(0deg,#091d31 0%,rgba(9,29,49,.68) 12%,transparent 60%)}
.hero .wrap{display:block}
.hero .wrap>div{max-width:720px}
.hero h1{font-size:clamp(49px,5.8vw,88px);text-shadow:0 3px 20px #0714218c}
.hero p{color:#f1eee7;text-shadow:0 2px 10px #05101e}
@media(max-width:800px){.nav .wrap>a img{width:43px;height:43px}.li-local-header-wordmark strong{font-size:18px}.li-local-header-wordmark small{font-size:7px;letter-spacing:.08em}.hero{padding:80px 0 100px}.hero:after{background:linear-gradient(90deg,rgba(5,19,34,.88),rgba(5,19,34,.38)),linear-gradient(0deg,#091d31,transparent 75%)} }
@media(max-width:450px){.nav .wrap{gap:8px}.nav .wrap>a{gap:6px}.nav .wrap>a img{width:34px;height:34px}.li-local-header-wordmark strong{font-size:15px}.li-local-header-wordmark small{font-size:6px}.nav .btn{padding:9px 10px;font-size:11px;margin-left:0}.hero h1{font-size:clamp(42px,12vw,60px)}}

/* V1.5: clean transparent logo symbol; all wording is live text, never cropped artwork. */
.nav .wrap>a img{width:62px;height:62px;object-fit:contain;mix-blend-mode:normal;border-radius:0;display:block}
.nav .wrap>a{gap:12px}
.li-local-header-wordmark{gap:3px}
.li-local-header-wordmark strong{font-size:25px;letter-spacing:.10em}
.li-local-header-tagline{font:500 9px/1.25 Arial,sans-serif;letter-spacing:.11em;color:#f1dfb7}
.li-local-header-wordmark small{font-size:9px;letter-spacing:.18em}
.nav nav a:not(.btn){color:#f1e4cb}
.nav nav a:not(.btn):hover,.nav nav a:not(.btn):focus-visible{color:#e9bc72}
@media(max-width:800px){.nav .wrap>a img{width:48px;height:48px}.li-local-header-wordmark strong{font-size:20px}.li-local-header-tagline{font-size:7px;letter-spacing:.06em}.li-local-header-wordmark small{font-size:7px}}
@media(max-width:450px){.nav .wrap>a img{width:38px;height:38px}.li-local-header-wordmark strong{font-size:17px}.li-local-header-tagline{font-size:6px;letter-spacing:0}.li-local-header-wordmark small{font-size:6px;letter-spacing:.07em}}

/* V1.6 national city identity and seamless section progression */
body{background:#081b2d;color:#f6ecda}
.nav{background:#061727;color:#f5e5c8;border-bottom-color:#bd9553}
.nav .wrap{width:min(1450px,calc(100% - 40px))}
.li-local-header-wordmark strong{font-size:34px;letter-spacing:.075em;color:#efc27d}
.hero{background:#091d31;padding:76px 0 150px;min-height:650px}
.hero:before{background-image:url('assets/national-city-hero.webp');background-position:center 48%;background-size:cover}
.hero:after{background:linear-gradient(90deg,rgba(4,18,32,.97) 0%,rgba(4,18,32,.89) 20%,rgba(5,21,37,.56) 43%,rgba(5,21,37,.06) 78%),linear-gradient(0deg,#081b2d 0%,rgba(8,27,45,.35) 23%,transparent 60%)}
.hero .wrap{width:min(1450px,calc(100% - 40px))}
.hero .wrap>div{max-width:660px}
.hero h1{font-size:clamp(48px,5.6vw,84px);line-height:1.03;margin:18px 0}
.hero p{max-width:610px;font-size:16px;line-height:1.6}
.local-hero-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:22px}
.local-btn-outline{display:inline-block;border:1px solid #d6a358;border-radius:4px;color:#e8b566;padding:13px 20px;font-weight:700;text-decoration:none}
.local-what{position:relative;background:linear-gradient(180deg,#081b2d 0%,#0a2234 62%,#0b2334 100%);color:#f3eee5;padding:55px 0 85px;margin-top:-1px;border-top:1px solid rgba(222,174,96,.23)}
.local-what:before{content:'';position:absolute;left:0;right:0;top:-90px;height:90px;background:linear-gradient(0deg,#081b2d,transparent);pointer-events:none}
.local-what-grid{display:grid;grid-template-columns:.9fr 1.6fr;gap:70px;align-items:center}
.local-what h2{font:normal clamp(39px,4.5vw,64px)/1.1 Georgia,serif;margin:12px 0}
.local-what h2 em{color:#d6a65d}
.local-what-intro p{color:#e2e3e3;font-size:15px;line-height:1.65}
.local-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.local-benefits article span{display:grid;place-items:center;border:1px solid #d8a65e;border-radius:50%;color:#d8a65e;width:48px;height:48px;font:30px Georgia,serif;margin-bottom:13px}
.local-benefits h3{font:600 15px/1.3 Arial,sans-serif;color:#fff;margin:0 0 7px}
.local-benefits p{font:13px/1.5 Arial,sans-serif;color:#cfd6dc;margin:0}
#how{background:#0b2334;color:#f3eee5;padding-top:75px}
#how .intro{color:#c9d5dd}
#how .card{background:#112b3d;color:#f5e8d3;border:1px solid rgba(215,166,89,.4)}
#how .card h3{color:#f4dfb6}
#how .card p{color:#d7dbe0}
#membership{background:#102a3b;color:#f5e8d3}
#membership .plan{background:#132f43;color:#f2e7d3;border:1px solid rgba(213,168,100,.55)}
#membership .fine{color:#d4d2ca}
.contact{background:#e7ddcc;color:#20252a}
@media(max-width:1100px){.local-what-grid{grid-template-columns:1fr;gap:28px}.local-benefits{gap:16px}}
@media(max-width:800px){.hero{min-height:590px;padding:85px 0 110px}.hero:after{background:linear-gradient(90deg,rgba(4,18,32,.91),rgba(4,18,32,.32)),linear-gradient(0deg,#081b2d,transparent 75%)}.local-benefits{grid-template-columns:repeat(2,1fr)}.li-local-header-wordmark strong{font-size:23px}}
@media(max-width:450px){.nav .wrap{width:calc(100% - 20px)}.li-local-header-wordmark strong{font-size:19px}.hero h1{font-size:clamp(43px,11vw,60px)}.local-benefits{gap:24px 12px}.local-what{padding:40px 0 65px}}

/* V1.7: gently moving river reflections; preserves the approved national city artwork. */
.hero{isolation:isolate}
.hero .li-water-motion{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.78}
.hero:after{z-index:1;pointer-events:none}
.hero .wrap{position:relative;z-index:2}
@media(prefers-reduced-motion:reduce){.hero .li-water-motion{display:none}}

/* V1.8: exact LI emblem, better-scaled waterfront and subtle skyline lighting. */
.nav .wrap>a img{width:66px;height:66px;object-fit:contain;filter:drop-shadow(0 0 5px rgba(221,164,79,.28));}
.hero{min-height:630px;padding:68px 0 100px;}
.hero:before{background-size:cover;background-position:center 48%;}
.hero .li-water-motion,.hero .li-city-lights{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;}
.hero .li-water-motion{opacity:1;}
.hero .li-city-lights{opacity:.88;}
.hero:after{z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(4,18,32,.91) 0%,rgba(4,18,32,.80) 21%,rgba(5,21,37,.38) 48%,rgba(5,21,37,.02) 84%),linear-gradient(0deg,#081b2d 0%,rgba(8,27,45,.25) 13%,transparent 42%);}
.hero .wrap{position:relative;z-index:2;}
@media(max-width:800px){.hero{min-height:570px;padding:66px 0 92px}.nav .wrap>a img{width:49px;height:49px}.hero:after{background:linear-gradient(90deg,rgba(4,18,32,.93),rgba(4,18,32,.33)),linear-gradient(0deg,#081b2d,transparent 40%)}}
@media(max-width:450px){.nav .wrap>a img{width:39px;height:39px}.hero{min-height:590px;padding:64px 0 85px}}
@media(prefers-reduced-motion:reduce){.hero .li-water-motion,.hero .li-city-lights{display:none}}