Update index.html

index.html

@@ -136,9 +136,17 @@
       align-items: flex-start;
       gap: 6px;
     }
+    .hook-left .the {
+      font-size: 0.72rem;
+      font-weight: 700;
+      color: rgba(255,255,255,0.45);
+      letter-spacing: 2px;
+      text-transform: uppercase;
+      margin-bottom: 4px;
+    }
     .hook-left .big {
       font-family: 'Archivo', sans-serif;
-      font-size: clamp(3.5rem, 5vw, 5rem);
+      font-size: clamp(2.4rem, 3.8vw, 3.6rem);
       font-weight: 900;
       color: var(--golden);
       line-height: 1;
@@ -149,6 +157,7 @@
       color: rgba(255,255,255,0.45);
       letter-spacing: 2px;
       text-transform: uppercase;
+      margin-top: 4px;
     }
     .hook-right {
       background: var(--grey1);
@@ -549,8 +558,9 @@
 <div class="hook">
   <div class="hook-inner">
     <div class="hook-left">
+      <div class="the">The</div>
       <div class="big">£500</div>
-      <div class="small">Guaranteed</div>
+      <div class="small">Guarantee</div>
     </div>
     <div class="hook-right">
       <h3>We'll beat your current payment fees — or give you £500.</h3>