:root{--ink:#102b52;--muted:#60728c;--line:#d8e2ec;--canvas:#f7f9fb;--blue:#0878e4;--blue-soft:#eff7ff;--green:#2d8d36;--green-soft:#edf7ec;--amber:#e98a00;--red:#e13d35;--navy:#062f55;color-scheme:light}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
button{font:inherit}
.public-app-shell{display:grid;grid-template-rows:62px minmax(0,1fr);min-height:100vh}
.public-topbar{position:sticky;z-index:10;top:0;height:62px;min-width:0;display:flex;align-items:center;gap:28px;background:linear-gradient(100deg,#07375d,#032b4d);padding:0 28px;color:#fff;box-shadow:0 1px 0 rgba(255,255,255,.08),0 3px 15px rgba(7,38,65,.11)}
.public-brand{display:flex;align-items:center;gap:9px}
.public-brand img{width:42px;height:42px;border-radius:50%}
.public-brand strong{font:800 15px/.92 Inter,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.public-primary{display:flex;align-self:stretch}
.public-primary button{position:relative;display:flex;align-items:center;gap:7px;border:0;background:transparent;padding:0 20px;color:#e9f1f7;font-weight:700;opacity:1}
.public-primary button.active{background:rgba(255,255,255,.07);color:#fff}
.public-primary button.active:after{content:"";position:absolute;right:16px;bottom:0;left:16px;height:3px;border-radius:3px 3px 0 0;background:#1f88ff}
.public-account-actions{display:flex;align-items:center;gap:9px;margin-left:auto}
.public-account-actions a{display:flex;min-height:38px;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.45);border-radius:8px;padding:7px 13px;color:#fff;font-size:12px;font-weight:800;text-decoration:none}
.public-account-actions .public-join{border-color:#fff;background:#fff;color:#07375d}
.public-page{width:min(1800px,100%);min-width:0;margin:0 auto;padding:18px 26px 32px}
.public-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px;border:1px solid #cdddeb;border-radius:12px;background:linear-gradient(120deg,#f6fbff,#edf6fb);padding:22px 24px}
.eyebrow{margin:0 0 5px;color:#0878e4;font-size:9px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.public-intro h1{margin:0;font:850 clamp(2.25rem,4vw,4.2rem)/.95 Georgia,"Times New Roman",serif;letter-spacing:-.035em}
.public-intro p:not(.eyebrow){max-width:780px;margin:12px 0 0;color:#526982;font-size:14px;line-height:1.55}
.intro-actions{display:grid;justify-items:end;gap:8px;white-space:nowrap}
.intro-actions span{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}
.intro-actions span i,.preview-title small i{width:7px;height:7px;border-radius:50%;background:#2aa846}
.intro-actions strong{border-radius:999px;background:#07375d;padding:7px 11px;color:#fff;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.preview-controls{display:grid;grid-template-columns:minmax(245px,auto) auto minmax(0,1fr);align-items:center;gap:12px;margin-bottom:12px}
.preview-title{display:grid;gap:3px}
.preview-title h2{margin:0;font:700 27px/1 Georgia,"Times New Roman",serif}
.preview-title small{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}
.preview-period{display:grid;grid-template-columns:1fr 1fr;overflow:hidden;border:1px solid #cdd9e5;border-radius:8px;background:#fff}
.preview-period span{display:grid;min-height:40px;place-items:center;padding:7px 20px;font-weight:750}
.preview-period span+span{border-left:1px solid #cdd9e5}
.preview-period .active{background:linear-gradient(135deg,#073d68,#052f53);color:#fff}
.preview-filter{display:grid;grid-template-columns:minmax(140px,.8fr) auto minmax(190px,1fr);gap:10px;min-width:0;color:#71839a}
.preview-filter>span{min-width:0;min-height:40px;display:flex;align-items:center;gap:8px;border:1px solid #cdd9e5;border-radius:8px;background:#fff;padding:0 11px;font-size:12px}
.preview-filter svg{width:18px;height:18px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.preview-summary{display:flex;align-items:center;overflow-x:auto;margin-bottom:14px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 4px;scrollbar-width:none}
.preview-summary::-webkit-scrollbar{display:none}
.preview-summary>strong,.preview-summary>span{position:relative;display:flex;min-height:44px;align-items:center;gap:7px;white-space:nowrap;padding:0 18px;font-size:11px}
.preview-summary>strong{font-size:13px}
.preview-summary>span:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:1px;background:#dce4ec}
.summary-dot{width:9px;height:9px;border-radius:50%}
.summary-dot.ideal{background:var(--green)}.summary-dot.low{background:var(--amber)}.summary-dot.high{background:var(--red)}.summary-dot.no-data{background:#8a9bad}
.preview-summary .preview-current{margin-left:auto}
.preview-results{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}
.results-heading{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:9px 16px}
.results-heading>span{display:grid;gap:1px}
.results-heading h2{margin:0;font:700 25px/1 Georgia,"Times New Roman",serif}
.results-heading small{color:var(--muted);font-size:11px}
.preview-columns{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(165px,.9fr) minmax(155px,.85fr) minmax(150px,.85fr) 86px 42px;gap:12px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 16px 8px 49px;color:#6f8096;font-size:9px;letter-spacing:.05em;text-transform:uppercase}
.preview-river{display:grid;grid-template-columns:22px minmax(200px,1.3fr) minmax(165px,.9fr) minmax(155px,.85fr) minmax(150px,.85fr) 86px 26px;gap:12px;align-items:center;min-height:70px;border-bottom:1px solid var(--line);padding:8px 16px}
.preview-river:last-child{border-bottom:0}
.preview-chevron{width:8px;height:8px;border-right:2px solid #90a0b2;border-bottom:2px solid #90a0b2;transform:rotate(-45deg)}
.preview-identity,.preview-condition{min-width:0;display:grid;gap:3px}
.preview-identity strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
.preview-identity small,.preview-condition small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}
.condition-dots{display:flex;gap:4px}.condition-dots i{width:9px;height:9px;border-radius:50%}.condition-dots .ideal{background:var(--green)}.condition-dots .low{background:var(--amber)}.condition-dots .high{background:var(--red)}.condition-dots .unfishable{background:#a42f36}.condition-dots .no-data,.condition-dots .no-flow-data{background:#8a9bad}
.preview-flow{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px;min-width:0}
.preview-flow strong{font-size:16px}.preview-flow small{color:var(--muted);font-size:8px}.preview-flow svg{grid-column:1/-1;width:100%;height:22px}.preview-flow rect{fill:var(--green-soft)}.preview-flow polyline{fill:none;stroke:var(--blue);stroke-width:1.5;vector-effect:non-scaling-stroke}
.preview-trend,.preview-updated{color:#3f5673;font-size:10px}.preview-star{color:#8ba0b4;font-size:20px;text-align:center}
.preview-empty{display:grid;gap:6px;padding:34px;text-align:center;color:var(--muted)}
.preview-lock{display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid #cfdce8;background:repeating-linear-gradient(135deg,#f2f6f9,#f2f6f9 10px,#edf2f6 10px,#edf2f6 20px);padding:15px;color:#425c76}
.preview-lock>span:not(.lock-icon){display:grid;gap:2px}.preview-lock small{font-size:10px}.preview-lock>a{margin-left:14px;color:#254d70;font-size:10px;font-weight:850}.lock-icon{display:grid;width:25px;height:25px;place-items:center;border:2px solid #7390aa;border-radius:50%;font-weight:900}
.product-showcase{margin-top:4px}
.showcase-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:14px;padding:0 2px}
.showcase-heading h2{margin:0;font:750 clamp(1.75rem,3vw,2.6rem)/1.02 Georgia,"Times New Roman",serif}
.showcase-heading>p{max-width:520px;margin:0;color:var(--muted);font-size:12px;line-height:1.5;text-align:right}
.showcase-triptych{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.showcase-card{min-width:0;overflow:hidden;border:1px solid #cfdbe6;border-radius:12px;background:#fff;box-shadow:0 12px 30px rgba(10,43,75,.07)}
.sample-window-bar{height:39px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;border-bottom:1px solid #dce4eb;background:#f5f8fa;padding:0 11px}
.sample-window-bar>strong{font-size:10px;letter-spacing:.08em;text-transform:uppercase}.sample-window-bar>small{color:#7a8b9e;font-size:8px}
.window-dots{display:flex;gap:4px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#bdc9d3}.window-dots i:first-child{background:#e8877f}.window-dots i:nth-child(2){background:#e9bf68}.window-dots i:last-child{background:#73b982}
.sample-screen{height:370px;overflow:hidden;background:#f7f9fb;padding:12px}
.artwork-screen{display:grid;place-items:start center;padding:0;background:#edf3f6}
.artwork-screen img{display:block;width:100%;height:100%;object-fit:contain;object-position:top center}
.system-artwork{background:#f6f8fb}.email-artwork{background:#edf4f7}
.showcase-card>footer{display:grid;grid-template-columns:28px 1fr;gap:1px 8px;min-height:72px;border-top:1px solid #dce4eb;padding:12px 14px;background:#fff}
.showcase-card>footer>span{grid-row:1/3;display:grid;width:26px;height:26px;place-items:center;border-radius:50%;background:#07375d;color:#fff;font-size:9px;font-weight:850}
.showcase-card>footer>strong{font:750 15px/1.1 Georgia,"Times New Roman",serif}.showcase-card>footer>small{color:var(--muted);font-size:9px}
.sample-page-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.sample-page-title>span{display:grid;gap:2px}.sample-page-title>span>strong{font:750 18px/1 Georgia,"Times New Roman",serif}.sample-page-title small{display:flex;align-items:center;gap:4px;color:#6c7d91;font-size:7px}.sample-page-title small i{width:5px;height:5px;border-radius:50%;background:#2aa846}.sample-page-title>b{border-radius:5px;background:#07375d;padding:7px 13px;color:#fff;font-size:9px}
.sample-tools{display:grid;grid-template-columns:1fr auto 30px;gap:5px;margin-top:10px}.sample-tools span{display:flex;min-height:30px;align-items:center;border:1px solid #d6e0e8;border-radius:6px;background:#fff;padding:0 8px;color:#697c90;font-size:8px}.sample-tools span:last-child{justify-content:center;padding:0;font-size:15px}
.sample-summary{display:flex;align-items:center;gap:10px;overflow:hidden;margin-top:8px;border:1px solid #d9e2e9;border-radius:6px;background:#fff;padding:8px}.sample-summary strong{font-size:9px;white-space:nowrap}.sample-summary span{display:flex;align-items:center;gap:4px;color:#52667d;font-size:7px;white-space:nowrap}.sample-summary i,.sample-condition-dots i{width:6px;height:6px;border-radius:50%}.sample-summary i.ideal,.sample-condition-dots .ideal{background:var(--green)}.sample-summary i.high,.sample-condition-dots .high{background:var(--red)}.sample-condition-dots .low{background:var(--amber)}.sample-condition-dots .unfishable{background:#a42f36}.sample-condition-dots .no-data,.sample-condition-dots .no-flow-data{background:#8a9bad}
.sample-section-title{display:flex;align-items:end;justify-content:space-between;margin:14px 1px 6px}.sample-section-title strong{font:750 16px Georgia,serif}.sample-section-title small{color:var(--muted);font-size:7px}
.sample-river-list{display:grid;gap:7px}.sample-river-row{display:grid;grid-template-columns:12px minmax(0,1fr) auto 62px;gap:7px;align-items:center;min-height:72px;border:1px solid #d8e2ea;border-radius:7px;background:#fff;padding:9px}.sample-river-row>b{color:#8091a2}.sample-river-row>span:nth-child(2){min-width:0;display:grid;gap:2px}.sample-river-row>span:nth-child(2)>strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.sample-river-row small{color:var(--muted);font-size:7px}.sample-condition-dots{display:flex;gap:3px}.sample-reading{display:grid;text-align:right}.sample-reading strong{font-size:13px}
.system-sample .sample-screen{background:#f5f8fb}.system-sample-heading{display:grid;gap:3px}.system-sample-heading>small{color:#65798e;font-size:7px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.system-sample-heading>strong{overflow:hidden;font:800 24px/.95 Georgia,serif;text-overflow:ellipsis;white-space:nowrap}.system-sample-heading>span{color:var(--muted);font-size:8px}
.system-sample-outlook{display:grid;grid-template-columns:26px 1fr;gap:8px;align-items:center;margin-top:10px;border:1px solid #cfdce8;border-radius:7px;background:#fff;padding:8px}.system-sample-outlook>b{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#eaf6eb;color:var(--green);font-size:16px}.system-sample-outlook span{display:grid;gap:1px}.system-sample-outlook small{color:var(--muted);font-size:7px}.system-sample-outlook strong{font-size:9px}
.system-sample-body{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:8px;margin-top:9px}.mini-river-course{position:relative;display:flex;height:244px;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #cfdae3;border-radius:8px;background:linear-gradient(150deg,#edf4e8,#d9ebef);padding:9px}.mini-river-course>strong{z-index:1;color:#50687c;font-size:7px;text-align:center;text-transform:uppercase}.river-line{position:absolute;top:22px;bottom:22px;left:25px;width:5px;border-radius:50%;background:linear-gradient(#7fc3df,#2888bc);transform:rotate(7deg)}.mini-station{z-index:1;display:grid;grid-template-columns:12px minmax(0,1fr);gap:5px;align-items:center}.mini-station>i{width:10px;height:10px;border:3px solid #0878e4;border-radius:50%;background:#fff}.mini-station>span{display:grid;gap:1px;border:1px solid rgba(189,205,216,.9);border-radius:5px;background:rgba(255,255,255,.94);padding:5px}.mini-station b{overflow:hidden;font-size:7px;text-overflow:ellipsis;white-space:nowrap}.mini-station small{color:#60758a;font-size:6px}.mini-system-chart{align-self:start;border:1px solid #d5e0e8;border-radius:8px;background:#fff;padding:9px}.mini-system-chart>small{display:block;color:#50667c;font-size:7px;font-weight:800;text-transform:uppercase}.mini-system-chart svg{display:block;width:100%;height:125px;margin-top:12px}.mini-system-chart rect{fill:#edf7ec}.mini-system-chart line{stroke:#dbe4eb;stroke-width:1}.mini-system-chart polyline{fill:none;stroke:#0878e4;stroke-width:2;vector-effect:non-scaling-stroke}.mini-system-chart>span{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:6px}.mini-system-chart>span i{width:12px;height:5px;background:#edf7ec}
.sample-email{background:#eef4f7;padding:12px}.email-sample-brand{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:7px;border:1px solid #d7e1e9;border-bottom:0;border-radius:7px 7px 0 0;background:#fff;padding:9px}.email-sample-brand img{width:30px;height:30px;border-radius:50%}.email-sample-brand span{display:grid}.email-sample-brand span strong{font:800 14px Georgia,serif;text-transform:uppercase}.email-sample-brand span small,.email-sample-brand>b{color:var(--muted);font-size:6px}.email-sample-brand>b{align-self:start}
.email-sample-counts{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d7e1e9;background:#fff}.email-sample-counts>span{display:grid;gap:2px;padding:10px 7px;border-right:1px solid #e1e8ee}.email-sample-counts>span:last-child{border-right:0}.email-sample-counts strong{font-size:18px}.email-sample-counts small{font-size:6px}.email-sample-counts .ideal strong{color:var(--green)}.email-sample-counts .low strong{color:#2476c7}.email-sample-counts .high strong{color:#e98a00}
.email-picks-title{display:flex;justify-content:space-between;align-items:end;border-right:1px solid #d7e1e9;border-left:1px solid #d7e1e9;background:#fff;padding:13px 10px 6px}.email-picks-title strong{font:750 13px Georgia,serif}.email-picks-title small{color:var(--muted);font-size:6px}.email-picks{display:grid;gap:6px;border:1px solid #d7e1e9;border-top:0;border-radius:0 0 7px 7px;background:#fff;padding:6px 9px 10px}.email-pick{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;border:1px solid #dbe4eb;border-left:4px solid var(--green);border-radius:6px;padding:9px}.email-pick.low{border-left-color:#2476c7}.email-pick.high{border-left-color:#e98a00}.email-pick>span:first-child{display:grid;min-width:0}.email-pick>span:first-child strong,.email-pick>span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-pick>span:first-child strong{font:750 11px Georgia,serif}.email-pick>span:first-child small{color:var(--muted);font-size:6px}.email-pick>b{font-size:12px}.email-pick>b small{color:var(--muted);font-size:6px}.email-pick-meta{grid-column:1/-1;display:flex;align-items:center;gap:4px;color:#3d6d47;font-size:7px}.email-pick-meta i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.sample-placeholder{display:grid;min-height:160px;place-items:center;color:var(--muted);font-size:10px}
.live-preview{background:#f5f8fb;padding:18px}
.live-preview-summary{display:flex;align-items:center;gap:0;overflow-x:auto;border:1px solid var(--line);border-radius:9px;background:#fff;scrollbar-width:none}
.live-preview-summary::-webkit-scrollbar{display:none}
.live-preview-summary>strong,.live-preview-summary>span,.live-preview-summary>small{position:relative;display:flex;min-height:52px;align-items:center;gap:7px;padding:0 20px;white-space:nowrap}
.live-preview-summary>strong{font-size:14px}.live-preview-summary>span{color:#415a77;font-size:12px}.live-preview-summary>small{margin-left:auto;color:var(--muted);font-size:10px}
.live-preview-summary>span:before,.live-preview-summary>small:before{content:"";position:absolute;top:14px;bottom:14px;left:0;width:1px;background:#dce5ed}
.live-explore-heading,.live-explore-row{display:grid;grid-template-columns:minmax(235px,1.3fr) minmax(180px,1fr) minmax(180px,.9fr) minmax(140px,.7fr) 100px;gap:18px;align-items:center}
.live-explore-heading{padding:13px 18px 9px;color:#71839a;font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.live-explore-rows{overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff}
.live-explore-row{min-height:78px;border-bottom:1px solid var(--line);padding:10px 18px}.live-explore-row:last-child{border-bottom:0}
.live-river-name{display:grid;grid-template-columns:17px minmax(0,1fr);gap:9px;align-items:center}.live-river-name>b{font-size:28px;font-weight:400}.live-river-name>span{display:grid;gap:3px}.live-river-name strong{font:750 17px/1.1 Georgia,"Times New Roman",serif}.live-river-name small,.live-river-conditions small{color:var(--muted);font-size:10px}
.live-river-conditions{display:grid;gap:5px}.live-river-flow{position:relative;display:grid;align-items:center;min-height:42px}.live-river-flow svg{grid-area:1/1;width:100%;height:38px}.live-river-flow rect,.live-system-station rect{fill:var(--green-soft)}.live-river-flow polyline,.live-system-station polyline{fill:none;stroke:var(--blue);stroke-width:1.8;vector-effect:non-scaling-stroke}.live-river-flow>b{grid-area:1/1;justify-self:center;border-radius:5px;background:rgba(255,255,255,.9);padding:3px 6px;font-size:15px}.live-river-flow>b small{color:var(--muted);font-size:9px}
.live-river-trend,.live-river-updated{color:#405874;font-size:11px}
.live-system-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:14px}.live-system-title>span{display:grid;gap:4px}.live-system-title>span:last-child{text-align:right}.live-system-title small{color:#61758c;font-size:9px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.live-system-title>span:first-child>strong{font:800 clamp(2rem,4vw,3.7rem)/.9 Georgia,"Times New Roman",serif}.live-system-title>span:last-child>strong{font-size:17px}.live-system-title b{color:var(--muted);font-size:11px}
.live-system-grid{display:grid;grid-template-columns:minmax(300px,.6fr) minmax(0,1.4fr);min-height:500px;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:#fff}
.live-system-map{position:relative;min-height:500px;overflow:hidden;border-right:1px solid var(--line);background-color:#e7efe7;background-position:center;background-size:100% 100%}
.live-map-empty{display:grid;height:100%;place-items:center;color:var(--muted);font-size:12px}.live-map-marker{position:absolute;left:var(--left);top:var(--top);display:grid;width:min(190px,48%);gap:2px;transform:translate(-10px,-50%);border:1px solid #d5e0e7;border-radius:7px;background:rgba(255,255,255,.95);padding:8px 9px 8px 25px;box-shadow:0 7px 18px rgba(9,40,66,.12)}.live-map-marker>i{position:absolute;top:50%;left:-8px;width:17px;height:17px;transform:translateY(-50%);border:5px solid #237cce;border-radius:50%;background:#fff}.live-map-marker.ideal>i{border-color:#2b9d4c}.live-map-marker.high>i{border-color:#ef981c}.live-map-marker.unfishable>i{border-color:#de443d}.live-map-marker b{font-size:10px}.live-map-marker small{color:#4f647c;font-size:8px}
.live-system-stations>header{display:flex;min-height:70px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);padding:13px 18px}.live-system-stations>header>span{display:grid;gap:3px}.live-system-stations>header small{color:var(--muted);font-size:9px;font-weight:750;text-transform:uppercase}.live-system-stations>header strong{font:750 21px/1 Georgia,"Times New Roman",serif}.live-system-stations>header>small{display:flex;align-items:center;gap:6px;text-transform:none}.live-system-stations>header>small i{width:30px;height:10px;border-radius:2px;background:var(--green-soft)}
.live-system-station{display:grid;grid-template-columns:minmax(175px,.65fr) minmax(130px,.5fr) minmax(260px,1.7fr);gap:16px;align-items:center;min-height:143px;border-bottom:1px solid var(--line);padding:18px}.live-system-station:last-child{border-bottom:0}.live-system-station>span{display:grid;gap:6px}.live-system-station>span:first-child>strong{font:750 17px/1.08 Georgia,"Times New Roman",serif}.live-system-station>span:first-child>b{font-size:28px}.live-system-station>span:first-child>b small{color:var(--muted);font-size:11px}.live-system-station em{justify-self:start;border-radius:999px;background:#edf3f7;padding:6px 9px;color:#486076;font-size:9px;font-style:normal;font-weight:850;text-transform:uppercase}.live-system-station em.ideal{background:#e6f4e8;color:#258440}.live-system-station em.low{background:#e8f2fc;color:#2476c7}.live-system-station em.high{background:#fff2df;color:#c67300}.live-system-station em.unfishable{background:#fde8e8;color:#c53333}.live-system-station>span:nth-child(2)>small{color:var(--muted);font-size:9px}.live-system-station svg{width:100%;height:74px}
.email-live-preview{background:#eef4f7}.live-email-brand{display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:10px 10px 0 0;background:#fff;padding:16px 18px}.live-email-brand img{width:52px;height:52px;border-radius:50%}.live-email-brand>span{display:grid;gap:3px}.live-email-brand>span strong{font:800 28px/1 Georgia,"Times New Roman",serif;letter-spacing:.04em;text-transform:uppercase}.live-email-brand small{color:var(--muted);font-size:10px}.live-email-brand>small{text-align:right}
.live-email-counts{display:grid;grid-template-columns:repeat(3,1fr);border-right:1px solid var(--line);border-bottom:1px solid var(--line);border-left:1px solid var(--line);background:#fff}.live-email-counts>span{display:grid;grid-template-columns:auto 1fr;gap:3px 11px;align-items:center;min-height:90px;border-right:1px solid var(--line);padding:14px 22px}.live-email-counts>span:last-child{border-right:0}.live-email-counts strong{grid-row:1/3;font-size:31px}.live-email-counts small{font-size:10px;line-height:1.5}.live-email-counts .ideal strong{color:var(--green)}.live-email-counts .low strong{color:#2476c7}.live-email-counts .high strong{color:#e98a00}
.live-email-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;border-right:1px solid var(--line);border-left:1px solid var(--line);background:#fff;padding:20px 20px 10px}.live-email-heading>span{display:grid;gap:3px}.live-email-heading strong{font:750 24px Georgia,"Times New Roman",serif}.live-email-heading small{color:var(--muted);font-size:10px}.live-email-heading>b{border:1px solid var(--line);border-radius:7px;padding:8px 11px;font-size:10px}
.live-email-picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border:1px solid var(--line);border-top:0;border-radius:0 0 10px 10px;background:#fff;padding:10px 14px 16px}.live-email-pick{min-width:0;border:1px solid var(--line);border-left:5px solid var(--green);border-radius:8px;padding:14px}.live-email-pick.low{border-left-color:#2476c7}.live-email-pick.high{border-left-color:#e98a00}.live-email-pick>header{display:flex;justify-content:space-between;gap:12px}.live-email-pick>header>span{display:flex;gap:9px;align-items:start}.live-email-pick>header>span:first-child>b{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:#2f9e54;color:#fff;font-size:10px}.live-email-pick>header>span>span{display:grid;min-width:0;gap:2px}.live-email-pick>header strong{overflow:hidden;font:750 18px/1.1 Georgia,"Times New Roman",serif;text-overflow:ellipsis;white-space:nowrap}.live-email-pick>header small{color:var(--muted);font-size:9px}.live-email-pick>header>span:last-child{display:grid;justify-items:end}.live-email-pick>header>span:last-child>b{font-size:23px}.live-email-pick>header>span:last-child small{white-space:nowrap}
.live-email-gauge{position:relative;width:min(300px,75%);height:28px;margin:17px auto 0;background:#e6edf3}.live-email-gauge i{position:absolute;top:0;bottom:0}.live-email-gauge i.too-low{background:#e6edf3}.live-email-gauge i.low{background:#2d7dd2}.live-email-gauge i.ideal{background:#31a64a}.live-email-gauge i.high{background:#f59e18}.live-email-gauge i.too-high{background:#ef3b38}.live-email-gauge>b{position:absolute;z-index:1;top:-8px;bottom:-8px;left:var(--needle);width:5px;transform:translateX(-50%);border-radius:4px;background:#102b52}.live-email-reading{display:grid;justify-items:center;gap:1px;margin-top:12px}.live-email-reading>strong{color:#5f6d80;font-size:32px}.live-email-reading>small{color:var(--muted);font-size:10px}.live-email-reading>b{margin-top:3px;color:var(--green);font-size:10px;text-transform:uppercase}
.live-email-meta{display:grid;grid-template-columns:1fr 1fr;margin-top:13px;border-top:1px solid var(--line);padding-top:10px}.live-email-meta span{display:grid;justify-items:center;gap:2px}.live-email-meta small{color:var(--muted);font-size:8px;text-transform:uppercase}.live-email-meta strong{font-size:10px}.live-email-pick>p{margin:12px 0 0;border-radius:7px;background:#f2f6fa;padding:10px;color:#3f5670;font-size:10px;line-height:1.45}.live-email-pick>p strong{display:block;color:var(--ink)}
.signup-showcase-heading{align-items:center;margin-bottom:16px;border:1px solid #cadce8;border-radius:14px;background:linear-gradient(125deg,#f3f9fd 0%,#fff 58%,#f0f8f1 100%);padding:24px 26px}.signup-showcase-heading>div:first-child{max-width:900px}.signup-showcase-heading h2{font-size:clamp(2rem,3.7vw,3.45rem)}.signup-showcase-heading>div:first-child>p:not(.eyebrow){max-width:820px;margin:11px 0 0;color:#536a83;font-size:14px;line-height:1.6}
.showcase-signup{display:grid;min-width:255px;justify-items:start;gap:10px}.showcase-signup>span{display:flex;align-items:center;gap:10px}.showcase-signup>span strong{font:800 32px/1 Georgia,"Times New Roman",serif}.showcase-signup>span small{max-width:145px;color:var(--muted);font-size:10px;line-height:1.35}.showcase-signup>a{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:28px;width:100%;border-radius:9px;background:#173f33;padding:10px 14px;color:#fff;font-size:12px;font-weight:850;text-decoration:none;box-shadow:0 9px 22px rgba(23,63,51,.17)}.showcase-signup>a b{font-size:18px}.showcase-signup>small{color:var(--muted);font-size:9px;line-height:1.45}
.showcase-carousel{position:relative}.showcase-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:10px}.showcase-tabs button{position:relative;display:grid;grid-template-columns:32px 1fr;grid-template-rows:auto auto;gap:1px 8px;min-width:0;min-height:64px;border:1px solid #cfdae4;border-radius:10px;background:#fff;padding:10px 13px;color:var(--ink);text-align:left;cursor:pointer}.showcase-tabs button>span{grid-row:1/3;display:grid;width:30px;height:30px;place-items:center;align-self:center;border-radius:50%;background:#e8eff4;color:#4a6279;font-size:9px;font-weight:850}.showcase-tabs button>b{align-self:end;font:750 15px/1.1 Georgia,"Times New Roman",serif}.showcase-tabs button>small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.showcase-tabs button.is-active{border-color:#3f83b9;background:linear-gradient(135deg,#eef7ff,#fff);box-shadow:0 7px 18px rgba(16,61,98,.1)}.showcase-tabs button.is-active>span{background:#07375d;color:#fff}.showcase-tabs button:focus-visible,.showcase-carousel-controls button:focus-visible{outline:3px solid rgba(8,120,228,.3);outline-offset:2px}
.showcase-carousel-stage{height:760px;overflow:hidden;border-radius:12px}.showcase-carousel .showcase-triptych{--carousel-index:0;display:flex;gap:0;height:100%;transform:translateX(calc(var(--carousel-index) * -100%));transition:transform .65s cubic-bezier(.22,.75,.25,1);will-change:transform}.carousel-slide{display:grid;grid-template-rows:39px minmax(0,1fr) auto;flex:0 0 100%;height:100%;box-shadow:none}.carousel-slide .live-preview{min-height:0;overflow:auto;overscroll-behavior:contain}.carousel-slide[aria-hidden=true]{visibility:hidden}.carousel-slide.is-active{visibility:visible}
.showcase-carousel-controls{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:11px}.showcase-carousel-controls button{display:grid;min-width:36px;min-height:36px;place-items:center;border:1px solid #cbd8e3;border-radius:999px;background:#fff;color:#173f58;font-weight:800;cursor:pointer}.showcase-carousel-controls>span{min-width:128px;color:var(--muted);font-size:10px;text-align:center}.showcase-carousel-controls .carousel-pause{min-width:66px;padding-inline:12px;font-size:10px}
.product-showcase>.preview-lock{margin-top:13px;border:1px solid #cfdce8;border-radius:9px}
.public-mobile-nav{display:none}
.membership-body{display:grid;place-items:center;min-height:100vh;padding:24px;background:linear-gradient(145deg,#edf3ef,#dce9e3)}.membership-card{width:min(620px,100%);padding:clamp(28px,6vw,58px);border:1px solid #d6e1db;border-radius:22px;background:#fff;text-align:center;box-shadow:0 22px 55px rgba(16,47,39,.13)}.membership-card img{border-radius:18px}.membership-card .eyebrow{margin-top:18px;color:#487263}.membership-card h1{margin:7px 0 14px;font:800 clamp(2rem,5vw,3.3rem)/1.05 Georgia,serif}.membership-card>p:not(.eyebrow){color:#63756c;line-height:1.6}.membership-card .public-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.membership-card .public-actions a{display:inline-flex;justify-content:center;border:1px solid #b8cbc1;border-radius:10px;padding:12px 17px;color:#173f33;text-decoration:none;font-weight:800}.membership-card .public-actions a.primary{border-color:#173f33;background:#173f33;color:#fff}
@media(max-width:1100px){.showcase-triptych{grid-template-columns:minmax(0,1fr)}.live-explore-heading,.live-explore-row{grid-template-columns:minmax(205px,1.3fr) minmax(155px,1fr) minmax(150px,.9fr) minmax(120px,.7fr) 82px;gap:12px}.live-system-grid{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}.live-system-station{grid-template-columns:minmax(150px,.65fr) minmax(110px,.5fr) minmax(220px,1.5fr);gap:12px}.email-sample{grid-column:auto}}
@media(max-width:960px){body.public-preview{padding-bottom:68px}.public-app-shell{grid-template-rows:56px minmax(0,1fr)}.public-topbar{height:56px;padding:0 14px}.public-brand img{width:38px;height:38px}.public-brand strong{font-size:14px}.public-primary{display:none}.public-account-actions{gap:7px}.public-account-actions a{min-height:36px;padding-inline:10px}.public-page{padding:14px 13px 28px}.public-intro{padding:18px}.preview-controls{grid-template-columns:minmax(200px,auto) auto}.preview-filter{grid-column:1/-1}.showcase-heading{align-items:start}.signup-showcase-heading{display:grid}.showcase-signup{grid-template-columns:minmax(170px,.7fr) minmax(210px,1fr);align-items:center;width:100%;margin-top:18px}.showcase-signup>a{grid-column:2;grid-row:1}.showcase-signup>small{grid-column:2}.public-mobile-nav{position:fixed;z-index:11;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:64px;padding:5px;background:rgba(3,36,60,.98);box-shadow:0 -4px 18px rgba(13,39,68,.2)}.public-mobile-nav button{display:grid;min-width:0;min-height:54px;place-items:center;align-content:center;gap:3px;border:0;border-radius:8px;background:transparent;color:#dce9f1;font-size:10px;font-weight:700;opacity:.75}.public-mobile-nav button span{font-size:18px}.public-mobile-nav button.active{background:rgba(255,255,255,.14);color:#fff;opacity:1}}
@media(max-width:760px){.public-intro{display:block}.intro-actions{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.preview-controls{display:block}.preview-title{margin-bottom:12px}.preview-period{margin-bottom:10px}.preview-filter{grid-template-columns:minmax(0,1fr) auto 42px}.search-field{font-size:0!important;justify-content:center;padding:0!important}.preview-summary>strong,.preview-summary>span{padding-inline:13px}.preview-summary .preview-current{margin-left:0}.preview-results{overflow:visible;border:0;background:transparent}.results-heading{padding:0 1px 9px}.preview-columns{display:none}.preview-rivers{display:grid;gap:8px}.preview-river{grid-template-columns:18px minmax(0,1fr) 24px;grid-template-areas:"chevron identity star" "condition condition condition" "trend flow flow";gap:6px 9px;min-height:112px;border:1px solid var(--line)!important;border-radius:9px;background:#fff;padding:11px}.preview-chevron{grid-area:chevron}.preview-identity{grid-area:identity}.preview-condition{grid-area:condition;display:flex;align-items:center;gap:8px;padding-left:27px}.preview-trend{grid-area:trend;padding-left:27px}.preview-flow{grid-area:flow;display:flex;justify-content:flex-end}.preview-flow svg,.preview-updated{display:none}.preview-star{grid-area:star}.preview-lock{margin-top:9px;border:1px solid var(--line);border-radius:9px;justify-content:flex-start}.preview-lock small{line-height:1.4}}
@media(max-width:700px){.showcase-heading{display:block}.showcase-heading>p{margin-top:7px;text-align:left}.signup-showcase-heading{padding:20px}.signup-showcase-heading h2{font-size:2.35rem}.signup-showcase-heading>div:first-child>p:not(.eyebrow){font-size:12px}.showcase-signup{display:grid;grid-template-columns:1fr;margin-top:18px}.showcase-signup>a,.showcase-signup>small{grid-column:auto;grid-row:auto}.showcase-tabs{grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.showcase-tabs button{grid-template-columns:25px minmax(0,1fr);min-height:56px;gap:0 5px;padding:8px}.showcase-tabs button>span{width:24px;height:24px;font-size:8px}.showcase-tabs button>b{align-self:center;font-size:12px}.showcase-tabs button>small{display:none}.showcase-carousel-stage{height:660px}.showcase-triptych{grid-template-columns:1fr}.email-sample{grid-column:auto}.showcase-card .sample-screen,.email-sample .sample-screen{height:350px}.showcase-card>footer{min-height:68px}.live-preview{padding:10px}.live-preview-summary>strong,.live-preview-summary>span,.live-preview-summary>small{min-height:46px;padding:0 13px}.live-preview-summary>small{margin-left:0}.live-explore-heading{display:none}.live-explore-rows{display:grid;gap:8px;overflow:visible;border:0;background:transparent}.live-explore-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name updated" "conditions conditions" "flow trend";gap:9px;min-height:0;border:1px solid var(--line)!important;border-radius:9px;background:#fff;padding:12px}.live-river-name{grid-area:name}.live-river-conditions{grid-area:conditions}.live-river-flow{grid-area:flow;min-width:145px}.live-river-trend{grid-area:trend;align-self:center;text-align:right}.live-river-updated{grid-area:updated;text-align:right}.live-system-title{display:grid;align-items:start}.live-system-title>span:last-child{text-align:left}.live-system-title>span:first-child>strong{font-size:2.4rem}.live-system-grid{grid-template-columns:1fr}.live-system-map{min-height:420px;border-right:0;border-bottom:1px solid var(--line)}.live-system-station{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"identity status" "chart chart";min-height:0;padding:15px}.live-system-station>span:first-child{grid-area:identity}.live-system-station>span:nth-child(2){grid-area:status;justify-items:end;text-align:right}.live-system-station svg{grid-area:chart;height:62px}.live-email-brand{grid-template-columns:44px 1fr}.live-email-brand img{width:40px;height:40px}.live-email-brand>span strong{font-size:20px}.live-email-brand>small{grid-column:1/-1;text-align:left}.live-email-counts>span{display:grid;grid-template-columns:1fr;min-height:82px;padding:11px}.live-email-counts strong{grid-row:auto;font-size:25px}.live-email-counts small{font-size:8px}.live-email-picks{grid-template-columns:1fr}.live-email-heading{align-items:center}.live-email-heading strong{font-size:21px}}
@media(max-width:480px){.public-brand strong{display:none}.public-account-actions .public-sign-in{border-color:transparent;padding-inline:6px}.public-account-actions a{font-size:11px}.public-intro h1{font-size:2.5rem}.public-intro p:not(.eyebrow){font-size:12px}.intro-actions span{display:none}.preview-title h2{font-size:25px}.preview-filter{grid-template-columns:minmax(0,1fr) auto 42px}.filter-field svg{display:none}.preview-summary>strong,.preview-summary>span{padding-inline:11px}.preview-lock{align-items:flex-start}.showcase-heading h2{font-size:1.8rem}.showcase-card .sample-screen,.email-sample .sample-screen{height:340px}.membership-card .public-actions{display:grid}.live-preview-summary>small{display:none}.live-river-name strong{font-size:15px}.live-river-flow{min-width:125px}.live-system-map{min-height:380px}.live-map-marker{width:52%;padding:7px 7px 7px 20px}.live-map-marker b{font-size:9px}.live-map-marker small{font-size:7px}.live-email-heading>b{display:none}.live-email-pick{padding:12px}}
@media(prefers-reduced-motion:reduce){.showcase-carousel .showcase-triptych{transition:none}}