sfdsf

public/assets/css/app.css

@@ -920,15 +920,15 @@ a {
 .module-page-stack {
   position: relative;
   display: grid;
-  gap: 18px;
+  gap: 16px;
 }
 
 .module-hero {
   display: grid;
-  gap: 18px;
-  padding: 28px;
+  gap: 14px;
+  padding: 20px 22px;
   border: 1px solid var(--line);
-  border-radius: 28px;
+  border-radius: 24px;
   background:
     linear-gradient(135deg, rgba(255, 255, 255, 0.94), rgba(245, 252, 251, 0.88)),
     linear-gradient(90deg, color-mix(in srgb, var(--brand-accent) 14%, transparent), color-mix(in srgb, var(--brand-accent-2) 14%, transparent));
@@ -942,37 +942,45 @@ a {
 }
 
 .module-hero-top {
-  display: grid;
-  gap: 16px;
-  grid-template-columns: minmax(0, 1.6fr) minmax(220px, 0.8fr);
+  display: flex;
+  gap: 14px;
+  justify-content: space-between;
   align-items: start;
 }
 
 .module-hero-copy,
 .module-hero-actions {
   display: grid;
-  gap: 12px;
+  gap: 8px;
+}
+
+.module-hero-copy {
+  min-width: 0;
+}
+
+.module-hero-copy--compact {
+  min-height: 1px;
 }
 
 .module-title {
   margin: 0;
-  font-size: clamp(1.75rem, 4vw, 2.9rem);
-  line-height: 1;
+  font-size: clamp(1.45rem, 3vw, 2.2rem);
+  line-height: 1.04;
   font-weight: 700;
-  letter-spacing: -0.03em;
+  letter-spacing: -0.04em;
 }
 
 .module-lead {
   margin: 0;
   color: var(--muted);
-  font-size: 1rem;
+  font-size: 0.95rem;
   line-height: 1.5;
 }
 
 .module-tabs {
   display: flex;
   flex-wrap: wrap;
-  gap: 10px;
+  gap: 8px;
 }
 
 .module-button {
@@ -981,7 +989,8 @@ a {
   justify-content: center;
   border: 1px solid transparent;
   border-radius: 16px;
-  padding: 12px 16px;
+  min-height: 40px;
+  padding: 9px 15px;
   cursor: pointer;
   text-decoration: none;
   transition: 160ms ease;
@@ -1014,6 +1023,19 @@ a {
   font-weight: 700;
 }
 
+.module-button--small {
+  min-height: 34px;
+  padding: 7px 12px;
+  border-radius: 14px;
+  font-size: 0.92rem;
+}
+
+.module-hero-actions {
+  justify-items: start;
+  align-content: start;
+  width: min(240px, 100%);
+}
+
 .module-box,
 .module-box-soft,
 .module-box-table,
@@ -1083,6 +1105,10 @@ a {
 
 @media (max-width: 980px) {
   .module-hero-top {
-    grid-template-columns: 1fr;
+    flex-direction: column;
+  }
+
+  .module-hero-actions {
+    width: 100%;
   }
 }