.svc-page { --section-pad-block: var(--space-16); --sec-pad-sm: var(--space-12); }

.svc-h { margin:0 0 var(--space-9); text-align:left; }
.svc-h-title { margin:0; font-family:var(--font-display); font-weight:800;
  font-size:var(--fs-h3); letter-spacing:-0.01em; line-height:1.35; word-break:keep-all; }
.svc-h-sub { margin:var(--space-2) 0 0; max-width:62ch;
  font-size:var(--fs-caption); line-height:1.7; color:var(--gray-500); }
@media (max-width: 767px) {
  .svc-page { --section-pad-block: var(--space-12); --sec-pad-sm: var(--space-10); }
}

#main { --sv-ink:#FAF8F4; --sv-ink-2:#FFFFFF; --sv-fg:#0B1F3A;
        --sv-mute:rgba(11,31,58,.72); --sv-line:rgba(11,31,58,.18);

        --sv-card:#fff; --sv-sub:#F3F5F8; --sv-hair:rgba(11,31,58,.09);
        --sv-r-lg:20px; --sv-r-md:12px;
        --sv-lift:0 30px 70px rgba(0,0,0,.48);
        --sv-lift-sm:0 2px 8px rgba(11,31,58,.07);
        --sv-lift-page:0 1px 2px rgba(11,31,58,.04);

        --sv-lift-hover:0 6px 16px rgba(11,31,58,.13); }

.svc-top { position:relative; min-height:100svh; overflow:hidden;

  --svc-cue-band:106px;
  padding-top:calc(var(--header-height) + var(--space-5)); padding-bottom:var(--svc-cue-band);
  display:flex; flex-direction:column; background:var(--sv-ink); color:var(--sv-fg); }

.svc-bg { position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(120% 80% at 12% 6%, rgba(90,162,255,.16) 0%, transparent 58%),
             radial-gradient(90% 70% at 92% 96%, rgba(90,162,255,.10) 0%, transparent 62%); }

.svc-in { position:relative; flex:0 1 auto; margin-block:auto; display:grid;
  grid-template-columns:minmax(0,0.62fr) minmax(0,1.64fr); gap:var(--space-7); align-items:start; }
.svc-copy { display:flex; flex-direction:column; }
.svc-kicker { margin:0 0 var(--space-4); font-size:var(--fs-nano);
  letter-spacing:.16em; color:var(--sv-mute); }

.svc-h1 { margin:0 0 var(--space-5); font-family:var(--font-display); font-weight:800;
  font-size:clamp(1.5rem,2.4vw,2.375rem); line-height:1.12; letter-spacing:-0.01em;
  word-break:keep-all; }
.svc-lead { margin:0 0 var(--space-6); max-width:30em; font-size:var(--fs-body-sm);
  line-height:1.75; color:var(--sv-mute); }

.svc-top .svc-tabs { display:flex; flex-direction:column; gap:var(--space-2); margin:0; }
.svc-top .svc-tabs button { display:flex; align-items:baseline; justify-content:space-between;
  gap:var(--space-3); width:100%; min-height:var(--btn-h);
  padding:var(--space-2-5) var(--space-4); font:inherit; font-size:var(--fs-body-sm);
  text-align:left; cursor:pointer; color:var(--sv-fg); background:var(--sv-ink-2);
  border:1px solid var(--sv-line); border-radius:var(--radius-md);
  transition:background-color var(--duration-normal), border-color var(--duration-normal); }
.svc-top .svc-tabs button small { font-size:var(--fs-nano); color:var(--sv-mute); }
.svc-top .svc-tabs button[aria-pressed="true"] { background:var(--blue-600);
  border-color:var(--blue-600); color:#fff; }

.svc-top .svc-tabs button[aria-pressed="true"] small { color:rgba(255,255,255,.92); }
@media (hover: hover) {
  .svc-top .svc-tabs button:hover { background:var(--sv-line); }
  .svc-top .svc-tabs button[aria-pressed="true"]:hover { background:var(--color-interactive-hover);
    border-color:var(--color-interactive-hover); }
}
.svc-cue { position:relative; margin:var(--space-7) 0 0; font-size:var(--fs-nano);
  color:var(--sv-mute); }

.svc-top-cta { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3);

  margin:var(--space-3) 0 0; padding-top:var(--space-3);
  border-top:1px solid var(--sv-line); }
.svc-top-cta-note { font-size:var(--fs-small); color:var(--sv-mute); }

.svc-top :focus-visible { outline-color:var(--white); }

.svc-scrollcue { position:absolute; left:50%; bottom:var(--space-5); transform:translateX(-50%);
  width:max-content; max-width:calc(100% - 2rem);
  display:flex; flex-direction:column; align-items:center; gap:var(--space-2); }
.svc-scrollcue span { font-size:var(--fs-nano); letter-spacing:.2em; color:rgba(255,255,255,.6); }
.svc-scrollcue i { display:block; width:2px; height:40px;
  background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,.06));
  animation:svc-scrollcue 2s ease-in-out infinite; }
@keyframes svc-scrollcue {
  0%, 100% { opacity:.32; transform:translateY(-5px) scaleY(.86); }
  50%      { opacity:1;   transform:translateY(5px) scaleY(1); } }

#main .svc-acc-panes { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);
  gap:var(--space-6); align-items:start; }
#main .svc-acc-aside { border-left:1px solid var(--gray-100); padding-left:var(--space-5); }
#main .svc-acc-aside .svc-acc-factors { margin-top:0; }

#main .svc-mosaic { display:grid; grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--space-2); }
@media (max-width:1023px) {
  #main .svc-acc-panes { grid-template-columns:minmax(0,1fr); gap:var(--space-4); }
  #main .svc-acc-aside { border-left:0; padding-left:0;
    border-top:1px solid var(--gray-100); padding-top:var(--space-4); }

  #main .svc-mosaic { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media (max-width:767px) {
  #main .svc-mosaic { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #main .svc-mo-big { grid-column:span 2; grid-row:auto; aspect-ratio: 4 / 3; }
  #main .svc-mo-info { grid-column:span 2; }

  #main .svc-mosaic figure:last-child:nth-child(odd) { grid-column:span 2; aspect-ratio: 16 / 9; }
}

.svc-top .svc-stage { background:var(--sv-card); border:1px solid var(--sv-line);
  border-radius:var(--sv-r-lg); box-shadow:var(--sv-lift); padding:var(--space-3);
  gap:var(--space-3); flex:1 1 auto; }

.svc-top .svc-stage { grid-template-columns:minmax(0,1fr); gap:var(--space-3); }

.svc-top .svc-side { order:-1; position:static; display:flex; flex-wrap:wrap;
  align-items:center; gap:var(--space-2-5); padding:0 0 var(--space-2-5);

  border:0; border-radius:0; background:transparent; }

.svc-top .svc-idn { flex:0 0 148px; min-width:0; display:flex; flex-direction:column;
  gap:var(--space-1); }

.svc-top .svc-side-nm { margin:0; font-size:var(--fs-body); font-weight:600;
  color:var(--gray-600); line-height:1.4; }
