:root{--bg:#020d27;--panel:#0b1834;--line:#223354;--orange:#ff7a00;--text:#f6f8ff;--muted:#aab4ca;--cyan:#20bde7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 72% 10%,#09204a 0,transparent 26%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:14px}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.header{height:92px;max-width:1180px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #14213d}.logo{display:flex;align-items:center;color:white;text-decoration:none;gap:10px}.logo-mark{width:56px;height:56px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:var(--orange);font-size:28px;font-weight:800}.logo b{font-size:28px;display:block;line-height:1}.logo small{font-size:9px}.header nav{display:flex;gap:38px}.header nav a,.footer a{color:#fff;text-decoration:none;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:17px 24px;border-radius:10px;background:linear-gradient(120deg,#ff7500,#ff8b00);box-shadow:0 0 28px #ff780033;color:white;text-decoration:none;font-weight:700;border:1px solid #ff9e22}.button.small{padding:14px 22px}.button.ghost{background:#07132c;border-color:#51617b;box-shadow:none}.play{border:1px solid #8290a8;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:9px}.menu{display:none;background:none;color:white;border:0;font-size:25px}.hero{display:grid;grid-template-columns:42% 58%;min-height:510px;padding-top:54px;padding-bottom:28px;border-bottom:1px solid #183157}.eyebrow{display:inline-block;border:1px solid #74411b;border-radius:20px;padding:7px 12px;font-size:10px}.eyebrow b,h1 em{color:var(--orange);font-style:normal}h1{font-size:52px;line-height:1.05;margin:18px 0;color:#fff}h1 em{font-size:49px}.hero-copy>p{max-width:450px;color:#c9d0df;font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:14px;margin:28px 0}.trust{display:flex;gap:30px;color:var(--orange);font-size:26px}.trust span{display:flex;gap:8px;align-items:center}.trust small{font-size:10px;line-height:1.4;color:#bdc5d6}.hero-visual{position:relative;min-height:440px}.dog{position:absolute;z-index:3;left:15%;top:55px;width:62%;height:370px;object-fit:cover;object-position:center;filter:drop-shadow(0 18px 18px #000)}.metric,.chart,.topics{position:absolute;background:linear-gradient(140deg,#132344dd,#07142ddd);border:1px solid #31415f;border-radius:12px;padding:15px;box-shadow:0 10px 30px #0004;z-index:2}.metric b,.chart b,.topics b{display:block;font-size:11px}.metric strong{display:grid;place-items:center;width:66px;height:66px;margin:12px auto 7px;border-radius:50%;font-size:16px;background:radial-gradient(circle,#0b1834 55%,transparent 57%),conic-gradient(#b2dd39 0 72%,#1e3153 72%)}.metric small{font-size:8px;color:#c8d0df}.resource{left:0;top:0;width:120px}.stable{right:0;top:0;width:130px}.stable strong{background:radial-gradient(circle,#0b1834 55%,transparent 57%),conic-gradient(#b2dd39 0 68%,#1e3153 68%)}.emotion{left:-28px;top:175px;width:118px}.emotion strong{display:block;width:auto;height:auto;background:none;font-size:24px;margin:10px 0}.emotion strong small{font-size:12px}.spark{color:var(--orange);font-size:30px}.active{right:-5px;top:175px;width:132px}.active strong{background:radial-gradient(circle,#0b1834 55%,transparent 57%),conic-gradient(#b2dd39 0 54%,#1e3153 54%)}.chart{left:135px;top:10px;width:245px;height:140px}.line{height:70px;margin-top:8px;background:linear-gradient(160deg,transparent 48%,var(--cyan) 49% 51%,transparent 52%);border-bottom:1px solid #24405c}.days{font-size:8px;color:#367995;margin-top:7px}.topics{right:0;bottom:10px;width:145px}.topics p{font-size:8px;display:flex;align-items:center;gap:6px;margin:8px 0}.topics i{height:4px;flex:1;background:linear-gradient(90deg,var(--orange) var(--v),#233657 var(--v))}.section{padding-top:25px;padding-bottom:20px;border-bottom:1px solid #13294a}.section h2{text-align:center;font-size:25px;margin:0 0 18px}.grid{display:grid;gap:16px}.grid.four{grid-template-columns:repeat(4,1fr)}article,.journal,blockquote,.cta{background:linear-gradient(145deg,#0d1a36,#06122b);border:1px solid var(--line);border-radius:16px}.grid article{padding:20px}.grid article i,.steps article i{font-style:normal;color:var(--orange);font-size:33px;display:block}.grid article h3{font-size:14px;min-height:36px}.grid article p,.steps p{color:var(--muted);font-size:11px;line-height:1.55}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.steps article{padding:22px 16px;text-align:center;position:relative}.steps article:not(:last-child):after{content:'➜';position:absolute;right:-31px;top:37px;color:var(--orange);font-size:30px;z-index:2}.steps article>b{position:absolute;left:10px;top:-3px;border:1px solid #566580;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;background:#17233b}.steps article i{font-size:40px}.steps h3{font-size:13px}.grid.six{grid-template-columns:repeat(6,1fr)}.grid.six article{text-align:center;padding:17px 12px}.grid.six h3{min-height:42px}.journal-layout{display:grid;grid-template-columns:58% 42%;gap:22px}.journal{overflow:hidden}.journal details{border-bottom:1px solid #33415b;padding:14px 18px}.journal details:last-child{border:0}.journal summary{font-weight:700;cursor:pointer}.journal details[open] summary{color:#fff;margin-bottom:14px}.journal p{color:#c0c9d9;font-size:11px;line-height:1.55}blockquote{margin:0;padding:24px 32px;position:relative;overflow:hidden;min-height:265px}blockquote>b{font-size:54px;color:var(--orange);line-height:.5}blockquote p{font-size:24px;line-height:1.45;position:relative;z-index:2}blockquote small{color:#bbc4d4;display:block;max-width:230px;line-height:1.5;position:relative;z-index:2}.glow-chart{position:absolute;right:30px;bottom:35px;color:var(--orange);font-size:80px;opacity:.65;transform:rotate(-30deg);text-shadow:0 0 25px #ff7a00}.cta{margin-top:20px;margin-bottom:22px;padding:24px 40px;display:grid;grid-template-columns:110px 1fr auto;align-items:center;gap:28px}.cta-icon{width:90px;height:90px;border:2px solid var(--orange);border-radius:50%;display:grid;place-items:center;color:#05102a;background:var(--orange);font-size:43px}.cta h2{font-size:25px;margin:0 0 7px}.cta p{color:var(--muted);margin:0}.cta>div:last-child{display:flex;flex-direction:column;gap:12px}.cta small{color:#9eabc2;text-align:center}.button.wide{font-size:17px;padding:19px 35px}.footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr 1fr;gap:35px;padding-top:30px;padding-bottom:55px;position:relative}.footer>div:not(.logo){display:flex;flex-direction:column;gap:10px}.footer>div>b{font-size:10px;color:#7d89a1;margin-bottom:6px}.footer a{color:#919cb1}.social{font-size:17px;color:#dce2ee}.copyright{position:absolute;bottom:15px;left:28px;color:#77839a}.footer .logo-mark{width:56px}.footer .logo{align-self:start}@media(max-width:900px){.header nav{display:none}.menu{display:block}.header>.button{display:none}.hero{grid-template-columns:1fr}.hero-visual{min-height:470px}.grid.four{grid-template-columns:repeat(2,1fr)}.grid.six{grid-template-columns:repeat(3,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps article:after{display:none}.journal-layout{grid-template-columns:1fr}.cta{grid-template-columns:90px 1fr}.cta>div:last-child{grid-column:1/-1}.footer{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){body{font-size:12px}.wrap,.header{padding-left:18px;padding-right:18px}.header{height:74px}.logo-mark{width:44px;height:44px}.logo b{font-size:23px}.hero{padding-top:35px}h1,h1 em{font-size:40px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.trust{gap:12px;justify-content:space-between}.trust small{font-size:8px}.hero-visual{transform:scale(.82);transform-origin:top left;width:122%;margin-bottom:-70px}.grid.four,.grid.six,.steps{grid-template-columns:1fr}.grid article h3{min-height:auto}.cta{grid-template-columns:1fr;text-align:center}.cta-icon{margin:auto}.footer{grid-template-columns:1fr 1fr}.footer .logo{grid-column:1/-1}.section h2{font-size:21px}}
:root{}

/* Чёткий HTML-блок вместо масштабируемого растрового изображения. */
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: 300;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
}

