/* IT-MSK 48.08: isolated public landing redesign. No cabinet overrides. */
body.public-home-page{--public-text:#edf5ff;--public-muted:#a0b4d0;--public-card:#111e34;--public-soft:#0a1425;--public-line:rgba(138,176,230,.17);--public-accent:#66cfff;background:#080f1e!important;color:#eaf2ff!important}
body.public-home-page .public-home{color:#eaf2ff;background:#080f1e;overflow:hidden}
body.public-home-page .public-home h1,body.public-home-page .public-home h2,body.public-home-page .public-home h3,body.public-home-page .public-home b,body.public-home-page .public-home strong{color:#f5f9ff}
body.public-home-page .public-home p{color:#a8bbd4}
body.public-home-page .public-hero{isolation:isolate;position:relative;padding:104px 0 100px!important;background:radial-gradient(ellipse 48% 70% at 82% 42%,rgba(31,91,210,.26),transparent 85%),radial-gradient(ellipse 35% 65% at 12% 8%,rgba(8,161,207,.13),transparent 80%),linear-gradient(135deg,#070e1c,#0a1930 62%,#0a1023)!important;border-bottom:1px solid rgba(116,174,235,.17)}
body.public-home-page .public-hero:before{content:"";position:absolute;inset:0;width:auto;height:auto;left:0;top:0;border-radius:0;background-image:linear-gradient(rgba(113,174,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(113,174,255,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to right,transparent,black 40%,black);filter:none;pointer-events:none}
body.public-home-page .public-hero:after{width:520px;height:520px;right:0;top:0;bottom:auto;background:radial-gradient(circle,rgba(47,143,255,.2),transparent 70%);filter:blur(30px)}
body.public-home-page .public-hero-grid{gap:64px;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr)}
body.public-home-page .public-home h1{font-size:clamp(42px,4.3vw,72px)!important;line-height:1.07!important;letter-spacing:-.055em!important;font-weight:850;max-width:840px;text-wrap:balance;margin:20px 0 24px!important}
body.public-home-page .public-eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid rgba(76,196,255,.3);background:rgba(28,111,180,.13);border-radius:99px;padding:10px 15px;font-size:11px!important;letter-spacing:.11em;color:#8be0ff!important}
body.public-home-page .public-signal{width:8px;height:8px;border-radius:50%;background:#51e4bb;box-shadow:0 0 0 4px rgba(81,228,187,.13),0 0 20px rgba(81,228,187,.8)}
body.public-home-page .public-lead{color:#b2c3dd!important;line-height:1.75!important;font-size:18px!important;max-width:710px}
body.public-home-page .public-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
body.public-home-page .public-actions .btn{min-height:49px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px!important;border-radius:12px!important;font-size:14px!important;font-weight:750;transition:transform .2s,box-shadow .2s,border-color .2s}
body.public-home-page .public-actions .btn:hover{transform:translateY(-3px)}
body.public-home-page .public-btn-primary{color:#fff!important;border:1px solid #338aff!important;background:linear-gradient(110deg,#2865ef,#168cdb)!important;box-shadow:0 8px 28px rgba(28,111,246,.27)}
body.public-home-page .public-btn-primary:hover{box-shadow:0 12px 38px rgba(28,111,246,.43)}
body.public-home-page .public-btn-secondary{color:#dcecff!important;background:rgba(145,189,250,.065)!important;border:1px solid rgba(145,189,250,.25)!important}
body.public-home-page .public-trust-row{border-color:rgba(145,189,250,.15);color:#9eb3cf;margin-top:35px;padding-top:23px}
body.public-home-page .public-service-desk-card{position:relative;background:linear-gradient(155deg,rgba(31,58,96,.85),rgba(10,24,45,.92))!important;border:1px solid rgba(116,183,255,.28)!important;box-shadow:0 32px 95px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.06);border-radius:26px;padding:34px;overflow:hidden}
body.public-home-page .public-service-desk-card:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#3b82f6,#5de3e3,transparent)}
body.public-home-page .public-service-desk-card h2{font-size:28px!important;line-height:1.2}
body.public-home-page .public-service-list>div{border-color:rgba(151,192,245,.14)}
body.public-home-page .public-service-list b{color:#75d8ff}
body.public-home-page .public-section{padding:88px 0!important;background:#091323}
body.public-home-page .public-section:nth-of-type(even){background:#0b1729}
body.public-home-page .public-section-head h2{font-size:clamp(30px,3vw,44px)!important;letter-spacing:-.04em}
body.public-home-page .public-section-kicker,body.public-home-page .public-card-kicker{color:#61ceff!important;letter-spacing:.15em;font-size:11px!important}
body.public-home-page .public-remote-card{background:linear-gradient(120deg,#152b4a,#0b1a32 70%)!important;border:1px solid rgba(106,174,252,.24)!important;box-shadow:0 20px 80px rgba(0,0,0,.2);border-radius:28px}
body.public-home-page .public-remote-window{background:linear-gradient(145deg,#172d4d,#0a1629)!important;border-color:rgba(117,188,255,.34)!important;box-shadow:0 22px 65px rgba(0,0,0,.36)}
body.public-home-page .public-remote-logo{color:#d7eaff}
body.public-home-page .public-online-badge{background:#132b3c!important;color:#5df0b9!important;border-color:rgba(93,240,185,.3)!important}
body.public-home-page .public-services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
body.public-home-page .public-service-card,body.public-home-page .public-price-card,body.public-home-page .public-instruction-card{background:linear-gradient(155deg,#14233b,#0e1a2e)!important;border:1px solid rgba(133,184,248,.16)!important;box-shadow:inset 0 1px rgba(255,255,255,.035);border-radius:20px!important;transition:transform .2s,border-color .2s,box-shadow .2s}
body.public-home-page .public-service-card{min-height:250px;padding:27px;display:flex;flex-direction:column}
body.public-home-page .public-service-card:hover,body.public-home-page .public-price-card:hover,body.public-home-page .public-instruction-card:hover{transform:translateY(-5px);border-color:rgba(90,201,255,.55)!important;box-shadow:0 22px 55px rgba(0,0,0,.26),0 0 40px rgba(22,114,255,.07)}
body.public-home-page .public-service-number{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:linear-gradient(145deg,rgba(40,115,255,.23),rgba(36,201,234,.1));border:1px solid rgba(79,182,255,.2);color:#80d9ff;font-size:14px;font-weight:850;margin-bottom:25px}
body.public-home-page .public-service-card h3{font-size:20px!important;letter-spacing:-.02em;margin:0 0 12px!important}
body.public-home-page .public-service-card p{line-height:1.65!important}
body.public-home-page .public-price-sum{color:#7ad8ff;font-size:29px}
body.public-home-page .public-contact-section{background:radial-gradient(ellipse at 80% 30%,rgba(28,94,194,.15),transparent 60%),#080f1e!important}
body.public-home-page .public-contact-card{background:#12213a!important;border:1px solid rgba(127,177,239,.23)!important;border-radius:24px}
body.public-home-page .public-contact-card>div{border-color:rgba(145,189,250,.15)}
body.public-home-page .public-contact-card a{color:#78d5ff}
body.public-home-page .public-instruction-body{color:#eaf2ff}
body.public-home-page .public-instruction-card h3{color:#f4f8ff}
body.public-home-page .public-instruction-link{color:#79d8ff}
body.public-home-page .footer{background:#070d19!important;color:#a6b9d1!important}
@media(max-width:1050px){body.public-home-page .public-hero-grid{grid-template-columns:1fr;gap:36px}body.public-home-page .public-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.public-home-page .public-hero{padding:60px 0 55px!important}body.public-home-page .public-home h1{font-size:clamp(36px,9vw,50px)!important}body.public-home-page .public-services-grid{grid-template-columns:1fr}body.public-home-page .public-section{padding:55px 0!important}body.public-home-page .public-actions{flex-direction:column}body.public-home-page .public-actions .btn{width:100%}body.public-home-page .public-service-desk-card{padding:23px}}
@media(prefers-reduced-motion:reduce){body.public-home-page .public-home *,body.public-home-page .public-home *:before,body.public-home-page .public-home *:after{transition:none!important;animation:none!important}}
/* 48.09: editorial refinement and public header in both site themes */
body.public-home-page .public-hero{padding:78px 0 82px!important}
body.public-home-page .public-hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);align-items:center;gap:72px}
body.public-home-page .public-home h1{font-size:clamp(38px,3.55vw,59px)!important;line-height:1.12!important;letter-spacing:-.043em!important;font-weight:790!important;max-width:760px;margin:22px 0 22px!important}
body.public-home-page .public-lead{font-size:17px!important;line-height:1.72!important;max-width:680px}
body.public-home-page .public-eyebrow{font-size:11px!important;letter-spacing:.065em!important}
body.public-home-page .public-service-desk-card{padding:33px 34px}
body.public-home-page .public-service-desk-card h2{font-size:25px!important;letter-spacing:-.03em!important}
body.public-home-page .public-direction-list>div{display:flex;justify-content:space-between;align-items:center;padding:16px 0;gap:12px}
body.public-home-page .public-direction-list>div span{display:flex;align-items:center;gap:14px;font-weight:650;color:#e7f1ff}
body.public-home-page .public-direction-list i{font-style:normal;font-size:12px;color:#6bbcf3;background:#203b5b;border:1px solid #335478;border-radius:9px;display:grid;place-items:center;width:33px;height:33px}
body.public-home-page .public-direction-list b{font-size:19px;color:#79cfff}
body.public-home-page .public-direction-link{display:flex;justify-content:space-between;align-items:center;color:#7ad8ff;text-decoration:none;font-weight:700;font-size:13px;margin-top:20px}
body.public-home-page .public-direction-link:hover{color:#fff}
/* Keep the public header consistently dark, without changing cabinet pages. */
body.public-home-page header,body.public-home-page .topbar,body.public-home-page .site-header,body.public-home-page .app-header{background:#0b1322!important;color:#eef5ff!important;border-bottom-color:#253953!important}
body.public-home-page header a,body.public-home-page .topbar a,body.public-home-page .site-header a,body.public-home-page .app-header a{color:#e7f1ff}
body.public-home-page header input,body.public-home-page .topbar input{background:#14243b!important;color:#eaf3ff!important;border-color:#2c4567!important}
body.public-home-page header input::placeholder,body.public-home-page .topbar input::placeholder{color:#a4b8d0!important}
@media(max-width:1050px){body.public-home-page .public-hero-grid{grid-template-columns:1fr;gap:34px}}
@media(max-width:700px){body.public-home-page .public-hero{padding:56px 0!important}body.public-home-page .public-home h1{font-size:clamp(34px,8vw,46px)!important}}

/* 48.10: readable shared navigation in either selected theme on public home */
body.public-home-page .topbar .brand,body.public-home-page .topbar .brand span:not(.brand-mark),body.public-home-page .topbar .top-nav>a,body.public-home-page .topbar .top-date,body.public-home-page .topbar .top-date b,body.public-home-page .topbar .top-date small,body.public-home-page .topbar .top-user b,body.public-home-page .topbar .top-user small,body.public-home-page .topbar .theme-toggle{color:#edf5ff!important;opacity:1!important}
body.public-home-page .topbar .top-search,body.public-home-page .topbar .search-placeholder{color:#b5c7e0!important;opacity:1!important}
body.public-home-page .topbar .top-search kbd{color:#bcd4f2!important;background:#15253c!important;border:1px solid #344b68!important}
body.public-home-page .topbar .top-nav>a:hover,body.public-home-page .topbar .top-search:hover{color:#80dfff!important}
body.public-home-page .topbar .top-date span,body.public-home-page .topbar .theme-toggle{color:#8fc9ff!important}
body.public-home-page .topbar .top-user small{color:#b1c6e2!important}
body.public-home-page .public-home h1{font-size:clamp(38px,3.6vw,58px)!important;max-width:690px}
@media(max-width:700px){body.public-home-page .public-home h1{font-size:clamp(35px,8vw,47px)!important}}

/* 48.11: quieter secondary heading */
body.public-home-page .public-hero-subtitle{color:#7fd7ff;font-size:clamp(19px,2.1vw,27px);font-weight:600;letter-spacing:-.025em;margin:4px 0 18px;line-height:1.3}

/* 48.12: restrained, readable hero typography for editable headings. */
body.public-home-page .public-home .public-hero h1 {
  font-size: clamp(34px, 2.65vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: -.035em !important;
  font-weight: 780 !important;
  max-width: 780px !important;
  overflow-wrap: break-word;
  text-wrap: pretty;
  margin: 18px 0 15px !important;
}
body.public-home-page .public-hero-subtitle {
  font-size: clamp(17px, 1.55vw, 21px);
  margin: 0 0 17px;
}
@media (max-width: 700px) {
  body.public-home-page .public-home .public-hero h1 {
    font-size: clamp(28px, 6.5vw, 32px) !important;
    line-height: 1.2 !important;
    max-width: 100% !important;
  }
}

/* 48.13: Remote card relocated beneath hero buttons, within the left column. */
body.public-home-page .public-hero-grid{align-items:start!important;gap:clamp(28px,4vw,72px)!important}
body.public-home-page .public-hero-copy{min-width:0}
body.public-home-page .public-hero-copy>.public-remote-compact{display:grid;grid-template-columns:minmax(0,1fr) 145px;align-items:center;gap:16px;margin-top:28px;padding:19px 20px!important;border-radius:19px!important;min-width:0;overflow:hidden}
body.public-home-page .public-remote-compact .public-remote-copy{min-width:0}
body.public-home-page .public-remote-compact h2{font-size:clamp(17px,1.6vw,22px)!important;line-height:1.2!important;margin:6px 0 7px!important;letter-spacing:-.025em}
body.public-home-page .public-remote-compact p{font-size:12px!important;line-height:1.5!important;margin:0!important}
body.public-home-page .public-remote-compact .public-section-kicker{font-size:10px!important}
body.public-home-page .public-remote-compact .public-actions{gap:8px;margin-top:14px}
body.public-home-page .public-remote-compact .public-actions .btn{min-height:34px;padding:7px 10px!important;font-size:11px!important;border-radius:9px!important}
body.public-home-page .public-remote-compact .public-remote-visual{position:relative;min-width:0;width:145px;height:112px;display:flex;align-items:center;justify-content:center}
body.public-home-page .public-remote-compact .public-remote-window{position:relative;inset:auto;transform:rotate(-3deg);width:137px;height:102px;min-height:0;border-radius:13px;overflow:hidden}
body.public-home-page .public-remote-compact .public-remote-window-top{height:22px}
body.public-home-page .public-remote-compact .public-remote-logo{font-size:13px;line-height:1.3}
body.public-home-page .public-remote-compact .public-remote-id{font-size:10px}
body.public-home-page .public-remote-compact .public-online-badge{position:absolute;right:-2px;bottom:0;font-size:10px;padding:5px 8px}
body.public-home-page .public-hero{padding-bottom:65px!important}
@media(max-width:1050px){body.public-home-page .public-hero-copy>.public-remote-compact{max-width:740px}}
@media(max-width:600px){body.public-home-page .public-hero-copy>.public-remote-compact{grid-template-columns:1fr;padding:18px!important}body.public-home-page .public-remote-compact .public-remote-visual{display:none}body.public-home-page .public-remote-compact .public-actions{flex-direction:row}body.public-home-page .public-remote-compact .public-actions .btn{width:auto;flex:1}}


/* 48.14: consistent hover contrast on public top bar, in either site theme. */
body.public-home-page .topbar .top-user,
body.public-home-page .topbar .top-user:hover,
body.public-home-page .topbar .top-user:focus-visible {
  background:rgba(66,113,170,.12)!important;
  border-color:transparent!important;
  color:#eef5ff!important;
}
body.public-home-page .topbar .top-user:hover,
body.public-home-page .topbar .top-user:focus-visible {
  background:rgba(66,113,170,.25)!important;
  box-shadow:inset 0 0 0 1px rgba(125,180,247,.25)!important;
}
body.public-home-page .topbar .top-user:hover b,
body.public-home-page .topbar .top-user:hover small,
body.public-home-page .topbar .top-user:focus-visible b,
body.public-home-page .topbar .top-user:focus-visible small {color:#edf5ff!important;opacity:1!important}
body.public-home-page .topbar .top-user img {flex-shrink:0}

/* 48.14: make the Remote graphic smaller but fully visible and legible. */
body.public-home-page .public-remote-compact .public-remote-visual{
  width:126px!important;height:112px!important;justify-self:center;overflow:visible!important;
}
body.public-home-page .public-remote-compact .public-remote-window{
  width:120px!important;height:90px!important;transform:rotate(-2deg)!important;
  overflow:hidden!important;display:flex!important;flex-direction:column!important;
  align-items:center!important;justify-content:flex-start!important;
}
body.public-home-page .public-remote-compact .public-remote-window-top{width:100%;height:19px!important;min-height:19px}
body.public-home-page .public-remote-compact .public-remote-logo{
  font-size:11px!important;line-height:1.25!important;letter-spacing:.06em!important;
  display:flex!important;flex-direction:column!important;align-items:center!important;
  justify-content:center!important;gap:3px!important;padding:8px 2px 3px!important;
  transform:none!important;position:static!important;white-space:normal!important;
}
body.public-home-page .public-remote-compact .public-remote-logo strong{
  font-size:12px!important;line-height:1.1!important;letter-spacing:.12em!important;
}
body.public-home-page .public-remote-compact .public-remote-id{
  font-size:9px!important;line-height:1.1!important;position:static!important;
  margin-top:auto!important;margin-bottom:7px!important;transform:none!important;
}
body.public-home-page .public-remote-compact .public-online-badge{
  bottom:0!important;right:-4px!important;z-index:2!important;
}
@media(max-width:600px){body.public-home-page .public-remote-compact .public-remote-visual{display:none!important}}


/* 48.15 — Unified topbar interactive states, independent of selected theme. */
body.public-home-page .topbar :is(.top-search,.top-plain-link,.theme-toggle,.top-user,.notification-menu>summary,.top-nav>a,.top-nav>.btn){
  background:transparent!important;color:#e8f2ff!important;border-color:transparent!important;
  box-shadow:none!important;transition:background-color .18s,color .18s,box-shadow .18s!important;
}
body.public-home-page .topbar :is(.top-search,.top-plain-link,.theme-toggle,.top-user,.notification-menu>summary,.top-nav>a,.top-nav>.btn):is(:hover,:focus-visible){
  background:#172c48!important;color:#a5e3ff!important;border-color:rgba(122,192,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(122,192,255,.20)!important;
}
body.public-home-page .topbar :is(.top-search,.top-plain-link,.theme-toggle,.top-user,.notification-menu>summary,.top-nav>a,.top-nav>.btn):is(:hover,:focus-visible) :is(span,b,small,.search-placeholder){color:#e8f2ff!important;opacity:1!important}
body.public-home-page .topbar .top-search:is(:hover,:focus-visible) kbd{background:#203955!important;color:#d7eaff!important;border-color:#456689!important}
body.public-home-page .topbar .notification-menu[open]>summary{background:#172c48!important;color:#a5e3ff!important}
body.public-home-page .topbar .notification-menu .notification-dropdown{color:var(--text,#17263a)}

/* 48.15 — Tighten Remote card and vertically center its illustration. */
body.public-home-page .public-hero-copy>.public-remote-compact{
  padding:15px 19px!important;gap:12px!important;align-items:center!important;
  min-height:0!important;
}
body.public-home-page .public-remote-compact .public-remote-copy{align-self:center!important}
body.public-home-page .public-remote-compact .public-remote-copy h2{margin:4px 0 5px!important}
body.public-home-page .public-remote-compact .public-remote-copy .public-actions{margin-top:10px!important}
body.public-home-page .public-remote-compact .public-remote-visual{align-self:center!important;height:104px!important;display:flex!important;align-items:center!important;justify-content:center!important}
body.public-home-page .public-remote-compact .public-remote-window{margin:0!important}
@media(max-width:600px){body.public-home-page .public-remote-compact .public-remote-visual{display:none!important}}

/* 48.16: the date/clock is a DIV, not a link — give it the same dark hover. */
body.public-home-page .topbar .top-date:is(:hover,:focus-within){
  background:#172c48!important;color:#e8f2ff!important;
  border-color:rgba(122,192,255,.22)!important;
  box-shadow:inset 0 0 0 1px rgba(122,192,255,.20)!important;
}
body.public-home-page .topbar .top-date:is(:hover,:focus-within) :is(span,b,small){
  color:#e8f2ff!important;opacity:1!important;
}

/* 48.16: remove inherited 220px minimum height and unused card padding.
   Position the Online label overlapping the Remote mini-window. */
body.public-home-page .public-hero-copy>.public-remote-compact{
  padding:12px 18px!important;gap:10px!important;
  margin-top:20px!important;min-height:0!important;
  grid-template-columns:minmax(0,1fr) 132px!important;
}
body.public-home-page .public-remote-compact .public-remote-copy{padding:0!important;margin:0!important}
body.public-home-page .public-remote-compact .public-remote-copy .public-actions{margin-top:9px!important}
body.public-home-page .public-remote-compact .public-remote-visual{
  min-height:0!important;max-height:104px!important;height:104px!important;
  width:132px!important;max-width:132px!important;margin:0!important;
  justify-self:end!important;position:relative!important;overflow:visible!important;
}
body.public-home-page .public-remote-compact .public-remote-window{
  position:relative!important;inset:auto!important;
  width:120px!important;height:90px!important;
  margin:0!important;flex-shrink:0!important;
}
body.public-home-page .public-remote-compact .public-online-badge{
  position:absolute!important;bottom:3px!important;right:0!important;
  z-index:3!important;transform:translate(3px,5px)!important;
  margin:0!important;padding:4px 7px!important;font-size:9px!important;
  white-space:nowrap!important;
}
@media(max-width:600px){
  body.public-home-page .public-hero-copy>.public-remote-compact{grid-template-columns:1fr!important;padding:14px 16px!important}
  body.public-home-page .public-remote-compact .public-remote-visual{display:none!important}
}