/* Garnet Trade — site styles. Colours and fonts come from CSS variables set in Admin › Tasarım. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:calc(16px * var(--tk,1));line-height:1.5;-webkit-font-smoothing:antialiased}
img,svg{max-width:100%}
a{color:var(--text);text-decoration:none}a:hover{color:var(--accent-soft)}
:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px;border-radius:calc(4px * var(--rk))}
.site{min-height:100vh;overflow-x:clip}
.wrap{max-width:var(--container);margin:0 auto;padding-inline:24px}
.sr-only,.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-9999px;top:8px;z-index:100;padding:10px 14px;background:var(--accent);color:var(--on-accent);border-radius:calc(8px * var(--rk))}
.skip:focus{inset-inline-start:8px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:15px 24px;border-radius:var(--btn-r,calc(12px * var(--rk)));border:0;background:var(--accent);color:var(--on-accent);font:600 15px/1.2 var(--font-body);cursor:pointer;text-align:center}
.btn:hover{color:var(--on-accent);filter:brightness(1.08)}
.btn-sm{padding:12px 18px;font-size:14px;border-radius:var(--btn-r,calc(10px * var(--rk)))}
.btn-ghost{background:transparent;border:1px solid var(--line-2);color:var(--text)}
.btn-ghost:hover{color:var(--text);border-color:var(--muted)}
.btn-white{background:var(--light-card);color:var(--light-ink)}.btn-white:hover{color:var(--light-ink)}
.btn-outline-white{background:transparent;border:1px solid rgba(255,255,255,.6);color:var(--on-accent)}
.flash{max-width:var(--container);margin:16px auto 0;padding:14px 18px;border-radius:calc(12px * var(--rk));background:#13261D;color:#6EE7A8;border:1px solid #1E7A52}
.flash-error{background:#2A1418;color:var(--accent-soft);border-color:var(--accent-dark)}
.ph{display:flex;align-items:center;justify-content:center;background:radial-gradient(120% 120% at 70% 100%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 60%),var(--bg);border-radius:calc(16px * var(--rk))}
.prose{color:var(--text-2);font-size:calc(17px * var(--tk,1));line-height:1.75}
.prose p,.prose ul,.prose ol{margin:0}
.prose ul,.prose ol{padding-inline-start:22px;display:flex;flex-direction:column;gap:8px}
.prose strong{color:var(--heading)}
.prose a{color:var(--accent-soft);text-decoration:underline;text-underline-offset:3px}

/* top bar */
.topbar{border-bottom:1px solid var(--line-soft);background:var(--bg-deep);font-size:13px;color:var(--muted)}
.topbar-in{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;padding-block:8px}
.topbar-links{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.sep{width:1px;height:14px;background:var(--line-2)}
.langdd{position:relative}
.langdd summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;color:var(--heading);font-weight:600;padding:4px 2px}
.langdd summary::-webkit-details-marker{display:none}
.langdd-menu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);min-width:170px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:calc(12px * var(--rk));box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:40;display:flex;flex-direction:column}
.langdd-menu a{padding:9px 12px;border-radius:calc(8px * var(--rk));color:var(--text-2)}
.langdd-menu a:hover,.langdd-menu a.on{background:var(--surface-2);color:var(--heading)}

/* header */
.hdr{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-soft)}
.hdr-in{display:flex;gap:20px;align-items:center;justify-content:space-between;padding-block:14px}
.logo{display:flex;align-items:center}
.logo img{height:44px;width:auto;display:block}
.mainnav{display:flex;gap:26px;font-size:15px;font-weight:500}
.dd-top{display:inline-block;padding:10px 0}
.hdr-cta{display:flex;gap:10px;align-items:center}
.mnav{display:none;position:relative}
.mnav summary{list-style:none;cursor:pointer;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:calc(10px * var(--rk));color:var(--heading)}
.mnav summary::-webkit-details-marker{display:none}
.mnav-panel{position:fixed;inset-inline:0;top:var(--hdr-h,72px);bottom:0;overflow-y:auto;background:var(--bg);padding:20px 24px 40px;display:flex;flex-direction:column;gap:22px;z-index:50;border-top:1px solid var(--line)}
.mnav-group{display:flex;flex-direction:column;gap:2px}
.mnav-h{font-family:var(--font-mono);font-size:12px;color:var(--accent-soft);letter-spacing:.08em;text-transform:uppercase;padding-bottom:6px}
.mnav-group a:not(.btn){padding:10px 0;color:var(--text-2);border-bottom:1px solid var(--line-soft)}
@media (max-width:1100px){.mainnav{display:none}.mnav{display:block}}
@media (max-width:560px){.hdr-cta .btn-ghost{display:none}.logo img{height:36px}.hdr-cta .btn-sm{padding:11px 14px}}

