*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #4f5d75;--primary-dark: #3d4a5c;--primary-light: #6b7a94;--text-primary: #212529;--text-secondary: #495057;--text-muted: #868e96;--bg-page: #f8f9fa;--bg-card: #ffffff;--border-light: #e9ecef;--border-medium: #dee2e6;--success: #3d8b6e}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-page);color:var(--text-primary);line-height:1.6;font-size:16px}a{color:inherit;text-decoration:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fadeInUp .5s ease-out forwards}.animate-fade-in-delay-1{opacity:0;animation:fadeInUp .5s ease-out .1s forwards}.animate-fade-in-delay-2{opacity:0;animation:fadeInUp .5s ease-out .2s forwards}.animate-fade-in-delay-3{opacity:0;animation:fadeInUp .5s ease-out .3s forwards}.site-header{background:var(--bg-card);border-bottom:1px solid var(--border-light);padding:0 2rem;height:64px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:100}.logo{font-size:1.25rem;font-weight:600;color:var(--text-primary);letter-spacing:-.5px;transition:opacity .15s ease}.logo:hover{opacity:.8}.logo span{color:var(--primary)}.nav-links{display:flex;gap:2rem}.nav-link{color:var(--text-secondary);font-weight:500;font-size:.9375rem;transition:color .15s ease}.nav-link:hover,.nav-link.active{color:var(--primary)}.site-footer{background:var(--bg-card);border-top:1px solid var(--border-light);padding:2rem;text-align:center;color:var(--text-muted);font-size:.875rem;margin-top:auto}.main-content{min-height:calc(100vh - 144px)}.container{max-width:1650px;margin:0 auto;padding:0 2rem}.section-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:2rem}.hero{padding:5rem 0 3rem;text-align:center}.hero-headline{font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-1px;line-height:1.2}.hero-headline span{color:var(--primary)}.hero-subheadline{font-size:1.25rem;color:var(--text-secondary);max-width:720px;margin:0 auto 2.5rem;line-height:1.6}.btn-with-badge{display:flex;flex-direction:column;align-items:center;gap:.5rem}.live-badge{font-size:.6875rem;color:var(--success);background:#3d8b6e1a;padding:.25rem .5rem;border-radius:4px;font-weight:500;letter-spacing:.25px}.why-section{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.why-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:5rem;max-width:1000px;margin:0 auto;align-items:start}.why-column{padding:1.5rem;border-radius:8px}.why-column-problems{background:transparent;opacity:.85}.why-column-solutions{background:#4f5d750a;border:1px solid var(--border-light);transform:translateY(-.5rem)}.why-column-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:1.25rem}.why-column-solutions .why-column-title{color:var(--primary)}.why-list{list-style:none}.why-list li{padding:.5rem 0;font-size:.9375rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.625rem;transition:opacity .15s ease}.why-list li:hover{opacity:.7}.why-list li:before{flex-shrink:0;margin-top:.125rem}.why-list-problems li:before{content:"×";color:var(--text-muted);font-weight:600}.why-list-solutions li:before{content:"✓";color:var(--primary);font-weight:600}.why-list-solutions li{color:var(--text-primary)}.how-section{padding:3.5rem 0}.how-steps{display:flex;align-items:center;justify-content:center;gap:0}.how-step{text-align:center;padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;min-width:150px;position:relative;transition:all .25s ease}.how-step:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 6px 16px #00000014;border-color:var(--primary-light);z-index:2}.how-step:hover .how-step-number{background:var(--primary);color:#fff}.step-animate-1{animation:fadeInUp .4s ease-out .1s both}.step-animate-2{animation:fadeInUp .4s ease-out .25s both}.step-animate-3{animation:fadeInUp .4s ease-out .4s both}.step-animate-4{animation:fadeInUp .4s ease-out .55s both}.how-step-number{position:absolute;top:-.625rem;left:50%;transform:translate(-50%);width:1.25rem;height:1.25rem;background:var(--bg-page);border:1px solid var(--border-medium);border-radius:50%;font-size:.6875rem;font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.how-step-icon{font-size:1.5rem;margin-bottom:.5rem;margin-top:.25rem}.how-step-label{font-size:.875rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem}.how-step-desc{font-size:.75rem;color:var(--text-muted)}.how-step-connector{display:flex;align-items:center;width:40px;position:relative}.connector-line{flex:1;height:1px;background:var(--border-medium);transition:background .3s ease}.connector-arrow{font-size:1rem;color:var(--border-medium);margin-left:-2px;transition:color .3s ease,transform .2s ease}.arrow-animate-1{opacity:0;animation:fadeIn .3s ease-out .2s forwards}.arrow-animate-2{opacity:0;animation:fadeIn .3s ease-out .35s forwards}.arrow-animate-3{opacity:0;animation:fadeIn .3s ease-out .5s forwards}.how-steps:hover .connector-line{background:var(--primary-light)}.how-steps:hover .connector-arrow{color:var(--primary);transform:translate(2px)}.features-section{padding:3rem 0 4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.feature-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:1.75rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.feature-stagger-1{transform:translateY(0)}.feature-stagger-2{transform:translateY(-.5rem)}.feature-stagger-3{transform:translateY(.25rem)}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014;border-color:var(--primary-light)}.feature-stagger-2:hover{transform:translateY(calc(-.5rem - 4px))}.feature-stagger-3:hover{transform:translateY(calc(.25rem - 4px))}.feature-icon{font-size:1.5rem;margin-bottom:.75rem}.feature-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.feature-description{font-size:.9375rem;color:var(--text-secondary);line-height:1.5}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:6px;font-weight:500;font-size:.9375rem;cursor:pointer;transition:all .2s ease;border:none;font-family:inherit}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text-secondary);border:1px solid var(--border-medium)}.btn-secondary:hover{background:var(--bg-page);color:var(--text-primary);border-color:var(--text-muted);transform:translateY(-1px)}.btn-group{display:flex;gap:1rem;justify-content:center;align-items:flex-start}.page-header{padding:3rem 0 2rem;text-align:center}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-subtitle{font-size:1.125rem;color:var(--text-secondary)}.project-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:2rem;margin-bottom:2rem;transition:box-shadow .2s ease}.project-card:hover{box-shadow:0 4px 16px #0000000f}.project-status-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.75rem;font-weight:500;color:var(--success);background:#3d8b6e1a;padding:.375rem .75rem;border-radius:4px;margin-bottom:1rem}.status-dot{width:6px;height:6px;background:var(--success);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.project-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.project-description{font-size:1rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.6}.project-active-note{font-size:.875rem;color:var(--primary);font-style:italic;margin-bottom:1.5rem;padding:.75rem 1rem;background:#4f5d750f;border-radius:6px;border-left:3px solid var(--primary)}.project-features{list-style:none;margin-bottom:1.5rem}.project-features li{padding:.375rem 0;color:var(--text-secondary);font-size:.9375rem;display:flex;align-items:center;gap:.5rem}.project-features li:before{content:"✓";color:var(--primary);font-weight:600}.project-screenshot-container{margin-bottom:1.5rem}.project-screenshot-img{width:100%;border:1px solid var(--border-medium);border-radius:6px;display:block}.project-screenshot-fallback{background:var(--border-light);border:1px solid var(--border-medium);border-radius:6px;height:240px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:.875rem}.project-screenshot-fallback.hidden{display:none}.project-screenshot-caption{font-size:.8125rem;color:var(--text-muted);text-align:center;margin-top:.75rem;font-style:italic}.project-actions{display:flex;gap:1rem}.project-header-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.project-header-row .project-title{margin-bottom:0}.project-header-row .project-actions{flex-shrink:0}.simple-tabs{display:flex;gap:.25rem;border-bottom:1px solid var(--border-light);margin-bottom:1.5rem}.simple-tab{padding:.625rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--text-muted);cursor:pointer;transition:all .15s ease;margin-bottom:-1px}.simple-tab:hover{color:var(--text-secondary)}.simple-tab.active{color:var(--primary);border-bottom-color:var(--primary)}.screenshots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.25rem}.screenshot-item{display:flex;flex-direction:column}.screenshot-img{width:100%;border:1px solid var(--border-medium);border-radius:6px;display:block;cursor:pointer;transition:box-shadow .2s ease,transform .15s ease}.screenshot-img:hover{box-shadow:0 4px 12px #00000014;transform:scale(1.01)}.screenshot-label{display:flex;flex-direction:column;gap:.125rem;margin-top:.5rem}.screenshot-title{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.screenshot-caption{font-size:.75rem;color:var(--text-muted)}.demo-note{font-size:.75rem;color:var(--text-muted);text-align:center;margin-top:1.5rem;font-style:italic}@media(max-width:768px){.project-header-row{flex-direction:column;gap:1rem}.project-header-row .project-actions{width:100%}.project-header-row .project-actions .btn{flex:1}.screenshots-grid{grid-template-columns:1fr}}.image-modal-overlay{position:fixed;inset:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}.image-modal-content{position:relative;max-width:95vw;max-height:95vh;display:flex;flex-direction:column;align-items:center}.image-modal-close{position:absolute;top:-2.5rem;right:0;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:.5rem;opacity:.7;transition:opacity .15s ease}.image-modal-close:hover{opacity:1}.image-modal-img{max-width:100%;max-height:calc(95vh - 4rem);border-radius:8px;box-shadow:0 8px 32px #0000004d;animation:modalZoomIn .25s ease-out}@keyframes modalZoomIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-modal-caption{color:#ffffffb3;font-size:.875rem;margin-top:1rem;text-align:center}.content-section{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.content-block{max-width:680px;margin:0 auto}.content-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1.25rem;letter-spacing:-.5px}.content-lead{font-size:1.125rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.6}.content-body{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.content-list{list-style:none}.content-list li{padding:.5rem 0;font-size:.9375rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:.75rem}.content-list li:before{content:"✓";color:var(--primary);font-weight:600;flex-shrink:0;margin-top:.125rem}.bridge-section{padding:3.5rem 0;background:var(--bg-page)}.bridge-content{max-width:600px;margin:0 auto;text-align:center}.bridge-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.bridge-body{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.bridge-link{display:inline-flex;align-items:center;color:var(--primary);font-weight:500;font-size:.9375rem;transition:color .15s ease}.bridge-link:hover{color:var(--primary-dark)}.impact-section{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.impact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem 2rem;max-width:900px;margin:0 auto}.impact-item{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--text-secondary);padding:.5rem 0}.impact-check{color:var(--primary);font-weight:600;flex-shrink:0}.trust-section{padding:3rem 0;background:var(--bg-page)}.trust-content{max-width:680px;margin:0 auto;text-align:center}.trust-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.trust-body{font-size:1rem;color:var(--text-secondary);margin-bottom:1.25rem;line-height:1.6}.trust-points{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem .25rem}.trust-point{font-size:.8125rem;color:var(--text-muted)}.trust-divider{color:var(--border-medium);font-size:.75rem;padding:0 .25rem}.final-cta-section{padding:4rem 0;text-align:center;background:var(--bg-card);border-top:1px solid var(--border-light)}.final-cta-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1.5rem}.btn-large{padding:1rem 2rem;font-size:1rem}.contact-section{padding:2rem 0 4rem}.contact-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:2rem;max-width:560px;margin:0 auto;transition:box-shadow .2s ease}.contact-card:hover{box-shadow:0 4px 16px #0000000f}.contact-intro{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.form-group{margin-bottom:1.25rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.375rem}.form-input,.form-textarea{width:100%;padding:.75rem;border:1px solid var(--border-medium);border-radius:6px;font-size:1rem;font-family:inherit;background:var(--bg-card);transition:border-color .15s ease,box-shadow .15s ease}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4f5d751a}.form-textarea{resize:vertical;min-height:120px}.form-submit{width:100%;margin-top:.5rem}.form-note{font-size:.875rem;color:var(--text-muted);text-align:center;margin-top:1rem}.form-note a{color:var(--primary);text-decoration:underline}.form-note a:hover{color:var(--primary-dark)}html{scroll-behavior:smooth}.about-section{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.about-content{max-width:680px;margin:0 auto;text-align:center}.about-lead{font-size:1.125rem;color:var(--text-primary);margin-bottom:1rem;line-height:1.6}.about-body{font-size:1rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.7}.about-points{display:flex;flex-direction:column;gap:.75rem;text-align:left;margin-bottom:2rem}.about-point{display:flex;align-items:flex-start;gap:.75rem;font-size:.9375rem;color:var(--text-secondary)}.about-point-icon{color:var(--primary);font-weight:600;flex-shrink:0}.about-small-note{font-size:.875rem;color:var(--text-muted);background:var(--bg-page);padding:1rem;border-radius:6px;text-align:left;line-height:1.6}.about-small-note strong{color:var(--text-secondary)}.process-section{padding:4rem 0;background:var(--bg-page)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.process-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.process-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.process-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;flex-wrap:wrap}.process-number{width:1.5rem;height:1.5rem;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.process-card-title{font-size:1rem;font-weight:600;color:var(--text-primary);flex:1}.process-duration{font-size:.75rem;color:var(--text-muted);background:var(--bg-page);padding:.25rem .5rem;border-radius:4px}.process-card-body{font-size:.9375rem;color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.process-output{font-size:.8125rem;color:var(--text-muted)}.process-output strong{color:var(--text-secondary)}.process-pricing-note{font-size:.9375rem;color:var(--text-muted);text-align:center;font-style:italic}.examples-section{padding:4rem 0;background:var(--bg-card);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.examples-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.example-card{background:var(--bg-page);border:1px solid var(--border-light);border-radius:8px;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.example-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f}.example-badge{display:inline-block;font-size:.6875rem;font-weight:500;color:var(--primary);background:#4f5d751a;padding:.25rem .5rem;border-radius:4px;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:.5px}.example-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.example-details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.example-item{display:flex;flex-direction:column;gap:.25rem}.example-label{font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.example-item p{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.example-link{display:inline-flex;font-size:.875rem;font-weight:500;color:var(--primary);transition:color .15s ease}.example-link:hover{color:var(--primary-dark)}.final-cta-body{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem;max-width:500px;margin-left:auto;margin-right:auto}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23868e96' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem;cursor:pointer}.checkbox-group{display:flex;flex-wrap:wrap;gap:.75rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-secondary);cursor:pointer}.checkbox-label input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--primary);cursor:pointer}.form-next-steps{margin-top:1.5rem;padding:1rem;background:var(--bg-page);border-radius:6px;text-align:left}.form-next-steps-title{font-size:.8125rem;font-weight:600;color:var(--text-primary);margin-bottom:.375rem}.form-next-steps-body{font-size:.8125rem;color:var(--text-muted);line-height:1.5;margin:0}@media(max-width:768px){.hero-headline{font-size:2rem}.hero-subheadline{font-size:1.125rem}.features-grid{grid-template-columns:1fr}.btn-group{flex-direction:column;align-items:center}.btn-with-badge,.btn-with-badge .btn{width:100%}.site-header,.container{padding:0 1rem}.nav-links{gap:1rem}.nav-link{font-size:.875rem}.why-grid{grid-template-columns:1fr;gap:1.5rem}.why-column-solutions{transform:translateY(0)}.how-steps{flex-direction:column;align-items:center;gap:0}.how-step-connector{width:auto;height:24px;flex-direction:column}.connector-line{width:1px;height:100%;flex:1}.connector-arrow{transform:rotate(90deg);margin-left:0;margin-top:-4px}.how-steps:hover .connector-arrow{transform:rotate(90deg) translate(2px)}.how-step{width:100%;max-width:220px}.feature-stagger-1,.feature-stagger-2,.feature-stagger-3{transform:translateY(0)}.feature-stagger-2:hover,.feature-stagger-3:hover{transform:translateY(-4px)}.content-title{font-size:1.5rem}.trust-points{flex-direction:column;gap:.375rem}.trust-divider{display:none}.impact-grid,.process-grid,.examples-grid,.form-row{grid-template-columns:1fr}.checkbox-group{flex-direction:column}}