/* SIRIUS — scoped final refinements, no changes to hero/orb animations. */

/* Full-site enquiry forms have been replaced by navigation to direct contacts. */
a.button,a.sirius-tariffs__cta,a.footer-contact {
  text-decoration:none;
}
a.button,a.sirius-tariffs__cta{display:inline-flex;align-items:center;justify-content:center;gap:10px}
a.footer-contact{display:inline-flex;align-items:center;gap:7px}
a:focus-visible,button:focus-visible {outline:2px solid #6258ce;outline-offset:4px;}

/* Keep the original large tariff typography after changing the semantic heading to H1. */
.detail-tariffs-page .sirius-tariffs__intro h1 {
  margin:22px 0 15px;
  color:#121425;
  font-weight:800;
  font-size:clamp(38px,4.9vw,69px);
  line-height:1.08;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.detail-tariffs-page .sirius-tariffs__intro h1 br {display:none}

/* Quiet explanatory footnote that adds substance without more large cards. */
.service-detail-guidance {
  margin:21px 0 0;
  border-top:1px solid rgba(116,121,177,.22);
  padding-top:18px;
  max-width:860px;
  color:#454a72;
  font-size:14px;
  line-height:1.55;
}
.service-detail-guidance strong{display:block;font-size:17px;color:#232444;margin-bottom:5px}
.service-detail-guidance p{margin:0 0 8px}
.service-detail-guidance a{color:#494b9a;font-weight:750;text-decoration-thickness:1px;text-underline-offset:3px}

/* Mobile-only affordance: horizontal carousels should never look like fixed lists. */
.mobile-swipe-hint{display:none}

/* Selected price context on the Contacts page — only appears on direct tariff referrals. */
.selected-project[hidden]{display:none!important}
.selected-project{position:relative;z-index:3;margin:6px 0 17px}
.selected-project__inner{
  padding:17px 20px;
  border:1px solid rgba(128,129,199,.31);
  border-radius:20px;
  background:linear-gradient(112deg,rgba(255,255,255,.87),rgba(239,238,255,.92));
  box-shadow:0 14px 35px rgba(73,71,147,.08);
}
.selected-project__eyebrow{font-size:10px;letter-spacing:.16em;color:#626da4;font-weight:800;display:block;margin:0 0 7px}
.selected-project strong{display:block;font-size:16px;line-height:1.4;color:#202240}
.selected-project p{margin:7px 0 10px;color:#676b90;font-size:12px;line-height:1.55}
.selected-project button{
  border:1px solid #d8d6f0;background:#fff;border-radius:99px;
  color:#34355c;padding:10px 18px;font:inherit;font-size:12px;font-weight:700;
  cursor:pointer;transition:background .2s ease,box-shadow .2s ease
}
.selected-project button:hover{background:#f4f0ff;box-shadow:0 7px 20px rgba(69,63,130,.12)}

@media(max-width:1000px){
  .detail-tariffs-page .sirius-tariffs__intro h1{font-size:clamp(31px,4.5vw,53px)}
  .detail-tariffs-page .service-detail-guidance{padding-inline:20px}
}
@media(max-width:700px){
  .detail-tariffs-page .sirius-tariffs__intro h1{font-size:clamp(29px,7.3vw,43px);margin:19px 0 12px;word-spacing:.09em}
  .mobile-swipe-hint{display:block;margin:7px 0 10px;color:#5e64a0;font-size:12px;font-weight:700;letter-spacing:.03em}
  .portfolio-showcase .mobile-swipe-hint{margin-left:4px;margin-bottom:7px}
  .home-page .sirius-tariffs__plans + .mobile-swipe-hint{margin-left:16px}
  .service-detail-guidance{margin:19px 17px 0;padding:13px 0 0!important;font-size:12px}
  .service-detail-guidance strong{font-size:15px}
  .selected-project{margin:10px 0 16px}
  .selected-project__inner{padding:15px 17px;border-radius:17px}
}
@media(prefers-reduced-motion:reduce){
 .selected-project button{transition:none}
}

.selected-project__price {display:inline-block;white-space:nowrap;margin-left:8px;color:#615bc3;font-weight:800}


/* SIRIUS 2026-10-19 — mobile refinement. No modifications to video or to global colors. */
/* The upper arc of the mobile pearl track should stay outside the liquid orb. */
@media (max-width: 430px){
 .home-page .hero-orbit-svg--mobile{
   bottom:22px; /* move track upwards; avoid cutting the top-left across the orb */
   width:min(420px,108%);
   height:320px;
 }
}
@media (max-width:390px){
 .home-page .hero-orbit-svg--mobile{bottom:24px;width:108%;height:304px}
}

/* Fully integrated illustration edges across all five service detail pages. */
@media(max-width:760px){
 .detail-tariffs-page .sirius-tariffs__hero-image{
   width:calc(100% + 46px);
   max-width:none;
   margin:4px -23px -8px;
   height:auto;
   filter:none;
   -webkit-mask-image:linear-gradient(to right,#000 0%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 78%,transparent 100%);
   -webkit-mask-composite:source-in;
   mask-image:linear-gradient(to right,#000 0%,#000 78%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 78%,transparent 100%);
   mask-composite:intersect;
 }
 /* No browser-button rectangle; keep only a quiet text hint and the circular arrow. */
 .detail-tariffs-page .sirius-tariffs__scroll-cue{
   box-sizing:border-box;
   width:100%;max-width:100%;min-height:42px;
   display:flex;align-items:center;justify-content:space-between;gap:12px;
   margin:1px 0 10px;padding:2px 3px;
   border:0;border-radius:0;outline:0;
   appearance:none;-webkit-appearance:none;
   background:transparent;box-shadow:none;
   color:#666c9d;font:700 12px/1.35 var(--font-body,Onest,sans-serif);
   letter-spacing:0;text-align:left;cursor:pointer;
 }
 .detail-tariffs-page .sirius-tariffs__scroll-cue span:first-child{
   max-width:none;text-transform:none;
 }
 .detail-tariffs-page .sirius-tariffs__scroll-cue span:last-child{
   width:39px;height:39px;flex:0 0 39px;
   border-radius:50%;border:1px solid rgba(110,104,185,.16);
   background:rgba(255,255,255,.75);color:#6560ba;
   font-size:20px;box-shadow:none;
   transition:background .2s ease, transform .2s ease;
 }
 .detail-tariffs-page .sirius-tariffs__scroll-cue:active span:last-child{transform:translateX(2px)}
 .detail-tariffs-page .sirius-tariffs__scroll-cue:focus-visible{outline:2px solid #655ac4;outline-offset:2px;border-radius:8px}
}
@media (max-width:360px){
 .detail-tariffs-page .sirius-tariffs__hero-image{width:calc(100% + 40px);margin:4px -20px -8px}
 .detail-tariffs-page .sirius-tariffs__scroll-cue{font-size:11px}
}
/* Homepage tariffs: no underglow under the active black category. */
.home-page .sirius-tariffs__tab.is-current,
.home-page .sirius-tariffs__tab.is-current:hover,
.home-page .sirius-tariffs__tab.is-current:active,
.home-page .sirius-tariffs__tab.is-current:focus-visible{
 box-shadow:none!important;
 filter:none!important;
}
.home-page .sirius-tariffs__tab.is-current svg{filter:none!important}
/* On mobile avoid browser tap highlight, while preserving keyboard-visible focus. */
@media (hover:none) and (pointer:coarse){
 a,button,[role="button"],.sirius-offerings__card,.sirius-tariffs__tab{
  -webkit-tap-highlight-color:transparent;
 }
 button,.sirius-offerings__scroll-cue,.sirius-tariffs__scroll-cue,
 .sirius-tariffs__tab{user-select:none;-webkit-user-select:none}
}

/* Full-bleed ambient artwork surface: continuous soft color to the right edge. */
@media(max-width:760px){
 .detail-tariffs-page .sirius-tariffs__hero-surface{
  position:relative;isolation:isolate;overflow:hidden;
  width:calc(100% + 40px);max-width:none;margin:0 -20px;
  background:radial-gradient(ellipse 83% 69% at 58% 60%,rgba(var(--detail-accent-rgb),.115),rgba(var(--detail-accent-rgb),.06) 60%,transparent 100%);
 }
 .detail-tariffs-page .sirius-tariffs__hero-surface>.sirius-tariffs__hero-image{
  display:block;width:calc(100% + 46px);margin:0 -23px 0;position:relative;
 }
 .home-page .sirius-offerings__scroll-cue,
 .home-page .sirius-offerings__scroll-cue:active{
  border:0;background:transparent;box-shadow:none;
  -webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none;
 }
 .home-page .sirius-offerings__scroll-cue:focus-visible{outline:2px solid #7365cf;outline-offset:4px}
}
@media(max-width:360px){
 .detail-tariffs-page .sirius-tariffs__hero-surface{width:calc(100% + 34px);margin:0 -17px}
 .detail-tariffs-page .sirius-tariffs__hero-surface>.sirius-tariffs__hero-image{width:calc(100% + 40px);margin:0 -20px}
}