/* Selected high-quality 4K smooth pearl bubble background. Neutral ice fallback only if the image fails. */
#app-shell {
  background-color:#f8fbff!important;
  background-image:
    url("/assets/brand/seiren-smooth-pearl-orb-4k-q94.webp"),
    radial-gradient(ellipse at 50% 42%,#e8f2ff 0%,#f8fbff 62%,#f3f8ff 100%)!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
  background-size:1920px 1080px,cover!important;
}
#app-shell>.home-background {opacity:0!important}

/* SEIREN 2026-10-12: Pearl / ice-blue dashboard.
   This stylesheet is intentionally loaded AFTER legacy portal inline rules.
   No modifications to original logo SVG, icon SVG sprite, or data bindings. */
:root {
  --home-pearl-ink: #172b4a;
  --home-pearl-muted: #68809a;
  --home-pearl-border: rgba(176,196,219,.56);
  --home-pearl-shadow: 0 4px 16px rgba(52,79,116,.055);
}
#app-shell .home-shell {
  position:absolute!important;
  left:160px!important;
  top:0!important;
  width:1600px!important;
  height:1080px!important;
  min-height:1080px!important;
  max-width:none!important;
  padding:84px 0 92px!important;
  margin:0!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
}
#app-shell .home-shell::before {display:none!important}
#app-shell .home-header {
  flex:0 0 165px!important;
  width:100%!important;
  min-height:165px!important;
  margin:0 0 24px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#app-shell .home-logo {width:390px!important;margin:0 auto!important}
#home-top {width:100%!important;flex:0 0 auto!important;min-width:0!important}
#home-top .summary-panel.home-summary-v2 {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  margin:0 0 24px!important;
  padding:0!important;
  gap:18px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
#home-top .home-summary-v2 .summary-card {
  width:auto!important;
  min-width:0!important;
  height:142px!important;
  min-height:142px!important;
  padding:16px 20px!important;
  border:1px solid var(--home-pearl-border)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:var(--home-pearl-shadow)!important;
  backdrop-filter:blur(12px) saturate(105%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(105%)!important;
}
#home-top .home-summary-v2 .summary-card::before {display:none!important}
#home-top .home-summary-v2 .summary-card-head {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 18px!important;
  height:auto!important;
  min-height:23px!important;
  gap:10px!important;
  align-items:center!important;
}
#home-top .home-summary-v2 .summary-title {
  color:var(--home-pearl-ink)!important;
  font-size:15px!important;
  letter-spacing:-.02em!important;
}
#home-top .home-summary-v2 .summary-chevron {
  color:#637d9d!important;
  text-decoration:none!important;
  font-size:22px!important;
  opacity:.8!important;
}
#home-top .home-summary-v2 .summary-chevron:hover {
  color:#267da2!important;opacity:1!important
}
#home-top .home-summary-v2 .summary-assets-value,
#home-top .home-summary-v2 .summary-payment-amount {
  font-size:24px!important;
  line-height:1.16!important;
  color:#142947!important;
}
#home-top .home-summary-v2 .summary-payment-name {
  color:#465d7a!important;font-size:12px!important
}
#home-top .home-summary-v2 .summary-assets-caption,
#home-top .home-summary-v2 .summary-assets-detail,
#home-top .home-summary-v2 .summary-payment-detail {
  color:var(--home-pearl-muted)!important
}
#home-top .home-summary-v2 .summary-goal-line strong {
  color:#223858!important
}
#home-top .service-grid {
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:122px!important;
  gap:18px!important;
  justify-content:stretch!important;
  align-items:stretch!important;
}
#home-top .service-card,
#home-top .service-card[aria-disabled="true"] {
  width:100%!important;
  height:122px!important;
  min-width:0!important;
  min-height:122px!important;
  display:grid!important;
  grid-template-columns:64px minmax(0,1fr) 16px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  column-gap:18px!important;
  padding:19px 20px!important;
  overflow:hidden!important;
  border:1px solid var(--home-pearl-border)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.82)!important;
  box-shadow:var(--home-pearl-shadow)!important;
  backdrop-filter:blur(11px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(11px) saturate(106%)!important;
  transform:none!important;
}
#home-top .service-card::before {display:none!important}
#home-top .service-card::after {
  content:"›"!important;
  display:block!important;
  position:relative!important;
  color:#7890a9!important;
  background:transparent!important;
  font-size:24px!important;
  opacity:.9!important;
}
#home-top .service-card:hover {
  transform:translateY(-2px)!important;
  border-color:rgba(113,163,195,.72)!important;
  background:rgba(255,255,255,.96)!important;
  box-shadow:0 8px 21px rgba(52,79,116,.10)!important;
}
#home-top .service-card:focus-visible,
#home-top .summary-chevron:focus-visible {
  outline:2px solid #3b9cc5!important;
  outline-offset:3px!important;
}
#home-top .service-card .home-service-icon {
  grid-column:1!important;grid-row:1!important;
  width:64px!important;height:64px!important;
  min-width:64px!important;min-height:64px!important;
  transform:none!important;filter:none!important;
  align-self:center!important;justify-self:center!important;
}
#home-top .service-card .service-copy {
  min-width:0!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
}
#home-top .service-card .service-name {
  display:block!important;
  min-height:0!important;
  margin:0!important;
  color:var(--home-pearl-ink)!important;
  font-size:17px!important;
  font-weight:800!important;
  text-shadow:none!important;
}
#home-top .service-meta-hidden {display:none!important}
@media(prefers-reduced-motion:reduce) {
  #home-top .service-card {transition:none!important}
  #home-top .service-card:hover {transform:none!important}
}


/* 2026-10-12 approved screenshot composition:
   fixed 1920x1080 canvas; original logo + selected water-bubble artwork;
   functional summary row and two low-profile service rows. */
#app-shell .home-shell {
  position:absolute!important;
  inset:0 auto auto 70px!important;
  left:70px!important;
  top:0!important;
  width:1780px!important;
  height:1080px!important;
  min-height:1080px!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
  isolation:isolate!important;
}
#app-shell .home-shell::before {display:none!important}
#app-shell .home-header {
  position:absolute!important;
  top:90px!important;
  left:0!important;
  z-index:2!important;
  width:100%!important;
  height:118px!important;
  min-height:118px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  flex:none!important;
  justify-content:center!important;
  align-items:center!important;
}
#app-shell .home-header .home-logo {
  width:300px!important;
  max-width:none!important;
  margin:0 auto!important;
}
#app-shell #home-top {
  position:absolute!important;
  top:496px!important;
  left:0!important;
  z-index:2!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  flex:none!important;
}
#app-shell #home-top .summary-panel.home-summary-v2 {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  min-height:0!important;
  height:160px!important;
  margin:0 0 26px!important;
  padding:0!important;
  gap:24px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
#app-shell #home-top .home-summary-v2 .summary-card {
  position:relative!important;
  display:block!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:160px!important;
  min-height:160px!important;
  max-height:160px!important;
  padding:20px 24px!important;
  overflow:hidden!important;
  color:#1a2e50!important;
  border:1px solid rgba(255,255,255,.92)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.84)!important;
  box-shadow:0 10px 28px rgba(44,65,97,.065)!important;
  backdrop-filter:blur(13px) saturate(105%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(105%)!important;
}
#app-shell #home-top .home-summary-v2 .summary-card::before,
#app-shell #home-top .home-summary-v2 .summary-card::after {
  display:none!important;
}
#app-shell #home-top .home-summary-v2 .summary-card-head {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 20px!important;
  height:24px!important;
  min-height:24px!important;
  padding:0!important;
  margin:0!important;
  gap:8px!important;
  align-items:center!important;
}
#app-shell #home-top .home-summary-v2 .summary-title {
  margin:0!important;
  color:#4e6484!important;
  font-size:15px!important;
  font-weight:750!important;
}
#app-shell #home-top .home-summary-v2 .summary-chevron {
  color:#8a9bb5!important;
  font-size:21px!important;
  text-align:center!important;
  text-decoration:none!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-main,
