:root{--navy:#061b2a;--navy-2:#082d3d;--teal:#087d78;--mint:#7de2cc;--white:#fff;--ink:#10232c;--muted:#576b73;--line:#d7e2e2;--paper:#f4f8f7;--amber:#ffd067;--radius:20px;--shadow:0 18px 48px rgba(2,19,29,.15)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.6}a{color:inherit}img{max-width:100%}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:100;background:#fff;color:var(--navy);padding:.75rem 1rem;border-radius:10px;font-weight:800}.skip-link:focus{top:1rem}a:focus-visible,button:focus-visible{outline:3px solid var(--amber);outline-offset:4px}.site-header{position:sticky;top:0;z-index:30;background:rgba(5,24,37,.96);border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.header-inner,.footer-inner,.section,.hero-inner{width:min(1180px,calc(100% - 2rem));margin-inline:auto}.header-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.8rem;color:#fff;text-decoration:none;font-weight:800;letter-spacing:-.01em}.brand img{width:52px;height:52px;border-radius:13px}.site-nav{display:flex;align-items:center;gap:.15rem}.site-nav a{color:#dbe9ec;text-decoration:none;font-weight:650;font-size:.94rem;padding:.65rem .7rem;border-radius:10px}.site-nav a:hover,.site-nav a[aria-current="page"]{color:#fff;background:rgba(255,255,255,.1)}.nav-toggle{display:none;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;border-radius:10px;padding:.55rem .75rem;font:inherit;font-weight:750}.hero,.page-hero{position:relative;isolation:isolate;color:#fff;background:linear-gradient(125deg,var(--navy) 4%,#075168 56%,var(--teal) 100%);overflow:hidden}.hero::before,.page-hero::before,.site-footer::before{content:"";position:absolute;inset:0;background:url('/assets/topography.svg') center/900px auto repeat;pointer-events:none;z-index:-1}.hero::after{content:"";position:absolute;width:480px;height:480px;right:-120px;top:-190px;background:radial-gradient(circle,rgba(125,226,204,.2),transparent 67%);z-index:-1}.hero-inner{min-height:590px;display:grid;place-items:center;text-align:center;padding:6rem 0 7.5rem}.hero-copy{max-width:910px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.78rem;color:#bcefe3;margin:0 0 1.2rem}.hero h1{font-size:clamp(2.7rem,7vw,5.8rem);line-height:.98;letter-spacing:-.055em;margin:0 auto 1.5rem;text-wrap:balance}.hero p{font-size:clamp(1.05rem,2vw,1.3rem);max-width:720px;margin:0 auto;color:#dcebed}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:.85rem;margin-top:2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:.75rem 1.2rem;border:1px solid rgba(255,255,255,.35);border-radius:12px;text-decoration:none;font-weight:800}.button.primary{background:#fff;color:var(--navy);border-color:#fff}.button.secondary{background:rgba(255,255,255,.08);color:#fff}.button:hover{transform:translateY(-2px)}.quick-links{position:relative;z-index:3;margin-top:-76px}.card-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.feature-card{min-height:230px;padding:1.35rem;border:1px solid rgba(255,255,255,.5);border-radius:var(--radius);background:rgba(255,255,255,.82);backdrop-filter:blur(16px);box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s,background .2s}.feature-card:hover{transform:translateY(-6px);background:#fff}.icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#e4f5f1;color:#075f60;font-size:1.35rem;margin-bottom:1.2rem}.feature-card h2{font-size:1.25rem;margin:0 0 .55rem}.feature-card p{font-size:.94rem;color:var(--muted);margin:0 0 1rem}.feature-card span:last-child{margin-top:auto;color:#076867;font-weight:800}.section{padding:5rem 0}.section h2{font-size:clamp(2rem,4vw,3.2rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 1rem}.section-intro{color:var(--muted);font-size:1.1rem;max-width:720px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.info-card,.source-item,.notice,.bulletin{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.3rem;box-shadow:0 10px 28px rgba(2,25,36,.06)}.info-card h3{margin:.15rem 0 .5rem}.page-hero .section{padding:4.5rem 0}.page-hero h1{font-size:clamp(2.5rem,6vw,4.7rem);line-height:1;letter-spacing:-.045em;margin:0 0 1rem}.page-hero p{max-width:720px;color:#dcebed;font-size:1.15rem}.source-list{display:grid;gap:.9rem;margin-top:2rem}.source-item{display:flex;justify-content:space-between;align-items:center;gap:1rem}.source-item a{font-weight:800;color:#076867}.notice{border-left:5px solid var(--teal)}.notice.warning{border-left-color:#e49b1a}.notice.emergency{border-left-color:#bd3030}.bulletin{background:var(--navy);color:#efffff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.site-footer{position:relative;isolation:isolate;overflow:hidden;background:var(--navy);color:#d7e8eb;margin-top:3rem}.site-footer::before{opacity:.55}.footer-inner{padding:3rem 0;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.footer-brand{display:flex;align-items:center;gap:.75rem;color:#fff;font-weight:800}.footer-brand img{width:44px}.footer-links{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:1rem}.footer-links a{color:#fff}.small{font-size:.9rem;color:#a9bec3;margin:.8rem 0 0}
@media(max-width:980px){.card-grid{grid-template-columns:repeat(2,1fr)}.feature-card:last-child{grid-column:1/-1}.quick-links{margin-top:-55px}.site-nav{position:absolute;left:1rem;right:1rem;top:74px;display:none;flex-direction:column;align-items:stretch;background:#09283a;border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:.5rem;box-shadow:var(--shadow)}.site-nav[data-open="true"]{display:flex}.nav-toggle{display:block}.site-nav a{padding:.8rem}.info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.header-inner{min-height:72px}.brand span{font-size:.92rem}.brand img{width:44px;height:44px}.hero-inner{min-height:560px;padding:4.5rem 0 7rem}.hero h1{font-size:clamp(2.55rem,13vw,4rem)}.hero-actions{flex-direction:column}.button{width:100%}.card-grid,.info-grid{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto}.feature-card{min-height:0}.quick-links{margin-top:-50px}.section{padding:4rem 0}.footer-inner{grid-template-columns:1fr}.footer-links{justify-content:flex-start}.source-item{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
.hero::before,.page-hero::before,.site-footer::before{background-size:cover;background-repeat:no-repeat}

/* Reference-matched homepage */
.home-page{background:#031d2d;color:#fff}.home-header{position:relative;background:linear-gradient(90deg,#031b2c,#021522);border:0}.home-header .header-inner{width:min(1470px,calc(100% - 64px));min-height:114px;gap:2rem}.home-header .brand{gap:20px;flex:0 0 auto}.home-header .brand img{width:78px;height:78px;border-radius:15px}.home-header .brand span{display:grid;line-height:1.2}.home-header .brand strong{font-size:31px;letter-spacing:-.035em}.home-header .brand small{font-size:18px;font-weight:400;color:#d1d8e1;margin-top:6px}.home-header .site-nav{gap:20px;margin-left:auto}.home-header .site-nav a{font-size:18px;font-weight:500;padding:31px 8px 23px;border-radius:0;border-bottom:2px solid transparent}.home-header .site-nav a:hover,.home-header .site-nav a[aria-current="page"]{background:none;border-color:#52df74}.network-state{display:flex;align-items:center;gap:7px;white-space:nowrap;font-size:17px}.network-state .radio-symbol{font-size:28px;transform:rotate(90deg)}.network-state i{display:block;width:11px;height:11px;border-radius:50%;background:#45df77;box-shadow:0 0 15px rgba(69,223,119,.5)}.search-link{width:45px;height:30px;border-left:1px solid rgba(255,255,255,.25);display:grid;place-items:center;margin-left:-10px}.search-link span{display:block;width:20px;height:20px;border:2px solid #fff;border-radius:50%;position:relative}.search-link span::after{content:"";position:absolute;width:9px;height:2px;background:#fff;right:-7px;bottom:-4px;transform:rotate(48deg)}.reference-home{min-height:0}.reference-hero{min-height:calc(100svh - 188px);background:linear-gradient(rgba(0,18,32,.2),rgba(0,31,38,.18)),url('/assets/topographic-map.webp') center/cover no-repeat;display:flex;align-items:center}.reference-inner{width:min(1235px,calc(100% - 48px));margin:auto;padding:74px 0 47px}.reference-copy{text-align:center}.reference-copy h1{font-size:clamp(52px,4.35vw,69px);line-height:1.12;letter-spacing:-.035em;margin:0 0 17px;text-shadow:0 4px 10px rgba(0,0,0,.35)}.reference-copy p{font-size:24px;line-height:1.45;margin:0;color:#f3f6f8;text-shadow:0 2px 5px rgba(0,0,0,.55)}.reference-actions{display:flex;justify-content:center;gap:22px;margin-top:31px}.reference-button{width:268px;min-height:72px;border-radius:12px;border:1px solid rgba(255,255,255,.85);display:flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;font-size:21px;font-weight:800;box-shadow:0 10px 22px rgba(0,0,0,.25)}.reference-button span{font-size:37px;font-weight:400}.weather-button{background:linear-gradient(#039a5b,#018446);border-color:#38e28e}.warning-button{background:rgba(0,18,34,.7)}.reference-cards{display:grid;grid-template-columns:repeat(5,1fr);gap:21px;margin-top:53px}.reference-card{min-height:276px;padding:27px 18px 21px;text-align:center;text-decoration:none;border:1px solid rgba(231,255,251,.7);border-radius:17px;background:linear-gradient(155deg,rgba(2,29,49,.93),rgba(0,37,38,.86));box-shadow:0 14px 30px rgba(0,0,0,.2);display:flex;flex-direction:column;align-items:center;transition:transform .2s,background .2s}.reference-card:hover{transform:translateY(-5px);background:linear-gradient(155deg,rgba(3,42,68,.96),rgba(0,55,48,.93))}.reference-icon{height:74px;display:grid;place-items:center;font-size:54px;line-height:1;font-family:"Segoe UI Symbol",sans-serif}.reference-card h2{font-size:28px;margin:7px 0 9px;line-height:1.1}.reference-card p{font-size:17px;line-height:1.5;color:#f3f6f8;margin:0}.reference-card strong{font-size:20px;margin-top:auto}.reference-card strong b{font-size:30px;margin-left:13px;font-weight:400}.weather-card .reference-icon,.weather-card strong{color:#1bc3ff}.travel-card .reference-icon,.travel-card strong{color:#61eb6b}.warnings-card .reference-icon,.warnings-card strong{color:#ffad00}.mesh-card .reference-icon,.mesh-card strong{color:#bf60ef}.bulletin-card .reference-icon,.bulletin-card strong{color:#2be4c3}.reference-footer{min-height:74px;background:linear-gradient(90deg,#021627,#021b2b);display:grid;place-items:center;border-top:1px solid rgba(255,255,255,.15)}.reference-footer-inner{display:flex;align-items:center;justify-content:center;gap:20px;width:min(1100px,calc(100% - 32px));font-size:16px}.reference-footer-inner p{margin:0}.footer-radio{font-size:29px;transform:rotate(90deg)}
@media(max-width:1250px){.home-header .header-inner{width:calc(100% - 32px)}.home-header .site-nav{gap:7px}.home-header .site-nav a{font-size:16px}.network-state,.search-link{display:none}.reference-inner{padding-top:55px}.reference-cards{gap:14px}.reference-card{padding-inline:10px}.reference-card p{font-size:15px}}
@media(max-width:980px){.home-header .header-inner{min-height:84px}.home-header .brand img{width:58px;height:58px}.home-header .brand strong{font-size:22px}.home-header .brand small{font-size:14px}.home-header .site-nav{top:78px}.reference-hero{min-height:calc(100svh - 84px);align-items:flex-start}.reference-inner{padding:55px 0}.reference-copy h1{font-size:clamp(42px,8vw,62px)}.reference-copy p{font-size:20px}.reference-cards{grid-template-columns:repeat(2,1fr)}.reference-card:last-child{grid-column:1/-1}.reference-footer{padding:20px 0}.reference-footer-inner{flex-wrap:wrap;text-align:center}.footer-dot{display:none}}
@media(max-width:620px){.home-header .header-inner{width:calc(100% - 24px)}.home-header .brand{gap:10px}.home-header .brand strong{font-size:18px}.home-header .brand small{font-size:12px}.reference-inner{width:calc(100% - 28px);padding:45px 0}.reference-copy h1{font-size:39px}.reference-copy p{font-size:17px}.desktop-only{display:none}.reference-actions{flex-direction:column;align-items:center}.reference-button{width:100%;max-width:330px}.reference-cards{grid-template-columns:1fr;margin-top:42px}.reference-card:last-child{grid-column:auto}.reference-card{min-height:240px}.reference-footer-inner{display:grid;grid-template-columns:auto 1fr}.reference-footer-inner p:last-child{grid-column:1/-1}}
.reference-icon{font-size:0}.reference-icon svg{width:59px;height:59px;fill:none;stroke:currentColor;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round}