/* Lead integration guide only. The shared integration/admin stylesheet is unchanged. */
@font-face{font-family:'Lunium Journey Display';src:url('/fonts/ClashDisplay-500.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Lunium Journey Display';src:url('/fonts/ClashDisplay-600.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
body.integration-journey{--ink:#242131;--muted:#646270;--line:#dedbe5;--purple:#684392;--soft:#f1eaf9;--green:#246342;--bg:#f6f5f8;--journey-display:'Lunium Journey Display',system-ui,sans-serif;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
.integration-journey [hidden]{display:none!important}
.integration-journey a{color:#684392;text-underline-offset:4px}
.integration-journey a:hover{color:#412b59}
.integration-journey :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #9067b8;outline-offset:4px}
.integration-journey .journey-shell{max-width:1200px;margin-inline:auto;padding-inline:30px;width:100%;min-width:0}
.integration-journey .journey-nav{padding:0;margin:0;max-width:none;background:#080a0d;border-bottom:1px solid #2a2d35;display:block;color:#f5f4f9}
.integration-journey .journey-nav-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:26px}
.integration-journey .journey-brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;min-width:0}
.integration-journey .journey-brand img{width:41px;height:30px;object-fit:contain;flex:none}
.integration-journey .journey-brand .wordmark{font:600 15px/1 var(--journey-display);color:#f3f0f9;letter-spacing:.14em;white-space:nowrap}
.integration-journey .journey-brand .wordmark b{font-weight:500;color:#a9a6b1;margin-left:3px}
.integration-journey .journey-header-links{display:flex;align-items:center;gap:26px;font-size:13px}
.integration-journey .journey-header-links a{color:#b8bdca;white-space:nowrap}
.integration-journey .journey-header-links a:hover{color:#f0e1ff}
.integration-journey .journey-header-links .journey-login,.integration-journey .journey-login{display:inline-flex;justify-content:center;align-items:center;background:#c0a2fa;color:#241330;border:1px solid #c0a2fa;border-radius:8px;min-height:42px;padding:10px 20px;font-size:13px;font-weight:650;text-decoration:none}
.integration-journey .journey-login:hover{background:#d0b7fa;color:#241330}
.integration-journey .journey-hero{background:#080a0d;color:#f0edf6;padding:48px 0 52px;border-bottom:1px solid #31323d}
.integration-journey .journey-hero-inner{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:66px;align-items:center}
.integration-journey .journey-hero-copy{min-width:0}
.integration-journey .eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.15em;font-weight:600;color:#79529e;margin:0 0 17px}
.integration-journey .journey-hero .eyebrow{color:#c0a2fa}
.integration-journey h1{font:500 clamp(42px,4.4vw,54px)/1.06 var(--journey-display);letter-spacing:-.04em;margin:0 0 23px;max-width:720px;text-wrap:balance}
.integration-journey h1 em{color:#c0a2fa;font-style:normal}
.integration-journey .journey-hero .intro{font-size:16px;line-height:1.75;color:#b8bdca;max-width:620px;margin:0}
.integration-journey .journey-hero-actions{margin:23px 0 0}
.integration-journey .journey-hero-actions .button{background:#c0a2fa;color:#241330;border-color:#c0a2fa}
.integration-journey .journey-hero-actions .button:hover{background:#d1b9fb;border-color:#d1b9fb;color:#241330}
.integration-journey .journey-hero-actions .button.secondary{background:transparent;color:#e7def3;border-color:#575061}
.integration-journey .journey-hero-actions .button.secondary:hover{background:#29232f;border-color:#9174ad}
.integration-journey .journey-hero-note{font-size:12px;color:#a4a7b3;line-height:1.65;margin:14px 0 0}
.integration-journey .journey-route{list-style:none;padding:0;margin:0;display:grid;gap:0;min-width:0}
.integration-journey .journey-route li{display:grid;grid-template-columns:36px minmax(0,1fr);gap:17px;position:relative;padding:0 0 26px;min-width:0}
.integration-journey .journey-route li:not(:last-child)::after{content:'';position:absolute;left:17px;top:39px;bottom:3px;width:1px;background:#55445f}
.integration-journey .journey-route li:last-child{padding-bottom:0}
.integration-journey .journey-route-number{display:grid;place-items:center;width:36px;height:36px;border:1px solid #715a86;border-radius:50%;background:#211a2b;color:#ceb2f7;font:500 16px/1 var(--journey-display)}
.integration-journey .journey-route li:first-child .journey-route-number{background:#c0a2fa;color:#2b173d;border-color:#c0a2fa}
.integration-journey .journey-route strong{display:block;color:#ede8f6;font:500 21px/1.3 var(--journey-display);margin:3px 0 7px}
.integration-journey .journey-route p{color:#a8afbf;font-size:13px;line-height:1.6;margin:0;max-width:290px}
.integration-journey .journey-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:start;padding-top:38px;padding-bottom:22px}
.integration-journey .journey-main,.integration-journey .journey-aside{min-width:0}
.integration-journey .journey-aside{position:sticky;top:24px;align-self:start}
.integration-journey .journey-aside:has(#contact-details[open]){position:static}
.integration-journey .panel{border:1px solid #dcd9e2;background:#fff;border-radius:14px;padding:28px;margin:0 0 22px;box-shadow:none;min-width:0;scroll-margin-top:28px}
.integration-journey .heading{gap:13px;margin-bottom:13px;align-items:flex-start}
.integration-journey .step{background:#eee5f7;color:#69458e;border:1px solid #dfd0ef;width:32px;height:32px;font:500 16px/1 var(--journey-display);margin-top:1px}
.integration-journey h2{font:500 27px/1.18 var(--journey-display);color:#292333;letter-spacing:-.025em;margin:0 0 12px}
.integration-journey .heading h2{margin:2px 0 0}
.integration-journey h3{font:500 20px/1.25 var(--journey-display);letter-spacing:-.015em;margin:20px 0 10px}
.integration-journey .panel>p{margin:0 0 18px}
.integration-journey .small{font-size:14px;line-height:1.7;color:#646270}
.integration-journey .choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:23px 0 18px}
.integration-journey .choice,.integration-journey .method-choice{cursor:pointer;position:relative;min-width:0;border:1px solid #d9d5df;border-radius:10px;background:#fff;color:#322b3c;padding:17px;text-align:left;transition:border-color .15s,background .15s;white-space:normal;line-height:1.45}
.integration-journey .choice:hover,.integration-journey .method-choice:hover{border-color:#9f80be;background:#fbf8ff}
.integration-journey .choice strong,.integration-journey .method-choice strong{display:block;font-size:15px;font-weight:650;line-height:1.4}
.integration-journey .choice span,.integration-journey .method-choice>span:not(.method-symbol){display:block;font-size:12px;line-height:1.65;color:#6c6277;margin-top:7px}
.integration-journey .choice[aria-pressed=true],.integration-journey .method-choice[aria-pressed=true],.integration-journey .choice.is-selected,.integration-journey .method-choice.is-selected{border:1px solid #8960af;background:#f2eaf9;box-shadow:inset 0 0 0 1px #8960af;padding:17px}
.integration-journey .method-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 18px}
.integration-journey .method-choice{padding:16px 13px}
.integration-journey .method-choice[aria-pressed=true],.integration-journey .method-choice.is-selected{padding:16px 13px}
.integration-journey .method-symbol{display:inline-flex;justify-content:center;align-items:center;height:27px;min-width:29px;padding-inline:5px;font:500 13px/1 var(--journey-display);color:#745092;background:#eee7f5;border:1px solid #dfd4e9;border-radius:6px;margin-bottom:13px}
.integration-journey label{font-size:13px;line-height:1.55;color:#514a5c;margin:20px 0 7px;font-weight:600}
.integration-journey input,.integration-journey select,.integration-journey textarea{border:1px solid #cfc9d9;border-radius:8px;background:#fff;color:#342e40;padding:11px 12px;max-width:100%;font-size:16px;line-height:1.5;min-width:0}
.integration-journey textarea{min-height:250px;font:12px/1.75 ui-monospace,'SF Mono',Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.integration-journey .actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:20px 0 14px}
.integration-journey .button{border-radius:8px;min-height:45px;padding:11px 16px;font-size:13px;line-height:1.5;font-weight:650;white-space:normal;text-align:center;background:#67418b;color:#fff;border-color:#67418b;max-width:100%;text-decoration:none}
.integration-journey .button:hover{background:#553274;border-color:#553274;color:#fff}
.integration-journey .button.secondary{background:#fff;border-color:#bfb0cf;color:#64417f}
.integration-journey .button.secondary:hover{background:#f5effb;border-color:#906aae;color:#503465}
.integration-journey .button:disabled{opacity:.52;cursor:wait}
.integration-journey .notice{border-left:2px solid #a57cce;background:#f7f3fb;padding:13px 15px;color:#625271;font-size:13px;line-height:1.7;border-radius:0 6px 6px 0;margin:18px 0}
.integration-journey details{margin-top:22px;padding-top:18px;border-top:1px solid #e0dbe7;min-width:0}
.integration-journey summary{cursor:pointer;font-weight:600;font-size:14px;line-height:1.65;color:#5e4477;overflow-wrap:anywhere}
.integration-journey summary::marker{color:#8d65b3}
.integration-journey details[open]>summary{margin-bottom:17px}
.integration-journey .journey-demo-body{padding-top:2px}
.integration-journey .journey-demo-body>p{margin:12px 0}
.integration-journey pre{background:#f5f3f8;border-color:#ddd6e7;color:#4b4059;border-radius:8px;font:12px/1.7 ui-monospace,'SF Mono',Menlo,Consolas,monospace;padding:14px;max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
.integration-journey code{color:#624881;font-size:12px}
.integration-journey .status{font-size:13px;line-height:1.65;overflow-wrap:anywhere}
.integration-journey .status.ok{color:#27653f}
.integration-journey .status.error,.integration-journey .result-error{color:#9c2d39}
.integration-journey .progress{gap:8px}
.integration-journey .progress li{font-size:11px;border-color:#d9d1e1;border-radius:6px;background:#faf8fc;padding:6px 8px;color:#6d607b}
.integration-journey .progress li.done{background:#edf7ee;color:#27613c;border-color:#afceba}
.integration-journey .journey-plan{background:#1c1525;color:#e7e0ed;border:1px solid #534061;padding:24px;border-radius:14px}
.integration-journey .journey-plan .eyebrow{color:#bea0e4;margin-bottom:12px}
.integration-journey .journey-plan h2{font-size:25px;color:#f1eaf7;letter-spacing:-.025em;margin-bottom:21px}
.integration-journey .journey-plan-list{margin:0;padding:0}
.integration-journey .journey-plan-list>div{padding:13px 0;border-top:1px solid #45364f}
.integration-journey .journey-plan-list dt{font-size:11px;line-height:1.5;color:#b0a4bc;margin-bottom:5px}
.integration-journey .journey-plan-list dd{font-size:14px;line-height:1.5;color:#e5d7f2;margin:0;overflow-wrap:anywhere}
.integration-journey .journey-plan #plan-summary{font-size:13px;line-height:1.75;color:#c2b2d0;margin:18px 0}
.integration-journey .journey-plan .actions{margin-top:22px;margin-bottom:15px}
.integration-journey .journey-plan .button{background:#c0a2fa;border-color:#c0a2fa;color:#291637;width:100%}
.integration-journey .journey-plan .button:hover{background:#d2baff;border-color:#d2baff}
.integration-journey .journey-plan-note{font-size:11px!important;color:#b7a7c6!important;line-height:1.75!important;margin:10px 0 18px!important}
.integration-journey .journey-contact-link{display:block;border-top:1px solid #4c3b58;padding-top:17px;color:#d4b9ee!important;font-size:12px;font-weight:500;line-height:1.6;text-decoration:none}
.integration-journey .journey-contact-link:hover{text-decoration:underline;color:#f2ddff!important}
.integration-journey .journey-plan :is(a,button):focus-visible,.integration-journey .journey-hero :is(a,button):focus-visible,.integration-journey .journey-nav a:focus-visible{outline-color:#c6f24e}
.integration-journey #contact-details{padding:20px 22px;margin-top:0}
.integration-journey #contact-details>summary{font-size:14px;color:#5b4a6c}
.integration-journey #contact-details label{font-size:12px}
.integration-journey #contact-details input,.integration-journey #contact-details select{font-size:14px;padding:10px 11px}
.integration-journey #contact-details .small{font-size:12px}
.integration-journey #contact-details .check{font-size:11px;line-height:1.6;font-weight:400}
.integration-journey #contact-details .check input{width:16px;height:16px;margin-top:2px;padding:0}
.integration-journey #contact-details .button{font-size:12px}
.integration-journey .journey-resources{padding-top:23px;padding-bottom:43px}
.integration-journey .journey-resources h2{font-size:24px}
.integration-journey .journey-resources>p{font-size:14px;color:#686174;margin:0 0 17px}
.integration-journey .journey-resources-links{display:flex;flex-wrap:wrap;gap:10px 24px;border-top:1px solid #dbd5e3;padding-top:20px}
.integration-journey .journey-resources-links a{font-size:12px;color:#6a4f80}
.integration-journey footer{padding:25px 24px;border-top:1px solid #dcd6e3;background:#efedf3;color:#75687e;font-size:11px;line-height:1.7}
@media(max-width:980px){
  .integration-journey .journey-hero-inner{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:35px}
  .integration-journey .journey-layout{grid-template-columns:minmax(0,1fr);gap:0;max-width:850px}
  .integration-journey .journey-aside{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
  .integration-journey .journey-aside:has(#contact-details[open]){position:static}
  .integration-journey .journey-plan{margin-bottom:22px}
  .integration-journey .journey-resources{max-width:850px}
}
@media(max-width:760px){
  .integration-journey .journey-shell{padding-inline:24px}
  .integration-journey .journey-nav-inner{min-height:74px;gap:18px}
  .integration-journey .journey-header-links{gap:17px}
  .integration-journey .journey-header-links a:not(.journey-login){font-size:12px}
  .integration-journey .journey-hero{padding:34px 0 38px}
  .integration-journey .journey-hero-inner{grid-template-columns:minmax(0,1fr);gap:29px}
  .integration-journey h1{font-size:48px;max-width:640px}
  .integration-journey .journey-route{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;border-top:1px solid #38303f;padding-top:24px}
  .integration-journey .journey-route li{display:block;padding:0}
  .integration-journey .journey-route li:not(:last-child)::after{display:none}
  .integration-journey .journey-route-number{width:29px;height:29px;font-size:13px;margin-bottom:12px}
  .integration-journey .journey-route strong{font-size:18px;line-height:1.25;margin-bottom:6px}
  .integration-journey .journey-route p{font-size:11px;line-height:1.65}
  .integration-journey .journey-layout{padding-top:27px}
}
@media(max-width:560px){
  .integration-journey .journey-shell{padding-inline:18px}
  .integration-journey .journey-nav-inner{min-height:69px;gap:14px}
  .integration-journey .journey-brand{gap:8px}
  .integration-journey .journey-brand img{width:32px;height:26px}
  .integration-journey .journey-brand .wordmark{font-size:12px;letter-spacing:.11em}
  .integration-journey .journey-header-links{gap:11px}
  .integration-journey .journey-header-links a:not(.journey-login){display:none}
  .integration-journey .journey-header-links .journey-login,.integration-journey .journey-login{font-size:12px;min-height:40px;padding:8px 14px}
  .integration-journey .journey-hero{padding:30px 0 31px}
  .integration-journey h1{font-size:40px;line-height:1.07;letter-spacing:-.035em;margin-bottom:21px}
  .integration-journey .journey-hero .intro{font-size:15px;line-height:1.75}
  .integration-journey .journey-hero-actions{gap:9px}
  .integration-journey .journey-hero-actions .button{width:100%;min-height:46px}
  .integration-journey .journey-hero-note{font-size:11px}
  .integration-journey .journey-route{gap:12px;padding-top:22px}
  .integration-journey .journey-route strong{font-size:16px}
  .integration-journey .journey-route p{font-size:10px}
  .integration-journey .journey-route-number{margin-bottom:10px}
  .integration-journey .journey-layout{padding-top:20px;padding-bottom:0}
  .integration-journey .panel{padding:22px 18px;border-radius:12px;margin-bottom:18px}
  .integration-journey h2{font-size:25px}
  .integration-journey .heading{gap:11px}
  .integration-journey .step{width:29px;height:29px;font-size:14px}
  .integration-journey .heading h2{margin-top:0}
  .integration-journey .small{font-size:13px}
  .integration-journey .choices{grid-template-columns:minmax(0,1fr);gap:9px;margin:19px 0}
  .integration-journey .choice,.integration-journey .choice[aria-pressed=true],.integration-journey .choice.is-selected{padding:15px}
  .integration-journey .choice span{margin-top:5px}
  .integration-journey .method-choices{grid-template-columns:minmax(0,1fr);gap:9px}
  .integration-journey .method-choice,.integration-journey .method-choice[aria-pressed=true],.integration-journey .method-choice.is-selected{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 12px;padding:15px}
  .integration-journey .method-symbol{grid-column:1;grid-row:1/3;align-self:center;margin:0;width:32px;height:32px}
  .integration-journey .method-choice strong{grid-column:2}
  .integration-journey .method-choice>span:not(.method-symbol){grid-column:2;margin:0;font-size:12px}
  .integration-journey .actions .button{width:100%;min-height:46px}
  .integration-journey .journey-aside{display:block}
  .integration-journey .journey-plan{padding:24px}
  .integration-journey #contact-details{padding:20px}
  .integration-journey #contact-details input,.integration-journey #contact-details select{font-size:16px}
  .integration-journey .journey-resources{padding-top:20px;padding-bottom:34px}
  .integration-journey .journey-resources-links{gap:12px 20px}
}
@media(prefers-reduced-motion:reduce){.integration-journey *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
/* Supporting guide links and keyboard entry, kept outside the main actions. */
.integration-journey .journey-skip{position:absolute;top:10px;left:18px;z-index:1000;padding:10px 16px;background:#fff;color:#352146;border:2px solid #c0a2fa;border-radius:7px;font-size:13px;transform:translateY(-180%);text-decoration:none}
.integration-journey .journey-skip:focus{transform:translateY(0)}
.integration-journey .journey-kit-links{display:flex;flex-wrap:wrap;gap:11px 19px;margin:23px 0 16px;font-size:12px;line-height:1.65}
.integration-journey .journey-key-note{font-size:12px;margin:0!important;color:#776b82}
.integration-journey .journey-plan-note a{color:#d2b6ef;text-decoration:underline}
.integration-journey .journey-context-contact{padding-top:17px;border-top:1px solid #4c3b58;margin-top:18px}
.integration-journey .journey-context-contact .small{color:#b9a9c7;font-size:12px;line-height:1.65;margin:0 0 9px}
.integration-journey .journey-context-contact .journey-contact-link{border-top:0;padding-top:0}
.integration-journey #seo-related{font-size:12px!important;max-width:1200px!important;margin-top:0!important;padding-top:0!important;padding-bottom:29px!important}
@media(max-width:560px){.integration-journey .journey-route p{font-size:11px}.integration-journey .journey-kit-links{flex-direction:column;gap:11px}}