diff --git a/index.html b/index.html
index 61749ce..35ac6af 100644
--- a/index.html
+++ b/index.html
@@ -60,61 +60,34 @@
margin-inline: auto;
}
- /* Header */
- header {
- padding: 1.25rem 0;
- border-bottom: 1px solid var(--border);
- position: sticky;
- top: 0;
- z-index: 10;
- background: rgba(18, 18, 18, 0.92);
- backdrop-filter: blur(12px);
+ /* Top logo */
+ .top-logo {
+ padding: 2.5rem 0 0;
+ text-align: center;
}
- .header-inner {
- display: flex;
- align-items: center;
- justify-content: space-between;
- gap: 1rem;
- }
-
- .logo {
- height: 2rem;
+ .top-logo img {
+ height: clamp(10rem, 32vw, 14rem);
width: auto;
- }
-
- .header-cta {
- font-size: 0.9rem;
- font-weight: 600;
- color: var(--text);
- background: var(--brand-light);
- padding: 0.55rem 1.1rem;
- border-radius: 999px;
- text-decoration: none;
- white-space: nowrap;
- }
-
- .header-cta:hover {
- background: var(--brand);
- text-decoration: none;
+ margin-inline: auto;
}
/* Hero */
.hero {
- padding: 4.5rem 0 3rem;
+ padding: 2rem 0 3rem;
text-align: center;
}
.badge {
display: inline-block;
- font-size: 0.8rem;
+ font-size: 0.65rem;
font-weight: 600;
- letter-spacing: 0.06em;
+ letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--brand-light);
background: rgba(170, 73, 129, 0.12);
border: 1px solid rgba(170, 73, 129, 0.35);
- padding: 0.35rem 0.85rem;
+ padding: 0.2rem 0.55rem;
border-radius: 999px;
margin-bottom: 1.5rem;
}
@@ -295,8 +268,12 @@
}
@media (max-width: 640px) {
+ .top-logo {
+ padding-top: 2rem;
+ }
+
.hero {
- padding-top: 3rem;
+ padding-top: 1.5rem;
}
.screenshots img:nth-child(2) {
@@ -310,16 +287,11 @@
-
-
+
+
+