/* --- Podstawowe Style --- */
:root {
--bg-color: #000000;
--text-color: #FFFFFF;
--gray-text: #d1d5db;
--gray-text-darker: #9ca3af;
--section-bg: #0a0a0a;
--card-bg: rgba(31, 41, 55, 0.5);
--border-color: #374151;
}
html {
scroll-behavior: smooth;
}
body.elementor-page { /* Celujemy w body, gdy strona jest w Elementorze */
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: var(--bg-color) !important;
color: var(--text-color) !important;
margin: 0;
padding: 0;
}
.container {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
}
/* --- Nag艂贸wek --- */
.header {
background-color: rgba(0, 0, 0, 0.8);
backdrop-filter: blur(4px);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1001; /* Wy偶ej ni偶 panel Elementora */
}
.header .container {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.logo {
font-size: 1.875rem;
font-weight: 900;
letter-spacing: -0.05em;
color: var(--text-color);
}
.logo-smiley {
font-family: 'Times New Roman', Times, serif;
transform: rotate(90deg);
display: inline-block;
font-weight: bold;
font-size: 1.1em;
line-height: 0;
position: relative;
top: -0.05em;
left: -0.15em;
}
.nav-desktop {
display: none;
}
.nav-desktop a {
color: var(--text-color);
text-decoration: none;
transition: color 0.3s;
}
.nav-desktop a:hover {
color: var(--gray-text);
}
.mobile-menu-button {
display: block;
background: none;
border: none;
color: white;
cursor: pointer;
}
.mobile-menu {
display: none;
background-color: rgba(0, 0, 0, 0.9);
}
.mobile-menu a {
display: block;
text-align: center;
padding: 0.75rem 0;
color: var(--text-color);
text-decoration: none;
transition: background-color 0.3s;
}
.mobile-menu a:hover {
background-color: #1f2937;
}
/* --- Sekcje --- */
main.automate-main-content section {
padding-top: 5rem;
padding-bottom: 5rem;
color: var(--text-color);
}
.hero {
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding-top: 5rem;
}
.hero h1 {
font-size: 3rem;
font-weight: 900;
letter-spacing: -0.05em;
text-transform: uppercase;
}
.hero h1 span {
color: var(--gray-text-darker);
}
.hero p {
margin-top: 1.5rem;
font-size: 1.125rem;
color: var(--gray-text);
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.section-title {
font-size: 1.875rem;
font-weight: 700;
text-align: center;
margin-bottom: 3rem;
}
.section-text {
font-size: 1.125rem;
color: var(--gray-text);
text-align: center;
max-width: 56rem;
margin-left: auto;
margin-right: auto;
}
#dla-kogo, #dlaczego-wazne {
background-color: var(--section-bg);
}
/* --- Akordeon --- */
.accordion {
max-width: 48rem;
margin: 0 auto;
}
.accordion-item {
background-color: var(--card-bg);
border: 1px solid var(--border-color);
border-radius: 0.5rem;
margin-bottom: 1rem;
}
.accordion-header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
text-align: left;
padding: 1.5rem;
background: none;
border: none;
color: white;
cursor: pointer;
font-size: 1.25rem;
font-weight: 600;
}
.accordion-header .icon-plus {
font-size: 1.5rem;
transition: transform 0.3s;
}
.accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.5s ease-in-out;
}
.accordion-content p {
padding: 0 1.5rem 1.5rem 1.5rem;
color: var(--gray-text);
margin: 0;
}
.accordion-item.open .accordion-content {
max-height: 500px;
}
.accordion-item.open .icon-plus {
transform: rotate(45deg);
}
/* --- Karty (Warsztaty) --- */
.features-grid {
display: grid;
gap: 2rem;
text-align: center;
}
.feature-card {
background-color: var(--card-bg);
padding: 2rem;
border-radius: 0.5rem;
border: 1px solid var(--border-color);
}
.feature-card h3 {
font-size: 1.5rem;
font-weight: 700;
margin-bottom: 1rem;
margin-top: 0;
}
.feature-card p {
color: var(--gray-text);
margin: 0;
}
/* --- Kontakt (CTA) --- */
#kontakt {
text-align: center;
}
#kontakt h2 {
font-size: 1.875rem;
font-weight: 700;
margin-bottom: 1rem;
}
#kontakt p {
font-size: 1.125rem;
color: var(--gray-text);
margin-bottom: 2rem;
}
.cta-button {
background-color: white;
color: black;
font-weight: 700;
padding: 1rem 2.5rem;
border-radius: 0.5rem;
font-size: 1.125rem;
text-decoration: none;
transition: background-color 0.3s;
}
.cta-button:hover {
background-color: #e5e7eb;
}
/* --- Stopka --- */
.footer {
border-top: 1px solid var(--border-color);
padding: 2rem 0;
text-align: center;
color: #6b7280;
}
.footer p {
margin: 0;
}
/* --- Media Queries (Responsywno艣膰) --- */
@media (min-width: 768px) {
.nav-desktop { display: flex; gap: 2rem; }
.mobile-menu-button { display: none; }
.hero h1 { font-size: 4.5rem; }
.hero p { font-size: 1.25rem; }
.section-title { font-size: 2.25rem; }
#kontakt h2 { font-size: 2.25rem; }
.features-grid { grid-template-columns: repeat(3, 1fr); }
main.automate-main-content section { padding-top: 8rem; padding-bottom: 8rem; }
}
Sztuczna Inteligencja
w Twoich R臋kach
Wprowadzamy w 艣wiat praktycznych zastosowa艅 AI. Bez technicznego 偶argonu i kodowania. Tylko realne umiej臋tno艣ci, kt贸re odmieni膮 Twoj膮 prac臋 i nauk臋.
Nasza Misja
AutoMate to inicjatywa edukacyjna, kt贸rej celem jest wprowadzenie zwyk艂ych u偶ytkownik贸w - uczni贸w, student贸w, nauczycieli i pracownik贸w firm - w 艣wiat praktycznych zastosowa艅 sztucznej inteligencji. Bez technicznego 偶argonu, bez kodowania. Tylko rzeczywiste umiej臋tno艣ci, kt贸re mo偶na zastosowa膰 od razu w 偶yciu codziennym, pracy i nauce.
Dla Kogo?
Uczniowie i nauczyciele, kt贸rzy chc膮 zrozumie膰, jak AI mo偶e wspiera膰 edukacj臋 i rozw贸j kreatywno艣ci (np. AI w tworzeniu zada艅, wykrywaniu wygenerowanych prac, tworzeniu grafik i tekst贸w).
Studenci i kadra naukowa kierunk贸w humanistycznych, prawnych, ekonomicznych czy artystycznych. Pokazujemy, jak AI mo偶e wspiera膰 nauk臋, badania i organizacj臋 pracy.
Warsztaty dla pracownik贸w i w艂a艣cicieli firm, ucz膮ce jak AI mo偶e automatyzowa膰 zadania biurowe, generowa膰 tre艣ci, poprawia膰 komunikacj臋 i podnosi膰 produktywno艣膰.
Jak Wygl膮daj膮 Nasze Warsztaty?
Forma
Online lub stacjonarnie. Elastycznie dopasowujemy si臋 do potrzeb Twojej grupy.
Charakter
Interaktywne, bez kodowania, z u偶yciem og贸lnodost臋pnych narz臋dzi (ChatGPT, Canva AI, Copilot, Gemini).
Rezultat
Ka偶dy uczestnik wychodzi z gotowymi umiej臋tno艣ciami i pomys艂ami do wykorzystania od zaraz.
Nowa Era Kompetencji
Transformacja AI dzieje si臋 tu i teraz. Umiej臋tno艣膰 艣wiadomego korzystania ze sztucznej inteligencji staje si臋 nowym pismem czytanym i pisanym XXI wieku. Naszym celem jest uzbrojenie uczestnik贸w w kompetencje, kt贸re pozwol膮 im nie tylko nad膮偶y膰 za zmian膮, ale aktywnie z niej korzysta膰.
Gotowi na zmian臋?
Skontaktuj si臋 z nami, aby zorganizowa膰 szkolenie dla Twojej grupy.
Napisz do Nas
// Czekamy a偶 ca艂a strona si臋 za艂aduje
document.addEventListener('DOMContentLoaded', function () {
// Funkcjonalno艣膰 akordeonu
const accordion = document.getElementById('accordion');
if (accordion) {
const headers = accordion.querySelectorAll('.accordion-header');
headers.forEach(header => {
header.addEventListener('click', () => {
const item = header.parentElement;
const wasOpen = item.classList.contains('open');
// Zamknij wszystkie inne
accordion.querySelectorAll('.accordion-item').forEach(otherItem => {
otherItem.classList.remove('open');
});
// Otw贸rz klikni臋ty, je艣li nie by艂 otwarty
if (!wasOpen) {
item.classList.add('open');
}
});
});
}
// Funkcjonalno艣膰 menu mobilnego
const mobileMenuButton = document.getElementById('mobile-menu-button');
const mobileMenu = document.getElementById('mobile-menu');
if (mobileMenuButton && mobileMenu) {
mobileMenuButton.addEventListener('click', () => {
const isHidden = mobileMenu.style.display === 'none' || mobileMenu.style.display === '';
mobileMenu.style.display = isHidden ? 'block' : 'none';
});
// Zamykanie menu po klikni臋ciu linku
const mobileMenuLinks = mobileMenu.querySelectorAll('.mobile-menu-link');
mobileMenuLinks.forEach(link => {
link.addEventListener('click', () => {
mobileMenu.style.display = 'none';
});
});
}
});