#app-shell #home-top .home-summary-v2 .summary-payment-main {
  margin:14px 0 0!important;
  gap:6px!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-value,
#app-shell #home-top .home-summary-v2 .summary-payment-amount {
  font-size:28px!important;
  font-weight:850!important;
  color:#13294c!important;
  line-height:1.1!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-detail,
#app-shell #home-top .home-summary-v2 .summary-payment-detail {
  margin:10px 0 0!important;
  font-size:12px!important;
  color:#7387a5!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-caption,
#app-shell #home-top .home-summary-v2 .summary-payment-name {
  font-size:12px!important;
  color:#7184a2!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-body {
  margin:16px 0 0!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-line strong {
  font-size:18px!important;
  color:#1a3154!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-progress-row {
  margin-top:10px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-list {
  margin:12px 0 0!important;
  gap:8px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-more {
  margin:8px 0 0!important;
}
#app-shell #home-top .service-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:148px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  gap:24px!important;
  justify-content:stretch!important;
  align-items:stretch!important;
}
#app-shell #home-top .service-card,
#app-shell #home-top .service-card[aria-disabled="true"] {
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  height:148px!important;
  min-height:148px!important;
  max-height:148px!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) 18px!important;
  grid-template-rows:1fr!important;
  align-items:center!important;
  column-gap:19px!important;
  padding:20px 22px!important;
  overflow:hidden!important;
  color:#1d3151!important;
  border:1px solid rgba(255,255,255,.94)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 10px 28px rgba(44,65,97,.07)!important;
  backdrop-filter:blur(12px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(12px) saturate(106%)!important;
  transform:none!important;
}
#app-shell #home-top .service-card::before {display:none!important}
#app-shell #home-top .service-card::after {
  content:"›"!important;
  display:block!important;
  position:relative!important;
  grid-column:3!important;
  grid-row:1!important;
  top:auto!important;left:auto!important;right:auto!important;
  background:none!important;
  border:0!important;
  width:auto!important;
  height:auto!important;
  justify-self:end!important;
  align-self:center!important;
  color:#92a4bd!important;
  opacity:.85!important;
  font-size:25px!important;
  font-weight:400!important;
  line-height:1!important;
}
#app-shell #home-top .service-card:hover {
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(179,204,228,.88)!important;
  box-shadow:0 15px 31px rgba(44,65,97,.11)!important;
  transform:translateY(-2px)!important;
}
#app-shell #home-top .service-card .home-service-icon {
  --icon-tint:#eef4ff;
  display:block!important;
  box-sizing:border-box!important;
  grid-column:1!important;
  grid-row:1!important;
  width:78px!important;
  min-width:78px!important;
  max-width:78px!important;
  height:78px!important;
  min-height:78px!important;
  max-height:78px!important;
  padding:10px!important;
  border:1px solid rgba(255,255,255,.96)!important;
  border-radius:23px!important;
  background:linear-gradient(145deg,#fff 0%,var(--icon-tint) 100%)!important;
  box-shadow:0 7px 16px rgba(51,71,113,.11)!important;
  overflow:visible!important;
  align-self:center!important;
  justify-self:center!important;
  filter:none!important;
  transform:none!important;
}
#app-shell #home-top .service-card:nth-child(1) .home-service-icon {--icon-tint:#e8f0ff}
#app-shell #home-top .service-card:nth-child(2) .home-service-icon {--icon-tint:#fff0e9}
#app-shell #home-top .service-card:nth-child(3) .home-service-icon {--icon-tint:#fff0f4}
#app-shell #home-top .service-card:nth-child(4) .home-service-icon {--icon-tint:#e8f3ff}
#app-shell #home-top .service-card:nth-child(5) .home-service-icon {--icon-tint:#e7f9fc}
#app-shell #home-top .service-card:nth-child(6) .home-service-icon {--icon-tint:#f0eaff}
#app-shell #home-top .service-card:nth-child(7) .home-service-icon {--icon-tint:#fff6e6}
#app-shell #home-top .service-card:nth-child(8) .home-service-icon {--icon-tint:#eeedff}
#app-shell #home-top .service-card .service-copy {
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-items:flex-start!important;
  gap:9px!important;
  min-width:0!important;
  text-align:left!important;
}
#app-shell #home-top .service-card .service-name {
  display:block!important;
  min-height:0!important;
  margin:0!important;
  color:#16294a!important;
  font-size:22px!important;
  line-height:1.15!important;
  font-weight:800!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}
#app-shell #home-top .service-card .service-subtitle {
  display:block!important;
  max-width:100%!important;
  overflow:hidden!important;
  color:#7a8da9!important;
  font-size:13px!important;
  line-height:1.25!important;
  font-weight:600!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
}
#app-shell #home-top .service-meta-hidden {display:none!important}
#app-shell #home-top .service-card:focus-visible,
#app-shell #home-top .summary-chevron:focus-visible {
  outline:2px solid #7ab3d4!important;
  outline-offset:3px!important;
}


/* 2026-10-12: Lift the selected pearl orb behind the unchanged SIREN logo.
   All geometry is fixed in the existing 1920x1080 canvas. The image remains
   a separate visual layer; the logo stays an accessible, clickable SVG link. */
#app-shell{
  background-color:#f7faff!important;
  background-image:radial-gradient(ellipse at 50% 35%,#fcfdff 0%,#f7faff 58%,#f2f6fc 100%)!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
}
#app-shell>.home-background{
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  top:-240px!important;
  left:0!important;
  width:1920px!important;
  height:1080px!important;
  object-fit:cover!important;
  object-position:center!important;
  image-rendering:auto!important;
  opacity:1!important;
  z-index:0!important;
  pointer-events:none!important;
  -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 94%)!important;
  mask-image:linear-gradient(to bottom,#000 0%,#000 58%,transparent 94%)!important;
}
#app-shell .home-shell{
  z-index:1!important;
}
#app-shell .home-header{
  top:212px!important;
  left:0!important;
  width:100%!important;
  height:120px!important;
  min-height:120px!important;
  z-index:3!important;
  margin:0!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
#app-shell .home-header .home-logo{
  width:234px!important;
  max-width:234px!important;
  margin:0 auto!important;
  opacity:1!important;
  filter:none!important;
}
#app-shell .home-header .home-logo-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:118px!important;
  opacity:1!important;
  filter:drop-shadow(0 1px 2px rgba(255,255,255,.72))!important;
}
#app-shell #home-top{
  top:496px!important;
}


/* 2026-10-12 etched-glass SIREN logo treatment:
   The original SVG letter contours remain untouched.
   A single translucent pearl-white letter silhouette with a softened
   blue-gray engraved edge replaces five independent colored overlays. */
#app-shell .home-header {
  top:206px!important;
}
#app-shell .home-header .home-logo {
  width:290px!important;
  max-width:290px!important;
  margin:0 auto!important;
  opacity:1!important;
}
#app-shell .home-header .home-logo-image {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:140px!important;
  opacity:1!important;
  filter:drop-shadow(0 -1px 1px rgba(255,255,255,.75))
         drop-shadow(0 2px 2px rgba(72,84,112,.14))!important;
}
#app-shell .home-header .home-logo-image path:nth-of-type(1),
#app-shell .home-header .home-logo-image path:nth-of-type(2),
#app-shell .home-header .home-logo-image path:nth-of-type(3),
#app-shell .home-header .home-logo-image path:nth-of-type(5) {
  fill-opacity:0!important;
  stroke:none!important;
}
#app-shell .home-header .home-logo-image path:nth-of-type(4) {
  fill:#f9fbff!important;
  fill-opacity:.82!important;
  stroke:#8291ac!important;
  stroke-opacity:.78!important;
  stroke-width:11px!important;
  stroke-linejoin:round!important;
  stroke-linecap:round!important;
  paint-order:stroke fill!important;
}


