/* ===================================================================
   ТвойОтчёт — Веб-разработка · стили секций (дополняет landing.css)
   =================================================================== */

/* акцент под веб-разработку — тёплый синий рядом с фирменным фиолетовым */
:root{
  --web:#3A47E0;
  --web-2:#6E7CF5;
  --web-tint:#EAECFF;
}

/* ---------- HERO: чипы технологий вместо папок ---------- */
.file .fic.fic-web{background:linear-gradient(150deg,#6E7CF5,#3A47E0);}
.file .fic.fic-code{background:linear-gradient(150deg,#8A6BFF,#5A37E6);}
.file .fic.fic-ads{background:linear-gradient(150deg,#37B57E,#1E8F5E);}

/* мелкий тег «01 — Web Development» у заголовка hero */
.hero-kicker{
  position:absolute;z-index:4;left:var(--gutter);top:calc(50% - clamp(150px,22vw,260px));
  display:flex;align-items:center;gap:12px;
  font:600 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:rgba(42,32,80,.6);
}
.hero-kicker::before{content:"";width:38px;height:1px;background:rgba(42,32,80,.4);}
@media (max-width:760px){.hero-kicker{display:none;}}

/* ========================================================
   INNOVATE — «Мы стремимся» + счётчик специалистов
   ======================================================== */
.inno{position:relative;padding:clamp(80px,11vw,150px) 0;}
.inno .display{max-width:15ch;}
.inno-lead{
  font-family:var(--read);font-weight:400;font-size:clamp(18px,1.5vw,22px);line-height:1.6;
  color:var(--ink-2);max-width:640px;margin-top:26px;
}
.inno-lead b{color:var(--ink);font-weight:600;}

.inno-media{
  position:relative;margin-top:clamp(40px,5vw,66px);border-radius:26px;overflow:hidden;
  aspect-ratio:16/6.4;background:linear-gradient(140deg,#141021,#241a3f);
  box-shadow:0 46px 100px -40px rgba(46,28,110,.5);
}
.inno-media .media-fill{position:absolute;inset:0;width:100%;height:100%;}
.inno-media .im-tape{
  position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;gap:.6em;white-space:nowrap;overflow:hidden;
  padding:16px 0;background:linear-gradient(180deg,transparent,rgba(12,9,22,.86));
}
.inno-media .im-tape b{font-family:var(--serif);font-weight:700;font-size:clamp(20px,2vw,30px);color:rgba(255,255,255,.9);}
.inno-media .im-tape span{color:var(--web-2);}

/* счётчик команды */
.team{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:0.9fr 1.1fr;gap:clamp(30px,5vw,70px);align-items:end;}
.team-big{display:flex;flex-direction:column;gap:8px;}
.team-big .tn{
  font-family:'Freigeist',var(--serif);font-weight:900;line-height:.9;letter-spacing:-.03em;
  font-size:clamp(96px,15vw,220px);color:var(--web);
}
.team-big .tl{font-family:var(--read);font-size:18px;line-height:1.5;color:var(--ink-2);max-width:34ch;}
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;}
.team-cell{background:var(--surface);padding:22px 20px;transition:background .3s var(--ease);}
.team-cell:hover{background:var(--web-tint);}
.team-cell .c-n{font-family:'Freigeist',var(--serif);font-weight:700;font-size:clamp(30px,3vw,44px);color:var(--ink);letter-spacing:-.02em;}
.team-cell .c-l{font:500 13.5px/1.3 var(--ui);color:var(--ink-2);margin-top:6px;}
@media (max-width:860px){.team{grid-template-columns:1fr;align-items:start;}}
@media (max-width:520px){.team-grid{grid-template-columns:repeat(2,1fr);}}

/* ========================================================
   CERTIFICATIONS — партнёры / стек
   ======================================================== */
.cert{padding:clamp(70px,9vw,120px) 0;}
.cert-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:clamp(36px,5vw,60px);}
.cert-head .display{max-width:14ch;}
.cert-head p{font-family:var(--read);font-size:17px;line-height:1.55;color:var(--ink-2);max-width:400px;}
.cert-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:22px;overflow:hidden;}
.cert-mark{
  background:var(--surface);min-height:118px;display:grid;place-items:center;
  font-family:var(--serif);font-weight:700;font-size:20px;color:var(--ink);letter-spacing:-.01em;
  transition:background .3s var(--ease),color .3s var(--ease);
}
.cert-mark:hover{background:var(--ink);color:#fff;}
.cert-mark .cm{display:inline-flex;align-items:center;gap:9px;}
.cert-mark svg{width:24px;height:24px;color:var(--web);transition:color .3s var(--ease);}
.cert-mark:hover svg{color:var(--web-2);}
@media (max-width:760px){.cert-row{grid-template-columns:repeat(2,1fr);}}

/* ========================================================
   EXPERTISE — Ideate → Scale (раскрывающиеся карточки)
   ======================================================== */
.exp{padding:clamp(80px,11vw,150px) 0;}
.exp .display{max-width:16ch;margin-bottom:18px;}
.exp .exp-sub{font-family:var(--read);font-size:18px;line-height:1.55;color:var(--ink-2);max-width:560px;margin-bottom:clamp(38px,5vw,60px);}
.exp-track{display:flex;gap:14px;height:clamp(360px,42vw,470px);}
.exp-card{
  position:relative;flex:1;min-width:0;border-radius:22px;overflow:hidden;cursor:pointer;
  background:#141021;flex-basis:0;transition:flex-grow .6s var(--ease);flex-grow:1;
}
.exp-card.on{flex-grow:3.4;}
.exp-card .media-fill{position:absolute;inset:0;width:100%;height:100%;}
.exp-card .exp-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,9,22,.15) 0%,rgba(12,9,22,.2) 40%,rgba(12,9,22,.86) 100%);}
.exp-card .exp-body{position:absolute;inset:0;z-index:2;padding:26px;display:flex;flex-direction:column;justify-content:space-between;}
.exp-num{font:600 13px/1 var(--ui);letter-spacing:.14em;color:rgba(255,255,255,.7);}
.exp-foot{display:flex;flex-direction:column;gap:10px;}
.exp-h{font-family:var(--serif);font-weight:700;font-size:clamp(24px,2.4vw,34px);color:#fff;letter-spacing:-.01em;}
.exp-d{font-family:var(--read);font-size:15.5px;line-height:1.5;color:rgba(255,255,255,.82);max-width:34ch;
  opacity:0;transform:translateY(10px);transition:opacity .45s var(--ease) .1s,transform .45s var(--ease) .1s;}
.exp-card.on .exp-d{opacity:1;transform:none;}
@media (max-width:820px){
  .exp-track{flex-direction:column;height:auto;}
  .exp-card{height:120px;transition:height .5s var(--ease);}
  .exp-card.on{height:260px;flex-grow:1;}
  .exp-d{max-width:100%;}
}

/* ========================================================
   WEB SERVICES LIST — сетка услуг
   ======================================================== */
.wsl{padding:clamp(70px,9vw,120px) 0;}
.wsl .display{max-width:15ch;margin-bottom:clamp(38px,5vw,58px);}
.wsl-grid{border-top:1px solid var(--line);}
.wsl-item{
  position:relative;display:flex;align-items:center;gap:22px;
  padding:clamp(20px,2.6vw,34px) 4px;border-bottom:1px solid var(--line);
  transition:padding-left .4s var(--ease),color .3s var(--ease);overflow:hidden;
}
.wsl-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:0;background:var(--web-tint);z-index:-1;transition:width .5s var(--ease);}
.wsl-item:hover{padding-left:26px;}
.wsl-item:hover::before{width:100%;}
.wsl-num{font:600 14px/1 var(--ui);color:var(--web);width:38px;flex:none;}
.wsl-name{font-family:var(--serif);font-weight:700;font-size:clamp(22px,3vw,42px);letter-spacing:-.015em;color:var(--ink);flex:1;}
.wsl-tag{font:500 13px/1.4 var(--ui);color:var(--ink-2);max-width:30ch;text-align:right;opacity:0;transform:translateX(12px);transition:opacity .4s var(--ease),transform .4s var(--ease);}
.wsl-item:hover .wsl-tag{opacity:1;transform:none;}
.wsl-arrow{width:26px;height:26px;flex:none;color:var(--web);opacity:0;transform:translate(-8px,0);transition:opacity .4s var(--ease),transform .4s var(--ease);}
.wsl-item:hover .wsl-arrow{opacity:1;transform:none;}
@media (max-width:720px){.wsl-tag{display:none;}}

/* ========================================================
   TECH STACK — колонки
   ======================================================== */
.tech{padding:clamp(80px,11vw,150px) 0;}
.tech .display{max-width:16ch;margin-bottom:clamp(40px,5vw,64px);}
.tech-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:24px;overflow:hidden;}
.tech-card{background:var(--surface);padding:clamp(26px,2.4vw,36px);transition:background .35s var(--ease);}
.tech-card:hover{background:#0C0916;}
.tech-num{font:600 13px/1 var(--ui);letter-spacing:.14em;color:var(--web);transition:color .35s var(--ease);}
.tech-card:hover .tech-num{color:var(--web-2);}
.tech-cat{font-family:var(--serif);font-weight:700;font-size:clamp(20px,1.7vw,25px);line-height:1.1;letter-spacing:-.01em;color:var(--ink);margin:14px 0 18px;transition:color .35s var(--ease);}
.tech-card:hover .tech-cat{color:#fff;}
.tech-list{display:flex;flex-wrap:wrap;gap:8px;}
.tech-list span{font:500 13px/1 var(--ui);color:var(--ink-2);background:var(--line-2);border:1px solid var(--line);padding:8px 13px;border-radius:100px;transition:all .3s var(--ease);}
.tech-card:hover .tech-list span{color:rgba(255,255,255,.86);background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.12);}
@media (max-width:900px){.tech-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.tech-grid{grid-template-columns:1fr;}}

/* ========================================================
   PORTFOLIO — кейсы
   ======================================================== */
.work{padding:clamp(80px,11vw,150px) 0;}
.work-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:clamp(40px,5vw,60px);}
.work-head .display{max-width:16ch;}
.work-grid{display:grid;grid-template-columns:1.3fr 1fr;grid-auto-rows:1fr;gap:20px;}
.work-card{position:relative;border-radius:24px;overflow:hidden;background:#141021;min-height:clamp(320px,34vw,440px);cursor:pointer;}
.work-card.wide{grid-column:1;grid-row:span 2;}
.work-card .media-fill{position:absolute;inset:0;width:100%;height:100%;transition:transform .8s var(--ease);}
.work-card:hover .media-fill{transform:scale(1.05);}
.work-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,9,22,.05),rgba(12,9,22,.8));}
.work-cap{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:28px;}
.work-tag{display:inline-flex;font:500 12px/1 var(--ui);letter-spacing:.05em;text-transform:uppercase;color:#fff;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:8px 13px;border-radius:100px;margin-bottom:14px;}
.work-t{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2vw,30px);line-height:1.1;color:#fff;letter-spacing:-.01em;}
.work-d{font-family:var(--read);font-size:15px;line-height:1.5;color:rgba(255,255,255,.8);margin-top:10px;max-width:46ch;}
.work-arrow{position:absolute;top:22px;right:22px;z-index:2;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;color:#fff;transition:background .3s var(--ease),transform .3s var(--ease);}
.work-card:hover .work-arrow{background:var(--web);transform:rotate(-45deg);}
@media (max-width:820px){.work-grid{grid-template-columns:1fr;}.work-card.wide{grid-column:auto;grid-row:auto;}}

/* ========================================================
   BENEFITS — «Что вы получите»
   ======================================================== */
.ben{padding:clamp(80px,11vw,150px) 0;}
.ben-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:clamp(40px,5vw,60px);}
.ben-head .display{max-width:15ch;}
.ben-head p{font-family:var(--read);font-size:17px;line-height:1.55;color:var(--ink-2);max-width:400px;}
.ben-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.ben-card{position:relative;border-radius:24px;overflow:hidden;background:#141021;min-height:clamp(260px,26vw,320px);}
.ben-card .media-fill{position:absolute;inset:0;width:100%;height:100%;}
.ben-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(12,9,22,.25),rgba(12,9,22,.82));}
.ben-body{position:absolute;inset:0;z-index:2;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;}
.ben-h{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2vw,28px);line-height:1.12;color:#fff;letter-spacing:-.01em;}
.ben-d{font-family:var(--read);font-size:15px;line-height:1.5;color:rgba(255,255,255,.82);max-width:46ch;}
@media (max-width:720px){.ben-grid{grid-template-columns:1fr;}}

