:root{
    --gold:#f2b21a;
    --gold-2:#ffca3a;
    --black:#060606;
    --black-2:#111;
    --ink:#171717;
    --muted:#b9b9b9;
    --white:#fff;
    --red:#d71920;
    --blue:#0b377d;
    --radius:24px;
    --shadow:0 22px 60px rgba(0,0,0,.28);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#090909;color:#f7f7f7;line-height:1.8;overflow-x:hidden}
a{color:inherit;text-decoration:none} img{max-width:100%;display:block} p{color:#d7d7d7} .container{width:min(1180px,92vw);margin:auto}.top-glow{position:fixed;inset:-25% auto auto -15%;width:520px;height:520px;background:radial-gradient(circle,rgba(242,178,26,.25),transparent 65%);pointer-events:none;z-index:-1}.site-header{position:sticky;top:0;z-index:50;background:rgba(6,6,6,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(242,178,26,.14)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:12px;min-width:260px}.brand-logo{width:58px;height:58px;border-radius:18px;background:linear-gradient(145deg,#fff,#ddd);display:grid;place-items:center;box-shadow:0 0 0 2px rgba(242,178,26,.4);animation:logoFloat 4s ease-in-out infinite}.brand-logo img{width:48px;height:48px;object-fit:contain;border-radius:12px}.brand-text{display:flex;flex-direction:column;line-height:1.25}.brand-text strong{font-size:16px;color:#fff}.brand-text small{font-size:11px;color:var(--gold);letter-spacing:.8px}.main-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.main-nav a{padding:10px 12px;border-radius:999px;color:#eee;font-size:14px;transition:.25s}.main-nav a:hover,.main-nav a.is-active{background:rgba(242,178,26,.14);color:var(--gold)}.menu-toggle{display:none;background:var(--gold);border:0;border-radius:14px;padding:10px 14px;font-weight:800}.hero-slider{min-height:calc(100vh - 84px);position:relative;overflow:hidden;background:#050505}.hero-slide{position:absolute;inset:0;display:flex;align-items:center;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility .8s;background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.68),rgba(0,0,0,.22)),var(--bg);background-size:cover;background-position:center}.hero-slide.active{opacity:1;visibility:visible}.hero-slide:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 75%,rgba(242,178,26,.23),transparent 35%),linear-gradient(180deg,transparent,rgba(0,0,0,.55));pointer-events:none}.hero-content{position:relative;z-index:2;padding:110px 0 150px}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:1.4px;font-size:12px}.eyebrow:before{content:"";width:35px;height:2px;background:var(--gold);display:inline-block}.hero h1,.page-hero h1{font-size:clamp(35px,6vw,72px);max-width:850px;line-height:1.25;margin:18px 0;color:#fff;text-shadow:0 12px 30px rgba(0,0,0,.45)}.hero p,.page-hero p{font-size:clamp(16px,2vw,22px);max-width:720px;color:#eeeeee}.hero-actions{display:flex;gap:14px;margin-top:28px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:12px 24px;font-weight:800;border:1px solid transparent;transition:.25s;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--gold),#ffde70);color:#111;box-shadow:0 16px 30px rgba(242,178,26,.22)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 42px rgba(242,178,26,.32)}.btn-outline{border-color:rgba(255,255,255,.35);color:#fff;background:rgba(255,255,255,.06)}.btn-outline:hover{border-color:var(--gold);color:var(--gold)}.hero-ornament{position:absolute;inset:0;background-image:url('../img/generated/industrial_lines.svg');background-size:cover;opacity:.28;mix-blend-mode:screen;z-index:1;pointer-events:none}.slider-dots{position:absolute;z-index:5;bottom:28px;left:50%;transform:translateX(-50%);display:flex;gap:10px}.slider-dots button{width:13px;height:13px;border:0;border-radius:50%;background:rgba(255,255,255,.38);cursor:pointer}.slider-dots button.active{background:var(--gold);box-shadow:0 0 0 6px rgba(242,178,26,.18)}.stats-strip{background:linear-gradient(90deg,#111,#1b1406,#111);border-top:1px solid rgba(242,178,26,.22);border-bottom:1px solid rgba(242,178,26,.22)}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.stat{padding:24px 14px;text-align:center;background:rgba(255,255,255,.03)}.stat strong{display:block;color:var(--gold);font-size:32px;line-height:1.1}.stat span{color:#ddd;font-size:13px}.section{padding:92px 0;background:#0a0a0a}.dark-section{background:radial-gradient(circle at 85% 15%,rgba(242,178,26,.16),transparent 34%),#050505}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.copy-block h2,.section-head h2,.cta-card h2{font-size:clamp(28px,4vw,46px);line-height:1.3;margin:12px 0;color:#fff}.copy-block p,.section-head p{font-size:17px}.image-card{position:relative;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);min-height:360px;background:#111}.image-card:before{content:"";position:absolute;inset:12px;border:1px solid rgba(242,178,26,.45);border-radius:calc(var(--radius) - 8px);z-index:1;pointer-events:none}.image-card img{width:100%;height:100%;min-height:360px;object-fit:cover}.values-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.values-row span{background:rgba(242,178,26,.12);border:1px solid rgba(242,178,26,.24);color:var(--gold);border-radius:999px;padding:8px 14px;font-weight:700}.section-head{text-align:center;max-width:820px;margin:0 auto 38px}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.feature-card,.brand-card,.product-card{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));border:1px solid rgba(255,255,255,.08);border-radius:22px;overflow:hidden;box-shadow:0 14px 35px rgba(0,0,0,.18);transition:.25s}.feature-card:hover,.brand-card:hover,.product-card:hover{transform:translateY(-6px);border-color:rgba(242,178,26,.35)}.feature-card img,.brand-card img,.product-card img{width:100%;height:190px;object-fit:cover;background:#111}.feature-card h3,.brand-card h3,.product-card h3{color:#fff;margin:16px 18px 8px}.feature-card p,.brand-card p,.product-card p{margin:0 18px 20px;font-size:14px}.feature-card small{display:block;color:var(--gold);margin:16px 18px 0}.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.brand-card img{height:230px}.brand-card.large img{height:320px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.product-card span{display:inline-block;margin:16px 18px 0;color:var(--gold);font-size:12px;font-weight:800}.page-hero{min-height:470px;display:flex;align-items:center;position:relative;background-image:linear-gradient(90deg,rgba(0,0,0,.94),rgba(0,0,0,.66),rgba(0,0,0,.18)),var(--bg);background-size:cover;background-position:center;overflow:hidden}.page-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(242,178,26,.2),transparent 32%)}.page-hero .container{position:relative;z-index:2}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.gallery-item{position:relative;min-height:250px;border-radius:22px;overflow:hidden;background:#111;box-shadow:var(--shadow)}.gallery-item img{width:100%;height:100%;min-height:250px;object-fit:cover;transition:.35s}.gallery-item:hover img{transform:scale(1.06)}.gallery-item:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.9))}.gallery-item span,.gallery-item strong{position:absolute;z-index:2;right:18px}.gallery-item span{bottom:54px;color:var(--gold);font-size:12px}.gallery-item strong{bottom:18px;color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px}.contact-info,.contact-form{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px}.contact-form{display:grid;gap:15px}.contact-form label{display:grid;gap:8px;color:#fff;font-weight:800}.contact-form input,.contact-form textarea{width:100%;padding:13px 14px;background:#111;border:1px solid rgba(255,255,255,.14);color:#fff;border-radius:14px;outline:none}.contact-form textarea{min-height:150px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 4px rgba(242,178,26,.12)}.alert{padding:12px 14px;border-radius:14px;font-weight:800}.alert.success{background:rgba(28,160,90,.16);color:#77f2b4}.alert.error{background:rgba(210,40,40,.18);color:#ff9191}.cta-section{padding:70px 0;background:#050505}.cta-card{background:linear-gradient(135deg,rgba(242,178,26,.18),rgba(255,255,255,.05));border:1px solid rgba(242,178,26,.32);border-radius:30px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;box-shadow:var(--shadow)}.site-footer{background:#030303;border-top:1px solid rgba(255,255,255,.08);padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1.1fr;gap:28px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:16px}.footer-brand img{width:58px;height:58px;object-fit:contain;background:#fff;border-radius:14px}.site-footer h3{color:var(--gold);margin-top:0}.site-footer a{display:block;color:#ddd;margin:6px 0}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.08);padding:18px;margin-top:36px;color:#aaa}.chat-widget{position:fixed;left:22px;bottom:22px;z-index:80}.chat-open{background:linear-gradient(135deg,var(--gold),#ffda62);color:#111;border:0;border-radius:999px;padding:14px 18px;font-weight:900;box-shadow:0 16px 35px rgba(0,0,0,.34);cursor:pointer}.chat-box{width:min(360px,92vw);background:#0c0c0c;border:1px solid rgba(242,178,26,.32);border-radius:24px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:12px}.chat-head{display:flex;align-items:center;justify-content:space-between;background:#17120a;color:#fff;padding:12px 16px}.chat-close{background:transparent;border:0;color:#fff;font-size:24px;cursor:pointer}.chat-messages{height:260px;overflow:auto;padding:14px;display:grid;gap:10px}.chat-message{padding:10px 12px;border-radius:14px;max-width:86%;font-size:14px}.chat-message.visitor{background:#1d1d1d;margin-right:auto}.chat-message.admin{background:rgba(242,178,26,.18);border:1px solid rgba(242,178,26,.2);margin-left:auto}.muted{color:#999}.chat-form{display:grid;gap:8px;padding:14px;border-top:1px solid rgba(255,255,255,.08)}.chat-form input,.chat-form textarea{background:#111;border:1px solid rgba(255,255,255,.12);border-radius:12px;color:#fff;padding:10px}.chat-form textarea{min-height:70px;resize:vertical}.chat-form button{background:var(--gold);border:0;border-radius:12px;padding:10px;font-weight:900;cursor:pointer}@keyframes logoFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-5px) rotate(-1.5deg)}}@media(max-width:1000px){.cards-grid,.brand-grid,.product-grid,.gallery-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}.main-nav{display:none;position:absolute;top:82px;right:4vw;left:4vw;background:#0b0b0b;border:1px solid rgba(242,178,26,.22);border-radius:22px;padding:14px}.main-nav.open{display:grid}.menu-toggle{display:block}.brand{min-width:auto}.cta-card{flex-direction:column;align-items:flex-start}}@media(max-width:640px){.hero-slider{min-height:720px}.hero-content{padding-top:90px}.cards-grid,.brand-grid,.product-grid,.gallery-grid,.stats-grid{grid-template-columns:1fr}.stat strong{font-size:26px}.brand-text small{display:none}.brand-logo{width:50px;height:50px}.section{padding:65px 0}.cta-card{padding:26px}.footer-grid{gap:18px}}


.master-showcase{position:relative;overflow:hidden;padding:130px 0 70px;background:radial-gradient(circle at 50% 15%,rgba(242,178,26,.14),transparent 26%),linear-gradient(180deg,#050505 0%,#090909 55%,#050505 100%)}
.master-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),rgba(0,0,0,.68)),url('../img/generated/master_brand_scene.png') center/cover no-repeat;opacity:.26;mix-blend-mode:screen}
.master-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr;gap:30px;align-items:center}
.master-copy h1{font-size:clamp(34px,5vw,60px);margin:10px 0 18px;color:#fff;line-height:1.12}.master-copy p{font-size:18px;max-width:620px}
.master-stage{position:relative;min-height:540px;display:grid;place-items:center}
.showcase-logo-wrap{position:relative;z-index:2;width:min(560px,92%);aspect-ratio:1/1;display:grid;place-items:center;border-radius:36px;background:radial-gradient(circle at 50% 50%,rgba(242,178,26,.1),rgba(255,255,255,.02) 58%,transparent 76%)}
.showcase-logo{width:100%;max-width:520px;filter:drop-shadow(0 16px 32px rgba(0,0,0,.4)) drop-shadow(0 0 28px rgba(242,178,26,.18));animation:logoPulse 6s ease-in-out infinite}
.logo-orbit{position:absolute;border-radius:50%;border:1px dashed rgba(242,178,26,.18);pointer-events:none}
.orbit-a{width:340px;height:340px;animation:spin 18s linear infinite}.orbit-b{width:470px;height:470px;animation:spinReverse 23s linear infinite}.orbit-c{width:590px;height:590px;animation:spin 28s linear infinite}
.horse-shadow{position:absolute;z-index:1;opacity:.26;background-position:center;background-repeat:no-repeat;background-size:contain;filter:blur(.2px) drop-shadow(0 0 14px rgba(242,178,26,.18));animation:horseDrift 9s ease-in-out infinite}
.horse-one{top:30px;left:-15px;width:300px;height:240px;background-image:url('../img/generated/horse_shadow_left_top.png');animation-delay:0s}.horse-two{bottom:30px;left:0;width:330px;height:270px;background-image:url('../img/generated/horse_shadow_left_bottom.png');animation-delay:-2s}.horse-three{top:24px;right:-10px;width:310px;height:240px;background-image:url('../img/generated/horse_shadow_right_top.png');animation-delay:-1.4s}.horse-four{bottom:25px;right:0;width:360px;height:300px;background-image:url('../img/generated/horse_shadow_right_bottom.png');animation-delay:-3.2s}
.subsidiary-zone{position:relative;z-index:2;margin-top:30px}.subsidiary-head{text-align:center;max-width:840px;margin:0 auto 22px}.subsidiary-head h2{font-size:clamp(24px,3vw,36px);margin-bottom:10px;color:#fff}.subsidiary-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:18px}.subsidiary-chip{background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.03));border:1px solid rgba(242,178,26,.18);border-radius:24px;padding:16px 12px;text-align:center;box-shadow:0 14px 35px rgba(0,0,0,.18);min-height:190px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.subsidiary-chip:hover{transform:translateY(-5px);border-color:rgba(242,178,26,.34)}.subsidiary-logo{width:96px;height:96px;border-radius:22px;background:rgba(255,255,255,.06);display:grid;place-items:center;padding:8px;border:1px solid rgba(255,255,255,.08)}.subsidiary-logo img{width:100%;height:100%;object-fit:contain}.subsidiary-chip strong{font-size:15px;color:#fff;line-height:1.4}.subsidiary-chip.placeholder{opacity:.92}.subsidiary-chip.placeholder .subsidiary-logo{background:rgba(242,178,26,.06);color:var(--gold);font-size:40px;font-weight:800}
@keyframes horseDrift{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-14px,0) scale(1.03)}}
@keyframes logoPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.02)}}
@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@keyframes spinReverse{from{transform:rotate(360deg)}to{transform:rotate(0)}}
@media(max-width:1200px){.subsidiary-strip{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){.master-grid{grid-template-columns:1fr}.master-copy{text-align:center}.master-copy p{margin-inline:auto}.master-stage{min-height:450px}.horse-one,.horse-three{top:10px}.horse-two,.horse-four{bottom:10px}}
@media(max-width:640px){.master-showcase{padding-top:112px}.master-stage{min-height:360px}.showcase-logo-wrap{width:min(340px,92%)}.orbit-a{width:220px;height:220px}.orbit-b{width:300px;height:300px}.orbit-c{width:360px;height:360px}.horse-shadow{opacity:.18}.subsidiary-strip{grid-template-columns:repeat(2,1fr)}.subsidiary-chip{min-height:170px}}

/* v3 design safety fixes */
.master-showcase,.master-showcase *{box-sizing:border-box}
.master-showcase{color:#fff}
.master-copy p,.subsidiary-head p{color:#d7d7d7!important}
.subsidiary-chip strong{color:#fff}
.showcase-logo{display:block}


/* ===== V4: transparent showcase logo + running horse shadows ===== */
.master-stage{position:relative;min-height:620px;display:grid;place-items:center;isolation:isolate}
.showcase-logo-wrap{position:relative;z-index:5;width:min(760px,96%);aspect-ratio:auto;display:grid;place-items:center;padding:26px;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.showcase-logo{width:100%;max-width:690px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 18px 36px rgba(0,0,0,.36)) drop-shadow(0 0 30px rgba(242,178,26,.22));animation:logoPulse 5.6s ease-in-out infinite}
.logo-orbit{border-style:dashed;border-width:1px;border-color:rgba(242,178,26,.18)}
.horse-shadow{position:absolute;left:50%;top:50%;z-index:3;width:180px;height:120px;opacity:.38;background-image:url('../img/generated/running_horse_shadow.webp');background-position:center;background-repeat:no-repeat;background-size:contain;filter:blur(.3px) drop-shadow(0 0 12px rgba(242,178,26,.24));pointer-events:none}
.horse-one{animation:horseOrbitOne 14s linear infinite}
.horse-two{animation:horseOrbitTwo 16s linear infinite}
.horse-three{animation:horseOrbitThree 12.5s linear infinite}
.horse-four{animation:horseOrbitFour 18s linear infinite}
@keyframes horseOrbitOne{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(265px) rotate(0deg) scale(.88)}50%{opacity:.18}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(265px) rotate(-360deg) scale(.88)}}
@keyframes horseOrbitTwo{0%{transform:translate(-50%,-50%) rotate(90deg) translateX(318px) rotate(-90deg) scale(1.02)}50%{opacity:.2}100%{transform:translate(-50%,-50%) rotate(450deg) translateX(318px) rotate(-450deg) scale(1.02)}}
@keyframes horseOrbitThree{0%{transform:translate(-50%,-50%) rotate(180deg) translateX(232px) rotate(-180deg) scale(.76)}50%{opacity:.14}100%{transform:translate(-50%,-50%) rotate(540deg) translateX(232px) rotate(-540deg) scale(.76)}}
@keyframes horseOrbitFour{0%{transform:translate(-50%,-50%) rotate(270deg) translateX(345px) rotate(-270deg) scale(1.08)}50%{opacity:.22}100%{transform:translate(-50%,-50%) rotate(630deg) translateX(345px) rotate(-630deg) scale(1.08)}}
@media (max-width:980px){.master-stage{min-height:500px}.showcase-logo-wrap{width:min(580px,96%)}.showcase-logo{max-width:520px}.horse-shadow{width:130px;height:90px}.horse-one{animation-name:horseOrbitOneM}.horse-two{animation-name:horseOrbitTwoM}.horse-three{animation-name:horseOrbitThreeM}.horse-four{animation-name:horseOrbitFourM}@keyframes horseOrbitOneM{0%{transform:translate(-50%,-50%) rotate(0deg) translateX(185px) rotate(0deg) scale(.82)}100%{transform:translate(-50%,-50%) rotate(360deg) translateX(185px) rotate(-360deg) scale(.82)}}@keyframes horseOrbitTwoM{0%{transform:translate(-50%,-50%) rotate(90deg) translateX(220px) rotate(-90deg) scale(.96)}100%{transform:translate(-50%,-50%) rotate(450deg) translateX(220px) rotate(-450deg) scale(.96)}}@keyframes horseOrbitThreeM{0%{transform:translate(-50%,-50%) rotate(180deg) translateX(165px) rotate(-180deg) scale(.72)}100%{transform:translate(-50%,-50%) rotate(540deg) translateX(165px) rotate(-540deg) scale(.72)}}@keyframes horseOrbitFourM{0%{transform:translate(-50%,-50%) rotate(270deg) translateX(245px) rotate(-270deg) scale(1.02)}100%{transform:translate(-50%,-50%) rotate(630deg) translateX(245px) rotate(-630deg) scale(1.02)}}}
@media (max-width:640px){.master-showcase{padding-top:108px}.master-stage{min-height:390px}.showcase-logo-wrap{width:min(420px,94%);padding:12px}.showcase-logo{max-width:380px}.horse-shadow{width:92px;height:70px;opacity:.33}}


/* ===== V5: clearer realistic running horses around transparent logo ===== */
.master-showcase{overflow:clip;position:relative}
.master-stage{position:relative;min-height:700px;display:grid;place-items:center;isolation:isolate}
.showcase-logo-wrap{position:relative;z-index:7;width:min(760px,92%);padding:12px 0;background:transparent!important;box-shadow:none!important;border:none!important}
.showcase-logo{width:100%;max-width:690px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 40px rgba(0,0,0,.55)) drop-shadow(0 0 24px rgba(242,178,26,.22));animation:logoFloatPulse 6s ease-in-out infinite}
@keyframes logoFloatPulse{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}}
.logo-orbit{opacity:.38}
.orbit-a{width:410px;height:410px}
.orbit-b{width:560px;height:560px}
.orbit-c{width:700px;height:700px}
.horse-shadow{position:absolute;left:50%;top:50%;z-index:5;background-position:center;background-repeat:no-repeat;background-size:contain;pointer-events:none;opacity:.92;mix-blend-mode:screen;filter:drop-shadow(0 0 10px rgba(242,178,26,.38)) drop-shadow(0 12px 24px rgba(0,0,0,.30))}
.horse-one{width:205px;height:192px;background-image:url('../img/generated/horses_v2/horse_run_1.webp');animation:racePathOne 16s linear infinite}
.horse-two{width:228px;height:128px;background-image:url('../img/generated/horses_v2/horse_run_3.webp');animation:racePathTwo 13.5s linear infinite}
.horse-three{width:185px;height:180px;background-image:url('../img/generated/horses_v2/horse_run_4.webp');animation:racePathThree 15s linear infinite}
.horse-four{width:205px;height:205px;background-image:url('../img/generated/horses_v2/horse_run_2.webp');animation:racePathFour 18s linear infinite}
@keyframes racePathOne{
  0%{transform:translate(-300px,-205px) scale(.88) scaleX(1);opacity:.12}
  10%{opacity:.98}
  25%{transform:translate(205px,-185px) scale(.95) scaleX(1);opacity:.92}
  50%{transform:translate(290px,120px) scale(.86) scaleX(1);opacity:.72}
  75%{transform:translate(-215px,195px) scale(.92) scaleX(-1);opacity:.88}
  100%{transform:translate(-300px,-205px) scale(.88) scaleX(1);opacity:.12}
}
@keyframes racePathTwo{
  0%{transform:translate(250px,145px) scale(.82) scaleX(-1);opacity:.14}
  12%{opacity:.95}
  28%{transform:translate(-275px,160px) scale(.94) scaleX(-1);opacity:.86}
  53%{transform:translate(-225px,-210px) scale(.88) scaleX(1);opacity:.92}
  78%{transform:translate(260px,-165px) scale(.92) scaleX(1);opacity:.78}
  100%{transform:translate(250px,145px) scale(.82) scaleX(-1);opacity:.14}
}
@keyframes racePathThree{
  0%{transform:translate(-85px,-290px) scale(.78) scaleX(1);opacity:.1}
  15%{opacity:.86}
  34%{transform:translate(305px,-40px) scale(.98) scaleX(1);opacity:.94}
  60%{transform:translate(25px,255px) scale(.88) scaleX(-1);opacity:.78}
  84%{transform:translate(-315px,15px) scale(.96) scaleX(-1);opacity:.9}
  100%{transform:translate(-85px,-290px) scale(.78) scaleX(1);opacity:.1}
}
@keyframes racePathFour{
  0%{transform:translate(55px,275px) scale(.84) scaleX(-1);opacity:.08}
  14%{opacity:.88}
  33%{transform:translate(-305px,65px) scale(.96) scaleX(-1);opacity:.92}
  55%{transform:translate(-15px,-265px) scale(.86) scaleX(1);opacity:.82}
  78%{transform:translate(315px,-20px) scale(.98) scaleX(1);opacity:.96}
  100%{transform:translate(55px,275px) scale(.84) scaleX(-1);opacity:.08}
}
@media (max-width: 980px){
  .master-stage{min-height:560px}
  .showcase-logo{max-width:520px}
  .orbit-a{width:320px;height:320px}.orbit-b{width:450px;height:450px}.orbit-c{width:560px;height:560px}
  .horse-one{width:160px;height:150px;animation-name:racePathOneM}
  .horse-two{width:176px;height:98px;animation-name:racePathTwoM}
  .horse-three{width:150px;height:146px;animation-name:racePathThreeM}
  .horse-four{width:160px;height:160px;animation-name:racePathFourM}
  @keyframes racePathOneM{0%{transform:translate(-205px,-150px) scale(.82) scaleX(1);opacity:.12}25%{transform:translate(135px,-135px) scale(.9) scaleX(1);opacity:.92}50%{transform:translate(205px,85px) scale(.8) scaleX(1);opacity:.72}75%{transform:translate(-150px,145px) scale(.88) scaleX(-1);opacity:.88}100%{transform:translate(-205px,-150px) scale(.82) scaleX(1);opacity:.12}}
  @keyframes racePathTwoM{0%{transform:translate(165px,110px) scale(.78) scaleX(-1);opacity:.14}28%{transform:translate(-180px,115px) scale(.88) scaleX(-1);opacity:.86}53%{transform:translate(-145px,-160px) scale(.82) scaleX(1);opacity:.92}78%{transform:translate(170px,-120px) scale(.86) scaleX(1);opacity:.78}100%{transform:translate(165px,110px) scale(.78) scaleX(-1);opacity:.14}}
  @keyframes racePathThreeM{0%{transform:translate(-55px,-215px) scale(.74) scaleX(1);opacity:.1}34%{transform:translate(205px,-20px) scale(.92) scaleX(1);opacity:.94}60%{transform:translate(10px,185px) scale(.84) scaleX(-1);opacity:.78}84%{transform:translate(-210px,12px) scale(.92) scaleX(-1);opacity:.9}100%{transform:translate(-55px,-215px) scale(.74) scaleX(1);opacity:.1}}
  @keyframes racePathFourM{0%{transform:translate(35px,198px) scale(.8) scaleX(-1);opacity:.08}33%{transform:translate(-205px,52px) scale(.92) scaleX(-1);opacity:.92}55%{transform:translate(-5px,-190px) scale(.82) scaleX(1);opacity:.82}78%{transform:translate(215px,-14px) scale(.94) scaleX(1);opacity:.96}100%{transform:translate(35px,198px) scale(.8) scaleX(-1);opacity:.08}}
}
@media (max-width:640px){
  .master-stage{min-height:420px}
  .showcase-logo{max-width:365px}
  .orbit-a{width:220px;height:220px}.orbit-b{width:320px;height:320px}.orbit-c{width:410px;height:410px}
  .horse-one{width:110px;height:103px}
  .horse-two{width:125px;height:70px}
  .horse-three{width:100px;height:98px}
  .horse-four{width:110px;height:110px}
}