/* CTA band */
.cta-wrap{padding:0 24px 80px}
.cta{max-width:1192px;margin:0 auto;border-radius:calc(24px * var(--rk));background:var(--accent);padding:56px 48px;display:flex;flex-wrap:wrap;gap:28px;align-items:center;justify-content:space-between}
.cta h2{margin:0;font-family:var(--font-head);font-size:clamp(30px,4vw,44px);line-height:1.1;color:var(--heading)}
.cta p{margin:10px 0 0;color:#FFE3E7;font-size:17px}
.cta-text{max-width:620px}
.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
@media (max-width:560px){.cta{padding:40px 24px}}

/* footer */
.ftr{background:var(--bg-deep);border-top:1px solid var(--line-soft)}
.ftr-in{padding-block:48px 24px;display:flex;flex-direction:column;gap:28px}
.ftr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px 28px}
.ftr-brand{grid-column:span 2;display:flex;flex-direction:column;gap:14px;padding-inline-end:16px;min-width:0}
.ftr-brand .logo img{height:48px}
.ftr-contact{display:flex;flex-direction:column;gap:8px;font-size:13.5px;color:var(--muted);line-height:1.5}
.ftr-contact strong{color:var(--text-2);font-weight:600}
.ftr-social{display:flex;gap:8px;flex-wrap:wrap}
.ftr-social a{width:36px;height:36px;border-radius:calc(10px * var(--rk));background:var(--surface);border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.ftr-badges{display:flex;gap:8px;flex-wrap:wrap}
.ftr-badges a{padding:7px 11px;border-radius:calc(8px * var(--rk));border:1px solid var(--line);font-size:12px;color:var(--text-2)}
.ftr-col{display:flex;flex-direction:column;gap:9px}
.ftr-h{font-weight:600;color:var(--heading);font-size:14px;margin-bottom:2px}
.ftr-legal{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:space-between;padding:16px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);font-size:13px;color:var(--muted)}
.ftr-lic strong{color:var(--text-2)}
.ftr-docs{display:flex;flex-wrap:wrap;gap:8px 16px}
.ftr-risk{margin:0;color:var(--dim);font-size:12px;line-height:1.75}
.ftr-risk strong{color:var(--text-2)}
.ftr-bottom{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;color:var(--dim);font-size:12.5px}
.ftr-langs{display:flex;gap:14px;flex-wrap:wrap}
@media (max-width:700px){.ftr-brand{grid-column:1/-1}}

/* RTL tweaks */
.rtl .dd .menu{left:auto;right:-12px}
.rtl [style*="letter-spacing: .08em"]{letter-spacing:0!important}

/* --- design system classes & animations (from the approved design) --- */

