:root{--ink:#0f3a5d;--ink-strong:#08243d;--panel:#123f63;--pink:#d9144f;--pink-soft:#f05a83;--cyan:#1b9fb9;--cyan-soft:#61c9da;--gold:#d7b46d;--sand:#ead2a6;--sand-soft:#fff4df;--surface:#f8efe1;--surface-soft:#fffaf0;--text:#203243;--muted:#52616f;--muted-on-dark:#d8e2e8;--border:#0f3a5d2e;--border-dark:#fffaf03d;--focus:#7be0ef;--shadow:0 22px 58px #08243d3d;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--text);background:var(--ink-strong);font:16px/1.5 var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}html{scroll-behavior:smooth}body{min-width:320px;min-height:100svh;margin:0}button,input,select,textarea{font:inherit}#root{min-height:100svh}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.directory-page{isolation:isolate;background:linear-gradient(180deg, #08243df5 0%, #0f3a5deb 36%, transparent 36%), linear-gradient(180deg, var(--surface) 0%, #fff7ea 100%);min-height:100svh;position:relative;overflow-x:hidden}.directory-page:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 16% 20%,#1b9fb952,#0000 24rem),radial-gradient(circle at 86% 10%,#d9144f33,#0000 22rem),linear-gradient(135deg,#d7b46d21 25%,#0000 25%) 0 0/28px 28px,linear-gradient(-135deg,#fffaf014 25%,#0000 25%) 14px 0/28px 28px;height:520px;position:absolute;inset:0 0 auto;-webkit-mask-image:linear-gradient(#000 0%,#0000 86%);mask-image:linear-gradient(#000 0%,#0000 86%)}.skip-link{z-index:30;color:var(--ink-strong);background:var(--surface-soft);box-shadow:var(--shadow);border-radius:6px;padding:10px 14px;font-weight:800;text-decoration:none;transition:transform .18s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header,.intro-section,.search-section,.directory-section,.site-footer{width:min(1180px,100% - 32px);margin:0 auto}.site-header{z-index:20;border:1px solid var(--border-dark);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#071d31e0;border-radius:8px;justify-content:space-between;align-items:center;gap:20px;margin-top:12px;padding:10px 12px;display:flex;position:sticky;top:12px;box-shadow:0 16px 38px #071d3133}.brand,.main-nav a,.primary-action,.secondary-action,.site-footer a{text-decoration:none}.brand{min-width:0;color:var(--surface-soft);align-items:center;gap:12px;font-weight:900;display:inline-flex}.brand-mark{width:46px;height:46px;color:var(--ink-strong);background:linear-gradient(135deg, var(--gold) 0 50%, var(--cyan) 50% 100%);box-shadow:4px 4px 0 var(--pink);border:2px solid #fffaf2b8;border-radius:8px;flex:none;place-items:center;font-size:.76rem;font-weight:900;line-height:1;display:grid;overflow:hidden}.brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.brand-text{text-overflow:ellipsis;white-space:nowrap;max-width:44vw;overflow:hidden}.main-nav{background:#fffaf214;border:1px solid #fffaf02e;border-radius:8px;align-items:center;gap:4px;padding:4px;display:inline-flex}.main-nav a{min-height:42px;color:var(--surface-soft);border-radius:6px;justify-content:center;align-items:center;padding:0 14px;font-size:.94rem;font-weight:800;transition:color .18s,background .18s;display:inline-flex}.main-nav a:hover,.main-nav a:focus-visible{color:var(--ink-strong);background:var(--surface-soft)}.intro-section{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:center;gap:clamp(28px,5vw,64px);padding:clamp(56px,7vw,88px) 0 32px;display:grid}.intro-copy{z-index:1;max-width:720px;position:relative}.eyebrow{width:fit-content;min-height:30px;color:var(--surface-soft);text-transform:uppercase;background:#fffaf01a;border:1px solid #d7b46d6b;border-radius:999px;align-items:center;padding:0 12px;font-size:.76rem;font-weight:900;display:inline-flex}.eyebrow-light{color:var(--ink);background:#1b9fb91f;border-color:#0f3a5d2e}.intro-copy h1{max-width:720px;color:var(--surface-soft);margin:18px 0 16px;font-size:clamp(2.45rem,5.6vw,4.8rem);line-height:.98}.intro-copy p{max-width:650px;color:var(--muted-on-dark);margin:0;font-size:1.08rem;line-height:1.7}.intro-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.primary-action,.secondary-action,.search-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-height:48px;font-weight:900;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.primary-action{color:var(--ink-strong);background:var(--gold);box-shadow:4px 4px 0 var(--pink);padding:0 20px}.secondary-action{color:var(--surface-soft);background:#fffaf014;border:1px solid #fffaf04d;padding:0 18px}.primary-action:hover,.primary-action:focus-visible,.secondary-action:hover,.secondary-action:focus-visible,.search-button:hover,.search-button:focus-visible{transform:translateY(-1px)}.secondary-action:hover,.secondary-action:focus-visible{color:var(--ink-strong);background:var(--surface-soft)}.directory-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:650px;margin:28px 0 0;display:grid}.directory-stats div{background:#fffaf014;border:1px solid #fffaf02e;border-radius:8px;padding:14px}.directory-stats dt{color:var(--surface-soft);font-size:1.45rem;font-weight:900;line-height:1}.directory-stats dd{color:var(--muted-on-dark);margin:6px 0 0;font-size:.86rem;font-weight:800}.nayarit-visual{z-index:1;border:1px solid var(--border-dark);background:linear-gradient(180deg, #fffaf21f, #fffaf20a), linear-gradient(135deg, var(--panel), var(--ink));min-height:390px;box-shadow:var(--shadow);border-radius:8px;position:relative;overflow:hidden}.nayarit-visual:before,.nayarit-visual:after{content:"";pointer-events:none;position:absolute}.nayarit-visual:before{border:1px solid #fffaf038;width:126px;height:126px;inset:18px 18px auto auto;transform:rotate(45deg)}.nayarit-visual:after{background:linear-gradient(#0000,#08243d6b);height:72px;inset:auto 0 0}.visual-sun{background:var(--gold);border-radius:50%;width:74px;height:74px;position:absolute;top:48px;right:54px;box-shadow:0 0 50px #d7b46d5c}.visual-mountain{transform-origin:0 100%;border-radius:10px 10px 0 0;width:84%;height:170px;position:absolute;bottom:88px;transform:skew(-18deg)rotate(2deg)}.mountain-back{background:#61c9da61;left:14%}.mountain-front{background:linear-gradient(135deg,#2f806d,#1f5b53);bottom:66px;left:-4%}.visual-coast{background:linear-gradient(180deg, #fffaf0eb, #fffaf024 18%, transparent 18%), linear-gradient(135deg, var(--cyan), #127f96);border-radius:999px 0 0;width:74%;height:98px;position:absolute;bottom:34px;right:-10%}.visual-pattern{grid-template-columns:repeat(4,18px);gap:10px;display:grid;position:absolute;bottom:28px;left:28px}.visual-pattern span{border:2px solid #fffaf0bd;width:18px;height:18px;transform:rotate(45deg)}.visual-pattern span:nth-child(2){border-color:var(--pink)}.visual-pattern span:nth-child(3){border-color:var(--gold)}.visual-pattern span:nth-child(4){border-color:var(--cyan)}.visual-label{z-index:1;color:var(--surface-soft);gap:6px;display:grid;position:absolute;bottom:78px;left:26px;right:26px}.visual-label strong{text-transform:uppercase;font-size:1.5rem;line-height:1}.visual-label span{color:var(--muted-on-dark);font-size:.92rem;font-weight:800}.search-section{z-index:2;margin-top:210px;padding:0 0 16px;position:relative}.search-heading{color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(240px,420px);align-items:end;gap:18px;margin-bottom:16px;display:grid}.search-heading h2,.section-heading h2{color:var(--ink);margin:10px 0 0;font-size:clamp(1.85rem,3.2vw,2.7rem);line-height:1.08}.search-heading p,.section-heading p{color:var(--muted);margin:0;line-height:1.65}.search-panel{border:1px solid #fffaf03d;border-left:8px solid var(--gold);box-shadow:var(--shadow);background:#0f3a5dfa;border-radius:8px;grid-template-columns:minmax(0,1.15fr) minmax(220px,.85fr) auto;align-items:end;gap:14px;padding:18px;display:grid}.field{text-align:left;gap:8px;display:grid}.field span{color:var(--surface-soft);font-size:.84rem;font-weight:900}.field input,.field select{box-sizing:border-box;width:100%;min-height:52px;color:var(--ink);background:var(--surface-soft);font:inherit;border:2px solid #0000;border-radius:6px;outline:none}.field input{padding:0 16px}.field select{padding:0 44px 0 16px}.field input:focus,.field select:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #7be0ef47}.search-button{min-width:128px;color:var(--ink-strong);background:var(--gold);box-shadow:4px 4px 0 var(--pink);border:0}.regional-strip{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.regional-strip span{min-height:38px;color:var(--ink);background:#fffaf0b8;border:1px solid #0f3a5d29;border-radius:999px;align-items:center;padding:0 14px;font-size:.88rem;font-weight:900;display:inline-flex}.directory-section{padding:clamp(48px,6vw,82px) 0}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px;display:flex}.section-heading>div{max-width:720px}.section-heading .eyebrow{flex:none}.sector-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sector-group{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 14px 34px #071d3114}.sector-heading{border-bottom:1px solid var(--border);border-top:4px solid var(--pink);background:linear-gradient(90deg,#0f3a5dfa,#123f63fa),repeating-linear-gradient(135deg,#0000 0 10px,#d7b46d29 10px 12px);justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.sector-kicker{color:var(--cyan-soft);text-transform:uppercase;margin-bottom:3px;font-size:.72rem;font-weight:900;display:block}.sector-heading h3{color:var(--surface-soft);margin:0;font-size:1.12rem}.sector-count{color:#e8f1f4;background:#fffaf014;border:1px solid #fffaf038;border-radius:999px;flex:none;min-height:32px;padding:7px 10px;font-size:.84rem;font-weight:800}.cards-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;padding:18px;display:grid}.business-card{border:1px solid var(--border);background:var(--surface-soft);border-radius:8px;min-height:150px;padding:18px}.business-card h4{color:var(--ink);margin:0 0 10px}.empty-sector{min-height:132px;color:var(--text);background:linear-gradient(135deg,#0f3a5d0b 25%,#0000 25%) 0 0/18px 18px,#fff7ea;align-content:center;gap:6px;padding:20px;display:grid}.empty-sector p{color:var(--ink);margin:0;font-weight:900}.empty-sector span{color:var(--muted);line-height:1.55}.site-footer{border-top:1px solid var(--border);color:var(--text);justify-content:space-between;align-items:center;gap:18px;padding:28px 0 46px;display:flex}.footer-label{color:var(--muted);text-transform:uppercase;font-size:.8rem;font-weight:900;display:block}.site-footer p{color:var(--ink);margin:4px 0 0;font-weight:900}.site-footer a{color:var(--ink);font-weight:800}.site-footer a:hover,.site-footer a:focus-visible{color:var(--pink)}@media (width>=1500px){.site-header,.intro-section,.search-section,.directory-section,.site-footer{width:min(1320px,100% - 64px)}.intro-section{grid-template-columns:minmax(0,1fr) minmax(430px,520px)}}@media (width<=980px){.intro-section,.search-heading{grid-template-columns:1fr}.nayarit-visual{min-height:320px}.search-panel{grid-template-columns:1fr 1fr}.search-button{grid-column:1/-1}.sector-list{grid-template-columns:1fr}}@media (width<=720px){.site-header{flex-direction:column;align-items:stretch;width:min(100% - 24px,1180px);margin-top:8px;top:8px}.brand-text{max-width:calc(100vw - 112px)}.main-nav{width:100%}.main-nav a{flex:1;min-height:44px;padding:0 10px}.intro-section{gap:24px;padding:42px 0 24px}.directory-stats{grid-template-columns:1fr}.nayarit-visual{min-height:270px}.search-panel{grid-template-columns:1fr;padding:16px}.section-heading{flex-direction:column;align-items:start;gap:12px}.sector-heading{flex-direction:column;align-items:flex-start;gap:10px}.sector-count{width:fit-content}.site-footer{flex-direction:column;align-items:flex-start}}@media (width<=520px){.site-header,.intro-section,.search-section,.directory-section,.site-footer{width:calc(100% - 24px)}.brand{gap:10px}.brand-mark{width:42px;height:42px}.brand-text{max-width:calc(100vw - 92px)}.intro-copy h1{font-size:clamp(2.05rem,12vw,3rem)}.intro-copy p,.search-heading p,.section-heading p{font-size:1rem}.intro-actions{display:grid}.field input,.field select,.search-button{min-height:56px}.regional-strip span{min-height:40px}.visual-sun{top:36px;right:36px}.visual-label{bottom:70px}}