@layer reset,base,components,sections,responsive,motion;@layer reset{*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,ol{margin:0}ul,ol{padding:0;list-style:none}img,svg{display:block;max-width:100%}a{color:inherit}summary{list-style:none}summary::-webkit-details-marker{display:none}}@layer base{:root{color-scheme:dark;--ink: #03151f;--deep: #052b3a;--petrol: #087f8c;--cyan: #27d3d1;--aqua: #37e3a2;--paper: #effcfa;--muted: #91abb3;--whatsapp: #25d366;--line: rgba(179, 236, 229, .14);--container: min(1160px, calc(100vw - 2.5rem) );--ease: cubic-bezier(.16, 1, .3, 1);--header-h: 5.1rem}html{background:var(--ink);color:var(--paper)}body{min-width:320px;overflow-x:clip;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}::selection{background:var(--cyan);color:var(--ink)}:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}h1,h2,h3{font-weight:570;letter-spacing:-.04em;line-height:1.02;text-wrap:balance}h1{font-size:clamp(2.75rem,7.6vw,6.4rem)}h2{font-size:clamp(2.2rem,5.8vw,5rem)}h3{font-size:1.25rem}p{color:var(--muted)}.container{width:var(--container);margin-inline:auto}.skip-link{position:fixed;z-index:1000;top:.75rem;left:.75rem;padding:.7rem 1rem;transform:translateY(-180%);border-radius:.5rem;background:var(--paper);color:var(--ink);font-weight:750;text-decoration:none}.skip-link:focus{transform:translateY(0)}.section-index{color:var(--aqua);font:700 .68rem ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;text-transform:uppercase}}@layer components{.site-header{position:fixed;z-index:100;top:0;left:0;display:grid;grid-template-columns:1fr auto;align-items:center;width:100%;min-height:var(--header-h);padding:.75rem max(1.25rem,env(safe-area-inset-left));border-bottom:1px solid transparent;transition:background .4s ease,border-color .4s ease,min-height .4s ease}.site-header.is-scrolled{min-height:4.35rem;border-color:var(--line);background:#03151fd1;box-shadow:0 10px 30px #0000001f;-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%)}.brand{display:inline-flex;align-items:center;gap:.7rem;width:max-content;text-decoration:none}.brand-mark{position:relative;display:grid;place-items:center;width:2.25rem;aspect-ratio:1;border:1px solid rgba(39,211,209,.45);border-radius:50%}.brand-mark:before{width:1rem;height:.55rem;border-radius:70% 35% 35% 70%;background:linear-gradient(135deg,var(--cyan),var(--aqua));content:""}.brand-mark:after{position:absolute;right:.35rem;width:.38rem;height:.38rem;border-right:.3rem solid var(--aqua);border-top:.2rem solid transparent;border-bottom:.2rem solid transparent;content:""}.brand-mark span{position:absolute;inset:-.3rem;border:1px solid rgba(39,211,209,.13);border-radius:50%}.brand-copy{display:grid;line-height:.9;text-transform:uppercase}.brand-copy strong{font-size:.82rem;letter-spacing:.05em}.brand-copy small{color:var(--cyan);font-size:.56rem;font-weight:700;letter-spacing:.22em}.channel-status{display:none;align-items:center;justify-self:center;gap:.5rem;color:#effcfac2;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.channel-status i{width:.44rem;height:.44rem;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 .25rem #37e3a21f}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:3.6rem;padding:.9rem 1.4rem;border:1px solid transparent;border-radius:999px;font-size:.9rem;font-weight:760;line-height:1.1;text-align:center;text-decoration:none;transition:transform .3s var(--ease),background .3s ease,border-color .3s ease,box-shadow .3s ease}.button:hover{transform:translateY(-3px)}.button-small{min-height:2.85rem;padding:.7rem 1rem;font-size:.78rem}.button-ghost{border-color:#effcfa33;background:#03151f47;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button-primary{background:var(--whatsapp);box-shadow:0 16px 50px #25d36633;color:#001c0b}.button-primary:hover{box-shadow:0 20px 60px #25d3664f}.section-heading{max-width:55rem;margin-bottom:3rem}.section-heading h2{margin-top:.8rem}}@layer sections{.landing-hero{position:relative;display:flex;align-items:center;min-height:92svh;padding:calc(var(--header-h) + 2rem) 0 6rem;overflow:hidden;isolation:isolate}.landing-hero-media{position:absolute;z-index:-3;inset:-3%}.landing-hero-media img{width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(1.03) contrast(1.04)}.landing-hero-scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#03151ffa,#03151fe3 46%,#03151f47 78%),linear-gradient(0deg,var(--ink),transparent 30%)}.landing-hero-content{position:relative;z-index:2}.breadcrumbs ol{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;color:#effcfa94;font-size:.7rem}.breadcrumbs li+li:before{margin-right:.5rem;color:var(--cyan);content:"→"}.breadcrumbs a{text-underline-offset:.2rem}.draft-badge{display:inline-flex;margin-bottom:1rem;padding:.35rem .6rem;border:1px solid #f0b34b;border-radius:999px;color:#ffd98f;font-size:.7rem}.eyebrow{margin-bottom:1rem;color:var(--aqua);font-size:.68rem;font-weight:760;letter-spacing:.16em;text-transform:uppercase}.landing-hero h1{max-width:13ch}.hero-lead{max-width:43rem;margin:1.6rem 0 1.8rem;color:#effcfabd;font-size:clamp(1rem,2vw,1.2rem)}.button-hero{min-width:min(24rem,100%)}.cta-note{margin-top:.8rem;color:#effcfa8f;font-size:.7rem}.micro-benefits{display:flex;flex-wrap:wrap;gap:.8rem 1.3rem;margin-top:1.8rem;color:#effcfabf;font-size:.72rem}.micro-benefits li{display:flex;align-items:center;gap:.4rem}.micro-benefits i{color:var(--aqua);font-style:normal}.landing-section{padding:clamp(6rem,10vw,9rem) 0}.introduction{background:linear-gradient(180deg,var(--ink),#04232e)}.prose-grid{display:grid;gap:3rem}.prose-grid h2{max-width:12ch;margin-top:1rem}.prose{display:grid;gap:1.25rem}.prose p{color:#effcfaad;font-size:1.03rem}.benefits-section{background:#04232e}.card-grid{display:grid;gap:1rem}.info-card{position:relative;min-height:18rem;padding:1.6rem;border:1px solid var(--line);border-radius:1.3rem;background:linear-gradient(145deg,#087f8c24,#03151f8a)}.info-card>span{position:absolute;top:1.2rem;right:1.2rem;color:#91abb359;font:.65rem ui-monospace,monospace}.info-card svg,.category-card svg{width:2.5rem;height:2.5rem;margin-bottom:3.5rem;fill:none;stroke:var(--aqua);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.info-card h3,.category-card h3{margin-bottom:.8rem}.info-card p,.category-card p{font-size:.86rem}.categories-section{background:linear-gradient(180deg,#04232e,#031820)}.category-card{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;padding:1.5rem;border:1px solid var(--line);border-radius:1.2rem;background:#03151f70}.category-card svg{margin:0}.guide-section{background:#031820}.guide-intro{max-width:52rem;margin-bottom:4rem}.guide-intro h2{margin:.9rem 0 1.3rem}.guide-intro>p:last-child{max-width:42rem;font-size:1.05rem}.guide-list{border-top:1px solid var(--line)}.guide-list li{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:2rem 0;border-bottom:1px solid var(--line)}.guide-list li>span{color:var(--cyan);font:.72rem ui-monospace,monospace}.guide-list h3{margin-bottom:.7rem}.guide-list p{max-width:48rem}.transparency-section{padding:1rem 0 8rem;background:#031820}.transparency-card{display:grid;gap:1.5rem;padding:2rem;border:1px solid rgba(55,227,162,.22);border-radius:1.4rem;background:linear-gradient(135deg,#087f8c29,#03151fb3)}.transparency-card h2{margin-bottom:1rem;font-size:clamp(2rem,4vw,3.4rem)}.transparency-card ul{display:grid;gap:.8rem}.transparency-card li{position:relative;padding-left:1.1rem;color:#effcfab3;font-size:.82rem}.transparency-card li:before{position:absolute;top:.65em;left:0;width:.35rem;height:.35rem;border-radius:50%;background:var(--aqua);content:""}.faq-section{background:linear-gradient(180deg,#031820,#021117)}.faq-grid{display:grid;gap:4rem}.faq-intro h2{margin:1rem 0 1.2rem}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center;min-height:5rem;cursor:pointer;font-weight:600}.faq-item summary i{position:relative;width:1.7rem;height:1.7rem;border:1px solid rgba(39,211,209,.25);border-radius:50%}.faq-item summary i:before,.faq-item summary i:after{position:absolute;top:50%;left:50%;width:.65rem;height:1px;transform:translate(-50%,-50%);background:var(--cyan);content:"";transition:transform .3s ease}.faq-item summary i:after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item[open] summary i:after{transform:translate(-50%,-50%)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}.faq-answer>p{min-height:0;overflow:hidden}.faq-item[open] .faq-answer{grid-template-rows:1fr}.faq-item[open] .faq-answer>p{padding:0 3rem 1.7rem 0}.related-section{padding:8rem 0;background:#021117}.related-grid{display:grid;gap:1rem}.related-card{position:relative;padding:1.5rem;border:1px solid var(--line);border-radius:1.2rem;background:#052b3a52;text-decoration:none;transition:transform .3s var(--ease),border-color .3s ease}.related-card:hover{transform:translateY(-5px);border-color:#27d3d166}.related-card>span{color:var(--aqua);font-size:.65rem;letter-spacing:.1em;text-transform:uppercase}.related-card h3{margin:.8rem 2rem .8rem 0}.related-card p{font-size:.82rem}.related-card i{position:absolute;top:1.4rem;right:1.4rem;color:var(--cyan);font-style:normal}.final-cta{position:relative;display:grid;place-items:center;min-height:86svh;overflow:hidden;isolation:isolate}.final-media{position:absolute;z-index:-3;inset:-6%;background:url(/images/aquarium-hero-mobile.webp) 66% center/cover no-repeat;filter:saturate(.85) contrast(1.08)}.final-scrim{position:absolute;z-index:-2;inset:0;background:linear-gradient(180deg,#021117e6,#020f14c2,#021117f5)}.final-content{padding:8rem 0;text-align:center}.final-content h2{max-width:14ch;margin:1rem auto 1.5rem}.final-content>p:not(.section-index){max-width:42rem;margin:0 auto 2rem;color:#effcfab8}.button-final{width:min(29rem,100%);min-height:4.2rem}.final-content small{display:block;margin-top:1rem;color:#effcfa8c}.site-footer{padding:5rem 0 2rem;background:#020d12}.footer-main{display:grid;gap:3rem;padding-bottom:3rem;border-bottom:1px solid var(--line)}.brand-footer{margin-bottom:1rem}.footer-main>div>p{max-width:23rem;font-size:.8rem}.footer-main nav{display:flex;flex-direction:column;gap:.8rem}.footer-main nav a{color:#effcfab3;font-size:.78rem;text-underline-offset:.3rem}.footer-bottom{display:grid;gap:1rem;padding-top:2rem}.footer-bottom p{font-size:.65rem}.floating-cta{position:fixed;z-index:90;right:1rem;bottom:calc(.9rem + env(safe-area-inset-bottom));left:1rem;display:flex;align-items:center;justify-content:center;min-height:3.4rem;padding:.8rem 1rem;border-radius:999px;background:var(--whatsapp);box-shadow:0 16px 45px #00000061;color:#001c0b;font-size:.82rem;font-weight:780;text-decoration:none;transform:translateY(calc(140% + env(safe-area-inset-bottom)));opacity:0;visibility:hidden;transition:transform .4s var(--ease),opacity .3s ease,visibility .4s}.floating-cta.is-visible{transform:translateY(0);opacity:1;visibility:visible}}@layer responsive{@media(max-width:720px){:root{--header-h: 4.35rem}.site-header .brand-copy{display:none}.landing-hero{min-height:100svh;padding:calc(var(--header-h) + 1rem) 0 3rem}.landing-hero-scrim{background:linear-gradient(180deg,rgba(3,21,31,.5),rgba(3,21,31,.9) 45%,var(--ink) 94%)}.landing-hero h1{font-size:clamp(2.45rem,11vw,3.7rem)}.hero-lead{margin-block:1rem;font-size:.92rem}.breadcrumbs ol{margin-bottom:1.2rem}.micro-benefits{margin-top:1.1rem}}@media(min-width:721px){:root{--container: min(1160px, calc(100vw - 5rem) )}.site-header{grid-template-columns:1fr auto 1fr;padding-inline:max(2.5rem,calc((100vw - 1420px)/2))}.site-header .button{justify-self:end}.channel-status{display:inline-flex}.prose-grid{grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);gap:7rem}.benefits-grid{grid-template-columns:repeat(3,1fr)}.categories-grid{grid-template-columns:repeat(2,1fr)}.guide-list li{grid-template-columns:5rem minmax(0,1fr);padding:2.5rem 0}.transparency-card{grid-template-columns:auto minmax(0,1.2fr) minmax(18rem,.8fr);gap:2.5rem;padding:3rem}.faq-grid{grid-template-columns:minmax(17rem,.55fr) minmax(0,1fr);gap:8rem}.faq-intro{position:sticky;top:8rem;align-self:start}.related-grid{grid-template-columns:repeat(3,1fr)}.final-media{background-image:url(/images/aquarium-hero.webp)}.footer-main,.footer-bottom{grid-template-columns:1fr auto;align-items:start}.footer-main nav{align-items:end}.footer-bottom p:last-child{text-align:right}.floating-cta{display:none}}}@layer motion{@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.landing-hero-media,.final-media,.reveal{transform:none!important}}}