feat(website): redesign the mobile experience

Replace the stacked desktop layout with a phone-first product flow featuring an image-led hero, inline privacy proof, compact semantic search, swipeable feature cards with live pagination, expandable technical details, and touch-friendly navigation and calls to action. Add the standalone Phokus aperture SVG asset.
This commit is contained in:
2026-06-15 21:15:18 +01:00
parent e14dbda41d
commit 00bf7da344
3 changed files with 362 additions and 38 deletions
+8 -1
View File
@@ -47,11 +47,18 @@ body {
text-rendering: optimizeLegibility;
}
a:focus-visible {
a:focus-visible,
summary:focus-visible {
outline: 2px solid var(--color-amber);
outline-offset: 4px;
}
@media (max-width: 63.999rem) {
section[id] {
scroll-margin-top: 6.25rem;
}
}
@media (prefers-reduced-motion: reduce) {
html {
scroll-behavior: auto;