:root{color:#e2e8f0;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 20% 0,#0ea5e933,#0000 32%),radial-gradient(circle at 90% 10%,#14b8a62b,#0000 28%),linear-gradient(135deg,#020617 0%,#07111f 48%,#0f172a 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}a{color:inherit}#root{min-height:100vh}html{scroll-padding-top:132px}.map-backdrop{z-index:-2;pointer-events:none;background:#020617;position:fixed;inset:0;overflow:hidden}.map-image-layer{opacity:.78;filter:saturate(1.08)contrast(1.04);background-image:url(/grandlake-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:-3vh -3vw;transform:scale(1.02)}.map-vignette-layer{background:linear-gradient(90deg,#020617d1,#02061770,#020617c7),linear-gradient(#02061794,#0206172e 38%,#020617d1),radial-gradient(circle at 50% 38%,#0ea5e914,#0000 38%);position:absolute;inset:0}.site-shell{z-index:1;width:min(1280px,100% - 32px);margin:0 auto;padding:32px 0 56px;position:relative}.site-header{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#020617eb;border:1px solid #94a3b833;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-bottom:24px;padding:12px 14px;display:grid;position:sticky;top:16px;box-shadow:0 18px 70px #00000042}.brand-link{color:#f8fafc;align-items:center;gap:12px;min-width:0;text-decoration:none;display:inline-flex}.signal-mark{background:radial-gradient(circle at 35% 25%,#67e8f938,#0000 44%),#0f172ab8;border:1px solid #67e8f947;border-radius:999px;flex:none;place-items:center;width:56px;height:56px;display:inline-grid;box-shadow:0 0 34px #14b8a624}.signal-mark svg{width:50px;height:50px;display:block}.catfish-logo{object-fit:cover;background:#020617b8;border:1px solid #67e8f957;border-radius:999px;flex:none;width:72px;height:72px;box-shadow:0 0 34px #14b8a633,inset 0 0 0 1px #ffffff0a}.brand-text{gap:2px;display:grid}.brand-text span{letter-spacing:-.03em;font-size:1.04rem;font-weight:950}.brand-text small{color:#94a3b8;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.site-nav{justify-content:center;gap:6px;display:flex}.site-nav a{color:#cbd5e1;border-radius:999px;padding:9px 10px;font-size:.86rem;font-weight:800;text-decoration:none;transition:color .2s,background .2s}.site-nav a:hover{color:#f8fafc;background:#94a3b81f}.preview-pill{color:#fde68a;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;background:#fbbf241a;border:1px solid #fbbf2457;border-radius:999px;justify-self:end;padding:9px 12px;font-size:.72rem;font-weight:950}.site-footer{color:#cbd5e1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0206177a;border:1px solid #94a3b82e;border-radius:28px;justify-content:space-between;gap:24px;margin-top:24px;padding:24px;display:flex}.site-footer strong{color:#f8fafc;font-size:1.08rem}.site-footer p{margin:6px 0 0}.footer-meta{flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:520px;display:flex}.footer-meta span{color:#a7f3d0;background:#14b8a61a;border-radius:999px;padding:7px 10px;font-size:.76rem;font-weight:850}.hero-panel{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:stretch;gap:24px;min-height:440px;scroll-margin-top:132px;display:grid}.hero-copy,.status-card,.metric-card,.feature-card,.roadmap-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#0f172aed,#0f172abd),radial-gradient(circle at 0 0,#22d3ee29,#0000 35%);border:1px solid #94a3b838;box-shadow:0 24px 90px #00000047}.hero-copy{border-radius:32px;flex-direction:column;justify-content:center;padding:clamp(32px,6vw,72px);display:flex;position:relative;overflow:hidden}.hero-copy:after{content:"";filter:blur(8px);background:#14b8a629;border-radius:999px;width:360px;height:360px;position:absolute;inset:auto -120px -160px auto}.eyebrow{color:#67e8f9;text-transform:uppercase;letter-spacing:.16em;margin:0 0 14px;font-size:.76rem;font-weight:800}h1{letter-spacing:-.08em;color:#f8fafc;margin:0;font-size:clamp(3.4rem,9vw,7.4rem);line-height:.9}.hero-text{color:#cbd5e1;max-width:720px;margin:28px 0 0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.65}.hero-actions{z-index:1;flex-wrap:wrap;gap:14px;margin-top:32px;display:flex;position:relative}.button{border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 18px;font-weight:800;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#022c22;background:linear-gradient(135deg,#67e8f9,#5eead4)}.button.secondary{color:#e2e8f0;background:#0f172a8c;border:1px solid #94a3b852}.status-card{border-radius:32px;flex-direction:column;justify-content:flex-end;padding:28px;display:flex}.status-card h2{color:#f8fafc;margin:22px 0 12px;font-size:2rem}.status-card p{color:#cbd5e1;margin:0;line-height:1.7}.pulse-row{color:#a7f3d0;align-items:center;gap:10px;font-weight:800;display:inline-flex}.pulse-dot{background:#34d399;border-radius:999px;width:11px;height:11px;box-shadow:0 0 0 8px #34d3991f}#dashboard,#roadmap{scroll-margin-top:132px}.dashboard-grid,.feature-grid{gap:18px;margin-top:36px;display:grid}.dashboard-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.anchor-card{scroll-margin-top:132px}.metric-card,.feature-card{border-radius:24px;padding:22px}.card-label,.card-meta,.card-detail,.card-source-grid,.feature-card p,.section-heading p,.roadmap-panel li{color:#cbd5e1}.card-topline{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.card-label{color:#93c5fd;text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.72rem;font-weight:900}.data-mode{color:#a7f3d0;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;background:#14b8a61f;border:1px solid #67e8f952;border-radius:999px;justify-content:center;align-items:center;min-height:24px;padding:0 10px;font-size:.72rem;font-weight:900;display:inline-flex}.mode-mock{color:#fde68a;background:#fbbf241a;border-color:#fbbf2461}.mode-live{color:#a7f3d0;background:#34d3991a;border-color:#34d3996b}.mode-unavailable,.mode-unknown{color:#fecaca;background:#ef44441a;border-color:#f8717161}.metric-card h2{color:#f8fafc;margin:0;font-size:1.75rem}.card-detail{margin:12px 0 18px;line-height:1.55}.card-source-grid{border-top:1px solid #94a3b829;gap:8px;margin-top:18px;padding-top:16px;font-size:.82rem;display:grid}.card-source-grid p{gap:2px;margin:0;display:grid}.card-source-grid span{color:#67e8f9;letter-spacing:.1em;text-transform:uppercase;font-size:.68rem;font-weight:900}.section-heading{max-width:860px;margin:56px 0 22px}.section-heading h2,.roadmap-panel h2{color:#f8fafc;letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3.2rem);line-height:1.05}.section-heading p{margin-top:18px;font-size:1.08rem;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card h3{color:#f8fafc;margin:0 0 10px;font-size:1.25rem}.feature-card p{margin:0;line-height:1.65}.roadmap-panel{border-radius:32px;grid-template-columns:.8fr 1.2fr;gap:32px;margin-top:24px;padding:clamp(24px,4vw,42px);display:grid}.roadmap-panel ol{margin:0;padding-left:22px}.roadmap-panel li{margin-bottom:12px;line-height:1.55}@media (width<=980px){.site-header{border-radius:28px;grid-template-columns:1fr}.brand-link,.site-nav,.preview-pill{justify-self:center}.site-nav{flex-wrap:wrap}.hero-panel,.roadmap-panel{grid-template-columns:1fr}.dashboard-grid,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site-footer{flex-direction:column}.footer-meta{justify-content:flex-start}}@media (width<=640px){.map-image-layer{opacity:.42;background-position:top;inset:0;transform:none}.map-vignette-layer{background:linear-gradient(#020617d1,#02061799),radial-gradient(circle at 50% 20%,#0ea5e914,#0000 38%)}.map-backdrop{position:fixed}.lake-map{opacity:.34;width:150vw;height:100vh;top:0;right:-58vw}.marker{display:none}.site-shell{width:min(100% - 20px,1180px);padding-top:10px}.site-header{margin-bottom:14px;position:static}.brand-link{align-items:flex-start}.catfish-logo{width:58px;height:58px}.signal-mark{border-radius:16px;width:48px;height:48px}.signal-mark svg{width:44px;height:44px}.brand-text small{font-size:.64rem}.hero-copy,.status-card,.metric-card,.feature-card,.roadmap-panel{border-radius:20px}.dashboard-grid,.feature-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.button{width:100%}}.weather-alert-banner{color:#fef3c7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#78350fb8,#0f172ae0),radial-gradient(circle at 0 0,#fbbf2433,#0000 42%);border:1px solid #fbbf246b;border-radius:24px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 24px;padding:16px 18px;display:flex;box-shadow:0 22px 70px #00000047}.weather-alert-banner p,.weather-alert-banner strong,.weather-alert-banner span{margin:0}.weather-alert-banner strong{color:#fff7ed;font-size:clamp(1.15rem,2vw,1.7rem);line-height:1.05;display:block}.weather-alert-banner span{color:#fde68a;margin-top:5px;font-weight:700;display:block}.weather-alert-kicker{color:#facc15;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:950}.weather-alert-banner a{color:#fff7ed;text-transform:uppercase;letter-spacing:.08em;background:#fbbf2424;border:1px solid #fef3c76b;border-radius:999px;flex:none;padding:10px 13px;font-size:.8rem;font-weight:950;text-decoration:none}.metric-card-clickable{cursor:pointer;text-align:left;transition:transform .2s,border-color .2s,box-shadow .2s}.metric-card-clickable:hover,.metric-card-clickable:focus-visible{border-color:#67e8f980;outline:none;transform:translateY(-3px);box-shadow:0 28px 95px #00000057,0 0 34px #22d3ee1f}.card-action-hint{color:#67e8f9;letter-spacing:.08em;text-transform:uppercase;margin:12px 0 0;font-size:.82rem;font-weight:950}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020617c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.forecast-modal{color:#e5e7eb;background:linear-gradient(135deg,#0f172afa,#082f49e6),radial-gradient(circle at 0 0,#22d3ee29,#0000 38%);border:1px solid #94a3b847;border-radius:32px;width:min(980px,100%);max-height:min(780px,100vh - 48px);padding:clamp(22px,4vw,36px);overflow:auto;box-shadow:0 32px 120px #00000094}.forecast-modal-header{justify-content:space-between;align-items:start;gap:18px;margin-bottom:24px;display:flex}.forecast-modal-header h2{color:#f8fafc;letter-spacing:-.06em;margin:0;font-size:clamp(2rem,5vw,3.2rem);line-height:.95}.modal-close-button{color:#cffafe;font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#0f172ab8;border:1px solid #67e8f94d;border-radius:999px;padding:10px 13px;font-size:.78rem;font-weight:950}.forecast-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:12px;display:grid}.forecast-day-card{background:#0206176b;border:1px solid #94a3b833;border-radius:22px;gap:14px;min-height:210px;padding:16px;display:grid}.forecast-day-card h3{color:#bfdbfe;margin:0 0 8px;font-size:1rem}.forecast-day-card p{color:#cbd5e1;margin:0;line-height:1.45}.forecast-day-card strong{color:#f8fafc;font-size:1.25rem}.forecast-day-card span{color:#67e8f9;font-size:.82rem;font-weight:850}.modal-footnote{color:#94a3b8;margin:22px 0 0;font-size:.9rem}@media (width<=980px){.forecast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.weather-alert-banner{flex-direction:column;align-items:flex-start}}@media (width<=620px){.forecast-grid{grid-template-columns:1fr}.forecast-modal-header{flex-direction:column;align-items:stretch}.modal-close-button{width:fit-content}}.weather-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0 0;display:grid}.weather-preview-period{text-align:center;background:#02061752;border:1px solid #94a3b82e;border-radius:18px;justify-items:center;gap:6px;padding:12px 10px;display:grid}.weather-preview-name{color:#bfdbfe;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.82rem;font-weight:900}.weather-preview-icon,.forecast-period-icon{object-fit:contain;width:56px;height:56px}.weather-preview-icon-placeholder,.forecast-period-icon-placeholder{background:#94a3b81f;border-radius:14px}.weather-preview-period strong{color:#f8fafc;font-size:1.05rem}.weather-preview-period span{color:#cbd5e1;font-size:.8rem;line-height:1.35}.forecast-modal-subtitle{color:#cbd5e1;margin:10px 0 0;font-size:.98rem}.detailed-period-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detailed-period-card{align-content:start;min-height:260px}.forecast-day-header{justify-content:space-between;align-items:start;gap:10px;display:flex}.forecast-short{font-weight:800;color:#bfdbfe!important}@media (width<=980px){.detailed-period-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=620px){.weather-preview-grid,.detailed-period-grid{grid-template-columns:1fr}}.dashboard-grid{align-items:start}.metric-card{height:auto}.mode-unavailable{color:#fecaca;background:#f871711f;border-color:#f871716b}.mode-cached{color:#fed7aa;background:#fb923c1f;border-color:#fb923c6b}.weather-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.weather-preview-period{min-height:132px;padding:10px 8px}.weather-preview-icon,.forecast-period-icon{width:48px;height:48px}.weather-preview-period strong{font-size:1rem}.weather-preview-period span{font-size:.76rem}@media (width<=760px){.weather-preview-grid{grid-template-columns:1fr}}.weather-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0 0}.weather-preview-period{border-radius:16px;min-height:104px;padding:8px 7px}.weather-preview-name{font-size:.68rem;line-height:1.1}.weather-preview-icon{width:38px;height:38px}.weather-preview-period strong{font-size:.92rem;line-height:1}.weather-preview-period span{font-size:.68rem;line-height:1.2}.metric-card#weather .card-action-hint{margin-top:10px;font-size:.72rem;line-height:1.25}.metric-card#weather .card-source-grid{margin-top:14px}.forecast-modal{max-height:min(720px,100vh - 72px)}.forecast-modal-header{z-index:2;background:linear-gradient(135deg,#0f172afa,#082f49f0);padding-bottom:14px;position:sticky;top:0}.detailed-period-card{min-height:230px}.forecast-period-icon{width:44px;height:44px}@media (width<=760px){.weather-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=520px){.weather-preview-grid{grid-template-columns:1fr}}.card-source-grid a{color:inherit;border-bottom:1px solid #67e8f947;text-decoration:none}.card-label{letter-spacing:.14em;font-size:1.02rem;font-weight:950}.card-source-grid{gap:10px}.card-source-grid a{color:inherit;border-bottom:1px solid #67e8f929;text-decoration:none;transition:color .2s,border-bottom-color .2s}.card-source-grid a:hover{color:#67e8f9;border-bottom-color:#67e8f96b}.card-detail-stack{gap:4px;margin:0 0 8px;display:grid}.card-detail-line{margin:0}.card-source-grid p{font-size:.8rem;line-height:1.35}.card-source-grid span{letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px;font-size:.66rem;font-weight:900;display:block}