:root{--color-primary:#00a8a8;--color-accent:#af7595;--color-dark:#274156;--color-cream:#efd9ce;--color-light:#f7f4ea;--color-white:#fff;--color-error:#d32f2f;--color-success:#388e3c;--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-h1:clamp(2rem, 5vw, 3.5rem);--font-size-h2:clamp(1.75rem, 4vw, 2.5rem);--font-size-h3:clamp(1.25rem, 3vw, 1.75rem);--font-size-body:clamp(1rem, 2vw, 1.125rem);--font-size-small:clamp(.875rem, 1.5vw, 1rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-normal:1.4;--line-height-relaxed:1.6;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:6px;--radius-lg:8px;--shadow-sm:0 1px 3px #0000001a;--shadow-md:0 2px 8px #0000001a;--shadow-lg:0 4px 12px #00000026;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-base:1;--z-sticky:10;--z-header:100;--z-modal:1000;--breakpoint-mobile:767px;--breakpoint-tablet:768px;--breakpoint-desktop:1024px;--breakpoint-wide:1400px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}html,html:focus-within{scroll-behavior:smooth}body{text-rendering:optimizespeed;min-height:100vh;line-height:var(--line-height-relaxed);font-family:var(--font-primary);font-size:var(--font-size-body);color:var(--color-dark);background-color:var(--color-light);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:none}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-dark)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-tight)}h2{font-size:var(--font-size-h2);line-height:1.3}h3{font-size:var(--font-size-h3);line-height:var(--line-height-normal);font-weight:var(--font-weight-semibold)}a{color:var(--color-primary);transition:color var(--transition-normal);text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-cream:#f7f4ea;--bg-cream-dark:#efd9ce;--white:#fff;--navy:#1a2332;--teal:#14b8a6;--teal-light:#e6f7f5;--purple:#8b7ba8;--green:#10b981;--text-dark:#1f2937;--text-gray:#6b7280;--border-gray:#e5e7eb;--shadow:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-dark);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}body{background-color:var(--bg-cream);min-height:100vh;margin:0}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{color:var(--navy);font-weight:700;line-height:1.2}p{color:var(--text-gray);line-height:1.6}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:disabled{opacity:.6;cursor:not-allowed}a{color:var(--teal);text-decoration:none;transition:color .2s}a:hover{color:var(--navy)}input,textarea,select{font-family:inherit;font-size:inherit}.checkmark{color:var(--teal);margin-right:8px;font-weight:700}.x-mark{color:#ef4444;margin-right:8px;font-weight:700}.app{background-color:var(--bg-cream);min-height:100vh}.app-container{grid-template-columns:repeat(12,1fr);gap:24px;max-width:1600px;min-height:calc(100vh - 72px);margin:0 auto;padding:0 20px;display:grid}.form-column{grid-column:span 4;align-self:flex-start;height:fit-content;padding:40px 20px;position:sticky;top:72px}.content-column{grid-column:span 8;padding:60px 80px;overflow-y:auto}@media (width<=1024px){.content-column{padding:50px 40px}.app-container{grid-template-columns:1fr;gap:0}.form-column{grid-column:span 1;height:auto;padding:30px 20px;position:relative}.content-column{grid-column:span 1;padding:40px 20px}}@media (width<=768px){.content-column{padding:30px 16px}}.header{z-index:1000;background:var(--white);width:100%;position:sticky;top:0;box-shadow:0 2px 8px #00000014}.header-container{background-color:#f7f4ea;justify-content:space-between;align-items:center;gap:32px;padding:16px 40px;display:flex}.header-logo{flex-shrink:0;align-items:center;gap:12px;display:flex}.logo-image{width:auto;height:40px}.company-name{color:var(--navy);font-size:20px;font-weight:700}.header-nav{align-items:center;gap:32px;margin-left:auto;display:flex}.nav-link{color:var(--text-dark);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:15px;font-weight:500;transition:color .2s;position:relative}.nav-link:hover{color:var(--teal)}.nav-link:after{content:"";background:var(--teal);width:0;height:2px;transition:width .2s;position:absolute;bottom:0;left:0}.nav-link:hover:after{width:100%}.waitlist-button{background:var(--teal);color:var(--white);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:10px 24px;font-size:15px;font-weight:600;transition:all .2s}.waitlist-button:hover{background:#0f9d8f;transform:translateY(-1px);box-shadow:0 4px 12px #14b8a64d}.mobile-menu-button{cursor:pointer;background:0 0;border:none;padding:8px;display:none}.hamburger{background:var(--navy);width:24px;height:2px;display:block;position:relative}.hamburger:before,.hamburger:after{content:"";background:var(--navy);width:24px;height:2px;position:absolute;left:0}.hamburger:before{top:-8px}.hamburger:after{bottom:-8px}@media (width<=1024px){.header-container{padding:16px 24px}.header-nav{gap:24px}.nav-link{font-size:14px}}@media (width<=768px){.header-container{padding:12px 16px}.header-nav{display:none}.waitlist-button{padding:8px 16px;font-size:14px}.mobile-menu-button{display:block}.logo-image{height:32px}.company-name{font-size:18px}}.footer{color:var(--white);background:#1a2332;width:100%;margin-top:80px;padding:20px 0 12px}.footer-container{max-width:1600px;margin:0 auto;padding:0 80px}.footer-content{justify-content:space-between;align-items:center;gap:32px;margin-bottom:16px;display:flex}.footer-left{align-items:center;gap:12px;display:flex}.footer-logo{width:auto;height:28px}.footer-company-name{color:var(--white);font-size:16px;font-weight:700}.footer-center{text-align:center;flex:1}.footer-right{align-items:center;gap:24px;display:flex}.footer-link{color:#fffc;font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--white)}.footer-copyright{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:12px;font-size:13px}@media (width<=1024px){.footer-container{padding:0 40px}}@media (width<=768px){.footer{padding:16px 0 10px}.footer-container{padding:0 20px}.footer-content{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:12px}.footer-center{text-align:left}.footer-right{flex-direction:column;align-items:flex-start;gap:8px}.footer-logo{height:24px}.footer-company-name{font-size:14px}.footer-link{font-size:12px}.footer-copyright{padding-top:10px;font-size:12px}}.waitlist-form-card{background:var(--white);box-shadow:var(--shadow-lg);border-radius:12px;max-width:400px;padding:32px}.form-header h2{color:var(--navy);margin-bottom:12px;font-size:24px;font-weight:700;line-height:1.3}.form-subtitle{color:var(--text-gray);margin-bottom:24px;font-size:14px;line-height:1.6}.highlight-green{color:var(--green);font-weight:600}.waitlist-form{flex-direction:column;gap:20px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-dark);font-size:14px;font-weight:500}.required{color:#ef4444}.form-group input[type=email],.form-group input[type=tel],.form-group input[type=url],.form-group input[type=text]{border:1px solid var(--border-gray);background:var(--white);border-radius:6px;padding:10px 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 3px #14b8a61a}.form-group input::placeholder{color:#9ca3af}.radio-group{flex-direction:row;gap:16px;display:flex}.radio-label{cursor:pointer;color:var(--text-dark);align-items:center;gap:8px;font-size:14px;display:flex}.radio-label input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:var(--teal)}.platform-group{animation:.3s slideDown;overflow:hidden}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submit-button{background:var(--teal);color:var(--white);border-radius:6px;margin-top:8px;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.submit-button:hover:not(:disabled){box-shadow:var(--shadow);background:#0d9488;transform:translateY(-1px)}.submit-button:active:not(:disabled){transform:translateY(0)}.form-footer-text{color:var(--text-gray);text-align:center;margin-top:-8px;font-size:12px}.error-message{color:#991b1b;text-align:center;background:#fee2e2;border-radius:6px;margin-top:-8px;padding:12px;font-size:14px;font-weight:500}.success-message{color:#065f46;text-align:center;background:#d1fae5;border-radius:6px;padding:12px;font-size:14px;font-weight:500}.success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;animation:.5s fadeIn;display:flex}.success-checkmark{background:var(--teal);width:80px;height:80px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;font-size:48px;font-weight:700;animation:.5s scaleIn;display:flex}.success-text{color:var(--text-dark);max-width:320px;font-size:16px;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.waitlist-form-card.highlight-active{animation:1s borderFlicker}@keyframes borderFlicker{0%,to{border:2px solid #0000}10%,30%,50%,70%,90%{border:4px solid var(--teal);box-shadow:0 0 20px #14b8a666}20%,40%,60%,80%{border:2px solid var(--teal);box-shadow:0 0 10px #14b8a633}}@media (width<=768px){.waitlist-form-card{padding:24px}.form-header h2{font-size:22px}}.hero-section{margin-bottom:80px}.hero-title{color:var(--navy);margin-bottom:20px;font-size:48px;font-weight:700;line-height:1.2}.hero-subtitle{color:var(--text-gray);max-width:700px;margin-bottom:32px;font-size:20px;line-height:1.6}.hero-benefits{margin-bottom:48px;list-style:none}.hero-benefits li{color:var(--text-dark);align-items:flex-start;gap:12px;margin-bottom:16px;font-size:18px;line-height:1.5;display:flex}.hero-benefits .checkmark{color:var(--teal);flex-shrink:0;margin-top:2px;font-size:20px}.hero-image{margin-top:48px}.hero-image-container{background:#e5e7eb;border-radius:16px;padding:32px;box-shadow:0 4px 12px #00000014}.dashboard-mockup{background:var(--white);box-shadow:var(--shadow-lg);border:1px solid var(--border-gray);border-radius:12px;overflow:hidden}.mockup-header{border-bottom:1px solid var(--border-gray);background:#f9fafb;align-items:center;gap:16px;padding:16px 20px;display:flex}.mockup-dots{gap:8px;display:flex}.mockup-dots span{background:#d1d5db;border-radius:50%;width:12px;height:12px}.mockup-dots span:first-child{background:#ef4444}.mockup-dots span:nth-child(2){background:#f59e0b}.mockup-dots span:nth-child(3){background:#10b981}.mockup-title{color:var(--text-dark);font-size:14px;font-weight:600}.mockup-content{padding:32px}.mockup-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.stat-card{border:1px solid var(--border-gray);background:#f9fafb;border-radius:8px;padding:20px}.stat-label{color:var(--text-gray);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:13px}.stat-value{color:var(--navy);margin-bottom:4px;font-size:28px;font-weight:700}.stat-change{font-size:14px;font-weight:600}.stat-change.positive{color:var(--green)}.stat-change.negative{color:#ef4444}.mockup-chart{border:1px solid var(--border-gray);background:#f9fafb;border-radius:8px;padding:24px}.chart-bars{align-items:flex-end;gap:16px;height:200px;display:flex}.bar{background:linear-gradient(to top, var(--teal), #5eead4);border-radius:4px 4px 0 0;flex:1;transition:all .3s}.bar:hover{opacity:.8}@media (width<=768px){.hero-title{font-size:36px}.hero-subtitle{font-size:18px}.hero-benefits li{font-size:16px}.mockup-stats{grid-template-columns:1fr}.mockup-content{padding:20px}}.dashboard-section{background:var(--bg-cream-dark);margin-bottom:80px;margin-left:-80px;margin-right:-80px;padding:60px 80px}.section-title{color:var(--navy);margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.3}.section-description{color:var(--text-gray);max-width:700px;margin-bottom:40px;font-size:18px;line-height:1.6}.benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:32px;display:grid}.benefit-item{align-items:flex-start;gap:12px;display:flex}.checkmark{color:var(--teal);flex-shrink:0;font-size:24px;font-weight:700;line-height:1.4}.benefit-text{color:var(--text-dark);font-size:16px;line-height:1.6}.mobile-highlight{border-left:4px solid var(--teal);background:#14b8a61a;border-radius:8px;margin-top:32px;padding:20px 24px}.mobile-highlight p{color:var(--text-dark);margin:0;font-size:16px;line-height:1.6}.mobile-highlight strong{color:var(--navy);font-weight:600}@media (width<=1024px){.dashboard-section{margin-left:-40px;margin-right:-40px;padding:50px 40px}}@media (width<=768px){.dashboard-section{margin-left:-20px;margin-right:-20px;padding:40px 20px}.section-title{font-size:28px}.section-description{font-size:16px}.benefits-grid{grid-template-columns:1fr;gap:20px}}.integration-section{margin-bottom:80px}.platform-badges{flex-wrap:wrap;gap:12px;margin-top:32px;display:flex}.platform-badge{background:var(--purple);color:var(--white);border-radius:8px;padding:12px 24px;font-size:15px;font-weight:600;transition:all .2s}.platform-badge:hover{box-shadow:var(--shadow);transform:translateY(-2px)}@media (width<=768px){.platform-badges{gap:10px}.platform-badge{padding:10px 20px;font-size:14px}}.features-section{background:var(--bg-cream-dark);margin-bottom:80px;margin-left:-80px;margin-right:-80px;padding:60px 80px}.features-grid{grid-template-columns:repeat(12,1fr);gap:24px;margin-top:32px;display:grid}.feature-card{background:var(--white);box-shadow:var(--shadow);border:1px solid var(--border-gray);border-radius:12px;grid-column:span 6;padding:16px;transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.feature-icon{background:#14b8a626;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;display:flex}.feature-badge{color:var(--white);text-transform:uppercase;letter-spacing:.5px;background:#9b87c7;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600}.feature-title{color:var(--navy);margin-bottom:8px;font-size:20px;font-weight:700}.feature-description{color:var(--text-gray);font-size:15px;line-height:1.6}@media (width<=1024px){.features-section{margin-left:-40px;margin-right:-40px;padding:50px 40px}}@media (width<=768px){.features-section{margin-left:-20px;margin-right:-20px;padding:40px 20px}.features-grid{grid-template-columns:1fr;gap:20px}.feature-card{grid-column:span 1;padding:24px}}.pricing-section{background:var(--bg-cream-dark);border-radius:16px;margin-bottom:80px;margin-left:-80px;margin-right:-80px;padding:60px 80px;box-shadow:0 2px 8px #00000014}.pricing-card{background:var(--white);box-shadow:var(--shadow-lg);border:1px solid var(--border-gray);border-radius:12px;max-width:500px;margin-top:32px;padding:40px}.pricing-header{border-bottom:1px solid var(--border-gray);margin-bottom:32px;padding-bottom:24px}.plan-name{color:var(--navy);margin-bottom:16px;font-size:24px;font-weight:700}.price-container{align-items:baseline;gap:4px;display:flex}.currency{color:var(--navy);font-size:24px;font-weight:600}.price{color:var(--navy);font-size:48px;font-weight:700;line-height:1}.period{color:var(--text-gray);font-size:18px}.features-list{margin-bottom:32px;list-style:none}.features-list li{color:var(--text-dark);align-items:center;gap:12px;margin-bottom:12px;font-size:16px;display:flex}.features-list .checkmark{color:var(--teal);flex-shrink:0;font-size:20px}.launch-special{background:linear-gradient(135deg, var(--purple) 0%, #6b5b95 100%);color:var(--white);border-radius:8px;padding:24px}.special-badge{margin-bottom:8px;font-size:18px;font-weight:700}.special-text{color:#fffffff2;font-size:15px;line-height:1.6}.special-text strong{color:var(--white);font-weight:700}@media (width<=1024px){.pricing-section{margin-left:-40px;margin-right:-40px;padding:50px 40px}}@media (width<=768px){.pricing-section{margin-left:-20px;margin-right:-20px;padding:40px 20px}.pricing-card{padding:32px 24px}.price{font-size:40px}}.faq-section{margin-bottom:80px}.faq-list{max-width:800px;margin-top:32px}.faq-item{background:var(--white);border:1px solid var(--border-gray);border-radius:8px;margin-bottom:12px;transition:all .2s;overflow:hidden}.faq-item:hover{box-shadow:var(--shadow)}.faq-question{text-align:left;width:100%;color:var(--navy);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;padding:20px 24px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.faq-question:hover{color:var(--teal)}.faq-icon{color:var(--teal);flex-shrink:0;margin-left:16px;font-size:24px;font-weight:300}.faq-answer{color:var(--text-gray);padding:0 24px 20px;font-size:15px;line-height:1.6;animation:.2s slideDown}.faq-item.open{box-shadow:var(--shadow)}@media (width<=768px){.faq-question{padding:16px 20px;font-size:15px}.faq-answer{padding:0 20px 16px;font-size:14px}}