@charset "UTF-8";.landing-page{width:100%;overflow-x:hidden;background-color:rgb(var(--background));background-image:linear-gradient(rgba(46,143,106,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(46,143,106,.03) 1px,transparent 1px);background-size:40px 40px}.landing-header{position:fixed;top:0;left:0;right:0;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;max-width:1400px;margin:0 auto;z-index:50;background:#f3fbf8d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(46,143,106,.1)}.landing-header .brand-logo{display:block;width:120px;height:32px;background:rgb(var(--primary));-webkit-mask-image:url(/klynda_logo.svg);mask-image:url(/klynda_logo.svg);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.landing-header .landing-links{display:flex;gap:2rem}.landing-header .landing-links a{text-decoration:none;font-weight:500;font-size:.95rem;color:rgb(var(--tracker-600));transition:color .2s}.landing-header .landing-links a:hover{color:rgb(var(--tracker-900))}.landing-header .landing-actions{display:flex;align-items:center;gap:1rem}.landing-header .landing-actions .nav-link-text{text-decoration:none;color:rgb(var(--tracker-700));font-weight:600;font-size:.95rem}.landing-header .landing-actions .nav-link-text:hover{color:rgb(var(--tracker-900))}.hero-section{padding:160px 2rem 100px;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-section .hero-content{max-width:600px}.hero-section .hero-content .pill-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:rgb(var(--tracker-50));border:1px solid rgb(var(--tracker-200));border-radius:99px;color:rgb(var(--tracker-700));font-size:.85rem;font-weight:600;margin-bottom:1.5rem}.hero-section .hero-content .pill-badge .dot{width:8px;height:8px;background:rgb(var(--tracker-500));border-radius:50%;animation:pulse 2s infinite}.hero-section .hero-content .hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;color:rgb(var(--tracker-900));margin-bottom:1.5rem;letter-spacing:-.02em}.hero-section .hero-content .hero-title .text-highlight{background:linear-gradient(135deg,rgb(var(--tracker-700)),rgb(var(--tracker-500)));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-section .hero-content .hero-subtitle{font-size:1.25rem;line-height:1.6;color:rgb(var(--tracker-600));margin-bottom:2.5rem;max-width:540px}.hero-section .hero-content .hero-actions{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.hero-section .hero-content .hero-actions .btn-primary-hero{background:rgb(var(--tracker-900));color:#fff;padding:1.5rem 2.5rem;font-size:1.1rem;border-radius:12px;display:flex;align-items:center;gap:10px;transition:transform .2s}.hero-section .hero-content .hero-actions .btn-primary-hero:hover{transform:translateY(-2px);background:rgb(var(--tracker-800))}.hero-section .hero-content .hero-actions .hero-subtext{font-size:.9rem;color:rgb(var(--tracker-500))}.hero-section .hero-visual{position:relative;perspective:1000px}.hero-section .hero-visual .glass-browser-mockup{background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.9);border-radius:12px;box-shadow:0 20px 60px #0e292126;overflow:hidden;transform:rotateY(-5deg) rotateX(2deg);transition:transform .3s ease}.hero-section .hero-visual .glass-browser-mockup:hover{transform:rotateY(0) rotateX(0)}.hero-section .hero-visual .glass-browser-mockup .browser-bar{background:#f1f3f5;padding:10px 16px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e0e0e0}.hero-section .hero-visual .glass-browser-mockup .browser-bar .dots{display:flex;gap:6px}.hero-section .hero-visual .glass-browser-mockup .browser-bar .dots span{width:10px;height:10px;border-radius:50%;background:#ddd}.hero-section .hero-visual .glass-browser-mockup .browser-bar .dots span:first-child{background:#ff5f57}.hero-section .hero-visual .glass-browser-mockup .browser-bar .dots span:nth-child(2){background:#ffbd2e}.hero-section .hero-visual .glass-browser-mockup .browser-bar .dots span:nth-child(3){background:#28c940}.hero-section .hero-visual .glass-browser-mockup .browser-bar .url-bar{background:#fff;padding:4px 12px;border-radius:6px;font-size:.75rem;color:#888;flex:1;text-align:center}.hero-section .hero-visual .glass-browser-mockup img{width:100%;height:auto;display:block}.hero-section .hero-visual .glass-browser-mockup .floating-badge{position:absolute;bottom:20px;right:-20px;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 10px 30px #0000001a;border:1px solid rgb(var(--tracker-200));animation:float 4s ease-in-out infinite}.hero-section .hero-visual .glass-browser-mockup .floating-badge .label{display:block;font-size:.75rem;color:rgb(var(--tracker-500));text-transform:uppercase;font-weight:700}.hero-section .hero-visual .glass-browser-mockup .floating-badge .value{display:block;font-size:1.25rem;font-weight:700;color:rgb(var(--tracker-900))}.hero-section .hero-visual .glow-effect{position:absolute;top:10%;left:10%;width:80%;height:80%;background:rgb(var(--tracker-300));filter:blur(120px);opacity:.2;z-index:-1}.timeline-section{padding:6rem 2rem;max-width:1200px;margin:0 auto}.timeline-section .section-intro{text-align:center;margin-bottom:5rem}.timeline-section .section-intro h2{font-size:2.5rem;color:rgb(var(--tracker-900));margin-bottom:1rem}.timeline-section .section-intro p{font-size:1.25rem;color:rgb(var(--tracker-600))}.timeline-section .timeline-grid{display:flex;flex-direction:column;gap:6rem;position:relative}.timeline-section .timeline-grid:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,rgb(var(--tracker-200)) 20%,rgb(var(--tracker-200)) 80%,transparent);z-index:0}.timeline-section .timeline-grid .timeline-row{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.timeline-section .timeline-grid .timeline-row.reverse{direction:rtl}.timeline-section .timeline-grid .timeline-row.reverse .text-col,.timeline-section .timeline-grid .timeline-row.reverse .visual-col{direction:ltr}.timeline-section .timeline-grid .timeline-row .text-col .icon-box{width:48px;height:48px;background:rgb(var(--tracker-100));color:rgb(var(--tracker-700));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.timeline-section .timeline-grid .timeline-row .text-col h3{font-size:1.75rem;color:rgb(var(--tracker-900));margin-bottom:1rem}.timeline-section .timeline-grid .timeline-row .text-col p{font-size:1.1rem;color:rgb(var(--tracker-600));line-height:1.6;margin-bottom:1.5rem}.timeline-section .timeline-grid .timeline-row .text-col .feature-list{list-style:none;padding:0}.timeline-section .timeline-grid .timeline-row .text-col .feature-list li{display:flex;align-items:center;gap:10px;margin-bottom:.5rem;color:rgb(var(--tracker-800));font-weight:500}.timeline-section .timeline-grid .timeline-row .text-col .feature-list li:before{content:"✓";color:rgb(var(--primary));font-weight:700}.timeline-section .timeline-grid .timeline-row .visual-col .glass-card-visual{background:#fff9;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.8);box-shadow:0 12px 40px #0e292114;overflow:hidden;transition:transform .3s}.timeline-section .timeline-grid .timeline-row .visual-col .glass-card-visual:hover{transform:scale(1.02)}.timeline-section .timeline-grid .timeline-row .visual-col .glass-card-visual img{width:100%;border-radius:8px;display:block;border:1px solid rgb(var(--tracker-100))}.tech-section{padding:4rem 2rem;max-width:1200px;margin:0 auto}.tech-section .tech-container{background:linear-gradient(135deg,#ffffffe6,#f3fbf8cc);border:1px solid rgb(var(--tracker-200));border-radius:32px;padding:4rem}.tech-section .tech-container .tech-header{text-align:center;margin-bottom:3rem}.tech-section .tech-container .tech-header h2{font-size:2rem;color:rgb(var(--tracker-900))}.tech-section .tech-container .tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem}.tech-section .tech-container .tech-grid .tech-item{text-align:left}.tech-section .tech-container .tech-grid .tech-item .tech-item-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.tech-section .tech-container .tech-grid .tech-item .icon{color:rgb(var(--tracker-500));margin-bottom:0;flex-shrink:0}.tech-section .tech-container .tech-grid .tech-item h4{font-size:1.1rem;color:rgb(var(--tracker-900));margin-bottom:0}.tech-section .tech-container .tech-grid .tech-item p{font-size:.95rem;color:rgb(var(--tracker-600));line-height:1.5}.cta-section{padding:6rem 2rem 8rem;text-align:center}.cta-section .cta-content{max-width:700px;margin:0 auto}.cta-section .cta-content h2{font-size:3rem;color:rgb(var(--tracker-900));margin-bottom:1rem;line-height:1.1}.cta-section .cta-content p{font-size:1.25rem;color:rgb(var(--tracker-600));margin-bottom:2.5rem}.cta-section .cta-content .btn-cta{background:rgb(var(--tracker-900));color:#fff;padding:1.5rem 3rem;border-radius:99px;font-size:1.1rem;display:inline-flex;align-items:center;gap:10px;transition:transform .2s}.cta-section .cta-content .btn-cta:hover{transform:scale(1.05);background:rgb(var(--tracker-800))}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media(max-width:900px){.hero-section{grid-template-columns:1fr;padding-top:120px;text-align:center;gap:3rem}.hero-section .hero-content{margin:0 auto}.hero-section .hero-content .hero-title{font-size:3rem}.hero-section .hero-content .hero-actions{align-items:center}.hero-section .hero-visual{order:2;max-width:500px;margin:0 auto}.hero-section .hero-visual .glass-browser-mockup,.hero-section .hero-visual .glass-browser-mockup:hover{transform:none}.hero-section .hero-visual .glass-browser-mockup .floating-badge{right:10px;bottom:10px}.hero-section .hero-visual .glow-effect{display:none}.timeline-section{padding:4rem 2rem}.timeline-section .section-intro{margin-bottom:3rem}.timeline-section .section-intro h2{font-size:2rem}.timeline-section .section-intro p{font-size:1.1rem}.timeline-section .timeline-grid{gap:3rem}.timeline-section .timeline-grid:before{display:none}.timeline-section .timeline-grid .timeline-row{display:flex;flex-direction:column-reverse;grid-template-columns:1fr;gap:1.5rem}.timeline-section .timeline-grid .timeline-row.reverse{direction:ltr}.timeline-section .timeline-grid .timeline-row .text-col{text-align:center}.timeline-section .timeline-grid .timeline-row .text-col .icon-box{margin:0 auto 1rem}.timeline-section .timeline-grid .timeline-row .text-col .feature-list li{justify-content:center}.timeline-section .timeline-grid .timeline-row .visual-col{width:100%;max-width:500px;margin:0 auto}.tech-section .tech-container{padding:2rem;border-radius:24px}.cta-section .cta-content h2{font-size:2rem}}@media(max-width:768px){.landing-header{height:64px;padding:0 1rem}.landing-header .landing-links,.landing-header .landing-actions .nav-link-text{display:none}.hero-section{padding:100px 1.5rem 60px}.hero-section .hero-content .hero-title{font-size:2.5rem}.hero-section .hero-content .hero-subtitle{font-size:1rem;margin-bottom:2rem}.hero-section .hero-content .hero-actions .btn-primary-hero{min-height:48px;padding:1rem 2rem}.hero-section .hero-visual{max-width:400px}.hero-section .hero-visual .glass-browser-mockup .browser-bar{padding:8px 12px}.hero-section .hero-visual .glass-browser-mockup .browser-bar .url-bar{font-size:.7rem}.hero-section .hero-visual .glass-browser-mockup .floating-badge{padding:8px 14px}.hero-section .hero-visual .glass-browser-mockup .floating-badge .label{font-size:.7rem}.hero-section .hero-visual .glass-browser-mockup .floating-badge .value{font-size:1rem}.timeline-section{padding:3rem 1.5rem}.timeline-section .section-intro h2{font-size:1.75rem}.timeline-section .timeline-grid .timeline-row .text-col h3{font-size:1.5rem}.timeline-section .timeline-grid .timeline-row .text-col p{font-size:1rem}.tech-section{padding:3rem 1.5rem}.tech-section .tech-container{padding:1.5rem;border-radius:20px}.tech-section .tech-container .tech-header h2{font-size:1.5rem}.tech-section .tech-container .tech-grid{gap:1.5rem}.cta-section{padding:4rem 1.5rem 5rem}.cta-section .cta-content h2{font-size:1.75rem}.cta-section .cta-content p{font-size:1.1rem}.cta-section .cta-content .btn-cta{min-height:48px;padding:1rem 2rem}}@media(max-width:600px){.hero-section{padding:90px 1rem 50px}.hero-section .hero-content .pill-badge{font-size:.8rem;padding:5px 10px;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-section .hero-content .hero-title{font-size:2rem;margin-bottom:1rem}.hero-section .hero-content .hero-subtitle{font-size:.95rem;margin-bottom:1.5rem}.hero-section .hero-content .hero-actions{width:100%}.hero-section .hero-content .hero-actions .btn-primary-hero{width:100%;justify-content:center}.hero-section .hero-visual{display:none}.timeline-section{padding:2.5rem 1rem}.timeline-section .section-intro{margin-bottom:2rem}.timeline-section .section-intro h2{font-size:1.5rem}.timeline-section .section-intro p{font-size:1rem}.timeline-section .timeline-grid{gap:2.5rem}.timeline-section .timeline-grid .timeline-row{gap:1rem}.timeline-section .timeline-grid .timeline-row .text-col h3{font-size:1.25rem}.timeline-section .timeline-grid .timeline-row .text-col p{font-size:.95rem}.timeline-section .timeline-grid .timeline-row .text-col .feature-list li{font-size:.9rem}.timeline-section .timeline-grid .timeline-row .visual-col .glass-card-visual{padding:8px}.tech-section{padding:2rem 1rem}.tech-section .tech-container{padding:1.25rem;border-radius:16px}.tech-section .tech-container .tech-header{margin-bottom:2rem}.tech-section .tech-container .tech-header h2{font-size:1.35rem}.tech-section .tech-container .tech-grid{gap:1.25rem}.tech-section .tech-container .tech-grid .tech-item h4{font-size:1rem}.tech-section .tech-container .tech-grid .tech-item p{font-size:.9rem}.cta-section{padding:3rem 1rem 4rem}.cta-section .cta-content h2{font-size:1.5rem}.cta-section .cta-content p{font-size:1rem;margin-bottom:2rem}.cta-section .cta-content .btn-cta{width:100%;justify-content:center;padding:1rem 1.5rem}}@media(max-width:430px){.hero-section .hero-content .pill-badge{max-width:300px;font-size:.75rem}.hero-section .hero-content .hero-title{font-size:1.75rem}.timeline-section .section-intro h2,.cta-section .cta-content h2{font-size:1.35rem}}