/* summary-type-balance-v1: unified 4-card typography, aligned baselines and safe truncation */
#app-shell #home-top .home-summary-v2 .summary-card{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;
  justify-content:flex-start!important;text-align:left!important;
  box-sizing:border-box!important;padding:18px 24px 17px!important;min-width:0!important;
}
#app-shell #home-top .home-summary-v2 .summary-card-head{
  flex:0 0 24px!important;display:grid!important;width:100%!important;
  grid-template-columns:minmax(0,1fr) 20px!important;gap:8px!important;
  align-items:center!important;height:24px!important;min-height:24px!important;margin:0!important;
}
#app-shell #home-top .home-summary-v2 .summary-title{
  display:block!important;flex:none!important;height:auto!important;margin:0!important;
  font-size:15px!important;line-height:24px!important;font-weight:750!important;
  letter-spacing:-.02em!important;color:#4b6181!important;
}
#app-shell #home-top .home-summary-v2 .summary-chevron{
  justify-self:end!important;align-self:center!important;width:20px!important;height:24px!important;
  line-height:24px!important;font-size:21px!important;text-align:center!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-main,
#app-shell #home-top .home-summary-v2 .summary-payment-main{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  width:100%!important;min-width:0!important;gap:4px!important;margin:12px 0 0!important;padding:0!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-caption,
#app-shell #home-top .home-summary-v2 .summary-payment-name{
  display:block!important;width:100%!important;margin:0!important;
  font-size:12px!important;line-height:16px!important;font-weight:600!important;color:#7585a0!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-value,
#app-shell #home-top .home-summary-v2 .summary-payment-amount{
  display:block!important;width:100%!important;min-width:0!important;margin:0!important;
  font-size:25px!important;line-height:30px!important;font-weight:800!important;
  letter-spacing:-.03em!important;color:#182d4e!important;font-variant-numeric:tabular-nums!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-detail,
#app-shell #home-top .home-summary-v2 .summary-payment-detail{
  display:block!important;margin:8px 0 0!important;
  font-size:12px!important;line-height:16px!important;font-weight:550!important;color:#7585a0!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-list{
  display:flex!important;flex-direction:column!important;gap:7px!important;width:100%!important;
  min-width:0!important;padding:0!important;margin:12px 0 0!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-row{
  display:grid!important;grid-template-columns:8px 54px minmax(0,1fr)!important;
  align-items:center!important;column-gap:7px!important;min-height:18px!important;
  font-size:12px!important;line-height:18px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-time{
  font-size:12px!important;line-height:18px!important;font-weight:700!important;
  color:#7385a4!important;font-variant-numeric:tabular-nums!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-name{
  font-size:13px!important;line-height:18px!important;font-weight:700!important;color:#263955!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar-more{
  margin:8px 0 0!important;font-size:12px!important;line-height:16px!important;
  font-weight:550!important;color:#7585a0!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-body{
  width:100%!important;min-width:0!important;margin:12px 0 0!important;padding:0!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-line{
  display:flex!important;align-items:baseline!important;gap:7px!important;
  width:100%!important;min-width:0!important;line-height:22px!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-line strong{
  flex:0 1 auto!important;min-width:0!important;font-size:18px!important;line-height:22px!important;
  font-weight:800!important;color:#263955!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-line span{
  flex:0 0 auto!important;font-size:12px!important;line-height:18px!important;
  font-weight:600!important;color:#7585a0!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-amount{
  margin:6px 0 0!important;font-size:12px!important;line-height:16px!important;
  font-weight:600!important;color:#7585a0!important;font-variant-numeric:tabular-nums!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal-progress-row{margin:11px 0 0!important;gap:10px!important}
#app-shell #home-top .home-summary-v2 .summary-goal-percent{
  font-size:12px!important;line-height:16px!important;font-weight:750!important;
  font-variant-numeric:tabular-nums!important;text-align:right!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-caption,
#app-shell #home-top .home-summary-v2 .summary-assets-value,
#app-shell #home-top .home-summary-v2 .summary-assets-detail,
#app-shell #home-top .home-summary-v2 .summary-payment-name,
#app-shell #home-top .home-summary-v2 .summary-payment-amount,
#app-shell #home-top .home-summary-v2 .summary-payment-detail,
#app-shell #home-top .home-summary-v2 .summary-calendar-time,
#app-shell #home-top .home-summary-v2 .summary-calendar-name,
#app-shell #home-top .home-summary-v2 .summary-calendar-more,
#app-shell #home-top .home-summary-v2 .summary-goal-amount{
  min-width:0!important;max-width:100%!important;overflow:hidden!important;
  text-overflow:ellipsis!important;white-space:nowrap!important;
}


/* 2026-10-12 home total net worth breakdown: two compact, fully readable rows.
   No changes to card or stage geometry, other summary cards remain untouched. */
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-main{
  margin-top:10px!important;
  gap:2px!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-detail{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:2px 10px!important;
  align-items:center!important;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin:5px 0 0!important;
  font-size:11px!important;
  line-height:15px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-breakdown-item{
  display:block!important;
  min-width:0!important;
  font-size:11px!important;
  line-height:15px!important;
  font-weight:550!important;
  color:#7385a0!important;
  font-variant-numeric:tabular-nums!important;
  white-space:nowrap!important;
  text-overflow:ellipsis!important;
  overflow:hidden!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-breakdown-item:last-child:nth-child(odd){
  grid-column:1/-1!important;
}


/* Deep Ocean Pearl / approved 65-35-75 concept.
   Retain the fixed 1920x1080 stage, logo geometry, data text and 4+8 cards.
   Only atmosphere, surface colors and optical contrast are changed. */
#app-shell {
  background-color:#142743!important;
  background-image:
    url("/assets/brand/seiren-deep-ocean-pearl-backdrop.svg"),
    radial-gradient(ellipse at 78% 67%,#2b6979 0%,#244466 44%,#111f3d 100%)!important;
  background-position:center center!important;
  background-size:1920px 1080px,cover!important;
  background-repeat:no-repeat!important;
}
#app-shell>.home-background {
  display:block!important;
  position:absolute!important;
  top:-240px!important;
  left:0!important;
  width:1920px!important;
  height:1080px!important;
  z-index:0!important;
  opacity:.93!important;
  object-fit:cover!important;
  object-position:center!important;
  mix-blend-mode:screen!important;
  pointer-events:none!important;
  -webkit-mask-image:radial-gradient(circle 265px at 50% 47%,#000 0%,#000 75%,rgba(0,0,0,.74) 84%,transparent 100%)!important;
  mask-image:radial-gradient(circle 265px at 50% 47%,#000 0%,#000 75%,rgba(0,0,0,.74) 84%,transparent 100%)!important;
  filter:saturate(1.3) contrast(1.06) drop-shadow(0 0 28px rgba(214,181,255,.38))!important;
}

/* home-navy-polish-v1: refined surface-only adjustments, no fixed-layout changes.
   Keep approved ocean background, original logo, service SVG paths and data intact. */

/* 1 / 4: Quiet thin borders, soft shadows, and two levels of navy glass.
   The utility summary stays marginally darker than the navigation cards. */
#app-shell #home-top .home-summary-v2 .summary-card {
  color:#f4f8ff!important;
  background:linear-gradient(145deg,
    rgba(13,31,53,.83) 0%,
    rgba(12,29,52,.80) 58%,
    rgba(19,43,68,.78) 100%)!important;
  border:1px solid rgba(173,207,230,.14)!important;
  box-shadow:0 8px 22px rgba(3,12,29,.17),inset 0 1px 0 rgba(238,247,255,.065)!important;
  backdrop-filter:blur(16px) saturate(105%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(105%)!important;
}
#app-shell #home-top .service-card,
#app-shell #home-top .service-card[aria-disabled="true"] {
  color:#f4f8ff!important;
  background:linear-gradient(145deg,
    rgba(29,57,80,.79) 0%,
    rgba(22,47,73,.76) 56%,
    rgba(28,55,79,.73) 100%)!important;
  border:1px solid rgba(179,212,234,.17)!important;
  box-shadow:0 9px 22px rgba(3,12,29,.19),inset 0 1px 0 rgba(238,247,255,.075)!important;
  backdrop-filter:blur(16px) saturate(105%)!important;
  -webkit-backdrop-filter:blur(16px) saturate(105%)!important;
  transition:transform 180ms cubic-bezier(.2,.7,.2,1),
             border-color 180ms ease,
             box-shadow 180ms ease!important;
  will-change:auto!important;
}

/* 2: Original 78px service SVGs/colors remain untouched; only the plate recedes. */
#app-shell #home-top .service-card .home-service-icon {
  background:linear-gradient(145deg,
    rgba(31,62,88,.37) 0%,
    rgba(17,40,67,.26) 100%)!important;
  border-color:rgba(176,210,232,.13)!important;
  box-shadow:0 3px 9px rgba(2,12,28,.10),inset 0 1px 0 rgba(250,253,255,.045)!important;
}

/* 3: Clear hierarchy without changing font families, font sizes or wrapping. */
#app-shell #home-top .service-card .service-name,
#app-shell #home-top .home-summary-v2 .summary-assets-value,
#app-shell #home-top .home-summary-v2 .summary-payment-amount,
#app-shell #home-top .home-summary-v2 .summary-goal-line strong,
#app-shell #home-top .home-summary-v2 .summary-calendar-name {
  color:#f3f8ff!important;
}
#app-shell #home-top .home-summary-v2 .summary-title {
  color:#d8e7f3!important;
}
#app-shell #home-top .service-card .service-subtitle,
#app-shell #home-top .home-summary-v2 .summary-assets-caption,
#app-shell #home-top .home-summary-v2 .summary-assets-detail,
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-breakdown-item,
#app-shell #home-top .home-summary-v2 .summary-payment-name,
#app-shell #home-top .home-summary-v2 .summary-payment-detail,
#app-shell #home-top .home-summary-v2 .summary-calendar-time,
#app-shell #home-top .home-summary-v2 .summary-calendar-more,
#app-shell #home-top .home-summary-v2 .summary-goal-amount,
#app-shell #home-top .home-summary-v2 .summary-goal-line span {
  color:#afc7dc!important;
}
#app-shell #home-top .service-card::after,
#app-shell #home-top .home-summary-v2 .summary-chevron {
  color:#b8ccdf!important;
}
/* Retain the existing meaningful goal-progress accent. */
#app-shell #home-top .home-summary-v2 .summary-goal-percent {
  color:#83d9d5!important;
}

