|
11 | 11 | .product-hero { padding-block: clamp(2rem, 4vw, 3.5rem) 0; } |
12 | 12 | .product-hero .back { font-family: var(--mono); font-size: 0.78rem; color: var(--text-faint); letter-spacing: 0.02em; margin-bottom: 1.25rem; display: inline-block; } |
13 | 13 | .product-hero .kicker { font-family: var(--mono); font-size: 0.78rem; color: var(--accent); letter-spacing: 0.02em; margin-bottom: 0.6rem; } |
14 | | -.product-hero h1 { font-size: clamp(2.25rem, 4.5vw, 3.5rem); font-weight: 500; letter-spacing: -0.025em; line-height: 1.05; margin-bottom: 1.25rem; } |
15 | | -.product-hero .tagline { font-size: 1.2rem; line-height: 1.45; color: var(--text); margin-bottom: 1.25rem; font-weight: 500; letter-spacing: -0.01em; max-width: none; } |
16 | | -.product-hero .sub { font-size: 1rem; color: var(--text-soft); margin-bottom: 0.75rem; max-width: none; } |
| 14 | +.product-hero h1 { font-size: clamp(2rem, 3.8vw, 2.85rem); font-weight: 500; letter-spacing: -0.02em; line-height: 1.15; margin-bottom: 1.25rem; } |
| 15 | +.product-hero .tagline { font-size: 1.0625rem; line-height: 1.55; color: var(--text); margin-bottom: 1.25rem; font-weight: 500; letter-spacing: -0.005em; max-width: none; } |
| 16 | +.product-hero .sub { font-size: 0.95rem; color: var(--text-soft); line-height: 1.55; margin-bottom: 0.75rem; max-width: none; } |
17 | 17 |
|
18 | 18 | .facts-block { padding-block: 0 clamp(2rem, 4vw, 3rem); } |
19 | | -.facts-list { font-size: 1rem; color: var(--text-soft); line-height: 1.55; margin: 0 0 0 1.5rem; max-width: none; } |
| 19 | +.facts-list { font-size: 0.95rem; color: var(--text-soft); line-height: 1.55; margin: 0 0 0 1.5rem; max-width: none; } |
20 | 20 | .facts-list li { margin-bottom: 0.4rem; padding-left: 0.25rem; } |
21 | | -.facts-list ul { list-style: disc; margin: 0.4rem 0 0.5rem 1.5rem; padding-left: 0; font-size: 0.95rem; } |
| 21 | +.facts-list ul { list-style: disc; margin: 0.4rem 0 0.5rem 1.5rem; padding-left: 0; font-size: 0.9rem; } |
22 | 22 | .facts-list ul li { margin-bottom: 0.3rem; padding-left: 0.25rem; } |
23 | 23 |
|
24 | 24 | .banner { padding-block: clamp(2rem, 4vw, 3rem); } |
25 | 25 | .banner .frame { border: 1px solid var(--rule); overflow: hidden; background: white; box-shadow: 0 20px 50px -20px rgba(9,31,56,0.2); } |
26 | 26 | .banner .frame img { width: 100%; display: block; } |
27 | 27 |
|
28 | 28 | .framing-strip { padding-top: clamp(2.5rem, 5vw, 4rem); padding-bottom: 1rem; } |
29 | | -.framing-strip h2 { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 0.75rem; } |
30 | | -.framing-strip p { font-size: 1rem; color: var(--text-soft); margin-bottom: 0.75rem; line-height: 1.55; max-width: none; } |
| 29 | +.framing-strip h2 { font-size: clamp(1.5rem, 2.6vw, 1.95rem); font-weight: 500; letter-spacing: -0.02em; margin-bottom: 0.75rem; } |
| 30 | +.framing-strip p { font-size: 0.95rem; color: var(--text-soft); margin-bottom: 0.75rem; line-height: 1.55; max-width: none; } |
31 | 31 |
|
32 | 32 | .categories-block { padding-top: 0; padding-bottom: clamp(2.5rem, 5vw, 4rem); border-top: 0; } |
33 | 33 | .categories-grid { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(0.75rem, 1.5vw, 1.25rem); } |
34 | 34 | .feature-card { padding: 2rem; border: 1px solid var(--rule); background: white; } |
35 | | -.feature-card h2 { font-size: 1.5rem; font-weight: 500; letter-spacing: -0.02em; margin-bottom: 0.75rem; } |
36 | | -.feature-card p { font-size: 1rem; color: var(--text-soft); max-width: 50ch; margin-bottom: 0.6rem; line-height: 1.55; } |
37 | | -.feature-card ul { font-size: 1rem; color: var(--text-soft); margin: 0.25rem 0 0 1.25rem; } |
| 35 | +.feature-card h2 { font-size: 1.125rem; font-weight: 600; letter-spacing: -0.01em; margin-bottom: 0.75rem; } |
| 36 | +.feature-card p { font-size: 0.95rem; color: var(--text-soft); max-width: 50ch; margin-bottom: 0.6rem; line-height: 1.55; } |
| 37 | +.feature-card ul { font-size: 0.95rem; color: var(--text-soft); margin: 0.25rem 0 0 1.25rem; } |
38 | 38 | .feature-card ul li { margin-bottom: 0.4rem; } |
39 | 39 | .feature-card ul li b { color: var(--text); font-weight: 600; } |
40 | 40 |
|
|
0 commit comments