.svc-top .svc-idn-guide { display:flex; align-items:center; gap:var(--space-1-5); }
.svc-top .svc-idn-up { flex:none; width:13px; height:13px; stroke:var(--blue-600);
  fill:none; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.svc-top .svc-side-tp { margin:0; font-size:var(--fs-small); line-height:1.5; color:var(--blue-600); }

.svc-top .svc-kpis { flex:1 1 634px; display:grid;
  grid-template-columns:repeat(auto-fit,minmax(206px,1fr)); gap:var(--space-2); }
.svc-top .svc-kpi { display:flex; align-items:center; justify-content:flex-start;
  gap:var(--space-2-5); min-width:0;

  font:inherit; color:inherit; text-align:left; cursor:pointer;
  appearance:none; -webkit-appearance:none;

  position:relative; background:var(--sv-card); border:1px solid var(--svc-chip-line);
  border-radius:var(--sv-r-md); box-shadow:var(--sv-lift-sm);
  padding:var(--space-1-5) var(--space-2-5); }
.svc-top .svc-kpi-ic { flex:none; width:var(--svc-ic); height:var(--svc-ic);
  border-radius:var(--radius-md); background:var(--sv-card); display:flex;
  align-items:center; justify-content:center; box-shadow:var(--sv-lift-sm); }
.svc-top .svc-kpi-ic svg { width:16px; height:16px; stroke:var(--gray-400); fill:none;
  stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
.svc-top .svc-kpi-tx { min-width:0; display:flex; flex-direction:column; }

.svc-top .svc-kpi-goto { position:absolute; top:7px; right:9px; width:13px; height:13px;
  color:var(--blue-600); opacity:.55; transition:opacity var(--duration-fast), transform var(--duration-fast); }
.svc-top .svc-kpi-goto svg { width:13px; height:13px; display:block; stroke:currentColor; fill:none;
  stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
.svc-top .svc-kpi-lab { font-size:var(--svc-lab); line-height:1.2; color:var(--gray-500); }
.svc-top .svc-kpi b { font-size:var(--svc-val); font-weight:600; line-height:1.2;
  color:var(--gray-500); font-variant-numeric:tabular-nums; white-space:nowrap;
  text-align:left; }

.svc-top .svc-kpi b em { font-style:normal; font-size:var(--svc-lab); font-weight:500;
  color:var(--gray-500); }

.svc-top .svc-side.is-on .svc-side-nm { font-weight:700; color:var(--navy-900); }

.svc-top .svc-side.is-on .svc-side-tp:empty { display:none; }
.svc-top .svc-side.is-on .svc-idn-up { display:none; }
.svc-top .svc-side.is-on .svc-side-tp { align-self:flex-start; font-size:var(--svc-lab);
  font-weight:600; background:var(--svc-on); border-radius:var(--radius-full);
  padding:0 var(--space-2); }
.svc-top .svc-side.is-on .svc-kpi { background:var(--svc-on-soft); border-color:var(--svc-chip-line); }
.svc-top .svc-side.is-on .svc-kpi-ic { background:var(--svc-on); }
.svc-top .svc-side.is-on .svc-kpi-ic svg { stroke:var(--blue-600); }
.svc-top .svc-side.is-on .svc-kpi b { color:var(--blue-600); }

.svc-top .svc-kpi:focus-visible { outline:2px solid var(--blue-500); outline-offset:2px; }
@media (hover:hover) {

  .svc-top .svc-side .svc-kpi:hover { transform:translateY(-1px); box-shadow:var(--sv-lift-hover);
    border-color:var(--blue-300); }
  .svc-top .svc-side .svc-kpi:hover .svc-kpi-ic { background:var(--svc-on); }
  .svc-top .svc-side .svc-kpi:hover .svc-kpi-ic svg { stroke:var(--blue-600); stroke-width:1.85; }
  .svc-top .svc-side .svc-kpi:hover .svc-kpi-goto { opacity:1; transform:translate(1.5px,-1.5px); }
  .svc-top .svc-side.is-on .svc-kpi:hover b { color:var(--blue-500); }
}

@media (hover:none) {
  .svc-top .svc-side .svc-kpi:hover { transform:none; }
}

@keyframes svc-kpi-draw { from { stroke-dashoffset:60; } to { stroke-dashoffset:0; } }
.svc-top .svc-side.svc-move .svc-kpi-ic [data-draw] {
  stroke-dasharray:60; animation:svc-kpi-draw .62s var(--ease-out-expo) both; }
.svc-top .svc-plan { border:0; background:transparent; padding:0; }
.svc-top .svc-biz { min-width:0; }

.svc-top .svc-rooms { background:var(--sv-sub); border-radius:var(--sv-r-md);
  padding:var(--space-1-5); }
.svc-top .svc-room { border-color:transparent; box-shadow:var(--sv-lift-sm); }
.svc-top .svc-cross { background:var(--sv-card); box-shadow:var(--sv-lift-sm); }

.svc-top .svc-ctrl { margin-top:0; padding-top:var(--space-2-5);
  border-top:1px solid var(--sv-hair); justify-content:space-between; }

.svc-top .svc-foot { display:flex; flex-wrap:wrap; align-items:baseline;
  justify-content:space-between; gap:var(--space-1) var(--space-4);
  margin-top:var(--space-2-5); padding-top:var(--space-2-5); border-top:1px solid var(--sv-hair); }
.svc-top .svc-foot .svc-legend { margin:0; text-align:left; }
.svc-top .svc-foot .svc-side-hint { margin:0; padding:0; border:0; text-align:right; }

.svc-top .svc-room { padding:var(--space-2) var(--space-3); }
.svc-top .svc-biz { padding:var(--space-1-5) 2px; }

@media (max-width:1024px) {
  .svc-top .svc-kpi b { font-size:var(--fs-body-lg); }

  .svc-top .svc-kpis { grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); }
}

@media (max-width:767px) {
  .svc-top .svc-kpis { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:1023px) {
  .svc-top { min-height:0; padding-top:calc(var(--header-height) + var(--space-5)); }
  .svc-in { grid-template-columns:minmax(0,1fr); gap:var(--space-6); }
  .svc-h1 { text-align:center; font-size:clamp(1.75rem,3.2vw,2rem); }
  .svc-kicker, .svc-lead { text-align:center; margin-inline:auto; }

@media (max-width:767px) {
  .svc-lead { text-align:left; margin-inline:0; }
}
  .br-d { display:none; }
  .svc-top .svc-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .svc-top .svc-tabs button { justify-content:center; text-align:center; }
  .svc-cue { text-align:center; }


  .svc-top .svc-foot { display:block; }
  .svc-top .svc-foot .svc-legend { text-align:center; }
  .svc-top .svc-foot .svc-side-hint { margin-top:var(--space-1-5); text-align:center; }
  .svc-top-cta { justify-content:center; }

  .svc-top { padding-bottom:var(--space-10); }
  .svc-scrollcue { display:none; }
}

@media (max-height:929px) {
  .svc-top { padding-bottom:var(--space-10); }
  .svc-scrollcue { display:none; }
}
@media (max-width:640px) {
  .svc-top .svc-tabs { grid-template-columns:minmax(0,1fr); }

  .svc-top .svc-kpis { grid-template-columns:minmax(0,1fr); }
  .svc-top .svc-kpi-ic { display:none; }

  .svc-top .svc-kpi { min-height:var(--btn-h); }
  .svc-top .svc-kpi-tx { flex:1; flex-direction:row; align-items:baseline;
    justify-content:space-between; gap:var(--space-2); padding-right:var(--space-4); }

  .svc-top .svc-kpi-goto { top:calc(50% - 7px); right:10px; opacity:.8; }
}

#main { --svc-on: #EAF3FC; --svc-on-soft: #F6FAFF; --svc-deep: #EDF1F6; --svc-deep-on: #E0EAF6;
  --svc-flash:#F0F7FF;

  --svc-ic:30px; --svc-val:1.125rem; --svc-lab:12.5px; --svc-chip-line:rgba(49,105,173,.16);

  --fl-w:1180px; }

.svc-tabs { display:flex; flex-wrap:wrap; gap:var(--space-2-5); justify-content:center; margin-bottom:var(--space-7); }
.svc-tabs button { font:inherit; font-size:var(--fs-body-sm); padding:var(--space-2-5) var(--space-5);
  border:1px solid var(--gray-200); border-radius:var(--radius-full); background:var(--white);
  color:var(--navy-900); cursor:pointer;
  transition:border-color var(--duration-normal), background-color var(--duration-normal), color var(--duration-normal); }
.svc-tabs button[aria-pressed="true"] { background:var(--blue-600); border-color:var(--blue-600); color:#fff; }
@media (hover:hover) { .svc-tabs button:hover { border-color:var(--blue-500); } }

.svc-stage { display:grid; grid-template-columns:minmax(0,1fr) 260px; gap:var(--space-4); align-items:start; }

.svc-plan { border:1px solid var(--gray-200); border-radius:var(--radius-lg); background:var(--cream-100);
  padding:var(--space-3-5); }

.svc-rooms { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--space-2-5); }
.svc-room { border:1px solid var(--gray-200); border-radius:var(--radius-md); background:var(--white);
  padding:var(--space-2-5) var(--space-3); transition:border-color var(--duration-normal), background-color var(--duration-normal), box-shadow var(--duration-normal); }
.svc-room:last-child { grid-column:1/3; }
.svc-room.is-lit { border-color:var(--blue-500); background:var(--svc-on-soft); }
.svc-room-t { font-size:var(--fs-nano); color:var(--gray-500); margin-bottom:var(--space-2); }

.svc-room-b { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-1); }

.svc-cross { margin-top:var(--space-2-5); border:1px dashed var(--gray-300); border-radius:var(--radius-md);
  background:var(--white); padding:var(--space-2-5) var(--space-3);
  transition:border-color var(--duration-normal), background-color var(--duration-normal), box-shadow var(--duration-normal); }
.svc-cross.is-lit { border-color:var(--blue-500); background:var(--svc-on-soft); }

.svc-cross .svc-room-b { grid-template-columns:repeat(4,minmax(0,1fr)); }
.svc-cross .svc-room-b > :last-child { grid-column:span 2; }

.svc-biz { display:flex; flex-direction:column; align-items:center; gap:var(--space-1); padding:var(--space-2) 2px;
  border-radius:var(--radius-sm); color:var(--gray-500); cursor:default;

  transition:color var(--duration-normal) var(--ease-out-expo), opacity var(--duration-normal) var(--ease-out-expo), background-color var(--duration-normal) var(--ease-out-expo), transform var(--duration-normal) var(--ease-out-expo); }
.svc-biz svg { width:18px; height:18px; flex:none; stroke:currentColor; fill:none; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round; }
.svc-biz span { font-size:var(--fs-small); line-height:1.15; text-align:center; }
.svc-biz.is-on { color:var(--blue-600); opacity:1; background:var(--svc-on); transform:translateY(-2px); }

.svc-biz.is-deep:not(.is-on) { opacity:.5; outline:1px dashed var(--rule); outline-offset:-3px; }

body.svc-inside .svc-biz.is-deep { opacity:1; color:var(--navy-600); background:var(--svc-deep);
  outline:1px dashed var(--blue-300); outline-offset:-3px; }
body.svc-inside .svc-biz.is-on.is-deep { color:var(--blue-600); background:var(--svc-deep-on); }
body.svc-inside .svc-biz:not(.is-deep) { opacity:.22; }

.svc-side { border:1px solid var(--gray-200); border-radius:var(--radius-lg); background:var(--white);
  padding:var(--space-4); position:sticky; top:80px; }
@media (max-width:1023px) { .svc-side { position:static; } }
.svc-side-nm { font-size:var(--fs-body); font-weight:600; color:var(--navy-900); margin:0 0 var(--space-1); }
.svc-side-tp { font-size:var(--fs-nano); color:var(--gray-500); margin:0 0 var(--space-3-5); }
.svc-kpi { display:flex; justify-content:space-between; align-items:baseline; gap:var(--space-3);
  padding:var(--space-2) 0; border-top:1px solid var(--gray-100); font-size:var(--fs-small); color:var(--gray-600); }
.svc-kpi b { font-size:var(--fs-body-sm); font-weight:600; color:var(--blue-600); text-align:right; }
.svc-side-hint { font-size:var(--fs-nano); line-height:1.7; color:var(--gray-500);
  margin:var(--space-3-5) 0 0; padding-top:var(--space-3); border-top:1px solid var(--gray-100); }

.svc-ctrl { display:flex; flex-wrap:wrap; gap:var(--space-3-5); align-items:center; margin-top:var(--space-3-5); }

.svc-ctrl label { font-size:var(--fs-small); color:var(--gray-600); display:flex; align-items:center;
  gap:var(--space-1-5); cursor:pointer;
  min-height:44px;    }
.svc-count { font-size:var(--fs-small); color:var(--gray-500); margin-left:auto; }
.svc-count b { color:var(--navy-900); }

.svc-legend { margin:var(--space-3) 0 0; font-size:var(--fs-nano); color:var(--gray-500); text-align:center; }

@keyframes svc-hit {

  0%   { color:var(--ink); background:var(--svc-on-soft); transform:none;
         box-shadow:inset 0 -2px 0 var(--blue-600); }
  55%  { color:var(--ink); background:var(--svc-on-soft); transform:none;
         box-shadow:inset 0 -2px 0 var(--blue-600); animation-timing-function:steps(1, end); }

  100% { color:var(--ink); background:transparent; transform:none; box-shadow:none; }
}
.svc-biz.is-hit { animation:svc-hit .40s cubic-bezier(.16,1,.3,1) both; position:relative; z-index:2; }
.svc-room.is-flash, .svc-cross.is-flash {
  border-color:var(--blue-500); background:var(--svc-flash); box-shadow:inset 3px 0 0 var(--blue-500); }

.svc-cmp-wrap { margin-top:var(--space-9); }
.svc-cmp-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:var(--space-4); }
.svc-cmp-card { display:flex; flex-direction:column; gap:var(--space-3);
  background:var(--sv-card); border:1px solid var(--gray-200); border-radius:var(--sv-r-md);
  padding:var(--space-5) var(--space-4-5); box-shadow:var(--sv-lift-page);
  transition:border-color var(--duration-normal), background-color var(--duration-normal); }
.svc-cmp-card.is-pick { border-color:var(--blue-500); background:var(--svc-on-soft); }
.svc-cmp-name { margin:0; font-size:var(--fs-body-lg); font-weight:700; color:var(--navy-900); }
.svc-cmp-name a { display:inline-flex; align-items:center; min-height:44px;
  color:inherit; text-decoration:none; }
@media (hover:hover) { .svc-cmp-name a:hover { color:var(--blue-600); text-decoration:underline; } }

.svc-cmp-short { margin:0; min-height:3.4em; font-size:var(--fs-caption); line-height:1.7;
  color:var(--gray-600); display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden; }
.svc-cmp-price { display:flex; align-items:baseline; gap:var(--space-1-5); margin:0; }
.svc-cmp-price b { font-family:var(--font-display); font-size:var(--fs-xl); font-weight:700;
  letter-spacing:-0.01em; color:var(--navy-900); font-variant-numeric:tabular-nums; }
.svc-cmp-price small { font-size:var(--fs-small); color:var(--gray-500); }
.svc-cmp-metric { display:grid; gap:var(--space-1-5); }
.svc-cmp-mk { display:flex; justify-content:space-between; align-items:baseline;
  gap:var(--space-2); font-size:var(--fs-small); color:var(--gray-500); }
.svc-cmp-mk b { font-weight:600; color:var(--navy-900); font-variant-numeric:tabular-nums; }

.svc-cmp-track { position:relative; height:6px; border-radius:var(--radius-full);
  background:var(--gray-100); overflow:hidden; }
.svc-cmp-track i { --x:0; --w:0; position:absolute; top:0; bottom:0;
  left:var(--x); width:var(--w); border-radius:inherit; background:var(--blue-500); }
.svc-cmp-inc { display:flex; flex-wrap:wrap; gap:var(--space-1-5); margin:auto 0 0;
  padding:0; list-style:none; }
.svc-cmp-inc li { padding:var(--space-1) var(--space-2); border:1px solid var(--gray-200);
  border-radius:var(--radius-sm); background:var(--gray-50);
  font-size:var(--fs-nano); color:var(--gray-600); }
.svc-cmp-note { margin:var(--space-4) 0 0; font-size:var(--fs-caption); line-height:1.7;
  color:var(--gray-500); }
@media (max-width:1023px) {
  .svc-cmp-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }

  .svc-cmp-short { min-height:0; }
}
@media (max-width:767px) {
  .svc-cmp-grid { grid-template-columns:minmax(0,1fr); }
  .svc-cmp-card { padding:var(--space-4-5) var(--space-4); }
  .svc-cmp-short { min-height:0; -webkit-line-clamp:3; }
}

.svc-calc { margin-top:var(--space-9); padding:var(--space-5) var(--space-5) var(--space-6);
  background:var(--sv-card); border:1px solid var(--gray-200);
  border-radius:var(--sv-r-md); box-shadow:var(--sv-lift-page); }
.svc-calc-top { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-3) var(--space-6);
  padding-bottom:var(--space-4); border-bottom:1px solid var(--gray-100); }
.svc-calc-area { display:flex; align-items:center; gap:var(--space-3); flex:1 1 320px; }
.svc-calc-area label { flex:none; font-size:var(--fs-small); color:var(--gray-500); }

.svc-calc-area input[type="range"] { flex:1; min-width:120px; height:44px; margin:0;
  background:transparent; cursor:pointer; -webkit-appearance:none; appearance:none; }

.svc-calc-area input[type="range"]::-webkit-slider-runnable-track {
  height:6px; border-radius:var(--radius-full); background:var(--gray-200); }
.svc-calc-area input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance:none; width:20px; height:20px; margin-top:-7px; border-radius:50%;
  background:var(--blue-600); border:2px solid var(--white); box-shadow:var(--sv-lift-sm); }
.svc-calc-area input[type="range"]::-moz-range-track {
  height:6px; border-radius:var(--radius-full); background:var(--gray-200); }
.svc-calc-area input[type="range"]::-moz-range-thumb {
  width:16px; height:16px; border-radius:50%; background:var(--blue-600);
  border:2px solid var(--white); box-shadow:var(--sv-lift-sm); }
.svc-calc-area output { flex:none; min-width:4.5em; text-align:right; font-family:var(--font-display);
  font-size:var(--fs-h4); font-weight:700; color:var(--navy-900); font-variant-numeric:tabular-nums; }
.svc-calc-tip { flex:1 1 100%; margin:0; font-size:var(--fs-caption); line-height:1.7;
  color:var(--gray-500); }
.svc-calc-rows { margin-top:var(--space-2); }
.svc-calc-row { display:grid; grid-template-columns:104px minmax(0,1fr) 152px;
  align-items:center; gap:var(--space-3); width:100%; padding:var(--space-2) var(--space-3);
  border:1px solid transparent; border-radius:var(--radius-md); background:none;
  font:inherit; text-align:left; color:inherit; cursor:pointer; }
