/* Shared visual system for navigation, portal content and dialogs. */
a.rank-all{display:flex;align-items:center;justify-content:center}
.panel-heading>a[data-dialog]{display:flex;align-items:center;gap:4px;color:#d2af75;font-size:9px}
.panel-heading>a[data-dialog] svg{width:12px;height:12px}
.panel-heading>a[aria-label]{border:1px solid #6d512e66;border-radius:2px;width:23px;height:23px;padding:5px}
:root{--surface:#15110d;--surface-raised:#1d1710;--canvas:#0d0b09;--border:#6d512e66;--gold:#e1b25f;--text:#e5daca;--muted:#a89b87;--gold-fill:linear-gradient(180deg,#efc16c,#d7a047);--metal-fill:linear-gradient(180deg,#251c12,#17110c)}
body{background:var(--canvas);color:var(--text)}
.site-header{background:linear-gradient(#1b130c,#100c08);border-top-color:#af813a;border-bottom-color:var(--border);box-shadow:0 4px 18px #0006}
.hero{background:var(--canvas)}
.hero:after{background-image:linear-gradient(transparent,var(--canvas))}
.hero .hero-shade{background:linear-gradient(0deg,var(--canvas),transparent 22%),linear-gradient(90deg,transparent 34%,#08060540 45%,#08060540 55%,transparent 68%)}
.hero-kicker{color:#d4b886}.hero-motto{color:#eee0c9}
.portal{max-width:1240px;width:calc(100% - 44px);grid-template-columns:230px minmax(0,1fr) 240px;gap:20px;margin:22px auto 52px}
.left-column,.center-column,.right-column{gap:20px}
.panel{background:var(--surface);border:1px solid var(--border);border-radius:3px;box-shadow:none}
.panel:before,.panel-heading:before,.panel-heading:after{display:none}
.panel-heading,.ranking-board .panel-heading,.classes .panel-heading{min-height:48px;padding:13px 15px;background:var(--metal-fill);border-bottom:1px solid var(--border);box-shadow:inset 0 1px #ead4a20b}
.panel-heading h2,.ranking-board .panel-heading h2{font:600 11px/1.4 var(--display);color:var(--gold)}
.panel-heading h2 svg,.ranking-board .panel-heading svg{width:14px;height:14px;color:#bb9455}
.panel-heading>span{color:var(--muted)}
.panel-heading button,.section-heading button{color:#d2af75;font-size:9px}
.panel-heading button[aria-label]{background:none;border:1px solid var(--border);border-radius:2px;width:23px;height:23px;min-height:23px;padding:5px}
.panel-heading button:hover,.section-heading button:hover{color:#ffe2a7}
.button,.header-actions .button,.hero-actions .button[data-dialog],.dialog-body .button{background:var(--metal-fill);border:1px solid #987440;border-radius:3px;color:#efd6ad;text-shadow:none;filter:none;box-shadow:inset 0 1px #ffffff0e,0 2px 5px #0002!important;min-height:40px;padding:11px 18px;font:700 11px/1.3 Arial,sans-serif;transition:background .2s,border-color .2s,transform .2s}
.button-gold,.button-red,.header-actions .button,.hero-actions .button[data-dialog="register"]{background:var(--gold-fill);border-color:#e5b564;color:#2a1a09;text-shadow:none}
.button svg{color:inherit}
.button:hover,.header-actions .button:hover,.hero-actions .button[data-dialog]:hover{filter:brightness(1.08);border-color:#e9bd71;transform:translateY(-1px)}
.button:active{transform:translateY(0)}
.hero-actions .button{min-height:48px;font-size:12px;padding:13px 22px}
.icon-button,.slide-navigation .icon-button,.dialog-close{background:#19130e;border:1px solid var(--border);border-radius:3px;box-shadow:none;color:#caa66d}
.icon-button:hover,.slide-navigation .icon-button:hover{background:#2b2116;border-color:#b68a49;color:#ffe1a5;filter:none}
.motion-toggle{background:none;border:0}
.login-form{padding:17px;gap:13px}.login-form label{background:#0d0b09;border:1px solid #5a452a66;border-radius:3px;padding:11px;box-shadow:none}
.login-form label svg{color:#a18458}.login-form input{color:var(--text);font-size:12px}.login-form input::placeholder{color:#938777}
.login-form label:focus-within{border-color:#d0a15a}.login-form .button{margin:2px 0 0;min-height:39px}
.recovery{color:var(--muted);font-size:10px}.recovery:hover{color:var(--gold)}
.ranking-board table{width:calc(100% - 24px);margin:0 12px 6px;border-collapse:collapse}
.ranking-board th{padding:12px 5px;font:600 8px Arial,sans-serif;color:#93836b}
.ranking-board td{padding:10px 5px;border-bottom:1px solid #b3915320;color:#d1c3ad;font-size:11px}
.ranking-board tr:nth-child(odd){background:#d0a45804}.ranking-board tr:nth-child(-n+3) td:nth-child(2){color:#ebc583}
.ranking-board td:last-child{color:#bea47b;font-variant-numeric:tabular-nums}
.rank-caption{padding:13px 17px 3px;color:#bd9b66;font-size:8px}.rank-caption span{color:#80745f}
.rank-badge{color:#ba9b66}.rank-badge.first{background:#b78b40;color:#160e06;border:0;border-radius:2px}
.rank-all{background:none;border-top:1px solid var(--border);color:#c8a66f;padding:12px;font-size:9px}.rank-all:hover{background:#c9a35b0a}
.feature-banner{height:310px;border:1px solid #9e794345;border-radius:3px;box-shadow:none;background:var(--canvas)}
.feature-banner:after{display:none}.slide-image{filter:brightness(.98) saturate(.86)}
.slide-shade{background:linear-gradient(0deg,#0d0b09f5,transparent 85%),linear-gradient(90deg,#0c0907c9,transparent 77%)}
.slide-content{left:24px;bottom:48px;right:24px}.slide-category{color:#d7ac65;font-size:9px}
.slide-content h2{font:400 26px/1.2 var(--display);color:#f0dbb4;margin:9px 0 12px}.slide-content p{font-size:12px;color:#cbbfae}
.slide-content .button{min-height:36px;padding:9px 14px;font-size:9px;margin-top:16px}
.slide-navigation{left:24px;right:16px;bottom:11px}.slide-navigation .icon-button{width:26px;height:26px;padding:6px}
.slide-dots button:after{background:#a88b5544;height:2px}.slide-dots button.active:after{background:#e1b25f}
.welcome{padding:7px 0 0}.section-heading{padding-bottom:13px;margin-bottom:15px;border-bottom:1px solid var(--border);gap:10px}
.section-heading h2,.welcome .section-heading h2{font:600 11px/1.4 var(--display);color:var(--gold)}
.section-heading>span{display:none}.welcome .section-heading{justify-content:center}.welcome>p{color:var(--muted);font-size:12px;line-height:1.8}
.steps{border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:20px}
.steps>*,.steps>*:nth-child(2),.steps>*:nth-child(3){background:transparent;border:0;border-right:1px solid var(--border);padding:22px 6px 18px;gap:10px;clip-path:none}
.steps>*:last-child{border:0}.steps>*:hover{background:#e0b15909}.steps b{color:#695735;font-size:11px}
.steps strong{color:#ccb793;font-size:8px}.steps svg,.steps>*:nth-child(2) svg,.steps>*:nth-child(3) svg{color:#cba45f;width:21px;height:21px}
.news-section{padding-top:7px}.news-item{padding:15px 0;gap:14px;border-bottom:1px solid var(--border);background:none}
.news-item:hover{background:#dab16605}.news-item img{width:105px;height:73px;object-fit:cover;border:1px solid var(--border);border-radius:2px;filter:saturate(.85)}
.news-item small{color:#c9a361;font-size:8px}.news-item strong{font:600 13px/1.4 Arial,sans-serif;color:#e3d3b9}.news-item p{font-size:11px;color:var(--muted);line-height:1.5}.news-item>svg{color:#ac8951}
.action-stack{gap:10px}
.action-banner{aspect-ratio:auto;min-height:80px;background:var(--metal-fill);border:1px solid var(--border);border-radius:3px;box-shadow:none;display:flex;align-items:center;gap:15px;padding:17px;text-align:left;transition:border-color .2s,background .2s}
.action-banner>svg{position:static;width:27px;height:27px;flex-shrink:0;stroke-width:1.4;color:#d4ae6a}
.action-copy{position:static;transform:none;min-width:0;gap:6px;text-shadow:none}
.action-copy strong{font:600 12px/1.3 var(--display);color:#e7c993;white-space:normal}
.action-copy small{font:400 10px/1.4 Arial,sans-serif;color:#a99b84;white-space:normal}
.action-download{background:var(--gold-fill);border-color:#dcad5a;min-height:91px}
.action-download>svg,.action-download .action-copy strong{color:#35220b}.action-download .action-copy small{color:#59401c}
.action-banner:hover{background:#2b2014;border-color:#bc9454;box-shadow:none}.action-download:hover{background:linear-gradient(#f8cf80,#e4b158)}
.community-tile{height:240px;border:1px solid var(--border);border-radius:3px;box-shadow:none}.community-tile img{filter:brightness(.83) saturate(.85)}
.community-tile strong{font:400 17px var(--display);color:#f1d39a}.community-tile small{color:#bfaa84}.community-tile svg{color:#d1ad6a}
.kingdoms>button{padding:14px;border-bottom:1px solid var(--border);background:none}.kingdoms>button:hover,.kingdoms>button:nth-of-type(2):hover,.kingdoms>button:nth-of-type(3):hover{background:#d8ad5b08}
.kingdoms strong{color:#d7be96;font-size:10px}.kingdoms small{color:#a39680}.flag{border:1px solid #c1a26544;border-radius:2px}.flag.red{background:#632c27}.flag.gold{background:#73602c}.flag.blue{background:#294750}
.side-signature{padding:15px 0;border-top:1px solid var(--border)}.side-signature p{color:#8e7a5b}
.class-tabs{background:#100d09;padding:0;gap:0;border-bottom:1px solid var(--border)}
.class-tabs button{background:none;min-height:44px;padding:11px 8px;color:#aa9675;border:0;border-right:1px solid var(--border);border-bottom:2px solid transparent;border-radius:0;font:600 11px var(--display);filter:none}
.class-tabs button:last-child{border-right:0}.class-tabs button.active{background:#bd91471a;border-bottom:2px solid #d6a751;color:#efc479}.class-tabs button:hover{background:#bd914710;filter:none}
.class-stage{background:#15110d;height:330px}.class-info{padding-right:18px}.class-info h3{color:#edc987;font:400 29px var(--display)}.class-info p{color:#c3b59f;font-size:11px;line-height:1.8}
.class-role,.class-skills{color:#b0925d;font-size:9px}.class-info .button{min-height:36px;font-size:9px;padding:9px 13px;max-width:100%}
footer{max-width:1240px;width:calc(100% - 44px);margin:0 auto;padding:24px 0 30px;border-top:1px solid var(--border);color:#8e7c61}
footer nav button{color:#bca37a;font-size:10px}footer nav button:hover{color:#f1cb86}.footer-logo{opacity:.8}
footer .footer-company{flex:0 0 auto;padding:4px 0 4px 18px;border-left:1px solid #70552f;min-width:0}
footer .footer-company strong{display:block;font:500 17px/1.4 var(--display);color:#dfbb78;letter-spacing:0}
footer .footer-company p{margin:5px 0 0;font-size:10px;line-height:1.5;color:#a29278}
@media(max-width:1000px){footer{flex-wrap:wrap}footer nav[aria-label="Yasal bilgiler"]{flex:1 1 100%;order:2;flex-wrap:wrap;justify-content:flex-start;margin-left:0}footer>.icon-button{margin-left:auto}}
@media(max-width:420px){footer{gap:12px}footer .footer-company{padding-left:12px}footer .footer-company strong{font-size:15px}footer .footer-logo{width:95px}}
dialog{background:var(--surface);border:1px solid #98713a;border-radius:4px;box-shadow:0 25px 100px #000b;color:var(--text)}
dialog::backdrop{background:#070504cf;backdrop-filter:blur(5px)}
.dialog-body{padding:35px}.dialog-label{color:#c79b54;font-size:10px}.dialog-body h2{color:#ebca91;font:400 28px/1.3 var(--display)}.dialog-body p{color:#bfb097;line-height:1.8}
.dialog-tabs{padding:0;border-bottom:1px solid var(--border);gap:0}.dialog-tabs button{background:none;border:0;border-bottom:2px solid transparent;min-height:43px;color:#a9926f;border-radius:0;min-width:110px}.dialog-tabs button.active{background:#b68a3815;color:#eac27d;border:0;border-bottom:2px solid #d3a34d}
.dialog-account-form input,.dialog-search{background:#0c0a08;border:1px solid var(--border);color:#eadbc2;border-radius:3px;padding:12px}
.dialog-notice{background:#bd94420b;border-left:2px solid #b38b48;color:#bba783}.requirements{border-color:var(--border)}.requirements strong{color:#e3c998}.requirements small{color:#9f8963}
.full-ranking th{color:#c5a168}.full-ranking td{border-color:var(--border);color:#c6b69a}.dialog-body summary{color:#d9bc88}.news-list-button{border-color:var(--border);color:#e0c79f}
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #efc479;outline-offset:3px}
@media(max-width:1120px){.portal{grid-template-columns:215px minmax(0,1fr);max-width:980px}.right-column{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.right-column .community-tile,.right-column .kingdoms{height:270px}.side-signature{display:none}}
@media(max-width:950px){.hero .hero-shade{background:linear-gradient(0deg,var(--canvas) 44%,#0d0b0900 69%)}.site-header .header-actions .button{min-height:35px;padding:0 14px}.portal{margin-top:18px}}
@media(max-width:800px){.portal{grid-template-columns:minmax(0,1fr);width:calc(100% - 30px);gap:23px}.center-column{grid-row:1}.left-column{grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.right-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.login-panel{grid-column:1/-1}.action-stack{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.action-banner{flex-direction:column;align-items:flex-start;gap:12px;padding:15px;min-height:128px}.action-copy strong{font-size:11px}.action-copy small{font-size:10px}.action-banner>svg{width:24px;height:24px}.feature-banner{height:325px}.class-stage{height:335px}footer{width:calc(100% - 30px)}}
@media(max-width:520px){.hero-actions .button{font-size:10px;padding:10px 9px;min-height:46px}.hero-actions .button:first-child,.hero-actions .button:last-child{min-width:0}.site-header .header-actions .button{font-size:9px;padding:0 10px;min-height:34px}.section-heading h2,.welcome .section-heading h2{font-size:10px}.panel-heading h2,.ranking-board .panel-heading h2{font-size:10px}.panel-heading,.ranking-board .panel-heading,.classes .panel-heading{padding:12px}.panel-heading button[aria-label]{width:22px;height:22px;min-height:22px}.slide-content h2{font-size:24px}.slide-content{left:20px;right:20px}.news-item img{width:85px;height:68px}.news-item strong{font-size:12px}.news-item p{font-size:10px}.action-stack{grid-template-columns:1fr}.action-banner{flex-direction:row;align-items:center;min-height:76px;padding:17px 21px;gap:18px}.action-copy strong{font-size:13px}.action-copy small{font-size:11px}.community-tile strong{font-size:15px}.right-column .community-tile,.right-column .kingdoms{height:265px}.kingdoms>button{padding:13px 9px}.kingdoms small{font-size:8px}.class-info h3{font-size:27px}.class-info p{font-size:10px}.class-tabs button{font-size:10px}.dialog-body{padding:28px 22px}.dialog-body h2{font-size:25px}.dialog-tabs button{min-width:0;flex:1}.steps strong{font-size:8px}.feature-banner:has(.slide-image[src*="banner-unified"]){height:370px;background:var(--canvas)}.feature-banner:has(.slide-image[src*="banner-unified"]) .slide-shade{background:linear-gradient(0deg,var(--canvas) 52%,transparent 76%)}}
@media(max-width:360px){.left-column,.right-column{grid-template-columns:1fr}.hero-actions .button{font-size:9px}.site-header .brand{width:96px}.steps strong{font-size:7px}}
@media(prefers-reduced-motion:reduce){.button:hover{transform:none}}
.hero .hero-scene{background-image:url('hero-warriors-v2.png')}
.class-art{width:56%;background-image:url('banner-unified.png');background-size:auto 100%;background-position:68% center;mask-image:linear-gradient(90deg,#000 65%,transparent)}
.news-item img[src*="banner-unified"]{object-position:76% center}.news-item img[src*="hero-unified"]{object-position:right center}
.community-tile img{object-position:55% center}
.community-tile:after{background:linear-gradient(0deg,#100c08 5%,transparent 100%)}
.language-picker{position:relative;flex-shrink:0;color:#c9ad7b;font:12px/1.3 var(--display)}
.language-picker summary{display:flex;align-items:center;gap:8px;height:36px;padding:0 12px;list-style:none;border:1px solid #95713c;border-radius:3px;background:#100b07;cursor:pointer;user-select:none}
.language-picker summary::-webkit-details-marker{display:none}
.language-picker summary>svg{width:10px;height:10px;color:#ae8c58;transition:transform .2s}
.language-picker[open] summary>svg{transform:rotate(180deg)}
.language-picker summary:focus-visible{outline:2px solid #e4bd78;outline-offset:3px}
.language-picker img{width:20px;height:15px;object-fit:cover;border-radius:1px;flex-shrink:0}
.language-dropdown{position:absolute;top:calc(100% + 7px);right:0;width:188px;border:1px solid #634924;background:#160e08;box-shadow:0 12px 26px #0009;z-index:30}
.language-dropdown ul{list-style:none;margin:0;padding:0;max-height:342px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#8e744b #251b10}
.language-dropdown li{display:flex;align-items:center;gap:12px;min-height:36px;padding:9px 13px;border-bottom:1px solid #84632f1c;color:#bca98a;font:12px/1.3 Arial,sans-serif;cursor:default}
.language-dropdown li:hover{background:#2b1c0d;color:#eed29d}.language-dropdown .current-language{color:#efc273;background:#211508}
@media(max-width:1100px) and (min-width:951px){.desktop-nav a,.desktop-nav button{padding:0 8px}.header-actions{gap:7px}.site-header .motion-toggle{display:none}.language-picker summary{padding:0 9px}}
@media(max-width:520px){.language-picker summary{height:34px;padding:0 7px;gap:5px}.language-picker summary>span{display:none}.site-header .brand{width:94px}.site-header .header-actions{gap:6px}.site-header .header-actions .button{padding:0 12px;font-size:8px}.language-dropdown{right:-38px}}
@media(max-width:360px){.site-header{padding:0 8px}.site-header .brand{width:80px}.site-header .header-actions .button{padding:0 9px}.site-header .header-actions .button svg{display:none}}
/* Generated metal plates retain live labels and accessible hit targets. */
.button,.header-actions .button,.hero-actions .button[data-dialog],.dialog-body .button,.action-banner,.action-banner:hover{background:transparent url('ui-dark-plate.png') center/100% 220% no-repeat;border:0;border-radius:0;box-shadow:none!important;filter:none;color:#f1e3ca;text-shadow:0 1px 2px #000}
.button-gold,.button-red,.header-actions .button,.hero-actions .button[data-dialog="register"],.action-download,.action-download:hover{background-image:url('ui-gold-plate.png');color:#25190a;text-shadow:none}
.button:hover,.header-actions .button:hover,.hero-actions .button[data-dialog]:hover,.action-banner:hover{filter:brightness(1.09);border:0}
.button:active,.action-banner:active{filter:brightness(.94)}
.action-banner{padding:19px 24px;min-height:83px}.action-download{min-height:91px}
.action-banner .action-copy strong{color:#f1d9ae}.action-banner .action-copy small{color:#c2b49b}.action-download .action-copy strong,.action-download>svg{color:#2b1b08}.action-download .action-copy small{color:#534024}
.hero-actions .button[data-dialog="register"]>svg{color:#49321a}.hero-actions .button[data-dialog="download"]>svg{color:#e3c38d}
.site-header .header-actions .button{padding-left:20px;padding-right:20px;min-height:39px;height:39px}
.class-tabs{padding:5px;gap:4px}.class-tabs button,.class-tabs button:hover{background:transparent url('ui-dark-plate.png') center/100% 220% no-repeat;border:0;color:#d7c4a4}.class-tabs button.active,.class-tabs button.active:hover{background:transparent url('ui-gold-plate.png') center/100% 220% no-repeat;border:0;color:#2a1b09;opacity:1;visibility:visible}
.dialog-tabs{gap:8px;border:0}.dialog-tabs button{background:transparent url('ui-dark-plate.png') center/100% 220% no-repeat;border:0;color:#e5cfab}.dialog-tabs button.active{background-image:url('ui-gold-plate.png');border:0;color:#2a1b09}
@media(min-width:951px){.hero .hero-scene{width:min(100%,1800px);left:0;right:0;margin-inline:auto;transform:none;background-size:100% auto;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent),linear-gradient(180deg,transparent,#000 14px,#000 calc(min(33.333vw,600px) - 80px),transparent min(33.333vw,600px));mask-composite:intersect;-webkit-mask-composite:source-in}}
@media(max-width:950px){.hero .hero-scene{mask-image:linear-gradient(180deg,#000 190px,transparent 270px)}}
@media(max-width:520px){.site-header .header-actions .button{padding:0 15px;min-height:38px;height:38px}.hero-actions .button{padding-left:15px;padding-right:15px}.hero-actions .button:first-child{flex:1.55}.hero-actions .button:last-child{flex:1}.action-banner{padding:19px 27px}.class-tabs button{font-size:10px}}
@media(max-width:520px){.feature-banner .slide-image[src*="banner-unified"]{height:auto;object-fit:contain;object-position:center top}.feature-banner:has(.slide-image[src*="banner-unified"]) .slide-content{bottom:46px}}


/* PLATFORM STORES START */
.hero .hero-platform-stores{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;width:360px;max-width:calc(100% - 32px);height:68px;margin:14px auto 0;padding:0;filter:none}
.hero-platform-stores .platform-store{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-width:0;height:68px;color:#f3e9d8;text-decoration:none;transition:color .18s ease}
.hero-platform-stores .platform-store+.platform-store{border-left:1px solid #b9965333}
.hero-platform-stores .platform-store img{display:block;width:30px;height:30px;object-fit:contain;filter:none;opacity:1}
.hero-platform-stores .platform-store b{font:600 11px/16px Arial,sans-serif;white-space:nowrap;text-shadow:0 1px 3px #000,0 2px 6px #000}
.hero-platform-stores .platform-store:hover{color:#f3c770}
.hero-platform-stores .platform-store:focus-visible{outline:2px solid #e8bd66;outline-offset:2px}
@media(max-width:520px){.hero .hero-platform-stores{width:320px;margin-top:12px}.hero-platform-stores .platform-store b{font-size:10px}.hero-platform-stores .platform-store img{width:28px;height:28px}}
/* PLATFORM STORES END */

.class-art[style*="sura-characters.png"]{left:2%;width:44%;background-size:contain;background-repeat:no-repeat;mask-image:none;filter:none}

.class-art[style*="sura-characters.png"]{left:2%;width:44%;background-size:contain;background-repeat:no-repeat;mask-image:none;filter:none}

.class-art[style*="sura-characters-v2.png"]{left:2%;width:44%;background-size:contain;background-repeat:no-repeat;mask-image:none;filter:none}

.class-art[style*="sura-scene-v3.png"]{left:0;width:58%;background-size:auto 100%;background-repeat:no-repeat;mask-image:linear-gradient(90deg,#000 72%,transparent);filter:none}
@media(max-width:520px){.class-stage:has(.class-art[style*="sura-scene-v3.png"]){height:auto;min-height:480px;padding-top:230px}.class-art[style*="sura-scene-v3.png"]{width:100%;height:245px;bottom:auto;background-size:cover;background-position:left top!important;mask-image:linear-gradient(180deg,#000 80%,transparent)}.class-stage:has(.class-art[style*="sura-scene-v3.png"]) .class-info{width:100%;margin:0;padding:8px 22px 24px}}

.hero .hero-platform-stores{background:rgba(8,6,4,.58);box-shadow:0 5px 18px rgba(0,0,0,.38);border-radius:4px}.hero-platform-stores .platform-store img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}

.hero .hero-platform-stores{position:relative;isolation:isolate;background:none;box-shadow:none;border-radius:0}.hero .hero-platform-stores:before{content:"";position:absolute;inset:-10px -18px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at center,rgba(7,5,3,.78) 0%,rgba(7,5,3,.48) 48%,transparent 74%);filter:blur(5px)}.hero-platform-stores .platform-store img{filter:drop-shadow(0 2px 3px rgba(0,0,0,.65))}