:root{--pg-ink:#080d1f;--pg-muted:#5b6678;--pg-soft:#f5f6f8;--pg-line:rgba(8,13,31,.1);--pg-yellow:#ffd51f;--pg-green:#26d092;--pg-bg:#fbfaf6;--pg-shadow:0 34px 90px -58px rgba(8,13,31,.58);--pg-radius:28px}*{box-sizing:border-box}.pixgom-unified{margin:0;background:radial-gradient(circle at 18% 8%,rgba(255,213,31,.18),transparent 34%),linear-gradient(180deg,#fbfaf6 0%,#f8f6ef 100%);color:var(--pg-ink);font-family:"Pretendard","Noto Sans KR",system-ui,-apple-system,sans-serif}.pg-header{position:sticky;top:0;z-index:100;width:min(1120px,calc(100% - 64px));min-height:72px;margin:0 auto;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center;border-bottom:1px solid rgba(8,13,31,.07);background:rgba(251,250,246,.9);backdrop-filter:blur(16px)}.pg-brand{display:inline-flex;align-items:center;gap:10px;color:var(--pg-ink);text-decoration:none}.pg-brand img{width:36px;height:36px;border-radius:11px}.pg-brand strong,.pg-brand small{display:block}.pg-brand strong{font-size:18px;font-weight:950;letter-spacing:-.04em;line-height:1}.pg-brand small{margin-top:4px;color:#6b7280;font-size:11px;font-weight:800;letter-spacing:.04em}.pg-nav{display:flex;align-items:center;justify-content:center;gap:28px}.pg-nav a,.pg-login{color:#263246;font-size:14px;font-weight:850;letter-spacing:-.04em;text-decoration:none}.pg-nav a[aria-current=page]{color:#050816}.pg-header-actions{display:flex;align-items:center;gap:14px}.pg-cta,.pg-secondary,.pg-login,.pg-menu{min-height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:950;letter-spacing:-.045em;text-decoration:none}.pg-cta{padding:0 26px;border:2px solid var(--pg-ink);background:var(--pg-ink);color:#fff;box-shadow:0 6px 0 var(--pg-ink)}.pg-cta-small{min-height:42px;padding:0 18px;font-size:14px}.pg-secondary{padding:0 26px;border:2px solid var(--pg-ink);background:#fff;color:var(--pg-ink);box-shadow:0 6px 0 var(--pg-ink)}.pg-menu{display:none;border:0;background:transparent;color:var(--pg-ink);font-size:0}.pg-main{width:min(1120px,calc(100% - 64px));margin:0 auto;padding:56px 0 80px}.pg-hero{min-height:560px;display:grid;grid-template-columns:minmax(0,560px) minmax(360px,1fr);gap:70px;align-items:center}.pg-hero-no-visual{grid-template-columns:minmax(0,760px);min-height:360px}.pg-eyebrow{width:max-content;display:inline-flex;align-items:center;gap:10px;min-height:34px;margin:0 0 22px;padding:8px 15px;border:1px solid var(--pg-line);border-radius:999px;background:rgba(255,255,255,.76);box-shadow:0 14px 34px rgba(8,13,31,.08);color:#354258;font-size:13px;font-weight:850;letter-spacing:-.04em}.pg-eyebrow span{width:9px;height:9px;border-radius:999px;background:var(--pg-green);box-shadow:0 0 0 7px rgba(38,208,146,.14)}.pg-hero h1{max-width:590px;margin:0;color:var(--pg-ink);font-size:clamp(50px,5.2vw,68px);line-height:1.04;font-weight:950;letter-spacing:-.075em;word-break:keep-all}.pg-underline{display:block;width:min(390px,78%);height:14px;margin:-16px 0 28px;background:rgba(255,213,31,.74)}.pg-hero p:not(.pg-eyebrow){max-width:560px;margin:0;color:var(--pg-muted);font-size:17px;line-height:1.78;font-weight:650;word-break:keep-all}.pg-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.pg-product-visual{position:relative;height:380px}.pg-box{position:absolute;left:150px;top:56px;width:210px;height:280px;border-radius:16px;background:linear-gradient(150deg,#0b1020 0%,#171d39 60%,#080d1f 100%);box-shadow:0 42px 74px -34px rgba(8,13,31,.55);transform:rotate(-3deg) skewX(-2deg);overflow:hidden}.pg-box i{position:absolute;right:-28px;top:-28px;width:64px;height:64px;background:var(--pg-yellow);transform:rotate(45deg)}.pg-box em{position:absolute;left:24px;top:28px;color:var(--pg-yellow);font-size:11px;font-style:normal;font-weight:800;letter-spacing:.2em}.pg-box strong{position:absolute;left:24px;top:58px;color:#fff;font-size:31px;font-weight:950;letter-spacing:-.05em}.pg-box b{position:absolute;left:24px;top:104px;width:44px;height:2px;background:var(--pg-yellow)}.pg-box span{position:absolute;left:24px;top:124px;color:#d7dbea;font-size:13px;line-height:1.35}.pg-box small{position:absolute;left:24px;right:24px;bottom:22px;display:flex;justify-content:space-between;color:#8790a6;font-size:10px}.pg-box mark{background:transparent;color:#8790a6}.pg-float{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:8px;border-radius:999px;font-weight:850;letter-spacing:-.04em;box-shadow:0 18px 44px -22px rgba(8,13,31,.45)}.pg-float-bridge{left:24px;top:78px;padding:12px 18px;background:#fff;color:#475467;border:1px solid var(--pg-line)}.pg-float-bridge span{width:10px;height:10px;border-radius:50%;background:var(--pg-green);box-shadow:0 0 0 7px rgba(38,208,146,.13)}.pg-float-version{right:42px;top:48px;padding:10px 16px;background:var(--pg-yellow);color:var(--pg-ink)}.pg-float-command{right:8px;bottom:58px;padding:11px 18px;background:var(--pg-ink);color:#fff;border-radius:18px}.pg-section{margin-top:28px}.pg-section-head{margin-bottom:18px}.pg-section-head p{margin:0 0 8px;color:#667085;font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pg-section-head h2{margin:0;color:var(--pg-ink);font-size:32px;line-height:1.16;font-weight:950;letter-spacing:-.06em}.pg-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pg-card,.pg-list-card,.pg-doc-card,.pg-panel{border:1px solid var(--pg-line);border-radius:var(--pg-radius);background:rgba(255,255,255,.9);box-shadow:var(--pg-shadow)}.pg-card{min-height:190px;padding:26px}.pg-card span,.pg-list-card span{color:#667085;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.pg-card h3,.pg-list-card h2,.pg-doc-card h2{margin:14px 0 10px;color:var(--pg-ink);font-size:24px;line-height:1.18;font-weight:950;letter-spacing:-.055em}.pg-card p,.pg-list-card p,.pg-doc-card p{margin:0;color:var(--pg-muted);font-size:15px;line-height:1.7;font-weight:600}.pg-card a{display:inline-flex;margin-top:18px;color:var(--pg-ink);font-weight:950;text-decoration:none}.pg-panel{padding:30px}.pg-step-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.pg-step-list li{padding:20px;border-radius:22px;background:var(--pg-soft)}.pg-step-list span{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--pg-yellow);color:var(--pg-ink);font-weight:950}.pg-step-list strong{display:block;margin-top:16px;font-size:17px}.pg-step-list p{margin:8px 0 0;color:var(--pg-muted);font-size:14px;line-height:1.55}.pg-list{display:grid;gap:16px}.pg-list-card{padding:26px}.pg-list-card time{display:block;margin-bottom:10px;color:#8a94a6;font-size:13px;font-weight:700}.pg-doc-card{padding:36px}.pg-doc-card section+section{margin-top:28px;padding-top:28px;border-top:1px solid var(--pg-line)}.pg-status-good{color:#0b8f63;font-weight:950}.pixgom-unified.sub-page .site-header,.pixgom-unified .site-header{border-bottom:1px solid var(--pg-line);background:rgba(251,250,246,.94)}.pixgom-unified.sub-page .brand img,.pixgom-unified .site-header .brand img{border:0!important;box-shadow:none!important}.pixgom-unified.sub-page .nav-cta,.pixgom-unified .nav-cta{background:var(--pg-ink)!important;color:#fff!important;border-radius:999px!important}.pixgom-inner-reference .inner-site-header{width:min(1120px,calc(100% - 64px))!important}.pixgom-inner-reference .home-product-visual{height:220px!important}.pixgom-inner-reference .home-product-visual .product-box{transform:scale(.72)!important}.pixgom-inner-reference .auth-card{box-shadow:var(--pg-shadow)!important}.pixgom-inner-reference .inner-shortcuts{display:grid!important}.console-shell-page.pixgom-inner-reference .console-app-shell{background:transparent!important}@media(max-width:860px){.pg-header{width:100%;min-height:68px;padding:0 24px;grid-template-columns:auto 1fr auto}.pg-nav,.pg-header-actions{display:none}.pg-menu{display:inline-flex;justify-self:end;width:34px;height:28px;background:linear-gradient(var(--pg-ink),var(--pg-ink)) 0 3px/28px 3px no-repeat,linear-gradient(var(--pg-ink),var(--pg-ink)) 0 12px/28px 3px no-repeat,linear-gradient(var(--pg-ink),var(--pg-ink)) 0 21px/28px 3px no-repeat}.pg-header.is-open{grid-template-rows:auto auto}.pg-header.is-open .pg-nav{grid-column:1/-1;display:grid;gap:8px;padding:0 0 16px}.pg-main{width:100%;max-width:480px;padding:0 20px 42px}.pg-hero,.pg-hero-no-visual{min-height:auto;display:flex;flex-direction:column;gap:22px;align-items:stretch}.pg-product-visual{order:0;height:295px;margin-top:18px}.pg-box{left:130px;top:30px;width:170px;height:230px}.pg-float-bridge{left:44px;top:42px}.pg-float-version{right:40px;top:26px}.pg-float-command{right:16px;bottom:24px}.pg-hero-copy{order:1}.pg-eyebrow{margin-top:8px}.pg-hero h1{font-size:42px;line-height:1.08}.pg-hero p:not(.pg-eyebrow){font-size:17px}.pg-actions{display:grid;gap:12px}.pg-cta,.pg-secondary{width:100%;min-height:56px}.pg-card-grid,.pg-step-list{grid-template-columns:1fr}.pg-section{margin-top:28px}.pg-card,.pg-list-card,.pg-doc-card,.pg-panel{border-radius:26px}.pg-doc-card{padding:24px}.pixgom-inner-reference .inner-site-header{width:100%!important}.pixgom-inner-reference .home-product-visual{height:178px!important;margin-top:10px!important}.pixgom-inner-reference .home-product-visual .visual-stage{height:178px!important}.pixgom-inner-reference .home-product-visual .product-box{transform:scale(.58)!important}.pixgom-inner-reference .home-product-visual .float-label.bridge{left:22px!important;top:10px!important}.pixgom-inner-reference .home-product-visual .float-label.version{right:28px!important;top:8px!important}.pixgom-inner-reference .home-product-visual .float-label.reply{right:22px!important;bottom:10px!important}.pixgom-inner-reference .inner-hero-copy h1,.pixgom-inner-reference .inner-console-hero h1{font-size:38px!important;line-height:1.1!important}.pixgom-inner-reference .auth-card{margin-top:0!important}.pixgom-inner-reference .inner-shortcuts{grid-template-columns:1fr!important}}@media(max-width:430px){.pg-main{padding-left:16px;padding-right:16px}.pg-brand small{display:none}.pg-hero h1{font-size:39px}.pg-product-visual{height:275px}.pg-box{left:126px;transform:rotate(-3deg) skewX(-2deg) scale(.92);transform-origin:top left}.pg-float-command{right:0}.pg-card{padding:22px}}


/* PIXGOM home source-of-truth parity v15 */
:root {
  --pg-bg: #faf8f3;
  --pg-ink: #0b1020;
  --pg-muted: #62748e;
  --pg-muted-strong: #45556c;
  --pg-yellow: #ffd400;
  --pg-green: #00bc7d;
  --pg-line: rgba(0, 0, 0, .05);
  --pg-line-strong: rgba(11, 16, 32, .15);
  --pg-white: #fff;
}
.pixgom-unified,
.pixgom-static-page,
body.auth-page.pixgom-unified,
body.console-shell-page.pixgom-unified,
body.sub-page.pixgom-unified {
  background: var(--pg-bg) !important;
  color: var(--pg-ink) !important;
  font-family: Pretendard, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", system-ui, -apple-system, BlinkMacSystemFont, sans-serif !important;
  letter-spacing: -0.025em;
}
.pg-header,
.inner-site-header,
.pixgom-unified .site-header {
  position: sticky !important;
  top: 0 !important;
  z-index: 100 !important;
  width: 100% !important;
  min-height: 64px !important;
  display: flex !important;
  justify-content: center !important;
  border-bottom: 1px solid var(--pg-line) !important;
  background: rgba(250, 248, 243, .92) !important;
  backdrop-filter: blur(18px);
  box-shadow: none !important;
}
.pg-header-inner,
.inner-site-header,
.pixgom-unified .site-header .nav-shell {
  width: min(1200px, 100%) !important;
  min-height: 64px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}
.pg-brand,
.inner-site-brand,
.pixgom-unified .site-header .brand,
.pixgom-unified .mk-brand.auth-brand,
.pixgom-unified .inner-console-brand {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: var(--pg-ink) !important;
  text-decoration: none !important;
}
.pg-brand img,
.inner-site-brand img,
.pixgom-unified .site-header .brand img,
.pixgom-unified .mk-brand.auth-brand img,
.pixgom-unified .inner-console-brand img {
  width: 26px !important;
  height: 26px !important;
  flex: 0 0 26px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  box-shadow: none !important;
  object-fit: contain !important;
}
.pg-brand strong,
.inner-site-brand strong,
.pixgom-unified .site-header .brand span,
.pixgom-unified .mk-brand.auth-brand span,
.pixgom-unified .inner-console-brand strong {
  display: block !important;
  color: var(--pg-ink) !important;
  font-size: 15px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
}
.pg-brand small,
.inner-site-brand small,
.pixgom-unified .site-header .brand small,
.pixgom-unified .mk-brand.auth-brand small,
.pixgom-unified .inner-console-brand small {
  display: inline-block !important;
  margin: 0 0 0 4px !important;
  color: var(--pg-muted) !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-weight: 500 !important;
}
.pg-nav,
.inner-site-nav,
.pixgom-unified .site-header .nav-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
}
.pg-nav a,
.inner-site-nav a,
.pixgom-unified .site-header .nav-links a:not(.nav-cta),
.pg-login,
.pixgom-unified .site-header .nav-login {
  min-height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #314158 !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  line-height: 19.5px !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.pg-login,
.pixgom-unified .site-header .nav-login {
  min-height: 34px !important;
  padding: 0 16px !important;
  border-radius: 999px !important;
  background: var(--pg-ink) !important;
  color: #fff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.pg-menu { display: none; }
.pg-main {
  width: min(1200px, 100%);
  margin: 0 auto;
  padding: 32px 40px 96px;
}
.pg-hero {
  position: relative;
  min-height: 420px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(440px, 1fr);
  gap: 56px;
  align-items: center;
}
.pg-hero.pg-compact {
  min-height: 300px;
  grid-template-columns: minmax(0, 720px);
}
.pg-copy { max-width: 520px; }
.pg-eyebrow,
.inner-kicker,
.pg-status-pill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 28px !important;
  margin: 0 0 16px !important;
  padding: 6px 11px !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .86) !important;
  color: #314158 !important;
  box-shadow: 0 6px 10px rgba(15, 23, 42, .08) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
}
.pg-eyebrow span,
.inner-kicker span,
.pg-status-dot {
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--pg-green) !important;
  box-shadow: 0 0 0 6px rgba(0, 212, 146, .16) !important;
}
.pg-copy h1,
.pg-section-head h1,
.pg-section-head h2,
.pg-list-hero h1,
.pg-doc-hero h1,
.inner-hero-copy h1,
.inner-console-hero h1,
.pixgom-unified .auth-card h1,
.pixgom-unified .console-login-panel h1 {
  margin: 0 !important;
  color: var(--pg-ink) !important;
  font-size: clamp(42px, 4.25vw, 56px) !important;
  line-height: 1.1 !important;
  font-weight: 900 !important;
  letter-spacing: -0.035em !important;
  word-break: keep-all !important;
}
.pg-copy p,
.pg-section-head p,
.pg-card p,
.pg-list-card p,
.pg-doc-card p,
.inner-hero-copy p,
.inner-console-hero p,
.pixgom-unified .auth-card p,
.pixgom-unified .console-login-panel p {
  margin: 16px 0 0 !important;
  max-width: 560px;
  color: var(--pg-muted-strong) !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
  font-weight: 400 !important;
  word-break: keep-all !important;
}
.pg-underline,
.inner-hero-copy mark,
.inner-console-hero mark {
  display: block !important;
  width: min(300px, 75%) !important;
  height: 16px !important;
  margin: -15px 0 22px !important;
  background: rgba(255, 212, 0, .7) !important;
  color: transparent !important;
  box-shadow: none !important;
}
.pg-actions,
.inner-hero-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 24px !important;
}
.pg-cta,
.pg-secondary,
.inner-primary,
.inner-secondary,
.pixgom-unified .button,
.pixgom-unified .button-primary,
.pixgom-unified .button-secondary,
.pixgom-unified .kakao-button,
.pixgom-unified .google-button,
.pixgom-unified .console-login-form button,
.pixgom-unified .nav-cta {
  min-height: 52px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  border: 1px solid transparent !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: -0.025em !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
.pg-cta,
.inner-primary,
.pixgom-unified .button-primary,
.pixgom-unified .console-login-form button,
.pixgom-unified .nav-cta {
  background: var(--pg-ink) !important;
  color: #fff !important;
  border-color: var(--pg-ink) !important;
  box-shadow: 0 10px 12px rgba(11, 16, 32, .18) !important;
}
.pg-secondary,
.inner-secondary,
.pixgom-unified .button-secondary,
.pixgom-unified .google-button {
  background: #fff !important;
  color: var(--pg-ink) !important;
  border-color: var(--pg-line-strong) !important;
}
.pixgom-unified .kakao-button {
  background: var(--pg-yellow) !important;
  color: var(--pg-ink) !important;
  border-color: var(--pg-yellow) !important;
}
.pg-proof {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-top: 24px;
  color: var(--pg-muted);
  font-size: 12px;
}
.pg-proof span { display: inline-flex; align-items: center; gap: 6px; }
.pg-proof span:first-child::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: var(--pg-green);
  box-shadow: 0 0 0 5px rgba(0, 212, 146, .12);
}
.pg-product-visual,
.home-product-visual {
  position: relative !important;
  height: 320px !important;
  width: 100% !important;
  max-width: 420px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}