.journal-clarity-section {
  width: calc(89.32% - 43px);
  max-width: 1451px;
  margin: 32px auto 0;
  color: var(--text);
  background: #020b1f;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.knowledge-panel,
.daily-panel,
.writing-note {
  border: 1px solid #223354;
  background: #07142d;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}

.knowledge-panel {
  min-height: 286px;
  padding: 44px 36px;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(560px, 1.06fr);
  align-items: center;
  gap: 48px;
  border-radius: 18px;
}

.knowledge-heading {
  display: grid;
  grid-template-columns: 78px minmax(0, 1fr);
  align-items: start;
  gap: 22px;
}

.knowledge-mark,
.note-icon {
  display: grid;
  place-items: center;
  color: var(--orange);
  background: #0c1a36;
  border: 1px solid #203252;
  border-radius: 14px;
}

.knowledge-mark {
  width: 78px;
  height: 78px;
  font-size: 49px;
}

.knowledge-heading h2 {
  margin: -4px 0 18px;
  font-size: clamp(30px, 2.55vw, 44px);
  line-height: 1.1;
  letter-spacing: -.035em;
}

.knowledge-heading h2 strong,
.knowledge-heading p b,
.daily-intro strong,
.writing-note strong {
  color: var(--orange);
}

.knowledge-heading p {
  max-width: 620px;
  margin: 0;
  color: #f3f6fd;
  font-size: clamp(18px, 1.55vw, 25px);
  line-height: 1.64;
  letter-spacing: -.02em;
}

.knowledge-flow {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: start;
  gap: 18px;
}

.knowledge-flow::before {
  content: '';
  position: absolute;
  z-index: 0;
  top: 51px;
  left: 12.5%;
  right: 12.5%;
  height: 1px;
  background: var(--orange);
  opacity: .72;
}

.flow-item {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: #cbd3e2;
  text-align: center;
}

.flow-item > span {
  display: grid;
  width: 104px;
  height: 104px;
  place-items: center;
  color: var(--orange);
  background: #07142d;
  border: 2px solid var(--orange);
  border-radius: 50%;
  font-size: 47px;
  box-shadow: 0 0 18px rgba(255,123,0,.12);
}

.flow-item b {
  font-size: 16px;
  font-weight: 500;
  white-space: nowrap;
}

.daily-panel {
  min-height: 390px;
  margin-top: 24px;
  padding: 40px 34px;
  display: grid;
  grid-template-columns: minmax(300px, .34fr) minmax(0, 1fr);
  gap: 36px;
  border-radius: 18px;
}

.daily-intro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 12px 42px 12px 0;
  border-right: 1px solid var(--orange);
}

.daily-intro h3 {
  margin: 0 0 32px;
  font-size: clamp(20px, 1.6vw, 27px);
  line-height: 1.45;
  letter-spacing: -.025em;
}

.daily-intro p {
  margin: 0;
  color: #aeb8cb;
  font-size: clamp(16px, 1.25vw, 20px);
  line-height: 1.65;
}

.prompt-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: 1fr;
  gap: 16px;
}

