diff --git a/images/agilnova-favicon.png b/images/agilnova-favicon.png
new file mode 100644
index 0000000..0bff57b
Binary files /dev/null and b/images/agilnova-favicon.png differ
diff --git a/images/estancia-agape-favicon.png b/images/estancia-agape-favicon.png
new file mode 100644
index 0000000..40f82b9
--- /dev/null
+++ b/images/estancia-agape-favicon.png
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Generator: Adobe Illustrator 27.3.1, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+
+<svg
+   version="1.1"
+   id="Layer_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 671.21002 172.39999"
+   xml:space="preserve"
+   sodipodi:docname="logo-01.svg"
+   width="671.21002"
+   height="172.39999"
+   inkscape:version="1.1.2 (0a00cf5339, 2022-02-04)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+   id="defs47" /><sodipodi:namedview
+   id="namedview45"
+   pagecolor="#ffffff"
+   bordercolor="#666666"
+   borderopacity="1.0"
+   inkscape:pageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   showgrid="false"
+   inkscape:zoom="0.86041667"
+   inkscape:cx="335.30266"
+   inkscape:cy="86.004843"
+   inkscape:window-width="1920"
+   inkscape:window-height="1007"
+   inkscape:window-x="0"
+   inkscape:window-y="37"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_1" />
+<style
+   type="text/css"
+   id="style2">
+	.st0{fill:#68696D;}
+	.st1{fill:#ED703E;}
+</style>
+<g
+   id="g42"
+   transform="translate(-144.4,-393.8)">
+	<g
+   id="g8">
+		<path
+   class="st0"
+   d="m 427.65,509.26 c -9.27,-5.19 -16.61,-12.39 -22.02,-21.6 -5.42,-9.21 -8.12,-19.62 -8.12,-31.23 0,-11.61 2.71,-22.02 8.12,-31.23 5.41,-9.21 12.75,-16.38 22.02,-21.52 9.26,-5.13 19.42,-7.7 30.47,-7.7 11.16,0 21.35,2.57 30.56,7.7 9.21,5.14 16.49,12.31 21.85,21.52 5.36,9.21 8.04,19.62 8.04,31.23 0,11.61 -2.68,22.02 -8.04,31.23 -5.36,9.21 -12.67,16.41 -21.93,21.6 -9.27,5.19 -19.42,7.79 -30.47,7.79 -11.06,-0.01 -21.22,-2.6 -30.48,-7.79 z m 50.31,-30.9 c 4.86,-5.47 7.28,-12.78 7.28,-21.93 0,-9.38 -2.43,-16.77 -7.28,-22.19 -4.86,-5.41 -11.47,-8.12 -19.84,-8.12 -8.48,0 -15.13,2.71 -19.93,8.12 -4.8,5.42 -7.2,12.81 -7.2,22.19 0,9.27 2.4,16.61 7.2,22.02 4.8,5.42 11.44,8.12 19.93,8.12 8.37,0 14.99,-2.74 19.84,-8.21 z"
+   id="path4" />
+		<path
+   class="st0"
+   d="m 528.4,509.26 c -9.27,-5.19 -16.61,-12.39 -22.02,-21.6 -5.42,-9.21 -8.12,-19.62 -8.12,-31.23 0,-11.61 2.71,-22.02 8.12,-31.23 5.41,-9.21 12.75,-16.38 22.02,-21.52 9.26,-5.13 19.42,-7.7 30.47,-7.7 11.16,0 21.35,2.57 30.56,7.7 9.21,5.14 16.49,12.31 21.85,21.52 5.36,9.21 8.04,19.62 8.04,31.23 0,11.61 -2.68,22.02 -8.04,31.23 -5.36,9.21 -12.67,16.41 -21.93,21.6 -9.27,5.19 -19.42,7.79 -30.47,7.79 -11.05,-0.01 -21.21,-2.6 -30.48,-7.79 z m 50.32,-30.9 c 4.86,-5.47 7.28,-12.78 7.28,-21.93 0,-9.38 -2.43,-16.77 -7.28,-22.19 -4.86,-5.41 -11.47,-8.12 -19.84,-8.12 -8.48,0 -15.13,2.71 -19.93,8.12 -4.8,5.42 -7.2,12.81 -7.2,22.19 0,9.27 2.4,16.61 7.2,22.02 4.8,5.42 11.44,8.12 19.93,8.12 8.37,0 14.98,-2.74 19.84,-8.21 z"
+   id="path6" />
+	</g>
+	<path
+   class="st0"
+   d="M 260.51,423.82 C 255,414.35 247.52,407 238.07,401.72 c -9.47,-5.28 -19.93,-7.92 -31.39,-7.92 -11.35,0 -21.79,2.64 -31.32,7.92 -9.52,5.28 -17.05,12.64 -22.62,22.1 -5.57,9.47 -8.34,20.16 -8.34,32.08 0,11.94 2.77,22.63 8.34,32.08 5.56,9.47 13.09,16.86 22.62,22.19 9.52,5.33 19.96,8 31.32,8 11.35,0 21.78,-2.67 31.3,-8 9.52,-5.33 17.03,-12.73 22.54,-22.19 5.51,-9.45 8.26,-20.14 8.26,-32.08 -0.01,-11.92 -2.77,-22.61 -8.27,-32.08 z m -33.46,54.62 c -4.99,5.62 -11.79,8.44 -20.38,8.44 -8.72,0 -15.54,-2.78 -20.48,-8.34 -4.93,-5.56 -7.39,-13.11 -7.39,-22.63 0,-9.63 2.46,-17.23 7.39,-22.79 4.93,-5.56 11.75,-8.34 20.48,-8.34 8.6,0 15.39,2.78 20.38,8.34 4.99,5.56 7.47,13.16 7.47,22.79 0.01,9.4 -2.48,16.91 -7.47,22.53 z"
+   id="path10" />
+	<path
+   class="st0"
+   d="m 381.04,424.95 c -5.15,-9.18 -12.52,-16.32 -22.1,-21.41 -9.58,-5.1 -20.73,-7.66 -33.46,-7.66 h -48 v 121.28 h 48 c 12.61,0 23.7,-2.61 33.28,-7.83 9.58,-5.22 16.97,-12.41 22.19,-21.59 5.22,-9.18 7.83,-19.62 7.83,-31.31 0.01,-11.82 -2.58,-22.31 -7.74,-31.48 z m -34.92,54.35 c -5.62,5.39 -13.36,8.09 -23.22,8.09 h -11.7 v -62.27 h 11.7 c 9.87,0 17.6,2.72 23.22,8.17 5.62,5.45 8.44,13.16 8.44,23.13 -0.01,9.87 -2.82,17.49 -8.44,22.88 z"
+   id="path12" />
+	<g
+   id="g22">
+		<polygon
+   class="st1"
+   points="742.83,486.53 713.07,486.53 750.82,441.47 "
+   id="polygon14" />
+		<polygon
+   class="st1"
+   points="669.3,488.25 663.26,523.19 733.12,523.19 725.6,566.2 643.2,566.2 643.2,393.8 752.1,393.8 "
+   id="polygon16" />
+		<polygon
+   class="st1"
+   points="782.29,486.53 798.47,393.8 815.61,393.8 815.61,486.53 "
+   id="polygon18" />
+		<polygon
+   class="st1"
+   points="815.61,566.2 767.94,566.2 775.83,523.19 815.61,523.19 "
+   id="polygon20" />
+	</g>
+	<g
+   id="g40">
+		<path
+   class="st0"
+   d="m 162.99,549.74 c -1.81,1.75 -4.58,2.63 -8.3,2.63 h -6.13 v 13.31 H 144.4 V 533.8 h 10.29 c 3.6,0 6.34,0.87 8.21,2.61 1.87,1.74 2.81,3.98 2.81,6.72 0,2.65 -0.91,4.85 -2.72,6.61 z m -3.18,-2.31 c 1.1,-1.01 1.65,-2.44 1.65,-4.3 0,-3.93 -2.26,-5.9 -6.77,-5.9 h -6.13 v 11.71 h 6.13 c 2.31,0 4.02,-0.51 5.12,-1.51 z"
+   id="path24" />
+		<path
+   class="st0"
+   d="m 224.26,565.68 -7.59,-13.04 h -5.03 v 13.04 h -4.16 V 533.8 h 10.29 c 2.41,0 4.44,0.41 6.11,1.23 1.66,0.82 2.9,1.94 3.73,3.34 0.82,1.4 1.23,3 1.23,4.8 0,2.2 -0.63,4.13 -1.9,5.81 -1.27,1.68 -3.16,2.79 -5.7,3.34 l 8.01,13.36 z M 211.64,549.3 h 6.13 c 2.26,0 3.95,-0.56 5.08,-1.67 1.13,-1.11 1.69,-2.6 1.69,-4.46 0,-1.89 -0.56,-3.35 -1.67,-4.39 -1.11,-1.04 -2.81,-1.56 -5.1,-1.56 h -6.13 z"
+   id="path26" />
+		<path
+   class="st0"
+   d="m 278.24,563.92 c -2.44,-1.39 -4.37,-3.32 -5.79,-5.81 -1.42,-2.49 -2.13,-5.28 -2.13,-8.39 0,-3.11 0.71,-5.91 2.13,-8.39 1.42,-2.49 3.35,-4.42 5.79,-5.81 2.44,-1.39 5.14,-2.08 8.1,-2.08 2.99,0 5.7,0.69 8.14,2.08 2.44,1.39 4.36,3.32 5.76,5.79 1.4,2.47 2.1,5.28 2.1,8.42 0,3.14 -0.7,5.95 -2.1,8.42 -1.4,2.47 -3.32,4.4 -5.76,5.79 -2.44,1.39 -5.15,2.08 -8.14,2.08 -2.96,-0.02 -5.66,-0.71 -8.1,-2.1 z m 14.12,-3.09 c 1.78,-1.04 3.19,-2.52 4.21,-4.44 1.02,-1.92 1.53,-4.15 1.53,-6.68 0,-2.56 -0.51,-4.8 -1.53,-6.7 -1.02,-1.91 -2.42,-3.38 -4.19,-4.41 -1.77,-1.04 -3.78,-1.56 -6.04,-1.56 -2.26,0 -4.27,0.52 -6.04,1.56 -1.77,1.04 -3.16,2.51 -4.19,4.41 -1.02,1.91 -1.53,4.14 -1.53,6.7 0,2.53 0.51,4.76 1.53,6.68 1.02,1.92 2.42,3.4 4.21,4.44 1.78,1.04 3.79,1.56 6.02,1.56 2.23,-0.01 4.23,-0.52 6.02,-1.56 z"
+   id="path28" />
+		<path
+   class="st0"
+   d="m 360.5,533.79 v 23.56 c 0,2.62 -0.81,4.72 -2.42,6.29 -1.62,1.57 -3.75,2.36 -6.4,2.36 -2.68,0 -4.83,-0.8 -6.45,-2.4 -1.62,-1.6 -2.42,-3.79 -2.42,-6.56 h 4.16 c 0.03,1.56 0.43,2.82 1.21,3.8 0.78,0.98 1.94,1.46 3.5,1.46 1.56,0 2.71,-0.46 3.48,-1.39 0.76,-0.93 1.14,-2.11 1.14,-3.55 V 533.8 h 4.2 z"
+   id="path30" />
+		<path
+   class="st0"
+   d="m 409.44,537.18 v 10.66 h 11.62 v 3.43 h -11.62 v 10.98 h 12.99 v 3.43 h -17.15 v -31.93 h 17.15 v 3.43 z"
+   id="path32" />
+		<path
+   class="st0"
+   d="m 465.89,541.32 c 1.4,-2.49 3.32,-4.43 5.74,-5.83 2.42,-1.4 5.12,-2.1 8.07,-2.1 3.48,0 6.51,0.84 9.1,2.52 2.59,1.68 4.48,4.06 5.67,7.14 h -4.99 c -0.89,-1.92 -2.16,-3.4 -3.82,-4.44 -1.66,-1.04 -3.65,-1.56 -5.97,-1.56 -2.23,0 -4.22,0.52 -5.99,1.56 -1.77,1.04 -3.16,2.51 -4.16,4.41 -1.01,1.91 -1.51,4.14 -1.51,6.7 0,2.53 0.5,4.75 1.51,6.66 1.01,1.91 2.39,3.38 4.16,4.41 1.77,1.04 3.77,1.56 5.99,1.56 2.32,0 4.31,-0.51 5.97,-1.53 1.66,-1.02 2.93,-2.49 3.82,-4.41 h 4.99 c -1.19,3.05 -3.08,5.41 -5.67,7.07 -2.59,1.66 -5.63,2.49 -9.1,2.49 -2.96,0 -5.65,-0.69 -8.07,-2.08 -2.42,-1.39 -4.34,-3.32 -5.74,-5.79 -1.4,-2.47 -2.1,-5.26 -2.1,-8.37 0,-3.11 0.7,-5.92 2.1,-8.41 z"
+   id="path34" />
+		<path
+   class="st0"
+   d="m 556.88,533.79 v 3.38 h -8.69 v 28.5 h -4.16 v -28.5 h -8.74 v -3.38 z"
+   id="path36" />
+		<path
+   class="st0"
+   d="m 603.06,564.88 c -1.66,-0.75 -2.97,-1.78 -3.91,-3.11 -0.95,-1.33 -1.43,-2.86 -1.46,-4.6 h 4.44 c 0.15,1.49 0.77,2.75 1.85,3.77 1.08,1.02 2.66,1.53 4.73,1.53 1.98,0 3.55,-0.49 4.69,-1.49 1.14,-0.99 1.72,-2.26 1.72,-3.82 0,-1.22 -0.34,-2.21 -1.01,-2.97 -0.67,-0.76 -1.51,-1.34 -2.52,-1.74 -1.01,-0.4 -2.36,-0.82 -4.07,-1.28 -2.1,-0.55 -3.79,-1.1 -5.06,-1.65 -1.27,-0.55 -2.35,-1.41 -3.25,-2.59 -0.9,-1.17 -1.35,-2.75 -1.35,-4.73 0,-1.74 0.44,-3.28 1.33,-4.62 0.88,-1.34 2.13,-2.38 3.73,-3.11 1.6,-0.73 3.44,-1.1 5.51,-1.1 2.99,0 5.44,0.75 7.34,2.24 1.91,1.5 2.98,3.48 3.22,5.95 h -4.57 c -0.15,-1.22 -0.79,-2.29 -1.92,-3.23 -1.13,-0.93 -2.62,-1.39 -4.48,-1.39 -1.74,0 -3.16,0.45 -4.25,1.35 -1.1,0.9 -1.65,2.16 -1.65,3.77 0,1.16 0.33,2.11 0.98,2.84 0.66,0.73 1.46,1.29 2.42,1.67 0.96,0.38 2.31,0.82 4.05,1.3 2.1,0.58 3.8,1.15 5.08,1.72 1.28,0.57 2.38,1.43 3.29,2.61 0.91,1.17 1.37,2.77 1.37,4.78 0,1.56 -0.41,3.02 -1.24,4.39 -0.83,1.37 -2.04,2.49 -3.66,3.34 -1.62,0.85 -3.52,1.28 -5.72,1.28 -2.08,0.01 -3.97,-0.36 -5.63,-1.11 z"
+   id="path38" />
+	</g>
+</g>
+</svg>
diff --git a/images/kate-group-favicon.png b/images/kate-group-favicon.png
new file mode 100644
index 0000000..237981d
Binary files /dev/null and b/images/kate-group-favicon.png differ
diff --git a/images/paraguayservice-favicon.png b/images/paraguayservice-favicon.png
new file mode 100644
index 0000000..0013bcb
Binary files /dev/null and b/images/paraguayservice-favicon.png differ
diff --git a/images/ramani-kenya-logo.png b/images/ramani-kenya-logo.png
new file mode 100644
index 0000000..c82c5b1
Binary files /dev/null and b/images/ramani-kenya-logo.png differ
diff --git a/images/startparaguay-favicon.png b/images/startparaguay-favicon.png
new file mode 100644
index 0000000..0468b1a
Binary files /dev/null and b/images/startparaguay-favicon.png differ
diff --git a/index.html b/index.html
index c4be23c..3b6418c 100644
--- a/index.html
+++ b/index.html
@@ -557,7 +557,6 @@
 
         <section class="stitle">
             <div class="container">
-                <div class="hr"></div>
                 <h1>
                     Effortless Odoo Community Hosting with AI-Powered Automation
                     &mdash; Scale Your Business Seamlessly
@@ -694,7 +693,6 @@
         <section class="psection">
             <div class="container">
                 <div class="text-center mb-4">
-                    <div class="hr"></div>
                     <h2>Your Plan, Your Timing: Upgrade Anytime</h2>
                 </div>
                 <div class="billing-toggle-wrap">
@@ -984,6 +982,83 @@
             </div>
         </section>
 
+        <section class="partner-banner" id="partners">
+            <div class="container">
+                <h3>Trusted by</h3>
+                <div class="partner-grid">
+                    <a
+                        href="https://paraguayservice.com/"
+                        target="_blank"
+                        rel="noopener"
+                        class="partner-item"
+                    >
+                        <img
+                            src="images/paraguayservice-favicon.png"
+                            alt="Paraguay Service"
+                        />
+                        <span>Paraguay Service</span>
+                    </a>
+                    <a
+                        href="https://estancia-agape.com/"
+                        target="_blank"
+                        rel="noopener"
+                        class="partner-item"
+                    >
+                        <img
+                            src="images/estancia-agape-favicon.png"
+                            alt="Estancia Agape"
+                        />
+                        <span>Estancia Agape</span>
+                    </a>
+                    <a
+                        href="https://kate-group.de/"
+                        target="_blank"
+                        rel="noopener"
+                        class="partner-item"
+                    >
+                        <img
+                            src="images/kate-group-favicon.png"
+                            alt="KATE Group"
+                        />
+                        <span>KATE Group</span>
+                    </a>
+                    <a
+                        href="https://agilnova.de/"
+                        target="_blank"
+                        rel="noopener"
+                        class="partner-item"
+                    >
+                        <img src="images/agilnova-favicon.png" alt="agilnova" />
+                        <span>agilnova</span>
+                    </a>
+                    <a
+                        href="https://006-002-bc5bb1cb-984d-42c3-8580-63439f4924c5.odoo4projects.com/"
+                        target="_blank"
+                        rel="noopener"
+                        class="partner-item"
+                    >
+                        <img
+                            src="images/ramani-kenya-logo.png"
+                            alt="Ramani Kenya"
+                        />
+                        <span>Ramani Kenya</span>
+                    </a>
+                    <a
+                        href="https://startparaguay.net/"
+                        target="_blank"
+                        rel="noopener"
+                        class="partner-item"
+                    >
+                        <img
+                            src="images/startparaguay-favicon.png"
+                            alt="Start Paraguay"
+                        />
+                        <span>Start Paraguay</span>
+                    </a>
+                </div>
+            </div>
+        </section>
+
         <section class="blog-section" id="blog">
             <div class="container">
                 <div class="text-center mb-4">
diff --git a/style.css b/style.css
index 38198e4..714bc21 100644
--- a/style.css
+++ b/style.css
@@ -1,867 +1,913 @@
 * {
-                box-sizing: border-box;
-            }
-            body {
-                margin: 0;
-                font-family: Inter, sans-serif;
-                font-size: 1rem;
-                line-height: 1.6;
-                color: #212529;
-                background: #fff;
-            }
-            h1,
-            h2,
-            h3 {
-                font-family:
-                    Inter Tight,
-                    sans-serif;
-                font-weight: 600;
-                line-height: 1.25;
-                margin-top: 0;
-                margin-bottom: 0.5rem;
-            }
-            h1 {
-                font-size: clamp(1.8rem, 3.2vw, 2.8rem);
-            }
-            h2 {
-                font-size: clamp(1.4rem, 2.56vw, 2rem);
-            }
-            h3 {
-                font-size: clamp(1.1rem, 2vw, 1.4rem);
-            }
-            p {
-                margin-top: 0;
-                margin-bottom: 1rem;
-            }
-            a {
-                color: #65435c;
-                text-decoration: none;
-            }
-            img {
-                max-width: 100%;
-                height: auto;
-                vertical-align: middle;
-            }
-            :root {
-                --primary: #714b67;
-                --secondary: #f0cda8;
-                --dark: #1b1319;
-                --light: #f6f5f4;
-                --border: #e5e3e0;
-                --radius: 0.6rem;
-                --radius-lg: 1rem;
-            }
-            .container {
-                width: 80%;
-                padding: 0 20px;
-                margin: 0 auto;
-                max-width: 1300px;
-            }
-            @media (max-width: 768px) {
-                .container {
-                    max-width: 100%;
-                }
-            }
-            .row {
-                display: flex;
-                flex-wrap: wrap;
-                margin: 0 -15px;
-            }
-            .col-lg-5 {
-                flex: 0 0 41.666%;
-                max-width: 41.666%;
-                padding: 0 15px;
-            }
-            .col-lg-6 {
-                flex: 0 0 50%;
-                max-width: 50%;
-                padding: 0 15px;
-            }
-            .col-lg-10 {
-                flex: 0 0 83.333%;
-                max-width: 83.333%;
-                padding: 0 15px;
-            }
-            .offset-lg-1 {
-                margin-left: 8.333%;
-            }
-            .offset-lg-6 {
-                margin-left: 50%;
-            }
-            @media (max-width: 992px) {
-                .col-lg-5,
-                .col-lg-6,
-                .col-lg-10 {
-                    flex: 0 0 100%;
-                    max-width: 100%;
-                }
-                .offset-lg-1,
-                .offset-lg-6 {
-                    margin-left: 0;
-                }
-            }
-            .text-center {
-                text-align: center;
-            }
-            .d-none {
-                display: none !important;
-            }
-            .d-flex {
-                display: flex;
-            }
-            .align-items-center {
-                align-items: center;
-            }
-            .mb-4 {
-                margin-bottom: 1.5rem;
-            }
-            .mt-3 {
-                margin-top: 1rem;
-            }
-            .btn {
-                display: inline-block;
-                padding: 0.6rem 1.5rem;
-                font-size: 0.9rem;
-                font-weight: 500;
-                border: 1px solid transparent;
-                border-radius: 0.5rem;
-                cursor: pointer;
-                text-decoration: none;
-                transition: all 0.2s;
-            }
-            .btn-primary {
-                color: #fff;
-                background: var(--primary);
-                border-color: var(--primary);
-            }
-            .btn-primary:hover {
-                background: #5e3f55;
-                border-color: #5e3f55;
-                transform: translateY(-1px);
-            }
-            .btn-outline-primary {
-                color: #65435c;
-                border-color: #65435c;
-                background: transparent;
-            }
-            .btn-outline-primary:hover {
-                color: #fff;
-                background: #65435c;
-                border-color: #65435c;
-            }
-            .btn-lg {
-                padding: 0.75rem 2rem;
-                font-size: 1rem;
-                border-radius: 2rem;
-            }
-            .hr {
-                width: 3.5rem;
-                height: 3px;
-                background: linear-gradient(
-                    90deg,
-                    var(--primary),
-                    var(--secondary)
-                );
-                border-radius: 2px;
-                margin: 0 auto 1rem;
-            }
-            .hero-carousel {
-                position: relative;
-                overflow: hidden;
-                min-height: 400px;
-            }
-            .hero-slide {
-                position: absolute;
-                inset: 0;
-                min-height: 400px;
-                display: flex;
-                align-items: center;
-                background-size: cover;
-                background-position: center;
-                transform: translateY(-100%);
-                opacity: 0;
-                transition:
-                    transform 0.5s ease,
-                    opacity 0.5s ease;
-                z-index: 1;
-            }
-            .hero-slide.active {
-                transform: translateY(0);
-                opacity: 1;
-                z-index: 2;
-            }
-            .hero-slide.prev {
-                transform: translateY(100%);
-                opacity: 0;
-                z-index: 1;
-            }
-            .hero-slide::before {
-                content: "";
-                position: absolute;
-                inset: 0;
-                background: none;
-            }
-            .hero-box {
-                position: relative;
-                z-index: 2;
-                padding: 1.5rem;
-                border-radius: var(--radius);
-                background: rgba(27, 19, 25, 0.75);
-                color: #fff;
-                border: 1px solid rgba(255, 255, 255, 0.08);
-            }
-            .hero-box h2 {
-                color: #fff;
-                font-size: clamp(1rem, 2.2vw, 1.4rem);
-                margin-bottom: 0.3rem;
-            }
-            .hero-box p {
-                color: rgba(255, 255, 255, 0.9);
-                font-size: 0.9rem;
-                margin-bottom: 0.5rem;
-            }
-            .carousel-dots {
-                position: absolute;
-                bottom: 1rem;
-                left: 0;
-                right: 0;
-                display: flex;
-                justify-content: center;
-                gap: 0.5rem;
-                z-index: 3;
-            }
-            .carousel-dot {
-                width: 8px;
-                height: 8px;
-                border-radius: 50%;
-                border: none;
-                background: rgba(255, 255, 255, 0.35);
-                cursor: pointer;
-                transition: all 0.3s;
-            }
-            .carousel-dot.active {
-                background: rgba(255, 255, 255, 0.8);
-                transform: scale(1.2);
-            }
-            .arrow {
-                position: absolute;
-                top: 50%;
-                transform: translateY(-50%);
-                z-index: 3;
-                background: rgba(27, 19, 25, 0.5);
-                color: #fff;
-                border: none;
-                width: 2.5rem;
-                height: 2.5rem;
-                border-radius: 50%;
-                cursor: pointer;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                transition: all 0.2s;
-            }
-            .arrow:hover {
-                background: rgba(27, 19, 25, 0.8);
-                transform: translateY(-50%) scale(1.05);
-            }
-            .arrow.left {
-                left: 1rem;
-            }
-            .arrow.right {
-                right: 1rem;
-            }
-            @media (max-width: 768px) {
-                .arrow {
-                    display: none;
-                }
-            }
-            .stitle {
-                text-align: center;
-                padding: 2rem 0;
-            }
-            .stitle h1 {
-                font-size: clamp(1.12rem, 2.4vw, 1.6rem);
-                max-width: 720px;
-                margin: 0 auto;
-                color: var(--dark);
-            }
-            .tabs-section {
-                padding: 2rem 0;
-            }
-            .tabs-wrap {
-                display: flex;
-                gap: 2rem;
-            }
-            .tabs-nav {
-                flex: 0 0 220px;
-                max-width: 220px;
-                display: flex;
-                flex-direction: column;
-                gap: 0.25rem;
-            }
-            .tabs-content {
-                flex: 1;
-                min-height: 200px;
-                font-size: 1rem;
-                line-height: 1.7;
-            }
-            .tab-btn {
-                display: block;
-                padding: 0.6rem 1rem;
-                color: #212529;
-                border-radius: var(--radius);
-                border: none;
-                background: none;
-                width: 100%;
-                text-align: left;
-                font-size: 0.9rem;
-                font-weight: 500;
-                cursor: pointer;
-                transition: all 0.2s;
-            }
-            .tab-btn:hover {
-                background: var(--light);
-            }
-            .tab-btn.active {
-                background: linear-gradient(
-                    135deg,
-                    rgba(113, 75, 103, 0.08),
-                    rgba(113, 75, 103, 0.03)
-                );
-                color: var(--primary);
-                font-weight: 600;
-                border-left: 3px solid var(--primary);
-            }
-            .tab-btn small {
-                display: block;
-                color: rgba(33, 37, 41, 0.55);
-                font-size: 0.72rem;
-                margin-top: 0.1rem;
-            }
-            .tab-btn.active small {
-                color: rgba(113, 75, 103, 0.6);
-            }
-            .tab-pane {
-                display: none;
-            }
-            .tab-pane.active {
-                display: block;
-            }
-            @media (max-width: 992px) {
-                .tabs-wrap {
-                    flex-direction: column;
-                }
-                .tabs-nav {
-                    flex: 0 0 100%;
-                    max-width: 100%;
-                    flex-direction: row;
-                    overflow-x: auto;
-                    padding-bottom: 0.5rem;
-                    border-bottom: 1px solid var(--border);
-                }
-                .tab-btn {
-                    white-space: nowrap;
-                    width: auto;
-                    border-left: none;
-                }
-                .tab-btn.active {
-                    border-left: none;
-                    border-bottom: 3px solid var(--primary);
-                }
-                .tab-btn small {
-                    display: none;
-                }
-                .tabs-content {
-                    flex: 0 0 100%;
-                    max-width: 100%;
-                }
-            }
-            .psection {
-                padding: 2rem 0;
-                background: var(--light);
-            }
-            .pgrid {
-                display: grid;
-                grid-template-columns: repeat(4, 1fr);
-                gap: 1rem;
-            }
-            .pcard {
-                background: #fff;
-                border: 1px solid var(--border);
-                border-radius: var(--radius-lg);
-                overflow: hidden;
-                display: flex;
-                flex-direction: column;
-                transition: all 0.3s;
-                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
-            }
-            .pcard:hover {
-                box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
-                transform: translateY(-3px);
-            }
-            .pcard.featured {
-                border: 2px solid var(--primary);
-                position: relative;
-            }
-            .pcard.featured::before {
-                content: "Most Popular";
-                position: absolute;
-                top: 0.75rem;
-                right: 0.75rem;
-                background: var(--primary);
-                color: #fff;
-                padding: 0.2rem 0.6rem;
-                border-radius: 2rem;
-                font-size: 0.6rem;
-                font-weight: 600;
-            }
-            .pcard-body {
-                padding: 1.25rem;
-                flex: 1;
-            }
-            .pcard-body h3 {
-                font-size: 1.1rem;
-                font-weight: 700;
-            }
-            .pcard .price {
-                margin: 0.5rem 0;
-            }
-            .pcard .price strong {
-                font-size: clamp(1.28rem, 2vw, 1.92rem);
-                color: var(--dark);
-            }
-            .pcard .price small {
-                color: rgba(33, 37, 41, 0.55);
-                font-size: 0.82rem;
-            }
-            .pcard .desc {
-                font-size: 0.82rem;
-                color: rgba(33, 37, 41, 0.6);
-                min-height: 2rem;
-                font-style: italic;
-            }
-            .pcard .btn {
-                margin-bottom: 0.75rem;
-                width: 100%;
-            }
-            .pcard ul {
-                list-style: none;
-                padding: 0;
-                margin: 0;
-            }
-            .pcard li {
-                padding: 0.4rem 0;
-                font-size: 0.82rem;
-                border-bottom: 1px solid rgba(0, 0, 0, 0.05);
-                display: flex;
-                align-items: center;
-                gap: 0.4rem;
-            }
-            .pcard li:last-child {
-                border-bottom: 0;
-            }
-            .pcard-foot {
-                padding: 0.6rem 1.25rem;
-                text-align: center;
-                border-top: 1px solid var(--border);
-                font-size: 0.78rem;
-                color: rgba(33, 37, 41, 0.55);
-            }
-            @media (max-width: 992px) {
-                .pgrid {
-                    grid-template-columns: repeat(2, 1fr);
-                }
-            }
-            @media (max-width: 576px) {
-                .pgrid {
-                    grid-template-columns: 1fr;
-                }
-            }
-            .trial {
-                padding: 3rem 0;
-                background: linear-gradient(135deg, #1b1319, #2a1d27);
-                color: #fff;
-            }
-            .trial h2 {
-                color: #fff;
-            }
-            .trial p {
-                color: rgba(255, 255, 255, 0.8);
-            }
-            .abanner {
-                padding: 2rem 0;
-                text-align: center;
-                background: #fff;
-            }
-            .abanner h2 {
-                font-size: clamp(1.12rem, 2.4vw, 1.6rem) !important;
-                max-width: 700px;
-                margin: 0 auto 0.5rem;
-            }
-            .footer {
-                background: var(--dark);
-                color: rgba(255, 255, 255, 0.85);
-                padding-top: 3rem;
-            }
-            .fgrid {
-                display: grid;
-                grid-template-columns: 1.5fr 3fr 3.5fr;
-                gap: 2rem;
-                padding-bottom: 2rem;
-                border-bottom: 1px solid rgba(255, 255, 255, 0.08);
-            }
-            .footer h5 {
-                color: #fff;
-                margin-bottom: 0.8rem;
-                font-weight: 600;
-            }
-            .footer ul {
-                list-style: none;
-                padding: 0;
-            }
-            .footer li {
-                margin-bottom: 0.3rem;
-            }
-            .footer a {
-                color: rgba(255, 255, 255, 0.65);
-                transition: color 0.2s;
-            }
-            .footer a:hover {
-                color: #fff;
-                text-decoration: none;
-            }
-            .footer p {
-                color: rgba(255, 255, 255, 0.7);
-                font-size: 0.85rem;
-                line-height: 1.7;
-            }
-            .footer strong {
-                color: #fff;
-            }
-            .footer .social a {
-                display: inline-flex;
-                align-items: center;
-                justify-content: center;
-                width: 2.5rem;
-                height: 2.5rem;
-                border-radius: 50%;
-                background: rgba(255, 255, 255, 0.08);
-                color: rgba(255, 255, 255, 0.7);
-                margin-right: 0.3rem;
-                transition: all 0.2s;
-            }
-            .footer .social a:hover {
-                background: var(--primary);
-                color: #fff;
-            }
-            .fform label {
-                font-weight: 500;
-                margin-bottom: 0.25rem;
-                display: block;
-                color: #fff;
-            }
-            .fform input {
-                display: block;
-                width: 100%;
-                padding: 0.5rem 0.8rem;
-                font-size: 0.85rem;
-                background: rgba(255, 255, 255, 0.08);
-                border: 1px solid rgba(255, 255, 255, 0.12);
-                border-radius: 0.5rem;
-                color: #fff;
-                margin-bottom: 0.75rem;
-            }
-            .fform input:focus {
-                outline: none;
-                border-color: var(--primary);
-            }
-            .fform input::placeholder {
-                color: rgba(255, 255, 255, 0.35);
-            }
-            .fcopy {
-                padding: 1rem 0;
-                text-align: center;
-                font-size: 0.82rem;
-                color: rgba(255, 255, 255, 0.5);
-            }
-            @media (max-width: 992px) {
-                .fgrid {
-                    grid-template-columns: 1fr;
-                }
-            }
-            .spinner-overlay {
-                position: absolute;
-                inset: 0;
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                background: var(--dark);
-                z-index: 5;
-                transition: opacity 0.5s;
-            }
-            .spinner-overlay.hidden {
-                opacity: 0;
-                pointer-events: none;
-            }
-            .spinner {
-                width: 2rem;
-                height: 2rem;
-                border: 3px solid rgba(255, 255, 255, 0.15);
-                border-top-color: #fff;
-                border-radius: 50%;
-                animation: spin 0.8s linear infinite;
-            }
-            @keyframes spin {
-                to {
-                    transform: rotate(360deg);
-                }
-            }
+    box-sizing: border-box;
+}
+body {
+    margin: 0;
+    font-family: Inter, sans-serif;
+    font-size: 1rem;
+    line-height: 1.6;
+    color: #212529;
+    background: #fff;
+}
+h1,
+h2,
+h3 {
+    font-family:
+        Inter Tight,
+        sans-serif;
+    font-weight: 600;
+    line-height: 1.25;
+    margin-top: 0;
+    margin-bottom: 0.5rem;
+}
+h1 {
+    font-size: clamp(1.8rem, 3.2vw, 2.8rem);
+}
+h2 {
+    font-size: clamp(1.4rem, 2.56vw, 2rem);
+}
+h3 {
+    font-size: clamp(1.1rem, 2vw, 1.4rem);
+}
+p {
+    margin-top: 0;
+    margin-bottom: 1rem;
+}
+a {
+    color: #65435c;
+    text-decoration: none;
+}
+img {
+    max-width: 100%;
+    height: auto;
+    vertical-align: middle;
+}
+:root {
+    --primary: #714b67;
+    --secondary: #f0cda8;
+    --dark: #1b1319;
+    --light: #f6f5f4;
+    --border: #e5e3e0;
+    --radius: 0.6rem;
+    --radius-lg: 1rem;
+}
+.container {
+    width: 80%;
+    padding: 0 20px;
+    margin: 0 auto;
+    max-width: 1300px;
+}
+@media (max-width: 768px) {
+    .container {
+        max-width: 100%;
+    }
+}
+.row {
+    display: flex;
+    flex-wrap: wrap;
+    margin: 0 -15px;
+}
+.col-lg-5 {
+    flex: 0 0 41.666%;
+    max-width: 41.666%;
+    padding: 0 15px;
+}
+.col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%;
+    padding: 0 15px;
+}
+.col-lg-10 {
+    flex: 0 0 83.333%;
+    max-width: 83.333%;
+    padding: 0 15px;
+}
+.offset-lg-1 {
+    margin-left: 8.333%;
+}
+.offset-lg-6 {
+    margin-left: 50%;
+}
+@media (max-width: 992px) {
+    .col-lg-5,
+    .col-lg-6,
+    .col-lg-10 {
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+    .offset-lg-1,
+    .offset-lg-6 {
+        margin-left: 0;
+    }
+}
+.text-center {
+    text-align: center;
+}
+.d-none {
+    display: none !important;
+}
+.d-flex {
+    display: flex;
+}
+.align-items-center {
+    align-items: center;
+}
+.mb-4 {
+    margin-bottom: 1.5rem;
+}
+.mt-3 {
+    margin-top: 1rem;
+}
+.btn {
+    display: inline-block;
+    padding: 0.6rem 1.5rem;
+    font-size: 0.9rem;
+    font-weight: 500;
+    border: 1px solid transparent;
+    border-radius: 0.5rem;
+    cursor: pointer;
+    text-decoration: none;
+    transition: all 0.2s;
+}
+.btn-primary {
+    color: #fff;
+    background: var(--primary);
+    border-color: var(--primary);
+}
+.btn-primary:hover {
+    background: #5e3f55;
+    border-color: #5e3f55;
+    transform: translateY(-1px);
+}
+.btn-outline-primary {
+    color: #65435c;
+    border-color: #65435c;
+    background: transparent;
+}
+.btn-outline-primary:hover {
+    color: #fff;
+    background: #65435c;
+    border-color: #65435c;
+}
+.btn-lg {
+    padding: 0.75rem 2rem;
+    font-size: 1rem;
+    border-radius: 2rem;
+}
+.hr {
+    width: 3.5rem;
+    height: 3px;
+    background: linear-gradient(90deg, var(--primary), var(--secondary));
+    border-radius: 2px;
+    margin: 0 auto 1rem;
+}
+.hero-carousel {
+    position: relative;
+    overflow: hidden;
+    min-height: 400px;
+}
+.hero-slide {
+    position: absolute;
+    inset: 0;
+    min-height: 400px;
+    display: flex;
+    align-items: center;
+    background-size: cover;
+    background-position: center;
+    transform: translateY(-100%);
+    opacity: 0;
+    transition:
+        transform 0.5s ease,
+        opacity 0.5s ease;
+    z-index: 1;
+}
+.hero-slide.active {
+    transform: translateY(0);
+    opacity: 1;
+    z-index: 2;
+}
+.hero-slide.prev {
+    transform: translateY(100%);
+    opacity: 0;
+    z-index: 1;
+}
+.hero-slide::before {
+    content: "";
+    position: absolute;
+    inset: 0;
+    background: none;
+}
+.hero-box {
+    position: relative;
+    z-index: 2;
+    padding: 1.5rem;
+    border-radius: var(--radius);
+    background: rgba(27, 19, 25, 0.75);
+    color: #fff;
+    border: 1px solid rgba(255, 255, 255, 0.08);
+}
+.hero-box h2 {
+    color: #fff;
+    font-size: clamp(1rem, 2.2vw, 1.4rem);
+    margin-bottom: 0.3rem;
+}
+.hero-box p {
+    color: rgba(255, 255, 255, 0.9);
+    font-size: 0.9rem;
+    margin-bottom: 0.5rem;
+}
+.carousel-dots {
+    position: absolute;
+    bottom: 1rem;
+    left: 0;
+    right: 0;
+    display: flex;
+    justify-content: center;
+    gap: 0.5rem;
+    z-index: 3;
+}
+.carousel-dot {
+    width: 8px;
+    height: 8px;
+    border-radius: 50%;
+    border: none;
+    background: rgba(255, 255, 255, 0.35);
+    cursor: pointer;
+    transition: all 0.3s;
+}
+.carousel-dot.active {
+    background: rgba(255, 255, 255, 0.8);
+    transform: scale(1.2);
+}
+.arrow {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    z-index: 3;
+    background: rgba(27, 19, 25, 0.5);
+    color: #fff;
+    border: none;
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: 50%;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    transition: all 0.2s;
+}
+.arrow:hover {
+    background: rgba(27, 19, 25, 0.8);
+    transform: translateY(-50%) scale(1.05);
+}
+.arrow.left {
+    left: 1rem;
+}
+.arrow.right {
+    right: 1rem;
+}
+@media (max-width: 768px) {
+    .arrow {
+        display: none;
+    }
+}
+.stitle {
+    text-align: center;
+    padding: 2rem 0;
+}
+.stitle h1 {
+    font-size: clamp(1.12rem, 2.4vw, 1.6rem);
+    max-width: 720px;
+    margin: 0 auto;
+    color: var(--dark);
+}
+.tabs-section {
+    padding: 2rem 0;
+}
+.tabs-wrap {
+    display: flex;
+    gap: 2rem;
+}
+.tabs-nav {
+    flex: 0 0 220px;
+    max-width: 220px;
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+}
+.tabs-content {
+    flex: 1;
+    min-height: 200px;
+    font-size: 1rem;
+    line-height: 1.7;
+}
+.tab-btn {
+    display: block;
+    padding: 0.6rem 1rem;
+    color: #212529;
+    border-radius: var(--radius);
+    border: none;
+    background: none;
+    width: 100%;
+    text-align: left;
+    font-size: 0.9rem;
+    font-weight: 500;
+    cursor: pointer;
+    transition: all 0.2s;
+}
+.tab-btn:hover {
+    background: var(--light);
+}
+.tab-btn.active {
+    background: linear-gradient(
+        135deg,
+        rgba(113, 75, 103, 0.08),
+        rgba(113, 75, 103, 0.03)
+    );
+    color: var(--primary);
+    font-weight: 600;
+    border-left: 3px solid var(--primary);
+}
+.tab-btn small {
+    display: block;
+    color: rgba(33, 37, 41, 0.55);
+    font-size: 0.72rem;
+    margin-top: 0.1rem;
+}
+.tab-btn.active small {
+    color: rgba(113, 75, 103, 0.6);
+}
+.tab-pane {
+    display: none;
+}
+.tab-pane.active {
+    display: block;
+}
+@media (max-width: 992px) {
+    .tabs-wrap {
+        flex-direction: column;
+    }
+    .tabs-nav {
+        flex: 0 0 100%;
+        max-width: 100%;
+        flex-direction: row;
+        overflow-x: auto;
+        padding-bottom: 0.5rem;
+        border-bottom: 1px solid var(--border);
+    }
+    .tab-btn {
+        white-space: nowrap;
+        width: auto;
+        border-left: none;
+    }
+    .tab-btn.active {
+        border-left: none;
+        border-bottom: 3px solid var(--primary);
+    }
+    .tab-btn small {
+        display: none;
+    }
+    .tabs-content {
+        flex: 0 0 100%;
+        max-width: 100%;
+    }
+}
+.psection {
+    padding: 2rem 0;
+    background: var(--light);
+}
+.pgrid {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 1rem;
+}
+.pcard {
+    background: #fff;
+    border: 1px solid var(--border);
+    border-radius: var(--radius-lg);
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    transition: all 0.3s;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
+}
+.pcard:hover {
+    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
+    transform: translateY(-3px);
+}
+.pcard.featured {
+    border: 2px solid var(--primary);
+    position: relative;
+}
+.pcard.featured::before {
+    content: "Most Popular";
+    position: absolute;
+    top: 0.75rem;
+    right: 0.75rem;
+    background: var(--primary);
+    color: #fff;
+    padding: 0.2rem 0.6rem;
+    border-radius: 2rem;
+    font-size: 0.6rem;
+    font-weight: 600;
+}
+.pcard-body {
+    padding: 1.25rem;
+    flex: 1;
+}
+.pcard-body h3 {
+    font-size: 1.1rem;
+    font-weight: 700;
+}
+.pcard .price {
+    margin: 0.5rem 0;
+}
+.pcard .price strong {
+    font-size: clamp(1.28rem, 2vw, 1.92rem);
+    color: var(--dark);
+}
+.pcard .price small {
+    color: rgba(33, 37, 41, 0.55);
+    font-size: 0.82rem;
+}
+.pcard .desc {
+    font-size: 0.82rem;
+    color: rgba(33, 37, 41, 0.6);
+    min-height: 2rem;
+    font-style: italic;
+}
+.pcard .btn {
+    margin-bottom: 0.75rem;
+    width: 100%;
+}
+.pcard ul {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+}
+.pcard li {
+    padding: 0.4rem 0;
+    font-size: 0.82rem;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    display: flex;
+    align-items: center;
+    gap: 0.4rem;
+}
+.pcard li:last-child {
+    border-bottom: 0;
+}
+.pcard-foot {
+    padding: 0.6rem 1.25rem;
+    text-align: center;
+    border-top: 1px solid var(--border);
+    font-size: 0.78rem;
+    color: rgba(33, 37, 41, 0.55);
+}
+@media (max-width: 992px) {
+    .pgrid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 576px) {
+    .pgrid {
+        grid-template-columns: 1fr;
+    }
+}
+.trial {
+    padding: 3rem 0;
+    background: linear-gradient(135deg, #1b1319, #2a1d27);
+    color: #fff;
+}
+.trial h2 {
+    color: #fff;
+}
+.trial p {
+    color: rgba(255, 255, 255, 0.8);
+}
+.abanner {
+    padding: 2rem 0;
+    text-align: center;
+    background: #fff;
+}
+.abanner h2 {
+    font-size: clamp(1.12rem, 2.4vw, 1.6rem) !important;
+    max-width: 700px;
+    margin: 0 auto 0.5rem;
+}
+.footer {
+    background: var(--dark);
+    color: rgba(255, 255, 255, 0.85);
+    padding-top: 3rem;
+}
+.fgrid {
+    display: grid;
+    grid-template-columns: 1.5fr 3fr 3.5fr;
+    gap: 2rem;
+    padding-bottom: 2rem;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
+}
+.footer h5 {
+    color: #fff;
+    margin-bottom: 0.8rem;
+    font-weight: 600;
+}
+.footer ul {
+    list-style: none;
+    padding: 0;
+}
+.footer li {
+    margin-bottom: 0.3rem;
+}
+.footer a {
+    color: rgba(255, 255, 255, 0.65);
+    transition: color 0.2s;
+}
+.footer a:hover {
+    color: #fff;
+    text-decoration: none;
+}
+.footer p {
+    color: rgba(255, 255, 255, 0.7);
+    font-size: 0.85rem;
+    line-height: 1.7;
+}
+.footer strong {
+    color: #fff;
+}
+.footer .social a {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 2.5rem;
+    height: 2.5rem;
+    border-radius: 50%;
+    background: rgba(255, 255, 255, 0.08);
+    color: rgba(255, 255, 255, 0.7);
+    margin-right: 0.3rem;
+    transition: all 0.2s;
+}
+.footer .social a:hover {
+    background: var(--primary);
+    color: #fff;
+}
+.fform label {
+    font-weight: 500;
+    margin-bottom: 0.25rem;
+    display: block;
+    color: #fff;
+}
+.fform input {
+    display: block;
+    width: 100%;
+    padding: 0.5rem 0.8rem;
+    font-size: 0.85rem;
+    background: rgba(255, 255, 255, 0.08);
+    border: 1px solid rgba(255, 255, 255, 0.12);
+    border-radius: 0.5rem;
+    color: #fff;
+    margin-bottom: 0.75rem;
+}
+.fform input:focus {
+    outline: none;
+    border-color: var(--primary);
+}
+.fform input::placeholder {
+    color: rgba(255, 255, 255, 0.35);
+}
+.fcopy {
+    padding: 1rem 0;
+    text-align: center;
+    font-size: 0.82rem;
+    color: rgba(255, 255, 255, 0.5);
+}
+@media (max-width: 992px) {
+    .fgrid {
+        grid-template-columns: 1fr;
+    }
+}
+.spinner-overlay {
+    position: absolute;
+    inset: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: var(--dark);
+    z-index: 5;
+    transition: opacity 0.5s;
+}
+.spinner-overlay.hidden {
+    opacity: 0;
+    pointer-events: none;
+}
+.spinner {
+    width: 2rem;
+    height: 2rem;
+    border: 3px solid rgba(255, 255, 255, 0.15);
+    border-top-color: #fff;
+    border-radius: 50%;
+    animation: spin 0.8s linear infinite;
+}
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
 
-            /* ---- Billing Toggle ---- */
-            .billing-toggle-wrap {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                gap: 0.75rem;
-                margin-bottom: 1.5rem;
-            }
-            .toggle-label {
-                font-size: 0.82rem;
-                font-weight: 500;
-                color: rgba(33, 37, 41, 0.6);
-                cursor: pointer;
-                transition: color 0.2s;
-                user-select: none;
-            }
-            .toggle-label.active {
-                color: var(--dark);
-                font-weight: 600;
-            }
-            .toggle-label small {
-                display: block;
-                font-size: 0.62rem;
-                font-weight: 400;
-                color: #28a745;
-                margin-top: 0.1rem;
-            }
-            .toggle-switch {
-                width: 48px;
-                height: 26px;
-                background: var(--border);
-                border-radius: 13px;
-                cursor: pointer;
-                position: relative;
-                transition: background 0.25s;
-                flex-shrink: 0;
-            }
-            .toggle-switch.yearly {
-                background: var(--primary);
-            }
-            .toggle-switch .thumb {
-                position: absolute;
-                top: 3px;
-                left: 3px;
-                width: 20px;
-                height: 20px;
-                background: #fff;
-                border-radius: 50%;
-                transition: left 0.25s;
-                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
-            }
-            .toggle-switch.yearly .thumb {
-                left: 25px;
-            }
-            .price-save {
-                font-size: 0.6rem;
-                font-weight: 700;
-                color: #28a745;
-                margin-top: 0.15rem;
-            }
-            .price-period {
-                color: rgba(33, 37, 41, 0.55);
-                font-size: 0.68rem;
-            }
-            /* ---- Blog Section ---- */
-            .blog-section {
-                padding: 3rem 0;
-                background: #08080c;
-                color: #e8e8f0;
-            }
-            .blog-section h2 {
-                color: #e8e8f0;
-            }
-            .blog-search-wrap {
-                max-width: 500px;
-                margin: 0 auto 2rem;
-            }
-            .blog-search {
-                width: 100%;
-                padding: 0.75rem 1rem;
-                font-size: 0.85rem;
-                background: #1a1a2e;
-                border: 1px solid #2a2a4e;
-                border-radius: 0.5rem;
-                color: #e8e8f0;
-                font-family: Inter, sans-serif;
-                transition: border-color 0.2s;
-                outline: none;
-            }
-            .blog-search:focus {
-                border-color: #00f5ff;
-                box-shadow: 0 0 0 2px rgba(0, 245, 255, 0.15);
-            }
-            .blog-search::placeholder {
-                color: rgba(232, 232, 240, 0.35);
-            }
-            .blog-grid {
-                display: grid;
-                grid-template-columns: repeat(3, 1fr);
-                gap: 1.25rem;
-                margin-bottom: 2rem;
-            }
-            @media (max-width: 992px) {
-                .blog-grid {
-                    grid-template-columns: repeat(2, 1fr);
-                }
-            }
-            @media (max-width: 576px) {
-                .blog-grid {
-                    grid-template-columns: 1fr;
-                }
-            }
-            .blog-card {
-                background: #12121c;
-                border: 1px solid #1a1a2e;
-                border-radius: 0.6rem;
-                padding: 1.25rem;
-                display: flex;
-                flex-direction: column;
-                transition:
-                    transform 0.2s,
-                    border-color 0.2s,
-                    box-shadow 0.2s;
-            }
-            .blog-card:hover {
-                transform: translateY(-2px);
-                border-color: #00f5ff;
-                box-shadow: 0 4px 20px rgba(0, 245, 255, 0.08);
-            }
-            .blog-card-top {
-                display: flex;
-                align-items: center;
-                gap: 0.5rem;
-                margin-bottom: 0.75rem;
-                flex-wrap: wrap;
-            }
-            .blog-badge {
-                display: inline-block;
-                padding: 0.15rem 0.5rem;
-                border-radius: 3rem;
-                font-size: 0.6rem;
-                font-weight: 700;
-                letter-spacing: 0.04em;
-                text-transform: uppercase;
-                color: #08080c;
-            }
-            .blog-badge-speed-run {
-                background: #f472b6;
-            }
-            .blog-badge-guide {
-                background: #a78bfa;
-            }
-            .blog-badge-howto {
-                background: #00f5ff;
-            }
-            .blog-badge-news {
-                background: #ffaa00;
-            }
-            .blog-badge-default {
-                background: #a78bfa;
-            }
-            .blog-agent {
-                display: inline-block;
-                padding: 0.15rem 0.45rem;
-                border-radius: 3rem;
-                font-size: 0.56rem;
-                font-weight: 600;
-                background: rgba(0, 245, 255, 0.15);
-                color: #00f5ff;
-                border: 1px solid rgba(0, 245, 255, 0.25);
-            }
-            .blog-date {
-                font-size: 0.82rem;
-                color: rgba(232, 232, 240, 0.45);
-                margin-bottom: 0.4rem;
-            }
-            .blog-card h3 {
-                font-family: "Inter Tight", sans-serif;
-                font-size: 1.1rem;
-                font-weight: 600;
-                margin: 0 0 0.5rem;
-                line-height: 1.35;
-            }
-            .blog-card h3 a {
-                color: #e8e8f0;
-                text-decoration: none;
-                transition: color 0.2s;
-            }
-            .blog-card h3 a:hover {
-                color: #00f5ff;
-            }
-            .blog-teaser {
-                font-size: 0.9rem;
-                color: rgba(232, 232, 240, 0.65);
-                line-height: 1.55;
-                margin-bottom: 1rem;
-                flex: 1;
-            }
-            .blog-readmore {
-                font-size: 0.85rem;
-                color: #00f5ff;
-                text-decoration: none;
-                font-weight: 500;
-                transition: opacity 0.2s;
-                margin-top: auto;
-            }
-            .blog-readmore:hover {
-                opacity: 0.75;
-            }
-            .blog-empty {
-                grid-column: 1 / -1;
-                text-align: center;
-                padding: 2rem;
-                color: rgba(232, 232, 240, 0.5);
-                font-size: 0.9rem;
-            }
-            .blog-pagination {
-                display: flex;
-                align-items: center;
-                justify-content: center;
-                gap: 0.75rem;
-                padding: 1rem 0;
-            }
-            .blog-page-btn {
-                padding: 0.4rem 1rem;
-                font-size: 0.85rem;
-                background: #12121c;
-                border: 1px solid #1a1a2e;
-                border-radius: 0.4rem;
-                color: #e8e8f0;
-                cursor: pointer;
-                font-family: Inter, sans-serif;
-                transition:
-                    border-color 0.2s,
-                    background 0.2s;
-            }
-            .blog-page-btn:hover:not(:disabled) {
-                border-color: #00f5ff;
-                background: rgba(0, 245, 255, 0.08);
-            }
-            .blog-page-btn:disabled {
-                opacity: 0.3;
-                cursor: default;
-            }
-            .blog-page-info {
-                font-size: 0.78rem;
-                color: rgba(232, 232, 240, 0.55);
-            }
+/* ---- Billing Toggle ---- */
+.billing-toggle-wrap {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+    margin-bottom: 1.5rem;
+}
+.toggle-label {
+    font-size: 0.82rem;
+    font-weight: 500;
+    color: rgba(33, 37, 41, 0.6);
+    cursor: pointer;
+    transition: color 0.2s;
+    user-select: none;
+}
+.toggle-label.active {
+    color: var(--dark);
+    font-weight: 600;
+}
+.toggle-label small {
+    display: block;
+    font-size: 0.62rem;
+    font-weight: 400;
+    color: #28a745;
+    margin-top: 0.1rem;
+}
+.toggle-switch {
+    width: 48px;
+    height: 26px;
+    background: var(--border);
+    border-radius: 13px;
+    cursor: pointer;
+    position: relative;
+    transition: background 0.25s;
+    flex-shrink: 0;
+}
+.toggle-switch.yearly {
+    background: var(--primary);
+}
+.toggle-switch .thumb {
+    position: absolute;
+    top: 3px;
+    left: 3px;
+    width: 20px;
+    height: 20px;
+    background: #fff;
+    border-radius: 50%;
+    transition: left 0.25s;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
+}
+.toggle-switch.yearly .thumb {
+    left: 25px;
+}
+.price-save {
+    font-size: 0.6rem;
+    font-weight: 700;
+    color: #28a745;
+    margin-top: 0.15rem;
+}
+.price-period {
+    color: rgba(33, 37, 41, 0.55);
+    font-size: 0.68rem;
+}
+/* ---- Partner Banner ---- */
+.partner-banner {
+    padding: 2rem 0;
+    background: #f6f5f4;
+    text-align: center;
+}
+.partner-banner h3 {
+    font-family: "Inter Tight", sans-serif;
+    font-size: 1rem;
+    font-weight: 600;
+    color: rgba(33, 37, 41, 0.45);
+    text-transform: uppercase;
+    letter-spacing: 0.08em;
+    margin-bottom: 1.5rem;
+}
+.partner-grid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: center;
+    gap: 2rem;
+}
+.partner-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 0.4rem;
+    text-decoration: none;
+    color: rgba(33, 37, 41, 0.55);
+    font-size: 0.75rem;
+    transition: opacity 0.2s;
+}
+.partner-item:hover {
+    opacity: 0.7;
+}
+.partner-item img {
+    width: 32px;
+    height: 32px;
+    border-radius: 6px;
+    object-fit: contain;
+}
+@media (max-width: 768px) {
+    .partner-grid {
+        gap: 1.25rem;
+    }
+    .partner-item img {
+        width: 28px;
+        height: 28px;
+    }
+}
+/* ---- Blog Section ---- */
+.blog-section {
+    padding: 3rem 0;
+    background: #08080c;
+    color: #e8e8f0;
+}
+.blog-section h2 {
+    color: #e8e8f0;
+}
+.blog-search-wrap {
+    max-width: 500px;
+    margin: 0 auto 2rem;
+}
+.blog-search {
+    width: 100%;
+    padding: 0.75rem 1rem;
+    font-size: 0.85rem;
+    background: #1a1a2e;
+    border: 1px solid #2a2a4e;
+    border-radius: 0.5rem;
+    color: #e8e8f0;
+    font-family: Inter, sans-serif;
+    transition: border-color 0.2s;
+    outline: none;
+}
+.blog-search:focus {
+    border-color: #00f5ff;
+    box-shadow: 0 0 0 2px rgba(0, 245, 255, 0.15);
+}
+.blog-search::placeholder {
+    color: rgba(232, 232, 240, 0.35);
+}
+.blog-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 1.25rem;
+    margin-bottom: 2rem;
+}
+@media (max-width: 992px) {
+    .blog-grid {
+        grid-template-columns: repeat(2, 1fr);
+    }
+}
+@media (max-width: 576px) {
+    .blog-grid {
+        grid-template-columns: 1fr;
+    }
+}
+.blog-card {
+    background: #12121c;
+    border: 1px solid #1a1a2e;
+    border-radius: 0.6rem;
+    padding: 1.25rem;
+    display: flex;
+    flex-direction: column;
+    transition:
+        transform 0.2s,
+        border-color 0.2s,
+        box-shadow 0.2s;
+}
+.blog-card:hover {
+    transform: translateY(-2px);
+    border-color: #00f5ff;
+    box-shadow: 0 4px 20px rgba(0, 245, 255, 0.08);
+}
+.blog-card-top {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    margin-bottom: 0.75rem;
+    flex-wrap: wrap;
+}
+.blog-badge {
+    display: inline-block;
+    padding: 0.15rem 0.5rem;
+    border-radius: 3rem;
+    font-size: 0.6rem;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: #08080c;
+}
+.blog-badge-speed-run {
+    background: #f472b6;
+}
+.blog-badge-guide {
+    background: #a78bfa;
+}
+.blog-badge-howto {
+    background: #00f5ff;
+}
+.blog-badge-news {
+    background: #ffaa00;
+}
+.blog-badge-default {
+    background: #a78bfa;
+}
+.blog-agent {
+    display: inline-block;
+    padding: 0.15rem 0.45rem;
+    border-radius: 3rem;
+    font-size: 0.56rem;
+    font-weight: 600;
+    background: rgba(0, 245, 255, 0.15);
+    color: #00f5ff;
+    border: 1px solid rgba(0, 245, 255, 0.25);
+}
+.blog-date {
+    font-size: 0.82rem;
+    color: rgba(232, 232, 240, 0.45);
+    margin-bottom: 0.4rem;
+}
+.blog-card h3 {
+    font-family: "Inter Tight", sans-serif;
+    font-size: 1.1rem;
+    font-weight: 600;
+    margin: 0 0 0.5rem;
+    line-height: 1.35;
+}
+.blog-card h3 a {
+    color: #e8e8f0;
+    text-decoration: none;
+    transition: color 0.2s;
+}
+.blog-card h3 a:hover {
+    color: #00f5ff;
+}
+.blog-teaser {
+    font-size: 0.9rem;
+    color: rgba(232, 232, 240, 0.65);
+    line-height: 1.55;
+    margin-bottom: 1rem;
+    flex: 1;
+}
+.blog-readmore {
+    font-size: 0.85rem;
+    color: #00f5ff;
+    text-decoration: none;
+    font-weight: 500;
+    transition: opacity 0.2s;
+    margin-top: auto;
+}
+.blog-readmore:hover {
+    opacity: 0.75;
+}
+.blog-empty {
+    grid-column: 1 / -1;
+    text-align: center;
+    padding: 2rem;
+    color: rgba(232, 232, 240, 0.5);
+    font-size: 0.9rem;
+}
+.blog-pagination {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 0.75rem;
+    padding: 1rem 0;
+}
+.blog-page-btn {
+    padding: 0.4rem 1rem;
+    font-size: 0.85rem;
+    background: #12121c;
+    border: 1px solid #1a1a2e;
+    border-radius: 0.4rem;
+    color: #e8e8f0;
+    cursor: pointer;
+    font-family: Inter, sans-serif;
+    transition:
+        border-color 0.2s,
+        background 0.2s;
+}
+.blog-page-btn:hover:not(:disabled) {
+    border-color: #00f5ff;
+    background: rgba(0, 245, 255, 0.08);
+}
+.blog-page-btn:disabled {
+    opacity: 0.3;
+    cursor: default;
+}
+.blog-page-info {
+    font-size: 0.78rem;
+    color: rgba(232, 232, 240, 0.55);
+}