.marketing-page{background:var(--tw-canvas);flex-direction:column;min-height:100vh;display:flex}.marketing-main{flex:1}.marketing-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--tw-gray-200);background:#fefefce6;position:sticky;top:0}.marketing-header-content{max-width:1200px;padding:var(--tw-space-3)var(--tw-space-6);justify-content:space-between;align-items:center;gap:var(--tw-space-4);margin:0 auto;display:flex}.marketing-logo{font-family:var(--tw-font-display);color:var(--tw-gray-900);padding:var(--tw-space-1)var(--tw-space-2);margin:calc(-1*var(--tw-space-1))calc(-1*var(--tw-space-2));border-radius:var(--tw-radius-md);transition:background var(--tw-duration-fast)var(--tw-ease-out-soft);font-size:1.25rem;font-weight:600;text-decoration:none}.marketing-logo:hover{background:var(--tw-gray-100)}.marketing-logo-dot{color:var(--tw-amber-500)}.marketing-nav{align-items:center;gap:var(--tw-space-1);display:none}.marketing-nav-link{padding:var(--tw-space-2)var(--tw-space-3);font-size:var(--tw-text-sm);color:var(--tw-gray-600);border-radius:var(--tw-radius-md);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);font-weight:500;text-decoration:none}.marketing-nav-link:hover{color:var(--tw-gray-900);background:var(--tw-gray-100)}.marketing-nav-link.active{color:var(--tw-amber-700);background:var(--tw-amber-50)}.marketing-header-actions{align-items:center;gap:var(--tw-space-2);display:flex}.marketing-btn-secondary{padding:var(--tw-space-2)var(--tw-space-4);font-size:var(--tw-text-sm);color:var(--tw-gray-700);border-radius:var(--tw-radius-md);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);font-weight:500;text-decoration:none;display:none}.marketing-btn-secondary:hover{color:var(--tw-gray-900);background:var(--tw-gray-100)}.marketing-btn-primary{padding:var(--tw-space-2)var(--tw-space-4);font-size:var(--tw-text-sm);color:var(--tw-btn-primary-text);background:var(--tw-btn-primary-bg);border-radius:var(--tw-radius-md);box-shadow:var(--tw-btn-primary-shadow);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);font-weight:600;text-decoration:none}.marketing-btn-primary:hover{background:var(--tw-btn-primary-bg-hover);box-shadow:var(--tw-btn-primary-shadow-hover);transform:translateY(-1px)}.marketing-footer{background:var(--tw-gray-900);color:var(--tw-gray-300);margin-top:auto}.marketing-footer-content{max-width:1200px;padding:var(--tw-space-12)var(--tw-space-6);margin:0 auto}.marketing-footer-brand{margin-bottom:var(--tw-space-8)}.marketing-footer-logo{font-family:var(--tw-font-display);color:var(--tw-gray-100);font-size:1.5rem;font-weight:600;text-decoration:none}.marketing-footer-tagline{margin:var(--tw-space-2)0 0 0;font-size:var(--tw-text-sm);color:var(--tw-gray-400)}.marketing-footer-links{gap:var(--tw-space-8);margin-bottom:var(--tw-space-8);padding-bottom:var(--tw-space-8);border-bottom:1px solid var(--tw-gray-800);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));display:grid}.marketing-footer-column h4{font-size:var(--tw-text-xs);color:var(--tw-gray-100);text-transform:uppercase;letter-spacing:var(--tw-tracking-wide);margin:0 0 var(--tw-space-3)0;font-weight:600}.marketing-footer-column a{font-size:var(--tw-text-sm);color:var(--tw-gray-400);padding:var(--tw-space-1)0;transition:color var(--tw-duration-fast);text-decoration:none;display:block}.marketing-footer-column a:hover{color:var(--tw-amber-400)}.marketing-footer-bottom{text-align:center}.marketing-footer-bottom p{font-size:var(--tw-text-sm);color:var(--tw-gray-500);margin:0}.page-hero{padding:var(--tw-space-16)var(--tw-space-6);text-align:center;position:relative;overflow:hidden}.page-hero-content{z-index:1;max-width:720px;margin:0 auto;position:relative}.page-hero-label{padding:var(--tw-space-1)var(--tw-space-3);margin-bottom:var(--tw-space-4);font-size:var(--tw-text-xs);color:var(--tw-amber-700);background:var(--tw-amber-100);border:1px solid var(--tw-amber-200);text-transform:uppercase;letter-spacing:var(--tw-tracking-wide);animation:fadeInUp .4s var(--tw-ease-out-soft);border-radius:9999px;font-weight:600;display:inline-block}.page-hero-title{font-family:var(--tw-font-display);color:var(--tw-gray-900);font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:var(--tw-leading-tight);margin:0 0 var(--tw-space-4)0;animation:fadeInUp .4s var(--tw-ease-out-soft).1s backwards}.page-hero-subtitle{font-size:var(--tw-text-lg);color:var(--tw-gray-600);line-height:var(--tw-leading-normal);animation:fadeInUp .4s var(--tw-ease-out-soft).2s backwards;margin:0}.page-hero-actions{justify-content:center;gap:var(--tw-space-3);margin-top:var(--tw-space-6);animation:fadeInUp .4s var(--tw-ease-out-soft).3s backwards;display:flex}.page-hero-bg{background:linear-gradient(180deg,var(--tw-amber-50)0%,transparent 100%);opacity:.5;position:absolute;inset:0}.section-header{margin-bottom:var(--tw-space-8)}.section-header-centered{text-align:center}.section-header-label{font-size:var(--tw-text-xs);color:var(--tw-amber-600);text-transform:uppercase;letter-spacing:var(--tw-tracking-wide);margin-bottom:var(--tw-space-2);font-weight:600;display:inline-block}.section-header-title{font-family:var(--tw-font-display);color:var(--tw-gray-900);font-size:clamp(1.5rem,3vw,2rem);font-weight:600;line-height:var(--tw-leading-tight);margin:0 0 var(--tw-space-3)0}.section-header-subtitle{font-size:var(--tw-text-base);color:var(--tw-gray-600);max-width:600px;margin:0}.section-header-centered .section-header-subtitle{margin-left:auto;margin-right:auto}.feature-block{gap:var(--tw-space-8);padding:var(--tw-space-8)0;align-items:center;display:grid}.feature-block-content{max-width:480px}.feature-block-icon{background:linear-gradient(135deg,var(--tw-amber-100)0%,var(--tw-amber-50)100%);border:1px solid var(--tw-amber-200);border-radius:var(--tw-radius-lg);width:48px;height:48px;color:var(--tw-amber-600);margin-bottom:var(--tw-space-4);justify-content:center;align-items:center;display:flex}.feature-block-title{font-family:var(--tw-font-display);color:var(--tw-gray-900);margin:0 0 var(--tw-space-3)0;font-size:1.5rem;font-weight:600}.feature-block-description{font-size:var(--tw-text-base);color:var(--tw-gray-600);line-height:var(--tw-leading-normal);margin:0 0 var(--tw-space-4)0}.feature-block-list{gap:var(--tw-space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feature-block-list li{align-items:center;gap:var(--tw-space-2);font-size:var(--tw-text-sm);color:var(--tw-gray-700);display:flex}.feature-block-list svg{color:var(--tw-success);flex-shrink:0}.feature-block-visual{padding:var(--tw-space-6);background:var(--tw-gray-100);border-radius:var(--tw-radius-xl);justify-content:center;align-items:center;min-height:240px;display:flex}.cta-banner{padding:var(--tw-space-12)var(--tw-space-6);text-align:center;position:relative;overflow:hidden}.cta-banner-content{z-index:1;max-width:600px;margin:0 auto;position:relative}.cta-banner-title{font-family:var(--tw-font-display);color:var(--tw-gray-900);margin:0 0 var(--tw-space-3)0;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:600}.cta-banner-subtitle{font-size:var(--tw-text-base);color:var(--tw-gray-600);margin:0 0 var(--tw-space-6)0}.cta-banner-actions{justify-content:center;gap:var(--tw-space-3);flex-wrap:wrap;display:flex}.cta-banner-primary{align-items:center;gap:var(--tw-space-2);padding:var(--tw-space-3)var(--tw-space-6);font-size:var(--tw-text-base);color:var(--tw-btn-primary-text);background:var(--tw-btn-primary-bg);border-radius:var(--tw-radius-lg);box-shadow:var(--tw-btn-primary-shadow);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);font-weight:600;text-decoration:none;display:inline-flex}.cta-banner-primary:hover{background:var(--tw-btn-primary-bg-hover);box-shadow:var(--tw-btn-primary-shadow-hover),var(--tw-shadow-glow);transform:translateY(-2px)}.cta-banner-secondary{padding:var(--tw-space-3)var(--tw-space-6);font-size:var(--tw-text-base);color:var(--tw-gray-700);background:var(--tw-panel);border:1px solid var(--tw-gray-300);border-radius:var(--tw-radius-lg);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);align-items:center;font-weight:500;text-decoration:none;display:inline-flex}.cta-banner-secondary:hover{background:var(--tw-gray-100);border-color:var(--tw-gray-400)}.cta-banner-bg{background:linear-gradient(180deg,transparent 0%,var(--tw-amber-50)50%,transparent 100%);opacity:.6;position:absolute;inset:0}.faq-list{gap:var(--tw-space-3);flex-direction:column;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--tw-panel);border:1px solid var(--tw-gray-200);border-radius:var(--tw-radius-lg);transition:border-color var(--tw-duration-fast)var(--tw-ease-out-soft);overflow:hidden}.faq-item:hover{border-color:var(--tw-gray-300)}.faq-item-open{border-color:var(--tw-amber-300)}.faq-question{width:100%;padding:var(--tw-space-4)var(--tw-space-5);font-size:var(--tw-text-base);text-align:left;color:var(--tw-gray-900);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--tw-space-4);background:0 0;border:none;font-family:inherit;font-weight:500;display:flex}.faq-question:hover{background:var(--tw-gray-50)}.faq-icon{color:var(--tw-gray-500);transition:transform var(--tw-duration-fast)var(--tw-ease-out-soft);flex-shrink:0}.faq-item-open .faq-icon{color:var(--tw-amber-500);transform:rotate(180deg)}.faq-answer{transition:grid-template-rows var(--tw-duration-normal)var(--tw-ease-out-soft);grid-template-rows:0fr;display:grid}.faq-item-open .faq-answer{grid-template-rows:1fr}.faq-answer p{padding:0 var(--tw-space-5)var(--tw-space-4);font-size:var(--tw-text-sm);color:var(--tw-gray-600);line-height:var(--tw-leading-normal);margin:0;overflow:hidden}.marketing-section{padding:var(--tw-space-12)var(--tw-space-6)}.marketing-section-alt{background:var(--tw-gray-50)}.marketing-container{max-width:1200px;margin:0 auto}.marketing-container-narrow{max-width:800px}@media (min-width:640px){.marketing-nav{display:flex}.marketing-btn-secondary{display:inline-flex}.page-hero{padding:var(--tw-space-20)var(--tw-space-6)}.feature-block{grid-template-columns:1fr 1fr}.feature-block-reversed .feature-block-content{order:2}.feature-block-reversed .feature-block-visual{order:1}}@media (min-width:768px){.marketing-section{padding:var(--tw-space-16)var(--tw-space-6)}}.marketing-hamburger{border-radius:var(--tw-radius-md);width:40px;height:40px;color:var(--tw-gray-700);cursor:pointer;transition:background var(--tw-duration-fast)var(--tw-ease-out-soft);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.marketing-hamburger:hover{background:var(--tw-gray-100)}.marketing-mobile-nav{padding:var(--tw-space-2)var(--tw-space-4)var(--tw-space-4);border-top:1px solid var(--tw-gray-200);flex-direction:column;display:flex}.marketing-mobile-nav-link{padding:var(--tw-space-3)var(--tw-space-3);font-size:var(--tw-text-sm);color:var(--tw-gray-600);border-radius:var(--tw-radius-md);transition:all var(--tw-duration-fast)var(--tw-ease-out-soft);font-weight:500;text-decoration:none;display:block}.marketing-mobile-nav-link:hover{color:var(--tw-gray-900);background:var(--tw-gray-100)}.marketing-mobile-nav-link.active{color:var(--tw-amber-700);background:var(--tw-amber-50)}.marketing-mobile-nav-cta{color:var(--tw-amber-700);font-weight:600}.marketing-mobile-nav-divider{background:var(--tw-gray-200);height:1px;margin:var(--tw-space-2)var(--tw-space-3)}@media (min-width:640px){.marketing-hamburger,.marketing-mobile-nav{display:none}}@media (max-width:639px){.marketing-header-content{padding:var(--tw-space-3)var(--tw-space-4)}.marketing-header-actions{display:none}.page-hero-actions,.cta-banner-actions{flex-direction:column}}
.example-workflow{gap:var(--tw-space-6);margin-top:var(--tw-space-6);flex-direction:column;display:flex}.example-step{padding:var(--tw-space-5);background:var(--tw-panel);border:1px solid var(--tw-gray-200);border-radius:var(--tw-radius-xl)}.example-step-header{align-items:center;gap:var(--tw-space-3);margin-bottom:var(--tw-space-3);display:flex}.example-step-num{background:var(--tw-amber-400);width:28px;height:28px;font-size:var(--tw-text-sm);color:var(--tw-gray-900);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.example-step h3{font-size:var(--tw-text-base);color:var(--tw-gray-900);margin:0;font-weight:600}.example-prompt{padding:var(--tw-space-3);background:var(--tw-gray-50);border-radius:var(--tw-radius-md);font-size:var(--tw-text-sm);color:var(--tw-gray-600);margin-bottom:var(--tw-space-4);font-style:italic}.example-result{border-radius:var(--tw-radius-lg);height:200px}.base-texture{background:url(/howitworks/GrassTexture.webp) 0 0/325px}.tree-result{padding:0;overflow:hidden}.example-result-img{object-fit:cover;object-position:center 50%;width:100%;height:100%;display:block}.details-result{padding:0;overflow:hidden}