/* ===== V9: Professional 6 radically different color themes ===== */
:root{
  --theme-bg:#050505;
  --theme-surface:#101010;
  --theme-surface-2:#19160d;
  --theme-text:#ffffff;
  --theme-muted:#d6d0c2;
  --theme-primary:#f2b21a;
  --theme-primary-2:#ffe08a;
  --theme-border:rgba(242,178,26,.32);
  --theme-card:rgba(255,255,255,.065);
  --theme-card-2:rgba(255,255,255,.025);
  --theme-shadow:0 22px 60px rgba(0,0,0,.40);
}

/* 1 - أسود ملكي وذهبي: الهوية الفخمة الأساسية */
body[data-color-theme="royal-gold"]{
  --theme-bg:#050505;
  --theme-surface:#101010;
  --theme-surface-2:#19160d;
  --theme-text:#ffffff;
  --theme-muted:#d6d0c2;
  --theme-primary:#f2b21a;
  --theme-primary-2:#ffe08a;
  --theme-border:rgba(242,178,26,.32);
  --theme-card:rgba(255,255,255,.065);
  --theme-card-2:rgba(255,255,255,.025);
  --theme-shadow:0 22px 60px rgba(0,0,0,.42);
}

/* 2 - أبيض لؤلؤي وكحلي: رسمي نظيف ومناسب للشركات */
body[data-color-theme="pearl-navy"]{
  --theme-bg:#f7f9fc;
  --theme-surface:#ffffff;
  --theme-surface-2:#eef3f9;
  --theme-text:#0c2038;
  --theme-muted:#536477;
  --theme-primary:#0d3b66;
  --theme-primary-2:#63a4ff;
  --theme-border:rgba(13,59,102,.24);
  --theme-card:rgba(255,255,255,.96);
  --theme-card-2:rgba(237,244,252,.78);
  --theme-shadow:0 22px 60px rgba(13,59,102,.12);
}

