@font-face{font-family:Inter;src:url(/build/assets/Inter-VariableFont_opsz_wght-c8O0ljhh.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Cairo;src:url(/build/assets/Cairo-VariableFont_slnt_wght-ZGemgcNK.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/build/assets/Amiri-Regular-DYKNhp1L.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Amiri;src:url(/build/assets/Amiri-Bold-J58A8tAH.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond/CormorantGaramond-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond/CormorantGaramond-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond/CormorantGaramond-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(../fonts/CormorantGaramond/CormorantGaramond-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal/Tajawal-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal/Tajawal-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Tajawal;src:url(../fonts/Tajawal/Tajawal-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{--bg: #ecebe6;--bg-soft: #f4f3ef;--ink: #1c1812;--ink-2: #4a4339;--ink-mute: #888679;--line: #d6d4cd;--line-2: #c0bdb4;--accent: #a78147;--accent-2: #c9a96e;--up: #2f7a52;--down: #b14a4a}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;overflow:hidden}body{background:radial-gradient(1400px 700px at 50% -10%,rgba(255,255,255,.45),transparent 65%),radial-gradient(1000px 600px at 50% 110%,rgba(220,222,218,.4),transparent 65%),#ecebe6;color:#1c1812;font-family:Inter,Tajawal,sans-serif;-webkit-font-smoothing:antialiased}.bg-orbs{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:0}.bg-sweep{position:absolute;top:50%;left:50%;width:200vmax;height:200vmax;background:conic-gradient(from 0deg at 50% 50%,#c9a96e2e,#ffffff4d,#c3cdd233,#ffffff38,#a7814738,#ffffff52,#b4c4cd33 84%,#c9a96e2e);filter:blur(60px);animation:bgSweep 80s linear infinite;will-change:transform}@keyframes bgSweep{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.orb{position:absolute;border-radius:50%;filter:blur(40px);will-change:transform;display:block}.orb-1{top:5%;left:8%;width:55vmin;height:55vmin;background:radial-gradient(circle,#fff,#fff0 65%);animation:drift1 42s ease-in-out infinite}.orb-2{bottom:-5%;right:5%;width:65vmin;height:65vmin;background:radial-gradient(circle,#c9a96e8c,#c9a96e00 65%);animation:drift2 52s ease-in-out infinite;animation-delay:-11s}.orb-3{top:30%;right:25%;width:42vmin;height:42vmin;background:radial-gradient(circle,#ffffffd9,#fff0 65%);animation:drift3 60s ease-in-out infinite;animation-delay:-19s}.orb-4{bottom:10%;left:25%;width:50vmin;height:50vmin;background:radial-gradient(circle,#b4c4cd8c,#b4c4cd00 65%);animation:drift4 70s ease-in-out infinite;animation-delay:-28s}.orb-5{top:42%;left:38%;width:38vmin;height:38vmin;background:radial-gradient(circle,#a7814766,#a7814700 65%);animation:drift5 76s ease-in-out infinite;animation-delay:-36s}@keyframes drift1{0%,to{transform:translate(0) scale(1)}25%{transform:translate(28vw,-15vh) scale(1.18)}50%{transform:translate(40vw,20vh) scale(1.3)}75%{transform:translate(-10vw,28vh) scale(.85)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}22%{transform:translate(-25vw,-20vh) scale(1.22)}48%{transform:translate(-40vw,15vh) scale(1.34)}72%{transform:translate(15vw,25vh) scale(1.1)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-22vw,18vh) scale(.82)}45%{transform:translate(20vw,28vh) scale(1.28)}70%{transform:translate(32vw,-12vh) scale(1.15)}}@keyframes drift4{0%,to{transform:translate(0) scale(1)}30%{transform:translate(22vw,-14vh) scale(.92)}55%{transform:translate(-18vw,-22vh) scale(1.18)}80%{transform:translate(-30vw,14vh) scale(1.05)}}@keyframes drift5{0%,to{transform:translate(0) scale(1)}25%{transform:translate(-28vw,12vh) scale(1.22)}50%{transform:translate(28vw,-10vh) scale(1.3)}75%{transform:translate(8vw,28vh) scale(.85)}}@media(prefers-reduced-motion:reduce){.orb,.bg-sweep{animation:none!important}}.stage{height:100vh;width:100vw;display:grid;grid-template-rows:min-content 1fr min-content min-content;padding:clamp(20px,2.4vh,32px) clamp(28px,3vw,56px);gap:clamp(14px,2vh,26px);position:relative;z-index:1}.brand-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,.9vh,16px);padding-block:clamp(10px,1.6vh,28px) clamp(8px,1.2vh,20px);min-height:clamp(80px,12vh,200px)}.brand-logo{height:clamp(80px,12vh,180px);width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(28,24,18,.05));margin-bottom:clamp(2px,.4vh,8px)}.ornament{display:flex;align-items:center;gap:clamp(10px,1vw,22px);margin-top:clamp(2px,.4vh,8px)}.ornament .line{width:clamp(80px,9vw,240px);height:1px;background:linear-gradient(90deg,transparent,#a78147,transparent)}.ornament .dot{width:clamp(6px,.5vw,10px);height:clamp(6px,.5vw,10px);background:#a78147;transform:rotate(45deg)}.title-line{display:inline-flex;align-items:center;gap:12px;font-family:Inter,sans-serif;font-weight:600;font-size:clamp(10px,.95vw,18px);letter-spacing:5px;text-transform:uppercase;color:#a78147;margin-top:clamp(2px,.4vh,8px)}.title-line .ar{font-family:Tajawal,sans-serif;text-transform:none;letter-spacing:0;font-weight:500;color:#4a4339}.title-line .sep{color:#c0bdb4;font-weight:400}.grid{display:grid;grid-template-columns:1.15fr 1fr 1fr 1fr;gap:clamp(12px,1.4vw,32px);align-content:center;width:100%;max-width:2400px;margin:0 auto}@media(max-aspect-ratio:4/3){.grid{grid-template-columns:1fr 1fr}}.card{position:relative;background:#ffffff6b;backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);border:1px solid rgba(255,255,255,.55);border-radius:20px;padding:clamp(14px,2vh,22px) clamp(14px,1.6vw,22px);box-shadow:0 10px 30px #28231c0f,0 1px #ffffffa6 inset;display:flex;flex-direction:column;justify-content:space-between;min-height:clamp(150px,26vh,420px);overflow:hidden;contain:layout style}.card.hero{background:#ffffff94;border-color:#ffffffb3;box-shadow:0 16px 40px #28231c17,0 1px #fffc inset,0 0 0 1px #c9a96e1a inset}.card.hero:after{opacity:.8;height:1.5px}.card.hero .price{font-size:clamp(38px,4.8vw,118px);background:linear-gradient(180deg,#5a4622,#a78147 60%,#8a6a35);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-aspect-ratio:4/3){.card.hero{grid-column:span 2}}.card:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,#c9a96e,transparent);opacity:.4}.card .card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card .karat-block{display:flex;flex-direction:column;line-height:1.05}.card .karat-en{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(20px,2.1vw,48px);line-height:1.1;color:#1c1812;letter-spacing:.5px}.card .karat-ar{font-family:Cairo,sans-serif;font-weight:700;font-size:clamp(13px,1.1vw,26px);line-height:1.2;color:#a78147;margin-top:4px}.card .karat-sub{font-family:Inter,sans-serif;font-weight:500;font-size:clamp(10px,.85vw,18px);color:#888679;margin-top:6px;letter-spacing:.5px}.card .karat-sub .ar{font-family:Tajawal,sans-serif;color:#888679}.card .trend{display:inline-flex;align-items:center;gap:5px;font-family:Inter,sans-serif;font-weight:700;font-variant-numeric:tabular-nums;font-size:clamp(11px,.95vw,20px);padding:4px 10px;border-radius:999px;background:#2f7a5214;color:#2f7a52;border:1px solid rgba(47,122,82,.18)}.card .trend.down{background:#b14a4a14;color:#b14a4a;border-color:#b14a4a2e}.card .trend .arrow{font-size:1em;line-height:1}.card .price-wrap{margin:clamp(10px,1.6vh,22px) 0 clamp(8px,1.2vh,16px);text-align:center}.card .price{font-family:Inter,sans-serif;font-weight:800;font-size:clamp(32px,4vw,92px);line-height:1;min-height:1em;letter-spacing:-1px;color:#1c1812;font-variant-numeric:tabular-nums}.card .unit{text-align:center;font-family:Inter,sans-serif;font-weight:500;font-size:clamp(12px,1vw,22px);color:#888679;letter-spacing:.5px}.card .unit .ar{font-family:Tajawal,sans-serif;margin-inline-start:8px}.card .unit .ccy{color:#a78147;font-weight:700}.card .card-foot{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,.8vh,14px);margin-top:clamp(8px,1.2vh,16px);padding-top:clamp(8px,1.2vh,16px);border-top:1px dashed #c0bdb4;font-size:clamp(11px,.9vw,18px);color:#888679;font-variant-numeric:tabular-nums}.card .card-foot .col{display:flex;flex-direction:column;gap:2px;line-height:1.2}.card .card-foot .lbl{display:flex;justify-content:space-between;gap:6px;font-family:Inter,sans-serif;letter-spacing:.5px}.card .card-foot .lbl .ar{font-family:Tajawal,sans-serif}.card .card-foot .val{font-family:Inter,sans-serif;font-weight:700;color:#1c1812}.promo{display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,2.4vw,40px);padding:clamp(10px,1.2vh,16px) clamp(18px,2vw,28px);background:#ffffff52;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);border:1px solid rgba(255,255,255,.5);border-radius:14px;box-shadow:0 1px #fff9 inset}@media(max-aspect-ratio:4/3){.promo{flex-direction:column;text-align:center;gap:12px}}.promo-app{display:flex;align-items:center;gap:clamp(14px,1.6vw,24px);min-width:0}.qr{width:clamp(60px,5.5vw,140px);aspect-ratio:1;background:#fff;padding:clamp(5px,.5vw,9px);border-radius:8px;border:1px solid #d6d4cd;display:grid;place-items:center;flex-shrink:0}.qr img{width:100%;height:100%;display:block;border-radius:3px;object-fit:contain}.qr-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#c0bdb4}.promo-text{display:flex;flex-direction:column;line-height:1.2;min-width:0}.promo-en{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(12px,1.1vw,22px);color:#1c1812;letter-spacing:.5px}.promo-ar{font-family:Tajawal,sans-serif;font-weight:500;font-size:clamp(11px,1vw,20px);color:#888679;margin-top:2px}.promo-clock{display:flex;align-items:center;gap:clamp(12px,1.4vw,22px);font-variant-numeric:tabular-nums;flex-shrink:0}.promo-clock .time{font-family:Inter,sans-serif;font-weight:600;font-size:clamp(20px,2.2vw,50px);color:#1c1812;letter-spacing:.5px;line-height:1}.promo-clock .date-row{display:flex;flex-direction:column;gap:3px;line-height:1.2}.promo-clock .date-en{font-family:Inter,sans-serif;font-size:clamp(10px,.9vw,18px);color:#888679}.promo-clock .date-ar{font-family:Tajawal,sans-serif;font-size:clamp(10px,.9vw,18px);color:#a78147}.promo-clock .sep{width:1px;height:clamp(28px,3vh,56px);background:#d6d4cd}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:clamp(8px,1vh,14px);border-top:1px solid #d6d4cd;font-family:Inter,sans-serif;font-size:clamp(11px,.95vw,18px);color:#888679}footer .ar{font-family:Tajawal,sans-serif;margin-inline-start:6px;color:#888679}footer .live{display:inline-flex;align-items:center;gap:8px}footer .pulse{width:7px;height:7px;border-radius:50%;background:#2f7a52;box-shadow:0 0 8px #2f7a528c;animation:pulse 1.6s ease-in-out infinite}footer .last strong{color:#1c1812;font-weight:700;font-variant-numeric:tabular-nums}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}