/* 5: Only a gentle 2px lift and restrained edge lighting on hover. */
#app-shell #home-top .service-card:hover {
  transform:translateY(-2px)!important;
  border-color:rgba(185,223,242,.32)!important;
  box-shadow:0 13px 26px rgba(3,12,29,.23),inset 0 1px 0 rgba(238,247,255,.095)!important;
}
@media (prefers-reduced-motion:reduce) {
  #app-shell #home-top .service-card,
  #app-shell #home-top .service-card[aria-disabled="true"] {
    transition:none!important;
  }
  #app-shell #home-top .service-card:hover {
    transform:none!important;
  }
}

#app-shell .home-header .home-logo-image {
  filter:drop-shadow(0 1px 3px rgba(27,35,83,.44))!important;
}
#app-shell .home-header .home-logo-image path:nth-of-type(4) {
  fill:#F9FBFF!important;
  fill-opacity:.93!important;
  stroke:#34456E!important;
  stroke-opacity:.88!important;
  stroke-width:11px!important;
  stroke-linejoin:round!important;
  stroke-linecap:round!important;
  paint-order:stroke fill!important;
}
#app-shell #home-top .service-card:focus-visible,
#app-shell #home-top .summary-chevron:focus-visible {
  outline:3px solid #8BEDF0!important;
  outline-offset:3px!important;
}


/* SEIREN reference artwork direct background / 2026-10-12.
   Use the exact full-bleed approved deep-ocean illustration instead of
   a substitute vector background and masked old pearl. The 1920x1080
   stage, original logo, 4 summary cards, 8 services and data are untouched. */
#app-shell {
  background-color:#10203e!important;
  background-image:none!important;
}
#app-shell>.home-background {
  display:block!important;
  position:absolute!important;
  inset:auto!important;
  top:0!important;
  left:0!important;
  width:1920px!important;
  height:1080px!important;
  max-width:none!important;
  opacity:1!important;
  object-fit:cover!important;
  object-position:center center!important;
  image-rendering:auto!important;
  z-index:0!important;
  pointer-events:none!important;
  mix-blend-mode:normal!important;
  filter:none!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
#app-shell .home-shell {z-index:1!important}


/* seiren-editorial-bc-desktop-v1: premium editorial layout with exactly 4 live summaries and 8 services. */
/* Stage stays 1920x1080 with height-based scaling. Original logo, background
   and service glyphs are deliberately unchanged; this is a composition-only redesign. */
#app-shell #home-top {
  top:338px!important;
}

/* B's at-a-glance four columns combined with C's quiet editorial dividers.
   Four existing, live summary articles share ONE continuous surface. */
#app-shell #home-top .summary-panel.home-summary-v2 {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:0!important;
  width:100%!important;
  height:202px!important;
  min-height:202px!important;
  max-height:202px!important;
  margin:0 0 54px!important;
  padding:0!important;
  border:1px solid rgba(160,197,220,.23)!important;
  border-radius:17px!important;
  background:linear-gradient(140deg,rgba(9,27,48,.84),rgba(14,37,62,.78) 56%,rgba(12,31,53,.82))!important;
  box-shadow:0 14px 34px rgba(2,12,28,.21),inset 0 1px 0 rgba(233,244,255,.07)!important;
  backdrop-filter:blur(17px) saturate(106%)!important;
  -webkit-backdrop-filter:blur(17px) saturate(106%)!important;
  overflow:hidden!important;
}
#app-shell #home-top .home-summary-v2 .summary-card {
  display:flex!important;
  flex-direction:column!important;
  justify-content:flex-start!important;
  align-items:stretch!important;
  box-sizing:border-box!important;
  height:200px!important;
  min-height:200px!important;
  max-height:200px!important;
  padding:22px 27px 17px!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  color:#eaf3fd!important;
  overflow:hidden!important;
}
#app-shell #home-top .home-summary-v2 .summary-card:not(:last-child) {
  border-right:1px solid rgba(168,198,224,.17)!important;
}
/* Exact typography comes from existing summary rules; only the visual hierarchy changes. */
#app-shell #home-top .home-summary-v2 .summary-title {
  color:#bccfe1!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-value,
#app-shell #home-top .home-summary-v2 .summary-payment-amount,
#app-shell #home-top .home-summary-v2 .summary-calendar-name,
#app-shell #home-top .home-summary-v2 .summary-goal-line strong {
  color:#f5f8fd!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets-caption,
