*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%}body{font-family:Segoe UI,sans-serif;background-color:#fff;color:#222;line-height:1.6;overflow-x:hidden;min-width:320px;min-height:100vh}html{scroll-behavior:smooth}:root{--waviz_pink: #e34ab0;--waviz_blue: #5bc4fa;--waviz_blueVar1: #2d99cf;--waviz_bgDarkBlue1: #161b25;--waviz_bgDarkBlue2: #222b41;--waviz_bgDarkBlue3: #3d4d76;--waviz_bgDarkBlue4: #0c1221;--waviz_bgLightBlue1: #ccdaf6;--waviz_bgLightBlue2: #e2ebfd;--waviz_bgLightBlue3: #8ca5d6;--waviz_bgPink1: #fff4fb;--waviz_bgPink2: #e3d9e0}.section{padding:4rem 2rem;text-align:center}h1{font-size:3rem;line-height:normal;color:var(--waviz_bgDarkBlue3);padding-bottom:.5rem}h2{line-height:2.5rem;padding-bottom:.5rem}.title-heading{font-size:3.5rem;font-weight:700;margin-bottom:1rem;letter-spacing:1px}.title-heading.subtle-title{font-size:1.75rem;font-weight:500;margin-top:0;margin-bottom:.5rem;color:#ffffffb3}.title-subtext{font-size:1.25rem;margin:0 auto;line-height:1.6;color:#ccc}.navbar{position:fixed;z-index:100;width:100%;display:flex;justify-content:space-between;padding:1rem 2rem;background-color:#0a0a23;color:#fff}.navbar a{margin-left:1.5rem;text-decoration:none;color:#e0e0e0;font-weight:700}.navbar a:hover{color:#fff;border-bottom:none;text-decoration:none}.navbar-title a{font-size:1.5rem;color:#fff}.navbarButtons{display:flex;align-items:center}@media screen and (max-width: 768px){.hideOnSmallScreen{display:none}}.home{position:relative;z-index:1;margin:0;padding:0;width:100%;color:#fff;overflow:hidden}.title-section{background:linear-gradient(135deg,var(--waviz_bgDarkBlue1),var(--waviz_bgDarkBlue2));color:#fff;padding:6rem 2rem;text-align:center;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:1;padding:2rem}.logo{height:80%;margin-bottom:.5rem;z-index:2;position:relative;background-color:#0006}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000073;z-index:0}.features-section{background:linear-gradient(to bottom,var(--waviz_bgPink1),var(--waviz_bgPink2));padding:4rem 2rem;color:#1a1a1a;display:flex;flex-direction:column;align-items:center}.features-section p{color:var(--waviz_bgDarkBlue3)}.features-section h2{font-size:2rem;color:var(--waviz_bgDarkBlue3)}.features-section ul{list-style:none;padding:0}.features-section li{margin-bottom:1rem;font-size:1.1rem;color:#333}.usage-section{background:linear-gradient(60deg,#d5dae3,#8994a9);padding:5rem 2rem;text-align:center;color:#111;display:flex;flex-direction:column;align-items:center}.usage-section h2{font-size:2rem;font-weight:700;color:#2c3e50;margin-bottom:1rem}.usage-section p{font-size:1.2rem;color:var(--waviz_bgDarkBlue3);font-weight:500;line-height:1.6;margin-bottom:2rem;text-align:left}.usage-section code{background-color:#1e1e2f;color:#00f7ff;padding:.8rem 1.2rem;border-radius:8px;font-size:1rem;font-family:Courier New,monospace;box-shadow:0 10px 30px #0006;transition:transform .2s ease,box-shadow .2s ease}.usage-section code:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 15px 35px #00000080;cursor:pointer}.usage-section .code-block{min-width:20rem}.library-section{background-color:var(--waviz_bgDarkBlue1);color:#f4f4f4;padding:4rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;position:relative}.library-section h2{font-size:2rem;margin-bottom:1.5rem;color:#62dafc}.library-section p{color:var(--waviz_bgLightBlue1);font-size:1.2rem;line-height:1.6;max-width:700px;margin:0 auto;text-align:left}.usage-section .code-block p{color:var(--waviz_bgLightBlue3);max-width:100rem}.code-block{position:relative;background-color:#1e1e2f;padding:1.25rem 1.5rem;border-radius:8px;overflow-x:auto;box-shadow:0 4px 10px #00000040}.code-block code{font-family:Menlo,Consolas,Courier New,monospace;font-size:.95rem;font-weight:400;line-height:1.6;letter-spacing:.2px;white-space:pre-wrap;color:#eaeaea;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:block}.code-block:before{position:absolute;top:0;left:0;padding:.4rem 1rem;background-color:#2d2d3a;border-top-left-radius:8px;border-bottom-right-radius:8px;font-size:.75rem;font-weight:700;color:#ccc}.copy-button{position:absolute;top:0;right:0;padding:.4rem 1rem;background-color:#2d2d3a;border-top-right-radius:8px;border-bottom-left-radius:8px;font-size:.75rem;font-weight:700;color:#ccc;cursor:pointer}.copy-button:hover{color:#fff}code{background-color:var(--waviz_bgDarkBlue1);color:var(--waviz_blue);padding:.5rem .75rem;font-size:.9rem;font-family:Courier New,Courier,monospace;border-radius:6px;display:inline-block;box-shadow:0 4px 8px #00000040}.code-link code{background-color:#1e1e1e;color:#00f7ff;padding:.5rem 1rem;border-radius:6px;font-size:1rem;font-family:Courier New,monospace;transition:background-color .3s ease;text-decoration:none;display:inline-block;cursor:pointer}.code-link code:hover{background-color:#2e2e2e}code a:hover{color:var(--waviz_blue);cursor:pointer}code a:active{color:var(--waviz_blueVar1);cursor:pointer}.copyCode{color:var(--waviz_bgLightBlue3)}.docs-page{max-width:1400px;margin:0 auto;padding:2rem}.docs-header{text-align:center;margin-bottom:2rem}.docs-search{margin-bottom:1.5rem;text-align:center}.search-input{width:60%;max-width:500px;padding:.75rem;border:1px solid #ccc;border-radius:6px}.docs-container{display:flex;margin-top:2rem}.docs-sidebar{width:220px;padding:1rem;border-right:1px solid #ccc;position:sticky;top:0;height:100vh;overflow-y:auto}.docs-sidebar ul{list-style:none;padding:0}.docs-sidebar li{margin-bottom:.5rem}.docs-sidebar button{background:none;border:none;color:#333;font-weight:700;cursor:pointer;text-align:left;padding:.5rem;width:100%;display:flex;justify-content:space-between}.docs-sidebar button:hover{color:#000}.docs-sidebar .sub-items{margin-left:1rem;margin-top:.25rem;padding-left:.5rem;border-left:2px solid #ccc}.docs-sidebar .sub-items a{display:block;color:#555;text-decoration:none;padding:.25rem 0;font-weight:500;transition:all .2s ease}.docs-sidebar .sub-items a:hover{color:#007bff;background-color:#f0f8ff;text-decoration:underline;border-radius:4px}.docs-content{flex:1;padding:0 1.5rem}.docs-content h2,.docs-content h3,.docs-content h4,.docs-content p,.docs-content li{margin-top:1rem;margin-bottom:1rem;line-height:1.75}.sidebar-item.active{background-color:#e6f2ff;font-weight:700;border-left:4px solid #007acc;color:#004e8a}.highlight{background-color:#fff6c2;border-left:4px solid #ffc107;padding:4px 8px;border-radius:4px;transition:background-color .5s ease,opacity .5s ease}.fade-out{opacity:.4}.method-block.highlight{background-color:#fffecb;transition:background-color .3s ease-in-out}.method-link{display:block;color:#555;text-decoration:none;padding:.25rem .5rem;font-weight:500;border-radius:4px;transition:background-color .2s ease,color .2s ease}.method-link:hover{background-color:#e6f2ff;color:#000}.scroll-to-top{margin-top:1rem;margin-left:1rem;padding:.5rem 1rem;font-size:.9rem;background-color:#004080;color:#fff;border:none;border-radius:4px;cursor:pointer}.scroll-to-top:hover{background-color:#0059b3}.footer-section{background-color:var(--waviz_bgDarkBlue4);padding:3rem 2rem;text-align:center;font-size:.9rem}.footer-container{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;max-width:1200px;margin:0 auto;gap:2rem}.footer-column{flex:1;min-width:100px;text-align:left}.footer-column h3{color:#f8fafc;font-weight:600;padding-bottom:1rem}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:.5rem}.footer-column a{text-decoration:none;color:#cbd5e1;transition:color .2s ease}.footer-column a:hover{color:#fff;text-decoration:underline}.footer-column p{color:#94a3b8;margin-top:.5rem}.footerLogo{width:8rem}.footer-icons{display:flex;gap:16px;margin-top:1rem}.footer-icons img,.footer-icons svg{width:24px;height:24px;fill:#ccc;transition:all .2s ease;cursor:pointer}.footer-icons img:hover,.footer-icons svg:hover{fill:#fff;transform:scale(1.1)}.circle-icon{width:16px;height:16px;border:1.5px solid #333;border-radius:50%;transition:background-color .2s}.circle-icon:hover{background-color:#07c;border-color:#07c;cursor:pointer}.background-video{position:fixed;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:-1}.video-background video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:-1}.fade-in-start{opacity:0;transform:translateY(40px);transition:opacity 2.5s ease-out,transform 2.5s ease-out;visibility:hidden}.fade-in{opacity:1;transform:translateY(0);visibility:visible;transition:opacity 2.5s ease-in-out,transform 2.5s ease-in-out}.pre-fade{opacity:0;transform:translateY(20px)}.code-link code:hover{background-color:#2e2e2e;cursor:pointer}.sectionHeader{display:flex;flex-direction:column;text-align:left;padding:3rem 0rem;width:70vw}.sectionBlock{display:flex;padding:3rem 0rem;gap:2rem;width:70vw}.sectionBlock h4{color:#525252}.sectionReversed{flex-direction:row-reverse}.sectionImage{border-radius:10px;width:auto;max-height:250px}.sectionLogo{height:100px}.socialMediaIcons{width:1rem}.mainLogo{width:25vw;padding:1rem;min-width:10rem}.cta-button{text-decoration:none;font-weight:700;color:var(--waviz_bgLightBlue1);background-color:var(--waviz_blueVar1);padding:1rem 2rem;border-radius:.5rem;margin:rem;box-shadow:0 0 10px var(--waviz_blueVar1)}.cta-button:hover{background-color:var(--waviz_blue);box-shadow:0 0 30px var(--waviz_blueVar1)}@media (max-width: 768px){.title-heading{font-size:2rem}.title-subtext{font-size:1rem;color:#fff}.features-section,.usage-section,.library-section{padding:3rem 1rem}.footer-container{flex-direction:column;align-items:start;text-align:center}.sectionBlock{flex-direction:column;align-items:center}.sectionReversed{flex-direction:column}.footer-column ul{display:flex;flex-direction:row;gap:1rem}}.about-container{max-width:80vw;margin:1rem auto;margin-top:0;padding:6rem 1rem 1rem;min-height:100vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.about-title,.section-title{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:2rem}.about-section{margin-bottom:4rem;font-family:Inter,Segoe UI,sans-serif;text-align:left;width:100%}.about-section p{font-size:1.1rem;line-height:1.6;margin-bottom:1rem}.gradient-text{background:linear-gradient(90deg,#ff5aad,#a66eff,#56ccf2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent}.team-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem}.team-card{border:1px solid #ddd;border-radius:12px;padding:1.5rem;width:220px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.team-card:hover{transform:scale(1.03);box-shadow:0 6px 18px #00000026}.image-container{overflow:hidden;border-radius:50%;width:140px;height:140px;margin:0 auto 1rem}.team-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.image-container:hover .team-image{transform:scale(1.1)}.team-email{font-size:.9rem;color:#555;margin-bottom:.25rem}.team-github{font-size:.9rem;color:#007bff}.team-linkedin{font-size:.9rem;color:#0077b5;display:block;margin-top:.25rem;transition:color .2s ease}.team-name{font-size:1.25rem;font-weight:700;margin:.5rem 0 .25rem}.social-icon{display:inline-flex;align-items:center;margin:.25rem;text-decoration:none;color:#000;transition:color .3s ease}.social-icon:hover{color:#0077b5}.socialMediaIcons{width:1rem;height:1rem}.icon-label{display:none;margin-left:6px;font-size:.9rem}.social-icon:hover .icon-label{display:inline}.team-card a{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem;font-weight:500;justify-content:center;text-align:center;width:100%}.team-card a,.team-linkedin:hover,.team-card a:hover{color:#0056b3;text-decoration:none}.gallery-container{padding:6rem 2rem 2rem;text-align:center}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem;justify-items:center}.gallery-item{border:1px solid rgba(0,0,0,.1);background:linear-gradient(135deg,#fcfcfc,#f7f7f7);border-radius:10px;padding:1rem;transition:all .3s ease;width:250px}.gallery-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.gallery-item img{width:100%;height:180px;object-fit:cover;display:block}.gallery-item h3{margin:.5rem 0;font-size:1rem}.gallery-item p{font-size:.85rem;color:#555;margin:0 0 .75rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:1.25rem;border-radius:12px;width:95%;max-width:560px;max-height:80vh;overflow-y:auto;box-shadow:0 10px 30px #00000059;animation:fadeScaleIn .25s ease-in-out;display:flex;flex-direction:column;gap:1rem}.modal-top{display:flex;align-items:flex-start;gap:1rem;flex-wrap:wrap}.modal-image{width:200px;height:200px;object-fit:cover;border-radius:8px;background-color:#f5f5f5;flex-shrink:0}.modal-howto{flex:1;font-size:.85rem;color:#333;line-height:1.4;margin-top:.2rem}.modal-howto h1{font-size:1.5rem;text-align:left}.modal-howto p{text-align:left}.modal .modal-params-options{display:flex;flex-direction:column}.modal-params-options .section{padding:1rem;text-align:left}.modal-params-options h3{font-size:}.section{flex:1 1 45%;font-size:.85rem;line-height:1.4;color:#222}.section strong{font-size:.9rem;display:block;margin-bottom:.3rem}.param-label{font-weight:700;min-width:70px;display:inline-block;font-size:.85rem}.code-snippet{background:#f4f4f4;font-family:monospace;font-size:.8rem;padding:.6rem 1rem;border-radius:6px;white-space:pre-wrap;color:#222;display:block;width:100%;margin-top:.3rem;display:flex;justify-content:space-between}.close-button{margin-top:1rem;padding:.4rem 1.2rem;font-size:.85rem;background-color:#333;color:#fff;border:none;border-radius:6px;cursor:pointer;align-self:center}.close-button:hover{background-color:#555}.code-container{position:relative;padding:1rem;background-color:#f4f4f4;border-radius:6px;margin-top:.5rem;overflow-x:auto}.copy-button{position:absolute;top:.5rem;right:.75rem;background-color:#1b263b;color:#f1f1f1;border:none;padding:.3rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer;transition:background-color .2s ease-in-out}.copy-button:hover{background-color:#415a77}.gallery-item-image{border-radius:10px}.docsMDContent{padding-top:6rem;display:flex;flex-direction:column;align-items:center}.docsContainer{display:flex;flex-direction:row;width:100%;justify-content:center}.index{display:flex;flex-direction:column;gap:.5rem;border-right:solid 1px #d2d2d2;padding:.5rem;min-width:15rem;margin-top:3rem}.index a{text-decoration:none;font-weight:700;text-align:end;color:#23404f;padding:.2rem .7rem;border-radius:.5rem;display:block;transition:translate .5s}.index a:hover{color:#6196b0;translate:-1rem}.index a:active{color:#52b6e7}@media screen and (max-width: 800px){.index{display:none}}.markdown{line-height:1.6;font-family:system-ui,sans-serif;padding:1rem;margin:3rem 0rem 10rem;max-width:600px;flex:1;width:100%;box-sizing:border-box;overflow:auto}.markdown h1{font-size:2.5rem;color:#273e48;margin:3rem 0rem .5rem}.markdown h2{font-size:2rem;color:#50636b;margin:3rem 0rem .5rem}.markdown h3{font-size:1.5rem;color:#6badcb;margin:3rem 0rem .5rem}.markdown h4{font-size:1.2rem;font-style:italic;color:#93a9b3;margin:3rem 0rem .5rem}.markdown h5{font-size:1rem;font-style:italic;color:#8e8e8e;margin:1.5rem 0rem .5rem}.markdown p{margin:.5rem 0rem}.markdown a{text-decoration:none;color:#40aee4}.markdown ul{padding-left:1.2em;list-style-type:disc;margin:1rem 0rem}.markdown img{width:100%;border-radius:1rem}.markdown code{font-family:monospace;background:#434343;padding:.2em 1em;margin:.1rem 0rem;border-radius:4px;text-wrap:wrap;box-shadow:none}