*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2f4850;--purple: #b5a4cb;--green: #a2b964;--yellow: #f5cc4b;--gray: #6c757d;--bg: rgb(245, 241, 233);--light: #f8f9fa}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--primary);color:#fff;line-height:1.6;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 20px}header{position:fixed;top:-100px;width:100%;padding:20px 0;background:#fff;z-index:1000;box-shadow:0 2px 10px #0000001a;transition:top .3s ease}header.visible{top:0}.header-content{display:flex;justify-content:space-between;align-items:center}.header-logo{height:40px}.header-email{color:var(--primary);text-decoration:none;font-weight:600;font-size:.95rem}.header-email:hover{text-decoration:underline}.main-section{min-height:100vh;display:flex;align-items:center;padding:40px 0;position:relative}.main-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.15) 100%);pointer-events:none}.split-container{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;width:100%}.left-content{position:relative;text-align:center}.logo-container{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}.logo-main{height:60px}.logo-text{font-family:Lato,sans-serif;font-size:3rem;font-weight:700;color:#fff;letter-spacing:-.5px}.left-content h1{font-size:clamp(2rem,4.5vw,3.2rem);font-weight:700;margin-bottom:30px;line-height:1.2}.gradient-text{background:linear-gradient(135deg,var(--yellow) 0%,var(--green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block;margin-top:10px}.rotating-text-container{display:inline-block;height:1.2em;overflow:hidden;vertical-align:bottom;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0)}.rotating-text{display:inline-block;animation:slotMachine 4.5s cubic-bezier(.35,.5,.65,1);-webkit-animation:slotMachine 4.5s cubic-bezier(.35,.5,.65,1);animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;position:relative;will-change:transform}.rotating-text span{display:block;height:1.2em;line-height:1.2em;padding:0 .2em}.rotating-text span:nth-child(3n+1){color:var(--purple)}.rotating-text span:nth-child(3n+2){color:var(--green)}.rotating-text span:nth-child(3n){color:var(--yellow)}.rotating-text span:nth-child(21){background:linear-gradient(135deg,var(--yellow) 0%,var(--green) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes slotMachine{0%{transform:translateY(0)}5%{transform:translateY(-122px)}10%{transform:translateY(-244px)}15%{transform:translateY(-366px)}20%{transform:translateY(-488px)}25%{transform:translateY(-610px)}30%{transform:translateY(-732px)}35%{transform:translateY(-854px)}40%{transform:translateY(-976px)}45%{transform:translateY(-1098px)}50%{transform:translateY(-1220px)}60%{transform:translateY(-1230px)}70%{transform:translateY(-1238px)}80%{transform:translateY(-1242px)}90%{transform:translateY(-1244px)}95%{transform:translateY(-1243px)}to{transform:translateY(-1243px)}}@-webkit-keyframes slotMachine{0%{-webkit-transform:translateY(0)}5%{-webkit-transform:translateY(-122px)}10%{-webkit-transform:translateY(-244px)}15%{-webkit-transform:translateY(-366px)}20%{-webkit-transform:translateY(-488px)}25%{-webkit-transform:translateY(-610px)}30%{-webkit-transform:translateY(-732px)}35%{-webkit-transform:translateY(-854px)}40%{-webkit-transform:translateY(-976px)}45%{-webkit-transform:translateY(-1098px)}50%{-webkit-transform:translateY(-1220px)}60%{-webkit-transform:translateY(-1230px)}70%{-webkit-transform:translateY(-1238px)}80%{-webkit-transform:translateY(-1242px)}90%{-webkit-transform:translateY(-1244px)}95%{-webkit-transform:translateY(-1243px)}to{-webkit-transform:translateY(-1243px)}}.tagline{font-size:1.3rem;opacity:.9;margin-bottom:50px;line-height:1.6;max-width:500px;margin-left:auto;margin-right:auto}.value-props{display:flex;justify-content:center;gap:50px;margin:0 auto 50px;max-width:fit-content}.value-prop{text-align:center}.value-number{font-size:2.5rem;font-weight:700;color:var(--yellow)}.value-label{font-size:.9rem;opacity:.8;text-transform:uppercase;letter-spacing:.5px;margin-top:5px}.cta-card{background:#fff;color:var(--primary);padding:60px;border-radius:24px;box-shadow:0 30px 80px #0000004d;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(181,164,203,.05) 0%,transparent 50%)}.cta-content{position:relative;z-index:2}.beta-badge{display:inline-block;background:var(--yellow);color:var(--primary);padding:8px 20px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:25px}.cta-card h2{font-size:2.2rem;margin-bottom:15px}.cta-card>p{color:var(--gray);margin-bottom:35px;font-size:1.1rem}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;font-size:.95rem;color:var(--primary)}.form-group input{width:100%;padding:14px 18px;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;transition:all .3s ease}.form-group input:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px #b5a4cb1a}.btn-submit{width:100%;background:var(--green);color:#fff;border:none;padding:16px;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit:hover{background:#8fa557;transform:translateY(-2px);box-shadow:0 10px 20px #a2b9644d}.divider{text-align:center;margin:30px 0;position:relative}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e9ecef}.divider span{background:#fff;padding:0 20px;position:relative;color:var(--gray);font-size:.9rem}.connections-box{background:var(--light);border-radius:12px;padding:25px;text-align:center}.connections-box h3{font-size:1.1rem;margin-bottom:10px;color:var(--primary)}.connections-box p{color:var(--gray);margin-bottom:10px;font-size:.95rem}.connections-box a{color:var(--primary);text-decoration:none;font-weight:600}.scroll-indicator{position:relative;margin:40px auto 0;text-align:center;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.scroll-indicator span{font-size:1.1rem;opacity:.6}.scroll-arrow{display:block;margin:5px auto 0;font-size:1.2rem;opacity:.8}.content-sections{background:#fff;color:var(--primary);position:relative;padding-top:90px}.platform-showcase{padding:100px 0;background:#fff}.platform-header{text-align:center;margin-bottom:60px}.platform-header h2{font-size:2.5rem;margin-bottom:20px;color:var(--primary)}.platform-header p{font-size:1.2rem;color:var(--gray);max-width:700px;margin:0 auto}.platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:1200px;margin:0 auto}.platform-section{padding:40px;border-radius:20px;position:relative}.platform-built{background:linear-gradient(135deg,#a2b9641a,#b5a4cb1a);border:2px solid var(--green)}.platform-coming{background:linear-gradient(135deg,#f5cc4b1a,#b5a4cb1a);border:2px dashed var(--purple)}.platform-label{display:inline-block;padding:6px 16px;border-radius:20px;font-size:.85rem;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:25px}.platform-built .platform-label{background:var(--green);color:#fff}.platform-coming .platform-label{background:var(--purple);color:#fff}.platform-section h3{font-size:1.8rem;margin-bottom:25px;color:var(--primary)}.feature-list{display:grid;grid-template-columns:1fr;gap:15px}.feature-item{display:flex;align-items:center;gap:15px;padding:12px;background:#fff;border-radius:10px;transition:transform .3s ease}.feature-item:hover{transform:translate(5px)}.feature-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.platform-built .feature-icon{background:#a2b96433;color:var(--green)}.platform-coming .feature-icon{background:#f5cc4b33;color:var(--yellow)}.feature-name{font-weight:600;color:var(--primary);font-size:1.05rem}.built-different{padding:60px 0;background:#fff}@media(min-width:769px){.built-different{padding:100px 0}}.section-header{text-align:center;margin-bottom:60px}.section-header h1{font-size:2.5rem;margin-bottom:20px;color:var(--primary)}.section-header h2{font-size:2.5rem;margin-bottom:20px}.section-header p{font-size:1.2rem;color:var(--gray);max-width:700px;margin:0 auto}.philosophy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.philosophy-item{text-align:center}.philosophy-icon{width:80px;height:80px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border:2px solid var(--purple);border-radius:50%;font-size:32px;color:var(--purple)}.philosophy-item h3{font-size:1.3rem;margin-bottom:15px}.philosophy-item p{color:var(--gray);line-height:1.6}.story-section{padding:100px 0;background:var(--bg)}.story-content{max-width:900px;margin:0 auto;text-align:left}.story-content h2{font-size:2.5rem;margin-bottom:30px;text-align:center}.story-content p{font-size:1.2rem;color:var(--gray);line-height:1.8;margin-bottom:20px}.features-grid{padding:100px 0;background:#fff}.features-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.feature-card{background:#fff;padding:35px 30px;border-radius:12px;text-align:center;box-shadow:0 5px 20px #00000014;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{font-size:1.2rem;margin-bottom:10px}.feature-card p{color:var(--gray);font-size:.95rem}.integrations{background:var(--bg);color:var(--primary);padding:80px 0;text-align:center}.integrations h3{font-size:1.8rem;margin-bottom:50px;color:var(--primary)}.integration-logos{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}.integration-item{display:flex;flex-direction:column;align-items:center;gap:12px}.integration-logo{width:60px;height:60px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:var(--primary);font-size:1.2rem;padding:10px}.integration-logo img{max-width:100%;max-height:100%;object-fit:contain}.integration-name{font-size:.95rem;opacity:.9}footer{padding:40px 0;text-align:center;background:var(--primary);border-top:1px solid rgba(255,255,255,.1)}footer p{opacity:.7}.form-success-message,.form-error-message{text-align:center;padding:20px;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-icon,.error-icon{font-size:48px;margin-bottom:15px;display:block}.success-title,.error-title{font-size:1.8rem;margin-bottom:10px;color:var(--primary)}.success-text,.error-text{font-size:1.1rem;color:var(--gray);margin-bottom:25px;line-height:1.6}.success-next-steps{background:var(--light);border-radius:12px;padding:20px;margin-top:20px;text-align:left}.success-subtitle{font-weight:600;color:var(--primary);margin-bottom:12px;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px}.success-list{list-style:none;padding:0;margin:0 0 15px}.success-list li{position:relative;padding-left:25px;margin-bottom:10px;color:var(--gray);font-size:.95rem;line-height:1.5}.success-list li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:700}.success-footer,.error-footer{font-size:.9rem;color:var(--gray);margin-top:15px}.success-footer a,.error-footer a{color:var(--primary);text-decoration:none;font-weight:600}.success-footer a:hover,.error-footer a:hover{text-decoration:underline}.btn-retry{background:var(--green);color:#fff;border:none;padding:12px 30px;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin:15px 0}.btn-retry:hover{background:#8fa557;transform:translateY(-2px);box-shadow:0 10px 20px #a2b9644d}@media(max-width:1024px){.split-container{grid-template-columns:1fr;gap:60px}.cta-card{max-width:600px;margin:0 auto}.platform-grid,.philosophy-grid{grid-template-columns:1fr;gap:40px}.main-section{min-height:auto;padding:60px 0 40px}.scroll-indicator{display:none}}@media(max-width:768px){.value-props,.scroll-indicator{display:none}.rotating-text-container{-webkit-transform:none;transform:none}.rotating-text{animation:slotMachineMobile 6s cubic-bezier(.35,.5,.65,1);-webkit-animation:slotMachineMobile 6s cubic-bezier(.35,.5,.65,1);animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards}@keyframes slotMachineMobile{0%{transform:translateY(0)}5%{transform:translateY(-2.4em)}10%{transform:translateY(-4.8em)}15%{transform:translateY(-7.2em)}20%{transform:translateY(-9.6em)}25%{transform:translateY(-12em)}30%{transform:translateY(-14.4em)}35%{transform:translateY(-16.8em)}40%{transform:translateY(-19.2em)}45%{transform:translateY(-21.6em)}50%{transform:translateY(-24em)}60%{transform:translateY(-23.6em)}70%{transform:translateY(-23.8em)}80%{transform:translateY(-23.9em)}90%{transform:translateY(-24em)}to{transform:translateY(-24em)}}@-webkit-keyframes slotMachineMobile{0%{-webkit-transform:translateY(0)}5%{-webkit-transform:translateY(-2.4em)}10%{-webkit-transform:translateY(-4.8em)}15%{-webkit-transform:translateY(-7.2em)}20%{-webkit-transform:translateY(-9.6em)}25%{-webkit-transform:translateY(-12em)}30%{-webkit-transform:translateY(-14.4em)}35%{-webkit-transform:translateY(-16.8em)}40%{-webkit-transform:translateY(-19.2em)}45%{-webkit-transform:translateY(-21.6em)}50%{-webkit-transform:translateY(-24em)}60%{-webkit-transform:translateY(-23.6em)}70%{-webkit-transform:translateY(-23.8em)}80%{-webkit-transform:translateY(-23.9em)}90%{-webkit-transform:translateY(-24em)}to{-webkit-transform:translateY(-24em)}}}.hero-nav{position:absolute;top:20px;right:0;left:0;z-index:100;padding-bottom:20px}.hero-nav-content{display:flex;justify-content:flex-end;align-items:center}.hero-nav-desktop{display:flex;align-items:center;gap:30px;padding-bottom:20px}.hero-nav-link{color:#fff;text-decoration:none;font-weight:600;font-size:.95rem;transition:opacity .3s ease}.hero-nav-link:hover{opacity:.8}.hero-mobile-menu-toggle{display:none;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);border-radius:8px;cursor:pointer;padding:8px;z-index:101;transition:all .3s ease}.hero-mobile-menu-toggle:hover{background:#fff3}.hero-mobile-menu-toggle .hamburger span{background-color:#fff}.hero-nav-mobile{display:none}@media(max-width:768px){.hero-mobile-menu-toggle{display:block}.hero-nav-desktop{display:none}.hero-nav-mobile{display:flex;flex-direction:column;position:fixed;top:70px;right:-100%;background:#2f4850fa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:-2px 0 20px #0000004d;width:250px;padding:30px 20px;gap:20px;transition:right .3s ease;z-index:100;border-left:2px solid rgba(255,255,255,.1)}.hero-nav-mobile.open{right:0}.hero-nav-link-mobile{color:#fff;text-decoration:none;font-weight:600;font-size:1.1rem;padding:12px 15px;border-radius:8px;transition:background-color .2s ease}.hero-nav-link-mobile:hover{background-color:#ffffff1a}}.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:5px;z-index:1001}.hamburger{display:flex;flex-direction:column;gap:5px;width:28px}.hamburger span{display:block;width:100%;height:3px;background-color:var(--primary);border-radius:2px;transition:all .3s ease}.hamburger.open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.desktop-nav{display:flex;align-items:center;gap:30px}.mobile-nav{display:none}@media(max-width:768px){.mobile-menu-toggle{display:block}.desktop-nav{display:none}.mobile-nav{display:flex;flex-direction:column;position:fixed;top:90px;right:-100%;background:#fff;box-shadow:-2px 0 10px #0000001a;width:250px;padding:30px 20px;gap:20px;transition:right .3s ease;z-index:999}.mobile-nav.open{right:0}.mobile-nav a{color:var(--primary);text-decoration:none;font-weight:600;font-size:1.1rem;padding:12px 15px;border-radius:8px;transition:background-color .2s ease}.mobile-nav a:hover{background-color:var(--light)}}@media(max-width:640px){.cta-card{padding:40px 30px}.cta-card h2{display:none}h1{font-size:1.8rem}.logo-main{height:50px}.logo-text{font-size:2.5rem}}
