*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#070b12;color:#eef7ff;font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 70% 5%,#083e682e,transparent 30%),radial-gradient(circle at 15% 70%,#0a77ff16,transparent 25%);z-index:-1}
.shell{width:min(1480px,94vw);margin:auto}
.nav{height:76px;display:flex;align-items:center;gap:35px;border-bottom:1px solid #183047}
.logo{font-size:24px;text-decoration:none;color:#fff}
.logo b,.hero h1 span{color:#159cff}
.nav nav{display:flex;gap:30px;margin-inline-start:auto}
.nav a{color:#dbecfa;text-decoration:none}
.langs{display:flex;gap:8px}
.langs a{padding:5px 8px;border:1px solid #214560;border-radius:8px}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:5vw}
.eyebrow{color:#75caff;letter-spacing:.22em;font-size:12px;font-weight:700}
.hero h1{font-size:clamp(54px,6vw,96px);line-height:.95;margin:18px 0;max-width:800px}.lead{font-size:21px;color:#c2d0dc;max-width:650px}
.lead.small{font-size:17px}.actions{display:flex;gap:15px;margin-top:30px}
.btn{display:inline-block;padding:14px 24px;border:1px solid #446075;border-radius:8px;color:white;text-decoration:none;font-weight:700}
.btn.primary{background:linear-gradient(100deg,#03c7ed,#087dff);border:0;box-shadow:0 0 28px #008cff42}
/* ========================================================= 
   ITpassion V1.1A - REAL PRODUCT HERO SHOWCASE 
   ========================================================= */ 
 
.hero-art { 
    height: 540px; 
    position: relative; 
    perspective: 1400px; 
    perspective-origin: 50% 45%; 
    isolation: isolate; 
} 
 
.product-window { 
    position: absolute; 
    overflow: hidden; 
    background: linear-gradient(145deg, rgba(14, 27, 42, 0.98), rgba(5, 13, 23, 0.99)); 
    border: 1px solid rgba(34, 170, 235, 0.65); 
    border-radius: 14px; 
    box-shadow: 0 35px 90px rgba(0, 0, 0, 0.72), 
                0 0 45px rgba(0, 148, 255, 0.10), 
                inset 0 1px 0 rgba(255, 255, 255, 0.06); 
    transform-style: preserve-3d; 
    transition: transform 420ms cubic-bezier(.2, .8, .2, 1), 
                border-color 300ms ease, 
                box-shadow 300ms ease; 
    will-change: transform; 
} 
 
.product-window-bar { 
    height: 40px; 
    display: grid; 
    grid-template-columns: minmax(54px, auto) minmax(110px, 1fr) auto; 
    align-items: center; 
    gap: 12px; 
    padding: 0 13px; 
    background: linear-gradient(180deg, rgba(15, 30, 46, 0.98), rgba(8, 18, 30, 0.98)); 
    border-bottom: 1px solid rgba(71, 139, 185, 0.20); 
} 
 
.window-dots { 
    display: flex; 
    gap: 6px; 
} 
 
.window-dots span { 
    width: 7px; 
    height: 7px; 
    border-radius: 50%; 
    background: #23465e; 
} 
 
.window-dots span:nth-child(1) { background: #ff5e57; } 
.window-dots span:nth-child(2) { background: #febc2e; } 
.window-dots span:nth-child(3) { background: #28c840; } 
 
.product-window-title { 
    overflow: hidden; 
    color: #eaf7ff; 
    font-size: 11px; 
    font-weight: 700; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 
 
.product-window-type { 
    color: #65c7f4; 
    font-size: 8px; 
    font-weight: 700; 
    letter-spacing: .13em; 
    white-space: nowrap; 
} 
 
.product-window-screen { 
    position: relative; 
    width: 100%; 
    height: calc(100% - 40px); 
    overflow: hidden; 
    background: #060d16; 
} 
 
.product-window-screen img { 
    display: block; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center; 
    transform: scale(1.003); 
    transition: transform 700ms cubic-bezier(.2, .8, .2, 1), filter 400ms ease; 
} 
 
.product-window-screen::after { 
    content: ""; 
    position: absolute; 
    inset: 0; 
    pointer-events: none; 
    background: linear-gradient(118deg, 
                rgba(255, 255, 255, .08) 0%, 
                rgba(255, 255, 255, .025) 15%, 
                transparent 32%, 
                transparent 100%); 
    opacity: .55; 
} 
 
.product-window-maclog { 
    width: 42%; 
    height: 55%; 
    left: 0; 
    top: 25%; 
    z-index: 1; 
    transform: rotateY(18deg) rotateZ(-2deg) translateZ(-35px); 
} 
 
.product-window-finance { 
    width: 59%; 
    height: 73%; 
    left: 23%; 
    top: 6%; 
    z-index: 4; 
    border-color: rgba(38, 191, 255, 0.88); 
    box-shadow: 0 42px 110px rgba(0, 0, 0, .80), 
                0 0 55px rgba(0, 159, 255, .18), 
                inset 0 1px 0 rgba(255, 255, 255, .07); 
    transform: rotateY(-6deg) translateZ(42px); 
} 
 
.product-window-finance .product-window-type { color: #43e0b1; } 
 
.product-window-drive { 
    width: 41%; 
    height: 56%; 
    right: -1%; 
    top: 27%; 
    z-index: 2; 
    transform: rotateY(-18deg) rotateZ(2deg) translateZ(-15px); 
} 
 
.product-window:hover { 
    z-index: 10; 
    border-color: rgba(90, 210, 255, .95); 
    box-shadow: 0 45px 120px rgba(0, 0, 0, .82), 
                0 0 65px rgba(0, 159, 255, .22), 
                inset 0 1px 0 rgba(255, 255, 255, .08); 
} 
 
.product-window:hover .product-window-screen img { transform: scale(1.025); } 
.product-window-maclog:hover { transform: rotateY(11deg) rotateZ(-1deg) translateY(-8px) translateZ(28px); } 
.product-window-finance:hover { transform: rotateY(-2deg) translateY(-10px) translateZ(65px); } 
.product-window-drive:hover { transform: rotateY(-11deg) rotateZ(1deg) translateY(-8px) translateZ(30px); } 
 
[dir="rtl"] .hero-art, 
[dir="rtl"] .product-window-bar { 
    direction: ltr; 
} 
 
@media (max-width: 1050px) { 
    .hero-art { height: 460px; } 
    .product-window-maclog { width: 46%; height: 53%; left: 1%; top: 27%; } 
    .product-window-finance { width: 61%; height: 68%; left: 20%; top: 6%; } 
    .product-window-drive { width: 44%; height: 52%; right: 0; top: 31%; } 
} 
 
@media (max-width: 680px) { 
    .hero { min-height: 900px; } 
    .hero-art { height: 420px; margin-top: 20px; perspective: 900px; } 
    .product-window-bar { 
        height: 32px; 
        grid-template-columns: 42px minmax(80px, 1fr) auto; 
        padding: 0 8px; 
        gap: 6px; 
    } 
    .product-window-screen { height: calc(100% - 32px); } 
    .window-dots { gap: 4px; } 
    .window-dots span { width: 5px; height: 5px; } 
    .product-window-title { font-size: 8px; } 
    .product-window-type { font-size: 6px; letter-spacing: .06em; } 
    .product-window-maclog { 
        width: 57%; height: 42%; left: 0; top: 6%; 
        transform: rotateY(10deg) rotateZ(-2deg); 
    } 
    .product-window-finance { 
        width: 75%; height: 54%; left: 13%; top: 22%; z-index: 5; 
        transform: rotateY(-3deg) translateZ(20px); 
    } 
    .product-window-drive { 
        width: 57%; height: 42%; right: 0; top: 57%; 
        transform: rotateY(-10deg) rotateZ(2deg); 
    } 
}
.section{padding:84px 0}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px}
.section h2{font-size:clamp(34px,4vw,58px);margin:8px 0 20px}
.section-head>p{color:#9fb2c1}.bento{display:grid;grid-template-columns:2fr 1.2fr .8fr;gap:12px}
.group{padding:14px;border:1px solid #173b58;border-radius:16px;background:#07111cbf}
.group h3{color:#23aaf7}
.group.passion{border-color:#5a1d46}
.group.passion h3{color:#ff4c91}
.group.business{border-color:#076151}
.group.business h3{color:#35e6bd}.cards{display:flex;gap:9px}
.card{min-width:0;flex:1;padding:10px;background:#060d16;border:1px solid #17324a;border-radius:10px}
.visual{height:125px;display:grid;place-items:center;background:radial-gradient(circle,#0c5f9438,transparent 65%);color:#85d7ff;font-weight:800}
.card h4{margin:12px 0 4px}
.card p,.solution-grid p{font-size:13px;color:#9fb2c1}
.finance{border-block:1px solid #13334a;background:linear-gradient(100deg,#06101b,#071a21)}
.feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}
.brand{font-size:45px;font-weight:800}
.brand span{color:#51dfa8}
.dashboard{min-height:330px;background:linear-gradient(160deg,#efffff,#cceaf2);color:#07253a;border:7px solid #172833;border-radius:18px;padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:15px;box-shadow:0 30px 80px #0008}
.metric{background:white;border-radius:10px;padding:24px;font-size:26px;font-weight:800}
.metric small{display:block;font-size:12px;color:#678}
.chart{grid-column:1/-1;border-radius:10px;background:linear-gradient(180deg,#fff,#e9fafb);position:relative}
.chart:after{content:"";position:absolute;inset:35% 7% 15%;background:repeating-linear-gradient(90deg,#19bcd7 0 7%,transparent 7% 12%);opacity:.8}
.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.solution-grid article{padding:22px;min-height:190px;border:1px solid #17405c;border-radius:12px;background:linear-gradient(145deg,#0b1926,#07111b)}
.solution-grid i{color:#1cb9ff;font-style:normal}
.connect{border-top:1px solid #193a50}
.flow{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:80px;margin-top:35px}
.stack{display:grid;gap:10px}
.stack span,.flow strong{border:1px solid #1f6aa1;border-radius:10px;padding:13px 20px;background:#081524}
.flow strong{text-align:center;font-size:27px;box-shadow:0 0 35px #008cff41}
.flow strong small{display:block;font-size:9px;letter-spacing:.18em;color:#75caff}.orbit{height:420px;position:relative;border:1px solid #12436b;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#007bff28,transparent 52%)}
.orbit strong{font-size:30px;color:#5bc7ff}
.orbit span{position:absolute;left:50%;top:50%;transform:rotate(calc(var(--i)*40deg)) translateX(250px) rotate(calc(var(--i)*-40deg));padding:9px 15px;background:#081624;border:1px solid #216da3;border-radius:20px;font-size:13px}
.cta{padding:90px 0;background:linear-gradient(110deg,#07111b,#052b45)}
.cta h2{font-size:56px;margin:0}
.cta h3{font-size:38px;color:#20aaff;margin:0 0 16px}footer{height:90px;display:flex;gap:35px;align-items:center;border-top:1px solid #182b3c;color:#8ea5b6}footer span:last-child{margin-inline-start:auto}[dir=rtl] 
.hero-art{transform:scaleX(-1)}[dir=rtl] 
.screen{transform:scaleX(-1)}
@media(max-width:1050px){.hero{grid-template-columns:1fr}
.hero-art{height:380px}
.bento{grid-template-columns:1fr}
.solution-grid{grid-template-columns:repeat(2,1fr)}
.feature,.flow{grid-template-columns:1fr}
.orbit span{transform:rotate(calc(var(--i)*40deg)) translateX(180px) rotate(calc(var(--i)*-40deg))}}
@media(max-width:680px){.nav nav{display:none}.hero{min-height:800px}
.hero h1{font-size:52px}
.cards{display:grid;grid-template-columns:1fr 1fr}
.solution-grid{grid-template-columns:1fr}
.section-head{display:block}.orbit{height:auto;border-radius:20px;padding:25px;display:grid;gap:8px}
.orbit span{position:static;transform:none!important}
.cta h2{font-size:40px}
.cta h3{font-size:28px}footer{flex-wrap:wrap;height:auto;padding:28px 0}}
/* ========================================================= 

   ITpassion V1.1B - PROJECT GALLERY 

   Diesen Block ans Ende von itpassion.css setzen. 

   ========================================================= */ 

.project-showcase { padding-top: 105px; } 
.project-family { margin-top: 70px; } 
.family-heading { display: flex; align-items: flex-start; gap: 18px; margin-bottom: 24px; } 
.family-number { margin: 5px 0 0; color: #31b7ff; font-size: 12px; font-weight: 800; letter-spacing: .18em; } 
.family-heading h3 { margin: 0 0 6px; font-size: clamp(26px, 2.7vw, 40px); } 
.family-heading p { margin: 0; color: #91a8b9; } 
.project-gallery { display: grid; gap: 18px; } 
.project-gallery-systems { grid-template-columns: repeat(6, minmax(0, 1fr)); } 
.project-gallery-systems .showcase-card { grid-column: span 2; } 
.project-gallery-systems .showcase-card-wide { grid-column: span 3; } 
.project-gallery-passion { grid-template-columns: repeat(3, minmax(0, 1fr)); } 
.showcase-card { 
    position: relative; 
    overflow: hidden; 
    min-width: 0; 
    border: 1px solid rgba(55, 135, 185, .36); 
    border-radius: 18px; 
    background: linear-gradient(145deg, rgba(10, 25, 39, .98), rgba(5, 13, 22, .98)); 
    box-shadow: 0 25px 80px rgba(0, 0, 0, .28); 
    transition: transform .35s cubic-bezier(.2,.8,.2,1), border-color .3s ease, box-shadow .3s ease; 
} 
.showcase-card::before { 
    content: ""; 
    position: absolute; 
    inset: 0; 
    pointer-events: none; 
    background: radial-gradient(circle at 75% 5%, rgba(0, 155, 255, .13), transparent 35%); 
    z-index: 2; 
} 
.showcase-card:hover { 
    transform: translateY(-8px); 
    border-color: rgba(75, 200, 255, .80); 
    box-shadow: 0 35px 100px rgba(0, 0, 0, .46), 0 0 38px rgba(0, 145, 255, .12); 
} 
.showcase-media { position: relative; height: 255px; overflow: hidden; background: #050b12; } 
.showcase-media::after { 
    content: ""; 
    position: absolute; 
    inset: 0; 
    pointer-events: none; 
    background: linear-gradient(180deg, transparent 60%, rgba(4, 11, 18, .45)); 
} 
.showcase-media img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transition: transform .7s cubic-bezier(.2,.8,.2,1), filter .35s ease; } 
.showcase-card:hover .showcase-media img { transform: scale(1.045); filter: saturate(1.07) contrast(1.03); } 
.showcase-copy { position: relative; z-index: 3; display: flex; justify-content: space-between; gap: 20px; align-items: flex-end; padding: 22px 22px 24px; } 
.showcase-copy h4 { margin: 3px 0 7px; font-size: 24px; } 
.showcase-copy p { margin: 0; color: #96aabd; font-size: 14px; } 
.showcase-label { color: #42c2ff !important; font-size: 10px !important; font-weight: 800; letter-spacing: .15em; } 
.showcase-arrow { flex: 0 0 auto; color: #72d4ff; font-size: 11px; font-weight: 800; letter-spacing: .08em; transition: transform .3s ease, color .3s ease; } 
.showcase-card:hover .showcase-arrow { transform: translateX(5px); color: #ffffff; } 
.showcase-card-wide .showcase-media { height: 290px; } 
.showcase-card-passion .showcase-media { height: 335px; } 
.showcase-card-drive { border-color: rgba(33, 165, 255, .40); } 
.showcase-card-horse { border-color: rgba(211, 154, 88, .40); } 
.showcase-card-horse::before { background: radial-gradient(circle at 75% 5%, rgba(211, 154, 88, .14), transparent 35%); } 
.showcase-card-horse .showcase-label { color: #e4af72 !important; } 
.showcase-card-arabian { border-color: rgba(218, 183, 85, .42); } 
.showcase-card-arabian::before { background: radial-gradient(circle at 75% 5%, rgba(218, 183, 85, .14), transparent 35%); } 
.showcase-card-arabian .showcase-label { color: #e1c46c !important; } 
.showcase-card-finance { display: grid; grid-template-columns: minmax(0, 1.58fr) minmax(320px, .72fr); border-color: rgba(47, 218, 172, .42); } 
.showcase-card-finance::before { background: radial-gradient(circle at 85% 10%, rgba(47, 218, 172, .15), transparent 38%); } 
.showcase-card-finance .showcase-media { height: 460px; } 
.showcase-card-finance .showcase-copy { padding: 42px; align-items: center; } 
.showcase-card-finance .showcase-copy h4 { font-size: clamp(34px, 4vw, 58px); } 
.showcase-card-finance .showcase-label { color: #42dfb2 !important; } 
[dir="rtl"] .project-showcase, 
[dir="rtl"] .showcase-card { direction: rtl; } 
[dir="rtl"] .showcase-media { direction: ltr; } 
[dir="rtl"] .showcase-arrow { transform: none; } 
[dir="rtl"] .showcase-card:hover .showcase-arrow { transform: translateX(-5px); } 
@media (max-width: 1180px) { 
    .project-gallery-systems { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
    .project-gallery-systems .showcase-card, 
    .project-gallery-systems .showcase-card-wide { grid-column: span 1; } 
    .project-gallery-passion { grid-template-columns: repeat(2, minmax(0, 1fr)); } 
    .showcase-card-finance { grid-template-columns: 1fr; } 
    .showcase-card-finance .showcase-media { height: 390px; } 
} 
@media (max-width: 760px) { 
    .project-showcase { padding-top: 78px; } 
    .project-family { margin-top: 52px; } 
    .project-gallery-systems, 
    .project-gallery-passion { grid-template-columns: 1fr; } 
    .showcase-media, 
    .showcase-card-wide .showcase-media, 
    .showcase-card-passion .showcase-media { height: 245px; } 
    .showcase-card-finance .showcase-media { height: 260px; } 
    .showcase-copy { padding: 18px; } 
    .showcase-copy h4 { font-size: 22px; } 
    .showcase-card-finance .showcase-copy { padding: 24px; } 
    .showcase-card-finance .showcase-copy h4 { font-size: 34px; } 
} 
@media (prefers-reduced-motion: reduce) { 
    .showcase-card, 
    .showcase-media img, 
    .showcase-arrow { transition: none; } 
    .showcase-card:hover { transform: none; } 
    .showcase-card:hover .showcase-media img { transform: none; } 
}
/* ========================================================= 
   ITpassion V1.1C - FINANCEPASSION FEATURE 
   Diesen Block ans Ende von itpassion.css setzen. 
   ========================================================= */ 
.finance-feature-section { 
    position: relative; 
    overflow: hidden; 
    border-block: 1px solid rgba(39, 109, 145, .34); 
    background: 
        radial-gradient(circle at 80% 20%, rgba(28, 208, 162, .11), transparent 32%), 
        linear-gradient(104deg, #06101a, #071b22 58%, #06131d); 
} 
.finance-feature-section::before { 
    content: ""; 
    position: absolute; 
    inset: 0; 
    pointer-events: none; 
    background: linear-gradient(118deg, transparent 0 52%, rgba(55, 221, 176, .035) 52% 53%, transparent 53% 100%); 
} 
.finance-feature { 
    position: relative; 
    z-index: 1; 
    display: grid; 
    grid-template-columns: minmax(300px, .72fr) minmax(0, 1.28fr); 
    align-items: center; 
    gap: clamp(40px, 6vw, 100px); 
} 
.finance-feature-copy { max-width: 590px; } 
.finance-feature-copy .brand { margin: 0 0 15px; } 
.finance-feature-copy h2 { margin-bottom: 20px; } 
.finance-feature-copy > p:not(.brand) { color: #b9cad7; font-size: 18px; line-height: 1.7; } 
.finance-feature-copy .btn { margin-top: 18px; } 
.finance-feature-visual { 
    position: relative; 
    padding: 35px 10px 35px 0; 
    perspective: 1500px; 
} 
.finance-feature-visual::before { 
    content: ""; 
    position: absolute; 
    width: 65%; 
    height: 52%; 
    right: 6%; 
    top: 24%; 
    border-radius: 50%; 
    background: rgba(31, 218, 168, .18); 
    filter: blur(75px); 
    pointer-events: none; 
} 
.finance-feature-window { 
    position: relative; 
    overflow: hidden; 
    border: 1px solid rgba(64, 214, 179, .60); 
    border-radius: 17px; 
    background: #06101a; 
    box-shadow: 
        0 42px 110px rgba(0, 0, 0, .68), 
        0 0 55px rgba(31, 210, 163, .12), 
        inset 0 1px 0 rgba(255, 255, 255, .06); 
    transform: rotateY(-5deg) rotateX(1deg); 
    transform-origin: center; 
    transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, border-color .35s ease; 
} 
.finance-feature-window:hover { 
    transform: rotateY(-1deg) translateY(-8px) scale(1.008); 
    border-color: rgba(91, 238, 200, .90); 
    box-shadow: 
        0 52px 130px rgba(0, 0, 0, .76), 
        0 0 70px rgba(31, 210, 163, .20), 
        inset 0 1px 0 rgba(255, 255, 255, .08); 
} 
.finance-feature-bar { 
    height: 44px; 
    display: grid; 
    grid-template-columns: 70px minmax(120px, 1fr) auto; 
    align-items: center; 
    gap: 12px; 
    padding: 0 15px; 
    border-bottom: 1px solid rgba(75, 157, 176, .20); 
    background: linear-gradient(180deg, rgba(13, 32, 46, .98), rgba(7, 20, 31, .98)); 
} 
.finance-feature-title { 
    overflow: hidden; 
    color: #edfaff; 
    font-size: 12px; 
    font-weight: 800; 
    white-space: nowrap; 
    text-overflow: ellipsis; 
} 
.finance-feature-type { 
    color: #48ddb6; 
    font-size: 8px; 
    font-weight: 800; 
    letter-spacing: .14em; 
    white-space: nowrap; 
} 
.finance-feature-screen { 
    position: relative; 
    aspect-ratio: 16 / 9; 
    overflow: hidden; 
    background: #050b12; 
} 
.finance-feature-screen img { 
    display: block; 
    width: 100%; 
    height: 100%; 
    object-fit: cover; 
    object-position: center; 
    transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .35s ease; 
} 
.finance-feature-window:hover .finance-feature-screen img { 
    transform: scale(1.018); 
    filter: saturate(1.04) contrast(1.02); 
} 
.finance-feature-screen::after { 
    content: ""; 
    position: absolute; 
    inset: 0; 
    pointer-events: none; 
    background: linear-gradient(120deg, rgba(255,255,255,.07), transparent 24% 100%); 
} 
[dir="rtl"] .finance-feature-bar, 
[dir="rtl"] .finance-feature-screen { direction: ltr; } 
@media (max-width: 1050px) { 
    .finance-feature { grid-template-columns: 1fr; gap: 35px; } 
    .finance-feature-copy { max-width: 760px; } 
    .finance-feature-visual { padding: 5px 0 20px; } 
    .finance-feature-window { transform: none; } 
    .finance-feature-window:hover { transform: translateY(-6px); } 
} 
@media (max-width: 680px) { 
    .finance-feature-copy > p:not(.brand) { font-size: 16px; } 
    .finance-feature-bar { 
        height: 36px; 
        grid-template-columns: 48px minmax(90px, 1fr) auto; 
        gap: 7px; 
        padding: 0 9px; 
    } 
    .finance-feature-title { font-size: 9px; } 
    .finance-feature-type { font-size: 6px; letter-spacing: .08em; } 
    .finance-feature-window { border-radius: 12px; } 
} 
@media (prefers-reduced-motion: reduce) { 
    .finance-feature-window, 
    .finance-feature-screen img { transition: none; } 
    .finance-feature-window:hover { transform: none; } 
    .finance-feature-window:hover .finance-feature-screen img { transform: none; }
}
/* ========================================================= 

   ITpassion V1.2A - MacLOG PROJECT PAGE 

   No artificial product interface 

   ========================================================= */ 

.project-page{overflow:hidden}
.project-detail-hero{min-height:670px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(460px,1.1fr);align-items:center;gap:7vw;padding-block:90px}
.project-back{display:inline-block;margin-bottom:30px;color:#7bcfff;text-decoration:none;font-weight:750}
.project-detail-copy h1{margin:10px 0;font-size:clamp(68px,8vw,126px);line-height:.88}
.project-claim{margin:18px 0;color:#d8e9f6;font-size:clamp(24px,2.4vw,38px);font-weight:750}
.project-intro{max-width:670px;color:#9eb2c3;font-size:18px;line-height:1.75}
.project-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:28px}
.project-tags span{padding:8px 12px;border:1px solid #21587c;border-radius:999px;color:#9fdcff;background:#081725;font-size:11px;font-weight:800;letter-spacing:.07em}
.maclog-agent-visual{display:grid;grid-template-columns:1fr 70px 1fr 70px 1fr;align-items:center;min-height:390px;padding:40px;border:1px solid rgba(57,151,207,.28);border-radius:30px;background:radial-gradient(circle at center,#0b55803d,transparent 55%),linear-gradient(145deg,#091521,#050b12);box-shadow:0 40px 120px #0008}
.agent-node{display:grid;place-items:center;min-height:170px;padding:20px;border:1px solid #226797;border-radius:22px;text-align:center;background:#071522;box-shadow:0 0 35px #0099ff17}
.agent-node span{color:#39bfff;font-size:12px;font-weight:900;letter-spacing:.18em}
.agent-node strong{margin-top:10px;font-size:17px}
.agent-core{border-color:#39c9ff;box-shadow:0 0 55px #00aaff2b}
.agent-link{height:2px;background:linear-gradient(90deg,#1d6f9d,#52d4ff);position:relative}
.agent-link span{position:absolute;right:-2px;top:-4px;width:10px;height:10px;border-top:2px solid #52d4ff;border-right:2px solid #52d4ff;transform:rotate(45deg)}
.project-story{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:105px}
.project-story article{padding:30px;border:1px solid #173f5b;border-radius:20px;background:linear-gradient(145deg,#0b1926,#06101a)}
.story-number{color:#37bcff;font-size:11px;font-weight:900;letter-spacing:.18em}
.project-story h2{margin:14px 0;font-size:27px}
.project-story article>p:last-child,.collection-card p,.processing-layout>div>p:last-child{color:#96abbd;line-height:1.7}
.collection-section{padding-bottom:105px}
.project-section-head{margin-bottom:30px}
.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.collection-card{min-height:210px;padding:25px;border:1px solid #17425f;border-radius:18px;background:#07131e}
.collection-card>span{color:#3bc3ff;font-size:11px;font-weight:900}
.collection-card h3{margin:20px 0 8px}
.processing-section{padding:100px 0;border-block:1px solid #15354a;background:linear-gradient(110deg,#06101a,#082230)}
.processing-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}
.processing-layout h2{font-size:clamp(38px,4vw,62px)}.process-steps{display:grid;gap:12px;margin:0;padding:0;list-style:none}
.process-steps li{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:21px;border:1px solid #1b4a68;border-radius:17px;background:#071522}
.process-steps li>span{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#53d1ff;background:#0a2c42;font-weight:900}
.process-steps strong{font-size:18px}
.process-steps p{margin:5px 0 0;color:#92a9bb}
.result-section{padding-block:105px}
.result-window{overflow:hidden;margin-top:30px;border:1px solid #258dc1;border-radius:20px;background:#06101a;box-shadow:0 40px 110px #0009,0 0 60px #008dff20}
.result-screen{aspect-ratio:16/9;overflow:hidden}
.result-screen img{display:block;width:100%;height:100%;object-fit:cover}
.result-note{max-width:920px;margin:22px auto 0;color:#91a8ba;text-align:center}
.privacy-section{padding-bottom:105px}
.privacy-card{padding:38px;border:1px solid rgba(77,199,255,.32);border-radius:24px;background:linear-gradient(145deg,#0a1c2b,#07121d)}
.privacy-card h2{font-size:clamp(32px,3.5vw,52px)}
.privacy-card p:last-child{max-width:950px;color:#a5b7c6;line-height:1.75}
.project-next{padding:65px 0;border-top:1px solid #15354a;background:#06101a}
.project-next-layout{display:flex;justify-content:space-between;align-items:center;gap:30px}
.project-next a{color:#74ceff;text-decoration:none;font-weight:800}
.project-next div{text-align:right}
.project-next span,.project-next strong{display:block}
.project-next span{color:#8098aa;font-size:11px;letter-spacing:.14em}
.project-next strong{margin-top:6px;font-size:24px}[dir=rtl] 
.maclog-agent-visual,[dir=rtl] .result-window{direction:ltr}[dir=rtl] 
.project-next div{text-align:left}
@media(max-width:1050px){.project-detail-hero{grid-template-columns:1fr}
.maclog-agent-visual{min-height:330px}
.project-story,.collection-grid{grid-template-columns:1fr 1fr}
.processing-layout{grid-template-columns:1fr}}@media(max-width:700px){.project-detail-hero{padding-block:60px}
.project-detail-copy h1{font-size:64px}
.maclog-agent-visual{grid-template-columns:1fr;padding:22px}
.agent-link{width:2px;height:45px;margin:auto;background:linear-gradient(#1d6f9d,#52d4ff)}
.agent-link span{right:-4px;top:auto;bottom:-2px;transform:rotate(135deg)}
.project-story,.collection-grid{grid-template-columns:1fr}
.project-next-layout{align-items:flex-start;flex-direction:column}
.project-next div{text-align:left}[dir=rtl] .project-next div{text-align:right}}
.showcase-card-link { 
    display: block; 
    color: inherit; 
    text-decoration: none; 
    cursor: pointer; 
} 
.showcase-card-link:focus-visible { 
    outline: 2px solid #71d4ff; 
    outline-offset: 4px; 
}
/* ========================================================= 

   ITpassion V1.2B - WinLOG PROJECT PAGE 

   Real functionality from the PowerShell inventory script 

   ========================================================= */ 

.winlog-page .project-detail-copy h1{color:#eef8ff}
.winlog-pipeline{display:grid;grid-template-columns:1fr 44px 1fr 44px 1fr;align-items:center;min-height:390px;padding:38px;border:1px solid rgba(34,152,255,.30);border-radius:30px;background:radial-gradient(circle at 50% 35%,rgba(0,118,255,.18),transparent 55%),linear-gradient(145deg,#081522,#050b13);box-shadow:0 40px 120px #0008}
.pipeline-node{display:grid;place-items:center;min-height:175px;padding:22px;border:1px solid #1f5f91;border-radius:22px;text-align:center;background:#071522}
.pipeline-node span{color:#47c8ff;font-size:11px;font-weight:900;letter-spacing:.17em}
.pipeline-node strong{margin-top:11px;font-size:17px}
.pipeline-scan{border-color:#2fbfff;box-shadow:0 0 50px rgba(0,155,255,.18)}
.pipeline-export{border-color:#38d8aa}
.pipeline-arrow{color:#48caff;text-align:center;font-size:28px;font-weight:900}
.winlog-inventory-grid{grid-template-columns:repeat(4,1fr)}
.winlog-inventory-card{min-height:225px}
.winlog-process-section{background:linear-gradient(110deg,#06101a,#07243a)}
.winlog-update-section{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-block:105px}
.winlog-update-copy h2,.winlog-export-layout h2{font-size:clamp(38px,4vw,62px)}
.winlog-update-copy>p:last-child,.winlog-export-layout>div>p:last-child{color:#9bb0c1;line-height:1.75}
.winlog-update-sources{display:grid;gap:13px}
.winlog-update-sources>div{padding:23px;border:1px solid #195077;border-radius:18px;background:#071522}
.winlog-update-sources span{display:inline-grid;place-items:center;width:36px;height:36px;margin-right:12px;border-radius:10px;color:#59d3ff;background:#0a3049;font-weight:900}
.winlog-update-sources strong{font-size:18px}
.winlog-update-sources p{margin:10px 0 0;color:#92a9bb}
.winlog-export-section{padding:100px 0;border-block:1px solid #143850;background:linear-gradient(105deg,#06111c,#08283c)}
.winlog-export-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.export-paths{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.export-paths>div{padding:27px;border:1px solid #1b668e;border-radius:20px;background:#071725}
.export-paths span,.export-paths strong{display:block}
.export-paths span{color:#52cfff;font-size:10px;font-weight:900;letter-spacing:.14em}
.export-paths strong{margin-top:12px;font-size:20px}
.export-fallback{border-color:#3a836f!important}
.winlog-result-window{border-color:#248ee5}
.winlog-accuracy-card{border-color:rgba(55,172,255,.38)}
.project-next-link{display:block;margin-top:6px;color:#74ceff;text-decoration:none;font-size:24px;font-weight:800}
.project-next-link:hover{color:#fff}@media(max-width:1050px){.winlog-update-section,.winlog-export-layout{grid-template-columns:1fr}
.winlog-inventory-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.winlog-pipeline{grid-template-columns:1fr;padding:22px}
.pipeline-arrow{transform:rotate(90deg)}
.winlog-inventory-grid,.export-paths{grid-template-columns:1fr}
.winlog-update-section{gap:35px}}
.backup-project-page .project-detail-copy h1{font-size:clamp(54px,6.4vw,100px)}
.backup-source-visual{display:grid;grid-template-columns:1fr 55px 1fr;align-items:center;min-height:410px;padding:38px;border:1px solid rgba(48,190,140,.28);border-radius:30px;background:radial-gradient(circle at 70% 45%,rgba(36,211,142,.16),transparent 42%),linear-gradient(145deg,#081721,#050b12);box-shadow:0 40px 120px #0008}
.backup-source-list{display:grid;gap:10px}
.backup-source-list span,.context-tiles span{padding:13px 15px;border:1px solid #1f5b66;border-radius:12px;background:#071824;color:#b9d9e2;text-align:center;font-weight:750}
.backup-flow-arrow{color:#42ddb0;text-align:center;font-size:32px;font-weight:900}
.backup-core{display:grid;place-items:center;min-height:220px;padding:24px;border:1px solid #39daa8;border-radius:24px;background:#071b20;box-shadow:0 0 60px rgba(45,218,167,.18);text-align:center}
.backup-core small{color:#42deb0;letter-spacing:.16em}
.backup-core strong{font-size:28px}
.backup-core span{color:#91b8b1}
.backup-capability-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.backup-capability-card{min-height:225px;padding:24px;border:1px solid #195260;border-radius:18px;background:#071620}
.backup-capability-card>span{color:#41d8ac;font-size:11px;font-weight:900}
.backup-capability-card h3{margin:18px 0 8px}
.backup-capability-card p{color:#94acb4;line-height:1.7}
.backup-status-section{background:linear-gradient(110deg,#061019,#082620)}
.backup-status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.backup-status-card{display:grid;place-items:center;min-height:160px;border-radius:20px;background:#07151d;text-align:center}
.backup-status-card span{font-size:10px;font-weight:900;letter-spacing:.15em}
.backup-status-card strong{font-size:18px}
.backup-status-card.ok{border:1px solid #22c55e}
.backup-status-card.ok span{color:#22c55e}
.backup-status-card.warning{border:1px solid #facc15}
.backup-status-card.warning span{color:#facc15}
.backup-status-card.error{border:1px solid #ef4444}
.backup-status-card.error span{color:#ef4444}
.backup-workflow{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-block:105px}
.backup-workflow h2,.backup-context-layout h2{font-size:clamp(38px,4vw,62px)}
.backup-workflow>div>p:last-child,.backup-context-layout>div>p:last-child{color:#9bb1b8;line-height:1.75}
.backup-context-section{padding:100px 0;border-block:1px solid #164338;background:linear-gradient(105deg,#06111a,#082a24)}
.backup-context-layout{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.context-tiles{display:grid;gap:14px}
.backup-result-window{border-color:#37bd92}
.backup-project-page .project-next-link{color:#66ddb7}[dir="rtl"] 
.backup-source-visual,[dir="rtl"] 
.backup-result-window{direction:ltr}
@media(max-width:1180px){.backup-capability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1050px){.backup-workflow,.backup-context-layout{grid-template-columns:1fr}
.backup-status-cards{grid-template-columns:1fr}}
@media(max-width:700px){.backup-source-visual{grid-template-columns:1fr;padding:22px}
.backup-flow-arrow{transform:rotate(90deg)}
.backup-capability-grid{grid-template-columns:1fr}} 
.firewall-project-page .project-detail-copy h1{color:#f2f7ff}
.firewall-flow{display:grid;grid-template-columns:1fr 42px 1fr 42px 1fr;align-items:center;min-height:380px;padding:36px;border:1px solid rgba(255,70,90,.28);border-radius:30px;background:radial-gradient(circle at center,rgba(255,58,78,.12),transparent 50%),linear-gradient(145deg,#101522,#050b12);box-shadow:0 40px 120px #0008}
.firewall-flow>div{display:grid;place-items:center;min-height:180px;padding:20px;border:1px solid #6d3440;border-radius:22px;background:#11151f;text-align:center}
.firewall-flow span{color:#ff6578;font-size:11px;font-weight:900;letter-spacing:.16em}
.firewall-flow strong{margin-top:10px}
.firewall-flow b{color:#ff6578;text-align:center;font-size:26px}
.firewall-cap-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.firewall-cap-grid article{min-height:230px;padding:24px;border:1px solid #4b303b;border-radius:18px;background:#0d141e}
.firewall-cap-grid article>span{color:#ff6578;font-size:11px;font-weight:900}
.firewall-cap-grid h3{margin:18px 0 8px}
.firewall-cap-grid p{color:#9eabb8;line-height:1.7}
.firewall-live-section{background:linear-gradient(110deg,#071019,#1d1117)}
.firewall-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.firewall-filter-grid span{padding:17px;border:1px solid #633642;border-radius:14px;background:#11151e;color:#e8bac1;text-align:center;font-weight:800}
.firewall-attack{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:105px}
.firewall-attack h2,.firewall-geo h2,.firewall-vpn h2{font-size:clamp(38px,4vw,62px)}
.firewall-attack>div>p:last-child,.firewall-geo p,.firewall-vpn>div>p:last-child{color:#9eabb8;line-height:1.75}
.attack-chain{display:grid!important;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center}
.attack-chain span{padding:24px 12px;border:1px solid #6a3642;border-radius:16px;background:#11151e;text-align:center;font-weight:800}
.attack-chain b{color:#ff6578;text-align:center}
.firewall-geo{padding:100px 0;border-block:1px solid #432934;background:linear-gradient(108deg,#08111b,#211117)}
.firewall-geo-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}
.geo-orbit{min-height:360px;display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:28px;border:1px solid #633743;border-radius:50%;background:radial-gradient(circle,rgba(255,73,94,.14),transparent 58%)}
.geo-orbit span,.geo-orbit strong{display:grid;place-items:center;padding:18px;border:1px solid #57333d;border-radius:16px;background:#10141c;text-align:center}
.geo-orbit strong{grid-column:1/-1;color:#ff8291;font-size:22px}
.firewall-vpn{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;padding-block:105px}
.vpn-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}
.vpn-tiles>div{padding:24px;border:1px solid #304f6d;border-radius:17px;background:#0a1621}
.vpn-tiles span,.vpn-tiles strong{display:block}.vpn-tiles span{color:#6dbdff;font-size:10px;font-weight:900}
.vpn-tiles strong{margin-top:10px}
.firewall-result-window{border-color:#ca4254}
.firewall-public-card{border-color:rgba(255,94,113,.33)}[dir="rtl"] 
.firewall-flow,[dir="rtl"] 
.firewall-result-window,[dir="rtl"] 
.attack-chain,[dir="rtl"] 
.geo-orbit{direction:ltr}
@media(max-width:1180px){.firewall-cap-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:1050px){.firewall-attack,.firewall-geo-layout,.firewall-vpn{grid-template-columns:1fr}
.firewall-filter-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.firewall-flow{grid-template-columns:1fr;padding:22px}
.firewall-flow b{transform:rotate(90deg)}
.firewall-cap-grid,.firewall-filter-grid,.vpn-tiles{grid-template-columns:1fr}
.attack-chain{grid-template-columns:1fr!important}
.attack-chain b{transform:rotate(90deg)}
.geo-orbit{border-radius:28px;grid-template-columns:1fr}}
.command-project-page .project-detail-copy h1{font-size:clamp(50px,6vw,96px)}
.cc-public-flow{display:grid;grid-template-columns:1fr 48px 1fr;align-items:center;min-height:410px;padding:36px;border:1px solid rgba(99,179,255,.3);border-radius:30px;background:radial-gradient(circle at 70% 45%,rgba(72,151,255,.16),transparent 45%),linear-gradient(145deg,#081522,#050b12);box-shadow:0 40px 120px #0008}
.cc-signals{display:grid;gap:10px}
.cc-signals span{padding:12px 14px;border:1px solid #245679;border-radius:12px;background:#081925;color:#b6d4e9;text-align:center;font-weight:800}
.cc-public-flow>b{color:#63b8ff;text-align:center;font-size:30px}
.cc-public-core{display:grid;place-items:center;min-height:220px;padding:24px;border:1px solid #63b8ff;border-radius:24px;background:#081725;text-align:center;box-shadow:0 0 60px rgba(80,170,255,.18)}
.cc-public-core small{color:#63b8ff;letter-spacing:.16em}
.cc-public-core strong{font-size:27px}
.cc-public-modules{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cc-public-modules article{min-height:220px;padding:24px;border:1px solid #244662;border-radius:18px;background:#081522}
.cc-public-modules article>span{color:#63b8ff;font-size:11px;font-weight:900}
.cc-public-modules h3{margin:18px 0 8px}
.cc-public-modules p{color:#98adbf;line-height:1.7}
.cc-health-section{background:linear-gradient(110deg,#061019,#09253a)}
.cc-health-model{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.cc-health-model div{padding:22px 10px;border:1px solid #285d80;border-radius:15px;background:#091925;text-align:center;font-size:11px;font-weight:900}
.cc-health-model strong{grid-column:1/-1;padding:30px;border:1px solid #63b8ff;border-radius:18px;color:#78c8ff;background:#0a2031;text-align:center;font-size:26px}
.cc-action{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;padding-block:105px}
.cc-action h2,.cc-collector-layout h2{font-size:clamp(38px,4vw,62px)}
.cc-action>div>p:last-child,.cc-collector-layout>div>p:last-child{color:#9dafbf;line-height:1.75}
.cc-action-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.cc-action-cards div{padding:26px;border:1px solid #264e6c;border-radius:18px;background:#081522}
.cc-action-cards span,.cc-action-cards strong{display:block}
.cc-action-cards span{color:#63b8ff;font-size:10px;font-weight:900}
.cc-action-cards strong{margin-top:12px}.cc-collector-section{padding:100px 0;border-block:1px solid #1d425c;background:linear-gradient(105deg,#06111b,#082339)}
.cc-collector-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}
.collector-chain{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr;align-items:center}
.collector-chain span{padding:24px 10px;border:1px solid #285d80;border-radius:16px;background:#081925;text-align:center;font-weight:900}
.collector-chain b{color:#63b8ff;text-align:center}
.command-result-window{border-color:#419ee8}[dir="rtl"] 
.cc-public-flow,[dir="rtl"] 
.cc-health-model,[dir="rtl"] 
.collector-chain,[dir="rtl"] 
.command-result-window{direction:ltr}
@media(max-width:1100px){.cc-public-modules{grid-template-columns:repeat(2,1fr)}
.cc-action,.cc-collector-layout{grid-template-columns:1fr}
.cc-health-model{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.cc-public-flow{grid-template-columns:1fr;padding:22px}
.cc-public-flow>b{transform:rotate(90deg)}
.cc-public-modules,.cc-action-cards,.cc-health-model{grid-template-columns:1fr}
.collector-chain{grid-template-columns:1fr}
.collector-chain b{transform:rotate(90deg)}}
.drive-project-page{--drive-orange:#ff6a00}
.drive-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;min-height:760px;padding-block:90px}
.drive-hero-copy h1{margin:12px 0;font-size:clamp(58px,8vw,120px);line-height:.88;letter-spacing:-.065em}
.drive-hero-copy h1 span{display:block;color:var(--drive-orange)}
.drive-big-claim{max-width:780px;font-size:clamp(28px,3.1vw,48px);line-height:1.05;font-weight:800}
.drive-manifesto{display:grid;place-items:center;min-height:520px;padding:50px;border:1px solid rgba(255,106,0,.36);border-radius:44px;background:radial-gradient(circle at 50% 40%,rgba(255,106,0,.22),transparent 42%),linear-gradient(145deg,#17100d,#05080d);box-shadow:0 45px 140px #000a;text-align:center}
.drive-manifesto span{color:#ff9b58;font-weight:900;letter-spacing:.18em}
.drive-manifesto strong{max-width:560px;font-size:clamp(45px,5.4vw,80px);line-height:.96}
.drive-journey{padding:110px 0;border-block:1px solid #3c271b;background:linear-gradient(100deg,#070b10,#21120a)}
.drive-journey h2,.drive-drivetrain h2,.drive-community h2,.drive-insights h2{font-size:clamp(40px,4.6vw,68px)}
.drive-journey-line{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:45px}
.drive-journey-line div{padding:20px 12px;border-top:2px solid #ff6a00;background:#100e0d}
.drive-journey-line span,.drive-journey-line strong{display:block}
.drive-journey-line span{color:#ff8b3e;font-size:10px;font-weight:900}
.drive-journey-line strong{margin-top:9px}
.drive-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.drive-feature-grid article{min-height:235px;padding:27px;border:1px solid #423127;border-radius:20px;background:linear-gradient(145deg,#11151c,#100d0b)}
.drive-feature-grid article>span{color:#ff7d26;font-size:11px;font-weight:900}
.drive-feature-grid h3{margin:18px 0 8px}
.drive-feature-grid p{color:#aeb2b8;line-height:1.7}
.drive-drivetrain{padding:110px 0;border-block:1px solid #462916;background:linear-gradient(108deg,#090e14,#251207)}
.drive-drivetrain-layout,.drive-insights-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.drive-drivetrain p,.drive-community>div>p:last-child,.drive-insights p{color:#aeb2b8;line-height:1.75}
.drive-energy-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.drive-energy-cards div{display:grid;min-height:260px;padding:30px;border:1px solid #5b3925;border-radius:24px;background:#120f0e}
.drive-energy-cards small{color:#ff8c42;font-weight:900;letter-spacing:.14em}
.drive-energy-cards strong{margin-top:25px;font-size:29px}
.drive-energy-cards span{margin-top:14px;color:#aeb2b8;line-height:1.65}
.drive-community{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-block:105px}
.drive-community-flow{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr;align-items:center}
.drive-community-flow span,.drive-community-flow strong{padding:28px 14px;border:1px solid #563822;border-radius:18px;background:#11100f;text-align:center}
.drive-community-flow strong{color:#ff8a3b}
.drive-community-flow b{color:#ff6a00;text-align:center}
.drive-insights{padding:105px 0;border-block:1px solid #38281e;background:#100d0b}
.drive-insight-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drive-insight-list span{padding:18px;border:1px solid #473123;border-radius:14px;background:#17110e;text-align:center;font-weight:800}
.drive-result-window{border-color:#d85d0c}
.drive-public-card{border-color:rgba(255,106,0,.35)}[dir="rtl"] 
.drive-manifesto,[dir="rtl"] .drive-community-flow,[dir="rtl"] 
.drive-result-window{direction:ltr}
@media(max-width:1100px){.drive-hero,.drive-drivetrain-layout,.drive-community,.drive-insights-layout{grid-template-columns:1fr}
.drive-journey-line{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.drive-feature-grid,.drive-energy-cards,.drive-insight-list,.drive-journey-line{grid-template-columns:1fr}
.drive-community-flow{grid-template-columns:1fr}.drive-community-flow b{transform:rotate(90deg)}
.drive-manifesto{min-height:360px}}
.horse-project-page{--horse-green:#26745e;--horse-gold:#c5a66b;--horse-cream:#eee8dc}
.horse-public-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;min-height:760px;padding-block:90px}
.horse-public-hero h1{font-size:clamp(58px,8vw,116px);line-height:.9;letter-spacing:-.06em}
.horse-public-hero h1 span{display:block;color:#69a793}.horse-public-claim{font-size:clamp(29px,3.3vw,48px);font-weight:800;line-height:1.05}
.horse-public-manifesto{display:grid;place-items:center;min-height:520px;padding:50px;border:1px solid rgba(197,166,107,.38);border-radius:44px;background:radial-gradient(circle at center,rgba(38,116,94,.25),transparent 46%),linear-gradient(145deg,#10211d,#090c0b);text-align:center;box-shadow:0 45px 140px #0009}
.horse-public-manifesto small{color:var(--horse-gold);font-weight:900;letter-spacing:.18em}
.horse-public-manifesto strong{font-family:Georgia,serif;max-width:580px;font-size:clamp(44px,5vw,76px);line-height:1}
.horse-public-journey{padding:110px 0;border-block:1px solid #25493f;background:linear-gradient(105deg,#08100e,#10271f)}
.horse-public-journey h2,.horse-connected h2,.horse-planning h2,.horse-access h2{font-family:Georgia,serif;font-size:clamp(40px,4.6vw,68px)}
.horse-public-journey-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-top:45px}
.horse-public-journey-grid span{padding:22px 12px;border-top:2px solid var(--horse-gold);background:#0c1714;text-align:center;font-weight:800}
.horse-public-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.horse-public-feature-grid article{min-height:235px;padding:27px;border:1px solid #315548;border-radius:22px;background:linear-gradient(145deg,#0b1714,#11120f)}
.horse-public-feature-grid article>span{color:var(--horse-gold);font-size:11px;font-weight:900}
.horse-public-feature-grid h3{margin:18px 0 8px}
.horse-public-feature-grid p{color:#aebcb6;line-height:1.7}
.horse-connected{padding:110px 0;border-block:1px solid #3f533d;background:linear-gradient(108deg,#08110f,#1b2116)}
.horse-connected-layout,.horse-access-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:75px;align-items:center}
.horse-connected p,.horse-planning>div>p:last-child,.horse-access p{color:#aebcb6;line-height:1.75}
.horse-connected-flow,.horse-planning-flow{display:grid;grid-template-columns:1fr 30px 1fr 30px 1fr 30px 1fr;align-items:center}
.horse-connected-flow span,.horse-planning-flow span{padding:24px 11px;border:1px solid #526044;border-radius:17px;background:#111911;text-align:center;font-weight:850}
.horse-connected-flow b,.horse-planning-flow b{color:var(--horse-gold);text-align:center}
.horse-planning{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-block:110px}
.horse-planning-flow{grid-template-columns:1fr 25px 1fr 25px 1fr 25px 1fr 25px 1fr}
.horse-access{padding:100px 0;border-block:1px solid #294b40;background:#0b1814}
.horse-access-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.horse-access-cards span{padding:32px 16px;border:1px solid #46695d;border-radius:22px;background:#0e201a;color:#e7e2d8;text-align:center;font-weight:900}
.horse-result-window{border-color:#5d8d7c}.horse-public-privacy{border-color:rgba(197,166,107,.35)}[dir="rtl"] 
.horse-public-manifesto,[dir="rtl"] 
.horse-connected-flow,[dir="rtl"] 
.horse-planning-flow,[dir="rtl"] 
.horse-result-window{direction:ltr}
@media(max-width:1100px){.horse-public-hero,.horse-connected-layout,.horse-planning,.horse-access-layout{grid-template-columns:1fr}
.horse-public-journey-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.horse-public-feature-grid,.horse-public-journey-grid,.horse-access-cards{grid-template-columns:1fr}
.horse-connected-flow,.horse-planning-flow{grid-template-columns:1fr}
.horse-connected-flow b,.horse-planning-flow b{transform:rotate(90deg)}
.horse-public-manifesto{min-height:360px}}
.arabian-project-page{--arabian-gold:#c6a563;--arabian-blue:#071426;--arabian-champagne:#e9ddc7}
.arabian-public-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;min-height:780px;padding-block:90px}
.arabian-public-hero h1{font-family:Georgia,serif;font-size:clamp(56px,7.6vw,112px);line-height:.9;letter-spacing:-.055em}
.arabian-public-hero h1 span{display:block;color:var(--arabian-gold)}
.arabian-public-claim{font-size:clamp(29px,3.2vw,48px);font-weight:800;line-height:1.06}
.arabian-public-manifesto{display:grid;place-items:center;min-height:540px;padding:52px;border:1px solid rgba(198,165,99,.42);border-radius:48px;background:radial-gradient(circle at 50% 42%,rgba(198,165,99,.18),transparent 40%),linear-gradient(145deg,#0a192d,#05080f);text-align:center;box-shadow:0 50px 150px #000a}
.arabian-public-manifesto small{color:var(--arabian-gold);font-weight:900;letter-spacing:.19em}
.arabian-public-manifesto strong{font-family:Georgia,serif;max-width:590px;font-size:clamp(46px,5.2vw,78px);line-height:.98}
.arabian-principles{padding:110px 0;border-block:1px solid #3a3020;background:linear-gradient(110deg,#050c17,#121a24)}
.arabian-principles h2,.arabian-case h2,.arabian-access h2,.arabian-global h2,.arabian-report h2{font-family:Georgia,serif;font-size:clamp(40px,4.7vw,68px)}
.arabian-principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:45px}
.arabian-principle-grid span{padding:30px;border:1px solid #544728;border-radius:20px;background:#0b1420;color:#e8dcc6;text-align:center;font-size:20px;font-weight:800}
.arabian-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.arabian-feature-grid article{min-height:245px;padding:28px;border:1px solid #29405b;border-radius:22px;background:linear-gradient(145deg,#081525,#101219)}
.arabian-feature-grid article>span{color:var(--arabian-gold);font-size:11px;font-weight:900}
.arabian-feature-grid h3{margin:18px 0 8px}.arabian-feature-grid p{color:#aab3bf;line-height:1.7}
.arabian-case{padding:110px 0;border-block:1px solid #493e29;background:linear-gradient(108deg,#071426,#17150f)}
.arabian-case-layout,.arabian-global-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;align-items:center}
.arabian-case p,.arabian-access>div>p:last-child,.arabian-global p,.arabian-report>div>p:last-child{color:#aeb6c1;line-height:1.75}
.arabian-case-flow{display:grid;grid-template-columns:1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr 22px 1fr;align-items:center}
.arabian-case-flow span{padding:20px 8px;border:1px solid #665634;border-radius:15px;background:#111722;text-align:center;font-size:12px;font-weight:850}
.arabian-case-flow b{color:var(--arabian-gold);text-align:center}
.arabian-access{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-block:110px}
.arabian-access-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.arabian-access-cards span{padding:34px 18px;border:1px solid #3b4b60;border-radius:22px;background:#091523;color:#eee3cf;text-align:center;font-weight:900}
.arabian-global{padding:105px 0;border-block:1px solid #33445a;background:#071426}
.arabian-language-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.arabian-language-grid span,.arabian-language-grid strong{padding:28px 15px;border:1px solid #5c4e32;border-radius:20px;background:#0d1927;text-align:center}
.arabian-language-grid span{color:var(--arabian-gold);font-size:22px;font-weight:900}
.arabian-language-grid strong{grid-column:1/-1;color:#e8dcc6}
.arabian-report{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-block:110px}
.arabian-report-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.arabian-report-list span{padding:20px;border:1px solid #3e4d5e;border-radius:15px;background:#0b1420;text-align:center;font-weight:800}
.arabian-result-window{border-color:#a88b50}.arabian-privacy{border-color:rgba(198,165,99,.38)}[dir="rtl"] 
.arabian-public-manifesto,[dir="rtl"] 
.arabian-case-flow,[dir="rtl"] 
.arabian-result-window{direction:ltr}@media(max-width:1100px){.arabian-public-hero,.arabian-case-layout,.arabian-access,.arabian-global-layout,.arabian-report{grid-template-columns:1fr}}@media(max-width:760px){.arabian-feature-grid,.arabian-principle-grid,.arabian-access-cards,.arabian-language-grid,.arabian-report-list{grid-template-columns:1fr}
.arabian-case-flow{grid-template-columns:1fr}
.arabian-case-flow b{transform:rotate(90deg)}
.arabian-public-manifesto{min-height:370px}}
.finance-project-page{--finance-cyan:#2dd4bf;--finance-blue:#3b82f6}
.finance-public-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;min-height:780px;padding-block:90px}
.finance-public-hero h1{font-size:clamp(54px,7.4vw,110px);line-height:.9;letter-spacing:-.058em}
.finance-public-hero h1 span{display:block;color:var(--finance-cyan)}
.finance-public-claim{font-size:clamp(29px,3.2vw,48px);font-weight:800;line-height:1.06}
.finance-public-manifesto{display:grid;place-items:center;min-height:530px;padding:50px;border:1px solid rgba(45,212,191,.38);border-radius:44px;background:radial-gradient(circle at center,rgba(45,212,191,.18),transparent 44%),linear-gradient(145deg,#071b27,#06090f);text-align:center;box-shadow:0 50px 150px #000a}
.finance-public-manifesto small{color:#73ead9;font-weight:900;letter-spacing:.18em}
.finance-public-manifesto strong{max-width:600px;font-size:clamp(44px,5vw,76px);line-height:.98}
.finance-pipeline{padding:110px 0;border-block:1px solid #1d4250;background:linear-gradient(108deg,#061018,#08272c)}
.finance-pipeline h2,.finance-automation h2,.finance-member h2,.finance-delivery h2{font-size:clamp(40px,4.6vw,68px)}
.finance-pipeline-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-top:45px}
.finance-pipeline-grid div{padding:22px 12px;border-top:2px solid var(--finance-cyan);background:#071821;text-align:center}
.finance-pipeline-grid span,.finance-pipeline-grid strong{display:block}
.finance-pipeline-grid span{color:#76e8d8;font-size:10px}
.finance-pipeline-grid strong{margin-top:9px}
.finance-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.finance-feature-grid article{min-height:245px;padding:28px;border:1px solid #24495b;border-radius:22px;background:linear-gradient(145deg,#071722,#0a1119)}
.finance-feature-grid article>span{color:var(--finance-cyan);font-size:11px;font-weight:900}
.finance-feature-grid h3{margin:18px 0 8px}.finance-feature-grid p{color:#a9b8c2;line-height:1.7}
.finance-automation{padding:110px 0;border-block:1px solid #244a57;background:linear-gradient(108deg,#06131d,#092328)}
.finance-automation-layout,.finance-delivery-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center}
.finance-automation p,.finance-member>div>p:last-child,.finance-delivery p{color:#aab8c1;line-height:1.75}
.finance-match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.finance-match-grid div{display:grid;place-items:center;min-height:220px;padding:25px;border:1px solid #315665;border-radius:22px;background:#071923;text-align:center}
.finance-match-grid span{font-size:40px;color:var(--finance-cyan)}
.finance-match-grid small{color:#aab8c1}
.finance-member{display:grid;grid-template-columns:.75fr 1.25fr;gap:75px;padding-block:110px}
.finance-member-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.finance-member-grid span{padding:22px;border:1px solid #294a5a;border-radius:15px;background:#081722;text-align:center;font-weight:850}
.finance-delivery{padding:105px 0;border-block:1px solid #214a55;background:#071820}
.finance-delivery-flow{display:grid;grid-template-columns:1fr 28px 1fr 28px 1fr 28px 1fr;align-items:center}
.finance-delivery-flow span{padding:27px 12px;border:1px solid #316071;border-radius:17px;background:#091c27;text-align:center;font-weight:900}
.finance-delivery-flow b{color:var(--finance-cyan);text-align:center}
.finance-result-window{border-color:#259e92}
.finance-privacy{border-color:rgba(45,212,191,.34)}[dir="rtl"] 
.finance-public-manifesto,[dir="rtl"] 
.finance-match-grid,[dir="rtl"] 
.finance-delivery-flow,[dir="rtl"] 
.finance-result-window{direction:ltr}
@media(max-width:1100px){.finance-public-hero,.finance-automation-layout,.finance-member,.finance-delivery-layout{grid-template-columns:1fr}
.finance-pipeline-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.finance-feature-grid,.finance-pipeline-grid,.finance-match-grid,.finance-member-grid{grid-template-columns:1fr}
.finance-delivery-flow{grid-template-columns:1fr}
.finance-delivery-flow b{transform:rotate(90deg)}
.finance-public-manifesto{min-height:360px}} 
.site-footer{ 
    display:grid; 
    justify-items:center; 
    gap:18px; 
    padding-block:48px 54px; 
    border-top:1px solid rgba(83,189,255,.24); 
    text-align:center; 
} 
.site-footer-brand{display:grid;gap:7px;justify-items:center} 
.site-footer-brand>span:last-child{color:#8fa8bb;font-size:14px} 
.site-footer-legal{display:grid;gap:10px;justify-items:center;color:#9db2c2;font-size:14px} 
.site-footer-legal nav{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px} 
.site-footer-legal a{color:#d7e7f3;text-decoration:none;font-weight:750} 
.site-footer-legal a:hover,.site-footer-legal a:focus-visible{color:#55c8ff} 

.legal-page{padding-block:68px 110px} 
.legal-card{max-width:1040px;margin:34px auto 0;padding:clamp(30px,5vw,72px);border:1px solid rgba(83,189,255,.28);border-radius:30px;background:linear-gradient(145deg,#091622,#070e16);box-shadow:0 34px 110px #0007} 
.legal-card h1{margin:12px 0 38px;font-size:clamp(48px,6vw,82px);letter-spacing:-.045em} 
.legal-lead{max-width:820px;margin:-16px 0 36px;color:#b7c7d3;font-size:19px;line-height:1.75} 
.legal-section{padding-block:22px;border-top:1px solid rgba(136,189,220,.14)} 
.legal-section:first-of-type{border-top:0} 
.legal-section h2{margin:0 0 10px;font-size:clamp(21px,2.3vw,30px)} 
.legal-section p{margin:0;color:#afc0cd;line-height:1.82} 
.legal-mail{display:inline-flex;margin:0 0 34px;padding:15px 21px;border:1px solid rgba(45,212,191,.5);border-radius:999px;color:#71e8da;background:rgba(45,212,191,.08);font-weight:900;text-decoration:none} 
.legal-mail:hover,.legal-mail:focus-visible{background:rgba(45,212,191,.16)} 
[dir="rtl"] .legal-card,[dir="rtl"] .legal-section{text-align:right} 
[dir="rtl"] .site-footer-legal nav{direction:rtl} 
@media(max-width:700px){.site-footer{padding-block:36px 42px}
.site-footer-legal nav{gap:8px}
.legal-page{padding-block:42px 78px}
.legal-card{border-radius:22px}
.legal-card h1{margin-bottom:28px}}