.pg-product-visual::before,
.home-product-visual .glow {
  content: "";
  position: absolute !important;
  left: 82px !important;
  top: 44px !important;
  width: 250px !important;
  height: 230px !important;
  border-radius: 40px !important;
  background: linear-gradient(180deg, rgba(255, 212, 0, .15), rgba(255, 212, 0, 0)) !important;
  filter: blur(40px) !important;
}
.pg-box,
.home-product-visual .box-core {
  position: absolute !important;
  left: 160px !important;
  top: 52px !important;
  width: 170px !important;
  height: 230px !important;
  border-radius: 10px !important;
  background: linear-gradient(152deg, #0B1020 8%, #161B35 58%, #0B1020 92%) !important;
  box-shadow: 0 28px 48px -19px rgba(11, 16, 32, .45), 0 10px 19px -10px rgba(11, 16, 32, .3) !important;
  transform: rotate(-2.65deg) skewX(-2.65deg) !important;
  overflow: hidden !important;
}
.pg-box::before,
.home-product-visual .box-front::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .5;
  background: linear-gradient(108deg, transparent 37%, rgba(255, 255, 255, .08) 50%, transparent 63%);
}
.pg-box::after,
.home-product-visual .box-front::after {
  content: "";
  position: absolute;
  right: -24px;
  top: -24px;
  width: 48px;
  height: 48px;
  background: var(--pg-yellow);
  transform: rotate(45deg);
}
.pg-box em,
.pg-box strong,
.pg-box b,
.pg-box span,
.pg-box small {
  position: absolute;
  z-index: 2;
  font-style: normal;
}
.pg-box em { left: 16px; top: 20px; color: rgba(255, 212, 0, .9); font-size: 9px; font-weight: 500; letter-spacing: .2em; }
.pg-box strong { left: 16px; top: 44px; color: #fff; font-size: 26px; font-weight: 900; letter-spacing: -.025em; }
.pg-box b { left: 16px; top: 84px; width: 30px; height: 1px; background: var(--pg-yellow); }
.pg-box span { left: 16px; top: 100px; color: rgba(255, 255, 255, .7); font-size: 10px; line-height: 1.25; }
.pg-box small { left: 16px; right: 16px; bottom: 16px; display: flex; justify-content: space-between; color: rgba(255, 255, 255, .4); font-size: 8px; }
.pg-float,
.home-product-visual .float-label {
  position: absolute !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid var(--pg-line) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}
.pg-float-bridge,
.home-product-visual .float-label.bridge {
  left: 36px !important;
  top: 76px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #314158 !important;
  box-shadow: 0 6px 20px -6px rgba(15, 23, 42, .18) !important;
}
.pg-float-bridge span,
.home-product-visual .dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--pg-green) !important;
  box-shadow: 0 0 0 5px rgba(0, 212, 146, .13) !important;
}
.pg-float-version,
.home-product-visual .float-label.version {
  right: 38px !important;
  top: 60px !important;
  padding: 6px 10px !important;
  border-radius: 7px !important;
  background: var(--pg-yellow) !important;
  color: var(--pg-ink) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
.pg-float-command,
.home-product-visual .float-label.reply {
  right: 12px !important;
  bottom: 38px !important;
  padding: 7px 11px !important;
  border-radius: 14px !important;
  background: var(--pg-ink) !important;
  color: #fff !important;
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, .45) !important;
}
.pg-section { margin-top: 56px; }
.pg-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 18px;
}
.pg-section-head small { color: #90a1b9; font-size: 11px; }
.pg-card-grid,
.pg-shortcut-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.pg-shortcut-grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.pg-card,
.pg-list-card,
.pg-doc-card,
.pg-panel,
.pg-shortcut-card,
.pixgom-unified .auth-card,
.pixgom-unified .console-login-panel,
.pixgom-unified .command-store-hero,
.pixgom-unified .command-card,
.pixgom-unified .account-card {
  border: 1px solid var(--pg-line) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, .92) !important;
  box-shadow: 0 1px 0 rgba(0, 0, 0, .02) !important;
  color: var(--pg-ink) !important;
}
.pg-card { min-height: 176px; padding: 24px; }
.pg-card span,
.pg-list-card span,
.pg-doc-card span {
  color: var(--pg-muted);
  font-size: 12px;
  font-weight: 700;
}
.pg-card h3,
.pg-list-card h2,
.pg-doc-card h2 {
  margin: 12px 0 8px;
  color: var(--pg-ink);
  font-size: 22px;
  line-height: 1.2;
  font-weight: 800;
}
.pg-card a {
  display: inline-flex;
  margin-top: 16px;
  color: var(--pg-ink);
  font-weight: 800;
  text-decoration: none;
}
.pg-shortcut-card,
.inner-step-card {
  min-height: 64px !important;
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 13px 15px !important;
  border-radius: 16px !important;
  text-decoration: none !important;
}
.pg-shortcut-icon,
.inner-step-icon {
  width: 36px !important;
  height: 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px !important;
  border-radius: 14px !important;
  background: var(--pg-ink) !important;
  object-fit: contain !important;
}
.pg-shortcut-icon img {
  width: 16px;
  height: 16px;
  display: block;
}
.pg-shortcut-card strong,
.inner-step-card strong {
  display: block;
  color: var(--pg-ink);
  font-size: 13px;
  font-weight: 700;
}
.pg-shortcut-card small,
.inner-step-card small {
  display: block;
  margin-top: 2px;
  color: var(--pg-muted);
  font-size: 11px;
  font-weight: 500;
}
.pg-list { display: grid; gap: 12px; }
.pg-list-card,
.pg-doc-card,
.pg-panel {
  padding: 26px;
  border-radius: 22px !important;
}
.pg-doc-card section + section {
  margin-top: 24px;
  padding-top: 24px;
  border-top: 1px solid var(--pg-line);
}
.pg-step-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.pg-step-list li {
  padding: 20px;
  border: 1px solid var(--pg-line);
  border-radius: 16px;
  background: #fff;
}
.pg-step-list span {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: var(--pg-ink);
  color: var(--pg-yellow);
  font-weight: 800;
}
.pg-step-list strong {
  display: block;
  margin-top: 14px;
  color: var(--pg-ink);
}
.pg-step-list p {
  margin: 8px 0 0;
  color: var(--pg-muted);
  font-size: 13px;
  line-height: 1.55;
}
.pg-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  margin-top: 40px;
  padding-top: 21px;
  border-top: 1px solid var(--pg-line);
  color: #90a1b9;
  font-size: 11px;
}
body.auth-page.pixgom-unified .auth-shell,
body.console-shell-page.pixgom-inner-reference .console-app-shell {
  width: min(1120px, 100%) !important;
  margin: 0 auto !important;
  padding: 32px 40px 70px !important;
  background: transparent !important;
}
body.auth-page.pixgom-inner-reference.pixgom-detail-page .auth-shell,
body.console-shell-page.pixgom-inner-reference .console-app-shell:has(.inner-console-hero) {
  min-height: calc(100svh - 64px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, 520px) minmax(360px, 420px) !important;
  grid-template-rows: auto auto !important;
  align-items: center !important;
  column-gap: 92px !important;
  row-gap: 20px !important;
}
body.auth-page.pixgom-inner-reference .inner-product-visual,
body.console-shell-page.pixgom-inner-reference .inner-product-visual {
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  height: 240px !important;
  margin-bottom: -12px !important;
}
body.auth-page.pixgom-inner-reference .inner-hero-copy,
body.console-shell-page.pixgom-inner-reference .inner-console-hero {
  grid-column: 1;
  grid-row: 1;
  align-self: end;
  padding-top: 244px !important;
  max-width: 520px !important;
}
body.auth-page.pixgom-inner-reference .auth-card,
body.console-shell-page.pixgom-inner-reference .console-login-panel {
  grid-column: 2;
  grid-row: 1;
  align-self: center;
  width: 100% !important;
  max-width: 420px !important;
  max-height: calc(100svh - 112px) !important;
  overflow: auto !important;
  padding: 26px !important;
  border-radius: 24px !important;
}
body.auth-page.pixgom-inner-reference .inner-shortcuts,
body.console-shell-page.pixgom-inner-reference .inner-console-shortcuts {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.auth-page.pixgom-unified .auth-card label:not(.check-row),
body.auth-page.pixgom-unified .auth-card fieldset,
body.console-shell-page.pixgom-unified .console-login-form label,
.pixgom-unified .account-card label {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid var(--pg-line) !important;
  border-radius: 16px !important;
  background: #fff !important;
  color: #314158 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
body.auth-page.pixgom-unified input,
body.auth-page.pixgom-unified textarea,
body.auth-page.pixgom-unified select,
body.console-shell-page.pixgom-unified input,
body.console-shell-page.pixgom-unified textarea,
body.console-shell-page.pixgom-unified select,
.pixgom-unified .account-card input {
  min-height: 34px !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: var(--pg-ink) !important;
  box-shadow: none !important;
  font-size: 15px !important;
  font-weight: 500 !important;
}
body.auth-page.pixgom-unified .mk-brand.auth-brand,
body.auth-page.pixgom-unified .pg-auth-note-grid,
body.auth-page.pixgom-unified .start-journey,
body.auth-page.pixgom-unified .market-apply-summary,
body.auth-page.pixgom-unified .auth-next-card,
body.console-shell-page.pixgom-unified .inner-console-brand {
  display: none !important;
}
body.auth-page.pixgom-unified .auth-card form,
body.console-shell-page.pixgom-unified .console-login-form {
  display: grid !important;
  gap: 12px !important;
}
.pixgom-unified .legacy-grid,
.pixgom-unified .pixel-grid,
.pixgom-unified .old-board,
.pixgom-unified .site-header + .site-header,
.pixgom-unified .pg-header + .site-header,
.pixgom-unified .pg-header + .inner-site-header {
  display: none !important;
}
@media (max-width: 860px) {
  .pg-header-inner,
  .inner-site-header,
  .pixgom-unified .site-header .nav-shell {
    min-height: 68px !important;
    padding: 0 24px !important;
  }
  .pg-nav,
  .inner-site-nav,
  .pixgom-unified .site-header .nav-links,
  .pg-login,
  .inner-site-action,
  .pixgom-unified .site-header .nav-login,
  .pixgom-unified .site-header .nav-cta {
    display: none !important;
  }
  .pg-menu {
    display: block;
    width: 24px;
    height: 18px;
    border: 0;
    background:
      linear-gradient(var(--pg-ink), var(--pg-ink)) 0 0 / 24px 3px no-repeat,
      linear-gradient(var(--pg-ink), var(--pg-ink)) 0 7px / 24px 3px no-repeat,
      linear-gradient(var(--pg-ink), var(--pg-ink)) 0 14px / 24px 3px no-repeat;
    font-size: 0;
  }
  .pg-header.is-open .pg-header-inner {
    min-height: auto !important;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
    align-items: flex-start !important;
    flex-wrap: wrap !important;
  }
  .pg-header.is-open .pg-nav {
    order: 3;
    flex: 1 0 100%;
    display: grid !important;
    gap: 12px !important;
    padding-top: 8px;
  }
  .pg-main {
    width: min(100%, 480px);
    padding: 20px 16px 56px;
  }
  .pg-hero,
  .pg-hero.pg-compact {
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: stretch;
  }
  .pg-product-visual,
  .home-product-visual {
    order: 0;
    height: 286px !important;
    max-width: 390px !important;
    margin: 0 auto !important;
  }
  .pg-copy { order: 1; max-width: none; }
  .pg-copy h1,
  .pg-section-head h1,
  .pg-section-head h2,
  .pg-list-hero h1,
  .pg-doc-hero h1,
  .inner-hero-copy h1,
  .inner-console-hero h1 {
    font-size: 38px !important;
    line-height: 1.12 !important;
  }
  .pg-actions,
  .inner-hero-actions {
    display: grid !important;
    gap: 12px !important;
  }
  .pg-cta,
  .pg-secondary,
  .inner-primary,
  .inner-secondary,
  .pixgom-unified .button,
  .pixgom-unified .button-primary,
  .pixgom-unified .button-secondary,
  .pixgom-unified .kakao-button,
  .pixgom-unified .google-button {
    width: 100% !important;
    min-height: 56px !important;
  }
  .pg-card-grid,
  .pg-shortcut-grid,
  .pg-step-list {
    grid-template-columns: 1fr !important;
  }
  .pg-section-head,
  .pg-footer {
    display: block;
  }
  .pg-box,
  .home-product-visual .box-core {
    left: 156px !important;
    top: 34px !important;
    transform: rotate(-2.65deg) skewX(-2.65deg) scale(.96) !important;
    transform-origin: top left !important;
  }
  .pg-float-bridge,
  .home-product-visual .float-label.bridge {
    left: 42px !important;
    top: 54px !important;
  }
  .pg-float-version,
  .home-product-visual .float-label.version {
    right: 36px !important;
    top: 38px !important;
  }
  .pg-float-command,
  .home-product-visual .float-label.reply {
    right: 0 !important;
    bottom: 42px !important;
  }
  body.auth-page.pixgom-inner-reference.pixgom-detail-page .auth-shell,
  body.console-shell-page.pixgom-inner-reference .console-app-shell:has(.inner-console-hero) {
    width: min(100%, 480px) !important;
    padding: 0 16px 42px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
  }
  body.auth-page.pixgom-inner-reference .inner-product-visual,
  body.console-shell-page.pixgom-inner-reference .inner-product-visual {
    order: 1 !important;
    width: 100% !important;
    height: 210px !important;
    margin: 0 auto -4px !important;
  }
  body.auth-page.pixgom-inner-reference .inner-hero-copy,
  body.console-shell-page.pixgom-inner-reference .inner-console-hero {
    order: 2 !important;
    padding-top: 0 !important;
    width: 100% !important;
  }
  body.auth-page.pixgom-inner-reference .auth-card,
  body.console-shell-page.pixgom-inner-reference .console-login-panel {
    order: 3 !important;
    width: 100% !important;
    max-width: none !important;
    max-height: none !important;
    padding: 22px !important;
  }
  body.auth-page.pixgom-inner-reference .inner-shortcuts,
  body.console-shell-page.pixgom-inner-reference .inner-console-shortcuts {
    order: 4 !important;
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 430px) {
  .pg-brand small,
  .inner-site-brand small {
    display: none !important;
  }
  .pg-product-visual,
  .home-product-visual {
    height: 270px !important;
  }
  .pg-box,
  .home-product-visual .box-core {
    left: 140px !important;
    transform: rotate(-2.65deg) skewX(-2.65deg) scale(.88) !important;
  }
  .pg-float-bridge,
  .home-product-visual .float-label.bridge {
    left: 20px !important;
  }
  .pg-float-version,
  .home-product-visual .float-label.version {
    right: 24px !important;
  }
  .pg-copy h1,
  .pg-section-head h1,
  .pg-section-head h2,
  .pg-list-hero h1,
  .pg-doc-hero h1,
  .inner-hero-copy h1,
  .inner-console-hero h1 {
    font-size: 34px !important;
  }
}

/* PIXGOM status message cleanup */
.pixgom-unified pre.form-status,
body.auth-page.pixgom-unified pre.form-status,
body.sub-page.pixgom-unified pre.form-status {
  min-height: 0 !important;
  max-height: 96px !important;
  margin: 12px 0 0 !important;
  padding: 10px 14px !important;
  border: 1px solid rgba(11, 16, 32, .1) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, .78) !important;
  color: #45556c !important;
  box-shadow: none !important;
  font-family: inherit !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
  white-space: pre-wrap !important;
  overflow: auto !important;
}

.pixgom-unified pre.form-status:empty,
body.auth-page.pixgom-unified pre.form-status:empty,
body.sub-page.pixgom-unified pre.form-status:empty {
  display: none !important;
}

/* Logged-in header balance */
body.pixgom-session-active .session-hidden-signup,
body.pixgom-session-active a[href="/signup"].nav-cta,
body.pixgom-session-active a[href="/signup"].pg-cta-small,
body.pixgom-session-active a[href="/signup"].signup,
body.pixgom-session-active header a[href="/signup"] {
  display: none !important;
}

/* PIXGOM v15.16 desktop auth card no-clipping pass */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .auth-card {
    height: auto !important;
    min-height: 430px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card form {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .button-primary,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .kakao-button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .google-button {
    min-height: 48px !important;
    height: 48px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .form-status {
    max-height: 44px !important;
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .auth-links {
    display: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts {
    top: 680px !important;
  }
}

body.pixgom-session-active .site-header .nav-links,
body.pixgom-session-active .pg-header .pg-nav,
body.pixgom-session-active .inner-site-header .inner-site-nav {
  gap: 28px !important;
}

body.pixgom-session-active .site-header .nav-logged-in,
body.pixgom-session-active .pg-header .nav-logged-in,
body.pixgom-session-active .inner-site-header .nav-logged-in {
  color: var(--pg-ink) !important;
  font-weight: 700 !important;
}

body.pixgom-session-active .site-header .nav-logout,
body.pixgom-session-active .pg-header .nav-logout,
body.pixgom-session-active .inner-site-header .nav-logout,
body.pixgom-session-active .header .nav-logout {
  min-width: auto !important;
  min-height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 16px !important;
  border: 1px solid rgba(126, 58, 26, .22) !important;
  border-radius: 999px !important;
  background: rgba(255, 247, 237, .86) !important;
  color: #7c2d12 !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

/* PIXGOM home hero parity v16 */
.pixgom-static-page .pg-main {
  width: min(100%, 1200px) !important;
  padding: 32px 40px 96px !important;
}

.pixgom-static-page .pg-hero {
  min-height: 420px !important;
  display: grid !important;
  grid-template-columns: 1.05fr .95fr !important;
  gap: 40px !important;
  align-items: center !important;
}

.pixgom-static-page .pg-copy {
  max-width: 520px !important;
}

.pixgom-static-page .pg-eyebrow {
  width: max-content !important;
  min-height: auto !important;
  margin: 0 0 12px !important;
  padding: 7px 12px !important;
  gap: 8px !important;
  border: 1px solid rgba(0, 0, 0, .1) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, .7) !important;
  color: #314158 !important;
  box-shadow: none !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  letter-spacing: -.025em !important;
  backdrop-filter: blur(10px);
}

.pixgom-static-page .pg-eyebrow span {
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--pg-green) !important;
  box-shadow: 0 0 0 6px rgba(0, 188, 125, .12) !important;
}

.pixgom-static-page .pg-product-visual.home-product-visual {
  position: relative !important;
  width: 100% !important;
  max-width: 420px !important;
  height: 320px !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.pixgom-static-page .pg-product-visual.home-product-visual::before {
  display: none !important;
}

.pixgom-static-page .pg-product-visual .visual-stage {
  position: relative !important;
  width: 100% !important;
  max-width: 360px !important;
  height: 240px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto !important;
}

.pixgom-static-page .pg-product-visual .glow {
  position: absolute !important;
  inset: 40px 24px 24px !important;
  border-radius: 40px !important;
  background: linear-gradient(to bottom, rgba(255, 212, 0, .15), transparent) !important;
  filter: blur(28px) !important;
}

.pixgom-static-page .pg-product-visual .product-box {
  position: relative !important;
  width: 100% !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  padding: 8px 0 !important;
  transform: scale(.9) !important;
  animation: pgHomeProductIn .7s cubic-bezier(.22, 1, .36, 1) both;
}

.pixgom-static-page .pg-product-visual .float-label {
  position: absolute !important;
  z-index: 8 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  font-size: 10px !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
  white-space: nowrap !important;
  animation: pgHomeLabelIn .5s ease both;
}

.pixgom-static-page .pg-product-visual .float-label.bridge {
  left: 4px !important;
  top: 8px !important;
  padding: 7px 11px !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #314158 !important;
  box-shadow: 0 6px 20px -6px rgba(15, 23, 42, .18) !important;
  animation-delay: .4s;
}

.pixgom-static-page .pg-product-visual .float-label.reply {
  right: 0 !important;
  bottom: 14px !important;
  padding: 6px 10px !important;
  border-radius: 14px !important;
  background: var(--pg-ink) !important;
  color: #fff !important;
  box-shadow: 0 10px 30px -10px rgba(15, 23, 42, .45) !important;
  animation-delay: .6s;
}

.pixgom-static-page .pg-product-visual .float-label.version {
  right: 16px !important;
  top: 0 !important;
  padding: 4px 7px !important;
  border-radius: 7px !important;
  background: var(--pg-yellow) !important;
  color: var(--pg-ink) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
  box-shadow: 0 4px 14px -4px rgba(255, 212, 0, .6) !important;
  animation-delay: .8s;
}

.pixgom-static-page .pg-product-visual .dot {
  position: relative !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 999px !important;
  background: var(--pg-green) !important;
  flex: 0 0 auto !important;
  box-shadow: none !important;
}

.pixgom-static-page .pg-product-visual .dot::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: #34d399;
  animation: pgHomePing 1.6s cubic-bezier(0, 0, .2, 1) infinite;
}

.pixgom-static-page .pg-product-visual .box-outer {
  position: relative !important;
  perspective: 1000px !important;
  transform-style: preserve-3d !important;
  animation: pgHomeBoxFloat 4.8s ease-in-out infinite;
}

.pixgom-static-page .pg-product-visual .box-core {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 170px !important;
  height: 230px !important;
  transform: rotateX(8deg) rotateY(-18deg) rotate(-2.65deg) skewX(-2.65deg) !important;
  transform-style: preserve-3d !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  overflow: visible !important;
}

.pixgom-static-page .pg-product-visual .box-side {
  position: absolute;
  right: 0;
  top: 0;
  width: 26px;
  height: 100%;
  border-radius: 0 10px 10px 0;
  background: linear-gradient(180deg, #0b1020 0%, #1a1f3a 50%, #0b1020 100%);
  transform: translateX(13px) rotateY(90deg);
  transform-origin: left center;
}

.pixgom-static-page .pg-product-visual .box-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 26px;
  border-radius: 10px 10px 0 0;
  background: linear-gradient(90deg, #1a1f3a 0%, #2a3158 50%, #1a1f3a 100%);
  transform: translateY(-13px) rotateX(90deg);
  transform-origin: center bottom;
}

.pixgom-static-page .pg-product-visual .box-front {
  position: relative !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  background: linear-gradient(152deg, #0b1020 8%, #161b35 58%, #0b1020 92%) !important;
  box-shadow: 0 30px 50px -20px rgba(11, 16, 32, .45), 0 10px 20px -10px rgba(11, 16, 32, .3) !important;
}

.pixgom-static-page .pg-product-visual .box-front::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: .5;
  mix-blend-mode: screen;
  background: linear-gradient(108deg, transparent 37%, rgba(255, 255, 255, .08) 50%, transparent 63%);
}

.pixgom-static-page .pg-product-visual .box-front::after {
  content: "";
  position: absolute;
  right: -24px;
  top: -24px;
  width: 48px;
  height: 48px;
  background: var(--pg-yellow);
  transform: rotate(45deg);
}

.pixgom-static-page .pg-product-visual .box-content {
  position: relative;
  z-index: 1;
  height: 100%;
  padding: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.pixgom-static-page .pg-product-visual .box-kicker {
  color: rgba(255, 212, 0, .9);
  font-size: 9px;
  font-weight: 500;
  letter-spacing: .2em;
}

.pixgom-static-page .pg-product-visual .box-title {
  margin-top: 4px;
  color: #fff;
  font-size: 25px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.025em;
}

.pixgom-static-page .pg-product-visual .box-line {
  width: 30px;
  height: 1px;
  margin-top: 8px;
  background: var(--pg-yellow);
}

.pixgom-static-page .pg-product-visual .box-desc {
  margin-top: 8px;
  color: rgba(255, 255, 255, .7);
  font-size: 10px;
  line-height: 1.25;
}

.pixgom-static-page .pg-product-visual .chat-lines {
  display: grid;
  gap: 6px;
}

.pixgom-static-page .pg-product-visual .chat-row {
  display: flex;
  align-items: center;
  gap: 6px;
}

.pixgom-static-page .pg-product-visual .chat-dot {
  width: 12px;
  height: 12px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .4);
}

.pixgom-static-page .pg-product-visual .chat-dot.yellow {
  background: rgba(255, 212, 0, .9);
}

.pixgom-static-page .pg-product-visual .chat-bar {
  height: 6px;
  border-radius: 999px;
  background: rgba(255, 255, 255, .15);
}

.pixgom-static-page .pg-product-visual .chat-bar.a { width: 45px; }
.pixgom-static-page .pg-product-visual .chat-bar.b { width: 60px; margin-left: 16px; background: rgba(255, 255, 255, .25); }
.pixgom-static-page .pg-product-visual .chat-bar.c { width: 38px; }

.pixgom-static-page .pg-product-visual .box-foot {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  color: rgba(255, 255, 255, .4);
  font-size: 8px;
  font-weight: 500;
  letter-spacing: .05em;
}

.pixgom-static-page .pg-product-visual .ground-shadow {
  position: absolute;
  left: 50%;
  bottom: -24px;
  width: 150px;
  height: 12px;
  border-radius: 999px;
  background: rgba(0, 0, 0, .25);
  filter: blur(12px);
  transform: translateX(-50%);
}

@keyframes pgHomePing {
  75%, 100% { transform: scale(2.4); opacity: 0; }
}

@keyframes pgHomeProductIn {
  from { opacity: 0; transform: translateY(12px) scale(.86); }
  to { opacity: 1; transform: translateY(0) scale(.9); }
}

@keyframes pgHomeLabelIn {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes pgHomeBoxFloat {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-8px); }
}

@media (max-width: 860px) {
  .pixgom-static-page .pg-main {
    width: min(100%, 480px) !important;
    padding: 20px 16px 56px !important;
  }

  .pixgom-static-page .pg-hero {
    min-height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 22px !important;
    align-items: stretch !important;
  }

  .pixgom-static-page .pg-product-visual.home-product-visual {
    order: 0 !important;
    height: 286px !important;
    max-width: 390px !important;
  }

  .pixgom-static-page .pg-copy {
    order: 1 !important;
    max-width: none !important;
  }

  .pixgom-static-page .pg-actions {
    display: grid !important;
    gap: 12px !important;
  }
}

@media (max-width: 430px) {
  .pixgom-static-page .pg-product-visual.home-product-visual {
    height: 270px !important;
  }

  .pixgom-static-page .pg-product-visual .product-box {
    transform: scale(.86) !important;
  }
}

/* PIXGOM v15.1 inner-screen Figma alignment pass */
body.pixgom-inner-reference,
body.pixgom-unified.sub-page {
  background: #faf8f3 !important;
}

body.pixgom-inner-reference .inner-site-header {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: min(1200px, 100%) !important;
  max-width: 100% !important;
  height: 65px !important;
  min-height: 65px !important;
  margin: 0 auto !important;
  padding: 0 40px !important;
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
  background: rgba(250, 248, 243, .86) !important;
  box-shadow: none !important;
  backdrop-filter: blur(16px) !important;
}

body.pixgom-inner-reference .inner-site-brand {
  width: auto !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 0 !important;
  justify-self: start !important;
}

body.pixgom-inner-reference .inner-site-brand img {
  width: 26px !important;
  height: 26px !important;
  border-radius: 7px !important;
}

body.pixgom-inner-reference .inner-site-brand span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  color: #0b1020 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: -.025em !important;
  line-height: 1 !important;
}

body.pixgom-inner-reference .inner-site-brand small {
  color: #62748e !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  letter-spacing: -.025em !important;
}

body.pixgom-inner-reference .inner-site-nav {
  justify-self: center !important;
  display: flex !important;
  align-items: center !important;
  gap: 28px !important;
  height: 20px !important;
}

body.pixgom-inner-reference .inner-site-nav a {
  color: #0b1020 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 20px !important;
  letter-spacing: -.025em !important;
}

body.pixgom-inner-reference .inner-site-action {
  justify-self: end !important;
  min-width: 89px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(11, 16, 32, .15) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  transform: none !important;
  font-size: 15px !important;
  font-weight: 850 !important;
}

body.pixgom-inner-reference .auth-shell.inner-reference-shell {
  position: relative !important;
  width: 1120px !important;
  max-width: calc(100% - 80px) !important;
  min-height: 696px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  display: block !important;
  overflow: visible !important;
}

body.pixgom-inner-reference .inner-hero-copy,
body.pixgom-inner-reference .inner-console-hero {
  position: absolute !important;
  left: 0 !important;
  top: 56px !important;
  width: 560px !important;
  max-width: 560px !important;
  height: 360px !important;
  padding: 0 !important;
}

body.pixgom-inner-reference .inner-kicker {
  min-height: 31px !important;
  height: 31px !important;
  padding: 0 12px !important;
  gap: 7px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: none !important;
  color: #0b1020 !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  letter-spacing: -.025em !important;
}

body.pixgom-inner-reference .inner-hero-copy h1,
body.pixgom-inner-reference .inner-console-hero h1 {
  margin-top: 35px !important;
  width: 520px !important;
  color: #0b1020 !important;
  font-size: 48px !important;
  line-height: 1.12 !important;
  font-weight: 950 !important;
  letter-spacing: -.05em !important;
}

body.pixgom-inner-reference .inner-hero-copy h1 mark,
body.pixgom-inner-reference .inner-console-hero h1 mark {
  height: 16px !important;
  margin-top: -18px !important;
  background: rgba(255, 212, 0, .72) !important;
}

body.pixgom-inner-reference .inner-hero-copy p,
body.pixgom-inner-reference .inner-console-hero p {
  width: 470px !important;
  margin-top: 20px !important;
  color: #45556c !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  letter-spacing: -.025em !important;
}

body.pixgom-inner-reference .inner-hero-actions {
  width: auto !important;
  height: 52px !important;
  margin-top: 44px !important;
  display: flex !important;
  align-items: center !important;
  gap: 76px !important;
}

body.pixgom-inner-reference .inner-primary,
body.pixgom-inner-reference .inner-secondary,
body.pixgom-inner-reference .console-primary-link,
body.pixgom-inner-reference .console-secondary-link {
  width: auto !important;
  min-width: 89px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 999px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: -.025em !important;
}

body.pixgom-inner-reference .inner-primary,
body.pixgom-inner-reference .console-primary-link {
  border: 0 !important;
  background: #0b1020 !important;
  color: #fff !important;
  box-shadow: 0 10px 12px rgba(11, 16, 32, .38) !important;
}

body.pixgom-inner-reference .inner-secondary,
body.pixgom-inner-reference .console-secondary-link {
  border: 1px solid rgba(11, 16, 32, .15) !important;
  background: #fff !important;
  color: #0b1020 !important;
  box-shadow: none !important;
}

body.pixgom-inner-reference .auth-card,
body.pixgom-inner-reference .console-login-panel {
  position: absolute !important;
  left: 636px !important;
  top: 70px !important;
  width: 404px !important;
  min-height: 430px !important;
  max-height: 430px !important;
  padding: 26px !important;
  border: 1px solid rgba(0, 0, 0, .06) !important;
  border-radius: 28px !important;
  background: #fff !important;
  box-shadow: 0 18px 34px rgba(11, 16, 32, .08) !important;
  overflow: hidden !important;
}

body.pixgom-inner-reference .auth-card .section-kicker,
body.pixgom-inner-reference .console-login-panel .section-kicker {
  min-height: auto !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #62748e !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
}

body.pixgom-inner-reference .auth-card h1,
body.pixgom-inner-reference .console-login-panel h1,
body.pixgom-inner-reference .auth-card h2,
body.pixgom-inner-reference .console-login-panel h2 {
  width: 330px !important;
  margin: 0 0 22px !important;
  color: #0b1020 !important;
  font-size: 25px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

body.pixgom-inner-reference .auth-card > p:not(.section-kicker),
body.pixgom-inner-reference .console-login-panel > p:not(.section-kicker) {
  width: 330px !important;
  margin: 0 0 18px !important;
  color: #62748e !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}

body.pixgom-inner-reference .auth-card form {
  width: 352px !important;
  max-height: 278px !important;
  margin-top: 0 !important;
  padding-right: 4px !important;
  display: grid !important;
  gap: 10px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
}

body.pixgom-inner-reference .auth-card label,
body.pixgom-inner-reference .console-login-panel .console-login-row,
body.pixgom-inner-reference .auth-card .field {
  min-height: 64px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
}

body.pixgom-inner-reference .auth-card input,
body.pixgom-inner-reference .auth-card textarea,
body.pixgom-inner-reference .auth-card select {
  min-height: 26px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0b1020 !important;
  font-size: 14px !important;
}

body.pixgom-inner-reference .auth-card .form-status {
  max-height: 42px !important;
  min-height: 0 !important;
  margin-top: 10px !important;
  padding: 10px 12px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
  overflow: hidden !important;
}

body.pixgom-inner-reference .auth-links {
  margin-top: 10px !important;
  gap: 6px !important;
}

body.pixgom-inner-reference .auth-links a {
  min-height: 30px !important;
  padding: 0 12px !important;
  font-size: 12px !important;
}

body.pixgom-inner-reference .inner-shortcuts {
  position: absolute !important;
  left: 0 !important;
  top: 591px !important;
  width: 1118px !important;
  height: 64px !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

body.pixgom-inner-reference .inner-step-card {
  width: auto !important;
  height: 64px !important;
  min-height: 64px !important;
  padding: 13px 14px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
}

body.pixgom-inner-reference .inner-step-card .step-index,
body.pixgom-inner-reference .inner-step-card .inner-step-index {
  width: 36px !important;
  height: 36px !important;
  border-radius: 14px !important;
  background: #0b1020 !important;
  color: #ffd400 !important;
  font-size: 0 !important;
}

body.pixgom-inner-reference .inner-step-card .step-index::after,
body.pixgom-inner-reference .inner-step-card .inner-step-index::after {
  content: "•";
  color: #ffd400;
  font-size: 20px;
  line-height: 36px;
}

body.pixgom-unified.sub-page .site-header {
  position: relative !important;
  width: 100% !important;
  height: 65px !important;
  min-height: 65px !important;
  padding: 0 40px !important;
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
  background: rgba(250, 248, 243, .86) !important;
}

body.pixgom-unified.sub-page .site-header .brand {
  position: absolute !important;
  left: 40px !important;
  top: 19px !important;
  height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

body.pixgom-unified.sub-page .site-header .brand img {
  width: 26px !important;
  height: 26px !important;
  border-radius: 7px !important;
}

body.pixgom-unified.sub-page .site-header .nav-links {
  position: static !important;
  width: 100% !important;
  height: 65px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 28px !important;
}

body.pixgom-unified.sub-page .site-header .nav-links a {
  color: #0b1020 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  letter-spacing: -.025em !important;
}

body.pixgom-unified.sub-page .site-header .nav-links a[href="/login"],
body.pixgom-unified.sub-page .site-header .nav-links .nav-logged-in {
  position: absolute !important;
  right: 154px !important;
  top: 22px !important;
}

body.pixgom-unified.sub-page .site-header .nav-links .nav-cta,
body.pixgom-unified.sub-page .site-header .nav-links .nav-logout {
  position: absolute !important;
  right: 40px !important;
  top: 14px !important;
  min-width: 89px !important;
  height: 52px !important;
  min-height: 52px !important;
  padding: 0 24px !important;
  border: 1px solid rgba(11, 16, 32, .15) !important;
  border-radius: 999px !important;
  background: #fff !important;
  color: #0b1020 !important;
  box-shadow: none !important;
}

@media (max-width: 860px) {
  body.pixgom-inner-reference .inner-site-header,
  body.pixgom-unified.sub-page .site-header {
    height: 68px !important;
    min-height: 68px !important;
    padding: 0 24px !important;
  }

  body.pixgom-inner-reference .inner-site-brand,
  body.pixgom-unified.sub-page .site-header .brand {
    left: 24px !important;
    top: 21px !important;
  }

  body.pixgom-inner-reference .inner-site-nav,
  body.pixgom-unified.sub-page .site-header .nav-links a:not(.nav-cta):not(.nav-logout):not(.nav-logged-in):not([href="/login"]) {
    display: none !important;
  }

  body.pixgom-inner-reference .inner-site-action,
  body.pixgom-unified.sub-page .site-header .nav-links .nav-cta,
  body.pixgom-unified.sub-page .site-header .nav-links .nav-logout,
  body.pixgom-unified.sub-page .site-header .nav-links a[href="/login"],
  body.pixgom-unified.sub-page .site-header .nav-links .nav-logged-in {
    right: 24px !important;
    top: 12px !important;
    min-width: 82px !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 0 18px !important;
  }

  body.pixgom-inner-reference .auth-shell.inner-reference-shell {
    width: 100% !important;
    max-width: 480px !important;
    min-height: auto !important;
    padding: 26px 20px 42px !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 18px !important;
  }

  body.pixgom-inner-reference .inner-hero-copy,
  body.pixgom-inner-reference .inner-console-hero,
  body.pixgom-inner-reference .auth-card,
  body.pixgom-inner-reference .console-login-panel,
  body.pixgom-inner-reference .inner-shortcuts {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.pixgom-inner-reference .inner-hero-copy h1,
  body.pixgom-inner-reference .inner-console-hero h1 {
    width: 100% !important;
    font-size: 42px !important;
  }

  body.pixgom-inner-reference .inner-hero-copy p,
  body.pixgom-inner-reference .inner-console-hero p {
    width: 100% !important;
  }

  body.pixgom-inner-reference .inner-hero-actions {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    gap: 12px !important;
  }

  body.pixgom-inner-reference .inner-primary,
  body.pixgom-inner-reference .inner-secondary,
  body.pixgom-inner-reference .console-primary-link,
  body.pixgom-inner-reference .console-secondary-link {
    width: 100% !important;
  }

  body.pixgom-inner-reference .auth-card form {
    width: 100% !important;
    max-height: none !important;
  }

  body.pixgom-inner-reference .inner-shortcuts {
    grid-template-columns: 1fr 1fr !important;
    height: auto !important;
  }
}

/* PIXGOM v15.2 final specificity lock for inner reference screens */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 1120px !important;
  max-width: calc(100% - 80px) !important;
  min-height: 696px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-hero-copy {
  position: absolute !important;
  grid-column: auto !important;
  grid-row: auto !important;
  order: 0 !important;
  left: 0 !important;
  top: 56px !important;
  width: 560px !important;
  max-width: 560px !important;
  height: 360px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .auth-card {
  position: absolute !important;
  grid-column: auto !important;
  grid-row: auto !important;
  order: 0 !important;
  left: 636px !important;
  top: 70px !important;
  width: 404px !important;
  max-width: 404px !important;
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
  margin: 0 !important;
  padding: 26px !important;
  transform: none !important;
  overflow: hidden !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts {
  position: absolute !important;
  grid-column: auto !important;
  grid-row: auto !important;
  left: 0 !important;
  top: 591px !important;
  width: 1118px !important;
  max-width: 1118px !important;
  height: 64px !important;
  margin: 0 !important;
  transform: none !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 1120px !important;
  max-width: calc(100% - 80px) !important;
  min-height: 696px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console .inner-console-hero,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) .inner-console-hero {
  position: absolute !important;
  grid-column: auto !important;
  grid-row: auto !important;
  order: 0 !important;
  left: 0 !important;
  top: 56px !important;
  width: 560px !important;
  max-width: 560px !important;
  height: 360px !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console .console-login-panel,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) .console-login-panel {
  position: absolute !important;
  grid-column: auto !important;
  grid-row: auto !important;
  order: 0 !important;
  left: 636px !important;
  top: 70px !important;
  width: 404px !important;
  max-width: 404px !important;
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;
  margin: 0 !important;
  padding: 26px !important;
  transform: none !important;
  overflow: hidden !important;
}

@media (min-width: 861px) {
  html body.pixgom-inner-reference .inner-site-action {
    position: absolute !important;
    right: 40px !important;
    top: 14px !important;
  }

  html body.pixgom-inner-reference .inner-site-brand {
    height: 26px !important;
    min-height: 26px !important;
  }

  html body.pixgom-inner-reference .inner-site-brand span {
    height: 26px !important;
    min-height: 26px !important;
    display: inline-flex !important;
    align-items: center !important;
  }
}

/* PIXGOM v15.3 inner card polish lock */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .section-kicker,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .section-kicker {
  width: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 0 10px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #62748e !important;
  font-size: 12px !important;
  line-height: 1.18 !important;
  font-weight: 750 !important;
  letter-spacing: -.025em !important;
  text-transform: uppercase !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card > h1,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > h1,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > h2 {
  width: 330px !important;
  margin: 0 0 18px !important;
  color: #0b1020 !important;
  font-size: 25px !important;
  line-height: 1.18 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card > p:not(.section-kicker),
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > p:not(.section-kicker) {
  width: 330px !important;
  margin: 0 0 16px !important;
  color: #62748e !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card form {
  width: 352px !important;
  max-height: 248px !important;
  margin: 0 !important;
  padding: 0 4px 0 0 !important;
  display: grid !important;
  gap: 10px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card label {
  min-height: 58px !important;
  padding: 11px 16px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-radius: 16px !important;
  background: #f8fafc !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card input,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card textarea,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card select {
  min-height: 24px !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #0b1020 !important;
  font-size: 14px !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-actions .inner-secondary,
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-actions .inner-primary,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero .console-primary-link,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero .console-secondary-link {
  border-radius: 999px !important;
  border-width: 1px !important;
  transform: none !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-actions .inner-secondary,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero .console-secondary-link {
  border: 1px solid rgba(11, 16, 32, .15) !important;
  box-shadow: none !important;
}

/* PIXGOM v15.4 shortcut card size lock */
html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts .inner-step-card,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell .inner-shortcuts .inner-step-card {
  width: auto !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 13px 14px !important;
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  column-gap: 12px !important;
  border: 1px solid rgba(0, 0, 0, .05) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts .inner-step-icon,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell .inner-shortcuts .inner-step-icon {
  width: 36px !important;
  height: 36px !important;
  border-radius: 14px !important;
}

/* PIXGOM v15.5 mobile safety override after desktop locks */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 480px !important;
    min-height: auto !important;
    margin: 0 auto !important;
    padding: 26px 20px 42px !important;
    gap: 18px !important;
    overflow: visible !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-hero-copy,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console .inner-console-hero,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) .inner-console-hero,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .auth-card,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console .console-login-panel,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) .console-login-panel,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 !important;
    transform: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .auth-card,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console .console-login-panel,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) .console-login-panel {
    padding: 24px !important;
    overflow: visible !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card form {
    width: 100% !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-copy h1,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero h1 {
    width: 100% !important;
    font-size: 42px !important;
    line-height: 1.08 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-copy p,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero p {
    width: 100% !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-actions,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero .console-actions {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    gap: 12px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-actions .inner-primary,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .inner-hero-actions .inner-secondary,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero .console-primary-link,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .inner-console-hero .console-secondary-link {
    width: 100% !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 12px !important;
  }
}

/* PIXGOM v15.6 mobile auth flow simplification */
@media (max-width: 860px) {
  html body.pixgom-inner-reference .inner-product-visual.home-product-visual,
  html body.pixgom-inner-reference .home-product-visual.inner-product-visual,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell .inner-shortcuts {
    display: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .auth-card {
    max-height: none !important;
    overflow: visible !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card form {
    max-height: 520px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 2px !important;
    scrollbar-width: thin !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .auth-links {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .auth-links a {
    width: 100% !important;
    min-height: 34px !important;
    justify-content: center !important;
    border-radius: 999px !important;
    background: #fff !important;
  }
}

/* PIXGOM v15.7 force-hide inner product visual on mobile */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-product-visual.home-product-visual,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .home-product-visual.inner-product-visual,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified .console-app-shell.buyer-react-console .inner-product-visual.home-product-visual,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified .console-app-shell.buyer-react-console .home-product-visual.inner-product-visual {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    order: -1 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-product-visual.home-product-visual::before,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-product-visual.home-product-visual::after,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified .console-app-shell.buyer-react-console .inner-product-visual.home-product-visual::before,
  html body.console-shell-page.finance-console.pixgom-inner-console.pixgom-detail-page.pixgom-detail-console.pixgom-inner-reference.pixgom-unified .console-app-shell.buyer-react-console .inner-product-visual.home-product-visual::after {
    content: none !important;
    display: none !important;
  }
}

/* PIXGOM v15.8 production design consistency pass */
.form-status {
  min-height: auto !important;
  max-height: none !important;
  margin-top: 12px !important;
  padding: 12px 14px !important;
  border-radius: 16px !important;
  border: 1px solid rgba(98, 116, 142, 0.2) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #41516a !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
  white-space: pre-wrap !important;
  overflow: visible !important;
}

.form-status:empty,
.form-status[hidden] {
  display: none !important;
}

body.pixgom-session-active a[href="/signup"].nav-cta,
body.pixgom-session-active a[href="/signup"].pg-cta,
body.pixgom-session-active a[href="/signup"].pg-cta-small,
body.pixgom-session-active a[href="/signup"].inner-site-action,
body.pixgom-session-active a[href="/signup"].pg-login {
  display: none !important;
}

body.pixgom-session-active .pg-header .pg-login.nav-logged-in,
body.pixgom-session-active .inner-site-header .inner-site-action.nav-logged-in,
body.pixgom-session-active .site-header .nav-logged-in {
  border-color: #070d20 !important;
  background: #070d20 !important;
  color: #ffffff !important;
  box-shadow: 0 12px 24px rgba(7, 13, 32, 0.16) !important;
}

.pg-header .nav-logout,
.inner-site-header .nav-logout,
.site-header .nav-logout {
  appearance: none;
  border: 1px solid rgba(98, 116, 142, 0.24);
  background: #ffffff;
  color: #41516a;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 999px;
  font: inherit;
  font-weight: 800;
  cursor: pointer;
}

body.account-page.pixgom-unified {
  background: #faf8f3 !important;
  color: #0b1020 !important;
}

body.account-page.pixgom-unified .document-main.account-main {
  width: min(1200px, calc(100vw - 32px)) !important;
  min-height: calc(100vh - 65px) !important;
  margin: 0 auto !important;
  padding: 92px 0 72px !important;
  display: grid !important;
  place-items: start center !important;
}

body.account-page.pixgom-unified .account-card {
  width: min(560px, 100%) !important;
  margin: 0 auto !important;
  border-radius: 28px !important;
  border: 1px solid rgba(98, 116, 142, 0.18) !important;
  box-shadow: 0 24px 70px rgba(7, 13, 32, 0.08) !important;
}

body.account-page.pixgom-unified .account-action-row {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

body.account-page.pixgom-unified .account-action-row > * {
  flex: 1 1 180px !important;
}

body.pixgom-static-page .pg-hero .pg-product-visual.home-product-visual {
  width: min(404px, 100%) !important;
  min-height: 430px !important;
  justify-self: end !important;
}

body.pixgom-static-page .pg-hero .pg-product-visual.home-product-visual .visual-stage {
  min-height: 430px !important;
}

@media (max-width: 860px) {
  html body.pixgom-detail-page .inner-product-visual.home-product-visual,
  html body.pixgom-detail-page .home-product-visual.inner-product-visual,
  html body.pixgom-detail-page .inner-shortcuts {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body.pixgom-detail-page .inner-product-visual.home-product-visual::before,
  html body.pixgom-detail-page .inner-product-visual.home-product-visual::after {
    content: none !important;
    display: none !important;
  }

  html body.auth-page.auth-checking .inner-site-header,
  html body.auth-page.auth-checking .auth-shell,
  html body.auth-page.login-redirecting .inner-site-header,
  html body.auth-page.login-redirecting .auth-shell {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  body.account-page.pixgom-unified .document-main.account-main {
    width: calc(100vw - 28px) !important;
    min-height: calc(100vh - 65px) !important;
    padding: 72px 0 40px !important;
  }

  body.account-page.pixgom-unified .account-card {
    border-radius: 24px !important;
    padding: 24px !important;
  }

  body.pixgom-static-page .pg-hero .pg-product-visual.home-product-visual {
    width: 100% !important;
    min-height: 300px !important;
    justify-self: stretch !important;
  }

  body.pixgom-static-page .pg-hero .pg-product-visual.home-product-visual .visual-stage {
    min-height: 300px !important;
  }
}

/* PIXGOM v15.9 console reference panel fit */
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell.buyer-react-console .console-login-panel,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-app-shell:has(.inner-console-hero) .console-login-panel {
  overflow: hidden !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .section-kicker {
  margin: 0 0 12px !important;
  color: #62748e !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  text-transform: uppercase !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > h1,
html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > h2 {
  margin-bottom: 16px !important;
  font-size: 25px !important;
  line-height: 1.18 !important;
  letter-spacing: -0.045em !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > p:not(.section-kicker) {
  margin-bottom: 18px !important;
  font-size: 14px !important;
  line-height: 1.65 !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > .console-action-row:has(.console-secondary-link[href="/"]) {
  display: none !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .console-login-form {
  gap: 10px !important;
  margin-top: 0 !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .console-login-form label {
  min-height: 66px !important;
  padding: 10px 14px !important;
  border-radius: 16px !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .console-login-form input {
  min-height: 26px !important;
  height: 28px !important;
  margin-top: 4px !important;
  padding: 0 !important;
  background: transparent !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .console-login-form button {
  min-height: 48px !important;
  height: 48px !important;
  margin-top: 2px !important;
}

@media (max-width: 860px) {
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel .section-kicker {
    margin-bottom: 10px !important;
  }

  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > h1,
  html body.console-shell-page.pixgom-inner-reference.pixgom-detail-page .console-login-panel > h2 {
    font-size: 23px !important;
  }
}

/* PIXGOM v15.10 logged-in console visual alignment */
html body.console-shell-page .console-app-shell.buyer-react-console,
html body.console-shell-page .console-app-shell.admin-react-console {
  width: min(1120px, calc(100vw - 48px)) !important;
  margin: 0 auto !important;
  padding: 40px 0 72px !important;
  background: transparent !important;
  color: #0b1020 !important;
}

html body.console-shell-page .console-app-shell .console-hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 24px !important;
  align-items: center !important;
  margin: 0 0 18px !important;
  padding: 28px 32px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 84% 10%, rgba(255, 212, 0, 0.16), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #fffdf8 62%, #f7f3e8 100%) !important;
  box-shadow: 0 22px 54px rgba(11, 16, 32, 0.08) !important;
}

html body.console-shell-page .console-app-shell .console-eyebrow {
  margin: 0 0 8px !important;
  color: #9b7300 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}

html body.console-shell-page .console-app-shell .console-hero h1 {
  max-width: 620px !important;
  margin: 0 !important;
  color: #0b1020 !important;
  font-size: clamp(32px, 4vw, 52px) !important;
  line-height: 1.02 !important;
  letter-spacing: -0.055em !important;
}

html body.console-shell-page .console-app-shell .console-hero p:not(.console-eyebrow) {
  max-width: 680px !important;
  margin: 14px 0 0 !important;
  color: #44546a !important;
  font-size: 15px !important;
  line-height: 1.75 !important;
  word-break: keep-all !important;
}

html body.console-shell-page .console-app-shell .console-hero-actions {
  display: flex !important;
  gap: 10px !important;
  align-items: center !important;
}

html body.console-shell-page .console-app-shell .console-hero-actions a,
html body.console-shell-page .console-app-shell .console-hero-actions button,
html body.console-shell-page .console-app-shell .console-action-row a,
html body.console-shell-page .console-app-shell .console-action-row button {
  min-height: 50px !important;
  padding: 0 22px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(11, 16, 32, 0.12) !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  box-shadow: none !important;
}

html body.console-shell-page .console-app-shell .console-hero-actions button,
html body.console-shell-page .console-app-shell button:not(.console-tab):not(.console-secondary-link),
html body.console-shell-page .console-app-shell .console-primary-link {
  border-color: #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 28px rgba(11, 16, 32, 0.16) !important;
}

html body.console-shell-page .console-app-shell .buyer-step-overview,
html body.console-shell-page .console-app-shell .console-summary-grid,
html body.console-shell-page .console-app-shell .buyer-guide-grid,
html body.console-shell-page .console-app-shell .buyer-room-grid,
html body.console-shell-page .console-app-shell .console-card-list {
  display: grid !important;
  gap: 14px !important;
}

html body.console-shell-page .console-app-shell .buyer-step-overview,
html body.console-shell-page .console-app-shell .console-summary-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  margin: 16px 0 !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card,
html body.console-shell-page .console-app-shell .console-summary-card,
html body.console-shell-page .console-app-shell .buyer-app-check-card,
html body.console-shell-page .console-app-shell .buyer-connect-code-panel,
html body.console-shell-page .console-app-shell .buyer-guide-react-panel,
html body.console-shell-page .console-app-shell .buyer-room-card,
html body.console-shell-page .console-app-shell .buyer-actions-panel,
html body.console-shell-page .console-app-shell .console-main-panel,
html body.console-shell-page .console-app-shell .console-detail-panel,
html body.console-shell-page .console-app-shell .console-infra-panel,
html body.console-shell-page .console-app-shell .console-empty,
html body.account-page.pixgom-unified .account-card {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 212, 0, 0.11), transparent 28%),
    #ffffff !important;
  color: #0b1020 !important;
  box-shadow: 0 18px 42px rgba(11, 16, 32, 0.07) !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card,
html body.console-shell-page .console-app-shell .console-summary-card {
  min-height: 132px !important;
  padding: 22px !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card::before,
html body.console-shell-page .console-app-shell .console-summary-card::before {
  content: "" !important;
  display: block !important;
  width: 34px !important;
  height: 34px !important;
  margin-bottom: 18px !important;
  border-radius: 12px !important;
  background:
    radial-gradient(circle at 68% 62%, #ffd400 0 4px, transparent 5px),
    radial-gradient(circle at 38% 38%, #ffd400 0 3px, transparent 4px),
    #0b1020 !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card span,
html body.console-shell-page .console-app-shell .console-summary-card span,
html body.console-shell-page .console-app-shell .console-field-row span,
html body.console-shell-page .console-app-shell .console-status-list span {
  color: #62748e !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card strong,
html body.console-shell-page .console-app-shell .console-summary-card strong,
html body.console-shell-page .console-app-shell .console-summary-card b {
  color: #0b1020 !important;
  font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  letter-spacing: -0.045em !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card p,
html body.console-shell-page .console-app-shell .console-summary-card p,
html body.console-shell-page .console-app-shell .buyer-app-check-card p,
html body.console-shell-page .console-app-shell .buyer-connect-code-panel p,
html body.console-shell-page .console-app-shell .buyer-guide-react-panel p,
html body.console-shell-page .console-app-shell .buyer-room-card p {
  color: #44546a !important;
  line-height: 1.65 !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action,
html body.console-shell-page .console-app-shell .console-status-badge,
html body.console-shell-page .console-app-shell .status-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(0, 188, 125, 0.22) !important;
  background: rgba(0, 188, 125, 0.09) !important;
  color: #067a56 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body.console-shell-page .console-app-shell .console-tab-list,
html body.console-shell-page .console-app-shell .console-tabs,
html body.console-shell-page .console-app-shell [role="tablist"] {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 18px 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgba(11, 16, 32, 0.06) !important;
}

html body.console-shell-page .console-app-shell .console-tab,
html body.console-shell-page .console-app-shell [role="tab"] {
  min-height: 42px !important;
  padding: 0 18px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 16px !important;
  background: #faf8f3 !important;
  color: #0b1020 !important;
  font-weight: 900 !important;
}

html body.console-shell-page .console-app-shell .console-tab.is-active,
html body.console-shell-page .console-app-shell [role="tab"][aria-selected="true"] {
  border-color: #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
}

html body.console-shell-page .console-app-shell .buyer-app-check-card,
html body.console-shell-page .console-app-shell .buyer-connect-code-panel,
html body.console-shell-page .console-app-shell .buyer-guide-react-panel,
html body.console-shell-page .console-app-shell .buyer-room-card,
html body.console-shell-page .console-app-shell .buyer-actions-panel,
html body.console-shell-page .console-app-shell .console-main-panel,
html body.console-shell-page .console-app-shell .console-detail-panel,
html body.console-shell-page .console-app-shell .console-infra-panel {
  margin-top: 16px !important;
  padding: 24px !important;
}

html body.console-shell-page .console-app-shell .console-toolbar,
html body.console-shell-page .console-app-shell .console-log-filters,
html body.console-shell-page .console-app-shell .console-mini-form {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  align-items: center !important;
  padding: 14px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
}

html body.console-shell-page .console-app-shell input,
html body.console-shell-page .console-app-shell textarea,
html body.console-shell-page .console-app-shell select {
  min-height: 46px !important;
  border: 1px solid rgba(11, 16, 32, 0.11) !important;
  border-radius: 16px !important;
  background: #fbfaf7 !important;
  color: #0b1020 !important;
  font-weight: 700 !important;
}

html body.console-shell-page .console-app-shell .console-table-wrap {
  overflow: auto !important;
  margin-top: 14px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgba(11, 16, 32, 0.06) !important;
}

html body.console-shell-page .console-app-shell .console-table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #0b1020 !important;
}

html body.console-shell-page .console-app-shell .console-table th {
  padding: 14px 16px !important;
  background: #faf8f3 !important;
  color: #62748e !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: -0.02em !important;
  text-align: left !important;
}

html body.console-shell-page .console-app-shell .console-table td {
  padding: 16px !important;
  border-top: 1px solid rgba(11, 16, 32, 0.07) !important;
  color: #0b1020 !important;
  vertical-align: middle !important;
}

html body.console-shell-page .console-app-shell .console-field-grid,
html body.console-shell-page .console-app-shell .console-status-list,
html body.console-shell-page .console-app-shell .console-compact-list {
  display: grid !important;
  gap: 10px !important;
}

html body.console-shell-page .console-app-shell .console-field-row,
html body.console-shell-page .console-app-shell .console-status-list li,
html body.console-shell-page .console-app-shell .console-compact-list li {
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 16px !important;
  background: #fbfaf7 !important;
  color: #0b1020 !important;
}

html body.console-shell-page .console-app-shell .console-toast {
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  box-shadow: 0 20px 44px rgba(11, 16, 32, 0.14) !important;
}

html body.account-page.pixgom-unified .account-card {
  max-width: 560px !important;
  padding: 30px !important;
}

html body.account-page.pixgom-unified .account-card h1 {
  color: #0b1020 !important;
  font-size: clamp(34px, 4.6vw, 56px) !important;
  letter-spacing: -0.06em !important;
}

html body.account-page.pixgom-unified .account-card input {
  border-radius: 16px !important;
  background: #fbfaf7 !important;
}

@media (max-width: 900px) {
  html body.console-shell-page .console-app-shell.buyer-react-console,
  html body.console-shell-page .console-app-shell.admin-react-console {
    width: calc(100vw - 28px) !important;
    padding: 20px 0 52px !important;
  }

  html body.console-shell-page .console-app-shell .console-hero {
    display: block !important;
    padding: 24px !important;
    border-radius: 24px !important;
  }

  html body.console-shell-page .console-app-shell .console-hero h1 {
    font-size: clamp(31px, 10vw, 44px) !important;
  }

  html body.console-shell-page .console-app-shell .console-hero-actions {
    margin-top: 20px !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  html body.console-shell-page .console-app-shell .buyer-step-overview,
  html body.console-shell-page .console-app-shell .console-summary-grid {
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 520px) {
  html body.console-shell-page .console-app-shell.buyer-react-console,
  html body.console-shell-page .console-app-shell.admin-react-console {
    width: calc(100vw - 24px) !important;
    padding-top: 14px !important;
  }

  html body.console-shell-page .console-app-shell .buyer-step-overview,
  html body.console-shell-page .console-app-shell .console-summary-grid {
    grid-template-columns: 1fr !important;
  }

  html body.console-shell-page .console-app-shell .buyer-step-card,
  html body.console-shell-page .console-app-shell .console-summary-card,
  html body.console-shell-page .console-app-shell .buyer-app-check-card,
  html body.console-shell-page .console-app-shell .buyer-connect-code-panel,
  html body.console-shell-page .console-app-shell .buyer-guide-react-panel,
  html body.console-shell-page .console-app-shell .buyer-room-card,
  html body.console-shell-page .console-app-shell .buyer-actions-panel,
  html body.console-shell-page .console-app-shell .console-main-panel,
  html body.console-shell-page .console-app-shell .console-detail-panel {
    border-radius: 22px !important;
    padding: 20px !important;
  }
}

/* PIXGOM v15.10.1 console density and tab polish */
html body.console-shell-page .console-app-shell .buyer-step-overview {
  align-items: stretch !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card {
  min-height: 190px !important;
  height: auto !important;
  padding: 20px !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card::before,
html body.console-shell-page .console-app-shell .console-summary-card::before {
  width: 30px !important;
  height: 30px !important;
  min-height: 30px !important;
  flex: 0 0 30px !important;
  margin-bottom: 14px !important;
  border-radius: 11px !important;
}

html body.console-shell-page .console-app-shell .buyer-step-card strong,
html body.console-shell-page .console-app-shell .console-summary-card strong,
html body.console-shell-page .console-app-shell .console-summary-card b {
  display: block !important;
  margin: 8px 0 8px !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action {
  width: max-content !important;
  max-width: 100% !important;
  min-height: 0 !important;
  margin-top: 12px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: inherit !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action:empty {
  display: none !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action:not(:has(button)):not(:has(a)) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #0b1020 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action button,
html body.console-shell-page .console-app-shell .buyer-step-action a {
  min-height: 34px !important;
  height: 34px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}

html body.console-shell-page .console-app-shell .buyer-console-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 16px 0 !important;
  padding: 8px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  color: #0b1020 !important;
  box-shadow: 0 14px 34px rgba(11, 16, 32, 0.06) !important;
}

html body.console-shell-page .console-app-shell .buyer-console-tabs button {
  min-height: 40px !important;
  height: 40px !important;
  padding: 0 16px !important;
  border-radius: 15px !important;
  border: 1px solid rgba(11, 16, 32, 0.08) !important;
  background: #faf8f3 !important;
  color: #0b1020 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}

html body.console-shell-page .console-app-shell .buyer-console-tabs button.is-active {
  border-color: #0b1020 !important;
  background: #0b1020 !important;
  color: #ffffff !important;
}

html body.console-shell-page .console-app-shell .console-summary-card {
  min-height: 142px !important;
  padding: 20px !important;
}

@media (max-width: 900px) {
  html body.console-shell-page .console-app-shell .buyer-step-card {
    min-height: 178px !important;
  }
}

@media (max-width: 520px) {
  html body.console-shell-page .console-app-shell .buyer-step-card,
  html body.console-shell-page .console-app-shell .console-summary-card {
    min-height: 0 !important;
  }

  html body.console-shell-page .console-app-shell .buyer-console-tabs {
    border-radius: 20px !important;
  }

  html body.console-shell-page .console-app-shell .buyer-console-tabs button {
    flex: 1 1 calc(50% - 8px) !important;
  }
}

/* PIXGOM v15.11.1 console action contrast */
html body.console-shell-page .console-app-shell .buyer-step-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 230px !important;
  height: 230px !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: max-content !important;
  min-width: 0 !important;
  min-height: 34px !important;
  height: 34px !important;
  margin-top: auto !important;
  padding: 0 13px !important;
  border: 1px solid #0b1020 !important;
  border-radius: 999px !important;
  background: #0b1020 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 20px rgba(11, 16, 32, 0.12) !important;
}

html body.console-shell-page .console-app-shell .buyer-step-action *,
html body.console-shell-page .console-app-shell .buyer-step-action button,
html body.console-shell-page .console-app-shell .buyer-step-action a,
html body.console-shell-page .console-app-shell .buyer-step-action span {
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font: inherit !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  html body.console-shell-page .console-app-shell .buyer-step-card {
    height: auto !important;
    min-height: 190px !important;
  }
}

@media (max-width: 520px) {
  html body.console-shell-page .console-app-shell .buyer-step-card {
    height: auto !important;
    min-height: 0 !important;
  }
}

/* PIXGOM v15.16 final override: prevent desktop auth form clipping */
@media (min-width: 861px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .auth-card {
    height: auto !important;
    min-height: 430px !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card form {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .button-primary,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .kakao-button,
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .google-button {
    min-height: 48px !important;
    height: 48px !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .form-status {
    max-height: 44px !important;
    margin-top: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
    overflow: hidden !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card .auth-links {
    display: none !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-shell.inner-reference-shell .inner-shortcuts {
    top: 700px !important;
  }
}

/* PIXGOM v15.17 final override: mobile forms scroll with page, not inside cards */
@media (max-width: 860px) {
  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card form {
    max-height: none !important;
    overflow: visible !important;
    padding-right: 0 !important;
  }

  html body.auth-page.marketing-auth.app-connected-site.pixgom-inner.pixgom-inner-reference.pixgom-detail-page .auth-card {
    max-height: none !important;
    overflow: visible !important;
  }
}

/* PIXGOM v15.19 direct pg-header balance for utility pages */
@media (min-width: 861px) {
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) {
    width: min(1200px, 100%) !important;
    max-width: 100% !important;
    min-height: 65px !important;
    height: 65px !important;
    margin: 0 auto !important;
    padding: 0 40px !important;
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 28px !important;
    border-bottom: 1px solid rgba(0, 0, 0, .05) !important;
    background: rgba(250, 248, 243, .92) !important;
    box-shadow: none !important;
  }

  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-brand {
    justify-self: start !important;
  }

  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-nav {
    justify-self: center !important;
  }

  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-header-actions,
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) > .pg-login,
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) > .pg-cta {
    justify-self: end !important;
  }
}

/* PIXGOM v15.20 direct pg-header desktop menu fix */
@media (min-width: 861px) {
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) > .pg-menu {
    display: none !important;
  }

  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-brand,
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-nav,
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-header-actions {
    align-self: center !important;
  }
}

/* PIXGOM v15.20 direct pg-header desktop row guard */
@media (min-width: 861px) {
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) > .pg-menu {
    display: none !important;
  }

  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-brand,
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-nav,
  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-header-actions {
    align-self: center !important;
  }

  html body.pixgom-unified .pg-header:not(:has(.pg-header-inner)) .pg-header-actions {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }
}

/* PIXGOM v15.21 command store and auth cleanup */
body.command-store-page.pixgom-unified .command-store-main {
  width: min(1120px, calc(100% - 64px));
  margin: 0 auto;
  padding: 56px 0 80px;
}

body.command-store-page.pixgom-unified .command-store-hero {
  min-height: 520px;
  display: grid;
  grid-template-columns: minmax(0, 560px) minmax(360px, 1fr);
  gap: 70px;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}

body.command-store-page.pixgom-unified .command-store-hero > div:first-child {
  max-width: 560px;
}

body.command-store-page.pixgom-unified .command-store-hero .section-kicker {
  width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 34px;
  margin: 0 0 22px;
  padding: 8px 15px;
  border: 1px solid var(--pg-line);
  border-radius: 999px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 34px rgba(8, 13, 31, .08);
  color: #354258;
  font-size: 13px;
  font-weight: 850;
  letter-spacing: -.04em;
}

body.command-store-page.pixgom-unified .command-store-hero .section-kicker::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 999px;
  background: var(--pg-green);
  box-shadow: 0 0 0 7px rgba(38, 208, 146, .14);
}

body.command-store-page.pixgom-unified .command-store-hero h1 {
  max-width: 590px;
  margin: 0;
  color: var(--pg-ink);
  font-size: clamp(46px, 4.8vw, 62px);
  line-height: 1.06;
  font-weight: 950;
  letter-spacing: -.075em;
  word-break: keep-all;
}

body.command-store-page.pixgom-unified .command-store-hero p:not(.section-kicker) {
  max-width: 560px;
  margin: 24px 0 0;
  color: var(--pg-muted);
  font-size: 17px;
  line-height: 1.78;
  font-weight: 650;
  word-break: keep-all;
}

body.command-store-page.pixgom-unified .command-store-product-visual {
  height: 380px;
}

body.command-store-page.pixgom-unified .command-store-steps article,
body.command-store-page.pixgom-unified .beginner-flow,
body.command-store-page.pixgom-unified .template-toolbar,
body.command-store-page.pixgom-unified .template-editor,
body.command-store-page.pixgom-unified .installed-command-panel,
body.command-store-page.pixgom-unified .template-card {
  border: 1px solid var(--pg-line);
  border-radius: 24px;
  background: rgba(255, 255, 255, .9);
  box-shadow: 0 22px 70px -56px rgba(8, 13, 31, .5);
}

body.auth-page.pixgom-unified .auth-brand strong {
  display: block;
  color: var(--pg-ink);
  font-size: 18px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: -.04em;
}

body.auth-page.pixgom-unified .auth-brand small {
  display: block;
  margin-top: 4px;
  color: #6b7280;
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: .04em;
}

body.auth-page.pixgom-unified .auth-card .section-kicker {
  width: max-content;
  margin: 0 0 16px;
  padding: 7px 13px;
  border: 1px solid var(--pg-line);
  border-radius: 999px;
  background: rgba(248, 250, 252, .9);
  color: #62748e;
  font-size: 12px;
  font-weight: 850;
  letter-spacing: -.03em;
}

@media (max-width: 860px) {
  body.command-store-page.pixgom-unified .command-store-main {
    width: 100%;
    max-width: 480px;
    padding: 0 20px 48px;
  }

  body.command-store-page.pixgom-unified .command-store-hero {
    min-height: auto;
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: stretch;
    padding-top: 10px;
  }

  body.command-store-page.pixgom-unified .command-store-hero > div:first-child {
    order: 1;
  }

  body.command-store-page.pixgom-unified .command-store-product-visual {
    order: 0;
    height: 295px;
    margin-top: 18px;
  }

  body.command-store-page.pixgom-unified .command-store-hero h1 {
    font-size: 39px;
    line-height: 1.1;
  }
}

/* PIXGOM v15.22 admin gate product visual */
html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .inner-product-visual.home-product-visual {
  display: block !important;
  position: absolute !important;
  left: 665px !important;
  top: 92px !important;
  width: 360px !important;
  height: 246px !important;
  margin: 0 !important;
  opacity: 1 !important;
  pointer-events: none !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .inner-product-visual.home-product-visual .visual-stage {
  display: block !important;
  width: 360px !important;
  height: 246px !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .inner-product-visual.home-product-visual .product-box {
  display: block !important;
  opacity: 1 !important;
}

html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .console-login-panel {
  z-index: 2 !important;
}

@media (max-width: 860px) {
  html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .inner-product-visual.home-product-visual {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    order: 0 !important;
    width: 100% !important;
    height: 178px !important;
    margin: 10px 0 0 !important;
  }

  html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .inner-console-hero {
    order: 1 !important;
  }

  html body.console-shell-page.pixgom-inner-reference.pixgom-unified .console-app-shell.admin-gate-shell .console-login-panel {
    order: 2 !important;
  }
}

/* === PIXGOM final header/CI alignment: home-standard mobile header === */
@media (max-width: 760px) {
  html body .inner-site-header,
  html body .pg-header {
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 16px !important;
    margin: 0 !important;
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;
    border-bottom: 1px solid rgba(11, 16, 32, .06) !important;
    background: rgba(250, 248, 243, .90) !important;
    backdrop-filter: blur(14px) !important;
    -webkit-backdrop-filter: blur(14px) !important;
    box-shadow: none !important;
  }

  html body .pg-header-inner {
    width: 100% !important;
    max-width: none !important;
    min-height: 56px !important;
    height: 56px !important;
    padding: 0 !important;
    margin: 0 !important;
    display: contents !important;
  }

  html body .inner-site-brand,
  html body .pg-brand {
    grid-column: 1 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    min-width: 0 !important;
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #0b1020 !important;
    text-decoration: none !important;
  }

  html body .inner-site-brand img,
  html body .pg-brand img,
  html body .inner-site-brand .brand-mark,
  html body .pg-brand .brand-mark {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    border-radius: 8.5px !important;
    object-fit: contain !important;
    display: block !important;
    box-shadow: none !important;
  }

  html body .inner-site-brand strong,
  html body .pg-brand strong {
    display: block !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.02em !important;
    color: #0b1020 !important;
    margin: 0 !important;
  }

  html body .inner-site-brand small,
  html body .pg-brand small,
  html body .brand-version {
    display: none !important;
  }

  html body .inner-site-nav,
  html body .inner-site-action,
  html body .pg-nav,
  html body .pg-login,
  html body .pg-signup,
  html body .pg-actions {
    display: none !important;
  }

  html body .inner-site-header::after,
  html body .pg-header::after {
    content: "" !important;
    grid-column: 3 !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background:
      linear-gradient(#0b1020, #0b1020) center 12px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 20px / 21px 2.25px no-repeat,
      linear-gradient(#0b1020, #0b1020) center 28px / 21px 2.25px no-repeat !important;
    box-shadow: none !important;
    pointer-events: none !important;
  }

  html body .pg-menu,
  html body .menu-open {
    grid-column: 3 !important;
    justify-self: end !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: transparent !important;
    font-size: 0 !important;
    box-shadow: none !important;
  }
}