vikarti.anatra/safing-web
1
0
Fork 0
mirror of https://github.com/safing/web synced 2025-09-01 18:49:06 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Merge pull request #196 from safing/feature/update-job-sections

Browse source 
Update job section
This commit is contained in:
Daniel 2022-05-03 12:05:20 +02:00 • committed by GitHub
commit 487a3e501d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 670 additions and 415 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
_config.yml
View file

@ -95,13 +95,13 @@ twitter_username: "@SafingIO"
twitter_card_type: "summary_large_image"
###################################
###### media/content options ######
###### collection options ######
###################################
last_progress_update_on: "03. March 2022"
last_finances_update_on: "March 2022"
collections:
jobs:
output: true
permalink: /jobs/:title/
publications:
output: true
@ -113,6 +113,14 @@ defaults:
permalink: /:categories/:year/:month/:day/:title/
type: "publication"
###################################
###### media/content options ######
###################################
last_progress_update_on: "03. March 2022"
last_finances_update_on: "March 2022"
##############################
###### Podcast settings ######
##############################

2
_includes/head.html
View file

@ -30,5 +30,5 @@
<meta name="theme-color" content="#f7f7f7">
<link rel="stylesheet" href="{{ site.vendor_url }}css/fonts-roboto.css" type="text/css">
<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.5.1.css" type="text/css">
<link rel="stylesheet" href="{{ site.vendor_url }}safingTailwind/safingTailwind-1.6.css" type="text/css">
<link rel="stylesheet" href="{{ site.assets_url }}css/main.css" type="text/css">

68
_jobs/fulltime-golang-developer.md Normal file
View file

@ -0,0 +1,68 @@
---
layout: job
title: "Golang (or C/C++) Developer"
extraInfo: "Austria - Remote - Fulltime"
summary: "We're on a mission to help everyone withstand today's mass surveillance so they can reclaim their privacy. If you are passionate about our mission, tech-savvy, and like working independently, you are a great fit for our team!
<br>
<br>
<strong>
We are looking for a Golang Developer with a background in IP networks (C, C++, or other static OO language dev willing to switch) to join us at Safing. Maybe that’s you?
</strong>
"
---
## Your Tasks and Responsibilities
As mentioned before, Golang is not a hard requirement, experience in C or C++ will suffice for you to quickly pick up Golang. Additionally, if you have ever worked with operating system internals, such as process handling or the network stack, you will have an easier time getting into our technology.
We're a small team, and as such you won’t be working on only one thing but in multiple areas and with different technologies. On the one side this means that diverse experience is beneficial, on the other side it also means that you can try out different areas and choose in which direction you want to develop and grow.
We are here to serve the people; hence it is crucial that you are interested in what they have to say. You will be communicating with both the community as well as the developers to further improve and iterate our output.
## What to Expect
There is lots of freedom to take over responsibility of sub areas, or even evolving into the lead developer of a whole product.
### First 3-6 months
Build a strong bond with the team, understand the architecture of our software, the code, and the workflow: conceptualizing, coding, and testing. Push your first bug fixes, and maybe even feature.
### After 6 months
After you feel comfortable enough, you’ll quickly be able to take over responsibility over bigger features, hence you will have a great influence on the performance and impact of our products. You will work out a self-sufficient workflow in the area of expertise you chose to dive into. The specification can be either on the Portmaster or SPN. Regardless of your choice, constant growth is important.
## Requirements
### Hard Skills
Ideally, you have several years of work experience in IT security, if possible, with specification on decentralized networks. Additionally, you have proficient knowledge about network protocols like TCP, UDP, DNS, http, and TLS. You should know how firewalls function, as well as being intimate with how the Internet works on a network level.
Operating system integrations, distributed systems, and protocol design are things you are familiar with.
### Additional Skills
- Front-end
- Angular (HTML/CSS/JavaScript)
- UI/UX implementations from designs
- Nomad/Ansible/Terraform
- System administration
- Cloud architecture & maintenance
### Soft Skills
- Team player
- Excellent English communication skills (written and verbal)
- Pro-active problem management
- Strive to grow
- Self-sufficiency
## Salary
This job comes with a gross salary starting from 42k € per year. However, we are open for negotiations, depending on qualifications and experience.
## How to Apply
All jobs at Safing start with your application via email, where you can tell us a little bit about yourself. After that, we’ll have 1-2 short interviews and stay in touch after that. If it’s a good fit for both of us you can immediately start out with a paid trial (spanning 3 months), leading into full employment thereafter.
### For applicants coming from abroad
If you are curious to know about all the benefits of working in Austria, feel free to reach out to us and we will answer your questions. If you decide to join us, we will help you settle in as best as we can.

