Türkçe
English
العربية
Bmw icom A3 Next Arıza Tespit Cihazı + Laptop
BMW ICOM Next Full Paket, profesyonel diagnostik ihtiyaçlarınız için hepsi bir arada bir çözümdür. Bu tak-çalıştır set; ICOM Next Arayüzü, tüm güncel yazılımların kurulu olduğu bir laptop ve dayanıklı plastik taşıma çantası ile birlikte, kutudan çıktığı anda kullanıma hazır olarak sunulmaktadır.
Kurulu Laptop
Tüm Seriler Uyumlu
Tak ve Çalıştır
BMW ICOM A3 NEXT Laptop Seti - Kuruluma Hazır Paket
/* BMW ICOM A3 NEXT - Optimize Edilmiş Tasarım */
:root {
--primary: #1c69d4;
--primary-dark: #0f4c9e;
--primary-light: #3d8aff;
--accent: #ff6b35;
--accent-light: #ff8c5a;
--success: #00d46a;
--light-bg: #f8fafb;
--gradient-bg: linear-gradient(180deg, #ffffff 0%, #f0f4f8 100%);
--text-dark: #0f172a;
--text-light: #64748b;
--border-color: #e2e8f0;
--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);
--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--border-radius: 12px;
--border-radius-lg: 16px;
--transition: all 0.3s ease;
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body, button, input, select, textarea {
font-family: var(--font-family);
}
.bmw-icom-page {
font-family: var(--font-family);
color: var(--text-dark);
background: var(--light-bg);
overflow-x: hidden;
line-height: 1.6;
}
/* Ortak Animasyonlar */
@keyframes patternMove {
0% { transform: translateX(0); }
100% { transform: translateX(70px); }
}
@keyframes fadeInLeft {
from { opacity: 0; transform: translateX(-30px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
from { opacity: 0; transform: translateX(30px); }
to { opacity: 1; transform: translateX(0); }
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
@keyframes float {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-20px) rotate(180deg); }
}
@keyframes lightboxZoom {
from { transform: scale(0.9); opacity: 0; }
to { transform: scale(1); opacity: 1; }
}
@keyframes slidePattern {
0% { transform: translateX(-100px); }
100% { transform: translateX(100px); }
}
/* Ortak Bileşenler */
.icon-wrapper, .feature-icon-wrapper, .details-feature-icon, .capability-icon,
.software-icon, .content-icon, .support-icon, .contact-icon, .notice-icon {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
transition: var(--transition);
}
.card-base, .feature-card, .details-feature, .capability-card, .software-card,
.content-item, .support-card, .faq-item, .spec-category {
background: white;
border-radius: var(--border-radius);
border: 1px solid var(--border-color);
transition: var(--transition);
position: relative;
overflow: hidden;
}
.card-base:hover, .feature-card:hover, .details-feature:hover, .capability-card:hover,
.software-card:hover, .content-item:hover, .support-card:hover, .spec-category:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
}
.gradient-text {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
/* Hero Section */
.hero-section {
position: relative;
min-height: 100vh;
background: linear-gradient(135deg, #f6f9fc 0%, #e9f2ff 100%);
display: flex;
align-items: center;
overflow: hidden;
}
.hero-pattern {
position: absolute;
width: 100%;
height: 100%;
opacity: 0.03;
background-image:
repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(0,0,0,.05) 35px, rgba(0,0,0,.05) 70px),
repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(0,0,0,.03) 35px, rgba(0,0,0,.03) 70px);
animation: patternMove 20s linear infinite;
}
.bmw-icom-page .hero-container {
max-width: 1400px;
margin: 0 auto;
padding: 0 2rem;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 4rem;
align-items: center;
position: relative;
z-index: 10;
}
/* Sol taraf - Metin içeriği */
.bmw-icom-page .hero-content {
animation: fadeInLeft 0.8s ease-out;
}
@keyframes fadeInLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.bmw-icom-page .hero-badge {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
padding: 0.5rem 1.2rem;
border-radius: 50px;
font-size: 0.875rem;
font-weight: 600;
margin-bottom: 1.5rem;
box-shadow: var(--shadow-md);
animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
0%, 100% { transform: scale(1); }
50% { transform: scale(1.05); }
}
.bmw-icom-page .hero-title {
font-size: clamp(2.2rem, 4.5vw, 3rem);
font-weight: 900;
line-height: 1.1;
margin-bottom: 1.5rem;
color: var(--text-dark);
letter-spacing: -0.02em;
}
.bmw-icom-page .hero-title .gradient-text {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.bmw-icom-page .hero-description {
font-size: 1.125rem;
line-height: 1.7;
color: var(--text-light);
margin-bottom: 2rem;
font-weight: 400;
}
/* Özellikler Grid */
.bmw-icom-page .features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
margin-bottom: 2.5rem;
}
.bmw-icom-page .feature-card {
background: white;
padding: 1.2rem;
border-radius: 12px;
border: 1px solid var(--border-color);
display: flex;
align-items: center;
gap: 1rem;
transition: all 0.3s ease;
cursor: default;
}
.bmw-icom-page .feature-card:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-light);
}
.bmw-icom-page .feature-icon-wrapper {
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(--primary-light), var(--primary));
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.bmw-icom-page .feature-icon-wrapper i {
color: white;
font-size: 1.1rem;
}
.bmw-icom-page .feature-text {
font-size: 0.875rem;
font-weight: 500;
color: var(--text-dark);
line-height: 1.4;
}
/* CTA Butonları */
.bmw-icom-page .hero-actions {
display: flex;
gap: 1rem;
flex-wrap: wrap;
margin-bottom: 2rem;
justify-content: center;
}
.bmw-icom-page .btn {
padding: 1rem 2rem;
border-radius: 12px;
font-weight: 600;
font-size: 1rem;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 0.5rem;
transition: all 0.3s ease;
cursor: pointer;
border: none;
position: relative;
overflow: hidden;
}
.bmw-icom-page .btn-primary {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
box-shadow: 0 4px 14px rgba(28, 105, 212, 0.25);
}
.bmw-icom-page .btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(28, 105, 212, 0.35);
}
.bmw-icom-page .btn-secondary {
background: white;
color: var(--primary);
border: 2px solid var(--border-color);
box-shadow: var(--shadow-sm);
}
.bmw-icom-page .btn-secondary:hover {
background: var(--light-bg);
border-color: var(--primary);
transform: translateY(-2px);
box-shadow: var(--shadow-md);
}
.bmw-icom-page .btn-whatsapp {
background: linear-gradient(135deg, #25d366, #128c7e);
color: white;
box-shadow: 0 4px 14px rgba(37, 211, 102, 0.25);
}
.bmw-icom-page .btn-whatsapp:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(37, 211, 102, 0.35);
}
/* Trust Badges */
.bmw-icom-page .trust-badges {
display: flex;
gap: 1.5rem;
align-items: center;
flex-wrap: wrap;
justify-content: center;
}
.bmw-icom-page .trust-badge {
display: flex;
align-items: center;
gap: 0.5rem;
font-size: 0.875rem;
color: var(--text-light);
font-weight: 500;
}
.bmw-icom-page .trust-badge i {
color: var(--accent);
font-size: 1.1rem;
}
/* Sağ taraf - Ürün görseli */
.bmw-icom-page .hero-visual {
position: relative;
animation: fadeInRight 0.8s ease-out;
}
@keyframes fadeInRight {
from {
opacity: 0;
transform: translateX(30px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.bmw-icom-page .product-showcase {
position: relative;
background: white;
border-radius: 24px;
padding: 1.5rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border: 1px solid var(--border-color);
max-width: 500px;
margin: 0 auto;
}
.bmw-icom-page #media-display {
position: relative;
width: 100%;
padding-top: 100%; /* 1:1 en-boy oranı */
margin-bottom: 1rem;
border-radius: 16px;
overflow: hidden;
}
.bmw-icom-page #media-display iframe,
.bmw-icom-page #media-display img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
object-fit: cover;
}
.bmw-icom-page .showcase-badge {
position: absolute;
top: 10px;
right: 10px;
background: linear-gradient(135deg, var(--accent), var(--accent-light));
color: white;
padding: 0.4rem 1rem;
border-radius: 50px;
font-size: 0.7rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
box-shadow: var(--shadow-md);
z-index: 10;
max-width: calc(100% - 20px);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* Thumbnail Gallery - Yeni tasarım */
.bmw-icom-page .thumbnail-gallery {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(70px, 1fr));
gap: 0.75rem;
justify-content: center;
margin-bottom: 1.5rem;
}
.bmw-icom-page .thumbnail {
width: 100%;
padding-top: 100%; /* Kare thumbnail'ler için */
position: relative;
border-radius: 10px;
overflow: hidden;
cursor: pointer;
border: 3px solid transparent;
transition: all 0.3s ease;
}
.bmw-icom-page .thumbnail img, .bmw-icom-page .thumbnail .icon-360 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: flex;
align-items: center;
justify-content: center;
font-size: 2rem;
color: var(--primary);
background-color: #e9f2ff;
}
.bmw-icom-page .thumbnail::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.1);
opacity: 0;
transition: opacity 0.3s ease;
}
.bmw-icom-page .thumbnail:hover::after {
opacity: 1;
}
.bmw-icom-page .thumbnail.active {
border-color: var(--primary);
box-shadow: 0 0 0 2px rgba(28, 105, 212, 0.2);
}
.bmw-icom-page .thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
/* Floating Elements */
.bmw-icom-page .floating-element {
position: absolute;
border-radius: 50%;
background: linear-gradient(135deg, var(--primary-light), var(--primary));
opacity: 0.1;
animation: float 6s ease-in-out infinite;
}
@keyframes float {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-20px) rotate(180deg); }
}
.bmw-icom-page .float-1 {
width: 100px;
height: 100px;
top: 10%;
left: 5%;
animation-delay: 0s;
}
.bmw-icom-page .float-2 {
width: 150px;
height: 150px;
bottom: 10%;
right: 5%;
animation-delay: 2s;
}
.bmw-icom-page .float-3 {
width: 80px;
height: 80px;
top: 50%;
right: 10%;
animation-delay: 4s;
}
/* Software Notice - Yeni tasarım */
.bmw-icom-page .notice-card {
background: linear-gradient(135deg, #fff5f5, #fef2f2);
border: 1px solid #fecaca;
border-radius: 16px;
padding: 1.5rem;
margin-top: 2rem;
display: flex;
flex-direction: column;
align-items: center;
gap: 1rem;
text-align: center;
}
.bmw-icom-page .notice-icon {
width: 48px;
height: 48px;
background: linear-gradient(135deg, #ef4444, #dc2626);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.bmw-icom-page .notice-icon i {
color: white;
font-size: 1.5rem;
}
.bmw-icom-page .notice-content {
text-align: center;
}
.bmw-icom-page .notice-title {
font-size: 0.875rem;
font-weight: 700;
color: #dc2626;
margin-bottom: 0.25rem;
text-align: center;
}
.bmw-icom-page .notice-text {
font-size: 0.875rem;
color: #7f1d1d;
line-height: 1.5;
text-align: center;
}
/* VAT Notice - Alt bilgi */
.bmw-icom-page .bottom-notice {
text-align: center;
margin-top: 1.5rem;
}
.bmw-icom-page .bottom-notice p {
font-size: 0.875rem;
color: var(--text-light);
margin: 0;
font-weight: 500;
}
/* Lightbox - Modern tasarım */
.bmw-icom-page .lightbox {
position: fixed;
inset: 0;
background: rgba(0, 0, 0, 0.95);
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
z-index: 1000;
backdrop-filter: blur(10px);
}
.bmw-icom-page .lightbox.active {
opacity: 1;
visibility: visible;
}
.bmw-icom-page .lightbox-content {
position: relative;
max-width: 90vw;
max-height: 90vh;
animation: lightboxZoom 0.3s ease;
}
@keyframes lightboxZoom {
from {
transform: scale(0.9);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
.bmw-icom-page .lightbox-image {
max-width: 100%;
max-height: 90vh;
border-radius: 16px;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.bmw-icom-page .lightbox-close {
position: absolute;
top: -40px;
right: 0;
width: 40px;
height: 40px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.bmw-icom-page .lightbox-close:hover {
background: rgba(255, 255, 255, 0.2);
transform: rotate(90deg);
}
.bmw-icom-page .lightbox-close i {
color: white;
font-size: 1.2rem;
}
.bmw-icom-page .lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: all 0.3s ease;
}
.bmw-icom-page .lightbox-nav:hover {
background: rgba(255, 255, 255, 0.2);
}
.bmw-icom-page .lightbox-nav i {
color: white;
font-size: 1.2rem;
}
.bmw-icom-page .lightbox-prev {
left: 20px;
}
.bmw-icom-page .lightbox-next {
right: 20px;
}
/* Responsive Design */
@media (max-width: 1024px) {
.bmw-icom-page .hero-container {
grid-template-columns: 1fr;
gap: 3rem;
padding: 2rem 1.5rem;
}
.bmw-icom-page .hero-content {
text-align: center;
}
.bmw-icom-page .features-grid {
grid-template-columns: 1fr;
}
.bmw-icom-page .hero-actions {
justify-content: center;
}
.bmw-icom-page .trust-badges {
justify-content: center;
}
.bmw-icom-page .hero-visual {
max-width: 600px;
margin: 0 auto;
}
}
@media (max-width: 768px) {
.bmw-icom-page .hero-title {
font-size: 2rem;
}
.bmw-icom-page .hero-description {
font-size: 1rem;
}
.bmw-icom-page .product-showcase {
padding: 1.2rem;
}
.bmw-icom-page .thumbnail-gallery {
grid-template-columns: repeat(5, 1fr);
gap: 0.5rem;
margin-bottom: 1rem;
}
.bmw-icom-page .thumbnail {
padding-top: 100%;
}
.bmw-icom-page .btn {
padding: 0.875rem 1.5rem;
font-size: 0.875rem;
}
.bmw-icom-page .hero-actions {
flex-direction: column;
width: 100%;
}
.bmw-icom-page .btn {
width: 100%;
justify-content: center;
}
.bmw-icom-page .notice-card {
flex-direction: column;
text-align: center;
}
.bmw-icom-page .notice-content {
text-align: center;
}
.bmw-icom-page .bottom-notice {
padding: 0.5rem 1rem;
width: calc(100% - 2rem);
}
.bmw-icom-page .bottom-notice p {
font-size: 0.75rem;
}
}
@media (max-width: 480px) {
.bmw-icom-page .hero-section {
min-height: auto;
padding: 2rem 0 4rem;
}
.bmw-icom-page .hero-container {
padding: 0 1rem;
}
.bmw-icom-page .hero-badge {
font-size: 0.75rem;
padding: 0.375rem 1rem;
}
.bmw-icom-page .trust-badge {
font-size: 0.75rem;
}
.bmw-icom-page .feature-card {
padding: 1rem;
}
.bmw-icom-page .feature-text {
font-size: 0.8125rem;
}
.bmw-icom-page .showcase-badge {
font-size: 0.625rem;
padding: 0.375rem 1rem;
}
.bmw-icom-page .product-showcase {
padding: 1rem;
}
.bmw-icom-page .thumbnail-gallery {
grid-template-columns: repeat(5, 1fr);
gap: 0.4rem;
margin-bottom: 1rem;
}
.bmw-icom-page .thumbnail {
border-radius: 8px;
border-width: 2px;
}
.bmw-icom-page .thumbnail img,
.bmw-icom-page .thumbnail .icon-360 {
border-radius: 6px;
font-size: 1.5rem;
}
.bmw-icom-page .notice-card {
padding: 1rem;
margin-top: 1rem;
}
.bmw-icom-page .notice-icon {
width: 40px;
height: 40px;
}
.bmw-icom-page .notice-icon i {
font-size: 1.2rem;
}
.bmw-icom-page .notice-title {
font-size: 0.8rem;
}
.bmw-icom-page .notice-text {
font-size: 0.8rem;
}
}
/* Details Section - Orijinal Tasarım Korundu */
.details-section {
padding: 5rem 2rem;
background: linear-gradient(135deg, #f6f9fc 0%, #e9f2ff 100%);
position: relative;
overflow: hidden;
margin-bottom: 0;
}
.details-section:nth-child(even) {
background: linear-gradient(135deg, #ffffff 0%, #f8fafb 100%);
}
.details-section:last-of-type {
background: linear-gradient(135deg, #f0f4f8 0%, #e2e8f0 100%);
}
.details-section::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
opacity: 0.03;
background-image:
repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(0,0,0,.05) 35px, rgba(0,0,0,.05) 70px),
repeating-linear-gradient(-45deg, transparent, transparent 35px, rgba(0,0,0,.03) 35px, rgba(0,0,0,.03) 70px);
animation: patternMove 20s linear infinite;
}
/* Why Choose Section - Orijinal Tasarım */
.why-icom-section-new {
background: #ffffff;
position: relative;
}
.details-container {
max-width: 1400px;
margin: 0 auto;
position: relative;
z-index: 10;
}
.details-header {
text-align: center;
margin-bottom: 4rem;
margin-top: 2rem;
}
.details-header h2 {
font-size: clamp(2rem, 4vw, 2.5rem);
font-weight: 900;
margin-top: 2rem;
margin-bottom: 1.5rem;
color: var(--text-dark);
letter-spacing: -0.02em;
}
.details-header .gradient-text {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}
.details-header p {
font-size: 1.125rem;
line-height: 1.7;
color: var(--text-light);
max-width: 700px;
margin: 0 auto;
font-weight: 400;
}
.details-main {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 3rem;
margin-bottom: 4rem;
align-items: center;
}
.details-content {
padding: 0;
}
.details-content h3 {
font-size: 2rem;
font-weight: 700;
margin-top: 2rem;
margin-bottom: 1.5rem;
color: var(--text-dark);
text-align: center;
}
.details-content p {
font-size: 1.1rem;
line-height: 1.8;
color: var(--text-light);
margin-bottom: 2rem;
text-align: center;
}
.details-content .additional-text {
font-size: 1rem;
line-height: 1.7;
color: var(--text-light);
margin-bottom: 2rem;
text-align: center;
}
.details-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.details-feature {
background: var(--light-bg);
padding: 1.2rem;
border-radius: 12px;
border: 1px solid var(--border-color);
display: flex;
align-items: center;
gap: 1rem;
transition: all 0.3s ease;
}
.details-feature:hover {
transform: translateY(-2px);
box-shadow: var(--shadow-lg);
border-color: var(--primary-light);
background: white;
}
.details-feature-icon {
width: 40px;
height: 40px;
background: linear-gradient(135deg, var(--primary-light), var(--primary));
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.details-feature-icon i {
color: white;
font-size: 1.1rem;
}
.details-feature-text {
font-size: 0.875rem;
font-weight: 500;
color: var(--text-dark);
line-height: 1.4;
}
.details-visual {
position: relative;
background: white;
border-radius: 20px;
padding: 1rem;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
border: 1px solid var(--border-color);
max-width: 350px;
}
.details-visual img {
width: 100%;
border-radius: 12px;
margin-bottom: 1rem;
}
.visual-info-cards {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.visual-info-card {
background: var(--light-bg);
padding: 1rem;
border-radius: 12px;
text-align: center;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
}
.visual-info-card:hover {
background: white;
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.visual-info-card i {
font-size: 1.5rem;
color: var(--primary);
margin-bottom: 0.5rem;
display: block;
}
.visual-info-card-title {
font-size: 0.75rem;
color: var(--text-light);
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.05em;
margin-bottom: 0.25rem;
}
.visual-info-card-value {
font-size: 0.875rem;
color: var(--text-dark);
font-weight: 700;
}
.stats-section {
background: white;
border-radius: 24px;
padding: 3rem;
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
border: 1px solid var(--border-color);
text-align: center;
}
.stats-section h3 {
font-size: 2rem;
font-weight: 700;
margin-bottom: 2rem;
color: var(--text-dark);
}
.stats-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 2rem;
}
.stat-item {
padding: 1.5rem;
background: var(--light-bg);
border-radius: 16px;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.stat-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--primary), var(--success), var(--accent));
transform: scaleX(0);
transition: transform 0.4s ease;
}
.stat-item:hover::before {
transform: scaleX(1);
}
.stat-item:hover {
transform: translateY(-5px);
box-shadow: var(--shadow-lg);
background: white;
}
.stat-number {
font-size: 2.5rem;
font-weight: 900;
background: linear-gradient(135deg, var(--primary), var(--primary-light));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 0.5rem;
display: block;
}
.stat-label {
font-size: 1rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 0.5rem;
}
.stat-description {
font-size: 0.875rem;
color: var(--text-light);
line-height: 1.5;
}
/* Timeline Styles */
.timeline-container {
position: relative;
max-width: 1200px;
margin: 0 auto;
}
.timeline-progress {
position: relative;
height: 4px;
background: var(--border-color);
border-radius: 2px;
margin-bottom: 3rem;
overflow: hidden;
}
.progress-bar {
height: 100%;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
width: 25%;
border-radius: 2px;
transition: width 0.8s ease;
}
.timeline-steps {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 2rem;
}
.timeline-step {
position: relative;
opacity: 0.6;
transition: all 0.4s ease;
}
.timeline-step.active {
opacity: 1;
}
.step-circle {
position: relative;
width: 80px;
height: 80px;
margin: 0 auto 1.5rem;
background: white;
border-radius: 50%;
border: 3px solid var(--border-color);
display: flex;
align-items: center;
justify-content: center;
transition: all 0.4s ease;
box-shadow: var(--shadow-md);
}
.timeline-step.active .step-circle {
border-color: var(--primary);
background: linear-gradient(135deg, var(--primary), var(--primary-light));
transform: scale(1.1);
}
.step-icon {
position: absolute;
font-size: 1.5rem;
color: var(--text-light);
transition: all 0.4s ease;
}
.timeline-step.active .step-icon {
color: white;
}
.step-number {
position: absolute;
bottom: -8px;
right: -8px;
width: 24px;
height: 24px;
background: var(--accent);
color: white;
border-radius: 50%;
font-size: 0.75rem;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
box-shadow: var(--shadow-sm);
}
.step-content {
text-align: center;
}
.step-content h3 {
font-size: 1.3rem;
font-weight: 700;
margin-bottom: 1rem;
color: var(--text-dark);
}
.step-content p {
font-size: 0.95rem;
line-height: 1.6;
color: var(--text-light);
margin-bottom: 1.5rem;
}
.step-features {
list-style: none;
padding: 0;
margin: 0;
}
.step-features li {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
font-size: 0.85rem;
margin-bottom: 0.8rem;
color: var(--text-dark);
}
.step-features i {
color: var(--success);
font-size: 0.9rem;
}
/* Step Features Grid Styles */
.step-features-grid {
margin-top: 1rem;
}
.feature-row {
display: flex;
flex-wrap: wrap;
gap: 0.5rem;
justify-content: center;
}
.feature-row span {
background: linear-gradient(135deg, var(--light-bg), #e2e8f0);
color: var(--primary);
padding: 0.25rem 0.75rem;
border-radius: 20px;
font-size: 0.75rem;
font-weight: 600;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
}
.feature-row span:hover {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
transform: translateY(-2px);
}
@media (max-width: 1024px) {
.timeline-steps {
grid-template-columns: repeat(2, 1fr);
gap: 3rem;
}
.timeline-progress {
display: none;
}
.details-main {
grid-template-columns: 1fr;
gap: 3rem;
}
.details-visual {
order: -1;
max-width: 500px;
margin: 0 auto;
}
.details-features {
grid-template-columns: 1fr;
}
}
@media (max-width: 768px) {
.timeline-steps {
grid-template-columns: 1fr;
gap: 2rem;
}
.details-section {
padding: 3rem 1.5rem;
}
.step-circle {
width: 60px;
height: 60px;
}
.step-icon {
font-size: 1.2rem;
}
.details-header h2 {
font-size: 2rem;
}
.details-content h3 {
font-size: 1.5rem;
text-align: center;
}
.details-content p,
.details-content .additional-text {
font-size: 1rem;
text-align: center;
}
.details-visual {
max-width: 100%;
}
.visual-info-cards {
grid-template-columns: repeat(2, 1fr);
gap: 0.75rem;
}
.visual-info-card {
padding: 0.75rem;
}
.visual-info-card i {
font-size: 1.2rem;
}
.visual-info-card-title {
font-size: 0.7rem;
}
.visual-info-card-value {
font-size: 0.8rem;
}
}
/* Specifications Grid Styles */
.specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 2rem;
}
.spec-category {
background: white;
border-radius: 20px;
padding: 2rem;
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08);
border: 1px solid var(--border-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.spec-category::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
transform: scaleX(0);
transition: transform 0.4s ease;
}
.spec-category:hover::before {
transform: scaleX(1);
}
.spec-category:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}
.spec-category-header {
display: flex;
align-items: center;
gap: 1rem;
margin-bottom: 2rem;
padding-bottom: 1rem;
border-bottom: 2px solid var(--light-bg);
}
.spec-category-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, var(--primary), var(--primary-light));
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.spec-category-icon i {
color: white;
font-size: 1.5rem;
}
.spec-category-header h3 {
font-size: 1.3rem;
font-weight: 700;
color: var(--text-dark);
margin: 0;
}
.spec-items {
display: flex;
flex-direction: column;
gap: 1rem;
}
.spec-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1rem;
background: var(--light-bg);
border-radius: 10px;
border: 1px solid var(--border-color);
transition: all 0.3s ease;
}
.spec-item:hover {
background: white;
box-shadow: var(--shadow-md);
transform: translateX(5px);
}
.spec-label {
font-size: 0.9rem;
font-weight: 600;
color: var(--text-dark);
}
.spec-value {
font-size: 0.9rem;
font-weight: 500;
color: var(--primary);
text-align: right;
}
@media (max-width: 1024px) {
.specs-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (max-width: 768px) {
.specs-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.spec-category {
padding: 1.5rem;
}
.spec-category-header {
margin-bottom: 1.5rem;
}
.spec-category-icon {
width: 40px;
height: 40px;
}
.spec-category-icon i {
font-size: 1.2rem;
}
.spec-category-header h3 {
font-size: 1.1rem;
}
}
@media (max-width: 480px) {
.details-section {
padding: 5rem 2rem;
background: linear-gradient(135deg, #f6f9fc 0%, #e9f2ff 100%);
position: relative;
overflow: hidden;
margin-bottom: 4rem;
border-bottom: 3px solid rgba(28, 105, 212, 0.1);
}
.details-section:last-of-type {
margin-bottom: 0;
}
.specs-grid {
gap: 1rem;
}
.spec-category {
padding: 1rem;
}
.spec-category-header {
flex-direction: column;
text-align: center;
gap: 0.75rem;
margin-bottom: 1rem;
}
.spec-category-icon {
width: 35px;
height: 35px;
}
.spec-category-icon i {
font-size: 1rem;
}
.spec-category-header h3 {
font-size: 1rem;
}
.spec-item {
flex-direction: column;
text-align: center;
gap: 0.5rem;
padding: 0.75rem;
}
.spec-label {
font-size: 0.8rem;
}
.spec-value {
font-size: 0.8rem;
text-align: center;
}
.details-header h2 {
font-size: 1.8rem;
line-height: 1.2;
}
.details-header p {
font-size: 1rem;
}
.details-content {
text-align: center;
}
.details-content h3 {
font-size: 1.3rem;
margin-bottom: 1rem;
}
.details-content p,
.details-content .additional-text {
font-size: 0.9rem;
line-height: 1.6;
margin-bottom: 1.5rem;
}
.details-features {
gap: 0.75rem;
}
.details-feature {
padding: 1rem;
flex-direction: column;
text-align: center;
gap: 0.75rem;
}
.details-feature-icon {
width: 35px;
height: 35px;
}
.details-feature-icon i {
font-size: 1rem;
}
.details-feature-text {
font-size: 0.8rem;
text-align: center;
}
.details-visual {
padding: 0.75rem;
border-radius: 16px;
}
.details-visual img {
border-radius: 8px;
}
.visual-info-cards {
grid-template-columns: 1fr;
gap: 0.5rem;
}
.visual-info-card {
padding: 0.5rem;
display: flex;
align-items: center;
gap: 0.75rem;
text-align: left;
}
.visual-info-card i {
font-size: 1.5rem;
margin-bottom: 0;
flex-shrink: 0;
}
.visual-info-card-content {
flex: 1;
}
.visual-info-card-title {
font-size: 0.65rem;
margin-bottom: 0.1rem;
}
.visual-info-card-value {
font-size: 0.75rem;
}
.step-content h3 {
font-size: 1.1rem;
}
.step-content p {
font-size: 0.85rem;
margin-bottom: 1rem;
}
.step-features li {
font-size: 0.75rem;
margin-bottom: 0.5rem;
}
.step-features i {
font-size: 0.8rem;
}
.step-number {
width: 20px;
height: 20px;
font-size: 0.65rem;
bottom: -6px;
right: -6px;
}
}
/* Capabilities Grid Styles */
.capabilities-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.2rem;
}
.capability-card {
background: white;
border-radius: 12px;
padding: 1.5rem;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
border: 1px solid var(--border-color);
transition: all 0.3s ease;
text-align: center;
position: relative;
overflow: hidden;
}
.capability-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
transform: scaleX(0);
transition: transform 0.4s ease;
}
.capability-card:hover::before {
transform: scaleX(1);
}
.capability-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}
.capability-card.special {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
}
.capability-card.special .capability-icon {
background: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.3);
}
.capability-card.special .capability-icon i {
color: white;
}
.capability-card.special h3 {
color: white;
}
.capability-icon {
width: 60px;
height: 60px;
background: linear-gradient(135deg, var(--light-bg), #e2e8f0);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
border: 2px solid var(--border-color);
transition: all 0.3s ease;
}
.capability-card:hover .capability-icon {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
border-color: var(--primary);
transform: scale(1.1);
}
.capability-card:hover .capability-icon i {
color: white;
}
.capability-icon i {
font-size: 1.5rem;
color: var(--primary);
transition: all 0.3s ease;
}
.capability-card h3 {
font-size: 1.1rem;
font-weight: 600;
color: var(--text-dark);
line-height: 1.4;
margin: 0;
}
@media (max-width: 768px) {
.capabilities-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1rem;
}
.capability-card {
padding: 1.5rem;
}
.capability-icon {
width: 50px;
height: 50px;
margin-bottom: 1rem;
}
.capability-icon i {
font-size: 1.2rem;
}
.capability-card h3 {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.capabilities-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.capability-card {
padding: 1.2rem;
}
.capability-icon {
width: 45px;
height: 45px;
}
.capability-icon i {
font-size: 1.1rem;
}
.capability-card h3 {
font-size: 0.9rem;
}
}
/* Software Compatibility Section Styles */
.software-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 2rem;
margin-bottom: 3rem;
}
.software-card {
background: white;
border-radius: 16px;
padding: 2rem;
text-align: center;
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
border: 1px solid var(--border-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.software-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 4px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
transform: scaleX(0);
transition: transform 0.4s ease;
}
.software-card:hover::before {
transform: scaleX(1);
}
.software-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}
.software-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, var(--light-bg), #e2e8f0);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
border: 2px solid var(--border-color);
transition: all 0.3s ease;
}
.software-card:hover .software-icon {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
border-color: var(--primary);
transform: scale(1.1);
}
.software-card:hover .software-icon i {
color: white;
}
.software-icon i {
font-size: 2rem;
color: var(--primary);
transition: all 0.3s ease;
}
.software-card h3 {
font-size: 1.3rem;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 1rem;
line-height: 1.3;
}
.software-card p {
font-size: 1rem;
line-height: 1.6;
color: var(--text-light);
margin: 0;
}
.software-notice {
background: linear-gradient(135deg, #f8fafc, #f1f5f9);
border: 1px solid var(--border-color);
border-radius: 16px;
padding: 2rem;
text-align: center;
}
.software-notice p {
font-size: 1rem;
line-height: 1.7;
color: var(--text-light);
margin-bottom: 1rem;
}
.software-notice p:last-child {
margin-bottom: 0;
}
.software-notice a {
color: var(--primary);
text-decoration: none;
font-weight: 600;
}
.software-notice a:hover {
text-decoration: underline;
}
.software-notice .important-notice {
font-weight: 600;
color: var(--text-dark);
}
@media (max-width: 1024px) {
.software-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (max-width: 768px) {
.software-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.software-card {
padding: 1.5rem;
}
.software-icon {
width: 60px;
height: 60px;
margin-bottom: 1rem;
}
.software-icon i {
font-size: 1.5rem;
}
.software-card h3 {
font-size: 1.1rem;
}
.software-card p {
font-size: 0.9rem;
}
.software-notice {
padding: 1.5rem;
}
}
@media (max-width: 480px) {
.software-card {
padding: 1.2rem;
}
.software-icon {
width: 50px;
height: 50px;
}
.software-icon i {
font-size: 1.2rem;
}
.software-card h3 {
font-size: 1rem;
}
.software-card p {
font-size: 0.85rem;
}
.software-notice {
padding: 1rem;
}
.software-notice p {
font-size: 0.9rem;
}
}
/* Box Contents Section Styles */
.box-contents-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin-bottom: 3rem;
}
.content-item {
background: white;
border-radius: 16px;
padding: 2rem;
text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
border: 1px solid var(--border-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.content-item::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
transform: scaleX(0);
transition: transform 0.4s ease;
}
.content-item:hover::before {
transform: scaleX(1);
}
.content-item:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}
.content-item.special {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
}
.content-item.special .content-icon {
background: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.3);
}
.content-item.special .content-icon i {
color: white;
}
.content-item.special h3 {
color: white;
}
.content-item.special p {
color: rgba(255, 255, 255, 0.9);
}
.content-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, var(--light-bg), #e2e8f0);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
border: 2px solid var(--border-color);
transition: all 0.3s ease;
}
.content-item:hover .content-icon {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
border-color: var(--primary);
transform: scale(1.1);
}
.content-item:hover .content-icon i {
color: white;
}
.content-icon i {
font-size: 2rem;
color: var(--primary);
transition: all 0.3s ease;
}
.content-item h3 {
font-size: 1.2rem;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 1rem;
line-height: 1.3;
}
.content-item p {
font-size: 0.95rem;
line-height: 1.6;
color: var(--text-light);
margin: 0;
}
.box-notice {
background: linear-gradient(135deg, #f0f9ff, #e0f2fe);
border: 1px solid #bae6fd;
border-radius: 16px;
padding: 2rem;
display: flex;
align-items: flex-start;
gap: 1.5rem;
text-align: left;
}
.box-notice .notice-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, #0ea5e9, #0284c7);
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.box-notice .notice-icon i {
color: white;
font-size: 1.5rem;
}
.box-notice .notice-content h4 {
font-size: 1.1rem;
font-weight: 700;
color: #0c4a6e;
margin-bottom: 0.5rem;
}
.box-notice .notice-content p {
font-size: 1rem;
color: #075985;
line-height: 1.6;
margin: 0;
}
@media (max-width: 1024px) {
.box-contents-grid {
grid-template-columns: repeat(3, 1fr);
gap: 1.2rem;
}
}
@media (max-width: 768px) {
.box-contents-grid {
grid-template-columns: 1fr;
gap: 1rem;
}
.content-item {
padding: 1.5rem;
}
.content-icon {
width: 60px;
height: 60px;
margin-bottom: 1rem;
}
.content-icon i {
font-size: 1.5rem;
}
.content-item h3 {
font-size: 1.1rem;
}
.content-item p {
font-size: 0.9rem;
}
.box-notice {
padding: 1.5rem;
flex-direction: column;
text-align: center;
gap: 1rem;
}
.box-notice .notice-icon {
width: 45px;
height: 45px;
margin: 0 auto;
}
.box-notice .notice-content h4 {
font-size: 1rem;
}
.box-notice .notice-content p {
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.content-item {
padding: 1.2rem;
}
.content-icon {
width: 50px;
height: 50px;
}
.content-icon i {
font-size: 1.2rem;
}
.content-item h3 {
font-size: 1rem;
}
.content-item p {
font-size: 0.85rem;
}
.box-notice {
padding: 1rem;
}
.box-notice .notice-icon {
width: 40px;
height: 40px;
}
.box-notice .notice-icon i {
font-size: 1.2rem;
}
.box-notice .notice-content h4 {
font-size: 0.9rem;
}
.box-notice .notice-content p {
font-size: 0.85rem;
}
}
/* FAQ Section Styles */
.faq-container {
max-width: 800px;
margin: 0 auto;
}
.faq-item {
background: white;
border-radius: 12px;
margin-bottom: 1rem;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
border: 1px solid var(--border-color);
overflow: hidden;
transition: all 0.3s ease;
}
.faq-item:hover {
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
transform: translateY(-2px);
}
.faq-question {
padding: 1.5rem;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
transition: all 0.3s ease;
position: relative;
}
.faq-question:hover {
background: var(--light-bg);
}
.faq-question h3 {
font-size: 1.1rem;
font-weight: 600;
color: var(--text-dark);
margin: 0;
line-height: 1.4;
flex: 1;
padding-right: 1rem;
}
.faq-question i {
color: var(--primary);
font-size: 1rem;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.faq-item.active .faq-question i {
transform: rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease;
background: var(--light-bg);
}
.faq-item.active .faq-answer {
max-height: 200px;
}
.faq-answer p {
padding: 1.5rem;
margin: 0;
font-size: 1rem;
line-height: 1.6;
color: var(--text-light);
}
@media (max-width: 768px) {
.faq-question {
padding: 1.2rem;
}
.faq-question h3 {
font-size: 1rem;
padding-right: 0.75rem;
}
.faq-answer p {
padding: 1.2rem;
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.faq-question {
padding: 1rem;
flex-direction: column;
align-items: flex-start;
gap: 0.75rem;
}
.faq-question h3 {
font-size: 0.95rem;
padding-right: 0;
}
.faq-question i {
align-self: flex-end;
}
.faq-answer p {
padding: 1rem;
font-size: 0.85rem;
}
}
/* Support and Contact Section Styles */
.support-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-bottom: 3rem;
}
.support-card {
background: white;
border-radius: 16px;
padding: 2rem;
text-align: center;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06);
border: 1px solid var(--border-color);
transition: all 0.3s ease;
position: relative;
overflow: hidden;
}
.support-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, var(--primary), var(--primary-light));
transform: scaleX(0);
transition: transform 0.4s ease;
}
.support-card:hover::before {
transform: scaleX(1);
}
.support-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}
.support-card.special {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
}
.support-card.special .support-icon {
background: rgba(255, 255, 255, 0.2);
border: 2px solid rgba(255, 255, 255, 0.3);
}
.support-card.special .support-icon i {
color: white;
}
.support-card.special h3 {
color: white;
}
.support-card.special p {
color: rgba(255, 255, 255, 0.9);
}
.support-card.special .support-btn {
background: rgba(255, 255, 255, 0.2);
color: white;
border: 1px solid rgba(255, 255, 255, 0.3);
}
.support-card.special .support-btn:hover {
background: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}
.support-icon {
width: 70px;
height: 70px;
background: linear-gradient(135deg, var(--light-bg), #e2e8f0);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 1.5rem;
border: 2px solid var(--border-color);
transition: all 0.3s ease;
}
.support-card:hover .support-icon {
background: linear-gradient(135deg, var(--primary), var(--primary-light));
border-color: var(--primary);
transform: scale(1.1);
}
.support-card:hover .support-icon i {
color: white;
}
.support-icon i {
font-size: 2rem;
color: var(--primary);
transition: all 0.3s ease;
}
.support-card h3 {
font-size: 1.3rem;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 1rem;
line-height: 1.3;
}
.support-card p {
font-size: 1rem;
line-height: 1.6;
color: var(--text-light);
margin-bottom: 1.5rem;
}
.support-btn {
display: inline-flex;
align-items: center;
gap: 0.5rem;
background: linear-gradient(135deg, var(--primary), var(--primary-light));
color: white;
padding: 0.75rem 1.5rem;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
font-size: 0.9rem;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.support-btn:hover {
transform: translateY(-2px);
box-shadow: 0 6px 20px rgba(28, 105, 212, 0.3);
}
.support-btn i {
font-size: 1rem;
}
.contact-info {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
background: linear-gradient(135deg, #f8fafc, #f1f5f9);
border-radius: 16px;
padding: 2rem;
border: 1px solid var(--border-color);
}
.contact-item {
display: flex;
align-items: flex-start;
gap: 1rem;
}
.contact-icon {
width: 50px;
height: 50px;
background: linear-gradient(135deg, var(--primary), var(--primary-light));
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.contact-icon i {
color: white;
font-size: 1.5rem;
}
.contact-details h4 {
font-size: 1.1rem;
font-weight: 700;
color: var(--text-dark);
margin-bottom: 0.5rem;
}
.contact-details p {
font-size: 1rem;
color: var(--text-light);
line-height: 1.6;
margin: 0;
}
@media (max-width: 1024px) {
.support-grid {
grid-template-columns: repeat(2, 1fr);
gap: 1.5rem;
}
}
@media (max-width: 768px) {
.support-grid {
grid-template-columns: 1fr;
gap: 1.5rem;
}
.support-card {
padding: 1.5rem;
}
.support-icon {
width: 60px;
height: 60px;
margin-bottom: 1rem;
}
.support-icon i {
font-size: 1.5rem;
}
.support-card h3 {
font-size: 1.1rem;
}
.support-card p {
font-size: 0.9rem;
}
.contact-info {
grid-template-columns: 1fr;
gap: 1.5rem;
padding: 1.5rem;
}
.contact-icon {
width: 45px;
height: 45px;
}
.contact-icon i {
font-size: 1.2rem;
}
.contact-details h4 {
font-size: 1rem;
}
.contact-details p {
font-size: 0.9rem;
}
}
@media (max-width: 480px) {
.support-card {
padding: 1.2rem;
}
.support-icon {
width: 50px;
height: 50px;
}
.support-icon i {
font-size: 1.2rem;
}
.support-card h3 {
font-size: 1rem;
}
.support-card p {
font-size: 0.85rem;
}
.support-btn {
padding: 0.6rem 1.2rem;
font-size: 0.85rem;
}
.contact-info {
padding: 1rem;
gap: 1rem;
}
.contact-item {
flex-direction: column;
text-align: center;
gap: 0.75rem;
}
.contact-icon {
width: 40px;
height: 40px;
margin: 0 auto;
}
.contact-icon i {
font-size: 1rem;
}
.contact-details h4 {
font-size: 0.9rem;
}
.contact-details p {
font-size: 0.8rem;
}
}
/* c1.html'den alınan CSS stilleri */
/* Neden ICOM A3 Bölümü - YENİ TASARIM */
.why-icom-section-new {
padding: 120px 0;
background: #ffffff;
}
.why-icom-container-new {
max-width: 1100px;
margin: 0 auto;
padding: 0 20px;
text-align: center;
}
.why-icom-heading-new {
margin-bottom: 70px;
}
.why-icom-heading-new .section-subtitle {
color: var(--primary);
font-weight: 600;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 0.9rem;
}
.why-icom-heading-new .section-title {
font-size: 2.2rem;
font-weight: 700;
color: var(--text-dark);
margin-top: 10px;
margin-bottom: 25px;
position: relative;
display: inline-block;
}
.why-icom-heading-new .section-title::after {
content: '';
position: absolute;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 80px;
height: 3px;
background: linear-gradient(90deg, rgba(28,105,212,0), var(--primary), rgba(28,105,212,0));
}
.why-icom-heading-new .section-desc {
color: var(--text-light);
max-width: 700px;
margin: 40px auto 0;
font-size: 1.1rem;
line-height: 1.7;
}
.why-icom-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
margin-bottom: 70px;
}
.why-icom-feature-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 25px;
}
.why-icom-feature-icon {
flex-shrink: 0;
width: 60px;
height: 60px;
background: linear-gradient(135deg, rgba(28, 105, 212, 0.1), rgba(28, 105, 212, 0.05));
border-radius: 12px;
display: flex;
align-items: center;
justify-content: center;
}
.why-icom-feature-icon i {
font-size: 26px;
color: var(--primary);
}
.why-icom-feature-title {
font-size: 1.25rem;
font-weight: 600;
color: var(--text-dark);
margin-bottom: 10px;
}
.why-icom-feature-desc {
font-size: 1rem;
color: var(--text-light);
line-height: 1.7;
}
.why-icom-summary {
max-width: 800px;
margin: 0 auto;
padding: 30px;
background: var(--gradient-bg);
border-radius: 15px;
border: 1px solid rgba(28, 105, 212, 0.1);
}
.why-icom-summary p {
font-size: 1.1rem;
line-height: 1.8;
color: var(--text-light);
margin: 0;
}
.why-icom-summary strong {
color: var(--text-dark);
font-weight: 700;
}
/* c1.html Responsive Tasarım */
@media (max-width: 992px) {
.why-icom-features-grid {
grid-template-columns: 1fr;
gap: 30px;
}
}
@media (max-width: 768px) {
.why-icom-section-new {
padding: 80px 0;
}
.why-icom-container-new {
padding: 0 15px;
}
.why-icom-heading-new .section-title {
font-size: 1.8rem;
}
.why-icom-heading-new .section-desc {
font-size: 1rem;
margin: 30px auto 0;
}
.why-icom-heading-new {
margin-bottom: 50px;
}
.why-icom-features-grid {
margin-bottom: 50px;
}
.why-icom-feature-item {
gap: 20px;
}
.why-icom-feature-icon {
width: 50px;
height: 50px;
}
.why-icom-feature-icon i {
font-size: 22px;
}
.why-icom-feature-title {
font-size: 1.1rem;
}
.why-icom-feature-desc {
font-size: 0.95rem;
}
.why-icom-summary {
padding: 25px 20px;
}
.why-icom-summary p {
font-size: 1rem;
}
}
@media (max-width: 576px) {
.why-icom-section-new {
padding: 60px 0;
}
.why-icom-heading-new .section-title {
font-size: 1.6rem;
}
.why-icom-feature-icon {
width: 45px;
height: 45px;
}
.why-icom-feature-icon i {
font-size: 20px;
}
.why-icom-feature-title {
font-size: 1rem;
}
.why-icom-feature-desc {
font-size: 0.9rem;
}
.why-icom-summary {
padding: 20px 15px;
}
.why-icom-summary p {
font-size: 0.95rem;
}
}
BMW ICOM A3 NEXT
Laptop Dahil Full Paket
BMW, Mini ve Rolls-Royce araçlarınız için ICOM A3 NEXT cihazı, performanslı laptop ve en güncel yazılımlar bir arada. Kuruluma hazır bu set ile teşhis ve programlama işlemlerine hemen başlayın.
Yazılım Yüklü Laptop
ICOM A3 NEXT Cihazı
Tak ve Çalıştır Sistem
Kullanıma Hazır Sistem
Hemen Satın Al
WhatsApp'tan Sor
6 Ay Garanti
Hızlı Kargo
Yüksek Kalite Ürün
Laptop Versiyon
Kullanıma Hazır Teslimat
Sistem, tüm yazılımlar kurulu ve yapılandırılmış olarak, test edilerek gönderilir. Paketi açıp hemen kullanmaya başlayabilirsiniz.
* Fiyata KDV dahil değildir. Donanım ve yazılım paketi bir aradadır.
BMW ICOM A3 NEXT ile Profesyonel Teşhis
Atölyenizde yetkili servis kalitesinde teşhis, kodlama ve programlama deneyimi yaşayın. BMW'nin en gelişmiş teknolojilerini kullanarak araç elektroniklerinde sınır tanımayın.
Gelişmiş Teşhis Yetenekleri
ICOM A3 NEXT, BMW'nin en son teknolojilerini kullanarak araç sistemlerinin derinliklerine iner. Sadece arıza kodlarını okumakla kalmaz, sistemlerin gerçek zamanlı performansını analiz eder ve kapsamlı çözümler sunar.
Bu gelişmiş teşhis cihazı, BMW'nin fabrika standartlarında çalışarak atölyenizde yetkili servis kalitesinde hizmet vermenizi sağlar. ISTA+ ve E-Sys yazılımları ile tam uyumlu olan cihaz, en karmaşık elektronik arızaları bile hızlıca tespit edebilir ve çözüm önerileri sunabilir.
Gigabit Ethernet ve Wi-Fi bağlantı seçenekleri sayesinde atölye içinde maksimum hareket özgürlüğü sunar. Çoklu protokol desteği (D-CAN, K-CAN, MOST, K-Line) ile BMW model serileriyle uyumluluk sağlar. Ayrıca, güvenli şifreli veri aktarımı ile müşteri araç bilgilerini koruma altına alır.
Derin sistem analizi ve arıza tespiti
Canlı veri izleme ve analiz
Gelişmiş kodlama ve programlama
ECU yazılım güncelleme
Bağlantı
Wi-Fi + Ethernet
Protokol
D-CAN, K-CAN
Neden BMW ICOM A3 NEXT Tercih Edilmelidir?
BMW ICOM A3 NEXT, sadece bir arıza tespit cihazı değil, yetkili servislerin gücünü ve hassasiyetini atölyenize taşıyan eksiksiz bir profesyonel teşhis platformudur.
Yüksek Kalite
BMW için üretilmiş, yüksek kaliteli donanım. Aracınızın hassas elektronik sistemleriyle tam uyumlu ve güvenli iletişim sağlar.
Geleceğe Yönelik Teknoloji
En yeni nesil BMW modelleriyle (F, G, I Serisi vb.) bile yüksek hızda ve stabil bir bağlantı kurar.
Geniş Yazılım Uyumluluğu
ISTA+, ISTA-P, E-Sys ve INPA gibi tüm yetkili servis ve mühendislik yazılımlarıyla çalışarak size tam kontrol ve esneklik sunar.
Kapsamlı Onarım Yeteneği
Standart arıza okuma/silme işlemlerinin çok ötesinde; online programlama, ECU kodlama, adaptasyon ve kalibrasyon gibi ileri düzey işlemleri yapmanızı sağlar.
Cihazın Temel Yetenekleri
BMW ICOM A3 NEXT, aracınızın sistemleriyle etkileşime geçerek kapsamlı teşhis ve programlama yetenekleri sunar.
Araç Yapılandırması Okuma
Anahtar Kodlama ve ECU (Beyin) Programlama
Sistem Parçalarını Aktifleştirme ve Adaptasyon Yapma
Motor, Şase, Gövde ve Gösterge Modüllerini Kodlama
Modüllerden Hata Kodlarını Okuma ve Silme
Canlı Verileri Görüntüleme
EGR Testi ve DPF (Dizel Partikül Filtre) Rejenerasyonu
Enjektör Kodlama ve Enjektör Testi
Hava Yastığı Modül Active-Deaktive Testi
Otomatik Şanzıman Adaptasyonu
Hız Limit İptali Yapabilme
Ve Daha Fazlası...
Geniş Yazılım Desteği
BMW ICOM A3 NEXT arıza tespit cihazı, aracınızla potansiyelinde iletişim kurabilmeniz için güncel ve kapsamlı yazılımlarla uyumlu çalışır.
ISTA+
BMW'nin resmi teşhis yazılımıdır. Kapsamlı arıza tespiti, sistem analizi ve detaylı raporlama imkanı sunar.
ISTA-P
BMW araçlarında ECU programlama, yazılım güncelleme ve kodlama işlemleri için kullanılan profesyonel yazılımdır.
E-Sys
Gelişmiş mühendislik yazılımıdır. Araç özelliklerini aktifleştirme, özelleştirme ve derinlemesine kodlama işlemleri yapar.
INPA
BMW araçlarında temel teşhis ve mühendislik işlemleri için kullanılan güvenilir yazılımdır.
WinKFP & NCS-Expert
BMW araçlarında programlama ve kodlama işlemleri için kullanılan özel yazılım araçlarıdır.
ETK
BMW araçlarının orijinal yedek parça katalogudur.
Kullanıma Hazır Yazılım Paketi: Bu set, ICOM A3 NEXT cihazının yeteneklerini kullanabilmeniz için gerekli olan ISTA+, ISTA-P, E-Sys gibi güncel ve kapsamlı yazılımları içerir.
Yazılımlar, pakete dahil olan yüksek performanslı laptop üzerine profesyonelce kurulmuş, yapılandırılmış ve test edilmiştir. Size sadece sistemi açıp kullanmak kalır.
BMW ICOM A3 NEXT Çalışma Süreci
Profesyonel teşhis sürecinin her adımında size rehberlik eden ICOM A3 NEXT ile tanışın. Bağlantıdan sonuca kadar her aşamada üstün performans.
01
Hızlı Bağlantı
Wi-Fi veya Ethernet ile anında araç bağlantısı. Gigabit hızında veri aktarımı ile zaman kaybetmeden işe başlayın.
Wi-Fi
Ethernet
Otomatik Tanıma
02
Kapsamlı Teşhis
Tüm ECU modüllerini tarayarak derin sistem analizi yapın. Gizli arızaları bile tespit eden gelişmiş algoritmaları kullanın.
100+ ECU
Canlı Veri
Arıza Analizi
03
Gelişmiş Kodlama
ECU programlama ve kodlama işlemlerini güvenle gerçekleştirin. Gizli özellikleri aktifleştirin ve araç ayarlarını özelleştirin.
ECU Güncelleme
Özellik Aktivasyonu
Fabrika Ayarları
04
Mükemmel Sonuç
Detaylı raporlar ve çözüm önerileri ile işinizi tamamlayın. Müşteri memnuniyetini en üst seviyeye çıkarın.
Detaylı Rapor
Çözüm Önerileri
Kalite Garantisi
Kutu İçeriği
BMW ICOM A3 NEXT paketi ile birlikte gelen tüm bileşenler ve aksesuarlar. Profesyonel teşhis için ihtiyacınız olan her şey bir arada.
Performanslı Laptop
ISTA+ ve diğer yazılımların sorunsuz çalışması için optimize edilmiş, yüksek performanslı laptop.
BMW ICOM A3 NEXT Ana Cihaz
BMW'nin en gelişmiş teşhis cihazı. Wi-Fi ve Ethernet bağlantı desteği ile yüksek performanslı işlemci.
OBD Ana Kablosu
BMW araçlarının OBD portuna bağlantı için özel tasarlanmış yüksek kaliteli ana kablo.
Ethernet Kablosu
Gigabit hızında veri aktarımı için profesyonel kalitede Ethernet bağlantı kablosu.
Laptop Teknik Özellikleri
Set ile birlikte gelen laptop, teşhis yazılımlarını en yüksek performansta çalıştırmak için özenle seçilmiş ve yapılandırılmıştır.
Donanım
İşlemciIntel Core i5
Bellek (RAM)8 GB DDR3 - DDR4
Depolama1 TB SSD
Ekran14" veya 15.6" Full HD
Yazılım ve Hazırlık
İşletim SistemiWindows 10/11 Pro
KurulumGerekli sürücüler ve yazılımlar kurulu
OptimizasyonTeşhis işlemleri için performans ayarları yapılmış
DurumTest edilmiş, kullanıma hazır
Not: Laptop modeli ve markası, stok durumuna göre değişiklik gösterebilir. Ancak belirtilen minimum teknik özellikler ve performans garantisi sunulmaktadır.
Sıkça Sorulan Sorular
BMW ICOM A3 NEXT hakkında merak ettiğiniz tüm soruların yanıtları burada. Satın alma öncesi bilmeniz gereken önemli detaylar.
Bu set hangi araçları desteklemektedir?
Set, ICOM A3 NEXT arayüzü ile BMW ve Mini Cooper markalarının desteklenen modelleriyle uyumludur. Güncel araçlardan klasik modellere kadar geniş bir yelpazede profesyonel teşhis ve programlama imkanı sunar.
Yazılımlar pakete dahil mi ve güncel mi?
Evet, bu paket bir çözüm sunar. Performanslı laptop üzerine güncel ISTA+ (Teşhis) ve E-Sys (Mühendislik) yazılımları profesyonelce kurulmuş ve yapılandırılmıştır. Sistem, size ulaştığında test edilmiş ve kullanıma hazırdır.
Garanti kapsamı ve süresi nedir?
ICOM A3 NEXT arayüzü fabrikasyon hatalarına karşı 6 ay, set içerisindeki laptop ise 3 ay garantilidir. Garanti, kullanıcı kaynaklı fiziksel hasarları ve yazılımsal sorunları kapsamamaktadır.
Destek ve İletişim
BMW ICOM A3 NEXT ile ilgili tüm sorularınız için bizimle iletişime geçin. Uzman ekibimiz size yardımcı olmaya hazır.
WhatsApp Destek
7/24 WhatsApp üzerinden anlık destek alın. Hızlı yanıt garantisi ile sorularınızı çözüme kavuşturun.
Telefon Desteği
Teknik konularda detaylı bilgi almak için telefon üzerinden uzmanlarımızla görüşebilirsiniz.
E-posta Desteği
Detaylı sorularınızı e-posta ile gönderin. 24 saat içinde uzman ekibimizden yanıt alın.
Teknik Destek
Kurulum, yazılım konfigürasyonu ve kullanım konularında profesyonel teknik destek hizmeti.
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
12 تقسيط
لم يتم طرح أي أسئلة حول هذا المنتج بعد.
كن أول من يسأل!اطرح سؤالاً
لا توجد تقييمات بعد
هل جربت هذا المنتج؟ شارك تجربتك وساعد العملاء الآخرين في اتخاذ القرار الصحيح. سيتم نشر مراجعتك بعد الموافقة.
اكتب مراجعة
منتجات ذات صلة
عرض الكل
