/* Scoped PostHog desktop layout — Rhymix 2.1.39. */
@font-face {
  font-family:PH-RoundHog;
  src:url('../assets/RoundHog-ad20905153cad02fadd7da79ee771d57.woff2') format('woff2');
  font-weight:400;
  font-display:swap
}
@font-face {
  font-family:PH-RoundHog;
  src:url('../assets/RoundHog-SemiBold-d86cd114131655b9b47995a1777e9d76.woff2') format('woff2');
  font-weight:600 700;
  font-display:swap
}
@font-face {
  font-family:PH-RoundHog;
  src:url('../assets/RoundHog-Bold-0418cc284def4ebc55a9d2895fd7cc39.woff2') format('woff2');
  font-weight:800 900;
  font-display:swap
}
#ph-layout * {
  box-sizing:border-box
}
#ph-layout button:not(.rx-module-content *),#ph-layout input:not(.rx-module-content *) {
  font:inherit
}
#ph-layout button:not(.rx-module-content *),#ph-layout a:not(.rx-module-content *) {
   -webkit-tap-highlight-color:transparent
}
#ph-layout button:not(.rx-module-content *) {
  cursor:pointer;
  color:inherit
}
#ph-layout a:not(.rx-module-content *) {
  color:inherit
}
#ph-layout button:focus-visible:not(.rx-module-content *),#ph-layout a:focus-visible:not(.rx-module-content *),#ph-layout input:focus-visible:not(.rx-module-content *) {
  outline:3px solid #577cef;
  outline-offset:3px
}
#ph-layout button:not(.rx-module-content *) {
  border:0;
  background:none
}
#ph-layout img:not(.rx-module-content *) {
  max-width:100%
}
#ph-layout p:not(.rx-module-content *) {
  line-height:1.5;
  margin:12px 0 20px
}
#ph-layout h1:not(.rx-module-content *),#ph-layout h2:not(.rx-module-content *),#ph-layout h3:not(.rx-module-content *) {
  letter-spacing:-.025em;
  margin:0;
  font-weight:700
}
#ph-layout h1:not(.rx-module-content *) {
  font-size:36px;
  line-height:40px;
  font-weight:800
}
#ph-layout h2:not(.rx-module-content *) {
  font-size:28px;
  line-height:36px
}
#ph-layout h3:not(.rx-module-content *) {
  font-size:18px;
  line-height:28px
}
#ph-layout small:not(.rx-module-content *) {
  font-size:12px
}
#ph-layout a.button:not(.rx-module-content *) {
  text-decoration:none
}
#ph-layout.desktop {
  height:100dvh;
  background:#a4b87b url('../assets/wallpaper.jpg') center center/cover no-repeat;
  position:relative;
  isolation:isolate
}
#ph-layout .hedge {
  position:absolute;
  z-index:-1;
  width:650px;
  bottom:-160px;
  right:-95px;
  pointer-events:none
}
#ph-layout .taskbar {
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  height: 42px;
  box-sizing: border-box;
  border-radius: 12px;
  background: linear-gradient(
    135deg,
    rgba(208, 214, 190, 0.45),
    rgba(208, 214, 190, 0.18)
  );
  border: 1px solid rgba(255, 255, 255, 0.35);
  box-shadow:
    0 8px 32px rgba(31, 38, 28, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.4);
  display: flex;
  align-items: center;
  padding: 4px 12px;
  gap: 14px;
  z-index: 20;
  color: #22291e;
  -webkit-backdrop-filter: blur(2px) saturate(160%);
  backdrop-filter: blur(2px) saturate(160%);
}
#ph-layout .brand-menu {
  display:flex;
  align-items:center;
  gap:5px;
  padding:0
}
#ph-layout .brand-menu img {
  width:27px;
  filter:grayscale(1)
}
#ph-layout .brand-menu svg {
  display:none
}
#ph-layout .taskbar nav {
  display:flex;
  gap:17px;
  align-items:center
}
#ph-layout .taskbar nav button,#ph-layout .taskbar nav a {
  padding:0;
  text-decoration:none;
  font-size:14px
}
#ph-layout .taskbar nav button:hover,#ph-layout .taskbar nav a:hover {
  text-decoration:underline
}
#ph-layout .task-actions {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:16px
}
#ph-layout .task-actions>a:not(.button),#ph-layout .task-actions>button {
  display:flex;
  align-items:center;
  padding:0
}
#ph-layout .button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:47px;
  background:#fffefa;
  border:1px solid #a7833e;
  border-radius:7px;
  box-shadow:2px 5px 0 #b78b38,inset 0 0 0 2px #e8e5d7;
  padding:10px 20px;
  font-weight:700;
  color:#111;
  transition:transform .12s,box-shadow .12s;
  text-align:center
}
#ph-layout .button.gold {
  background:#e0a63e;
  box-shadow:0 5px 0 #b88c36,inset 0 0 0 2px #d39d3e
}
#ph-layout .button:hover {
  filter:brightness(1.05);
  transform:translateY(-1px)
}
#ph-layout .button:active {
  transform:translateY(3px);
  box-shadow:0 1px 0 #b88c36
}
#ph-layout .button.small {
  min-height:31px;
  border-radius:5px;
  padding:6px 10px;
  font-size:12px;
  box-shadow:0 3px 0 #b88c36
}
#ph-layout .rail {
  position:absolute;
  top:64px;
  width:120px;
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:20px;
  z-index:2
}
#ph-layout .rail.left {
  left:0
}
#ph-layout .rail.right {
  right:0
}
#ph-layout .rail a {
  display:flex;
  align-items:center;
  flex-direction:column;
  justify-content:center;
  text-align:center;
  gap:3px;
  min-height:63px;
  color:white;
  font-weight:600;
  text-decoration:none;
  font-size:13px;
  text-shadow:0 2px 3px #374b31;
  max-width:108px;
  line-height:17px;
  filter:drop-shadow(0 3px 2px #596c4970)
}
#ph-layout .rail img {
  width:42px;
  height:42px;
  margin-bottom: 4px;
  object-fit:contain;
  transition:transform .2s
}
#ph-layout .rail a:hover img {
  transform:scale(1.12)
}
#ph-layout .rail a:nth-child(6) img {
  width:55px
}
#ph-layout .app-window {
  position:absolute;
  left:10.4%;
  right:10.4%;
  top:72px;
  bottom:32px;
  border-radius:22px;
  background:#d5dbc7;
  box-shadow:0 5px 15px #4a50321a;
  overflow:hidden;
  transition:inset .2s
}
#ph-layout .app-window.maximized {
  left:8px;
  right:8px;
  top:56px;
  bottom:8px;
  z-index:5
}
#ph-layout .window-actions {
  position:absolute;
  right:8px;
  top:8px;
  display:flex;
  gap:5px;
  z-index:8;
  opacity:.3
}
#ph-layout .window-actions button {
  padding:2px;
  display:flex
}
#ph-layout .window-actions:hover {
  opacity:1
}
#ph-layout .app-scroll-viewport {
  height:100%;
  overflow-y:scroll;
  overflow-x:hidden;
  scrollbar-width:thin;
  scrollbar-color:#a2aa99 transparent;
  outline:0;
  mask-image:linear-gradient(transparent,#000 28px,#000 calc(100% - 22px),transparent)
}
#ph-layout .page-content {
  max-width:1400px;
  margin:auto;
  display:flex;
  flex-direction:column;

}
#ph-layout .hero-logo {
  width:160px;
  height:44px;
  object-fit:contain;
  object-position:left center;
  margin-bottom:40px
}
#ph-layout .hero-grid {
  display:grid;
  grid-template-columns:1.06fr 1fr;
  gap:32px
}
#ph-layout .hero-copy p {
  font-size:18px;
  line-height:26px;
  margin-top:24px
}
#ph-layout .hero-copy .teams {
  margin-top:26px;
  color:#4e554a
}
#ph-layout .hero-copy h1 {
  white-space:normal
}
#ph-layout .hero-copy mark {
  background:#c5d3ce8c;
  color:#597ef2;
  border-radius:5px;
  padding:2px 3px;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone
}
#ph-layout .highlight {
  background:linear-gradient(176deg,transparent 5%,#e0c58966 15%,#e2cb9259 80%,transparent 95%);
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone
}
#ph-layout .hero-copy a {
  text-decoration-style:double;
  text-underline-offset:3px
}
#ph-layout .setup {
  background:#fffff9;
  border:1px solid #c4c9ba;
  border-radius:5px;
  box-shadow:0 26px 30px #5d635342;
  overflow:hidden;
  align-self:start;
  color:#111
}
#ph-layout .setup-inner {
  padding:16px
}
#ph-layout .setup h3 {
  display:flex;
  align-items:center;
  gap:5px
}
#ph-layout .setup h3 img {
  width:31px;
  height:20px
}
#ph-layout .setup ul {
  list-style:none;
  margin:12px 0 16px;
  padding:0;
  display:grid;
  gap:6px;
  line-height:20px
}
#ph-layout .setup li {
  display:flex;
  gap:6px;
  align-items:start
}
#ph-layout .setup li svg {
  color:#96b080;
  flex-shrink:0;
  margin-top:2px
}
#ph-layout .setup-buttons {
  display:flex;
  gap:8px
}
#ph-layout .setup-buttons>* {
  flex:1;
  padding-inline:8px
}
#ph-layout .install-command {
  padding:12px 16px;
  background:#e9ebe4
}
#ph-layout .install-command small {
  display:block;
  color:#5f645b;
  margin-bottom:5px
}
#ph-layout .command {
  border:1px solid #bfc3b7;
  border-radius:4px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  text-align:left;
  padding:8px;
  gap:12px;
  width:100%;
  font-size:12px;
  min-width:0
}
#ph-layout .command code {
  overflow-wrap:anywhere
}
#ph-layout .command:hover {
  background:#ffffff50
}
#ph-layout .showcase {
  --accent:#a337cf;
  filter:drop-shadow(0 20px 15px #64655720)
}
#ph-layout .theme-1 {
  --accent:#df5824
}
#ph-layout .theme-2 {
  --accent:#567cf1
}
#ph-layout .tabs {
  display:grid;
  grid-template-columns:repeat(3,1fr)
}
#ph-layout .tabs button {
  font-weight:700;
  padding:14px 10px 15px;
  font-size:14px;
  line-height:20px;
  position:relative;
  border-radius:5px 5px 0 0;
  color:#5a6255
}
#ph-layout .tabs button[aria-selected=true] {
  background:var(--accent);
  color:#fff
}
#ph-layout .tabs button[aria-selected=true] span {
  position:absolute;
  bottom:5px;
  left:8px;
  height:3px;
  background:#fff;
  width:calc(100% - 16px);
  transform-origin:left
}
#ph-layout .tabs button span.progress {
  animation:ph-progress 13s linear infinite
}
@keyframes ph-progress {
  from {
    transform:scaleX(0)
  }
  to {
    transform:scaleX(1)
  }
}
#ph-layout .showcase-body {
  border:8px solid var(--accent);
  background:white;
  border-radius:6px;
  display:grid;
  grid-template-columns:1.28fr 1fr;
  gap:32px;
  padding:24px;
  position:relative;
  min-height:455px
}
#ph-layout .pause {
  position:absolute;
  right:8px;
  top:8px;
  width:30px;
  height:30px;
  background:#fff;
  border:1px solid #e4e6df;
  border-radius:3px;
  display:grid;
  place-content:center
}
#ph-layout .demo-visual {
  min-width:0;
  background:#f5f5f1;
  border:1px solid #d6d7ce;
  border-radius:3px;
  box-shadow:0 0 6px #c8c9c236;
  overflow:hidden;
  min-height:390px;
  color:#171b17
}
#ph-layout .showcase-copy h2 {
  font-size:24px;
  line-height:32px;
  padding-right:6px
}
#ph-layout .showcase-copy p {
  font-size:18px;
  line-height:27px;
  margin:12px 0 16px
}
#ph-layout .showcase-copy p a {
  font-weight:700
}
#ph-layout .demo-tools {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px 8px;
  margin-top:30px;
  font-size:12px
}
#ph-layout .demo-tools>a {
  white-space:nowrap
}
#ph-layout .tool-link {
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:600;
  text-underline-offset:2px
}
#ph-layout .tool-icon {
  font-size:18px;
  line-height:18px
}
#ph-layout .color-0 {
  color:#6881f4
}
#ph-layout .color-1 {
  color:#ddb14b
}
#ph-layout .color-2 {
  color:#b786d3
}
#ph-layout .color-3 {
  color:#6fa39e
}
#ph-layout .color-4 {
  color:#7493bc
}
#ph-layout .color-5 {
  color:#db74a6
}
#ph-layout .ai-demo {
  padding:16px;
  font-size:12px;
  height:100%
}
#ph-layout .ai-demo header {
  display:flex;
  align-items:center;
  gap:4px;
  margin-bottom:14px
}
#ph-layout .ai-demo header img {
  width:24px
}
#ph-layout .ai-demo header small {
  margin-left:auto;
  font-size:9px;
  color:#7a7e75
}
#ph-layout .question {
  border:1px solid #d0d4c9;
  background:#e9ece3;
  border-radius:6px;
  padding:11px;
  font-weight:700;
  margin-left:15%;
  font-size:13px;
  line-height:18px
}
#ph-layout .ai-demo>p {
  font-size:12px;
  margin:14px 0
}
#ph-layout .source-row {
  display:flex;
  gap:6px;
  align-items:center;
  border-bottom:1px solid #d0d4c9;
  padding:7px 0
}
#ph-layout .source-row>div {
  flex:1
}
#ph-layout .source-row small {
  display:block;
  color:#676e61;
  font-size:10px
}
#ph-layout .service {
  font-weight:800;
  font-size:20px;
  line-height:24px;
  min-width:22px
}
#ph-layout .service-0 {
  color:#4285e2
}
#ph-layout .service-1 {
  color:#e49d21
}
#ph-layout .service-2 {
  background:#7969db;
  color:#fff;
  border-radius:4px;
  text-align:center;
  font-size:17px
}
#ph-layout .demo-answer {
  margin-top:15px;
  animation:ph-answer 13s infinite;
  opacity:0
}
#ph-layout .demo-answer p {
  font-size:12px;
  margin:6px 0
}
#ph-layout .mini-bars {
  height:88px;
  display:flex;
  gap:9px;
  align-items:end;
  padding:6px 15px;
  border-bottom:1px solid #cdd0c6
}
#ph-layout .mini-bars span {
  flex:1;
  background:#af84d3;
  border-radius:3px 3px 0 0
}
#ph-layout .demo-answer small {
  display:block;
  margin-top:7px;
  color:#777d70
}
@keyframes ph-answer {
  0%,20% {
    opacity:0;
    transform:translateY(8px)
  }
  30%,90% {
    opacity:1;
    transform:none
  }
  100% {
    opacity:0
  }
}
#ph-layout .context-map {
  height:100%;
  min-height:390px;
  background:radial-gradient(#d9ddcf 1px,transparent 1px) 0 0/20px 20px;
  display:grid;
  grid-template-columns:1fr 1fr;
  align-content:center;
  gap:40px 12px;
  padding:25px 18px;
  position:relative
}
#ph-layout .context-map>a {
  font-size:13px;
  justify-content:center
}
#ph-layout .agent-core {
  grid-column:1/-1;
  grid-row:2;
  background:#fffffa;
  box-shadow:0 2px 6px #454e4930;
  border:1px solid #c2c8b8;
  border-radius:8px;
  text-align:center;
  padding:18px;
  justify-self:center
}
#ph-layout .agent-core b {
  font-size:23px;
  display:block
}
#ph-layout .agent-core span {
  display:block;
  color:#9777c7;
  margin-top:8px
}
#ph-layout .context-map p {
  grid-column:1/-1;
  text-align:center;
  font-size:11px
}
#ph-layout .report-cards {
  padding:14px;
  display:grid;
  gap:12px
}
#ph-layout .report {
  padding:14px 10px;
  background:#fffffa;
  border:1px solid #d8ddd0;
  box-shadow:0 1px 3px #70756912;
  border-radius:5px;
  display:flex;
  gap:8px;
  min-width:0
}
#ph-layout .report>div {
  flex:1;
  min-width:0
}
#ph-layout .report strong {
  font-size:12px;
  line-height:19px;
  display:block
}
#ph-layout .report code {
  border:1px solid #dadfd3;
  background:#f8f9f3;
  border-radius:3px;
  padding:3px;
  font-size:10px
}
#ph-layout .priority {
  background:#f7e7de;
  padding:3px;
  border:1px solid #f0ded1;
  border-radius:3px;
  height:24px;
  font-size:10px;
  font-weight:700
}
#ph-layout .report p {
  font-size:11px;
  line-height:16px;
  color:#686f60;
  margin:7px 0 12px
}
#ph-layout .report small {
  font-size:9px;
  color:#626c5a
}
#ph-layout .float-right {
  float:right
}
#ph-layout .tools-ticker {
  display:flex;
  gap:20px;
  white-space:nowrap;
  overflow:hidden;
  align-items:center;
  font-size:12px;
  mask-image:linear-gradient(90deg,#000 92%,transparent)
}
#ph-layout .tools-ticker>b {
  font-size:12px;
  flex-shrink:0;
  color:#67715f
}
#ph-layout .tools-ticker>div {
  display:flex;
  gap:24px;
  animation:ph-ticker 65s linear infinite
}
#ph-layout .tools-ticker a {
  text-decoration:none
}
@keyframes ph-ticker {
  to {
    transform:translateX(-65%)
  }
}
#ph-layout .social>p,#ph-layout .cta-section>p {
  font-size:18px;
  line-height:27px;
  margin:10px 0 26px
}
#ph-layout .logo-panels {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  position:relative
}
#ph-layout .logo-panel {
  background:#f4f6eb;
  border-radius:20px;
  padding:18px 30px 28px;
  text-align:center
}
#ph-layout .logo-panel>b {
  display:block;
  font-size:14px;
  margin-bottom:24px
}
#ph-layout .logo-panel>div {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px 20px;
  align-items:center;
  justify-items:center
}
#ph-layout .logo-panel a {
  width:100%;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center
}
#ph-layout .logo-panel img {
  height:100%;
  max-width:100%;
  object-fit:contain
}
#ph-layout .logo-panel a:last-child {
  grid-column:1/-1;
  width:50%;
  height:36px
}
#ph-layout .shuffle {
  position:absolute;
  left:50%;
  top:8px;
  transform:translateX(-50%);
  border-radius:50%;
  height:34px;
  width:34px;
  background:#f9faf3;
  box-shadow:0 2px 3px #72775e36;
  z-index:2;
  display:grid;
  place-content:center
}
#ph-layout .workflow h2 {
  margin:10px 0 12px
}
#ph-layout .orange-highlight {
  color:#ce5c29;
  background:#e4b59a4d;
  padding:2px 4px;
  border-radius:4px
}
#ph-layout .step {
  margin-top:16px
}
#ph-layout .step>p {
  margin:6px 0 22px;
  color:#59634f;
  font-size:14px;
  line-height:22px
}
#ph-layout .step a {
  font-weight:700
}
#ph-layout .step+.step {
  margin-top:64px
}
#ph-layout .data-stage {
  position:relative;
  padding-bottom:210px;
  min-height:700px
}
#ph-layout .fetch-app {
  width:52.5%;
  height:430px;
  background:#111113;
  color:#dedee0;
  border-radius:12px;
  position:relative;
  box-shadow:0 22px 30px #545b4b3b;
  z-index:2;
  overflow:hidden;
  font-size:12px
}
#ph-layout .fetch-app header {
  display:flex;
  gap:9px;
  padding:14px;
  background:#0d0d0f;
  align-items:center
}
#ph-layout .fetch-app header>span {
  background:#ebc74c;
  border-radius:50%;
  padding:5px
}
#ph-layout .fetch-app header b {
  font-size:14px
}
#ph-layout .fetch-app header small {
  font-size:10px;
  display:block;
  color:#939498
}
#ph-layout .fetch-app .online {
  margin-left:auto;
  border:1px solid #282a28;
  border-radius:20px;
  padding:4px;
  color:#b1c5b0
}
#ph-layout .street-map {
  height:102px;
  background:linear-gradient(35deg,transparent 34%,#26262a 35%,#26262a 38%,transparent 39%),linear-gradient(90deg,transparent 24%,#26262a 25%,#26262a 27%,transparent 28%,transparent 65%,#26262a 66%,#26262a 68%,transparent 69%),linear-gradient(0deg,transparent 44%,#26262a 45%,#26262a 51%,transparent 52%);
  position:relative
}
#ph-layout .street-map>span {
  position:absolute;
  left:64%;
  top:13px;
  color:#84a4ff;
  text-shadow:0 0 5px #88a9ff;
  font-size:23px
}
#ph-layout .street-map small {
  position:absolute;
  bottom:10px;
  right:15px;
  background:#09090c;
  padding:6px;
  border-radius:12px;
  font-size:10px
}
#ph-layout .fetch-chat {
  padding:15px 22px
}
#ph-layout .fetch-chat>b {
  font-size:12px;
  background:#242426;
  padding:7px;
  border-radius:20px;
  display:block
}
#ph-layout .fetch-chat p {
  display:flex;
  gap:7px;
  padding-left:20px
}
#ph-layout .fetch-chat p span {
  border:1px solid #333337;
  border-radius:16px;
  padding:4px 10px;
  font-size:10px
}
#ph-layout .fetch-input {
  position:absolute;
  bottom:42px;
  left:14px;
  right:14px;
  border:1px solid #303035;
  background:#1c1c20;
  padding:12px;
  border-radius:24px;
  color:#8c8c92;
  display:flex;
  justify-content:space-between
}
#ph-layout .fetch-input svg {
  background:#d1af45;
  color:#222;
  border-radius:50%
}
#ph-layout .fetch-app footer {
  position:absolute;
  bottom:0;
  left:0;
  padding:9px 14px;
  font-size:10px;
  color:#81818a;
  font-family:monospace
}
#ph-layout .events-table {
  background:#fffff9;
  box-shadow:0 24px 28px #535a4b3b;
  width:50%;
  position:absolute;
  left:50%;
  top:48px;
  height:450px;
  border-radius:5px;
  overflow:hidden;
  color:#5c6654
}
#ph-layout .events-table header {
  padding:10px;
  background:#e6eadf;
  font-weight:700
}
#ph-layout .events-table header span {
  float:right;
  color:#7c80b6
}
#ph-layout .event {
  display:grid;
  grid-template-columns:2.7fr 1.2fr .6fr;
  gap:8px;
  padding:12px 15px;
  border-bottom:1px solid #dce1d4;
  align-items:center;
  font-size:9px;
  line-height:18px
}
#ph-layout .event>span {
  overflow:hidden;
  white-space:nowrap
}
#ph-layout .event code {
  font-size:10px;
  color:#454d3f
}
#ph-layout .event-icon {
  padding:3px 5px;
  background:currentColor;
  border-radius:4px;
  margin-right:8px;
  -webkit-text-stroke:1px #fff
}
#ph-layout .event.table-head {
  font-size:9px;
  padding-block:4px
}
#ph-layout .events-table>a {
  position:absolute;
  bottom:10px;
  right:12px;
  font-size:10px;
  color:#68705f
}
#ph-layout .analytics {
  position:absolute;
  left:4%;
  top:450px;
  width:49%;
  background:#fffffa;
  border-radius:5px;
  box-shadow:0 20px 30px #646c5140;
  z-index:3;
  font-size:11px;
  overflow:hidden
}
#ph-layout .analytics header {
  padding:10px;
  background:#e7eae1;
  font-weight:700
}
#ph-layout .analytics header small {
  float:right;
  font-size:9px;
  color:#8d9486;
  font-weight:400
}
#ph-layout .boxplot {
  display:flex;
  align-items:center;
  padding:12px;
  gap:20px
}
#ph-layout .boxplot b {
  width:95px;
  font-size:10px;
  flex-shrink:0
}
#ph-layout .boxplot b small {
  display:block;
  font:8px monospace;
  color:#9ba38f;
  margin-top:3px
}
#ph-layout .boxplot>div {
  height:22px;
  flex:1;
  position:relative
}
#ph-layout .boxplot>div:before {
  content:"";
  position:absolute;
  left:10%;
  right:10%;
  top:50%;
  height:2px;
  background:#c1c7b9
}
#ph-layout .boxplot>div span {
  position:absolute;
  top:20%;
  bottom:20%;
  width:1px;
  background:#adb3a7
}
#ph-layout .boxplot em {
  position:absolute;
  top:2px;
  height:18px;
  width:52px;
  background:#d3cffb;
  border:1px solid #9d8ee4;
  border-radius:3px
}
#ph-layout .boxplot em:after {
  content:"";
  position:absolute;
  height:100%;
  left:45%;
  width:2px;
  background:#8175c8
}
#ph-layout .boxplot .plot-1 {
  background:#e2d2ee
}
#ph-layout .boxplot .plot-2 {
  background:#d4e2db
}
#ph-layout .boxplot .plot-3 {
  background:#eed1e0
}
#ph-layout .analytics footer {
  text-align:right;
  border-top:1px solid #e1e5d9;
  padding:8px;
  font:8px monospace;
  color:#8a9480
}
#ph-layout .terminal {
  border:2px dashed #b2bba5;
  padding:12px 26px 30px;
  min-height:440px;
  color:#778568;
  font:12px monospace;
  margin:40px 6px 0
}
#ph-layout .terminal>div:first-child {
  border-bottom:1px solid #a1ad96;
  padding:0 0 12px
}
#ph-layout .terminal>div:first-child span {
  display:block;
  text-align:center;
  margin-top:-14px
}
#ph-layout .terminal pre {
  font-size:17px;
  line-height:20px;
  color:#637456;
  padding-top:60px;
  overflow:hidden
}
#ph-layout .terminal>.command {
  border:0;
  justify-content:start;
  padding-left:0;
  color:#445438
}
#ph-layout .terminal>a {
  display:block;
  margin-top:15px;
  font-size:12px
}
#ph-layout .agent-window {
  background:#fafbf6;
  border:1px solid #dce0d4;
  border-radius:18px;
  box-shadow:0 15px 20px #60695140;
  overflow:hidden;
  margin-top:35px;
  min-height:370px;
  position:relative
}
#ph-layout .agent-window header {
  display:flex;
  justify-content:space-between;
  align-items:center;
  background:#eff1e8;
  padding:14px 18px
}
#ph-layout .agent-window header>span {
  font-size:12px;
  color:#b3b9aa
}
#ph-layout .agent-window header a {
  font-size:11px;
  display:flex;
  gap:4px;
  align-items:center
}
#ph-layout .agent-window>p {
  background:#e8eae1;
  border-radius:14px;
  padding:14px;
  margin:28px 24px 0 auto;
  width:max-content;
  max-width:80%
}
#ph-layout .agent-response {
  padding:24px;
  display:flex;
  gap:12px;
  font-size:14px
}
#ph-layout .agent-response img {
  width:30px;
  object-fit:contain;
  align-self:start;
  margin-top:15px
}
#ph-layout .reply {
  position:absolute;
  bottom:14px;
  left:14px;
  right:14px;
  border:1px solid #e3e6dd;
  border-radius:14px;
  padding:18px 12px;
  color:#9ba08f;
  background:white
}
#ph-layout .reply span {
  float:right;
  background:#dbbfb3;
  border-radius:50%;
  color:white;
  padding:0 5px
}
#ph-layout .agent-dock {
  display:flex;
  background:#e8eddb;
  border:1px solid #bfc9b1;
  gap:8px;
  padding:8px;
  border-radius:16px;
  width:max-content;
  max-width:100%;
  margin:18px auto 0;
  box-shadow:0 6px 10px #687c4c35
}
#ph-layout .agent-dock button {
  width:48px;
  height:48px;
  border-radius:9px;
  background:#1e2023;
  color:#eee;
  font-size:29px;
  box-shadow:0 2px 3px #646b5880;
  border:1px solid #999f91;
  transition:transform .15s
}
#ph-layout .agent-dock button:first-child {
  background:#c78061
}
#ph-layout .agent-dock button:nth-child(2),#ph-layout .agent-dock button:nth-child(3) {
  background:#fff;
  color:#222
}
#ph-layout .agent-dock button.active {
  transform:translateY(-4px)
}
#ph-layout .agent-dock img {
  width:36px
}
#ph-layout .inbox-window {
  border-radius:18px;
  background:#e7ebdf;
  border:1px solid #cdd5c2;
  overflow:hidden;
  box-shadow:0 12px 20px #535b4830;
  padding:0 15px 12px 65px;
  position:relative
}
#ph-layout .inbox-window:before {
  content:"⌂\a\a▱\a\a⌁\a\a▦";
  white-space:pre;
  position:absolute;
  left:16px;
  top:60px;
  font-size:25px;
  color:#8d9981
}
#ph-layout .inbox-window>header {
  padding:12px 0;
  display:flex;
  align-items:center;
  gap:8px;
  border-bottom:1px solid #ced6c2;
  font-weight:700
}
#ph-layout .inbox-window>header img {
  width:27px
}
#ph-layout .inbox-window>header span {
  margin-left:auto;
  background:#fafcf4;
  padding:4px 10px;
  border-radius:8px;
  color:#929d85;
  font-size:12px
}
#ph-layout .inbox-window>h3 {
  font-size:15px;
  margin-top:12px
}
#ph-layout .inbox-tabs {
  padding:8px 0;
  color:#849076;
  border-bottom:1px solid #cad3bd
}
#ph-layout .inbox-tabs b {
  color:#d76c42;
  border-bottom:2px solid #d76c42;
  padding-bottom:8px
}
#ph-layout .inbox-filters {
  font-size:12px;
  padding:16px 0;
  color:#4e5c41
}
#ph-layout .inbox-filters span {
  float:right;
  border:1px solid #d2b578;
  padding:4px
}
#ph-layout .inbox-window .report-cards {
  padding:0
}
#ph-layout .expanded .report {
  padding:16px
}
#ph-layout .expanded .report strong {
  font-size:14px
}
#ph-layout .expanded .report p {
  font-size:13px;
  line-height:20px
}
#ph-layout .expanded .report small {
  font-size:11px
}
#ph-layout .drive-flow {
  display:flex;
  gap:20px;
  background:#e8edde;
  padding:45px 25px;
  border-radius:15px;
  box-shadow:0 14px 22px #5d6c4930;
  margin-top:30px
}
#ph-layout .drive-flow>div {
  position:relative;
  flex:1;
  text-align:center
}
#ph-layout .drive-flow span {
  font-size:36px;
  display:block;
  color:#9da785;
  background:#f5f7ef;
  border-radius:16px;
  width:70px;
  margin:0 auto 16px;
  padding:12px
}
#ph-layout .drive-flow b {
  font-size:13px
}
#ph-layout .drive-flow i {
  position:absolute;
  right:-17px;
  top:30px;
  color:#a6b294;
  font-size:25px;
  font-style:normal
}
#ph-layout .pr-proof {
  display:grid;
  grid-template-columns:1fr 1.5fr;
  gap:40px;
  border-top:1px solid #acb79e;
  border-bottom:1px solid #acb79e;
  padding:28px 0
}
#ph-layout .pr-proof>div {
  display:flex;
  gap:18px;
  align-items:center
}
#ph-layout .pr-proof strong {
  font-size:90px;
  font-weight:800;
  letter-spacing:-8px;
  color:#738557
}
#ph-layout .pr-proof p {
  font-size:14px
}
#ph-layout .pr-proof small {
  font-size:11px;
  color:#879174
}
#ph-layout .pr-proof ol {
  padding-left:25px;
  margin:0;
  font-size:12px
}
#ph-layout .pr-proof li {
  padding:7px;
  border-bottom:1px solid #bec7b0
}
#ph-layout .pr-proof li a {
  text-decoration:none
}
#ph-layout .pr-proof li small {
  display:block
}
#ph-layout .cta-section {
  margin-top:15px
}
#ph-layout .cta {
  background:#e7eadf;
  border:1px solid #ccd4bf;
  border-radius:5px;
  display:grid;
  grid-template-columns:1fr 1fr;
  padding:40px 32px;
  gap:60px;
  margin-top:48px
}
#ph-layout .cd-art {
  position:relative;
  align-self:center
}
#ph-layout .cd-art>img:first-child {
  width:100%;
  height:auto
}
#ph-layout .cd-art .g2 {
  position:absolute;
  width:90px;
  bottom:30px;
  left:-13px
}
#ph-layout .cd-art>small {
  display:block;
  text-align:right;
  font-size:10px;
  font-style:italic;
  color:#8d9584;
  line-height:15px;
  margin:22px 0 0 80px
}
#ph-layout .starburst {
  position:absolute;
  right:-50px;
  top:5px;
  background:#dfaa43;
  clip-path:polygon(50% 0,60% 22%,78% 5%,76% 30%,100% 25%,84% 46%,100% 58%,75% 61%,88% 87%,62% 77%,55% 100%,43% 78%,22% 95%,25% 69%,0 70%,18% 49%,0 36%,28% 32%,22% 8%,43% 26%);
  padding:50px 30px;
  font-size:16px;
  font-weight:800;
  color:#111;
  line-height:23px;
  text-align:center;
  transform:rotate(8deg);
  width:210px;
  height:205px
}
#ph-layout .eco {
  background:#83a859;
  border-radius:3px;
  color:white;
  padding:5px 8px;
  font-size:11px;
  font-weight:800
}
#ph-layout .cta-copy h2 {
  font-size:36px;
  line-height:42px;
  margin:22px 0 5px
}
#ph-layout .cta-copy>small {
  color:#a1aa93
}
#ph-layout .cta-copy h3 {
  margin:24px 0 16px
}
#ph-layout .clouds {
  display:flex;
  gap:12px;
  margin:34px 0 44px
}
#ph-layout .clouds button {
  font-weight:700;
  padding:12px;
  border:1px solid transparent
}
#ph-layout .clouds button[aria-pressed=true] {
  border-color:#747f66;
  background:#d4dacb;
  box-shadow:0 1px 3px #68735c40
}
#ph-layout .cta-copy h3 span {
  color:#e06631
}
#ph-layout .cta-copy h3 small {
  font-weight:400;
  color:#9aa38e
}
#ph-layout .cta-copy>.button {
  font-size:24px;
  min-width:265px
}
#ph-layout .hurry {
  font-size:12px;
  margin-top:48px;
  line-height:20px
}
#ph-layout .hurry b {
  color:#d6734b
}
#ph-layout .visitor-counter {
  font:20px monospace;
  letter-spacing:2px;
  margin-top:44px;
  color:#556744
}
#ph-layout .cookie {
  position:fixed;
  bottom:16px;
  right:16px;
  width:390px;
  border-radius:4px;
  border:1px solid #d5d8cf;
  background:#fffefa;
  box-shadow:0 12px 28px #46513a38;
  padding:16px;
  z-index:30;
  color:#151815;
  font-size:14px;
  overflow:hidden;
  min-height:180px
}
#ph-layout .cookie>button {
  position:absolute;
  top:15px;
  right:15px;
  padding:0;
  color:#5a5d56
}
#ph-layout .cookie>b {
  font-weight:700
}
#ph-layout .cookie>p {
  font-size:14px;
  color:#787d73;
  line-height:21px;
  margin:5px 0 12px
}
#ph-layout .cookie>p:last-of-type {
  max-width:215px;
  margin-top:12px
}
#ph-layout .cookie>img {
  position:absolute;
  right:-10px;
  bottom:0;
  width:180px
}
#ph-layout .dropdown {
  position:absolute;
  top:55px;
  left:45px;
  z-index:40;
  background:#f9faf3;
  border:1px solid #b9c1ad;
  border-radius:8px;
  padding:16px;
  box-shadow:0 12px 30px #35432644;
  width:540px;
  max-width:calc(100% - 32px)
}
#ph-layout .dropdown>header {
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:12px
}
#ph-layout .dropdown-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:4px 16px
}
#ph-layout .dropdown-grid a {
  font-size:14px;
  text-decoration:none;
  padding:9px;
  border-radius:4px
}
#ph-layout .dropdown-grid a:hover {
  background:#e8eddf
}
#ph-layout .dropdown-grid a span {
  float:right;
  color:#8e9b82
}
#ph-layout .search-menu {
  left:auto;
  right:20px
}
#ph-layout .dropdown input {
  padding:12px;
  border:1px solid #b8c2ac;
  border-radius:4px;
  width:100%;
  margin-bottom:10px;
  background:white
}
#ph-layout .reopen {
  position:absolute;
  top:40%;
  left:50%;
  transform:translateX(-50%)
}
@media(min-width:1800px) {
  #ph-layout .app-window {
    left:12%;
    right:12%
  }
  #ph-layout .hero-copy h1 {
    font-size:44px;
    line-height:50px
  }
}
@media(max-width:1100px) {
  #ph-layout .rail {
    display:none
  }
  #ph-layout .app-window {
    left:0;
    right:0;
    top:42px;
    bottom:0;
    border-radius:0
  }
  #ph-layout .taskbar {
    top:0;
    left:0;
    right:0;
    border-radius:0
  }
  #ph-layout .taskbar nav {
    display:none
  }
  #ph-layout .brand-menu svg {
    display:block
  }
  #ph-layout .hero-grid {
    grid-template-columns:1fr 1fr;
    gap:40px
  }
  #ph-layout .setup-buttons {
    flex-direction:column
  }
  #ph-layout .hero-copy h1 {
    font-size:36px;
    line-height:40px
  }
  #ph-layout .hero-logo {
    margin-bottom:40px
  }
  #ph-layout .showcase-body {
    grid-template-columns:1.2fr 1fr;
    gap:24px;
    padding:24px
  }
  #ph-layout .showcase-copy p {
    font-size:16px;
    line-height:24px
  }
  #ph-layout .taskbar .brand-menu img {
    width:32px
  }
  #ph-layout .task-actions {
    gap:16px
  }
  #ph-layout .cta {
    gap:32px;
    padding:30px
  }
  #ph-layout .starburst {
    transform:scale(.8) rotate(8deg);
    right:-65px;
    top:-20px
  }
}
@media(max-width:650px) {
  #ph-layout .taskbar {
    height:41px;
    padding:4px 15px
  }
  #ph-layout .task-actions {
    gap:15px
  }
  #ph-layout .task-actions .button {
    font-size:12px;
    padding:6px 9px
  }
  #ph-layout .taskbar .brand-menu img {
    width:30px
  }
  #ph-layout .taskbar .brand-menu {
    gap:7px
  }
  #ph-layout .hedge {
    display:none
  }
  #ph-layout.desktop {
    background:#d5dbc7
  }
  #ph-layout .app-window {
    top:41px
  }
  #ph-layout .window-actions {
    right:8px;
    top:9px
  }
  #ph-layout .window-actions button:first-child {
    display:none
  }
  #ph-layout .hero {
    text-align:center
  }
  #ph-layout .hero-logo {
    width:160px;
    object-position:center;
    margin:0 auto 40px;
    height:44px
  }
  #ph-layout .hero-grid {
    display:flex;
    flex-direction:column;
    gap:30px
  }
  #ph-layout .hero-copy {
    padding:0 12px
  }
  #ph-layout .hero-copy h1 {
    font-size:30px;
    line-height:36px
  }
  #ph-layout .hero-copy p {
    font-size:18px;
    line-height:26px;
    margin-top:26px
  }
  #ph-layout .hero-copy .teams {
    margin:27px auto 20px;
    max-width:290px;
    font-size:20px;
    line-height:28px
  }
  #ph-layout .setup {
    text-align:left;
    width:100%
  }
  #ph-layout .setup-inner {
    padding:16px
  }
  #ph-layout .setup h3 {
    font-size:18px
  }
  #ph-layout .setup ul {
    margin-top:14px;
    gap:7px
  }
  #ph-layout .setup-buttons {
    gap:10px
  }
  #ph-layout .setup-buttons>* {
    min-height:45px
  }
  #ph-layout .tabs button {
    font-size:12px;
    line-height:17px;
    padding:12px 6px;
    min-height:57px
  }
  #ph-layout .showcase-body {
    display:flex;
    flex-direction:column;
    padding:20px 16px;
    border-width:7px;
    gap:26px
  }
  #ph-layout .showcase-copy h2 {
    font-size:24px
  }
  #ph-layout .showcase-copy p {
    font-size:18px;
    line-height:27px
  }
  #ph-layout .demo-visual {
    min-height:350px
  }
  #ph-layout .ai-demo {
    padding:12px
  }
  #ph-layout .question {
    font-size:11px;
    margin-left:10%;
    padding:8px
  }
  #ph-layout .ai-demo .demo-answer {
    min-height:100px
  }
  #ph-layout .demo-tools {
    font-size:11px
  }
  #ph-layout .context-map {
    padding:25px 8px;
    gap:30px 6px
  }
  #ph-layout .context-map>a {
    font-size:11px
  }
  #ph-layout .tools-ticker {
    display:block
  }
  #ph-layout .tools-ticker>b {
    display:block;
    margin-bottom:15px
  }
  #ph-layout .tools-ticker>div {
    width:max-content
  }
  #ph-layout .social h2,#ph-layout .workflow h2,#ph-layout .cta-section h2 {
    font-size:26px;
    line-height:32px
  }
  #ph-layout .social>p,#ph-layout .cta-section>p {
    font-size:16px;
    line-height:24px
  }
  #ph-layout .logo-panels {
    grid-template-columns:1fr;
    gap:16px
  }
  #ph-layout .logo-panel {
    padding:18px 25px 28px
  }
  #ph-layout .logo-panel>div {
    gap:20px 24px;
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  #ph-layout .shuffle {
    left:auto;
    right:12px;
    top:12px;
    transform:none
  }
  #ph-layout.desktop-break {
    display:none
  }
  #ph-layout .step+.step {
    margin-top:44px
  }
  #ph-layout .step>h3 {
    font-size:18px;
    line-height:26px
  }
  #ph-layout .data-stage {
    min-height:790px;
    padding-bottom:0
  }
  #ph-layout .fetch-app {
    width:100%;
    height:355px
  }
  #ph-layout .fetch-app header {
    padding:10px
  }
  #ph-layout .fetch-app .online {
    font-size:8px
  }
  #ph-layout .fetch-chat {
    padding:10px
  }
  #ph-layout .fetch-chat>b {
    font-size:10px
  }
  #ph-layout .fetch-chat p span {
    padding:4px 8px
  }
  #ph-layout .events-table {
    left:0;
    top:372px;
    width:100%;
    height:245px
  }
  #ph-layout .events-table .event {
    padding:7px 9px;
    font-size:7px;
    grid-template-columns:2.8fr 1.3fr .7fr
  }
  #ph-layout .events-table .event code {
    font-size:8px
  }
  #ph-layout .event-icon {
    margin-right:4px
  }
  #ph-layout .analytics {
    left:5%;
    top:636px;
    width:90%
  }
  #ph-layout .boxplot {
    padding:7px
  }
  #ph-layout .boxplot b {
    font-size:8px;
    width:75px
  }
  #ph-layout .boxplot b small {
    font-size:7px
  }
  #ph-layout .analytics header {
    font-size:9px;
    padding:6px
  }
  #ph-layout .analytics header small {
    font-size:6px
  }
  #ph-layout .analytics footer {
    font-size:6px
  }
  #ph-layout .data-stage+.step {
    margin-top:80px
  }
  #ph-layout .terminal {
    padding:10px 12px;
    min-height:300px;
    margin:20px 0
  }
  #ph-layout .terminal pre {
    font-size:7px;
    line-height:10px;
    padding-top:45px
  }
  #ph-layout .terminal>p,#ph-layout .terminal>.command,#ph-layout .terminal>a {
    font-size:10px
  }
  #ph-layout .terminal>div:first-child {
    font-size:9px
  }
  #ph-layout .agent-window {
    min-height:310px
  }
  #ph-layout .agent-window header {
    padding:10px;
    font-size:12px
  }
  #ph-layout .agent-window header a {
    font-size:9px
  }
  #ph-layout .agent-window>p {
    font-size:12px;
    margin:18px 15px 0 auto
  }
  #ph-layout .agent-response {
    font-size:12px;
    padding:14px
  }
  #ph-layout .reply {
    font-size:11px
  }
  #ph-layout .agent-dock {
    gap:5px;
    padding:6px;
    border-radius:12px
  }
  #ph-layout .agent-dock button {
    height:39px;
    width:39px;
    font-size:25px
  }
  #ph-layout .inbox-window {
    padding-left:35px;
    padding-right:8px;
    border-radius:10px
  }
  #ph-layout .inbox-window:before {
    left:7px;
    font-size:18px
  }
  #ph-layout .inbox-window>h3 {
    font-size:12px
  }
  #ph-layout .inbox-tabs,#ph-layout .inbox-filters {
    font-size:9px
  }
  #ph-layout .inbox-filters span {
    display:none
  }
  #ph-layout .expanded .report {
    padding:10px 6px;
    gap:5px
  }
  #ph-layout .expanded .report strong {
    font-size:10px;
    line-height:16px
  }
  #ph-layout .expanded .report p {
    font-size:10px;
    line-height:15px
  }
  #ph-layout .expanded .report small {
    font-size:8px
  }
  #ph-layout .expanded .report code {
    font-size:7px
  }
  #ph-layout .expanded .priority {
    font-size:8px;
    padding:2px
  }
  #ph-layout .drive-flow {
    display:grid;
    grid-template-columns:1fr 1fr;
    padding:20px 12px;
    gap:28px 12px
  }
  #ph-layout .drive-flow b {
    font-size:10px
  }
  #ph-layout .drive-flow i {
    display:none
  }
  #ph-layout .drive-flow span {
    font-size:27px;
    width:55px;
    padding:10px
  }
  #ph-layout .pr-proof {
    grid-template-columns:1fr;
    gap:16px
  }
  #ph-layout .pr-proof strong {
    font-size:75px
  }
  #ph-layout .pr-proof>div {
    justify-content:center
  }
  #ph-layout .pr-proof ol {
    font-size:11px
  }
  #ph-layout .cta {
    grid-template-columns:1fr;
    padding:24px;
    gap:30px;
    margin-top:30px
  }
  #ph-layout .starburst {
    right:-35px;
    top:-35px;
    transform:scale(.65) rotate(8deg);
    transform-origin:top right
  }
  #ph-layout .cd-art .g2 {
    width:70px;
    bottom:35px;
    left:-10px
  }
  #ph-layout .cd-art>small {
    font-size:8px;
    line-height:12px;
    margin-left:60px
  }
  #ph-layout .cta-copy h2 {
    font-size:30px
  }
  #ph-layout .clouds {
    margin:24px 0;
    gap:2px
  }
  #ph-layout .clouds button {
    padding:10px;
    font-size:12px
  }
  #ph-layout .cta-copy>.button {
    width:100%;
    min-width:0
  }
  #ph-layout .hurry {
    font-size:10px;
    margin-top:30px
  }
  #ph-layout .cookie {
    left:16px;
    right:16px;
    bottom:16px;
    width:auto;
    padding:16px;
    min-height:180px
  }
  #ph-layout .cookie>p {
    font-size:14px;
    line-height:21px
  }
  #ph-layout .cookie>p:last-of-type {
    max-width:190px;
    margin-right:140px
  }
  #ph-layout .cookie img {
    right:-10px
  }
  #ph-layout .cookie b {
    font-size:14px
  }
  #ph-layout .cookie>button {
    right:20px
  }
  #ph-layout .dropdown {
    left:16px;
    right:16px;
    top:47px;
    width:auto;
    padding:12px
  }
  #ph-layout .dropdown-grid {
    gap:0 5px;
    max-height:75dvh;
    overflow:auto
  }
  #ph-layout .dropdown-grid a {
    font-size:12px;
    padding:9px 6px
  }
  #ph-layout .visitor-counter {
    font-size:16px
  }
  #ph-layout .cta-section {
    margin-top:0
  }
}
#ph-layout.desktop {
  background-position:right bottom
}
#ph-layout .hedge {
  width:54%;
  right:0;
  bottom:0
}
#ph-layout .hero-logo {
  margin-bottom:36px
}
#ph-layout .tabs button {
  padding-top:10px;
  padding-bottom:10px
}
#ph-layout .showcase-body {
  grid-template-columns:1.4fr 1fr
}
#ph-layout .tool-icon {
  width:16px;
  height:16px;
  object-fit:contain;
  flex-shrink:0
}
#ph-layout .brand-menu img {
  filter:grayscale(1) brightness(.3)
}
#ph-layout .logo-panel>div {
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:22px 20px
}
#ph-layout .logo-panel a {
  width:42%;
  height:32px
}
#ph-layout .logo-panel:first-of-type a:nth-child(n+7):nth-child(-n+9) {
  width:26%
}
#ph-layout .logo-panel a:last-child {
  width:42%
}
#ph-layout .logo-panel:first-of-type a:last-child {
  width:50%;
  height:36px
}
#ph-layout .logo-panel:nth-of-type(2) a:nth-child(n+7):nth-child(-n+12) {
  width:26%
}
#ph-layout .pull-request {
  background:#fffffa;
  border:1px solid #c4ccba;
  border-radius:18px;
  overflow:hidden;
  margin-top:22px;
  box-shadow:0 12px 20px #69765a20
}
#ph-layout .pull-request>header {
  background:#e7eadf;
  padding:14px 16px 0
}
#ph-layout .pull-request>header>b {
  font-size:18px;
  font-weight:400
}
#ph-layout .pull-request>header>b>span {
  color:#7d8574
}
#ph-layout .pull-request>header p {
  display:flex;
  align-items:center;
  gap:4px;
  margin:4px 0 16px
}
#ph-layout .pull-request img {
  width:18px
}
#ph-layout .pull-request code {
  font:12px monospace;
  background:#e9ece4;
  border:1px solid #d4dace;
  padding:3px;
  border-radius:3px
}
#ph-layout .merged {
  float:right;
  border-radius:20px;
  background:#a83ed0;
  color:white;
  padding:6px 10px;
  font-size:12px;
  font-weight:700
}
#ph-layout .pull-request nav {
  border-bottom:1px solid #ccd2c3;
  padding-bottom:10px
}
#ph-layout .pull-request nav>b {
  border-bottom:2px solid #d2744d;
  padding-bottom:10px
}
#ph-layout .pull-request nav>span {
  float:right;
  color:#75985f;
  font-size:12px
}
#ph-layout .pr-timeline {
  padding:16px 16px 22px 55px;
  position:relative
}
#ph-layout .pr-timeline:before {
  content:"";
  position:absolute;
  left:27px;
  top:18px;
  bottom:20px;
  width:1px;
  background:#ced6c1
}
#ph-layout .pr-timeline article {
  border:1px solid #cbd2c2;
  border-radius:5px;
  overflow:hidden
}
#ph-layout .pr-timeline article>header {
  padding:6px 12px;
  background:#e9ede4
}
#ph-layout .pr-timeline article>p {
  padding:0 12px;
  margin:10px 0
}
#ph-layout .pr-timeline .checks {
  color:#6a9154;
  line-height:24px
}
#ph-layout .pr-timeline>p {
  margin:14px 0
}
#ph-layout .follow-up {
  color:#89947d
}
#ph-layout .conversion-chart {
  display:grid;
  grid-template-columns:100px 1fr;
  gap:12px;
  padding:18px;
  font-size:11px;
  align-items:center
}
#ph-layout .conversion-chart i {
  height:20px;
  width:42%;
  background:#c6d1ba;
  border-radius:2px
}
#ph-layout .conversion-chart i:last-child {
  width:78%;
  background:#8caf73
}
#ph-layout .inbox-window {
  padding-bottom:120px;
  overflow:visible;
  margin-bottom:50px
}
#ph-layout .coding-agent {
  position:absolute;
  right:-24px;
  bottom:20px;
  width:62%;
  background:#101111;
  color:#d6d8d2;
  border:1px solid #484c43;
  border-radius:15px;
  box-shadow:0 12px 20px #4c534a3d;
  font:13px/23px monospace;
  overflow:hidden
}
#ph-layout .coding-agent header {
  background:#242622;
  color:#a8b39b;
  padding:10px 14px
}
#ph-layout .coding-agent header span {
  display:inline-block;
  margin-left:25%
}
#ph-layout .coding-agent>p {
  margin:14px
}
#ph-layout .coding-agent .agent-tool {
  color:#8eaa76
}
#ph-layout .coding-agent hr {
  border:0;
  border-top:1px solid #42463d;
  margin:15px
}
#ph-layout .coding-agent footer {
  background:#1d201b;
  padding:10px 14px;
  color:#707c65
}
#ph-layout .coding-agent footer small {
  font-size:10px
}
@media(max-width:650px) {
  #ph-layout .hero-logo {
    margin-bottom:40px
  }
  #ph-layout .tabs button {
    padding-top:12px;
    padding-bottom:12px
  }
  #ph-layout .logo-panel:first-of-type a:nth-child(n+7):nth-child(-n+9) {
    width:26%
  }
  #ph-layout .logo-panel:nth-of-type(2) a:nth-child(n+7):nth-child(-n+12) {
    width:26%
  }
  #ph-layout .coding-agent {
    width:90%;
    right:-3px;
    bottom:8px;
    font-size:9px;
    line-height:15px;
    border-radius:8px
  }
  #ph-layout .coding-agent>p {
    margin:10px
  }
  #ph-layout .coding-agent header {
    padding:7px 10px
  }
  #ph-layout .coding-agent footer {
    padding:7px 10px
  }
  #ph-layout .coding-agent footer small {
    font-size:8px
  }
  #ph-layout .inbox-window {
    padding-bottom:210px;
    margin-bottom:20px
  }
  #ph-layout .pull-request {
    border-radius:10px
  }
  #ph-layout .pull-request>header {
    padding:10px 10px 0;
    font-size:9px
  }
  #ph-layout .pull-request>header>b {
    font-size:12px
  }
  #ph-layout .pull-request>header p {
    font-size:9px
  }
  #ph-layout .pull-request code {
    font-size:8px;
    padding:2px
  }
  #ph-layout .pull-request .merged {
    font-size:8px;
    padding:3px 5px
  }
  #ph-layout .pull-request nav>span {
    display:none
  }
  #ph-layout .pr-timeline {
    font-size:10px;
    padding:12px 10px 16px 24px
  }
  #ph-layout .pr-timeline:before {
    left:13px
  }
  #ph-layout .pr-timeline article>header {
    padding:5px;
    font-size:9px
  }
  #ph-layout .pr-timeline article>p {
    padding:0 5px;
    font-size:10px
  }
  #ph-layout .conversion-chart {
    padding:10px;
    grid-template-columns:75px 1fr;
    font-size:9px
  }
  #ph-layout .logo-panel>div {
    gap:22px 16px
  }
}
#ph-layout .app-scroll-viewport {
  scrollbar-width:none
}
#ph-layout .app-scroll-viewport::-webkit-scrollbar {
  display:none
}
#ph-layout .hero-copy p {
  font-size:17px;
  line-height:25.5px
}
#ph-layout .scroll-thumb {
  position:absolute;
  right:4px;
  width:6px;
  background:#a4ad99;
  border-radius:5px;
  z-index:6;
  pointer-events:none;
  opacity:.8
}
@media(max-width:650px) {
  #ph-layout .hero-logo {
    display:block
  }
  #ph-layout .hero-copy {
    padding:0
  }
  #ph-layout .hero-copy p {
    font-size:17px;
    line-height:25.5px;
    margin-top:23px;
    text-wrap:balance
  }
  #ph-layout .hero-copy .teams {
    font-size:20px;
    line-height:28px;
    margin-top:23px;
    margin-bottom:20px
  }
  #ph-layout .hero-grid {
    gap:30px
  }
  #ph-layout .cookie {
    min-height:180px
  }
}
@media(prefers-reduced-motion:reduce) {
  #ph-layout *,#ph-layout *:before,#ph-layout *:after {
    animation:none!important;
    transition:none!important
  }
  #ph-layout .demo-answer {
    opacity:1
  }
}
#ph-layout .showcase.paused .demo-answer {
  animation-play-state:paused
}
#ph-layout .pause {
  z-index:5
}