23
_layouts/job.html Normal file
View file

@ -0,0 +1,23 @@
---
layout: page
---
<section class="publication-layout">
<div class="mx-auto max-w-4xl space-y-5">
<div class="flex mx-auto items-center">
<div class="space-y-3">
<h1 class="text-5xl block tracking-tight font-bold leading-none">{{ page.title }}</h1>
<span class="block text-md text-safing-gray-300">{{ page.extraInfo }}</span>
</div>
<div class="ml-auto">
<a class="btn-primary" href="mailto:{{ site.email }}">Apply Now</a>
</div>
</div>
<div>
<p>{{ page.summary }}</p>
</div>
</div>
<div class="markdown-container">
{{ content }}
</div>
</section>

78
about/index.html
View file

@ -29,45 +29,45 @@ redirect_from:
</div>
</div>
</div>
<div class="feature-container">
<div class="feature-left">
<h2 class="feature-left-title">
Engage the problem at
<span class="text-safing-blue-500">The Core</span>
</h2>
<p class="feature-left-desc">
The Internet is one of the most beautiful things there is.
But every connection has the potential to betray you, leaking
personal information you never wanted to share. That's where
we intercept.
</p>
</div>
<div class="feature-right">
<div class="feature-right-content">
<i class="icon-shield feature-right-content-icon"></i>
<span class="feature-right-content-title">Open Source</span>
<p class="feature-right-content-desc">
Secure software can only emerge when many smart people
review and contribute to the code base.
</p>
</div>
<div class="feature-right-content">
<i class="icon-heart feature-right-content-icon"></i>
<span class="feature-right-content-title">Transparency</span>
<p class="feature-right-content-desc">
The trust to handle your sensitive data can only grow by being open
about our company. In every aspect.
</p>
</div>
<div class="feature-right-content">
<i class="icon-users feature-right-content-icon"></i>
<span class="feature-right-content-title">Our Quest</span>
<p class="feature-right-content-desc">
We chase freedom so our societies can flourish. Giving control back to
the people is way overdue.
</p>
</div>
</div>
<div class="feature-one-container">
<div class="feature-one-container-left">
<h2 class="feature-one-container-left-title">
Engage the problem at
<span class="text-safing-blue-500">The Core</span>
</h2>
<p class="feature-one-container-left-desc">
The Internet is one of the most beautiful things there is.
But every connection has the potential to betray you, leaking
personal information you never wanted to share. That's where
we intercept.
</p>
</div>
<div class="feature-one-container-right">
<div class="feature-one-container-right-content">
<i class="icon-shield feature-one-container-right-content-icon"></i>
<span class="feature-one-container-right-content-title">Open Source</span>
<p class="feature-one-container-right-content-desc">
Secure software can only emerge when many smart people
review and contribute to the code base.
</p>
</div>
<div class="feature-one-container-right-content">
<i class="icon-heart feature-one-container-right-content-icon"></i>
<span class="feature-one-container-right-content-title">Transparency</span>
<p class="feature-one-container-right-content-desc">
The trust to handle your sensitive data can only grow by being open
about our company. In every aspect.
</p>
</div>
<div class="feature-one-container-right-content">
<i class="icon-users feature-one-container-right-content-icon"></i>
<span class="feature-one-container-right-content-title">Our Quest</span>
<p class="feature-one-container-right-content-desc">
We chase freedom so our societies can flourish. Giving control back to
the people is way overdue.
</p>
</div>
</div>
</div>
<div class="showcase-container-reverse">
<div class="showcase-left" style="max-width: 850px;">

