/* Усиленный акцент + более классическая лаванда */
.home-page{
 --v-bg:#ebe8f5;
 --v-section:#e7e3f2;
 --v-panel:#f3f0fb;
 --v-pale:#fbf9ff;
 --v-accent:#343f62;
 --v-accent-2:#445286;
 --v-muted:#5f6886;
 --v-border:#b5b8d7;
 --v-soft:#ddd4fb;
 --v-second:#b9abf2;
 --v-second-2:#d7cdfb;
 --v-label:#455181;
 --v-header:#ece7f7;
 --v-footer:#303854;
 --v-cta:#e4ddf8;
 --v-shadow:rgba(52,63,98,.14);
 --v-shadow-strong:rgba(52,63,98,.18);
 --v-bright:#eef1ff;
}
/* only color / surface changes, no layout or animation changes */
.home-page {
 background:
 radial-gradient(circle at 16% 10%, rgba(212,199,255,.55), transparent 24%),
 radial-gradient(circle at 88% 24%, rgba(181,196,255,.28), transparent 20%),
 linear-gradient(180deg,#dad4f1 0%,#e5e0f3 16%,#ece9f6 38%,var(--v-bg) 58%,var(--v-section) 100%);
}
.home-page .site-header,
.home-page .site-header.scrolled {
 background:color-mix(in srgb,var(--v-header), white 22%);
 border-bottom:1px solid color-mix(in srgb,var(--v-border),white 36%);
 box-shadow:0 10px 30px rgba(99,109,152,.05);
}
.home-page .desktop-nav a:hover,
.home-page .desktop-nav a:focus-visible,
.home-page .mobile-nav a:hover,
.home-page .mobile-nav a:focus-visible {color:var(--v-accent)}
.home-page .site-header .header-actions>.button,
.home-page .site-header .header-actions>.button:hover,
.home-page .hero-learn-more,
.home-page .hero-learn-more:hover,
.home-page .contact-cta .button-primary{
 background:linear-gradient(135deg,var(--v-accent) 0%,var(--v-accent-2) 100%);
 border-color:transparent;
 box-shadow:0 14px 34px var(--v-shadow-strong);
}
.home-page .hero-discuss,
.home-page .portfolio-all {
 color:var(--v-accent);
 border-color:color-mix(in srgb,var(--v-border),white 22%);
 background:rgba(255,255,255,.78);
 box-shadow:0 8px 18px rgba(89,98,140,.08);
}
/* keep hero/orb composition but make the flow more clearly lavender */
.home-page .sirius-home-flow {background:
radial-gradient(ellipse 72% 32% at 73% 22%,rgba(178,162,245,.34),transparent 92%),
radial-gradient(ellipse 58% 27% at 11% 54%,rgba(207,192,255,.34),transparent 92%),
radial-gradient(ellipse 56% 24% at 90% 70%,rgba(192,190,255,.20),transparent 94%),
linear-gradient(180deg,#ddd5f2 0%,#e2dbf3 22%,#e7e2f7 42%,#e5e1f4 58%,#e8e5f4 76%,var(--v-bg) 100%)}

/* SERVICES */
.home-page .sirius-offerings__header p,
.home-page .portfolio-intro,
.home-page .portfolio-card-description,
.home-page .portfolio-header-side p,
.home-page .sirius-process__header>p,
.home-page .sirius-process__copy p,
.home-page .faq-answer,
.home-page .contact-cta-copy,
.home-page .sirius-offerings__copy{color:var(--v-muted)}
.home-page .sirius-offerings__eyebrow,
.home-page .portfolio-kicker,
.home-page .sirius-process__eyebrow,
.home-page .sirius-process__number{color:var(--v-label)}
.home-page .sirius-offerings__eyebrow::before,
.home-page .portfolio-kicker::before{background:linear-gradient(90deg,var(--v-accent),#766ee2)}
.home-page .sirius-offerings__arrow{color:var(--v-accent)}
.home-page .sirius-offerings__card{
 border:1px solid rgba(116,124,176,.32);
 background:linear-gradient(155deg, rgba(255,255,255,.92) 0%, rgba(244,239,255,.92) 100%);
 box-shadow:0 14px 34px rgba(86,93,136,.10);
}
.home-page .sirius-offerings__card:nth-child(2){background:linear-gradient(155deg, rgba(245,246,255,.94) 0%, rgba(231,236,255,.94) 100%)}
.home-page .sirius-offerings__card:nth-child(3){background:linear-gradient(155deg, rgba(247,242,255,.95) 0%, rgba(237,231,255,.95) 100%)}
.home-page .sirius-offerings__card:nth-child(4){background:linear-gradient(155deg, rgba(248,248,255,.95) 0%, rgba(235,240,255,.95) 100%)}
.home-page .sirius-offerings__card:nth-child(5){background:linear-gradient(155deg, rgba(250,248,255,.95) 0%, rgba(240,236,255,.95) 100%)}
.home-page .sirius-offerings__card:hover,
.home-page .sirius-offerings__card:focus-visible{
 border-color:rgba(83,94,152,.38);
 box-shadow:0 18px 44px rgba(71,80,125,.14);
 transform:translateY(-4px);
}
.home-page .sirius-offerings__icon-wrap{
 background:linear-gradient(160deg, rgba(116,110,226,.14), rgba(255,255,255,.88));
 border:1px solid rgba(125,130,196,.25);
}

/* PORTFOLIO */
.home-page .works-section,
.home-page .portfolio-showcase,
.home-page .sirius-process,
.home-page .faq-section,
.home-page .contact-cta{background:var(--v-section)}
.home-page .portfolio-panel{
 background:linear-gradient(132deg,#f3f0fb 0%,#e7e3f4 48%,#f7f5fe 100%);
 box-shadow:0 20px 56px var(--v-shadow), inset 0 1px 0 rgba(255,255,255,.62);
 border:1px solid rgba(141,149,200,.18);
 border-left:4px solid rgba(61,73,117,.40);
}
.home-page .portfolio-card{
 background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(246,243,253,.94));
 border:1px solid rgba(140,146,193,.28);
 box-shadow:0 12px 32px rgba(84,90,129,.11);
}
.home-page .portfolio-card:hover{box-shadow:0 16px 42px rgba(84,90,129,.16)}
.home-page .portfolio-tag{
 background:linear-gradient(135deg, rgba(52,63,98,.10), rgba(117,110,226,.12));
 color:var(--v-label);
 border:1px solid rgba(109,120,172,.16);
}
.home-page .portfolio-card-cta{background:linear-gradient(135deg,var(--v-accent),var(--v-accent-2)); box-shadow:0 10px 24px rgba(63,72,113,.18)}
.home-page .portfolio-card:hover .portfolio-card-cta{background:linear-gradient(135deg,var(--v-accent),var(--v-accent-2))}

/* PROCESS */
.home-page .sirius-process__shell{
 background:linear-gradient(145deg,#ece8f8 0%,#e5e0f4 52%,#f2eefb 100%);
 border:1px solid rgba(255,255,255,.80);
 box-shadow:0 22px 66px var(--v-shadow), inset 0 1px 0 rgba(255,255,255,.64);
}
.home-page .sirius-process__period{color:var(--v-accent)}
.home-page .sirius-process__item.is-active .sirius-process__title,
.home-page .sirius-process__item.is-active .sirius-process__number{color:var(--v-accent)}
.home-page .sirius-process .sirius-process__symbol{background:#fff;border-color:rgba(131,138,190,.36);box-shadow:none;color:#555caa}
.home-page .sirius-process .sirius-process__symbol svg{color:#555caa;filter:none}
.home-page .sirius-process__line,
.home-page .sirius-process__progress,
.home-page .sirius-process__pulse{filter:saturate(1.08)}

/* FAQ */
.home-page .faq-section .faq-list{border-color:rgba(123,131,181,.24)}
.home-page .faq-section .faq-item{
 background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(243,239,252,.92));
 border-color:rgba(135,143,192,.26);
 box-shadow:0 10px 26px rgba(82,88,128,.08);
 border-left:3px solid rgba(67,80,130,.22);
}
.home-page .faq-section .faq-item[open]{border-left-color:rgba(67,80,130,.56)}
.home-page .faq-section .faq-item summary{color:#313c58}
.home-page .faq-section .faq-icon{color:var(--v-accent)}

/* CTA */
.home-page .contact-cta-inner{
 background:linear-gradient(120deg,#e4def8 0%,#eeebfb 55%,#dde5f8 100%);
 border:1px solid rgba(136,144,192,.24);
 box-shadow:0 22px 60px var(--v-shadow-strong);
}
.home-page .contact-cta-inner h2 em{color:#5a57cc}
.home-page .contact-card,
.home-page .contact-form-shell{
 background:linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,242,253,.94));
 border:1px solid rgba(140,147,193,.22);
}
.home-page .form-field input:focus,
.home-page .form-field select:focus,
.home-page .form-field textarea:focus{border-color:#7e86d8;box-shadow:0 0 0 4px rgba(126,134,216,.16)}

.home-page .site-footer{background:var(--v-footer)}
.home-page .footer-contact:hover{color:var(--v-bright)}

/* stronger accents on small UI details */
.home-page .section-bottom-link .text-link,
.home-page .case-link,
.home-page .portfolio-all,
.home-page .hero-metric-value,
.home-page .hero-badge strong,
.home-page .sirius-process__number{color:var(--v-accent)}
.home-page .hero-badge,
.home-page .hero-metric,
.home-page .contact-note,
.home-page .portfolio-card-note{
 border-color:rgba(126,121,210,.18);
 background:rgba(255,255,255,.56);
}
.home-page .button-secondary:hover{border-color:rgba(78,90,144,.42);background:rgba(255,255,255,.85)}
@media(max-width:700px){
 .home-page .sirius-offerings__card,.home-page .portfolio-card{box-shadow:0 9px 24px rgba(82,88,128,.12)}
 .home-page .contact-cta-inner{box-shadow:0 16px 36px rgba(82,88,128,.15)}
}


/* 2026-10-15 follow-up: refine portfolio panel and redesign FAQ */
/* Portfolio: remove the hard left pseudo-shadow / slab feel */
.home-page .portfolio-panel{
  border-left:none !important;
  box-shadow:0 18px 46px rgba(84,90,129,.10), inset 0 1px 0 rgba(255,255,255,.62) !important;
}
.home-page .portfolio-panel::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  box-shadow:inset 1px 0 0 rgba(255,255,255,.34), inset -1px 0 0 rgba(255,255,255,.22);
  opacity:.65;
}
.home-page .portfolio-panel::after{
  content:"";
  position:absolute;
  left:24px; right:24px; top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(87,96,151,.18), transparent);
  pointer-events:none;
  opacity:.7;
}

/* FAQ: softer premium cards, no harsh jumps, smoother icons */
.home-page .faq-section{background:var(--v-section)}
.home-page .faq-layout{align-items:center;gap:76px}
.home-page .faq-layout > div:first-child{align-self:start}
.home-page .faq-list{
  display:grid;
  gap:14px;
  border:none;
}
.home-page .faq-section .faq-item{
  position:relative;
  overflow:hidden;
  background:linear-gradient(180deg, rgba(255,255,255,.88), rgba(244,240,252,.94));
  border:1px solid rgba(139,146,193,.20);
  border-radius:18px;
  box-shadow:0 12px 30px rgba(82,88,128,.07);
  padding:0;
  transition:border-color .25s ease, box-shadow .25s ease, background .25s ease;
  transform:none !important;
}
.home-page .faq-section .faq-item:hover{
  transform:none !important;
  border-color:rgba(109,119,174,.26);
  box-shadow:0 16px 34px rgba(82,88,128,.10);
}
.home-page .faq-section .faq-item[open]{
  border-color:rgba(89,101,160,.32);
  box-shadow:0 18px 40px rgba(79,86,126,.12);
  background:linear-gradient(180deg, rgba(255,255,255,.93), rgba(242,238,251,.96));
}
.home-page .faq-section .faq-item[open]::before{
  content:"";
  position:absolute;
  left:18px; right:18px; top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(92,103,164,.35), transparent);
}
.home-page .faq-section .faq-item summary{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:22px 22px 22px 24px;
  font-size:15px;
  font-weight:700;
  color:#35415f;
  transition:color .22s ease;
}
.home-page .faq-section .faq-item summary:hover,
.home-page .faq-section .faq-item[open] summary{color:#20263f}
.home-page .faq-section .faq-item summary::after{
  content:"";
  position:absolute;
  left:24px; right:24px; bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(122,129,185,.22), transparent);
  opacity:0;
  transition:opacity .22s ease;
}
.home-page .faq-section .faq-item[open] summary::after{opacity:1}
.home-page .faq-section .faq-icon{
  flex:0 0 auto;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:50%;
  background:linear-gradient(180deg, rgba(241,238,251,.95), rgba(228,232,248,.95));
  border:1px solid rgba(129,138,188,.20);
  color:#56629a;
  font-size:22px;
  font-weight:300;
  line-height:1;
  box-shadow:0 6px 14px rgba(86,94,139,.08);
  transition:transform .28s ease, background .28s ease, color .28s ease, border-color .28s ease;
}
.home-page .faq-section .faq-item[open] .faq-icon{
  transform:rotate(45deg);
  background:linear-gradient(180deg, rgba(90,101,160,.10), rgba(117,110,226,.11));
  border-color:rgba(100,112,176,.24);
  color:#3e4b84;
}
.home-page .faq-section .faq-item > p{
  margin:0;
  padding:0 24px 22px 24px;
  max-width:unset;
  color:#66708d;
  font-size:14px;
  line-height:1.78;
}
.home-page .faq-section .button-secondary{
  border-color:rgba(122,131,185,.26);
  background:rgba(255,255,255,.72);
}
.home-page .faq-section .button-secondary:hover{
  background:rgba(255,255,255,.86);
  border-color:rgba(89,101,160,.32);
}
@media(max-width:1050px){
  .home-page .faq-layout{gap:48px}
}
@media(max-width:700px){
  .home-page .faq-layout{gap:30px}
  .home-page .faq-list{gap:10px}
  .home-page .faq-section .faq-item{border-radius:16px}
  .home-page .faq-section .faq-item summary{padding:18px 17px 18px 18px;font-size:14px;gap:12px}
  .home-page .faq-section .faq-item > p{padding:0 18px 18px 18px;font-size:13px;line-height:1.72}
  .home-page .faq-section .faq-icon{width:30px;height:30px;font-size:20px}
}