/* 3 - أخضر زمردي: يعطي ثقة واستدامة وحداثة */
body[data-color-theme="emerald"]{
  --theme-bg:#03140d;
  --theme-surface:#082216;
  --theme-surface-2:#0f3d29;
  --theme-text:#f3fff8;
  --theme-muted:#c7ead8;
  --theme-primary:#00b56a;
  --theme-primary-2:#9af2c8;
  --theme-border:rgba(0,181,106,.34);
  --theme-card:rgba(255,255,255,.060);
  --theme-card-2:rgba(255,255,255,.024);
  --theme-shadow:0 22px 60px rgba(0,80,42,.40);
}

/* 4 - عنابي ونحاسي: صناعي قوي وفخم */
body[data-color-theme="burgundy-copper"]{
  --theme-bg:#170507;
  --theme-surface:#270b0f;
  --theme-surface-2:#3b1115;
  --theme-text:#fff5ef;
  --theme-muted:#efcbc1;
  --theme-primary:#c87835;
  --theme-primary-2:#ffc28a;
  --theme-border:rgba(200,120,53,.36);
  --theme-card:rgba(255,255,255,.060);
  --theme-card-2:rgba(255,255,255,.024);
  --theme-shadow:0 22px 60px rgba(88,17,22,.45);
}

