/* START DELA v9 — compact category headers, same visual system for all four directories.
   Decorative geometry is CSS, not a screenshot. Cards and links stay real HTML. */
.market-category-landing { padding-top: 22px; padding-bottom: 88px; }
.market-category-landing .breadcrumbs { margin-bottom: 22px; font-size: .78rem; }
.market-inner-hero {
  position: relative; display:block; min-height:0; padding:43px 58px 42px;
  border:1px solid rgba(112,247,225,.36); border-radius:27px;
  background:linear-gradient(108deg, rgba(17,93,92,.7) 0%,rgba(10,48,59,.93) 46%,rgba(18,38,68,.96) 76%,rgba(51,44,104,.7) 100%);
  box-shadow:inset 0 1px 0 rgba(226,255,255,.14), 0 20px 50px rgba(1,12,27,.3);
  isolation:isolate; overflow:hidden;
}
.market-inner-hero::before {
  content:"";position:absolute;z-index:0;pointer-events:none;inset:0;
  background:radial-gradient(ellipse at 87% 80%,rgba(0,247,229,.17),transparent 32%),
    radial-gradient(ellipse at 93% 0%,rgba(140,112,255,.19),transparent 43%);
}
.market-inner-hero::after { /* avoid the old pseudo bloom affecting the content */
  content:"";position:absolute;z-index:0;top:auto;bottom:-2px;left:0;right:0;width:auto;height:1px;
  background:linear-gradient(90deg,transparent,#69fff5a3 33%,#76d9ffc4 70%,transparent);
}
.market-inner-copy { position:relative;z-index:3;max-width:920px; }
.market-inner-hero .eyebrow {display:inline-block;font-size:.69rem;font-weight:800;letter-spacing:.12em;line-height:1.3;color:#87ffe0;}
.market-inner-hero h1 {
  position:relative;font-size:clamp(2.35rem,3.55vw,3.65rem);font-weight:680;
  letter-spacing:-.042em;line-height:1.12;margin:15px 0 16px;
  max-width:900px;text-wrap:balance;color:#f2ffff;
}
.market-inner-hero p {position:relative;line-height:1.58;color:#d3e9ed;font-size:1.02rem;max-width:770px;margin:0;}
.market-inner-actions {display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:23px;}
.market-inner-actions .btn {min-height:49px;padding:12px 21px;font-size:.85rem;line-height:1.24;font-weight:750;border-radius:13px;white-space:normal;}
.market-inner-actions .btn-primary {box-shadow:0 0 24px rgba(73,255,228,.25),0 8px 28px #031d2450;}
.market-inner-actions .btn-ghost {background:rgba(5,35,45,.45);border:1px solid rgba(137,244,235,.6);}
.market-inner-hero > .market-inner-art {position:absolute;z-index:1;pointer-events:none;right:0;top:0;bottom:0;width:45%;overflow:hidden;
   -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 30%,black 65%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 30%,black 65%);}
.market-inner-hero .market-inner-art .art-plane {position:absolute;display:block;transform:rotate(-18deg);pointer-events:none;
   border:1px solid rgba(113,248,251,.35);box-shadow:inset 0 0 52px rgba(72,229,239,.07),0 0 26px rgba(49,240,234,.13);}
.market-inner-hero .market-inner-art .art-plane-back {
  width:72%;height:110%;right:-13%;top:28%;border-radius:44% 46% 12% 36%;
  background:linear-gradient(122deg,rgba(38,232,225,.37) 0%,rgba(19,125,150,.16) 35%,rgba(36,61,129,.07) 68%);
  border-top:2px solid rgba(135,255,250,.9);border-left:2px solid rgba(100,231,251,.9);
  filter:drop-shadow(0 0 20px rgba(79,247,232,.3));
}
.market-inner-hero .market-inner-art .art-plane-front {
  width:88%;height:78%;right:-22%;bottom:-49%;border-radius:58% 45% 18% 28%;
  background:linear-gradient(110deg,rgba(29,205,203,.35),rgba(10,71,100,.16) 55%,transparent 82%);
  border-top:2px solid rgba(121,250,249,.93);border-left:1px solid rgba(91,209,235,.65);
}
.market-inner-hero .market-inner-art .art-streak {
  position:absolute;display:block;height:1.5px;width:123%;right:-15%;top:70%;transform:rotate(-16deg);
  background:linear-gradient(90deg,transparent 3%,rgba(52,255,217,.24) 28%,#67ffe9 60%,rgba(114,203,255,.23) 100%);
  box-shadow:0 0 13px rgba(85,255,227,.45);opacity:.83;
}
.market-compare {padding-top:56px;}
.market-compare .market-section-head {margin-bottom:25px;}
.market-compare .market-section-head h2 {font-size:clamp(2rem,3.4vw,2.75rem);font-weight:710;letter-spacing:-.038em;line-height:1.15;margin:10px 0 8px;}
.market-compare .market-section-head p {font-size:.89rem;max-width:740px;line-height:1.58;}
.market-landing-grid {gap:16px;}
.market-landing-grid .offer-card {border-radius:20px;min-height:287px;padding:24px 22px;background:linear-gradient(135deg,rgba(17,65,78,.82),rgba(9,35,49,.91));border-color:rgba(124,239,230,.26);}
.market-landing-grid .offer-top {gap:15px;}
.market-landing-grid .brand-logo {flex-basis:56px;width:56px;height:56px;border-radius:14px;}
.market-landing-grid .offer-top h3 {font-size:1.11rem;font-weight:735;line-height:1.21;letter-spacing:-.026em;}
.market-landing-grid .offer-tag {font-size:.76rem;line-height:1.42;margin-top:5px;}
.market-landing-grid .offer-desc {font-size:.84rem;line-height:1.55;}
.market-landing-grid .offer-price {font-size:.79rem;line-height:1.55;}
.market-landing-grid .btn {font-size:.81rem;}
/* Smaller viewports: no decorative overlap and no clipped headline. */
@media(max-width:1100px) {
  .market-inner-hero {padding:36px 39px;}
  .market-inner-copy {max-width:76%;}
  .market-inner-hero h1 {font-size:clamp(2.15rem,4.2vw,3rem);}
  .market-inner-hero p {font-size:.94rem;}
  .market-inner-hero > .market-inner-art {width:43%;opacity:.79;}
}
@media(max-width:900px) {
  .market-inner-copy {max-width:100%;}
  .market-inner-hero {padding:32px 30px;}
  .market-inner-hero h1 {font-size:clamp(2.2rem,5vw,3.2rem);max-width:690px;}
  .market-inner-hero p {max-width:650px;}
  .market-inner-hero > .market-inner-art {width:40%;opacity:.42;}
  .market-compare {padding-top:44px;}
}
@media(max-width:620px) {
  .market-category-landing {padding-top:18px;}
  .market-category-landing .breadcrumbs {margin-bottom:17px;font-size:.71rem;}
  .market-inner-hero {padding:27px 21px 26px;border-radius:20px;}
  .market-inner-hero .eyebrow {font-size:.59rem;letter-spacing:.09em;}
  .market-inner-hero h1 {font-size:clamp(1.86rem,8vw,2.6rem);font-weight:685;letter-spacing:-.037em;line-height:1.15;margin:13px 0 13px;}
  .market-inner-hero p {font-size:.88rem;line-height:1.57;}
  .market-inner-hero > .market-inner-art {width:70%;opacity:.16;}
  .market-inner-actions {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:19px;}
  .market-inner-actions .btn {min-height:46px;font-size:.71rem;padding:10px 7px;line-height:1.23;}
  .market-compare {padding-top:39px;}
  .market-compare .market-section-head {margin-bottom:20px;}
  .market-compare .market-section-head h2 {font-size:1.93rem;}
  .market-landing-grid .offer-card {min-height:0;padding:20px 17px;}
  .market-landing-grid .brand-logo {width:48px;height:48px;flex-basis:48px;}
}
@media(max-width:360px) {
  .market-inner-hero {padding:23px 17px;}
  .market-inner-hero h1 {font-size:1.85rem;}
  .market-inner-actions {grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce) {.market-inner-art,.market-inner-hero,.market-landing-grid .offer-card {animation:none!important;transition:none!important;}}