/* строка достижений */
.ben-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:20px;}
.ben-stat{background:var(--surface);padding:30px 26px;}
.ben-stat .bn{font-family:'Freigeist',var(--serif);font-weight:900;font-size:clamp(40px,4.6vw,68px);line-height:.95;color:var(--web);letter-spacing:-.03em;}
.ben-stat .bl{font:500 14.5px/1.4 var(--ui);color:var(--ink-2);margin-top:10px;max-width:22ch;}
@media (max-width:640px){.ben-stats{grid-template-columns:1fr;}}

/* ========================================================
   CMS carousel — иконки-строки
   ======================================================== */
.cms{padding:clamp(60px,8vw,110px) 0;}
.cms-head{text-align:center;margin-bottom:clamp(34px,4vw,52px);}
.cms-head .display{margin:0 auto;max-width:16ch;}
.cms-head p{font-family:var(--read);font-size:17px;line-height:1.5;color:var(--ink-2);margin-top:16px;}
.cms-head .display .work{color:var(--web);font-style:italic;}
.cms-cell{display:inline-flex;align-items:center;gap:12px;padding:0 clamp(28px,4vw,60px);}
.cms-cell .ci{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--web-tint);color:var(--web);flex:none;}
.cms-cell .ci svg{width:24px;height:24px;}
.cms-cell b{font-family:var(--serif);font-weight:700;font-size:clamp(22px,2.4vw,34px);color:var(--ink);letter-spacing:-.01em;white-space:nowrap;}