@media (hover:hover) { .svc-calc-row:hover { background:var(--gray-50); } }
.svc-calc-row.is-on { border-color:var(--blue-500); background:var(--svc-on-soft); }
.svc-calc-row:focus-visible { outline:2px solid var(--blue-600); outline-offset:2px; }
.svc-calc-name { font-size:var(--fs-body-sm); font-weight:600; color:var(--navy-900); }
.svc-calc-bar { position:relative; height:8px; border-radius:var(--radius-full);
  background:var(--gray-100); overflow:hidden; }

.svc-calc-bar i { --x:0; --w:0; position:absolute; top:0; bottom:0; left:var(--x); width:var(--w); }
.svc-calc-bar i.lo { background:var(--blue-300); }
.svc-calc-bar i.hi { background:var(--blue-500); }

.svc-calc-tot { display:flex; flex-direction:column; align-items:flex-end; gap:2px;
  font-variant-numeric:tabular-nums; }
.svc-calc-num { display:flex; align-items:baseline; gap:var(--space-1); }
.svc-calc-tot b { font-size:var(--fs-body-lg); color:var(--navy-900); }
.svc-calc-tot small { font-size:var(--fs-nano); color:var(--gray-500); }
.svc-calc-tot em { font-style:normal; font-size:var(--fs-nano); color:var(--gray-500); }
.svc-calc-detail { margin-top:var(--space-3); padding-top:var(--space-4); border-top:1px solid var(--gray-100); }

.svc-acc-pane { display:none; }
.svc-acc-pane.is-on { display:block; }
@media (max-width:767px) {
  .svc-calc { padding:var(--space-4); }
  .svc-calc-row { grid-template-columns:minmax(0,1fr) auto; row-gap:var(--space-2); }
  .svc-calc-bar { grid-column:1 / -1; order:3; }
  .svc-calc-tot em { display:none; }
}
.svc-acc-meta { display:flex; flex-wrap:wrap; gap:var(--space-3) var(--space-7); padding:var(--space-3-5) 0;
  font-size:var(--fs-small); color:var(--gray-600); }
.svc-acc-meta b { color:var(--blue-600); font-weight:600; }
.svc-acc-row { display:grid; grid-template-columns:96px 74px 1fr; gap:var(--space-1) var(--space-3-5);
  padding:var(--space-3) 0; border-bottom:1px dashed var(--gray-200); font-size:var(--fs-small); }
.svc-acc-row:last-child { border-bottom:0; }
.svc-acc-step { color:var(--navy-600); font-weight:600; }
.svc-acc-dur { color:var(--gray-500); }
.svc-acc-del { color:var(--gray-600); line-height:1.7; }
.svc-acc-factors { margin:var(--space-3) 0 0; padding:0; list-style:none; }
.svc-acc-factors li { display:flex; gap:var(--space-2); font-size:var(--fs-caption); line-height:1.8;
  color:var(--gray-700); margin-bottom:var(--space-1); }
.svc-acc-factors li::before { content:'·'; color:var(--blue-500); font-weight:700; }
.svc-acc-hint { margin:var(--space-3) 0 0; padding-top:var(--space-3); border-top:1px dashed var(--gray-200);
  font-size:var(--fs-small); line-height:1.7; color:var(--gray-500); }
.svc-acc-link { display:inline-block; margin-top:var(--space-3); padding-block:var(--space-2-5);
  font-size:var(--fs-body-sm); font-weight:500; color:var(--color-interactive); text-decoration:none; }
@media (hover:hover) { .svc-acc-link:hover { color:var(--color-interactive-hover); } }

@media (max-width:640px) {
  .svc-acc-row { grid-template-columns:auto minmax(0,1fr); }
  .svc-acc-del { grid-column:1 / -1; }
}

.svc-cases-pane { display:none; }
.svc-cases-pane.is-on { display:block; }

.svc-mosaic figure { margin:0; aspect-ratio: 4 / 3; overflow:hidden;
  border-radius:var(--radius-md); background:var(--gray-100); }
.svc-mosaic img { display:block; width:100%; height:100%; object-fit:cover; }
.svc-mosaic .svc-mo-big { grid-column:span 2; grid-row:span 2; aspect-ratio:auto; }
.svc-mo-big a { display:block; height:100%; }
.svc-mo-info { display:flex; flex-direction:column; gap:var(--space-1-5);
  padding:var(--space-4); overflow:hidden; background:var(--sv-card);
  border:1px solid var(--gray-200); border-radius:var(--radius-md); }
.svc-mo-kick { margin:0; font-size:var(--fs-nano); letter-spacing:.06em; color:var(--blue-600); }
.svc-mo-name { margin:0; font-size:var(--fs-body-lg); font-weight:700; color:var(--navy-900); }
.svc-mo-name b { margin-left:var(--space-1-5); font-size:var(--fs-caption);
  font-weight:600; color:var(--gray-500); }
.svc-mo-brief { margin:0; font-size:var(--fs-caption); line-height:1.7; color:var(--gray-600);
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; }
.svc-mo-link { margin-top:auto; padding-block:var(--space-2); font-size:var(--fs-body-sm);
  font-weight:500; color:var(--color-interactive); text-decoration:none; }
@media (hover:hover) { .svc-mo-link:hover { color:var(--color-interactive-hover); } }
.svc-cases-empty { border:1px dashed var(--gray-300); border-radius:var(--radius-lg);
  padding:var(--space-8) var(--space-6); text-align:center; background:var(--cream-100); }
.svc-cases-empty p { margin:0 0 var(--space-2); font-size:var(--fs-body-sm); color:var(--gray-700); }
.svc-cases-empty small { display:block; font-size:var(--fs-small); color:var(--gray-500); }
.svc-more { display:inline-block; margin-top:var(--space-5); padding-block:var(--space-2-5);
  font-size:var(--fs-body-sm); font-weight:500; color:var(--color-interactive); text-decoration:none; }
@media (hover:hover) { .svc-more:hover { color:var(--color-interactive-hover); } }

.hero--compact .hero-actions { justify-content:flex-start; }
@media (max-width:767px) { .hero--compact .hero-actions { justify-content:center; } }

.svc-supply-bridge { padding:var(--space-16) 0 var(--space-20); }
.svc-supply-card { background:var(--white); border:1px solid var(--gray-200); border-radius:var(--radius-lg);
  padding:var(--space-10) var(--space-8); text-align:center; }
.svc-supply-card h2 { font-size:clamp(1.25rem,2.4vw,1.625rem); font-weight:800; color:var(--navy-900);
  margin:0 0 var(--space-3-5); }
.svc-supply-card p { font-size:var(--fs-body-sm); line-height:1.9; color:var(--gray-700);
  max-width:760px; margin:0 auto; }
.svc-cta { text-align:center; padding:var(--space-16) 0 var(--space-16); }
.svc-cta h2 { font-size:clamp(1.25rem,2.4vw,1.625rem); font-weight:800; color:var(--navy-900); margin:0 0 var(--space-2); }
.svc-cta p { font-size:var(--fs-body-sm); color:var(--gray-700); margin:0 0 var(--space-5); }
.svc-note { font-size:var(--fs-nano); line-height:1.7; color:var(--gray-500); max-width:60ch;
  margin:var(--space-6) 0 0;
  padding-top:var(--space-3-5); border-top:1px solid var(--gray-200); }

@media (max-width:1023px) {
  .svc-stage { grid-template-columns:minmax(0,1fr); }
  .svc-rooms { grid-template-columns:minmax(0,1fr); }
  .svc-room:last-child { grid-column:auto; }
}
@media (max-width:640px) {
  .svc-cross .svc-room-b { grid-template-columns:repeat(4,minmax(0,1fr)); }
}

.svc-flow { --fl-n:6; position:relative; background:var(--cream-100); border-top:1px solid var(--gray-200);


  height:calc(var(--fl-n,6) * 18.75rem + 100svh); }
.fl-pin { position:sticky; top:0; height:100svh; overflow:hidden; display:flex; flex-direction:column;
  padding-top:calc(var(--header-height) + var(--space-6)); padding-bottom:var(--space-5); }
.fl-head { width:100%; max-width:var(--fl-w); margin:0 auto; padding:0 var(--space-5); }

.fl-src { margin:var(--space-1) 0 0; font-size:var(--fs-nano); line-height:1.5; color:var(--gray-500); }
.fl-top { display:flex; align-items:baseline; gap:var(--space-3); flex-wrap:wrap; }
.fl-title { font-family:var(--font-display); font-weight:800; font-size:var(--fs-h3);
  letter-spacing:-0.01em; margin:0; word-break:keep-all; }
.fl-now { font-size:var(--fs-small); color:var(--blue-600); font-weight:600; }

.fl-now i { font-style:normal; color:var(--gray-600); font-weight:400; }
.fl-tabs { display:flex; flex-wrap:wrap; gap:var(--space-2); margin:var(--space-3) 0 var(--space-4); }
.fl-tabs button { font:inherit; font-size:var(--fs-small); min-height:44px; padding:0 var(--space-4);
  border:1px solid var(--gray-200); border-radius:var(--radius-full); background:var(--white);
  color:var(--navy-900); cursor:pointer;
  transition:border-color var(--duration-fast), background-color var(--duration-fast), color var(--duration-fast); }
.fl-tabs button[aria-pressed="true"] { background:var(--blue-600); border-color:var(--blue-600); color:#fff; }
@media (hover:hover) { .fl-tabs button:hover { border-color:var(--blue-500); } }
.fl-bar { height:2px; background:var(--gray-200); border-radius:var(--radius-sm); overflow:hidden; }
.fl-bar i { display:block; height:100%; width:0; background:var(--blue-500); }
.fl-strip { display:flex; gap:var(--space-1); margin-top:var(--space-2); }

.fl-strip b { flex:1; height:3px; background:var(--gray-200); border-radius:var(--radius-sm);
  transition:background-color var(--duration-normal); }
.fl-strip b.on { background:var(--blue-600); }
.fl-view { position:relative; flex:1; display:flex; align-items:center; overflow:hidden; }

.fl-view::before, .fl-view::after { content:''; position:absolute; top:0; bottom:0; width:200px;
  pointer-events:none; z-index:1; }
.fl-view::before { left:0;
  background:linear-gradient(90deg, var(--cream-100) 0%, var(--cream-100) 45%, rgba(250,248,245,0) 100%); }
.fl-view::after { right:0;
  background:linear-gradient(270deg, var(--cream-100) 0%, var(--cream-100) 45%, rgba(250,248,245,0) 100%); }
.fl-rail { display:flex; gap:var(--space-9); align-items:center;
  padding-left:max(var(--space-5), calc((100vw - var(--fl-w)) / 2 + var(--space-5)));
  transition:transform var(--duration-fast) linear; }
.fl-phase { width:min(1036px, calc(100vw - 150px)); flex:none; display:grid;
  grid-template-columns:150px minmax(0,1fr) 340px; gap:var(--space-6); align-items:start;

  opacity:.35; transition:opacity var(--duration-slow); }
.fl-phase.is-on { opacity:1; }

.fl-shot { margin:0; }
.fl-shot img { display:block; width:100%; height:auto; border-radius:var(--radius-md);
  border:1px solid var(--gray-200); background:var(--gray-100); }
.fl-shot figcaption { margin-top:var(--space-2); font-size:var(--fs-nano);
  color:var(--gray-500); line-height:1.5; }

.fl-phase:not(.is-on) .fl-shot { opacity:0; transition:opacity var(--duration-slow); }
.fl-phase.is-off { display:none; }

.fl-no { font-family:var(--font-display); font-size:var(--fs-display); line-height:1;
  font-weight:700; color:var(--blue-500); margin:0 0 var(--space-3); letter-spacing:-0.04em;
  transition:color var(--duration-normal); }
.fl-phase.is-on .fl-no { color:var(--blue-600); }
.fl-name { font-size:var(--fs-h4); font-weight:700; margin:0 0 var(--space-2);
  color:var(--gray-500); transition:color var(--duration-normal); }
.fl-phase.is-on .fl-name { color:var(--navy-900); }
.fl-note { font-size:var(--fs-small); line-height:1.75; color:var(--gray-500);
  margin:0 0 var(--space-3); }
.fl-rooms { font-size:var(--fs-nano); color:var(--blue-600); margin:0;
  padding-top:var(--space-2); border-top:1px solid var(--gray-200); }
.fl-items { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-2-5); }

.fl-items > :only-child { grid-column:1 / -1; }

.fl-phase[data-stage="1"] .fl-items { grid-template-columns:repeat(2,minmax(0,1fr)); }

.fl-phase[data-stage="4"] .fl-items { grid-template-columns:repeat(2,minmax(0,1fr)); }

.fl-phase[data-stage="5"] .fl-items { grid-template-columns:repeat(3,minmax(0,1fr)); }
.fl-it { display:flex; align-items:center; gap:var(--space-2); border:1px solid var(--gray-200);
  border-radius:var(--radius-md); background:var(--white); padding:var(--space-3);
  opacity:.35; transition:opacity var(--duration-slow); }
