:root{--bg:#00040a;--blue:#075cff;--line:#16324c;--panel:#06111d;--text:#fff;--muted:#91a3b7}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#00040a;color:#fff;font-family:Arial,"Noto Sans KR",sans-serif}
a{text-decoration:none;color:inherit}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
#app{min-height:100vh}

/* APPROVED HOME VISUAL: the image is the design source of truth. */
.approved-home{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#00040a;
  overflow:auto;
}
.approved-stage{
  position:relative;
  width:min(1536px, 100vw, calc(100vh * 1.5));
  aspect-ratio:3/2;
  flex:0 0 auto;
  background:url("/static/assets/chatda_home_approved.png") center top/100% 100% no-repeat;
}
.hotspot{position:absolute;display:block;z-index:5;border-radius:10px}
.hotspot:focus-visible{outline:2px solid #2ea9ff;outline-offset:2px}
.hs-services{left:28.4%;top:3.1%;width:7.8%;height:6.3%}
.hs-hub{left:36.5%;top:3.1%;width:8.5%;height:6.3%}
.hs-guide{left:45.7%;top:3.1%;width:8.5%;height:6.3%}
.hs-request-top{left:54.7%;top:3.1%;width:11.8%;height:6.3%}
.hs-telegram-top{left:70.6%;top:2.6%;width:12.2%;height:6.8%}
.hs-request-top2{left:83.9%;top:2.6%;width:13%;height:6.8%}
.hs-request-main{left:25.1%;top:86.6%;width:26.3%;height:7.3%}
.hs-telegram-main{left:52.5%;top:86.6%;width:23.2%;height:7.3%}

/* Functional inner pages keep v2 behavior but use a cleaner dark shell.
   These will receive the same approved-image treatment page by page. */
.topbar{height:72px;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #14283c;background:#02070e;position:sticky;top:0;z-index:20}
.brand{font-size:23px;font-weight:800;letter-spacing:.2em}
.topbar nav{display:flex;gap:30px;font-weight:700}
.page{max-width:1380px;margin:auto;padding:42px 28px 70px}
.section-title{font-size:46px;margin:0 0 28px}.blue{color:#1680ff}.muted{color:var(--muted)}
.panel,.card{background:#07121f;border:1px solid #1d3b59;border-radius:13px;padding:22px}
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.card{text-align:center}
.icon{font-size:38px}.cta{display:flex;gap:12px;justify-content:center;margin-top:24px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 24px;min-height:50px;background:linear-gradient(135deg,#1672ff,#0648d9);border:0;border-radius:9px;color:#fff;font-weight:800}
.btn.ghost{background:#050b13;border:1px solid #2b435c}
.service-row{display:grid;grid-template-columns:90px 1fr 260px;gap:20px;align-items:center;margin-bottom:12px}.num{font-size:44px;color:#197aff;font-weight:900}.visual{font-size:44px;text-align:center}
.form-layout{display:grid;grid-template-columns:1fr 350px;gap:18px}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field{margin-bottom:16px}.field label{display:block;font-weight:800;margin-bottom:8px}
.field input,.field textarea,.field select{width:100%;padding:14px;background:#030912;border:1px solid #29455f;border-radius:8px;color:#fff}
.field textarea{min-height:180px}.contact-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-bottom:9px}
.contact-grid button{padding:12px 7px;background:#07111c;border:1px solid #29455f;color:#fff;border-radius:8px}.contact-grid button.active{border-color:#18a9ff;color:#7bd8ff}
.hub-grid{display:grid;grid-template-columns:1fr 340px;gap:18px}.post{padding:15px 0;border-bottom:1px solid #183047}.badge{display:inline-block;background:#0b4fb5;padding:5px 9px;border-radius:999px}
.chat{min-height:520px}.msg{max-width:78%;background:#0c1a29;padding:13px;border-radius:11px;margin:10px 0}.msg.user{margin-left:auto;background:#104aa8}
.chat-input{display:flex;gap:8px;margin-top:16px}.chat-input input{flex:1;padding:13px;background:#030912;border:1px solid #29455f;border-radius:8px;color:#fff}

@media(max-width:900px){
 .approved-stage{width:100vw;min-width:720px}
 .approved-home{justify-content:flex-start}
 .topbar nav{display:none}.page{padding:25px 15px}.grid5{grid-template-columns:1fr 1fr}
 .form-layout,.hub-grid,.service-row{grid-template-columns:1fr}.two{grid-template-columns:1fr}
 .contact-grid{grid-template-columns:1fr 1fr}
}


/* Official-style Telegram brand mark overlay */
.tg-brand{
  position:absolute;z-index:8;
  width:34px;height:34px;border-radius:50%;
  background:#229ED9;
  display:grid;place-items:center;
  box-shadow:0 0 18px rgba(34,158,217,.42);
  pointer-events:none;
}
.tg-brand svg{width:22px;height:22px;display:block}
.tg-home-top{left:71.25%;top:4.1%}
.tg-home-main{left:53.35%;top:88.4%}

/* Approved service screen */
.approved-service{
  width:100%;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#00040a;
  overflow:auto;
}
.service-stage{
  position:relative;
  width:min(1536px,100vw,calc(100vh * 1.5));
  aspect-ratio:3/2;
  flex:0 0 auto;
  background:url("/static/assets/chatda_service_approved.png") center/100% 100% no-repeat;
}
.ss-home{left:1.7%;top:2.5%;width:12%;height:5.5%}
.ss-hub{left:38.5%;top:2.6%;width:7.8%;height:5.3%}
.ss-guide{left:47.2%;top:2.6%;width:8%;height:5.3%}
.ss-request-top{left:57.2%;top:2.5%;width:11%;height:5.5%}
.ss-request-main{left:39.7%;top:89.1%;width:22.7%;height:7.2%}
.ss-telegram-main{left:64.4%;top:89.1%;width:20.8%;height:7.2%}
.tg-service-main{left:65.4%;top:90.4%}

@media(max-width:900px){
  .service-stage{width:100vw;min-width:720px}
  .approved-service{justify-content:flex-start}
  .tg-brand{width:28px;height:28px}.tg-brand svg{width:18px;height:18px}
}

/* V4.3 unified premium navigation overlay */
.web-nav{
  position:absolute; left:25.6%; right:2.9%; top:1.5%; height:7.4%;
  z-index:20; display:flex; align-items:center; justify-content:flex-end;
  gap:clamp(18px,2.5vw,44px);
}
.web-nav a{
  position:relative; display:flex; align-items:center; justify-content:center;
  height:58%; padding:0 4px;
  color:#e8eef7; font-weight:700;
  font-size:clamp(13px,1.18vw,19px); letter-spacing:.035em;
  text-shadow:0 2px 10px #000;
  transition:color .18s ease,text-shadow .18s ease,transform .18s ease;
}
.web-nav a:hover{
  color:#bceaff;
  text-shadow:0 0 8px rgba(47,174,255,.58),0 0 20px rgba(19,105,255,.25);
  transform:translateY(-1px);
}
.web-nav a.active{
  color:#35b9ff;
  text-shadow:0 0 7px rgba(53,185,255,.72),0 0 18px rgba(25,108,255,.48);
}
.web-nav a.active:after{
  content:""; position:absolute; left:8%; right:8%; bottom:-8px; height:2px;
  background:linear-gradient(90deg,transparent,#168cff 18%,#59d5ff 50%,#168cff 82%,transparent);
  box-shadow:0 0 7px #178cff,0 0 16px rgba(23,140,255,.6);
}
.web-nav .nav-tg,.web-nav .nav-request{
  min-height:42px; padding:0 15px; border-radius:7px;
  border:1px solid rgba(67,105,144,.48); background:rgba(2,7,14,.83);
}
.web-nav .nav-request{
  border-color:rgba(28,105,255,.6);
  background:linear-gradient(135deg,#1268f7,#073cc4);
  box-shadow:0 0 18px rgba(10,87,236,.25);
}
.web-nav .nav-request.active{color:#fff}
.web-nav .nav-request.active:after{display:none}
.telegram-plane{
  width:21px;height:21px;margin-right:8px;display:block;filter:drop-shadow(0 0 6px rgba(34,158,217,.5))
}

/* Hide the baked-in breadcrumb region on service artwork */
.service-breadcrumb-mask{
  position:absolute;z-index:12;left:.8%;top:8.1%;width:14.8%;height:5.4%;
  background:linear-gradient(90deg,#01060d 0%,#01060d 68%,rgba(1,6,13,.93) 82%,rgba(1,6,13,0) 100%);
  pointer-events:none;
}
/* cover baked-in nav text/buttons, then render HTML nav above it */
.nav-mask{
  position:absolute;z-index:11;left:25.2%;right:1.5%;top:.6%;height:8.4%;
  background:linear-gradient(180deg,rgba(0,4,10,.98),rgba(0,4,10,.94) 78%,rgba(0,4,10,0));
  pointer-events:none;
}
/* old Telegram overlays no longer needed */
.tg-home-top,.tg-service-main{display:none!important}

@media(max-width:900px){
 .web-nav{gap:14px;right:2%}
 .web-nav a{font-size:13px}
 .web-nav .nav-tg,.web-nav .nav-request{padding:0 10px;min-height:36px}
}

/* V4.6 — restore V4.3 balance, keep nowrap stability */
.web-nav{
  left:25.6%!important;
  right:2.9%!important;
  top:1.5%!important;
  height:7.4%!important;
  gap:clamp(18px,2.5vw,44px)!important;
  white-space:nowrap!important;
  overflow:visible!important;
}
.web-nav a{
  white-space:nowrap!important;
  flex:0 0 auto!important;
  font-size:clamp(13px,1.18vw,19px)!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
  padding:0 4px!important;
  margin:0!important;
  height:58%!important;
}
.web-nav .nav-tg,.web-nav .nav-request{
  min-height:42px!important;
  padding:0 15px!important;
  margin:0!important;
}
.web-nav .nav-tg{margin-left:10px!important}
.web-nav .nav-request{margin-left:8px!important}

/* scale the whole header as one unit on narrower desktop widths */
@media(min-width:901px) and (max-width:1400px){
  .web-nav{
    transform:scale(.90)!important;
    transform-origin:right top!important;
    right:1.6%!important;
    width:82%!important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .web-nav{
    transform:scale(.78)!important;
    transform-origin:right top!important;
    right:.9%!important;
    width:96%!important;
  }
}

/* Replace lower Telegram artwork region with one clean HTML button */
.lower-tg-mask{
  position:absolute;z-index:13;
  background:#02060d;
  border-radius:10px;
  pointer-events:none;
}
.home-ltg-mask{left:51.9%;top:85.9%;width:24.8%;height:8.7%}
.service-ltg-mask{left:62.4%;top:87.8%;width:24.0%;height:9.0%}

.lower-tg{
  position:absolute;z-index:18;
  display:flex;align-items:center;
  min-height:54px;
  border:1px solid rgba(67,93,121,.62);
  border-radius:10px;
  background:linear-gradient(180deg,rgba(7,13,22,.98),rgba(2,7,13,.98));
  box-shadow:inset 0 0 24px rgba(22,90,155,.06);
  color:#fff;
  padding:0 18px;
}
.home-ltg{left:52.5%;top:86.55%;width:22.9%;height:7.4%}
.service-ltg{left:63.2%;top:88.45%;width:21.3%;height:7.6%}

.lower-tg .tg-circle{
  width:36px;height:36px;border-radius:50%;
  flex:0 0 36px;
  display:grid;place-items:center;
  background:#229ED9;
  box-shadow:0 0 16px rgba(34,158,217,.30);
  margin-right:12px;
}
.lower-tg .tg-circle svg{width:23px;height:23px}
.lower-tg .tg-copy{
  display:flex;flex-direction:column;align-items:flex-start;
  line-height:1.08;
}
.lower-tg .tg-title{
  font-size:clamp(14px,1.12vw,19px);
  font-weight:700;letter-spacing:.01em;
}
.lower-tg .tg-sub{
  margin-top:5px;
  color:#8f9fb2;
  font-size:clamp(10px,.82vw,13px);
}

/* old bottom telegram overlays from earlier versions */
.tg-home-main,.tg-service-main,
.home-telegram-icon-mask,.service-telegram-icon-mask{display:none!important}

/* keep main free of the scroll prompt */
.home-scroll-mask{
  display:block!important;
  left:39.5%!important;top:94.0%!important;width:22%!important;height:6%!important;
  background:linear-gradient(180deg,rgba(0,4,10,.96),#00040a 70%)!important;
}

/* =========================================================
   V4.7 CLEAN HEADER — rebuild the whole header, no patchwork
   ========================================================= */

.clean-header-bg{
  position:absolute;
  left:0;right:0;top:0;
  height:9.7%;
  z-index:24;
  background:
    linear-gradient(180deg,#00040a 0%,#00040a 76%,rgba(0,4,10,.97) 88%,rgba(0,4,10,0) 100%);
  pointer-events:none;
}

.header-logo{
  position:absolute;
  z-index:31;
  left:2.0%;
  top:1.1%;
  width:21.8%;
  height:auto;
  object-fit:contain;
  pointer-events:none;
}

.web-nav{
  position:absolute!important;
  z-index:32!important;
  left:29.6%!important;
  right:2.5%!important;
  top:1.45%!important;
  height:6.1%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform:none!important;
  width:auto!important;
}

.web-nav a{
  position:relative!important;
  flex:0 0 auto!important;
  white-space:nowrap!important;
  height:42px!important;
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 17px!important;
  margin:0 3px!important;
  color:#f0f5fb!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.035em!important;
  line-height:1!important;
  text-shadow:0 2px 10px rgba(0,0,0,.92)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transition:color .18s ease,text-shadow .18s ease!important;
}

.web-nav a:not(.nav-tg):not(.nav-request)::after{
  content:""!important;
  position:absolute!important;
  left:18%!important;right:18%!important;bottom:-5px!important;
  height:2px!important;
  opacity:0!important;
  transform:scaleX(.45)!important;
  background:linear-gradient(90deg,transparent,#168cff 22%,#61dcff 50%,#168cff 78%,transparent)!important;
  box-shadow:0 0 7px #168cff,0 0 16px rgba(22,140,255,.5)!important;
  transition:opacity .18s ease,transform .18s ease!important;
}

.web-nav a:not(.nav-tg):not(.nav-request):hover{
  color:#c8efff!important;
  text-shadow:0 0 7px rgba(66,190,255,.55),0 0 17px rgba(20,102,255,.28)!important;
}

.web-nav a:not(.nav-tg):not(.nav-request):hover::after{
  opacity:.48!important;
  transform:scaleX(.82)!important;
}

.web-nav a.active:not(.nav-tg):not(.nav-request){
  color:#3abaff!important;
  text-shadow:0 0 7px rgba(58,186,255,.85),0 0 18px rgba(19,103,255,.48)!important;
}

.web-nav a.active:not(.nav-tg):not(.nav-request)::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}

.web-nav .nav-tg,
.web-nav .nav-request{
  height:44px!important;
  min-height:44px!important;
  border-radius:8px!important;
  padding:0 16px!important;
  margin-left:10px!important;
}

.web-nav .nav-tg{
  min-width:165px!important;
  border:1px solid rgba(59,94,130,.68)!important;
  background:rgba(3,9,16,.90)!important;
}

.web-nav .nav-request{
  min-width:178px!important;
  border:1px solid rgba(39,111,255,.72)!important;
  background:linear-gradient(135deg,#176fff,#0a43ce)!important;
  box-shadow:0 0 18px rgba(8,78,224,.24)!important;
}

.web-nav .nav-request.active{
  box-shadow:0 0 12px rgba(38,135,255,.44),0 0 28px rgba(11,80,220,.34)!important;
}

.telegram-plane{
  width:20px!important;height:20px!important;
  margin-right:8px!important;flex:0 0 auto!important;
}

/* Remove all previous top patch/mask layers */
.nav-mask,
.service-breadcrumb-mask{
  display:none!important;
}

/* Lower section rebuilt as a clean strip so no old Telegram/scroll remnants remain */
.home-bottom-clean{
  position:absolute;
  z-index:14;
  left:23.2%;right:22.7%;
  top:84.7%;
  height:11.3%;
  background:linear-gradient(180deg,rgba(0,4,10,.97),#00040a 72%);
  border-radius:10px;
  pointer-events:none;
}

.service-bottom-clean{
  position:absolute;
  z-index:14;
  left:13.7%;right:12.0%;
  top:87.0%;
  height:10.6%;
  background:linear-gradient(180deg,rgba(0,4,10,.97),#00040a 74%);
  border-radius:10px;
  pointer-events:none;
}

.home-ltg{
  left:52.7%!important;top:86.45%!important;width:22.8%!important;height:7.25%!important;
}
.service-ltg{
  left:63.25%!important;top:88.42%!important;width:21.3%!important;height:7.45%!important;
}

.home-cta-html,
.service-cta-html{
  position:absolute;z-index:18;
  display:flex;align-items:center;justify-content:center;
  color:#fff;text-decoration:none;
  border-radius:9px;
  font-weight:700;
  letter-spacing:.01em;
  background:linear-gradient(135deg,#1267f7,#073cc6);
  border:1px solid rgba(31,104,255,.76);
  box-shadow:0 0 18px rgba(8,76,220,.26);
}

.home-cta-html{
  left:25.1%;top:86.45%;width:25.4%;height:7.25%;
  font-size:clamp(16px,1.35vw,22px);
}
.service-cta-html{
  left:39.3%;top:88.42%;width:22.5%;height:7.45%;
  font-size:clamp(15px,1.18vw,20px);
}

.cta-lock{
  width:22px;height:26px;margin-right:14px;
  border:2px solid #fff;border-radius:4px;position:relative;
}
.cta-lock:before{
  content:"";position:absolute;left:3px;right:3px;top:-10px;height:10px;
  border:2px solid #fff;border-bottom:0;border-radius:8px 8px 0 0;
}
.cta-arrow{font-size:30px;margin-left:22px;font-weight:300}

/* Kill previous lower patch layers completely */
.home-telegram-icon-mask,.service-telegram-icon-mask,
.home-scroll-mask,.tg-home-main,.tg-service-main,
.home-ltg-mask,.service-ltg-mask{
  display:none!important;
}

@media(min-width:901px) and (max-width:1400px){
  .web-nav{
    transform:scale(.90)!important;
    transform-origin:right top!important;
    right:1.6%!important;
    left:auto!important;
    width:76%!important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .web-nav{
    transform:scale(.78)!important;
    transform-origin:right top!important;
    right:.9%!important;
    width:89%!important;
  }
}
@media(max-width:900px){
  .web-nav{display:none!important}
  .clean-header-bg{height:8.5%}
  .header-logo{width:31%;left:2%;top:.8%}
}

/* =========================================================
   V4.8 HEADER POLISH
   - move the complete desktop nav group left
   - longer luminous active/hover underline ("light tray")
   - tighten bottom cleanup strips
   ========================================================= */

.web-nav{
  left:24.8%!important;
  right:3.3%!important;
}

/* longer light tray than the label itself */
.web-nav a:not(.nav-tg):not(.nav-request)::after{
  left:-10%!important;
  right:-10%!important;
  bottom:-7px!important;
  height:2px!important;
  border-radius:999px!important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(18,117,255,.18) 8%,
      #168cff 25%,
      #65ddff 50%,
      #168cff 75%,
      rgba(18,117,255,.18) 92%,
      transparent 100%)!important;
  box-shadow:
    0 0 5px rgba(77,206,255,.95),
    0 0 11px rgba(22,140,255,.85),
    0 4px 15px rgba(22,103,255,.42)!important;
}

.web-nav a:not(.nav-tg):not(.nav-request):hover::after{
  opacity:.55!important;
  transform:scaleX(.90)!important;
}
.web-nav a.active:not(.nav-tg):not(.nav-request)::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}

/* tiny center glow below active item to create the luminous tray feel */
.web-nav a.active:not(.nav-tg):not(.nav-request)::before{
  content:""!important;
  position:absolute!important;
  left:4%!important;right:4%!important;
  bottom:-12px!important;
  height:9px!important;
  border-radius:50%!important;
  background:radial-gradient(ellipse at center,rgba(43,167,255,.34),rgba(11,75,220,.10) 48%,transparent 73%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}

/* tighter lower cleanup — only enough room for the controls */
.home-bottom-clean{
  left:23.7%!important;
  right:22.9%!important;
  top:85.55%!important;
  height:8.85%!important;
}
.service-bottom-clean{
  left:37.7%!important;
  right:12.8%!important;
  top:87.95%!important;
  height:8.55%!important;
}

/* completely cover old scroll hint with the same natural page black */
.approved-stage::after{
  content:""!important;
  position:absolute!important;
  z-index:17!important;
  left:39%!important;
  width:22%!important;
  bottom:0!important;
  height:4.8%!important;
  background:#00040a!important;
  pointer-events:none!important;
}

/* top request icon: proper compact lock, not square glyph */
.web-nav .nav-request .lock-mini{
  display:inline-block!important;
  position:relative!important;
  width:14px!important;
  height:17px!important;
  margin-right:9px!important;
  border:2px solid #fff!important;
  border-radius:3px!important;
  box-sizing:border-box!important;
}
.web-nav .nav-request .lock-mini::before{
  content:""!important;
  position:absolute!important;
  left:1px!important;right:1px!important;
  top:-8px!important;height:8px!important;
  border:2px solid #fff!important;
  border-bottom:0!important;
  border-radius:7px 7px 0 0!important;
}

/* preserve left shift when scaling on narrower desktops */
@media(min-width:901px) and (max-width:1400px){
  .web-nav{
    left:auto!important;
    right:4.5%!important;
    width:82%!important;
    transform:scale(.90)!important;
    transform-origin:right top!important;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .web-nav{
    left:auto!important;
    right:3.4%!important;
    width:96%!important;
    transform:scale(.78)!important;
    transform-origin:right top!important;
  }
}

/* =========================================================
   V4.9 LOWER CTA CLEANUP
   - fully opaque clean base
   - equal button sizes
   - centered pair
   - remove arrow from private request CTA
   ========================================================= */

/* Completely hide baked lower artwork behind the HTML controls */
.home-bottom-clean,
.service-bottom-clean{
  background:#00040a!important;
  border-radius:10px!important;
  box-shadow:none!important;
}

.home-bottom-clean{
  left:20%!important;
  right:20%!important;
  top:84.9%!important;
  height:10.5%!important;
}

.service-bottom-clean{
  left:28%!important;
  right:28%!important;
  top:87.1%!important;
  height:9.8%!important;
}

/* Equal-size, centered CTA pair */
.home-cta-html,
.home-ltg,
.service-cta-html,
.service-ltg{
  width:21.5%!important;
  height:7.2%!important;
  top:auto!important;
  min-height:0!important;
}

.home-cta-html{
  left:27.4%!important;
  top:86.25%!important;
}
.home-ltg{
  left:51.1%!important;
  top:86.25%!important;
}

.service-cta-html{
  left:27.4%!important;
  top:88.25%!important;
}
.service-ltg{
  left:51.1%!important;
  top:88.25%!important;
}

/* Matching visual weight */
.home-cta-html,
.service-cta-html{
  padding:0 18px!important;
  justify-content:center!important;
  font-size:clamp(15px,1.18vw,20px)!important;
}
.lower-tg{
  padding:0 18px!important;
  justify-content:flex-start!important;
}

.cta-arrow{display:none!important}

.cta-lock{
  width:20px!important;
  height:23px!important;
  margin-right:12px!important;
}

.lower-tg .tg-circle{
  width:34px!important;
  height:34px!important;
  flex:0 0 34px!important;
  margin-right:11px!important;
}
.lower-tg .tg-title{
  font-size:clamp(15px,1.14vw,19px)!important;
}
.lower-tg .tg-sub{
  font-size:clamp(10px,.79vw,12.5px)!important;
}

/* Guarantee no old scroll / CTA remnants can show through */
.approved-stage::after{
  left:0!important;
  right:0!important;
  bottom:0!important;
  width:auto!important;
  height:5.0%!important;
  background:#00040a!important;
}

/* =========================================================
   V4.10 — SERVICE PAGE: return to preferred original layout
   ========================================================= */

.service-stage{
  background:url("/static/assets/chatda_service_refined.png") center/100% 100% no-repeat!important;
}

/* Only clean the baked top menu area — keep left logo, large C and lower layout intact */
.service-top-menu-clean{
  position:absolute;
  z-index:24;
  left:29.2%;
  right:1.8%;
  top:0;
  height:8.7%;
  background:linear-gradient(180deg,#00040a 0%,#00040a 76%,rgba(0,4,10,.98) 88%,rgba(0,4,10,0) 100%);
  pointer-events:none;
}

/* remove breadcrumb only, without touching the large C radar */
.service-breadcrumb-clean{
  position:absolute;
  z-index:23;
  left:1.4%;
  top:7.2%;
  width:14.8%;
  height:4.8%;
  background:linear-gradient(90deg,#00040a 0%,#00040a 76%,rgba(0,4,10,0) 100%);
  pointer-events:none;
}

/* Unified navigation; shifted left and spaced out for better balance */
.service-stage .web-nav,
.approved-stage .web-nav{
  left:23.8%!important;
  right:3.4%!important;
  top:1.35%!important;
  height:6.4%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  white-space:nowrap!important;
  transform:none!important;
  width:auto!important;
}

.service-stage .web-nav a,
.approved-stage .web-nav a{
  white-space:nowrap!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 16px!important;
  height:42px!important;
  min-height:42px!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
}

/* Slightly wider spacing among the 4 main menu items */
.service-stage .web-nav a:not(.nav-tg):not(.nav-request),
.approved-stage .web-nav a:not(.nav-tg):not(.nav-request){
  margin-right:7px!important;
}

/* Preferred active-menu glow: longer than the text */
.service-stage .web-nav a:not(.nav-tg):not(.nav-request)::after,
.approved-stage .web-nav a:not(.nav-tg):not(.nav-request)::after{
  left:-14%!important;
  right:-14%!important;
  bottom:-7px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(24,120,255,.25) 10%,#168cff 28%,#70e1ff 50%,#168cff 72%,rgba(24,120,255,.25) 90%,transparent 100%)!important;
  box-shadow:0 0 4px rgba(103,220,255,.95),0 0 10px rgba(22,140,255,.9),0 4px 14px rgba(20,105,255,.38)!important;
}

.service-stage .web-nav a.active:not(.nav-tg):not(.nav-request)::before,
.approved-stage .web-nav a.active:not(.nav-tg):not(.nav-request)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-12px!important;
  height:8px!important;
  background:radial-gradient(ellipse at center,rgba(50,175,255,.30),rgba(18,90,230,.10) 48%,transparent 74%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}

/* On the preferred service artwork, keep the original bottom 3-part composition.
   Hide the HTML bottom replacements entirely so nothing overlaps the baked design. */
.service-stage .service-bottom-clean,
.service-stage .service-cta-html,
.service-stage .service-ltg,
.service-stage .lower-tg-mask,
.service-stage .service-ltg-mask,
.service-stage .service-telegram-icon-mask,
.service-stage .tg-service-main{
  display:none!important;
}

/* keep home bottom centered version from v4.9 */
.approved-stage .home-bottom-clean{display:block!important}
.approved-stage .home-cta-html{display:flex!important}
.approved-stage .home-ltg{display:flex!important}

/* Telegram top button stays subtle; no forced official round badge */
.web-nav .nav-tg{
  min-width:165px!important;
  background:rgba(3,8,15,.90)!important;
  border:1px solid rgba(58,91,125,.72)!important;
}
.web-nav .nav-tg .telegram-plane{
  width:19px!important;height:19px!important;margin-right:8px!important;
}

@media(min-width:901px) and (max-width:1400px){
  .service-stage .web-nav,
  .approved-stage .web-nav{
    transform:scale(.90)!important;
    transform-origin:right top!important;
    left:auto!important;
    right:2.4%!important;
    width:81%!important;
  }
}

/* =========================================================
   V4.11 — NAV + CTA POLISH
   ========================================================= */

/* Move the 4 main menu items and whole group further left for visual balance */
.service-stage .web-nav,
.approved-stage .web-nav{
  left:18.8%!important;
  right:3.1%!important;
  gap:18px!important;
}

/* Give only the 4 text-menu items a little more breathing room */
.service-stage .web-nav a:not(.nav-tg):not(.nav-request),
.approved-stage .web-nav a:not(.nav-tg):not(.nav-request){
  margin-right:12px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

/* Top Telegram: return to a simple paper-plane accent, no round logo badge */
.web-nav .nav-tg{
  min-width:162px!important;
  background:linear-gradient(180deg,rgba(6,13,23,.95),rgba(3,8,15,.98))!important;
  border:1px solid rgba(63,95,128,.72)!important;
  box-shadow:inset 0 0 18px rgba(35,117,190,.05)!important;
}
.web-nav .nav-tg .telegram-plane path{
  fill:#2fb8ff!important;
}
.web-nav .nav-tg .telegram-plane{
  filter:drop-shadow(0 0 6px rgba(47,184,255,.38))!important;
}

/* Premium private-request CTA:
   deep navy glass, thin electric edge, shield-keyhole icon */
.web-nav .nav-request,
.home-cta-html{
  background:
    linear-gradient(180deg,rgba(9,27,49,.98),rgba(4,13,27,.98))!important;
  border:1px solid rgba(44,145,255,.86)!important;
  box-shadow:
    inset 0 0 22px rgba(20,109,226,.10),
    0 0 15px rgba(10,91,214,.20)!important;
  color:#f8fbff!important;
}

.web-nav .nav-request:hover,
.home-cta-html:hover{
  border-color:#58c9ff!important;
  box-shadow:
    inset 0 0 25px rgba(22,121,255,.15),
    0 0 11px rgba(56,188,255,.28),
    0 0 24px rgba(18,94,224,.20)!important;
}

/* Replace lock icon appearance with a compact shield/keyhole mark */
.nav-request .lock-mini,
.home-cta-html .cta-lock{
  width:23px!important;
  height:27px!important;
  border:1.7px solid #79d5ff!important;
  border-radius:50% 50% 42% 42% / 36% 36% 64% 64%!important;
  transform:scaleX(.86)!important;
  margin-right:12px!important;
  box-shadow:0 0 9px rgba(69,195,255,.28)!important;
  position:relative!important;
}
.nav-request .lock-mini::before,
.home-cta-html .cta-lock::before{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:7px!important;
  width:5px!important;
  height:5px!important;
  transform:translateX(-50%)!important;
  background:#79d5ff!important;
  border:0!important;
  border-radius:50%!important;
  box-shadow:0 0 6px rgba(76,202,255,.55)!important;
}
.nav-request .lock-mini::after,
.home-cta-html .cta-lock::after{
  content:""!important;
  position:absolute!important;
  left:50%!important;
  top:12px!important;
  width:2px!important;
  height:6px!important;
  transform:translateX(-50%)!important;
  background:#79d5ff!important;
  border-radius:999px!important;
}

/* Main lower Telegram: remove round logo and use a simple blue paper-plane glyph */
.home-ltg .tg-circle{
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  margin-right:10px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.home-ltg .tg-circle svg{
  width:26px!important;
  height:26px!important;
}
.home-ltg .tg-circle svg path{
  fill:#2fb8ff!important;
}
.home-ltg{
  background:linear-gradient(180deg,rgba(6,13,22,.98),rgba(3,8,14,.98))!important;
  border:1px solid rgba(60,91,122,.70)!important;
}

/* Make main lower request/telegram pair feel like one centered module */
.home-cta-html,
.home-ltg{
  height:7.0%!important;
}
.home-cta-html{
  left:28.1%!important;
  width:20.9%!important;
}
.home-ltg{
  left:50.7%!important;
  width:21.2%!important;
}

/* keep narrower screens balanced */
@media(min-width:901px) and (max-width:1400px){
  .service-stage .web-nav,
  .approved-stage .web-nav{
    left:auto!important;
    right:2.1%!important;
    width:86%!important;
    transform:scale(.90)!important;
    transform-origin:right top!important;
  }
}

/* =========================================================
   V4.12 SERVICE FINISH — crop + bottom CTA sharpness/polish
   ========================================================= */

/* Service hero: prevent the large C artwork from being clipped by header/section bounds */
.service-stage .service-hero{
  overflow:visible!important;
  clip-path:none!important;
}
.service-stage .service-hero-bg,
.service-stage .service-hero img{
  object-position:center center!important;
}
.service-stage .service-content{
  overflow:visible!important;
}

/* Service bottom CTA area: remove inherited dim/blur overlays */
.service-stage .service-bottom,
.service-stage .service-bottom *{
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
.service-stage .service-bottom{
  opacity:1!important;
  background:rgba(2,7,13,.98)!important;
  box-shadow:none!important;
}

/* Kill any pseudo-overlay that was making the footer look foggy/doubled */
.service-stage .service-bottom::before,
.service-stage .service-bottom::after{
  display:none!important;
  content:none!important;
}

/* Bottom CTA pair — crisp premium style matching V4.11 top controls */
.service-stage .service-bottom .request-btn,
.service-stage .service-bottom .telegram-btn{
  opacity:1!important;
  filter:none!important;
  text-shadow:none!important;
  transform:none!important;
  border-radius:8px!important;
  height:64px!important;
  box-sizing:border-box!important;
}
.service-stage .service-bottom .request-btn{
  background:linear-gradient(180deg,rgba(9,27,49,.99),rgba(4,13,27,.99))!important;
  border:1px solid rgba(44,145,255,.88)!important;
  box-shadow:inset 0 0 20px rgba(20,109,226,.10),0 0 14px rgba(10,91,214,.16)!important;
}
.service-stage .service-bottom .telegram-btn{
  background:linear-gradient(180deg,rgba(6,13,22,.99),rgba(3,8,14,.99))!important;
  border:1px solid rgba(60,91,122,.74)!important;
  box-shadow:inset 0 0 16px rgba(47,184,255,.035)!important;
}
.service-stage .service-bottom .request-btn:hover,
.service-stage .service-bottom .telegram-btn:hover{
  border-color:#58c9ff!important;
}

/* Remove old CTA arrow where present */
.service-stage .service-bottom .request-btn .arrow,
.service-stage .service-bottom .request-btn .cta-arrow{
  display:none!important;
}

/* sharpen text */
.service-stage .service-bottom .request-btn,
.service-stage .service-bottom .telegram-btn,
.service-stage .service-bottom .request-btn *,
.service-stage .service-bottom .telegram-btn *{
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* =========================================================
   V4.13 — exact service-page fix from live screenshot
   ========================================================= */

/* The old breadcrumb mask was physically covering the upper-left radar C.
   Keep the breadcrumb hidden, but stop the mask BEFORE the radar artwork. */
.service-stage .service-breadcrumb-clean{
  display:block!important;
  left:1.35%!important;
  top:7.15%!important;
  width:7.9%!important;
  height:4.35%!important;
  z-index:23!important;
  background:linear-gradient(90deg,#00040a 0%,#00040a 86%,rgba(0,4,10,0) 100%)!important;
}

/* Top menu cleaning must never touch the left logo/radar artwork */
.service-stage .service-top-menu-clean{
  display:block!important;
  left:29.0%!important;
  right:1.4%!important;
  top:0!important;
  height:8.55%!important;
  z-index:24!important;
}

/* Cover ONLY the baked lower buttons, not the left slogan.
   This removes the fuzzy rasterized CTA text underneath. */
.service-stage .service-bottom-clean{
  display:block!important;
  left:37.2%!important;
  right:14.4%!important;
  top:86.85%!important;
  height:10.7%!important;
  z-index:15!important;
  background:#00040a!important;
  border-radius:8px!important;
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

/* Bring the new HTML CTAs back — v4.10 had intentionally hidden them. */
.service-stage .service-cta-html{
  display:flex!important;
  left:38.45%!important;
  top:88.35%!important;
  width:22.0%!important;
  height:7.05%!important;
  z-index:19!important;
  background:linear-gradient(180deg,rgba(9,27,49,.99),rgba(4,13,27,.99))!important;
  border:1px solid rgba(44,145,255,.88)!important;
  box-shadow:inset 0 0 20px rgba(20,109,226,.10),0 0 14px rgba(10,91,214,.16)!important;
  color:#fff!important;
  border-radius:8px!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.service-stage .service-ltg{
  display:flex!important;
  left:62.0%!important;
  top:88.35%!important;
  width:21.8%!important;
  height:7.05%!important;
  z-index:19!important;
  background:linear-gradient(180deg,rgba(6,13,22,.99),rgba(3,8,14,.99))!important;
  border:1px solid rgba(60,91,122,.74)!important;
  box-shadow:inset 0 0 16px rgba(47,184,255,.035)!important;
  border-radius:8px!important;
  filter:none!important;
  backdrop-filter:none!important;
}

/* No extra masks / old Telegram badge in the lower service CTA area */
.service-stage .lower-tg-mask,
.service-stage .service-ltg-mask,
.service-stage .service-telegram-icon-mask,
.service-stage .tg-service-main{
  display:none!important;
}

/* Service lower Telegram: simple paper plane only, no round badge */
.service-stage .service-ltg .tg-circle{
  display:grid!important;
  place-items:center!important;
  width:30px!important;
  height:30px!important;
  flex:0 0 30px!important;
  margin-right:10px!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.service-stage .service-ltg .tg-circle svg{
  width:27px!important;
  height:27px!important;
  filter:drop-shadow(0 0 5px rgba(47,184,255,.24))!important;
}
.service-stage .service-ltg .tg-circle svg path{fill:#2fb8ff!important}

/* Shield/keyhole request icon, matching the top premium CTA */
.service-stage .service-cta-html .cta-lock{
  width:23px!important;
  height:27px!important;
  border:1.7px solid #79d5ff!important;
  border-radius:50% 50% 42% 42% / 36% 36% 64% 64%!important;
  transform:scaleX(.86)!important;
  margin-right:12px!important;
  box-shadow:0 0 9px rgba(69,195,255,.28)!important;
  position:relative!important;
}
.service-stage .service-cta-html .cta-lock::before{
  content:""!important;
  position:absolute!important;
  left:50%!important; top:7px!important;
  width:5px!important; height:5px!important;
  transform:translateX(-50%)!important;
  background:#79d5ff!important;
  border:0!important; border-radius:50%!important;
  box-shadow:0 0 6px rgba(76,202,255,.55)!important;
}
.service-stage .service-cta-html .cta-lock::after{
  content:""!important;
  position:absolute!important;
  left:50%!important; top:12px!important;
  width:2px!important; height:6px!important;
  transform:translateX(-50%)!important;
  background:#79d5ff!important;
  border-radius:999px!important;
}

/* Make live HTML text crisp */
.service-stage .service-cta-html,
.service-stage .service-ltg,
.service-stage .service-cta-html *,
.service-stage .service-ltg *{
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* =========================================================
   V4.14 — SERVICE FOOTER: ONE UNIFIED SHARP PANEL
   ========================================================= */

/* Cover the ENTIRE original service footer strip, including the baked slogan/buttons */
.service-footer-clean{
  position:absolute;
  z-index:18;
  left:3.2%;
  right:3.2%;
  top:86.0%;
  height:11.3%;
  background:linear-gradient(180deg,#04101b 0%,#020913 100%);
  border:1px solid rgba(42,74,105,.42);
  border-radius:10px;
  box-shadow:
    inset 0 0 28px rgba(15,74,135,.05),
    0 8px 24px rgba(0,0,0,.18);
  display:grid;
  grid-template-columns:1.15fr .95fr .95fr;
  align-items:center;
  gap:18px;
  padding:0 28px;
  overflow:hidden;
}

.service-footer-clean::before{
  content:"";
  position:absolute;
  left:32.7%;
  top:18%;
  bottom:18%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(63,108,151,.32),transparent);
}
.service-footer-clean::after{
  content:"";
  position:absolute;
  left:66.3%;
  top:18%;
  bottom:18%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(63,108,151,.32),transparent);
}

.service-footer-slogan{
  position:relative;
  z-index:2;
  padding-left:4px;
}
.service-footer-slogan .main{
  font-size:clamp(18px,1.45vw,24px);
  font-weight:500;
  color:#f3f6fa;
  letter-spacing:-.02em;
  line-height:1.15;
}
.service-footer-slogan .main b{
  color:#1683ff;
  font-weight:700;
}
.service-footer-slogan .sub{
  margin-top:7px;
  font-size:clamp(11px,.82vw,13px);
  color:#8595a8;
  letter-spacing:-.01em;
}

.service-footer-action{
  position:relative;
  z-index:2;
  height:58px;
  border-radius:9px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  color:#f8fbff;
  background:linear-gradient(180deg,rgba(8,24,43,.99),rgba(3,12,24,.99));
  border:1px solid rgba(42,137,242,.68);
  box-shadow:
    inset 0 0 18px rgba(24,110,220,.07),
    0 0 12px rgba(0,81,180,.10);
  transition:.18s ease;
}
.service-footer-action:hover{
  border-color:#5bcfff;
  box-shadow:
    inset 0 0 20px rgba(24,123,235,.12),
    0 0 12px rgba(55,192,255,.20);
  transform:translateY(-1px);
}

.service-footer-action .icon-wrap{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  flex:0 0 32px;
  margin-right:11px;
}
.service-footer-action .request-shield{
  width:22px;
  height:26px;
  border:1.6px solid #6fd2ff;
  border-radius:50% 50% 42% 42% / 35% 35% 65% 65%;
  position:relative;
  box-shadow:0 0 8px rgba(57,190,255,.20);
}
.service-footer-action .request-shield::before{
  content:"";
  position:absolute;
  left:50%;
  top:7px;
  width:5px;
  height:5px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#6fd2ff;
}
.service-footer-action .request-shield::after{
  content:"";
  position:absolute;
  left:50%;
  top:12px;
  width:2px;
  height:6px;
  transform:translateX(-50%);
  border-radius:2px;
  background:#6fd2ff;
}

.service-footer-action .plane{
  width:27px;
  height:27px;
  filter:drop-shadow(0 0 5px rgba(47,184,255,.18));
}

.service-footer-action .copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.08;
}
.service-footer-action .title{
  font-size:clamp(14px,1.10vw,18px);
  font-weight:700;
  color:#fff;
}
.service-footer-action .desc{
  margin-top:5px;
  font-size:clamp(10px,.76vw,12px);
  color:#8fa0b4;
}

/* Hide ALL previous lower service CTA overlays/elements */
.service-stage .service-bottom-clean,
.service-stage .service-cta-html,
.service-stage .service-ltg,
.service-stage .lower-tg-mask,
.service-stage .service-ltg-mask,
.service-stage .service-telegram-icon-mask,
.service-stage .tg-service-main{
  display:none!important;
}

/* Ensure no blur/opacity on the new panel */
.service-footer-clean,
.service-footer-clean *:not(.page-private-glow){
  opacity:1!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:geometricPrecision;
}

@media(max-width:1100px){
  .service-footer-clean{
    padding:0 18px;
    gap:12px;
  }
}

/* =========================================================
   V4.15 — SERVICE LARGE C UNCLIP FIX
   ========================================================= */

/* The top cleaning strip was still overlapping the large radar C below the nav.
   Reduce its vertical reach and start it farther right so it only cleans baked menu text. */
.service-stage .service-top-menu-clean{
  left:30.8%!important;
  right:1.2%!important;
  top:0!important;
  height:6.45%!important;
  background:linear-gradient(
    180deg,
    #00040a 0%,
    #00040a 72%,
    rgba(0,4,10,.96) 86%,
    rgba(0,4,10,0) 100%
  )!important;
}

/* Breadcrumb cleanup: keep it tiny and away from the radar graphic */
.service-stage .service-breadcrumb-clean{
  left:1.3%!important;
  top:7.05%!important;
  width:6.2%!important;
  height:3.0%!important;
  background:linear-gradient(90deg,#00040a 0%,#00040a 84%,rgba(0,4,10,0) 100%)!important;
}

/* Explicitly let the hero/radar region render outside any accidental crop */
.service-stage{
  overflow:visible!important;
}
.service-stage .service-hero,
.service-stage .service-hero-bg,
.service-stage .hero-visual,
.service-stage .radar-c{
  overflow:visible!important;
  clip-path:none!important;
  mask-image:none!important;
  -webkit-mask-image:none!important;
}

/* Keep nav visually above, but without a full-width opaque band */
.service-stage .web-nav{
  z-index:40!important;
}

/* =========================================================
   V4.16 — TOP HEADER LOCK
   - keep approved header styling
   - shift 4 main menu items slightly left
   - preserve active glow / CTA styling
   ========================================================= */

/* Shift the full desktop nav group a little further left */
.service-stage .web-nav,
.approved-stage .web-nav{
  left:17.2%!important;
  right:3.2%!important;
}

/* Keep comfortable spacing between the 4 core menu items */
.service-stage .web-nav a:not(.nav-tg):not(.nav-request),
.approved-stage .web-nav a:not(.nav-tg):not(.nav-request){
  margin-right:13px!important;
  padding-left:18px!important;
  padding-right:18px!important;
}

/* Preserve the approved active glow shape */
.service-stage .web-nav a.active:not(.nav-tg):not(.nav-request)::after,
.approved-stage .web-nav a.active:not(.nav-tg):not(.nav-request)::after{
  left:-14%!important;
  right:-14%!important;
  bottom:-7px!important;
  height:2px!important;
  opacity:1!important;
  transform:scaleX(1)!important;
}

/* Keep the top right controls exactly in the approved premium style */
.web-nav .nav-tg{
  background:linear-gradient(180deg,rgba(6,13,23,.95),rgba(3,8,15,.98))!important;
  border:1px solid rgba(63,95,128,.72)!important;
}
.web-nav .nav-request{
  background:linear-gradient(180deg,rgba(9,27,49,.98),rgba(4,13,27,.98))!important;
  border:1px solid rgba(44,145,255,.86)!important;
}

/* Do not alter service hero/radar area */
.service-stage .service-top-menu-clean{
  height:6.45%!important;
}
.service-stage{
  overflow:visible!important;
}

/* =========================================================
   V4.17 — SERVICE RESTORE FROM SHARP FIXED SOURCE
   ========================================================= */

/* Use the higher-resolution fixed service artwork without re-rasterizing */
.service-stage{
  background:url("/static/assets/chatda_service_refined.png") center/100% 100% no-repeat!important;
  image-rendering:auto!important;
  filter:none!important;
  opacity:1!important;
}

/* Preserve the locked header exactly, just keep its current position */
.service-stage .web-nav{
  z-index:50!important;
}

/* Do not cover the large left radar C. Only clean the baked menu text area. */
.service-stage .service-top-menu-clean{
  left:31.5%!important;
  right:1.4%!important;
  top:0!important;
  height:6.0%!important;
  background:linear-gradient(180deg,#00040a 0%,#00040a 72%,rgba(0,4,10,.96) 88%,rgba(0,4,10,0) 100%)!important;
}
.service-stage .service-breadcrumb-clean{
  display:none!important;
}

/* Keep all hero/radar artwork fully visible */
.service-stage,
.service-stage *{
  clip-path:none!important;
}
.service-stage{
  overflow:visible!important;
}

/* Remove the large separate footer panel introduced later */
.service-footer-clean{
  display:none!important;
}

/* Hide previous service footer overlays and rebuild only the two liked CTA boxes,
   placed directly on the original footer strip so it reads as one composition. */
.service-stage .service-bottom-clean,
.service-stage .service-cta-html,
.service-stage .service-ltg,
.service-stage .lower-tg-mask,
.service-stage .service-ltg-mask,
.service-stage .service-telegram-icon-mask,
.service-stage .tg-service-main{
  display:none!important;
}

.service-cta-overlay{
  position:absolute;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:center;
  height:7.1%;
  border-radius:8px;
  background:linear-gradient(180deg,rgba(8,24,43,.98),rgba(3,12,24,.98));
  border:1px solid rgba(42,137,242,.70);
  box-shadow:inset 0 0 18px rgba(24,110,220,.07),0 0 12px rgba(0,81,180,.10);
  color:#fff;
  text-decoration:none;
  filter:none!important;
  backdrop-filter:none!important;
}
.service-cta-overlay.request{
  left:39.2%;
  top:89.0%;
  width:22.1%;
}
.service-cta-overlay.telegram{
  left:63.2%;
  top:89.0%;
  width:21.0%;
  justify-content:flex-start;
  padding-left:19px;
}
.service-cta-overlay .shield{
  width:22px;
  height:26px;
  border:1.6px solid #6fd2ff;
  border-radius:50% 50% 42% 42% / 35% 35% 65% 65%;
  position:relative;
  margin-right:12px;
  box-shadow:0 0 8px rgba(57,190,255,.20);
}
.service-cta-overlay .shield:before{
  content:"";
  position:absolute;
  left:50%;
  top:7px;
  width:5px;
  height:5px;
  transform:translateX(-50%);
  border-radius:50%;
  background:#6fd2ff;
}
.service-cta-overlay .shield:after{
  content:"";
  position:absolute;
  left:50%;
  top:12px;
  width:2px;
  height:6px;
  transform:translateX(-50%);
  border-radius:2px;
  background:#6fd2ff;
}
.service-cta-overlay .plane{
  width:27px;
  height:27px;
  margin-right:11px;
  filter:drop-shadow(0 0 5px rgba(47,184,255,.18));
}
.service-cta-overlay .copy{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  line-height:1.08;
}
.service-cta-overlay .title{
  font-size:clamp(14px,1.10vw,18px);
  font-weight:700;
}
.service-cta-overlay .desc{
  margin-top:5px;
  font-size:clamp(10px,.76vw,12px);
  color:#8fa0b4;
}

/* Cover only the baked CTA boxes underneath, leaving the left slogan untouched */
.service-footer-cta-mask{
  position:absolute;
  z-index:28;
  left:37.5%;
  right:13.8%;
  top:87.9%;
  height:9.2%;
  background:#02070d;
  border-radius:8px;
  pointer-events:none;
}

/* =========================================================
   V4.18 — SERVICE MASTER: radar C + seamless unified footer
   ========================================================= */

/* Full-width header cover was the actual layer clipping the top of the large C.
   Keep only enough height to clean the baked header, then fade before radar art. */
.service-stage .clean-header-bg{
  height:7.15%!important;
  background:linear-gradient(180deg,#00040a 0%,#00040a 72%,rgba(0,4,10,.94) 88%,rgba(0,4,10,0) 100%)!important;
}
.service-stage .service-top-menu-clean{
  left:31.5%!important;
  height:6.0%!important;
}

/* Use one continuous footer surface instead of a small patch behind two buttons. */
.service-stage .service-footer-cta-mask,
.service-stage .service-cta-overlay{
  display:none!important;
}
.service-stage .service-footer-clean{
  display:grid!important;
  left:3.15%!important;
  right:3.15%!important;
  top:86.55%!important;
  height:10.75%!important;
  grid-template-columns:1.15fr .95fr .95fr!important;
  gap:18px!important;
  padding:0 28px!important;
  background:linear-gradient(180deg,rgba(2,8,14,.995) 0%,rgba(1,6,12,.995) 100%)!important;
  border:1px solid rgba(32,58,84,.40)!important;
  border-radius:8px!important;
  box-shadow:inset 0 1px 0 rgba(69,119,164,.035)!important;
  overflow:hidden!important;
}
.service-stage .service-footer-clean::before,
.service-stage .service-footer-clean::after{
  opacity:.42!important;
}
.service-stage .service-footer-slogan .main{
  font-size:clamp(18px,1.38vw,23px)!important;
  font-weight:500!important;
}
.service-stage .service-footer-slogan .sub{
  color:#8292a5!important;
}
.service-stage .service-footer-action{
  height:58px!important;
  background:linear-gradient(180deg,rgba(7,22,39,.98),rgba(3,11,22,.98))!important;
  border:1px solid rgba(42,137,242,.70)!important;
  box-shadow:inset 0 0 18px rgba(24,110,220,.06),0 0 10px rgba(0,81,180,.08)!important;
}
.service-stage .service-footer-action.telegram{
  border-color:rgba(55,99,137,.72)!important;
  background:linear-gradient(180deg,rgba(5,14,24,.98),rgba(2,9,16,.98))!important;
}

/* Preserve crisp artwork/text; never blur the service stage. */
.service-stage,
.service-stage *{
  -webkit-font-smoothing:antialiased;
}
.service-stage{filter:none!important;opacity:1!important}

/* =========================================================
   V4.19 — FINAL CROP + FOOTER INTEGRATION
   ========================================================= */
/* Never place the header-cleaning layer over the large radar C. */
.service-stage .clean-header-bg{
  left:30.8%!important;
  right:0!important;
  width:auto!important;
  height:7.15%!important;
  background:linear-gradient(180deg,#00040a 0%,#00040a 72%,rgba(0,4,10,.94) 88%,rgba(0,4,10,0) 100%)!important;
}
/* Keep the radar artwork itself completely untouched and visible. */
.service-stage{overflow:visible!important;}

/* Footer should read as the continuation of the artwork, not a pasted card. */
.service-stage .service-footer-clean{
  left:3.15%!important;
  right:3.15%!important;
  top:86.55%!important;
  height:10.75%!important;
  background:#02070d!important;
  border:0!important;
  border-top:1px solid rgba(28,55,79,.28)!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0 28px!important;
  overflow:visible!important;
}
.service-stage .service-footer-clean::before,
.service-stage .service-footer-clean::after{opacity:.20!important;}
/* Keep only the approved two button outlines as visual objects. */
.service-stage .service-footer-action{
  height:58px!important;
  border-radius:8px!important;
  box-shadow:inset 0 0 14px rgba(24,110,220,.04)!important;
}

/* =========================================================
   V4.20 — TRUE SOURCE FIX: transparent header + native footer
   ========================================================= */
.service-stage{
  background-image:url("/static/assets/chatda_service_clean.png")!important;
}
/* Header logo no longer carries an opaque black rectangle over the radar C. */
.service-stage .header-logo{
  content:url("/static/assets/chatda_header_logo_transparent.png")!important;
  background:transparent!important;
}
/* Only erase baked menu text on the right; never cover the radar artwork. */
.service-stage .clean-header-bg{left:30.8%!important;}
.service-stage .service-top-menu-clean{left:31.5%!important;}

/* Native footer artwork is now clean: no replacement footer panel. */
.service-stage .service-footer-clean{
  display:contents!important;
}
.service-stage .service-footer-slogan{display:none!important;}
.service-stage .service-footer-action{
  position:absolute!important;
  z-index:34!important;
  top:88.75%!important;
  width:22.0%!important;
  height:6.2%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  border:1px solid rgba(47,151,255,.72)!important;
  border-radius:8px!important;
  background:linear-gradient(180deg,rgba(5,18,32,.93),rgba(2,10,19,.93))!important;
  box-shadow:inset 0 0 14px rgba(24,110,220,.035)!important;
}
.service-stage .service-footer-action.request{left:39.0%!important;}
.service-stage .service-footer-action.telegram{left:63.0%!important;}
/* Kill every legacy lower mask/strip so nothing can look pasted on. */
.service-stage .service-bottom-clean,
.service-stage .service-footer-cta-mask,
.service-stage .service-cta-overlay,
.service-stage .lower-tg-mask,
.service-stage .service-ltg-mask{display:none!important;}
/* Remove the stray blue tail under the top-right request button. */
.service-stage .web-nav .nav-request::before,
.service-stage .web-nav .nav-request::after{display:none!important;content:none!important;}

/* =========================================================
   V4.21 — SERVICE FINAL CLEANUP
   Scope: duplicate header, right CTA glow tail, native footer
   ========================================================= */

/* Use the cleaned high-resolution service source. */
.service-stage{
  background-image:url("/static/assets/chatda_service_v421.png")!important;
  background-size:100% 100%!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  overflow:visible!important;
  filter:none!important;
  opacity:1!important;
}

/* Source image is now clean: disable every old header-cover patch. */
.service-stage .clean-header-bg,
.service-stage .service-top-menu-clean,
.service-stage .service-breadcrumb-clean,
.service-stage .service-breadcrumb-mask,
.service-stage .nav-mask{
  display:none!important;
}

/* Keep exactly one real HTML CHATDA logo. */
.service-stage .header-logo{
  display:block!important;
  content:url("/static/assets/chatda_header_logo_transparent.png")!important;
  background:transparent!important;
  z-index:45!important;
}

/* Preserve the approved menu / active glow. */
.service-stage .web-nav{
  z-index:50!important;
}

/* Remove any decorative pseudo-layer/tail from the top-right request CTA. */
.service-stage .web-nav .nav-request::before,
.service-stage .web-nav .nav-request::after{
  display:none!important;
  content:none!important;
}
.service-stage .web-nav .nav-request{
  box-shadow:
    inset 0 0 18px rgba(20,109,226,.08),
    0 0 10px rgba(10,91,214,.14)!important;
}

/* Native footer: no pasted panel, no mask, no replacement wall. */
.service-stage .service-footer-cta-mask,
.service-stage .service-bottom-clean,
.service-stage .service-cta-html,
.service-stage .service-ltg,
.service-stage .lower-tg-mask,
.service-stage .service-ltg-mask,
.service-stage .service-telegram-icon-mask,
.service-stage .tg-service-main,
.service-stage .service-cta-overlay{
  display:none!important;
}

/* Reuse only the two approved CTA boxes from service-footer-clean.
   The source image already contains the left slogan and native dark footer. */
.service-stage .service-footer-clean{
  display:contents!important;
}
.service-stage .service-footer-slogan{
  display:none!important;
}
.service-stage .service-footer-action{
  position:absolute!important;
  z-index:36!important;
  top:88.8%!important;
  width:22.0%!important;
  height:6.35%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:8px!important;
  text-decoration:none!important;
  background:linear-gradient(180deg,rgba(5,18,32,.94),rgba(2,10,19,.94))!important;
  border:1px solid rgba(47,151,255,.72)!important;
  box-shadow:inset 0 0 13px rgba(24,110,220,.035)!important;
  filter:none!important;
  backdrop-filter:none!important;
}
.service-stage .service-footer-action.request{
  left:39.0%!important;
}
.service-stage .service-footer-action.telegram{
  left:63.0%!important;
  border-color:rgba(55,99,137,.75)!important;
}
.service-stage .service-footer-action,
.service-stage .service-footer-action *:not(.page-private-glow){
  opacity:1!important;
  text-shadow:none!important;
  -webkit-font-smoothing:antialiased!important;
  text-rendering:geometricPrecision!important;
}

/* Keep the page artwork itself untouched and crisp. */
.service-stage *{
  clip-path:none!important;
}


/* =========================================================
   V4.22 — FOOTER CTA POSITION ONLY
   Move the two approved service footer boxes slightly lower.
   No other layout/design changes.
   ========================================================= */
.service-stage .service-footer-action{
  top:90.0%!important;
}

/* keep the two boxes aligned on exactly the same baseline */
.service-stage .service-footer-action.request,
.service-stage .service-footer-action.telegram{
  top:90.0%!important;
}

/* V4.23 INFORMATION HUB — inherits approved CHATDA visual system */
.hub-page{min-height:100vh;background:#00050b;color:#fff;position:relative;overflow:hidden}
.hub-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 5%,rgba(0,105,255,.13),transparent 28%),linear-gradient(rgba(3,10,18,.28),rgba(0,4,10,.94));}
.hub-header{height:88px;max-width:1450px;margin:auto;position:relative;z-index:5;display:flex;align-items:center;padding:0 34px;border-bottom:1px solid rgba(40,116,180,.12)}
.hub-logo{width:285px;flex:none}.hub-logo img{width:100%;height:auto;display:block;filter:drop-shadow(0 0 8px rgba(0,111,255,.2))}
.hub-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(24px,2.7vw,48px);font-weight:800;white-space:nowrap}.hub-nav>a{height:54px;display:flex;align-items:center;position:relative}.hub-nav>a.active{color:#37baff;text-shadow:0 0 12px rgba(43,183,255,.75)}.hub-nav>a.active:after{content:"";position:absolute;left:50%;bottom:2px;transform:translateX(-50%);width:86px;height:2px;background:#31baff;box-shadow:0 0 8px 2px #158cff,0 5px 16px #0877e8}.hub-nav .nav-tg,.hub-nav .nav-request{height:44px;padding:0 18px;border:1px solid #1b527d;border-radius:9px;gap:8px;background:#030b14}.hub-nav .nav-request{border-color:#158fff;box-shadow:0 7px 18px -14px #0785ff}.hub-nav .telegram-plane{width:20px}
.hub-wrap{position:relative;z-index:2;max-width:1380px;margin:auto;padding:22px 34px 60px}.hub-hero{height:245px;border-bottom:1px solid #17344e;display:grid;grid-template-columns:220px 1fr 260px;align-items:center;position:relative;background:radial-gradient(circle at 18% 50%,rgba(0,107,255,.13),transparent 25%)}
.hub-orbit{width:148px;height:148px;border:1px solid #147ee0;border-radius:50%;display:grid;place-items:center;font-size:74px;font-weight:800;margin:auto;box-shadow:0 0 40px rgba(0,101,255,.18),inset 0 0 35px rgba(0,110,255,.12);position:relative}.hub-orbit:before,.hub-orbit:after{content:"";position:absolute;border:1px solid rgba(36,151,255,.32);border-radius:50%}.hub-orbit:before{inset:15px}.hub-orbit:after{inset:-20px;border-style:dashed}.hub-kicker{font-size:12px;letter-spacing:.28em;color:#4faeff;margin:0 0 12px}.hub-hero h1{font-size:42px;margin:0 0 12px;letter-spacing:-.04em}.hub-hero h1 span{color:#126cff;text-shadow:0 0 18px rgba(20,102,255,.35)}.hub-hero p:last-child{color:#a6b6c8;margin:0;font-size:16px}.hub-radar{width:180px;height:180px;border-radius:50%;margin:auto;background:repeating-radial-gradient(circle,transparent 0 24px,rgba(32,127,222,.22) 25px 26px),conic-gradient(from 25deg,transparent 0 78%,rgba(30,139,255,.42) 88%,transparent 96%);border:1px solid rgba(30,135,240,.18);position:relative}.hub-radar:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#3bbcff;right:38px;top:52px;box-shadow:0 0 12px 4px #087dff}
.hub-tabs{display:flex;gap:9px;padding:22px 0}.hub-tabs button{border:1px solid #173a59;background:#04101b;color:#91a9c0;border-radius:999px;padding:9px 17px;font-weight:700}.hub-tabs button.active{color:#63c8ff;border-color:#188ddc;background:#061a2b;box-shadow:inset 0 0 18px rgba(0,126,255,.09)}
.hub-content{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px}.panel-premium{background:linear-gradient(145deg,rgba(6,18,31,.97),rgba(2,10,18,.98));border:1px solid #173a57;border-radius:13px;box-shadow:0 18px 60px rgba(0,0,0,.25)}.hub-feed{padding:25px 28px;min-height:510px}.hub-section-head{display:flex;align-items:end;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid #173148}.hub-section-head span,.compose-kicker{font-size:11px;letter-spacing:.2em;color:#238cff}.hub-section-head h2,.hub-compose h2{margin:5px 0 0;font-size:26px}.hub-count{color:#607b94!important;letter-spacing:.12em!important}.hub-post{padding:20px 2px;border-bottom:1px solid #12283b}.hub-post-meta{display:flex;align-items:center;gap:9px;color:#688199;font-size:12px}.hub-post-meta time{margin-left:auto}.hub-badge{padding:5px 9px;border-radius:5px;background:#092f58;color:#59bdff;font-weight:800}.notice{color:#fff}.hub-post h3{font-size:20px;margin:11px 0 7px}.hub-post p{color:#9fb0c1;line-height:1.6;margin:0 0 8px}.hub-post small{color:#637a90}.hub-empty{text-align:center;padding:105px 20px;color:#8ba0b4}.hub-empty h3{color:#dce9f5;margin:15px 0 7px}.empty-signal{width:42px;height:42px;border:1px solid #1788dc;border-radius:50%;margin:auto;box-shadow:0 0 22px rgba(0,132,255,.2);position:relative}.empty-signal:after{content:"";position:absolute;width:6px;height:6px;background:#31baff;border-radius:50%;inset:0;margin:auto;box-shadow:0 0 12px #1b9dff}
.hub-compose{padding:25px}.compose-desc{color:#8096aa;font-size:13px;margin:7px 0 20px}.hub-compose .field{margin-bottom:12px}.hub-compose .field label{font-size:12px;color:#9fb2c5;margin-bottom:6px}.hub-compose .field input,.hub-compose .field select,.hub-compose .field textarea{background:#020912;border-color:#1b3d59;padding:11px 12px}.hub-compose .field textarea{min-height:112px}.hub-compose .two{gap:9px}.hub-submit{width:100%;height:50px;border:1px solid #148ee7;border-radius:8px;background:linear-gradient(180deg,#08213a,#061526);color:#fff;font-weight:900;box-shadow:inset 0 0 20px rgba(0,113,255,.08)}.hub-submit span{float:right;color:#36b8ff}.privacy-note{text-align:center;color:#526c84;font-size:11px;margin:10px 0 0}
@media(max-width:1050px){.hub-header{min-width:900px}.hub-logo{width:220px}.hub-nav{gap:18px}.hub-nav .nav-tg,.hub-nav .nav-request{display:none}.hub-content{grid-template-columns:1fr}.hub-hero{grid-template-columns:170px 1fr}.hub-radar{display:none}}
/* v4.24 information hub - approved reference rebuild */
.hub-final{background:#00050b;overflow:auto}.hub-final:before{background:radial-gradient(circle at 50% 0,rgba(0,90,180,.09),transparent 32%),linear-gradient(#00070e,#00050a)}
.ih-wrap{max-width:1420px;margin:auto;padding:0 18px 28px;position:relative;z-index:2}.ih-hero{min-height:125px;display:grid;grid-template-columns:260px 390px 1fr;align-items:center;border-bottom:1px solid #17324a}.ih-visual{height:125px;position:relative;background:radial-gradient(ellipse at center,rgba(0,99,255,.22),transparent 62%)}.magnify{width:78px;height:78px;border:4px solid #0d83e8;border-radius:50%;position:absolute;left:80px;top:20px;box-shadow:0 0 22px #087aff,inset 0 0 20px #075aa8}.magnify:after{content:"";position:absolute;width:65px;height:8px;background:#0d83e8;transform:rotate(-42deg);left:-42px;bottom:-18px;border-radius:8px;box-shadow:0 0 12px #087aff}.ih-title h1{font-size:38px;margin:0 0 4px}.ih-title h3{font-size:15px;margin:0 0 10px}.ih-title p{font-size:13px;color:#93a6b9;margin:0}.ih-trust{display:grid;grid-template-columns:repeat(4,1fr);height:88px}.ih-trust>div{border-left:1px solid #142638;text-align:center;padding:3px 12px}.ih-trust b{display:block;color:#17aaff;font-size:26px;height:30px}.ih-trust strong{display:block;font-size:13px;margin:4px 0}.ih-trust span{font-size:10px;color:#7f93a6;line-height:1.45}
.ih-grid-top{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:12px}.ih-reco,.guide-box,.board,.ih-side>div{border:1px solid #173a57;background:#030c15;border-radius:7px}.ih-reco{padding:13px}.ih-head{display:flex;justify-content:space-between;margin-bottom:12px;font-size:13px}.ih-head i{font-style:normal;font-size:10px;background:#0b54c7;padding:3px 7px;border-radius:3px;margin-left:6px}.ih-head span{color:#8da1b3}.reco-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.reco-cards article{border:1px solid #1a344c;background:#040d17;border-radius:5px;overflow:hidden}.thumb{height:94px;position:relative;background:radial-gradient(circle at 55% 45%,#0d4d8c 0,#061a2e 34%,#020912 72%)}.thumb:after{position:absolute;inset:0;display:grid;place-items:center;font-size:48px;color:#1b9dff;text-shadow:0 0 18px #067fff}.thumb-case:after{content:"◉"}.thumb-shield:after{content:"♢"}.thumb-doc:after{content:"⌕"}.thumb-notice:after{content:"◖"}.thumb span{position:absolute;z-index:2;left:8px;top:7px;background:#0c56d7;padding:3px 7px;border-radius:3px;font-size:10px}.reco-cards h3{font-size:14px;margin:9px 9px 5px}.reco-cards p{font-size:10px;color:#8fa1b3;margin:0 9px;height:30px}.reco-cards footer{border-top:1px solid #15293c;margin-top:8px;padding:7px 9px;font-size:10px;color:#788da1}.reco-cards footer small{float:right}.guide-box{padding:15px 18px}.guide-box h3,.ih-side h3{color:#21a8ff;margin:0 0 12px;font-size:16px}.guide-box p{font-size:11px;color:#93a6b8;line-height:1.55}.guide-box button{width:100%;height:38px;margin-top:6px;border:1px solid #148ff0;background:linear-gradient(180deg,#0c5cf0,#0739be);color:#fff;font-weight:800;border-radius:3px}
.ih-grid-bottom{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;margin-top:10px}.board{padding:12px 14px}.board-head{display:grid;grid-template-columns:1fr auto 170px 80px;align-items:center;gap:7px}.board-head h2{font-size:17px;margin:0}.board-head div{display:flex;gap:2px}.board-head button{font-size:10px;background:#101a28;color:#a6b5c4;border:0;padding:7px 11px;border-radius:2px}.board-head button.on{background:#0b5be1;color:#fff}.board-head input,.board-head select{height:29px;background:#030a12;border:1px solid #1b344d;color:#9aaabd;border-radius:3px;padding:0 9px}.board table{width:100%;border-collapse:collapse;margin-top:9px;font-size:10.5px}.board th{background:#101b28;color:#91a3b4;padding:7px}.board td{border-bottom:1px solid #102337;padding:8px;color:#b9c5d0}.board td:nth-child(1),.board td:nth-child(6),.board td:nth-child(7){text-align:center}.board td em{font-style:normal;background:#0b57cb;color:#fff;padding:2px 4px;border-radius:2px;font-size:8px}.table-badge{background:#123d69;padding:4px 8px;border-radius:3px;color:#69bfff}.green-b{background:#11562f;color:#8cf0a6}.purple-b{background:#43266a;color:#d4a9ff}.orange-b{background:#74460d;color:#ffc36b}.blue-b{background:#123d69}.notice-b{background:#0d50ad}.pager{text-align:center;padding-top:10px}.pager b{display:inline-grid;place-items:center;min-width:24px;height:24px;margin:0 2px;background:#101a27;border-radius:3px;font-size:10px}.pager .sel{background:#0a55db}.ih-side{display:flex;flex-direction:column;gap:10px}.ih-side>div{padding:14px 16px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips span{border:1px solid #1c344b;border-radius:15px;padding:5px 9px;font-size:10px;color:#9aabbb}.ih-side>div:last-child p{border-bottom:1px solid #12283b;padding:6px 0;margin:0;color:#86a0b8;font-size:11px}.ih-side p b{float:right;color:#dce8f3}.ih-footer{height:40px;border:1px solid #16344e;border-radius:5px;margin-top:12px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);align-items:center;color:#8094a7;font-size:10px}.ih-footer span{padding:0 24px;border-right:1px solid #152b40}.ih-footer span:last-child{border:0}.compose-modal{position:fixed;inset:0;background:rgba(0,4,9,.78);z-index:50;display:none;place-items:center;backdrop-filter:blur(4px)}.compose-modal.show{display:grid}.compose-modal .hub-compose{width:420px;position:relative}.modal-x{position:absolute;right:14px;top:10px;border:0;background:none;color:#8ca4ba;font-size:24px}
@media(max-width:1100px){.ih-hero{grid-template-columns:180px 1fr}.ih-trust{display:none}.ih-grid-top,.ih-grid-bottom{grid-template-columns:1fr}.reco-cards{grid-template-columns:repeat(2,1fr)}.board-head{grid-template-columns:1fr}.ih-footer{grid-template-columns:1fr 1fr}}

/* =========================================================
   V4.25 — INFO HUB VISUAL POLISH ONLY
   Preserve approved structure; upgrade hero, cards and write CTA.
   ========================================================= */
.hub-final .ih-visual{overflow:hidden;background:radial-gradient(circle at 48% 48%,rgba(0,125,255,.20),rgba(0,50,110,.07) 38%,transparent 69%)}
.hub-final .ih-visual:before{content:"";position:absolute;width:126px;height:126px;left:52px;top:-1px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 17px,rgba(28,143,255,.20) 18px 19px),conic-gradient(from 0deg,transparent 0 17%,rgba(30,142,255,.16) 18% 19%,transparent 20% 43%,rgba(30,142,255,.12) 44% 45%,transparent 46% 100%);filter:drop-shadow(0 0 10px rgba(0,120,255,.24))}
.hub-final .magnify{width:70px;height:70px;left:80px;top:20px;border:2px solid #239eff;background:radial-gradient(circle at 42% 38%,rgba(29,145,255,.24),rgba(2,19,34,.52) 48%,rgba(0,5,11,.8) 72%);box-shadow:0 0 10px rgba(16,151,255,.8),0 0 34px rgba(0,111,255,.42),inset 0 0 18px rgba(0,132,255,.45)}
.hub-final .magnify:before{content:"";position:absolute;inset:9px;border:1px solid rgba(90,185,255,.45);border-radius:50%;box-shadow:inset 0 0 16px rgba(0,123,255,.18)}
.hub-final .magnify:after{width:61px;height:7px;left:-39px;bottom:-17px;background:linear-gradient(90deg,#0577d9,#1ba5ff);box-shadow:0 0 8px #078aff,0 0 18px rgba(0,119,255,.48)}

.hub-final .reco-cards article{background:linear-gradient(180deg,#06111d,#030b13);transition:.18s ease;box-shadow:inset 0 1px rgba(255,255,255,.015)}
.hub-final .reco-cards article:hover{transform:translateY(-2px);border-color:#24608d;box-shadow:0 8px 25px rgba(0,66,130,.13)}
.hub-final .thumb{height:94px;overflow:hidden;background-color:#03101d;background-image:linear-gradient(180deg,rgba(0,7,15,.02),rgba(0,5,11,.62)),radial-gradient(circle at 68% 42%,rgba(14,112,220,.30),transparent 28%),linear-gradient(120deg,#04111e,#071d32 54%,#020913)}
.hub-final .thumb:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(25,123,211,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(25,123,211,.06) 1px,transparent 1px);background-size:18px 18px;mask-image:linear-gradient(to right,transparent,#000 32%,#000);opacity:.55}
.hub-final .thumb:after{font-size:42px;color:#42b5ff;text-shadow:0 0 8px #087fff,0 0 25px rgba(0,112,255,.7);transform:perspective(140px) rotateX(5deg)}
.hub-final .thumb-case:after{content:"⌖"}.hub-final .thumb-shield:after{content:"◇"}.hub-final .thumb-doc:after{content:"⌕"}.hub-final .thumb-notice:after{content:"◐"}
.hub-final .thumb span{background:linear-gradient(180deg,#0b65df,#0746aa);box-shadow:0 0 12px rgba(0,105,255,.24)}

.hub-final .guide-box{background:radial-gradient(circle at 100% 0,rgba(0,104,200,.08),transparent 38%),linear-gradient(180deg,#04101b,#030b13)}
.hub-final .guide-box button{height:40px;margin-top:8px;border:1px solid rgba(43,159,255,.72);border-radius:6px;background:linear-gradient(180deg,rgba(5,25,43,.98),rgba(2,13,24,.98));color:#f6fbff;box-shadow:inset 0 0 14px rgba(17,119,220,.08),0 0 12px rgba(0,99,215,.08);letter-spacing:.2px;transition:.18s ease}
.hub-final .guide-box button:hover{border-color:#4ab6ff;box-shadow:inset 0 0 18px rgba(19,131,235,.14),0 0 18px rgba(0,116,255,.18);transform:translateY(-1px)}

/* =========================================================
   V4.26 — INFOHUB GUIDE BOX ORIGINAL SPACING
   Restore the selected mockup's writing-guide rhythm.
   ========================================================= */
.hub-final .guide-box{
  padding:17px 18px 16px!important;
}

.hub-final .guide-box h3{
  margin:0 0 15px!important;
  font-size:16px!important;
}

.hub-final .guide-box p{
  margin:0 0 12px!important;
  padding-left:0!important;
  font-size:11.2px!important;
  line-height:1.65!important;
  color:#93a6b8!important;
}

.hub-final .guide-box p:last-of-type{
  margin-bottom:0!important;
}

/* Button goes lower naturally after the full original guide copy */
.hub-final .guide-box button{
  margin-top:18px!important;
  height:40px!important;
}

/* =========================================================
   V4.27 — INFOHUB BOARD MASTER
   Same CHATDA visual family as the service page.
   ========================================================= */
.hub-master{
  min-height:100vh;
  background:
    radial-gradient(circle at 11% 18%,rgba(0,119,255,.09),transparent 28%),
    radial-gradient(circle at 80% 26%,rgba(0,98,255,.05),transparent 25%),
    linear-gradient(180deg,#00040a 0%,#020812 48%,#00040a 100%);
  color:#fff;
}
.hub-master-shell{max-width:1536px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:56px}
.hub-master-brand{
  height:78px;display:flex;align-items:center;justify-content:space-between;
  padding:0 38px;border-bottom:1px solid rgba(31,66,100,.22);
  background:linear-gradient(180deg,rgba(0,4,10,.96),rgba(0,4,10,.82));
}
.hub-logo-lockup{display:flex;align-items:center;gap:12px}
.hub-logo-c{
  width:46px;height:46px;border:2px solid #249cff;border-radius:50%;display:grid;place-items:center;
  font-size:27px;font-weight:300;color:#fff;position:relative;
  box-shadow:0 0 18px rgba(30,137,255,.18),inset 0 0 14px rgba(34,146,255,.10)
}
.hub-logo-c:before,.hub-logo-c:after{content:"";position:absolute;background:#249cff;opacity:.8}
.hub-logo-c:before{width:14px;height:1px;right:-7px;top:50%}
.hub-logo-c:after{height:14px;width:1px;top:-7px;left:50%}
.hub-logo-word{font-size:29px;font-weight:800;letter-spacing:.16em}
.hub-master-nav{display:flex;align-items:center;gap:25px;white-space:nowrap}
.hub-master-nav>a{
  position:relative;color:#eef4fb;font-weight:650;font-size:16px;padding:14px 3px;
  transition:.18s ease
}
.hub-master-nav>a:hover{color:#9edfff;text-shadow:0 0 10px rgba(49,176,255,.38)}
.hub-master-nav>a.active{color:#42c1ff;text-shadow:0 0 9px rgba(55,190,255,.65)}
.hub-master-nav>a.active:after{
  content:"";position:absolute;left:-14%;right:-14%;bottom:3px;height:2px;
  background:linear-gradient(90deg,transparent,#168cff 24%,#6de3ff 50%,#168cff 76%,transparent);
  box-shadow:0 0 7px #168cff,0 4px 14px rgba(20,105,255,.35)
}
.hub-master-nav .hub-nav-box{
  min-height:42px;padding:0 15px;border:1px solid rgba(58,91,125,.72);border-radius:8px;
  display:flex;align-items:center;background:rgba(3,8,15,.92)
}
.hub-master-nav .hub-nav-box.request{
  border-color:rgba(44,145,255,.78);
  background:linear-gradient(180deg,rgba(9,27,49,.98),rgba(4,13,27,.98))
}
.paper{color:#35b9ff;margin-right:8px}.shield-mini{width:19px;height:22px;border:1px solid #6fd2ff;border-radius:50% 50% 42% 42%/35% 35% 65% 65%;display:grid;place-items:center;color:#6fd2ff;margin-right:8px;font-size:10px}

.hub-hero{
  min-height:250px;display:flex;align-items:center;padding:34px 74px 28px;
  border-bottom:1px solid rgba(33,73,111,.22);position:relative;overflow:hidden
}
.hub-hero:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:80px;
  background:linear-gradient(180deg,transparent,rgba(0,10,20,.44));pointer-events:none
}
.hub-radar-visual{width:285px;height:190px;position:relative;flex:0 0 285px;margin-right:54px}
.radar-ring{position:absolute;border:1px solid rgba(29,144,255,.44);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 18px rgba(0,128,255,.08)}
.radar-ring.r1{width:165px;height:165px}.radar-ring.r2{width:118px;height:118px}.radar-ring.r3{width:76px;height:76px}
.radar-cross{position:absolute;background:linear-gradient(90deg,transparent,#279cff,transparent);left:40px;right:40px;top:50%;height:1px;box-shadow:0 0 9px #168cff}
.radar-cross.y{top:20px;bottom:20px;left:50%;right:auto;width:1px;height:auto;background:linear-gradient(180deg,transparent,#279cff,transparent)}
.radar-lens{
  position:absolute;width:77px;height:77px;left:50%;top:50%;transform:translate(-50%,-50%);
  border:5px solid #3dbbff;border-radius:50%;box-shadow:0 0 18px rgba(45,184,255,.45),inset 0 0 18px rgba(45,184,255,.16)
}
.radar-lens:after{content:"";position:absolute;width:62px;height:8px;background:linear-gradient(90deg,#168cff,#63e1ff);right:-50px;bottom:-25px;transform:rotate(45deg);border-radius:8px;box-shadow:0 0 13px rgba(35,168,255,.5)}
.radar-node{position:absolute;width:6px;height:6px;border-radius:50%;background:#47caff;box-shadow:0 0 10px #47caff}
.radar-node.n1{left:46px;top:42px}.radar-node.n2{left:196px;top:70px}.radar-node.n3{left:72px;top:142px}
.hub-hero-copy .eyebrow,.hub-section-kicker,.side-label{font-size:11px;letter-spacing:.18em;color:#2daeff;font-weight:800}
.hub-hero-copy h1{font-size:42px;line-height:1.16;margin:9px 0 10px;letter-spacing:-.04em}
.hub-hero-copy h1 strong{color:#168cff}
.hub-hero-copy p{color:#92a5b9;font-size:14px;margin:0}

.hub-board-layout{display:grid;grid-template-columns:minmax(0,1fr) 325px;gap:22px;padding:24px 48px 0}
.hub-board-card,.hub-side-unified{
  border:1px solid rgba(32,76,116,.54);border-radius:11px;
  background:linear-gradient(180deg,rgba(4,14,25,.92),rgba(2,9,17,.96));
  box-shadow:0 18px 44px rgba(0,0,0,.18)
}
.hub-board-card{padding:24px 25px 18px;min-height:500px}
.hub-board-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:19px;border-bottom:1px solid rgba(36,76,111,.40)}
.hub-board-head h2{margin:5px 0 0;font-size:24px}
.hub-write-primary,.side-write-btn{
  border:1px solid rgba(44,145,255,.78);border-radius:8px;color:#fff;
  background:linear-gradient(180deg,rgba(9,27,49,.98),rgba(4,13,27,.98));
  box-shadow:inset 0 0 15px rgba(20,109,226,.08),0 0 11px rgba(10,91,214,.12);
  font-weight:750
}
.hub-write-primary{height:42px;padding:0 18px}.hub-write-primary span{color:#52c9ff;margin-right:5px;font-size:18px}
.hub-board-tools{height:65px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(36,76,111,.30)}
.hub-tabs{display:flex;gap:5px}
.hub-tabs button{border:0;background:transparent;color:#8194a8;padding:9px 13px;border-radius:7px;font-weight:700}
.hub-tabs button.active{color:#8fdcff;background:rgba(15,82,145,.15);box-shadow:inset 0 0 0 1px rgba(43,142,230,.25)}
.hub-search{width:245px;height:37px;border:1px solid rgba(48,84,116,.58);border-radius:8px;background:#020811;display:flex;align-items:center;padding:0 11px;color:#4ebeff}
.hub-search input{width:100%;border:0;outline:0;background:transparent;color:#dce8f5;padding-left:8px}
.hub-board-list{min-height:300px}
.hub-board-row{
  min-height:69px;display:grid;grid-template-columns:76px 1fr 28px;align-items:center;gap:8px;
  border-bottom:1px solid rgba(30,63,91,.34);padding:8px 4px;cursor:pointer;transition:.15s ease
}
.hub-board-row:hover{background:linear-gradient(90deg,rgba(12,72,130,.11),transparent)}
.hub-cat{justify-self:start;padding:6px 10px;border-radius:999px;background:rgba(17,80,137,.15);border:1px solid rgba(43,126,204,.24);color:#72cfff;font-size:11px;font-weight:750}
.hub-cat.notice{color:#fff;background:rgba(17,99,200,.32);border-color:rgba(49,145,255,.43)}
.hub-post-title{font-size:14px;font-weight:750;color:#eaf2fa;display:flex;align-items:center;gap:7px}
.pin-dot{width:6px;height:6px;border-radius:50%;background:#42c5ff;box-shadow:0 0 8px #42c5ff}
.hub-post-meta{margin-top:5px;color:#6f8193;font-size:10.5px}
.hub-row-arrow{font-size:25px;color:#315a7d}
.hub-board-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:15px;color:#65798d;font-size:11px}
.hub-more{border:1px solid rgba(55,94,129,.55);background:#030b14;color:#9fb0c0;border-radius:7px;padding:8px 14px}

.hub-side-unified{padding:22px 21px;height:fit-content}
.side-write{display:grid;grid-template-columns:37px 1fr;gap:0 12px}
.side-icon{width:35px;height:35px;border:1px solid rgba(50,149,240,.32);border-radius:8px;display:grid;place-items:center;color:#56c8ff;background:rgba(13,75,129,.12)}
.side-write h3{margin:6px 0 0;font-size:17px;line-height:1.35}
.guide-lines{grid-column:1/-1;margin-top:17px}
.guide-lines p{margin:8px 0;color:#8295a8;font-size:11px;line-height:1.55}
.side-write-btn{grid-column:1/-1;height:40px;margin-top:14px}
.side-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(52,91,125,.56),transparent);margin:21px 0}
.side-trends ol{list-style:none;padding:7px 0 0;margin:0}
.side-trends li{display:grid;grid-template-columns:34px 1fr;align-items:center;padding:8px 2px;color:#9fb0bf;font-size:12px}
.side-trends li b{color:#269fff;font-size:11px}
.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:11px}
.stat-grid div{border:1px solid rgba(46,84,118,.43);border-radius:8px;background:#020913;padding:14px;text-align:center}
.stat-grid strong{display:block;color:#54caff;font-size:21px}.stat-grid span{display:block;color:#718396;font-size:10px;margin-top:4px}

.hub-compose{position:fixed;inset:0;z-index:1000;background:rgba(0,3,8,.78);display:none;align-items:center;justify-content:center}
.hub-compose.open{display:flex}
.hub-compose-card{width:min(620px,92vw);border:1px solid rgba(48,123,192,.55);border-radius:12px;background:#06111d;padding:27px;position:relative;box-shadow:0 30px 80px #000}
.compose-close{position:absolute;right:16px;top:12px;background:transparent;border:0;color:#95a9bc;font-size:25px}
.hub-compose-card h3{font-size:21px;margin:7px 0 22px}

@media(max-width:1100px){
  .hub-master-nav{gap:13px}.hub-master-nav>a{font-size:13px}.hub-master-nav .hub-nav-box{padding:0 10px}
  .hub-board-layout{grid-template-columns:1fr}.hub-side-unified{display:grid;grid-template-columns:1fr 1fr;gap:20px}.side-divider{display:none}
}
@media(max-width:760px){
  .hub-master-brand{padding:0 17px}.hub-master-nav>a:not(.hub-nav-box){display:none}.hub-master-nav .hub-nav-box.request{display:none}
  .hub-logo-word{font-size:22px}.hub-logo-c{width:38px;height:38px}
  .hub-hero{padding:25px 20px;min-height:220px}.hub-radar-visual{width:145px;flex-basis:145px;margin-right:16px;transform:scale(.7);transform-origin:left center}
  .hub-hero-copy h1{font-size:31px}.hub-board-layout{padding:16px 12px}.hub-board-card{padding:18px 14px}
  .hub-search{width:170px}.hub-side-unified{grid-template-columns:1fr}
}

/* V4.29 infohub first-pass corrections */
.hub-master-brand{justify-content:flex-start!important;gap:54px!important}
.hub-master-nav{margin-left:auto!important;margin-right:0!important;transform:translateX(-26px)}
.hub-logo-c{
  overflow:visible!important;
  border-color:#35b9ff!important;
  box-shadow:0 0 12px rgba(44,178,255,.42),0 0 28px rgba(22,116,255,.24),inset 0 0 14px rgba(34,146,255,.12)!important
}
.hub-logo-c:before,.hub-logo-c:after{box-shadow:0 0 8px #249cff}
.hub-logo-word{letter-spacing:.13em!important}
.hub-post-meta{font-size:10.8px!important}
.privacy-choice{
  margin:15px 0 18px;padding:14px 15px;border:1px solid rgba(45,104,158,.45);
  border-radius:9px;background:rgba(2,10,18,.72);color:#9eb0c1
}
.privacy-title{color:#e9f3fb;font-size:12px;font-weight:800;margin-bottom:10px}
.privacy-choice label{display:inline-flex;align-items:center;gap:5px;margin-right:20px;color:#dce9f5;font-size:12px;cursor:pointer}
.privacy-choice input{accent-color:#168cff}
.privacy-choice p{margin:10px 0 0;font-size:10.5px;line-height:1.5;color:#71879a}

/* =========================================================
   V4.32 — ONE SITE / ONE MASTER HEADER
   Visual values are taken from the approved home/service header.
   ========================================================= */

.hub-master-shell{
  max-width:1536px!important;
}

/* retire the independent infohub header */
.hub-master-brand,
.hub-master-nav,
.hub-logo-lockup{
  display:none!important;
}

.chatda-master-header{
  height:78px;
  width:100%;
  display:flex;
  align-items:center;
  position:relative;
  z-index:80;
  box-sizing:border-box;
  padding:0 34px 0 24px;
  background:#00040a;
  border-bottom:1px solid rgba(23,50,75,.22);
}

.chatda-master-logo{
  width:320px;
  height:78px;
  flex:0 0 320px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:visible;
}

.chatda-master-logo img{
  display:block;
  width:300px;
  height:auto;
  object-fit:contain;
  object-position:left center;
  filter:none;
}

.chatda-master-nav{
  flex:1;
  min-width:0;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:0;
  white-space:nowrap;
}

.chatda-master-nav>a{
  position:relative;
  flex:0 0 auto;
  height:42px;
  min-height:42px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 17px;
  margin:0 3px;
  color:#f0f5fb;
  font-size:17px;
  font-weight:650;
  letter-spacing:.035em;
  line-height:1;
  text-shadow:0 2px 10px rgba(0,0,0,.92);
  text-decoration:none;
  transition:color .18s ease,text-shadow .18s ease;
}

.chatda-master-nav>a:not(.master-nav-tg):not(.master-nav-request)::after{
  content:"";
  position:absolute;
  left:-10%;
  right:-10%;
  bottom:-7px;
  height:2px;
  border-radius:999px;
  opacity:0;
  transform:scaleX(.45);
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(18,117,255,.18) 8%,
    #168cff 25%,
    #65ddff 50%,
    #168cff 75%,
    rgba(18,117,255,.18) 92%,
    transparent 100%);
  box-shadow:
    0 0 5px rgba(77,206,255,.95),
    0 0 11px rgba(22,140,255,.85),
    0 4px 15px rgba(22,103,255,.42);
  transition:opacity .18s ease,transform .18s ease;
}

.chatda-master-nav>a:not(.master-nav-tg):not(.master-nav-request):hover{
  color:#c8efff;
  text-shadow:0 0 7px rgba(66,190,255,.55),0 0 17px rgba(20,102,255,.28);
}

.chatda-master-nav>a:not(.master-nav-tg):not(.master-nav-request):hover::after{
  opacity:.55;
  transform:scaleX(.90);
}

.chatda-master-nav>a.active:not(.master-nav-tg):not(.master-nav-request){
  color:#3abaff;
  text-shadow:0 0 7px rgba(58,186,255,.85),0 0 18px rgba(19,103,255,.48);
}

.chatda-master-nav>a.active:not(.master-nav-tg):not(.master-nav-request)::after{
  opacity:1;
  transform:scaleX(1);
}

.chatda-master-nav>a.active:not(.master-nav-tg):not(.master-nav-request)::before{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  bottom:-12px;
  height:9px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(43,167,255,.34),rgba(11,75,220,.10) 48%,transparent 73%);
  filter:blur(2px);
  pointer-events:none;
}

.chatda-master-nav .master-nav-tg,
.chatda-master-nav .master-nav-request{
  height:44px;
  min-height:44px;
  border-radius:8px;
  padding:0 16px;
  margin-left:10px;
}

.chatda-master-nav .master-nav-tg{
  min-width:165px;
  border:1px solid rgba(59,94,130,.68);
  background:rgba(3,9,16,.90);
}

.chatda-master-nav .master-nav-request{
  min-width:178px;
  border:1px solid rgba(39,111,255,.72);
  background:linear-gradient(180deg,rgba(7,22,39,.98),rgba(3,11,22,.98));
  box-shadow:
    inset 0 0 18px rgba(20,109,226,.08),
    0 0 10px rgba(10,91,214,.14);
}

.chatda-master-nav .telegram-plane{
  width:20px!important;
  height:20px!important;
  margin-right:8px!important;
  flex:0 0 auto!important;
}

.master-lock{
  width:15px;
  height:18px;
  margin-right:9px;
  border:1.5px solid #69d0ff;
  border-radius:3px;
  position:relative;
  box-shadow:0 0 6px rgba(71,191,255,.18);
}
.master-lock::before{
  content:"";
  position:absolute;
  left:2px;
  right:2px;
  top:-7px;
  height:7px;
  border:1.5px solid #69d0ff;
  border-bottom:0;
  border-radius:7px 7px 0 0;
}

/* =========================================================
   Sidebar readability pass
   ========================================================= */
.hub-side-unified{
  width:auto!important;
  padding:25px 23px!important;
}

.side-label{
  font-size:14px!important;
  letter-spacing:.11em!important;
  line-height:1.35!important;
}

.side-write h3{
  font-size:19px!important;
  line-height:1.45!important;
  margin-top:7px!important;
}

.guide-lines{
  margin-top:19px!important;
}

.guide-lines p{
  margin:10px 0!important;
  font-size:13px!important;
  line-height:1.65!important;
  color:#9aacbd!important;
}

.side-write-btn{
  height:46px!important;
  margin-top:18px!important;
  font-size:16px!important;
}

.side-divider{
  margin:24px 0!important;
}

.side-trends ol{
  padding-top:10px!important;
}

.side-trends li{
  grid-template-columns:38px 1fr!important;
  padding:9px 2px!important;
  font-size:14px!important;
  color:#a8b8c8!important;
}

.side-trends li b{
  font-size:12px!important;
}

.stat-grid{
  gap:12px!important;
  margin-top:14px!important;
}

.stat-grid div{
  padding:17px 12px!important;
}

.stat-grid strong{
  font-size:25px!important;
}

.stat-grid span{
  font-size:12px!important;
  margin-top:6px!important;
}

/* Keep sidebar proportion after type enlargement */
.hub-board-layout{
  grid-template-columns:minmax(0,1fr) 350px!important;
}

/* Desktop scaling follows the approved header behavior */
@media(min-width:901px) and (max-width:1400px){
  .chatda-master-nav{
    transform:scale(.90);
    transform-origin:right center;
    margin-left:-40px;
  }
}
@media(min-width:901px) and (max-width:1180px){
  .chatda-master-logo{
    width:270px;
    flex-basis:270px;
  }
  .chatda-master-logo img{width:255px}
  .chatda-master-nav{
    transform:scale(.80);
    transform-origin:right center;
    margin-left:-80px;
  }
}
@media(max-width:900px){
  .chatda-master-header{padding:0 15px}
  .chatda-master-logo{width:230px;flex-basis:230px}
  .chatda-master-logo img{width:218px}
  .chatda-master-nav>a:not(.master-nav-tg){display:none}
  .chatda-master-nav .master-nav-tg{min-width:auto}
}

/* =========================================================
   V4.33 — MASTER HEADER ALIGNMENT
   Match the approved home/service header composition:
   logo left / primary nav begins near page center-left / CTAs remain right.
   ========================================================= */

.chatda-master-header{
  display:grid!important;
  grid-template-columns:340px minmax(0,1fr)!important;
  align-items:center!important;
  padding:0 35px 0 28px!important;
}

.chatda-master-logo{
  width:320px!important;
  flex-basis:auto!important;
  justify-self:start!important;
}

.chatda-master-logo img{
  width:300px!important;
}

/* Primary nav is no longer shoved to the far right */
.chatda-master-nav{
  width:100%!important;
  display:flex!important;
  justify-content:flex-start!important;
  align-items:center!important;
  margin:0!important;
  padding-left:64px!important;
  transform:none!important;
  gap:7px!important;
}

.chatda-master-nav>a{
  padding-left:16px!important;
  padding-right:16px!important;
  margin-left:2px!important;
  margin-right:2px!important;
}

/* Separate contact CTAs visually, but keep them in the same fixed header row */
.chatda-master-nav .master-nav-tg{
  margin-left:24px!important;
}

.chatda-master-nav .master-nav-request{
  margin-left:10px!important;
}

/* Slightly closer to service-page typography */
.chatda-master-nav>a:not(.master-nav-tg):not(.master-nav-request){
  font-size:16.5px!important;
  font-weight:700!important;
}

/* Sidebar pass: keep larger copy, add a touch more air */
.hub-side-unified{
  padding:27px 24px!important;
}
.side-label{
  font-size:14.5px!important;
}
.side-write h3{
  font-size:20px!important;
}
.guide-lines p{
  font-size:13.5px!important;
}
.side-trends li{
  font-size:14.5px!important;
}

/* prevent the old responsive scaling from moving the desktop header */
@media(min-width:1181px){
  .chatda-master-nav{
    transform:none!important;
    margin-left:0!important;
  }
}

@media(min-width:901px) and (max-width:1180px){
  .chatda-master-header{
    grid-template-columns:285px minmax(0,1fr)!important;
  }
  .chatda-master-logo{
    width:270px!important;
  }
  .chatda-master-logo img{
    width:255px!important;
  }
  .chatda-master-nav{
    padding-left:20px!important;
    transform:scale(.90)!important;
    transform-origin:left center!important;
    margin:0!important;
  }
}

/* =========================================================
   V4.34 — INFOHUB COMPACT HERO + READABILITY FINAL PASS
   Keep V4.33 master header/functionality intact.
   ========================================================= */
@media(min-width:1101px){
  .hub-hero{
    min-height:188px!important;
    padding:18px 48px!important;
  }
  .hub-radar-visual{
    width:235px!important;
    height:158px!important;
    flex-basis:235px!important;
    margin-right:42px!important;
    transform:scale(.86)!important;
    transform-origin:center center!important;
  }
  .hub-hero-copy h1{
    font-size:38px!important;
    margin:6px 0 8px!important;
  }
  .hub-hero-copy p{font-size:14px!important}
  .hub-board-layout{
    padding-top:18px!important;
  }
}

/* Right rail: readable at normal desktop viewing distance */
.hub-side-unified{padding:28px 25px!important}
.side-label{font-size:15px!important;letter-spacing:.10em!important}
.side-write h3{font-size:21px!important;line-height:1.42!important}
.guide-lines p{font-size:14px!important;line-height:1.68!important;margin:11px 0!important}
.side-write-btn{height:48px!important;font-size:17px!important;font-weight:800!important}
.side-trends li{font-size:15px!important;padding:10px 2px!important}
.side-trends li b{font-size:13px!important}
.stat-grid strong{font-size:26px!important}
.stat-grid span{font-size:13px!important}

/* =========================================================
   V4.35 — GUIDE PAGE
   Same visual system as the approved service page.
   ========================================================= */
.approved-guide{
  min-height:100vh;
  display:flex;
  justify-content:center;
  background:#00040a;
  color:#fff;
  overflow-x:hidden;
}
.guide-stage{
  position:relative;
  width:min(1536px,100vw);
  min-height:960px;
  background:
    radial-gradient(circle at 15% 20%,rgba(0,105,255,.10),transparent 25%),
    radial-gradient(circle at 85% 28%,rgba(0,85,230,.06),transparent 24%),
    linear-gradient(180deg,#00040a 0%,#020811 46%,#00050a 100%);
  padding-top:92px;
  box-sizing:border-box;
}
.guide-stage .clean-header-bg{
  height:92px!important;
}
.guide-stage .header-logo{
  top:10px!important;
  left:2.2%!important;
  width:21.4%!important;
}
.guide-stage .web-nav{
  top:14px!important;
  height:58px!important;
  left:29.6%!important;
  right:2.5%!important;
}

/* hero */
.guide-hero{
  height:148px;
  padding:28px 64px 18px;
  box-sizing:border-box;
  border-bottom:1px solid rgba(32,72,108,.28);
  background:
    linear-gradient(90deg,rgba(3,13,25,.80),rgba(1,8,16,.30) 58%,rgba(0,5,10,.74)),
    repeating-linear-gradient(90deg,rgba(27,102,174,.035) 0 1px,transparent 1px 46px);
}
.guide-kicker{
  color:#36b9ff;
  font-size:11px;
  font-weight:800;
  letter-spacing:.19em;
  margin-bottom:7px;
}
.guide-hero h1{
  margin:0;
  font-size:38px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.guide-hero h1 strong{color:#168cff}
.guide-hero p{
  margin:10px 0 0;
  color:#9dafc0;
  font-size:14px;
}

/* three steps */
.guide-flow{
  padding:18px 58px 0;
}
.guide-step{
  min-height:150px;
  display:grid;
  grid-template-columns:112px minmax(0,1fr) 44%;
  align-items:center;
  overflow:hidden;
  margin-bottom:10px;
  border:1px solid rgba(38,78,116,.50);
  border-radius:10px;
  background:
    linear-gradient(90deg,rgba(2,10,18,.99) 0%,rgba(3,13,24,.96) 48%,rgba(3,14,28,.90) 100%);
  box-shadow:0 12px 28px rgba(0,0,0,.20),inset 0 1px 0 rgba(75,145,210,.025);
}
.guide-step-no{
  height:76px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-right:1px solid rgba(40,70,100,.38);
  color:#176dff;
  font-size:39px;
  font-weight:600;
  letter-spacing:.02em;
  text-shadow:0 0 16px rgba(18,103,255,.20);
}
.guide-step-copy{
  padding:0 30px;
}
.guide-step-copy h2{
  margin:0 0 8px;
  font-size:24px;
  letter-spacing:-.025em;
}
.guide-step-copy p{
  margin:0;
  color:#a3b2c2;
  font-size:13.5px;
  line-height:1.5;
}
.guide-step-visual{
  height:100%;
  position:relative;
  overflow:hidden;
  border-left:1px solid rgba(28,63,96,.22);
  background:
    radial-gradient(circle at 72% 50%,rgba(17,112,255,.17),transparent 26%),
    linear-gradient(90deg,rgba(2,10,18,.20),rgba(3,17,32,.90));
}
.guide-step-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(31,115,190,.05) 1px,transparent 1px),
    linear-gradient(90deg,rgba(31,115,190,.05) 1px,transparent 1px);
  background-size:32px 32px;
}
.guide-step-visual:after{
  content:"";
  position:absolute;
  left:8%;right:4%;bottom:22px;height:1px;
  background:linear-gradient(90deg,transparent,#166fff 28%,#57d5ff 58%,transparent);
  box-shadow:0 0 9px rgba(33,148,255,.55);
}
.visual-dot{
  position:absolute;
  width:6px;height:6px;border-radius:50%;
  background:#3ac6ff;
  box-shadow:0 0 10px #3ac6ff;
}
.visual-request .visual-card{
  position:absolute;
  width:112px;height:76px;
  left:52%;top:50%;
  transform:translate(-50%,-50%) rotate(-4deg);
  border:1px solid rgba(75,170,255,.68);
  border-radius:9px;
  background:linear-gradient(145deg,#06172a,#02101e);
  box-shadow:0 0 28px rgba(25,112,255,.22);
}
.visual-request .visual-card:before,
.visual-request .visual-card:after{
  content:"";
  position:absolute;
  left:18px;right:18px;height:2px;
  background:#246aa9;
  box-shadow:0 14px 0 #184f82,0 28px 0 #123d65;
}
.visual-request .visual-card:before{top:18px}
.visual-request .visual-lock{
  position:absolute;
  left:68%;top:36%;
  width:30px;height:34px;
  border:2px solid #4dcaff;
  border-radius:6px;
  box-shadow:0 0 18px rgba(77,202,255,.35);
}
.visual-request .visual-lock:before{
  content:"";
  position:absolute;left:5px;right:5px;top:-17px;height:17px;
  border:2px solid #4dcaff;border-bottom:0;border-radius:14px 14px 0 0;
}
.visual-request .d1{left:18%;top:28%}.visual-request .d2{left:33%;top:72%}.visual-request .d3{right:12%;top:24%}

.visual-check .visual-scan-ring{
  position:absolute;
  left:58%;top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(44,160,255,.45);
  border-radius:50%;
}
.visual-check .r1{width:132px;height:132px}.visual-check .r2{width:82px;height:82px}
.visual-check .visual-checkmark{
  position:absolute;
  left:58%;top:47%;
  width:48px;height:24px;
  border-left:5px solid #4dd1ff;
  border-bottom:5px solid #4dd1ff;
  transform:translate(-50%,-50%) rotate(-45deg);
  filter:drop-shadow(0 0 8px rgba(77,209,255,.55));
}
.visual-check .d1{left:27%;top:30%}.visual-check .d2{right:18%;top:67%}

.visual-delivery .visual-message{
  position:absolute;
  width:118px;height:54px;
  border:1px solid rgba(64,159,245,.62);
  border-radius:9px;
  background:linear-gradient(145deg,#06182b,#020e1b);
  box-shadow:0 0 24px rgba(19,99,230,.15);
}
.visual-delivery .m1{left:38%;top:28%}
.visual-delivery .m2{left:57%;top:48%;opacity:.72}
.visual-delivery .visual-message:before{
  content:"";
  position:absolute;left:16px;right:20px;top:16px;height:2px;background:#2a73ae;
  box-shadow:0 12px 0 #1a5688;
}
.visual-delivery .visual-line{
  position:absolute;
  left:28%;right:15%;top:56%;height:1px;
  background:linear-gradient(90deg,transparent,#168cff,#58d7ff,transparent);
  transform:rotate(-7deg);
  box-shadow:0 0 10px #168cff;
}
.visual-delivery .d1{left:26%;top:66%}.visual-delivery .d2{right:11%;top:26%}

/* notice */
.guide-notice{
  margin:12px 58px 0;
  min-height:76px;
  display:flex;
  align-items:center;
  gap:26px;
  padding:14px 20px;
  border:1px solid rgba(35,74,110,.48);
  border-radius:9px;
  background:linear-gradient(90deg,rgba(3,13,24,.96),rgba(1,8,16,.94));
  box-sizing:border-box;
}
.guide-notice-title{
  flex:0 0 150px;
  color:#53c8ff;
  font-size:13px;
  font-weight:800;
}
.guide-notice-items{
  flex:1;
  display:flex;
  justify-content:space-between;
  gap:18px;
}
.guide-notice-items span{
  display:flex;
  align-items:center;
  color:#95a7b8;
  font-size:12px;
  white-space:nowrap;
}
.guide-notice-items i{
  width:5px;height:5px;border-radius:50%;
  margin-right:8px;
  background:#2bbcff;
  box-shadow:0 0 8px rgba(43,188,255,.65);
}

/* footer CTA mirrors service page */
.guide-footer{
  margin:12px 58px 26px;
  min-height:96px;
  display:grid;
  grid-template-columns:1.25fr 1fr 1fr;
  align-items:center;
  gap:20px;
  padding:14px 26px;
  border:1px solid rgba(35,76,114,.44);
  border-radius:10px;
  background:linear-gradient(90deg,#020a13,#03101d 52%,#020a13);
  box-sizing:border-box;
}
.guide-footer-copy .main{
  font-size:20px;
  font-weight:700;
}
.guide-footer-copy .main b{color:#168cff}
.guide-footer-copy .sub{
  margin-top:6px;
  color:#778b9f;
  font-size:11.5px;
}
.guide-footer-action{
  min-height:54px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(40,143,235,.68);
  border-radius:8px;
  background:linear-gradient(180deg,#07192b,#03101d);
  color:#fff;
}
.guide-footer-action .copy{
  display:flex;
  flex-direction:column;
}
.guide-footer-action .title{font-size:15px;font-weight:800}
.guide-footer-action .desc{margin-top:4px;color:#83a2bd;font-size:10px}
.guide-footer-action .plane{width:27px;height:27px}
.guide-shield{
  width:20px;height:24px;
  border:1.5px solid #59cfff;
  border-radius:50% 50% 43% 43%/35% 35% 65% 65%;
  box-shadow:0 0 9px rgba(73,191,255,.25);
  position:relative;
}
.guide-shield:after{
  content:"";
  position:absolute;
  width:3px;height:7px;
  left:50%;top:7px;transform:translateX(-50%);
  border-radius:3px;
  background:#59cfff;
  box-shadow:0 0 7px #59cfff;
}

@media(max-width:1000px){
  .guide-stage{min-width:760px}
  .guide-step{grid-template-columns:90px minmax(0,1fr) 38%}
  .guide-notice-items{gap:10px}
  .guide-notice-items span{font-size:10.5px}
}

/* =========================================================
   V4.36 — HEADER SYNC FROM INFORMATION HUB FORWARD
   HOME / SERVICE remain locked. Inner pages reuse the same
   logo, menu spacing, active glow and top-right CTA system.
   ========================================================= */
.chatda-inner-header-slot{
  position:relative;
  width:100%;
  height:92px;
  flex:0 0 92px;
  background:#00040a;
  border-bottom:1px solid rgba(23,50,75,.22);
  z-index:100;
  overflow:visible;
}
.chatda-inner-logo-link{
  position:absolute;
  z-index:101;
  left:2.0%;
  top:10px;
  width:21.8%;
  height:72px;
  display:flex;
  align-items:center;
}
.chatda-inner-header-slot .header-logo{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:337px!important;
  height:auto!important;
  object-fit:contain!important;
  pointer-events:auto!important;
  content:url("/static/assets/chatda_header_logo_transparent.png")!important;
  filter:none!important;
}
.chatda-inner-header-slot .web-nav{
  position:absolute!important;
  z-index:102!important;
  left:17.2%!important;
  right:3.2%!important;
  top:14px!important;
  height:58px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  white-space:nowrap!important;
  transform:none!important;
  width:auto!important;
}
.chatda-inner-header-slot .web-nav a{
  margin:0!important;
  padding:0 18px!important;
  height:42px!important;
  min-height:42px!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
}
.chatda-inner-header-slot .web-nav a:not(.nav-tg):not(.nav-request){
  margin-right:13px!important;
}
.chatda-inner-header-slot .web-nav a:not(.nav-tg):not(.nav-request)::after{
  left:-14%!important;
  right:-14%!important;
  bottom:-7px!important;
  height:2px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,transparent 0%,rgba(24,120,255,.25) 10%,#168cff 28%,#70e1ff 50%,#168cff 72%,rgba(24,120,255,.25) 90%,transparent 100%)!important;
  box-shadow:0 0 4px rgba(103,220,255,.95),0 0 10px rgba(22,140,255,.9),0 4px 14px rgba(20,105,255,.38)!important;
}
.chatda-inner-header-slot .web-nav a.active:not(.nav-tg):not(.nav-request)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-12px!important;
  height:8px!important;
  background:radial-gradient(ellipse at center,rgba(50,175,255,.30),rgba(18,90,230,.10) 48%,transparent 74%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}
.chatda-inner-header-slot .nav-tg{
  min-width:162px!important;
  margin-left:10px!important;
  background:linear-gradient(180deg,rgba(6,13,23,.95),rgba(3,8,15,.98))!important;
  border:1px solid rgba(63,95,128,.72)!important;
  box-shadow:inset 0 0 18px rgba(35,117,190,.05)!important;
}
.chatda-inner-header-slot .nav-request{
  min-width:178px!important;
  margin-left:8px!important;
  background:linear-gradient(180deg,rgba(9,27,49,.98),rgba(4,13,27,.98))!important;
  border:1px solid rgba(44,145,255,.86)!important;
  box-shadow:inset 0 0 18px rgba(20,109,226,.08),0 0 10px rgba(10,91,214,.14)!important;
}
.chatda-inner-header-slot .nav-request::before,
.chatda-inner-header-slot .nav-request::after{
  display:none!important;
  content:none!important;
}

/* Infohub now uses only the approved shared header. */
.hub-master-shell>.chatda-inner-header-slot{margin:0!important}
.chatda-master-header,.chatda-master-logo,.chatda-master-nav{display:none!important}

/* Guide header is in normal flow now; remove its former absolute-header offset. */
.guide-stage{padding-top:0!important}
.guide-stage>.chatda-inner-header-slot{height:92px!important}
.guide-stage>.chatda-inner-header-slot .header-logo{top:auto!important;left:auto!important;width:100%!important}
.guide-stage>.chatda-inner-header-slot .web-nav{top:14px!important;left:17.2%!important;right:3.2%!important;height:58px!important}

/* Request / lookup / case share the same 1536px site frame. */
.chatda-functional-page{
  min-height:100vh;
  width:100%;
  background:#00040a;
  color:#fff;
}
.chatda-functional-shell{
  width:min(1536px,100vw);
  min-height:100vh;
  margin:0 auto;
  background:
    radial-gradient(circle at 16% 16%,rgba(0,105,255,.08),transparent 26%),
    linear-gradient(180deg,#00040a,#020811 48%,#00050a);
}
.chatda-functional-shell>.page{
  max-width:1380px;
  padding-top:42px;
}

@media(min-width:901px) and (max-width:1400px){
  .chatda-inner-header-slot .web-nav{
    transform:scale(.90)!important;
    transform-origin:right top!important;
    left:auto!important;
    right:2.4%!important;
    width:81%!important;
  }
}
@media(max-width:900px){
  .chatda-inner-header-slot{min-width:760px}
  .chatda-inner-logo-link{width:230px;left:16px}
  .chatda-inner-header-slot .web-nav{min-width:500px;right:12px!important;left:auto!important;transform:scale(.82)!important;transform-origin:right top!important}
  .chatda-inner-header-slot .web-nav a:not(.nav-tg):not(.nav-request){display:none!important}
}

/* =========================================================
   V4.37 — APPROVED MASTER HEADER (TRUE SHARED COMPONENT)
   HOME/SERVICE visual geometry is the source of truth.
   Inner pages use the exact same site width and header coordinates.
   Only the active navigation item changes per page.
   ========================================================= */

/* The approved HOME/SERVICE stage is constrained by both viewport width
   and viewport height (3:2). Use the same horizontal coordinate system on
   every page so the logo and menu never jump when navigating. */
.hub-master-shell,
.guide-stage,
.chatda-functional-shell{
  width:min(1536px,100vw,calc(100vh * 1.5))!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

/* One real header component for INFO HUB and every page after it.
   12.53:1 is derived from the approved logo bottom edge:
   logo top 1.1% of 3:2 stage + native logo height at 21.8% width. */
.approved-shared-header{
  position:relative;
  width:100%;
  aspect-ratio:12.53 / 1;
  height:auto;
  flex:0 0 auto;
  z-index:100;
  overflow:visible;
  background:linear-gradient(180deg,#00040a 0%,#00040a 86%,rgba(0,4,10,.98) 94%,rgba(0,4,10,.92) 100%);
  border:0;
}

.approved-shared-logo-link{
  position:absolute;
  z-index:103;
  left:2.0%;
  top:9.2%;
  width:21.8%;
  height:auto;
  display:block;
  line-height:0;
}

.approved-shared-header .header-logo{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
  pointer-events:auto!important;
  content:url("/static/assets/chatda_header_logo_transparent.png")!important;
  background:transparent!important;
  filter:none!important;
}

/* Horizontal values are inherited from the approved .web-nav.
   Only Y values are converted from the 3:2 stage into this header block:
   approved top 1.45% -> 12.11% of header,
   approved height 6.1% -> 50.96% of header. */
.approved-shared-header .web-nav{
  top:12.11%!important;
  height:50.96%!important;
  z-index:104!important;
}

/* Retire every former inner/header experiment. They are not allowed to
   participate in layout from V4.37 onward. */
.chatda-inner-header-slot,
.chatda-master-header,
.chatda-master-logo,
.chatda-master-nav,
.hub-master-brand,
.hub-master-nav,
.hub-logo-lockup{
  display:none!important;
}

/* The guide had page-specific header offsets in V4.35/V4.36.
   The shared header now owns those coordinates completely. */
.guide-stage{
  padding-top:0!important;
}
.guide-stage .approved-shared-header .header-logo{
  top:auto!important;
  left:auto!important;
  width:100%!important;
}
.guide-stage .approved-shared-header .web-nav{
  top:12.11%!important;
  height:50.96%!important;
}

/* Keep the first content section clear and deterministic after the shared
   header. No page-specific negative offsets or header translations. */
.hub-master-shell>.approved-shared-header,
.guide-stage>.approved-shared-header,
.chatda-functional-shell>.approved-shared-header{
  margin:0!important;
  transform:none!important;
}

/* Desktop navigation scaling remains the exact same .web-nav behavior used
   by HOME/SERVICE. Only the site frame is matched here. */
@media(max-width:900px){
  .hub-master-shell,
  .guide-stage,
  .chatda-functional-shell{
    width:100vw!important;
    min-width:720px!important;
    margin-left:0!important;
    margin-right:0!important;
  }
  .approved-shared-header{
    min-width:720px;
  }
}

/* =========================================================
   V4.38 — TRUE SINGLE MASTER HEADER
   One DOM + one geometry on HOME / SERVICE / HUB / GUIDE / REQUEST.
   HOME/SERVICE approved visual coordinates are the immutable source:
   logo left 2.0%, top 1.1%, width 21.8% of 3:2 stage
   nav left 17.2%, right 3.2%, top 1.35%, height 6.4% of 3:2 stage
   ========================================================= */

/* Header height equals the approved logo bottom edge so the same normalized
   coordinate system can be used in both overlay and normal-flow pages. */
.v438-master-header{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:12.535 / 1!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:100!important;
  background:linear-gradient(180deg,#00040a 0%,#00040a 84%,rgba(0,4,10,.97) 92%,rgba(0,4,10,0) 100%)!important;
  border:0!important;
  box-sizing:border-box!important;
}

/* HOME/SERVICE: same shared DOM, overlaid on the approved 3:2 artwork. */
.approved-stage>.v438-header-overlay,
.service-stage>.v438-header-overlay{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:7.978%!important; /* 0.07978W / (W/1.5) */
  aspect-ratio:auto!important;
  background:transparent!important;
  pointer-events:none!important;
}

/* Inner pages: same header geometry, now in normal document flow. */
.v438-header-flow{
  position:relative!important;
}

.v438-master-header .approved-shared-logo-link{
  position:absolute!important;
  z-index:103!important;
  left:2.0%!important;
  top:9.19%!important;
  width:21.8%!important;
  height:auto!important;
  display:block!important;
  line-height:0!important;
  pointer-events:auto!important;
}
.v438-master-header .header-logo{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left top!important;
  content:url('/static/assets/chatda_header_logo_transparent.png')!important;
  background:transparent!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}

/* FULL approved navigation geometry — no inheritance from legacy page CSS. */
.v438-master-header .web-nav{
  position:absolute!important;
  z-index:104!important;
  left:17.2%!important;
  right:3.2%!important;
  top:11.28%!important;
  height:53.48%!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
.v438-master-header .web-nav a{
  position:relative!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  white-space:nowrap!important;
  box-sizing:border-box!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  color:#f0f5fb!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
  line-height:1!important;
  text-decoration:none!important;
  text-shadow:0 2px 10px rgba(0,0,0,.92)!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.v438-master-header .web-nav a:not(.nav-tg):not(.nav-request){
  margin-right:13px!important;
}
.v438-master-header .web-nav a:not(.nav-tg):not(.nav-request)::after{
  content:""!important;
  position:absolute!important;
  left:-14%!important;
  right:-14%!important;
  bottom:-7px!important;
  height:2px!important;
  border-radius:999px!important;
  opacity:0!important;
  transform:scaleX(.45)!important;
  background:linear-gradient(90deg,transparent 0%,rgba(24,120,255,.25) 10%,#168cff 28%,#70e1ff 50%,#168cff 72%,rgba(24,120,255,.25) 90%,transparent 100%)!important;
  box-shadow:0 0 4px rgba(103,220,255,.95),0 0 10px rgba(22,140,255,.9),0 4px 14px rgba(20,105,255,.38)!important;
}
.v438-master-header .web-nav a.active:not(.nav-tg):not(.nav-request){
  color:#3abaff!important;
  text-shadow:0 0 7px rgba(58,186,255,.85),0 0 18px rgba(19,103,255,.48)!important;
}
.v438-master-header .web-nav a.active:not(.nav-tg):not(.nav-request)::after{
  opacity:1!important;
  transform:scaleX(1)!important;
}
.v438-master-header .web-nav a.active:not(.nav-tg):not(.nav-request)::before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:0!important;
  bottom:-12px!important;
  height:8px!important;
  background:radial-gradient(ellipse at center,rgba(50,175,255,.30),rgba(18,90,230,.10) 48%,transparent 74%)!important;
  filter:blur(2px)!important;
  pointer-events:none!important;
}
.v438-master-header .nav-tg,
.v438-master-header .nav-request{
  height:44px!important;
  min-height:44px!important;
  border-radius:8px!important;
  padding:0 16px!important;
}
.v438-master-header .nav-tg{
  min-width:165px!important;
  margin-left:10px!important;
  background:linear-gradient(180deg,rgba(6,13,23,.95),rgba(3,8,15,.98))!important;
  border:1px solid rgba(63,95,128,.72)!important;
  box-shadow:inset 0 0 18px rgba(35,117,190,.05)!important;
}
.v438-master-header .nav-request{
  min-width:178px!important;
  margin-left:8px!important;
  background:linear-gradient(180deg,rgba(9,27,49,.98),rgba(4,13,27,.98))!important;
  border:1px solid rgba(44,145,255,.86)!important;
  box-shadow:inset 0 0 18px rgba(20,109,226,.08),0 0 10px rgba(10,91,214,.14)!important;
}
.v438-master-header .nav-request::before,
.v438-master-header .nav-request::after{display:none!important;content:none!important;}
.v438-master-header .telegram-plane{width:20px!important;height:20px!important;margin-right:8px!important;flex:0 0 auto!important;}

/* Kill standalone header remnants on approved image pages; V4.38 master is the only header. */
.approved-stage>.header-logo:not(.v438-master-header .header-logo),
.service-stage>.header-logo:not(.v438-master-header .header-logo){display:none!important;}

/* No page may reposition the V4.38 master header. */
.guide-stage .v438-master-header .web-nav,
.hub-master-shell .v438-master-header .web-nav,
.chatda-functional-shell .v438-master-header .web-nav{
  left:17.2%!important;right:3.2%!important;top:11.28%!important;height:53.48%!important;transform:none!important;width:auto!important;
}
.guide-stage .v438-master-header .header-logo,
.hub-master-shell .v438-master-header .header-logo,
.chatda-functional-shell .v438-master-header .header-logo{
  position:static!important;width:100%!important;max-width:none!important;
}

/* Desktop stays identical down to 901px. Mobile gets a dedicated header later;
   do not shrink/reflow the desktop header with the old V4.36 rules. */
@media(min-width:901px){
  .v438-master-header .web-nav{transform:none!important;left:17.2%!important;right:3.2%!important;width:auto!important;}
}
@media(max-width:900px){
  .v438-master-header{min-width:720px!important;}
  .v438-master-header .web-nav{transform:none!important;left:17.2%!important;right:3.2%!important;width:auto!important;}
}

/* =========================================================
   V4.39 — GLOBAL HEADER LOCK
   SOURCE OF TRUTH: current approved HOME + SERVICE header.
   Fixes the last geometric mismatch on HUB / GUIDE / REQUEST:
   1) V4.38 flow header was ~1.5x too tall.
   2) HOME/SERVICE stage is vertically centered in the viewport,
      while inner pages previously began at viewport y=0.
   Every desktop page now uses the same frame width, same frame top,
   same header height and the same header DOM geometry.
   ========================================================= */

:root{
  --chatda-frame-width:min(1536px,100vw,calc(100vh * 1.5));
  --chatda-frame-height:min(1024px,66.666667vw,100vh);
  --chatda-frame-top:max(0px,calc((100vh - var(--chatda-frame-height)) / 2));
}

/* The approved HOME/SERVICE overlay header is 7.978% of a 3:2 stage.
   Converted to width, that is 5.318667% of frame width => ratio ~18.8017:1.
   Use that same physical header height everywhere. */
.v439-global-header{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:18.8017 / 1!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  z-index:300!important;
  box-sizing:border-box!important;
  border:0!important;
}

/* HOME + SERVICE remain visually untouched: same top-left of the approved stage. */
.approved-stage>.v439-header-overlay,
.service-stage>.v439-header-overlay{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:18.8017 / 1!important;
  background:transparent!important;
  pointer-events:none!important;
}

/* All later pages use the exact same physical header box in document flow. */
.v439-header-flow{
  position:relative!important;
  background:linear-gradient(180deg,#00040a 0%,#00040a 86%,rgba(0,4,10,.98) 94%,rgba(0,4,10,.90) 100%)!important;
}

/* EXACT geometry from the current HOME/SERVICE header — no legacy inheritance. */
.v439-global-header .approved-shared-logo-link{
  position:absolute!important;
  z-index:303!important;
  left:2.0%!important;
  top:9.19%!important;
  width:21.8%!important;
  height:auto!important;
  display:block!important;
  line-height:0!important;
  pointer-events:auto!important;
}
.v439-global-header .header-logo{
  position:static!important;
  display:block!important;
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:left top!important;
  content:url('/static/assets/chatda_header_logo_transparent.png')!important;
  background:transparent!important;
  filter:none!important;
  opacity:1!important;
  pointer-events:auto!important;
}
.v439-global-header .web-nav{
  position:absolute!important;
  z-index:304!important;
  left:17.2%!important;
  right:3.2%!important;
  top:11.28%!important;
  height:53.48%!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:14px!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform:none!important;
  pointer-events:auto!important;
}
.v439-global-header .web-nav a{
  position:relative!important;
  flex:0 0 auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
  line-height:1!important;
}
.v439-global-header .web-nav a:not(.nav-tg):not(.nav-request){margin-right:13px!important;}
.v439-global-header .nav-tg,
.v439-global-header .nav-request{height:44px!important;min-height:44px!important;padding:0 16px!important;}
.v439-global-header .nav-tg{min-width:165px!important;margin-left:10px!important;}
.v439-global-header .nav-request{min-width:178px!important;margin-left:8px!important;}

/* Match the vertical viewport placement of HOME/SERVICE. At 1920x1080 this
   is the same 28px top offset as the centered 1536x1024 approved stage. */
.hub-master-shell,
.guide-stage,
.chatda-functional-shell{
  width:var(--chatda-frame-width)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:var(--chatda-frame-top)!important;
}

/* No page-specific header rule is allowed to move the global header. */
.hub-master-shell>.v439-global-header,
.guide-stage>.v439-global-header,
.chatda-functional-shell>.v439-global-header{
  margin-left:0!important;
  margin-right:0!important;
  margin-bottom:0!important;
  transform:none!important;
}
.guide-stage .v439-global-header .web-nav,
.hub-master-shell .v439-global-header .web-nav,
.chatda-functional-shell .v439-global-header .web-nav{
  left:17.2%!important;
  right:3.2%!important;
  top:11.28%!important;
  height:53.48%!important;
  width:auto!important;
  transform:none!important;
}

/* Retire the V4.38 header class entirely if cached markup ever survives. */
.v438-master-header:not(.v439-global-header){display:none!important;}

/* Desktop lock. Mobile gets its own dedicated treatment after desktop signoff. */
@media(min-width:901px){
  .v439-global-header .web-nav{
    left:17.2%!important;
    right:3.2%!important;
    width:auto!important;
    transform:none!important;
  }
}
@media(max-width:900px){
  :root{
    --chatda-frame-width:max(720px,100vw);
    --chatda-frame-height:calc(var(--chatda-frame-width) * 2 / 3);
    --chatda-frame-top:0px;
  }
  .v439-global-header{min-width:720px!important;}
  .v439-global-header .web-nav{left:17.2%!important;right:3.2%!important;transform:none!important;}
}


/* =========================================================
   V4.40 — APPROVED HOME/SERVICE HEADER AS IMMUTABLE TEMPLATE
   HOME + SERVICE are signed off and are NOT redesigned here.
   Every page after them uses the exact same stage width, stage-top,
   logo coordinates, nav coordinates and control geometry.
   Inner-page content starts below this locked header template.
   ========================================================= */
:root{
  --v440-stage-w:min(1536px,100vw,calc(100vh * 1.5));
  --v440-stage-h:calc(var(--v440-stage-w) * 2 / 3);
  --v440-stage-top:max(0px,calc((100vh - var(--v440-stage-h)) / 2));
  --v440-inner-header-h:calc(var(--v440-stage-h) * .125);
}

/* Never alter the already-approved HOME / SERVICE geometry. */
.approved-stage>.v440-approved-overlay,
.service-stage>.v440-approved-overlay{
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:calc(100% * .125)!important;
  aspect-ratio:auto!important;
  margin:0!important;
  background:transparent!important;
  overflow:visible!important;
  pointer-events:none!important;
}

/* All later desktop pages use the same physical stage width/top as HOME/SERVICE. */
.hub-master-shell,
.guide-stage,
.chatda-functional-shell{
  width:var(--v440-stage-w)!important;
  max-width:none!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-top:var(--v440-stage-top)!important;
  position:relative!important;
}

/* Inner header is only a coordinate frame. Its children use HOME/SERVICE stage coordinates. */
.hub-master-shell>.v440-approved-inner,
.guide-stage>.v440-approved-inner,
.chatda-functional-shell>.v440-approved-inner{
  position:relative!important;
  left:0!important;
  top:0!important;
  width:100%!important;
  height:var(--v440-inner-header-h)!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  background:linear-gradient(180deg,#00040a 0%,#00040a 76%,rgba(0,4,10,.97) 88%,rgba(0,4,10,0) 100%)!important;
  overflow:visible!important;
  transform:none!important;
  z-index:500!important;
}

/* EXACT approved logo geometry: left 2%, top 1.1%, width 21.8% of the 3:2 stage. */
.v440-approved-inner .approved-shared-logo-link{
  position:absolute!important;
  left:2%!important;
  top:calc(var(--v440-stage-h) * .011)!important;
  width:21.8%!important;
  height:auto!important;
  margin:0!important;
  line-height:0!important;
  z-index:503!important;
  transform:none!important;
  pointer-events:auto!important;
}
.v440-approved-inner .header-logo{
  position:static!important;
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-width:none!important;
  margin:0!important;
  content:url('/static/assets/chatda_header_logo_transparent.png')!important;
  object-fit:contain!important;
  object-position:left top!important;
  filter:none!important;
  opacity:1!important;
  transform:none!important;
  pointer-events:auto!important;
}

/* EXACT approved menu geometry: left 17.2%, right 3.2%, top 1.35%, height 6.4% of stage. */
.v440-approved-inner .web-nav{
  position:absolute!important;
  left:17.2%!important;
  right:3.2%!important;
  top:calc(var(--v440-stage-h) * .0135)!important;
  height:calc(var(--v440-stage-h) * .064)!important;
  width:auto!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:18px!important;
  margin:0!important;
  padding:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  transform:none!important;
  z-index:504!important;
  pointer-events:auto!important;
}
.v440-approved-inner .web-nav a{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 18px!important;
  white-space:nowrap!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
  line-height:1!important;
  transform:none!important;
}
.v440-approved-inner .web-nav a:not(.nav-tg):not(.nav-request){margin-right:13px!important;}
.v440-approved-inner .nav-tg{
  min-width:162px!important;
  height:44px!important;
  min-height:44px!important;
  margin-left:10px!important;
  padding:0 16px!important;
}
.v440-approved-inner .nav-request{
  min-width:178px!important;
  height:44px!important;
  min-height:44px!important;
  margin-left:8px!important;
  padding:0 16px!important;
}
.v440-approved-inner .web-nav a:not(.nav-tg):not(.nav-request)::after{
  left:-14%!important;right:-14%!important;bottom:-7px!important;height:2px!important;
}
.v440-approved-inner .web-nav a.active:not(.nav-tg):not(.nav-request)::after{
  opacity:1!important;transform:scaleX(1)!important;
}

/* Retire every old inner-header layout path. Nothing may compete with V4.40. */
.hub-master-shell .chatda-inner-header-slot,
.guide-stage .chatda-inner-header-slot,
.chatda-functional-shell .chatda-inner-header-slot,
.hub-master-shell .chatda-master-header,
.guide-stage .chatda-master-header,
.chatda-functional-shell .chatda-master-header,
.hub-master-brand,.hub-master-nav{display:none!important;}

/* Keep each page's own concept/layout below the immutable header. */
.hub-master-shell>.hub-hero{margin-top:0!important;}
.guide-stage>.guide-hero{margin-top:0!important;}
.chatda-functional-shell>.page{margin-top:0!important;}

/* Desktop only for sign-off. Mobile gets a purpose-built header later. */
@media(min-width:901px) and (max-width:1400px){
  .v440-approved-inner .web-nav{
    transform:scale(.90)!important;
    transform-origin:right top!important;
    left:auto!important;
    right:2.4%!important;
    width:81%!important;
  }
}
@media(min-width:1401px){
  .v440-approved-inner .web-nav{
    left:17.2%!important;
    right:3.2%!important;
    width:auto!important;
    transform:none!important;
  }
}
@media(max-width:900px){
  /* Do not fake desktop alignment on mobile. Dedicated mobile UI is next phase. */
  :root{--v440-stage-w:max(720px,100vw);--v440-stage-h:calc(var(--v440-stage-w) * 2 / 3);--v440-stage-top:0px;}
  .v440-approved-inner{min-width:720px!important;}
  .v440-approved-inner .web-nav{display:none!important;}
}

/* =========================================================
   V4.41 — HEADER PIXEL LOCK
   Final desktop alignment fix.
   Root cause found from recorded navigation:
   - inner pages have a vertical scrollbar, so margin:auto centered their
     1536px frame ~8px left compared with HOME/SERVICE.
   - V4.40 inner header also reintroduced 18px nav gap / 162px TG width,
     while the approved HOME/SERVICE header uses 14px / 165px.

   From this version HOME/SERVICE remain the visual source of truth.
   Inner shells are centered against the physical viewport (50vw), not the
   scrollbar-reduced document width, and every child uses the exact same
   normalized header geometry as the approved overlay header.
   ========================================================= */

/* Center scrolling pages against the physical viewport, exactly like the
   non-scrolling HOME/SERVICE stage. This removes the ~8px scrollbar jump. */
.hub-master-shell,
.guide-stage,
.chatda-functional-shell{
  margin-left:0!important;
  margin-right:0!important;
  left:50vw!important;
  transform:translateX(-50%)!important;
}

/* Inner header box is the exact same 12.5% stage-height coordinate frame
   already used by the approved HOME/SERVICE overlay. */
.hub-master-shell>.v440-approved-inner,
.guide-stage>.v440-approved-inner,
.chatda-functional-shell>.v440-approved-inner{
  height:var(--v440-inner-header-h)!important;
  aspect-ratio:auto!important;
  left:0!important;
  top:0!important;
  transform:none!important;
}

/* Exact approved overlay logo geometry: percentages are relative to the
   identical 12.5%-of-stage header box. */
.v440-approved-inner .approved-shared-logo-link{
  left:2.0%!important;
  top:9.19%!important;
  width:21.8%!important;
  transform:none!important;
}

/* Exact approved HOME/SERVICE navigation geometry. */
.v440-approved-inner .web-nav{
  left:17.2%!important;
  right:3.2%!important;
  top:11.28%!important;
  height:53.48%!important;
  width:auto!important;
  gap:14px!important;
  transform:none!important;
}
.v440-approved-inner .web-nav a{
  height:42px!important;
  min-height:42px!important;
  padding-left:18px!important;
  padding-right:18px!important;
  font-size:17px!important;
  font-weight:650!important;
  letter-spacing:.03em!important;
}
.v440-approved-inner .web-nav a:not(.nav-tg):not(.nav-request){
  margin-right:13px!important;
}
.v440-approved-inner .nav-tg{
  min-width:165px!important;
  height:44px!important;
  min-height:44px!important;
  margin-left:10px!important;
  padding-left:16px!important;
  padding-right:16px!important;
}
.v440-approved-inner .nav-request{
  min-width:178px!important;
  height:44px!important;
  min-height:44px!important;
  margin-left:8px!important;
  padding-left:16px!important;
  padding-right:16px!important;
}

/* V4.40 had a 901-1400-only inner scaling rule that did not necessarily
   match the approved overlay cascade. Disable it for the signed-off desktop
   header so every desktop route uses one geometry. */
@media(min-width:901px){
  .v440-approved-inner .web-nav{
    left:17.2%!important;
    right:3.2%!important;
    top:11.28%!important;
    height:53.48%!important;
    width:auto!important;
    gap:14px!important;
    transform:none!important;
  }
}

/* GUIDE is a flex container in V4.35. Start the item at x=0 before applying
   the same viewport-centering formula used above; otherwise flex centering
   would be applied twice. */
.approved-guide{
  justify-content:flex-start!important;
}

/* =========================================================
   V4.42 — INFOHUB + GUIDE PREMIUM BODY UPGRADE
   HEADER PIXEL LOCK (V4.41) IS LEFT UNTOUCHED.
   ========================================================= */

/* ---------- shared premium body atmosphere ---------- */
.hub42-page,.guide42-page{background:#00040a!important;color:#fff;min-height:100vh}
.hub42-shell,.guide42-stage{background:
  radial-gradient(circle at 20% 18%,rgba(8,93,205,.08),transparent 24%),
  radial-gradient(circle at 80% 15%,rgba(5,73,178,.06),transparent 26%),
  linear-gradient(180deg,#00040a 0%,#020913 48%,#00050a 100%)!important;
  overflow:hidden!important;
}

/* ---------- INFORMATION HUB hero ---------- */
.hub42-hero{
  position:relative;height:246px;box-sizing:border-box;display:grid;grid-template-columns:38% 62%;align-items:center;
  padding:28px 56px 22px;border-bottom:1px solid rgba(30,74,116,.40);overflow:hidden;
  background:
    radial-gradient(circle at 78% 50%,rgba(18,101,236,.15),transparent 24%),
    linear-gradient(90deg,rgba(1,7,14,.98),rgba(2,11,21,.90) 42%,rgba(2,12,24,.72));
}
.hub42-hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.54;background-image:
  radial-gradient(circle,rgba(47,146,255,.18) 1px,transparent 1.2px),
  linear-gradient(90deg,transparent 0 49.8%,rgba(33,100,160,.055) 50%,transparent 50.2%);
  background-size:31px 31px,72px 100%;mask-image:linear-gradient(90deg,transparent 0,black 25%,black 100%)}
.hub42-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#0e75d0 24%,#29b8ff 55%,transparent 88%);opacity:.5}
.hub42-hero-copy{position:relative;z-index:3;padding-left:12px}
.hub42-kicker,.hub42-section-kicker{font-size:11px;font-weight:850;letter-spacing:.19em;color:#2eb7ff}
.hub42-hero-copy h1{font-size:43px;line-height:1;margin:11px 0 14px;letter-spacing:-.045em}
.hub42-hero-copy p{margin:0;color:#a3b3c3;font-size:14.5px;line-height:1.55}

/* Web-native "information console" visual, deliberately different from GUIDE. */
.hub42-intel{position:relative;height:198px;z-index:2;filter:drop-shadow(0 18px 36px rgba(0,0,0,.34))}
.hub42-netline{position:absolute;height:1px;transform-origin:left center;background:linear-gradient(90deg,transparent,#1d7ce4,#49c9ff,transparent);box-shadow:0 0 8px rgba(31,143,255,.55);opacity:.72}
.hub42-netline.l1{left:5%;top:48%;width:72%;transform:rotate(-7deg)}
.hub42-netline.l2{left:13%;top:61%;width:63%;transform:rotate(8deg)}
.hub42-netline.l3{left:35%;top:18%;width:50%;transform:rotate(19deg);opacity:.38}
.hub42-console{position:absolute;left:34%;top:12px;width:330px;height:166px;border:1px solid rgba(59,155,255,.72);border-radius:9px;background:linear-gradient(150deg,rgba(8,31,57,.97),rgba(2,11,21,.98));box-shadow:0 0 28px rgba(18,99,230,.23),inset 0 0 28px rgba(26,114,239,.07);transform:perspective(700px) rotateY(-9deg) rotateX(2deg)}
.hub42-console-top{height:31px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid rgba(55,117,174,.37);color:#66cfff;font-size:11px;background:linear-gradient(90deg,rgba(8,51,91,.65),rgba(3,19,34,.3))}
.hub42-console-top>span{width:7px;height:7px;border-radius:50%;background:#37baff;box-shadow:0 0 10px #37baff;margin-right:9px}.hub42-console-top b{letter-spacing:.08em}.hub42-console-top i{margin-left:auto;width:42px;height:4px;border-radius:5px;background:#123f67;box-shadow:0 9px 0 #0b3154}
.hub42-console-body{position:relative;height:134px;display:grid;grid-template-columns:48px 1fr;padding:14px}
.hub42-console-nav{display:flex;flex-direction:column;gap:9px}.hub42-console-nav i{width:26px;height:16px;border:1px solid rgba(51,145,230,.42);border-radius:4px;background:#08284a;box-shadow:inset 0 0 8px rgba(20,128,255,.12)}
.hub42-console-lines{display:flex;flex-direction:column;gap:11px;padding:4px 65px 0 8px}.hub42-console-lines span{height:6px;border-radius:5px;background:linear-gradient(90deg,#124f88,#176fc1 62%,transparent)}.hub42-console-lines span:nth-child(2){width:78%}.hub42-console-lines span:nth-child(3){width:91%}.hub42-console-lines span:nth-child(4){width:68%}
.hub42-lens{position:absolute;right:22px;bottom:23px;width:57px;height:57px;border:4px solid #43c1ff;border-radius:50%;box-shadow:0 0 16px rgba(59,190,255,.56),inset 0 0 16px rgba(39,163,255,.14)}
.hub42-lens:after{content:"";position:absolute;width:35px;height:6px;border-radius:6px;background:linear-gradient(90deg,#35b9ff,#168cff);right:-27px;bottom:-13px;transform:rotate(45deg);box-shadow:0 0 8px #168cff}
.hub42-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9cb6cd;font-size:10px;text-shadow:0 2px 8px #000}
.hub42-node:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#47caff;box-shadow:0 0 10px #37baff}
.hub42-node>span{display:block;position:relative;width:53px;height:45px;border:1px solid rgba(54,157,244,.45);background:linear-gradient(145deg,#082442,#041321);box-shadow:0 0 19px rgba(16,97,225,.18);border-radius:8px}
.hub42-node.folder{left:18%;top:46px}.hub42-node.folder:before{left:-34px;top:15px}.hub42-node.folder>span:before{content:"";position:absolute;left:11px;top:13px;width:30px;height:21px;border:2px solid #49bfff;border-radius:3px;box-shadow:0 0 9px rgba(73,191,255,.35)}.hub42-node.folder>span:after{content:"";position:absolute;left:12px;top:9px;width:15px;height:7px;border-radius:3px 3px 0 0;background:#49bfff}
.hub42-node.document{right:7%;top:13px}.hub42-node.document:before{right:-25px;bottom:0}.hub42-node.document>span{width:45px;height:52px}.hub42-node.document>span:before{content:"";position:absolute;left:10px;right:9px;top:14px;height:2px;background:#51caff;box-shadow:0 9px 0 #2a7ebd,0 18px 0 #1d5f91}
.hub42-node.pin{right:10%;bottom:4px}.hub42-node.pin:before{left:-28px;bottom:19px}.hub42-node.pin>span{width:44px;height:44px;border-radius:50%}.hub42-node.pin>span:before{content:"";position:absolute;left:14px;top:8px;width:15px;height:20px;border:2px solid #50caff;border-radius:50% 50% 55% 55%;transform:rotate(0deg);box-shadow:0 0 8px rgba(80,202,255,.35)}.hub42-node.pin>span:after{content:"";position:absolute;left:19px;top:14px;width:6px;height:6px;border-radius:50%;background:#4bc9ff}

/* ---------- board ---------- */
.hub42-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;padding:22px 48px 34px}
.hub42-board,.hub42-guide-card,.hub42-trends{border:1px solid rgba(44,91,134,.62);border-radius:11px;background:linear-gradient(180deg,rgba(4,14,25,.97),rgba(2,9,17,.98));box-shadow:0 20px 50px rgba(0,0,0,.26),inset 0 1px 0 rgba(62,135,204,.04)}
.hub42-board{padding:24px 26px 16px;min-height:495px}
.hub42-board-head{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid rgba(37,79,116,.48)}
.hub42-board-head h2{margin:6px 0 0;font-size:25px;letter-spacing:-.02em}
.hub42-write,.hub42-side-write{border:1px solid #148fff;color:#fff;background:linear-gradient(180deg,#0a2849,#06182d);box-shadow:inset 0 0 19px rgba(13,120,255,.11),0 0 16px rgba(4,102,255,.14);border-radius:8px;font-weight:800;transition:.18s ease}
.hub42-write:hover,.hub42-side-write:hover{border-color:#4ec7ff;box-shadow:0 0 20px rgba(27,133,255,.22),inset 0 0 20px rgba(13,120,255,.12)}
.hub42-write{height:44px;padding:0 19px}.hub42-write span{color:#50caff;font-size:19px;margin-right:6px}
.hub42-tools{height:64px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(37,74,108,.37)}
.hub42-tabs{display:flex;gap:5px}.hub42-tabs button{border:1px solid transparent;background:transparent;color:#8ea2b5;border-radius:7px;height:36px;padding:0 14px;font-weight:720}.hub42-tabs button.active{border-color:#147fe0;color:#9cddff;background:linear-gradient(180deg,rgba(15,71,122,.55),rgba(4,24,43,.58));box-shadow:0 8px 20px rgba(0,83,185,.09),inset 0 -1px 0 rgba(81,199,255,.18)}
.hub42-search{width:247px;height:37px;display:flex;align-items:center;padding:0 11px;border:1px solid rgba(49,88,124,.70);border-radius:8px;background:#020912;color:#47c4ff}.hub42-search input{width:100%;border:0;background:transparent;outline:0;color:#e6eff8;padding-left:8px}.hub42-search input::placeholder{color:#667c91}
.hub42-list{min-height:286px}
.hub42-row{min-height:71px;display:grid;grid-template-columns:84px minmax(0,1fr) 28px;gap:9px;align-items:center;border-bottom:1px solid rgba(29,64,94,.43);padding:7px 4px;cursor:pointer;transition:.15s ease}
.hub42-row:hover{background:linear-gradient(90deg,rgba(15,75,134,.14),rgba(7,29,52,.04),transparent)}
.hub42-cat{justify-self:start;min-width:59px;text-align:center;padding:6px 9px;border-radius:14px;border:1px solid rgba(31,127,211,.57);background:rgba(7,48,88,.52);color:#67cfff;font-size:11px;font-weight:800}.hub42-cat.notice{background:linear-gradient(180deg,#0d4c92,#082c55);color:#fff;border-color:#1d7ed7}
.hub42-row-title{font-size:14px;font-weight:800;color:#edf5fc;display:flex;align-items:center;gap:8px}.hub42-pin{width:6px;height:6px;border-radius:50%;background:#51cfff;box-shadow:0 0 9px #29aaff}.hub42-row-meta{display:flex;gap:12px;margin-top:6px;color:#667e94;font-size:10.5px}.hub42-arrow{font-size:25px;color:#2f6b9c;transition:.16s}.hub42-row:hover .hub42-arrow{color:#55caff;transform:translateX(2px)}
.hub42-board-foot{display:flex;align-items:center;gap:9px;padding-top:16px;color:#70869a;font-size:11px}.hub42-shield-mini{width:21px;height:24px;display:grid;place-items:center;border:1px solid #1e96e7;border-radius:50% 50% 43% 43%/35% 35% 65% 65%;color:#54cbff;font-size:10px;box-shadow:0 0 9px rgba(30,150,231,.15)}.hub42-more{margin-left:auto;border:1px solid rgba(51,97,136,.64);border-radius:7px;background:#030b14;color:#9fb3c5;padding:8px 14px}.hub42-more b{color:#35b9ff;margin-left:8px;font-size:17px}

/* ---------- right rail ---------- */
.hub42-side{display:flex;flex-direction:column;gap:14px}.hub42-guide-card,.hub42-trends{padding:23px 22px}.hub42-side-title{display:flex;align-items:center;gap:9px;color:#2fb8ff;font-size:13px}.hub42-pencil,.hub42-flame{width:31px;height:31px;border:1px solid rgba(45,141,224,.45);border-radius:7px;display:grid;place-items:center;background:#041525;color:#4cc8ff}.hub42-guide-card h3{font-size:20px;line-height:1.42;letter-spacing:-.025em;margin:14px 0 21px}.hub42-guide-rule{display:flex;gap:9px;color:#9eb0c0;font-size:11.5px;line-height:1.5;margin:11px 0}.hub42-guide-rule i{width:5px;height:5px;border-radius:50%;background:#2fb8ff;box-shadow:0 0 8px #1c91ff;margin-top:6px;flex:0 0 5px}.hub42-side-write{width:100%;height:45px;margin-top:17px;font-size:14px}.hub42-side-write span{color:#43c2ff;margin-right:7px}
.hub42-trends{min-height:190px}.hub42-trends ol{list-style:none;margin:13px 0 0;padding:0}.hub42-trends li{height:39px;display:grid;grid-template-columns:45px 1fr;align-items:center;border-bottom:1px solid rgba(32,66,96,.33);color:#a5b4c2;font-size:12px}.hub42-trends li:last-child{border-bottom:0}.hub42-trends li b{color:#27adff;font-size:12px}

/* ---------- GUIDE hero / process ---------- */
.guide42-stage{min-height:960px!important}
.guide42-hero{position:relative;height:236px;display:grid;grid-template-columns:31% 69%;align-items:center;padding:28px 52px 18px;border-bottom:1px solid rgba(34,76,115,.38);overflow:hidden;background:linear-gradient(90deg,rgba(1,7,14,.98),rgba(3,13,24,.87) 48%,rgba(1,7,14,.95))}
.guide42-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 81% 43%,rgba(91,34,255,.10),transparent 18%),radial-gradient(circle at 54% 47%,rgba(16,105,255,.10),transparent 27%),repeating-linear-gradient(90deg,rgba(34,102,166,.035) 0 1px,transparent 1px 43px)}
.guide42-copy{position:relative;z-index:2;padding-left:10px}.guide42-kicker{color:#35b9ff;font-size:11px;font-weight:850;letter-spacing:.18em}.guide42-copy h1{font-size:41px;line-height:1;margin:11px 0 14px;letter-spacing:-.045em}.guide42-copy p{color:#a4b4c4;font-size:14.5px;line-height:1.55;margin:0;max-width:340px}
.guide42-flow-visual{height:180px;position:relative;z-index:2;display:flex;align-items:center;justify-content:flex-start;padding-left:18px}
.guide42-mini-step{position:relative;width:147px;text-align:center;color:#dceaf7}.guide42-mini-step b{position:absolute;left:23px;top:-9px;color:#288dff;font-size:12px}.guide42-mini-step>span{display:block;width:86px;height:86px;border:1px solid rgba(52,142,232,.48);border-radius:50%;margin:0 auto 8px;background:radial-gradient(circle,#0b2d52 0,#041422 55%,#020912 100%);box-shadow:0 0 22px rgba(16,103,230,.16),inset 0 0 22px rgba(42,133,231,.09);position:relative}.guide42-mini-step>small{font-size:11px;color:#d9e6f2}.guide42-mini-step>span:after{content:"";position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);width:88px;height:1px;background:linear-gradient(90deg,transparent,#167aff,#53d1ff,transparent);box-shadow:0 0 7px #168cff}
.g42-doc:before{content:"";position:absolute;left:26px;top:21px;width:33px;height:41px;border:2px solid #59cfff;border-radius:4px;box-shadow:0 0 10px rgba(70,197,255,.32)}.g42-doc:after{content:"";position:absolute;left:35px;top:33px;width:18px;height:2px;background:#48b9f4;box-shadow:0 9px 0 #2c7fb7,0 18px 0 #1a5d8c}
.g42-search:before{content:"";position:absolute;left:24px;top:20px;width:32px;height:39px;border:2px solid #5ccfff;border-radius:4px}.g42-search:after{content:"";position:absolute;left:47px;top:44px;width:22px;height:22px;border:3px solid #52c9ff;border-radius:50%;box-shadow:0 0 9px rgba(82,201,255,.38)}
.g42-plane:before{content:"";position:absolute;left:23px;top:27px;width:44px;height:32px;clip-path:polygon(0 48%,100% 0,65% 100%,45% 61%);background:linear-gradient(145deg,#55d3ff,#1476ff);filter:drop-shadow(0 0 7px rgba(55,177,255,.5))}
.g42-arrow{width:42px;height:2px;background:linear-gradient(90deg,#176df9,#49ccff);box-shadow:0 0 8px #168cff;position:relative;margin:0 -8px;top:-11px}.g42-arrow:after{content:"";position:absolute;right:-1px;top:-4px;width:8px;height:8px;border-top:2px solid #55d3ff;border-right:2px solid #55d3ff;transform:rotate(45deg)}
.guide42-hero-shield{margin-left:38px;width:128px;height:128px;position:relative;border:1px solid rgba(56,122,223,.32);border-radius:50%;box-shadow:0 0 32px rgba(65,43,255,.12),inset 0 0 26px rgba(36,96,230,.08);background:repeating-radial-gradient(circle,transparent 0 18px,rgba(56,127,236,.10) 19px 20px)}
.guide42-hero-shield>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:78px;clip-path:polygon(50% 0,93% 16%,87% 69%,50% 100%,13% 69%,7% 16%);background:linear-gradient(145deg,#2f8dff,#0b3c97);box-shadow:0 0 22px #1159f1}.guide42-hero-shield>span:before{content:"";position:absolute;left:24px;top:31px;width:20px;height:22px;border:3px solid #8be7ff;border-radius:4px}.guide42-hero-shield>span:after{content:"";position:absolute;left:27px;top:20px;width:14px;height:15px;border:3px solid #8be7ff;border-bottom:0;border-radius:11px 11px 0 0}

/* ---------- GUIDE content ---------- */
.guide42-main-grid{display:grid;grid-template-columns:1fr 1.45fr 1fr;gap:14px;padding:18px 52px 0}.guide42-panel{border:1px solid rgba(42,83,120,.60);border-radius:10px;background:linear-gradient(180deg,rgba(4,14,25,.97),rgba(2,9,17,.98));box-shadow:0 18px 40px rgba(0,0,0,.22);padding:18px 20px;min-height:230px}.guide42-panel h2{font-size:16px;margin:0 0 15px;letter-spacing:-.01em}.guide42-item{display:grid;grid-template-columns:29px 1fr;gap:1px 10px;align-items:center;margin:12px 0}.guide42-item .g42-i{grid-row:1/3;width:25px;height:25px;border:1px solid rgba(42,139,224,.45);border-radius:6px;background:#041525;position:relative}.guide42-item b{font-size:11.5px;color:#eef5fb}.guide42-item small{font-size:9.5px;color:#70889d}.g42-i:before,.g42-i:after{content:"";position:absolute}.g42-i.doc:before,.g42-i.file:before,.g42-i.edit:before{left:7px;top:5px;width:10px;height:13px;border:1.5px solid #43c1ff;border-radius:2px}.g42-i.doc:after{left:9px;top:9px;width:6px;height:1px;background:#43c1ff;box-shadow:0 4px 0 #2382ba}.g42-i.file:after{left:9px;top:4px;width:6px;height:5px;background:#43c1ff;border-radius:2px 2px 0 0}.g42-i.edit:after{width:8px;height:2px;background:#55cfff;transform:rotate(-40deg);left:10px;top:13px}.g42-i.phone:before{left:7px;top:5px;width:10px;height:15px;border:1.5px solid #43c1ff;border-radius:7px;transform:rotate(-28deg)}
.guide42-privacy-body{display:grid;grid-template-columns:132px 1fr;gap:10px;align-items:center}.guide42-lock-orbit{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,transparent 0 17px,rgba(35,109,219,.11) 18px 19px);border:1px solid rgba(37,119,219,.27);box-shadow:0 0 26px rgba(11,86,218,.11)}.guide42-lock-orbit>span{width:58px;height:68px;clip-path:polygon(50% 0,93% 16%,87% 69%,50% 100%,13% 69%,7% 16%);background:linear-gradient(145deg,#2687ff,#0b3b92);position:relative;filter:drop-shadow(0 0 8px rgba(30,109,255,.38))}.guide42-lock-orbit>span:before{content:"";position:absolute;left:19px;top:29px;width:18px;height:18px;border:2px solid #81e0ff;border-radius:4px}.guide42-lock-orbit>span:after{content:"";position:absolute;left:22px;top:19px;width:12px;height:12px;border:2px solid #81e0ff;border-bottom:0;border-radius:9px 9px 0 0}.guide42-privacy-body p{margin:8px 0;display:grid;grid-template-columns:17px 1fr;align-items:start}.guide42-privacy-body p i{font-style:normal;color:#2fbaff;font-size:10px;border:1px solid rgba(47,186,255,.42);border-radius:50%;width:13px;height:13px;display:grid;place-items:center;margin-top:1px}.guide42-privacy-body p b{font-size:10.5px}.guide42-privacy-body p small{grid-column:2;color:#72899d;font-size:9px;margin-top:2px}
.guide42-panel.notices p{margin:11px 0;color:#9cadbd;font-size:10.5px;line-height:1.4}.guide42-panel.notices p i{font-style:normal;color:#39bdff;margin-right:8px}
.guide42-faq{margin:14px 52px 0;padding:13px 14px;border:1px solid rgba(39,80,117,.57);border-radius:9px;background:linear-gradient(180deg,rgba(3,13,23,.98),rgba(2,9,17,.98));display:grid;grid-template-columns:1.1fr 1.1fr .9fr;gap:10px;align-items:end}.guide42-faq h2{font-size:14px;margin:0 0 8px}.guide42-faq button{width:100%;height:35px;margin-top:6px;text-align:left;padding:0 13px;border:1px solid rgba(36,82,123,.53);border-radius:6px;background:#030d17;color:#9dafbf;font-size:10.5px}.guide42-faq button span{float:right;color:#2aaeff;font-size:17px}.guide42-faq-col{padding-top:22px}.guide42-safe-copy{display:flex;align-items:center;gap:14px;padding:0 8px 3px 16px;border-left:1px solid rgba(37,75,109,.38);height:75px}.guide42-safe-copy p{margin:0;color:#9cb0c2;font-size:11px;line-height:1.5}.guide42-safe-copy b{color:#27a9ff;font-size:14px}.guide42-mini-lock{width:28px;height:31px;border:1.5px solid #43c6ff;border-radius:6px;position:relative;display:inline-block;box-shadow:0 0 10px rgba(67,198,255,.25)}.guide42-mini-lock:before{content:"";position:absolute;left:6px;right:6px;top:-13px;height:13px;border:1.5px solid #43c6ff;border-bottom:0;border-radius:10px 10px 0 0}.guide42-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:10px 52px 24px}.guide42-actions a{height:56px;border:1px solid rgba(38,134,224,.72);border-radius:8px;background:linear-gradient(180deg,#071a2e,#03101d);display:grid;grid-template-columns:43px auto 1fr 22px;align-items:center;padding:0 20px;color:#fff}.guide42-actions a:hover{border-color:#54caff;box-shadow:0 0 18px rgba(25,121,255,.15)}.guide42-actions a .guide42-mini-lock{transform:scale(.65);transform-origin:center}.guide42-actions a svg{width:25px;height:25px;justify-self:center}.guide42-actions strong{font-size:14px}.guide42-actions small{font-size:9.5px;color:#7793aa;margin-left:12px}.guide42-actions a>b{font-size:22px;color:#2cb4ff;text-align:right}

/* keep modal visually compatible with premium body */
.hub42-page~.hub-compose .hub-compose-card,.hub-compose-card{background:linear-gradient(180deg,#061522,#030b14)!important;border-color:rgba(47,131,202,.62)!important}

@media(max-width:1180px){
  .hub42-hero{grid-template-columns:42% 58%;padding-left:38px;padding-right:32px}.hub42-console{left:27%;transform:scale(.88) perspective(700px) rotateY(-9deg);transform-origin:left center}.hub42-node.folder{left:7%}.hub42-layout{grid-template-columns:minmax(0,1fr) 300px;padding-left:30px;padding-right:30px}.guide42-hero{grid-template-columns:28% 72%;padding-left:35px;padding-right:30px}.guide42-mini-step{width:125px}.guide42-hero-shield{margin-left:15px;transform:scale(.82)}.guide42-main-grid,.guide42-faq,.guide42-actions{margin-left:0;margin-right:0}.guide42-main-grid{padding-left:30px;padding-right:30px}.guide42-faq{margin-left:30px;margin-right:30px}.guide42-actions{margin-left:30px;margin-right:30px}
}
@media(max-width:900px){
  .hub42-shell,.guide42-stage{min-width:720px!important}.hub42-layout{grid-template-columns:1fr}.hub42-side{grid-template-columns:1fr 1fr;display:grid}.guide42-main-grid{grid-template-columns:1fr 1fr}.guide42-panel.notices{grid-column:1/-1}.guide42-faq{grid-template-columns:1fr 1fr}.guide42-safe-copy{grid-column:1/-1;border-left:0;border-top:1px solid rgba(37,75,109,.38);padding-top:12px}.guide42-hero-shield{display:none}.guide42-flow-visual{padding-left:0}.guide42-mini-step{width:140px}
}

/* ===== V4.43 visual match refinement: selected mockup fidelity ===== */
.hub42-page .hub42-shell{
  background:
    radial-gradient(circle at 76% 22%, rgba(35,109,255,.12), transparent 16%),
    radial-gradient(circle at 83% 60%, rgba(10,143,255,.08), transparent 24%),
    linear-gradient(180deg,#01050b 0%,#020913 58%,#01060d 100%);
}
.hub42-page .hub42-hero{
  min-height:330px;
  grid-template-columns:35% 65%;
  padding:56px 52px 42px;
  background:
    radial-gradient(circle at 67% 55%, rgba(20,112,255,.12), transparent 18%),
    linear-gradient(90deg,rgba(2,8,15,.98),rgba(3,12,23,.96) 42%,rgba(4,14,25,.88));
}
.hub42-page .hub42-hero:before{
  opacity:.78;
  background-image:
    radial-gradient(circle at 52% 56%,rgba(50,183,255,.28) 0 1px,transparent 1.5px),
    radial-gradient(circle at 72% 36%,rgba(50,183,255,.35) 0 1.5px,transparent 2px),
    linear-gradient(90deg,transparent 0 6%,rgba(28,92,160,.22) 6% 6.1%,transparent 6.1% 100%),
    linear-gradient(0deg,transparent 0 12%,rgba(21,75,131,.18) 12% 12.1%,transparent 12.1% 100%);
  background-size:120px 120px,180px 180px,100% 100%,100% 100%;
}
.hub42-page .hub42-hero-copy{padding-left:16px}
.hub42-page .hub42-hero-copy h1{font-size:60px;margin:12px 0 16px}
.hub42-page .hub42-hero-copy p{font-size:23px;line-height:1.48;color:#d8e6f1;max-width:430px}
.hub42-page .hub42-kicker,.hub42-page .hub42-section-kicker{font-size:17px;letter-spacing:.17em}
.hub42-page .hub42-intel{height:248px;filter:drop-shadow(0 25px 40px rgba(0,0,0,.38))}
.hub42-page .hub42-console{left:30%;top:6px;width:445px;height:212px;border-radius:14px;border-color:rgba(71,168,255,.82);box-shadow:0 0 34px rgba(18,99,230,.28),inset 0 0 34px rgba(26,114,239,.10);transform:perspective(900px) rotateY(-9deg) rotateX(2deg)}
.hub42-page .hub42-console-top{height:39px;padding:0 16px;font-size:14px}
.hub42-page .hub42-console-top>span{width:9px;height:9px;margin-right:12px}
.hub42-page .hub42-console-top i{width:62px;height:5px;box-shadow:0 11px 0 #0b3154}
.hub42-page .hub42-console-body{grid-template-columns:60px 1fr;padding:18px;height:173px}
.hub42-page .hub42-console-nav i{width:31px;height:18px;border-radius:5px}
.hub42-page .hub42-console-lines{gap:15px;padding:8px 92px 0 12px}
.hub42-page .hub42-console-lines span{height:8px}
.hub42-page .hub42-lens{right:29px;bottom:28px;width:72px;height:72px;border-width:5px}
.hub42-page .hub42-lens:after{width:42px;height:8px;right:-31px;bottom:-16px}
.hub42-page .hub42-node{font-size:13px;gap:10px;color:#d7e7f3}
.hub42-page .hub42-node>span{width:68px;height:58px;border-radius:10px}
.hub42-page .hub42-node.folder{left:13%;top:44px}.hub42-page .hub42-node.folder:before{left:-44px;top:20px}.hub42-page .hub42-node.folder>span:before{left:15px;top:18px;width:37px;height:24px}.hub42-page .hub42-node.folder>span:after{left:16px;top:12px;width:18px;height:8px}
.hub42-page .hub42-node.document{right:5%;top:10px}.hub42-page .hub42-node.document:before{right:-29px;bottom:8px}.hub42-page .hub42-node.document>span{width:54px;height:64px}.hub42-page .hub42-node.document>span:before{left:12px;right:11px;top:18px;box-shadow:0 11px 0 #2a7ebd,0 22px 0 #1d5f91}
.hub42-page .hub42-node.pin{right:9%;bottom:0}.hub42-page .hub42-node.pin:before{left:-35px;bottom:25px}.hub42-page .hub42-node.pin>span{width:54px;height:54px}.hub42-page .hub42-node.pin>span:before{left:17px;top:10px;width:18px;height:24px}.hub42-page .hub42-node.pin>span:after{left:22px;top:16px;width:7px;height:7px}
.hub42-page .hub42-layout{grid-template-columns:minmax(0,1fr) 365px;gap:28px;padding:28px 52px 44px}
.hub42-page .hub42-board,.hub42-page .hub42-guide-card,.hub42-page .hub42-trends{border-radius:14px;border-color:rgba(55,118,175,.72);background:linear-gradient(180deg,rgba(4,14,25,.98),rgba(2,9,17,.99));box-shadow:0 24px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(93,172,255,.07)}
.hub42-page .hub42-board{padding:28px 30px 20px;min-height:560px}
.hub42-page .hub42-board-head{padding-bottom:22px}
.hub42-page .hub42-board-head h2{font-size:44px;margin-top:10px}
.hub42-page .hub42-write{height:60px;padding:0 28px;border-radius:12px;font-size:24px}
.hub42-page .hub42-write span{font-size:28px;margin-right:8px}
.hub42-page .hub42-tools{height:86px}
.hub42-page .hub42-tabs{gap:14px}.hub42-page .hub42-tabs button{height:48px;padding:0 18px;font-size:22px;border-radius:10px}
.hub42-page .hub42-search{width:400px;height:49px;border-radius:10px;padding:0 14px;font-size:18px}.hub42-page .hub42-search input{font-size:18px}
.hub42-page .hub42-list{min-height:340px}.hub42-page .hub42-row{grid-template-columns:110px minmax(0,1fr) 28px;min-height:89px;padding:12px 6px}
.hub42-page .hub42-cat{min-width:76px;padding:10px 12px;border-radius:17px;font-size:16px}
.hub42-page .hub42-row-title{font-size:28px;gap:10px}.hub42-page .hub42-pin{width:8px;height:8px}.hub42-page .hub42-row-meta{font-size:16px;gap:16px;margin-top:8px}.hub42-page .hub42-arrow{font-size:34px}
.hub42-page .hub42-board-foot{padding-top:18px;font-size:16px}.hub42-page .hub42-shield-mini{width:28px;height:32px;font-size:13px}.hub42-page .hub42-more{padding:12px 18px;font-size:18px}
.hub42-page .hub42-guide-card,.hub42-page .hub42-trends{padding:26px 24px}
.hub42-page .hub42-side-title{font-size:22px;gap:12px}.hub42-page .hub42-pencil,.hub42-page .hub42-flame{width:40px;height:40px;border-radius:10px;font-size:18px}
.hub42-page .hub42-guide-card h3{font-size:35px;line-height:1.34;margin:18px 0 24px}.hub42-page .hub42-guide-rule{font-size:17px;line-height:1.65;margin:14px 0}.hub42-page .hub42-guide-rule i{width:6px;height:6px;flex-basis:6px;margin-top:11px}
.hub42-page .hub42-side-write{height:58px;margin-top:20px;border-radius:11px;font-size:24px}
.hub42-page .hub42-trends{min-height:255px}.hub42-page .hub42-trends li{height:52px;grid-template-columns:55px 1fr;font-size:19px}.hub42-page .hub42-trends li b{font-size:18px}

.guide42-page .guide42-stage{
  background:
    radial-gradient(circle at 84% 16%, rgba(54,51,255,.12), transparent 18%),
    radial-gradient(circle at 60% 22%, rgba(36,118,255,.12), transparent 18%),
    linear-gradient(180deg,#02060d 0%,#020913 62%,#01050b 100%);
}
.guide42-page .guide42-hero{height:320px;grid-template-columns:28% 72%;padding:44px 52px 26px;background:linear-gradient(90deg,rgba(1,7,14,.98),rgba(3,13,24,.94) 48%,rgba(2,9,16,.95))}
.guide42-page .guide42-hero:before{background:radial-gradient(circle at 79% 50%,rgba(91,34,255,.13),transparent 18%),radial-gradient(circle at 54% 47%,rgba(16,105,255,.13),transparent 27%),repeating-linear-gradient(90deg,rgba(34,102,166,.045) 0 1px,transparent 1px 43px)}
.guide42-page .guide42-copy h1{font-size:58px;margin:14px 0 14px}.guide42-page .guide42-copy p{font-size:22px;line-height:1.5;color:#d6e3f0;max-width:420px}.guide42-page .guide42-kicker{font-size:17px}
.guide42-page .guide42-flow-visual{height:220px;padding-left:32px;justify-content:space-between;padding-right:40px}
.guide42-page .guide42-mini-step{width:190px}.guide42-page .guide42-mini-step b{left:16px;top:-16px;font-size:22px}.guide42-page .guide42-mini-step>span{width:112px;height:112px;margin-bottom:14px;border-width:1px}.guide42-page .guide42-mini-step>small{font-size:22px;font-weight:700;line-height:1.25;display:block;color:#eef6fb}.guide42-page .guide42-mini-step>span:after{width:120px;bottom:-19px}
.guide42-page .guide42-hero-shield{margin-left:28px;width:162px;height:162px}.guide42-page .guide42-hero-shield>span{width:84px;height:96px}.guide42-page .guide42-hero-shield>span:before{left:29px;top:39px;width:24px;height:27px}.guide42-page .guide42-hero-shield>span:after{left:32px;top:25px;width:18px;height:18px}
.guide42-page .g42-arrow{width:72px;height:2px;background:linear-gradient(90deg,#259cff,#6bdcff);box-shadow:0 0 10px rgba(40,153,255,.45);position:relative;top:-6px}.guide42-page .g42-arrow:after{content:'';position:absolute;right:-2px;top:-4px;border-left:12px solid #59cfff;border-top:5px solid transparent;border-bottom:5px solid transparent}
.guide42-page .guide42-main-grid{gap:18px;padding:22px 52px 0;grid-template-columns:1fr 1.55fr 1fr}
.guide42-page .guide42-panel{border-radius:14px;border-color:rgba(44,94,135,.72);padding:24px 24px;min-height:260px;box-shadow:0 24px 56px rgba(0,0,0,.28),inset 0 1px 0 rgba(93,172,255,.06)}
.guide42-page .guide42-panel h2{font-size:34px;margin-bottom:18px}
.guide42-page .guide42-item{grid-template-columns:36px 1fr;gap:2px 14px;margin:18px 0}.guide42-page .guide42-item .g42-i{width:32px;height:32px;border-radius:8px}.guide42-page .guide42-item b{font-size:20px}.guide42-page .guide42-item small{font-size:14px}
.guide42-page .guide42-privacy-body{grid-template-columns:160px 1fr;gap:18px}.guide42-page .guide42-lock-orbit{width:144px;height:144px}.guide42-page .guide42-lock-orbit>span{width:72px;height:82px}.guide42-page .guide42-lock-orbit>span:before{left:24px;top:35px;width:22px;height:22px}.guide42-page .guide42-lock-orbit>span:after{left:27px;top:22px;width:16px;height:16px}
.guide42-page .guide42-privacy-body p{grid-template-columns:22px 1fr;margin:12px 0}.guide42-page .guide42-privacy-body p i{width:16px;height:16px;font-size:11px}.guide42-page .guide42-privacy-body p b{font-size:18px}.guide42-page .guide42-privacy-body p small{font-size:13px}
.guide42-page .guide42-panel.notices p{font-size:17px;line-height:1.7;margin:15px 0}
.guide42-page .guide42-faq{margin:18px 52px 0;padding:18px 18px;border-radius:14px;grid-template-columns:1.1fr 1.1fr .9fr}.guide42-page .guide42-faq h2{font-size:26px;margin-bottom:12px}.guide42-page .guide42-faq button{height:46px;font-size:16px;border-radius:9px;padding:0 16px}.guide42-page .guide42-faq button span{font-size:20px}.guide42-page .guide42-safe-copy{height:96px}.guide42-page .guide42-safe-copy p{font-size:16px}.guide42-page .guide42-safe-copy b{font-size:28px}.guide42-page .guide42-mini-lock{width:32px;height:36px}
.guide42-page .guide42-actions{gap:16px;margin:14px 52px 28px}.guide42-page .guide42-actions a{height:72px;border-radius:11px;grid-template-columns:52px auto 1fr 24px;padding:0 22px}.guide42-page .guide42-actions strong{font-size:24px}.guide42-page .guide42-actions small{font-size:14px}.guide42-page .guide42-actions a>b{font-size:28px}

@media (max-width:1360px){
  .hub42-page .hub42-hero-copy h1{font-size:48px}.hub42-page .hub42-hero-copy p{font-size:18px}.hub42-page .hub42-console{transform:scale(.82) perspective(900px) rotateY(-9deg);transform-origin:left center}.hub42-page .hub42-board-head h2{font-size:34px}.hub42-page .hub42-row-title{font-size:22px}.hub42-page .hub42-guide-card h3{font-size:28px}.guide42-page .guide42-copy h1{font-size:46px}.guide42-page .guide42-copy p{font-size:18px}.guide42-page .guide42-mini-step>small{font-size:18px}.guide42-page .guide42-panel h2{font-size:26px}.guide42-page .guide42-item b{font-size:16px}.guide42-page .guide42-privacy-body p b{font-size:15px}.guide42-page .guide42-faq h2{font-size:20px}.guide42-page .guide42-safe-copy b{font-size:22px}.guide42-page .guide42-actions strong{font-size:20px}
}

/* ===== V4.44 info hub fine-tune ===== */
.hub42-page .hub42-guide-card h3{
  font-size:30px !important;
  line-height:1.38 !important;
  letter-spacing:-.03em;
  max-width:270px;
  word-break:keep-all;
}
.hub42-page .hub42-intel{
  height:262px;
  filter:drop-shadow(0 28px 48px rgba(0,0,0,.42)) drop-shadow(0 0 18px rgba(37,158,255,.18));
}
.hub42-page .hub42-intel:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 50% 55%, rgba(73,183,255,.22) 0 2px, transparent 3px),
    radial-gradient(circle at 61% 31%, rgba(73,183,255,.26) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 71% 67%, rgba(73,183,255,.24) 0 1.5px, transparent 2.5px),
    radial-gradient(circle at 86% 24%, rgba(73,183,255,.22) 0 1px, transparent 2px),
    linear-gradient(90deg, transparent 0 16%, rgba(42,131,224,.18) 16% 16.2%, transparent 16.2% 73%, rgba(42,131,224,.12) 73% 73.15%, transparent 73.15% 100%);
  pointer-events:none;
  opacity:.95;
}
.hub42-page .hub42-console{
  background:
    linear-gradient(180deg, rgba(10,40,72,.98), rgba(4,17,30,.98)),
    radial-gradient(circle at 70% 50%, rgba(64,189,255,.08), transparent 20%);
  box-shadow:
    0 0 0 1px rgba(103,192,255,.25),
    0 0 40px rgba(18,99,230,.34),
    0 0 120px rgba(10,104,255,.08),
    inset 0 0 34px rgba(26,114,239,.14);
}
.hub42-page .hub42-console:before{
  content:"";
  position:absolute;
  inset:14px 16px 16px 16px;
  border-radius:12px;
  background:
    radial-gradient(circle at 82% 66%, rgba(58,192,255,.10), transparent 18%),
    repeating-linear-gradient(0deg, rgba(39,132,214,.05) 0 1px, transparent 1px 19px),
    repeating-linear-gradient(90deg, rgba(39,132,214,.04) 0 1px, transparent 1px 24px);
  pointer-events:none;
}
.hub42-page .hub42-console-lines span{
  box-shadow:0 0 10px rgba(43,163,255,.25);
}
.hub42-page .hub42-lens{
  box-shadow:0 0 0 4px rgba(45,173,255,.10), 0 0 28px rgba(45,173,255,.44), inset 0 0 16px rgba(101,219,255,.18);
}
.hub42-page .hub42-lens:before{
  content:"";
  position:absolute;
  left:12px;top:12px;right:12px;bottom:12px;
  border-radius:50%;
  box-shadow:inset 0 0 18px rgba(111,220,255,.18);
}
.hub42-page .hub42-node>span{
  box-shadow:0 0 26px rgba(16,97,225,.26), inset 0 0 14px rgba(89,194,255,.08);
}
.hub42-page .hub42-node.folder,
.hub42-page .hub42-node.document,
.hub42-page .hub42-node.pin{
  text-shadow:0 0 12px rgba(75,191,255,.18), 0 2px 8px #000;
}

/* ===== V4.45 final polish: guide center cleanup + hub board text sizing ===== */
.hub42-page .hub42-row{min-height:80px;padding:10px 6px}
.hub42-page .hub42-row-title{font-size:22px !important;line-height:1.28;letter-spacing:-.02em}
.hub42-page .hub42-row-meta{font-size:14px;gap:14px;margin-top:7px}
.hub42-page .hub42-cat{font-size:15px;min-width:72px;padding:9px 12px}
.hub42-page .hub42-arrow{font-size:30px}
.hub42-page .hub42-guide-card h3{
  font-size:27px !important;
  line-height:1.34 !important;
  max-width:292px;
}

.guide42-page .guide42-flow-visual{
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.guide42-page .guide42-mini-step{
  width:176px;
  position:relative;
}
.guide42-page .guide42-mini-step b{
  left:22px;
  top:-10px;
  font-size:18px;
}
.guide42-page .guide42-mini-step>span{
  width:100px;
  height:100px;
  margin-bottom:12px;
  box-shadow:0 0 24px rgba(16,103,230,.16), inset 0 0 18px rgba(42,133,231,.08);
}
.guide42-page .guide42-mini-step>span:after{
  width:78px;
  bottom:-12px;
  opacity:.55;
  box-shadow:0 0 5px rgba(22,140,255,.45);
}
.guide42-page .guide42-mini-step>small{
  font-size:18px;
  line-height:1.32;
  letter-spacing:-.02em;
}
.guide42-page .g42-arrow{
  width:56px;
  height:2px;
  top:-2px;
  margin:0 -4px;
  box-shadow:0 0 8px rgba(40,153,255,.30);
}
.guide42-page .g42-arrow:after{
  right:-1px;
  top:-4px;
  border-left:10px solid #59cfff;
  border-top:5px solid transparent;
  border-bottom:5px solid transparent;
}
.guide42-page .guide42-hero-shield{
  margin-left:12px;
  width:146px;
  height:146px;
}
.guide42-page .guide42-hero-shield>span{
  width:78px;
  height:90px;
}

/* ===== V4.46 creative guide hero redesign ===== */
.guide42-page .guide42-hero{
  height:336px;
  grid-template-columns:28% 72%;
  padding:42px 52px 28px;
  background:
    radial-gradient(circle at 78% 20%, rgba(59,44,255,.12), transparent 18%),
    radial-gradient(circle at 64% 30%, rgba(16,121,255,.10), transparent 18%),
    linear-gradient(90deg, rgba(2,8,15,.98), rgba(3,12,24,.95) 45%, rgba(3,8,16,.96));
}
.guide42-page .guide42-flow-visual.creative-scene{
  display:grid;
  grid-template-rows:1fr auto;
  align-items:center;
  gap:16px;
  height:246px;
  padding:4px 4px 0 30px;
}
.guide42-page .guide42-agent-scene{
  position:relative;
  height:178px;
  border-radius:20px;
  background:
    radial-gradient(circle at 24% 52%, rgba(25,113,255,.11), transparent 18%),
    radial-gradient(circle at 86% 48%, rgba(75,46,255,.10), transparent 20%),
    linear-gradient(180deg, rgba(4,16,31,.68), rgba(2,8,15,.36));
  border:1px solid rgba(49,112,182,.24);
  overflow:hidden;
}
.guide42-page .guide42-agent-scene:before{
  content:"";
  position:absolute; inset:0;
  background:
    repeating-linear-gradient(90deg, rgba(39,132,214,.04) 0 1px, transparent 1px 38px),
    radial-gradient(circle at 67% 56%, rgba(66,191,255,.15) 0 1px, transparent 2px),
    radial-gradient(circle at 77% 37%, rgba(66,191,255,.14) 0 1px, transparent 2px),
    radial-gradient(circle at 86% 62%, rgba(66,191,255,.14) 0 1.5px, transparent 2.5px);
  pointer-events:none;
}
.guide42-page .guide42-agent-glow{
  position:absolute; left:52px; bottom:16px; width:200px; height:52px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(47,148,255,.24), rgba(47,148,255,.06) 52%, transparent 72%);
  filter:blur(4px);
}
.guide42-page .guide42-agent{position:absolute; left:48px; bottom:16px; width:164px; height:138px}
.guide42-page .g42-hat{position:absolute; left:28px; top:0; width:88px; height:18px; border-radius:18px 18px 8px 8px; background:linear-gradient(180deg,#132d49,#071522); box-shadow:0 0 14px rgba(29,120,255,.18)}
.guide42-page .g42-hat:before{content:""; position:absolute; left:14px; top:-18px; width:60px; height:28px; border-radius:14px 14px 6px 6px; background:linear-gradient(180deg,#183b60,#091928)}
.guide42-page .g42-head{position:absolute; left:42px; top:18px; width:58px; height:58px; border-radius:50%; background:linear-gradient(180deg,#0e2944,#08131e); border:1px solid rgba(91,177,255,.16)}
.guide42-page .g42-glasses{position:absolute; left:8px; top:15px; width:42px; height:10px; border-top:3px solid #5cd1ff; border-bottom:3px solid #5cd1ff; box-shadow:0 0 10px rgba(72,193,255,.34)}
.guide42-page .g42-glasses:before,.guide42-page .g42-glasses:after{content:""; position:absolute; top:-3px; width:14px; height:10px; border:2px solid #68d4ff; border-radius:4px}
.guide42-page .g42-glasses:before{left:0}.guide42-page .g42-glasses:after{right:0}
.guide42-page .g42-mask{position:absolute; left:12px; top:30px; width:34px; height:16px; border-radius:6px 6px 10px 10px; background:linear-gradient(180deg,#102f4d,#0b2034); border:1px solid rgba(104,212,255,.28)}
.guide42-page .g42-body{position:absolute; left:24px; top:68px; width:96px; height:62px; border-radius:28px 28px 12px 12px; background:linear-gradient(180deg,#132d49,#08131f); border:1px solid rgba(91,177,255,.12)}
.guide42-page .g42-body:before{content:""; position:absolute; left:39px; top:12px; width:18px; height:34px; border-radius:9px; background:linear-gradient(180deg,rgba(69,190,255,.8),rgba(69,190,255,.08)); box-shadow:0 0 12px rgba(69,190,255,.35)}
.guide42-page .g42-arm{position:absolute; top:76px; width:48px; height:12px; border-radius:10px; background:linear-gradient(180deg,#0f2841,#091726)}
.guide42-page .g42-arm.left{left:2px; transform:rotate(18deg)}
.guide42-page .g42-arm.right{right:-2px; transform:rotate(-18deg)}
.guide42-page .g42-file-card{position:absolute; right:-10px; top:62px; width:86px; height:62px; border-radius:12px; background:linear-gradient(180deg,rgba(15,61,108,.98),rgba(8,25,46,.98)); border:1px solid rgba(88,182,255,.52); box-shadow:0 0 24px rgba(36,132,255,.22), inset 0 0 18px rgba(44,151,255,.10); transform:rotate(-6deg)}
.guide42-page .g42-file-card i{position:absolute; left:16px; top:14px; width:22px; height:26px; border:2px solid #84deff; border-radius:4px; box-shadow:0 0 10px rgba(99,213,255,.18)}
.guide42-page .g42-file-card i:before{content:""; position:absolute; left:4px; top:6px; width:10px; height:2px; background:#84deff; box-shadow:0 6px 0 #84deff,0 12px 0 #84deff}
.guide42-page .g42-file-card span{position:absolute; left:16px; bottom:9px; font-size:10px; letter-spacing:.12em; color:#d8efff; white-space:nowrap}
.guide42-page .guide42-scene-line{position:absolute; left:226px; right:152px; top:84px; height:2px; background:linear-gradient(90deg,rgba(55,191,255,.05),#39b6ff 18%,#7ce1ff 55%,rgba(55,191,255,.08)); box-shadow:0 0 10px rgba(52,183,255,.32)}
.guide42-page .guide42-scene-line:before,
.guide42-page .guide42-scene-line:after{content:""; position:absolute; top:-5px; width:12px; height:12px; border-top:2px solid #72ddff; border-right:2px solid #72ddff; transform:rotate(45deg)}
.guide42-page .guide42-scene-line:before{left:22%}.guide42-page .guide42-scene-line:after{left:62%}
.guide42-page .guide42-scene-dots{position:absolute; right:174px; top:72px; display:flex; gap:24px}
.guide42-page .guide42-scene-dots span{width:6px; height:6px; border-radius:50%; background:#64d5ff; box-shadow:0 0 10px rgba(70,197,255,.5)}
.guide42-page .guide42-scene-dots span:nth-child(2){margin-top:18px}.guide42-page .guide42-scene-dots span:nth-child(3){margin-top:6px}
.guide42-page .guide42-hero-shield{position:absolute; right:34px; top:23px; margin-left:0; width:136px; height:136px; border-radius:50%; display:grid; place-items:center; border:1px solid rgba(34,99,160,.45); background:radial-gradient(circle at 50% 50%, rgba(31,117,255,.18), rgba(15,26,54,.08) 58%, transparent 66%)}
.guide42-page .guide42-hero-shield:before,.guide42-page .guide42-hero-shield:after{content:""; position:absolute; inset:10px; border-radius:50%; border:1px solid rgba(53,110,182,.22)}
.guide42-page .guide42-hero-shield:after{inset:-6px; border-color:rgba(53,110,182,.16)}
.guide42-page .guide42-hero-shield>span{width:78px; height:90px; clip-path:polygon(50% 0,88% 16%,88% 54%,50% 100%,12% 54%,12% 16%); background:linear-gradient(180deg,#2f90ff,#0b56c8); box-shadow:0 0 26px rgba(47,144,255,.38); position:relative}
.guide42-page .guide42-hero-shield>span:before{content:""; position:absolute; left:26px; top:36px; width:24px; height:24px; border:4px solid #bbecff; border-radius:4px; border-top-width:3px; background:transparent; box-sizing:border-box}
.guide42-page .guide42-hero-shield>span:after{content:""; position:absolute; left:30px; top:22px; width:16px; height:16px; border:3px solid #bbecff; border-bottom:0; border-radius:10px 10px 0 0; box-sizing:border-box}
.guide42-page .guide42-step-pills{display:grid; grid-template-columns:repeat(3,1fr); gap:12px}
.guide42-page .guide42-step-pill{height:48px; border-radius:12px; border:1px solid rgba(49,112,182,.36); background:linear-gradient(180deg,rgba(7,23,40,.92),rgba(4,13,24,.92)); display:flex; align-items:center; gap:12px; padding:0 14px; box-shadow:inset 0 1px 0 rgba(72,174,255,.06)}
.guide42-page .guide42-step-pill b{font-size:17px; color:#3cb3ff}
.guide42-page .guide42-step-pill span{font-size:15px; color:#e9f5ff; font-weight:700; letter-spacing:-.02em}

@media (max-width:1360px){
  .guide42-page .guide42-flow-visual.creative-scene{padding-left:10px}
  .guide42-page .guide42-agent-scene{height:164px}
  .guide42-page .guide42-agent{transform:scale(.9); transform-origin:left bottom}
  .guide42-page .guide42-scene-line{left:208px; right:140px}
  .guide42-page .guide42-hero-shield{transform:scale(.88); transform-origin:center}
  .guide42-page .guide42-step-pill span{font-size:13px}
}

/* ===== V4.47 guide first-view fit ===== */
.guide42-page .guide42-hero{
  height:308px !important;
  padding-top:36px !important;
  padding-bottom:20px !important;
}
.guide42-page .guide42-flow-visual.creative-scene{
  height:220px !important;
  gap:12px !important;
}
.guide42-page .guide42-agent-scene{
  height:162px !important;
}
.guide42-page .guide42-agent{
  transform:scale(.94);
  transform-origin:left bottom;
}
.guide42-page .guide42-hero-shield{
  width:122px !important;
  height:122px !important;
  top:20px !important;
}
.guide42-page .guide42-step-pills{
  gap:10px !important;
}
.guide42-page .guide42-step-pill{
  height:42px !important;
}
.guide42-page .guide42-step-pill span{font-size:14px !important}
.guide42-page .guide42-main-grid{
  gap:14px !important;
  padding-top:16px !important;
}
.guide42-page .guide42-panel{
  min-height:230px !important;
  padding:20px 22px !important;
}
.guide42-page .guide42-panel h2{
  font-size:28px !important;
  margin-bottom:14px !important;
}
.guide42-page .guide42-item{margin:14px 0 !important}
.guide42-page .guide42-item b{font-size:18px !important}
.guide42-page .guide42-item small{font-size:13px !important}
.guide42-page .guide42-privacy-body{grid-template-columns:136px 1fr !important; gap:14px !important}
.guide42-page .guide42-lock-orbit{width:124px !important; height:124px !important}
.guide42-page .guide42-panel.notices p{font-size:15px !important; line-height:1.6 !important; margin:12px 0 !important}
.guide42-page .guide42-faq{
  margin-top:10px !important;
  padding:14px 16px !important;
}
.guide42-page .guide42-faq h2{font-size:22px !important; margin-bottom:10px !important}
.guide42-page .guide42-faq button{height:40px !important; font-size:14px !important; margin-top:5px !important}
.guide42-page .guide42-safe-copy{height:84px !important}
.guide42-page .guide42-safe-copy p{font-size:14px !important}
.guide42-page .guide42-safe-copy b{font-size:24px !important}
.guide42-page .guide42-actions{
  margin-top:10px !important;
  margin-bottom:22px !important;
}
.guide42-page .guide42-actions a{height:64px !important}
.guide42-page .guide42-actions strong{font-size:21px !important}
.guide42-page .guide42-actions small{font-size:12px !important}

/* ===== V4.48 premium courier SVG hero ===== */
.guide42-page .guide42-hero{height:302px !important;grid-template-columns:28% 72%;padding:34px 48px 18px !important}
.guide42-page .guide42-flow-visual.premium-courier-scene{height:222px !important;display:block !important;padding:0 0 0 18px !important}
.guide42-page .guide-courier-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 24px 34px rgba(0,0,0,.28))}
@media (max-width:1360px){.guide42-page .guide42-flow-visual.premium-courier-scene{padding-left:4px !important}.guide42-page .guide-courier-svg{transform:scale(.96);transform-origin:left center}}

/* ===== V4.49 premium confidential dossier guide hero ===== */
.guide42-page .guide42-hero{
  height:312px !important;
  grid-template-columns:27% 73% !important;
}
.guide42-page .guide42-flow-visual.doc-signature-scene{
  height:226px !important;
  display:flex;
  align-items:center;
  padding:2px 0 0 28px;
}
.guide42-page .guide42-doc-hero-card{
  position:relative;
  width:100%;
  height:100%;
  border-radius:18px;
  border:1px solid rgba(45,102,168,.28);
  background:
    radial-gradient(circle at 78% 24%, rgba(58,57,255,.08), transparent 24%),
    linear-gradient(180deg, rgba(5,15,28,.72), rgba(2,7,15,.28));
  box-shadow:inset 0 1px 0 rgba(96,184,255,.04);
  overflow:hidden;
}
.guide42-page .guide42-doc-hero-card:before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(circle at 83% 72%, rgba(87,170,255,.10) 0 1px, transparent 2px),
    radial-gradient(circle at 69% 24%, rgba(87,170,255,.10) 0 1px, transparent 2px),
    repeating-linear-gradient(90deg, rgba(34,104,166,.035) 0 1px, transparent 1px 42px);
  pointer-events:none;
}
.guide42-page .guide42-doc-hero-image{
  position:absolute;
  right:34px;
  top:10px;
  height:188px;
  width:auto;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.34));
}
.guide42-page .guide42-doc-step-row{
  position:absolute;
  left:24px;
  right:24px;
  bottom:16px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.guide42-page .guide42-doc-step{
  height:42px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0 14px;
  border-radius:12px;
  border:1px solid rgba(45,118,189,.42);
  background:linear-gradient(180deg, rgba(8,24,41,.92), rgba(4,12,22,.92));
  box-shadow:0 8px 16px rgba(0,0,0,.16), inset 0 1px 0 rgba(80,186,255,.05);
}
.guide42-page .guide42-doc-step b{
  color:#43c3ff;
  font-size:17px;
}
.guide42-page .guide42-doc-step span{
  color:#eef8ff;
  font-size:15px;
  font-weight:700;
  letter-spacing:-.02em;
}
.guide42-page .guide42-privacy-body{grid-template-columns:136px 1fr !important}
.guide42-page .guide42-lock-orbit{
  width:126px !important;
  height:126px !important;
  background:repeating-radial-gradient(circle,transparent 0 17px,rgba(35,109,219,.09) 18px 19px), radial-gradient(circle at 50% 50%, rgba(33,106,255,.06), transparent 54%);
}
.guide42-page .guide42-lock-orbit>span{
  width:72px !important;
  height:88px !important;
  clip-path:none !important;
  border-radius:12px !important;
  background:linear-gradient(180deg,#173252,#0a1d30) !important;
  border:1px solid rgba(92,176,255,.28);
  position:relative;
  filter:drop-shadow(0 0 8px rgba(30,109,255,.25));
}
.guide42-page .guide42-lock-orbit>span:before{
  content:"";
  position:absolute;
  left:14px !important; top:18px !important;
  width:44px !important; height:18px !important;
  border:1.5px solid rgba(105,216,255,.56);
  border-radius:6px;
  box-sizing:border-box;
  background:linear-gradient(180deg, rgba(43,160,255,.08), rgba(13,48,81,.04));
}
.guide42-page .guide42-lock-orbit>span:after{
  content:"";
  position:absolute;
  right:9px !important; bottom:11px !important;
  width:22px !important; height:22px !important;
  border:none !important;
  border-radius:50%;
  background:radial-gradient(circle at 50% 45%, #59d0ff 0 2px, transparent 3px), linear-gradient(180deg,#244f7d,#10263d);
  box-shadow:0 0 0 2px rgba(135,229,255,.78), 0 0 12px rgba(80,201,255,.22);
}
.guide42-page .guide42-mini-lock{
  width:28px !important;
  height:34px !important;
  border:1.5px solid #43c6ff !important;
  border-radius:7px !important;
  box-shadow:0 0 10px rgba(67,198,255,.18);
}
.guide42-page .guide42-mini-lock:before{
  content:"";
  position:absolute;
  left:5px; right:5px; top:6px;
  height:7px;
  border:none !important;
  border-radius:4px;
  background:rgba(67,198,255,.85);
  box-shadow:0 8px 0 rgba(67,198,255,.45),0 16px 0 rgba(67,198,255,.25);
}
.guide42-page .guide42-mini-lock:after{
  content:"";
  position:absolute;
  right:-3px; bottom:-3px;
  width:10px; height:10px;
  border-radius:50%;
  background:#0c2035;
  box-shadow:0 0 0 1.5px #43c6ff, 0 0 8px rgba(67,198,255,.18);
}
@media (max-width:1360px){
  .guide42-page .guide42-doc-hero-image{height:166px; right:12px; top:14px}
  .guide42-page .guide42-doc-step span{font-size:13px}
}

/* ===== V4.50 signature upgrade: premium hub + refined guide process ===== */
.hub42-page .hub50-hero{
  min-height:334px !important;
  grid-template-columns:34% 66% !important;
  padding:54px 52px 36px !important;
  background:
    radial-gradient(circle at 84% 22%, rgba(38,99,255,.13), transparent 18%),
    radial-gradient(circle at 60% 70%, rgba(13,137,255,.06), transparent 22%),
    linear-gradient(90deg, rgba(2,8,15,.98), rgba(3,12,23,.96) 42%, rgba(4,14,25,.88)) !important;
}
.hub42-page .hub50-copy p{max-width:470px !important}
.hub42-page .hub50-microtags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.hub42-page .hub50-microtags span{height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(55,141,214,.4);background:linear-gradient(180deg,rgba(7,22,39,.92),rgba(4,12,20,.92));display:inline-flex;align-items:center;color:#8be0ff;font-size:12px;letter-spacing:.14em;font-weight:700;box-shadow:inset 0 1px 0 rgba(71,186,255,.05)}
.hub42-page .hub50-intel{height:254px !important;display:flex;align-items:center;justify-content:center;filter:drop-shadow(0 22px 36px rgba(0,0,0,.38))}
.hub42-page .hub50-briefing-image{width:100%;max-width:720px;height:auto;display:block}
.hub42-page .hub42-board{background:linear-gradient(180deg,rgba(3,11,20,.98),rgba(2,9,17,.99)) !important}
.hub42-page .hub42-board-head{padding-bottom:18px !important;border-bottom:1px solid rgba(34,91,138,.22)}
.hub42-page .hub42-board-head h2{font-size:40px !important}
.hub42-page .hub42-tools{height:80px !important;padding-top:10px}
.hub42-page .hub42-tabs button{position:relative;overflow:hidden}
.hub42-page .hub42-tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:6px;height:2px;background:linear-gradient(90deg,transparent,#48c8ff,transparent);box-shadow:0 0 10px rgba(72,200,255,.34)}
.hub42-page .hub42-search{background:linear-gradient(180deg,rgba(7,22,39,.95),rgba(4,12,20,.92)) !important;box-shadow:inset 0 1px 0 rgba(71,186,255,.05)}
.hub42-page .hub42-row{background:linear-gradient(180deg,rgba(4,13,24,.42),rgba(4,13,24,0))}
.hub42-page .hub42-row:hover{background:linear-gradient(180deg,rgba(8,28,49,.56),rgba(4,13,24,.16))}
.hub42-page .hub42-cat.notice{background:linear-gradient(180deg,#1d68af,#12497b);box-shadow:0 0 18px rgba(26,118,213,.18)}
.hub42-page .hub42-guide-card,.hub42-page .hub42-trends{position:relative;overflow:hidden}
.hub42-page .hub42-guide-card:before,.hub42-page .hub42-trends:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 18%,rgba(65,166,255,.10),transparent 22%),repeating-linear-gradient(90deg,rgba(32,104,168,.03) 0 1px,transparent 1px 38px);pointer-events:none}
.hub42-page .hub42-side-title b{letter-spacing:-.02em}
.hub42-page .hub42-guide-card h3{max-width:285px !important}
.hub42-page .hub42-trends ol{margin-top:8px}

.guide42-page .guide42-hero{
  height:318px !important;
  grid-template-columns:26% 74% !important;
  padding-top:34px !important;
  padding-bottom:18px !important;
}
.guide42-page .guide50-process-scene{
  height:228px !important;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  align-items:stretch;
  padding:0 0 0 22px !important;
}
.guide42-page .guide50-process-card{
  position:relative;
  border-radius:18px;
  border:1px solid rgba(45,102,168,.32);
  background:linear-gradient(180deg,rgba(6,18,31,.88),rgba(4,11,20,.78));
  box-shadow:0 18px 30px rgba(0,0,0,.20), inset 0 1px 0 rgba(96,184,255,.04);
  overflow:hidden;
}
.guide42-page .guide50-process-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 20%, rgba(58,57,255,.07), transparent 20%),repeating-linear-gradient(90deg, rgba(34,104,166,.03) 0 1px, transparent 1px 38px);pointer-events:none}
.guide42-page .guide50-step-head{position:absolute;left:16px;right:16px;top:14px;height:42px;border-radius:12px;border:1px solid rgba(45,118,189,.34);background:linear-gradient(180deg,rgba(8,24,41,.94),rgba(4,12,22,.92));display:flex;align-items:center;gap:10px;padding:0 14px;z-index:2}
.guide42-page .guide50-step-head b{color:#43c3ff;font-size:17px}
.guide42-page .guide50-step-head span{color:#eef8ff;font-size:16px;font-weight:700;letter-spacing:-.02em}
.guide42-page .guide50-step-image{position:absolute;left:12px;right:12px;bottom:10px;top:64px;width:calc(100% - 24px);height:calc(100% - 74px);object-fit:cover;border-radius:14px;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.24))}
.guide42-page .guide50-process-card.step-2 .guide50-step-image{object-fit:contain;background:transparent}
.guide42-page .guide50-process-card.step-3 .guide50-step-image{object-fit:contain;padding:6px}

@media (max-width:1360px){
  .hub42-page .hub50-hero{min-height:300px !important;padding:42px 40px 30px !important}
  .hub42-page .hub42-board-head h2{font-size:34px !important}
  .guide42-page .guide42-hero{height:300px !important}
  .guide42-page .guide50-process-scene{gap:10px;padding-left:12px !important}
  .guide42-page .guide50-step-head span{font-size:14px}
}

/* ===== V4.51 all premium images pass ===== */
.hub42-page .hub50-intel{height:266px !important}
.hub42-page .hub50-briefing-image{
  width:100%;
  max-width:760px;
  height:auto;
  border-radius:18px;
  box-shadow:0 18px 38px rgba(0,0,0,.34);
}
.guide42-page .guide50-step-image{
  object-fit:cover !important;
  background:linear-gradient(180deg,rgba(5,14,26,.82),rgba(3,9,16,.76));
}
.guide42-page .guide50-process-card.step-1 .guide50-step-image,
.guide42-page .guide50-process-card.step-2 .guide50-step-image,
.guide42-page .guide50-process-card.step-3 .guide50-step-image{
  object-fit:cover !important;
  padding:0 !important;
}
.guide42-page .guide42-lock-orbit{
  width:138px !important;
  height:138px !important;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:repeating-radial-gradient(circle,transparent 0 18px,rgba(35,109,219,.08) 19px 20px), radial-gradient(circle at 50% 50%, rgba(33,106,255,.05), transparent 54%);
  border:1px solid rgba(43,102,167,.20);
}
.guide42-page .guide42-lock-image{
  width:96px;
  height:96px;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 14px 28px rgba(0,0,0,.24), 0 0 18px rgba(39,144,255,.12);
}
.guide42-page .guide42-safe-copy{
  display:grid;
  grid-template-columns:56px 1fr;
  gap:14px;
  align-items:center;
}
.guide42-page .guide42-mini-dossier{
  width:52px;
  height:52px;
  object-fit:cover;
  border-radius:10px;
  box-shadow:0 10px 18px rgba(0,0,0,.22), 0 0 12px rgba(39,144,255,.10);
}
.guide42-page .guide42-mini-lock{display:none !important}
@media (max-width:1360px){
  .guide42-page .guide42-lock-image{width:84px;height:84px}
  .guide42-page .guide42-mini-dossier{width:44px;height:44px}
}


/* ===== V4.53 requested hub cleanup ===== */
/* Remove the faint vertical guide lines around the premium hero artwork. */
.hub42-page .hub50-intel:before,
.hub42-page .hub42-intel:before{
  display:none !important;
  content:none !important;
}

/* Make information-board post rows more compact and readable. */
.hub42-page .hub42-row{
  min-height:68px !important;
  padding:8px 6px !important;
  grid-template-columns:88px minmax(0,1fr) 24px !important;
}
.hub42-page .hub42-row-title{
  font-size:18px !important;
  line-height:1.30 !important;
  letter-spacing:-.018em !important;
}
.hub42-page .hub42-row-meta{
  font-size:12px !important;
  gap:12px !important;
  margin-top:5px !important;
}
.hub42-page .hub42-cat{
  min-width:64px !important;
  padding:7px 10px !important;
  font-size:13px !important;
  border-radius:14px !important;
}
.hub42-page .hub42-arrow{
  font-size:26px !important;
}


/* ===== V4.54 request title accent ===== */
.request-title{letter-spacing:-.03em}
.request-title .warn{display:inline-block;background:linear-gradient(180deg,#ff8f96 0%,#ff5c6f 40%,#ff3a5b 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(255,66,94,.10)}
.request-title .blue{display:inline-block;background:linear-gradient(180deg,#8fd8ff 0%,#32a5ff 48%,#0e67ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 20px rgba(27,131,255,.12)}


/* ===== V4.55 request ui enhanced ===== */
.password-wrap{position:relative}
.password-wrap input{padding-right:56px}
.pw-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:36px;height:36px;border:1px solid rgba(45,118,189,.36);border-radius:10px;background:linear-gradient(180deg,rgba(9,25,42,.96),rgba(5,14,24,.94));display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(94,196,255,.05)}
.pw-toggle:hover{border-color:rgba(96,194,255,.58)}
.eye{position:relative;display:block;width:18px;height:12px;border:2px solid #55c9ff;border-radius:12px/9px;box-shadow:0 0 10px rgba(38,170,255,.16)}
.eye:before{content:"";position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:#8fe2ff;transform:translate(-50%,-50%);box-shadow:0 0 10px rgba(97,214,255,.22)}
.pw-toggle.showing .eye:after{content:"";position:absolute;left:-3px;right:-3px;top:50%;height:2px;background:#ff6e7f;transform:rotate(-24deg);transform-origin:center;box-shadow:0 0 8px rgba(255,110,127,.18)}
.contact-grid button{display:flex;align-items:center;justify-content:center;gap:10px}
.contact-chip-icon{width:22px;height:22px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(180deg,rgba(15,44,74,.96),rgba(7,20,34,.96));border:1px solid rgba(56,150,224,.34);box-shadow:inset 0 1px 0 rgba(104,205,255,.05)}
.contact-chip-icon:before,.contact-chip-icon:after{content:"";position:absolute}
.contact-chip-icon.phone:before{width:10px;height:10px;border:2px solid #79dcff;border-top-color:transparent;border-left-color:transparent;border-radius:3px;transform:rotate(45deg)}
.contact-chip-icon.telegram:before{width:0;height:0;border-left:8px solid #79dcff;border-top:5px solid transparent;border-bottom:5px solid transparent;transform:translateX(1px) rotate(-18deg)}
.contact-chip-icon.kakao:before{width:12px;height:9px;border:2px solid #79dcff;border-radius:6px;top:5px}
.contact-chip-icon.kakao:after{width:6px;height:6px;border-left:2px solid #79dcff;border-bottom:2px solid #79dcff;bottom:3px;left:7px;transform:skew(-15deg) rotate(-35deg);background:transparent}
.contact-chip-icon.email:before{width:12px;height:9px;border:2px solid #79dcff;border-radius:2px}
.contact-chip-icon.email:after{width:10px;height:10px;border-left:2px solid #79dcff;border-bottom:2px solid #79dcff;transform:rotate(-45deg);top:4px}
.contact-chip-icon.etc:before{width:12px;height:2px;background:#79dcff;box-shadow:0 -4px 0 #79dcff,0 4px 0 #79dcff}
.contact-grid button.active .contact-chip-icon{border-color:rgba(104,208,255,.62);box-shadow:0 0 14px rgba(48,173,255,.14), inset 0 1px 0 rgba(126,214,255,.08)}
.contact-grid button span:last-child{white-space:nowrap}

/* ===== V4.56 approved metallic request title ===== */
.request-title-image-wrap{
  margin:0 0 24px !important;
  line-height:1;
  height:auto;
}
.request-title-image{
  display:block;
  width:min(520px, 64vw);
  height:auto;
  filter:drop-shadow(0 8px 16px rgba(0,0,0,.25));
}
@media (max-width:900px){
  .request-title-image{width:min(430px, 82vw)}
}


/* ===== V4.57 contact method color cleanup ===== */
.contact-grid button{display:flex;align-items:center;justify-content:center;gap:0}
.contact-grid .contact-chip-icon{display:none !important}
.contact-grid .contact-chip{position:relative}
.contact-grid .contact-chip.telegram span{color:#47c8ff}
.contact-grid .contact-chip.kakao span{color:#ffd54a}
.contact-grid .contact-chip.phone span,
.contact-grid .contact-chip.email span,
.contact-grid .contact-chip.etc span{color:#f3f8ff}
.contact-grid .contact-chip.active.telegram{border-color:rgba(71,200,255,.72);box-shadow:0 0 0 1px rgba(71,200,255,.10), 0 0 18px rgba(71,200,255,.10), inset 0 1px 0 rgba(71,200,255,.08)}
.contact-grid .contact-chip.active.kakao{border-color:rgba(255,213,74,.58);box-shadow:0 0 0 1px rgba(255,213,74,.08), 0 0 18px rgba(255,213,74,.08), inset 0 1px 0 rgba(255,213,74,.05)}
.contact-grid .contact-chip.active.phone,
.contact-grid .contact-chip.active.email,
.contact-grid .contact-chip.active.etc{border-color:rgba(67,170,255,.52)}

/* =========================================================
   V4.58 — INFOHUB FUNCTIONAL + PRIVATE ROOM UX
   HOME / SERVICE approved visuals are intentionally untouched.
   ========================================================= */
.hub58-empty{min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#7f93a7}
.hub58-empty-icon{width:58px;height:58px;border:1px solid rgba(46,155,240,.45);border-radius:50%;display:grid;place-items:center;color:#55caff;font-size:28px;background:radial-gradient(circle,rgba(16,95,174,.18),rgba(2,10,18,.5));box-shadow:0 0 22px rgba(20,124,255,.12);margin-bottom:14px}
.hub58-empty b{font-size:18px;color:#d9e7f4}.hub58-empty p{font-size:12px;margin:8px 0 0}
.hub58-private-link{text-decoration:none;display:inline-flex;align-items:center}
.hub58-write-notice{display:grid;grid-template-columns:92px 1fr;gap:10px;margin:-7px 0 18px;padding:13px 14px;border:1px solid rgba(45,121,184,.46);border-radius:9px;background:rgba(3,18,32,.8);font-size:11px;line-height:1.55;color:#94a9bb}
.hub58-write-notice b{color:#64cfff}.hub58-review-note{display:flex;align-items:center;gap:8px;color:#8097aa;font-size:11px;margin:0 0 14px}.hub58-review-note span{color:#4ecaff}
.hub-compose-card .field textarea{min-height:165px}
.hub-compose-card .field input,.hub-compose-card .field textarea,.hub-compose-card .field select{width:100%;box-sizing:border-box}

.hub58-detail-wrap{max-width:1160px;margin:0 auto;padding:48px 34px 80px;position:relative;z-index:3}
.hub58-back{display:inline-flex;align-items:center;color:#79bfe9;font-size:13px;margin-bottom:18px;text-decoration:none}
.hub58-detail-card{border:1px solid rgba(49,106,157,.64);border-radius:14px;background:linear-gradient(180deg,rgba(4,15,27,.99),rgba(2,8,15,.99));box-shadow:0 28px 72px rgba(0,0,0,.35);padding:34px 38px 46px}
.hub58-detail-top{display:flex;align-items:center;gap:12px;color:#6d8296;font-size:12px}.hub58-detail-top>span:last-child{margin-left:auto}
.hub58-detail-card h1{font-size:34px;line-height:1.35;letter-spacing:-.035em;margin:24px 0 13px;color:#f4f9fd}
.hub58-detail-meta{display:flex;gap:18px;padding-bottom:24px;border-bottom:1px solid rgba(40,78,112,.45);color:#72889b;font-size:12px}
.hub58-detail-body{padding:34px 2px 10px;color:#d4e0ea;font-size:15px;line-height:1.9;word-break:break-word;white-space:normal}
.hub58-detail-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.hub58-detail-actions a{text-decoration:none}
.hub58-post-error{max-width:760px;margin:80px auto;text-align:center}.hub58-post-error .btn{display:inline-flex;margin-top:18px;text-decoration:none}

.request58-complete{max-width:830px;margin:36px auto 0;text-align:center;border:1px solid rgba(41,116,181,.58);border-radius:18px;background:radial-gradient(circle at 50% 0,rgba(14,100,190,.16),transparent 35%),linear-gradient(180deg,#06111d,#020812);padding:50px 44px;box-shadow:0 30px 80px rgba(0,0,0,.3)}
.request58-check{width:76px;height:76px;border:1px solid #2caeff;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;color:#70d7ff;font-size:37px;background:rgba(11,76,136,.16);box-shadow:0 0 30px rgba(27,142,255,.22),inset 0 0 22px rgba(32,155,255,.09)}
.request58-kicker{font-size:11px;letter-spacing:.2em;font-weight:850;color:#2fb8ff}.request58-complete h1{font-size:31px;margin:11px 0 10px}.request58-complete>p{color:#8ea4b6;font-size:13px}
.request58-id{margin:28px auto 24px;max-width:560px;height:78px;border:1px solid rgba(45,114,172,.52);border-radius:12px;background:#020913;display:grid;grid-template-columns:90px 1fr 74px;align-items:center;padding:0 13px;gap:8px}
.request58-id span{color:#71899c;font-size:11px}.request58-id strong{font-size:22px;color:#eaf6ff;letter-spacing:.05em}.request58-id button{height:38px;border:1px solid rgba(44,149,231,.65);border-radius:8px;background:#071c31;color:#71d2ff;font-weight:800;cursor:pointer}
.request58-actions{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.request58-actions a{text-decoration:none}.request58-home{color:#7e94a8;padding:10px 8px;font-size:12px}
.request58-note{max-width:650px;margin:27px auto 0;padding-top:18px;border-top:1px solid rgba(37,76,110,.34);color:#6f8395;font-size:11px;line-height:1.6}

.case58-timeline{max-width:980px;margin:-6px auto 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.case58-timeline:before{content:"";position:absolute;left:10%;right:10%;top:18px;height:1px;background:#173651;z-index:0}
.case58-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:7px;color:#536d82;font-size:11px}.case58-step span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid #20435f;background:#030b13;color:#6c879b;font-weight:800}.case58-step.done span{border-color:#178fdb;color:#64d1ff;background:#06213a;box-shadow:0 0 14px rgba(21,137,219,.18)}.case58-step.done b{color:#9fdfff}.case58-step.current span{box-shadow:0 0 20px rgba(39,171,255,.35),inset 0 0 15px rgba(39,171,255,.12);border-color:#45c5ff}.case58-hold{position:absolute;right:0;top:53px;color:#f3b565;font-size:10px}
.case58-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px}.case58-summary{min-width:0}.case58-status-row{display:flex;justify-content:space-between;align-items:center}.case58-status-row small{color:#62798d;font-size:10px}.case58-summary h3{font-size:22px;letter-spacing:.04em;margin:18px 0}.case58-summary dl{margin:0}.case58-summary dt{color:#678095;font-size:10px;margin-top:12px}.case58-summary dd{margin:4px 0 0;color:#d7e3ed;font-size:12px;word-break:break-word}.case58-request-copy{margin-top:21px;padding-top:18px;border-top:1px solid #193148}.case58-request-copy>b{font-size:12px}.case58-request-copy p{color:#93a7b8;font-size:12px;line-height:1.7;word-break:break-word}
.case58-chat{min-height:600px}.case58-chat-head{display:flex;align-items:center;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #173047}.case58-chat-head small{color:#2daeff;font-size:9px;letter-spacing:.17em}.case58-chat-head h2{margin:5px 0 0;font-size:21px}.case58-lock{font-size:10px;color:#68ceff;border:1px solid rgba(39,157,229,.5);border-radius:999px;padding:6px 10px;background:rgba(9,69,113,.16)}
.case58-chat #msgs{max-height:465px;overflow:auto;padding-right:5px}.case58-chat .msg{word-break:break-word;line-height:1.55}

@media(max-width:900px){.case58-layout{grid-template-columns:1fr}.case58-summary{order:0}.case58-chat{min-height:520px}.hub58-detail-card{padding:27px 22px}.hub58-detail-card h1{font-size:28px}.request58-complete{padding:40px 22px}.request58-id{grid-template-columns:78px 1fr 62px}.request58-id strong{font-size:17px}}
@media(max-width:640px){.hub58-detail-wrap{padding:28px 14px 60px}.hub58-detail-card h1{font-size:24px}.hub58-detail-body{font-size:14px}.request58-id{height:auto;min-height:92px;grid-template-columns:1fr 62px;padding:14px}.request58-id span{grid-column:1/-1;text-align:left}.request58-id strong{text-align:left}.case58-timeline{margin-top:4px}.case58-step b{font-size:9px}.hub58-write-notice{grid-template-columns:1fr}}

/* =========================================================
   V4.59 — OWNER DELETE + ADMIN DELETE + LIVE SOUND ALERTS
   ========================================================= */
.btn.danger{background:linear-gradient(180deg,#a72a3d,#701725)!important;border-color:rgba(255,102,121,.72)!important;color:#fff!important;box-shadow:0 0 0 1px rgba(255,91,112,.06),0 8px 22px rgba(120,0,20,.18)!important}
.btn.danger:hover{filter:brightness(1.12)}
.hub59-owner-delete{margin-right:auto;color:#ff9aac!important;border-color:rgba(255,92,116,.38)!important}
.hub59-delete-card{max-width:560px!important}.hub59-delete-copy{color:#8ca1b4;font-size:12px;line-height:1.65;margin:0 0 18px}.hub59-delete-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}
.admin59-post-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.admin59-sound{white-space:nowrap}.admin59-sound.off{opacity:.58}
.admin59-pending{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;border-radius:999px;background:#ff405d;color:#fff;font-size:10px;font-weight:900;margin-left:7px;padding:0 6px;box-shadow:0 0 14px rgba(255,64,93,.28)}
.admin59-toast{position:fixed;z-index:99999;right:22px;top:22px;min-width:310px;max-width:430px;display:grid;gap:5px;padding:16px 18px;border-radius:12px;border:1px solid rgba(56,174,255,.58);background:linear-gradient(180deg,rgba(6,25,43,.98),rgba(2,10,18,.98));box-shadow:0 20px 55px rgba(0,0,0,.42),0 0 24px rgba(33,157,255,.12);color:#dcecff;transform:translateY(-16px);opacity:0;transition:.22s ease}
.admin59-toast.show{transform:translateY(0);opacity:1}.admin59-toast b{color:#55c9ff;font-size:13px}.admin59-toast span{font-size:12px;color:#9bb0c2}.admin59-toast.request{border-color:rgba(74,205,255,.75)}.admin59-toast.request b{color:#73ddff}
@media(max-width:640px){.hub58-detail-actions{flex-wrap:wrap}.hub59-owner-delete{margin-right:0}.admin59-toast{left:14px;right:14px;top:14px;min-width:0}}

.admin59-version{display:inline-flex;align-items:center;margin-left:8px;padding:3px 7px;border:1px solid rgba(66,184,255,.45);border-radius:999px;color:#5ac8ff;font-size:10px;font-weight:900;letter-spacing:.08em;vertical-align:middle;background:rgba(0,121,255,.08)}

/* =========================================================
   CHATDA V4.60 — PRIVATE FLOW + STRONG ALERTS
   ========================================================= */
.admin60-sound-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}
.admin60-test-sound{white-space:nowrap}
.admin60-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}
.admin60-request-text{margin:14px 0 18px;padding:13px 14px;border:1px solid rgba(35,77,111,.5);border-radius:10px;background:#020a13;color:#a9bdcd;font-size:12px;line-height:1.65;word-break:break-word}
.admin60-msgs{max-height:330px;overflow:auto;padding-right:4px;margin:8px 0 12px}
.admin59-toast.message{border-color:rgba(93,153,255,.72)}.admin59-toast.message b{color:#88b8ff}

.case60-title-row{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1180px;margin:0 auto 8px}
.case60-title-row .section-title{margin:0}
.case60-top-actions{display:flex;gap:9px;align-items:center}
.case60-lock-btn{border-color:rgba(120,145,165,.45)!important;color:#94a9ba!important}
.case60-live-note{display:flex;align-items:center;gap:8px;margin-top:10px;color:#658097;font-size:10px;letter-spacing:.01em}
.case60-live-note i{width:7px;height:7px;border-radius:50%;background:#2bc6ff;box-shadow:0 0 12px rgba(43,198,255,.75);animation:case60pulse 1.9s infinite}
@keyframes case60pulse{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.08)}}
.case60-live-toast{position:fixed;z-index:100000;right:22px;top:22px;min-width:300px;max-width:420px;display:grid;gap:5px;padding:16px 18px;border-radius:12px;border:1px solid rgba(61,179,255,.68);background:linear-gradient(180deg,rgba(7,27,46,.98),rgba(2,9,16,.98));box-shadow:0 20px 55px rgba(0,0,0,.45),0 0 24px rgba(42,177,255,.16);transform:translateY(-14px);opacity:0;transition:.22s ease}
.case60-live-toast.show{transform:translateY(0);opacity:1}.case60-live-toast b{color:#69d2ff;font-size:13px}.case60-live-toast span{color:#a8bac8;font-size:12px}
.case60-contact-modal{position:fixed;z-index:100001;inset:0;background:rgba(0,5,10,.78);backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px}
.case60-contact-card{position:relative;width:min(520px,96vw);border:1px solid rgba(47,137,204,.58);border-radius:16px;background:linear-gradient(180deg,#071522,#020811);padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.case60-contact-card h2{margin:0 0 18px}.case60-modal-x{position:absolute;right:14px;top:10px;width:34px;height:34px;border:0;background:transparent;color:#7591a6;font-size:26px;cursor:pointer}
@media(max-width:780px){.admin60-sound-controls{grid-template-columns:1fr}.case60-title-row{align-items:flex-start;flex-direction:column}.case60-top-actions{width:100%;flex-wrap:wrap}.case60-top-actions .btn{flex:1}.case60-live-toast{left:14px;right:14px;top:14px;min-width:0}}


/* =========================================================
   CHATDA V4.61 — FRIENDLY INQUIRY CODE + GUIDE SYNC
   Desktop HOME / SERVICE approved compositions remain untouched.
   ========================================================= */

/* Guide footer CTA: reserve a real title column so Korean text never stacks. */
.guide42-page .guide42-actions a{
  grid-template-columns:42px max-content minmax(0,1fr) 24px !important;
  column-gap:14px !important;
  padding-left:20px !important;
  padding-right:18px !important;
}
.guide42-page .guide42-actions strong{
  min-width:max-content;
  white-space:nowrap;
  word-break:keep-all;
  line-height:1.15;
}
.guide42-page .guide42-actions small{
  min-width:0;
  margin-left:0 !important;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  line-height:1.35;
}
.guide42-page .guide42-actions a>b{justify-self:end}

/* FAQ accordion keeps the approved 3-column desktop rhythm. */
.guide61-faq-item{margin-top:5px}
.guide61-faq-item>button{margin-top:0 !important}
.guide61-faq-item>button span{transition:transform .18s ease}
.guide61-faq-item.open>button{border-color:rgba(54,169,245,.72);color:#dff5ff;background:linear-gradient(180deg,#061a2c,#03101d)}
.guide61-faq-item.open>button span{transform:rotate(180deg)}
.guide61-faq-item>p{display:none;margin:7px 3px 3px;padding:9px 11px;border-left:2px solid rgba(44,174,255,.62);background:rgba(4,19,32,.72);color:#8fa9bc;font-size:11px;line-height:1.55;word-break:keep-all}
.guide61-faq-item.open>p{display:block}

/* Friendly nickname + two-digit inquiry number. */
.request61-name{color:#69d2ff;word-break:break-word}
.request61-id strong{font-size:27px;letter-spacing:.01em;word-break:break-word}
.request61-id span{font-weight:800;color:#84a3ba}
.request61-complete .request58-note b{color:#a8ddff}

.admin61-list-code{color:#69d2ff;letter-spacing:.015em;word-break:break-word}
.admin61-code-card{display:grid;gap:5px;margin:14px 0 16px;padding:14px;border:1px solid rgba(45,137,205,.48);border-radius:10px;background:linear-gradient(180deg,rgba(5,23,39,.92),rgba(2,10,18,.92))}
.admin61-code-card span{color:#738ca0;font-size:10px;font-weight:800}
.admin61-code-card b{color:#69d2ff;font-size:20px;letter-spacing:.015em;word-break:break-word}
.admin61-code-card small{color:#5f778a;font-size:9px;word-break:break-all}

@media(max-width:1180px){
  .guide42-page .guide42-actions a{grid-template-columns:36px max-content minmax(0,1fr) 20px !important;column-gap:10px !important;padding-left:16px !important;padding-right:14px !important}
  .guide42-page .guide42-actions strong{font-size:18px !important}
  .guide42-page .guide42-actions small{font-size:11px !important}
}

@media(max-width:760px){
  .guide42-page .guide42-actions{grid-template-columns:1fr !important;gap:10px !important;margin-left:16px !important;margin-right:16px !important}
  .guide42-page .guide42-actions a{width:100%;grid-template-columns:36px minmax(0,1fr) 20px !important;grid-template-areas:"icon title arrow" "icon desc arrow";height:auto !important;min-height:70px;padding:12px 16px !important;column-gap:12px !important;row-gap:3px !important}
  .guide42-page .guide42-actions a svg,.guide42-page .guide42-actions a .guide42-mini-lock{grid-area:icon}
  .guide42-page .guide42-actions strong{grid-area:title;min-width:0;font-size:18px !important}
  .guide42-page .guide42-actions small{grid-area:desc;white-space:normal;font-size:11px !important}
  .guide42-page .guide42-actions a>b{grid-area:arrow}
  .request61-complete h1{font-size:25px;line-height:1.35}
  .request61-id strong{font-size:22px}
}

/* V4.61 CTA cell pinning: the lock element had been hidden in V4.51,
   which allowed auto-placement to push the title into the 42px icon cell. */
.guide42-page .guide42-actions a .guide42-mini-lock{
  display:inline-block !important;
  grid-column:1;
  justify-self:center;
}
.guide42-page .guide42-actions a svg{grid-column:1;justify-self:center}
.guide42-page .guide42-actions a strong{grid-column:2}
.guide42-page .guide42-actions a small{grid-column:3}
.guide42-page .guide42-actions a>b{grid-column:4}
@media(max-width:760px){
  .guide42-page .guide42-actions a .guide42-mini-lock,
  .guide42-page .guide42-actions a svg{grid-column:auto}
  .guide42-page .guide42-actions a strong,
  .guide42-page .guide42-actions a small,
  .guide42-page .guide42-actions a>b{grid-column:auto}
}

/* V4.61 mobile-safe guide page. This only reflows the guide; approved desktop stays intact. */
@media(max-width:760px){
  .guide42-page,.guide42-page .guide42-stage{width:100% !important;min-width:0 !important;max-width:none !important;margin:0 !important;overflow-x:hidden !important}
  .guide42-page .guide42-hero{height:auto !important;min-height:0 !important;grid-template-columns:1fr !important;padding:30px 18px 20px !important;gap:20px !important}
  .guide42-page .guide42-copy{padding-left:0 !important;text-align:left}
  .guide42-page .guide42-copy h1{font-size:38px !important;margin:9px 0 10px !important}
  .guide42-page .guide42-copy p{font-size:15px !important;max-width:none !important;line-height:1.55 !important}
  .guide42-page .guide42-kicker{font-size:12px !important}
  .guide42-page .guide50-process-scene{height:auto !important;display:grid !important;grid-template-columns:1fr !important;gap:10px !important;padding:0 !important}
  .guide42-page .guide50-process-card{height:178px !important;border-radius:15px !important}
  .guide42-page .guide50-step-head{left:12px !important;right:12px !important;top:10px !important;height:38px !important;padding:0 12px !important}
  .guide42-page .guide50-step-head b{font-size:15px !important}
  .guide42-page .guide50-step-head span{font-size:14px !important}
  .guide42-page .guide50-step-image{left:9px !important;right:9px !important;top:55px !important;bottom:8px !important;width:calc(100% - 18px) !important;height:calc(100% - 63px) !important;border-radius:12px !important}
  .guide42-page .guide42-main-grid{display:grid !important;grid-template-columns:1fr !important;gap:11px !important;padding:14px 14px 0 !important}
  .guide42-page .guide42-panel,.guide42-page .guide42-panel.notices{grid-column:auto !important;min-height:0 !important;padding:20px 18px !important;border-radius:13px !important}
  .guide42-page .guide42-panel h2{font-size:23px !important;margin-bottom:14px !important}
  .guide42-page .guide42-item{margin:13px 0 !important;grid-template-columns:34px 1fr !important}
  .guide42-page .guide42-item b{font-size:15px !important}
  .guide42-page .guide42-item small{font-size:12px !important;line-height:1.45}
  .guide42-page .guide42-privacy-body{grid-template-columns:92px 1fr !important;gap:10px !important}
  .guide42-page .guide42-lock-orbit{width:86px !important;height:86px !important}
  .guide42-page .guide42-lock-image{width:66px !important;height:66px !important}
  .guide42-page .guide42-privacy-body p{grid-template-columns:18px 1fr !important;margin:10px 0 !important}
  .guide42-page .guide42-privacy-body p b{font-size:13px !important}
  .guide42-page .guide42-privacy-body p small{font-size:11px !important;line-height:1.45}
  .guide42-page .guide42-panel.notices p{font-size:13px !important;line-height:1.55 !important;margin:10px 0 !important}
  .guide42-page .guide42-faq{display:grid !important;grid-template-columns:1fr !important;gap:8px !important;margin:11px 14px 0 !important;padding:16px !important;align-items:stretch !important}
  .guide42-page .guide42-faq h2{font-size:21px !important;margin-bottom:10px !important}
  .guide42-page .guide42-faq-col{padding-top:0 !important}
  .guide42-page .guide42-faq button{height:auto !important;min-height:43px !important;font-size:13px !important;padding:9px 12px !important;line-height:1.35 !important}
  .guide61-faq-item>p{font-size:11px !important}
  .guide42-page .guide42-safe-copy{grid-column:auto !important;height:auto !important;min-height:80px !important;border-left:0 !important;border-top:1px solid rgba(37,75,109,.38) !important;padding:13px 0 0 !important;grid-template-columns:46px 1fr !important}
  .guide42-page .guide42-mini-dossier{width:42px !important;height:42px !important}
  .guide42-page .guide42-safe-copy p{font-size:12px !important}
  .guide42-page .guide42-safe-copy b{font-size:18px !important}
  .guide42-page .guide42-actions{width:auto !important}
}

/* =========================================================
   CHATDA V4.62 — ADMIN REQUEST UX + REQUEST LOOKUP EMPHASIS
   Video QA fixes:
   - request list is a real clickable table/card instead of loose text
   - every clickable request/status uses a pointer cursor (no text I-beam)
   - board-management back button never breaks "의뢰 관리" mid-word
   - private-request sidebar gives "내 의뢰 확인" a clear primary card
   HOME / SERVICE approved desktop artwork remains untouched.
   ========================================================= */

/* ---------- Admin shell ---------- */
#adminApp{
  max-width:1480px;
  width:100%;
  margin:0 auto;
  padding:34px 24px 64px;
}
.admin62-dashboard{
  display:grid;
  grid-template-columns:210px minmax(440px,.94fr) minmax(480px,1.12fr);
  gap:16px;
  align-items:start;
}
.admin62-nav{
  position:sticky;
  top:24px;
  display:flex;
  flex-direction:column;
  gap:9px;
  padding:18px;
  min-width:0;
}
.admin62-nav-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
  margin:0 0 5px;
  padding:2px 1px 12px;
  border-bottom:1px solid rgba(34,72,105,.52);
}
.admin62-nav-heading h2{margin:0;font-size:21px;white-space:nowrap}
.admin62-nav-heading .admin59-version{margin-left:0;white-space:nowrap;font-size:8px;padding:3px 6px}
.admin62-nav>.btn{width:100%;min-height:44px;padding:10px 13px;white-space:nowrap}
.admin62-nav-current{box-shadow:0 0 18px rgba(18,102,255,.18)}
.admin62-nav-divider{height:1px;background:rgba(35,73,107,.5);margin:3px 0}
.admin62-nav .admin60-sound-controls{grid-template-columns:1fr;gap:7px}
.admin62-nav .admin60-sound-controls .btn{min-height:41px;padding:9px 8px;font-size:12px}
.admin62-logout{margin-top:2px;color:#9badbd!important}

.admin62-main{min-width:0}
.admin62-kpis{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.admin62-kpi{
  min-width:0;
  min-height:82px;
  padding:13px 12px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:7px;
  border-radius:11px;
  background:linear-gradient(180deg,rgba(8,22,37,.98),rgba(4,13,23,.98));
}
.admin62-kpi span{
  color:#8297aa;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.admin62-kpi strong{font-size:23px;line-height:1;color:#f3f9ff}
.admin62-kpi[data-kpi-key="진행중"]{border-color:rgba(34,139,255,.62);box-shadow:inset 0 0 18px rgba(22,117,255,.05)}
.admin62-kpi[data-kpi-key="완료"]{border-color:rgba(45,162,150,.42)}

.admin62-list-panel{margin-top:12px;padding:0;overflow:hidden}
.admin62-panel-title{
  min-height:77px;
  padding:17px 18px 15px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  border-bottom:1px solid rgba(31,68,101,.58);
  background:linear-gradient(180deg,rgba(8,22,37,.72),rgba(5,15,26,.25));
}
.admin62-panel-title h2{margin:3px 0 0;font-size:22px}
.admin62-kicker{
  display:block;
  color:#48bfff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.16em;
  line-height:1.2;
}
.admin62-total{color:#72889b;font-size:11px;white-space:nowrap}
.admin62-total b{color:#69d2ff;font-size:14px}
.admin62-list-head,
.admin62-request-row{
  display:grid;
  grid-template-columns:minmax(120px,1.05fr) minmax(92px,.78fr) 90px minmax(140px,1.12fr);
  gap:12px;
  align-items:center;
}
.admin62-list-head{
  min-height:38px;
  padding:0 16px;
  color:#60778b;
  font-size:9px;
  font-weight:800;
  letter-spacing:.04em;
  background:#030b14;
  border-bottom:1px solid rgba(26,57,84,.55);
}
.admin62-list-body{max-height:calc(100vh - 255px);min-height:180px;overflow:auto;overscroll-behavior:contain}
.admin62-request-row{
  position:relative;
  min-height:64px;
  padding:11px 16px;
  border-bottom:1px solid rgba(28,61,91,.48);
  background:rgba(4,14,24,.54);
  cursor:pointer!important;
  user-select:none;
  transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;
  outline:none;
}
.admin62-request-row:last-child{border-bottom:0}
.admin62-request-row,
.admin62-request-row *{cursor:pointer!important}
.admin62-request-row:hover{
  background:linear-gradient(90deg,rgba(9,46,79,.88),rgba(5,21,37,.72));
  border-bottom-color:rgba(43,130,198,.52);
}
.admin62-request-row:focus-visible{
  box-shadow:inset 0 0 0 2px rgba(55,178,255,.82);
  z-index:1;
}
.admin62-request-row.active{
  background:linear-gradient(90deg,rgba(11,62,108,.92),rgba(5,28,48,.82));
  box-shadow:inset 3px 0 0 #34baff,inset 0 0 24px rgba(28,139,255,.07);
}
.admin62-list-cell{min-width:0;font-size:12px;color:#d8e3ed;line-height:1.35}
.admin62-code-cell b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.admin62-name-cell span:last-child{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin62-date-cell time{display:block;color:#788da0;font-size:10px;white-space:nowrap}
.admin62-status-cell .badge{
  min-width:64px;
  text-align:center;
  padding:6px 8px;
  font-size:10px;
  font-weight:850;
  white-space:nowrap;
  user-select:none;
  cursor:pointer!important;
}
.admin62-request-row[data-status="접수완료"] .badge{background:#0b58c2}
.admin62-request-row[data-status="확인중"] .badge{background:#755a0c;color:#ffe58a}
.admin62-request-row[data-status="진행중"] .badge{background:#0a6c9b;color:#b9efff;box-shadow:0 0 12px rgba(22,169,232,.13)}
.admin62-request-row[data-status="완료"] .badge{background:#126658;color:#c9fff3}
.admin62-request-row[data-status="보류"] .badge{background:#6a3d17;color:#ffd1a7}
.admin62-mobile-label{display:none!important}
.admin62-empty{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center;color:#71879a}
.admin62-empty b{color:#cbd8e3;font-size:15px}.admin62-empty span{font-size:11px}

/* ---------- Admin detail ---------- */
.admin62-detail{
  position:sticky;
  top:24px;
  min-width:0;
  min-height:330px;
  max-height:calc(100vh - 48px);
  overflow:auto;
  padding:20px;
  scrollbar-width:thin;
  scrollbar-color:#19466d transparent;
}
.admin62-detail:not(.has-detail){display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.admin62-detail:not(.has-detail) h2{margin:14px 0 7px;font-size:20px}
.admin62-detail:not(.has-detail) p{margin:0;font-size:11px;line-height:1.65}
.admin62-detail-empty-icon{
  width:52px;height:52px;border-radius:50%;
  border:1px solid rgba(57,167,238,.42);
  background:radial-gradient(circle,rgba(27,133,215,.16),rgba(3,14,24,.45));
  box-shadow:0 0 22px rgba(20,135,255,.1);
  position:relative;
}
.admin62-detail-empty-icon:before{content:"";position:absolute;left:14px;right:14px;top:16px;height:2px;background:#4dc9ff;box-shadow:0 7px 0 #4dc9ff,0 14px 0 #4dc9ff;opacity:.7}
.admin62-detail-head{align-items:flex-start;margin-bottom:2px}
.admin62-detail-head h2{margin:3px 0 0;font-size:22px}
.admin62-delete-request{min-height:40px;padding:8px 13px;font-size:11px;white-space:nowrap}
.admin62-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0 16px}
.admin62-info-grid>div{min-width:0;padding:10px 11px;border:1px solid rgba(32,68,99,.48);border-radius:8px;background:#030b14}
.admin62-info-grid>div.wide{grid-column:1/-1}
.admin62-info-grid span,.admin62-section-label{display:block;color:#6d8497;font-size:9px;font-weight:800;margin-bottom:5px;letter-spacing:.03em}
.admin62-info-grid b{display:block;color:#d7e4ee;font-size:11px;line-height:1.45;word-break:break-word}
.admin62-section-label{margin-top:3px}
.admin62-status-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:9px;
  align-items:end;
  padding:13px;
  border:1px solid rgba(32,72,106,.55);
  border-radius:10px;
  background:rgba(3,13,23,.76);
}
.admin62-status-box .field{margin:0}
.admin62-status-box .field label{font-size:10px;margin-bottom:7px}
.admin62-status-box select{min-height:43px}
.admin62-status-box>.btn{min-height:43px;padding:9px 15px;white-space:nowrap}
.admin62-divider{height:1px;background:rgba(36,78,113,.5);margin:18px 0}
.admin62-chat-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:9px}
.admin62-chat-heading h3{margin:3px 0 0;font-size:18px}
.admin62-chat-heading small{color:#61798d;font-size:9px;white-space:nowrap}
.admin62-msgs{max-height:270px;padding:4px 4px 4px 0}
.admin62-msgs .msg{max-width:88%;font-size:11px;line-height:1.52}
.admin62-msgs .msg small{font-size:9px}
.admin62-chat-input{position:sticky;bottom:-20px;padding:10px 0 0;background:linear-gradient(180deg,rgba(7,18,31,0),#07121f 28%)}
.admin62-chat-input input{min-width:0}
.admin62-chat-input .btn{min-width:62px;padding:10px 13px}

/* ---------- Board management ---------- */
.admin62-post-page{width:100%;max-width:1240px;margin:36px auto 0}
.admin62-post-toolbar{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  margin-bottom:20px;
}
.admin62-back-requests{
  flex:0 0 auto;
  min-width:142px;
  white-space:nowrap!important;
  word-break:keep-all!important;
  gap:7px;
}
.admin62-back-requests span{white-space:nowrap!important;word-break:keep-all!important}
.admin62-post-toolbar .admin60-sound-controls{
  width:auto;
  margin-left:auto;
  display:flex;
  grid-template-columns:none;
  gap:8px;
}
.admin62-post-toolbar .admin60-sound-controls .btn{min-width:168px;min-height:46px;padding:10px 16px}
.admin62-page-title{display:flex;align-items:center;gap:10px;margin:0 0 16px}
.admin62-page-title h1{margin:3px 0 0;font-size:29px}
.admin62-page-title .admin59-version{margin-left:4px}
.admin62-post-list{display:grid;gap:12px}
.admin62-post-card{padding:20px 22px}
.admin62-post-card h3{font-size:19px;margin:14px 0 8px}
.admin62-post-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.admin62-notice{display:inline-flex;margin-left:7px;padding:4px 7px;border-radius:999px;background:rgba(255,194,55,.12);border:1px solid rgba(255,194,55,.35);color:#ffd877;font-size:9px}
.admin62-post-state{font-size:9px;font-weight:850;padding:5px 8px;border-radius:999px;white-space:nowrap}
.admin62-post-state.approved{color:#baffed;background:rgba(25,143,118,.18);border:1px solid rgba(49,193,159,.34)}
.admin62-post-state.pending{color:#ffe2a3;background:rgba(153,108,25,.16);border:1px solid rgba(218,159,48,.34)}
.admin62-post-body{color:#c3d1dd;font-size:12px;line-height:1.7;word-break:break-word}
.admin62-post-meta{font-size:10px;margin:12px 0 0}
.admin62-post-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px;padding-top:13px;border-top:1px solid rgba(31,66,96,.46)}
.admin62-post-actions .btn{min-height:40px;padding:8px 14px;font-size:11px}
.admin62-post-actions .approve-post[disabled]{opacity:.55;cursor:default}

/* ---------- Private request: visible re-entry CTA ---------- */
.request62-side{
  position:relative;
  overflow:hidden;
  align-self:stretch;
  padding:28px 24px!important;
  background:
    radial-gradient(circle at 100% 0,rgba(17,105,193,.13),transparent 38%),
    linear-gradient(180deg,#081522,#050e19)!important;
}
.request62-side:before{
  content:"";
  position:absolute;
  left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,#2caeff 18%,#176fff 72%,transparent);
  box-shadow:0 0 16px rgba(31,150,255,.4);
}
.request62-side-kicker{color:#42bfff;font-size:9px;font-weight:900;letter-spacing:.15em;margin-bottom:9px}
.request62-side h3{font-size:20px;margin:0 0 14px}
.request62-side-copy{font-size:12px!important;line-height:1.65;margin:0}
.request62-side-points{display:grid;gap:8px;margin:20px 0 0;padding:15px 0;border-top:1px solid rgba(34,75,108,.45);border-bottom:1px solid rgba(34,75,108,.45)}
.request62-side-points span{position:relative;padding-left:14px;color:#8da4b7;font-size:10px;line-height:1.4}
.request62-side-points span:before{content:"";position:absolute;left:0;top:.5em;width:5px;height:5px;border-radius:50%;background:#36bfff;box-shadow:0 0 9px rgba(54,191,255,.55)}
.request62-lookup-cta{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) 22px;
  align-items:center;
  gap:12px;
  min-height:86px;
  margin-top:22px;
  padding:14px 14px;
  border:1px solid rgba(47,151,231,.72);
  border-radius:11px;
  background:linear-gradient(135deg,rgba(9,52,91,.98),rgba(5,27,50,.98));
  box-shadow:inset 0 1px 0 rgba(114,211,255,.08),0 10px 28px rgba(0,0,0,.2),0 0 20px rgba(23,133,255,.08);
  color:#fff;
  text-decoration:none;
  transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease,background .17s ease;
}
.request62-lookup-cta:hover{
  transform:translateY(-2px);
  border-color:#55cfff;
  background:linear-gradient(135deg,rgba(11,68,117,.99),rgba(6,36,65,.99));
  box-shadow:inset 0 1px 0 rgba(135,221,255,.12),0 14px 34px rgba(0,0,0,.24),0 0 24px rgba(29,151,255,.15);
}
.request62-lookup-cta:focus-visible{outline:2px solid #55cfff;outline-offset:3px}
.request62-lookup-icon{
  width:44px;height:44px;border-radius:10px;display:grid;place-items:center;
  border:1px solid rgba(72,184,255,.52);
  background:linear-gradient(180deg,rgba(13,69,113,.85),rgba(5,31,55,.9));
  box-shadow:0 0 18px rgba(35,154,255,.1);
}
.request62-lookup-icon svg{width:24px;height:24px;fill:none;stroke:#68d4ff;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.request62-lookup-icon svg circle{fill:#68d4ff;stroke:none}
.request62-lookup-copy{min-width:0;display:flex;flex-direction:column;gap:5px}
.request62-lookup-copy strong{font-size:17px;line-height:1.1;letter-spacing:-.01em;color:#f4fbff}
.request62-lookup-copy small{font-size:9px;line-height:1.4;color:#85a9c1;word-break:keep-all}
.request62-lookup-cta>b{justify-self:end;color:#63d1ff;font-size:21px;transition:transform .17s ease}
.request62-lookup-cta:hover>b{transform:translateX(3px)}

@media(max-width:1260px){
  #adminApp{max-width:1120px}
  .admin62-dashboard{grid-template-columns:1fr;gap:12px}
  .admin62-nav{position:static;display:grid;grid-template-columns:auto 150px 170px minmax(260px,1fr) 120px;align-items:center;padding:14px}
  .admin62-nav-heading{margin:0;padding:0 12px 0 0;border:0;border-right:1px solid rgba(34,72,105,.52);justify-content:flex-start}
  .admin62-nav-divider{display:none}
  .admin62-nav .admin60-sound-controls{grid-template-columns:1fr 1fr}
  .admin62-detail{position:static;max-height:none}
  .admin62-list-body{max-height:420px}
}

@media(max-width:860px){
  #adminApp{padding:20px 14px 48px}
  .admin62-nav{grid-template-columns:1fr 1fr}
  .admin62-nav-heading{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(34,72,105,.52);padding:0 0 10px}
  .admin62-nav .admin60-sound-controls{grid-column:1/-1}
  .admin62-kpis{grid-template-columns:repeat(2,1fr)}
  .admin62-kpi:first-child{grid-column:1/-1}
  .admin62-list-head{display:none}
  .admin62-request-row{grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;padding:13px 14px}
  .admin62-code-cell{grid-column:1}.admin62-status-cell{grid-column:2;grid-row:1}
  .admin62-name-cell{grid-column:1}.admin62-date-cell{grid-column:2;text-align:right}
  .admin62-mobile-label{display:block!important;color:#5f778a;font-size:8px;margin-bottom:3px}
  .admin62-status-cell .admin62-mobile-label{display:none!important}
  .admin62-info-grid{grid-template-columns:1fr}
  .admin62-info-grid>div.wide{grid-column:auto}
  .admin62-post-toolbar{align-items:stretch;flex-direction:column}
  .admin62-post-toolbar .admin60-sound-controls{width:100%;margin-left:0;display:grid;grid-template-columns:1fr 1fr}
  .admin62-back-requests{width:100%}
  .admin62-page-title{align-items:flex-end;justify-content:space-between}
}

@media(max-width:640px){
  .admin62-status-box{grid-template-columns:1fr}
  .admin62-status-box>.btn{width:100%}
  .admin62-chat-heading{align-items:flex-start;flex-direction:column}
  .admin62-chat-input{display:grid;grid-template-columns:1fr}
  .admin62-chat-input .btn{width:100%}
  .admin62-post-toolbar .admin60-sound-controls{grid-template-columns:1fr}
  .admin62-post-actions .btn{flex:1}
  .request62-side{padding:22px 18px!important}
  .request62-lookup-cta{grid-template-columns:42px minmax(0,1fr) 20px;min-height:82px;padding:13px 12px}
  .request62-lookup-copy strong{font-size:16px}
}

/* =========================================================
   V4.63 — TELEGRAM SETTINGS + SAFE RESPONSIVE FRAME
   Desktop artwork is never squeezed below its readable canvas.
   769–1279px: center-crop the approved desktop artwork and use a
   compact viewport header. 768px and below: dedicated mobile UI.
   ========================================================= */

html,body{max-width:100%;overflow-x:hidden}
html.mobile-nav-locked,html.mobile-nav-locked body{overflow:hidden!important}

/* New components are opt-in. Desktop remains the approved baseline. */
.mobile-site-page,
.mobile-nav-toggle,
.mobile-nav-backdrop,
.mobile-nav-panel{display:none}

[data-telegram-link].is-unconfigured{opacity:.68;cursor:not-allowed}
[data-telegram-link].is-unconfigured:hover{transform:none!important;box-shadow:none!important}

/* ---------- Administrator: site settings ---------- */
.admin63-settings-gear{font-size:15px;line-height:1;margin-right:7px;color:#5ecfff}
.admin63-settings-nav,.admin63-toolbar-settings{white-space:nowrap!important;word-break:keep-all!important}
.admin63-settings-page{width:100%;max-width:1220px;margin:30px auto 0;padding-bottom:60px}
.admin63-settings-toolbar{display:flex;align-items:center;gap:10px;min-height:52px;margin-bottom:18px}
.admin63-settings-toolbar .admin60-sound-controls{width:auto;margin-left:auto;display:flex;grid-template-columns:none;gap:8px}
.admin63-settings-toolbar .admin60-sound-controls .btn{min-width:160px;min-height:44px;padding:9px 14px}
.admin63-settings-title{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:0 0 18px}
.admin63-settings-title h1{font-size:31px;line-height:1.1;margin:5px 0 7px;letter-spacing:-.03em}
.admin63-settings-title p{margin:0;color:#8198aa;font-size:12px;line-height:1.6}
.admin63-settings-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.8fr);gap:16px;align-items:start}
.admin63-telegram-panel,.admin63-sync-panel{position:relative;overflow:hidden;padding:25px}
.admin63-telegram-panel:before,.admin63-sync-panel:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 92% 5%,rgba(36,156,255,.11),transparent 30%),repeating-linear-gradient(90deg,rgba(43,125,196,.025) 0 1px,transparent 1px 42px)}
.admin63-setting-head{position:relative;display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding-bottom:19px;border-bottom:1px solid rgba(43,85,122,.48)}
.admin63-telegram-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(63,179,242,.52);background:linear-gradient(180deg,rgba(14,62,101,.9),rgba(5,25,44,.95));box-shadow:0 0 22px rgba(35,158,255,.11)}
.admin63-telegram-icon svg{width:28px;height:28px}
.admin63-setting-head small{display:block;color:#48bfff;font-size:9px;letter-spacing:.15em;font-weight:900;margin-bottom:5px}
.admin63-setting-head h2{font-size:21px;margin:0;letter-spacing:-.025em}
.admin63-setting-state{min-width:64px;padding:7px 10px;border-radius:999px;text-align:center;font-size:9px;font-weight:900;white-space:nowrap}
.admin63-setting-state.connected{color:#b8ffe9;border:1px solid rgba(54,197,153,.42);background:rgba(18,118,91,.18)}
.admin63-setting-state.waiting{color:#b5c5d3;border:1px solid rgba(91,121,147,.38);background:rgba(49,67,82,.18)}
.admin63-setting-copy{position:relative;color:#9cb0bf;font-size:12px;line-height:1.7;margin:19px 0}
.admin63-setting-copy b{color:#d8f2ff}
.admin63-telegram-field{position:relative;margin-bottom:15px}
.admin63-telegram-field>label{font-size:11px}
.admin63-telegram-field>small{display:block;color:#617b8f;font-size:9px;margin-top:7px;line-height:1.5}
.admin63-input-prefix{display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;border:1px solid rgba(49,100,142,.72);border-radius:9px;background:#020a12;overflow:hidden;transition:.16s ease}
.admin63-input-prefix:focus-within{border-color:#41beff;box-shadow:0 0 0 2px rgba(37,151,255,.08),0 0 18px rgba(31,134,255,.09)}
.admin63-input-prefix>span{height:48px;display:grid;place-items:center;border-right:1px solid rgba(45,89,127,.55);color:#50caff;font-size:18px;font-weight:800;background:rgba(8,28,47,.75)}
.admin63-input-prefix input{height:48px!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0 14px!important;font-size:14px;outline:0}
.admin63-link-preview{position:relative;display:grid;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:10px;min-height:47px;padding:8px 12px;border:1px solid rgba(36,75,108,.56);border-radius:9px;background:rgba(2,10,18,.72)}
.admin63-link-preview>span{color:#6e8799;font-size:10px;font-weight:800}
.admin63-link-preview code{min-width:0;color:#76d7ff;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.admin63-link-preview code.invalid{color:#ff8996}
.admin63-setting-actions{position:relative;display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}
.admin63-setting-actions .btn{min-height:44px;padding:9px 17px;font-size:11px}
.admin63-setting-actions .disabled{pointer-events:none;opacity:.45}
.admin63-clear-setting{color:#ff9cab!important;border-color:rgba(173,64,83,.45)!important}
.admin63-save-result{position:relative;min-height:21px;margin-top:12px;font-size:10px;font-weight:750}
.admin63-save-result.success{color:#72e8bd}.admin63-save-result.error{color:#ff8998}
.admin63-sync-panel h2{position:relative;font-size:21px;margin:6px 0 8px}
.admin63-sync-panel>p{position:relative;color:#8299aa;font-size:11px;line-height:1.65;margin:0 0 18px}
.admin63-sync-list{position:relative;display:grid;gap:9px}
.admin63-sync-list span{display:flex;align-items:center;gap:9px;min-height:38px;padding:8px 10px;border:1px solid rgba(38,76,109,.46);border-radius:8px;background:rgba(2,11,20,.62);color:#b6c6d2;font-size:10px}
.admin63-sync-list i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:#63d5ff;border:1px solid rgba(67,191,255,.42);font-size:9px;flex:0 0 18px}
.admin63-security-note{position:relative;margin-top:17px;padding:14px;border:1px solid rgba(47,115,168,.45);border-radius:9px;background:linear-gradient(135deg,rgba(7,30,51,.85),rgba(3,14,25,.85))}
.admin63-security-note b{display:block;color:#66cfff;font-size:10px;margin-bottom:5px}
.admin63-security-note p{margin:0;color:#849cad;font-size:9px;line-height:1.65}
.admin63-updated{position:relative;display:block;margin-top:14px;color:#586f80;font-size:9px}

/* ---------- Shared compact header ---------- */
@media (max-width:1279px){
  :root{--chatda-compact-header:72px}
  .hub-master-shell,.guide-stage,.chatda-functional-shell{
    width:100vw!important;max-width:none!important;min-width:0!important;margin:0!important;
  }
  .approved-shared-header,.v439-global-header{
    width:100vw!important;min-width:0!important;height:var(--chatda-compact-header)!important;aspect-ratio:auto!important;
    overflow:visible!important;background:linear-gradient(180deg,rgba(1,7,14,.99),rgba(1,7,14,.97))!important;
    border-bottom:1px solid rgba(35,82,122,.56)!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important;
  }
  .approved-stage>.v439-header-overlay,.service-stage>.v439-header-overlay{
    position:fixed!important;left:0!important;right:auto!important;top:0!important;width:100vw!important;height:var(--chatda-compact-header)!important;
    z-index:1000!important;pointer-events:auto!important;
  }
  .hub-master-shell>.v439-header-flow,.guide-stage>.v439-header-flow,.chatda-functional-shell>.v439-header-flow{
    position:sticky!important;left:0!important;top:0!important;z-index:1000!important;
  }
  .v439-global-header .approved-shared-logo-link{
    left:22px!important;top:10px!important;width:190px!important;height:52px!important;display:flex!important;align-items:center!important;
  }
  .v439-global-header .header-logo{width:190px!important;height:auto!important;max-height:52px!important;object-fit:contain!important}
  .v439-global-header .web-nav{display:none!important}
  .mobile-nav-toggle{
    position:absolute;z-index:1005;right:22px;top:15px;width:44px;height:42px;padding:0;border:1px solid rgba(53,125,183,.65);border-radius:10px;
    background:linear-gradient(180deg,rgba(7,26,44,.98),rgba(3,13,23,.98));display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:5px;
    box-shadow:inset 0 1px 0 rgba(99,205,255,.06);cursor:pointer;
  }
  .mobile-nav-toggle span{display:block;width:20px;height:2px;border-radius:3px;background:#73d7ff;transition:transform .2s ease,opacity .2s ease}
  .mobile-menu-open .mobile-nav-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-open .mobile-nav-toggle span:nth-child(2){opacity:0}
  .mobile-menu-open .mobile-nav-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .mobile-nav-backdrop{
    display:block!important;position:fixed;z-index:1001;inset:0;background:rgba(0,4,10,.72);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:opacity .22s ease;
  }
  .mobile-nav-panel{
    display:flex!important;position:fixed;z-index:1002;right:0;top:0;bottom:0;width:min(390px,88vw);padding:92px 22px 28px;
    flex-direction:column;background:radial-gradient(circle at 100% 0,rgba(21,120,214,.18),transparent 32%),linear-gradient(180deg,#061421,#020810 72%);
    border-left:1px solid rgba(54,123,180,.55);box-shadow:-24px 0 55px rgba(0,0,0,.44);transform:translateX(105%);transition:transform .24s ease;overflow-y:auto;
  }
  .mobile-menu-open .mobile-nav-backdrop{opacity:1;pointer-events:auto}
  .mobile-menu-open .mobile-nav-panel{transform:translateX(0)}
  .mobile-nav-kicker{color:#39baff;font-size:9px;font-weight:900;letter-spacing:.17em;padding:0 8px 16px;border-bottom:1px solid rgba(43,83,117,.52)}
  .mobile-nav-panel>a{display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;min-height:58px;padding:0 8px;border-bottom:1px solid rgba(33,69,99,.48);color:#e5eff7;font-size:15px;font-weight:800}
  .mobile-nav-panel>a>span{color:#339fff;font-size:10px;letter-spacing:.08em}.mobile-nav-panel>a>b{justify-self:end;color:#49c7ff;font-size:20px}
  .mobile-nav-panel>a.active,.mobile-nav-panel>a:hover{color:#61d2ff;background:linear-gradient(90deg,rgba(15,78,134,.18),transparent)}
  .mobile-nav-panel .mobile-nav-request{margin-top:14px;border:1px solid rgba(43,151,238,.68);border-radius:10px;background:linear-gradient(135deg,rgba(9,54,96,.9),rgba(4,25,47,.92))}
  .mobile-nav-panel .mobile-nav-telegram{margin-top:9px;border:1px solid rgba(47,99,140,.65);border-radius:10px;background:#030c15}
  .mobile-nav-panel>small{display:block;padding:11px 8px 0;color:#627c90;font-size:9px;word-break:break-all}

  /* Keep the approved art readable. The viewport clips it instead of squeezing every element. */
  .desktop-approved-home,.desktop-approved-service{
    display:flex!important;width:100vw!important;min-height:100vh!important;overflow:hidden!important;justify-content:center!important;align-items:flex-start!important;
  }
  .desktop-approved-home .approved-stage,.desktop-approved-service .service-stage{
    width:max(1180px,100vw)!important;min-width:max(1180px,100vw)!important;max-width:1536px!important;flex:0 0 max(1180px,100vw)!important;
    aspect-ratio:3/2!important;margin:0!important;
  }
  .mobile-site-page{display:none!important}
  .chatda-functional-shell>.page{padding-top:34px}

  /* Inner-page desktop/tablet layouts: flexible, never a forced 720px canvas. */
  .hub42-layout{padding-left:26px!important;padding-right:26px!important;grid-template-columns:minmax(0,1fr) 300px!important;gap:16px!important}
  .hub42-page .hub50-hero{padding-left:28px!important;padding-right:28px!important}
  .guide42-page .guide42-hero{padding-left:28px!important;padding-right:24px!important}
  .guide42-page .guide42-main-grid{padding-left:26px!important;padding-right:26px!important;gap:12px!important}
  .guide42-page .guide42-faq,.guide42-page .guide42-actions{margin-left:26px!important;margin-right:26px!important}
  .form-layout{grid-template-columns:minmax(0,1fr) 310px;gap:14px}
  .case58-layout{grid-template-columns:minmax(280px,.78fr) minmax(0,1.35fr)!important;gap:14px!important}

  #adminApp{max-width:1160px!important;padding-left:14px!important;padding-right:14px!important}
  .admin62-nav{grid-template-columns:auto 132px 150px 150px minmax(250px,1fr) 105px!important}
  .admin63-settings-page{margin-top:20px}
}

/* ---------- Dedicated phone layout ---------- */
@media (max-width:768px){
  :root{--chatda-compact-header:68px}
  html,body,#app{width:100%!important;min-width:0!important;overflow-x:hidden!important}
  body{font-size:15px;-webkit-text-size-adjust:100%}
  .desktop-approved-home,.desktop-approved-service{display:none!important}
  .mobile-site-page{display:block!important;width:100%!important;min-height:100vh;background:#020811;color:#fff}

  .approved-shared-header,.v439-global-header{height:68px!important;position:sticky!important;top:0!important}
  .approved-stage>.v439-header-overlay,.service-stage>.v439-header-overlay{position:sticky!important}
  .v439-global-header .approved-shared-logo-link{left:15px!important;top:10px!important;width:158px!important;height:46px!important}
  .v439-global-header .header-logo{width:158px!important;max-height:46px!important}
  .mobile-nav-toggle{right:14px;top:13px;width:42px;height:42px}
  .mobile-nav-panel{width:min(350px,90vw);padding:84px 18px 24px}
  .mobile-nav-panel>a{min-height:55px;font-size:14px}

  /* HOME */
  .mobile-home-main{min-height:calc(100vh - 68px);background:radial-gradient(circle at 80% 8%,rgba(12,95,194,.18),transparent 28%),linear-gradient(180deg,#020811,#01050b)}
  .mobile-home-hero{padding:18px 16px 25px;text-align:center;border-bottom:1px solid rgba(34,75,109,.5)}
  .mobile-home-visual{position:relative;overflow:hidden;width:100%;aspect-ratio:2.25/1;border:1px solid rgba(42,111,176,.55);border-radius:14px;background:#030a12;box-shadow:0 18px 38px rgba(0,0,0,.32)}
  .mobile-home-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(2,8,15,.45))}
  .mobile-home-visual img{display:block;width:100%;height:100%;object-fit:cover}
  .mobile-home-kicker{margin-top:22px;color:#38baff;font-size:9px;font-weight:900;letter-spacing:.18em}
  .mobile-home-hero h1{font-size:42px;letter-spacing:.24em;margin:9px 0 4px;padding-left:.24em;line-height:1;text-shadow:0 0 20px rgba(35,142,255,.18)}
  .mobile-home-hero h2{font-size:24px;line-height:1.25;margin:0 0 10px;letter-spacing:-.04em}.mobile-home-hero h2 b{color:#2e91ff}
  .mobile-home-hero p{margin:0;color:#8fa5b8;font-size:12px;line-height:1.7}
  .mobile-home-actions{display:grid;gap:9px;margin-top:19px}
  .mobile-primary-cta,.mobile-telegram-cta{min-height:57px;border-radius:11px;display:grid;align-items:center;color:#fff;text-decoration:none}
  .mobile-primary-cta{grid-template-columns:34px 1fr 22px;padding:0 15px;border:1px solid rgba(42,151,244,.82);background:linear-gradient(135deg,#0c4e93,#082759);box-shadow:0 10px 24px rgba(0,67,166,.16)}
  .mobile-primary-cta strong{font-size:16px;text-align:left}.mobile-primary-cta>b{color:#68d6ff;font-size:20px}
  .mobile-lock-icon{width:23px;height:26px;border:1.7px solid #70d8ff;border-radius:50% 50% 42% 42%/36% 36% 64% 64%;position:relative;transform:scaleX(.86)}
  .mobile-lock-icon:before{content:"";position:absolute;left:50%;top:7px;width:5px;height:5px;transform:translateX(-50%);border-radius:50%;background:#70d8ff;box-shadow:0 0 8px #41bfff}
  .mobile-lock-icon:after{content:"";position:absolute;left:50%;top:12px;width:2px;height:6px;transform:translateX(-50%);background:#70d8ff;border-radius:4px}
  .mobile-telegram-cta{grid-template-columns:35px 1fr 20px;padding:0 15px;border:1px solid rgba(45,99,139,.72);background:linear-gradient(180deg,#07131f,#030a12)}
  .mobile-telegram-cta svg{width:25px;height:25px}.mobile-telegram-cta span{min-width:0;text-align:left;display:flex;flex-direction:column;gap:3px}.mobile-telegram-cta strong{font-size:14px}.mobile-telegram-cta small{font-size:9px;color:#6f8fa6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-telegram-cta>b{color:#49caff;font-size:18px}
  .mobile-home-services{padding:25px 16px 28px}
  .mobile-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:13px}.mobile-section-head small{display:block;color:#36b7ff;font-size:8px;letter-spacing:.16em;font-weight:900;margin-bottom:5px}.mobile-section-head h2{font-size:21px;margin:0;letter-spacing:-.035em}.mobile-section-head>a{color:#7e9aaf;font-size:10px;white-space:nowrap}.mobile-section-head>a b{color:#42c2ff;font-size:17px}
  .mobile-home-service-list{display:grid;gap:9px}
  .mobile-home-service-card{display:grid;grid-template-columns:92px minmax(0,1fr) 18px;align-items:center;gap:12px;min-height:88px;padding:9px 12px 9px 9px;border:1px solid rgba(38,79,113,.62);border-radius:12px;background:linear-gradient(180deg,rgba(5,17,30,.98),rgba(3,10,18,.98));box-shadow:inset 0 1px 0 rgba(76,167,237,.035)}
  .mobile-home-service-image{display:block;width:92px;height:68px;border-radius:9px;overflow:hidden;background:#06111c}.mobile-home-service-image img{width:100%;height:100%;object-fit:cover;display:block}
  .mobile-home-service-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.mobile-home-service-copy small{color:#289fff;font-size:9px;font-weight:900}.mobile-home-service-copy strong{font-size:13px;line-height:1.35;word-break:keep-all}.mobile-home-service-copy em{font-style:normal;color:#657f93;font-size:9px}.mobile-home-service-card>b{color:#349dce;font-size:22px}
  .mobile-home-trust{margin:0 16px 32px;padding:17px 14px;border:1px solid rgba(39,85,122,.52);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(29,111,206,.12),transparent 40%),#030c15;display:flex;gap:7px;flex-wrap:wrap}.mobile-home-trust>span{padding:5px 8px;border:1px solid rgba(46,127,191,.45);border-radius:999px;color:#62cfff;font-size:8px;letter-spacing:.08em}.mobile-home-trust p{width:100%;margin:4px 0 0;color:#728ca0;font-size:10px;line-height:1.6}

  /* SERVICE */
  .mobile-service-main{background:radial-gradient(circle at 90% 5%,rgba(25,96,191,.17),transparent 28%),linear-gradient(180deg,#020811,#01050b);padding-bottom:30px}
  .mobile-service-hero{position:relative;overflow:hidden;padding:34px 18px 30px;text-align:center;border-bottom:1px solid rgba(37,77,111,.5)}
  .mobile-service-hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(40,105,165,.035) 0 1px,transparent 1px 38px);pointer-events:none}
  .mobile-service-kicker{position:relative;color:#3dbdff;font-size:9px;letter-spacing:.18em;font-weight:900}.mobile-service-hero h1{position:relative;font-size:31px;margin:10px 0 11px;letter-spacing:-.045em}.mobile-service-hero h1 b{color:#3096ff}.mobile-service-hero p{position:relative;color:#8aa1b4;font-size:12px;line-height:1.7;margin:0}
  .mobile-service-signal{position:relative;width:180px;height:25px;margin:21px auto 0;display:flex;align-items:center;justify-content:space-between}.mobile-service-signal:before{content:"";position:absolute;left:8px;right:8px;top:12px;height:1px;background:linear-gradient(90deg,transparent,#1a72d3,#55d4ff,#1a72d3,transparent);box-shadow:0 0 8px rgba(47,176,255,.36)}.mobile-service-signal span{position:relative;width:7px;height:7px;border-radius:50%;background:#45caff;box-shadow:0 0 11px #249cff}.mobile-service-signal i{position:absolute;left:50%;top:3px;width:19px;height:19px;border-radius:50%;border:1px solid #61d6ff;transform:translateX(-50%);box-shadow:0 0 14px rgba(58,189,255,.3)}
  .mobile-service-list{display:grid;gap:13px;padding:20px 16px}
  .mobile-service-card{overflow:hidden;border:1px solid rgba(41,88,126,.62);border-radius:14px;background:linear-gradient(180deg,#06131f,#030a12);box-shadow:0 15px 30px rgba(0,0,0,.22)}
  .mobile-service-card-media{position:relative;height:142px;overflow:hidden}.mobile-service-card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(3,10,18,.76))}.mobile-service-card-media img{display:block;width:100%;height:100%;object-fit:cover}.mobile-service-card-media>span{position:absolute;z-index:2;left:14px;bottom:11px;color:#61d6ff;font-size:18px;font-weight:900;letter-spacing:.08em;text-shadow:0 0 12px rgba(49,181,255,.55)}
  .mobile-service-card-copy{padding:15px 16px 17px}.mobile-service-card-copy small{color:#2b9fff;font-size:8px;letter-spacing:.14em;font-weight:900}.mobile-service-card-copy h2{font-size:19px;margin:6px 0 7px;letter-spacing:-.035em}.mobile-service-card-copy p{margin:0;color:#7d94a7;font-size:11px;line-height:1.65}
  .mobile-service-footer{margin:4px 16px 0;padding:20px 16px;border:1px solid rgba(40,91,132,.6);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(28,121,220,.14),transparent 40%),linear-gradient(180deg,#06131f,#030a12)}
  .mobile-service-footer>div:first-child small{color:#42bfff;font-size:8px;letter-spacing:.17em;font-weight:900}.mobile-service-footer h2{font-size:22px;margin:7px 0 6px}.mobile-service-footer h2 b{color:#3199ff}.mobile-service-footer p{margin:0;color:#758da0;font-size:10px}.mobile-service-actions{display:grid;gap:9px;margin-top:17px}

  /* Shared functional pages */
  .chatda-functional-shell>.page{width:100%!important;max-width:none!important;padding:25px 15px 52px!important}
  .section-title{font-size:30px!important;line-height:1.2;margin:0 0 20px!important;letter-spacing:-.04em}
  .panel,.card{border-radius:12px;padding:17px}
  .form-layout,.two,.hub-grid,.service-row,.case58-layout{grid-template-columns:1fr!important;gap:12px!important}
  .form-layout{display:grid!important}.form-layout>aside{order:-1}
  .request-title-image-wrap{margin-bottom:16px!important}.request-title-image{width:min(100%,430px)!important}
  .request62-side{padding:19px 17px!important}.request62-side h3{font-size:18px}.request62-side-points{margin-top:14px}.request62-lookup-cta{margin-top:16px}
  .field{margin-bottom:14px}.field label{font-size:13px}.field input,.field textarea,.field select{font-size:16px!important;padding:13px!important;min-height:48px}.field textarea{min-height:155px}
  .password-wrap input{padding-right:56px!important}
  .contact-grid{grid-template-columns:1fr 1fr!important;gap:8px}.contact-grid button{min-height:46px;font-size:12px}.contact-grid button:last-child{grid-column:1/-1}
  .btn{min-height:49px;padding:12px 16px;font-size:13px}

  /* Completion / lookup */
  .request58-complete{width:100%!important;max-width:none!important;padding:28px 17px!important;border-radius:13px!important}
  .request58-complete h1{font-size:24px!important;line-height:1.35!important;word-break:keep-all}.request58-complete>p{font-size:12px!important}
  .request58-id{grid-template-columns:1fr auto!important;gap:8px!important;padding:14px!important}.request58-id>span{grid-column:1/-1!important}.request58-id strong{font-size:22px!important;min-width:0;overflow-wrap:anywhere}.request58-id button{min-width:65px!important}
  .request58-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.request58-actions .btn,.request58-home{width:100%!important;min-height:49px!important;display:flex!important;align-items:center!important;justify-content:center!important}
  .request58-note{font-size:9px!important;line-height:1.65!important}

  /* Individual request room */
  .case60-title-row{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:12px!important}.case60-title-row .section-title{margin-bottom:0!important}.case60-top-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important}.case60-top-actions .btn{padding:10px 8px!important;font-size:11px!important}
  .case58-timeline{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important}.case58-step{min-width:0!important}.case58-step:after{display:none!important}
  .case58-summary,.case58-chat{min-width:0!important}.case58-summary h3{overflow-wrap:anywhere}.case58-summary dl{grid-template-columns:95px minmax(0,1fr)!important}.case58-request-copy p{max-height:none!important}
  .case58-chat{min-height:470px!important}.case58-chat-head{align-items:flex-start!important}.case58-chat-head h2{font-size:18px!important}.case58-chat #msgs,.admin62-msgs{max-height:310px!important}.msg{max-width:92%!important;overflow-wrap:anywhere}
  .chat-input{display:grid!important;grid-template-columns:1fr!important}.chat-input .btn{width:100%!important}
  .case60-contact-card{width:calc(100vw - 26px)!important;max-width:none!important;max-height:calc(100vh - 26px)!important;overflow-y:auto!important;padding:21px 16px!important}
  .case60-live-toast{left:13px!important;right:13px!important;width:auto!important;bottom:14px!important}

  /* Information hub */
  .hub42-page,.guide42-page{width:100%!important;overflow:hidden}
  .hub42-page .hub50-hero,.hub42-hero{height:auto!important;min-height:0!important;display:block!important;padding:29px 17px 23px!important}
  .hub42-hero-copy{padding-left:0!important}.hub42-page .hub42-hero-copy h1{font-size:35px!important}.hub42-page .hub42-hero-copy p{font-size:13px!important;max-width:none!important}.hub50-microtags{gap:6px!important;margin-top:14px!important}.hub50-microtags span{height:27px!important;padding:0 9px!important;font-size:8px!important}
  .hub42-intel,.hub50-intel{display:none!important}
  .hub42-layout{display:grid!important;grid-template-columns:1fr!important;gap:13px!important;padding:14px 12px 30px!important}
  .hub42-board{min-height:0!important;padding:18px 14px 14px!important}.hub42-board-head{align-items:flex-start!important;gap:12px!important}.hub42-board-head h2{font-size:25px!important}.hub42-write{height:43px!important;padding:0 12px!important;font-size:12px!important;white-space:nowrap}
  .hub42-tools{height:auto!important;display:grid!important;gap:10px!important;padding:13px 0!important}.hub42-tabs{width:100%;overflow-x:auto;gap:5px!important;padding-bottom:2px}.hub42-tabs button{height:37px!important;flex:0 0 auto;font-size:11px!important;padding:0 12px!important}.hub42-search{width:100%!important;height:43px!important}.hub42-search input{font-size:13px!important}
  .hub42-row{grid-template-columns:67px minmax(0,1fr) 16px!important;min-height:76px!important;padding:9px 0!important}.hub42-cat{min-width:55px!important;font-size:10px!important;padding:6px 7px!important}.hub42-row-title{font-size:13px!important;line-height:1.4!important;word-break:break-word}.hub42-row-meta{font-size:9px!important;gap:8px!important;flex-wrap:wrap}.hub42-arrow{font-size:22px!important}
  .hub42-board-foot{align-items:flex-start!important;flex-wrap:wrap!important;font-size:9px!important;line-height:1.55}.hub42-more{width:100%;margin:4px 0 0!important;text-align:center}
  .hub42-side{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.hub42-guide-card,.hub42-trends{padding:18px 16px!important}.hub42-guide-card h3{font-size:22px!important;max-width:none!important}.hub42-guide-rule{font-size:11px!important}.hub42-trends li{font-size:12px!important;height:42px!important}
  .hub-compose{padding:0!important;align-items:flex-end!important}.hub-compose-card{width:100%!important;max-width:none!important;max-height:92vh!important;overflow-y:auto!important;border-radius:18px 18px 0 0!important;padding:24px 16px 20px!important}.hub-compose-card .two{display:grid!important}.hub58-detail-wrap{padding:22px 14px 50px!important}.hub58-detail-card{padding:20px 16px!important}.hub58-detail-card h1{font-size:25px!important}.hub58-detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.hub58-detail-actions>*{width:100%!important}

  /* Guide */
  .guide42-stage{min-height:0!important}.guide42-page .guide42-hero{height:auto!important;display:block!important;padding:28px 17px 19px!important}.guide42-copy{padding:0!important;text-align:left}.guide42-page .guide42-copy h1{font-size:35px!important}.guide42-page .guide42-copy p{font-size:13px!important;max-width:none!important}.guide42-flow-visual{display:none!important}
  .guide42-main-grid{display:grid!important;grid-template-columns:1fr!important;gap:11px!important;padding:13px 12px 0!important}.guide42-panel{min-height:0!important;padding:18px 16px!important}.guide42-page .guide42-panel h2{font-size:21px!important}.guide42-page .guide42-item{margin:13px 0!important}.guide42-page .guide42-item b{font-size:13px!important}.guide42-page .guide42-item small{font-size:10px!important;line-height:1.45}.guide42-privacy-body{grid-template-columns:1fr!important;gap:13px!important}.guide42-lock-orbit{margin:auto!important}.guide42-page .guide42-privacy-body p b{font-size:12px!important}.guide42-page .guide42-privacy-body p small{font-size:9px!important}.guide42-panel.notices p{font-size:11px!important}
  .guide42-faq{display:grid!important;grid-template-columns:1fr!important;gap:7px!important;margin:11px 12px 0!important;padding:16px 13px!important}.guide42-faq-col{padding-top:0!important}.guide42-page .guide42-faq h2{font-size:20px!important}.guide42-page .guide42-faq button{height:auto!important;min-height:45px!important;padding:10px 12px!important;font-size:11px!important;line-height:1.45!important}.guide61-faq-item>p{font-size:10px!important;line-height:1.65!important}.guide42-safe-copy{height:auto!important;border-left:0!important;border-top:1px solid rgba(37,75,109,.38);padding:14px 0 2px!important}.guide42-mini-dossier{width:43px!important;height:43px!important}.guide42-page .guide42-safe-copy p{font-size:10px!important}.guide42-page .guide42-safe-copy b{font-size:16px!important}
  .guide42-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important;margin:10px 12px 25px!important}.guide42-page .guide42-actions a{height:61px!important;grid-template-columns:36px minmax(0,1fr) 20px!important;padding:0 14px!important}.guide42-actions small{display:none!important}.guide42-page .guide42-actions strong{font-size:15px!important}.guide42-actions a>b{grid-column:3!important}

  /* Administrator phone operation */
  #adminApp{width:100%!important;max-width:none!important;padding:13px 10px 44px!important}
  #adminApp>.panel[style]{margin-top:28px!important;padding:20px 16px!important}
  .admin62-dashboard{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:0!important}
  .admin62-nav{position:static!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;padding:12px!important}.admin62-nav-heading{grid-column:1/-1!important}.admin62-nav .admin60-sound-controls{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr!important}.admin62-logout{grid-column:1/-1!important}.admin63-settings-nav{min-width:0!important}
  .admin62-kpis{grid-template-columns:1fr 1fr!important;gap:7px!important}.admin62-kpi:first-child{grid-column:1/-1!important}.admin62-kpi{min-height:67px!important;padding:10px!important}.admin62-kpi b{font-size:19px!important}
  .admin62-list-panel,.admin62-detail{min-width:0!important}.admin62-request-row{grid-template-columns:minmax(0,1fr) auto!important}.admin62-date-cell{max-width:105px!important;white-space:normal!important}.admin62-detail{padding:15px!important}.admin62-info-grid{grid-template-columns:1fr!important}.admin62-status-box{grid-template-columns:1fr!important}.admin62-status-box>.btn{width:100%!important}.admin62-chat-input{grid-template-columns:1fr!important}.admin62-chat-input>.btn{width:100%!important}
  .admin62-post-page{margin-top:0!important}.admin62-post-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.admin62-post-toolbar .admin60-sound-controls{display:grid!important;grid-template-columns:1fr!important}.admin62-page-title{align-items:flex-start!important;flex-direction:column!important}.admin62-post-card{padding:16px!important}.admin62-post-actions .btn{flex:1 1 45%!important}
  .admin63-settings-page{margin:0!important;padding-bottom:35px!important}.admin63-settings-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:8px!important}.admin63-settings-toolbar .admin60-sound-controls{display:grid!important;grid-template-columns:1fr!important;width:100%!important;margin:0!important}.admin63-settings-title{align-items:flex-start!important;flex-direction:column!important}.admin63-settings-title h1{font-size:27px}.admin63-settings-grid{grid-template-columns:1fr!important}.admin63-telegram-panel,.admin63-sync-panel{padding:18px 15px!important}.admin63-setting-head{grid-template-columns:45px minmax(0,1fr)!important}.admin63-telegram-icon{width:45px;height:45px}.admin63-setting-state{grid-column:1/-1;justify-self:start}.admin63-link-preview{grid-template-columns:1fr!important}.admin63-setting-actions{display:grid!important;grid-template-columns:1fr!important}.admin63-setting-actions .btn{width:100%!important}.admin63-input-prefix input{font-size:16px!important}
 }

@media (max-width:420px){
  .mobile-home-hero h1{font-size:36px}.mobile-home-hero h2{font-size:21px}
  .mobile-home-service-card{grid-template-columns:82px minmax(0,1fr) 16px;gap:9px}.mobile-home-service-image{width:82px;height:62px}.mobile-home-service-copy strong{font-size:12px}
  .case60-top-actions{grid-template-columns:1fr!important}
  .contact-grid{grid-template-columns:1fr!important}.contact-grid button:last-child{grid-column:auto}
  .hub42-board-head{display:grid!important;grid-template-columns:1fr!important}.hub42-write{width:100%!important}
}

/* =========================================================
   CHATDA V4.64 — MOBILE VISUAL SYNC PASS
   User QA fixes:
   - mobile private-request CTA no longer looks permanently pressed
   - request CTA copy uses a red-top / blue-bottom chromatic treatment
   - guide process artwork is shown in full instead of cropped vertically
   - information-hub mobile rhythm, empty state and footer alignment refined
   ========================================================= */

@media (max-width:768px){
  /* Mobile CTA: same restrained dark surface as the navigation/service cards. */
  .mobile-primary-cta{
    -webkit-tap-highlight-color:transparent;
    touch-action:manipulation;
    border-color:rgba(49,111,157,.78)!important;
    background:linear-gradient(180deg,#07131f 0%,#030a12 100%)!important;
    box-shadow:inset 0 1px 0 rgba(100,205,255,.045),0 10px 24px rgba(0,0,0,.18)!important;
    transition:border-color .16s ease,background .16s ease,transform .12s ease,box-shadow .16s ease;
  }
  .mobile-primary-cta strong{
    color:#fff;
    background:none;
    -webkit-text-fill-color:currentColor;
    font-weight:900;
    letter-spacing:-.025em;
    text-shadow:none;
  }
  .mobile-primary-cta:active{
    transform:translateY(1px);
    border-color:rgba(75,177,235,.92)!important;
    background:linear-gradient(180deg,#081827 0%,#04101b 100%)!important;
    box-shadow:inset 0 0 18px rgba(24,135,222,.09)!important;
  }

  /* Guide: retain the complete artwork and let the card grow with its true ratio. */
  .guide42-page .guide50-process-scene{
    gap:12px!important;
  }
  .guide42-page .guide50-process-card{
    height:auto!important;
    min-height:0!important;
    padding:55px 9px 9px!important;
    overflow:hidden!important;
  }
  .guide42-page .guide50-step-image,
  .guide42-page .guide50-process-card.step-1 .guide50-step-image,
  .guide42-page .guide50-process-card.step-2 .guide50-step-image,
  .guide42-page .guide50-process-card.step-3 .guide50-step-image{
    position:relative!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:auto!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    object-fit:contain!important;
    object-position:center center!important;
    border-radius:12px!important;
    background:linear-gradient(180deg,rgba(4,14,25,.94),rgba(2,9,17,.96))!important;
    filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))!important;
  }

  /* Information hub: one mobile grid, matching gutters and compact empty state. */
  .hub42-page .hub50-hero,
  .hub42-page .hub42-hero{
    padding:24px 16px 20px!important;
  }
  .hub42-page .hub42-hero-copy h1{
    margin:8px 0 10px!important;
    font-size:33px!important;
    line-height:1.08!important;
  }
  .hub42-page .hub42-hero-copy p{
    font-size:12px!important;
    line-height:1.62!important;
  }
  .hub42-page .hub50-microtags{
    margin-top:13px!important;
    gap:6px!important;
  }
  .hub42-page .hub50-microtags span{
    height:25px!important;
    padding:0 9px!important;
    font-size:7px!important;
  }
  .hub42-page .hub42-layout{
    gap:11px!important;
    padding:12px 10px 28px!important;
  }
  .hub42-page .hub42-board{
    min-height:0!important;
    padding:16px 12px 13px!important;
    border-radius:12px!important;
  }
  .hub42-page .hub42-board-head{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    align-items:stretch!important;
    padding-bottom:13px!important;
  }
  .hub42-page .hub42-section-kicker{
    font-size:9px!important;
    letter-spacing:.16em!important;
  }
  .hub42-page .hub42-board-head h2{
    margin:7px 0 0!important;
    font-size:24px!important;
    line-height:1.16!important;
  }
  .hub42-page .hub42-write{
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    padding:0 14px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
  .hub42-page .hub42-write span{
    margin:0!important;
    font-size:23px!important;
    line-height:1!important;
  }
  .hub42-page .hub42-tools{
    height:auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:9px!important;
    padding:12px 0 13px!important;
  }
  .hub42-page .hub42-tabs{
    width:100%!important;
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    overflow:visible!important;
    padding:0!important;
  }
  .hub42-page .hub42-tabs button{
    width:100%!important;
    min-width:0!important;
    height:36px!important;
    padding:0 3px!important;
    font-size:10px!important;
    white-space:nowrap!important;
  }
  .hub42-page .hub42-search{
    width:100%!important;
    height:43px!important;
    border-radius:8px!important;
  }
  .hub42-page .hub42-list{
    min-height:0!important;
  }
  .hub42-page .hub58-empty{
    min-height:210px!important;
    padding:20px 6px!important;
  }
  .hub42-page .hub58-empty-icon{
    width:50px!important;
    height:50px!important;
    margin-bottom:12px!important;
    font-size:23px!important;
  }
  .hub42-page .hub58-empty b{
    font-size:15px!important;
    line-height:1.45!important;
  }
  .hub42-page .hub58-empty p{
    margin-top:6px!important;
    font-size:10px!important;
    line-height:1.5!important;
  }
  .hub42-page .hub42-board-foot{
    display:grid!important;
    grid-template-columns:25px minmax(0,1fr)!important;
    align-items:start!important;
    gap:9px 8px!important;
    padding-top:13px!important;
    font-size:9px!important;
    line-height:1.55!important;
  }
  .hub42-page .hub42-shield-mini{
    grid-column:1!important;
    grid-row:1!important;
    width:22px!important;
    height:25px!important;
    margin-top:1px!important;
  }
  .hub42-page .hub42-board-foot>span:not(.hub42-shield-mini){
    grid-column:2!important;
    grid-row:1!important;
    min-width:0!important;
  }
  .hub42-page .hub42-more{
    grid-column:1/-1!important;
    grid-row:2!important;
    width:100%!important;
    min-height:46px!important;
    margin:2px 0 0!important;
    padding:0 13px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    text-align:left!important;
    border-radius:8px!important;
  }
  .hub42-page .hub42-side{
    gap:10px!important;
  }
  .hub42-page .hub42-guide-card,
  .hub42-page .hub42-trends{
    padding:17px 15px!important;
    border-radius:12px!important;
  }
}

@media (hover:hover) and (max-width:768px){
  .mobile-primary-cta:hover{
    border-color:rgba(71,167,224,.9)!important;
    background:linear-gradient(180deg,#081725 0%,#04101b 100%)!important;
    box-shadow:inset 0 1px 0 rgba(111,216,255,.07),0 12px 28px rgba(0,0,0,.22)!important;
  }
}

@media (max-width:360px){
  .hub42-page .hub42-board-head h2{font-size:22px!important}
  .hub42-page .hub42-tabs button{font-size:9px!important}
}


/* =========================================================
   CHATDA V4.65 — PRIVATE MENU TARGET FIX
   User QA correction:
   - the red-top / blue-bottom treatment belongs to the hamburger
     menu item "비공개 의뢰하기", not the page CTA
   - hamburger request row now uses the same surface/rhythm as the
     three menu rows above it instead of looking permanently pressed
   - INFO HUB private-request copy receives the same chromatic text cue
   ========================================================= */

/* V4.68: private-request copy uses luminous blue letterforms only. */
.private-effect-copy{
  display:inline-block;
  color:#8bdcff;
  background:none;
  -webkit-text-fill-color:#8bdcff;
  font-style:normal;
  font-weight:900;
  text-shadow:0 0 2px rgba(194,241,255,.95),0 0 7px rgba(70,202,255,.88),0 0 14px rgba(20,132,255,.64),0 0 24px rgba(10,79,234,.34);
}

/* Desktop/shared header plain navigation copy, including INFO HUB. */
.v439-global-header .web-nav .private-menu-link .private-effect-copy{
  font-weight:700;
  letter-spacing:.03em;
}

/* INFO HUB footer/private hand-off link. */
.hub58-private-link .private-effect-copy{
  font-weight:850;
}

@media (max-width:768px){
  /* V4.64 targeted the page CTA by mistake. Restore the approved V4.63 CTA. */
  .mobile-primary-cta{
    border-color:rgba(42,151,244,.82)!important;
    background:linear-gradient(135deg,#0c4e93,#082759)!important;
    box-shadow:0 10px 24px rgba(0,67,166,.16)!important;
  }
  .mobile-primary-cta strong{
    color:#fff!important;
    background:none!important;
    -webkit-background-clip:border-box!important;
    background-clip:border-box!important;
    -webkit-text-fill-color:currentColor!important;
    text-shadow:none!important;
    font-weight:900;
  }
  .mobile-primary-cta:active{
    transform:translateY(1px);
    border-color:rgba(75,177,235,.92)!important;
    background:linear-gradient(135deg,#0c4e93,#082759)!important;
    box-shadow:inset 0 0 18px rgba(24,135,222,.09),0 10px 24px rgba(0,67,166,.12)!important;
  }

  /* Hamburger 04 row: identical surface geometry to 01–03. */
  .mobile-nav-panel .mobile-nav-request{
    margin-top:0!important;
    border:0!important;
    border-bottom:1px solid rgba(33,69,99,.48)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-nav-panel .mobile-nav-request:hover{
    background:linear-gradient(90deg,rgba(15,78,134,.18),transparent)!important;
  }
  .mobile-nav-panel .mobile-nav-request.active{
    background:linear-gradient(90deg,rgba(15,78,134,.18),transparent)!important;
  }
  .mobile-nav-panel .mobile-nav-request .private-effect-copy{
    justify-self:start;
    font-size:14px;
    line-height:1.25;
    letter-spacing:-.01em;
  }
}

/* =========================================================
   CHATDA V4.66 — FINAL QA VISUAL + ADMIN ACCOUNT MANAGEMENT
   - desktop primary nav request item uses the same typography as other menus
   - guide privacy sentence has intentional mobile wrapping
   - mobile private/Telegram CTA headline scales are matched
   - super-admin account manager styles
   ========================================================= */

/* The PRIMARY desktop menu is plain navigation. Special chromatic treatment
   remains only on mobile hamburger 04 and the information-hub hand-off link. */
.v439-global-header .web-nav>a:not(.nav-tg):not(.nav-request){
  font-weight:700!important;
}

@media (max-width:768px){
  /* Keep the two contact actions at one visual type scale. */
  .mobile-primary-cta strong,
  .mobile-telegram-cta strong{
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .mobile-telegram-cta span{gap:3px!important}

  /* Avoid the accidental '관리됩니 / 다' third-line break. */
  .guide42-safe-copy .guide-safe-manage{
    display:block!important;
    white-space:nowrap!important;
  }
  .guide42-page .guide42-safe-copy b{
    line-height:1.35!important;
    word-break:keep-all!important;
  }
}

/* V4.66 administrator accounts */
.admin66-accounts-page{max-width:1180px;margin:0 auto;padding-bottom:50px}
.admin66-accounts-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px}
.admin66-accounts-toolbar .admin60-sound-controls{margin-left:auto}
.admin66-accounts-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}
.admin66-accounts-title h1{margin:4px 0 5px;font-size:34px;letter-spacing:-.04em}
.admin66-accounts-title p{margin:0;color:#7992a7;font-size:13px}
.admin66-accounts-grid{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(520px,1.42fr);gap:14px;align-items:start}
.admin66-create-panel,.admin66-list-panel{padding:22px}
.admin66-create-panel h2,.admin66-list-panel h2{margin:5px 0 18px;font-size:23px;letter-spacing:-.03em}
.admin66-create-panel .field small{display:block;margin-top:6px;color:#67849a;font-size:10px}
.admin66-create-btn{width:100%}
.admin66-account-note{margin-top:18px;padding:13px 14px;border:1px solid rgba(45,101,144,.45);border-radius:10px;background:rgba(7,24,39,.62)}
.admin66-account-note b{color:#72d4ff;font-size:11px}
.admin66-account-note p{margin:5px 0 0;color:#718ba0;font-size:10px;line-height:1.6}
.admin66-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:10px}
.admin66-list-head h2{margin-bottom:0}.admin66-list-head>span{font-size:11px;color:#7690a5}.admin66-list-head>span b{color:#65cfff;font-size:15px}
.admin66-account-list{display:grid;gap:8px}
.admin66-account-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:11px 12px;border:1px solid rgba(38,83,116,.62);border-radius:11px;background:linear-gradient(180deg,rgba(5,17,29,.96),rgba(3,10,18,.96))}
.admin66-account-row.super{border-color:rgba(42,137,203,.68);box-shadow:inset 0 0 18px rgba(24,110,179,.055)}
.admin66-account-avatar{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;border:1px solid rgba(54,139,198,.64);background:#071827;color:#5dd0ff;font-weight:900}
.admin66-account-main{min-width:0}.admin66-account-main>div{display:flex;align-items:center;gap:8px;min-width:0}.admin66-account-main strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin66-account-main small{display:block;margin-top:5px;color:#627d91;font-size:9px;line-height:1.45}
.admin66-role{padding:3px 7px;border-radius:999px;border:1px solid rgba(52,117,162,.52);color:#84a4ba;font-size:8px;white-space:nowrap}.admin66-role.super{border-color:rgba(43,159,229,.72);color:#64d4ff;background:rgba(21,102,164,.12)}
.admin66-protected{color:#71899b;font-size:9px;white-space:nowrap}.admin66-delete-admin{min-height:36px!important;padding:7px 12px!important;font-size:10px!important}
.admin66-accounts-nav span{margin-right:5px;color:#65ceff}

@media (max-width:768px){
  .admin66-accounts-page{padding:4px 0 35px}
  .admin66-accounts-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .admin66-accounts-toolbar .admin60-sound-controls{grid-column:1/-1;margin:0;display:grid!important;grid-template-columns:1fr!important}
  .admin66-accounts-title{align-items:flex-start;flex-direction:column;gap:8px}.admin66-accounts-title h1{font-size:28px}.admin66-accounts-title p{font-size:11px;line-height:1.55}
  .admin66-accounts-grid{grid-template-columns:1fr;gap:10px}.admin66-create-panel,.admin66-list-panel{padding:16px}
  .admin66-account-row{grid-template-columns:38px minmax(0,1fr);gap:10px}.admin66-account-avatar{width:38px;height:38px}.admin66-account-row>.admin66-delete-admin,.admin66-account-row>.admin66-protected{grid-column:2;justify-self:start}
  .admin66-delete-admin{width:100%}.admin66-list-head{align-items:flex-start}
}


/* =========================================================
   CHATDA V4.67 — VERIFIED VISUAL FIX
   2026-08-12 external-video QA:
   - desktop primary "비공개 의뢰하기" is a normal menu item
   - privacy sentence can never split "관리됩니다." mid-word
   - mobile private / Telegram action headlines share one scale
   ========================================================= */

/* Desktop primary request link: same visual grammar as 서비스/정보허브/이용안내.
   The separate right-side request CTA remains a button by design. */
.v439-global-header .web-nav .nav-main-request:not(.active),
.v440-approved-inner .web-nav .nav-main-request:not(.active){
  color:#e8eef7!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:0 2px 10px #000!important;
  font-weight:650!important;
}
.v439-global-header .web-nav .nav-main-request:not(.active)::before,
.v440-approved-inner .web-nav .nav-main-request:not(.active)::before{
  content:none!important;
  display:none!important;
}

/* Guide safe-copy: intentionally keep the entire bold sentence on one line.
   Font size is bounded so it fits the narrow desktop side card as well. */
.guide42-page .guide42-safe-copy .guide-safe-sentence{
  display:inline-block!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:18px!important;
  line-height:1.3!important;
  letter-spacing:-.035em!important;
}

@media (max-width:768px){
  .mobile-home-actions .mobile-primary-cta strong,
  .mobile-home-actions .mobile-telegram-cta strong,
  .mobile-service-actions .mobile-primary-cta strong,
  .mobile-service-actions .mobile-telegram-cta strong,
  .mobile-primary-cta strong,
  .mobile-telegram-cta strong{
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
  .guide42-page .guide42-safe-copy .guide-safe-sentence{
    font-size:16px!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
  }
}


/* =========================================================
   CHATDA V4.68 — BLUE TEXT GLOW FINAL
   2026-08-12 user feedback:
   - retire red/white/blue chromatic private-copy treatment
   - no separate glowing dot/orb before the private-request copy
   - make the copy itself emit a restrained electric-blue glow
   - lock the guide privacy sentence into an intentional two-line rhythm
   ========================================================= */

/* The special private-request cue now lives in the GLYPHS themselves.
   No gradient fill, no pseudo-dot, no leading glow object. */
.private-effect-copy{
  display:inline-block!important;
  color:#8bdcff!important;
  background:none!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#8bdcff!important;
  font-style:normal!important;
  font-weight:900!important;
  text-shadow:
    0 0 2px rgba(194,241,255,.95),
    0 0 7px rgba(70,202,255,.88),
    0 0 14px rgba(20,132,255,.64),
    0 0 24px rgba(10,79,234,.34)!important;
  filter:none!important;
}
.private-effect-copy::before,
.private-effect-copy::after,
.mobile-nav-request .private-effect-copy::before,
.mobile-nav-request .private-effect-copy::after,
.hub58-private-link .private-effect-copy::before,
.hub58-private-link .private-effect-copy::after{
  content:none!important;
  display:none!important;
  box-shadow:none!important;
  background:none!important;
}

/* INFO HUB hand-off: keep the button itself understated; only the copy glows. */
.hub58-private-link{
  box-shadow:none!important;
}
.hub58-private-link .private-effect-copy{
  color:#8bdcff!important;
  -webkit-text-fill-color:#8bdcff!important;
  font-weight:850!important;
}

/* Mobile hamburger 04 keeps the same row surface as 01-03.
   Distinction comes only from the luminous blue letterforms. */
@media (max-width:768px){
  .mobile-nav-panel .mobile-nav-request{
    margin-top:0!important;
    border:0!important;
    border-bottom:1px solid rgba(33,69,99,.48)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-nav-panel .mobile-nav-request .private-effect-copy{
    color:#8bdcff!important;
    -webkit-text-fill-color:#8bdcff!important;
    font-size:15px!important;
    line-height:1.25!important;
    letter-spacing:-.01em!important;
  }

  /* Contact cards use one headline scale. */
  .mobile-home-actions .mobile-primary-cta strong,
  .mobile-home-actions .mobile-telegram-cta strong,
  .mobile-service-actions .mobile-primary-cta strong,
  .mobile-service-actions .mobile-telegram-cta strong,
  .mobile-primary-cta strong,
  .mobile-telegram-cta strong{
    font-size:16px!important;
    line-height:1.25!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
  }
}

/* Primary desktop navigation stays NORMAL, as requested.
   It receives only the same active-state system already used by the other menu items. */
.v439-global-header .web-nav .nav-main-request,
.v440-approved-inner .web-nav .nav-main-request{
  color:#e8eef7!important;
  background:transparent!important;
  background-image:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:currentColor!important;
  font-weight:650!important;
}

/* Intentional line break, never "관리됩니 / 다." */
.guide42-page .guide42-safe-copy .guide-safe-sentence{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  white-space:normal!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  hyphens:none!important;
  font-size:18px!important;
  line-height:1.34!important;
  letter-spacing:-.025em!important;
}
.guide42-page .guide42-safe-copy .guide-safe-sentence>span{
  display:block!important;
  white-space:nowrap!important;
}
@media (max-width:768px){
  .guide42-page .guide42-safe-copy .guide-safe-sentence{
    font-size:16px!important;
  }
}


/* =========================================================
   CHATDA V4.69 — PAGE BLUE PULSE / NAVIGATION UNIFIED
   2026-08-12 user QA:
   - ALL navigation menu items use the same visual language
   - hamburger 04 has NO private-request glow or special card treatment
   - only in-page private-request callouts receive a blue-only pulse
   - request-page title retires the red/blue image and becomes live blue neon text
   ========================================================= */

@keyframes chatdaPrivateBluePulse{
  0%,100%{
    opacity:.88;
    filter:brightness(.94) drop-shadow(0 0 1px rgba(97,216,255,.26));
  }
  45%{
    opacity:1;
    filter:
      brightness(1.22)
      drop-shadow(0 0 4px rgba(105,221,255,.82))
      drop-shadow(0 0 10px rgba(39,164,255,.58));
  }
  58%{
    opacity:.96;
    filter:
      brightness(1.08)
      drop-shadow(0 0 3px rgba(87,211,255,.56))
      drop-shadow(0 0 7px rgba(26,132,255,.36));
  }
}

/* Only copy inside PAGE CONTENT gets the private blue pulse. */
.page-private-glow,
.mobile-primary-cta strong.page-private-glow,
.service-cta-overlay .title.page-private-glow,
.service-footer-action .title.page-private-glow,
.guide42-actions strong.page-private-glow,
.hub58-private-link .page-private-glow{
  color:#a5e8ff!important;
  -webkit-text-fill-color:#a5e8ff!important;
  background:none!important;
  background-image:none!important;
  text-shadow:
    0 0 2px rgba(221,249,255,.90),
    0 0 7px rgba(86,211,255,.78),
    0 0 15px rgba(27,139,255,.52),
    0 0 24px rgba(17,83,219,.26)!important;
  animation:chatdaPrivateBluePulse 1.9s ease-in-out infinite;
  will-change:filter,opacity;
}

/* Request-page headline: blue-only live type, no red channel and no raster title. */
.request-title-neon{
  display:inline-block!important;
  width:auto!important;
  margin:0 0 26px!important;
  padding:2px 0 5px!important;
  font-size:clamp(44px,5vw,70px)!important;
  line-height:1.05!important;
  font-weight:950!important;
  letter-spacing:-.065em!important;
  white-space:nowrap!important;
  background:linear-gradient(180deg,#f0fcff 0%,#a8eaff 24%,#55c7ff 58%,#187dff 100%)!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  color:transparent!important;
  text-shadow:none!important;
  filter:
    drop-shadow(0 0 3px rgba(121,225,255,.62))
    drop-shadow(0 0 11px rgba(38,159,255,.40));
  animation:chatdaPrivateBluePulse 1.75s ease-in-out infinite!important;
}

/* NAVIGATION IS NAVIGATION: no private-specific glow. */
.v439-global-header .web-nav .nav-main-request,
.v440-approved-inner .web-nav .nav-main-request{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  background:none!important;
  background-image:none!important;
  text-shadow:inherit;
  filter:none!important;
  animation:none!important;
}
.v439-global-header .web-nav .nav-main-request::before,
.v440-approved-inner .web-nav .nav-main-request::before{
  content:none!important;
  display:none!important;
}

/* Hamburger 04 must be structurally identical to 01–03.
   It may show the COMMON active/hover state, but no unique glow/card. */
@media (max-width:1279px){
  .mobile-nav-panel .mobile-nav-request{
    margin-top:0!important;
    min-height:58px!important;
    padding:0 8px!important;
    border:0!important;
    border-bottom:1px solid rgba(33,69,99,.48)!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .mobile-nav-panel .mobile-nav-request strong{
    display:block!important;
    justify-self:stretch!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
    background:none!important;
    background-image:none!important;
    font:inherit!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:normal!important;
    letter-spacing:normal!important;
    text-shadow:none!important;
    filter:none!important;
    animation:none!important;
    opacity:1!important;
  }
  .mobile-nav-panel .mobile-nav-request:hover,
  .mobile-nav-panel .mobile-nav-request.active{
    border-radius:0!important;
    box-shadow:none!important;
    background:linear-gradient(90deg,rgba(15,78,134,.18),transparent)!important;
  }
}

/* Do not animate the global/header private labels even if an older class survives. */
.v439-global-header .private-effect-copy,
.v440-approved-inner .private-effect-copy,
.mobile-nav-panel .private-effect-copy{
  color:inherit!important;
  -webkit-text-fill-color:currentColor!important;
  text-shadow:none!important;
  filter:none!important;
  animation:none!important;
  opacity:1!important;
}

@media (max-width:768px){
  .request-title-neon{
    max-width:100%!important;
    margin-bottom:18px!important;
    font-size:clamp(34px,10.2vw,48px)!important;
    letter-spacing:-.06em!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .page-private-glow,
  .request-title-neon{
    animation:none!important;
    opacity:1!important;
    filter:none!important;
  }
}


/* =========================================================
   CHATDA V4.70 — PERIODIC SEARCH-RADAR LOGO PULSE
   2026-08-12 restored design decision:
   - C emblem is the emission point
   - blue-only multi-direction laser/radar scan
   - short, low-luminance event roughly every 9.6s
   - no layout shift / no pointer interception
   ========================================================= */

@keyframes chatdaLogoLaserSweep{
  0%,7%,23%,100%{
    opacity:0;
    transform:rotate(-14deg) scale(.88);
  }
  9%{
    opacity:.12;
    transform:rotate(-10deg) scale(.92);
  }
  12%{
    opacity:.72;
    transform:rotate(1deg) scale(1.00);
  }
  15%{
    opacity:.92;
    transform:rotate(11deg) scale(1.035);
  }
  18%{
    opacity:.38;
    transform:rotate(19deg) scale(1.075);
  }
  21%{
    opacity:0;
    transform:rotate(25deg) scale(1.12);
  }
}

@keyframes chatdaLogoRadarRing{
  0%,8%,23%,100%{
    opacity:0;
    transform:translate(-50%,-50%) scale(.56);
  }
  10%{
    opacity:.22;
    transform:translate(-50%,-50%) scale(.66);
  }
  13%{
    opacity:.88;
    transform:translate(-50%,-50%) scale(.92);
  }
  17%{
    opacity:.48;
    transform:translate(-50%,-50%) scale(1.24);
  }
  21%{
    opacity:0;
    transform:translate(-50%,-50%) scale(1.58);
  }
}

/* Every shared upper-left logo receives the same restrained search pulse. */
.v439-global-header .approved-shared-logo-link,
.v440-approved-header .approved-shared-logo-link{
  overflow:visible!important;
  isolation:isolate;
}
.v439-global-header .approved-shared-logo-link .header-logo,
.v440-approved-header .approved-shared-logo-link .header-logo{
  position:relative!important;
  z-index:3!important;
}

/* Thin laser fan. Origin is the center of the C emblem (~16.4% of logo width). */
.v439-global-header .approved-shared-logo-link::before,
.v440-approved-header .approved-shared-logo-link::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  pointer-events:none!important;
  left:-8%!important;
  top:-102%!important;
  width:156%!important;
  height:304%!important;
  opacity:0;
  transform-origin:16.4% 50%!important;
  background:
    conic-gradient(
      from 316deg at 16.4% 50%,
      transparent 0deg 4deg,
      rgba(114,226,255,.00) 4.4deg,
      rgba(114,226,255,.76) 5.1deg,
      rgba(24,148,255,.10) 6.2deg,
      transparent 7.1deg 24deg,
      rgba(83,210,255,.00) 24.2deg,
      rgba(83,210,255,.52) 25.0deg,
      transparent 26.0deg 49deg,
      rgba(43,167,255,.00) 49.2deg,
      rgba(43,167,255,.40) 50.0deg,
      transparent 51.1deg 83deg,
      rgba(133,232,255,.00) 83.2deg,
      rgba(133,232,255,.32) 84.0deg,
      transparent 85.0deg 360deg
    )!important;
  -webkit-mask-image:radial-gradient(ellipse 76% 72% at 16.4% 50%,#000 0 14%,rgba(0,0,0,.95) 26%,rgba(0,0,0,.54) 48%,transparent 79%)!important;
  mask-image:radial-gradient(ellipse 76% 72% at 16.4% 50%,#000 0 14%,rgba(0,0,0,.95) 26%,rgba(0,0,0,.54) 48%,transparent 79%)!important;
  mix-blend-mode:screen!important;
  filter:
    drop-shadow(0 0 2px rgba(116,229,255,.72))
    drop-shadow(0 0 7px rgba(35,159,255,.34))!important;
  animation:chatdaLogoLaserSweep 9.6s cubic-bezier(.35,.05,.32,1) 1.4s infinite!important;
  will-change:transform,opacity;
}

/* Radar rings and a small electric core pulse around the C. */
.v439-global-header .approved-shared-logo-link::after,
.v440-approved-header .approved-shared-logo-link::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:2!important;
  pointer-events:none!important;
  left:16.4%!important;
  top:50%!important;
  width:21%!important;
  aspect-ratio:1/1!important;
  border-radius:50%!important;
  opacity:0;
  background:
    radial-gradient(circle,rgba(183,243,255,.24) 0 5%,rgba(59,187,255,.12) 6% 13%,transparent 14% 100%),
    repeating-radial-gradient(circle,transparent 0 22%,rgba(72,196,255,.42) 23% 25%,transparent 26% 42%)!important;
  box-shadow:
    0 0 8px rgba(70,205,255,.30),
    0 0 18px rgba(26,121,255,.18)!important;
  mix-blend-mode:screen!important;
  animation:chatdaLogoRadarRing 9.6s ease-out 1.4s infinite!important;
  will-change:transform,opacity;
}

@media (max-width:768px){
  /* Same identity on mobile, but reduce spill so the menu remains calm. */
  .v439-global-header .approved-shared-logo-link::before,
  .v440-approved-header .approved-shared-logo-link::before{
    width:146%!important;
    height:270%!important;
    top:-85%!important;
    filter:drop-shadow(0 0 2px rgba(116,229,255,.58)) drop-shadow(0 0 5px rgba(35,159,255,.24))!important;
  }
  .v439-global-header .approved-shared-logo-link::after,
  .v440-approved-header .approved-shared-logo-link::after{
    width:22%!important;
  }
}

@media (prefers-reduced-motion:reduce){
  .v439-global-header .approved-shared-logo-link::before,
  .v439-global-header .approved-shared-logo-link::after,
  .v440-approved-header .approved-shared-logo-link::before,
  .v440-approved-header .approved-shared-logo-link::after{
    animation:none!important;
    opacity:0!important;
  }
}


/* =========================================================
   CHATDA V4.72 — VIEWPORT-WIDE GLOBAL SEARCH RADAR
   FINAL VISUAL PASS
   - Origin: upper-left C emblem
   - Main direction: upper-left -> lower-right
   - Several adjacent blue/cyan search beams span the viewport
   - Quiet most of the time; a short scan event every ~10.8s
   - Pure decoration: pointer-events:none, no layout shift
   ========================================================= */

/* Retire the V4.70 logo-local pseudo effect completely. */
.v439-global-header .approved-shared-logo-link::before,
.v439-global-header .approved-shared-logo-link::after,
.v440-approved-header .approved-shared-logo-link::before,
.v440-approved-header .approved-shared-logo-link::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

.chatda-global-radar{
  --radar-x:72px;
  --radar-y:34px;
  --radar-angle:30deg;
  --radar-len:1600px;
  position:fixed;
  inset:0;
  /* Below the shared navigation/header controls so menu styling stays untouched. */
  z-index:300;
  overflow:hidden;
  pointer-events:none;
  user-select:none;
  opacity:0;
  transition:opacity .16s linear;
  mix-blend-mode:screen;
  contain:layout paint style;
}
.chatda-global-radar.ready{opacity:1}

@keyframes chatdaGlobalBeamShot{
  0%,8%,25%,100%{
    opacity:0;
    transform:rotate(calc(var(--radar-angle) + var(--beam-offset,0deg))) scaleX(.025);
  }
  10%{
    opacity:.08;
    transform:rotate(calc(var(--radar-angle) + var(--beam-offset,0deg))) scaleX(.06);
  }
  12.2%{
    opacity:var(--beam-peak,.50);
    transform:rotate(calc(var(--radar-angle) + var(--beam-offset,0deg))) scaleX(.46);
  }
  15.4%{
    opacity:var(--beam-peak,.50);
    transform:rotate(calc(var(--radar-angle) + var(--beam-offset,0deg))) scaleX(1);
  }
  18.2%{
    opacity:var(--beam-mid,.28);
    transform:rotate(calc(var(--radar-angle) + var(--beam-offset,0deg))) scaleX(1.035);
  }
  22.5%{
    opacity:0;
    transform:rotate(calc(var(--radar-angle) + var(--beam-offset,0deg))) scaleX(1.07);
  }
}

.chatda-global-radar .radar-beam{
  position:absolute;
  left:var(--radar-x);
  top:var(--radar-y);
  width:var(--radar-len);
  height:1px;
  transform-origin:0 50%;
  border-radius:999px;
  opacity:0;
  background:linear-gradient(90deg,
    rgba(196,248,255,.98) 0%,
    rgba(96,222,255,.84) 4%,
    rgba(30,163,255,.52) 24%,
    rgba(17,105,255,.25) 60%,
    rgba(13,88,220,.05) 88%,
    transparent 100%);
  box-shadow:0 0 3px rgba(155,239,255,.70),0 0 9px rgba(41,169,255,.34);
  animation:chatdaGlobalBeamShot 10.8s cubic-bezier(.24,.03,.24,1) infinite;
  will-change:transform,opacity;
}
.chatda-global-radar .beam-a{--beam-offset:-28deg;--beam-peak:.28;--beam-mid:.17;animation-delay:1.10s;height:.7px}
.chatda-global-radar .beam-b{--beam-offset:-15deg;--beam-peak:.38;--beam-mid:.23;animation-delay:1.15s}
.chatda-global-radar .beam-c{--beam-offset:0deg;--beam-peak:.74;--beam-mid:.46;animation-delay:1.20s;height:1.35px;box-shadow:0 0 4px rgba(184,246,255,.82),0 0 12px rgba(35,164,255,.42)}
.chatda-global-radar .beam-d{--beam-offset:14deg;--beam-peak:.42;--beam-mid:.26;animation-delay:1.25s}
.chatda-global-radar .beam-e{--beam-offset:28deg;--beam-peak:.31;--beam-mid:.19;animation-delay:1.30s;height:.8px}
.chatda-global-radar .beam-f{--beam-offset:42deg;--beam-peak:.22;--beam-mid:.13;animation-delay:1.35s;height:.65px}

@keyframes chatdaGlobalScanBand{
  0%,9%,25%,100%{opacity:0;transform:rotate(var(--radar-angle)) scaleX(.04)}
  12%{opacity:.05;transform:rotate(var(--radar-angle)) scaleX(.25)}
  15.5%{opacity:.22;transform:rotate(var(--radar-angle)) scaleX(1)}
  19%{opacity:.10;transform:rotate(var(--radar-angle)) scaleX(1.03)}
  23%{opacity:0;transform:rotate(var(--radar-angle)) scaleX(1.06)}
}
.chatda-global-radar .radar-band{
  position:absolute;left:var(--radar-x);top:var(--radar-y);
  width:var(--radar-len);height:44px;margin-top:-22px;
  transform-origin:0 50%;opacity:0;
  background:linear-gradient(180deg,transparent 0%,rgba(67,197,255,.018) 22%,rgba(63,194,255,.12) 48%,rgba(31,128,255,.055) 58%,transparent 100%);
  filter:blur(.35px);
  animation:chatdaGlobalScanBand 10.8s ease-out 1.18s infinite;
  will-change:transform,opacity;
}

@keyframes chatdaGlobalWave{
  0%,9%,26%,100%{opacity:0;transform:translate(-50%,-50%) scale(.3)}
  11%{opacity:.05;transform:translate(-50%,-50%) scale(.45)}
  14%{opacity:.34;transform:translate(-50%,-50%) scale(1.3)}
  19%{opacity:.17;transform:translate(-50%,-50%) scale(7.5)}
  23%{opacity:0;transform:translate(-50%,-50%) scale(12)}
}
.chatda-global-radar .radar-wave{
  position:absolute;left:var(--radar-x);top:var(--radar-y);
  width:120px;height:120px;border-radius:50%;opacity:0;
  border:1px solid rgba(96,215,255,.50);
  box-shadow:0 0 8px rgba(48,180,255,.18),inset 0 0 8px rgba(48,180,255,.08);
  animation:chatdaGlobalWave 10.8s ease-out 1.12s infinite;
  will-change:transform,opacity;
}
.chatda-global-radar .wave-b{animation-delay:1.38s;border-color:rgba(42,152,255,.33)}

@keyframes chatdaGlobalFanPulse{
  0%,9%,25%,100%{opacity:0}
  12%{opacity:.035}
  15.5%{opacity:.13}
  20%{opacity:.045}
  23%{opacity:0}
}
.chatda-global-radar .radar-fan{
  position:absolute;inset:0;opacity:0;
  background:conic-gradient(
    from calc(var(--radar-angle) + 58deg) at var(--radar-x) var(--radar-y),
    transparent 0deg 4deg,
    rgba(60,197,255,.20) 4.4deg 4.8deg,
    transparent 5.2deg 15deg,
    rgba(26,146,255,.16) 15.3deg 15.7deg,
    transparent 16deg 31deg,
    rgba(108,225,255,.26) 31.35deg 31.85deg,
    transparent 32.2deg 47deg,
    rgba(31,154,255,.15) 47.3deg 47.7deg,
    transparent 48deg 63deg,
    rgba(71,204,255,.12) 63.3deg 63.7deg,
    transparent 64deg 360deg);
  -webkit-mask-image:radial-gradient(circle at var(--radar-x) var(--radar-y),#000 0%,rgba(0,0,0,.96) 26%,rgba(0,0,0,.48) 70%,transparent 100%);
  mask-image:radial-gradient(circle at var(--radar-x) var(--radar-y),#000 0%,rgba(0,0,0,.96) 26%,rgba(0,0,0,.48) 70%,transparent 100%);
  animation:chatdaGlobalFanPulse 10.8s ease-in-out 1.16s infinite;
}

/* =========================================================
   CHATDA V4.72 — MOBILE GLOBAL RADAR VISIBILITY FIX
   - Keep the exact same global radar concept on phones.
   - Mobile browsers get their own compositing-safe rendering path.
   - The layer stays below the sticky header/menu (1000+) but above page art.
   ========================================================= */
@media (max-width:768px){
  .chatda-global-radar{
    z-index:900!important;
    mix-blend-mode:normal!important;
    contain:none!important;
    transform:translateZ(0);
    -webkit-transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    opacity:0;
  }
  .chatda-global-radar.ready{opacity:1!important}

  .chatda-global-radar .radar-beam{
    background:linear-gradient(90deg,
      rgba(220,252,255,1) 0%,
      rgba(111,228,255,.96) 4%,
      rgba(34,171,255,.72) 24%,
      rgba(16,111,255,.38) 60%,
      rgba(8,77,220,.10) 87%,
      transparent 100%);
    box-shadow:0 0 4px rgba(173,243,255,.86),0 0 11px rgba(43,174,255,.48),0 0 20px rgba(20,104,255,.18)!important;
  }
  .chatda-global-radar .beam-a{--beam-peak:.34;--beam-mid:.20}
  .chatda-global-radar .beam-b{--beam-peak:.46;--beam-mid:.29}
  .chatda-global-radar .beam-c{--beam-peak:.86;--beam-mid:.55;height:1.5px!important}
  .chatda-global-radar .beam-d{--beam-peak:.50;--beam-mid:.31}
  .chatda-global-radar .beam-e{--beam-peak:.39;--beam-mid:.23}
  .chatda-global-radar .beam-f{--beam-peak:.30;--beam-mid:.17}

  .chatda-global-radar .radar-band{
    height:40px;margin-top:-20px;
    background:linear-gradient(180deg,transparent 0%,rgba(72,205,255,.025) 20%,rgba(63,197,255,.18) 48%,rgba(35,136,255,.085) 60%,transparent 100%)!important;
  }
  .chatda-global-radar .radar-wave{
    border-color:rgba(103,224,255,.66)!important;
    box-shadow:0 0 10px rgba(48,180,255,.25),inset 0 0 9px rgba(48,180,255,.10)!important;
  }
  .chatda-global-radar .radar-fan{
    filter:brightness(1.38) saturate(1.12);
  }
}

/* Accessibility remains intentional: if the OS explicitly asks for reduced
   motion we do not run repeated sweeping animation. A faint static network
   cue remains so the brand treatment is not visually missing. */
@media (prefers-reduced-motion:reduce){
  .chatda-global-radar{display:block!important;opacity:.18!important;animation:none!important}
  .chatda-global-radar .radar-beam,
  .chatda-global-radar .radar-band,
  .chatda-global-radar .radar-wave,
  .chatda-global-radar .radar-fan{animation:none!important}
  .chatda-global-radar .beam-c{opacity:.16!important;transform:rotate(var(--radar-angle)) scaleX(.82)!important}
  .chatda-global-radar .beam-b{opacity:.07!important;transform:rotate(calc(var(--radar-angle) - 15deg)) scaleX(.65)!important}
  .chatda-global-radar .beam-d{opacity:.07!important;transform:rotate(calc(var(--radar-angle) + 14deg)) scaleX(.65)!important}
  .chatda-global-radar .radar-fan{opacity:.025!important}
}


/* =========================================================
   CHATDA V4.73 — MOBILE RADAR + SERVICE PRIVATE CTA FINAL FIX
   - Radar anchors to the visible (mobile/desktop) header logo in JS.
   - Mobile compositing gets an explicit viewport layer and stronger event.
   - Service footer private CTA participates in the same blue pulse as all
     other in-page private-request labels.
   ========================================================= */
@media (max-width:768px){
  .chatda-global-radar{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    height:100dvh!important;
    min-height:100vh!important;
    z-index:900!important;
    overflow:hidden!important;
    pointer-events:none!important;
    opacity:0!important;
    visibility:visible!important;
    mix-blend-mode:normal!important;
    contain:none!important;
  }
  .chatda-global-radar.ready{opacity:1!important;}
  .chatda-global-radar .radar-beam{
    z-index:3!important;
  }
  .chatda-global-radar .beam-c{
    --beam-peak:.98;--beam-mid:.62;
    height:1.7px!important;
    box-shadow:0 0 4px rgba(214,250,255,.96),0 0 12px rgba(56,190,255,.65),0 0 24px rgba(22,111,255,.26)!important;
  }
  .chatda-global-radar .beam-b{--beam-peak:.58;--beam-mid:.34;}
  .chatda-global-radar .beam-d{--beam-peak:.62;--beam-mid:.36;}
}

/* Legacy service footer cleanup used !important opacity/filter on every child.
   The private label is deliberately excluded above so this standard pulse is
   visible exactly like the other in-page private-request labels. */
.service-stage .service-footer-action.request .title.page-private-glow{
  color:#a5e8ff!important;
  -webkit-text-fill-color:#a5e8ff!important;
  animation:chatdaPrivateBluePulse 1.9s ease-in-out infinite!important;
  will-change:filter,opacity!important;
}


/* =========================================================
   CHATDA V4.74 — FINAL MOBILE CTA TYPOGRAPHY LOCK
   2026-08-12 final mobile QA:
   - private request / Telegram titles share one exact baseline
   - identical font metrics and horizontal rhythm
   - private glow tightened so it no longer looks optically larger
   - Telegram subtitle no longer shifts the title baseline
   ========================================================= */
@keyframes chatdaPrivateBluePulseTight{
  0%,100%{
    opacity:.91;
    filter:brightness(.97) drop-shadow(0 0 1px rgba(97,216,255,.20));
  }
  45%{
    opacity:1;
    filter:brightness(1.14) drop-shadow(0 0 3px rgba(105,221,255,.62)) drop-shadow(0 0 7px rgba(39,164,255,.40));
  }
  58%{
    opacity:.97;
    filter:brightness(1.06) drop-shadow(0 0 2px rgba(87,211,255,.42)) drop-shadow(0 0 5px rgba(26,132,255,.26));
  }
}

@media (max-width:768px){
  /* One shared geometry for both bottom contact cards. */
  .mobile-home-actions .mobile-primary-cta,
  .mobile-home-actions .mobile-telegram-cta,
  .mobile-service-actions .mobile-primary-cta,
  .mobile-service-actions .mobile-telegram-cta,
  .mobile-primary-cta,
  .mobile-telegram-cta{
    min-height:72px!important;
    grid-template-columns:36px minmax(0,1fr) 22px!important;
    padding:0 16px!important;
    column-gap:10px!important;
    align-items:center!important;
  }

  .mobile-primary-cta strong,
  .mobile-telegram-cta strong{
    display:block!important;
    margin:0!important;
    padding:0!important;
    font-size:16px!important;
    line-height:20px!important;
    font-weight:900!important;
    letter-spacing:-.025em!important;
    font-family:inherit!important;
    text-align:left!important;
    transform:none!important;
  }

  /* Telegram's optional username/helper sits below without affecting title centering. */
  .mobile-telegram-cta span{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    height:72px!important;
    gap:0!important;
    text-align:left!important;
  }
  .mobile-telegram-cta small{
    position:absolute!important;
    left:0!important;
    top:50%!important;
    margin-top:12px!important;
    max-width:100%!important;
    font-size:9px!important;
    line-height:12px!important;
  }

  /* Same icon/arrow centers. */
  .mobile-primary-cta>.mobile-lock-icon,
  .mobile-telegram-cta>svg{
    justify-self:center!important;
    align-self:center!important;
    margin:0!important;
  }
  .mobile-primary-cta>b,
  .mobile-telegram-cta>b{
    justify-self:end!important;
    align-self:center!important;
    margin:0!important;
    line-height:1!important;
  }

  /* Tight optical glow: still pulses, but no oversized fuzzy halo. */
  .mobile-primary-cta strong.page-private-glow{
    color:#a5e8ff!important;
    -webkit-text-fill-color:#a5e8ff!important;
    text-shadow:
      0 0 1px rgba(225,250,255,.78),
      0 0 5px rgba(86,211,255,.58),
      0 0 10px rgba(27,139,255,.34)!important;
    animation:chatdaPrivateBluePulseTight 1.9s ease-in-out infinite!important;
  }
}
/* CHATDA launch community — real DB activity only */
.chatda-community-live{background:#07111c;color:#eef7ff;padding:70px 24px;border-top:1px solid rgba(89,190,255,.18)}
.chatda-community-live-inner{width:min(1180px,100%);margin:auto}
.chatda-live-title small,.chatda-first-question small{color:#47c6ff;font-weight:800;letter-spacing:.16em}
.chatda-live-title h2{font-size:32px;margin:10px 0}.chatda-live-title p{color:#8ea7bb}
.chatda-live-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0}
.chatda-live-stats span{padding:18px;border:1px solid #1c3850;background:#0b1b2a;border-radius:12px;color:#91a8ba}.chatda-live-stats b{display:block;color:#fff;font-size:26px;margin-bottom:4px}
.chatda-live-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.chatda-live-card{border:1px solid #1b3850;background:#0a1927;border-radius:14px;overflow:hidden}
.chatda-live-head{display:flex;justify-content:space-between;align-items:center;padding:18px;border-bottom:1px solid #173047}.chatda-live-head h3{margin:0}.chatda-live-head a{color:#56c8ff}
.chatda-live-list a{display:grid;grid-template-columns:92px 1fr auto;gap:10px;align-items:center;padding:13px 18px;border-bottom:1px solid rgba(35,69,94,.55);color:#eaf5ff;text-decoration:none}.chatda-live-list a:hover{background:#102638}.chatda-live-list span{color:#4fc9ff;font-size:12px}.chatda-live-list small{color:#7891a4}.chatda-live-empty{padding:28px;color:#8098aa}
.chatda-first-question{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-top:18px;padding:24px;border-radius:14px;background:linear-gradient(115deg,#0f2840,#0a1825);border:1px solid #24506f}.chatda-first-question h3{font-size:23px;margin:7px 0}.chatda-first-question p{color:#9db1c1}.chatda-first-question>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.hub-answer{margin-top:32px;padding:24px;border:1px solid #1d8cb8;background:#081c28;border-radius:12px}.hub-answer small{color:#4bd1ff;letter-spacing:.12em}.hub-answer h2{margin:8px 0 15px}
@media(max-width:760px){.chatda-community-live{padding:42px 16px}.chatda-live-title h2{font-size:25px}.chatda-live-stats{grid-template-columns:repeat(2,1fr)}.chatda-live-grid{grid-template-columns:1fr}.chatda-live-list a{grid-template-columns:74px 1fr}.chatda-live-list small{display:none}.chatda-first-question{align-items:flex-start;flex-direction:column}.chatda-first-question>div:last-child{width:100%}.chatda-first-question .btn{flex:1;text-align:center}}
.chatda-realtime{position:fixed;right:22px;bottom:22px;z-index:99999;font-family:inherit}.rt-fab{border:0;border-radius:28px;background:#0e9bd5;color:#fff;box-shadow:0 12px 35px #0008;padding:11px 18px 11px 10px;display:flex;align-items:center;gap:9px;cursor:pointer}.rt-fab span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#fff;color:#0879a9;font-weight:900}.rt-fab b{font-size:14px}.rt-panel{display:none;position:absolute;right:0;bottom:64px;width:370px;height:min(610px,calc(100vh - 100px));background:#071522;border:1px solid #23506e;border-radius:16px;overflow:hidden;box-shadow:0 25px 70px #000b;color:#eaf7ff}.rt-panel.open{display:flex;flex-direction:column}.rt-panel header{display:flex;justify-content:space-between;align-items:center;padding:17px 18px;background:#0c2334;border-bottom:1px solid #1c405a}.rt-panel header small{color:#51c9ff;letter-spacing:.13em;font-size:10px}.rt-panel header h2{margin:4px 0 0;font-size:19px}.rt-panel header button{border:0;background:transparent;color:#a9c3d5;font-size:27px;cursor:pointer}.rt-state{display:flex;align-items:center;gap:7px;padding:9px 15px;background:#081b29;color:#9db2c1;font-size:12px}.rt-state i{width:7px;height:7px;border-radius:50%;background:#2ce081;box-shadow:0 0 10px #2ce081}.rt-state button{margin-left:auto;background:none;border:0;color:#62cfff;cursor:pointer}.rt-messages{flex:1;overflow:auto;padding:15px;display:flex;flex-direction:column;gap:12px}.rt-msg{max-width:86%;align-self:flex-start}.rt-msg.user{align-self:flex-end}.rt-msg small{display:block;color:#68cff8;font-size:10px;margin:0 6px 3px}.rt-msg p{margin:0;padding:10px 12px;border-radius:13px;background:#102b3d;color:#e8f5fc;font-size:13px;line-height:1.55}.rt-msg.user p{background:#0a84b8}.rt-msg time{display:block;color:#698293;font-size:9px;margin:3px 7px}.rt-compose{display:flex;gap:8px;padding:12px;border-top:1px solid #183a52}.rt-compose textarea{flex:1;resize:none;background:#0d2231;border:1px solid #254a63;color:#fff;border-radius:9px;padding:9px}.rt-compose button{border:0;border-radius:9px;background:#18aeea;color:#fff;font-weight:800;padding:0 14px}.rt-notice{margin:0;padding:0 13px 12px;color:#6f8797;font-size:9px;line-height:1.4}.rt-loading{color:#91a7b6;margin:auto;text-align:center}
.rt-handoff{display:grid;grid-template-columns:max-content 1fr 1fr;align-items:center;gap:6px;padding:9px 12px;border-top:1px solid #173b54;background:#081b29}.rt-handoff span{color:#7894a7;font-size:9px}.rt-handoff a{min-height:30px;display:flex;align-items:center;justify-content:center;border:1px solid #245676;border-radius:7px;color:#aee5ff;background:#0d2b3e;font-size:10px;font-weight:800;text-decoration:none}.rt-handoff a:last-child{border-color:#147fad;color:#fff;background:#0c719b}
@media(max-width:520px){.chatda-realtime{right:12px;bottom:12px}.rt-panel{position:fixed;inset:0;width:auto;height:auto;border-radius:0}.rt-fab{padding-right:14px}.rt-fab b{display:none}}
.rt-fab span{width:auto;min-width:36px;padding:0 6px;border-radius:16px;font-size:11px}.rt-fab b{display:block}

/* CHATDA P0 — information board responsive contract + contact CTA balance */
.hub42-page .hub42-tabs{display:flex!important;width:100%!important;min-width:0!important;gap:8px!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none!important;-webkit-overflow-scrolling:touch}
.hub42-page .hub42-tabs::-webkit-scrollbar{display:none!important}
.hub42-page .hub42-tabs button{flex:0 0 auto!important;width:auto!important;min-width:74px!important;padding-inline:16px!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important}
.hub42-page .hub42-row{grid-template-columns:max-content minmax(0,1fr) 24px!important;column-gap:16px!important}
.hub42-page .hub42-cat{width:auto!important;min-width:70px!important;max-width:none!important;padding-inline:13px!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;flex-shrink:0!important;line-height:1.2!important}
.hub42-page .hub42-row-main{min-width:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) max-content!important;align-items:center!important;column-gap:24px!important}
.hub42-page .hub42-row-title{min-width:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;word-break:keep-all!important}
.hub42-page .hub42-row-meta{margin-top:0!important;white-space:nowrap!important;flex-wrap:nowrap!important}
@media (max-width:768px){
  .hub42-page .hub42-tabs{padding:0 0 4px!important}
  .hub42-page .hub42-tabs button{min-width:78px!important;height:38px!important;padding-inline:14px!important;font-size:11px!important}
  .hub42-page .hub42-row{grid-template-columns:minmax(0,1fr) 18px!important;grid-template-areas:"category arrow" "content arrow"!important;align-items:center!important;row-gap:8px!important;column-gap:10px!important;min-height:102px!important;padding:13px 2px!important}
  .hub42-page .hub42-cat{grid-area:category!important;justify-self:start!important;min-width:64px!important;padding:7px 11px!important;font-size:11px!important}
  .hub42-page .hub42-row-main{grid-area:content!important;display:block!important;min-width:0!important}
  .hub42-page .hub42-row-title{display:block!important;white-space:normal!important;word-break:keep-all!important;overflow-wrap:break-word!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.45!important}
  .hub42-page .hub42-row-meta{display:flex!important;gap:5px 10px!important;margin-top:7px!important;white-space:normal!important;flex-wrap:wrap!important;font-size:9.5px!important}
  .hub42-page .hub42-arrow{grid-area:arrow!important;align-self:center!important}
  .mobile-telegram-cta span{height:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:4px!important}
  .mobile-telegram-cta strong{width:100%!important;text-align:left!important}
  .mobile-telegram-cta small{position:static!important;inset:auto!important;margin:0!important;width:100%!important;max-width:100%!important}
  .chatda-realtime.over-contact-cta{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(8px)!important}
  .chatda-realtime{transition:opacity .16s ease,transform .16s ease,visibility .16s ease}
}
@media (max-width:520px){.rt-fab b{display:none!important}}
@media (min-width:769px){
  .hub42-page .hub42-row{min-height:72px!important;padding-block:9px!important}
  .hub42-page .hub42-row-title{font-size:18px!important}
  .hub42-page .hub42-row-meta{font-size:12px!important;gap:14px!important}
}