/* ========================================================
   TESTIMONIALS — отзывы
   ======================================================== */
.rev{padding:clamp(80px,11vw,150px) 0;}
.rev .display{max-width:15ch;margin-bottom:16px;}
.rev-sub{font-family:var(--read);font-size:18px;line-height:1.55;color:var(--ink-2);max-width:620px;margin-bottom:clamp(40px,5vw,60px);}
.rev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.rev-card{
  background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:clamp(26px,2.6vw,38px);
  display:flex;flex-direction:column;gap:24px;transition:transform .4s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease);
}
.rev-card:hover{transform:translateY(-6px);box-shadow:0 34px 70px -34px rgba(46,28,110,.28);border-color:var(--tint-2);}
.rev-q{font-family:var(--read);font-size:clamp(16px,1.3vw,19px);line-height:1.6;color:var(--ink);}
.rev-stars{display:flex;gap:3px;color:#F4A62A;}
.rev-stars svg{width:16px;height:16px;}
.rev-person{display:flex;align-items:center;gap:14px;margin-top:auto;}
.rev-av{width:52px;height:52px;border-radius:50%;overflow:hidden;flex:none;background:var(--tint);position:relative;}
.rev-av .media-fill{position:absolute;inset:0;width:100%;height:100%;}
.rev-name{font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink);}
.rev-role{font:500 13.5px/1.3 var(--ui);color:var(--ink-2);margin-top:2px;}
@media (max-width:760px){.rev-grid{grid-template-columns:1fr;}}