.fl-phase.is-on .fl-it { opacity:1; }
.fl-it.is-off { display:none; }
.fl-it svg { width:19px; height:19px; flex:none; stroke:var(--blue-600); fill:none; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round; opacity:1; }
.fl-it-tx { display:flex; flex-direction:column; gap:0; min-width:0; }
.fl-it-nm { font-size:var(--fs-small); color:var(--navy-900); white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis; }
.fl-it-rm { font-size:var(--fs-nano); color:var(--gray-500); }
.fl-cue { position:absolute; left:50%; bottom:var(--space-4); transform:translateX(-50%);
  font-size:var(--fs-nano); color:var(--gray-500); letter-spacing:.06em; transition:opacity var(--duration-normal); }
.fl-cue b { color:var(--navy-900); }

@media (max-width:1023px) {
  .svc-flow { height:auto; }
  .fl-pin { position:static; height:auto; padding:var(--space-8) 0; overflow:visible; }
  .fl-view { display:block; overflow:visible; }

  .fl-view::before, .fl-view::after { display:none; }
  .fl-rail { display:block; padding:0 var(--space-5); transform:none !important; transition:none; }
  .fl-phase { display:block; width:auto; margin-bottom:var(--space-8); }
  .fl-phase .fl-side { margin-bottom:var(--space-3); }
  .fl-shot { margin:0 0 var(--space-4); }
  .fl-shot img { width:100%; }
  .fl-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fl-phase[data-stage="5"] .fl-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .fl-no { font-size:var(--fs-xl); margin-bottom:var(--space-1); }
  .fl-it { opacity:1; }
  .fl-cue, .fl-bar, .fl-strip { display:none; }
}

@media (prefers-reduced-motion: reduce) {
  .svc-biz, .svc-room, .svc-cross { transition:none; }

  .svc-biz.is-hit { animation:none; }
  .fl-rail { transition:none; }
  .fl-it, .fl-no, .fl-name, .fl-strip b { transition:none; }
  .svc-top .svc-side.svc-move .svc-kpi-ic [data-draw] { animation:none; stroke-dasharray:none; }

  .svc-scrollcue i { animation:none; opacity:.6; transform:none; }
}

.fl-more { display:none; }

@media (max-width:1023px) {
  .svc-flow .fl-phase.fl-extra { display:none; }
  .svc-flow .fl-rail.fl-open .fl-phase.fl-extra { display:block; }
  .fl-more { display:flex; flex-direction:column; align-items:center; justify-content:center;
    gap:var(--space-1); width:calc(100% - var(--space-5) * 2); min-height:44px;
    margin:0 var(--space-5) var(--space-6); padding:var(--space-3) var(--space-4);
    cursor:pointer; font:inherit; border:1px dashed var(--gray-300);
    border-radius:var(--radius-md); background:transparent; color:var(--blue-600); }
  .fl-more-t { font-size:var(--fs-small); font-weight:700; }
  .fl-more-n { font-size:var(--fs-nano); color:var(--gray-500); }
  .fl-more[aria-expanded="true"] { border-style:solid; }
}

.svc-cmp-card { position: relative; cursor: pointer;
  transition: border-color var(--duration-normal), background-color var(--duration-normal), transform var(--duration-fast) var(--ease-out-quart), box-shadow var(--duration-fast) var(--ease-out-quart); }
.svc-cmp-name a::after { content: ''; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.svc-cmp-card:hover:not(.is-pick) {
  transform: translateY(-2px);
  border-color: color-mix(in srgb, var(--blue-500) 45%, var(--gray-200));
  box-shadow: var(--shadow-md);
}

.svc-cmp-card:has(.svc-cmp-name a:focus-visible) {
  border-color: color-mix(in srgb, var(--blue-500) 45%, var(--gray-200));
  box-shadow: var(--shadow-md);
}
.svc-cmp-name a:focus-visible::after { outline: 2px solid var(--blue-500); outline-offset: 3px; }

.section.svc-calc-sec { padding-block: var(--space-20); }
.svc-calc { padding: var(--space-4) var(--space-5) var(--space-5); }
.svc-calc-row { padding: var(--space-1-5) var(--space-3); }
.svc-acc-meta { padding: var(--space-2) 0; }

@media (min-width: 1200px) {
  .svc-acc-flow { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: var(--space-6); }
  .svc-acc-row { grid-template-columns: 76px 62px minmax(0, 1fr); padding: var(--space-2) 0; }
}

.svc-calc-head { display: grid; gap: var(--space-5); }
.svc-calc-head .svc-calc-top { padding-bottom: 0; border-bottom: 0; }
.svc-calc { margin-top: 0; }
.svc-calc-rows { margin-top: 0; }
@media (min-width: 1024px) {
  .svc-calc-head { grid-template-columns: minmax(0, 1fr) minmax(360px, 460px);
    align-items: end; gap: var(--space-8); margin-bottom: var(--space-5); }
}

#main .svc-calc-row[id] { scroll-margin-top: calc(var(--header-height, 4.5rem) + 12px); }

body[id="top"] {
  --field: #FAF8F4;

  --warm-500: #3169AD;

  --field-raised: #FFFFFF;


  --ink: #0B1F3A;
  --ink-dim: rgba(11, 31, 58, 0.86);
  --ink-mute: rgba(11, 31, 58, 0.72);



  --rule-faint: rgba(11, 31, 58, 0.16);
  --rule: rgba(11, 31, 58, 0.28);
  --rule-strong: rgba(11, 31, 58, 0.40);


  --lift: rgba(11, 31, 58, 0.035);

  --lab-black: "Lab Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --lab-display: var(--lab-black);
}

body[id="top"] .lp-field {
  position: relative;
  isolation: isolate;
  background: var(--field);
  color: var(--ink);
}

body[id="top"] .lp-field::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(to right, rgba(255, 255, 255, 0.062) 0 1px, transparent 1px calc(100% / 12)),
    repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.052) 0 1px, transparent 1px calc(100% / 8));
}

body[id="top"] .lp-field > * { position: relative; z-index: 1; }

body[id="top"] .lp-field .svc-h { position: relative; padding-top: var(--space-6); border-top: 0; }

body[id="top"] .lp-field .svc-h::before {
  content: "";
  position: absolute;
  top: 0; left: 0;
  width: 56px; height: 6px;
  background: var(--warm-500);
}

body[id="top"] .lp-field .svc-h-title {
  font-family: var(--lab-display);
  font-weight: 800;
  font-size: clamp(1.75rem, 3.2vw,2.5rem);
  line-height: 1.2;
  color: var(--ink);
  margin: 0;
}

body[id="top"] .lp-field .svc-h-sub {
  margin-top: var(--space-3-5);
  max-width: 62ch;
  font-size: 15.5px;
  line-height: 1.85;
  color: var(--ink-dim);
}

body[id="top"] .lp-field .btn {
  border-radius: 0;
  border: 0;
  min-height: 48px;
  padding: 0 26px;

  background: var(--ink);
  color: #fff;
  font-family: var(--lab-black);
  font-weight: 700;
  font-size: var(--fs-body-sm);
  letter-spacing: 0.02em;
  box-shadow: none;
  transition: background-color var(--duration-fast) var(--ease-out-quart), color var(--duration-fast) var(--ease-out-quart);
}

body[id="top"] .svc-top.lp-field {
  padding-block: clamp(3.5rem, 5.4vw,4.625rem) 44px;
}

body[id="top"] .svc-top.lp-field .svc-bg { display: none; }

body[id="top"] .svc-top.lp-field .svc-in {
  position: relative;
  grid-template-columns: minmax(0, 1.02fr) minmax(0, 1.5fr);
  gap: clamp(var(--space-9), 3.6vw,3.625rem);
  align-items: stretch;
}

body[id="top"] .svc-top.lp-field .svc-in::before {
  content: "";
  position: absolute;
  inset: -18px -8px;
  pointer-events: none;
  opacity: 0.5;

  background-image:
    linear-gradient(var(--sv-fg), var(--sv-fg)), linear-gradient(var(--sv-fg), var(--sv-fg)),
    linear-gradient(var(--sv-fg), var(--sv-fg)), linear-gradient(var(--sv-fg), var(--sv-fg)),
    linear-gradient(var(--sv-fg), var(--sv-fg)), linear-gradient(var(--sv-fg), var(--sv-fg)),
    linear-gradient(var(--sv-fg), var(--sv-fg)), linear-gradient(var(--sv-fg), var(--sv-fg));
  background-size: 18px 1px, 1px 18px, 18px 1px, 1px 18px, 18px 1px, 1px 18px, 18px 1px, 1px 18px;
  background-position:
    left top, left top, right top, right top,
    left bottom, left bottom, right bottom, right bottom;
  background-repeat: no-repeat;
}

body[id="top"] .svc-top.lp-field .svc-kicker {
  font-size: 11px;
  letter-spacing: 0.42em;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-h1 {
  font-family: var(--lab-display);
  font-weight: 800;
  font-size: clamp(2.125rem, 3.9vw,3.5rem);
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--sv-fg);
  margin: var(--space-5-5) 0 0;
}

body[id="top"] .svc-top.lp-field .svc-lead {
  margin-top: 26px;
  max-width: 23em;
  font-size: var(--fs-body-sm);
  line-height: 1.9;
  color: var(--ink-dim);
}