/* 5 - بنفسجي ليلي: تقني، حديث، ومختلف جذرياً */
body[data-color-theme="violet-night"]{
  --theme-bg:#0f071a;
  --theme-surface:#1b0f2c;
  --theme-surface-2:#281842;
  --theme-text:#fbf7ff;
  --theme-muted:#ddcdeb;
  --theme-primary:#9b5cff;
  --theme-primary-2:#e0caff;
  --theme-border:rgba(155,92,255,.36);
  --theme-card:rgba(255,255,255,.062);
  --theme-card-2:rgba(255,255,255,.024);
  --theme-shadow:0 22px 60px rgba(54,15,95,.43);
}

/* 6 - فولاذي وسماوي: صناعي بارد وحديث */
body[data-color-theme="steel-cyan"]{
  --theme-bg:#071216;
  --theme-surface:#0e2028;
  --theme-surface-2:#14323c;
  --theme-text:#effcff;
  --theme-muted:#c4e3ea;
  --theme-primary:#28c7df;
  --theme-primary-2:#b9f6ff;
  --theme-border:rgba(40,199,223,.34);
  --theme-card:rgba(255,255,255,.060);
  --theme-card-2:rgba(255,255,255,.024);
  --theme-shadow:0 22px 60px rgba(0,80,95,.42);
}