/* ========================================================
   FAQ — аккордеон
   ======================================================== */
.faq{padding:clamp(80px,11vw,150px) 0;}
.faq-inner{display:grid;grid-template-columns:0.85fr 1.15fr;gap:clamp(34px,5vw,70px);align-items:start;}
.faq-intro .display{max-width:14ch;}
.faq-intro p{font-family:var(--read);font-size:17px;line-height:1.6;color:var(--ink-2);margin-top:22px;max-width:40ch;}
.faq-list{border-top:1px solid var(--line);}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{
  width:100%;display:flex;align-items:center;gap:20px;text-align:left;background:none;border:none;cursor:pointer;
  padding:clamp(22px,2.4vw,30px) 4px;font-family:var(--serif);font-weight:700;
  font-size:clamp(18px,1.7vw,25px);line-height:1.25;letter-spacing:-.01em;color:var(--ink);
}
.faq-q .fq-txt{flex:1;}
.faq-ic{width:34px;height:34px;flex:none;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;color:var(--web);position:relative;transition:background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);}
.faq-item.open .faq-ic{background:var(--web);border-color:var(--web);color:#fff;}
.faq-ic::before,.faq-ic::after{content:"";position:absolute;background:currentColor;border-radius:2px;transition:transform .35s var(--ease);}
.faq-ic::before{width:13px;height:2px;}
.faq-ic::after{width:2px;height:13px;}
.faq-item.open .faq-ic::after{transform:scaleY(0);}
.faq-a{overflow:hidden;max-height:0;transition:max-height .5s var(--ease);}
.faq-a-in{padding:0 4px clamp(24px,2.6vw,32px);font-family:var(--read);font-size:16px;line-height:1.65;color:var(--ink-2);max-width:58ch;}
@media (max-width:820px){.faq-inner{grid-template-columns:1fr;}}

/* ========================================================
   CONTACT — «Есть идея? Давайте обсудим»
   ======================================================== */
.contact{background:var(--dk-bg);color:var(--dk-ink);padding:clamp(90px,12vw,160px) 0 0;overflow:hidden;}
.contact-top{display:grid;grid-template-columns:1.1fr 0.9fr;gap:clamp(34px,5vw,70px);align-items:start;}
.contact-l .c-eyebrow{font:600 13px/1 var(--ui);letter-spacing:.16em;text-transform:uppercase;color:var(--dk-ink-3);margin-bottom:22px;}
.contact-display{font-family:'Freigeist',var(--serif);font-weight:900;text-transform:uppercase;font-size:clamp(48px,8vw,120px);line-height:.94;letter-spacing:-.02em;color:#fff;}
.contact-display .it{font-style:italic;color:var(--web-2);}
.contact-l p{font-family:var(--read);font-size:18px;line-height:1.6;color:var(--dk-ink-2);max-width:44ch;margin-top:26px;}
.contact-r{display:flex;flex-direction:column;gap:16px;padding-top:10px;}
.contact-card{border:1px solid var(--dk-line);border-radius:20px;padding:26px;transition:background .3s var(--ease);}
.contact-card:hover{background:rgba(255,255,255,.04);}
.contact-card h5{font:600 12px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--dk-ink-3);margin-bottom:12px;}
.contact-card .cval{font-family:var(--serif);font-weight:700;font-size:clamp(20px,1.8vw,26px);color:#fff;letter-spacing:-.01em;}
.contact-card .cval a{border-bottom:1px solid rgba(255,255,255,.3);transition:border-color .3s;}
.contact-card .cval a:hover{border-color:#fff;}
.contact-card .csub{font-family:var(--read);font-size:15px;line-height:1.5;color:var(--dk-ink-2);margin-top:8px;}
.contact-cta{margin-top:20px;}
.contact-cta a{display:inline-flex;align-items:center;gap:10px;background:var(--web);color:#fff;font:600 16px/1 var(--ui);padding:18px 30px;border-radius:100px;transition:transform .3s var(--ease),background .3s var(--ease);}
.contact-cta a:hover{background:#2c39c9;transform:translateY(-2px);}
.contact-marq{margin-top:clamp(60px,8vw,110px);border-top:1px solid var(--dk-line);border-bottom:1px solid var(--dk-line);padding:clamp(20px,3vw,40px) 0;overflow:hidden;}
.contact-marq .mq-track{display:flex;width:max-content;animation:mqscroll 26s linear infinite;}
.contact-marq .mq-item{font-family:'Freigeist',var(--serif);font-weight:900;font-style:italic;text-transform:uppercase;font-size:clamp(40px,6vw,84px);letter-spacing:-.02em;color:#fff;padding-right:.5em;white-space:nowrap;}
.contact-marq .mq-item .dot{color:var(--web-2);font-style:normal;}
@keyframes mqscroll{to{transform:translateX(-50%);}}
@media (prefers-reduced-motion:reduce){.contact-marq .mq-track{animation:none;}}
@media (max-width:820px){.contact-top{grid-template-columns:1fr;}}

/* SEO-заголовок первого экрана */
.hero-display .hl-sub .line-in{font-size:.36em;font-weight:800;letter-spacing:-.005em;line-height:1.05;}
.hero-lead{margin-top:clamp(14px,1.6vw,22px);max-width:min(560px,46vw);color:#2A2050;opacity:.85;font-size:clamp(15px,1.35vw,18px);line-height:1.5;text-wrap:pretty;}
@media (max-width:860px){.hero-lead{max-width:100%;font-size:15px;}.hero-display .hl-sub .line-in{font-size:.42em;}}
.hero-rating .rate-text{color:#2A2050;opacity:.8;}

/* бейдж-скролл — по центру строки «САЙТОВ» */
.hero-display .with-badge{position:relative;}
.hero-display .with-badge .scroll-badge{top:50%;transform:translateY(-50%);}
/* инфографика с шаром — выше и правее */
.hero-bg .globe{left:62%;top:34%;}
@media (max-width:860px){.hero-bg .globe{left:60%;top:26%;}}

/* линия не проходит позади шара */
.hero-bg .hero-squiggle{-webkit-mask:radial-gradient(circle 92px at calc(62% + 75px) calc(34% + 75px), transparent 0 80px, #000 92px);mask:radial-gradient(circle 92px at calc(62% + 75px) calc(34% + 75px), transparent 0 80px, #000 92px);}
@media (max-width:860px){.hero-bg .hero-squiggle{-webkit-mask:radial-gradient(circle 92px at calc(60% + 75px) calc(26% + 75px), transparent 0 80px, #000 92px);mask:radial-gradient(circle 92px at calc(60% + 75px) calc(26% + 75px), transparent 0 80px, #000 92px);}}

/* нейтральная заливка вместо незаполненных медиа-блоков */
.media-fill{display:block;background:linear-gradient(140deg,#D8CFF6,#C0B2ED 55%,#AC9BE4);}