.dd{position:relative}
.dd .menu{display:none;position:absolute;top:100%;left:-12px;min-width:240px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:calc(12px * var(--rk));box-shadow:0 18px 40px rgba(0,0,0,.45);z-index:20}
.dd:hover .menu,.dd:focus-within .menu{display:flex;flex-direction:column}
.menu a{padding:10px 12px;border-radius:calc(8px * var(--rk));font-size:14px;color:var(--text-2)}
.menu a:hover{background:var(--surface-2);color:var(--heading)}
.flink{color:var(--muted);font-size:13.5px;line-height:1.35}
.flink:hover{color:var(--heading)}
.card{background:var(--surface);border:1px solid var(--line);border-radius:calc(16px * var(--rk))}
.card:hover{border-color:var(--line-2)}
.lightlink{color:var(--accent-dark);font-weight:600}
.lightlink:hover{color:#5E0F1D}
.award:hover{border-color:#B8913F}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
@keyframes ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(3);opacity:0}}
@keyframes feed{0%{transform:translateY(0)}100%{transform:translateY(-50%)}}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes bar{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}
.live{animation:pulse 1.6s ease-in-out infinite}
.ringdot{transform-box:fill-box;transform-origin:center;animation:ring 1.6s ease-out infinite}
.feed{animation:feed 14s linear infinite}
.floaty{animation:floaty 5s ease-in-out infinite}
.floaty2{animation:floaty 6s ease-in-out 1s infinite}
.bar{transform-origin:bottom;animation:bar 1.8s ease-in-out infinite}
@keyframes toast{0%,8%{opacity:0;transform:translateY(16px)}14%,62%{opacity:1;transform:translateY(0)}70%,100%{opacity:0;transform:translateY(-8px)}}
@keyframes fill{0%{width:0}55%,100%{width:100%}}
@keyframes press{0%,50%,62%,100%{transform:scale(1);filter:none}56%{transform:scale(.94);filter:brightness(1.25)}}
@keyframes progress{0%{width:8%}100%{width:92%}}
@keyframes grow{0%{transform:scaleX(0)}100%{transform:scaleX(1)}}
.toast{animation:toast 6s ease-in-out infinite}
.fill{animation:fill 6s ease-in-out infinite}
.press{animation:press 6s ease-in-out infinite}
.progress{animation:progress 9s linear infinite}
.grow{transform-origin:left;animation:grow .9s ease-out}
@keyframes heroScroll{from{transform:translateX(0)}to{transform:translateX(-1040px)}}
@keyframes heroDot{0.000%{transform:translateY(141.2px)}1.923%{transform:translateY(154.8px)}3.846%{transform:translateY(130.8px)}5.769%{transform:translateY(115.9px)}7.692%{transform:translateY(130.3px)}9.615%{transform:translateY(152.0px)}11.538%{transform:translateY(135.8px)}13.462%{transform:translateY(143.1px)}15.385%{transform:translateY(152.2px)}17.308%{transform:translateY(132.0px)}19.231%{transform:translateY(153.1px)}21.154%{transform:translateY(128.9px)}23.077%{transform:translateY(144.0px)}25.000%{transform:translateY(128.0px)}26.923%{transform:translateY(102.7px)}28.846%{transform:translateY(129.1px)}30.769%{transform:translateY(111.8px)}32.692%{transform:translateY(91.0px)}34.615%{transform:translateY(120.5px)}36.538%{transform:translateY(106.6px)}38.462%{transform:translateY(92.5px)}40.385%{transform:translateY(103.5px)}42.308%{transform:translateY(84.5px)}44.231%{transform:translateY(106.8px)}46.154%{transform:translateY(90.1px)}48.077%{transform:translateY(91.4px)}50.000%{transform:translateY(92.8px)}51.923%{transform:translateY(77.0px)}53.846%{transform:translateY(99.6px)}55.769%{transform:translateY(82.3px)}57.692%{transform:translateY(108.6px)}59.615%{transform:translateY(94.8px)}61.538%{transform:translateY(120.3px)}63.462%{transform:translateY(110.8px)}65.385%{transform:translateY(83.6px)}67.308%{transform:translateY(106.2px)}69.231%{transform:translateY(98.4px)}71.154%{transform:translateY(108.7px)}73.077%{transform:translateY(96.1px)}75.000%{transform:translateY(114.6px)}76.923%{transform:translateY(89.6px)}78.846%{transform:translateY(112.2px)}80.769%{transform:translateY(90.9px)}82.692%{transform:translateY(106.2px)}84.615%{transform:translateY(134.5px)}86.538%{transform:translateY(154.9px)}88.462%{transform:translateY(138.9px)}90.385%{transform:translateY(146.1px)}92.308%{transform:translateY(159.4px)}94.231%{transform:translateY(139.9px)}96.154%{transform:translateY(112.7px)}98.077%{transform:translateY(124.8px)}100.000%{transform:translateY(141.2px)}}
.heroScroll{animation:heroScroll 22s linear infinite}
.heroDot{animation:heroDot 22s linear infinite}
@keyframes termScroll{from{transform:translateX(0)}to{transform:translateX(-700px)}}
@keyframes termPrice{0.000%{transform:translateY(116.3px)}2.000%{transform:translateY(97.0px)}4.000%{transform:translateY(104.2px)}6.000%{transform:translateY(96.0px)}8.000%{transform:translateY(100.9px)}10.000%{transform:translateY(117.3px)}12.000%{transform:translateY(110.0px)}14.000%{transform:translateY(123.8px)}16.000%{transform:translateY(139.6px)}18.000%{transform:translateY(154.2px)}20.000%{transform:translateY(140.4px)}22.000%{transform:translateY(124.8px)}24.000%{transform:translateY(117.6px)}26.000%{transform:translateY(123.9px)}28.000%{transform:translateY(110.2px)}30.000%{transform:translateY(116.4px)}32.000%{transform:translateY(98.4px)}34.000%{transform:translateY(92.0px)}36.000%{transform:translateY(86.2px)}38.000%{transform:translateY(80.9px)}40.000%{transform:translateY(97.9px)}42.000%{transform:translateY(90.6px)}44.000%{transform:translateY(74.5px)}46.000%{transform:translateY(93.1px)}48.000%{transform:translateY(79.5px)}50.000%{transform:translateY(97.4px)}52.000%{transform:translateY(114.5px)}54.000%{transform:translateY(121.2px)}56.000%{transform:translateY(113.0px)}58.000%{transform:translateY(116.5px)}60.000%{transform:translateY(102.4px)}62.000%{transform:translateY(115.0px)}64.000%{transform:translateY(105.0px)}66.000%{transform:translateY(93.2px)}68.000%{transform:translateY(103.5px)}70.000%{transform:translateY(107.2px)}72.000%{transform:translateY(110.2px)}74.000%{transform:translateY(124.5px)}76.000%{transform:translateY(107.1px)}78.000%{transform:translateY(117.8px)}80.000%{transform:translateY(111.0px)}82.000%{transform:translateY(126.7px)}84.000%{transform:translateY(109.4px)}86.000%{transform:translateY(90.6px)}88.000%{transform:translateY(99.0px)}90.000%{transform:translateY(83.0px)}92.000%{transform:translateY(97.3px)}94.000%{transform:translateY(112.2px)}96.000%{transform:translateY(93.0px)}98.000%{transform:translateY(100.9px)}100.000%{transform:translateY(116.3px)}}
.termScroll{animation:termScroll 30s linear infinite}
.termPrice{animation:termPrice 30s linear infinite}
@keyframes flashu{0%,100%{background:transparent}8%{background:rgba(47,203,127,.28)}30%{background:transparent}}
@keyframes flashd{0%,100%{background:transparent}8%{background:rgba(240,86,110,.28)}30%{background:transparent}}
.flashu{animation:flashu 2.6s ease-out infinite}
.flashd{animation:flashd 3.1s ease-out infinite}
@keyframes depth{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.55)}}
.depth{transform-origin:right;animation:depth 2.4s ease-in-out infinite}
@keyframes meter{0%,100%{width:62%}50%{width:78%}}
.meter{animation:meter 5s ease-in-out infinite}
@keyframes pnl{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.78)}}
.pnl{transform-origin:left;animation:pnl 3.2s ease-in-out infinite}
@keyframes crossx{0%{transform:translateX(80px)}50%{transform:translateX(470px)}100%{transform:translateX(80px)}}
.crossx{animation:crossx 9s ease-in-out infinite}
@keyframes pulseG{0%,100%{box-shadow:0 0 0 0 rgba(47,203,127,0)}40%{box-shadow:0 0 0 0 rgba(47,203,127,.55)}70%{box-shadow:0 0 0 8px rgba(47,203,127,0)}}
@keyframes pulseR{0%,100%{box-shadow:0 0 0 0 rgba(240,86,110,0)}40%{box-shadow:0 0 0 0 rgba(240,86,110,.55)}70%{box-shadow:0 0 0 8px rgba(240,86,110,0)}}
.pulseG{animation:pulseG 2.4s ease-out infinite}
.pulseR{animation:pulseR 2.4s ease-out 1.2s infinite}
@keyframes tabc{0%{background:transparent;color:var(--muted)}3%,22%{background:#2B5BB8;color:var(--heading)}25%,100%{background:transparent;color:var(--muted)}}
@keyframes panelc{0%{opacity:0;transform:translateY(6px)}3%,22%{opacity:1;transform:translateY(0)}25%,100%{opacity:0;transform:translateY(-6px)}}
.tabc{color:var(--muted);animation:tabc 12s linear infinite both}
.panelc{opacity:0;animation:panelc 12s ease-in-out infinite both}
@keyframes toast2{0%,40%{opacity:0;transform:translateY(14px)}48%,85%{opacity:1;transform:translateY(0)}92%,100%{opacity:0;transform:translateY(-6px)}}
.toast2{animation:toast2 7s ease-in-out infinite}
.award:hover{border-color:var(--dim-2)}
@media (prefers-reduced-motion: reduce){.live,.ringdot,.feed,.floaty,.floaty2,.bar,.toast,.fill,.press,.progress,.grow,.heroScroll,.heroDot,.termScroll,.termPrice,.flashu,.flashd,.depth,.meter,.pnl,.crossx,.pulseG,.pulseR,.toast2{animation:none}.tabc,.panelc{animation:none}.panelc:first-child{opacity:1}}

/* small screens */
.hdr-cta .btn{white-space:nowrap}
@media (max-width:640px){.topbar-in>.topbar-links:first-child{display:none}.topbar-in{justify-content:flex-end}}
.card p strong{color:var(--heading)}
/* long-label languages: keep the menu on one line */
.dd-top,.hdr-cta .btn{white-space:nowrap}
html[lang=ru] .mainnav,html[lang=de] .mainnav,html[lang=it] .mainnav,html[lang=es] .mainnav{gap:18px;font-size:14px}
@media (max-width:1300px){html[lang=ru] .mainnav,html[lang=de] .mainnav,html[lang=it] .mainnav,html[lang=es] .mainnav{display:none}html[lang=ru] .mnav,html[lang=de] .mnav,html[lang=it] .mnav,html[lang=es] .mnav{display:block}}
/* Arabic/Persian script needs taller lines */
.rtl h1,.rtl h2,.rtl h3{line-height:1.3!important}
.rtl p,.rtl li{line-height:1.85}
/* mobile header + hero */
.logo{flex-shrink:0}
.logo img{max-width:none}
@media (max-width:560px){
  .logo img{height:auto;width:clamp(150px,44vw,186px)}
  .hdr-in{gap:10px;padding-block:12px}
  .hdr-cta{gap:8px}
  .hdr-cta .btn-sm{padding:10px 12px;font-size:13.5px}
  .mnav summary{width:42px;height:42px}
  .topbar{font-size:12.5px}
  .topbar-in{padding-block:6px}
  [style*="minmax("]:not([style*="minmax(0"]){grid-template-columns:minmax(0,1fr)!important}
  main>section:first-of-type>div[style*="max-width"]{padding-top:36px!important;padding-bottom:44px!important;gap:32px!important}
  main section>div[style*="max-width"]{padding-left:16px!important;padding-right:16px!important}
  main>section:first-of-type h1{font-size:clamp(34px,10vw,44px)!important;line-height:1.08!important}
}
@media (max-width:380px){.hdr-cta .btn-sm{padding:9px 10px;font-size:13px}.logo img{width:140px}}
@media (max-width:560px){.rtl main>section:first-of-type h1{line-height:1.35!important}}
/* mobile menu: the header blur would trap the fixed panel inside the header, so drop it while the menu is open */
.hdr.menu-open,.hdr:has(details.mnav[open]){-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg)}
[hidden]{display:none!important}
/* home banner price card */
.hc-tab{font-family:var(--font-mono);font-size:12.5px;padding:6px 10px;border-radius:calc(7px * var(--rk));color:var(--dim);background:transparent;border:0;cursor:pointer}
.hc-tab:hover{color:var(--text-2)}.hc-tab.on{background:var(--surface-2);color:var(--heading)}
.hc-tab:focus-visible{outline:2px solid var(--accent-soft);outline-offset:1px}
.hc-btn{flex:1;min-width:0;border-radius:calc(10px * var(--rk));padding:11px 13px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.hc-btn span{font-size:12px;font-weight:700;letter-spacing:.04em}
.hc-btn b{font-family:var(--font-mono);font-weight:600;font-size:15px;color:var(--heading);transition:color .25s}
.hc-sell{background:rgba(208,52,79,.14);border:1px solid rgba(208,52,79,.45)}.hc-sell span{color:var(--accent-soft)}
.hc-buy{background:rgba(31,181,122,.14);border:1px solid rgba(31,181,122,.45)}.hc-buy span{color:#6EE7A8}
.hc-tile{background:var(--surface-2);border:1px solid var(--line);border-radius:calc(10px * var(--rk));padding:10px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.hc-tile span{color:var(--muted);font-size:12.5px}.hc-tile b{color:var(--heading);font-weight:600;font-size:13.5px}
.hc-price{transition:color .3s}.hc-up{color:#6EE7A8!important}.hc-dn{color:var(--accent-soft)!important}
@media (max-width:560px){.hchart{padding:16px!important}.hc-price{font-size:28px!important}.hc-tab{padding:5px 7px;font-size:11.5px}.hc-btn b{font-size:13.5px}.hc-tile b{font-size:12.5px}}
/* home: accounts side-scroller */
.acc-wrap{position:relative;display:flex;flex-direction:column;gap:14px}
.acc-nav{display:flex;gap:8px;justify-content:flex-end}
.acc-arrow{width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface);color:var(--heading);font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:opacity .2s,border-color .2s}
.acc-arrow:hover{border-color:var(--accent-soft)}.acc-arrow[disabled]{opacity:.35;cursor:default}
.rtl .acc-arrow{transform:scaleX(-1)}
.acc-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:10px;scrollbar-width:thin;scrollbar-color:var(--line-2) transparent;-webkit-overflow-scrolling:touch;outline:none}
.acc-rail::-webkit-scrollbar{height:6px}.acc-rail::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:calc(3px * var(--rk))}
.acc-rail:focus-visible{outline:2px solid var(--accent-soft);outline-offset:4px;border-radius:calc(12px * var(--rk))}
.acc-card{flex:0 0 272px;scroll-snap-align:start}
@media (max-width:560px){.acc-card{flex-basis:78vw}.acc-nav{display:none}}
/* footer logo keeps its own size and proportions on every screen */
.ftr-brand .logo{align-self:flex-start;display:inline-block}
.ftr-brand .logo img{height:auto!important;width:220px!important;max-width:100%!important;aspect-ratio:943/177}
/* sponsor emblem panel */
.sp-panel{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(120% 90% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 60%),linear-gradient(180deg,var(--surface),var(--bg-deep))}
.sp-panel::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.025) 0 1px,transparent 1px 14px);pointer-events:none}
.sp-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(.4)}
.sp-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center}
.sp-badge{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:var(--accent-soft);border:1px solid rgba(255,138,154,.45);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent) 10%,transparent),inset 0 0 0 1px rgba(255,255,255,.04);background:rgba(11,15,23,.6)}
.sp-word{font-family:var(--font-head);font-weight:700;font-size:15px;letter-spacing:.14em;text-transform:uppercase;color:var(--heading);line-height:1.3;max-width:90%}
.sp-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted);text-transform:uppercase}
.sp-tag i{width:4px;height:4px;border-radius:50%;background:var(--accent)}
.sp-logo{max-height:46%;max-width:70%;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}
.sp-logo-white{filter:brightness(0) invert(1) opacity(.92)}
.card:hover .sp-logo-white{filter:none}
.card:hover .sp-badge{border-color:var(--accent-soft)}
.sp-badge{flex-shrink:0}
.sp-row{display:flex;align-items:center;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.sp-mini{width:40px;height:40px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:var(--accent-soft);border:1px solid rgba(255,138,154,.4);background:color-mix(in srgb,var(--accent) 8%,transparent);overflow:hidden}
.sp-mini img{width:70%;height:70%;object-fit:contain}
.card:hover .sp-mini{border-color:var(--accent-soft)}
/* home banner slider */
.hslider{position:relative;display:grid}
.hslide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .6s ease,transform .6s ease,visibility 0s .6s}
.hslide.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .6s ease,transform .6s ease,visibility 0s}
.hs-nav{position:absolute;left:50%;bottom:calc(22px * var(--sk));transform:translateX(-50%);display:flex;align-items:center;gap:6px;z-index:3}
.hs-dots{display:flex;gap:6px;padding:13px 4px}
.hs-dot{width:32px;height:2px;border-radius:1px;border:0;padding:0;background:var(--line-2);cursor:pointer;position:relative;overflow:hidden}
.hs-dot.is-on{background:color-mix(in srgb,var(--accent) 35%,var(--line-2))}
.hs-dot.is-on::after{content:"";position:absolute;inset:0;background:var(--accent);transform-origin:left;animation:hsfill var(--hs-ms,9s) linear forwards}
.hslider.paused .hs-dot.is-on::after{animation-play-state:paused}
.rtl .hs-dot.is-on::after{transform-origin:right}
@keyframes hsfill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hs-arrow{width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--dim);cursor:pointer;display:grid;place-items:center;transition:color .2s,background .2s}
.hs-arrow:hover{color:var(--heading);background:color-mix(in srgb,var(--heading) 6%,transparent)}
.hs-arrow:focus-visible{outline:1px solid var(--accent-soft);outline-offset:2px}
.rtl .hs-arrow{transform:scaleX(-1)}
/* awards slide */
.haw-stage{position:relative;display:flex;flex-direction:column;gap:14px;padding:28px;border-radius:calc(20px * var(--rk));border:1px solid var(--line);background:radial-gradient(90% 80% at 50% 0%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 65%),var(--surface);box-shadow:0 30px 80px -30px rgba(0,0,0,.7)}
.haw-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.haw-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:20px 18px 22px;border-radius:calc(14px * var(--rk));border:1px solid var(--line-2);background:color-mix(in srgb,var(--bg) 55%,var(--surface));color:var(--heading)}
.haw-card:hover{border-color:var(--accent-soft);color:var(--heading)}
.hslide.is-on .haw-card{animation:hawin .7s ease both;animation-delay:var(--d,0s)}
@keyframes hawin{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
.haw-pub{align-self:stretch;padding-bottom:10px;border-bottom:1px solid var(--line);font-family:'Cormorant Garamond',Georgia,serif;font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}
.haw-win{padding:4px 12px;border-radius:999px;border:1px solid var(--accent);color:var(--accent-soft);font-size:10.5px;font-weight:700;letter-spacing:.16em}
.haw-name{font-family:var(--font-head);font-size:calc(16.5px * var(--tk));font-weight:600;line-height:1.3}
.haw-more{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-radius:calc(12px * var(--rk));border:1px dashed var(--line-2);color:var(--text-2);font-weight:600}
.haw-more:hover{border-color:var(--accent-soft);color:var(--heading)}
.rtl .haw-more span:last-child{transform:scaleX(-1)}
@media (max-width:560px){.haw-stage{padding:16px}.hs-nav{bottom:12px}.haw{padding-bottom:64px!important}}
@media (prefers-reduced-motion: reduce){.hslide,.hslide.is-on{transition:none;transform:none}.hs-dot.is-on::after{animation:none;transform:none}.hslide.is-on .haw-card{animation:none}}
.hslide{display:flex;align-items:center}.hslide>*{flex:1;min-width:0}