body{
  background:var(--theme-bg);
  color:var(--theme-text);
  transition:background .28s ease,color .28s ease;
}
.site-header,
.site-footer,
.section,
.dark-section,
.cta-section,
.hero-slider,
.master-showcase,
.page-hero{
  background-color:var(--theme-bg);
}
.site-header{
  background:color-mix(in srgb, var(--theme-bg) 88%, transparent);
  border-bottom-color:color-mix(in srgb, var(--theme-primary) 20%, transparent);
}
.brand-text strong,
.main-nav a,
.section-head h2,
.copy-block h2,
.master-copy h1,
.page-hero h1,
.cta-card h2,
.site-footer h3,
.feature-card h3,
.brand-card h3,
.product-card h3,
.subsidiary-head h2,
.stat strong{
  color:var(--theme-text);
}
p,
.copy-block p,
.section-head p,
.master-copy p,
.page-hero p,
.site-footer p,
.product-card p,
.feature-card p,
.brand-card p,
.subsidiary-head p{
  color:var(--theme-muted);
}
.eyebrow,
.main-nav a:hover,
.main-nav a.active,
.stat strong{
  color:var(--theme-primary);
}
.eyebrow:before,
.btn-primary,
.chat-form button{
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));
}
.btn-primary{
  color:#111;
}
.btn-outline,
.feature-card,
.brand-card,
.product-card,
.image-card,
.stat,
.cta-card,
.chat-box,
.subsidiary-chip{
  background:linear-gradient(180deg,var(--theme-card),var(--theme-card-2));
  border-color:var(--theme-border);
  box-shadow:var(--theme-shadow);
}
.master-showcase{
  background:
    radial-gradient(circle at 50% 16%, color-mix(in srgb, var(--theme-primary) 18%, transparent), transparent 28%),
    linear-gradient(180deg,var(--theme-bg),var(--theme-surface-2));
}
body[data-color-theme="pearl-navy"] .hero-slide,
body[data-color-theme="pearl-navy"] .page-hero{
  color:#0c2038;
}
body[data-color-theme="pearl-navy"] .hero-slide{
  background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.68),rgba(255,255,255,.18)),var(--bg)!important;
}
body[data-color-theme="pearl-navy"] .page-hero{
  background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.68),rgba(255,255,255,.18)),var(--bg)!important;
}
body[data-color-theme="pearl-navy"] .hero h1,
body[data-color-theme="pearl-navy"] .hero p,
body[data-color-theme="pearl-navy"] .page-hero h1,
body[data-color-theme="pearl-navy"] .page-hero p{
  color:var(--theme-text);
}

