*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth;transition:.3s ease}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:#fafafa;color:#171717;overflow-x:hidden}.header{position:fixed;top:0;width:100vw;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 4rem;z-index:1000;background:#fafafa;border-bottom:1px solid #e5e5e5;transition:padding .3s,background .3s;gap:20px}.header.scrolled{padding:.875rem 4rem}.logo{display:flex;gap:.75rem;font-weight:600;font-size:1.25rem;color:#171717;text-decoration:none}.logo h3{font-weight:550}.header img{height:32px;width:32px}.links{display:flex;gap:1.5rem}.links{display:flex;gap:2.5rem;align-items:center}.links a{color:#737373;text-decoration:none;font-size:.875rem;transition:color .2s;font-weight:400;position:relative}.links a:not(.btn):hover:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:#171717}.links a:hover{color:#171717}@media (max-width: 1024px){.header{padding:1rem 2rem}.header.scrolled{padding:.75rem 2rem}.links{gap:1.5rem}}@media (max-width: 768px){.header{padding:1rem 1.5rem}.header.scrolled{padding:.75rem 1.5rem}.links{flex-wrap:wrap;gap:1rem}.links a{font-size:.8125rem}}@media (max-width: 480px){.header{padding:.75rem 1rem}.header.scrolled{padding:.5rem 1rem}.logo{font-size:1rem}.links{gap:.75rem}.links a{font-size:.75rem}.header img{height:28px;width:28px}}.button{background-color:#171717;border:none;padding:.75rem 1.5rem;border-radius:8px;color:#fafafa;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.button:hover{background-color:#404040;transform:translateY(-2px)}.buttonwhite{background-color:#fafafa;border:2px solid rgb(210,210,210);padding:.75rem 1.5rem;border-radius:8px;color:#171717;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.buttonwhite:hover{transform:translateY(-2px)}@media (max-width: 768px){.button,.buttonwhite{padding:.65rem 1.25rem;font-size:.95rem}}@media (max-width: 480px){.button,.buttonwhite{text-align:center;font-size:.9rem;padding:.6rem 1rem}}@media (max-width: 333px){.button,.buttonwhite{text-align:center;font-size:.7rem;padding:.4rem .8rem}}.cardx{background-color:#fafafa;padding:3rem;transition:all .3s;cursor:pointer;position:relative;overflow:hidden;text-align:left}.cardx:hover{background:#fff;transform:translateY(-2px)}.cardx:before{content:"";position:absolute;top:0;left:0;width:0;height:2px;background:#171717;transition:width .3s}.cardx:hover:before{width:100%}.cardnum{font-size:.75rem;color:#a3a3a3;margin-bottom:1.5rem;font-weight:500;transition:color .3s}.cardx:hover .cardnum{color:#171717}.cardx h3{font-size:1.25rem;margin-bottom:.75rem;color:#171717;font-weight:500;letter-spacing:-.02em}.cardx p{color:#737373;line-height:1.6;font-size:.9375rem}@media (max-width: 1024px){.cardx{padding:2.5rem}.cardx h3{font-size:1.125rem}.cardx p{font-size:.9rem}}@media (max-width: 768px){.cardx{padding:2rem}.cardnum{font-size:.7rem}.cardx h3{font-size:1rem}.cardx p{font-size:.875rem}}@media (max-width: 480px){.cardx{padding:1.5rem}.cardx h3{font-size:.95rem}.cardx p{font-size:.8125rem}}.filecontainer{background:none;padding:6px 8px;border:1px solid #e5e5e5;display:flex;flex-direction:row;align-items:center;gap:8px;max-width:100%;transition:all .2s ease}.filecontainer.clickable:hover{background-color:#f0f8ff;border-color:#4caf50;transform:scale(.98);box-shadow:0 2px 4px #0000001a}.footer{padding:2rem 3rem;border-top:1px solid #e5e5e5;display:flex;justify-content:space-between;align-items:center}.footerlink{display:flex;gap:2rem}.footerlink a{color:#a3a3a3;text-decoration:none;font-size:.875rem;transition:color .2s;position:relative}.footerlink a:hover{color:#171717}.footerlink a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:#171717;transition:width .2s}.footerlink a:hover:after{width:100%}.compname{color:#a3a3a3;font-size:.875rem}@media (max-width: 768px){.footer{flex-direction:column;align-items:flex-start;gap:1rem;padding:2rem 1.5rem}.footerlink{gap:1.5rem;flex-wrap:wrap}.compname{font-size:.8125rem}}@media (max-width: 480px){.footerlink a{font-size:.8125rem}.compname{font-size:.75rem}.footer{padding:1.5rem 1rem}}.sectioncardK{background:#fafafa;border:1px solid #e5e5e5;padding:2rem;border-radius:8px;max-width:720px;transition:all .3s ease-in-out}.sectiontitleK{font-size:1.5rem;font-weight:600;margin-bottom:.5rem;color:#171717}.sectionsubK{color:#737373;font-size:1rem;margin-bottom:2rem}.sectionstepK{margin-bottom:2.5rem}.sectionstepK h4{font-size:1.125rem;margin-bottom:.25rem;color:#262626}.sectionstepK:last-child{margin-bottom:0}.sectiondescK{font-size:.9rem;color:#737373;margin-bottom:1rem}.buttonsK{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 600px){.buttonsK{flex-direction:column}.sectioncardK{padding:1.5rem}}.filebufferarray{display:flex;flex-direction:row;gap:10px;overflow-x:scroll;padding-bottom:20px;border-bottom:1px solid #e5e5e5}.filebufferarray:last-child{border-bottom:none}.dropZone{padding:20px;border:2px dashed #d4d4d4;border-radius:8px;background-color:#f5f5f5;cursor:pointer;transition:border-color .3s ease;width:100%;height:200px;display:flex;justify-content:center;align-items:center;text-align:center}.dropZone:hover{border-color:#999;background-color:#ebebeb}.hiddenInput{display:none}.dropZoneContent p{font-size:16px;color:#555}input[type=file]{display:none}.sendfilebutton{background-color:#1b1b1b;color:#fff;padding:0 20px;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.sendfilebutton:hover{background-color:#3f3f3f;scale:.98}.notif-container{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:9999;animation:slideIn .3s ease-out;width:calc(100% - 2rem);max-width:480px}.notif-content{background:#fff;border:1px solid #e5e5e5;color:#171717;padding:1rem 1.25rem;border-radius:8px;box-shadow:0 8px 24px #0000000f;position:relative;font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}.notif-content p:first-child{font-size:1rem;font-weight:600;margin-bottom:.25rem}.notif-content p:last-child{font-size:.875rem;color:#525252;line-height:1.5}.notif-content button{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;font-size:1rem;color:#737373;cursor:pointer;line-height:1}.notif-content button:hover{color:#171717}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) translate(-50%)}to{opacity:1;transform:translateY(0) translate(-50%)}}@media (max-width: 480px){.notif-container{top:1rem;width:calc(100% - 1.5rem);max-width:none}.notif-content{padding:.875rem 1rem;font-size:.875rem}.notif-content p:first-child{font-size:.95rem}.notif-content p:last-child{font-size:.8125rem}}body,html{align-items:center;color:#525252}section{padding:8rem 4rem;border-top:1px solid #e5e5e5}h6{font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:#a3a3a3;margin-bottom:3rem;font-weight:500}.welcome{max-height:750px;position:relative}.welcomecont{position:relative;max-width:720px}h1{margin-top:2rem;font-size:4.5rem;font-weight:600;margin-bottom:1.5rem;color:#171717;line-height:1.1;letter-spacing:-.04em;opacity:0;animation:fadeInUp .8s forwards .2s}.sub{font-size:1.25rem;color:#525252;margin-bottom:2.5rem;font-weight:400;max-width:560px;opacity:0;animation:fadeInUp .8s forwards .4s}.btns{display:flex;gap:.75rem;align-items:center;opacity:0;animation:fadeInUp .8s forwards .6s}.btn-primary{padding:.75rem 1.5rem;text-decoration:none;background:#171717;color:#fafafa;border-radius:8px}.btn-primary:hover{background:#404040;transform:translateY(-1px)}.arrow{margin-left:.25rem;display:inline-block;transition:transform .2s}.btn:hover .arrow{transform:translate(2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.scroll-indicator{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);opacity:0;animation:fadeInUp .8s forwards .8s,bounce 2s infinite 1.6s}p{display:block;margin-block-start:1em;margin-block-end:1em;margin-inline-start:0px;margin-inline-end:0px}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator span{display:block;width:20px;height:30px;border:2px solid #737373;border-radius:15px;position:relative}.scroll-indicator span:before{content:"";position:absolute;top:6px;left:50%;transform:translate(-50%);width:2px;height:6px;background:#737373;border-radius:2px;animation:scrollDown 1.5s infinite}@keyframes scrollDown{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(12px)}}.cardcontainer{max-width:1400px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#e5e5e5;border:1px solid #e5e5e5}@media (min-width: 1600px){.welcomecont{max-width:960px}h1{font-size:5rem}.sub{font-size:1.5rem}}@media (max-width: 900px){section{padding:3rem 2rem}h1{font-size:3.5rem}.sub{font-size:1.125rem}}@media (max-width: 768px){h1{font-size:3rem}.sub{font-size:1rem}.btns{flex-direction:column;align-items:stretch}.btn-primary{width:100%;text-align:center}}@media (max-width: 480px){h1{font-size:2.25rem}.sub{font-size:.95rem}.scroll-indicator{bottom:1rem}}@media (max-width: 360px){h1{font-size:1.75rem}.sub{font-size:.875rem}}@media (max-width: 1024px){.cardcontainer{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.cardcontainer{grid-template-columns:1fr}}