*{margin:0;padding:0;box-sizing:border-box}:root{--kyndl-blue: #0d8cfe;--kyndl-dark-blue: #0066cc;--text-color: #333;--text-light: #fff;--background-light: #f8f9fa;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--card-background: rgba(255, 255, 255, .08);--card-border: rgba(255, 255, 255, .1);--card-border-width: 1px}body{font-family:var(--font-family);line-height:1.6;color:var(--text-light);background:linear-gradient(135deg,var(--kyndl-blue) 0%,var(--kyndl-dark-blue) 100%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}header{background-color:transparent;position:relative;z-index:1000;flex-shrink:0}.site-header{position:sticky;top:0;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:transparent;transition:none}.site-header.header--scrolled{background-color:transparent;box-shadow:none}@media(max-width:768px){.site-header,.site-header.header--scrolled{background-color:var(--kyndl-blue)}.site-header.header--scrolled nav{padding:1.5rem 2rem}}nav{padding:1.5rem 2rem;transition:padding .3s ease;display:flex;justify-content:space-between;align-items:center}.site-header.header--scrolled nav{padding:.75rem 2rem}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001}.hamburger span{width:25px;height:3px;background-color:var(--text-light);transition:all .3s ease;border-radius:2px}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{color:var(--text-light);text-decoration:none;font-weight:500;font-size:.95rem;transition:opacity .2s ease;opacity:.9}.nav-link:hover{opacity:1}.logo-link{text-decoration:none;width:fit-content;display:flex}.logo{display:flex;align-items:center;gap:.25rem;width:fit-content}.logo-img{height:60px;width:auto}.logo-text{font-size:2rem;font-weight:700;color:var(--text-light);letter-spacing:1px}.background-shapes{position:fixed;inset:0;width:100%;height:100%;min-height:100vh;pointer-events:none;z-index:0}.shape{position:absolute;background-image:url(/assets/images/logos/logo-transparent.png);background-size:contain;background-repeat:no-repeat;background-position:center;animation:float 6s ease-in-out infinite}.shape-1{width:350px;height:350px;top:5%;left:-80px;opacity:.08;animation-delay:0s;animation-duration:10s}.shape-2{width:220px;height:220px;top:55%;right:-40px;opacity:.08;animation-delay:1.5s;animation-duration:8s}.shape-3{width:160px;height:160px;bottom:20%;left:15%;opacity:.08;animation-delay:2.5s;animation-duration:11s}.shape-4{width:280px;height:280px;top:30%;right:10%;opacity:.05;animation-delay:.8s;animation-duration:9s}.shape-5{width:140px;height:140px;bottom:40%;left:-30px;opacity:.06;animation-delay:3s;animation-duration:12s}.shape-6{width:200px;height:200px;top:70%;left:50%;opacity:.08;animation-delay:1s;animation-duration:7s}.shape-7{width:320px;height:320px;bottom:10%;right:5%;opacity:.07;animation-delay:2s;animation-duration:13s}.shape-8{width:180px;height:180px;top:15%;left:40%;opacity:.05;animation-delay:3.5s;animation-duration:9.5s}main.landing{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:1;min-height:100vh}.hero-content{text-align:center;max-width:700px;color:var(--text-light);animation:fadeInUp 1s ease-out}.hero-content h1{font-size:5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px}.tagline{font-size:1.35rem;margin-bottom:3rem;opacity:.95;font-weight:400}.download-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.store-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.5rem;background-color:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--card-border-width) solid var(--card-border);border-radius:12px;color:var(--text-light);text-decoration:none;transition:all .3s ease;min-width:180px}.store-button:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.store-button svg{width:32px;height:32px;flex-shrink:0}.button-text{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.button-text .small{font-size:.7rem;text-transform:uppercase;opacity:.9;font-weight:500}.button-text .large{font-size:1.15rem;font-weight:600;line-height:1.2}.download-buttons-secondary{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.store-button-secondary{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;background-color:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--card-border-width) solid var(--card-border);border-radius:12px;color:var(--text-light);text-decoration:none;transition:all .3s ease;font-size:1.1rem;font-weight:600}.store-button-secondary:hover{background-color:#ffffff4d;border-color:#fff9;transform:translateY(-2px);box-shadow:0 10px 30px #0000004d}.store-button-secondary svg{width:28px;height:28px}footer{background-color:transparent;text-align:center;padding:1rem;color:var(--text-light);opacity:.8;flex-shrink:0}footer p{margin:.25rem 0;font-size:.85rem}.company-name{font-size:.8rem;opacity:.7}.footer-link{margin-right:1rem;color:#fff;text-decoration:none}.footer-link:last-child{margin-right:0}.footer-link:hover{text-decoration:underline}main.contact-page{flex:1;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;position:relative;z-index:1;overflow-y:auto}.contact-container{max-width:1200px;width:100%;animation:fadeInUp 1s ease-out}.page-title{font-size:4rem;font-weight:800;color:var(--text-light);text-align:center;margin-bottom:3rem;letter-spacing:-2px}.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.contact-card{background-color:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--card-border-width) solid var(--card-border);border-radius:16px;padding:2rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.contact-card:hover{background-color:#ffffff40;border-color:#ffffff80;transform:translateY(-4px);box-shadow:0 10px 30px #0003}.contact-card h2{font-size:1.5rem;font-weight:700;color:var(--text-light);margin:0}.contact-card p{font-size:1rem;color:var(--text-light);opacity:.9;line-height:1.6;margin:0;flex-grow:1}.contact-link{color:var(--text-light);text-decoration:none;font-weight:600;font-size:1rem;transition:all .2s ease;display:inline-block}.contact-link:hover{opacity:.8;transform:translate(4px)}.social-links{display:flex;gap:1rem;flex-wrap:wrap}.social-link{color:var(--text-light);text-decoration:none;font-weight:600;padding:.5rem 1rem;background-color:#ffffff1a;border-radius:8px;transition:all .2s ease}.social-link:hover{background-color:#fff3;transform:translateY(-2px)}.mission-section{position:relative;z-index:1;padding:4rem 2rem;background:transparent}.mission-container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem;color:var(--text-light)}.section-header h2{font-size:3.5rem;font-weight:800;margin-bottom:.5rem;letter-spacing:-1px}.section-header .subtitle{font-size:1.5rem;opacity:.9;font-weight:300}.mission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.mission-section .contact-card,.mission-section .contact-card h2,.mission-section .contact-card p,.mission-section .contact-card strong,.mission-section .contact-card li,.mission-section .contact-card .card-content *{color:#fff}.mission-section .contact-card .features-list{padding-left:1.5rem}.mission-section .contact-card .features-list li{color:#fff}.mission-section .contact-card.wide{grid-column:1 / -1;text-align:center}.mission-section .contact-card.wide .welcome-text{color:#fff;max-width:100%;margin:0 auto}.mission-card{background:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 10px 40px #00000026;transition:transform .3s ease,box-shadow .3s ease}.mission-card:hover{transform:translateY(-5px);box-shadow:0 15px 50px #00000040}.mission-card.wide{grid-column:1 / -1;text-align:center}.mission-card h3{font-size:1.75rem;margin-bottom:1.25rem;color:var(--kyndl-dark-blue);font-weight:700}.cta-section{text-align:center;margin-top:4rem;padding-top:3rem;border-top:2px solid rgba(255,255,255,.2)}.cta-text{font-size:1.75rem;color:var(--text-light);margin-bottom:2rem;font-weight:600}.privacy-container,.terms-container,.safety-container,.deletion-container{max-width:800px;margin:0 auto;padding:2rem;min-height:100vh}.privacy-header,.terms-header,.safety-header,.deletion-header{text-align:center;margin-bottom:3rem;padding-top:2rem}.privacy-header h1,.terms-header h1,.safety-header h1,.deletion-header h1{color:#fff;margin-bottom:.5rem}.privacy-content,.terms-content,.safety-content,.deletion-content{line-height:1.8}.privacy-content h2,.terms-content h2,.safety-content h2,.deletion-content h2{color:#fff;margin-top:2rem;margin-bottom:1rem}.privacy-content p,.terms-content p,.safety-content p,.deletion-content p{margin-bottom:1rem;color:#fff}.back-link{display:inline-block;margin-bottom:2rem;color:#fff;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.info-box,.warning-box,.contact-box,.info-box *,.warning-box *,.contact-box *,.info-box h3,.warning-box h3,.contact-box h3,.info-box p,.warning-box p,.contact-box p{color:#fff}.info-box a,.warning-box a,.contact-box a{color:#fff;text-decoration:underline}.info-box .material-icons,.warning-box .material-icons,.contact-box .material-icons{color:#fff}.card-icon,.mission-section .card-icon{color:#fff!important}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;text-align:center;padding:2rem;position:relative;z-index:1}.error-code{font-size:8rem;font-weight:700;color:#fff;line-height:1;margin:0}.error-message{font-size:2rem;color:#fff;margin:1rem 0 2rem}.error-description{color:#fffc;font-size:1.1rem;margin-bottom:2rem;max-width:500px}.home-button{display:inline-block;padding:1rem 2.5rem;background:#fff;color:#2b87da;text-decoration:none;border-radius:50px;font-weight:600;font-size:1.1rem;transition:all .3s ease}.home-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0003}@media(max-width:768px){nav{flex-direction:row;align-items:center}.hamburger{display:flex}.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:250px;background-color:#0d5eab;flex-direction:column;gap:0;padding:5rem 2rem 2rem;transition:right .3s ease;box-shadow:-5px 0 15px #0003;z-index:1000}.nav-links.mobile-open{right:0}.nav-link{font-size:1rem;padding:1rem 0;width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.hero-content h1{font-size:2.5rem}.tagline{font-size:1rem}.download-buttons{flex-direction:column;align-items:center}}.kyndl-storyline{position:relative;z-index:1;padding:4rem 2rem;background:transparent}.storyline-container{max-width:1200px;margin:0 auto}.storyline-header{text-align:center;margin-bottom:3rem}.storyline-header h2{font-size:3rem;font-weight:800;color:var(--text-light);margin-bottom:1rem;letter-spacing:-1px}.storyline-subtitle{font-size:1.25rem;color:#ffffffd9;font-weight:300}.storyline-flow{position:relative;display:flex;flex-direction:column;gap:0}.storyline-step-wrapper{display:flex;flex-direction:column;align-items:center}.storyline-step{display:flex;gap:2rem;align-items:center;width:100%;max-width:800px;animation:fadeInUp .6s ease-out;animation-fill-mode:both}.storyline-step:nth-child(1){animation-delay:.1s}.storyline-step:nth-child(3){animation-delay:.2s}.storyline-step:nth-child(5){animation-delay:.3s}.storyline-step:nth-child(7){animation-delay:.4s}.storyline-step:nth-child(9){animation-delay:.5s}.storyline-step.right{flex-direction:row-reverse}.step-image{flex:0 0 200px;filter:drop-shadow(0 15px 30px rgba(0,0,0,.4));transition:transform .3s ease}.storyline-step.left .step-image{transform:rotate(-5deg)}.storyline-step.right .step-image{transform:rotate(5deg)}.step-image:hover{transform:translateY(-10px) rotate(0)!important}@media(max-width:768px){.storyline-step.left .step-image,.storyline-step.right .step-image{transform:rotate(0)}.step-image:hover{transform:translateY(-10px)!important}}.step-image img{width:100%;height:auto;display:block;border-radius:20px}.step-content{flex:1;color:var(--text-light);position:relative;padding:1.5rem;background:var(--card-background);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:var(--card-border-width) solid var(--card-border)}.step-number{position:absolute;top:-12px;left:20px;width:40px;height:40px;background:linear-gradient(135deg,var(--kyndl-blue),var(--kyndl-dark-blue));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff;box-shadow:0 4px 15px #2b87da66}.storyline-step.right .step-number{left:auto;right:20px}.step-content h3{font-size:1.6rem;font-weight:700;margin-bottom:.75rem;margin-top:.5rem;color:var(--text-light)}.step-content p{font-size:1rem;line-height:1.5;color:#ffffffe6;font-weight:300}.storyline-connector{display:flex;justify-content:center;align-items:center;position:relative;height:100px;width:100%;max-width:800px;margin:0 auto}.spline-connector{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0}.glow-path{filter:blur(4px);opacity:.5}@media(max-width:768px){.spline-connector{display:none}.storyline-connector:before{content:"";position:absolute;width:2px;height:100%;background:linear-gradient(180deg,#ffffff4d,#fff3,#ffffff4d);left:50%;transform:translate(-50%);z-index:0}}.connector-heart{width:45px;height:45px;opacity:.5;animation:heartPulse 2s ease-in-out infinite;position:relative;z-index:1;filter:drop-shadow(0 0 15px rgba(255,255,255,.4))}@keyframes heartPulse{0%,to{transform:scale(1);opacity:.4}50%{transform:scale(1.15);opacity:.6}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.kyndl-storyline{padding:4rem 1.5rem}.storyline-header h2{font-size:2.2rem}.storyline-subtitle{font-size:1.1rem}.storyline-flow{gap:3rem}.storyline-step{flex-direction:column!important;gap:1.5rem;text-align:center}.storyline-step.right{flex-direction:column!important}.step-image{flex:0 0 auto;max-width:250px}.step-content{padding:1.5rem}.step-number{left:50%!important;right:auto!important;transform:translate(-50%)}.step-content h3{font-size:1.6rem}.step-content p{font-size:1rem}.storyline-connector{height:60px}.connector-heart{width:45px;height:45px}}@media(max-width:480px){.storyline-header h2{font-size:1.8rem}.step-image{max-width:200px}.step-content h3{font-size:1.4rem}}.section-divider{display:flex;align-items:center;justify-content:center;gap:1.5rem;padding:3rem 2rem;position:relative;z-index:1}.divider-line{flex:1;height:2px;background:linear-gradient(to right,transparent 0%,rgba(255,255,255,.4) 20%,rgba(255,255,255,.6) 50%,rgba(255,255,255,.4) 80%,transparent 100%);max-width:400px}.divider-heart{width:50px;height:50px;opacity:.6;filter:drop-shadow(0 0 10px rgba(255,255,255,.3));animation:heartFloat 3s ease-in-out infinite}@keyframes heartFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media(max-width:768px){.section-divider{padding:2rem 1rem;gap:1rem}.divider-line{max-width:200px}.divider-heart{width:40px;height:40px}}
