:root{--navy:#101e35;--navy2:#172a45;--red:#d8343d;--cream:#f7f6f2;--ink:#18243a;--muted:#748092;--line:#e8e9e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'IBM Plex Sans Arabic',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select{font:inherit}button{cursor:pointer}.top{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,88px);background:#fff;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:10px;font-weight:700;font-size:20px;line-height:1.1}.brand small{display:block;font-size:10px;font-weight:500;letter-spacing:.05em;color:#8490a0;margin-top:4px}.brandmark{display:grid;place-items:center;background:var(--red);color:#fff;width:38px;height:38px;font:italic 900 25px Georgia;transform:skew(-9deg)}.top nav{display:flex;gap:35px;color:#48576b;font-size:14px;font-weight:600}.top nav a:hover,.text-link:hover{color:var(--red)}.top-cta{background:var(--navy);color:#fff;padding:12px 21px;font-size:13px;font-weight:700;display:flex;gap:35px}.top-cta span{font-size:19px;line-height:1}.hero{background:var(--navy);color:#fff;min-height:620px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:64px clamp(24px,7vw,120px)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.03) 40%,rgba(255,255,255,.03) 40.2%,transparent 40.2%),radial-gradient(circle at 82% 25%,#28415f 0,transparent 34%)}.hero-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:#d8343d;filter:blur(180px);opacity:.17;left:-130px;bottom:-230px}.hero-content{z-index:2;max-width:570px}.hero-label,.eyebrow{font-size:12px;font-weight:700;letter-spacing:.03em}.hero-label{color:#d7dce3;display:flex;align-items:center;gap:10px}.hero-label span{width:7px;height:7px;border-radius:50%;background:var(--red)}.hero h1{font-size:clamp(42px,5.2vw,78px);line-height:1.22;letter-spacing:-.05em;margin:27px 0 22px}.hero h1 em{font-style:normal;color:#ff777a}.hero-content>p{font-size:17px;line-height:2;color:#c4cfde;max-width:460px;margin:0 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;font-size:14px;font-weight:700;min-width:175px;border:0}.button.primary{background:var(--red);color:#fff}.button.primary:hover{background:#b92731}.button.ghost{border:1px solid #8290a3;color:#fff}.button.light{background:#fff;color:var(--navy)}.hero-stats{display:flex;align-items:center;gap:25px;margin-top:60px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font-size:31px;line-height:1}.hero-stats span{font-size:12px;color:#a5b1bf;margin-top:7px}.hero-stats i{height:36px;width:1px;background:#65748b}.hero-visual{height:490px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%;transform:rotate(-25deg)}.orbit-a{width:380px;height:380px}.orbit-b{width:480px;height:210px}.visual-core{width:300px;height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#253e5e,#0c1930);box-shadow:28px 30px 70px #071021;transform:rotate(-7deg);border:1px solid #566a80}.visual-core span{font:700 30px Arial;letter-spacing:.2em}.visual-core b{font:150px Georgia;color:var(--red);line-height:1}.visual-core small{font-size:14px;color:#cdd5df}.floating{position:absolute;background:#fff;color:var(--navy);font-size:12px;font-weight:700;padding:15px 20px;box-shadow:0 15px 40px #050d20a0}.f1{top:50px;right:0}.f1 span{color:var(--red);margin-right:25px}.f2{bottom:48px;left:0;background:var(--red);color:#fff}.hero-index{position:absolute;bottom:30px;left:5%;font:12px Arial;color:#b2bdca}.trust-strip{display:flex;justify-content:space-between;gap:15px;padding:25px clamp(24px,7vw,120px);background:#f0f1ed;color:#8a929b;font-size:12px}.trust-strip b{color:var(--navy);font-size:14px;letter-spacing:.1em}.section{padding:100px clamp(24px,7vw,120px)}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:35px;gap:20px}.eyebrow.red{color:var(--red)}h2{letter-spacing:-.04em}.section-head h2{font-size:clamp(29px,3vw,45px);margin:12px 0}.section-head h2 span{color:var(--red)}.section-head p{color:#7c8795;margin:0}.text-link{white-space:nowrap;color:var(--navy);font-weight:700;font-size:14px;border-bottom:1px solid var(--navy);padding-bottom:7px}.text-link span{margin-right:18px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);background:#fff;min-width:0;transition:transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-5px);box-shadow:0 20px 35px #11213a14}.product-art{height:215px;background:linear-gradient(145deg,#eaeef1,#f5f4ee);position:relative;display:grid;place-items:center;overflow:hidden}.product-art:after{content:'';width:220px;height:220px;border:1px solid #cbd4db;border-radius:50%;position:absolute;left:-50px;top:-80px}.product-art>span{font:100px Georgia;color:#c54c50;opacity:.8;transform:rotate(-15deg)}.product-art small{position:absolute;bottom:15px;right:18px;font:10px Arial;letter-spacing:.2em;color:#778594}.product-info{padding:21px}.product-info .eyebrow{color:var(--red);font-size:10px}.product-info h3{font-size:17px;margin:9px 0;line-height:1.5;min-height:50px}.product-info p{font-size:12px;color:#8290a0;line-height:1.7;height:41px;overflow:hidden;margin:0}.product-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:20px;padding-top:14px}.product-bottom strong{font-size:17px}.arrow{width:28px;height:28px;display:grid;place-items:center;background:var(--navy);color:#fff}.statement{background:var(--navy);color:#fff;padding:110px clamp(24px,7vw,120px);position:relative;overflow:hidden}.statement:after{content:'D';font:bold 500px Arial;color:#ffffff06;position:absolute;left:8%;bottom:-260px}.statement h2{font-size:clamp(34px,4vw,58px);line-height:1.4;margin:16px 0}.statement p{color:#b8c6d6;line-height:2;max-width:690px;margin-bottom:30px}.statement .eyebrow{color:#ff777a}.contact{padding:90px clamp(24px,7vw,120px);display:flex;justify-content:space-between;align-items:center;gap:25px;background:var(--cream)}.contact h2{font-size:clamp(30px,3vw,45px);line-height:1.4;margin:12px 0}.contact p{color:#85909b}.footer-main{background:#111e31;color:#dce4ed;padding:65px clamp(24px,7vw,120px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-main>div{display:flex;flex-direction:column;gap:12px}.footer-main p{font-size:13px;line-height:2;color:#98a9ba;max-width:320px}.footer-logo{font:bold 28px Arial;letter-spacing:.14em;color:#fff}.footer-logo span{color:var(--red)}.footer-main strong{font-size:14px;color:#fff;margin-bottom:6px}.footer-main a{font-size:13px;color:#a9b8c7}.footer-main a:hover{color:#fff}.footer-bottom{background:#0b1627;color:#7890a5;padding:18px clamp(24px,7vw,120px);font-size:11px}.catalog,.detail,.dashboard{padding:65px clamp(24px,7vw,120px) 100px;min-height:60vh}.catalog-intro{max-width:630px}.catalog-intro h1{font-size:clamp(38px,4vw,60px);line-height:1.3;margin:10px 0}.catalog-intro em{font-style:normal;color:var(--red)}.catalog-intro p{color:#7e8998;line-height:1.9}.catalog-controls{display:flex;gap:12px;margin:40px 0 25px}.catalog-controls .search{border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:0 16px;flex:1}.search span{font-size:25px;color:#9aa4af}.catalog-controls input{border:0;outline:0;padding:15px 0;width:100%;background:transparent}.catalog-controls select{min-width:175px;border:1px solid var(--line);background:#fff;padding:0 15px}.catalog-controls button{border:0;background:var(--navy);color:#fff;padding:0 28px}.catalog-meta{display:flex;justify-content:space-between;margin-bottom:20px;color:#8290a0;font-size:12px}.catalog-meta strong{color:var(--navy);font-size:15px}.breadcrumbs{font-size:12px;color:#8895a4;margin-bottom:35px}.breadcrumbs a:hover{color:var(--red)}.detail-layout{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.detail-art{min-height:500px;background:linear-gradient(135deg,#e7edf1,#f6f3ec);display:flex;align-items:center;justify-content:center;position:relative}.detail-art:before{content:'';position:absolute;width:60%;aspect-ratio:1;border:1px solid #d0d9de;border-radius:50%}.detail-symbol{font:220px Georgia;color:#cb4a50;z-index:1;transform:rotate(-12deg)}.detail-art>span{position:absolute;bottom:25px;right:30px;font:12px Arial;letter-spacing:.18em;color:#6f8090}.detail-content h1{font-size:clamp(31px,3.5vw,52px);line-height:1.4;margin:12px 0}.detail-id,.detail-note{color:#8792a0;font-size:13px}.detail-price{font-size:31px;font-weight:700;margin:32px 0 4px}.detail-note{margin:0 0 23px;line-height:1.8}.wide{width:100%;max-width:380px}.detail-divider{height:1px;background:var(--line);margin:35px 0 20px}.detail-content h2{font-size:22px}.description{line-height:2;color:#506075;white-space:normal}.detail-bottom{margin-top:80px;padding:45px;background:var(--cream);text-align:center}.detail-bottom h2{font-size:28px;margin:0}.detail-bottom p{color:#7f8b97}.detail-bottom a{color:var(--red);font-weight:700}.empty{padding:100px 25px;text-align:center;min-height:50vh;font-size:20px}.empty a{color:var(--red)}.admin-login{min-height:70vh;display:grid;place-items:center;background:var(--cream);padding:50px 20px}.login-card{width:min(100%,470px);padding:45px;background:#fff;box-shadow:0 20px 60px #12223b12}.login-card h1{margin:10px 0}.login-card p{color:#7e8b99}.login-card label,.panel label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:700;margin:25px 0}.login-card input,.panel input{border:1px solid #d9e0e5;padding:13px;background:#fff;width:100%}.dashboard{background:#f6f7f5}.dash-head{display:flex;justify-content:space-between;align-items:center}.dash-head h1{margin:6px 0}.dash-head p,.panel p{color:#8290a0;line-height:1.8}.dash-head button,.admin-row button,.upload button,.panel>form>button:not(.button){border:1px solid #ccd5db;background:#fff;padding:10px 15px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:35px 0}.stats>div,.panel{background:#fff;border:1px solid #e8ecee;padding:25px}.stats small{display:block;color:#8593a2}.stats strong{display:block;font-size:34px;margin-top:8px}.stats .date{font-size:19px}.dash-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.panel h2{margin-top:0;font-size:20px}.sync-status{font-size:13px;margin:15px 0;color:#5c6a78}.upload{margin-top:25px;border-top:1px solid var(--line)}.upload label{margin:20px 0 10px}.products-admin{margin-top:15px}.admin-row{padding:13px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px}.admin-row small{display:block;color:#8996a3;margin-top:3px}.admin-row button{font-size:12px}.admin-table{max-height:650px;overflow:auto}@media(max-width:900px){.top{height:70px}.top nav{display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{height:320px}.visual-core{width:190px;height:230px}.visual-core span{font-size:18px}.visual-core b{font-size:100px}.orbit-a{width:280px;height:280px}.orbit-b{width:350px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{gap:35px}.detail-art{min-height:380px}}@media(max-width:600px){.top{padding:0 20px}.brand{font-size:16px}.brandmark{width:32px;height:32px;font-size:20px}.top-cta{font-size:11px;padding:10px 12px;gap:10px}.hero{min-height:auto;padding:60px 24px 35px}.hero h1{font-size:44px}.hero-content>p{font-size:14px}.hero-stats{margin-top:38px}.hero-visual{height:300px}.floating{font-size:10px;padding:10px}.f1{top:15px}.f2{bottom:12px}.trust-strip{padding:20px 24px}.trust-strip span{display:none}.section{padding:70px 20px}.section-head{display:block}.text-link{display:inline-block;margin-top:20px}.product-grid{gap:10px}.product-art{height:145px}.product-art>span{font-size:68px}.product-info{padding:13px}.product-info h3{font-size:13px;min-height:59px}.product-info p{display:none}.product-bottom{margin-top:10px}.product-bottom strong{font-size:13px}.statement{padding:75px 24px}.contact{padding:70px 24px;display:block}.contact .button{margin-top:15px}.footer-main{grid-template-columns:1fr 1fr;padding:55px 24px}.footer-main>div:first-child{grid-column:span 2}.footer-bottom{padding:20px 24px}.catalog,.detail,.dashboard{padding:48px 20px 75px}.catalog-controls{display:grid;grid-template-columns:1fr 1fr}.catalog-controls .search{grid-column:span 2}.catalog-controls button{padding:12px}.catalog-controls select{min-width:0}.catalog-meta span{display:none}.detail-layout{grid-template-columns:1fr}.detail-art{min-height:320px}.detail-symbol{font-size:155px}.detail-bottom{margin-top:55px}.stats{gap:7px}.stats>div{padding:14px}.stats strong{font-size:23px}.stats .date{font-size:11px}.dash-panels{grid-template-columns:1fr}}

.brand img{width:262px;height:auto;display:block}.footer-brand{width:210px;height:auto;max-width:100%}@media(max-width:600px){.brand img{width:180px}}

/* Dragon Pay visual language, adapted for the public storefront. */
:root{--navy:#1b0952;--navy2:#251366;--red:#de0036;--cream:#f5f6fa;--ink:#1b1435;--muted:#746f89;--line:#e5e4ef}
body{background:var(--cream)}
.top{position:sticky;top:0;z-index:30;box-shadow:0 1px 0 #1b09520b;backdrop-filter:blur(18px);background:#fffffff0}
.top-cta,.button,.product-card,.social-card{border-radius:14px}
.top-cta,.button{transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s,box-shadow .25s}
.top-cta:hover,.button:hover{transform:translateY(-3px);box-shadow:0 12px 26px #1b095229}
.hero-v2{min-height:690px;background:radial-gradient(circle at 18% 18%,#39227e 0,transparent 32%),linear-gradient(125deg,#1b0952 0%,#10082f 100%)}
.hero-v2:before{background:radial-gradient(circle at 82% 38%,#56145366,transparent 35%),linear-gradient(130deg,transparent 30%,#ffffff09 30.1%,transparent 30.3%)}
.hero-v2 h1{letter-spacing:-.045em}
.hero-v2 h1 em{color:#ff4c78}
.hero-v2 .hero-content>p{max-width:560px}
.hero-v2 .hero-stats strong{font-size:25px}
.dragon-disc{position:relative;width:min(72%,365px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 48% 44%,#ffffff 0,#e9e5f7 70%);box-shadow:0 0 0 18px #ffffff0b,0 0 0 55px #ffffff05,0 30px 100px #09022377;animation:dragonFloat 7s ease-in-out infinite}
.dragon-disc img{width:78%;height:78%;object-fit:contain;object-position:center top;filter:drop-shadow(0 22px 12px #1b095229)}
.hero-v2 .orbit{border-color:#ffffff24;animation:orbitTurn 32s linear infinite}
.hero-v2 .orbit-b{animation-direction:reverse}
.hero-v2 .floating{border:1px solid #ffffff35;background:#ffffff18;backdrop-filter:blur(14px);border-radius:12px;color:#fff;box-shadow:0 14px 35px #09022333;animation:dragonFloat 8s ease-in-out infinite}
.hero-v2 .f2{animation-delay:-3s}
.ticker{overflow:hidden;background:var(--red);color:white;padding:13px 0;font-weight:700;white-space:nowrap}
.ticker>div{width:max-content;animation:tickerMove 28s linear infinite;word-spacing:16px}
.journey{background:#fff}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.journey-card{background:#f5f6fa;border:1px solid #e9e6f2;border-radius:22px;padding:34px;min-height:205px;transition:transform .3s,box-shadow .3s}
.journey-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #1b095215}
.journey-card span{color:var(--red);font-size:13px;font-weight:700}
.journey-card h3{font-size:27px;margin:20px 0 6px}
.journey-card p{line-height:1.9;color:#6e6883;margin:0}
.section-products{background:#f5f6fa}
.product-card{overflow:hidden;box-shadow:0 3px 18px #1b09520b;transition:transform .3s,box-shadow .3s}
.product-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px #1b09521c}
.product-art{background:radial-gradient(circle at 75% 22%,#fff 0,#e9e5f3 70%)}
.product-art>span{color:var(--navy)}
.story-section{padding:105px clamp(24px,7vw,120px);background:#16093e;color:white}
.story-heading{max-width:720px;margin-bottom:40px}
.story-heading .eyebrow{color:#ff7494}
.story-heading h2{font-size:clamp(32px,4.3vw,59px);line-height:1.25;margin:15px 0}
.story-heading p{line-height:1.9;color:#c8c1df;font-size:17px}
.social-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.social-card{min-height:350px;padding:24px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#392078,#211052);border:1px solid #ffffff24;position:relative;overflow:hidden;transition:transform .3s,border-color .3s,box-shadow .3s}
.social-card:before{content:'';position:absolute;width:220px;height:220px;background:#de003650;filter:blur(60px);left:-80px;top:-80px}
.social-card:hover{transform:translateY(-6px);border-color:#ffffff88;box-shadow:0 22px 45px #05011388}
.social-card-top,.social-card-bottom,.social-card>span,.social-card>h3,.social-profile-mark{position:relative;z-index:1}
.social-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.social-embed{position:relative;z-index:1;width:100%;height:250px;border:0;border-radius:12px;background:#11072d;margin:16px 0}
.social-card:has(.social-embed){min-height:480px}
.social-platform{background:#ffffff20;border:1px solid #ffffff30;border-radius:100px;padding:7px 13px;font-size:12px;font-weight:700}
.social-live{font-size:10px;color:#dfd8f2}
.social-play{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#de0036;color:white;font-size:25px;box-shadow:0 0 0 12px #de00362b;z-index:1}
.social-card h3{font-size:24px;line-height:1.45;margin:0 0 8px}
.social-card p{color:#d2cae7;line-height:1.7;margin:0 0 18px}
.social-card-bottom>span,.social-card>span:last-child{font-size:13px;color:#ff8fa9;font-weight:700}
.social-card-bottom>a{font-size:13px;color:#ff8fa9;font-weight:700}
.social-profile-mark{font:bold 130px Arial;color:#ffffff20;line-height:1;align-self:center}
.social-note{margin-top:24px;color:#a9a1c5;font-size:12px;line-height:1.7}
.live-facebook{margin-top:36px;padding:28px;background:#ffffff0b;border:1px solid #ffffff27;border-radius:22px;display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center}
.live-facebook h3{font-size:30px;line-height:1.35;margin:16px 0}
.live-facebook p{color:#c8c1df;line-height:1.85}
.live-facebook a{color:#ff8fa9;font-weight:700}
.live-facebook iframe{width:100%;max-width:500px;height:480px;border:0;background:white;border-radius:14px;justify-self:center}
.admin-search{width:100%;padding:14px 16px;border:1px solid var(--line);border-radius:10px;margin:10px 0 15px;background:#fff}
.panel textarea,.panel select{border:1px solid #d9e0e5;padding:13px;background:#fff;width:100%;font:inherit;border-radius:8px}
.panel input{border-radius:8px}
.admin-row[hidden]{display:none}
.admin-row form{display:inline-flex;gap:5px}
.mobile-nav{display:none}
.statement{background:linear-gradient(130deg,#331879,#1b0952)}
.contact{background:#fff}
.reveal,.product-card{opacity:0;translate:0 24px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--reveal-delay,0ms)}
.reveal.in-view,.product-card.in-view{opacity:1;translate:0 0}
@keyframes dragonFloat{50%{transform:translateY(-16px)}}
@keyframes orbitTurn{to{transform:rotate(360deg)}}
@keyframes tickerMove{to{transform:translateX(50%)}}
@media(max-width:900px){.journey-grid,.social-grid{grid-template-columns:1fr 1fr}.hero-v2{min-height:0}}
@media(max-width:900px){.live-facebook{grid-template-columns:1fr}}
@media(max-width:600px){.hero-v2{padding-top:57px}.hero-v2 h1{font-size:clamp(38px,10vw,50px)}.hero-v2 .hero-visual{height:315px}.dragon-disc{width:205px}.hero-v2 .hero-stats strong{font-size:19px}.journey-grid,.social-grid{grid-template-columns:1fr}.journey-card{min-height:0;padding:25px}.story-section{padding:72px 20px}.story-heading h2{font-size:34px}.social-card{min-height:270px}.social-profiles .social-card{min-height:230px}.social-profile-mark{font-size:85px}.ticker{font-size:12px}.top-cta{border-radius:10px}}
@media(max-width:600px){.mobile-nav{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;bottom:0;left:0;right:0;z-index:40;background:#ffffffec;backdrop-filter:blur(18px);box-shadow:0 -8px 30px #1b095219;border-top:1px solid #e8e4f1;padding:10px 4px max(10px,env(safe-area-inset-bottom))}.mobile-nav a{display:grid;place-items:center;min-height:36px;color:#4f416e;font-size:12px;font-weight:700}.mobile-nav a:focus-visible,.mobile-nav a:hover{color:var(--red)}body{padding-bottom:58px}.top{height:69px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.product-card{opacity:1;translate:none}}

/* Supplier storefront: confident editorial typography, clear sourcing paths, restrained depth. */
.supplier-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(circle at 78% 40%,#44218a 0,transparent 34%),linear-gradient(125deg,#16083f 0%,#210b58 58%,#10062e 100%)}
.supplier-hero:before{content:"";position:absolute;inset:0;opacity:.3;background:repeating-linear-gradient(90deg,transparent 0,transparent 159px,#ffffff12 160px),linear-gradient(160deg,transparent 55%,#de003620 55%)}
.supplier-hero-inner{position:relative;display:grid;grid-template-columns:1.08fr .92fr;min-height:650px;align-items:center;padding:65px clamp(24px,7vw,120px) 35px;gap:30px}
.supplier-copy{position:relative;z-index:2;max-width:760px}
.hero-kicker{display:flex;align-items:center;gap:10px;color:#d8d0ec;font:700 11px/1.5 'IBM Plex Sans Arabic',sans-serif;letter-spacing:.05em}
.hero-kicker i{width:8px;height:8px;background:#fb547e;border-radius:50%;box-shadow:0 0 0 6px #fb547e22}
.hero-kicker span{color:#ff5b80}
.supplier-copy h1{font-size:clamp(48px,5.1vw,84px);line-height:1.18;letter-spacing:-.055em;margin:28px 0 23px}
.supplier-copy h1 em,.supply-intro-grid h2 em,.supplier-statement h2 em,.supplier-contact h2 em{font-style:normal;color:#ff4f7b}
.supplier-copy>p{font-size:clamp(15px,1.25vw,19px);line-height:2;max-width:620px;color:#ddd5ee;margin:0 0 32px}
.supplier-copy .button{min-width:220px}
.hero-proof{display:flex;gap:0;margin-top:60px;border-top:1px solid #ffffff32;max-width:650px}
.hero-proof>div{flex:1;padding:24px 17px 0;border-left:1px solid #ffffff2b}
.hero-proof>div:first-child{padding-right:0}
.hero-proof>div:last-child{border-left:0}
.hero-proof strong{display:block;font:700 clamp(22px,2.4vw,34px)/1.2 'IBM Plex Sans Arabic',sans-serif}
.hero-proof span{display:block;color:#b7abd3;font-size:11px;margin-top:7px}
.supplier-stage{min-height:530px;position:relative;display:grid;place-items:center;isolation:isolate}
.stage-grid{position:absolute;width:min(100%,530px);aspect-ratio:1;border:1px solid #ffffff26;border-radius:50%;background:repeating-radial-gradient(circle,#ffffff12 0 1px,transparent 1px 65px);animation:stageTurn 45s linear infinite}
.stage-grid:before,.stage-grid:after{content:"";position:absolute;inset:12%;border:1px dashed #ffffff26;border-radius:50%}
.stage-grid:after{inset:26%;border-style:solid}
.stage-halo{width:min(72%,350px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 44% 35%,#fff,#e4def2 75%);box-shadow:0 35px 100px #09021d80,0 0 0 18px #ffffff0a;animation:dragonFloat 8s ease-in-out infinite}
.stage-halo img{width:80%;height:80%;object-fit:contain;object-position:center top;filter:drop-shadow(0 18px 16px #1b095229)}
.stage-caption{position:absolute;z-index:2;padding:13px 17px;border:1px solid #ffffff4a;border-radius:10px;background:#ffffff19;backdrop-filter:blur(18px);font-size:12px;font-weight:700;box-shadow:0 16px 35px #08031d45}
.stage-caption-top{top:14%;right:0}.stage-caption-bottom{bottom:16%;left:1%;font:700 10px Arial;letter-spacing:.2em}
.stage-vertical{position:absolute;left:0;top:50%;writing-mode:vertical-rl;letter-spacing:.3em;font:700 10px Arial;color:#ffffff6e}
.hero-bottom{position:relative;padding:16px clamp(24px,7vw,120px);border-top:1px solid #ffffff2b;display:flex;justify-content:space-between;color:#bcb2d5;font-size:11px}
.hero-bottom a{color:#fff;font-weight:700}
.supplier-ticker{overflow:hidden;background:var(--red);color:#fff;padding:12px 0;white-space:nowrap;font-size:13px;font-weight:700}
.supplier-ticker>div{width:max-content;animation:tickerMove 35s linear infinite;word-spacing:20px}
.supply-intro{background:#fff}
.supply-intro-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}
.section-index{font:700 11px Arial;color:#a09baa;letter-spacing:.15em}
.supply-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:8%;align-items:end;padding:30px 0 55px}
.supply-intro-grid h2{font-size:clamp(39px,5vw,72px);line-height:1.23;margin:0;letter-spacing:-.06em}
.supply-intro-grid h2 em{color:var(--red)}
.supply-intro-grid p{line-height:2;color:#6d667f;font-size:16px;margin:0 0 25px}
.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sector-card{position:relative;overflow:hidden;min-height:350px;background:#f3f0f9;border:1px solid #e9e2f1;border-radius:20px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .35s,background .35s,box-shadow .35s}
.sector-card:nth-child(2){background:#f5f5f3}.sector-card:nth-child(3){background:#f2f3f9}.sector-card:nth-child(4){background:#f6f0f2}
.sector-card:hover{transform:translateY(-8px);background:#eae2f8;box-shadow:0 22px 40px #1b095219}
.sector-top{display:flex;justify-content:space-between;align-items:center;color:#665d79;font-size:10px;font-weight:700}
.sector-top b{background:#fff;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:16px;color:var(--navy)}
.sector-mark{position:absolute;top:17%;left:13%;font-size:145px;line-height:1;color:#1b09520e;transform:rotate(-18deg);transition:transform .5s,color .5s}
.sector-card:hover .sector-mark{transform:rotate(0) scale(1.08);color:#de003625}
.sector-card h3{font-size:25px;line-height:1.4;margin:0 0 8px}
.sector-card p{color:#736b83;line-height:1.7;font-size:12px;min-height:42px}
.sector-action{display:block;margin-top:21px;color:var(--red);font-weight:700;font-size:12px}
.supplier-process{background:#eeeaf6}
.process-inner{padding-top:90px;padding-bottom:90px}
.supplier-process .section-head{align-items:end}
.supplier-process .section-head>p{max-width:390px;color:#665f79;line-height:1.9}
.process-line{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #bdb4cb;margin-top:45px}
.process-step{position:relative;padding:36px 25px 0 0}
.process-step:before{content:"";position:absolute;top:-6px;right:0;width:11px;height:11px;background:var(--red);border-radius:50%}
.process-step span{font:700 12px Arial;color:var(--red)}
.process-step h3{font-size:25px;margin:16px 0 5px}
.process-step p{color:#6e667e;line-height:1.8;font-size:13px;max-width:290px}
.supplier-statement{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;background:radial-gradient(circle at 72% 35%,#4b2791,transparent 35%),#180943}
.supplier-statement:after{display:none}
.supplier-statement h2{font-size:clamp(39px,4.5vw,65px)}
.supplier-statement h2 em{color:#ff648a}
.statement-art{position:relative;min-height:390px;display:grid;place-items:center;border:1px solid #ffffff24;border-radius:28px;overflow:hidden;background:#ffffff0b}
.statement-art>span{position:absolute;top:15px;right:20px;font:800 12px Arial;letter-spacing:.25em;color:#ffffff7a}
.statement-art img{width:min(72%,300px);height:auto;filter:brightness(0) invert(1);opacity:.85;transition:transform .7s}
.statement-art:hover img{transform:scale(1.08) rotate(-3deg)}
.statement-art small{position:absolute;bottom:20px;left:20px;color:#cfc3e5}
.supplier-contact h2 em{color:var(--red)}
@keyframes stageTurn{to{transform:rotate(360deg)}}
@media(max-width:1100px){.supplier-hero-inner{grid-template-columns:1fr 1fr}.supplier-copy h1{font-size:clamp(42px,5vw,65px)}.sector-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.supplier-hero-inner{grid-template-columns:1fr;padding-top:58px}.supplier-stage{min-height:360px}.stage-grid{width:330px}.stage-halo{width:235px}.supplier-copy h1{font-size:clamp(44px,7vw,65px)}.supply-intro-grid,.supplier-statement{grid-template-columns:1fr}.statement-art{min-height:280px}.statement-art img{width:190px}}
@media(max-width:600px){.supplier-hero-inner{padding:43px 20px 18px;gap:0}.hero-kicker{font-size:9px;flex-wrap:wrap}.supplier-copy h1{font-size:clamp(38px,10vw,49px);margin:20px 0}.supplier-copy>p{font-size:14px}.supplier-copy .hero-actions{display:grid;grid-template-columns:1fr 1fr}.supplier-copy .button{min-width:0;gap:6px;padding:14px 10px;font-size:11px;border-radius:10px}.hero-proof{margin-top:36px}.hero-proof>div{padding:18px 8px 0}.hero-proof strong{font-size:17px}.hero-proof span{font-size:9px;line-height:1.5}.supplier-stage{min-height:285px}.stage-grid{width:260px}.stage-halo{width:180px}.stage-caption{font-size:9px;padding:9px}.stage-caption-top{top:8%;right:3%}.stage-caption-bottom{bottom:10%;left:3%;font-size:7px}.stage-vertical{display:none}.hero-bottom{padding:13px 20px;font-size:9px}.supply-intro-grid{padding:22px 0 35px;gap:10px}.supply-intro-grid h2{font-size:39px}.supply-intro-grid p{font-size:14px}.sector-grid{grid-template-columns:1fr 1fr;gap:9px}.sector-card{min-height:245px;padding:14px;border-radius:14px}.sector-mark{font-size:80px;top:25%}.sector-card h3{font-size:17px}.sector-card p{font-size:10px;min-height:0}.sector-action{font-size:10px}.sector-top{font-size:8px}.sector-top b{width:24px;height:24px}.supplier-process .section-head>p{font-size:13px}.process-line{grid-template-columns:1fr;gap:15px}.process-step{padding:20px 0 5px;border-bottom:1px solid #d2cbdc}.process-step:before{top:0}.process-step h3{font-size:20px;margin:6px 0}.process-step p{margin:0 0 10px}.supplier-statement{gap:25px}.statement-art{min-height:240px}.statement-art img{width:160px}.supplier-contact h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.stage-grid,.supplier-ticker>div{animation:none!important}}
.page-progress{position:fixed;top:0;right:0;left:0;height:3px;z-index:80;background:var(--red);transform:scaleX(0);transform-origin:right center;pointer-events:none}
.supplier-copy h1{animation:headlineEnter .9s cubic-bezier(.2,.8,.2,1) both}
.supplier-copy>p{animation:fadeRise 1s .16s both}
.supplier-copy .hero-actions{animation:fadeRise 1s .28s both}
.supplier-stage .stage-halo{translate:var(--stage-x,0px) var(--stage-y,0px);transition:translate .45s cubic-bezier(.2,.8,.2,1)}
.sector-card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(240px circle at var(--pointer-x,50%) var(--pointer-y,50%),#ffffffc9,transparent 75%);transition:opacity .25s;pointer-events:none}
.sector-card:hover:before{opacity:1}
.sector-card>*{position:relative;z-index:1}
.product-art>span{transition:transform .55s cubic-bezier(.2,.8,.2,1),color .55s}
.product-card:hover .product-art>span{transform:rotate(0) scale(1.18);color:var(--red)}
.product-card .arrow{transition:transform .3s,background .3s}
.product-card:hover .arrow{transform:rotate(-45deg);background:var(--red)}
@keyframes headlineEnter{from{opacity:0;transform:translateY(28px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes fadeRise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.supplier-copy h1,.supplier-copy>p,.supplier-copy .hero-actions{animation:none!important}.supplier-stage .stage-halo{translate:0 0}}