body[id="top"] .svc-top.lp-field .svc-cue {
  margin-top: var(--space-8);
  font-size: 11px;
  letter-spacing: 0.3em;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-tabs {
  display: flex;
  flex-direction: column;
  counter-reset: scene;
  margin: var(--space-4) 0 0;
  border: 0;
}

body[id="top"] .svc-top.lp-field .svc-tabs button {
  counter-increment: scene;
  position: relative;
  display: flex;
  align-items: baseline;
  gap: var(--space-3-5);
  width: 100%;
  margin: 0;
  padding: 11px var(--space-3) 11px var(--space-4);
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  color: var(--ink-mute);
  font-family: var(--lab-black);
  font-size: var(--fs-body-sm);
  font-weight: 400;
  text-align: left;
  transition: color var(--duration-fast) var(--ease-out-quart);
}

body[id="top"] .svc-top.lp-field .svc-tabs button::before {
  content: counter(scene, decimal-leading-zero);
  flex: none;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.1em;
  color: var(--ink-mute);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-top.lp-field .svc-tabs button::after {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  bottom: 9px;
  width: 3px;
  background: transparent;
}

body[id="top"] .svc-top.lp-field .svc-tabs button small {
  margin-left: auto;
  font-size: 11.5px;
  font-weight: 400;
  letter-spacing: 0.04em;
  color: var(--ink-mute);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-top.lp-field .svc-tabs button:hover { color: var(--ink); background: var(--svc-on-soft); }
body[id="top"] .svc-top.lp-field .svc-tabs button:hover::before { color: var(--ink); }
body[id="top"] .svc-top.lp-field .svc-tabs button[aria-pressed="true"]:hover { background: var(--svc-on); }

body[id="top"] .svc-top.lp-field .svc-tabs button[aria-pressed="true"] {
  background: var(--svc-on);
  color: var(--ink);
  font-weight: 800;
}

body[id="top"] .svc-top.lp-field .svc-tabs button[aria-pressed="true"]::before { color: var(--sv-fg); }
body[id="top"] .svc-top.lp-field .svc-tabs button[aria-pressed="true"]::after { background: var(--warm-500); }
body[id="top"] .svc-top.lp-field .svc-tabs button[aria-pressed="true"] small { color: var(--sv-mute); }

body[id="top"] .svc-top.lp-field .svc-top-cta {
  margin-top: var(--space-8);
  display: flex;
  align-items: center;
  gap: var(--space-4);
}

body[id="top"] .svc-top.lp-field .svc-top-cta-note {
  font-size: 11.5px;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-stage {
  position: relative;

  background: var(--field);
  border: 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  border-left: 4px solid var(--warm-500);
  border-radius: 0;
  box-shadow: none;
  padding: var(--space-3-5) 0 var(--space-3-5) 26px;
}

body[id="top"] .svc-top.lp-field .svc-side {
  position: static;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: var(--space-3);
  order: -1;
  padding: 0 0 var(--space-4);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

body[id="top"] .svc-top.lp-field .svc-idn {
  flex: 0 0 auto;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: var(--space-3);
}

body[id="top"] .svc-top.lp-field .svc-side-nm {
  margin: 0;
  font-family: var(--lab-display);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.15;
      color: var(--sv-fg);
}

body[id="top"] .svc-top.lp-field .svc-idn-guide { display: flex; align-items: center; gap: var(--space-2); }

body[id="top"] .svc-top.lp-field .svc-idn-up {
  width: 13px;
  height: 13px;
  stroke: var(--ink-mute);
  fill: none;
  stroke-width: 2;
}

body[id="top"] .svc-top.lp-field .svc-side-tp {
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
  letter-spacing: 0.1em;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-side.is-on .svc-side-tp {
  align-self: flex-start;
  padding: 2px var(--space-2);
  border: 1px solid var(--rule);
  border-radius: 0;
  background: transparent;
      color: var(--sv-mute);
  font-size: 11px;
  font-weight: 400;
}

body[id="top"] .svc-top.lp-field .svc-side.is-on .svc-side-nm { color: var(--sv-fg); font-weight: 800; }
body[id="top"] .svc-top.lp-field .svc-side.is-on .svc-idn-up { display: none; }

body[id="top"] .svc-top.lp-field .svc-kpis {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  align-items: start;
}

body[id="top"] .svc-top.lp-field .svc-kpi {
  display: flex;
  align-items: flex-start;
  gap: var(--space-3);
  padding: 2px 0 2px var(--space-4-5);
  border: 0;
  border-left: 1px solid var(--rule-faint);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--ink);
  text-align: left;
}

body[id="top"] .svc-top.lp-field .svc-kpi:first-child { border-left: 0; padding-left: 0; }

body[id="top"] .svc-top.lp-field .svc-kpi-ic {
  flex: none;
  width: 15px;
  height: 15px;
  margin-top: var(--space-1);
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;

  opacity: 1;
}

body[id="top"] .svc-top.lp-field .svc-kpi-ic svg {
  stroke: var(--ink-mute);
  fill: none;
  stroke-width: 1.5;
}

body[id="top"] .svc-top.lp-field .svc-kpi-tx { display: flex; flex-direction: column; gap: 3px; }

body[id="top"] .svc-top.lp-field .svc-kpi-lab {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-kpi b {
  font-family: var(--lab-display);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
      color: var(--sv-fg);
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-top.lp-field .svc-kpi small,
body[id="top"] .svc-top.lp-field .svc-kpi em {
  font-size: var(--fs-nano);
  font-weight: 400;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-kpi { position: relative; }

body[id="top"] .svc-top.lp-field .svc-kpi-goto {
  position: absolute;
  top: 1px;
  right: 12px;
  width: 12px;
  height: 12px;
  margin: 0;
  opacity: 0.4;
}
body[id="top"] .svc-top.lp-field .svc-kpi-goto svg { stroke: var(--sv-fg); fill: none; }
body[id="top"] .svc-top.lp-field .svc-kpi:hover { background: transparent; }
body[id="top"] .svc-top.lp-field .svc-kpi:hover .svc-kpi-goto { opacity: 1; transform: translate(1.5px, -1.5px); }

body[id="top"] .svc-top.lp-field .svc-plan {
  border: 0;
  border-top: 2px solid var(--rule-strong);
  background: transparent;
  padding: 0;
}

body[id="top"] .svc-top.lp-field .svc-rooms {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 30px;
  background: transparent;
  padding: 0;
  border-radius: 0;
}

body[id="top"] .svc-top.lp-field .svc-room {
  border: 0;
  border-top: 1px solid var(--rule-faint);
  padding: var(--space-2-5) 0 var(--space-1-5);
}

body[id="top"] .svc-top.lp-field .svc-room:first-child { border-top: 0; }

body[id="top"] .svc-top.lp-field .svc-cross {
  border: 0;
  border-top: 1px solid var(--rule-faint);
}

body[id="top"] .svc-top.lp-field .svc-room-t {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2);
  margin-bottom: var(--space-1-5);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.16em;
  color: var(--ink-dim);
}

.svc-room-meta {
  flex: none;

  font-weight: 400;
  letter-spacing: 0;
  color: var(--ink-mute);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

body[id="top"] .svc-top.lp-field .svc-room-b {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px var(--space-1-5);
}

body[id="top"] .svc-top.lp-field .svc-biz {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  padding: 5px var(--space-1);
  background: transparent;
  border: 0;
  border-radius: 0;

  color: var(--ink-dim);
  font-size: var(--fs-body-sm);
  line-height: 1.35;
  transition: color var(--duration-fast) var(--ease-out-quart);
}

body[id="top"] .svc-top.lp-field .svc-biz svg {
  width: 18px;
  height: 18px;
  stroke: currentColor;
  fill: none;
  opacity: 1;
  stroke-width: 1.5;
}

body[id="top"] .svc-top.lp-field .svc-biz.is-on,
body[id="top"] .svc-top.lp-field .svc-biz.is-off {
  background: transparent;
  box-shadow: none;
  opacity: 1;
  transform: none;
}

body[id="top"] .svc-top.lp-field .svc-biz.is-on { color: var(--ink); font-weight: 600; }
body[id="top"] .svc-top.lp-field .svc-biz.is-off { color: var(--ink-mute); }

body[id="top"] .svc-top.lp-field .svc-cross { padding-top: var(--space-3); margin-top: 0; }

body[id="top"] .svc-top.lp-field .svc-ctrl {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--space-4);
  margin-top: 0;
  padding-top: var(--space-3);
  border-top: 1px solid var(--rule-faint);
}

body[id="top"] .svc-top.lp-field .svc-ctrl label {
  display: inline-flex;
  align-items: center;
  font-size: 12.5px;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-ctrl input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 14px;
  height: 14px;
  min-width: 14px;
  margin: 0 9px 0 0;
  border: 1px solid var(--rule);
  border-radius: 0;
  background: transparent;
  position: relative;
  top: 1px;
  transition: border-color var(--duration-fast) var(--ease-out-quart), background-color var(--duration-fast) var(--ease-out-quart);
}

body[id="top"] .svc-top.lp-field .svc-ctrl input[type="checkbox"]:checked {
  border-color: #fff;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.2 8.6l3.1 3.1L12.8 5' fill='none' stroke='%231e5183' stroke-width='2.6'/%3E%3C/svg%3E");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

body[id="top"] .svc-top.lp-field .svc-count {
  margin-left: auto;
  font-size: 11.5px;
  color: var(--ink-mute);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-top.lp-field .svc-count b {
      color: var(--sv-fg);
  font-weight: 800;
  font-size: var(--fs-small);
}

body[id="top"] .svc-top.lp-field .svc-foot {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0 var(--space-4);
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: 1px solid var(--rule-faint);
}

body[id="top"] .svc-top.lp-field .svc-foot p {
  margin: 0;
  font-size: 11.5px;
  line-height: 1.7;
  letter-spacing: 0.02em;
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field .svc-foot .svc-side-hint {
  padding-left: var(--space-4);
  border-left: 1px solid var(--rule-faint);
  text-align: left;
}

body[id="top"] .svc-cta { padding-block: clamp(var(--space-24), 13vw,9.5rem); text-align: left; }

body[id="top"] .svc-cta .container { position: relative; }

body[id="top"] .svc-cta h2 {
  position: relative;
  font-family: var(--lab-display);
  font-weight: 800;
  font-size: clamp(2.5rem, 8.6vw,6.25rem);
  line-height: 0.96;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0 0 46px;
  max-width: 20ch;
}

body[id="top"] .svc-cta h2::before {
  content: "";
  display: block;
  width: 56px;
  height: 6px;
  margin-bottom: var(--space-10);
  background: var(--warm-500);
}

body[id="top"] .svc-cta p {
  font-size: var(--fs-body-sm);
  line-height: 1.85;
  color: var(--ink-dim);
  margin: 0 0 var(--space-10);
  max-width: 30em;
}

body[id="top"] .svc-cta .btn {
  display: inline-flex;
  align-items: center;
  min-height: 56px;
  padding: 0 34px;
  font-size: var(--fs-body);
}

@media (max-width: 1023px) {
  body[id="top"] .svc-top.lp-field .svc-in {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--space-9);
  }

  body[id="top"] .svc-top.lp-field .svc-kpis { grid-template-columns: minmax(0, 1fr); }
  body[id="top"] .svc-top.lp-field .svc-kpi { border-left: 0; padding-left: 0; border-top: 1px solid var(--rule-faint); padding-top: var(--space-2); margin-top: var(--space-2); }
  body[id="top"] .svc-top.lp-field .svc-kpi:first-child { border-top: 0; margin-top: 0; padding-top: 2px; }
}

@media (max-width: 767px) {
  body[id="top"] .svc-top.lp-field .svc-h1,
  body[id="top"] .svc-top.lp-field .svc-lead,
  body[id="top"] .svc-top.lp-field .svc-kicker,
  body[id="top"] .svc-top.lp-field .svc-cue { text-align: left; }

  body[id="top"] .svc-top.lp-field .svc-in::before { display: none; }
  body[id="top"] .svc-top.lp-field .svc-top-cta { flex-wrap: wrap; row-gap: var(--space-2-5); }
  body[id="top"] .svc-top.lp-field .svc-stage { padding: var(--space-4) 0 var(--space-3-5) var(--space-4-5); }
  body[id="top"] .svc-top.lp-field .svc-rooms { grid-template-columns: minmax(0, 1fr); }
  body[id="top"] .svc-top.lp-field .svc-room-b { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[id="top"] .svc-top.lp-field .svc-side { gap: var(--space-3-5) 0; }
  body[id="top"] .svc-top.lp-field .svc-foot { flex-direction: column; gap: var(--space-1-5); }
  body[id="top"] .svc-top.lp-field .svc-foot .svc-side-hint { padding-left: 0; border-left: 0; }

  body[id="top"] .svc-cta h2 { font-size: clamp(2.125rem, 10.4vw,3.25rem); max-width: 12ch; }
  body[id="top"] .svc-cta h2::before { margin-bottom: var(--space-7); }
}

@media (min-width: 1024px) {
  body[id="top"] .svc-top.lp-field .svc-foot { padding-right: 26px; }
}

body[id="top"] .svc-flow {
  --field: #0B1F3A;
  --field-raised: #122B4A;
  --ink: #fff;
  --ink-dim: rgba(255, 255, 255, 0.90);
  --ink-mute: rgba(255, 255, 255, 0.78);
  --rule-faint: rgba(255, 255, 255, 0.20);
  --rule: rgba(255, 255, 255, 0.38);
  --rule-strong: rgba(255, 255, 255, 0.54);
  --lift: rgba(255, 255, 255, 0.07);
  --sv-ink: #0B1F3A;
  --sv-fg: #fff;
  --sv-mute: rgba(255, 255, 255, 0.78);
  --sv-line: rgba(255, 255, 255, 0.20);
  --warm-500: #A8C8F0;

  border-top: 1px solid rgba(11, 31, 58, .16);
  border-bottom: 1px solid rgba(11, 31, 58, .16);
  background: var(--field);
  color: var(--ink);
  position: relative;
  isolation: isolate;
}

body[id="top"] .svc-flow .fl-pin { isolation: isolate; }

body[id="top"] .svc-flow .fl-pin::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    repeating-linear-gradient(to right, rgba(255, 255, 255, 0.062) 0 1px, transparent 1px calc(100% / 12)),
    repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.052) 0 1px, transparent 1px calc(100% / 8));
}

body[id="top"] .svc-flow .fl-title {
  font-family: var(--lab-display);
  font-weight: 800;
  font-size: clamp(1.75rem, 3vw,2.5rem);
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0;
}

body[id="top"] .svc-flow .fl-top { display: flex; align-items: baseline; gap: var(--space-4-5); flex-wrap: wrap; }

body[id="top"] .svc-flow .fl-now {
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
  font-weight: 400;
}

body[id="top"] .svc-flow .fl-now b { color: var(--ink); font-weight: 800; }

body[id="top"] .svc-flow .fl-now i {
  font-style: normal;
  color: var(--ink-mute);
  letter-spacing: 0.06em;
}

body[id="top"] .svc-flow .fl-src {
  margin: var(--space-2-5) 0 0;
  font-size: 11.5px;
  line-height: 1.6;
  color: var(--ink-mute);
}

body[id="top"] .svc-flow .fl-tabs { display: flex; flex-wrap: wrap; gap: 0 26px; margin: var(--space-5) 0 0; }

body[id="top"] .svc-flow .fl-tabs button {
  position: relative;
  min-height: 0;
  padding: 0 0 9px;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--ink-mute);
  font-family: var(--lab-black);
  font-size: var(--fs-body-sm);
  font-weight: 400;
  transition: color var(--duration-fast) var(--ease-out-quart);
}

body[id="top"] .svc-flow .fl-tabs button::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: transparent;
}

body[id="top"] .svc-flow .fl-tabs button:hover { border: 0; color: var(--ink); }

body[id="top"] .svc-flow .fl-tabs button[aria-pressed="true"] {
  background: transparent;
  border: 0;
  color: var(--ink);
  font-weight: 800;
}

body[id="top"] .svc-flow .fl-tabs button[aria-pressed="true"]::after { background: var(--warm-500); }

body[id="top"] .svc-flow .fl-bar { display: none; }

body[id="top"] .svc-flow .fl-bar { height: 1px; background: var(--rule-faint); border-radius: 0; overflow: hidden; }

body[id="top"] .svc-flow .fl-bar i { background: var(--warm-500); height: 1px; }

body[id="top"] .svc-flow .fl-strip { gap: var(--space-2); margin-top: var(--space-2-5); }

body[id="top"] .svc-flow .fl-strip b {
  height: 1px;
  border-radius: 0;
  background: var(--rule-faint);
}

body[id="top"] .svc-flow .fl-strip b.on { background: #fff; }

body[id="top"] .svc-flow .fl-phase {
  background: var(--field);
  border-top: 0;
  color: var(--ink);
  grid-template-columns: 190px minmax(0, 1fr) 340px;
}

body[id="top"] .svc-flow .fl-view::before {
  background: linear-gradient(90deg, var(--field) 0%, var(--field) 45%, rgba(30, 81, 131, 0) 100%);
}

body[id="top"] .svc-flow .fl-view::after {
  background: linear-gradient(270deg, var(--field) 0%, var(--field) 45%, rgba(30, 81, 131, 0) 100%);
}

body[id="top"] .svc-flow .fl-no {
  font-family: var(--lab-display);
  font-weight: 800;
  font-size: clamp(3.5rem, 6.6vw,5.75rem);
  line-height: 0.9;
  letter-spacing: -0.04em;
  color: rgba(255, 255, 255, 0.20);
  margin: 0 0 var(--space-4-5);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-flow .fl-phase.is-on .fl-no { color: var(--ink); }

body[id="top"] .svc-flow .fl-name {
  font-family: var(--lab-display);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.2;
  color: var(--ink-mute);
  margin: 0 0 var(--space-2-5);
}

body[id="top"] .svc-flow .fl-phase.is-on .fl-name { color: var(--ink); }

body[id="top"] .svc-flow .fl-note {
  font-size: var(--fs-caption);
  line-height: 1.85;
  color: var(--ink-dim);
  margin: 0 0 var(--space-3-5);
}

body[id="top"] .svc-flow .fl-rooms {
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--ink-mute);
  margin: 0;
  padding-top: var(--space-2-5);
  border-top: 1px solid var(--rule-faint);
}

body[id="top"] .svc-flow .fl-items {
  grid-template-columns: minmax(0, 1fr);
  gap: 0;
  align-content: start;
  border-top: 1px solid var(--rule);
  padding-top: 2px;
}

body[id="top"] .svc-flow .fl-phase[data-stage="5"] .fl-items {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 var(--space-7);
}

body[id="top"] .svc-flow .fl-it {
  display: grid;
  grid-template-columns: 17px minmax(0, 1fr) auto;
  align-items: baseline;
  gap: var(--space-2-5);
  border: 0;
  border-bottom: 1px solid var(--rule-faint);
  border-radius: 0;
  background: transparent;
  padding: var(--space-2) 0;
  opacity: 0.5;
}

body[id="top"] .svc-flow .fl-phase.is-on .fl-it { opacity: 1; }

body[id="top"] .svc-flow .fl-it svg {
  width: 17px;
  height: 17px;
  stroke: currentColor;
  opacity: 1;
  stroke-width: 1.5;
}

body[id="top"] .svc-flow .fl-it-nm {
  font-size: var(--fs-body-sm);
  color: var(--ink);
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

body[id="top"] .svc-flow .fl-it-rm {
  font-size: 11px;
  color: var(--ink-mute);
  margin-left: 0;
  text-align: right;
  white-space: nowrap;
}

body[id="top"] .svc-flow .fl-shot { position: relative; margin: 0; }

body[id="top"] .svc-flow .fl-shot img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.06);
}

body[id="top"] .svc-flow .fl-shot::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--warm-500);
  pointer-events: none;
}

body[id="top"] .svc-flow .fl-shot figcaption {
  margin-top: var(--space-2-5);
  font-size: 11px;
  line-height: 1.6;
  color: var(--ink-mute);
  letter-spacing: 0.02em;
}

body[id="top"] .svc-flow .fl-cue { font-size: 11px; letter-spacing: 0.12em; color: var(--ink-mute); }
body[id="top"] .svc-flow .fl-cue b { color: var(--ink); }

body[id="top"] .svc-flow .fl-more {
  border: 1px solid var(--rule);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
}

@media (max-width: 1023px) {
  body[id="top"] .svc-flow .fl-view::before,
  body[id="top"] .svc-flow .fl-view::after { display: none; }

  body[id="top"] .svc-flow .fl-no { font-size: 56px; margin-bottom: var(--space-3); }
  body[id="top"] .svc-flow .fl-shot { margin-bottom: var(--space-4-5); }
}

body[id="top"] .section--tight.lp-field { padding-block: clamp(var(--space-16), 7vw,var(--space-24)); }

body[id="top"] .section--tight .svc-cmp-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-top: var(--space-10);
}

body[id="top"] .section--tight .svc-cmp-card {
  background: transparent;
  border: 0;
  border-left: 1px solid var(--rule-faint);
  border-radius: 0;
  box-shadow: none;
  padding: 0 var(--space-6);
}

body[id="top"] .section--tight .svc-cmp-card:first-child { border-left: 0; padding-left: 0; }

body[id="top"] .section--tight .svc-cmp-card.is-pick {
  background: var(--lift);
  box-shadow: inset 0 3px 0 var(--warm-500);
}

body[id="top"] .section--tight .svc-cmp-name {
  font-family: var(--lab-display);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0 0 var(--space-2-5);
}

body[id="top"] .section--tight .svc-cmp-name a { color: inherit; text-decoration: none; }

body[id="top"] .section--tight .svc-cmp-short {
  font-size: var(--fs-small);
  line-height: 1.7;
  color: var(--ink-dim);
  margin: 0 0 var(--space-4-5);
  min-height: 3.4em;
}

body[id="top"] .section--tight .svc-cmp-price {
  display: flex;
  align-items: baseline;
  gap: var(--space-1-5);
  margin: 0 0 var(--space-4-5);
  padding-top: var(--space-3-5);
  border-top: 1px solid var(--rule);
  color: var(--ink);
}

body[id="top"] .section--tight .svc-cmp-price b {
  font-family: var(--lab-display);
  font-size: 26px;
  font-weight: 800;
  letter-spacing: -0.01em;
  font-variant-numeric: tabular-nums;
}

body[id="top"] .section--tight .svc-cmp-price small { font-size: 11px; color: var(--ink-mute); }

body[id="top"] .section--tight .svc-cmp-metric { margin-bottom: var(--space-3); }

body[id="top"] .section--tight .svc-cmp-mk {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-2-5);
  font-size: 11px;
  letter-spacing: 0.04em;
  color: var(--ink-mute);
}

body[id="top"] .section--tight .svc-cmp-mk b {
  font-size: var(--fs-small);
  font-weight: 700;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .section--tight .svc-cmp-track {
  display: block;
  height: 1px;
  margin-top: var(--space-2);
  background: var(--rule-faint);
  border-radius: 0;
  overflow: visible;
  position: relative;
}

body[id="top"] .section--tight .svc-cmp-track i {
  position: absolute;
  left: 0;
  top: 0;
  height: 1px;
  width: var(--x, 0%);
    background: var(--sv-fg);
}

body[id="top"] .section--tight .svc-cmp-inc {
  list-style: none;
  margin: var(--space-4) 0 0;
  padding: var(--space-3-5) 0 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-1-5);
  border-top: 1px solid var(--rule-faint);
}

body[id="top"] .section--tight .svc-cmp-inc li {
  padding: 3px 7px;
  border: 1px solid var(--rule-faint);
  border-radius: 0;
  background: transparent;
  color: var(--ink-mute);
  font-size: 11px;
  line-height: 1.4;
}

body[id="top"] .section--tight .svc-cmp-note {
  margin-top: var(--space-8);
  padding-top: var(--space-3-5);
  border-top: 1px solid var(--rule-faint);
  font-size: 11.5px;
  line-height: 1.7;
  color: var(--ink-mute);
}

body[id="top"] .svc-supply-bridge.lp-field { padding-block: clamp(3.5rem, 6vw,5.25rem); }

body[id="top"] .svc-supply-bridge .svc-supply-card {
  position: relative;
  text-align: left;
  background: transparent;
  border: 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  border-radius: 0;
  box-shadow: none;
  padding: var(--space-7) 0 var(--space-7) 30px;
}

body[id="top"] .svc-supply-bridge .svc-supply-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--warm-500);
}

body[id="top"] .svc-supply-bridge h2 {
  font-family: var(--lab-display);
  font-size: clamp(1.5rem, 2.6vw,2.125rem);
  font-weight: 800;
  line-height: 1.25;
  letter-spacing: -0.01em;
  color: var(--ink);
  margin: 0 0 var(--space-3-5);
}

body[id="top"] .svc-supply-bridge p {
  max-width: 62em;
  margin: 0 0 var(--space-4-5);
  font-size: 14.5px;
  line-height: 1.85;
  color: var(--ink-dim);
}

body[id="top"] .svc-supply-bridge .svc-more {
  display: inline-flex;
  align-items: center;
  min-height: 0;
  font-size: var(--fs-small);
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  padding-bottom: 3px;
}

body[id="top"] .svc-supply-bridge .svc-more:hover { border-bottom-color: var(--warm-500); }

@media (max-width: 1023px) {
  body[id="top"] .section--tight .svc-cmp-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--space-9); }
  body[id="top"] .section--tight .svc-cmp-card:nth-child(3) { border-left: 0; padding-left: 0; }
}

@media (max-width: 767px) {
  body[id="top"] .section--tight .svc-cmp-grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--space-8); }
  body[id="top"] .section--tight .svc-cmp-card { border-left: 0; padding: 0 0 0 var(--space-4); border-left: 1px solid var(--rule-faint); }
  body[id="top"] .section--tight .svc-cmp-card:first-child { padding-left: var(--space-4); border-left: 1px solid var(--rule-faint); }
  body[id="top"] .section--tight .svc-cmp-short { min-height: 0; }
}

body[id="top"] .lp-field[aria-labelledby="svc-cases-title"] { padding-block: clamp(var(--space-16), 7vw,var(--space-24)); }

body[id="top"] .svc-mosaic {
  gap: 2px;
  margin-top: var(--space-9);
}

body[id="top"] .svc-mosaic figure {
  border-radius: 0;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.05);
  position: relative;
}

body[id="top"] .svc-mosaic img { display: block; }

body[id="top"] .svc-mosaic .svc-mo-big { position: relative; }

body[id="top"] .svc-mosaic .svc-mo-big::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: var(--warm-500);
  pointer-events: none;
}

body[id="top"] .svc-mosaic .svc-mo-info {
  background: var(--cream-100);
  color: #0b1f3a;
  border: 1px solid rgba(11, 31, 58, 0.14);
  border-radius: 0;
  padding: var(--space-5-5) var(--space-5-5) var(--space-4-5);
  gap: var(--space-2-5);
  --ink: #0b1f3a;
  --ink-dim: rgba(11, 31, 58, 0.86);
  --ink-mute: rgba(11, 31, 58, 0.72);
  --rule: rgba(11, 31, 58, 0.28);
  --rule-faint: rgba(11, 31, 58, 0.16);
}

body[id="top"] .svc-mosaic .svc-mo-kick {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.16em;
  color: var(--ink-mute);
}

body[id="top"] .svc-mosaic .svc-mo-name {
  font-family: var(--lab-display);
  font-size: 22px;
  font-weight: 800;
  line-height: 1.25;
  color: var(--ink);
  margin: 0;
}

body[id="top"] .svc-mosaic .svc-mo-name b {
  margin-left: var(--space-2);
  font-size: var(--fs-nano);
  font-weight: 400;
  color: var(--ink-mute);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-mosaic .svc-mo-brief {
  font-size: 12.5px;
  line-height: 1.75;
  color: var(--ink-dim);
  margin: 0;
}

body[id="top"] .svc-mosaic .svc-mo-link {
  margin-top: auto;
  align-self: flex-start;
  font-size: 12.5px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  border-bottom: 1px solid var(--rule);
  padding: 0 0 3px;
  min-height: 0;
}

body[id="top"] .svc-mosaic .svc-mo-link:hover { border-bottom-color: var(--warm-500); }

@media (max-width: 767px) {
  body[id="top"] .svc-mosaic .svc-mo-info { padding: var(--space-4-5) var(--space-4) var(--space-4); }
  body[id="top"] .svc-mosaic .svc-mo-name { font-size: var(--fs-lg); }
}

body[id="top"] .svc-calc-sec{
  --paper: #faf8f4;
  --ink: #0b1f3a;
  --ink-dim: rgba(11, 31, 58, 0.86);
  --ink-mute: rgba(11, 31, 58, 0.72);
  --rule: rgba(11, 31, 58, 0.28);
  --rule-faint: rgba(11, 31, 58, 0.16);
  --rule-strong: rgba(11, 31, 58, 0.40);

  --warm-500: #3169AD;
  background: var(--paper);
  color: var(--ink);
}

body[id="top"] .svc-calc-sec { padding-block: clamp(var(--space-16), 7vw,var(--space-24)); }

body[id="top"] .svc-calc-sec .svc-h{ position: relative; padding-top: var(--space-6); border-top: 0; }

body[id="top"] .svc-calc-sec .svc-h-title{
  font-family: var(--lab-display);
  font-size: clamp(1.75rem, 3.2vw,2.5rem);
  font-weight: 800;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--ink);
  margin: 0;
}

body[id="top"] .svc-calc-sec .svc-h-sub{
  margin-top: var(--space-3);
  font-size: 14.5px;
  line-height: 1.8;
  color: var(--ink-dim);
}

body[id="top"] .svc-calc-area input[type="range"] {
  height: 44px;
  border-radius: 0;
  background: transparent;
}

body[id="top"] .svc-calc-area input[type="range"]::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 0;
  background: var(--rule);
}

body[id="top"] .svc-calc-area input[type="range"]::-webkit-slider-thumb {
  width: 24px;
  height: 24px;
  margin-top: -11px;
  border-radius: 0;
  background: var(--ink);
  border: 0;
  box-shadow: none;
}

body[id="top"] .svc-calc-area input[type="range"]::-moz-range-track {
  height: 2px;
  border-radius: 0;
  background: var(--rule);
}

body[id="top"] .svc-calc-area input[type="range"]::-moz-range-thumb {
  width: 24px;
  height: 24px;
  border-radius: 0;
  background: var(--ink);
  border: 0;
  box-shadow: none;
}

body[id="top"] .svc-calc-area b {
  font-family: var(--lab-display);
  font-size: 26px;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .svc-calc-area small,
body[id="top"] .svc-calc-tip { font-size: 11.5px; color: var(--ink-mute); }

body[id="top"] .svc-calc {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--rule);
  border-bottom: 1px solid var(--rule);
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-top: var(--space-8);
}

body[id="top"] .svc-calc-row {
  background: transparent;
  border: 0;
  border-top: 1px solid var(--rule-faint);
  border-radius: 0;
  box-shadow: none;
  padding: var(--space-4) 0;
}

body[id="top"] .svc-calc-row:first-child { border-top: 0; }

body[id="top"] .svc-calc-row.is-on { background: rgba(11, 31, 58, 0.045); }

body[id="top"] .svc-calc-name {
  font-size: var(--fs-body-sm);
  font-weight: 700;
  color: var(--ink);
  letter-spacing: 0.01em;
}

body[id="top"] .svc-calc-bar {
  height: 2px;
  border-radius: 0;
  background: var(--rule-faint);
}

body[id="top"] .svc-calc-bar .lo,
body[id="top"] .svc-calc-bar .hi {
  border-radius: 0;
  background: var(--ink);
}

body[id="top"] .svc-calc-tot {
  font-size: 11px;
  color: var(--ink-mute);
  letter-spacing: 0.04em;
}

body[id="top"] .svc-calc-num {
  font-family: var(--lab-display);
  font-size: 22px;
  font-weight: 800;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.01em;
}

body[id="top"] .svc-acc-pane { border-top: 1px solid var(--rule-faint); }

body[id="top"] .svc-acc-row {
  border-top: 1px solid var(--rule-faint);
  font-size: 12.5px;
  color: var(--ink-dim);
}

body[id="top"] .svc-acc-step { color: var(--ink); font-weight: 700; }
body[id="top"] .svc-acc-dur,
body[id="top"] .svc-acc-del { color: var(--ink-mute); }

body[id="top"] .svc-acc-meta,
body[id="top"] .svc-acc-hint,
body[id="top"] .svc-acc-factors { font-size: 11.5px; color: var(--ink-mute); }

body[id="top"] .svc-acc-link {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--ink);
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
}

body[id="top"] .service-tags span{
  padding: 3px 7px;
  border: 1px solid var(--rule-faint);
  border-radius: 0;
  background: transparent;
  font-size: 11px;
  color: var(--ink-mute);
}

body[id="top"] .section--tight .svc-cmp-price b { color: var(--ink); }

body[id="top"] .section--tight .svc-cmp-card.is-pick .svc-cmp-mk,
body[id="top"] .section--tight .svc-cmp-card.is-pick .svc-cmp-price small,
body[id="top"] .section--tight .svc-cmp-card.is-pick .svc-cmp-inc li { color: var(--ink-dim); }

body[id="top"] .svc-flow .fl-no { color: rgba(255, 255, 255, 0.52); }

body[id="top"] .lp-field .svc-more {
  color: var(--ink);
  border-bottom: 1px solid var(--rule);
  text-decoration: none;
}

body[id="top"] .svc-flow .fl-no { color: rgba(255, 255, 255, 0.52); }

@media (max-width: 767px) {

  body[id="top"] .svc-cta h2 {
    font-size: clamp(1.875rem, 9vw,3.25rem);
    max-width: none;
    letter-spacing: -0.03em;
  }
}

body[id="top"] .pgnav-btn {
  border-radius: 0 !important;
  background: rgba(6, 24, 42, 0.86) !important;
  color: #fff !important;
  box-shadow: none !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
}

body[id="top"] .pgnav-panel { border-radius: 0 !important; box-shadow: none !important; }

body[id="top"] .pgnav-panel .pgnav-a,
body[id="top"] .pgnav-panel .pgnav-t { border-radius: 0 !important; }

body[id="top"] .mobile-bar a,
body[id="top"] .mobile-bar button,
body[id="top"] .mbar a {
  border-radius: 0 !important;
}

body[id="top"] .lp-field::before {
  background-image:
    repeating-linear-gradient(to right, rgba(255, 255, 255, 0.030) 0 1px, transparent 1px calc(100% / 12)),
    repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.024) 0 1px, transparent 1px calc(100% / 8));
}

body[id="top"] .svc-flow .fl-pin::before {
  background-image:
    repeating-linear-gradient(to right, rgba(255, 255, 255, 0.030) 0 1px, transparent 1px calc(100% / 12)),
    repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.024) 0 1px, transparent 1px calc(100% / 8));
}

body[id="top"] .section--tight .svc-cmp-card {
  background: var(--field);
}

body[id="top"] .section--tight .svc-cmp-card.is-pick {
  background: var(--field-raised);
}

body[id="top"] .svc-supply-bridge .svc-supply-card {
  background: var(--field);
}

body[id="top"] .svc-flow .fl-shot figcaption { margin-top: var(--space-3); padding-left: 2px; }

body[id="top"] .svc-flow .fl-shot figcaption { color: rgba(255, 255, 255, 0.82); }

body[id="top"] .section--tight .svc-cmp-card.is-pick::before { content: none; }

body[id="top"] .section--tight .svc-cmp-card.is-pick::after {
  content: "";
  position: absolute;
  top: 0;
  left: -1px;
  right: 0;
  height: 3px;
  background: var(--warm-500);
  pointer-events: none;
}

body[id="top"] .section--tight .svc-cmp-card:first-child.is-pick::after { left: 0; }

@media (max-width: 767px) {
  body[id="top"] .section--tight .svc-cmp-card:first-child { padding-left: var(--space-4); }
  body[id="top"] .section--tight .svc-cmp-card:nth-child(3) {
    padding-left: var(--space-4);
    border-left: 1px solid var(--rule-faint);
  }
  body[id="top"] .section--tight .svc-cmp-card:first-child.is-pick::after { left: -1px; }
}

body[id="top"] .section--tight .svc-cmp-price b {
  font-size: clamp(1.3125rem, 1.95vw,1.625rem);
  white-space: nowrap;
}

body[id="top"] .section--tight .svc-cmp-price small { white-space: nowrap; }

@media (max-width: 767px) {
  body[id="top"] .section--tight .svc-cmp-price b { font-size: 26px; }
}

body[id="top"] .svc-top.lp-field .svc-plan,
body[id="top"] .svc-top.lp-field .svc-rooms,
body[id="top"] .svc-top.lp-field .svc-room,
body[id="top"] .svc-top.lp-field .svc-room.is-lit,
body[id="top"] .svc-top.lp-field .svc-room.is-flash,
body[id="top"] .svc-top.lp-field .svc-cross,
body[id="top"] .svc-top.lp-field .svc-cross.is-lit,
body[id="top"] .svc-top.lp-field .svc-cross.is-flash,
body[id="top"] .svc-top.lp-field .svc-room-b,
body[id="top"] .svc-top.lp-field .svc-biz,
body[id="top"] .svc-top.lp-field .svc-biz.is-on,
body[id="top"] .svc-top.lp-field .svc-biz.is-on.is-deep {
  background: transparent;
  background-color: transparent;
  border-radius: 0;
  box-shadow: none;
  outline: 0;
}

body[id="top"] .lp-field .btn:hover {
  background: rgba(255, 255, 255, 0.86);
  color: var(--field);
}

body[id="top"] .lp-field :focus-visible {
  outline: 2px solid #fff;
  outline-offset: 3px;
}

body[id="top"] .svc-calc-sec .svc-h::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 56px;
  height: 6px;
  background: var(--warm-500);
}

body[id="top"] .svc-flow .fl-shot::after { content: none; }

body[id="top"] .svc-flow .fl-shot img {
  box-sizing: border-box;
  border-left: 4px solid var(--warm-500);
}

body[id="top"] .svc-calc-sec { padding-block: var(--space-16) 56px; }
body[id="top"] .svc-calc-sec .svc-h { margin-bottom: var(--space-5-5); }
body[id="top"] .svc-calc-sec .svc-h-sub { margin-top: var(--space-2-5); }
body[id="top"] .svc-calc-head { margin-bottom: var(--space-3-5); }
body[id="top"] .svc-calc { margin-top: var(--space-5); }
body[id="top"] .svc-calc-row { padding: var(--space-2-5) 0; }
body[id="top"] .svc-acc-meta { padding: var(--space-1) 0; }
body[id="top"] .svc-acc-factors { line-height: 1.5; }
body[id="top"] .svc-calc-sec .svc-note { margin-top: var(--space-3-5); }

body[id="top"] .svc-calc-sec { padding-block: 56px 44px; }
body[id="top"] .svc-calc-row { padding: var(--space-2) 0; }
body[id="top"] .svc-acc-row { padding: 5px 0; }

body[id="top"] .svc-calc-sec { padding-block: var(--space-12) var(--space-10); }
body[id="top"] .svc-calc { margin-top: var(--space-4); }
body[id="top"] .svc-acc-factors { font-size: 11px; line-height: 1.45; }
body[id="top"] .svc-acc-meta { padding: 3px 0; }

@media (min-width: 1024px) and (max-height: 880px) {
  body[id="top"] .svc-calc-sec { padding-block: var(--space-9) 30px; }
  body[id="top"] .svc-calc { margin-top: var(--space-3); }
  body[id="top"] .svc-calc-row { padding: var(--space-1-5) 0; }
  body[id="top"] .svc-acc-factors { line-height: 1.4; }
}

@media (min-width: 1024px) and (max-height: 880px) {
  body[id="top"] .svc-calc-sec { padding-block: 34px 26px; }
  body[id="top"] .svc-calc-row { padding: 5px 0; }
}

body[id="top"] .svc-supply-bridge.lp-field {
  background: var(--field);
  border-top: 0;
  border-bottom: 0;

  padding-block: var(--space-16);
}

body[id="top"] .svc-supply-bridge .svc-supply-card {
  position: relative;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;

  color: var(--sv-fg);
  padding: 0 0 0 var(--space-12);
  max-width: 920px;
}

body[id="top"] .svc-supply-bridge .svc-supply-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 4px;
  bottom: 4px;
  width: 4px;
  background: var(--warm-500);
  pointer-events: none;
}

body[id="top"] .svc-supply-bridge .svc-supply-card h2 {
  color: var(--sv-fg);
  font-size: clamp(2.125rem, 3.6vw,3.125rem);
  line-height: 1.14;
  letter-spacing: -0.02em;
  margin: 0 0 var(--space-5-5);
  max-width: 16em;
}

body[id="top"] .svc-supply-bridge .svc-supply-card p {
  color: var(--ink-dim);
  font-size: var(--fs-body-sm);
  line-height: 1.9;
  max-width: 40em;
  margin: 0 0 26px;
}

body[id="top"] .svc-supply-bridge .svc-more {
  color: var(--sv-fg);
  border-bottom: 1px solid var(--sv-line);
}

@media (max-width: 767px) {
  body[id="top"] .svc-supply-bridge.lp-field { padding-block: var(--space-12); }
  body[id="top"] .svc-supply-bridge .svc-supply-card { padding-left: var(--space-7); }

  body[id="top"] .svc-supply-bridge .svc-supply-card h2 {
    font-size: 30px;
    line-height: 1.16;
    max-width: 7.4em;
  }
}

body[id="top"] .inst-step {
  margin: 26px 0 var(--space-1);
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--ink-mute);
}

body[id="top"] .inst-area { margin: var(--space-4) 0 0; }

body[id="top"] .inst-area-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-3);
}

body[id="top"] .inst-area-head label {
  font-size: 11px;
  letter-spacing: 0.18em;
  color: var(--ink-mute);
}

body[id="top"] .inst-area-head output {
  font-family: var(--lab-display);
  font-size: 26px;
  font-weight: 800;
  line-height: 1.1;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .inst-area input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  display: block;
  width: 100%;
  height: 2px;
  margin: var(--space-3) 0 0;
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.35);
  cursor: pointer;
}

body[id="top"] .inst-area input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 0;
  background: var(--sv-fg);
}

body[id="top"] .inst-area input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 14px;
  border: 0;
  border-radius: 0;
  background: var(--sv-fg);
}

body[id="top"] .inst-area input[type="range"]:focus-visible {
  outline: 2px solid #fff;
  outline-offset: 6px;
}

body[id="top"] .inst-area-scale {
  display: flex;
  justify-content: space-between;
  margin-top: var(--space-1-5);
  font-size: 11px;

  color: var(--ink-mute);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .inst-result {
  order: -2;
  padding: 0 0 var(--space-4);
  margin: 0 0 var(--space-4);
  border-bottom: 1px solid var(--rule);
}

body[id="top"] .inst-result-lab {
  margin: 0;
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--ink-mute);
}

