/* MAX Market Enterprise 2.2.0 — public UX layer */
:root{
  --mm-violet:#6b4eff;
  --mm-violet-2:#8b4dff;
  --mm-cyan:#47d7df;
  --mm-ink:#151426;
  --mm-muted:#74768a;
  --mm-border:rgba(67,55,128,.10);
  --mm-surface:rgba(255,255,255,.78);
  --mm-shadow:0 26px 72px rgba(72,55,153,.13);
}
body{
  background:
    radial-gradient(900px 520px at -8% 8%,rgba(112,88,255,.20),transparent 65%),
    radial-gradient(860px 580px at 103% 42%,rgba(72,210,229,.20),transparent 68%),
    radial-gradient(780px 500px at 52% 105%,rgba(244,170,232,.16),transparent 70%),
    #f7f8ff;
}
.aurora{background:transparent}
.aurora i{opacity:.18;filter:blur(100px)}
.shell{width:min(1220px,calc(100% - 48px))}
.site-head{
  top:16px;
  min-height:78px;
  padding:12px 14px 12px 16px;
  border-radius:26px;
  background:rgba(255,255,255,.82);
  border-color:rgba(255,255,255,.95);
  box-shadow:0 18px 60px rgba(65,50,135,.12);
}
.site-head::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(115deg,rgba(255,255,255,.54),transparent 46%,rgba(99,79,255,.045));
}
.site-head nav{gap:8px}
.site-head nav a{padding:10px 13px;border-radius:12px;font-weight:650}
.site-head nav a:hover{background:rgba(108,85,255,.08)}
.logo-m{border-radius:15px;box-shadow:0 12px 28px rgba(99,72,255,.34),inset 0 0 0 1px rgba(255,255,255,.24)}
.btn{border-radius:15px;letter-spacing:-.01em}
.btn.primary{background:linear-gradient(135deg,#6650ff,#8950ff 58%,#5e6dff);box-shadow:0 14px 34px rgba(103,76,255,.28)}
.btn.primary:hover{box-shadow:0 18px 42px rgba(103,76,255,.36)}
.btn.glassy,.btn.ghost{background:rgba(255,255,255,.76)}
.hero{min-height:710px;gap:50px;padding-top:112px}
.hero-copy{position:relative;z-index:2}
.hero-copy::before{content:"";position:absolute;width:110px;height:7px;left:0;top:-34px;border-radius:10px;background:linear-gradient(90deg,#6b4eff,#49d8df)}
.hero h1{font-size:clamp(52px,6.2vw,88px);max-width:780px;line-height:.94}
.hero-copy>p{font-size:19px;max-width:690px;color:#61647a}
.hero-search{
  max-width:690px;padding:9px;border-radius:22px;background:rgba(255,255,255,.86);
  box-shadow:0 18px 55px rgba(74,55,147,.11);border:1px solid rgba(105,82,255,.10)
}
.hero-search input{font-size:15px}
.hero-actions .btn{min-width:170px}
.hero-visual{height:540px;filter:drop-shadow(0 24px 34px rgba(68,50,142,.08))}
.phone-card{
  inset:82px 46px;border-radius:40px;padding:46px;
  background:linear-gradient(160deg,rgba(255,255,255,.88),rgba(247,247,255,.72));
  border:1px solid rgba(255,255,255,.96)
}
.phone-card::before{content:"";position:absolute;right:26px;top:26px;width:10px;height:10px;border-radius:50%;background:#54d4a6;box-shadow:0 0 0 7px rgba(84,212,166,.12)}
.phone-card b{font-size:31px;letter-spacing:-.035em}
.float-card{backdrop-filter:blur(16px);background:rgba(255,255,255,.90)}
.stats{background:rgba(255,255,255,.78);box-shadow:0 18px 65px rgba(68,52,141,.10);border:1px solid rgba(255,255,255,.92)}
.stats b{font-size:31px;letter-spacing:-.04em}
.section-head h2{font-size:clamp(31px,4vw,43px)}
.channel-card{padding:22px;border-radius:27px;background:rgba(255,255,255,.86);box-shadow:0 16px 48px rgba(59,47,124,.08)}
.channel-card::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,rgba(255,255,255,.58),transparent 58%);pointer-events:none}
.channel-card:hover{transform:translateY(-7px) scale(1.006);box-shadow:0 30px 76px rgba(59,47,124,.14);border-color:rgba(108,85,255,.15)}
.channel-top{position:relative;z-index:2}
.channel-top .avatar{box-shadow:0 12px 28px rgba(102,79,255,.18)}
.trust{position:relative;overflow:hidden}
.trust::after{content:"trust";position:absolute;bottom:2px;font-size:6px;text-transform:uppercase;letter-spacing:.08em;opacity:.55}
.channel-metrics div{background:linear-gradient(145deg,#f8f8fd,#f3f5fb);border:1px solid rgba(70,60,130,.05)}
.channel-price b{font-size:22px;letter-spacing:-.035em}
.category-grid a{min-height:72px;align-items:center;font-weight:750;background:rgba(255,255,255,.72);box-shadow:0 9px 30px rgba(72,55,145,.05)}
.category-grid a:hover{border-color:rgba(108,85,255,.16);box-shadow:0 16px 36px rgba(72,55,145,.10)}
.step-grid article{position:relative;overflow:hidden;min-height:205px;box-shadow:0 14px 42px rgba(69,54,140,.07)}
.step-grid article::after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;right:-42px;bottom:-54px;background:radial-gradient(circle,rgba(108,85,255,.11),transparent 70%)}
.step-grid em{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f1efff}
.cta{position:relative;overflow:hidden;background:linear-gradient(120deg,#24213f,#4b347c 52%,#367b90)}
.cta::after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;right:-180px;top:-210px;background:radial-gradient(circle,rgba(84,221,227,.26),transparent 70%)}
.page-hero{padding-top:120px}
.page-hero::after{content:"";display:block;width:80px;height:6px;margin-top:24px;border-radius:8px;background:linear-gradient(90deg,#6b4eff,#48d8df)}
.catalog-layout{grid-template-columns:280px 1fr;gap:28px}
.filters{background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.96);box-shadow:0 18px 50px rgba(65,50,135,.09)}
.filters label{font-size:12px;color:#66677d}
.filters input,.filters select{min-height:46px;background:#fbfbff}
.catalog-main .cards{gap:20px}
.catalog-meta{padding:0 2px 4px}
.listing-head{padding-top:118px;display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:30px;align-items:center}
.listing-brand{padding:28px 0}
.listing-brand h1{font-size:clamp(38px,5vw,62px);letter-spacing:-.05em;margin:14px 0 11px;line-height:1}
.listing-brand p{max-width:760px;color:#676a7e;font-size:16px;line-height:1.6}
.listing-buy{border-radius:28px;padding:26px;background:rgba(255,255,255,.88);border:1px solid rgba(255,255,255,.96);box-shadow:0 20px 60px rgba(66,50,138,.13)}
.listing-buy strong{font-size:36px;letter-spacing:-.05em;margin:7px 0 2px}
.metric-strip{border-radius:24px;background:rgba(255,255,255,.82)}
.metric-strip div{padding:18px}
.metric-strip b{font-size:22px;letter-spacing:-.03em}
.panel{border-radius:26px;background:rgba(255,255,255,.82);box-shadow:0 15px 46px rgba(61,49,127,.07);border:1px solid rgba(255,255,255,.92)}
.trust-panel{border-radius:28px;background:linear-gradient(160deg,rgba(255,255,255,.91),rgba(250,249,255,.80));box-shadow:0 18px 56px rgba(66,50,138,.10)}
.trust-ring{filter:drop-shadow(0 14px 24px rgba(106,82,255,.14))}
.footer{margin-top:30px}

/* Micro-interactions */
@media (prefers-reduced-motion:no-preference){
  .channel-card,.category-grid a,.btn,.float-card,.phone-card{will-change:transform}
  .channel-card{animation:mm-card-in .48s ease both}
  .channel-card:nth-child(2){animation-delay:.04s}.channel-card:nth-child(3){animation-delay:.08s}.channel-card:nth-child(4){animation-delay:.12s}
  @keyframes mm-card-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}

@media(max-width:980px){
  .site-head nav{display:none}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}
  .hero-copy{text-align:center}.hero-copy::before{left:50%;transform:translateX(-50%)}
  .hero-copy>p,.hero-search{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}
  .hero-visual{height:390px;max-width:620px;width:100%;margin:auto}.phone-card{inset:50px 70px}
  .catalog-layout{grid-template-columns:1fr}.filters{position:static}.filters form{grid-template-columns:repeat(2,1fr)}
  .listing-head{grid-template-columns:1fr}.listing-buy{max-width:none}
}
@media(max-width:680px){
  .shell{width:min(100% - 24px,1220px)}
  .site-head{top:8px;margin-top:8px;border-radius:20px;min-height:66px;padding:9px 10px}.logo small{display:none}.logo-m{width:40px;height:40px;border-radius:13px}.head-actions .ghost{display:none}.head-actions .btn{padding:0 14px;min-height:42px;font-size:12px}
  .hero{padding-top:72px;padding-bottom:32px}.hero h1{font-size:46px}.hero-copy>p{font-size:16px}.hero-search{display:grid;grid-template-columns:1fr;padding:7px}.hero-search input{min-height:48px}.hero-search .btn{min-height:48px}.hero-actions{display:grid;grid-template-columns:1fr}.trust-row{gap:9px 15px;font-size:11px}.hero-visual{height:310px}.phone-card{inset:38px 20px;border-radius:30px;padding:30px}.phone-card b{font-size:25px}.orbit.o2{inset:4px}.float-card{padding:11px 13px}.fc1{right:4px;top:34px}.fc2{left:0;bottom:34px}
  .stats{grid-template-columns:repeat(2,1fr);padding:13px;margin-bottom:58px}.stats div{border-right:0;border-bottom:1px solid var(--line);padding:16px}.stats div:nth-child(3),.stats div:nth-child(4){border-bottom:0}.stats b{font-size:24px}
  .cards,.catalog-main .cards{grid-template-columns:1fr}.category-grid{grid-template-columns:repeat(2,1fr)}.step-grid{grid-template-columns:1fr}.section{padding-bottom:58px}.section-head{align-items:flex-start}.section-head h2{font-size:31px}
  .cta{margin-bottom:55px;padding:30px 24px;display:block}.cta h2{font-size:30px}.cta .btn{width:100%;margin-top:14px}
  .page-hero{padding-top:88px;padding-bottom:32px}.page-hero h1{font-size:42px}.page-hero p{font-size:16px}
  .filters form{grid-template-columns:1fr}.catalog-layout{padding-bottom:60px}
  .listing-head{padding-top:88px;gap:12px}.listing-brand{display:block}.listing-brand .avatar{margin-bottom:16px}.listing-brand h1{font-size:40px}.listing-buy{padding:22px}.metric-strip{display:grid;grid-template-columns:repeat(2,1fr)}.metric-strip div{border-right:0;border-bottom:1px solid var(--line)}.metric-strip div:last-child{grid-column:1/-1;border-bottom:0}.listing-grid{grid-template-columns:1fr}.trust-panel{position:static}.footer{display:grid;gap:16px;text-align:center;justify-items:center}
}
.metric-strip{grid-template-columns:repeat(4,1fr)}
@media(max-width:680px){.metric-strip{grid-template-columns:repeat(2,1fr)}.metric-strip div:last-child{grid-column:auto}}