/* CMS shell and content integration. Keep all selectors inside this layout. */
#ph-layout.desktop {
  position: fixed;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100dvh;
  color: #111827;
  font: 14px/1.5 PH-RoundHog, "Malgun Gothic", sans-serif;
}
#ph-layout [hidden] { display: none !important; }
#ph-layout .ph-landing {
  display: flex;
  flex-direction: column;
  gap: 48px;
  min-width: 0;
}
#ph-layout .taskbar { overflow: visible; }
#ph-layout .taskbar .ph-main-nav { display: block; }
#ph-layout .ph-main-nav ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#ph-layout .taskbar .ph-main-nav > ul {
  display: flex;
  align-items: center;
  gap: 21.6px;
}
#ph-layout .ph-main-nav li { position: relative; }
#ph-layout .ph-menu-row { display: flex; align-items: center; gap: 3px; }
#ph-layout .ph-main-nav a { display: block; text-decoration: none; }
#ph-layout .ph-main-nav a:hover { text-decoration: underline; }
#ph-layout .ph-menu-row > button {
  padding: 0 3px;
  min-width: 20px;
  min-height: 30px;
}
#ph-layout .ph-main-nav .is-selected > .ph-menu-row > a {
  font-weight: 700;
  text-decoration: underline;
  text-underline-offset: 4px;
}
#ph-layout .ph-submenu {
  position: absolute;
  left: -12px;
  top: calc(100% + 10px);
  min-width: 210px;
  max-width: 320px;
  padding: 10px !important;
  background: #fafbf5;
  border: 1px solid #bdc7b0;
  border-radius: 8px;
  box-shadow: 0 12px 25px #35432630;
}
#ph-layout .ph-submenu a { padding: 9px 10px !important; font-size: 14px; }
#ph-layout .ph-submenu ul { padding-left: 12px; font-size: 12px; color: #667258; }
#ph-layout .task-actions > button,
#ph-layout .task-actions > a:not(.button) { font-size: 25px; line-height: 25px; }
#ph-layout .task-actions .ph-account-text { font-size: 12px !important; }
#ph-layout .rail { max-height: calc(100dvh - 75px); overflow-y: auto; scrollbar-width: none; }
#ph-layout .rail a { flex-shrink: 0; }
#ph-layout .rail a.is-selected span { border-bottom: 1px solid #fff; }
#ph-layout .brand-menu > span { display: none; }
#ph-layout .window-actions { opacity: .6; }
#ph-layout .window-actions button { font-size: 21px; line-height: 20px; padding: 0 2px; }
#ph-layout .ph-playback { top: 58px; right: 14px; z-index: 6; }
#ph-layout .showcase { position: relative; }
#ph-layout .theme-0 .tabs > button:first-child > span { animation: ph-progress 13s linear infinite; }
#ph-layout .showcase.paused .tabs > button > span { animation-play-state: paused; }
#ph-layout .demo-tools .tool-icon { width: 16px; height: 16px; }
#ph-layout .ph-module-header { border-bottom: 1px solid #d3dbc7; padding: 0 0 22px; margin-bottom: 24px; }
#ph-layout .ph-module-header > a { font-size: 14px; color: #738164; text-decoration: none; }
#ph-layout .ph-module-header > h1 { font: 700 28px/1.4 PH-RoundHog, "Malgun Gothic", sans-serif; margin: 8px 0 0; }
#ph-layout .rx-module-content {
  position: relative;
  min-width: 0;
  width: 100%;
  border-radius: 12px;
  color: #222;
  font: 14px/1.6 "Malgun Gothic", Arial, sans-serif;
  overflow-wrap: break-word;
}
#ph-layout .rx-module-content:empty { display: none; }
#ph-layout .rx-module-content img,
#ph-layout .rx-module-content iframe,
#ph-layout .rx-module-content video { max-width: 100%; }
#ph-layout .rx-module-content .xe_content { overflow-wrap: anywhere; }
#ph-layout .ph-site-footer { text-align: center; color: #657752; padding-bottom: 10px; }
#ph-layout .ph-mobile-menu,
#ph-layout .ph-search {
  position: absolute;
  z-index: 40;
  top: 56px;
  right: 16px;
  width: 420px;
  max-width: calc(100% - 32px);
  max-height: calc(100dvh - 80px);
  overflow-y: auto;
  padding: 18px;
  border: 1px solid #bfc9b2;
  border-radius: 8px;
  background: #fafbf5;
  box-shadow: 0 12px 30px #35432638;
}
#ph-layout .ph-popover-title { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; }
#ph-layout .ph-popover-title button { font-size: 24px; line-height: 24px; }
#ph-layout .ph-search form { display: flex; gap: 8px; }
#ph-layout .ph-search input:not([type=hidden]) { min-width: 0; flex: 1; padding: 9px 12px; background: white; border: 1px solid #bdc7b0; border-radius: 4px; }
#ph-layout .ph-mobile-menu .ph-main-nav > ul { display: block; }
#ph-layout .ph-mobile-menu .ph-menu-row { justify-content: space-between; }
#ph-layout .ph-mobile-menu .ph-main-nav a { padding: 10px 6px; }
#ph-layout .ph-mobile-menu .ph-submenu { position: static; border: 0; box-shadow: none; background: #eef2e7; min-width: 0; max-width: none; }
#ph-layout .ph-skip { position: fixed; left: 18px; top: -100px; z-index: 100; background: white; padding: 12px 18px; border-radius: 5px; }
#ph-layout .ph-skip:focus { top: 12px; }
#ph-layout .ph-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#ph-layout .ph-restore { position: absolute; top: 45%; left: 50%; transform: translateX(-50%); }
#ph-layout .cookie { min-height: 120px; }
#ph-layout .cookie > p:last-of-type { max-width: none; margin-right: 0; }
@media (min-width: 1800px) {
  #ph-layout .hero-copy h1 { font-size: 36px; line-height: 40px; }
}
@media (max-width: 1100px) {
  #ph-layout .taskbar .ph-main-nav { display: none; }
  #ph-layout .brand-menu > span { display: inline; }
}
@media (max-width: 650px) {
  #ph-layout .ph-landing { gap: 46px; }
  #ph-layout .task-actions { gap: 12px; }
  #ph-layout .task-actions .ph-account-text { display: none; }
  #ph-layout .ph-playback { top: 73px; }
  #ph-layout .rx-module-content { border-radius: 8px; padding: 16px 12px; }
  #ph-layout .ph-module-header > h1 { font-size: 24px; }
  #ph-layout .ph-mobile-menu,
  #ph-layout .ph-search { top: 47px; right: 16px; left: 16px; width: auto; }
}
@media print {
  #ph-layout.desktop { position: static; height: auto; background: white; }
  #ph-layout .taskbar, #ph-layout .rail, #ph-layout .window-actions, #ph-layout .hedge,
  #ph-layout .cookie, #ph-layout .scroll-thumb { display: none; }
  #ph-layout .app-window { position: static; overflow: visible; box-shadow: none; border-radius: 0; }
  #ph-layout .app-scroll-viewport { height: auto; overflow: visible; mask-image: none; }
}