81
jobs/golang-developer.md
View file

@ -1,81 +0,0 @@
---
layout: exception_container
title: Golang (or C/C++) Developer
heading: Golang (or C/C++) Developer
---
Hey there! We're looking for a Golang developer to join us at Safing, maybe that's you?
<i>Golang is not a hard requirement! If you have experience in C or C++ we're sure you'll quickly pick up Golang.</i>
<div class="ui stacked segment">
<p>
<b>Forging powerful privacy tools.</b><br/>
We're on a mission to help everyone withstand today's mass surveillance so they can reclaim their privacy.
</p>
</div>
We are not striving to create a unicorn, which we can sell for a huge profit. Rather, we strive to be a sustainable business and have a meaningful impact in today's Internet landscape. As we take our mission seriously, we are not only [open sourcing our products]({{ site.github_url }}), but are also open about [our funding, influences and business model]({{ site.about_url }}).
Safing develops [three tools]({{ site.portmaster_url }}), which in unison equip everyday online citizens to withstand mass surveillance. We're not solving every privacy problem out there, but we believe our approach tackles some root problems and will have a massive impact on peoples lives!
As we're beginning to hire our first employees, we are looking for people who complement our team, helping out in areas where we have our greatest bottleneck: Golang Development.
## What we're looking for
----------------
This role involves lots of hands on, low level programming. As mentioned before, Golang is not a hard requirement, experience in C or C++ will suffice for you to quickly pick up Golang. Together with Daniel, our lead developer, you will work on further progressing our main products: [Portmaster]({{ site.portmaster_url }}) and [the SPN]({{ site.spn_url }}). Daniel will guide you into the products, their architecture, the code and the workflow: conceptualizing, coding and testing.
Because Portmaster and Gate17 are both deeply rooted in the realm of network security, any experience in this realm is a big bonus. You should definitely know your way around protocols (TCP, UDP, DNS, HTTP, ...) and firewalls (no brands, just how they work), as well as being intimate with how the Internet works on a network level.
Additionally, if you have ever worked with operating system internals, such as process handling or the network stack, you will have an easier time getting into our technology.
After you feel comfortable enough, you'll quickly be able to take over responsibility over bigger features, hence you will have a great influence on the performance and impact of our products.
Because we are a small team with lots of responsibilities, it will be helpful if you are flexible and willing to adapt into related areas _you feel comfortable with_. This might include CI/CD Pipelines, Linux server maintenance, decentralized network infrastructure and performance optimization.
This will happen naturally, and only after you feel confident in your current role, but we felt the need to point that out beforehand. After all, we are still in the startup phase.
Also, be prepared to collaborate with additional team members soon. We do have plans on expanding the team further, but again, all should grow naturally.
#### What this role involves:
- 🛠 Progressing two of our main products: Gate17 and Portmaster
- 🗣 Communicating with both the community as well as the developers to further improve and iterate our output
- 👩‍💻 Lots of freedom to take over responsibility of sub areas, or even evolving into the lead developer of a whole product
- 🚀 Growing into the team and growing with the team as our products evolve into giants
- 🌟 Having a real impact on software used by people around the world to protect their privacy
#### We're looking for someone who is
- **passionate about our mission**
- **independent:** we are a small team requiring a lot of independent work - this does not mean you will not receive help & guidance, but we cannot hold your hand and constantly tell you how things need to be done
- **tech savvy:** we admire people who submerge into code and really fix and improve the root cause of issues
- **creative:** likewise, we love people who can think out of the box and find new and different ways of solving problems
- **a good communicator:** we are on the verge of becoming a remote team - one of our founders will soon start working remotely - so expressing yourself in writing is a must
- **opinionated & humble:** we value people standing up for their ideas, yet are also happy to discard their former opinions when a better way of doing things presents itself
- **happy to talk with our users:** we are here to serve the people, hence it is crucial that you are interested in what they have to say
## Jobs at Safing come with
----------------
- 🔥 making an impact
- 💵 35.000€ - 42.000€ annual salary
- 💻 a fully paid setup
- ⚖️ work-life balance: a healthy balance between work and recreation is essential - we also know that family is more important than work
- 🔍 transparency: as one of our core values, this is both true internally and externally
- ⚡️ modern technology
- 🌎 remote work (because of funding restrictions, only in Austria 🇦🇹 this time)
- 🏢 an office located in Baden, Lower Austria (optional). It's only a 4 minute walk from the S-Bahn and Badner Bahn station.
## How to apply
----------------
All jobs at Safing start with your application via email, where you can tell us a little bit about yourself. After that, we'll have 1-2 short interviews and stay in touch after that. If it's a good fit for both of us you can immediately start out with a paid trial (spanning 3 months), leading into full employment thereafter.
<div class="ui centered row">
<div class="ui basic segment">
<a class="ui safing-primary button" href="mailto:hello@safing.io">
Apply now
</a>
</div>
</div>

