layout

partials/landing/main/hero.php

@@ -1,9 +1,8 @@
-<section id="hero" class="relative overflow-hidden">
-    <div class="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(58,111,248,0.18),_transparent_55%),radial-gradient(circle_at_bottom,_rgba(255,183,134,0.35),_transparent_60%)] pointer-events-none"></div>
-
-    <div class="relative mx-auto max-w-6xl px-4 sm:px-6 lg:px-8 py-16 sm:py-24 flex flex-col lg:flex-row gap-10 items-center">
+<section id="hero" class="hero-section relative overflow-hidden">
+    <div class="relative px-4 sm:px-6 lg:px-8">
+        <div class="section-shell hero-shell items-center">
         <!-- Left: Text -->
-        <div class="flex-1 space-y-7">
+        <div class="hero-copy space-y-7">
             <p class="text-xs font-heading font-semibold tracking-[0.3em] uppercase text-brand-primary" data-i18n="hero_kicker">
                 Detect fake USB sticks before you lose data
             </p>
@@ -50,7 +49,7 @@
         </div>
 
         <!-- Right: Card (Teaser Quickcheck) -->
-        <div class="flex-1 w-full max-w-xl">
+        <div class="hero-preview w-full">
             <div class="quick-preview-card space-y-6">
                 <div class="quick-preview-header">
                     <div>
@@ -117,5 +116,6 @@
                 </a>
             </div>
         </div>
+        </div>
     </div>
 </section>