/* Inline Rhymix integrated search in the top taskbar. */
#ph-layout .ph-header-search {
  display: flex;
  align-items: center;
  width: clamp(140px, 18vw, 250px);
  min-width: 0;
  height: 32px;
  border: 1px solid #bdc7b0;
  border-radius: 999px;
  background: #ffffff4d;
}
#ph-layout .ph-header-search:focus-within {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
}
#ph-layout .ph-header-search input[type=search] {
  flex: 1;
  min-width: 0;
  width: 100%;
  height: 100%;
  padding: 5px 9px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #111;
  font: inherit;
  font-size: 13px;
}
#ph-layout .ph-header-search button {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 30px;
  padding: 0;
  font-size: 23px;
}
@media (max-width: 650px) {
  #ph-layout .task-actions { flex: 0 0 auto; min-width: 0; }
  #ph-layout .ph-header-search { flex: 1; width: auto; }
}

#ph-layout .rail img.ph-home-icon {
  width: 42px;
  height: 42px;
  margin-top: 2px;
  margin-bottom: 8px;
  object-fit: contain;
}

#ph-layout .taskbar .brand-menu img.ph-start-icon {
  width: 28.8px;
  height: 28.8px;
  object-fit: contain;
  filter: none;
  flex-shrink: 0;
}
@media (max-width: 650px) {
  #ph-layout .taskbar .brand-menu img.ph-start-icon {
    width: 25.2px;
    height: 25.2px;
  }
}

/* Highlight the current primary menu icon. */
#ph-layout .taskbar .ph-main-nav > ul > li.is-selected,
#ph-layout .taskbar .ph-main-nav > ul > li.is-selected > .ph-menu-row,
#ph-layout .taskbar .ph-main-nav > ul > li.is-selected > .ph-menu-row > a img {
  background: transparent;
}
#ph-layout .taskbar .ph-main-nav > ul > li.is-selected > .ph-menu-row > a {
  background: #f5a623;
  border-radius: 5px;
}

/* Open the home menu layer on the left side of the screen. */
#ph-layout .ph-mobile-menu {
  left: 16px;
  right: auto;
}

#ph-layout .ph-mobile-menu .ph-main-nav > ul > li > .ph-menu-row > a {
  display: flex;
  align-items: center;
  gap: 10px;
}
#ph-layout .ph-mobile-menu .ph-layer-menu-icon {
  width: 32px;
  height: 32px;
  object-fit: contain;
  flex-shrink: 0;
}

#ph-layout .ph-menu-account {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 14px;
  font-weight: 600;
}
#ph-layout .ph-menu-account a {
  color: inherit;
  text-decoration: none;
}
#ph-layout .ph-menu-account a:hover {
  text-decoration: underline;
}

#ph-layout .ph-taskbar-clock {
  margin-left: auto;
  flex-shrink: 0;
  white-space: nowrap;
  font-size: 13px;
  line-height: 1.4;
  font-variant-numeric: tabular-nums;
}
@media (max-width: 650px) {
  #ph-layout .ph-taskbar-clock { font-size: 11px; }
}

#ph-layout .ph-restore {
  cursor: grab;
  touch-action: none;
  user-select: none;
  max-width: 100%;
}
#ph-layout .ph-restore.is-positioned {
  transform: none;
}
#ph-layout .ph-restore.is-dragging {
  cursor: grabbing;
  transition: none;
}
#ph-layout .window-title {
  margin-left:30pt;
  margin-top: 6pt;
  display:flex;
  font-size: 18px;
  font-weight: bold;
}

/* Attached to body so the taskbar cannot clip the menu tooltip. */
.ph-primary-tooltip {
  position: fixed;
  z-index: 10000;
  max-width: calc(100vw - 16px);
  padding: 5px 9px;
  border-radius: 5px;
  background: #22291e;
  color: #fff;
  font: 12px/1.4 Arial, "Malgun Gothic", sans-serif;
  overflow-wrap: anywhere;
  pointer-events: none;
  box-shadow: 0 2px 6px #0003;
}
.ph-primary-tooltip[hidden] { display: none; }

/* Keep the titlebar outside the scrolling content when restoring a window. */
@media screen {
  #ph-layout .app-window {
    display: flex;
    flex-direction: column;
  }
  #ph-layout .app-window > .window-title {
    flex: 0 0 auto;
    min-height: 32px;
    padding-right: 80px;
  }
  #ph-layout .app-window > .app-scroll-viewport {
    flex: 1 1 0;
    min-height: 0;
    height: auto;
  }
}

