:root{--color-gray-50: #fafafa;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #666666;--color-gray-700: #374151;--color-gray-900: #171717;--color-white: #ffffff;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-border: #e2e8f0;--color-border-hover: #cbd5e1;--font-family: Geist, -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-hero: 33.26px;--font-size-base: 16px;--font-size-sm: 14px;--line-height-hero: 1.3;--line-height-base: 1.5;--letter-spacing-tight: 0px;--font-weight-medium: 500;--font-weight-semibold: 600;--spacing-4: 16px;--spacing-6: 24px;--header-height: 64px;--button-height: 40px;--border-radius-base: 8px;--border-radius-full: 100px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-family);font-size:var(--font-size-base);background-color:var(--color-gray-50);color:var(--color-gray-900);line-height:var(--line-height-base);scroll-behavior:smooth}img{max-width:100%;height:auto;display:block}.header{display:flex;justify-content:space-between;align-items:center;padding:0 24px;height:var(--header-height);background:transparent;border-bottom:none;position:relative;z-index:99998!important}.header-container{max-width:1200px;margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center}.logo-section{display:flex;align-items:center;gap:12px}.header-logo{width:32px;height:32px;object-fit:contain}.logo-text{font-size:1.4em;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);text-decoration:none}.logo-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.logo-link:hover{text-decoration:none}.logo-link:focus{outline:2px solid var(--color-primary-600);outline-offset:2px}.logo-link:visited{color:inherit}.desktop-nav{display:none;align-items:center;gap:32px}.header-actions{display:none;align-items:center;gap:24px}.nav-dropdown{position:relative;z-index:99999!important}.dropdown-trigger{background:none;border:none;color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:4px;cursor:pointer;padding:8px 0;transition:color .2s ease}.dropdown-trigger:hover{color:var(--color-gray-900)}.nav-dropdown-menu{position:absolute;top:100%;left:-10em;min-width:320px;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-base);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:16px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .2s ease;z-index:99999!important}.nav-dropdown-menu.nav-columns-2{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;min-width:640px}.nav-dropdown-menu.nav-columns-2{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px;min-width:560px}.nav-dropdown:hover .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-section{margin-bottom:16px}.dropdown-section:last-child{margin-bottom:0}.dropdown-section h4{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.dropdown-item{display:flex;align-items:flex-start;gap:12px;padding:8px;border-radius:6px;text-decoration:none;color:var(--color-gray-900);transition:background-color .2s ease}.dropdown-item:hover{background-color:var(--color-gray-50)}.item-icon{font-size:16px;margin-top:2px}.item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);display:block;margin-bottom:2px}.item-desc{font-size:12px;color:var(--color-gray-500);display:block}.nav-link{color:var(--color-gray-500);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:color .2s ease}.nav-link:hover{color:var(--color-gray-900)}.btn-signup{background-color:var(--color-gray-900);color:var(--color-white);padding:0 14px;height:var(--button-height);border-radius:var(--border-radius-full);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.btn-signup:hover{background-color:#000}.mobile-menu-toggle{display:flex;position:relative;width:32px;height:32px;background:transparent;border:1px solid rgba(0,0,0,.08);border-radius:50%;cursor:pointer;align-items:center;justify-content:center;flex-direction:column}.hamburger-line{width:18px;height:2px;background-color:var(--color-gray-900);margin:2px 0;transition:.3s}.mobile-nav{display:none;position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background:var(--color-white);padding:24px;z-index:40;overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav.open{display:block}.mobile-nav-content{display:flex;flex-direction:column;gap:16px}.mobile-nav-link{color:var(--color-gray-900);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:12px 0;border-bottom:1px solid var(--color-border)}.mobile-nav-link.mobile-cta{background-color:var(--color-gray-900);color:var(--color-white);padding:12px 16px;border-radius:var(--border-radius-base);text-align:center;border-bottom:none;margin-top:16px}.mobile-top-actions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.mobile-btn-signup{background-color:var(--color-gray-900);color:var(--color-white);text-decoration:none;padding:16px;border-radius:8px;text-align:center;font-weight:500;font-size:16px;transition:background-color .2s ease}.mobile-btn-signup:hover{background-color:var(--color-gray-800)}.mobile-btn-login{background-color:transparent;color:var(--color-gray-900);text-decoration:none;padding:16px;border:1px solid var(--color-border);border-radius:8px;text-align:center;font-weight:500;font-size:16px;transition:all .2s ease}.mobile-btn-login:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.mobile-dropdown{position:relative}.mobile-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;text-align:left;cursor:pointer}.mobile-chevron{transition:transform .2s ease}.mobile-dropdown.open .mobile-chevron{transform:rotate(180deg)}.mobile-dropdown-menu{max-height:0;overflow:hidden;padding-left:16px;margin-top:0;opacity:0;transition:max-height .3s ease-out,opacity .2s ease-out,margin-top .3s ease-out}.mobile-dropdown.open .mobile-dropdown-menu{max-height:300px;opacity:1;margin-top:8px;transition:max-height .3s ease-in,opacity .3s ease-in .1s,margin-top .3s ease-in}.mobile-dropdown-item{color:var(--color-gray-700);text-decoration:none;font-size:14px;padding:8px 0;display:block;border-bottom:none;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.mobile-dropdown.open .mobile-dropdown-item{opacity:1;transform:translateY(0)}.mobile-dropdown.open .mobile-dropdown-item:nth-child(1){transition-delay:.1s}.mobile-dropdown.open .mobile-dropdown-item:nth-child(2){transition-delay:.15s}.mobile-dropdown.open .mobile-dropdown-item:nth-child(3){transition-delay:.2s}.mobile-dropdown.open .mobile-dropdown-item:nth-child(4){transition-delay:.25s}.footer{background:var(--color-gray-900);color:var(--color-white);padding:80px 0 24px}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:80px;margin-bottom:48px}.footer-brand{display:flex;flex-direction:column;gap:32px}.footer-logo{display:flex;align-items:center;gap:12px}.footer-logo-img{width:32px;height:32px}.footer-logo-text{font-size:24px;font-weight:var(--font-weight-semibold);color:var(--color-white)}.footer-tagline{font-size:16px;color:var(--color-gray-400)}.footer-tagline p{margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.footer-column h4{font-size:16px;font-weight:var(--font-weight-semibold);color:var(--color-white);margin-bottom:16px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:12px}.footer-column a{color:var(--color-gray-300);text-decoration:none;font-size:14px;transition:color .2s ease}.footer-column a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-gray-700);padding-top:24px;text-align:center}.footer-bottom p{margin:0;font-size:14px;color:var(--color-gray-400)}@media (max-width: 768px){.footer{padding:60px 0 24px}.footer-content{grid-template-columns:1fr;gap:48px}.footer-links{grid-template-columns:1fr;gap:32px}.footer-brand{text-align:center}.footer-logo{justify-content:center}}.hero{padding:16px 0 0;margin:0 0 -1px;display:flex;flex-direction:column;align-items:stretch;background:var(--color-white);min-height:60vh;justify-content:center}.hero-content{max-width:800px;margin:0 auto;text-align:center;padding:0 24px}.hero-title{font-size:var(--font-size-hero);font-weight:var(--font-weight-semibold);line-height:var(--line-height-hero);color:var(--color-gray-900);letter-spacing:var(--letter-spacing-tight);margin:0 0 16px}.hero-description{font-size:var(--font-size-base);line-height:24px;color:var(--color-gray-500);max-width:25em;margin:0 auto 32px;font-style:normal}.hero-buttons{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}.btn-hero-primary{background-color:var(--color-gray-900);color:var(--color-white);padding:0 20px;height:var(--button-height);border-radius:var(--border-radius-full);border:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:8px;min-width:160px;transition:background-color .2s ease}.btn-hero-primary:hover{background-color:#000}.btn-hero-secondary{background-color:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-border);padding:0 20px;height:var(--button-height);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;display:flex;align-items:center;justify-content:center;min-width:120px;transition:all .2s ease}.btn-hero-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-border-hover)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.main-content{margin-left:3.5em;position:relative;z-index:1}@media (max-width: 789px){.main-content{margin-left:0}}#what-is-section .container p{max-width:725px!important}.hero{text-align:center;padding:120px 24px 80px;background:#fff}.hero-content{max-width:800px;margin:0 auto}.hero-logo{width:80px;height:80px;max-width:80px;max-height:80px;margin:0 auto 24px;object-fit:contain}.hero-title{font-size:48px;font-weight:700;color:#333;margin-bottom:16px;line-height:1.2}.hero-description{font-size:20px;color:#666;margin-bottom:40px;font-style:normal;line-height:1.4}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-primary,.cta-secondary{padding:12px 24px;border-radius:6px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s;display:inline-block}.cta-primary{background:#333;color:#fff;border:1px solid #333}.cta-primary:hover{background:#000;border-color:#000}.cta-secondary{background:#fff;color:#333;border:1px solid #ddd}.cta-secondary:hover{border-color:#333}.what-is-this,.use-cases,.why-opensure,.getting-started,.stats{padding:80px 24px}.what-is-this{background:#fff}.use-cases{background:#fafafa}.why-opensure{background:#fff}.getting-started{background:#fafafa}.stats{background:#fff}.deploy-section{background:var(--color-gray-50);padding:120px 0}.deploy-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;justify-content:center}.deploy-title{font-size:48px;font-weight:var(--font-weight-semibold);color:var(--color-gray-900);line-height:1.1;margin-bottom:48px;letter-spacing:-.02em}.deploy-feature{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px}.feature-icon{font-size:20px;margin-top:2px;flex-shrink:0}.feature-text{font-size:var(--font-size-base);color:var(--color-gray-500);line-height:1.6}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:400px}.template-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-base);padding:32px 24px;text-align:center;transition:all .2s ease;cursor:pointer}.template-card:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.template-icon{font-size:40px;margin-bottom:16px;display:block}.template-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);margin:0;line-height:1.4}.deploy-section-reversed .deploy-content{grid-auto-flow:dense}.deploy-section-reversed .deploy-text{grid-column-start:2}.deploy-section-reversed .deploy-templates{grid-column-start:1}@media (max-width: 1024px){.deploy-section-reversed .deploy-content{grid-template-columns:1fr}.deploy-section-reversed .deploy-text{grid-row:1;grid-column:1;text-align:center}.deploy-section-reversed .deploy-templates{grid-row:2;grid-column:1;margin:0 auto}}@media (max-width: 1024px){.deploy-content{grid-template-columns:auto;gap:60px;text-align:center}.deploy-title{font-size:36px}.templates-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:400px}}#marketplace-subtitle{max-width:32em;margin:0 auto}@media (max-width: 768px){.deploy-section{padding:80px 0;text-align:center}.deploy-content{grid-template-columns:1fr;gap:60px}.deploy-text{text-align:center}.deploy-title{font-size:28px;margin-bottom:32px}.deploy-feature{justify-content:center}.templates-grid{grid-template-columns:1fr;max-width:280px;margin:0 auto}.template-card{padding:24px 16px}}.what-is-this h2,.use-cases h2,.why-opensure h2,.getting-started h2,.stats h2{font-size:32px;font-weight:700;color:#333;margin-bottom:24px;text-align:center}.what-is-this p{font-size:18px;line-height:1.6;color:#666;max-width:800px;margin:0 auto;text-align:center}.use-case-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}.use-case{text-align:center;padding:32px 24px;background:#fff;border-radius:8px;border:1px solid #e1e5e9;transition:all .2s ease}.use-case-emoji{font-size:48px;margin-bottom:16px;display:block}.use-case h3{font-size:18px;font-weight:600;color:#333;margin-bottom:12px}.use-case p{font-size:14px;line-height:1.5;color:#666}.use-case:hover{border-color:var(--color-border-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}.why-item{padding:24px;border-left:3px solid #333;background:#fafafa;position:relative;transition:border-left-color .266s ease}.why-item:after{content:"";position:absolute;top:0;right:0;width:3px;height:100%;background-color:#333;opacity:0;transition:opacity .266s ease}.why-item:hover:after{opacity:1}.why-item h3{font-size:18px;font-weight:600;color:#333;margin-bottom:12px}.why-item p{font-size:14px;line-height:1.5;color:#666}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-top:48px}.step{text-align:center;padding:32px 24px;background:#fff;border-radius:8px;border:1px solid #e1e5e9}.step-number{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:#333;color:#fff;border-radius:50%;font-size:18px;font-weight:600;margin-bottom:16px}.step h3{font-size:18px;font-weight:600;color:#333;margin-bottom:12px}.step-title-link{color:var(--color-gray-900);text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.step-title-link:hover{color:var(--color-gray-900)}.step-title-with-arrow{display:flex;align-items:center;gap:8px}.step-arrow-link{color:var(--color-gray-600);text-decoration:none;display:flex;align-items:center;transition:all .2s ease}.step-arrow-link:hover{color:var(--color-gray-900);transform:translate(2px,-2px)}.step p{font-size:14px;line-height:1.5;color:#666}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px;margin-top:48px}.stat-item{text-align:center}.stat-number{font-size:36px;font-weight:700;color:#333;margin-bottom:8px}.stat-label{font-size:14px;color:#666}@media (min-width: 790px){.desktop-nav,.header-actions{display:flex}.mobile-menu-toggle{display:none}}@media (max-width: 789px){.hero-title{font-size:28px;letter-spacing:-.5px}.hero-buttons{flex-direction:column;gap:12px}.feature-grid{grid-template-columns:1fr;gap:16px}}@media (max-width: 768px){.hero-title{font-size:24px}.hero-description{font-size:14px}.hero-buttons{flex-direction:column;align-items:center}.use-case-grid,.why-grid,.steps-grid,.stats-grid{grid-template-columns:1fr;gap:24px}.header-container{padding:12px 16px}.container{padding:0 16px}.what-is-this,.use-cases,.why-opensure,.getting-started,.stats{padding:60px 16px}.hero{padding:80px 16px 60px}}.marketplace{padding:80px 0;background-color:var(--color-gray-50)}.marketplace h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);text-align:center;margin:0 0 16px;letter-spacing:var(--letter-spacing-tight)}.marketplace-subtitle{font-size:var(--font-size-lg);line-height:28px;color:var(--color-gray-500);text-align:center;margin:0 auto 48px;max-width:600px}.marketplace-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:32px}.marketplace-feature{padding:32px 24px;background:var(--color-white);border:1px solid #e1e1e1;border-radius:var(--border-radius-base);text-align:center;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.marketplace-feature:hover{border-color:#d1d1d1;box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.marketplace-emoji{font-size:48px;margin-bottom:16px;display:block}.marketplace-feature h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin:0 0 12px;letter-spacing:var(--letter-spacing-tight)}.marketplace-feature p{font-size:var(--font-size-base);line-height:24px;color:var(--color-gray-500);margin:0}@media (max-width: 768px){.marketplace{padding:60px 16px}.marketplace-grid{grid-template-columns:1fr;gap:20px}.marketplace-feature{padding:24px 20px}.marketplace-emoji{font-size:40px;margin-bottom:12px}}.coming-soon-page{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;background:linear-gradient(135deg,#fafafa,#e6f2ff)}.coming-soon-container{max-width:640px;width:100%;text-align:center}.coming-soon-header{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:80px}.coming-soon-logo{width:40px;height:40px}.coming-soon-wordmark{font-size:24px;font-weight:600;color:#171717}.coming-soon-hero{margin-bottom:48px}.coming-soon-title{font-size:32px;font-weight:600;line-height:1.1;letter-spacing:-1.5px;color:#171717;margin:0 0 24px}.coming-soon-subtitle{font-size:18px;line-height:1.6;color:#666;margin:0}.email-form{display:flex;gap:12px;margin:48px 0;flex-direction:row;justify-content:center}.email-input{flex:.5;height:48px;padding:0 16px;border:1px solid #e1e1e1;border-radius:8px;font-size:16px;font-family:inherit;background:#fff;transition:border-color .2s ease}.email-input:focus{outline:none;border-color:#171717}.submit-button{height:48px;padding:0 32px;background:#171717;color:#fff;border:none;border-radius:100px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.submit-button:hover{background:#000}.launch-badge{display:inline-block;padding:8px 16px;background:#fff;border:1px solid #e1e1e1;border-radius:100px;font-size:14px;color:#666;margin-bottom:48px}.social-links{display:flex;gap:24px;justify-content:center;margin-top:80px}.social-link{color:#666;text-decoration:none;font-size:14px;transition:color .2s ease}.social-link:hover{color:#171717}.form-message{margin-top:16px;font-size:14px;padding:12px;border-radius:8px}.form-message.success{background:#f0fdf4;color:#166534;border:1px solid #86efac}.form-message.error{background:#fef2f2;color:#991b1b;border:1px solid #fca5a5}.info-section{margin-bottom:48px;padding:32px;background:#fff9;border-radius:12px;backdrop-filter:blur(10px)}.info-section h3{font-size:20px;font-weight:600;color:#171717;margin:0 0 16px}.info-section p{font-size:16px;line-height:1.6;color:#666;margin:0}@media (max-width: 768px){.coming-soon-page{padding:60px 24px}.coming-soon-header{margin-bottom:60px}.coming-soon-title{font-size:24px;letter-spacing:-.5px}.info-section{padding:24px}.info-section h3{font-size:18px}.info-section p{font-size:14px}.coming-soon-subtitle{font-size:16px}.social-links{margin-top:60px}}
