:root{--bg:#061a1f;--bg-deep:#041014;--card:#0b2a32;--card-border:#27e0d61f;--aqua:#27e0d6;--blue:#3aa7ff;--text:#f4fbfc;--text-muted:#9fb8be;--attention:#ffd166;--glass:#0b2a32a6;--glow-aqua:#27e0d640;--glow-blue:#3aa7ff33;--radius:16px;--radius-lg:24px;--max-width:1120px;--section-gap:clamp(2.25rem, 5vw, 3.5rem);--section-gap-tight:clamp(1.5rem, 3vw, 2rem);color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.6}*,:before,:after{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0;overflow-x:hidden}#root{min-height:100svh}main{padding-bottom:5rem}img{max-width:100%;display:block}a{color:inherit}button{font:inherit}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.2}p{margin:0}.beta-page{padding-top:clamp(1.5rem,4vw,2.5rem);padding-bottom:var(--section-gap)}.beta-page-inner{max-width:560px}.beta-back-link{color:var(--text-muted);align-items:center;gap:.35rem;margin-bottom:1.25rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.beta-back-link:hover{color:var(--aqua)}.beta-form-card{padding:clamp(1.5rem,4vw,2.25rem)}.beta-trust-chips{flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem;display:flex}.beta-trust-chip{letter-spacing:.04em;text-transform:uppercase;color:var(--aqua);background:#27e0d61a;border:1px solid #27e0d638;border-radius:999px;padding:.35rem .65rem;font-size:.6875rem;font-weight:600}.beta-form-header{margin-bottom:1.5rem}.beta-form-header h1{margin-bottom:.5rem;font-size:clamp(1.625rem,4vw,2rem)}.beta-form-subtitle{color:var(--text-muted);margin-bottom:.75rem;font-size:1.0625rem;line-height:1.55}.beta-form-intro{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.beta-form{flex-direction:column;gap:1.125rem;display:flex}.form-field{border:none;flex-direction:column;gap:.4rem;min-width:0;margin:0;padding:0;display:flex}.form-field legend{color:var(--text);margin-bottom:.35rem;padding:0;font-size:.875rem;font-weight:500}.form-field label{color:var(--text);font-size:.875rem;font-weight:500}.label-optional{color:var(--text-muted);font-size:.8125rem;font-weight:400}.form-field input[type=text],.form-field input[type=email],.form-field textarea{width:100%;font:inherit;color:var(--text);background:#061a1fa6;border:1px solid #27e0d62e;border-radius:10px;padding:.7rem .875rem;font-size:.9375rem;transition:border-color .2s,box-shadow .2s}.form-field textarea{resize:vertical;min-height:100px}.form-field input::placeholder,.form-field textarea::placeholder{color:#9fb8be8c}.form-field input:focus,.form-field textarea:focus{border-color:#27e0d673;outline:none;box-shadow:0 0 0 3px #27e0d61f}.form-field input[aria-invalid=true],.form-field textarea[aria-invalid=true]{border-color:#ff78788c}.radio-group{flex-direction:column;gap:.45rem;display:flex}.radio-label,.checkbox-label{color:var(--text-muted);cursor:pointer;align-items:flex-start;gap:.6rem;font-size:.9375rem;font-weight:400;line-height:1.45;display:flex}.radio-label input,.checkbox-label input{accent-color:var(--aqua);flex-shrink:0;width:1rem;height:1rem;margin-top:.2rem}.field-error{color:#ff9a9a;font-size:.8125rem;line-height:1.4}.form-submit-error{color:#ff9a9a;background:#ff646414;border:1px solid #ff787840;border-radius:10px;padding:.75rem 1rem;font-size:.875rem;line-height:1.5}.beta-submit{width:100%;margin-top:.25rem}.beta-submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.beta-success{text-align:center;border-radius:var(--radius);background:#27e0d614;border:1px solid #27e0d638;padding:1.5rem 1rem}.beta-success h2{color:var(--aqua);margin-bottom:.5rem;font-size:1.125rem}.beta-success p{color:var(--text-muted);font-size:.9375rem;line-height:1.6}@media (width<=480px){.beta-form-card{padding:1.25rem}}.page{min-height:100svh;position:relative}.container{width:min(var(--max-width), 100% - 2.5rem);margin-inline:auto}.section{padding-block:var(--section-gap);z-index:1;position:relative}.section-header{text-align:center;margin-inline:auto;max-width:560px;margin-bottom:2rem}.section-header h2{margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.25rem)}.section-lead{color:var(--text-muted);max-width:52ch;font-size:1.0625rem;line-height:1.7}.ambient{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.blob{filter:blur(80px);opacity:.45;border-radius:50%;position:absolute}.blob-1{background:radial-gradient(circle, var(--glow-aqua), transparent 70%);width:480px;height:480px;animation:18s ease-in-out infinite drift;top:-120px;right:-80px}.blob-2{background:radial-gradient(circle, var(--glow-blue), transparent 70%);width:400px;height:400px;animation:22s ease-in-out infinite reverse drift;bottom:20%;left:-100px}.blob-3{background:radial-gradient(circle,#27e0d626,#0000 70%);width:320px;height:320px;animation:26s ease-in-out 4s infinite drift;top:45%;right:15%}@keyframes drift{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}.bubbles{position:absolute;inset:0}.bubble{width:calc(4px + var(--i) * 1.5px);height:calc(4px + var(--i) * 1.5px);bottom:-20px;left:calc(5% + var(--i) * 7.5%);animation:rise calc(12s + var(--i) * 2s) ease-in infinite;animation-delay:calc(var(--i) * -1.5s);opacity:0;background:radial-gradient(circle at 30% 30%,#27e0d680,#27e0d614);border:1px solid #27e0d626;border-radius:50%;position:absolute}@keyframes rise{0%{opacity:0;transform:translateY(0)scale(1)}10%{opacity:.6}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh)scale(1.2)}}.glass{background:var(--glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:0 4px 24px #00000040,inset 0 1px #ffffff0a}.site-header{z-index:100;-webkit-backdrop-filter:blur(12px);background:#061a1fbf;border-bottom:1px solid #27e0d614;padding-block:1rem;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.logo{color:var(--text);align-items:center;gap:.6rem;font-size:1.125rem;font-weight:600;text-decoration:none;display:flex}.logo-icon-wrap{width:40px;height:40px;box-shadow:0 0 14px var(--glow-aqua), 0 2px 8px #00000059;border:1px solid #27e0d62e;border-radius:10px;flex-shrink:0;display:flex;overflow:hidden}.logo-mark{object-fit:cover;width:100%;height:100%;display:block}.logo-text{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.header-nav{gap:1.5rem;display:flex}.header-nav a{color:var(--text-muted);font-size:.9375rem;text-decoration:none;transition:color .2s}.header-nav a:hover{color:var(--aqua)}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:.9375rem;font-weight:500;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.btn-primary{background:linear-gradient(135deg, var(--aqua), #1ec4bb);color:var(--bg-deep);box-shadow:0 4px 20px var(--glow-aqua)}.btn-primary:hover{box-shadow:0 6px 28px var(--glow-aqua)}.btn-secondary{color:var(--text);background:0 0;border:1px solid #27e0d659}.btn-secondary:hover{border-color:var(--aqua);background:#27e0d614}.btn-cta{letter-spacing:.01em;padding:.875rem 1.75rem;font-size:1rem;font-weight:600}.hero.section{padding-top:clamp(2rem,5vw,3.25rem);padding-bottom:var(--section-gap-tight)}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(2rem,5vw,4rem);display:grid}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--aqua);margin-bottom:1rem;font-size:.8125rem;font-weight:500}.hero-title{letter-spacing:-.03em;margin-bottom:.4rem;font-size:clamp(2.75rem,7vw,4.25rem);font-weight:700;line-height:1.05}.hero-title-accent{background:linear-gradient(135deg, var(--aqua), var(--blue));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-muted);margin-bottom:1.25rem;font-size:clamp(1.25rem,3vw,1.625rem);font-weight:400}.hero-text{color:var(--text-muted);max-width:46ch;margin-bottom:2rem;font-size:1.0625rem;line-height:1.75}.hero-actions{flex-wrap:wrap;gap:.875rem;display:flex}.hero-visual{justify-content:center;display:flex}.hero-card{border-radius:22px;width:min(360px,100%);padding:.875rem;position:relative;overflow:hidden}.hero-card-glow{background:radial-gradient(circle, var(--glow-aqua), transparent 60%);opacity:.35;pointer-events:none;position:absolute;inset:-40%}.app-preview{z-index:1;background:#0410148c;border:1px solid #27e0d61a;border-radius:16px;flex-direction:column;gap:.875rem;padding:.875rem;display:flex;position:relative}.app-preview-header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.app-preview-tank{flex-direction:column;gap:.15rem;min-width:0;display:flex}.app-preview-name{letter-spacing:-.01em;font-size:.9375rem;font-weight:600}.app-preview-meta{color:var(--text-muted);letter-spacing:.02em;font-size:.6875rem}.status-pill{letter-spacing:.04em;text-transform:uppercase;color:#6ee7b7;background:#6ee7b71f;border:1px solid #6ee7b747;border-radius:999px;flex-shrink:0;padding:.3rem .55rem;font-size:.6875rem;font-weight:600}.tank-water-panel{background:linear-gradient(#0c4552 0%,#073540 45%,#041820 100%);border:1px solid #27e0d62e;border-radius:12px;height:148px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.tank-water-shimmer{pointer-events:none;background:linear-gradient(115deg,#0000 30%,#27e0d60f 50%,#0000 70%);position:absolute;inset:0}.tank-wave{width:100%;height:28px;animation:6s ease-in-out infinite wave-drift;position:absolute;bottom:0;left:0;right:0}@keyframes wave-drift{0%,to{transform:translate(0)}50%{transform:translate(-6px)}}.preview-bubble{background:radial-gradient(circle at 30% 30%,#ffffff59,#27e0d61a);border:1px solid #ffffff1f;border-radius:50%;position:absolute}.preview-bubble--1{width:6px;height:6px;animation:7s ease-in infinite preview-rise;bottom:38%;left:18%}.preview-bubble--2{width:4px;height:4px;animation:9s ease-in 2s infinite preview-rise;bottom:28%;left:62%}.preview-bubble--3{width:5px;height:5px;animation:8s ease-in 4s infinite preview-rise;bottom:45%;left:78%}@keyframes preview-rise{0%{opacity:.5;transform:translateY(0)}70%{opacity:.35}to{opacity:0;transform:translateY(-40px)}}.preview-fish{color:#ffd166e6;filter:drop-shadow(0 0 4px #ffd16640);position:absolute}.preview-fish--1{width:28px;height:14px;animation:9s ease-in-out infinite preview-swim;top:32%;left:22%}.preview-fish--2{color:#27e0d6d9;filter:drop-shadow(0 0 4px #27e0d640);width:22px;height:11px;animation:11s ease-in-out 1.5s infinite reverse preview-swim;top:52%;right:20%}@keyframes preview-swim{0%,to{transform:translate(0)scaleX(1)}25%{transform:translate(18px)scaleX(1)}50%{transform:translate(36px)scaleX(-1)}75%{transform:translate(18px)scaleX(-1)}}.preview-plants{pointer-events:none;height:40%;position:absolute;bottom:0;left:0;right:0}.preview-plant{background:linear-gradient(180deg, var(--aqua), #1a6b62);opacity:.75;border-radius:2px 2px 0 0;width:3px;position:absolute;bottom:0}.preview-plant--1{height:42px;left:12%;transform:rotate(-6deg)}.preview-plant--2{opacity:.55;height:34px;left:48%;transform:rotate(4deg)}.residents-row{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#061a1fb8;border:1px solid #27e0d61f;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .5rem;display:flex;position:absolute;bottom:.5rem;left:.625rem}.resident-dot{border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 1px #ffffff26}.resident-dot--1{background:#ff6b9d}.resident-dot--2{background:var(--attention)}.resident-dot--3{background:var(--aqua)}.resident-count{color:var(--text-muted);white-space:nowrap;margin-left:.15rem;font-size:.625rem}.preview-chips{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.preview-chip{text-align:center;background:#061a1fa6;border:1px solid #27e0d61a;border-radius:10px;flex-direction:column;gap:.15rem;padding:.5rem .35rem;display:flex}.preview-chip-label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);font-size:.625rem;font-weight:500}.preview-chip-value{font-size:.8125rem;font-weight:600;line-height:1.2}.preview-chip--task .preview-chip-value,.accent-text{color:var(--attention)}.wave-divider{color:#0b2a3280;margin-top:-1px;line-height:0}.wave-divider svg{width:100%;height:28px;display:block}.beta-section{padding-top:var(--section-gap-tight);background:linear-gradient(#0000,#0b2a3259,#0000)}.beta-card{text-align:center;max-width:680px;margin-inline:auto;padding:clamp(1.5rem,4vw,2.25rem)}.beta-badge{letter-spacing:.06em;text-transform:uppercase;color:var(--attention);background:#ffd1661f;border:1px solid #ffd16640;border-radius:999px;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.75rem;font-weight:600;display:inline-block}.beta-card h2{margin-bottom:1rem;font-size:clamp(1.75rem,4vw,2.25rem)}.beta-card .section-lead{margin-inline:auto;margin-bottom:1.25rem}.beta-period{border-radius:var(--radius);border:1px solid var(--card-border);background:#061a1f80;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .75rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-weight:500;display:flex}.beta-period-label{text-transform:uppercase;letter-spacing:.06em;width:100%;color:var(--text-muted);font-size:.75rem}.beta-period-sep{color:var(--text-muted)}.beta-period time{color:var(--aqua);font-size:1.0625rem}.features-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;display:grid}.feature-card{padding:1.375rem;transition:transform .25s,border-color .25s,box-shadow .25s}.feature-card:hover{box-shadow:0 8px 32px #0000004d, 0 0 24px var(--glow-aqua);border-color:#27e0d640;transform:translateY(-3px)}.feature-icon{background:#27e0d61a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:1rem;display:flex}.feature-icon svg{fill:none;width:22px;height:22px;stroke:var(--aqua);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.feature-card h3{margin-bottom:.5rem;font-size:1.125rem}.feature-card p{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.community-section{background:linear-gradient(#0000,#3aa7ff0a,#0000)}.community-card{text-align:center;max-width:640px;margin-inline:auto;padding:clamp(1.5rem,4vw,2.25rem)}.community-card h2{margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.25rem)}.community-card .section-lead{margin-inline:auto;margin-bottom:1.25rem}.community-points{text-align:left;margin:0 0 1.5rem;margin-inline:auto;flex-direction:column;gap:.5rem;max-width:340px;margin-bottom:1.5rem;padding:0;list-style:none;display:flex}.community-points li{color:var(--text-muted);padding-left:1.25rem;font-size:.9375rem;line-height:1.5;position:relative}.community-points li:before{content:"";background:var(--aqua);width:6px;height:6px;box-shadow:0 0 6px var(--glow-aqua);border-radius:50%;position:absolute;top:.55em;left:0}.follow-section{background:linear-gradient(#0000,#3aa7ff0a,#0000)}.social-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;max-width:720px;margin-inline:auto;display:grid}.social-card{text-align:left;min-height:100%;color:var(--text);cursor:pointer;flex-direction:column;align-items:flex-start;padding:1.25rem;text-decoration:none;transition:transform .25s,border-color .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.social-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(145deg,#27e0d61a 0%,#3aa7ff0d 50%,#0000 100%);transition:opacity .25s;position:absolute;inset:0}.social-card:hover{box-shadow:0 8px 28px #00000047, 0 0 20px var(--glow-aqua);border-color:#27e0d659;transform:translateY(-3px)}.social-card:hover:before{opacity:1}.social-card:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.social-icon{z-index:1;background:#27e0d61a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-bottom:.75rem;display:flex;position:relative}.social-icon svg{fill:none;width:18px;height:18px;stroke:var(--aqua);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.social-name{z-index:1;margin-bottom:.35rem;font-size:1rem;font-weight:600;position:relative}.social-desc{z-index:1;color:var(--text-muted);text-wrap:balance;flex:1;margin:0;font-size:.8125rem;line-height:1.55;position:relative}.social-cta{z-index:1;color:var(--aqua);align-items:center;gap:.35rem;margin-top:.875rem;font-size:.8125rem;font-weight:500;transition:gap .2s;display:inline-flex;position:relative}.social-cta:after{content:"→";font-size:.875rem;transition:transform .2s}.social-card:hover .social-cta:after{transform:translate(3px)}.social-card--patreon .social-icon svg,.social-card--facebook .social-icon svg path,.social-card--youtube .social-icon svg path:first-of-type{fill:var(--aqua);stroke:none}.social-card--youtube .social-icon svg polygon{fill:var(--bg);stroke:none}.about-section{padding-bottom:var(--section-gap-tight)}.about-card{text-align:center;max-width:640px;margin-inline:auto;padding:clamp(1.5rem,4vw,2.25rem)}.about-card h2{margin-bottom:.875rem;font-size:clamp(1.75rem,4vw,2.25rem)}.about-text{color:var(--text-muted);margin-bottom:1.25rem;font-size:1.0625rem;line-height:1.75}.about-chips{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.about-chip{letter-spacing:.03em;color:var(--text-muted);background:#061a1f8c;border:1px solid #27e0d624;border-radius:999px;padding:.4rem .75rem;font-size:.75rem;font-weight:500}.contact-section{padding-bottom:var(--section-gap-tight);background:linear-gradient(#0000,#27e0d608,#0000)}.contact-card{text-align:center;max-width:560px;margin-inline:auto;padding:clamp(1.5rem,4vw,2.25rem)}.contact-card h2{margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.25rem)}.contact-card .section-lead{margin-inline:auto;margin-bottom:1.5rem}.contact-email{color:var(--aqua);border-radius:var(--radius);background:#27e0d614;border:1px solid #27e0d633;margin-bottom:2rem;padding:.75rem 1.25rem;font-size:clamp(1.0625rem,2.5vw,1.25rem);font-weight:500;text-decoration:none;transition:background .2s,border-color .2s,box-shadow .2s;display:inline-block}.contact-email:hover{box-shadow:0 0 20px var(--glow-aqua);background:#27e0d624;border-color:#27e0d659}.contact-meta{flex-wrap:wrap;justify-content:center;gap:1.5rem 2.5rem;margin:0 0 1.75rem;display:flex}.contact-meta-item{text-align:center}.contact-meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:500}.contact-meta dd{color:var(--text);margin:0;font-size:.9375rem}.contact-alt{color:var(--text-muted);font-size:.9375rem;line-height:1.65}.contact-alt a{color:var(--aqua);text-decoration:none;transition:color .2s}.contact-alt a:hover{color:var(--blue)}.site-footer{z-index:1;background:var(--bg-deep);border-top:1px solid #27e0d614;padding-block:1.5rem 2.5rem;position:relative}.footer-inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.footer-brand{color:var(--text-muted);font-size:.9375rem;font-weight:500}.footer-email{color:var(--text-muted);text-decoration:none;transition:color .2s}.footer-email:hover{color:var(--aqua)}.footer-nav{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;display:flex}.footer-nav a{color:var(--text-muted);align-items:center;gap:.4rem;font-size:.875rem;text-decoration:none;transition:color .2s;display:inline-flex}.footer-nav a svg{fill:none;stroke:currentColor;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:16px;height:16px}.footer-nav a[href*=facebook] svg path,.footer-nav a[href*=youtube] svg path:first-of-type{fill:currentColor;stroke:none}.footer-nav a[href*=youtube] svg polygon{fill:var(--bg-deep);stroke:none}.footer-nav a:hover{color:var(--aqua)}.contact-fab{z-index:200;color:var(--text);box-shadow:0 4px 24px #00000059, 0 0 20px var(--glow-aqua);border-radius:999px;align-items:center;gap:.5rem;padding:.875rem 1.125rem;text-decoration:none;transition:transform .2s,box-shadow .2s,border-color .2s;display:inline-flex;position:fixed;bottom:1.25rem;right:1.25rem}.contact-fab:hover{box-shadow:0 8px 32px #0006, 0 0 28px var(--glow-aqua);border-color:#27e0d659;transform:translateY(-2px)}.contact-fab:focus-visible{outline:2px solid var(--aqua);outline-offset:3px}.contact-fab svg{fill:none;width:20px;height:20px;stroke:var(--aqua);stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round}.contact-fab-label{font-size:.9375rem;font-weight:500}@media (width<=480px){.container{width:min(var(--max-width), 100% - 1.5rem)}.contact-fab{padding:.75rem;bottom:.875rem;right:.875rem}main{padding-bottom:4.5rem}.contact-fab-label{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}@media (width<=768px){.header-nav{display:none}.site-header{padding-block:.75rem}.logo-icon-wrap{border-radius:9px;width:36px;height:36px}.logo-text{font-size:1.0625rem}.hero-grid{text-align:center;grid-template-columns:1fr;gap:1.5rem}.hero-text{margin-inline:auto}.hero-actions{justify-content:center}.hero-visual{order:-1}.hero-card{width:min(320px,100%)}.preview-chips{grid-template-columns:repeat(2,1fr)}.preview-chip--task{grid-column:1/-1}.features-grid{grid-template-columns:1fr}}@media (width<=540px){.social-grid{grid-template-columns:1fr}}@media (width<=400px){.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%}}@media (prefers-reduced-motion:reduce){.blob,.bubble,.preview-fish,.tank-wave,.preview-bubble{animation:none}.btn:hover,.feature-card:hover,.social-card:hover,.contact-fab:hover{transform:none}}