/* DEPO55 / Midnight Neon Marketplace Edition — accessible responsive presentation */
:root{
 --wine:#111433;--wine2:#21245c;--red:#8448eb;--reddeep:#5123af;
 --orange:#e99b36;--gold:#ffd97b;--pale:#f6f4ff;--cream:#ffffff;
 --ink:#1b2039;--mute:#667089;--stroke:#e5e8f2;
 --shadow:0 18px 48px rgba(18,24,62,.09);--radius:20px;--footer-h:80px;
}
body{background:linear-gradient(180deg,#eef0ff 0,#f8f9ff 650px,#ffffff 1450px);color:var(--ink);overflow-x:clip}
button,a{-webkit-tap-highlight-color:transparent}
a:hover{color:#7c3edb}
.shell{max-width:1270px}
.notice-top{background:#080d22;color:#d8e1ff;border-bottom:1px solid #ffffff1a;font-size:.76rem}
.notice-top a{color:#ffe5a0}
.site-header{background:linear-gradient(115deg,#0c102a 0%,#16143a 54%,#111b45 100%);border-bottom:1px solid #635aa855;box-shadow:0 16px 35px #050a1d21}
.header-primary{grid-template-columns:184px minmax(200px,1fr) auto;gap:27px;min-height:105px}
.brand{width:184px;height:78px;border-radius:12px;overflow:hidden}
.brand img{display:block;width:179px;height:auto;max-height:75px;object-fit:contain;object-position:left center;border-radius:9px}
.site-search{background:#ffffff12;border:1px solid #d7dcff3c;border-radius:13px;box-shadow:inset 0 1px 5px #00000028}
.site-search input{color:#f6f8ff}
.site-search input::placeholder{color:#afbbd9;opacity:1}
.site-search span{color:#dfc6ff;font-weight:900}
.site-search button{background:linear-gradient(125deg,#663ed8,#aa3dd7);color:#fff;letter-spacing:.02em}
.site-search button:hover{background:#7f54ee}
.header-actions .button{font-size:.86rem;border-radius:10px}
.button{border-radius:11px}
.button-red{background:linear-gradient(125deg,#bd73ff,#6c3bcd);color:white;border-color:#ba89ff62;box-shadow:0 8px 23px #7539bf35}
.button-red:hover{background:linear-gradient(120deg,#d183ff,#8152f0);color:#fff}
.button-gold{background:linear-gradient(135deg,#fff2bc,#ffd16b,#f3a537);color:#2c2140;border-color:#f7c361;box-shadow:0 8px 23px #daa4412b}
.button-gold:hover{background:#ffe29a;color:#2c2140}
.button-outline{background:#ffffff13;border:1px solid #d2cafa7a;color:#f6efff}
.button-outline:hover{background:#ffffff27;color:#fff}
.button-soft{background:#efeaff;border-color:#dcd1ff;color:#482394}
.button-soft:hover{background:#ded0ff;color:#482394}
.main-nav{background:#15163a;border-top:1px solid #ffffff16;box-shadow:none}
.nav-inner{min-height:51px;gap:30px}
.nav-inner a{font-weight:800;font-size:.86rem;color:#d7e0ff}
.nav-inner a:hover,.nav-inner a[aria-current=page]{color:#ffe6a4}
.nav-inner a[aria-current=page]::after{background:linear-gradient(90deg,#ffce6a,#ef81ec);height:3px}
.menu-toggle{display:none}
.ticker{background:linear-gradient(105deg,#322267,#7132a9,#262d87);color:#f6ebff;border-bottom:1px solid #f6daff33}
.ticker strong{font-weight:950;color:#ffdf89}
.ticker .shell{min-height:39px}
.category-rail{background:#fff;border-bottom:1px solid #e2e7f1;box-shadow:0 7px 17px #2424490b}
.category-rail-inner{display:flex;gap:10px;align-items:center;min-height:62px;overflow-x:auto;scrollbar-width:thin}
.rail-title{white-space:nowrap;letter-spacing:.1em;font-size:.67rem;color:#8976b7;font-weight:950;margin-right:4px}
.category-rail a{flex:none;background:#f5f3ff;border:1px solid #e7ddff;color:#433578;border-radius:999px;padding:8px 15px;font-size:.79rem;font-weight:850}
.category-rail a:hover{background:#e8ddff;color:#3b226d}
.main{padding-top:23px}
.crumb,.crumb a{color:#65719a}
.eyebrow{color:#8c44d7;font-weight:950}
.section-head{align-items:end;gap:15px;margin-top:47px}
.section-head h2{color:#25264d}
.section-head p{color:#66728e}
.section-head>a{color:#7844bd}
.card{border:1px solid #e1e5f2;border-radius:22px;box-shadow:var(--shadow)}
.hero-shop{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:22px;align-items:stretch}
.hero-shop>.gallery{order:1}
.hero-shop>.shop-details{order:2}
.gallery{background:linear-gradient(140deg,#151a44,#292264);border-color:#3e4382;padding:15px;box-shadow:0 20px 60px #11163e28}
.gallery-main{background:radial-gradient(circle at 50% 45%,#171b52,#090f2a 100%);border-color:#7f69b66a;aspect-ratio:1/1;border-radius:16px}
.gallery-main img{width:100%;height:100%;object-fit:contain}
.gallery-thumbs{gap:10px;margin-top:13px}
.thumb{background:#080d2a;border:2px solid #5a5d91;border-radius:12px;aspect-ratio:1.5}
.thumb img{object-fit:contain}
.thumb[aria-pressed=true],.thumb:hover{border-color:#ffc55a;box-shadow:0 0 0 2px #ffb96030}
.gallery .status{color:#c6d1ef;line-height:1.5;margin-top:11px}
.shop-details{position:relative;overflow:hidden;padding:34px;background:radial-gradient(ellipse at 92% 2%,#532f8e88,transparent 48%),linear-gradient(143deg,#161a4a 0%,#101333 58%,#202051 100%);border-color:#505290;box-shadow:0 21px 58px #10113b27;color:#fff}
.shop-details::before{content:"";position:absolute;pointer-events:none;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#f0b547,#ef79e8,#5398ff)}
.tag{background:#ffdea821;color:#ffdf9d;border:1px solid #ffcc7666;letter-spacing:.015em}
.shop-details h1{color:#fff;font-size:clamp(2rem,3.1vw,3.45rem);letter-spacing:-.055em;line-height:1.09;text-wrap:balance;margin:21px 0 18px}
.shop-details .lead{color:#d6ddfb;font-size:1rem;line-height:1.78}
.shop-meta{border-color:#c4baff40;gap:10px;padding:18px 0;margin:19px 0}
.shop-meta div{color:#aeb9df;font-size:.76rem}
.shop-meta strong{color:#f8f5ff;font-size:.91rem}
.shop-actions{gap:10px;margin:21px 0}
.shop-actions .button{padding:14px 12px}
.shop-note{background:#ffffff0c;border:1px solid #ffffff2a;color:#c1c9eb;font-size:.77rem;line-height:1.65}
.highlights{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:21px}
.highlight{background:#fff;border:1px solid #e4e7f3;box-shadow:0 10px 23px #20225508;border-radius:17px;padding:19px 16px}
.hi-icon{background:linear-gradient(135deg,#eae2ff,#fff3d6);border-radius:13px}
.highlight strong{color:#26224d}
.highlight span{color:#68728d}
.market-feature-strip{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(210px,.62fr);align-items:center;gap:30px;background:linear-gradient(112deg,#1b1c53,#3b246c 70%,#6d2c86);color:white;border:1px solid #7b6ba1;border-radius:24px;margin:29px 0 13px;overflow:hidden;box-shadow:0 15px 35px #22185021}
.market-feature-copy{padding:31px 34px}
.market-feature-copy .eyebrow{color:#ffdda2}
.market-feature-copy h2{color:#fff;font-size:clamp(1.6rem,2.2vw,2.4rem);max-width:22ch;line-height:1.18;margin:0 0 12px}
.market-feature-copy p{color:#d7d4ed;max-width:55ch;font-size:.91rem;line-height:1.75}
.feature-shortcuts{display:flex;flex-wrap:wrap;gap:9px;margin-top:19px}
.feature-shortcuts a{background:#ffffff13;color:#fff;border:1px solid #ffffff45;padding:10px 12px;border-radius:10px;font-size:.82rem;font-weight:800}
.feature-shortcuts a:hover{background:#ffffff2d;color:#fff}
.market-feature-art{display:grid;place-items:center;padding:12px 20px 12px 0;align-self:stretch}
.market-feature-art img{width:100%;max-height:265px;object-fit:contain;border-radius:16px;box-shadow:0 8px 28px #0b05284d}
.category-grid{gap:18px}
.feature-card{padding:12px;border-radius:19px;transition:transform .2s,box-shadow .2s}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 19px 42px #1a1c6030}
.feature-card .cover{background:#141a48;border-color:#55599d;aspect-ratio:1.43}
.feature-card .cover img{object-fit:contain}
.feature-card .inside h3{color:#252a53}
.feature-card .inside p,.blog-card p{color:#67718c}
.mini-btn{border-color:#d9d9ef;color:#5d3d9e;background:#faf9ff}
.mini-btn:hover{background:#efe7ff}
.mini-btn.fill{background:#4332a0;color:#fff;border-color:#4332a0}
.mini-btn.fill:hover{background:#7250d2}
.hero-page{background:radial-gradient(ellipse at 20% 0%,#fff 10%,#f0edff 85%);border-left:5px solid #ab68ef;gap:27px;border-radius:20px;padding:30px 35px}
.hero-page h1{color:#24234d}
.hero-page p{color:#5f6585}
.hero-page .page-visual{background:#161c48;border:1px solid #bfc1e4;border-radius:17px;aspect-ratio:1.15}
.hero-page .page-visual img{object-fit:contain}
.content-split{gap:22px}
.article-main{background:#fff}
.article-main h2{color:#23294e;border-bottom:1px solid #eaecf5}
.article-main h3{color:#373467}
.article-main p,.article-main ul{color:#535d75}
.article-main a{color:#683bba}
.content-banner{background:#191b4a;border:1px solid #393e7e}
.content-banner img{object-fit:contain;max-height:550px}
.side-panel{background:#fff}
.side-panel a{color:#4d3d85}
.side-panel a:hover{color:#7c37cf}
.callout{background:#f3efff;border-color:#a47adb;color:#544c77}
.blog-card{background:#fff}
.blog-card a{color:#7444b9}
.number-card .n{color:#a27af8}
.faq-card details{border-bottom-color:#e8e7f2}
.faq-card summary::after{color:#8554d2}
.faq-card details p{color:#606780}
.faq-card details a{color:#7846c6}
.section-band{background:radial-gradient(ellipse at 90% 20%,#653390,#1b194e 75%);border:1px solid #5c548c;box-shadow:0 19px 39px #17133d20}
.section-band h2{color:white}
.section-band p{color:#d9d8ef}
.section-band .button-outline{border-color:#d7c0ff;color:#fff;background:transparent}
.section-band .button-outline:hover{background:#ffffff25}
.topical span{background:#f3efff;border-color:#e6dcff;color:#584d81}
.status,.filter-stats{color:#6f7392}
.empty{background:#f5f0ff;border-color:#a995e7;color:#524479}
.list-toolbar input{border-color:#d5d0e6;background:#fff}
.list-toolbar input:focus{border-color:#aa78ef}
.site-footer{background:#0d1234;border-top:4px solid transparent;border-image:linear-gradient(90deg,#d9a348,#b84bdf,#4c83ff) 1;color:#eef1ff;margin-top:36px}
.footer-grid h3{color:#fff7e8}
.footer-grid p,.footer-bottom{color:#acb7dd}
.footer-grid img{max-width:180px;max-height:80px;border-radius:7px}
.footer-links a{color:#c9d1ef}
.footer-links a:hover{color:#ffdca1}
.footer-bottom{border-top-color:#ffffff22}
.bottom-dock{height:var(--footer-h);background:linear-gradient(105deg,#0a1030,#25205d,#0b1436);border-top:2px solid #efc56d;box-shadow:0 -8px 27px #0b0e3380}
.dock-inner{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));max-width:940px;gap:3px;padding:6px 8px}
.dock-link{color:#e6edff;font-size:.74rem;gap:2px}
.dock-link:hover{background:#ffffff1a;color:#ffeba8}
.dock-link.cta{background:linear-gradient(135deg,#fff2ac,#f3b842);color:#352757;box-shadow:inset 0 1px 0 #fff7cb}
.dock-link.cta:hover{background:#ffe299;color:#352757}
.dock-icon{color:inherit}
.compare-tray{background:#fff;border-color:#d7caef}
.compare-tray .chip{background:#eee6ff;color:#624194}
.compare-list .item{border-color:#ded6f0}
.compare-list .item strong{color:#503888}
.modal{background:#fff;color:#232749}
.modal .close{background:#f0e9ff}
@media(max-width:1100px){
 .header-primary{grid-template-columns:160px 1fr;gap:13px;min-height:90px;padding-top:8px;padding-bottom:12px}
 .brand{width:160px}.brand img{width:157px}
 .header-actions{grid-column:1/-1;justify-content:flex-end}
 .hero-shop{gap:16px}
 .shop-details{padding:24px}
 .shop-details h1{font-size:clamp(1.7rem,3vw,2.7rem)}
}
@media(max-width:760px){
 :root{--footer-h:73px}
 .shell{padding-left:15px;padding-right:15px}
 .header-primary{display:grid;grid-template-columns:126px minmax(0,1fr) 42px;gap:9px;align-items:center;min-height:75px;padding-top:9px;padding-bottom:9px}
 .brand{width:124px;height:52px}.brand img{width:122px;max-height:50px}
 .site-search{height:42px}.site-search span{padding:0 8px}.site-search button{padding:0 12px}
 .header-actions{grid-column:1/-1;gap:8px}
 .header-actions .button{padding:10px 9px;min-width:0}
 .menu-toggle{display:flex;justify-content:center;flex-direction:column;gap:5px;width:42px;height:42px;border:1px solid #ffffff5c;background:#ffffff0e;border-radius:10px;padding:10px}
 .menu-toggle span{height:2px;width:100%;background:#f8e5ff;border-radius:4px}
 .main-nav{display:none}
 .main-nav.is-open{display:block}
 .nav-inner{display:flex;flex-direction:column;align-items:stretch;gap:0;max-height:55vh;overflow:auto;padding-top:8px;padding-bottom:9px}
 .nav-inner a{display:block;padding:11px 12px;border-bottom:1px solid #ffffff14;min-height:40px}
 .nav-inner a[aria-current=page]::after{display:none}
 .category-rail-inner{min-height:55px}
 .category-rail a{padding:7px 12px;font-size:.75rem}
 .main{padding-top:17px}
 .hero-shop{grid-template-columns:1fr;gap:13px}
 .hero-shop>.gallery{order:1}
 .hero-shop>.shop-details{order:2}
 .shop-details{padding:23px}
 .shop-details h1{font-size:2.1rem}
 .shop-details .lead{font-size:.93rem}
 .shop-actions{grid-template-columns:1fr 1fr}
 .highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .highlight{padding:14px}
 .market-feature-strip{grid-template-columns:1fr;gap:0}
 .market-feature-copy{padding:25px 24px 9px}
 .market-feature-art{padding:12px 24px 24px}
 .market-feature-art img{max-height:215px}
 .category-grid,.grid-articles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .hero-page{grid-template-columns:1fr;gap:15px;padding:24px}
 .hero-page .page-visual{max-width:330px;aspect-ratio:1.2}
 .article-main{padding:24px}
 .bottom-dock{border-top-width:2px}
 .dock-inner{gap:0;padding:5px 4px}
 .dock-link{font-size:.64rem;border-radius:9px;letter-spacing:-.015em}
 .dock-link .dock-icon{font-size:1.12rem}
}
@media(max-width:460px){
 .header-primary{grid-template-columns:106px minmax(0,1fr) 38px;gap:6px}
 .brand{width:106px}.brand img{width:104px}
 .site-search{height:39px}.site-search input{font-size:.78rem}.site-search button{padding:0 9px;font-size:.77rem}
 .menu-toggle{width:38px;height:39px;padding:9px}
 .shop-details{padding:21px}
 .shop-details h1{font-size:1.9rem}
 .shop-meta{gap:7px}
 .shop-meta strong{font-size:.82rem}
 .shop-actions{grid-template-columns:1fr}
 .gallery{padding:10px}
 .category-grid,.grid-articles{grid-template-columns:1fr}
 .feature-card .cover{aspect-ratio:1.6}
 .market-feature-copy{padding:22px 20px 8px}
 .market-feature-copy h2{font-size:1.65rem}
 .feature-shortcuts a{padding:8px 9px;font-size:.74rem}
 .highlights{grid-template-columns:repeat(2,minmax(0,1fr))}
 .highlight{padding:11px;display:block}
 .hi-icon{width:37px;height:37px;margin-bottom:7px}
 .highlight strong{font-size:.77rem}
 .highlight span{font-size:.68rem}
 .section-head{margin-top:37px;flex-wrap:wrap}
 .footer-grid{grid-template-columns:1fr}
 .dock-link{font-size:.57rem;line-height:1.11;overflow-wrap:anywhere}
 .dock-link .dock-icon{font-size:1.07rem}
 .bottom-dock{--footer-h:72px}
 .compare-tray{right:7px;max-width:calc(100% - 14px)}
}
@media(max-width:340px){
 .shell{padding-left:11px;padding-right:11px}
 .header-primary{grid-template-columns:91px minmax(0,1fr) 36px;gap:5px}
 .brand{width:90px}.brand img{width:90px}
 .site-search span{display:none}
 .site-search input{padding-left:9px;font-size:.72rem}
 .site-search button{padding:0 7px;font-size:.7rem}
 .menu-toggle{width:36px}
 .dock-link{font-size:.52rem}
 .dock-link .dock-icon{font-size:1.04rem}
}
@media(prefers-reduced-motion:reduce){.feature-card:hover,.button:hover{transform:none}}
/* Prevent long running-text strips from setting the minimum width of article grid items. */
.content-split{grid-template-columns:minmax(0,1fr) minmax(0,310px)}
.content-split>*{min-width:0}
.ticker .ticker-scroll{min-width:0;max-width:100%;flex:1;overflow:hidden}
.article-main .ticker{max-width:100%;overflow:hidden}
@media(max-width:1030px){.content-split{grid-template-columns:minmax(0,1fr) minmax(0,255px)}}
@media(max-width:760px){.content-split{grid-template-columns:minmax(0,1fr)}.article-main{min-width:0;overflow-wrap:anywhere}}