.theme-switcher{
  position:fixed;
  left:18px;
  bottom:96px;
  z-index:999;
  font-family:inherit;
}
.theme-toggle{
  border:1px solid var(--theme-border);
  background:linear-gradient(135deg,var(--theme-surface),var(--theme-surface-2));
  color:var(--theme-text);
  border-radius:999px;
  padding:10px 13px;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  box-shadow:var(--theme-shadow);
  font-weight:800;
}
.theme-toggle-dot{
  width:18px;
  height:18px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));
  box-shadow:0 0 0 3px color-mix(in srgb, var(--theme-primary) 18%, transparent);
}
.theme-panel{
  width:255px;
  margin-bottom:10px;
  padding:12px;
  border:1px solid var(--theme-border);
  border-radius:18px;
  background:color-mix(in srgb, var(--theme-surface) 94%, transparent);
  color:var(--theme-text);
  box-shadow:var(--theme-shadow);
  backdrop-filter:blur(14px);
}
.theme-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:10px;
  font-size:14px;
}
.theme-close{
  border:0;
  background:transparent;
  color:var(--theme-muted);
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.theme-options{
  display:grid;
  grid-template-columns:1fr;
  gap:7px;
}
.theme-option{
  border:1px solid color-mix(in srgb, var(--theme-border) 75%, transparent);
  background:color-mix(in srgb, var(--theme-card) 82%, transparent);
  color:var(--theme-text);
  border-radius:12px;
  padding:8px;
  display:flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  text-align:right;
  font-weight:700;
  transition:.18s ease;
}
.theme-option:hover,
.theme-option.active{
  border-color:var(--theme-primary);
  transform:translateY(-1px);
}
.swatch{
  width:32px;
  height:22px;
  border-radius:8px;
  border:1px solid rgba(255,255,255,.35);
  flex:0 0 auto;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
}
.swatch-royal-gold{background:linear-gradient(135deg,#050505 0 45%,#f2b21a 45% 100%);}
.swatch-pearl-navy{background:linear-gradient(135deg,#ffffff 0 45%,#0d3b66 45% 100%);}
.swatch-emerald{background:linear-gradient(135deg,#03140d 0 45%,#00b56a 45% 100%);}
.swatch-burgundy-copper{background:linear-gradient(135deg,#170507 0 45%,#c87835 45% 100%);}
.swatch-violet-night{background:linear-gradient(135deg,#0f071a 0 45%,#9b5cff 45% 100%);}
.swatch-steel-cyan{background:linear-gradient(135deg,#071216 0 45%,#28c7df 45% 100%);}
@media(max-width:640px){
  .theme-switcher{left:12px;bottom:84px;}
  .theme-panel{width:min(255px, calc(100vw - 24px));}
  .theme-toggle{padding:9px 12px;}
}


/* ===== V10 FIX: professional themes + galaxy horse-orbit logo design ===== */
:root{
  --theme-bg:#050505;
  --theme-surface:#101010;
  --theme-surface-2:#19160d;
  --theme-text:#ffffff;
  --theme-muted:#d6d0c2;
  --theme-primary:#f2b21a;
  --theme-primary-2:#ffe08a;
  --theme-border:rgba(242,178,26,.32);
  --theme-card:rgba(255,255,255,.065);
  --theme-card-2:rgba(255,255,255,.025);
  --theme-shadow:0 22px 60px rgba(0,0,0,.40);
}
body[data-color-theme="royal-gold"]{--theme-bg:#050505;--theme-surface:#101010;--theme-surface-2:#19160d;--theme-text:#ffffff;--theme-muted:#d6d0c2;--theme-primary:#f2b21a;--theme-primary-2:#ffe08a;--theme-border:rgba(242,178,26,.32);--theme-card:rgba(255,255,255,.065);--theme-card-2:rgba(255,255,255,.025);--theme-shadow:0 22px 60px rgba(0,0,0,.42)}
body[data-color-theme="pearl-navy"]{--theme-bg:#f7f9fc;--theme-surface:#ffffff;--theme-surface-2:#eef3f9;--theme-text:#0c2038;--theme-muted:#536477;--theme-primary:#0d3b66;--theme-primary-2:#63a4ff;--theme-border:rgba(13,59,102,.24);--theme-card:rgba(255,255,255,.96);--theme-card-2:rgba(237,244,252,.78);--theme-shadow:0 22px 60px rgba(13,59,102,.12)}
body[data-color-theme="emerald"]{--theme-bg:#03140d;--theme-surface:#082216;--theme-surface-2:#0f3d29;--theme-text:#f3fff8;--theme-muted:#c7ead8;--theme-primary:#00b56a;--theme-primary-2:#9af2c8;--theme-border:rgba(0,181,106,.34);--theme-card:rgba(255,255,255,.060);--theme-card-2:rgba(255,255,255,.024);--theme-shadow:0 22px 60px rgba(0,80,42,.40)}
body[data-color-theme="burgundy-copper"]{--theme-bg:#170507;--theme-surface:#270b0f;--theme-surface-2:#3b1115;--theme-text:#fff5ef;--theme-muted:#efcbc1;--theme-primary:#c87835;--theme-primary-2:#ffc28a;--theme-border:rgba(200,120,53,.36);--theme-card:rgba(255,255,255,.060);--theme-card-2:rgba(255,255,255,.024);--theme-shadow:0 22px 60px rgba(88,17,22,.45)}
body[data-color-theme="violet-night"]{--theme-bg:#0f071a;--theme-surface:#1b0f2c;--theme-surface-2:#281842;--theme-text:#fbf7ff;--theme-muted:#ddcdeb;--theme-primary:#9b5cff;--theme-primary-2:#e0caff;--theme-border:rgba(155,92,255,.36);--theme-card:rgba(255,255,255,.062);--theme-card-2:rgba(255,255,255,.024);--theme-shadow:0 22px 60px rgba(54,15,95,.43)}
body[data-color-theme="steel-cyan"]{--theme-bg:#071216;--theme-surface:#0e2028;--theme-surface-2:#14323c;--theme-text:#effcff;--theme-muted:#c4e3ea;--theme-primary:#28c7df;--theme-primary-2:#b9f6ff;--theme-border:rgba(40,199,223,.34);--theme-card:rgba(255,255,255,.060);--theme-card-2:rgba(255,255,255,.024);--theme-shadow:0 22px 60px rgba(0,80,95,.42)}
body{background:var(--theme-bg);color:var(--theme-text)}
.site-header,.site-footer,.section,.dark-section,.cta-section,.hero-slider,.master-showcase,.page-hero{background-color:var(--theme-bg)}
.site-header{background:color-mix(in srgb,var(--theme-bg) 88%,transparent);border-bottom-color:color-mix(in srgb,var(--theme-primary) 20%,transparent)}
.brand-text strong,.main-nav a,.section-head h2,.copy-block h2,.master-copy h1,.page-hero h1,.cta-card h2,.site-footer h3,.feature-card h3,.brand-card h3,.product-card h3,.subsidiary-head h2,.stat strong{color:var(--theme-text)}
p,.copy-block p,.section-head p,.master-copy p,.page-hero p,.site-footer p,.product-card p,.feature-card p,.brand-card p,.subsidiary-head p{color:var(--theme-muted)}
.eyebrow,.main-nav a:hover,.main-nav a.active,.stat strong{color:var(--theme-primary)}
.eyebrow:before,.btn-primary,.chat-form button{background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2))}
.btn-primary{color:#111}
.btn-outline,.feature-card,.brand-card,.product-card,.image-card,.stat,.cta-card,.chat-box,.subsidiary-chip{background:linear-gradient(180deg,var(--theme-card),var(--theme-card-2));border-color:var(--theme-border);box-shadow:var(--theme-shadow)}
.master-showcase{background:radial-gradient(circle at 50% 16%,color-mix(in srgb,var(--theme-primary) 18%,transparent),transparent 28%),linear-gradient(180deg,var(--theme-bg),var(--theme-surface-2));overflow:clip}
body[data-color-theme="pearl-navy"] .hero-slide{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.68),rgba(255,255,255,.18)),var(--bg)!important}
body[data-color-theme="pearl-navy"] .page-hero{background-image:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.68),rgba(255,255,255,.18)),var(--bg)!important}

.theme-switcher{position:fixed;left:18px;bottom:96px;z-index:999;font-family:inherit}
.theme-toggle{border:1px solid var(--theme-border);background:linear-gradient(135deg,var(--theme-surface),var(--theme-surface-2));color:var(--theme-text);border-radius:999px;padding:10px 13px;display:flex;align-items:center;gap:8px;cursor:pointer;box-shadow:var(--theme-shadow);font-weight:800}
.theme-toggle-dot{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--theme-primary),var(--theme-primary-2));box-shadow:0 0 0 3px color-mix(in srgb,var(--theme-primary) 18%,transparent)}
.theme-panel{width:255px;margin-bottom:10px;padding:12px;border:1px solid var(--theme-border);border-radius:18px;background:color-mix(in srgb,var(--theme-surface) 94%,transparent);color:var(--theme-text);box-shadow:var(--theme-shadow);backdrop-filter:blur(14px)}
.theme-panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;font-size:14px}
.theme-close{border:0;background:transparent;color:var(--theme-muted);cursor:pointer;font-size:20px;line-height:1}
.theme-options{display:grid;grid-template-columns:1fr;gap:7px}
.theme-option{border:1px solid color-mix(in srgb,var(--theme-border) 75%,transparent);background:color-mix(in srgb,var(--theme-card) 82%,transparent);color:var(--theme-text);border-radius:12px;padding:8px;display:flex;align-items:center;gap:8px;cursor:pointer;text-align:right;font-weight:700;transition:.18s ease}
.theme-option:hover,.theme-option.active{border-color:var(--theme-primary);transform:translateY(-1px)}
.swatch{width:32px;height:22px;border-radius:8px;border:1px solid rgba(255,255,255,.35);flex:0 0 auto;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06)}
.swatch-royal-gold{background:linear-gradient(135deg,#050505 0 45%,#f2b21a 45% 100%)}
.swatch-pearl-navy{background:linear-gradient(135deg,#fff 0 45%,#0d3b66 45% 100%)}
.swatch-emerald{background:linear-gradient(135deg,#03140d 0 45%,#00b56a 45% 100%)}
.swatch-burgundy-copper{background:linear-gradient(135deg,#170507 0 45%,#c87835 45% 100%)}
.swatch-violet-night{background:linear-gradient(135deg,#0f071a 0 45%,#9b5cff 45% 100%)}
.swatch-steel-cyan{background:linear-gradient(135deg,#071216 0 45%,#28c7df 45% 100%)}

/* cancel realistic horses completely */
.horse-shadow{display:none!important;background-image:none!important}
.master-stage{position:relative;min-height:690px;display:grid;place-items:center;isolation:isolate}
.showcase-logo-wrap{position:relative;z-index:8;width:min(720px,92%);background:transparent!important;border:0!important;box-shadow:none!important}
.showcase-logo{width:100%;max-width:660px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 38px rgba(0,0,0,.52)) drop-shadow(0 0 24px color-mix(in srgb,var(--theme-primary) 34%,transparent));animation:planetLogoFloat 7s ease-in-out infinite}
@keyframes planetLogoFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.015)}}
.horse-galaxy{position:absolute;inset:0;z-index:5;pointer-events:none;animation:galaxyRotate 36s linear infinite;transform-origin:center}
@keyframes galaxyRotate{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.galaxy-ring{position:absolute;left:50%;top:50%;border:1px dashed color-mix(in srgb,var(--theme-primary) 30%,transparent);border-radius:50%;transform:translate(-50%,-50%) rotate(-10deg);box-shadow:0 0 35px color-mix(in srgb,var(--theme-primary) 12%,transparent)}
.ring-one{width:360px;height:360px}
.ring-two{width:520px;height:520px;transform:translate(-50%,-50%) rotate(18deg)}
.ring-three{width:675px;height:675px;transform:translate(-50%,-50%) rotate(-28deg)}
.galaxy-horse{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:58px;height:58px;margin:-29px;color:var(--theme-primary);font-size:44px;line-height:1;text-shadow:0 0 12px color-mix(in srgb,var(--theme-primary) 60%,transparent),0 8px 18px rgba(0,0,0,.30);filter:drop-shadow(0 0 9px color-mix(in srgb,var(--theme-primary) 45%,transparent));animation:horseCounter 36s linear infinite}
@keyframes horseCounter{from{rotate:0deg}to{rotate:-360deg}}
.horse-0{transform:rotate(0deg) translateX(330px) rotate(0deg)}
.horse-1{transform:rotate(30deg) translateX(250px) rotate(-30deg);opacity:.78;font-size:34px}
.horse-2{transform:rotate(60deg) translateX(330px) rotate(-60deg)}
.horse-3{transform:rotate(90deg) translateX(250px) rotate(-90deg);opacity:.78;font-size:34px}
.horse-4{transform:rotate(120deg) translateX(330px) rotate(-120deg)}
.horse-5{transform:rotate(150deg) translateX(250px) rotate(-150deg);opacity:.78;font-size:34px}
.horse-6{transform:rotate(180deg) translateX(330px) rotate(-180deg)}
.horse-7{transform:rotate(210deg) translateX(250px) rotate(-210deg);opacity:.78;font-size:34px}
.horse-8{transform:rotate(240deg) translateX(330px) rotate(-240deg)}
.horse-9{transform:rotate(270deg) translateX(250px) rotate(-270deg);opacity:.78;font-size:34px}
.horse-10{transform:rotate(300deg) translateX(330px) rotate(-300deg)}
.horse-11{transform:rotate(330deg) translateX(250px) rotate(-330deg);opacity:.78;font-size:34px}
@media(max-width:980px){.master-stage{min-height:540px}.showcase-logo{max-width:500px}.ring-one{width:280px;height:280px}.ring-two{width:390px;height:390px}.ring-three{width:500px;height:500px}.galaxy-horse{font-size:34px;width:44px;height:44px;margin:-22px}.horse-0,.horse-2,.horse-4,.horse-6,.horse-8,.horse-10{transform:rotate(var(--r,0deg)) translateX(245px) rotate(calc(var(--r,0deg) * -1))}.horse-0{--r:0deg}.horse-2{--r:60deg}.horse-4{--r:120deg}.horse-6{--r:180deg}.horse-8{--r:240deg}.horse-10{--r:300deg}.horse-1,.horse-3,.horse-5,.horse-7,.horse-9,.horse-11{font-size:28px}.horse-1{transform:rotate(30deg) translateX(185px) rotate(-30deg)}.horse-3{transform:rotate(90deg) translateX(185px) rotate(-90deg)}.horse-5{transform:rotate(150deg) translateX(185px) rotate(-150deg)}.horse-7{transform:rotate(210deg) translateX(185px) rotate(-210deg)}.horse-9{transform:rotate(270deg) translateX(185px) rotate(-270deg)}.horse-11{transform:rotate(330deg) translateX(185px) rotate(-330deg)}}
@media(max-width:640px){.theme-switcher{left:12px;bottom:84px}.theme-panel{width:min(255px,calc(100vw - 24px))}.master-stage{min-height:390px}.showcase-logo{max-width:355px}.ring-one{width:210px;height:210px}.ring-two{width:300px;height:300px}.ring-three{width:382px;height:382px}.galaxy-horse{font-size:26px;width:34px;height:34px;margin:-17px}.horse-0,.horse-2,.horse-4,.horse-6,.horse-8,.horse-10{transform:rotate(var(--r,0deg)) translateX(184px) rotate(calc(var(--r,0deg) * -1))}.horse-1{transform:rotate(30deg) translateX(140px) rotate(-30deg)}.horse-3{transform:rotate(90deg) translateX(140px) rotate(-90deg)}.horse-5{transform:rotate(150deg) translateX(140px) rotate(-150deg)}.horse-7{transform:rotate(210deg) translateX(140px) rotate(-210deg)}.horse-9{transform:rotate(270deg) translateX(140px) rotate(-270deg)}.horse-11{transform:rotate(330deg) translateX(140px) rotate(-330deg)}}


/* ===== V13: professional live chat and floating direct contact buttons ===== */
.floating-social{
  position:fixed;
  right:20px;
  bottom:24px;
  z-index:92;
  display:grid;
  gap:10px;
}
.social-float{
  width:54px;
  min-height:54px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  color:#fff;
  box-shadow:0 18px 42px rgba(0,0,0,.36);
  border:1px solid rgba(255,255,255,.16);
  overflow:hidden;
  transition:.22s ease;
  padding:0 15px;
}
.social-float strong{
  max-width:0;
  opacity:0;
  white-space:nowrap;
  overflow:hidden;
  transition:.22s ease;
  font-size:13px;
}
.social-float:hover{
  width:150px;
  justify-content:flex-start;
  transform:translateX(-4px);
}
.social-float:hover strong{
  max-width:100px;
  opacity:1;
}
.social-float.whatsapp{background:linear-gradient(135deg,#12b76a,#067647)}
.social-float.facebook{background:linear-gradient(135deg,#1877f2,#0b3d91)}
.social-float.instagram{background:linear-gradient(135deg,#f58529,#dd2a7b 48%,#8134af)}
.social-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-size:18px;
  flex:0 0 auto;
}
.support-widget{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:94;
  font-family:inherit;
}
.support-open{
  border:0;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:12px;
  min-width:220px;
  border-radius:999px;
  padding:12px 16px 12px 20px;
  color:#111;
  background:linear-gradient(135deg,var(--theme-primary,#f2b21a),var(--theme-primary-2,#ffe08a));
  box-shadow:0 18px 45px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.14) inset;
  font-weight:900;
}
.support-bubble-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(255,255,255,.42);
  font-size:22px;
}
.support-bubble-text{
  display:grid;
  text-align:right;
  line-height:1.25;
}
.support-bubble-text small{
  color:#1f2a1f;
  font-size:11px;
  font-weight:900;
}
.support-bubble-text small:before{
  content:"";
  display:inline-block;
  width:8px;
  height:8px;
  margin-left:5px;
  border-radius:50%;
  background:#12b76a;
  box-shadow:0 0 0 4px rgba(18,183,106,.18);
}
.support-panel{
  width:min(410px,calc(100vw - 28px));
  background:linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#101010) 96%,transparent),color-mix(in srgb,var(--theme-surface-2,#181818) 96%,transparent));
  border:1px solid var(--theme-border,rgba(242,178,26,.32));
  border-radius:28px;
  overflow:hidden;
  box-shadow:0 24px 80px rgba(0,0,0,.42);
  margin-bottom:14px;
  backdrop-filter:blur(18px);
}
.support-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:18px 18px;
  color:var(--theme-text,#fff);
  background:
    radial-gradient(circle at 10% 0%,color-mix(in srgb,var(--theme-primary,#f2b21a) 24%,transparent),transparent 36%),
    linear-gradient(135deg,color-mix(in srgb,var(--theme-surface-2,#181818) 96%,#000),color-mix(in srgb,var(--theme-surface,#111) 88%,#000));
  border-bottom:1px solid color-mix(in srgb,var(--theme-primary,#f2b21a) 20%,transparent);
}
.support-head strong{
  display:block;
  font-size:17px;
}
.support-head small{
  display:block;
  color:var(--theme-muted,#d7d7d7);
  font-size:12px;
  margin-top:3px;
}
.support-close{
  width:36px;
  height:36px;
  border:0;
  border-radius:50%;
  background:rgba(255,255,255,.08);
  color:var(--theme-text,#fff);
  font-size:24px;
  cursor:pointer;
}
.support-status{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 16px;
  background:color-mix(in srgb,var(--theme-card,#fff) 52%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--theme-border,rgba(242,178,26,.28)) 70%,transparent);
}
.support-status span{
  width:10px;
  height:10px;
  border-radius:50%;
  background:#12b76a;
  box-shadow:0 0 0 5px rgba(18,183,106,.13);
}
.support-status p{
  margin:0;
  font-size:12px;
  color:var(--theme-muted,#d7d7d7);
}
.support-messages{
  height:300px;
  overflow:auto;
  padding:16px;
  display:grid;
  align-content:start;
  gap:12px;
  scroll-behavior:smooth;
}
.chat-message{
  display:grid;
  gap:4px;
  max-width:86%;
  padding:11px 13px;
  border-radius:18px;
  font-size:14px;
  line-height:1.7;
  word-break:break-word;
}
.chat-message small{
  display:block;
  opacity:.68;
  font-size:10px;
}
.chat-message.visitor{
  justify-self:start;
  background:color-mix(in srgb,var(--theme-surface,#111) 82%,#fff);
  border:1px solid rgba(255,255,255,.08);
  color:var(--theme-text,#fff);
  border-bottom-right-radius:6px;
}
.chat-message.admin{
  justify-self:end;
  background:linear-gradient(135deg,color-mix(in srgb,var(--theme-primary,#f2b21a) 25%,transparent),color-mix(in srgb,var(--theme-primary-2,#ffe08a) 12%,transparent));
  border:1px solid color-mix(in srgb,var(--theme-primary,#f2b21a) 30%,transparent);
  color:var(--theme-text,#fff);
  border-bottom-left-radius:6px;
}
.support-form{
  display:grid;
  gap:10px;
  padding:16px;
  border-top:1px solid color-mix(in srgb,var(--theme-border,rgba(242,178,26,.28)) 70%,transparent);
}
.support-form label{
  display:grid;
  gap:6px;
  color:var(--theme-text,#fff);
  font-weight:900;
  font-size:12px;
}
.support-form input,
.support-form textarea{
  width:100%;
  color:var(--theme-text,#fff);
  background:color-mix(in srgb,var(--theme-surface,#111) 86%,#000);
  border:1px solid color-mix(in srgb,var(--theme-border,rgba(242,178,26,.28)) 75%,transparent);
  border-radius:15px;
  padding:12px 13px;
  outline:none;
}
.support-form textarea{
  min-height:84px;
  resize:vertical;
}
.support-form input:focus,
.support-form textarea:focus{
  border-color:var(--theme-primary,#f2b21a);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--theme-primary,#f2b21a) 15%,transparent);
}
.support-form button{
  border:0;
  border-radius:15px;
  padding:13px 16px;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:#111;
  background:linear-gradient(135deg,var(--theme-primary,#f2b21a),var(--theme-primary-2,#ffe08a));
  font-weight:1000;
}
.support-form button.is-loading{
  opacity:.7;
  cursor:progress;
}
.chat-widget{display:none!important}
@media(max-width:760px){
  .support-widget{left:12px;right:12px;bottom:14px}
  .support-open{min-width:0;width:100%;justify-content:center}
  .support-panel{width:100%;margin-bottom:10px}
  .floating-social{right:12px;bottom:92px}
  .social-float{width:48px;min-height:48px;border-radius:16px}
  .social-float:hover{width:48px;justify-content:center;transform:none}
  .social-float strong{display:none}
  .theme-switcher{bottom:92px!important}
}


/* ===== V14: group profile, goals, factory and Saqr Al-Aseel sections ===== */
.direction-section{
  background:
    radial-gradient(circle at 15% 10%,color-mix(in srgb,var(--theme-primary,#f2b21a) 12%,transparent),transparent 30%),
    var(--theme-bg,#060606);
}
.direction-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
}
.direction-card{
  border:1px solid var(--theme-border,rgba(242,178,26,.28));
  background:linear-gradient(180deg,var(--theme-card,rgba(255,255,255,.06)),var(--theme-card-2,rgba(255,255,255,.025)));
  border-radius:28px;
  padding:26px;
  box-shadow:var(--theme-shadow,0 22px 60px rgba(0,0,0,.28));
}
.direction-card h3{
  margin:0 0 10px;
  color:var(--theme-primary,#f2b21a);
  font-size:28px;
}
.direction-card > p{
  color:var(--theme-muted,#d7d7d7);
  margin:0 0 16px;
}
.direction-card ol{
  margin:0;
  padding-right:24px;
  display:grid;
  gap:12px;
}
.direction-card li{
  color:var(--theme-text,#fff);
  line-height:1.9;
  padding-right:6px;
}
.direction-card li::marker{
  color:var(--theme-primary,#f2b21a);
  font-weight:900;
}
.factory-showcase{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--theme-surface,#111) 94%,transparent),var(--theme-bg,#060606));
}
.factory-photo-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}
.factory-photo{
  min-height:260px;
  border-radius:24px;
  overflow:hidden;
  border:1px solid var(--theme-border,rgba(242,178,26,.28));
  box-shadow:var(--theme-shadow,0 22px 60px rgba(0,0,0,.28));
}
.factory-photo:nth-child(1){
  grid-column:span 2;
}
.factory-photo img{
  width:100%;
  height:100%;
  min-height:260px;
  object-fit:cover;
  transition:transform .35s ease;
}
.factory-photo:hover img{
  transform:scale(1.04);
}
.saqr-showcase{
  overflow:hidden;
}
.saqr-photo-strip{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}
.saqr-photo-strip a,
.saqr-gallery-grid a{
  display:block;
  overflow:hidden;
  border-radius:22px;
  border:1px solid var(--theme-border,rgba(242,178,26,.28));
  background:var(--theme-card,rgba(255,255,255,.05));
  box-shadow:var(--theme-shadow,0 22px 60px rgba(0,0,0,.28));
}
.saqr-photo-strip img{
  width:100%;
  height:210px;
  object-fit:cover;
  transition:transform .35s ease;
}
.saqr-photo-strip a:hover img,
.saqr-gallery-grid a:hover img{
  transform:scale(1.035);
}
.saqr-gallery-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.saqr-gallery-grid img{
  width:100%;
  height:310px;
  object-fit:cover;
  transition:transform .35s ease;
}
.brand-card.large:first-child{
  grid-column:span 2;
  background:
    radial-gradient(circle at 80% 10%,color-mix(in srgb,var(--theme-primary,#f2b21a) 15%,transparent),transparent 35%),
    linear-gradient(180deg,var(--theme-card,rgba(255,255,255,.06)),var(--theme-card-2,rgba(255,255,255,.025)));
}
.brand-card.large:first-child img{
  height:360px;
  object-fit:cover;
}
@media(max-width:1000px){
  .direction-grid{grid-template-columns:1fr}
  .factory-photo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .factory-photo:nth-child(1){grid-column:span 2}
  .saqr-photo-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .saqr-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  .factory-photo-grid,.saqr-photo-strip,.saqr-gallery-grid{grid-template-columns:1fr}
  .factory-photo:nth-child(1),.brand-card.large:first-child{grid-column:auto}
  .factory-photo,.factory-photo img{min-height:230px}
  .saqr-photo-strip img,.saqr-gallery-grid img{height:240px}
  .direction-card{padding:20px}
}