97
jobs/index.html Normal file
View file

@ -0,0 +1,97 @@
---
title: Join Safing
layout: page
---
<section class="general-layout">
<div class="feature-two-container">
<div class="feature-two-container-top">
<h1 class="feature-two-container-top-title" style="max-width: 500px;">
<span class="text-safing-blue-500">Join Our Team</span> and Help
Us with Our Mission
</h1>
<p class="feature-two-container-top-desc" style="max-width: 810px;">
We love freedom, just like you. We are on a mission to help everyone
withstand today’s mass surveillance so they can reclaim control over
their data. Play an active part in tackling some of online privacy’s
root problems and have a huge impact on people’s lives!
</p>
<div class="element-x-center-max space-x-7">
<a class="link-primary" href="#open-postions">Open Positions</a>
</div>
</div>
<div class="feature-two-container-bottom">
<div class="feature-two-container-bottom-content">
<i class="icon-users feature-two-container-bottom-content-icon"></i>
<span class="feature-two-container-bottom-content-title">Attractive Workplace</span>
<p class="feature-two-container-bottom-content-desc">
You’ll have a fully paid setup with the latest technology and
ergonomic office furniture. We are currently in a beautiful
office in Baden, Lower Austria, but there is the possibility
to work remotely. Unfortunately, this is restricted to Austria
as of now. However, we will help you with settling in Austria
if you decide to join us.
</p>
</div>
<div class="feature-two-container-bottom-content">
<i class="icon-scales feature-two-container-bottom-content-icon"></i>
<span class="feature-two-container-bottom-content-title">Strive for a healthy work-life balance</span>
<p class="feature-two-container-bottom-content-desc">
Development is often tied to long working hours. That is why we
want to you to have enough time for recreation. Austria is a
great workplace where you will enjoy health insurance and five
weeks of paid vacation. Additionally, all new parents have the
possibility to take family leave, regardless of gender.
</p>
</div>
<div class="feature-two-container-bottom-content">
<i class="icon-chart feature-two-container-bottom-content-icon"></i>
<span class="feature-two-container-bottom-content-title">Purpose-Driven Growth</span>
<p class="feature-two-container-bottom-content-desc">
Safing’s drive comes out of conviction and commitment to the
cause of privacy, not for generating profit. We strive for
creating sustainable high quality software solutions to
serious problems. This requires constant growth and
consistency. If this resonates with you, you’re welcome to
grow with us!
</p>
</div>
<div class="feature-two-container-bottom-content">
<i class="icon-heart feature-two-container-bottom-content-icon"></i>
<span class="feature-two-container-bottom-content-title">Transparency & Open Source</span>
<p class="feature-two-container-bottom-content-desc">
Handling sensitive data requires a lot of trust. Help us
building this trust by contributing to our code base. Open
Source is a way of being transparent and gives other the
opportunity to hold us accountable. Be the additional pair
of eyes that increases our transparency.
</p>
</div>
</div>
</div>
<div class="feature-two-container" id="open-postions">
<div class="feature-two-container-top">
<h2 class="feature-two-container-top-title">
Open Positions
</h2>
</div>
<div class="space-y-4 mx-auto" style="max-width: 900px;">
{% assign jobs = site.jobs %}
{% if jobs.size > 0 %}
{% for job in jobs %}
<div class="card p-7 flex items-center">
<div class="flex space-x-2 items-center">
<span class="text-xl block">{{ job.title }}</span>
<span class="text-sm text-safing-gray-300 block">{{ job.extraInfo }}</span>
</div>
<a class="btn-secondary ml-auto" href="{{ job.url }}">View More</a>
</div>
{% endfor %}
{%- else -%}
<div class="bg-gray-200 p-7">
<span class="text-md text-center block">We currently have no specific open positions. If you absolutely love our vision, contact us anyway at <a class="link-primary" href="mailto:{{ site.email }}">{{ site.email }}</a>
</div>
{% endif %}
</div>
</div>
</section>