#app-shell #home-top .home-summary-v2 .summary-payment-name,
#app-shell #home-top .home-summary-v2 .summary-payment-detail,
#app-shell #home-top .home-summary-v2 .summary-assets-detail,
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-breakdown-item,
#app-shell #home-top .home-summary-v2 .summary-calendar-time,
#app-shell #home-top .home-summary-v2 .summary-calendar-more,
#app-shell #home-top .home-summary-v2 .summary-goal-amount,
#app-shell #home-top .home-summary-v2 .summary-goal-line span {
  color:#a7bdcf!important;
}
#app-shell #home-top .home-summary-v2 .summary-chevron {
  color:#9eb8ce!important;
}

/* Four wide navigation surfaces on each of two rows; no extra menu or slogan.
   Thin separators and generous negative space replace bulky glass buttons. */
#app-shell #home-top .service-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:160px!important;
  gap:18px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  padding:22px 0 0!important;
  border:0!important;
  border-top:1px solid rgba(160,197,220,.22)!important;
  background:transparent!important;
  align-items:stretch!important;
}
#app-shell #home-top .service-card,
#app-shell #home-top .service-card[aria-disabled="true"] {
  box-sizing:border-box!important;
  width:100%!important;
  height:160px!important;
  min-height:160px!important;
  max-height:160px!important;
  display:grid!important;
  grid-template-columns:78px minmax(0,1fr) 22px!important;
  grid-template-rows:1fr!important;
  column-gap:14px!important;
  align-items:center!important;
  padding:23px 26px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(166,205,232,.19)!important;
  border-radius:14px!important;
  background:linear-gradient(112deg,rgba(30,60,83,.67),rgba(18,43,67,.58) 58%,rgba(15,36,62,.56))!important;
  box-shadow:0 8px 21px rgba(1,11,27,.14),inset 0 1px 0 rgba(227,242,252,.05)!important;
  backdrop-filter:blur(13px) saturate(103%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(103%)!important;
  transform:none!important;
  transition:transform 180ms cubic-bezier(.2,.7,.2,1),border-color 180ms ease,
             background-color 180ms ease,box-shadow 180ms ease!important;
}
#app-shell #home-top .service-card .home-service-icon {
  /* Reuse the original 8 SVG symbols and their palette without separate plates. */
  display:block!important;
  width:78px!important;
  height:78px!important;
  min-width:78px!important;
  min-height:78px!important;
  max-width:78px!important;
  max-height:78px!important;
  grid-column:1!important;
  grid-row:1!important;
  padding:11px!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  filter:none!important;
  transform:none!important;
}
#app-shell #home-top .service-card .service-copy {
  min-width:0!important;
  grid-column:2!important;
  grid-row:1!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  gap:0!important;
}
#app-shell #home-top .service-card .service-name {
  color:#f1f6fd!important;
  font-size:23px!important;
  font-weight:750!important;
  line-height:1.3!important;
  letter-spacing:-.025em!important;
  white-space:nowrap!important;
}
#app-shell #home-top .service-card .service-subtitle {
  display:none!important;
}
#app-shell #home-top .service-card::after {
  color:#8faeca!important;
  opacity:.82!important;
  font-size:26px!important;
  grid-column:3!important;
  grid-row:1!important;
  transition:transform 180ms ease,color 180ms ease!important;
}
#app-shell #home-top .service-card:hover {
  transform:translateY(-2px)!important;
  border-color:rgba(166,219,241,.44)!important;
  background:linear-gradient(112deg,rgba(37,72,99,.75),rgba(23,53,80,.70) 58%,rgba(19,46,74,.69))!important;
  box-shadow:0 12px 27px rgba(1,11,27,.21),inset 0 1px 0 rgba(230,245,255,.08)!important;
}
#app-shell #home-top .service-card:hover::after {
  transform:translateX(3px)!important;
  color:#d1e8f7!important;
}
@media (prefers-reduced-motion:reduce) {
  #app-shell #home-top .service-card,
  #app-shell #home-top .service-card::after {
    transition:none!important;
  }
  #app-shell #home-top .service-card:hover,
  #app-shell #home-top .service-card:hover::after {
    transform:none!important;
  }
}


/* SEIREN 2026-10-13 Abyss Atelier desktop: left hero + three utility panels + eight art tiles. */
/* A genuinely asymmetric 1920x1080 HOME. Existing data bindings, navigation
   routes, inline original SEIREN SVG and fixed canvas scaling are unchanged.
   The underwater currents and service scenes are decorative, never fabricated data. */
