:root{--ink:#10343b;--ocean:#0b3f4a;--foam:#e8f2ef;--sand:#f7f3e9;--lime:#bfdc78;--coral:#e98462;--white:#fff;--muted:#557177;--line:#d9e5e1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}.container{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{width:min(760px,calc(100% - 40px));margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:3;background:#fff;padding:.75rem}.site-header{position:sticky;top:0;z-index:2;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid rgba(16,52,59,.08)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.58rem;color:var(--ocean);font-size:.94rem;font-weight:600;line-height:.92;text-decoration:none;letter-spacing:.02em}.brand strong{font-size:1.18rem;letter-spacing:.01em}.brand-mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--lime);font-size:1.7rem;transform:rotate(-28deg)}nav{display:flex;gap:1.45rem}nav a,.site-footer a{color:var(--ink);font-size:.91rem;text-decoration:none}nav a:hover,.site-footer a:hover{color:var(--coral)}.hero{overflow:hidden;background:linear-gradient(116deg,#f6f4e9 0%,#e8f2ef 63%,#d4ece7 100%);padding:6.8rem 0 6.2rem}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:4rem}.eyebrow{margin:0 0 .85rem;color:#3f7670;text-transform:uppercase;letter-spacing:.15em;font-size:.71rem;font-weight:800}.hero h1,.section h2{margin:0;color:var(--ocean);letter-spacing:-.045em;line-height:.98}.hero h1{max-width:700px;font-size:clamp(3.4rem,7vw,6.35rem)}h1 em{color:var(--coral);font-family:Georgia,serif;font-weight:400}.lede{max-width:650px;margin:1.5rem 0 2rem;font-size:1.16rem;color:#35575d}.actions{display:flex;gap:.8rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.2rem;border:1px solid var(--ocean);border-radius:999px;text-decoration:none;font-weight:700;font-size:.92rem}.primary{background:var(--ocean);color:#fff}.secondary{color:var(--ocean)}.hero-card{padding:2.1rem;background:var(--ocean);color:#fff;box-shadow:16px 17px 0 var(--lime);transform:rotate(2deg)}.hero-card h2{color:#fff;font-size:1.72rem;line-height:1.05}.card-kicker{margin:0;color:var(--lime);font-weight:800;text-transform:uppercase;letter-spacing:.11em;font-size:.7rem}.hero-card ol{padding-left:1.25rem}.hero-card li{padding:.35rem 0;border-bottom:1px solid rgba(255,255,255,.15)}.hero-card a{color:var(--lime);font-weight:700}.section{padding:6.4rem 0}.pale{background:var(--foam)}.intro h2,.section h2{font-size:clamp(2.2rem,4vw,3.65rem)}.intro p:last-child{font-size:1.08rem;color:var(--muted)}.three-grid{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.step{padding:1.65rem;background:#fff;border-top:4px solid var(--lime)}.step span{color:var(--coral);font-family:Georgia,serif;font-size:1.25rem}.step h3{margin:.45rem 0;font-size:1.26rem}.step p{margin:0;color:var(--muted)}.topic-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.25rem}.topic{min-height:196px;padding:1.3rem;display:flex;flex-direction:column;justify-content:flex-end;border-radius:4px;color:#fff;text-decoration:none;transition:transform .2s}.topic:hover{transform:translateY(-5px)}.topic span{font-weight:800;font-size:1.25rem}.topic small{opacity:.85}.fish{background:linear-gradient(145deg,#347f82,#123f4a)}.shrimp{background:linear-gradient(145deg,#d8735d,#97473d)}.planted{background:linear-gradient(145deg,#4b7d58,#254d38)}.water{background:linear-gradient(145deg,#4b89a5,#1e536f)}.dark{background:var(--ocean);color:#f5fbf8}.dark h2{color:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem}.section-head>p{max-width:340px;margin:0;color:#b8d1cc}.dark .eyebrow{color:var(--lime)}.guide-grid{margin-top:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.guide{display:flex;min-height:245px;flex-direction:column;padding:1.55rem;background:#0f4c57;border:1px solid rgba(255,255,255,.12)}.guide h3{margin:.3rem 0 .55rem;font-size:1.32rem;line-height:1.16}.guide p:not(.tag){margin:0;color:#d5e8e3;font-size:.94rem}.tag{margin:0;color:var(--lime);font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;font-weight:800}.guide span{margin-top:auto;padding-top:1.5rem;color:#a7c9c2;font-size:.78rem;font-weight:700}.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:6rem}.about p:not(.eyebrow){font-size:1.08rem;color:var(--muted)}.signup{text-align:center;background:var(--sand)}.signup h2{font-size:clamp(2.35rem,4vw,4rem)}.signup p:last-child{max-width:560px;margin:1rem auto 0;color:var(--muted)}.site-footer{padding:3.8rem 0 1.5rem;background:#082d34;color:#cde0dc}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.2fr;gap:3rem}.footer-brand{color:#fff}.footer-grid>div:first-child>p{max-width:320px;font-size:.92rem}.site-footer a{display:block;margin:.38rem 0;color:#cde0dc}.footer-label{margin:0 0 .6rem;color:var(--lime);font-size:.71rem;letter-spacing:.13em;text-transform:uppercase;font-weight:800}.fine-print{margin-top:2.8rem;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.12);font-size:.76rem;color:#9dbbb5}@media(max-width:780px){.nav{min-height:67px}.nav nav{gap:.8rem}.nav nav a{font-size:.78rem}.hero{padding:4.5rem 0}.hero-grid,.about{grid-template-columns:1fr;gap:2.7rem}.hero-card{max-width:430px}.section{padding:4.5rem 0}.three-grid,.guide-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.footer-grid{grid-template-columns:1fr;gap:1.5rem}}@media(max-width:430px){.container{width:min(100% - 28px,1120px)}nav a:nth-child(3),nav a:nth-child(4){display:none}.hero h1{font-size:3.18rem}.topic-grid{grid-template-columns:1fr}.topic{min-height:140px}}
.article{padding:5rem 0 1rem}.breadcrumb{font-size:.8rem;color:var(--muted);margin-bottom:1.2rem}.breadcrumb a{color:var(--muted)}.article h1{font-size:clamp(2.1rem,4.5vw,3.4rem)}.byline{color:var(--muted);font-size:.85rem;margin-top:.7rem}.article-body{padding:1rem 0 4rem}.article-body h2{color:var(--ocean);font-size:1.85rem;margin-top:2.7rem}.article-body h3{color:var(--ocean);font-size:1.28rem;margin-top:1.8rem}.article-body p,.article-body li{color:#35575d;font-size:1.05rem}.article-body table{width:100%;border-collapse:collapse;margin:1.6rem 0}.article-body th,.article-body td{border:1px solid var(--line);padding:.6rem .8rem;text-align:left;font-size:.93rem}.article-body th{background:var(--foam);color:var(--ocean)}.callout{background:var(--foam);border-left:4px solid var(--lime);padding:1.2rem 1.5rem;margin:2.2rem 0;font-size:.98rem;color:var(--ink)}.callout a{color:var(--ocean);font-weight:700}.faq{margin-top:2.6rem}.faq details{border-bottom:1px solid var(--line);padding:1rem 0}.faq summary{font-weight:700;color:var(--ocean);cursor:pointer;font-size:1.05rem}.faq p{margin:.7rem 0 0;color:#35575d}.author-box{margin-top:3.2rem;padding:1.5rem;background:var(--sand);font-size:.92rem;color:var(--muted)}.author-box strong{color:var(--ink)}.author-box a{color:var(--ocean);font-weight:700}.related{margin-top:2.2rem;padding-top:2rem;border-top:1px solid var(--line)}.related h3{color:var(--ocean);font-size:1.1rem;margin:0 0 .8rem}.related ul{padding-left:1.2rem;margin:0}.related a{color:var(--ocean);font-weight:600}