73
jobs/index.md
View file

@ -1,73 +0,0 @@
---
layout: exception_container
title: Join Safing
heading: Join Safing
---
## Driven by Our Mission
We love Freedom, just like You.
We are on a mission to help everyone withstand today's mass surveillance so they can reclaim their privacy.
We are not striving to create a unicorn, which we can sell for a huge profit.
Rather, we strive to be a sustainable business and have a meaningful impact in today’s Internet landscape.
As we take our mission seriously, we have not only [open sourced our products]({{ site.github_url }}), but are also open about [our funding]({{ site.ownership_url }}), [influences]({{ site.ownership_url }}#influences) and [business model]({{ site.business_model_url }}).
Safing develops a privacy toolkit, which equips everyday online citizens to withstand mass surveillance.
We are not solving every privacy problem out there, but we believe our approach tackles some root problems and will have a massive impact on peoples lives!
## Jobs At Safing Come With
- 🔥 making an impact
- 💵 fair salary - greatly depends on the role and experience
- 💻 a fully paid setup
- ⚖️ work-life balance: a healthy balance between work and recreation is essential
- 🔍 transparency: as one of our core values, this is both true internally and externally
- ⚡️ modern technology
- 🌎 remote work (might be restricted to Austria 🇦🇹)
- 🏢 an office located in Baden, Lower Austria (optional).
It is only a 8 minute walk from the S-Bahn and Badner Bahn station.
## How To Apply
All jobs at Safing start with your application via email (to <jobs@safing.io>), where you introduce yourself.
Tell us about your experience, your expectations and what privacy means to you.
### What To Expect After Applying
We read and respond to all incoming emails, usually within a week.
After a positive evaluation we will have 1-2 short interviews and stay in touch after that.
If it is a good fit for both of us, we will schedule when and how to kick things off.
## What We Are Looking For
### Most Wanted - Current Bottlenecks:
- Golang Developer with some background in IP networks (or Java, C, C++, other static OO language dev willing to switch)
### Character Traits
- **passionate about our mission**
- **independent**.
we are a small team requiring a lot of independent work - this does not mean you will not receive help & guidance, but we cannot hold your hand and constantly tell you how things need to be done
- **solution oriented**.
we admire people who submerge into problems and really fix and improve the root cause of issues
- **creative**.
likewise, we love people who can think out of the box and find new and different ways of solving problems
- **a good communicator**.
we are a remote team - so expressing yourself in writing is a must
- **opinionated & humble**.
we value people standing up for their ideas, yet are also happy to discard their former opinions when a better way of doing things presents itself
- **happy to talk with our users**.
we are here to serve the people, hence it is crucial that you are interested in what they have to say
- **flexible**.
it will be helpful if you are willing to adapt into related areas you feel comfortable with.
This will happen naturally and only after you feel confident in your current role, but we felt the need to point that out beforehand.
After all, we are still in our early shoes.
### Nice to Have's
- **full-time employment**.
In general, we are looking to hire full-time rather than part-time.
- **experience**.
Sadly, we currently have limited time to develop talent, that is why applicants with experience have higher chances of getting hired.
- **Austria**.
Due to received fundings that only cover employment in Austria, it is more likely we can hire Austrian residents - but if you live somewhere else, we would still love to hear from you and together we might figure something out.

BIN
vendor/safingTailwind-1.5.1.zip vendored
View file

Binary file not shown.

BIN
vendor/safingTailwind-1.6.zip vendored Normal file
View file

Binary file not shown.

16
vendor/safingTailwind/docs/docs.html vendored
View file

@ -6,7 +6,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="../docs/css/highlight.min.css">
<link rel="stylesheet" href="../docs/css/style.css">
<link rel="stylesheet" href="../safingTailwind-1.5.1.css">
<link rel="stylesheet" href="../safingTailwind-1.6.css">
<script src="../docs/js/vendor/jquery.min.js" type="text/javascript"></script>
<script src="../docs/js/vendor/jquery-resizable.js"></script>
<script src="../docs/js/vendor/highlight.min.js"></script>
@ -14,7 +14,7 @@
</head>
<body class="antialiased font-sans font-medium">
<div class="alert-primary rounded-none text-md">
<span>There will be some stuff missing in this, and also some bugs. <strong>v1.5.1</strong></span>
<span>There will be some stuff missing in this, and also some bugs. <strong>v1.6</strong></span>
</div>
<div class="flex">
<nav class="overflow-y-auto pb-10 pt-20 ml-20 w-56">
@ -1028,6 +1028,12 @@
<div class="bg-white p-4 w-max m-auto" tooltip=".icon-warning">
<i class="icon-warning text-lg"></i>
</div>
<div class="bg-white p-4 w-max m-auto" tooltip=".icon-scales">
<i class="icon-scales text-lg"></i>
</div>
<div class="bg-white p-4 w-max m-auto" tooltip=".icon-chart">
<i class="icon-chart text-lg"></i>
</div>
</div>
</div>
<div class="space-y-7">
@ -1136,6 +1142,12 @@
&lt;div class="bg-white p-4 w-max m-auto" tooltip=".icon-warning"&gt;
&lt;i class="icon-warning text-lg"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;div class="bg-white p-4 w-max m-auto" tooltip=".icon-scales"&gt;
&lt;i class="icon-scales text-lg"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;div class="bg-white p-4 w-max m-auto" tooltip=".icon-chart"&gt;
&lt;i class="icon-chart text-lg"&gt;&lt;/i&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;div class="space-y-7"&gt;

2
vendor/safingTailwind/docs/js/internal/iframeRefresher.js vendored
View file

@ -10,7 +10,7 @@ function SetUpIframeData() {
innerHtml = iframeContents.find('html');
innerBody = iframeContents.find('body');
innerHead = iframeContents.find('head');
innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.5.1.css">');
innerHead.append('<link rel="stylesheet" href="../safingTailwind-1.6.css">');
innerBody.append(data)
});
setTimeout(function(){

BIN
vendor/safingTailwind/fonts/safing-icons.ttf vendored
View file

Binary file not shown.

BIN
vendor/safingTailwind/fonts/safing-icons.woff vendored
View file

Binary file not shown.

629
vendor/safingTailwind/safingTailwind-1.5.1.css → vendor/safingTailwind/safingTailwind-1.6.css vendored
View file

@ -2153,7 +2153,17 @@ em {
content: var(--icon-mac);
}
.icon-scales:before {
content: var(--icon-scales);
}
.icon-chart:before {
content: var(--icon-chart);
}
:root {
--icon-scales: "\e91c";
--icon-chart: "\e91d";
--icon-fedora: "\e901";
--icon-ubuntu: "\e902";
--icon-windows: "\e903";
@ -5896,6 +5906,411 @@ em {
margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.feature-one-container {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-left: auto;
margin-right: auto;
max-width: 1536px;
display: block;
}
.feature-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.feature-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.feature-one-container {
padding-left: 2.5rem;
padding-right: 2.5rem;
width: 100%;
}
@media (min-width: 768px) {
.feature-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
}
@media (min-width: 1280px) {
.feature-one-container {
display: flex;
}
}
@media (min-width: 1280px) {
.feature-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(5rem * var(--tw-space-x-reverse));
margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (min-width: 1280px) {
.feature-one-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
}
.feature-one-container .feature-one-container-left {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.feature-one-container .feature-one-container-left {
text-align: left;
}
}
@media (min-width: 1280px) {
.feature-one-container .feature-one-container-left {
max-width: 28rem;
}
}
.feature-one-container .feature-one-container-left-title {
font-size: 3rem;
line-height: 1;
letter-spacing: -0.025em;
font-weight: 800;
line-height: 1;
margin-bottom: 2rem;
}
.feature-one-container .feature-one-container-left-desc {
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
max-width: 48rem;
}
@media (min-width: 1280px) {
.feature-one-container .feature-one-container-left-desc {
max-width: 100%;
}
}
.feature-one-container .feature-one-container-right {
display: block;
align-items: center;
}
.feature-one-container .feature-one-container-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}
.feature-one-container .feature-one-container-right {
width: 100%;
}
@media (min-width: 640px) {
.feature-one-container .feature-one-container-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
}
@media (min-width: 768px) {
.feature-one-container .feature-one-container-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
}
@media (min-width: 768px) {
.feature-one-container .feature-one-container-right {
display: flex;
}
}
@media (min-width: 768px) {
.feature-one-container .feature-one-container-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (min-width: 768px) {
.feature-one-container .feature-one-container-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
}
.feature-one-container .feature-one-container-right-content > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.feature-one-container .feature-one-container-right-content {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.feature-one-container .feature-one-container-right-content:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
}
.feature-one-container .feature-one-container-right-content {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
max-width: 24rem;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.feature-one-container .feature-one-container-right-content {
text-align: left;
}
}
.feature-one-container .feature-one-container-right-content-icon {
display: block;
--tw-text-opacity: 1;
color: rgba(97, 136, 255, var(--tw-text-opacity));
font-size: 1.875rem;
line-height: 2.25rem;
}
.feature-one-container .feature-one-container-right-content-title {
display: block;
font-size: 1.5rem;
line-height: 2rem;
line-height: 1.5rem;
font-weight: 700;
}
.feature-one-container .feature-one-container-right-content-desc {
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
}
.feature-two-container {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-left: auto;
margin-right: auto;
}
.feature-two-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(7rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(7rem * var(--tw-space-y-reverse));
}
.feature-two-container {
width: 100%;
}
.feature-two-container .feature-two-container-top {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.feature-two-container .feature-two-container-top > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.75rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.75rem * var(--tw-space-y-reverse));
}
.feature-two-container .feature-two-container-top-title {
display: block;
position: relative;
font-size: 3rem;
line-height: 1;
letter-spacing: -0.025em;
font-weight: 700;
line-height: 1;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1024px) {
.feature-two-container .feature-two-container-top-title {
text-align: center;
}
}
.feature-two-container .feature-two-container-top-desc {
display: block;
width: 100%;
margin-left: auto;
margin-right: auto;
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
text-align: center;
margin-left: auto;
margin-right: auto;
}
.feature-two-container .feature-two-container-bottom {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-left: auto;
margin-right: auto;
max-width: 85rem;
}
.feature-two-container .feature-two-container-bottom > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.feature-two-container .feature-two-container-bottom {
padding-left: 1rem;
padding-right: 1rem;
}
@media (min-width: 640px) {
.feature-two-container .feature-two-container-bottom {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
}
@media (min-width: 768px) {
.feature-two-container .feature-two-container-bottom > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
}
@media (min-width: 768px) {
.feature-two-container .feature-two-container-bottom {
display: grid;
}
}
@media (min-width: 768px) {
.feature-two-container .feature-two-container-bottom {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (min-width: 768px) {
.feature-two-container .feature-two-container-bottom {
gap: 2.5rem;
}
}
@media (min-width: 1280px) {
.feature-two-container .feature-two-container-bottom {
padding-left: 0px;
padding-right: 0px;
}
}
.feature-two-container .feature-two-container-bottom {
width: 100%;
}
.feature-two-container .feature-two-container-bottom-content > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.feature-two-container .feature-two-container-bottom-content {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.feature-two-container .feature-two-container-bottom-content:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
}
.feature-two-container .feature-two-container-bottom-content {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
max-width: 36rem;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.feature-two-container .feature-two-container-bottom-content {
text-align: left;
}
}
.feature-two-container .feature-two-container-bottom-content-icon {
display: block;
--tw-text-opacity: 1;
color: rgba(97, 136, 255, var(--tw-text-opacity));
font-size: 1.875rem;
line-height: 2.25rem;
}
.feature-two-container .feature-two-container-bottom-content-title {
display: block;
font-size: 1.5rem;
line-height: 2rem;
line-height: 1.5rem;
font-weight: 700;
}
.feature-two-container .feature-two-container-bottom-content-desc {
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
}
.showcase-container-reverse {
flex-direction: row-reverse;
}
@ -6157,220 +6572,6 @@ em {
}
}
.feature-container {
display: block;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin-left: auto;
margin-right: auto;
max-width: 1536px;
display: block;
}
.feature-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(0px * var(--tw-space-x-reverse));
margin-left: calc(0px * calc(1 - var(--tw-space-x-reverse)));
}
.feature-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
.feature-container {
padding-left: 2.5rem;
padding-right: 2.5rem;
width: 100%;
}
@media (min-width: 768px) {
.feature-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
}
@media (min-width: 1280px) {
.feature-container {
display: flex;
}
}
@media (min-width: 1280px) {
.feature-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(5rem * var(--tw-space-x-reverse));
margin-left: calc(5rem * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (min-width: 1280px) {
.feature-container > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
}
.feature-container .feature-left {
display: block;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.feature-container .feature-left {
text-align: left;
}
}
@media (min-width: 1280px) {
.feature-container .feature-left {
max-width: 28rem;
}
}
.feature-container .feature-left-title {
font-size: 3rem;
line-height: 1;
letter-spacing: -0.025em;
font-weight: 800;
line-height: 1;
margin-bottom: 2rem;
}
.feature-container .feature-left-desc {
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
max-width: 48rem;
}
@media (min-width: 1280px) {
.feature-container .feature-left-desc {
max-width: 100%;
}
}
.feature-container .feature-right {
display: block;
align-items: center;
}
.feature-container .feature-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}
.feature-container .feature-right {
width: 100%;
}
@media (min-width: 640px) {
.feature-container .feature-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(5rem * var(--tw-space-y-reverse));
}
}
@media (min-width: 768px) {
.feature-container .feature-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
}
@media (min-width: 768px) {
.feature-container .feature-right {
display: flex;
}
}
@media (min-width: 768px) {
.feature-container .feature-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-x-reverse: 0;
margin-right: calc(2.5rem * var(--tw-space-x-reverse));
margin-left: calc(2.5rem * calc(1 - var(--tw-space-x-reverse)));
}
}
@media (min-width: 768px) {
.feature-container .feature-right > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(0px * var(--tw-space-y-reverse));
}
}
.feature-container .feature-right-content > :not([hidden]) ~ :not([hidden]) {
--tw-space-y-reverse: 0;
margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.feature-container .feature-right-content {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.feature-container .feature-right-content:hover {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05;
}
.feature-container .feature-right-content {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
transition-duration: 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
max-width: 24rem;
text-align: center;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
.feature-container .feature-right-content {
text-align: left;
}
}
.feature-container .feature-right-content-icon {
display: block;
--tw-text-opacity: 1;
color: rgba(97, 136, 255, var(--tw-text-opacity));
font-size: 1.875rem;
line-height: 2.25rem;
}
.feature-container .feature-right-content-title {
display: block;
font-size: 1.5rem;
line-height: 2rem;
line-height: 1.5rem;
font-weight: 700;
}
.feature-container .feature-right-content-desc {
--tw-text-opacity: 1;
color: rgba(114, 114, 114, var(--tw-text-opacity));
}
.faq-container {
display: block;
width: -webkit-max-content;