Pro Sättel

About

.pro-page { font-family: 'Inter', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; font-size: 16px; line-height: 1.6; color: #121212; -webkit-font-smoothing: antialiased; } .pro-page *, .pro-page *::before, .pro-page *::after { box-sizing: border-box; } /* Hero */ .pro-hero { background: #0B1215; color: #fff; padding: 88px 24px 72px; text-align: center; position: relative; overflow: hidden; } .pro-hero::before { content: ''; position: absolute; width: 600px; height: 600px; background: radial-gradient(circle, rgba(31,69,255,0.12), transparent 70%); top: -200px; left: 50%; transform: translateX(-50%); pointer-events: none; } .pro-hero-inner { position: relative; max-width: 720px; margin-left: auto !important; margin-right: auto !important; } .pro-hero h1 { font-family: inherit; font-size: clamp(30px, 5vw, 48px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.03em; line-height: 1.08; margin: 0 auto 24px auto; padding: 0; color: #fff; } .pro-hero h1 span { color: #1F45FF; } .pro-hero-inner > p { font-size: 17px; color: rgba(255,255,255,0.7); max-width: 580px; margin-left: auto !important; margin-right: auto !important; margin-top: 0; margin-bottom: 0; line-height: 1.65; padding: 0; } /* Sections */ .pro-sec { padding: 72px 24px; } .pro-sec--gray { background: #F4F4F4; } .pro-sec--dark { background: #0B1215; color: #fff; } .pro-sec--blue { background: #1F45FF; color: #fff; } .pro-wrap { max-width: 880px; margin-left: auto !important; margin-right: auto !important; } /* Typography */ .pro-page h2 { font-family: inherit; font-size: clamp(22px, 3.5vw, 32px); font-weight: 800; text-transform: uppercase; letter-spacing: -0.02em; line-height: 1.15; margin: 0 0 16px 0; padding: 0; color: inherit; } .pro-page h2 span { color: #1F45FF; } .pro-sec--dark h2 span { color: #1F45FF; } .pro-sec--blue h2 span { color: var(--dark, #0B1215); } .pro-page h3 { font-family: inherit; font-size: 17px; font-weight: 700; text-transform: uppercase; letter-spacing: