/* outfit-latin-ext-wght-normal */
@font-face {
  font-family: 'Outfit Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://code-components.website-files.com/6af3496e8798b396f8e1d517%2Fmodule%2F562d506c56800e98f6dc-outfit-latin-ext-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* outfit-latin-wght-normal */
@font-face {
  font-family: 'Outfit Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://code-components.website-files.com/6af3496e8798b396f8e1d517%2Fmodule%2F9361ca49fa8244163822-outfit-latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
.ortium-hero-pill {
  position: relative;
  display: inline-grid;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  padding: 1px;
  border-radius: 14px;
  background: #dfe1e6;
  vertical-align: middle;
  font-family: "Outfit Variable", "Outfit", sans-serif;
  -webkit-font-smoothing: antialiased;
}

.ortium-hero-pill::before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  top: 50%;
  width: 220%;
  aspect-ratio: 1;
  background: conic-gradient(from 0deg, transparent 0deg 235deg, #9966ff55 280deg, #9966ff 325deg, transparent 360deg);
  transform: translate(-50%, -50%) rotate(0deg);
  animation: ortium-pill-orbit 5s linear infinite;
  animation-play-state: paused;
  pointer-events: none;
}

.ortium-hero-pill[data-visible="true"]::before { animation-play-state: running; }

.ortium-hero-pill__label {
  display: block;
  padding: 6px 15px;
  border-radius: inherit;
  background: #fff;
  color: #4b5563;
  font-size: 13px;
  font-weight: 450;
  line-height: 19px;
  white-space: nowrap;
}

@keyframes ortium-pill-orbit {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
  .ortium-hero-pill::before { animation: none; }
}

.ortium-homepage-hero { container:homepage-hero / inline-size; width:100%; min-width:0; font-family:"Outfit Variable","Outfit",sans-serif; color:#191f2b; line-height:1.5; -webkit-font-smoothing:antialiased; }
.ortium-homepage-hero, .ortium-homepage-hero * { box-sizing:border-box; }
:is(.hph-intro,.hph-copy,.hph-fragment) :is(h1,h3,p) { margin:0; }
.hph-intro { text-align:center; }
.hph-intro h1 { max-width:1140px; margin:28px auto 0; font-size:56px; line-height:1.15; letter-spacing:-1.9px; font-weight:500; color:#303030; }
.hph-stage { position:relative; margin-top:26px; padding-bottom:143px; }
.hph-copy { max-width:550px; margin:auto; text-align:center; }
.hph-copy > p { color:#737373; font-size:18px; line-height:1.7; }
.hph-copy > p > span { display:block; white-space:nowrap; }
.hph-trial { display:inline-flex; align-items:center; justify-content:center; margin-top:28px; padding:11px 16px; border-radius:10px; background:#191f2b; color:#fff; text-decoration:none; font-size:16px; font-weight:600; line-height:20px; transition:background .15s; }
.hph-trial:hover { background:#2b3443; }
.hph-trial:focus-visible { outline:2px solid #2563eb; outline-offset:4px; }
.hph-fragment { position:absolute; border:1px solid #e1e5ec; border-radius:14px; background:#fff; box-shadow:0 16px 40px -24px #26324833,0 2px 8px #26324804; text-align:left; }
.hph-fragment-left { left:0; top:0; width:clamp(230px,20cqw,270px); }
.hph-fragment-right { right:0; top:42px; width:clamp(250px,23cqw,310px); }
.hph-fragment > div { padding:18px; min-height:174px; animation:hph-detail-in .22s ease-out; }
.hph-fragment header { display:flex; align-items:center; gap:8px; font-size:12px; color:#6b7280; line-height:1.4; }
.hph-fragment header > svg { color:#2563eb; width:16px; height:16px; flex-shrink:0; }
.hph-fragment header > img { width:18px; height:18px; object-fit:contain; }
.hph-fragment h3 { font-size:17px; line-height:1.35; font-weight:500; letter-spacing:-.2px; margin-top:14px; }
.hph-fragment p { font-size:13px; color:#6b7280; line-height:1.5; }
.hph-fragment footer { border-top:1px solid #eef0f3; padding-top:11px; margin-top:14px; font-size:11px; color:#8793a5; line-height:1.5; }
.hph-account-heading { display:flex; align-items:center; gap:10px; }
.hph-account-heading > img { width:28px; height:28px; object-fit:contain; }
.hph-account-heading > div { display:grid; }
.hph-account-heading strong { font-size:15px; font-weight:500; line-height:1.4; }
.hph-account-heading span { font-size:11px; color:#9ca3af; }
.hph-account-heading > [role="img"] { margin-left:auto; display:flex; flex-shrink:0; }
.hph-fragment .hph-crm-icon { width:18px; height:18px; }
.hph-context-label { margin-top:15px; margin-bottom:8px; font-size:11px; color:#9ca3af; }
.hph-company-rows { display:grid; gap:9px; }
.hph-company-rows > div { display:flex; align-items:center; gap:9px; font-size:13px; }
.hph-company-rows img { width:18px; height:18px; object-fit:contain; }
.hph-company-rows strong { font-weight:400; }
.hph-company-rows .hph-check { margin-left:auto; width:14px; height:14px; color:#00a56a; }
.hph-context-status { display:flex; align-items:center; gap:7px; }
.hph-context-status svg { width:14px; height:14px; color:#2563eb; flex-shrink:0; }
.hph-source-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:13px; }
.hph-source-pills > span { padding:3px 8px; border:1px solid #e5e7eb; border-radius:999px; color:#6b7280; background:#f9fafb; font-size:11px; }
.hph-metrics { display:grid; grid-template-columns:1fr 1fr; margin-top:19px; gap:12px; }
.hph-metrics strong { font-size:30px; font-weight:500; line-height:1.2; display:block; letter-spacing:-.6px; }
.hph-metrics span { font-size:12px; color:#6b7280; }
.hph-ready,.hph-on,.hph-signal { padding:2px 7px; border-radius:999px; background:#ecfdf5; color:#047857; font-size:10px; white-space:nowrap; margin-left:auto; }
.hph-signal { border:1px solid #a7f3d0; }
.hph-insight-stat { display:flex; gap:12px; align-items:center; margin-top:16px; }
.hph-insight-stat > strong { font-size:34px; line-height:1; font-weight:500; letter-spacing:-1px; }
.hph-insight-stat small { font-size:21px; }
.hph-evidence-bar { height:6px; background:#eff2f6; border-radius:3px; overflow:hidden; margin-top:14px; }
.hph-evidence-bar span { display:block; height:100%; background:#9966ff; border-radius:inherit; }
.hph-site-brand { display:flex; align-items:center; justify-content:space-between; margin-top:14px; }
.hph-site-brand strong { font-size:13px; font-weight:500; }
.hph-site-brand strong span { color:#36a2eb; }
.hph-site-brand img { width:18px; height:18px; }
.hph-signal-company { display:flex; align-items:center; gap:7px; margin-top:14px; font-size:12px; }
.hph-signal-company img { width:18px; height:18px; }
.hph-signal-company strong { font-weight:500; }
.hph-signal-company > span { margin-left:auto; color:#9ca3af; font-size:11px; }
/* Only this composition detaches the existing walkthrough navigation. */
.hph-walkthrough .ortium-demo.ortium-demo-v2 { width:100%; max-width:none; }
.hph-walkthrough .demo-frame { border:0; border-radius:0; box-shadow:none; overflow:visible; background:transparent; }
.hph-walkthrough .demo-tour-controls { border:0; background:transparent; margin-bottom:22px; }
.hph-walkthrough .demo-tour-controls nav { gap:8px; }
.hph-walkthrough .demo-tour-controls nav button { border:1px solid transparent; border-radius:10px; padding:10px 8px; color:#6b7280; min-height:50px; }
.hph-walkthrough .demo-tour-controls nav button + button { border-left:1px solid transparent; }
.hph-walkthrough .demo-tour-controls nav button[aria-current] { border-color:#bfdbfe; background:#eff6ff; color:#2563eb; }
.hph-walkthrough .demo-app { border:1px solid #e1e5ec; border-radius:16px; overflow:hidden; box-shadow:0 24px 60px -36px #26324838,0 2px 8px #26324805; }
@keyframes hph-detail-in { from { opacity:.2; transform:translateY(3px); } to { opacity:1; transform:translateY(0); } }
@media (max-width:1439px) { .hph-intro h1 { font-size:52px; } }
@media (max-width:991px) { .hph-intro h1 { font-size:44px; letter-spacing:-1.3px; } .hph-copy > p { font-size:16px; } }
@media (max-width:767px) { .hph-intro h1 { font-size:42px; letter-spacing:-1.2px; } .hph-desktop-break { display:none; } }
@container homepage-hero (max-width:1200px) { .hph-copy { max-width:min(550px, calc(100% - 520px)); } .hph-fragment-left { width:230px; } .hph-fragment-right { width:250px; } .hph-fragment > div { padding:16px; } .hph-fragment-right { top:57px; } .hph-stage { padding-bottom:163px; } }
@container homepage-hero (max-width:1040px) { .hph-fragment { display:none; } .hph-stage { padding-bottom:40px; } .hph-copy { max-width:600px; } .hph-intro h1 { max-width:950px; text-wrap:balance; } .hph-desktop-break { display:none; } }
@container homepage-hero (max-width:650px) { .hph-copy > p > span { display:inline; white-space:normal; } .hph-intro h1 { margin-top:24px; } .hph-stage { margin-top:20px; } .hph-copy { max-width:480px; } .hph-trial { margin-top:24px; } .hph-walkthrough .demo-tour-controls nav { gap:6px; } .hph-walkthrough .demo-tour-controls nav button { flex-basis:140px; } .hph-walkthrough .demo-tour-controls { margin-bottom:14px; } }
@media (prefers-reduced-motion:reduce) { .hph-fragment > div { animation:none; } .hph-trial { transition:none; } }

.hph-fragment header > .hph-crm-icon { width:18px; height:18px; color:#ff7a59; }

.hph-walkthrough .demo-tour-controls nav button > span.v2-step-icon:first-child { border:0; border-radius:0; background:transparent; color:inherit; }
.hph-walkthrough .v2-step-icon svg { width:20px; height:20px; }

.hph-walkthrough .v2-added-row { animation:hph-account-in .28s ease-out; }
@keyframes hph-account-in { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@media (prefers-reduced-motion:reduce) { .hph-walkthrough .v2-added-row { animation:none; } }