/* RESET I ZMIENNE */
:root {
    --bg-dark: #000000;
    --text-main: #f5f5f7;
    --text-muted: #86868b;
    --accent: #10b981;
}

* { margin: 0; padding: 0; box-sizing: border-box; }

body {background-color: var(--bg-dark); color: var(--text-main); font-family: 'Inter', -apple-system, sans-serif;
    -webkit-font-smoothing: antialiased; scrollbar-width: none; overflow-x: hidden;}
body::-webkit-scrollbar {display: none;}

.container {max-width: 1200px; margin: 0 auto; padding: 0 1.5rem;}

/*@media (max-width: 768px) {
    h1 br + span, h2 br + span, h3 br + span {display: inline-block; margin-top: 0.15em;}
}*/

/* === HEADER & MOBILE MENU (APPLE PRO RESPONSIVE) === */
.hdr-header {position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; background-color: rgba(5, 5, 5, 0.85); backdrop-filter: blur(24px) saturate(180%); -webkit-backdrop-filter: blur(24px) saturate(180%); border-bottom: 1px solid rgba(255, 255, 255, 0.08); transition: all 0.3s ease; box-sizing: border-box;}
.hdr-container {max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; height: 5rem; display: flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
.hdr-logo-link {display: flex; align-items: center; gap: 0.85rem; z-index: 110; text-decoration: none;}
.hdr-logo-img {height: 32px; width: auto; object-fit: contain;}
.hdr-logo-text-col {display: flex; flex-direction: column; justify-content: center; line-height: 0.9; font-family: 'Montserrat', sans-serif; text-transform: uppercase; background: linear-gradient(180deg, #ffffff 0%, #a1a1aa 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.hdr-line-1 {font-weight: 800; font-size: 1.25rem; letter-spacing: -0.02em;}
.hdr-line-2 {font-weight: 700; font-size: 1.15rem; letter-spacing: -0.02em;}
.hdr-nav {display: none; align-items: center; gap: 2rem; z-index: 110;}
.hdr-nav-link {font-family: 'Inter', sans-serif; font-size: 0.875rem; font-weight: 500; color: #9ca3af; text-decoration: none; transition: color 0.3s ease;}
.hdr-nav-link:hover {color: #ffffff;}
.hdr-actions {display: flex; align-items: center; gap: 1rem; z-index: 110;}

/* Przycisk Panelu */
.hdr-btn-panel {display: none; align-items: center; gap: 0.5rem; background-color: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1); padding: 0.625rem 1.25rem; border-radius: 999px; font-family: 'Inter', sans-serif; font-size: 0.75rem; font-weight: 600; color: #fff; text-decoration: none; transition: all 0.3s;}
.hdr-btn-panel:hover {background-color: rgba(255,255,255,0.12); border-color: rgba(255, 255, 255, 0.25); box-shadow: 0 0 20px rgba(16, 185, 129, 0.2);}
.hdr-btn-panel i {width: 0.875rem; height: 0.875rem; color: #9ca3af; transition: color 0.3s;}
.hdr-btn-panel:hover i {color: #fff;}

.hdr-btn-calendar {display: flex; align-items: center; justify-content: center; background: transparent; border: none; outline: none; color: #fff; cursor: pointer; padding: 0.5rem; margin-right: 0.25rem; transition: all 0.3s ease;}
.hdr-btn-calendar .calendar-text {display: none;}
.hdr-btn-calendar i {width: 22px; height: 22px; color: #fff;}

a, button, #menu-toggle-btn {-webkit-tap-highlight-color: transparent !important;}
.hdr-burger-wrap {display: flex; align-items: center; justify-content: center; width: 44px; height: 44px;}

#menu-toggle-btn {padding: 0; background-color: transparent; border: none; outline: none; width: 44px; height: 44px; display: grid; place-items: center; cursor: pointer; z-index: 10000; position: relative;}
.burger-icon {position: relative; width: 22px; height: 12px;}
.burger-line {position: absolute; left: 0; width: 100%; height: 1.5px; background-color: #f5f5f7; border-radius: 2px; transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}
.burger-line:nth-child(1) {top: 0;}
.burger-line:nth-child(2) {bottom: 0;}
#menu-toggle-btn.is-active .burger-line:nth-child(1) {transform: translateY(5.25px) rotate(45deg); background-color: #fff;}
#menu-toggle-btn.is-active .burger-line:nth-child(2) {transform: translateY(-5.25px) rotate(-45deg); background-color: #fff;}

/* === MOBILE MENU ROOT (APPLE PRO FLUID & RWD) === */
.hdr-mobile-root {position: fixed; inset: 0; z-index: 9998; display: none; width: 100vw; height: 100vh;}
.hdr-mobile-root.is-visible {display: block;}
.hdr-mobile-bg {position: absolute; inset: 0; background: rgba(5, 5, 5, 0.98); backdrop-filter: blur(24px); -webkit-backdrop-filter: blur(24px); display: flex; flex-direction: column; justify-content: center; align-items: center; opacity: 0; transform: scale(0.98); transition: all 0.3s ease-out; padding: 6rem 1.5rem 2rem 1.5rem; box-sizing: border-box; overflow-y: auto;}
.hdr-mobile-bg.is-open {opacity: 1; transform: scale(1);}
.hdr-mobile-nav {display: flex; flex-direction: column; align-items: center; gap: clamp(1.5rem, 5vh, 2.5rem); width: 100%;}
.mobile-link {font-family: 'Montserrat', sans-serif; font-size: clamp(1.3rem, 6vw, 1.8rem); font-weight: 700; color: #9ca3af; text-decoration: none; transition: color 0.2s; text-align: center; word-break: break-word;}
.mobile-link:hover {color: #fff;}
.hdr-mobile-divider {width: 3rem; height: 1px; background: rgba(255,255,255,0.1); margin: clamp(1.5rem, 4vh, 2.5rem) 0;}
.mobile-btn {font-family: 'Inter', sans-serif; font-size: clamp(1rem, 4vw, 1.125rem); color: #fff; background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.15); padding: 0.875rem 2.5rem; border-radius: 999px; font-weight: 600; text-decoration: none; transition: 0.3s; text-align: center; max-width: 100%; box-sizing: border-box;}
.mobile-btn:hover {background: rgba(255,255,255,0.1); border-color: #fff;}

@media (min-width: 640px) {.hdr-btn-panel {display: flex;}}
@media (min-width: 768px) {
    .hdr-container {padding: 0 3rem;}
    .hdr-nav {display: flex;}
    .hdr-burger-wrap {display: none;}
    
    .hdr-btn-calendar {background-color: #f5f5f7; color: #000; padding: 0.625rem 1.25rem; border-radius: 999px; font-family: 'Inter', sans-serif; font-size: 0.85rem; font-weight: 600; gap: 0.5rem; margin-right: 0;}
    .hdr-btn-calendar:hover {background-color: #ffffff; transform: scale(1.02); box-shadow: 0 4px 15px rgba(255,255,255,0.15);}
    .hdr-btn-calendar .calendar-text {display: inline-block;}
    .hdr-btn-calendar i {width: 16px; height: 16px; color: #000;}
}

/* === FOOTER === */
.ftr-section {
    background-color: #000;
    padding: 4rem 0 2rem 0;
    margin: 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    position: relative;
    width: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.ftr-top-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2.5rem;
    margin-bottom: 3rem;
}

.ftr-brand-col {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.ftr-logo {
    margin-bottom: 1.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
}

.ftr-desc {
    font-size: 0.9rem;
    color: #86868b;
    line-height: 1.65;
    max-width: 300px;
    margin: 0;
}

.ftr-col-title {
    font-family: 'Inter', sans-serif;
    font-size: 0.8rem;
    font-weight: 600;
    color: #f5f5f7;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin: 0 0 1rem 0;
}

.ftr-links {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    margin: 0;
}

.ftr-links a {
    font-family: 'Inter', sans-serif;
    font-size: 0.92rem;
    color: #86868b;
    text-decoration: none;
    transition: color 0.25s ease;
    display: inline-block;
    padding: 0.45rem 0;
}

.ftr-links a:hover { color: #fff; }

/* BOTTOM BAR */
.ftr-bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding-top: 1.75rem;
    border-top: 1px solid rgba(255,255,255,0.1);
    text-align: center;
}

.ftr-copyright {
    font-size: 0.82rem;
    color: #86868b;
    margin: 0;
    order: 2;
}
.ftr-socials {display: flex;gap: 1.25rem;align-items: center;order: 1;}
.ftr-socials a {color: #86868b;transition: color 0.25s ease, transform 0.25s ease;display: flex;
    align-items: center;justify-content: center;width: 36px;height: 36px;border-radius: 50%;border: 1px solid rgba(255,255,255,0.12);}
.ftr-socials a:hover {
    color: #fff;
    border-color: rgba(255,255,255,0.4);
    transform: translateY(-2px);
}

.ftr-socials svg {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}
@media (min-width: 640px) {
    .ftr-top-grid {grid-template-columns: repeat(2, 1fr);gap: 2.5rem;}
    .ftr-bottom {flex-direction: row;justify-content: space-between;text-align: left;}.ftr-copyright { order: 1; }.ftr-socials   { order: 2; }}
@media (min-width: 1024px) {
    .ftr-section { padding: 5.5rem 0 2.5rem 0; }
    .ftr-top-grid {grid-template-columns: 2fr 1fr 1fr 1fr;gap: 4rem;margin-bottom: 4rem;}
    .ftr-links { gap: 0.15rem; }
    .ftr-links a { padding: 0.3rem 0; }
}

/* === Przyciski === */
.btn-primary-massive {display: inline-flex; align-items: center; gap: 0.75rem; background: #fff; color: #000; font-size: 1.15rem; font-weight: 700;
    padding: 1.25rem 2.5rem; border-radius: 999px; transition: transform 0.3s, box-shadow 0.3s; text-decoration: none;}
.btn-primary-massive:hover {transform: translateY(-3px); box-shadow: 0 10px 30px rgba(255,255,255,0.2);}
.btn-primary-massive i, .btn-primary-massive svg {width: 20px; height: 20px;}
.btn-secondary-massive {display: inline-flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.03); color: #fff; font-size: 1.15rem;
    font-weight: 600; padding: 1.25rem 2.5rem; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.15); backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px); transition: background 0.3s, border-color 0.3s; text-decoration: none;}
.btn-secondary-massive:hover {background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0.4);}
@media (max-width: 408px) {
.btn-primary-massive {font-size: 1rem; padding: 1.2rem 2rem;}
.btn-secondary-massive {font-size: 1rem; padding: 1.2rem 2rem;}}

/* === GLOBAL CSS === */
.gradient-green-text {background: linear-gradient(90deg, #ffffff 0%, hsl(118, 100%, 80%) 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.gradient-blue-text {background: linear-gradient(90deg, #ffffff 0%, #93ddfa 45%, #4fbeff 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.gradient-darkblue-text {background: linear-gradient(90deg, #73d5ff 0%, #354e94 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.gradient-titanium-text {background: linear-gradient(135deg, #e7e7e7 0%, #8d9297 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}

/* ========================================= */
/* === MAIN PAGE === */
/* ========================================= */

/* === HERO SECTION  === */
.hero-section {position: relative; min-height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 12rem; margin-bottom: 14rem; background: radial-gradient(circle at center top, rgba(60, 60, 80, 0.5) 0%, #000000 35%); background-color: #000; overflow: visible; box-sizing: border-box;}
.hero-ambient {position: absolute; top: 30%; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center top; z-index: 0; mix-blend-mode: screen; pointer-events: none; opacity: 0; animation: cinemaAmbientReveal 5s cubic-bezier(0.2, 0, 0.2, 0) forwards;}
.hero-content {position: relative; z-index: 10; width: 100%; display: flex; text-align: center; flex-direction: column; align-items: center; opacity: 0; animation: cinemaContentReveal 4s cubic-bezier(0.2, 0, 0.2, 1) 0.5s forwards; padding: 0 2rem; box-sizing: border-box;}
.hero-text {display: flex; flex-direction: column; align-items: center; max-width: 1050px;}
.hero-title {font-size: clamp(3.5rem, 8vw, 5.5rem); font-weight: 800; line-height: 1.05; margin-bottom: 1.5rem; letter-spacing: -0.04em; color: #fff; word-break: break-word;}
.hero-desc {font-size: 1.25rem; color: #94a3b8; margin-bottom: 0; line-height: 1.6; text-shadow: 0 2px 10px rgba(0,0,0,0.8);}
.blender-video-container {width: 100%; margin: 0 auto; margin-top: 8rem; position: relative; border: none !important; background-color: transparent !important; outline: none !important; box-shadow: none !important;}
@keyframes cinemaAmbientReveal {0% {opacity: 0;} 100% {opacity: 0.8;}}
@keyframes cinemaContentReveal {0% {opacity: 0; transform:scale(0.97);} 100% {opacity: 1; transform:scale(1);}}

@media (max-width: 768px) {
    .hero-section {padding-top: 10rem; min-height: 100svh; margin-bottom: 2rem; background: radial-gradient(circle at center top, rgba(60, 60, 80, 0.6) 0%, #000000 30%);}
    .hero-content {padding: 0 1.5rem;}
    .hero-title {font-size: clamp(2.2rem, 10vw, 3.5rem); margin-bottom: 2rem;}
    .hero-desc {font-size: 1.15rem; text-shadow: 0 1px 4px rgba(0,0,0,1), 0 4px 8px rgba(0,0,0,0.9);}
    .blender-video-container {margin-top: 4rem;}
}

/* === SEKCJA 1: ARCHITEKTURA (NAPRAWIONA RESPONSYWNOŚĆ) === */
.apple-architecture-section {padding: 14rem 0; width: 100%; background-color: #000; overflow: hidden;}
.architecture-container {box-sizing: border-box;}
.architecture-header {margin-bottom: 6rem;}
.architecture-title {font-size: clamp(3.5rem, 6vw, 5.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #fff; max-width: 900px; word-break: break-word;}
.architecture-wireframe {display: grid; grid-template-columns: 1.1fr 0.9fr; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.wireframe-primary {position: relative; padding: 5rem 4rem; border-right: 1px solid rgba(255, 255, 255, 0.15); display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; box-sizing: border-box;}
.wireframe-content {position: relative; z-index: 10; max-width: 90%; margin-bottom: 5rem;}
.wireframe-icon {display: flex; align-items: center; justify-content: center; width: 76px; height: 76px; margin-bottom: 2.5rem; flex-shrink: 0; background: linear-gradient(145deg, #343d44 0%, transparent 100%); border-radius: 24px;}
.wireframe-icon svg {width: 48px !important;  height: 48px !important; stroke: url(#lucide-blue) !important; filter: drop-shadow(0 4px 12px rgba(0, 113, 227, 0.4));}
.wireframe-heading {font-size: 2.5rem; font-weight: 700; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; line-height: 1.1; word-break: break-word;}
.wireframe-desc {font-size: 1.25rem; color: #86868b; line-height: 1.6;}
.wireframe-visual-centered {position: relative; width: 100%; display: flex; justify-content: center; align-items: center; z-index: 5; margin-top: auto;}
.visual-ambient-glow {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 250px; height: 250px; background: radial-gradient(circle, rgba(0, 113, 227, 0.15) 0%, transparent 70%); filter: blur(25px); z-index: 0; pointer-events: none;}
.visual-3d {position: relative; z-index: 1; width: 100%; max-width: 420px; height: auto; object-fit: contain; filter: drop-shadow(0 20px 40px rgba(0,0,0,0.6));}
.wireframe-stack {display: flex; flex-direction: column;}
.stack-item {display: flex; align-items: flex-start; gap: 2rem; padding: 4rem; border-bottom: 1px solid rgba(255, 255, 255, 0.15); transition: background 0.4s ease; box-sizing: border-box;}
.borderless-bottom {border-bottom: none;}
.stack-icon {display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex-shrink: 0; margin-top: 0.25rem; background: linear-gradient(145deg, #38424b 0%, transparent 100%); border-radius: 16px;}
.stack-icon svg {width: 28px !important;  height: 28px !important; stroke: url(#lucide-green) !important; filter: drop-shadow(0 4px 8px rgba(16, 185, 129, 0.4));}
.stack-title {font-size: 1.5rem; font-weight: 600; letter-spacing: -0.02em; color: #fff; margin-bottom: 0.75rem; word-break: break-word;}
.stack-desc {font-size: 1.1rem; color: #86868b; line-height: 1.6;}

@media (max-width: 1024px) {
    .architecture-wireframe {grid-template-columns: 1fr;}
    .wireframe-primary {padding: 4rem 2rem; border-right: none; border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
    .wireframe-content {max-width: 100%;}
    .wireframe-visual-centered {margin-top: 4rem;}
    .stack-item {padding: 3rem 2rem;}
}
@media (max-width: 768px) {
    .apple-architecture-section {padding: 8rem 0;}
    .architecture-container {padding: 0 1.5rem;}
    .architecture-header {margin-bottom: 4rem;}
    .architecture-title {font-size: clamp(2.2rem, 8vw, 3.5rem);}
    .wireframe-primary {padding: 3rem 1.5rem;}
    .wireframe-heading {font-size: 1.8rem;}
    .stack-item {flex-direction: column; gap: 1.25rem; padding: 2.5rem 1.5rem;}
}

/* === SEKCJA 2: USE CASES (APPLE PRO RWD) === */
.apple-pure-uc-section {padding: 14rem 0; background-color: #000; width: 100%; overflow: hidden;}
.apple-pure-container {max-width: 1200px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
.pure-uc-header {margin-bottom: 10rem; text-align: center;}
.pure-uc-title {font-size: clamp(3.5rem, 7vw, 6rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #fff; word-break: break-word;}
.pure-uc-row {display: grid; grid-template-columns: 1.2fr 0.8fr; gap: 8rem; align-items: center; padding: 6rem 0;}
.reverse-row {grid-template-columns: 0.8fr 1.2fr;}
.reverse-row .pure-uc-show {order: 2;}
.reverse-row .pure-uc-tell {order: 1;}
.pure-uc-tell {display: flex; flex-direction: column;}
.uc-minimal-heading {font-size: clamp(2.5rem, 4vw, 3.5rem); font-weight: 700; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; line-height: 1.1; word-break: break-word;}
.uc-minimal-desc {font-size: 1.25rem; color: #86868b; line-height: 1.6; font-weight: 400;}
.pure-uc-show {display: flex; flex-direction: column; align-items: center; width: 100%;}
.metric-caption {margin-top: 3rem; font-size: 0.95rem; text-transform: uppercase; letter-spacing: 0.1em; color: #7d8694; font-weight: 600; text-align: center;}
.metric-container {display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 600px;}
.metric-node {display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-align: center;}
.metric-value {font-size: clamp(2rem, 3vw, 3rem); font-weight: 700; letter-spacing: -0.05em; white-space: nowrap;}
.metric-value.text-muted {font-size: clamp(1.4rem, 2vw, 3rem);}
.text-muted {color: #475569;}
.text-muted + .metric-label {font-size: 0.85rem; color: #475569;}
.strike-through {text-decoration: line-through; text-decoration-color: #ef4444;}
.glow-blue {text-shadow: 0 0 20px rgba(0, 113, 227, 0.4);}
.metric-label {font-size: 0.8rem; color: #86868b; text-transform: uppercase; letter-spacing: 0.1em;}
.metric-pipeline {flex-grow: 1; height: 1px; margin: 0 3rem; position: relative; overflow: hidden;}
.metric-laser-blue {position: absolute; top: 0; left: 0; width: 100px; height: 100%; background: linear-gradient(90deg, transparent, #0071e3, transparent); animation: shootRight 2s infinite cubic-bezier(0.16, 1, 0.3, 1);}
@keyframes shootRight {0% {transform: translateX(-100px);} 100% {transform: translateX(500px);}}
.privacy-container {display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 600px;}
.privacy-node {display: flex; flex-direction: column; align-items: center; gap: 0.5rem; white-space: nowrap; text-align: center;}
.icon-emerald-accent {color: #10b981; filter: drop-shadow(0 0 12px rgba(16, 185, 129, 0.4)); width: 48px; height: 48px;}
.privacy-wall {width: 2px; height: 100px; background: rgba(255, 255, 255, 0.1); margin: 0 4rem; position: relative; overflow: hidden; flex-shrink: 0;}
.wall-laser-green {position: absolute; top: 0; left: 0; width: 100%; height: 40px; background: linear-gradient(180deg, transparent, #10b981, transparent); animation: scanUpDown 3s infinite ease-in-out;}
@keyframes scanUpDown {0%, 100% {transform: translateY(-40px);} 50% {transform: translateY(100px);}}
.pure-divider {width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15) 50%, transparent); margin: 2rem 0;}

@media (max-width: 1024px) {
    .pure-uc-row, .reverse-row {grid-template-columns: 1fr; gap: 6rem;}
    .reverse-row .pure-uc-show {order: 1;}
    .reverse-row .pure-uc-tell {order: 2;}
}
@media (max-width: 768px) {
    .apple-pure-uc-section {padding: 8rem 0;}
    .apple-pure-container {padding: 0 1.5rem;}
    .pure-uc-header {margin-bottom: 5rem;}
    .pure-uc-title {font-size: clamp(2.2rem, 8vw, 3.5rem);}
    .pure-uc-row {gap: 4rem; padding: 4rem 0;}
    .uc-minimal-heading {font-size: clamp(1.8rem, 6vw, 2.5rem);}
    .metric-container, .privacy-container {flex-direction: column; gap: 1rem;}
    .metric-value {font-size: clamp(2.2rem, 8vw, 3rem);}
    .metric-value.text-muted {font-size: clamp(1.8rem, 6vw, 2.4rem);}
    .metric-pipeline {width: 1px; height: 80px; margin: 1rem 0;}
    .metric-laser-blue {width: 100%; height: 50px; background: linear-gradient(180deg, transparent, #0071e3, transparent); animation: shootDown 2s infinite;}
    .privacy-wall {width: 100px; height: 2px; margin: 1rem 0;}
    .wall-laser-green {width: 40px; height: 100%; background: linear-gradient(90deg, transparent, #10b981, transparent); animation: scanLeftRight 3s infinite ease-in-out;}
    .metric-caption {margin-top: 1rem; font-size: 0.65rem;}
    @keyframes shootDown {0% {transform: translateY(-50px);} 100% {transform: translateY(150px);}}
    @keyframes scanLeftRight {0%, 100% {transform: translateX(-40px);} 50% {transform: translateX(100px);}}
}

/* === SEKCJA 3: SPECYFIKACJE === */
.apple-story-specs {padding: 12rem 0; background-color: #000; width: 100%; overflow: hidden;}
.apple-story-container {max-width: 1100px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
.story-header {margin-bottom: 8rem;}
.story-title {font-size: clamp(3rem, 6vw, 4.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #fff;}
.story-chapter {display: grid; grid-template-columns: 1fr 1fr; gap: 6rem; align-items: center;}
.chapter-text {display: flex; flex-direction: column;}
.chapter-label {display: inline-flex; align-items: center; gap: 0.5rem; font-size: 0.85rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 1.5rem;}
.chapter-label i, .chapter-label svg {width: 16px !important; height: 16px !important; color: #fff !important;}
.chapter-heading {font-size: 2.85rem; font-weight: 700; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; line-height: 1.1;}
.chapter-desc {font-size: 1.15rem; color: #86868b; line-height: 1.6;}
.chapter-specs {display: flex; flex-direction: column;}
.spec-row {display: flex; align-items: center; gap: 2.5rem; padding: 2.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.spec-row.borderless {border-bottom: none; padding-bottom: 0;}
.spec-data {font-size: 3rem; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -0.05em; width: 140px; flex-shrink: 0; display: flex; align-items: baseline; gap: 0.35rem;}
.spec-unit {font-family: 'Inter', sans-serif; font-size: 1.25rem; font-weight: 700; color: #64748b; letter-spacing: normal; background: linear-gradient(135deg, #ffffff 0%, #a1a1a6 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.spec-info {display: flex; flex-direction: column; gap: 0.25rem;}
.spec-name {font-size: 1.1rem; font-weight: 600; color: #f5f5f7; letter-spacing: -0.01em;}
.spec-detail {font-size: 0.95rem; color: #86868b; line-height: 1.4;}
.story-divider {width: 100%; height: 1px; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15) 20%, rgba(255, 255, 255, 0.15) 80%, transparent); margin: 6rem 0;}

@media (max-width: 1024px) {
    .story-chapter {grid-template-columns: 1fr; gap: 4rem;}
    .spec-data {width: 120px; font-size: 2.5rem;}
    .chapter-specs {padding: 0 28px}
}
@media (max-width: 768px) {
    .apple-story-specs {padding: 8rem 0;}
    .apple-story-container {padding: 0 1.5rem;}
    .story-header {margin-bottom: 4rem; text-align: center;}
    .story-title {font-size: clamp(2.2rem, 8vw, 3.5rem);}
    .chapter-heading {font-size: 1.8rem;}
    .spec-row {flex-direction: column; align-items: flex-start; gap: 0.75rem; padding: 1.5rem 0;}
    .spec-data {width: auto; font-size: 2.2rem;}
}

/* === SEKCJA 4: ROI & POC === */
.apple-roi-section {padding: 10rem 0 14rem 0; background-color: #000; width: 100%; overflow: hidden;}
.apple-roi-container {max-width: 1100px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
.roi-header {margin-bottom: 8rem;}
.roi-title {font-size: clamp(3rem, 6vw, 5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #ffffff !important; margin-bottom: 2rem; word-break: break-word;}
.roi-desc {font-size: 1.25rem; color: #86868b; line-height: 1.6; max-width: 850px;}
.text-emerald-gradient {background: linear-gradient(135deg, #34d399 0%, #059669 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.roi-metrics-grid {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 8rem;}
.roi-metric {display: flex; flex-direction: column; align-items: flex-start; width: 28%; box-sizing: border-box;}
.metric-huge {font-size: clamp(3.5rem, 5vw, 5rem); font-weight: 600; line-height: 1; letter-spacing: -0.05em; margin-bottom: 1rem; display: flex; align-items: baseline; gap: 0.5rem; flex-wrap: wrap; word-break: break-word;}
.metric-unit {font-family: 'Inter', sans-serif; font-size: 1.5rem; font-weight: 600; letter-spacing: normal;}
.metric-label {font-size: 1rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: #f5f5f7; margin-bottom: 0.75rem;}
.metric-sub {font-size: 0.95rem; color: #64748b; line-height: 1.5;}
.roi-divider {width: 1px; height: 120px; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.2) 50%, transparent); margin-top: 1rem;}
.roi-poc-row {display: flex; justify-content: space-between; align-items: center; gap: 4rem; padding: 4rem 0; border-top: 1px solid rgba(255, 255, 255, 0.15); border-bottom: 1px solid rgba(255, 255, 255, 0.15);}
.poc-monolith {display: flex; flex-direction: column; align-items: center; text-align: center; padding-top: 8rem; border-top: 1px solid rgba(255, 255, 255, 0.15); margin-top: 2rem; box-sizing: border-box;}
.poc-badge {display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.5rem 1.25rem; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 999px; background: rgba(255, 255, 255, 0.02); font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: #f5f5f7; margin-bottom: 2rem;}
.poc-badge i {width: 16px; height: 16px;}
.poc-monolith-title {font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 800; letter-spacing: -0.03em; color: #fff; line-height: 1.05; margin-bottom: 1.5rem; word-break: break-word;}
.poc-monolith-desc {font-size: 1.2rem; color: #86868b; line-height: 1.6; max-width: 750px; margin-bottom: 3.5rem;}

@media (max-width: 1024px) {
    .roi-metrics-grid {flex-direction: column; align-items: stretch; gap: 4rem; padding: 0 28px}
    .roi-metric {width: 100%;}
    .roi-divider {width: 100%; height: 1px; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2) 50%, transparent); margin: 0;}
}
@media (max-width: 768px) {
    .apple-roi-section {padding: 8rem 0;}
    .apple-roi-container {padding: 0 1.5rem;}
    .roi-header {margin-bottom: 5rem;}
    .roi-title {font-size: clamp(2.2rem, 8vw, 3.5rem);}
    .roi-title br, .poc-monolith-title br {display: none;}
    .metric-huge {font-size: clamp(2.5rem, 10vw, 3.5rem);}
    .poc-monolith {padding-top: 5rem;}
    .poc-monolith-title {font-size: clamp(2.2rem, 8vw, 3rem);}
    .poc-monolith-desc {font-size: 1.1rem; margin-bottom: 3rem;}
}

/* === SEKCJA 5: CALL TO ACTION (NAPRAWIONA RESPONSYWNOŚĆ) === */
.apple-finale-cta {position: relative; padding: 18rem 0; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: #000;}
.finale-ambient-bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; z-index: 0; pointer-events: none; opacity: 0.6; mix-blend-mode: screen;}
.finale-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 50%, #000000 100%); z-index: 1; pointer-events: none;}
.finale-container {position: relative; z-index: 10; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 1.5rem; box-sizing: border-box;}
.finale-content {max-width: 900px; display: flex; flex-direction: column; align-items: center; width: 100%;}
.finale-title {font-size: clamp(3.5rem, 6vw, 5.5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #fff; margin-bottom: 2rem;}
.finale-desc {font-size: 1.5rem; color: #a1a1a6; line-height: 1.5; margin-bottom: 12rem;}
.finale-actions {display: flex; align-items: center; justify-content: center; flex-wrap: wrap; align-content: center; gap: 1.5rem; width: 100%;}
.apple-btn-solid, .apple-btn-outline-light {display: inline-flex; align-items: center; justify-content: center; gap: 0.75rem; padding: 1.25rem 3.5rem; border-radius: 999px; font-size: 1.1rem; font-weight: 600; text-decoration: none; white-space: nowrap; flex-shrink: 0; width: max-content; box-sizing: border-box;}
.apple-btn-outline-light {background-color: transparent; color: #fff; border: 1px solid rgba(255, 255, 255, 0.3); transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);}
.apple-btn-outline-light i, .apple-btn-outline-light svg {width: 20px !important; height: 20px !important; transition: transform 0.3s ease;}
.apple-btn-outline-light:hover {background-color: rgba(255, 255, 255, 0.1); border-color: #fff;}
.apple-btn-outline-light:hover i, .apple-btn-outline-light:hover svg {transform: translateX(4px);}

@media (max-width: 768px) {
    .apple-finale-cta {padding: 8rem 0;}
    .finale-title {font-size: clamp(2.5rem, 8vw, 3.5rem); margin-bottom: 1.5rem;}
    .finale-desc {font-size: 1.15rem; margin-bottom: 3.5rem;}
    .finale-desc br {display: none;}
    .finale-actions {flex-direction: column; flex-wrap: nowrap; gap: 1rem;}
    .apple-btn-solid, .apple-btn-outline-light {width: 100%; padding: 1.1rem 1.5rem; font-size: 1rem; white-space: normal; text-align: center; margin: 0 !important;}
}

/* ============================== */
/* === STRONA SYSTEM RASTE AI === */
/* ============================== */

/* === SYSTEM HERO SECTION (APPLE PRO RWD) === */
.system-hero {position: relative; min-height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 12rem; margin-bottom: 14rem; background: radial-gradient(circle at center top, rgba(60, 60, 80, 0.5) 0%, #000000 35%); background-color: #000; overflow: visible; box-sizing: border-box;}
.system-hero-ambient {position: absolute; top: 30%; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center top; z-index: 0; mix-blend-mode: screen; pointer-events: none; opacity: 0; animation: cinemaAmbientReveal 5s cubic-bezier(0.2, 0, 0.2, 0) forwards;}
.system-hero-content {position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding: 0 1.5rem; box-sizing: border-box;}
.system-hero-text {max-width: 950px; display: flex; flex-direction: column; align-items: center;}
.system-title {font-size: clamp(3.5rem, 8vw, 5.5rem); font-weight: 800; line-height: 1.05; margin-bottom: 1.5rem; letter-spacing: -0.04em; color: #fff; word-break: break-word; z-index: 2;}
.system-desc {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; margin-bottom: 4rem; max-width: 700px; z-index: 2; text-shadow: 0 2px 10px rgba(0,0,0,0.8);}
.system-hero-actions {display: flex; align-items: center; justify-content: center; width: 100%; z-index: 2;}

@media (max-width: 768px) {
    .system-hero {padding-top: 9rem; min-height: 100svh; margin-bottom: 5rem; background: radial-gradient(circle at center top, rgba(45, 51, 83, 0.6) 0%, #000000 30%);}
    .system-hero-content {padding: 0 1.5rem;}
    .system-title {font-size: clamp(2rem, 9vw, 3.5rem); margin-bottom: 1.5rem;}
    .system-desc {font-size: 1.1rem; margin-bottom: 3.5rem;}
    .btn-primary-massive {width: 100%; display: flex; justify-content: center; padding: 1.1rem 1.5rem; box-sizing: border-box;}
}

/* === SEKCJA 1: AKCELERATOR (APPLE PRO RWD) === */
.gpu-showcase-section {position: relative; padding: 10rem 0; background-color: #000; overflow: hidden; box-sizing: border-box; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.05);}
.gpu-container {padding: 0 1.5rem; box-sizing: border-box;}
.gpu-header {text-align: center; max-width: 800px; margin: 0 auto 4rem auto; display: flex; flex-direction: column; align-items: center; z-index: 10; position: relative;}
.gpu-title {font-size: clamp(3rem, 6vw, 5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; word-break: break-word;}
.gpu-desc {font-size: 1.15rem; color: #94a3b8; line-height: 1.6; max-width: 650px;}

.gpu-spec-cards {position: relative; z-index: 10; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2.5rem; width: 100%; max-width: 1200px; margin: 0 auto;}
.spec-card {position: relative; background: linear-gradient(145deg, rgba(20, 20, 25, 0.8) 0%, rgba(5, 5, 8, 0.95) 100%); backdrop-filter: blur(30px) saturate(150%); -webkit-backdrop-filter: blur(30px) saturate(150%); border-radius: 24px; padding: 3.5rem 2.5rem; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden;}
.spec-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: radial-gradient(circle at top left, rgba(56, 189, 248, 0.05) 0%, transparent 70%); pointer-events: none;}

.spec-icon {position: absolute; top: 1rem; right: 1rem; z-index: 2; opacity: 0.05;}
.spec-icon i, .spec-icon svg {width: 66px; height: 66px; color: #fff;}

.spec-value {font-size: 4.5rem; font-weight: 700; color: #fff; line-height: 1; letter-spacing: -0.05em; display: flex; align-items: baseline; margin-bottom: 1rem; position: relative; z-index: 2;}
.spec-plus {font-size: 3.5rem; font-weight: 700; color: #fff; margin-left: 2px;}
.spec-system-unit {font-family: 'Inter', sans-serif; font-size: 1.5rem; color: #38bdf8; margin-left: 0.5rem; font-weight: 600; letter-spacing: 0;}
.spec-name {font-size: 1rem; font-weight: 600; color: #94a3b8; text-transform: uppercase; letter-spacing: 0.05em; position: relative; z-index: 2; line-height: 1.4;}

@media (max-width: 1024px) {
    .gpu-container {padding: 0 3rem;}
    .gpu-spec-cards {gap: 1.5rem;} 
    .spec-value {font-size: 3.5rem;}
    .spec-plus {font-size: 2.5rem;}
    .spec-icon {top: 1.5rem; right: 1.5rem;}
    .spec-icon i, .spec-icon svg {width: 32px; height: 32px;}
}
@media (max-width: 768px) {
    .gpu-showcase-section {padding: 6rem 0;}
    .gpu-container {padding: 0 1.5rem;}
    .gpu-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .gpu-desc {font-size: 1.1rem; padding: 0 1rem;}
    .gpu-spec-cards {grid-template-columns: 1fr; gap: 1.5rem; margin-top: 2rem;}
    .spec-card {padding: 2.5rem 2rem;}
    .spec-value {font-size: 4rem; justify-content: center;}
    .spec-name {font-size: 0.95rem;}
    .spec-icon {top: 1.5rem; right: 1.5rem; opacity: 0.1;} 
}

/* === SEKCJA 2: BAZA WEKTOROWA (ZIG-ZAG) === */
.system-semantic-section {position: relative; padding: 10rem 0 12rem 0; background-color: var(--bg-dark); box-sizing: border-box; width: 100%; overflow: hidden;}
.semantic-container {padding: 0 1.5rem; box-sizing: border-box; margin: 0 auto;}
.semantic-header {text-align: center; max-width: 800px; margin: 0 auto 6rem auto; display: flex; flex-direction: column; align-items: center;}
.semantic-title {font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.02em; color: #fff; margin-bottom: 1.5rem; word-break: break-word;}
.semantic-desc {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; max-width: 650px; margin: 0 auto;}

.semantic-zig-zag {display: flex; flex-direction: column; gap: 10rem; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
.semantic-block {display: flex; align-items: center; gap: 3.5rem; max-width: 900px; width: 100%; box-sizing: border-box;}

.align-left {margin-right: auto; flex-direction: row; text-align: left;}
.align-right {margin-left: auto; flex-direction: row-reverse; text-align: right;}

.semantic-icon-massive {width: 120px; height: 120px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background: linear-gradient(145deg, #343d44 0%, transparent 100%); border-radius: 32px;}
.semantic-icon-massive i, .semantic-icon-massive svg {width: 70px; height: 70px; color: #ffffff;}

.semantic-heading {font-size: 2.2rem; font-weight: 800; color: #fff; margin-bottom: 0.75rem; letter-spacing: -0.02em; line-height: 1.2;}
.semantic-meat {font-size: 1.15rem; color: #94a3b8; line-height: 1.6; margin: 0;}

@media (max-width: 768px) {
    .system-semantic-section {padding: 6rem 0;}
    .semantic-header {margin-bottom: 4rem;}
    .semantic-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .semantic-zig-zag {gap: 4.5rem; padding: 0 1.5rem;}
    .semantic-block {flex-direction: column; text-align: center; gap: 1.5rem;}
    .align-left, .align-right {margin: 0 auto; flex-direction: column;}
    .semantic-icon-massive {width: 90px; height: 90px; border-radius: 24px;}
    .semantic-icon-massive i, .semantic-icon-massive svg {width: 44px; height: 44px;}
    .semantic-heading {font-size: 1.6rem;}
    .semantic-meat {font-size: 1.05rem;}
}

/* === SEKCJA 4: SILNIK WIZYJNY (APPLE PRO & RWD) === */
.system-vision-section {padding: 10rem 0; background-color: var(--bg-dark); border-top: 1px solid rgba(255, 255, 255, 0.03); box-sizing: border-box; width: 100%; overflow: hidden;}
.vision-container {padding: 0 1.5rem; box-sizing: border-box;}
.vision-header {text-align: center; max-width: 800px; margin: 0 auto 6rem auto; display: flex; flex-direction: column; align-items: center;}
.vision-title {font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #fff; margin-bottom: 2rem; word-break: break-word;}
.text-purple {background: linear-gradient(90deg, #d8b4fe 0%, #a855f7 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.vision-desc {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; max-width: 650px; margin: 0 auto;}
.vision-features-grid {display: grid; grid-template-columns: 1fr; gap: 12rem; max-width: 1600px; margin: 0 auto; width: 100%;}
.v-feature-block {display: flex; flex-direction: column; align-items: center; text-align: center;}
.v-icon-massive {margin-bottom: 1.5rem;}
.v-icon-massive i, .v-icon-massive svg {width: 48px; height: 48px; color: #a855f7;}
.v-heading {font-size: 1.8rem; font-weight: 700; color: #fff; margin-bottom: 1rem; letter-spacing: -0.01em; line-height: 1.2;}
.v-text {font-size: 1.15rem; color: #94a3b8; line-height: 1.6; margin: 0;}

@media (min-width: 768px) {
    .vision-container {padding: 0 3rem;}
    .vision-features-grid {grid-template-columns: 1fr 1fr; gap: 6rem;}
    .v-icon-massive i, .v-icon-massive svg {width: 56px; height: 56px;}
}
@media (max-width: 768px) {
    .system-vision-section {padding: 6rem 0;}
    .vision-title {font-size: clamp(2.2rem, 8vw, 3.2rem); margin-bottom: 1.5rem;}
    .vision-desc {font-size: 1.1rem; padding: 0 1rem;}
    .vision-features-grid {gap: 3.5rem;}
    .v-feature-block {align-items: center; text-align: center;}
    .v-heading {font-size: 1.5rem;}
}

/* === SEKCJA 5: SILNIK KOGNITYWNY (APPLE PRO RWD) === */
.system-logic-section {padding: 10rem 0 12rem 0; background-color: #000; border-top: 1px solid rgba(255, 255, 255, 0.05); box-sizing: border-box; width: 100%; overflow: hidden;}
.logic-header {text-align: center; margin-bottom: 6rem; padding: 0 1.5rem; box-sizing: border-box;}
.logic-title {font-size: clamp(2.2rem, 8vw, 5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #fff; margin: 0; word-break: break-word;}
.text-silver {background: linear-gradient(140deg, #f8fafc 20%, #8b9ab1 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.logic-zig-zag {display: flex; flex-direction: column; gap: 6rem; width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 2rem; box-sizing: border-box;}
.logic-block {display: flex; align-items: center; gap: 3.5rem; max-width: 900px; width: 100%; box-sizing: border-box;}
.align-left {margin-right: auto; flex-direction: row; text-align: left;}
.align-right {margin-left: auto; flex-direction: row-reverse; text-align: right;}
.logic-icon-massive {width: 120px; height: 120px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; background: linear-gradient(145deg, #343d44 0%, transparent 100%); border-radius: 32px;}
.logic-icon-massive i, .logic-icon-massive svg {width: 70px; height: 70px; color: #f8fafc; filter: drop-shadow(0 0 10px rgba(255,255,255,0.2));}
.logic-heading {font-size: 2.2rem; font-weight: 800; color: #fff; margin-bottom: 0.75rem; letter-spacing: -0.02em; line-height: 1.2;}
.logic-meat {font-size: 1.15rem; color: #94a3b8; line-height: 1.6; margin: 0;}

@media (max-width: 768px) {
    .system-logic-section {padding: 6rem 0;}
    .logic-header {margin-bottom: 4rem;}
    .logic-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .logic-zig-zag {gap: 4.5rem; padding: 0 1.5rem;}
    .logic-block {flex-direction: column; text-align: center; gap: 1.5rem;}
    .align-left, .align-right {margin: 0 auto; flex-direction: column; text-align: center;}
    .logic-icon-massive {width: 90px; height: 90px; border-radius: 24px;}
    .logic-icon-massive i, .logic-icon-massive svg {width: 44px; height: 44px;}
    .logic-heading {font-size: 1.6rem;}
    .logic-meat {font-size: 1.05rem;}
}

/* === SEKCJA 6: INTERFEJS UŻYTKOWNIKA (APPLE PRO RWD) === */
.system-interface-section {padding: 10rem 0 12rem 0; background-color: var(--bg-dark); border-top: 1px solid rgba(255, 255, 255, 0.03); text-align: center; box-sizing: border-box; width: 100%; overflow: hidden;}
.interface-container {padding: 0 1.5rem; box-sizing: border-box; margin: 0 auto;}
.interface-header {max-width: 800px; margin: 0 auto 5rem auto; display: flex; flex-direction: column; align-items: center;}
.interface-label {font-size: 0.85rem; font-weight: 700; color: #38bdf8; text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 1.5rem;}
.interface-title {font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; word-break: break-word;}
.interface-subtitle {font-size: 1.25rem; color: #94a3b8; font-weight: 500; margin: 0; line-height: 1.6;}

.interface-flow {display: flex; justify-content: center; align-items: stretch; max-width: 1000px; margin: 0 auto; width: 100%;}
.flow-step {display: flex; flex-direction: column; align-items: center; width: 280px; flex-shrink: 0;}
.flow-icon {width: 80px; height: 80px; background: linear-gradient(145deg, rgba(56, 189, 248, 0.1) 0%, transparent 100%); border: 1px solid rgba(56, 189, 248, 0.2); border-radius: 24px; display: flex; justify-content: center; align-items: center; margin-bottom: 1.5rem; box-shadow: 0 10px 30px rgba(0,0,0,0.5);}
.flow-icon i, .flow-icon svg {width: 32px; height: 32px; color: #38bdf8;}
.flow-heading {font-size: 1.25rem; font-weight: 700; color: #fff; margin-bottom: 0.75rem; letter-spacing: -0.01em;}
.flow-text {font-size: 1rem; color: #94a3b8; line-height: 1.6; font-family: 'Inter', sans-serif; margin: 0;}

.flow-divider {flex-grow: 1; min-width: 50px; position: relative; display: flex; align-items: center; justify-content: center;}
.flowing-light-horizontal {position: absolute; width: 100%; height: 2px; background: rgba(255, 255, 255, 0); top: 40px; overflow: hidden;}
.flowing-light-horizontal::after {content: ''; position: absolute; top: 0; left: -100%; width: 50%; height: 100%; background: linear-gradient(90deg, transparent, #38bdf8, transparent); animation: dataFlowH 3s linear infinite;}
.flowing-light-vertical {display: none;}

@keyframes dataFlowH {0% {left: -100%;} 100% {left: 200%;}}
@media (max-width: 768px) {
    .system-interface-section {padding: 6rem 0;}
    .interface-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .interface-subtitle {font-size: 1.1rem; padding: 0 1rem;}
    .interface-flow {flex-direction: column; align-items: center; gap: 0;}
    .flow-step {width: 100%; max-width: 320px; padding: 1rem 0;}
    .flow-divider {width: 2px; height: 60px; min-height: 60px; min-width: 2px; margin: 0.5rem 0;}
    
    .flowing-light-horizontal {display: none;}
    .flowing-light-vertical {display: block; position: absolute; width: 2px; height: 100%; background: rgba(255, 255, 255, 0.05); overflow: hidden;}
    .flowing-light-vertical::after {content: ''; position: absolute; top: -100%; left: 0; width: 100%; height: 50%; background: linear-gradient(180deg, transparent, #38bdf8, transparent); animation: dataFlowV 3s linear infinite;}
}
@keyframes dataFlowV {0% {top: -100%;} 100% {top: 200%;}}

/* === SEKCJA 7: CALL TO ACTION (APPLE PRO RWD) === */
.system-cta-section {position: relative; padding: 18rem 0; display: flex; align-items: center; justify-content: center; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.05); box-sizing: border-box; width: 100%;}
.system-cta-bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/assets/img/HERO_Testbackground_blue.webp'); background-size: cover; background-position: center; z-index: 1; opacity: 0.6;}
.system-cta-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2; pointer-events: none;}
.system-cta-content {position: relative; z-index: 3; text-align: center; max-width: 800px; padding: 0 2rem; box-sizing: border-box; width: 100%;}
.cta-title {font-size: clamp(3rem, 5vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; word-break: break-word;}
.cta-desc {font-size: 1.25rem; color: #cbd5e1; line-height: 1.6; margin-bottom: 3.5rem; max-width: 700px; margin-left: auto; margin-right: auto;}
.cta-buttons {display: flex; justify-content: center; align-items: center; gap: 1.5rem; width: 100%;}

@media (max-width: 768px) {
    .system-cta-section {padding: 10rem 0;}
    .system-cta-content {padding: 0 1.5rem;}
    .cta-title {margin-bottom: 2rem; font-size: clamp(2.2rem, 11vw, 4rem);}
    .cta-desc {font-size: 1.1rem; margin-bottom: 2.5rem;}
    .cta-buttons {flex-direction: column; gap: 1rem;}
    .btn-primary-massive, .btn-secondary-massive {width: 100%; box-sizing: border-box; text-align: center; justify-content: center; display: flex;}
    .system-cta-bg {height: 100%; top: 0; opacity: 0.4;}
}

/* ======================================== */
/* === STRONA ROZWIĄZANIA HERO SECTION  === */
/* ======================================== */

/* === HERO SECTION (ROZWIĄZANIA - APPLE PRO RWD) === */
.solutions-hero {position: relative; min-height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 12rem; margin-bottom: 14rem; background: radial-gradient(circle at center top, rgba(60, 60, 80, 0.5) 0%, #000000 35%); background-color: #000; overflow: visible; box-sizing: border-box;}
.solutions-hero-ambient {position: absolute; top: 30%; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center top; z-index: 0; mix-blend-mode: screen; pointer-events: none; opacity: 0; animation: cinemaAmbientReveal 5s cubic-bezier(0.2, 0, 0.2, 0) forwards;}
.solutions-hero-content {position: relative; z-index: 10; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; padding: 0 1.5rem; box-sizing: border-box;}
.solutions-hero-text {display: flex; flex-direction: column; align-items: center; max-width: 1400px; width: 100%;}
.solutions-title {font-size: clamp(3.5rem, 8vw, 5.5rem); font-weight: 800; line-height: 1.05; margin-bottom: 1.5rem; letter-spacing: -0.04em; color: #fff; word-break: break-word; z-index: 2;}
.text-gold {background: linear-gradient(90deg, #fff3ae 0%, #f8b02a 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.solutions-desc {font-size: 1.25rem; color: #cbd5e1; line-height: 1.6; margin-bottom: 4rem; max-width: 700px; z-index: 2; text-shadow: 0 2px 10px rgba(0,0,0,0.8);}
.solutions-hero-actions {display: flex; justify-content: center; align-items: center; width: 100%; z-index: 2;}
.solutions-btn-scroll {gap: 0.5rem;}
.solutions-btn-scroll i, .solutions-btn-scroll svg {width: 20px; height: 20px;}

@media (max-width: 768px) {
    .solutions-hero {padding-top: 9rem; min-height: 100svh; margin-bottom: 5rem; background: radial-gradient(circle at center top, rgba(70, 55, 30, 0.6) 0%, #000000 30%);}
    .solutions-title {font-size: clamp(2rem, 9vw, 3.5rem); margin-bottom: 1.5rem;}
    .solutions-desc {font-size: 1.1rem; margin-bottom: 3.5rem;}
    .btn-primary-massive.solutions-btn-scroll {width: 100%; display: flex; justify-content: center; padding: 1.1rem 1.5rem; box-sizing: border-box;}
}

/* === SEKCJA 1: KALKULATOR ROI (APPLE PRO RWD) === */
.roi-section {padding: 10rem 0; background-color: var(--bg-dark); border-top: 1px solid rgba(255, 255, 255, 0.03); box-sizing: border-box; width: 100%; overflow: hidden;}
.roi-container {padding: 0 1.5rem; box-sizing: border-box; margin: 0 auto; max-width: 1200px;}
.roi-header {text-align: center; max-width: 850px; margin: 0 auto 5rem auto; display: flex; flex-direction: column; align-items: center;}
.roi-title {font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #94a3b8; margin-bottom: 1.5rem; word-break: break-word;}
.roi-desc {font-size: 1.25rem; color: #cbd5e1; line-height: 1.6; max-width: 700px; margin: 0 auto;}

.roi-comparison-grid {display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 1100px; margin: 0 auto; width: 100%;}
.roi-card {border-radius: 24px; padding: 3.5rem 3rem; display: flex; flex-direction: column; transition: transform 0.3s ease, box-shadow 0.3s ease; box-sizing: border-box;}
.roi-card-header {margin-bottom: 2.5rem;}
.roi-card-header i, .roi-card-header svg {width: 36px; height: 36px; margin-bottom: 1rem;}
.roi-card-header h3 {font-size: clamp(1.5rem, 4vw, 1.8rem); font-weight: 800; margin-bottom: 0.25rem; letter-spacing: -0.01em;}
.roi-card-header span {font-size: 1.1rem; font-weight: 500;}
.roi-cost {display: flex; flex-direction: column; margin-bottom: 3rem; padding-bottom: 2.5rem; border-bottom: 1px solid rgba(255,255,255,0.05);}
.roi-amount {font-size: clamp(2.5rem, 8vw, 3.5rem); font-weight: 800; line-height: 1; letter-spacing: -0.04em; margin-bottom: 0.5rem;}
.roi-period {font-size: 1rem; text-transform: uppercase; letter-spacing: 0.1em;}
.roi-list {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 1.25rem;}
.roi-list li {display: flex; align-items: flex-start; gap: 1rem; font-size: 1.1rem; line-height: 1.5;}
.roi-list i, .roi-list svg {width: 22px; height: 22px; flex-shrink: 0; margin-top: 2px;}

.traditional-model {background: #09090b; border: 1px solid rgba(255,255,255,0.05); color: #64748b;}
.traditional-model .roi-card-header i {color: #64748b;}
.traditional-model .roi-card-header h3 {color: #94a3b8;}
.traditional-model .roi-amount {color: #94a3b8;}
.traditional-model .roi-list i {color: #ef4444;}

.raste-model {background: linear-gradient(180deg, rgba(20, 20, 22, 1) 0%, rgba(10, 10, 12, 1) 100%); border: 1px solid rgba(251, 191, 36, 0.3); box-shadow: 0 20px 50px rgba(0,0,0,0.8), inset 0 1px 0 rgba(251, 191, 36, 0.2); position: relative;}
.raste-model::before {content: ''; position: absolute; top: 0; left: 20%; right: 20%; height: 1px; background: linear-gradient(90deg, transparent, #fbbf24, transparent); box-shadow: 0 0 20px #fbbf24;}
.raste-model .roi-card-header i {color: #fbbf24;}
.raste-model .roi-card-header h3 {color: #fff;}
.raste-model .roi-list {color: #cbd5e1;}
.raste-model .roi-list i {color: #10b981;}
.raste-model .roi-list strong {color: #fff; font-weight: 700;}

@media (min-width: 992px) {.roi-comparison-grid {grid-template-columns: 1fr 1fr; gap: 3rem;}.raste-model {transform: scale(1.03); z-index: 2;}}
@media (max-width: 768px) {
    .roi-section {padding: 6rem 0;}
    .roi-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .roi-desc {font-size: 1.1rem;}
    .roi-comparison-grid {gap: 2rem;}
    .roi-card {padding: 2.5rem 1.5rem;}
    .raste-model {transform: scale(1); margin-top: 1rem;}
    .roi-list li {font-size: 1.05rem;}
}

/* === SEKCJA 2: SZOK REGULACYJNY (APPLE PRO RWD) === */
.regulatory-pro-section {padding: 10rem 0; background-color: #000; box-sizing: border-box; width: 100%; overflow: hidden;}
.reg-container {padding: 0 1.5rem; box-sizing: border-box; margin: 0 auto; max-width: 1400px;}
.reg-header {text-align: center; max-width: 1000px; margin: 0 auto 6rem auto; display: flex; flex-direction: column; align-items: center;}
.reg-main-title {font-size: clamp(2.5rem, 6vw, 5rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #fff; margin: 0; word-break: break-word;}
.reg-block {display: flex; align-items: center; justify-content: space-between; gap: 6rem; padding: 2rem 0; width: 100%;}
.reg-visual-col {flex: 0 0 35%; display: flex; flex-direction: column; align-items: flex-start;}
.reg-massive-text {font-size: clamp(4rem, 10vw, 8rem); font-weight: 900; line-height: 0.9; letter-spacing: -0.06em; margin-bottom: 1rem;}
.text-red {background: linear-gradient(135deg, #fca5a5 0%, #ef4444 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.text-blue {background: linear-gradient(135deg, #bae6fd 0%, #0ea5e9 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.reg-sub-label {font-size: 1.1rem; font-weight: 700; color: #64748b; text-transform: uppercase; letter-spacing: 0.1em;}
.reg-content-col {flex: 0 0 60%; display: flex; flex-direction: row; align-items: center; gap: 4rem;}
.reg-text-content {flex: 1; display: flex; flex-direction: column;}
.reg-giant-icon {flex-shrink: 0; width: 160px; height: 160px; display: flex; justify-content: center; align-items: center; -webkit-mask-image: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 90%); mask-image: linear-gradient(to bottom right, rgba(0,0,0,1) 10%, rgba(0,0,0,0) 90%);}
.reg-giant-icon i, .reg-giant-icon svg {width: 100%; height: 100%;}
.icon-safe i, .icon-safe svg {color: #10b981; filter: drop-shadow(0 0 20px rgba(16, 185, 129, 0.3));}
.icon-tech i, .icon-tech svg {color: #38bdf8; filter: drop-shadow(0 0 20px rgba(56, 189, 248, 0.3));}
.reg-heading {font-size: 2.2rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; letter-spacing: -0.02em; line-height: 1.2;}
.reg-desc {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; margin-bottom: 1.25rem;}
.reg-desc-highlight {font-size: 1.25rem; color: #cbd5e1; line-height: 1.6; margin: 0;}
.reg-desc-highlight strong {color: #fff; font-weight: 600;}
.reg-divider {height: 1px; max-width: 1200px; margin: 5rem auto; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15) 50%, transparent);}

@media (max-width: 1024px) {
    .reg-header {margin-bottom: 4rem;}
    .reg-block {flex-direction: column; text-align: center; gap: 3rem; padding: 0;}
    .reg-visual-col {align-items: center; width: 100%;}
    .reg-content-col {flex-direction: column; text-align: center; gap: 2rem; width: 100%;}
    .reg-giant-icon {width: 120px; height: 120px; -webkit-mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); mask-image: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
    .reg-heading {font-size: 1.8rem;}
    .reg-desc, .reg-desc-highlight {font-size: 1.15rem;}
    .reg-divider {margin: 4rem auto; width: 80%;}
}
@media (max-width: 768px) {
    .regulatory-pro-section {padding: 6rem 0;}
    .reg-main-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .reg-massive-text {font-size: clamp(3.5rem, 15vw, 5rem);}
    .reg-heading {font-size: 1.6rem;}
    .reg-desc, .reg-desc-highlight {font-size: 1.05rem;}
    .reg-sub-label {font-size: 1rem;}
}

/* === SEKCJA 3: TWARDE DANE TABELA (APPLE PRO RWD) === */
.performance-data-section {padding: 10rem 0; background-color: #000; box-sizing: border-box; width: 100%; overflow: hidden;}
.perf-container {padding: 0 1.5rem; box-sizing: border-box; margin: 0 auto; width: 100%;}
.perf-header {text-align: center; max-width: 850px; margin: 0 auto 6rem auto;}
.perf-title {font-size: clamp(2.5rem, 6vw, 4.5rem); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; color: #fff; margin-bottom: 1.5rem; word-break: break-word;}
.text-gold {background: linear-gradient(90deg, #fff3ae 0%, #f8b02a 100%); -webkit-background-clip: text; background-clip: text; color: transparent;}
.perf-desc {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; max-width: 750px; margin: 0 auto;}

.perf-table-wrapper {max-width: 1100px; margin: 0 auto; background: transparent; width: 100%;}
.perf-row {display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 2rem; padding: 2.5rem 0; border-bottom: 1px solid rgba(255, 255, 255, 0.1); align-items: center; transition: background 0.3s ease; box-sizing: border-box; width: 100%;}
.perf-row.no-border {border-bottom: none;}
.perf-headers {padding-bottom: 1.5rem; padding-top: 0; border-bottom: 2px solid rgba(255, 255, 255, 0.2);}
.perf-headers div {font-size: 0.9rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: #64748b;}
.perf-col-task {display: flex; flex-direction: column;}
.perf-col-task strong {font-size: 1.35rem; color: #fff; font-weight: 700; margin-bottom: 0.25rem; line-height: 1.3;}
.perf-col-task span {font-size: 1rem; color: #64748b; line-height: 1.4;}
.perf-col-human {display: flex; flex-direction: column;}
.human-data {font-size: 1.6rem; font-weight: 700; color: #94a3b8; margin-bottom: 0.25rem; letter-spacing: -0.02em;}
.perf-col-human span:last-child {font-size: 0.95rem; color: #64748b; line-height: 1.4;}
.perf-col-ai {display: flex; flex-direction: column; background: linear-gradient(90deg, rgba(251, 191, 36, 0.05) 0%, transparent 100%); padding: 1.5rem; border-radius: 12px; border-left: 2px solid rgba(251, 191, 36, 0.3);}
.perf-headers .perf-col-ai {background: transparent; border-left: none; padding: 0; color: #fbbf24;}
.ai-data {font-size: 1.8rem; font-weight: 800; margin-bottom: 0.25rem; letter-spacing: -0.03em;}
.perf-col-ai span:last-child {font-size: 0.95rem; color: #cbd5e1; line-height: 1.4;}

@media (max-width: 1024px) {.perf-row {grid-template-columns: 1fr 1fr 1fr; gap: 1rem;}}
@media (max-width: 768px) {
    .performance-data-section {padding: 6rem 0;}
    .perf-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .perf-desc {font-size: 1.1rem; padding: 0 1rem;}
    .perf-row {grid-template-columns: 1fr; gap: 1.5rem; padding: 3rem 0;}
    .perf-headers {display: none;}
    .perf-col-human, .perf-col-ai {padding-top: 1rem; border-top: 1px dashed rgba(255,255,255,0.05);}
    .perf-col-ai {padding: 1.5rem 1rem;}
    .perf-col-human::before {content: "Tradycyjnie:"; font-size: 0.8rem; color: #64748b; text-transform: uppercase; margin-bottom: 0.25rem;}
    .perf-col-ai::before {content: "Infrastruktura Raste AI:"; font-size: 0.8rem; color: #fbbf24; text-transform: uppercase; margin-bottom: 0.25rem;}
    .perf-col-task strong {font-size: 1.25rem;}
    .human-data {font-size: 1.5rem;}
    .ai-data {font-size: 1.6rem;}
}

/* === SEKCJA 4: FINALNE CTA (APPLE PRO RWD) === */
.solutions-cta-section {position: relative; padding: 12rem 0; display: flex; align-items: center; justify-content: center; overflow: hidden; background-color: #000; border-top: 1px solid rgba(255, 255, 255, 0.05); box-sizing: border-box; width: 100%;}
.solutions-cta-bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-image: url('/assets/img/HERO_Testbackground_gold.webp'); background-size: cover; background-position: center; z-index: 1;  opacity: 0.6;}
.solutions-cta-overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 2; pointer-events: none;}
.solutions-cta-content {position: relative; z-index: 3; text-align: center; max-width: 800px; display: flex; flex-direction: column; align-items: center; padding: 0 1.5rem; box-sizing: border-box; width: 100%;}
.cta-massive-title {font-size: clamp(2.8rem, 6vw, 5rem); font-weight: 900; line-height: 1.05; letter-spacing: -0.04em; color: #fff; margin-bottom: 1.5rem; word-break: break-word;}
.cta-subtitle {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; margin-bottom: 3.5rem; max-width: 650px;}
.cta-actions {display: flex; justify-content: center; align-items: center; gap: 1.5rem; width: 100%;}

@media (max-width: 768px) {
    .solutions-cta-section {padding: 7rem 0;}
    .cta-massive-title {font-size: clamp(2.2rem, 9vw, 3.2rem);}
    .cta-subtitle {font-size: 1.1rem; padding: 0 0.5rem; margin-bottom: 3rem;}
    .cta-actions {flex-direction: column; gap: 1rem; width: 100%; max-width: 400px; margin: 0 auto;}
    .cta-actions a {width: 100%; display: flex; justify-content: center; text-align: center; box-sizing: border-box;}
}

/* ========================================= */
/* === PODSTRONA INWESTYCJA (APPLE PRO) === */
/* ========================================= */

/* === SEKCJA HERO: CENNIK (APPLE PRO RWD) === */
.pricing-hero {position: relative; min-height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: flex-start; padding-top: 12rem; margin-bottom: 14rem; background: radial-gradient(circle at center top, rgba(60, 60, 80, 0.5) 0%, #000000 35%); background-color: #000; overflow: visible; box-sizing: border-box;}
.pricing-hero-ambient {position: absolute; top: 30%; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center top; z-index: 0; mix-blend-mode: screen; pointer-events: none; opacity: 0; animation: cinemaAmbientReveal 5s cubic-bezier(0.2, 0, 0.2, 0) forwards;}
.pricing-hero-content {position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding: 0 1.5rem; box-sizing: border-box;}
.pricing-text-wrapper {max-width: 950px; display: flex; flex-direction: column; align-items: center;}
.pricing-title {font-size: clamp(3.5rem, 8vw, 7rem); font-weight: 900; line-height: 1.05; margin-bottom: 1.5rem; letter-spacing: -0.05em; color: #fff; word-break: break-word; z-index: 2;}
.pricing-desc {font-size: 1.25rem; color: #94a3b8; line-height: 1.6; margin-bottom: 4rem; max-width: 650px; z-index: 2; text-shadow: 2px 2px 10px #000, 2px 2px 10px #000;}
.pricing-hero-actions {display: flex; align-items: center; justify-content: center; width: 100%; z-index: 2;}

.apple-btn-solid {display: inline-flex; justify-content: center; align-items: center; padding: 1.2rem 2.5rem; gap: 0.75rem; border-radius: 90px; font-size: 1.1rem; font-weight: 600; color: #000; background: #f5f5f7; border: 1px solid #f5f5f7; text-decoration: none; transition: all 0.2s ease; box-sizing: border-box;}
.apple-btn-solid:hover {background: #ffffff; transform: scale(1.04);}
.pricing-btn-scroll i, .pricing-btn-scroll svg {width: 20px; height: 20px;}

/* RESPONSIVE DESIGN (MOBILE) */
@media (max-width: 768px) {
    .pricing-hero {padding-top: 9rem; min-height: 100svh; margin-bottom: 5rem; background: radial-gradient(circle at center top, rgba(150, 150, 150, 0.2) 0%, #000000 30%);}
    .pricing-hero-content {padding: 0 1.5rem;}
    .pricing-title {font-size: clamp(2.4rem, 9vw, 3.5rem); margin-bottom: 1.5rem;}
    .pricing-desc {font-size: 1.1rem; margin-bottom: 3.5rem; padding: 0 0.5rem;}
    .apple-btn-solid {width: 100%; display: flex; justify-content: center; padding: 1.1rem 1.5rem;}
}

/* === SEKCJA CENNIK (APPLE PRO RWD) === */
.apple-pricing-section {position: relative; padding: 8rem 0 10rem 0; background-color: #000; color: #f5f5f7; overflow: hidden; box-sizing: border-box; width: 100%;}
.apple-pricing-ambient {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; z-index: 0; pointer-events: none; opacity: 0.15; mix-blend-mode: screen; mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%); -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);}
.apple-pricing-container {position: relative; z-index: 10; max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; box-sizing: border-box;}
.apple-pricing-header {text-align: center; margin-bottom: 6rem;}
.apple-section-title {font-size: clamp(2.8rem, 6vw, 4.5rem); font-weight: 700; letter-spacing: -0.03em; color: #fff; margin-bottom: 1rem;}
.apple-section-desc {font-size: 1.25rem; color: #86868b; max-width: 600px; margin: 0 auto; line-height: 1.5;}

.apple-compare-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 3rem; align-items: flex-start; width: 100%; max-width: 950px; margin: 0 auto;}
.apple-compare-col {display: flex; flex-direction: column; align-items: center; text-align: center; box-sizing: border-box; width: 100%;}
.col-visual {height: 120px; display: flex; align-items: center; justify-content: center; margin-bottom: 1rem;}
.col-visual i, .col-visual svg {width: 64px; height: 64px; color: #d2d2d7;}
.visual-premium i, .visual-premium svg {width: 80px; height: 80px; color: #f5f5f7; filter: drop-shadow(0 0 20px rgba(0, 113, 227, 0.4));}
.col-header {margin-bottom: 2rem; height: 80px;}
.tier-name {font-size: clamp(1.8rem, 4vw, 2rem); font-weight: 600; letter-spacing: -0.02em; color: #f5f5f7; margin-bottom: 0.5rem;}
.tier-target {font-size: 1rem; color: #86868b; margin: 0;}
.col-price {display: flex; flex-direction: column; align-items: center; margin-bottom: 2.5rem; height: 90px;}
.price-value {font-size: clamp(2.2rem, 5vw, 2.5rem); font-weight: 600; letter-spacing: -0.03em; color: #fff; line-height: 1; margin-bottom: 0.5rem;}
.price-currency {font-size: 1.25rem; font-weight: 500; color: #86868b;}
.price-label {font-size: 0.85rem; color: #86868b;}

.apple-btn-outline {display: inline-flex; justify-content: center; align-items: center; padding: 1rem 2rem; min-height: 48px; border-radius: 999px; font-size: 1rem; font-weight: 500; color: #f5f5f7; background: transparent; border: 1px solid #424245; text-decoration: none; transition: all 0.3s ease; width: 100%; max-width: 250px; margin-bottom: 3rem; box-sizing: border-box;}
.apple-btn-outline:hover {background: #424245;}
.apple-btn-premium {display: inline-flex; justify-content: center; align-items: center; padding: 1rem 2rem; min-height: 48px; border-radius: 999px; font-size: 1rem; font-weight: 600; color: #fff; background: #0071e3; border: 1px solid #0071e3; text-decoration: none; transition: all 0.3s ease; width: 100%; max-width: 250px; margin-bottom: 3rem; box-shadow: 0 4px 14px rgba(0, 113, 227, 0.2); box-sizing: border-box;}
.apple-btn-premium:hover {background: #0077ed; border-color: #0077ed; transform: scale(1.02); box-shadow: 0 6px 20px rgba(0, 113, 227, 0.4);}

.col-specs {width: 100%; text-align: center; border-top: 1px solid #333336;}
.spec-item {padding: 1.5rem 0; border-bottom: 1px solid #333336; display: flex; flex-direction: column; gap: 0.5rem;}
.spec-main {font-size: 1.15rem; font-weight: 600; color: #f5f5f7;}
.spec-sub {font-size: 0.9rem; color: #86868b; line-height: 1.4;}
.spec-breakdown {padding: 2rem 0; text-align: left; width: 100%;}
.bd-title {font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.1em; color: #86868b; margin-bottom: 1rem; display: block; text-align: center;}
.spec-breakdown ul {list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 0.75rem;}
.spec-breakdown li {display: flex; justify-content: space-between; font-size: 0.85rem; color: #a1a1a6; border-bottom: 1px dashed #333336; padding-bottom: 0.5rem;}
.spec-breakdown li span:last-child {font-weight: 600; color: #f5f5f7;}

.apple-pricing-footer {margin-top: 4rem; text-align: center;}
.apple-pricing-footer p {font-size: 0.85rem; color: #86868b; line-height: 1.5;}

@media (max-width: 1024px) {
    .apple-compare-grid {grid-template-columns: 1fr; gap: 4rem;}
    .col-header, .col-price {height: auto;}
    .apple-compare-col {padding-bottom: 4rem; border-bottom: 1px solid #333336;}
    .apple-compare-col:last-child {border-bottom: none; padding-bottom: 0;}
    .apple-pricing-ambient {opacity: 0.05;}
}
@media (max-width: 768px) {
    .apple-pricing-section {padding: 6rem 0;}
    .apple-section-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .apple-section-desc {font-size: 1.1rem; padding: 0 1rem;}
}

/* === SEKCJA 3: GWARANCJA (APPLE TIMELINE - SZEROKI DESKTOP) === */
.poc-timeline-section {padding: 14rem 0; background-color: #000; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.05); box-sizing: border-box; width: 100%;}
.poc-container {padding: 0 1.5rem; box-sizing: border-box; margin: 0 auto;}
.poc-header {text-align: center; margin-bottom: 8rem;}
.poc-massive-title {font-size: clamp(3rem, 7vw, 5.5rem); font-weight: 900; line-height: 1.05; letter-spacing: -0.04em; color: #fff; margin: 0; word-break: break-word;}

/* ROZSZERZONY KONTENER NA DESKTOP (z 1200px na 1400px) */
.poc-visual-flow {max-width: 1400px; margin: 0 auto; width: 100%; box-sizing: border-box;}

.flow-nodes {display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; width: 100%;}

/* SZERSZE KLOCKI Z TEKSTEM NA DESKTOP (z 380px na 420px) */
.flow-node {flex: 1; display: flex; flex-direction: column; align-items: center; text-align: center; max-width: 420px;}

.node-visual {display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 2rem;}
.node-visual i, .node-visual svg {width: 40px; height: 40px; color: #64748b; margin-bottom: 1.5rem;}
.node-metric {font-size: clamp(3rem, 6vw, 4.5rem); font-weight: 900; line-height: 1; letter-spacing: -0.05em; color: #fff; margin-bottom: 0.5rem;}
.node-unit {font-family: 'JetBrains Mono', monospace; font-size: 0.95rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: #64748b;}
.text-emerald {color: #10b981; text-shadow: 0 0 30px rgba(16, 185, 129, 0.3);}
.node-content h4 {font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: 1rem; letter-spacing: -0.02em; line-height: 1.2;}
.node-content p {font-size: 1.1rem; color: #94a3b8; line-height: 1.6; margin: 0;}

/* LINIE (TITANIUM) - Desktop */
.poc-divider {flex-grow: 1; min-width: 40px; display: flex; align-items: center; justify-content: center; margin-top: 95px;}
.poc-line-h {width: 100%; height: 2px; background: linear-gradient(90deg, transparent, rgba(181, 181, 186, 0.25) 20%, rgba(181, 181, 186, 0.25) 80%, transparent);}
.poc-line-v {display: none;}

/* RESPONSIVE DESIGN (TABLET & MOBILE) - BEZ ZMIAN */
@media (max-width: 992px) {
    .poc-header {margin-bottom: 5rem;}
    .flow-nodes {flex-direction: column; align-items: center; gap: 0;}
    .flow-node {width: 100%; max-width: 450px; padding: 1rem 0;}
    .poc-divider {margin-top: 0; width: 2px; height: 80px; min-height: 80px; margin: 2rem 0;}
    .poc-line-h {display: none;}
    .poc-line-v {display: block; width: 2px; height: 100%; background: linear-gradient(180deg, transparent, rgba(181, 181, 186, 0.25) 20%, rgba(181, 181, 186, 0.25) 80%, transparent);}
}

@media (max-width: 768px) {
    .poc-timeline-section {padding: 8rem 0;}
    .poc-massive-title {font-size: clamp(2.2rem, 8vw, 3.2rem);}
    .node-metric {font-size: clamp(2.8rem, 12vw, 4rem);}
    .node-content h4 {font-size: 1.35rem;}
    .node-content p {font-size: 1.05rem; padding: 0 0.5rem;}
    .poc-divider {height: 60px; min-height: 60px; margin: 1.5rem 0;}
}
/* ========================================= */
/* === STRONA KONTAKT === */
/* ========================================= */
.apple-contact-section {position: relative; min-height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: center; padding: 14rem 0 10rem 0; background-color: #000; overflow: hidden; animation: cinemaFadeInSec 4s cubic-bezier(0.2, 0, 0.2, 1) forwards; box-sizing: border-box;}
.contact-monolith-glow {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: radial-gradient(ellipse at center top, rgba(255, 255, 255, 0.08) 0%, rgba(0, 113, 227, 0.02) 40%, #000000 70%); z-index: 0; pointer-events: none;}
.contact-ambient-bg {position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; z-index: 0; pointer-events: none; mix-blend-mode: screen; opacity: 0; animation: cinemaFadeInBg 1s cubic-bezier(0.2, 0, 0.2, 1) forwards;}
@keyframes cinemaFadeInBg {0% {opacity: 0;} 100% {opacity: 0.2;}}
@keyframes cinemaFadeInSec {0% {opacity: 0;} 100% {opacity: 1;}}
.contact-container-centered {position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center; text-align: center; width: 100%; padding: 0 2rem; box-sizing: border-box;}
.contact-content-centered {display: flex; flex-direction: column; align-items: center; max-width: 900px; margin: 0 auto; width: 100%;}
.apple-contact-title {font-size: clamp(3.5rem, 7vw, 6rem); font-weight: 800; line-height: 1.05; letter-spacing: -0.04em; color: #fff; margin-bottom: 2rem; word-break: break-word;}
.apple-contact-desc {font-size: 1.25rem; color: #86868b; max-width: 650px; line-height: 1.6; margin-bottom: 5rem;}
.contact-methods-centered {display: flex; align-items: center; justify-content: center; gap: 4rem; margin-bottom: 5rem; width: 100%;}
.method-minimal {display: flex; flex-direction: column; align-items: center; gap: 0.5rem; text-decoration: none; transition: transform 0.3s ease;}
.method-minimal:hover {transform: translateY(-3px);}
.method-divider {width: 1px; height: 60px; background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.15) 50%, transparent);}
.data-label {font-size: 0.85rem; text-transform: uppercase; letter-spacing: 0.1em; color: #64748b; font-weight: 600;}
.data-value {font-size: clamp(1.2rem, 4vw, 1.5rem); font-weight: 600; letter-spacing: -0.02em; color: #f5f5f7; transition: color 0.3s ease; word-break: break-all;}
.method-minimal:hover .data-value {color: #fff;}
.contact-actions-centered {display: flex; justify-content: center; width: 100%;}
.apple-btn-solid {display: inline-flex; justify-content: center; align-items: center; gap: 0.75rem; padding: 1.25rem 20.5rem; border-radius: 999px; font-size: 1.1rem; font-weight: 600; color: #000; background: #f5f5f7; text-decoration: none; transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1); flex-shrink: 0; box-sizing: border-box;}
.apple-btn-solid:hover {background: #ffffff; transform: scale(1.02); box-shadow: 0 10px 30px rgba(255,255,255,0.1);}
.apple-btn-solid i {width: 20px; height: 20px;}
.cal-embed-wrapper {width: 100%; max-width: 1000px; height: 650px; margin: 0 auto; background: rgba(20, 20, 25, 0.4); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 24px; box-shadow: 0 20px 40px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.05); overflow: hidden; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);}

@media (max-width: 768px) {
    .cal-embed-wrapper {height: 700px; border-radius: 16px;}
}

@media (max-width: 768px) {
    .apple-contact-section {padding: 10rem 0 8rem 0; min-height: 100svh;}
    .contact-container-centered {padding: 0 1.5rem;}
    .contact-ambient-bg {display: none !important;}
    .apple-contact-title {font-size: clamp(2.2rem, 12vw, 3.5rem);}
    .apple-contact-desc {font-size: 1.15rem; margin-bottom: 4rem;}
    .contact-methods-centered {flex-direction: column; gap: 2.5rem; margin-bottom: 4rem;}
    .method-divider {width: 100px; height: 1px; background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.15) 50%, transparent);}
    .apple-btn-solid {width: 100%; padding: 1.1rem 1.5rem;}
}