body[id="top"] .inst-result-num {
  display: flex;
  align-items: baseline;
  gap: var(--space-2);
  margin: var(--space-1-5) 0 0;
}

body[id="top"] .inst-result-num b {
  font-family: var(--lab-display);
  font-size: 44px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -0.02em;
  color: var(--ink);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .inst-result-num span {
  font-size: var(--fs-small);
  color: var(--ink-mute);
}

body[id="top"] .svc-top.lp-field { padding-block: clamp(var(--space-12), 4.6vw,var(--space-16)) var(--space-10); }

body[id="top"] .svc-top.lp-field .svc-lead { margin-top: var(--space-4-5); }

body[id="top"] .svc-top.lp-field .svc-cue { margin-top: var(--space-5); }

body[id="top"] .svc-top.lp-field .svc-tabs button { padding: 9px 0 9px var(--space-4); }

body[id="top"] .svc-top.lp-field .svc-top-cta { margin-top: var(--space-6); }

body[id="top"] .svc-top.lp-field .svc-stage { padding: var(--space-3-5) var(--space-5) var(--space-3) 26px; }

body[id="top"] .svc-top.lp-field .svc-biz { font-size: var(--fs-caption); padding: var(--space-1) var(--space-1); }

body[id="top"] .svc-top.lp-field .svc-biz svg { width: 18px; height: 18px; }

body[id="top"] .svc-top.lp-field .svc-room { padding: var(--space-2) 0 5px; }

body[id="top"] .svc-top.lp-field .svc-room-t { font-size: 11px; margin-bottom: var(--space-1); }

@media (max-width: 1023px) {
  body[id="top"] .inst-result { order: 0; margin-bottom: var(--space-4-5); }
  body[id="top"] .inst-result-num b { font-size: 36px; }
}

body[id="top"] .svc-top.lp-field { padding-block: clamp(2.75rem, 4vw,3.5rem) 34px; }
body[id="top"] .svc-top.lp-field .svc-biz { padding: 3px var(--space-1); }
body[id="top"] .svc-top.lp-field .svc-room { padding: var(--space-1-5) 0 var(--space-1); }
body[id="top"] .svc-top.lp-field .inst-step { margin: var(--space-4-5) 0 2px; }
body[id="top"] .svc-top.lp-field .inst-area { margin: var(--space-3) 0 0; }
body[id="top"] .svc-top.lp-field .svc-cue { margin-top: var(--space-3-5); }
body[id="top"] .svc-top.lp-field .inst-result { padding-bottom: var(--space-3); margin-bottom: var(--space-3); }
body[id="top"] .svc-top.lp-field .inst-result-num b { font-size: 40px; }

body[id="top"] .svc-top.lp-field .svc-cue { display: none; }

@media (max-width: 767px) {
  body[id="top"] .svc-top.lp-field { padding-block: var(--space-6) var(--space-6); }
  body[id="top"] .svc-top.lp-field .svc-h1 { font-size: clamp(1.75rem, 7.6vw,2.125rem); line-height: 1.12; margin-top: var(--space-3); }
  body[id="top"] .svc-top.lp-field .svc-lead { margin-top: var(--space-3); font-size: 13.5px; line-height: 1.72; }
  body[id="top"] .svc-top.lp-field .inst-step { margin: var(--space-4) 0 2px; }
  body[id="top"] .svc-top.lp-field .svc-tabs button { padding: var(--space-2) 0 var(--space-2) var(--space-3-5); font-size: var(--fs-body-sm); }
  body[id="top"] .svc-top.lp-field .inst-area { margin-top: var(--space-3-5); }
  body[id="top"] .svc-top.lp-field .svc-top-cta { margin-top: var(--space-4-5); }
  body[id="top"] .svc-top.lp-field .svc-in { gap: var(--space-5-5); }
  body[id="top"] .svc-top.lp-field .inst-result-num b { font-size: 34px; }
}

body[id="top"] .svc-top.lp-field .svc-kpi:first-child { display: none; }

body[id="top"] .svc-top.lp-field .svc-kpis { grid-template-columns: repeat(2, minmax(0, 1fr)); }

body[id="top"] .svc-top.lp-field .svc-kpi:nth-child(2) {
  border-left: 0;
  padding-left: 0;
}

body[id="top"] .svc-top.lp-field .svc-h1 {
  font-size: clamp(1.875rem, 2.9vw,2.5rem);
  line-height: 1.14;
  letter-spacing: -0.015em;
}

body[id="top"] .svc-top.lp-field .inst-result-num b {
  font-size: clamp(2.5rem, 4.2vw,3.375rem);
  letter-spacing: -0.03em;
}

body[id="top"] .svc-top.lp-field .inst-result-num span { font-size: var(--fs-caption); }

body[id="top"] .svc-top.lp-field .inst-result-lab { font-size: 10.5px; }

body[id="top"] .svc-top.lp-field .svc-biz {
  font-size: var(--fs-body-sm);
  line-height: 1.32;
  padding: var(--space-1-5) var(--space-1);
}

body[id="top"] .svc-top.lp-field .svc-biz svg { width: 18px; height: 18px; }

body[id="top"] .svc-top.lp-field .svc-room { padding: var(--space-2-5) 0 var(--space-1-5); }

body[id="top"] .svc-top.lp-field .svc-room-t { font-size: 11px; margin-bottom: 5px; }

body[id="top"] .svc-top.lp-field .svc-rooms { gap: 0 26px; }

body[id="top"] .inst-step,
body[id="top"] .inst-area-head label {
  display: flex;
  align-items: baseline;
  gap: var(--space-2-5);
  font-size: 11px;
  letter-spacing: 0.14em;
  color: var(--ink-mute);
}

body[id="top"] .inst-step b,
body[id="top"] .inst-area-head label b {
  font-family: var(--lab-display);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.55);
  font-variant-numeric: tabular-nums;
}

body[id="top"] .inst-area input[type="range"] {

  --area-p: .43;
  height: 44px;
  margin-top: calc(var(--space-2-5) - 9px);
  margin-bottom: -9px;
  background-color: transparent;

  background-image:
    linear-gradient(to right, var(--blue-600) 0 calc(var(--area-p) * 100%),
                    transparent calc(var(--area-p) * 100%)),
    linear-gradient(to right, var(--rule-strong) 0 100%),
    repeating-linear-gradient(to right, var(--rule) 0 1px, transparent 1px calc(100% / 13));
  background-size: 100% 3px, 100% 1px, 100% 7px;
  background-position: 0 16.5px, 0 17px, 0 28px;
  background-repeat: no-repeat, no-repeat, no-repeat;
}

body[id="top"] .inst-area input[type="range"]::-webkit-slider-runnable-track {
  height: 44px;
  background: transparent;
  border: 0;
}

body[id="top"] .inst-area input[type="range"]::-webkit-slider-thumb {

  width: 14px;
  height: 18px;

  margin-top: var(--space-3-5);
  border: 0;
  border-radius: 0;
  background: var(--blue-600);
  box-shadow: 0 0 0 3px var(--field);
  cursor: grab;
}

body[id="top"] .inst-area input[type="range"]::-moz-range-track {
  height: 44px;
  background: transparent;
  border: 0;
}

body[id="top"] .inst-area input[type="range"]::-moz-range-thumb {
  width: 14px;
  height: 18px;
  border: 0;
  border-radius: 0;
  background: var(--blue-600);
  box-shadow: 0 0 0 3px var(--field);
  cursor: grab;
}

body[id="top"] .inst-area-scale {
  margin-top: var(--space-2);
  font-size: 11px;
  letter-spacing: 0.06em;
  color: var(--ink-mute);
}

body[id="top"] .inst-area-head output {
  font-size: 30px;
  letter-spacing: -0.02em;
}

@media (max-width: 767px) {
  body[id="top"] .svc-top.lp-field .svc-h1 { font-size: clamp(1.625rem, 7.2vw,2rem); }

  body[id="top"] .svc-top.lp-field .svc-room-t {
    justify-content: flex-start;
    gap: var(--space-2);
  }

  body[id="top"] .svc-top.lp-field .svc-top-cta {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-2);
  }
  body[id="top"] .svc-top.lp-field .inst-result-num b { font-size: 38px; }
  body[id="top"] .inst-area-head output { font-size: var(--fs-xl); }
}

body[id="top"] .svc-top.lp-field { padding-block: clamp(4.375rem, 5vw,4.75rem) var(--space-5-5); }
body[id="top"] .svc-top.lp-field .svc-room { padding: 7px 0 var(--space-1); }
body[id="top"] .svc-top.lp-field .svc-biz { padding: var(--space-1) var(--space-1); }
body[id="top"] .svc-top.lp-field .inst-result { padding-bottom: var(--space-2); margin-bottom: var(--space-2-5); }
body[id="top"] .svc-top.lp-field .svc-ctrl { padding-top: var(--space-2-5); }
body[id="top"] .svc-top.lp-field .svc-cross { padding-top: var(--space-2-5); }
body[id="top"] .svc-top.lp-field .svc-foot { margin-top: var(--space-2-5); padding-top: var(--space-2-5); }
body[id="top"] .svc-top.lp-field .svc-stage { padding-top: var(--space-3); padding-bottom: var(--space-2-5); }

body[id="top"] .svc-top.lp-field .svc-side-nm { font-size: 22px; }
body[id="top"] .svc-top.lp-field .inst-result { padding-bottom: var(--space-1-5); margin-bottom: var(--space-2); }
body[id="top"] .svc-top.lp-field .svc-ctrl { padding-top: var(--space-2); }
body[id="top"] .svc-top.lp-field .svc-foot { margin-top: var(--space-2); padding-top: var(--space-2); }

body[id="top"] .inst-step b,
body[id="top"] .inst-area-head label b { display: none; }

body[id="top"] .inst-step,
body[id="top"] .inst-area-head label {
  gap: var(--space-2);
  letter-spacing: 0.12em;
}

body[id="top"] .inst-step::before,
body[id="top"] .inst-area-head label::before {
  content: "";
  flex: none;
  width: 14px;
  height: 2px;
  background: var(--warm-500);
  transform: translateY(-2px);
}

body[id="top"] .svc-top.lp-field { padding-block: clamp(var(--space-24), 7.1vw,6.5rem) var(--space-6); }
body[id="top"] .svc-top.lp-field .svc-biz { padding: 3px var(--space-1); }
body[id="top"] .svc-top.lp-field .svc-room { padding: var(--space-1-5) 0 3px; }
body[id="top"] .svc-top.lp-field .svc-room-t { margin-bottom: 3px; }

body[id="top"] .svc-top.lp-field { padding-bottom: var(--space-4-5); }
body[id="top"] .svc-top.lp-field .svc-cross { padding-top: var(--space-2); }

@media (max-width: 767px) {
  body[id="top"] .svc-top.lp-field { padding-top: 76px; padding-bottom: var(--space-5); }
}

body[id="top"] .svc-flow .fl-more-n { color: rgba(255, 255, 255, 0.78); }

body[id="top"] .svc-mosaic .svc-mo-kick { color: rgba(11, 31, 58, 0.66); }
body[id="top"] .svc-mosaic .svc-mo-name b { color: rgba(11, 31, 58, 0.66); }

@media (min-width: 1024px) and (max-height: 820px) {
  body[id="top"] .svc-top.lp-field { padding-top: var(--space-16); }
  body[id="top"] .svc-top.lp-field .svc-h1 { margin-top: var(--space-1-5); }
  body[id="top"] .svc-top.lp-field .svc-lead {
    margin-top: var(--space-2-5);
    margin-bottom: var(--space-3);
  }
  body[id="top"] .svc-top.lp-field .svc-tabs { margin-top: var(--space-2); }
  body[id="top"] .svc-top.lp-field .inst-area { margin-top: var(--space-2); }
  body[id="top"] .svc-top.lp-field .svc-top-cta { margin-top: var(--space-2); }
  body[id="top"] .svc-top.lp-field .svc-cue { margin-top: var(--space-5); }
}

@media (min-width: 1024px) {
  body[id="top"] .section--tight .svc-cmp-card:first-child {
    margin-left: calc(-1 * var(--space-6));
    padding-left: var(--space-6);
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  body[id="top"] .section--tight .svc-cmp-card:first-child {
    margin-left: calc(-1 * var(--space-4));
    padding-left: var(--space-4);
  }
}

body[id="top"] .svc-calc-sec { padding-block: var(--space-10) var(--space-8); }
body[id="top"] .svc-calc-sec .svc-calc-row { padding: var(--space-1) 0; }
body[id="top"] .svc-calc-sec .svc-acc-row { padding: var(--space-1) 0; }
body[id="top"] .svc-calc-sec .svc-calc-detail {
  margin-top: var(--space-2);
  padding-top: var(--space-3);
}
body[id="top"] .svc-calc-sec .svc-note { margin-top: var(--space-2-5); }

body[id="top"] .svc-calc-sec { padding-block: var(--space-8) var(--space-6); }

@media (min-width: 1024px) {
  body[id="top"] .svc-calc-sec .svc-note { max-width: 92ch; }
}

body[id="top"] .site-header::before { display: none; }