/* style.css - Vainshtok Professional Design */
@font-face { font-family: 'Fremont-Bold'; src: url('/fonts/fremont-bold.ttf') format('truetype'); font-weight: bold; }

* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: 'Heebo', sans-serif; background: #050B63; color: white; overflow-x: hidden; text-align: right; scroll-behavior: smooth; transition: filter 0.3s; }

/* --- מנגנון נגישות מתקדם (מתוקן) --- */
body.acc-high-contrast { background: #000 !important; color: #ffff00 !important; }
body.acc-high-contrast *:not(.acc-panel, .acc-panel *) { background-color: #000 !important; color: #ffff00 !important; border-color: #ffff00 !important; }
body.acc-dark-mode { background: #1a1a1a !important; color: #ffffff !important; }
body.acc-monochrome { filter: grayscale(100%); }
body.acc-stop-animations * { animation: none !important; transition: none !important; }

/* --- Header & Layout --- */
header { position: fixed; top: 0; width: 100%; height: 96px; background: rgba(5, 11, 99, 0.95); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255, 255, 255, 0.08); z-index: 9999; }
nav { height: 100%; padding: 0 7%; display: flex; align-items: center; justify-content: flex-start; }
.logo-wrap { display: flex; flex-direction: column; text-decoration: none; align-items: center; }
.logo-text-main { font-family: 'Fremont-Bold', sans-serif !important; font-size: 42px; color: white; direction: ltr; }
.logo-dot { color: #F0A63A; }
.logo-text-sub { font-size: 14px; color: #F0A63A; font-weight: 500; margin-top: 4px; }
.nav-links { display: flex; gap: 30px; font-size: 19px; font-weight: 800; margin-right: 60px; list-style: none; }
.nav-links a { color: #F0A63A; text-decoration: none; }

/* --- Hero --- */
.hero { min-height: 100vh; background: linear-gradient(rgba(5, 11, 99, 0.72), rgba(5, 11, 99, 0.88)), url('images/itzik.jpg'); background-size: cover; background-position: center; display: flex; align-items: center; padding: 120px 7% 60px; }
h1 { font-size: 72px; line-height: 1.1; font-weight: 900; margin-bottom: 15px; }
.hero-experience { font-size: 24px; color: #F0A63A; margin-bottom: 40px; display: block; }
.btn-main {
    text-decoration:none;

    padding:22px 58px;

    border-radius:22px;

    font-size:26px;

    font-weight:900;

    background:#F0A63A;

    color:#050B63;

    border:none;

    cursor:pointer;

    display:inline-block;

    box-shadow: 0 12px 35px rgba(240,166,58,0.35);

    transition: 0.3s ease;
}

.btn-main:hover {
    transform: translateY(-4px);
}

/* --- AI Vision (The Robot) --- */
.ai-vision { margin: 80px 0; background: #081079; border-radius: 40px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.1); }
.vision-content { display: flex; align-items: center; flex-wrap: wrap; }
.vision-text {
    flex: 1.9;
    padding: 70px 80px;
}
.vision-image {
    flex: 0.7;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vision-image img {  width: 85%; max-width: 340px; height: auto; object-fit: contain; cover; mask-image: linear-gradient(to left, black 72%, transparent 100%); }

/* --- Cards --- */
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 30px; margin-top: 70px; }
.card {
     align-items: center;
     text-align: center;
     background: #081079;
     border-radius: 30px;
     padding: 55px 60px;
     border: 1px solid rgba(255, 255, 255, 0.1);
     display: flex;
     flex-direction: column;
     justify-content: center;
     min-height: 320px;
     transition: 0.3s ease;
}

.card:hover {

    transform: translateY(-8px);

    border-color: rgba(240,166,58,0.35);
}
/* --- Card Titles --- */

.card h3 {

    font-size: 34px;

    line-height: 1.35;

    margin-bottom: 28px;

    color: white;

    max-width: 520px;

    margin-right: auto;

    margin-left: auto;
}

/* --- Card Text --- */

.card p {

    font-size: 19px;

    line-height: 2.1;

    color: rgba(255,255,255,0.84);

    max-width: 520px;

    margin: 0 auto;

    width: 100%;
}
.number { width: 70px; height: 70px; background: #F0A63A; border-radius: 20px; display: flex; align-items: center; justify-content: center; font-size: 28px; color: #050B63; font-weight: 900; margin-bottom: 25px; }

/* --- Accessibility Panel --- */
.acc-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 10010; display: none; justify-content: center; align-items: center; }
.acc-panel { background: #fff; color: #333; width: 450px; border-radius: 25px; padding: 25px; position: relative; direction: rtl; }
.acc-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 2px solid #f0f0f0; padding-bottom: 15px; margin-bottom: 20px; }
.acc-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.acc-btn-tool { background: #f8f9fa; border: 1px solid #e0e0e0; padding: 15px 10px; border-radius: 15px; cursor: pointer; display: flex; flex-direction: column; align-items: center; gap: 8px; font-weight: 700; }
.acc-btn-tool i { color: #F0A63A; font-size: 20px; }

.accessibility-trigger, .audio-trigger { position: fixed; bottom: 30px; width: 60px; height: 60px; background: #F0A63A; color: #050B63; border-radius: 50%; border: none; font-size: 24px; cursor: pointer; z-index: 10001; }
.accessibility-trigger { left: 30px; }
.audio-trigger { right: 30px; }

footer {
    background-color: #0A114B !important;
    padding: 45px 5% !important;
    border-top: 4px solid #E8831A !important;
}

/* הגדלת הקישורים בפוטר */
footer div, footer a, footer p, footer span {
    font-size: 1.2rem !important; /* מגדיל את הטקסט באופן משמעותי */
    line-height: 1.8 !important;
    color: #ffffff !important;
}

/* שמירה על הצבע הכתום הייחודי של הקרדיט שלך */
footer a[href*="wa.me"] {
    color: #E8831A !important;
    font-weight: bold !important;
}
/* --- FINAL CTA FIX --- */

.final-cta {
    display: flex;
    justify-content: center;
    align-items: center;

    padding: 40px 5% 70px;
}

.cta-box {
    width: 100%;
    max-width: 1150px;

    margin: 0 auto;

    text-align: center;
}

.cta-buttons {
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 18px;

    flex-wrap: wrap;

    margin-top: 25px;
}

.btn-outline {
    text-decoration: none;

    padding: 18px 45px;

    border-radius: 18px;

    font-size: 22px;
    font-weight: 700;

    border: 2px solid rgba(255,255,255,0.2);

    color: white;
}



.sub-title-gold {
    font-size: 62px;
    line-height: 1.1;

    font-weight: 900;

    color: white;

    margin-bottom: 30px;

    max-width: 650px;
}

.vision-text p {
    font-size: 24px;

    line-height: 1.9;

    color: rgba(255,255,255,0.82);

    max-width: 700px;

    display: block;
}
.transparency-section {
    padding: 70px 8%;

    background: rgba(255,255,255,0.03);

    border-top: 1px solid rgba(255,255,255,0.08);

    text-align: right;
}

.transparency-box {
    max-width: 1100px;

    margin: 0 auto;
}

.transparency-title {
    font-size: 34px;

    font-weight: 900;

    margin-bottom: 28px;

    color: #F0A63A;
}

.transparency-text {
    font-size: 19px;

    line-height: 2;

    color: rgba(255,255,255,0.78);
}
/* --- Transparency Section --- */

.transparency-section {
    padding: 70px 8%;

    background: rgba(255,255,255,0.03);

    border-top: 1px solid rgba(255,255,255,0.08);

    text-align: right;
}

.transparency-box {
    max-width: 1100px;

    margin: 0 auto;
}

.transparency-title {
    font-size: 34px;

    font-weight: 900;

    margin-bottom: 28px;

    color: #F0A63A;

    text-align: center;
}
.transparency-text {
    font-size: 19px;

    line-height: 2;

    color: rgba(255,255,255,0.78);

    text-align: justify;

    text-justify: inter-word;
}
/* --- Hero Highlight Box --- */

.hero-highlight {

    display: inline-flex;

    flex-direction: column;

    gap: 16px;

    margin-top: 25px;
    margin-bottom: 40px;

    max-width: 760px;
}

.hero-highlight-line {

    font-size: 26px;

    line-height: 1.7;

    font-weight: 700;

    color: white;
}
.hero-highlight-line.gold {

    color: #F0A63A;

    font-weight: 800;
}
/* --- About Page --- */

.about-hero {

    padding: 180px 8% 80px;

    text-align: center;
}

.about-container {

    max-width: 1000px;

    margin: 0 auto;
}

.about-intro {

    font-size: 32px;

    color: #F0A63A;

    margin-top: 20px;
}

.about-content-section {

    padding: 40px 8% 120px;
}

.about-content-box {

    max-width: 1100px;

    margin: 0 auto;

    background: rgba(255,255,255,0.04);

    border: 1px solid rgba(255,255,255,0.08);

    border-radius: 34px;

    padding: 70px;

    line-height: 2;

    font-size: 22px;

    color: rgba(255,255,255,0.82);

    text-align: justify;
}

.about-content-box h2 {

    font-size: 42px;

    color: white;

    margin-top: 70px;
    margin-bottom: 30px;

    text-align: center;
}

.about-feature {

    margin-bottom: 50px;
}

.about-feature h3 {

    font-size: 30px;

    color: #F0A63A;

    margin-bottom: 18px;
}

.about-vision {

    margin-top: 80px;

    text-align: center;
}
/* --- Services Title --- */

.services-title {

    font-size: 68px;

    font-weight: 900;

    line-height: 1.1;

    text-align: center;

    transform: translateX(-120px);

    margin-bottom: 60px;

    color: white;
}
.small-line {

    font-size: 18px;

    font-weight: 600;

    color: white;

    margin-top: 10px;
}
/* ================================================= */
/* ================= RESPONSIVE ==================== */
/* ================================================= */

@media (max-width: 1200px) {

    h1 {

        font-size: 58px;
    }

    .sub-title-gold {

        font-size: 48px;
    }

    .card h3 {

        font-size: 28px;
    }

    .card p {

        font-size: 17px;
    }
}

/* ================= TABLET ================= */

@media (max-width: 900px) {

    nav {

        padding: 0 4%;
    }

    .nav-links {

        gap: 18px;

        font-size: 16px;

        margin-right: 30px;
    }

    h1 {

        font-size: 46px;

        line-height: 1.2;
    }

    .hero {

        padding: 160px 6% 80px;
    }

    .hero-highlight-line {

        font-size: 22px;
    }

    .cards {

        grid-template-columns: 1fr;

        gap: 25px;
    }

    .card {

        min-height: auto;

        padding: 45px;
    }

    .vision-content {

        flex-direction: column;
    }

    .vision-text {

        padding: 50px 40px;
    }

    .vision-image {

        padding-bottom: 40px;
    }

    .vision-image img {

        max-width: 260px;
    }

    .services-title {

        font-size: 52px;

        transform: none;

        text-align: center;
    }
}

/* ================= MOBILE ================= */

@media (max-width: 600px) {

    header {

        height: auto;

        padding: 14px 0;
    }

    nav {

        flex-direction: column;

        justify-content: center;

        gap: 18px;

        padding: 10px 5%;
    }

    .logo-text-main {

        font-size: 34px;
    }

    .nav-links {

        flex-wrap: wrap;

        justify-content: center;

        margin-right: 0;

        gap: 14px;

        font-size: 15px;
    }

    .hero {

        padding: 180px 6% 100px;

        text-align: center;
    }

    h1 {

        font-size: 38px;

        line-height: 1.25;
    }

    .hero-highlight {

        width: 100%;
    }

    .hero-highlight-line {

        font-size: 20px;

        line-height: 1.6;
    }

    .btn-main {

        width: 100%;

        font-size: 22px;

        padding: 20px;
    }

    .services-title {

        font-size: 42px;

        margin-bottom: 40px;
    }

    .card {

        padding: 38px 28px;
    }

    .card h3 {

        font-size: 26px;
    }

    .card p {

        font-size: 17px;

        line-height: 1.9;
    }

    .vision-text {

        padding: 40px 25px;
    }

    .vision-text p {

        font-size: 19px;
    }

    .sub-title-gold {

        font-size: 38px;
    }

    .about-content-box {

        padding: 40px 25px;

        font-size: 18px;
    }

    .about-content-box h2 {

        font-size: 34px;
    }

    .about-feature h3 {

        font-size: 26px;
    }

    .transparency-title {

        font-size: 28px;
    }

    .transparency-text {

        font-size: 16px;
    }

    footer {

        padding: 35px 6%;
    }

    .accessibility-trigger,
    .audio-trigger {

        width: 56px;

        height: 56px;

        font-size: 20px;

        bottom: 18px;
    }

    .accessibility-trigger {

        left: 16px;
    }

   .audio-trigger {
        right: 16px;
    }

    main {
        padding-top: 120px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

}
/* --- Hero Fade Animation --- */

.fade-up {

    opacity: 0;

    transform: translateY(60px);

    animation: fadeUp 1.4s ease forwards;
}

.fade-delay-1 {

    animation-delay: 0.2s;
}

.fade-delay-2 {

    animation-delay: 0.5s;
}

.fade-delay-3 {

    animation-delay: 0.8s;
}

@keyframes fadeUp {

    to {

        opacity: 1;

        transform: translateY(0);
    }
}
/* ================= PAGE TRANSITIONS ================= */

body {

    opacity: 0;

    transition: opacity 0.5s ease-in-out;
}

body.page-loaded {

    opacity: 1;
}

body.fade-out {

    opacity: 0;
}
/* ================= LEAD FORM ================= */

.lead-form-box {

    max-width: 620px;

    margin: 90px auto;

    background: #081079;

    padding: 45px 38px;

    border-radius: 28px;

    border: 1px solid rgba(255,255,255,0.12);

    text-align: center;

    box-shadow: 0 12px 35px rgba(0,0,0,0.18);
}
.lead-form-box {

    transition:
    all 1.2s ease;
}

.lead-form-box.reveal {

    animation:
    royalFormReveal 1.4s ease;
}

.lead-form-box h2 {

    font-size: 36px;

    color: white;

    margin-bottom: 18px;
}

.lead-form-box p {

    font-size: 18px;

    color: rgba(255,255,255,0.82);

    line-height: 1.8;

    margin-bottom: 35px;
}

.lead-form {

    display: flex;

    flex-direction: column;

    gap: 18px;
}

.lead-form input {

    width: 100%;

    padding: 18px 20px;

    border-radius: 16px;

    border: 1px solid rgba(255,255,255,0.12);

    background: rgba(255,255,255,0.05);

    color: white;

    font-size: 18px;

    outline: none;

    box-sizing: border-box;

    transition: 0.3s ease;
}

.lead-form input:focus {

    border-color: #F0A63A;

    box-shadow: 0 0 15px rgba(240,166,58,0.22);
}

.lead-form button {

    margin-top: 8px;

    background: #F0A63A;

    color: #081079;

    border: none;

    padding: 18px;

    border-radius: 16px;

    font-size: 21px;

    font-weight: 800;

    cursor: pointer;

    transition: 0.3s ease;
}

.lead-form button:hover {

    transform: translateY(-3px);

    box-shadow: 0 10px 25px rgba(240,166,58,0.28);
}
.success-message {

    display: none;

    margin-top: 25px;

    background: rgba(240,166,58,0.12);

    border: 1px solid rgba(240,166,58,0.25);

    color: white;

    padding: 18px;

    border-radius: 16px;

    font-size: 18px;

    line-height: 1.8;
}
/* ================= ROYAL FORM ENTRANCE ================= */

.lead-form-box {
transition:
all 1.2s ease;   
}

@keyframes royalFormReveal {

    0% {

        opacity: 0;

        transform:
        translateY(80px)
        scale(0.96);

        box-shadow: 0 0 0 rgba(240,166,58,0);
    }
    .lead-form-box {

    transition:
    all 1.2s ease;
}

.lead-form-box.reveal {

    animation:
    royalFormReveal 1.4s ease;
}

    60% {

        opacity: 1;

        transform:
        translateY(-8px)
        scale(1.01);

        box-shadow:
        0 0 45px rgba(240,166,58,0.18);
    }
    

    100% {

        opacity: 1;

        transform:
        translateY(0)
        scale(1);

        box-shadow:
        0 15px 45px rgba(0,0,0,0.18);
    }
}
.acc-highlight-links a {

    color: #FFD54A !important;

    text-decoration: underline !important;

    font-weight: 700 !important;

    text-shadow:
    0 0 10px rgba(255,213,74,0.35);
}
.acc-big-text {

    font-size: 118%;
}
/* ================= BIG TEXT ================= */

.acc-big-text {

    font-size: 118%;
}


/* ================= HIGHLIGHT LINKS ================= */

.acc-highlight-links a {

    color: #FFD54A !important;

    text-decoration: underline !important;

    font-weight: 700 !important;

    text-shadow:
    0 0 10px rgba(255,213,74,0.35);
}


/* ================= STOP ANIMATIONS ================= */

.acc-stop-animations *,
.acc-stop-animations *::before,
.acc-stop-animations *::after {

    animation: none !important;

    transition: none !important;

    scroll-behavior: auto !important;
}


/* ================= READING MODE ================= */

.acc-reading-mode {

    background:
    #f4ecd8 !important;

    color:
    #111 !important;
}


.acc-reading-mode main {

    max-width:
    900px !important;

    margin:
    0 auto !important;

    line-height:
    2.3 !important;

    font-size:
    1.15rem !important;
}


.acc-reading-mode section,
.acc-reading-mode .gallery-item,
.acc-reading-mode .about-content-box {

    background:
    transparent !important;

    box-shadow:
    none !important;
}


.acc-reading-mode p,
.acc-reading-mode li,
.acc-reading-mode h1,
.acc-reading-mode h2,
.acc-reading-mode h3 {

    color:
    #111 !important;
}
.hero-main-title {

    line-height: 1.1;
}


.hero-gold-line {

    display: block;

    margin-top: 22px;

    font-size: 0.42em;

    font-weight: 700;

    color: #F0A63A;

    text-shadow:
    0 0 18px rgba(240,166,58,0.35);

    line-height: 1.5;
}