@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary:#09090b;--bg-secondary:#121212;--bg-card:#ffffff08;--bg-card-hover:#ffffff0f;--border-subtle:#ffffff0f;--border-accent:#ffffff1a;--text-primary:#fff;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-dim:#52525b;--emerald-400:#34d399;--emerald-500:#10b981;--emerald-600:#059669;--sky-400:#38bdf8;--sky-500:#0ea5e9;--rose-400:#fb7185;--rose-500:#f43f5e;--amber-400:#fbbf24;--amber-500:#f59e0b;--violet-400:#a78bfa;--violet-500:#8b5cf6;--gradient-brand:linear-gradient(135deg,var(--emerald-400),var(--sky-500));--gradient-brand-soft:linear-gradient(135deg,#34d39926,#0ea5e926);--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:"Space Grotesk","Inter",sans-serif;--radius-sm:.75rem;--radius-md:1.25rem;--radius-lg:2rem;--radius-xl:2.5rem;--radius-full:9999px;--shadow-glow:0 0 60px #10b98126;--shadow-card:0 8px 32px #0006}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}@media (min-width:768px){.container{padding:0 2.5rem}}section{padding:5rem 0}@media (min-width:768px){section{padding:7rem 0}}.nav{z-index:100;padding:1rem 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);background:#09090bd9}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{align-items:center;gap:.75rem;display:flex}.nav-logo svg{width:36px;height:36px}.nav-logo span{font-family:var(--font-heading);letter-spacing:.05em;font-size:1.125rem;font-weight:700}.nav-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;list-style:none;display:none}@media (min-width:768px){.nav-links{display:flex}}@media (min-width:1200px){.nav-links{gap:1.5rem}}.nav-links a{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.75rem;font-weight:600;transition:color .2s}.nav-links a:hover{color:var(--text-primary)}.nav-store-badges{align-items:center;gap:.5rem;display:none}@media (min-width:768px){.nav-store-badges{display:flex}}.nav-store-btn{border-radius:var(--radius-full);color:var(--text-primary);letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.nav-store-btn:hover{background:#ffffff1f;border-color:#fff3;transform:scale(1.05)}.nav-store-btn i{font-size:1rem}.hero{align-items:center;min-height:100vh;padding-top:5rem;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background-image:url(/screenshots/hero-feature.png);background-position:50%;background-size:cover;position:absolute;inset:0}.hero-bg:after{content:"";background:linear-gradient(to bottom,#09090b66 0%,#09090bb3 50%,var(--bg-primary)100%);position:absolute;inset:0}.hero-inner{flex-direction:column;justify-content:center;align-items:center;gap:3rem;display:flex}@media (min-width:768px){.hero-inner{text-align:center}}.hero-content{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}@media (min-width:768px){.hero-content{text-align:center}}.hero-text{max-width:540px;margin:0 auto}@media (min-width:768px){.hero-text{margin:0}}.hero-badge{border-radius:var(--radius-full);color:var(--emerald-400);text-transform:uppercase;letter-spacing:.1em;background:#34d3991a;border:1px solid #34d39933;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.375rem 1rem;font-size:.6875rem;font-weight:700;display:inline-flex}.hero-badge .pulse{background:var(--emerald-400);border-radius:50%;width:6px;height:6px;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.hero h1{letter-spacing:-.02em;margin-bottom:1.25rem;font-size:clamp(2.5rem,6vw,4rem);font-weight:900;line-height:1.05}.hero h1 .gradient-text{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);max-width:480px;margin-bottom:2rem;font-size:1.125rem;line-height:1.7}@media (min-width:768px){.hero-subtitle{font-size:1.1875rem}}.hero-actions{flex-direction:column;align-items:center;gap:1rem;display:flex}@media (min-width:768px){.hero-actions{flex-direction:row;align-items:flex-start}}.store-badge{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-md);cursor:pointer;align-items:center;gap:.75rem;min-width:200px;padding:.875rem 1.5rem;transition:all .3s;display:flex}.store-badge:hover{background:var(--bg-card-hover);border-color:#ffffff26;transform:translateY(-2px)}.store-badge .store-icon{font-size:1.75rem}.store-badge .store-text{text-align:left}.store-badge .store-text small{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.625rem;font-weight:600;display:block}.store-badge .store-text strong{font-size:.9375rem;font-weight:700}.hero-coming-soon{color:var(--text-muted);margin-top:.5rem;font-size:.75rem;font-weight:600}.hero-visual{perspective:1000px;justify-content:center;display:flex}.device-tablet{aspect-ratio:1640/2360;background:var(--bg-primary);border:1px solid #ffffff26;border-radius:1.5rem;width:100%;max-width:480px;transition:transform .5s;position:relative;overflow:hidden;transform:rotateY(-5deg)rotateX(3deg);box-shadow:0 0 0 1px #ffffff1a,0 20px 40px #0009,0 0 80px #10b9811f}.device-tablet:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(135deg,#ffffff1a 0%,#fff0 40% 100%);height:100%;position:absolute;top:0;left:0;right:0}.device-tablet:hover{transform:rotateY(0)rotateX(0)}.device-tablet img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:768px){.device-tablet{max-width:520px}}.section-header{text-align:center;max-width:640px;margin:0 auto 3.5rem}.section-label{text-transform:uppercase;letter-spacing:.15em;border-radius:var(--radius-full);align-items:center;gap:.375rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.6875rem;font-weight:800;display:inline-flex}.section-label.emerald{color:var(--emerald-400);background:#34d3991a;border:1px solid #34d39926}.section-label.rose{color:var(--rose-400);background:#fb71851a;border:1px solid #fb718526}.section-label.sky{color:var(--sky-400);background:#38bdf81a;border:1px solid #38bdf826}.section-label.amber{color:var(--amber-400);background:#fbbf241a;border:1px solid #fbbf2426}.section-label.violet{color:var(--violet-400);background:#a78bfa1a;border:1px solid #a78bfa26}.section-header h2{letter-spacing:-.02em;margin-bottom:1rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.section-header p{color:var(--text-secondary);font-size:1.0625rem;line-height:1.7}.feature-section{position:relative}.feature-grid{grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:768px){.feature-grid{grid-template-columns:1fr 1fr;gap:4rem}.feature-grid.reverse{direction:rtl}.feature-grid.reverse>*{direction:ltr}}.feature-info{max-width:520px}.feature-info h3{letter-spacing:-.01em;margin-bottom:1rem;font-size:1.75rem;font-weight:800}.feature-info p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1rem;line-height:1.7}.feature-list{flex-direction:column;gap:.75rem;list-style:none;display:flex}.feature-list li{color:var(--text-secondary);align-items:flex-start;gap:.75rem;font-size:.9375rem;line-height:1.5;display:flex}.feature-list .icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;margin-top:1px;font-size:.8125rem;display:flex}.feature-list .icon.emerald{color:var(--emerald-400);background:#34d3991a}.feature-list .icon.rose{color:var(--rose-400);background:#fb71851a}.feature-list .icon.sky{color:var(--sky-400);background:#38bdf81a}.feature-list .icon.amber{color:var(--amber-400);background:#fbbf241a}.feature-list .icon.violet{color:var(--violet-400);background:#a78bfa1a}.feature-visual{justify-content:center;display:flex}.device-phone{aspect-ratio:1206/2352;width:100%;max-width:260px;transition:transform .4s var(--ease-out);background:#000;border:2px solid #27272a;border-radius:2.75rem;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d,0 25px 50px -12px #000000e6,inset 0 0 15px #0000004d}.device-phone img{object-fit:cover;width:101%;height:101%;margin:-.5%;display:block}.device-phone:after{content:"";border-radius:inherit;pointer-events:none;z-index:5;position:absolute;inset:0;box-shadow:inset 0 0 1px 1px #ffffff0d}@media (min-width:768px){.device-phone{max-width:320px}}.multi-phone-display{justify-content:center;align-items:center;padding:3rem 0;display:flex}.phone-back{opacity:.8;transform:scale(.9)translate(40px)}.phone-front{z-index:2;filter:drop-shadow(0 0 30px #00000080);position:relative;transform:scale(1)translate(-40px)}.glow-emerald{filter:drop-shadow(0 0 20px #10b98126)}.glow-rose{filter:drop-shadow(0 0 20px #f43f5e26)}.glow-violet{filter:drop-shadow(0 0 20px #8b5cf626)}.glow-amber{filter:drop-shadow(0 0 20px #f59e0b26)}.glow-sky{filter:drop-shadow(0 0 20px #0ea5e926)}.feature-tablet{width:100%;max-width:480px;box-shadow:0 0 0 1px #ffffff1a,var(--shadow-card);background:var(--bg-primary);border:1px solid #ffffff26;border-radius:1.5rem;position:relative;overflow:hidden}.feature-tablet:before{content:"";pointer-events:none;z-index:10;background:linear-gradient(135deg,#ffffff14 0%,#fff0 40% 100%);height:100%;position:absolute;top:0;left:0;right:0}.feature-tablet img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:768px){.feature-tablet{max-width:520px}}.capabilities-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:640px){.capabilities-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.capabilities-grid{grid-template-columns:repeat(3,1fr)}}.capability-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:2rem;transition:all .3s}.capability-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-4px)}.capability-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:1.25rem;font-size:1.375rem;display:flex}.capability-icon.emerald{color:var(--emerald-400);background:#34d3991a;border:1px solid #34d39926}.capability-icon.rose{color:var(--rose-400);background:#fb71851a;border:1px solid #fb718526}.capability-icon.sky{color:var(--sky-400);background:#38bdf81a;border:1px solid #38bdf826}.capability-icon.amber{color:var(--amber-400);background:#fbbf241a;border:1px solid #fbbf2426}.capability-icon.violet{color:var(--violet-400);background:#a78bfa1a;border:1px solid #a78bfa26}.capability-card h3{margin-bottom:.5rem;font-size:1.0625rem;font-weight:700}.capability-card p{color:var(--text-muted);font-size:.875rem;line-height:1.6}.screenshot-scroll{scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;gap:1.5rem;padding:1rem 1.5rem 2rem;display:flex;overflow-x:auto}.screenshot-scroll:active{cursor:grabbing}.screenshot-scroll.dragging{scroll-snap-type:none;scroll-behavior:auto}.screenshot-scroll::-webkit-scrollbar{display:none}.screenshot-item{scroll-snap-align:center;background:0 0;border:none;flex-shrink:0;height:480px;transition:all .3s;position:relative}.screenshot-item:hover{transform:scale(1.03)}.screenshot-item img{pointer-events:none;filter:drop-shadow(0 15px 30px #0006);width:auto;height:100%;display:block}@media (min-width:768px){.screenshot-scroll{justify-content:center;padding:1rem 2.5rem 2rem}.screenshot-item{height:580px}}.cta-section{position:relative;overflow:hidden}.cta-card{border-radius:var(--radius-xl);background:var(--gradient-brand-soft);text-align:center;border:1px solid #34d39926;max-width:720px;margin:0 auto;padding:3.5rem 2rem;position:relative;overflow:hidden}@media (min-width:768px){.cta-card{padding:4.5rem 3rem}}.cta-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#34d39914 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cta-card h2{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;position:relative}.cta-card p{color:var(--text-secondary);max-width:480px;margin:0 auto 2rem;font-size:1.0625rem;line-height:1.7;position:relative}.cta-email-btn{background:var(--gradient-brand);border-radius:var(--radius-full);color:#000;letter-spacing:.03em;cursor:pointer;border:none;align-items:center;gap:.75rem;padding:1rem 2.25rem;font-size:.9375rem;font-weight:800;text-decoration:none;transition:all .3s;display:inline-flex}.cta-email-btn:hover{transform:scale(1.05);box-shadow:0 0 40px #10b98140}.cta-subtitle{color:var(--text-dim);margin-top:1rem;font-size:.8125rem;position:relative}.footer{border-top:1px solid var(--border-subtle);padding:3rem 0}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;display:flex}@media (min-width:768px){.footer-inner{text-align:left;flex-direction:row;justify-content:space-between}}.footer-brand{align-items:center;gap:.625rem;display:flex}.footer-brand svg{width:28px;height:28px}.footer-brand span{font-family:var(--font-heading);font-size:.9375rem;font-weight:700}.footer-links{gap:1.5rem;list-style:none;display:flex}.footer-links a{color:var(--text-muted);font-size:.8125rem;transition:color .2s}.footer-links a:hover{color:var(--text-primary)}.footer-copy{color:var(--text-dim);font-size:.75rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)rotateY(-5deg)rotateX(3deg)}50%{transform:translateY(-12px)rotateY(-5deg)rotateX(3deg)}}.animate-in{animation:.7s ease-out both fadeInUp}.animate-fade{animation:.7s ease-out both fadeIn}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.phone-float{animation:5s ease-in-out infinite float}.section-divider{background:var(--gradient-brand);border-radius:var(--radius-full);opacity:.4;width:60px;height:3px;margin:0 auto}.reveal{opacity:1;transition:all .8s cubic-bezier(.5,0,0,1);transform:translateY(0)}.reveal.visible{opacity:1;transform:translateY(0)}.text-gradient{background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-emerald{box-shadow:0 0 40px #10b9811a}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);opacity:1;background:#000000d9;justify-content:center;align-items:center;padding:2rem;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-content img{object-fit:contain;width:auto;max-width:90vw;height:auto;max-height:90vh;display:block}.modal-close{color:#fff;cursor:pointer;z-index:10;background:#00000080;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.modal-close:hover{background:#ffffff1a;transform:scale(1.1)}.cursor-grab{cursor:grab}.cursor-grab:active{cursor:grabbing}.screenshot-item{cursor:pointer;position:relative}.screenshot-item:after{content:"🔍";opacity:0;pointer-events:none;background:#0006;justify-content:center;align-items:center;font-size:3rem;transition:opacity .2s;display:flex;position:absolute;inset:0}.screenshot-item:hover:after{opacity:1}.multi-phone-display{justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.phone-back{opacity:.7;filter:blur(1px);transform:scale(.9)}.phone-front{box-shadow:0 30px 60px #0009}.glow-amber{box-shadow:0 0 80px #fbbf2426}.analytics-showcase{justify-content:center;padding:1rem 0;display:flex}.analytics-card{border-radius:var(--radius-lg);background:#ffffff08;border:1px solid #ffffff14;width:100%;max-width:400px;padding:1.75rem;box-shadow:0 20px 40px #0006}.analytics-card-header{color:var(--text-primary);align-items:center;gap:.75rem;margin-bottom:1.5rem;font-size:.9375rem;font-weight:700;display:flex}.analytics-card-header i{font-size:1.25rem}.analytics-rows{flex-direction:column;gap:.875rem;display:flex}.analytics-row{grid-template-columns:80px 1fr 70px;align-items:center;gap:.75rem;display:grid}.param-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.param-bar{background:#ffffff0f;border-radius:3px;height:6px;overflow:hidden}.param-fill{border-radius:3px;height:100%;transition:width 1.5s cubic-bezier(.4,0,.2,1)}.param-fill.emerald{background:var(--emerald-400)}.param-fill.sky{background:var(--sky-400)}.param-fill.violet{background:var(--violet-400)}.param-fill.amber{background:var(--amber-400)}.param-fill.rose{background:var(--rose-400)}.param-value{text-align:right;font-variant-numeric:tabular-nums;font-size:.8125rem;font-weight:700}.param-value.good{color:var(--emerald-400)}.param-value.warn{color:var(--amber-400)}.param-value.danger{color:var(--rose-400)}.analytics-ai-note{border-radius:var(--radius-sm);color:var(--sky-400);background:#38bdf80f;border:1px solid #38bdf81f;align-items:flex-start;gap:.625rem;margin-top:1.25rem;padding:.875rem;font-size:.8125rem;line-height:1.5;display:flex}.analytics-ai-note i{flex-shrink:0;margin-top:1px}.saltwater-features-grid{grid-template-columns:1fr;gap:.75rem;display:grid}@media (min-width:480px){.saltwater-features-grid{grid-template-columns:repeat(2,1fr)}}.saltwater-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1rem 1.25rem;transition:all .3s;position:relative;overflow:hidden}.saltwater-card:before{content:"";background:linear-gradient(90deg,var(--emerald-400),var(--sky-400));opacity:0;height:2px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.saltwater-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-2px)}.saltwater-card:hover:before{opacity:1}.saltwater-icon{border-radius:var(--radius-md);width:36px;height:36px;color:var(--emerald-400);background:#34d3991a;border:1px solid #34d39926;justify-content:center;align-items:center;margin-bottom:.5rem;font-size:1rem;display:flex}.saltwater-card h4{margin-bottom:.25rem;font-size:.85rem;font-weight:700}.saltwater-card p{color:var(--text-muted);font-size:.75rem;line-height:1.5}.species-grid{grid-template-columns:repeat(2,1fr);gap:1rem;display:grid}@media (min-width:640px){.species-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.species-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem}}.species-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all .3s;animation:.6s ease-out both fadeInUp;overflow:hidden}.species-card:hover{background:var(--bg-card-hover);border-color:var(--border-accent);box-shadow:var(--shadow-card);transform:translateY(-4px)}.species-img-wrap{aspect-ratio:1;background:#0000004d;position:relative;overflow:hidden}.species-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.species-card:hover .species-img-wrap img{transform:scale(1.08)}.species-type-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.08em;padding:.2rem .5rem;font-size:.625rem;font-weight:800;position:absolute;top:.5rem;right:.5rem}.species-type-badge.freshwater{color:var(--emerald-400);background:#34d39933;border:1px solid #34d39940}.species-type-badge.saltwater{color:var(--sky-400);background:#38bdf833;border:1px solid #38bdf840}.species-type-badge.plant{color:#4ade80;background:#4ade8033;border:1px solid #4ade8040}.species-type-badge.invert{color:var(--violet-400);background:#a78bfa33;border:1px solid #a78bfa40}.species-info{padding:.75rem}.species-info h4{white-space:nowrap;text-overflow:ellipsis;margin-bottom:.125rem;font-size:.875rem;font-weight:700;overflow:hidden}.species-info p{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;font-style:italic;overflow:hidden}.species-stats{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}@media (min-width:768px){.species-stats{gap:3rem}}.stat-item{flex-direction:column;align-items:center;gap:.25rem;display:flex}.stat-number{font-family:var(--font-heading);background:var(--gradient-brand);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:900}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:600}.category-row{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.category-chip{border-radius:var(--radius-lg);cursor:default;background:#ffffff08;border:1px solid #ffffff0f;align-items:center;gap:.75rem;padding:.5rem 1rem .5rem .5rem;transition:all .25s;display:flex}.category-chip:hover{background:#34d3990f;border-color:#34d39926;transform:translateY(-2px)}.category-thumbs{align-items:center;display:flex}.category-thumb{object-fit:cover;border:2px solid var(--bg-primary);border-radius:50%;width:36px;height:36px;box-shadow:0 0 0 1px #ffffff14}.category-meta{flex-direction:column;gap:.1rem;display:flex}.category-count{color:var(--emerald-400);font-size:1rem;font-weight:800;line-height:1}.category-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:600}@media (max-width:600px){.category-row{gap:.5rem}.category-chip{padding:.4rem .75rem .4rem .4rem}.category-thumb{width:28px;height:28px}}.species-card--spotlight{position:relative;box-shadow:0 0 20px #34d39926,0 0 60px #34d3990d;border:2px solid #34d39966!important;animation:3s ease-in-out infinite spotlightPulse!important}@keyframes spotlightPulse{0%,to{box-shadow:0 0 20px #34d39926,0 0 60px #34d3990d}50%{box-shadow:0 0 30px #34d39940,0 0 80px #34d3991a}}.spotlight-badge{background:linear-gradient(135deg,var(--emerald-400),#38bdf8);color:#0a0a0f;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;z-index:5;align-items:center;gap:.3rem;padding:.25rem .6rem;font-size:.65rem;font-weight:800;display:flex;position:absolute;top:.5rem;left:.5rem}.species-spotlight{max-width:900px;margin-left:auto;margin-right:auto}.spotlight-connector{justify-content:center;margin-bottom:-1px;display:flex}.spotlight-arrow{border-bottom:14px solid #34d39926;border-left:14px solid #0000;border-right:14px solid #0000;width:0;height:0}.spotlight-panel{border-radius:var(--radius-xl);background:linear-gradient(135deg,#34d3990a,#38bdf808);border:1px solid #34d39926;padding:2rem;position:relative;overflow:hidden}.spotlight-panel:before{content:"";background:linear-gradient(90deg,transparent,var(--emerald-400),#38bdf899,transparent);height:2px;position:absolute;top:0;left:0;right:0}.spotlight-header{align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.spotlight-hero-img{border-radius:var(--radius-lg);object-fit:cover;border:2px solid #34d39933;flex-shrink:0;width:100px;height:100px}.spotlight-title h3{margin:0 0 .25rem;font-size:1.5rem;font-weight:800}.spotlight-scientific{color:var(--text-muted);margin:0 0 .75rem;font-size:.9rem}.spotlight-tags{flex-wrap:wrap;gap:.5rem;display:flex}.spotlight-tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:.35rem;padding:.25rem .75rem;font-size:.7rem;font-weight:600;display:inline-flex}.spotlight-tag.family{color:#a78bfa;border-color:#a78bfa33}.spotlight-tag.origin{color:#38bdf8;border-color:#38bdf833}.spotlight-tag.care{color:#fbbf24;border-color:#fbbf2433}.spotlight-params{grid-template-columns:repeat(5,1fr);gap:.75rem;margin-bottom:1.5rem;display:grid}.param-card{border-radius:var(--radius-lg);text-align:center;background:#ffffff08;border:1px solid #ffffff0f;flex-direction:column;align-items:center;gap:.3rem;padding:.75rem;transition:all .2s;display:flex}.param-card:hover{background:#34d3990d;border-color:#34d39926}.param-icon{color:var(--emerald-400);font-size:1rem}.param-value{color:var(--text-primary);font-size:1rem;font-weight:800}.param-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-size:.6rem;font-weight:600}.spotlight-details{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.detail-block{border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff0a;padding:1.25rem}.detail-block h4{color:var(--emerald-400);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.4rem;margin:0 0 .5rem;font-size:.8rem;font-weight:700;display:flex}.detail-block p{color:var(--text-secondary);margin:0;font-size:.82rem;line-height:1.6}.spotlight-footer{text-align:center;border-top:1px solid #ffffff0f;margin-top:1.25rem;padding-top:1rem}.spotlight-footer span{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.75rem;display:inline-flex}.spotlight-footer i{color:var(--emerald-400)}@media (max-width:768px){.spotlight-header{text-align:center;flex-direction:column}.spotlight-tags{justify-content:center}.spotlight-params{grid-template-columns:repeat(3,1fr)}.spotlight-details{grid-template-columns:1fr}.spotlight-panel{padding:1.25rem}}.floating-character{pointer-events:none;z-index:2;opacity:.85;filter:drop-shadow(0 10px 30px #00000080);position:absolute}.floating-character.clownfish{width:220px;animation:4s ease-in-out infinite swimBob;bottom:2rem;right:-30px;transform:scaleX(-1)}.floating-character.shrimp-right{width:280px;animation:5s ease-in-out infinite shrimpBob;top:120px;right:-60px}@keyframes swimBob{0%,to{transform:scaleX(-1)translateY(0)rotate(0)}25%{transform:scaleX(-1)translateY(-12px)rotate(2deg)}75%{transform:scaleX(-1)translateY(8px)rotate(-1deg)}}@keyframes shrimpBob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(2deg)}}.app-preview-strip{flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2rem;display:flex}.app-preview-card{border-radius:var(--radius-lg);text-align:center;background:#ffffff05;border:1px solid #ffffff0f;width:180px;transition:all .3s;overflow:hidden}.app-preview-card:hover{border-color:#34d39933;transform:translateY(-4px);box-shadow:0 8px 30px #34d39914}.app-preview-card img{aspect-ratio:9/16;object-fit:cover;object-position:top;width:100%}.app-preview-card span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:.5rem;font-size:.65rem;font-weight:700;display:block}@media (max-width:768px){.floating-character.clownfish{width:120px;right:-10px}.floating-character.shrimp-right{width:160px;right:-30px}.app-preview-strip{gap:.75rem}.app-preview-card{width:140px}}.floating-cta{z-index:200;-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-full);opacity:0;white-space:nowrap;pointer-events:none;background:#09090be6;border:1px solid #ffffff1f;align-items:center;gap:.625rem;padding:.625rem 1rem .625rem 1.25rem;transition:transform .4s cubic-bezier(.34,1.56,.64,1),opacity .3s;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(120px);box-shadow:0 8px 32px #00000080,0 0 0 1px #34d3991a}.floating-cta--visible{opacity:1;pointer-events:auto;transform:translate(-50%)translateY(0)}.floating-cta__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;border-right:1px solid #ffffff1a;padding-right:.5rem;font-size:.6875rem;font-weight:700}.floating-cta__btn{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:.4rem;padding:.45rem 1rem;font-size:.8125rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.floating-cta__btn--apple{background:var(--text-primary);color:#000}.floating-cta__btn--apple:hover{background:#ffffffe0;transform:scale(1.04)}.floating-cta__btn--google{color:var(--text-primary);background:#ffffff14;border:1px solid #ffffff1f}.floating-cta__btn--google:hover{background:#ffffff24;transform:scale(1.04)}@media (max-width:480px){.floating-cta__label{display:none}.floating-cta{gap:.5rem;padding:.625rem .75rem}}.mid-cta-strip{background:linear-gradient(135deg,#34d3990f 0%,#0ea5e90f 100%);border-top:1px solid #34d3991a;border-bottom:1px solid #34d3991a;padding:2rem 0}.mid-cta-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.mid-cta-text{flex-direction:column;gap:.375rem;display:flex}.mid-cta-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--emerald-400);align-items:center;gap:.4rem;font-size:.6875rem;font-weight:800;display:inline-flex}.mid-cta-text p{color:var(--text-primary);margin:0;font-size:1rem;font-weight:600;line-height:1.4}.mid-cta-buttons{flex-wrap:wrap;flex-shrink:0;gap:.75rem;display:flex}.mid-cta-btn{border-radius:var(--radius-full);letter-spacing:.01em;white-space:nowrap;align-items:center;gap:.5rem;padding:.625rem 1.375rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.mid-cta-btn--primary{background:var(--text-primary);color:#000}.mid-cta-btn--primary:hover{background:#ffffffe0;transform:translateY(-1px);box-shadow:0 4px 16px #0000004d}.mid-cta-btn--secondary{color:var(--text-primary);background:#ffffff0f;border:1px solid #ffffff1f}.mid-cta-btn--secondary:hover{background:#ffffff1a;transform:translateY(-1px)}@media (max-width:640px){.mid-cta-inner{text-align:center;flex-direction:column;gap:1.25rem}.mid-cta-eyebrow,.mid-cta-buttons{justify-content:center}}