.prompt-grid article {
  min-width: 0;
  min-height: 144px;
  padding: 22px 14px 18px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 19px;
  color: #f7f9ff;
  background: #0b1935;
  border: 1px solid #102443;
  border-radius: 12px;
  text-align: center;
}

.prompt-grid article > span {
  color: var(--orange);
  font-size: 42px;
}

.prompt-grid article b {
  font-size: 13px;
  line-height: 1.45;
}

.prompt-next {
  display: grid;
  place-items: center;
  color: #43516b;
}

.prompt-next span {
  font-size: 76px;
  font-variation-settings: 'wght' 200;
}

.writing-note {
  min-height: 82px;
  margin-top: 16px;
  padding: 10px 18px;
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  align-items: center;
  gap: 20px;
  border-radius: 16px;
}

.note-icon {
  width: 62px;
  height: 62px;
  font-size: 38px;
  border-radius: 12px;
}

.writing-note p {
  margin: 0;
  color: #aeb8cb;
  font-size: 15px;
  line-height: 1.55;
}

/* Этапы работы: текст и иконки отрисовываются браузером без размытия. */
.how-clarity-section {
  width: calc(89.32% - 43px);
  max-width: 1451px;
  margin: 32px auto 0;
  color: var(--text);
  background: #020b1f;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}

.how-clarity-section > h2 {
  margin: 0 0 34px;
  color: #f7f9ff;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(30px, 2.6vw, 42px);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -.035em;
  text-align: center;
}

.how-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 34px;
}