#app-shell {
  background-color:#041225!important;
  background-image:url("/assets/brand/seiren-home-abyss-atmosphere.svg")!important;
  background-repeat:no-repeat!important;
  background-size:1920px 1080px!important;
  background-position:center center!important;
}
#app-shell>.home-background {opacity:0!important;visibility:hidden!important}
#app-shell .home-shell {
  position:absolute!important;
  inset:0 auto auto 64px!important;
  left:64px!important;
  top:0!important;
  width:1792px!important;
  height:1080px!important;
  min-height:1080px!important;
  max-width:none!important;
  padding:0!important;
  margin:0!important;
  display:block!important;
}
#app-shell .home-header {
  position:absolute!important;
  top:12px!important;
  left:0!important;
  width:100%!important;
  height:118px!important;
  min-height:118px!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  z-index:3!important;
}
#app-shell .home-header .home-logo {
  display:block!important;
  width:255px!important;
  max-width:255px!important;
  flex:0 0 255px!important;
  margin:0!important;
  transform:none!important;
}
#app-shell .home-header .home-logo-image {
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:112px!important;
  filter:drop-shadow(0 2px 10px rgba(1,8,20,.45))!important;
}
#app-shell #home-top {
  position:absolute!important;
  top:153px!important;
  left:0!important;
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
}
/* The left hero occupies 59% of the summary width. Three right panels stack. */
#app-shell #home-top .summary-panel.home-summary-v2 {
  display:grid!important;
  grid-template-columns:minmax(0,1.48fr) minmax(0,1fr)!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  grid-template-areas:"assets payment" "assets calendar" "assets goal"!important;
  column-gap:18px!important;
  row-gap:14px!important;
  width:100%!important;
  height:468px!important;
  min-height:468px!important;
  max-height:468px!important;
  margin:0 0 32px!important;
  padding:0!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  overflow:visible!important;
}
#app-shell #home-top .home-summary-v2 .summary-card,
#app-shell #home-top .home-summary-v2 .summary-card:not(:last-child) {
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:22px 29px!important;
  margin:0!important;
  overflow:hidden!important;
  border:1px solid rgba(157,199,225,.31)!important;
  border-radius:16px!important;
  background:linear-gradient(120deg,rgba(8,30,55,.93),rgba(15,46,71,.80))!important;
  color:#f2f7fe!important;
  box-shadow:0 12px 26px rgba(0,8,26,.24),inset 0 1px 0 rgba(212,235,250,.075)!important;
  backdrop-filter:blur(13px) saturate(105%)!important;
  -webkit-backdrop-filter:blur(13px) saturate(105%)!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets {
  grid-area:assets!important;
  padding:42px 52px!important;
  background:
    linear-gradient(100deg,rgba(4,19,38,.80) 0%,rgba(7,25,47,.42) 52%,rgba(11,43,70,.14) 100%),
    url("/assets/brand/seiren-home-assets-current.svg") center center / cover no-repeat!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment{grid-area:payment!important}
#app-shell #home-top .home-summary-v2 .summary-calendar{grid-area:calendar!important}
#app-shell #home-top .home-summary-v2 .summary-goal{grid-area:goal!important}
#app-shell #home-top .home-summary-v2 .summary-card-head {
  position:relative!important;
  width:100%!important;
  min-height:24px!important;
  height:24px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  gap:12px!important;
  align-items:center!important;
  flex:0 0 24px!important;
  margin:0!important;
  padding:0!important;
}
#app-shell #home-top .home-summary-v2 .summary-title {
  color:#c6d8e7!important;
  font-size:17px!important;
  line-height:24px!important;
  font-weight:630!important;
  letter-spacing:-.01em!important;
}
#app-shell #home-top .home-summary-v2 .summary-chevron {
  align-self:center!important;
  justify-self:end!important;
  width:24px!important;
  height:24px!important;
  color:#bed6eb!important;
  line-height:24px!important;
  font-size:25px!important;
  text-decoration:none!important;
  opacity:.83!important;
}
#app-shell #home-top .home-summary-v2 .summary-chevron:hover{color:#8ce2ff!important;opacity:1!important}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-card-head {
  height:36px!important;
  min-height:36px!important;
  flex:0 0 36px!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-title {
  color:#dce9f6!important;
  font-size:23px!important;
  font-weight:540!important;
  line-height:34px!important;
  letter-spacing:.02em!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-main {
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:39px 0 0!important;
  padding:0!important;
  width:100%!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-caption {
  color:#8cb5ce!important;
  font-size:15px!important;
  line-height:20px!important;
  font-weight:570!important;
  letter-spacing:.10em!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-value {
  display:block!important;
  color:#fafcff!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  font-size:58px!important;
  line-height:1.22!important;
  font-weight:720!important;
  letter-spacing:-.045em!important;
  font-variant-numeric:tabular-nums!important;
  text-shadow:0 3px 14px rgba(0,7,23,.28)!important;
  overflow:visible!important;
  white-space:nowrap!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-detail {
  position:relative!important;
  z-index:1!important;
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px 24px!important;
  align-items:center!important;
  margin:38px 0 0!important;
  max-width:73%!important;
  width:73%!important;
  font-size:13px!important;
  line-height:20px!important;
  color:#bbd2e4!important;
  white-space:normal!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-breakdown-item {
  display:block!important;
  color:#bdd4e5!important;
  max-width:100%!important;
  font-size:14px!important;
  line-height:23px!important;
  font-weight:560!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  font-variant-numeric:tabular-nums!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment,
#app-shell #home-top .home-summary-v2 .summary-calendar,
#app-shell #home-top .home-summary-v2 .summary-goal {
  background:linear-gradient(105deg,rgba(9,31,55,.90),rgba(16,48,71,.79) 72%,rgba(8,26,47,.77))!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment:before,
#app-shell #home-top .home-summary-v2 .summary-calendar:before,
#app-shell #home-top .home-summary-v2 .summary-goal:before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  top:-72px!important;
  right:-90px!important;
  width:310px!important;
  height:230px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(57,153,198,.11),transparent 70%)!important;
  pointer-events:none!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-main {
  display:flex!important;
  flex-direction:row!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  column-gap:22px!important;
  row-gap:0!important;
  margin:10px 0 0!important;
  width:100%!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-name {
  width:auto!important;
  max-width:220px!important;
  flex:0 0 auto!important;
  font-size:13px!important;
  line-height:21px!important;
  color:#a9c5da!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-amount {
  width:auto!important;
  max-width:calc(100% - 220px)!important;
  flex:0 1 auto!important;
  font-size:27px!important;
  line-height:34px!important;
  font-weight:700!important;
  color:#f9fbff!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-detail {
  margin:4px 0 0!important;
  font-size:13px!important;
  line-height:20px!important;
  color:#90aec4!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-list {
  margin:8px 0 0!important;
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-row {
  min-height:19px!important;
  height:19px!important;
  grid-template-columns:8px 65px minmax(0,1fr)!important;
  gap:10px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-time {
  color:#87badb!important;
  font-size:12px!important;
  line-height:19px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-name {
  color:#e2edf8!important;
  font-size:13px!important;
  line-height:19px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-more {
  margin:4px 0 0!important;
  color:#86a7c3!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-body{margin:8px 0 0!important}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-line strong{
  color:#eff6ff!important;font-size:20px!important;line-height:26px!important;font-weight:680!important
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-line span,
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-amount{color:#a8c3d6!important}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-progress-row{
  margin:7px 0 0!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-percent{color:#83e6ef!important}
/* Art-forward navigation: only eight original links, now arranged in 4 x 2 */
#app-shell #home-top .service-grid {
  position:relative!important;
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:30px 168px 168px!important;
  grid-auto-rows:168px!important;
  column-gap:16px!important;
  row-gap:14px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
}
#app-shell #home-top .service-grid::before {
  content:"S E R V I C E S"!important;
  display:block!important;
  grid-column:1/-1!important;
  grid-row:1!important;
  width:100%!important;
  height:28px!important;
  border:0!important;
  border-bottom:1px solid rgba(167,205,225,.28)!important;
  color:#cfe3f3!important;
  font-family:inherit!important;
  font-size:14px!important;
  line-height:20px!important;
  letter-spacing:.04em!important;
  font-weight:640!important;
  background:none!important;
  box-shadow:none!important;
}
#app-shell #home-top .service-grid::after {
  content:"08"!important;
  display:block!important;
  position:absolute!important;
  top:0!important;
  right:0!important;
  color:#8faec5!important;
  font-size:13px!important;
  letter-spacing:.20em!important;
  background:transparent!important;
  border:0!important;
  pointer-events:none!important;
}
#app-shell #home-top .service-grid .service-card,
#app-shell #home-top .service-grid .service-card[aria-disabled="true"] {
  position:relative!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  box-sizing:border-box!important;
  height:168px!important;
  min-height:168px!important;
  max-height:168px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0 27px!important;
  overflow:hidden!important;
  border:1px solid rgba(157,206,232,.31)!important;
  border-radius:13px!important;
  background-color:#08223c!important;
  background-image:
    linear-gradient(90deg,rgba(3,17,34,.64) 0%,rgba(3,18,34,.41) 31%,rgba(8,23,41,.035) 74%),
    var(--card-art)!important;
  background-size:cover,cover!important;
  background-position:center center,center center!important;
  background-repeat:no-repeat!important;
  box-shadow:0 8px 22px rgba(0,10,25,.16),inset 0 1px 0 rgba(243,250,255,.06)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
  transform:none!important;
  transition:border-color 180ms ease,transform 180ms ease,box-shadow 180ms ease,filter 180ms ease!important;
}
#app-shell #home-top .service-grid .service-card:nth-of-type(1) {--card-art:url("/assets/brand/seiren-home-tile-stock.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(2) {--card-art:url("/assets/brand/seiren-home-tile-budget.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(3) {--card-art:url("/assets/brand/seiren-home-tile-goals.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(4) {--card-art:url("/assets/brand/seiren-home-tile-calendar.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(5) {--card-art:url("/assets/brand/seiren-home-tile-travel.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(6) {--card-art:url("/assets/brand/seiren-home-tile-wardrobe.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(7) {--card-art:url("/assets/brand/seiren-home-tile-files.svg")}
#app-shell #home-top .service-grid .service-card:nth-of-type(8) {--card-art:url("/assets/brand/seiren-home-tile-game.svg")}
/* The custom vector illustration replaces the isolated icon plate visually.
   Keep the original sprite/link in the document for safe fallback and tests. */
#app-shell #home-top .service-card .home-service-icon {
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  height:1px!important;
  width:1px!important;
  min-height:1px!important;
  min-width:1px!important;
  max-height:1px!important;
  max-width:1px!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  opacity:0!important;
  pointer-events:none!important;
  box-shadow:none!important;
}
#app-shell #home-top .service-grid .service-card .service-copy {
  position:relative!important;
  z-index:1!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:center!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  text-align:left!important;
}
#app-shell #home-top .service-grid .service-card .service-name {
  color:#f9fbff!important;
  font-size:27px!important;
  line-height:1.2!important;
  font-weight:660!important;
  letter-spacing:-.04em!important;
  text-shadow:0 2px 12px rgba(0,8,21,.6)!important;
}
#app-shell #home-top .service-grid .service-card .service-subtitle{display:none!important}
#app-shell #home-top .service-grid .service-card::after {
  content:"↗"!important;
  display:flex!important;
  position:absolute!important;
  right:19px!important;
  bottom:17px!important;
  left:auto!important;
  top:auto!important;
  width:29px!important;
  height:29px!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid rgba(175,218,242,.47)!important;
  border-radius:50%!important;
  background:rgba(4,23,45,.34)!important;
  color:#d9f2ff!important;
  font-size:17px!important;
  line-height:29px!important;
  box-shadow:0 2px 12px rgba(1,11,24,.12)!important;
  opacity:1!important;
  transform:none!important;
  transition:background-color 180ms ease,border-color 180ms ease!important;
}
#app-shell #home-top .service-grid .service-card:hover {
  transform:translateY(-3px)!important;
  filter:brightness(1.08)!important;
  border-color:rgba(182,231,253,.66)!important;
  box-shadow:0 16px 30px rgba(0,8,23,.30),inset 0 1px 0 rgba(237,250,255,.11)!important;
}
#app-shell #home-top .service-grid .service-card:hover::after{
  transform:none!important;
  border-color:rgba(218,243,255,.74)!important;
  background:rgba(33,91,117,.44)!important;
}
#app-shell #home-top .service-grid .service-card:focus-visible,
#app-shell #home-top .home-summary-v2 .summary-chevron:focus-visible {
  outline:3px solid #8fe6fa!important;
  outline-offset:4px!important;
}
@media (prefers-reduced-motion:reduce){
  #app-shell #home-top .service-grid .service-card,
  #app-shell #home-top .service-grid .service-card::after{transition:none!important}
  #app-shell #home-top .service-grid .service-card:hover{transform:none!important}
}
/* End SEIREN Abyss Atelier home redesign. */


/* SEIREN reference faithful desktop v1 - photographic crops from approved mockup. */
/* Replaces the previous loosely inspired vector artwork with sanitized image
   crops FROM the approved reference. No example currencies, dates or labels are
   embedded in the image assets. All summary IDs remain live API-backed values. */
#app-shell {
  background-color:#041326!important;
  background-image:
    linear-gradient(180deg,rgba(1,13,29,.16),rgba(1,10,26,.12)),
    url("/assets/brand/seiren-home-reference-background.webp")!important;
  background-size:cover,1920px 1080px!important;
  background-position:center center!important;
  background-repeat:no-repeat!important;
}
#app-shell>.home-background {display:none!important;opacity:0!important}
#app-shell .home-shell {
  inset:0 auto auto 62px!important;
  top:0!important;left:62px!important;
  width:1772px!important;height:1080px!important;
  min-height:1080px!important;max-height:1080px!important;
  display:block!important;margin:0!important;padding:0!important;
}
#app-shell .home-header {
  top:0!important;left:0!important;
  height:103px!important;min-height:103px!important;
  width:100%!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  margin:0!important;padding:0!important;
}
#app-shell .home-header .home-logo {
  width:275px!important;max-width:275px!important;
  flex:0 0 275px!important;
  margin:0!important;padding:0!important;
}
#app-shell .home-header .home-logo-image {
  width:100%!important;max-height:103px!important;
  height:auto!important;
  filter:drop-shadow(0 2px 5px rgba(0,0,10,.3))!important;
}
#app-shell #home-top {
  top:100px!important;left:0!important;
  width:100%!important;height:auto!important;
  margin:0!important;padding:0!important;
}
#app-shell #home-top .summary-panel.home-summary-v2 {
  display:grid!important;
  grid-template-columns:minmax(0,2.0fr) minmax(0,1fr)!important;
  grid-template-rows:repeat(3,minmax(0,1fr))!important;
  grid-template-areas:"assets payment" "assets calendar" "assets goal"!important;
  column-gap:18px!important;
  row-gap:14px!important;
  width:100%!important;
  height:494px!important;min-height:494px!important;max-height:494px!important;
  margin:0 0 24px!important;
  padding:0!important;
  border:0!important;background:none!important;box-shadow:none!important;
  overflow:visible!important;
}
#app-shell #home-top .home-summary-v2 .summary-card,
#app-shell #home-top .home-summary-v2 .summary-card:not(:last-child) {
  box-sizing:border-box!important;
  width:100%!important;height:100%!important;
  min-height:0!important;max-height:none!important;
  margin:0!important;padding:20px 30px!important;
  border:1px solid rgba(155,195,226,.45)!important;
  border-radius:15px!important;
  color:#edf5ff!important;
  background:linear-gradient(110deg,rgba(5,23,43,.94),rgba(12,37,63,.88))!important;
  box-shadow:0 7px 23px rgba(0,8,24,.22),inset 0 1px 0 rgba(242,248,255,.085)!important;
  overflow:hidden!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets {
  grid-area:assets!important;
  padding:58px 60px 38px!important;
  background-image:
    linear-gradient(100deg,rgba(2,16,34,.2),rgba(4,20,40,.02) 70%),
    url("/assets/brand/seiren-home-reference-hero.webp")!important;
  background-size:cover,100% 100%!important;
  background-repeat:no-repeat!important;
  background-position:center center!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment {grid-area:payment!important}
#app-shell #home-top .home-summary-v2 .summary-calendar {grid-area:calendar!important}
#app-shell #home-top .home-summary-v2 .summary-goal {grid-area:goal!important}
#app-shell #home-top .home-summary-v2 .summary-payment,
#app-shell #home-top .home-summary-v2 .summary-calendar,
#app-shell #home-top .home-summary-v2 .summary-goal {
  background:linear-gradient(118deg,rgba(3,21,41,.96) 0%,rgba(10,37,62,.92) 65%,rgba(13,43,66,.79) 100%)!important;
}
#app-shell #home-top .home-summary-v2 .summary-card-head {
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 22px!important;
  align-items:center!important;
  flex:0 0 26px!important;
  width:100%!important;height:26px!important;min-height:26px!important;
  padding:0!important;margin:0!important;gap:12px!important;
}
#app-shell #home-top .home-summary-v2 .summary-title {
  font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;
  font-size:19px!important;line-height:26px!important;
  font-weight:520!important;letter-spacing:-.025em!important;
  color:#e8f2ff!important;
}
#app-shell #home-top .home-summary-v2 .summary-chevron{
  color:#91b6d1!important;opacity:.78!important;font-size:25px!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-card-head {
  flex:0 0 34px!important;
  height:34px!important;min-height:34px!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-title{
  font-size:25px!important;line-height:34px!important;
  color:#ebf3fb!important;font-weight:500!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-main{
  display:flex!important;flex-direction:column!important;
  margin:37px 0 0!important;gap:7px!important;padding:0!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-caption{
  font-size:14px!important;line-height:22px!important;
  letter-spacing:.04em!important;
  color:#b5d3e7!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-value{
  display:block!important;width:100%!important;min-width:0!important;
  font-size:66px!important;line-height:1.18!important;
  font-weight:650!important;
  font-family:Georgia,"Noto Serif KR",serif!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  letter-spacing:-.045em!important;
  color:#faffff!important;
  white-space:nowrap!important;
  overflow:hidden!important;text-overflow:clip!important;
  text-shadow:0 3px 12px rgba(0,13,32,.42)!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-detail{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:6px 16px!important;
  margin:40px 0 0!important;
  padding:0!important;
  width:66%!important;max-width:66%!important;
  overflow:visible!important;
  color:#bcd5e8!important;
}
#app-shell #home-top .home-summary-v2 .summary-assets .summary-assets-breakdown-item{
  color:#afcfe3!important;
  font-size:13px!important;
  line-height:23px!important;
  font-weight:580!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-main{
  display:flex!important;flex-direction:row!important;flex-wrap:wrap!important;
  align-items:baseline!important;
  margin:11px 0 0!important;column-gap:15px!important;row-gap:2px!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-name{
  width:auto!important;max-width:220px!important;
  font-size:13px!important;line-height:18px!important;color:#c2d5e5!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-amount{
  width:auto!important;max-width:calc(100% - 170px)!important;
  font-family:Georgia,"Noto Serif KR",serif!important;
  font-size:30px!important;line-height:39px!important;
  font-weight:550!important;letter-spacing:-.03em!important;
  color:#ffffff!important;
}
#app-shell #home-top .home-summary-v2 .summary-payment .summary-payment-detail{
  margin:2px 0 0!important;
  font-size:12px!important;color:#9dbcd0!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-list{
  margin:11px 0 0!important;gap:4px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-row{
  grid-template-columns:8px 56px minmax(0,1fr)!important;
  min-height:20px!important;gap:8px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-name{
  color:#e5eefb!important;font-size:13px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-time{
  color:#a6c4d9!important;font-size:12px!important;
}
#app-shell #home-top .home-summary-v2 .summary-calendar .summary-calendar-more{
  margin:4px 0 0!important;color:#9ebbd1!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-body{
  margin:11px 0 0!important;max-width:67%!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-line strong{
  font-size:20px!important;line-height:26px!important;
  font-family:Georgia,"Noto Serif KR",serif!important;
  font-weight:600!important;color:#f6f9ff!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-line span,
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-amount{
  color:#a9c1d5!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-progress-row{
  margin:6px 0 0!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal .summary-goal-percent{
  color:#b6e9ef!important;
}
/* Ring uses the REAL goal progress updated by portal-services.js; no fictional 68%. */
#app-shell #home-top .home-summary-v2 .summary-goal::before {
  content:""!important;display:block!important;
  position:absolute!important;
  top:30px!important;right:96px!important;left:auto!important;bottom:auto!important;
  width:87px!important;height:87px!important;border-radius:50%!important;
  background:conic-gradient(#f3dbaa var(--home-goal-ring,0%),rgba(158,187,211,.22) 0)!important;
  box-shadow:0 0 18px rgba(245,199,135,.085)!important;
  pointer-events:none!important;
}
#app-shell #home-top .home-summary-v2 .summary-goal::after {
  content:""!important;display:block!important;
  position:absolute!important;
  top:41px!important;right:107px!important;left:auto!important;bottom:auto!important;
  width:65px!important;height:65px!important;
  border-radius:50%!important;
  background:#071c34!important;
  box-shadow:inset 0 0 13px rgba(13,43,69,.6)!important;
  pointer-events:none!important;
}
/* Exact eight original links, two rows of four illustrated photographic cards. */
#app-shell #home-top .service-grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-template-rows:14px 165px 165px!important;
  grid-auto-rows:165px!important;
  gap:10px 16px!important;
  width:100%!important;margin:0!important;padding:0!important;
  border:0!important;background:transparent!important;
}
#app-shell #home-top .service-grid::before{
  content:"S E R V I C E S"!important;
  display:block!important;
  grid-column:1/-1!important;grid-row:1!important;
  width:100%!important;height:14px!important;
  border:0!important;
  border-bottom:1px solid rgba(149,195,228,.40)!important;
  background:transparent!important;box-shadow:none!important;
  color:#c6ddeb!important;
  font-size:12px!important;line-height:14px!important;
  font-weight:500!important;letter-spacing:.08em!important;
}
#app-shell #home-top .service-grid::after{
  content:"08"!important;
  position:absolute!important;right:0!important;top:-4px!important;
  color:#b5cee1!important;
  font-size:13px!important;line-height:16px!important;
  letter-spacing:.13em!important;
}
#app-shell #home-top .service-grid .service-card,
#app-shell #home-top .service-grid .service-card[aria-disabled="true"] {
  display:flex!important;
  align-items:center!important;justify-content:flex-start!important;
  width:100%!important;height:165px!important;
  min-height:165px!important;max-height:165px!important;
  box-sizing:border-box!important;
  position:relative!important;
  padding:0 30px!important;margin:0!important;
  border:1px solid rgba(149,199,228,.50)!important;
  border-radius:13px!important;
  background-color:#041d37!important;
  background-image:var(--reference-tile)!important;
  background-repeat:no-repeat!important;
  background-size:100% 100%!important;
  background-position:center center!important;
  box-shadow:0 8px 23px rgba(0,8,24,.19)!important;
  overflow:hidden!important;
  transform:none!important;
  transition:transform 190ms ease,filter 190ms ease,border-color 190ms ease!important;
}
#app-shell #home-top .service-grid .service-card:nth-of-type(1){--reference-tile:url("/assets/brand/seiren-home-reference-tile-stock.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(2){--reference-tile:url("/assets/brand/seiren-home-reference-tile-budget.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(3){--reference-tile:url("/assets/brand/seiren-home-reference-tile-goals.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(4){--reference-tile:url("/assets/brand/seiren-home-reference-tile-calendar.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(5){--reference-tile:url("/assets/brand/seiren-home-reference-tile-travel.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(6){--reference-tile:url("/assets/brand/seiren-home-reference-tile-wardrobe.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(7){--reference-tile:url("/assets/brand/seiren-home-reference-tile-files.webp")}
#app-shell #home-top .service-grid .service-card:nth-of-type(8){--reference-tile:url("/assets/brand/seiren-home-reference-tile-game.webp")}
#app-shell #home-top .service-grid .service-card .home-service-icon{
  width:1px!important;height:1px!important;
  min-width:1px!important;min-height:1px!important;
  max-width:1px!important;max-height:1px!important;
  opacity:0!important;position:absolute!important;pointer-events:none!important;
}
#app-shell #home-top .service-grid .service-card .service-copy{
  position:relative!important;
  display:flex!important;flex-direction:column!important;
  justify-content:center!important;align-items:flex-start!important;
  margin:0!important;padding:0!important;min-width:0!important;
  text-align:left!important;
}
#app-shell #home-top .service-grid .service-card .service-name {
  font-family:"Noto Serif KR","Nanum Myeongjo",Georgia,serif!important;
  color:#fafcff!important;
  font-size:24px!important;
  font-weight:540!important;
  line-height:1.3!important;
  letter-spacing:-.035em!important;
  text-shadow:0 2px 11px rgba(0,10,25,.54)!important;
}
#app-shell #home-top .service-grid .service-card .service-subtitle{display:none!important}
#app-shell #home-top .service-grid .service-card::before,
#app-shell #home-top .service-grid .service-card::after{
  content:none!important;display:none!important;
}
#app-shell #home-top .service-grid .service-card:hover{
  filter:brightness(1.12) saturate(1.04)!important;
  transform:translateY(-2px)!important;
  border-color:rgba(210,237,255,.76)!important;
}
@media(prefers-reduced-motion:reduce){
  #app-shell #home-top .service-grid .service-card{transition:none!important}
  #app-shell #home-top .service-grid .service-card:hover{transform:none!important}
}