/* Seven persistent windows with a non-overlapping, bottom-left dock. */
#ph-layout .app-window {
  --ph-step: 0;
  left: calc(10.4% + var(--ph-step) * 14px);
  right: calc(10.4% + (6 - var(--ph-step)) * 14px);
  top: calc(72px + var(--ph-step) * min(20px, 2dvh));
  bottom: 88px;
  border: 1px solid #a6b196;
}
#ph-layout .app-window.ph-active-window { box-shadow: 0 8px 28px #35432655; }
#ph-layout .app-window.maximized { inset: 56px 8px 88px; }
#ph-layout .app-window > .window-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding-right: 108px;
}
#ph-layout .ph-layer-window > iframe {
  display: block;
  flex: 1 1 0;
  min-height: 0;
  width: 100%;
  border: 0;
  background: #d5dbc7;
}
#ph-layout .ph-window-dock {
  --ph-dock-gap: clamp(4px, 1vw, 10px);
  --ph-dock-size: clamp(44px, calc((100vw - 24px - 6 * var(--ph-dock-gap)) / 7), 70px);
  position: absolute;
  left: 12px;
  bottom: 10px;
  z-index: 19;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: var(--ph-dock-gap);
  max-width: calc(100% - 24px);
  padding: 3px;
  margin: -3px;
  box-sizing: content-box;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-x: contain;
  scrollbar-width: thin;
}
#ph-layout .ph-dock-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1px;
  width: var(--ph-dock-size);
  min-width: 0;
  flex: 0 0 var(--ph-dock-size);
  box-sizing: border-box;
  height: var(--ph-dock-size);
  padding: 3px;
  border: 1px solid #a6b196;
  border-radius: 4px;
  background: #fafbf5ed;
  color: #22291e;
  cursor: pointer;
  box-shadow: 0 3px 8px #35432630;
}
#ph-layout .ph-dock-icon > img { width: min(32px, calc(var(--ph-dock-size) * .45)); height: min(32px, calc(var(--ph-dock-size) * .45)); object-fit: contain; }
#ph-layout .ph-dock-symbol { font-size: min(28px, calc(var(--ph-dock-size) * .4)); line-height: 1; }
#ph-layout .ph-dock-icon > span:last-child {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
#ph-layout .ph-dock-icon:focus-visible { outline: 2px solid #354326; outline-offset: 2px; }
#ph-layout.ph-embedded { background: #d5dbc7; }
#ph-layout.ph-embedded > :not(.app-window) { display: none !important; }
#ph-layout.ph-embedded > #ph-main-window {
  position: absolute;
  inset: 0;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
