feat: add Bring Your Business wizard, replace final CTA

- Replace .final-cta section with .biz-wizard section
- Three textarea fields: Business Description, My Goals, Current Challenges
- On submit, POSTs to webhook endpoint that triggers AI Agent to
  generate a personalized Odoo project plan PDF
- On success, shows download button if webhook returns download_url
- Inline + external CSS: midnight background, brass-accented form fields
- Scroll animation observer updated to target .biz-wizard .container
- Remove all .final-cta CSS from style.css and inline critical styles

index.html

@@ -75,6 +75,19 @@
       @media(max-width:576px){.server-grid{grid-template-columns:repeat(2,1fr)}.server-banner-header{flex-direction:column;align-items:flex-start}}
       .status-dot{width:7px;height:7px;border-radius:50%;background:var(--brass);display:inline-block;animation:statusPulse 1.2s ease-in-out infinite}
       @keyframes statusPulse{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
+      .biz-wizard{padding:4rem 0;background:var(--midnight);text-align:center;position:relative;overflow:hidden}
+      .biz-wizard::after{content:'';position:absolute;inset:0;background:url('images/city-amsterdam.jpg') center/cover no-repeat;opacity:.04;z-index:0}
+      .biz-wizard .container{position:relative;z-index:1;max-width:700px}
+      .biz-wizard h2{font-size:clamp(1.6rem,3.2vw,2.4rem);color:#fff;margin-bottom:.75rem}
+      .biz-sub{font-size:1rem;color:rgba(255,255,255,.6);max-width:520px;margin:0 auto 2rem;line-height:1.7}
+      .biz-form{text-align:left}.biz-field{margin-bottom:1.25rem}
+      .biz-field label{display:block;font-family:Marcellus,Georgia,serif;font-size:.95rem;color:#fff;margin-bottom:.4rem;font-weight:400}
+      .biz-field textarea{width:100%;padding:.8rem 1rem;border-radius:var(--radius);border:1px solid var(--line-brass);background:rgba(255,255,255,.05);color:#fff;font-family:Inter,sans-serif;font-size:.88rem;line-height:1.6;min-height:90px;outline:none;transition:border-color .2s,background .2s;resize:vertical}
+      .biz-field textarea:focus{border-color:var(--brass);background:rgba(255,255,255,.08)}
+      .biz-field textarea::placeholder{color:rgba(255,255,255,.3)}
+      .biz-form .btn-lg{margin-top:.5rem;width:100%}
+      .biz-success{margin-top:1.5rem}.biz-success i{font-size:2.5rem;color:var(--success);margin-bottom:.75rem}
+      .biz-success h3{color:#fff;margin-bottom:.5rem}.biz-success p{color:rgba(255,255,255,.65);font-size:.95rem;max-width:480px;margin:0 auto 1.25rem;line-height:1.7}
     </style>
     <link rel="stylesheet" href="style.css" media="print" onload="this.media='all'" />
     <noscript><link rel="stylesheet" href="style.css" /></noscript>
@@ -372,12 +385,33 @@
       </div>
     </section>
 
-    <!-- Final CTA -->
-    <section class="final-cta">
+    <!-- Business Wizard -->
+    <section class="biz-wizard">
       <div class="container">
-        <h2>Ready to check in?</h2>
-        <p>Pick a plan, choose your region, and your instance is live in under 5 minutes. No DevOps required.</p>
-        <a href="#pricing" class="btn btn-brass btn-lg">See Plans &amp; Pricing &rarr;</a>
+        <p class="section-kicker">Bring Your Business</p>
+        <h2>Your Personalized Odoo Project Plan</h2>
+        <p class="biz-sub">Tell us about your business. AI prepares a custom project plan with recommended modules, timeline, and roadmap. Download your PDF in minutes.</p>
+        <form class="biz-form" id="bizForm">
+          <div class="biz-field">
+            <label for="bizDescription">Business Description</label>
+            <textarea id="bizDescription" placeholder="Describe your business — industry, size, current software, team structure..." required></textarea>
+          </div>
+          <div class="biz-field">
+            <label for="bizGoals">My Goals</label>
+            <textarea id="bizGoals" placeholder="What do you want to achieve with Odoo? Automate sales, manage inventory, financial reporting, CRM..." required></textarea>
+          </div>
+          <div class="biz-field">
+            <label for="bizChallenges">Current Challenges</label>
+            <textarea id="bizChallenges" placeholder="What problems are you facing? Manual processes, data silos, growth pains, lack of visibility..." required></textarea>
+          </div>
+          <button type="submit" class="btn btn-brass btn-lg" id="bizSubmitBtn">Generate My Project Plan &rarr;</button>
+        </form>
+        <div class="biz-success" id="bizSuccess" style="display:none">
+          <i class="fas fa-check-circle"></i>
+          <h3>Your project plan is being prepared</h3>
+          <p>Download your personalized PDF below — a custom Odoo implementation roadmap tailored to your business.</p>
+          <a class="btn btn-brass btn-lg" id="bizDownloadBtn" style="display:none" download>Download Your Project Plan &darr;</a>
+        </div>
       </div>
     </section>