.how-card {
  position: relative;
  min-width: 0;
  min-height: 438px;
  padding: 54px 30px 34px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #f7f9ff;
  background: #07142d;
  border: 1px solid #2a3b5c;
  border-radius: 22px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
  text-align: center;
}

.how-card:not(:last-child)::after {
  content: 'arrow_forward';
  position: absolute;
  z-index: 3;
  top: 132px;
  right: -35px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--orange);
  background: linear-gradient(145deg, #0d1a36, #06122b);
  border: 1px solid var(--orange);
  border-radius: 50%;
  font-family: 'Material Symbols Outlined';
  font-size: 24px;
  font-weight: 300;
  line-height: 1;
  text-align: center;
  font-variation-settings: 'wght' 300;
  box-shadow: 0 0 0 5px #020b1f, 0 0 18px rgba(255,123,0,.28);
}

.how-number {
  position: absolute;
  top: 14px;
  left: 14px;
  width: 52px;
  height: 52px;
  display: grid;
  place-items: center;
  color: #fff;
  background: #101d38;
  border: 1px solid #71809a;
  border-radius: 50%;
  font-family: Manrope, Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
}

.how-icon {
  width: 92px;
  height: 92px;
  display: grid;
  place-items: center;
  flex: 0 0 92px;
  color: var(--orange);
  font-size: 72px;
  font-variation-settings: 'wght' 250;
}

.how-card h3 {
  width: 100%;
  min-height: 58px;
  margin: 24px 0 20px;
  color: #f7f9ff;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(16px, 1.18vw, 19px);
  font-weight: 700;
  line-height: 1.45;
  letter-spacing: -.02em;
}

.how-card p {
  width: 100%;
  margin: 0;
  color: #adb7ca;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(13px, .97vw, 15.5px);
  font-weight: 400;
  line-height: 1.62;
  letter-spacing: -.01em;
  text-align: left;
}

/* Кликабельные области поверх кнопок, нарисованных в первом экране. */
.hero-image-section {
  position: relative;
}

.hero-hotspot {
  position: absolute;
  z-index: 6;
  top: 87.55%;
  height: 7.65%;
  display: block;
  border-radius: 11px;
  cursor: pointer;
  transition: background-color .18s ease, box-shadow .18s ease;
}

.hero-hotspot-primary {
  left: 5.23%;
  width: 17.28%;
}

.hero-hotspot-how {
  left: 23.68%;
  width: 15.42%;
}

.hero-hotspot:hover {
  background: rgba(255,255,255,.035);
}

.hero-hotspot:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
  box-shadow: 0 0 0 6px rgba(255,123,0,.48);
}

/* Последовательное появление блоков при прокрутке. */
html.reveal-ready .reveal-section,
html.reveal-ready .reveal-item {
  opacity: 0;
  transform: translate3d(0, 24px, 0);
  transition:
    opacity .68s cubic-bezier(.22, 1, .36, 1),
    transform .82s cubic-bezier(.22, 1, .36, 1);
  transition-delay: var(--reveal-delay, 0ms);
  backface-visibility: hidden;
}

html.reveal-ready .reveal-item {
  transform: translate3d(0, 18px, 0) scale(.992);
}

html.reveal-ready .reveal-section.is-visible,
html.reveal-ready .reveal-item.is-visible {
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(1);
}

html.reveal-ready .hero-responsive-art.reveal-section {
  transform: translate3d(22px, 10px, 0) scale(.985);
}

html.reveal-ready .hero-responsive-art.reveal-section.is-visible {
  transform: translate3d(0, 0, 0) scale(1);
}