#ph-layout.ph-embedded > #ph-main-window > .window-title,
#ph-layout.ph-embedded > #ph-main-window > .window-actions { display: none; }
@media (max-width: 1100px) {
  #ph-layout .app-window {
    left: calc(4px + var(--ph-step) * min(10px, 1.5vw));
    right: calc(4px + (6 - var(--ph-step)) * min(10px, 1.5vw));
    top: calc(52px + var(--ph-step) * min(20px, 2dvh));
    border-radius: 12px;
  }
  #ph-layout .app-window.maximized { inset: 48px 4px 88px; }
  #ph-layout .app-window > .window-title { margin-left: 12px; }
}
@media print {
  #ph-layout .ph-window-dock { display: none; }
}

/* Fill the yFinder content frame, including after maximize/restore and resize.
   Keep admin controls in normal flow so their height is reserved automatically. */
#ph-layout.ph-file-manager .app-scroll-viewport {
  overflow: hidden;
  mask-image: none;
}
#ph-layout.ph-file-manager .page-content {
  height: 100%;
  min-height: 0;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#ph-layout.ph-file-manager #ph-module-content {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-height: 0;
  padding: 0;
  box-sizing: border-box;
}
#ph-layout.ph-file-manager iframe[name="YangelFinder"] {
  display: block;
  flex: 1 1 0;
  width: 100% !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0;
  border: 0;
}