.landing-page{min-height:100vh;width:100%;max-width:1108px;margin:0 auto;box-sizing:border-box;padding:0 1rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.landing-page-wide{max-width:1200px}.docs-embed .container{padding:0;max-width:none}.docs-embed-frame{width:100%;height:calc(100vh - 260px);min-height:720px;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;margin:0 1rem}.landing-header{background:#fff;border-bottom:1px solid #e5e5e5;padding:.5rem 0;position:sticky;top:0;z-index:100;margin-top:0}.navbar{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 2rem}.navbar{position:relative}.nav-brand h1{color:#2563eb;margin:0;font-size:1.5rem;font-weight:700}.nav-links{display:flex;gap:1rem;align-items:center}.nav-links a{text-decoration:none;color:#374151;font-weight:500;transition:color .2s}.nav-links a:hover{color:#0e53e9}.cta-button{background:#2563eb!important;color:#fff!important;padding:.5rem 1rem;border-radius:6px;font-weight:600}.cta-button:hover{background:#1d4ed8!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landing-header .mobile-nav-toggle{display:none;background:transparent;border:none;padding:.5rem;cursor:pointer}.landing-header .hamburger,.landing-header .hamburger:before,.landing-header .hamburger:after{display:block;width:22px;height:2px;background:#374151;border-radius:2px;transition:transform .2s,opacity .2s;position:relative}.landing-header .hamburger:before,.landing-header .hamburger:after{content:"";position:absolute;left:0}.landing-header .hamburger:before{top:-7px}.landing-header .hamburger:after{top:7px}.landing-header .mobile-nav-toggle.open .hamburger{background:transparent}.landing-header .mobile-nav-toggle.open .hamburger:before{transform:translateY(7px) rotate(45deg)}.landing-header .mobile-nav-toggle.open .hamburger:after{transform:translateY(-7px) rotate(-45deg)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem 1rem;align-items:center}.hero h1{font-size:3rem;font-weight:800;color:#111827;margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:2rem;line-height:1.6}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.primary-button{background:#2563eb;color:#fff;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;transition:background .2s;border:none;cursor:pointer}.primary-button:hover{background:#1d4ed8}.primary-button.large{padding:1.25rem 2.5rem;font-size:1.125rem}.secondary-button{background:transparent;color:#374151;padding:1rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid #d1d5db;transition:all .2s}.secondary-button:hover{border-color:#2563eb;color:#2563eb}.hero-visual{display:flex;justify-content:center}.form-preview-card{background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;overflow:hidden;width:100%;max-width:400px}.form-preview-header{background:#f3f4f6;padding:1rem;font-weight:600;color:#374151;text-align:center}.form-preview-body{padding:2rem}.form-field{margin-bottom:1.5rem}.form-field label{display:block;margin-bottom:.5rem;font-weight:500;color:#374151}.input-placeholder{height:40px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;animation:pulse 2s infinite}.textarea-placeholder{height:80px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:6px;animation:pulse 2s infinite}.submit-button-placeholder{height:44px;background:#ddd6fe;border-radius:6px;animation:pulse 2s infinite;margin-top:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.features{background:#f9fafb;padding:2rem 0}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.features h2{text-align:center;font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:2rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem}.builder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:900px;margin:2rem auto}.builder-grid .feature-card{padding:1.25rem}@media (min-width: 900px){.builder-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.builder-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width: 800px) and (max-width: 1099px){.builder-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 560px) and (max-width: 799px){.builder-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 400px) and (max-width: 559px){.builder-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 400px) and (max-width: 559px){.features-grid{grid-template-columns:repeat(1,1fr)}}.feature-card{background:#fff;padding:2rem;border-radius:12px;text-align:center;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease;cursor:pointer}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 12px #00000026}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin-bottom:1rem}.feature-card p{color:#6b7280;line-height:1.6}.templates-preview{padding:4rem 0}.templates-preview h2{text-align:center;font-size:2.5rem;font-weight:700;color:#111827;margin-bottom:1rem}.templates-preview p{text-align:center;font-size:1.25rem;color:#6b7280;margin-bottom:3rem}.templates-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:2rem}@media (min-width: 1100px){.templates-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width: 800px) and (max-width: 1099px){.templates-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1100px){.features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}@media (min-width: 800px) and (max-width: 1099px){.features-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 560px) and (max-width: 799px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 400px) and (max-width: 559px){.templates-grid{grid-template-columns:repeat(1,1fr)}}@media (min-width: 560px) and (max-width: 799px){.templates-grid{grid-template-columns:repeat(2,1fr)}}.template-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;transition:transform .2s;cursor:pointer}.template-card{display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px)}.template-preview{height:80px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem}.template-card h4{font-size:1rem;font-weight:600;color:#111827;margin:.75rem 1rem .25rem}.template-card p{color:#6b7280;margin:.5rem 1rem 1rem;font-size:.85rem}.template-actions{display:flex;gap:.5rem;padding:1rem;align-items:center;justify-content:flex-start}.preview-template{padding:.5rem .75rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#111827;font-weight:600}.preview-template:hover{background:#eef2f7}.use-template{display:inline-flex;align-items:center;padding:.5rem .75rem;border-radius:6px;background:transparent;border:1px solid transparent;color:#2563eb;font-weight:600;text-decoration:none;cursor:pointer}.use-template:hover{background:#2563eb0f;border-color:#2563eb1f}.templates-page{max-width:1108px;margin:0 auto;padding:2rem 1rem;box-sizing:border-box}.templates-page .templates-content{max-width:800px;margin:0 auto;padding:0 1rem;box-sizing:border-box}.filter-button{padding:.5rem 1rem;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;color:#374151;font-weight:500;transition:all .2s}.filter-button:hover{background:#e5e7eb}.filter-button.active{background:#2563eb;color:#fff;border-color:#2563eb}.view-all-link{display:block;text-align:center;color:#2563eb;font-weight:600;text-decoration:none;font-size:1.125rem}.view-all-link:hover{color:#1d4ed8}.cta-section{background:#2563eb;color:#fff;padding:4rem 0;text-align:center}.cta-section h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.cta-section p{font-size:1.25rem;margin-bottom:2rem;opacity:.9}.cta-section .primary-button{background:#fff;color:#2563eb}.cta-section .primary-button:hover{background:#f9fafb}.footer{background:#111827;color:#fff;padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3,.footer-section h4{margin-bottom:1rem}.footer-section a{display:block;color:#9ca3af;text-decoration:none;margin-bottom:.5rem;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{border-top:1px solid #374151;padding-top:1rem;text-align:center;color:#9ca3af}@media (max-width: 768px){.hero{grid-template-columns:1fr;gap:2rem;text-align:center;padding:2rem 1rem}.hero h1{font-size:2rem}.hero-actions{justify-content:center}.nav-links{gap:1rem}.navbar,.container{padding:0 1rem}.nav-links{display:none}.nav-links.open{display:flex;flex-direction:column;gap:.75rem;position:absolute;right:1rem;top:calc(100% + .5rem);background:#fff;padding:1rem;border-radius:8px;box-shadow:0 8px 24px #00000014;z-index:200;min-width:160px}.landing-header .mobile-nav-toggle{display:block;position:static!important;right:auto!important;top:auto!important;transform:none!important;margin-left:auto!important;z-index:300}.landing-header .mobile-nav-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:auto!important;min-width:40px!important;height:36px!important;padding:6px!important;background:transparent!important;border:none!important;border-radius:8px!important;box-shadow:none!important}.landing-header .mobile-nav-toggle .hamburger,.landing-header .mobile-nav-toggle .hamburger:before,.landing-header .mobile-nav-toggle .hamburger:after{background:#111827!important}}@media (max-width: 480px){.landing-page,.templates-page,.templates-preview,.features{margin:0!important;padding-left:1rem!important;padding-right:1rem!important;max-width:none!important;box-sizing:border-box}.navbar{padding-left:1rem!important;padding-right:1rem!important;justify-content:flex-start!important}.nav-brand{margin-right:.5rem}.container{padding-left:1rem!important;padding-right:1rem!important}}@media (max-width: 768px){.templates-preview .container,.templates-preview .container>div{padding:0 1rem}.templates-preview table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.templates-preview table{max-width:100%!important;font-size:.95rem}.templates-preview th,.templates-preview td{padding:.5rem!important;font-size:.92rem!important}.templates-preview thead th{font-size:.95rem!important;padding-top:.5rem!important;padding-bottom:.5rem!important}.templates-preview table thead tr{line-height:1.2}.templates-preview table thead,.templates-preview table tbody,.templates-preview table tr{display:table;width:100%;table-layout:fixed}.templates-preview th,.templates-preview td{white-space:normal;word-break:break-word}.templates-preview [style*="height: 420px"],.templates-preview [style*="minHeight: 400px"],.templates-preview [style*="min-height: 400px"]{height:auto!important;min-height:auto!important}.templates-preview pre,.templates-preview code{white-space:pre-wrap!important;word-break:break-word!important}.templates-preview .primary-button.large,.templates-preview .secondary-button.large{width:100%;box-sizing:border-box}.features pre,.features code{white-space:pre-wrap!important;word-break:break-word!important;overflow-x:auto!important;max-width:100%!important;box-sizing:border-box!important}}