@media (prefers-reduced-motion: reduce) {
  html.reveal-ready .reveal-section,
  html.reveal-ready .reveal-item {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* Единый вертикальный ритм между видимыми блоками страницы. */
:root {
  --section-rhythm: 32px;
}

main > section:not(:first-child) {
  margin-top: var(--section-rhythm);
}

main > section:last-child {
  margin-bottom: var(--section-rhythm);
}

/* В исходном изображении этого раздела были увеличенные пустые поля. */
#features img {
  margin-top: -1.4%;
  margin-bottom: -1.6%;
}

/* Нижнее поле у HTML-раздела уравнивает переход к финальному призыву. */
.journal-clarity-section {
  padding-bottom: var(--section-rhythm);
}

/* Адаптивный первый экран: текст и элементы интерфейса больше не являются частью картинки. */
.hero-responsive {
  width: calc(89.32% - 43px);
  max-width: 1451px;
  min-height: 760px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr);
  align-items: stretch;
  gap: 22px;
  color: #f7f9ff;
  background: #020b1f;
  overflow: hidden;
}

.hero-responsive-copy {
  position: relative;
  z-index: 3;
  padding: 34px 0 28px;
}

.hero-eyebrow {
  width: fit-content;
  margin: 0 0 28px;
  padding: 9px 18px;
  color: #d6dce8;
  border: 1px solid #66738d;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: .01em;
}

.hero-eyebrow > span {
  margin-right: 4px;
  color: #fff;
  font-size: 9px;
}

.hero-eyebrow b {
  margin: 0 4px;
  color: #7e899f;
  font-weight: 500;
}

.hero-eyebrow strong {
  color: var(--orange);
  font-weight: 700;
}

.hero-responsive h1 {
  margin: 0;
  color: #f8f9fd;
  font-family: Manrope, Arial, sans-serif;
  font-size: clamp(48px, 4.25vw, 74px);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -.045em;
}

.hero-responsive h1 > span {
  display: block;
  margin-bottom: 12px;
  color: var(--orange);
}

.hero-responsive-lead {
  margin: 24px 0 28px;
  color: #c6cede;
  font-size: clamp(18px, 1.5vw, 23px);
  line-height: 1.5;
}

.hero-role-list {
  max-width: 610px;
  display: grid;
  gap: 10px;
}

.hero-role-card {
  min-height: 94px;
  padding: 12px 20px;
  display: grid;
  grid-template-columns: 66px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  color: #f7f9ff;
  background: #07142d;
  border: 1px solid #2a3b5c;
  border-radius: 16px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.015);
}

.hero-role-icon {
  width: 62px;
  height: 62px;
  display: grid;
  place-items: center;
  color: var(--orange);
  border: 2px solid var(--orange);
  border-radius: 50%;
  font-size: 36px;
  font-variation-settings: 'wght' 270;
}

.hero-role-card h2 {
  margin: 0 0 3px;
  color: var(--orange);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.hero-role-card p {
  margin: 0;
  color: #c7cfdd;
  font-size: 15px;
  line-height: 1.42;
}

.hero-responsive-actions {
  max-width: 610px;
  margin-top: 22px;
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  gap: 14px;
}

.hero-responsive-actions .button {
  min-height: 70px;
  padding: 16px 24px;
  border-radius: 14px;
  font-size: 17px;
}

.hero-primary-button {
  justify-content: space-between;
}

.hero-primary-button > span {
  font-size: 31px;
  font-weight: 400;
  line-height: 1;
}

.hero-responsive-actions .hero-secondary-button {
  justify-content: space-between;
  color: #f7f9ff;
  background: #07142d;
  border-color: #66738d;
  box-shadow: none;
}

.hero-responsive-actions .hero-secondary-button:hover,
.hero-responsive-actions .hero-secondary-button:focus-visible {
  background: #0c1b37;
  border-color: #8a97ae;
}

.hero-play {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 38px;
  border: 1px solid #8d99ad;
  border-radius: 50%;
  font-size: 24px;
}

.hero-responsive-art {
  position: relative;
  min-width: 0;
  min-height: 760px;
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 100%);
  mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 100%);
}

.hero-responsive-art img {
  position: absolute;
  top: 50%;
  right: clamp(-160px, -8vw, -90px);
  width: clamp(1000px, 72vw, 1250px);
  max-width: none;
  height: auto;
  display: block;
  transform: translateY(-50%);
  -webkit-mask-image: linear-gradient(90deg, #000 0, #000 86%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0, #000 86%, transparent 100%);
}