.integration-wizard .integration-nav{align-items:center;gap:22px;min-width:0;display:flex}.integration-wizard .integration-nav a{text-decoration:none}.integration-wizard .integration-hero{isolation:isolate;color:#f8faff;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;gap:75px;padding:58px 0 62px;display:grid;position:relative}.integration-wizard .integration-hero:before{content:"";z-index:-1;box-shadow:0 0 0 100vmax var(--midnight);clip-path:inset(0 -100vmax);background:radial-gradient(at 84% 40%,#152943 0,#0b1220 65%);position:absolute;inset:0}.integration-wizard .integration-hero .eyebrow{color:#9eafc9}.integration-wizard .integration-hero h1{font-size:clamp(48px,5.1vw,66px)}.integration-wizard .integration-hero h1 span{color:#8db3ff}.integration-wizard .integration-hero-note{background:linear-gradient(140deg,#20345085,#111c2e);border:1px solid #445573;border-radius:16px;justify-self:stretch;padding:27px 29px;box-shadow:0 24px 55px -28px #0008}.integration-wizard .integration-icon{color:#b0cbff;background:#223b60;border:1px solid #526f9e;border-radius:10px;place-items:center;width:43px;height:43px;font-size:25px;display:grid}.integration-wizard .integration-hero-note h2{color:#e8f0ff;margin:20px 0 13px;font-size:24px;line-height:1.4}.integration-wizard .integration-hero-note p{color:#b1c1d7;margin-bottom:0;font-size:12px;line-height:1.8}.integration-wizard .integration-steps{background:#fff;border:1px solid #d8e2ef;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));margin:30px 0 28px;padding:0;list-style:none;display:grid;box-shadow:0 3px 10px #18386604}.integration-wizard .integration-steps li{color:#465e7e;border-right:1px solid #e3e9f2;align-items:center;gap:13px;padding:19px 22px;font-size:12px;display:flex}.integration-wizard .integration-steps li:last-child{border:0}.integration-wizard .integration-steps b{color:#45699a;background:#edf3fd;border:1px solid #d5e1f3;border-radius:7px;flex-shrink:0;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.integration-wizard .integration-steps .is-ready b{color:#2055a2;background:#dce9ff;border-color:#b9ceef}.integration-wizard .integration-layout{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:start;gap:25px;display:grid}.integration-wizard .integration-form-card h2{margin-top:23px}.integration-wizard .integration-helper{color:var(--muted);margin:-10px 0 0;font-size:11px;line-height:1.8}.integration-wizard .integration-offer-actions{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.integration-wizard .integration-offer-actions a{color:#345e9b;align-items:center;min-height:44px;font-size:11px;line-height:1.6;display:inline-flex}.integration-wizard .integration-offer-actions button{padding:11px 14px;font-size:11px}.integration-wizard .integration-field-error{color:#983c30;min-height:3.4em;font-size:11px;font-weight:400;line-height:1.7;display:block}.integration-wizard .integration-side-stack{gap:22px;min-width:0;display:grid}.integration-wizard .integration-preview{background:#f4f7fc;border-color:#d7e2f2}.integration-wizard .integration-preview .card-heading{flex-wrap:wrap;gap:10px}.integration-wizard .integration-preview-tabs{background:#e8eef7;border:1px solid #d5dfed;border-radius:8px;flex-wrap:wrap;gap:4px;max-width:100%;margin-top:22px;padding:4px;display:inline-flex}.integration-wizard .integration-preview-tabs button{color:#526983;background:0 0;border:1px solid #0000;border-radius:5px;min-height:44px;padding:10px 15px;font:500 11px DM Sans,Arial,sans-serif}.integration-wizard .integration-preview-tabs button[aria-pressed=true]{color:#1e508f;background:#fff;border-color:#d0def1;box-shadow:0 2px 4px #1838660b}.integration-wizard .integration-preview-panel{background:#fff;border:1px solid #d8e2f0;border-radius:10px;margin-top:21px;padding:23px}.integration-wizard .integration-preview-panel>span{color:#45699a;background:#edf3ff;border:1px solid #d4e1f7;border-radius:10px;place-items:center;width:43px;height:43px;font-size:27px;display:grid}.integration-wizard .integration-preview-panel h3{letter-spacing:-.7px;margin:19px 0 11px;font-size:22px;line-height:1.35}.integration-wizard .integration-preview-panel p{color:var(--muted);font-size:12px;line-height:1.8}.integration-wizard .integration-preview-panel b{color:#4a6488;background:#eef3fb;border:1px solid #dce5f2;border-radius:6px;margin-top:21px;padding:12px 13px;font-size:11px;display:block}.integration-wizard .preview-valid{background:#f5fbf7;border-color:#cce4d5}.integration-wizard .preview-valid>span{color:#326d4f;background:#e5f3e9;border-color:#c7e1d1}.integration-wizard .preview-valid b{color:#2b6647;background:#e7f5ec;border-color:#cbe3d4}.integration-wizard .preview-expired b{color:#925538;background:#fff3ed;border-color:#eddbcc}.integration-wizard .integration-network{background:#fff}.integration-wizard .integration-network dl{margin-top:17px}.integration-wizard .integration-network dl>div{padding:14px 0;display:block}.integration-wizard .integration-network dl>div:last-child{border:0;padding-bottom:0}.integration-wizard .integration-network dt{font-size:10px}.integration-wizard .integration-network dd{text-align:left;color:#3d5b84;overflow-wrap:anywhere;margin-top:7px;font:11px/1.8 monospace}.integration-wizard .integration-output{border-top:1px solid var(--line);margin-top:44px;padding-top:35px}.integration-wizard .integration-output-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.integration-wizard .integration-output-heading>*{min-width:0}.integration-wizard .integration-output-heading h2{overflow-wrap:anywhere;margin:13px 0 5px}.integration-wizard .integration-public-offer{background:#edf3fd;border:1px solid #d4e1f5;border-radius:9px;gap:9px;margin:24px 0;padding:18px 21px;display:grid}.integration-wizard .integration-public-offer span{letter-spacing:1.3px;color:#52657f;font-size:9px}.integration-wizard .integration-public-offer code{color:#315787;overflow-wrap:anywhere;font-size:12px}.integration-wizard .integration-code-block{border:1px solid var(--line);min-width:0;box-shadow:var(--card-shadow);background:#fff;border-radius:12px;margin-top:21px;padding:25px}.integration-wizard .integration-block-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.integration-wizard .integration-block-heading>div{min-width:0}.integration-wizard .integration-block-heading h3{letter-spacing:-.6px;margin:0 0 5px;font-size:20px}.integration-wizard .integration-block-heading span{color:var(--muted);overflow-wrap:anywhere;font:11px/1.7 monospace}.integration-wizard .integration-block-heading button{flex-shrink:0;font-size:11px}.integration-wizard .integration-code-block textarea{color:#dce7f8;resize:vertical;white-space:pre;background:#101b2d;border:1px solid #2d405f;border-radius:8px;max-width:100%;padding:19px 21px;font:12px/1.9 monospace;overflow:auto}.integration-wizard .integration-code-block textarea:hover{border-color:#5f7aa2}.integration-wizard .integration-code-block .fine{margin:13px 0 0}.integration-wizard .integration-copy-feedback{min-height:3.6em}.integration-wizard .integration-next-steps{margin-top:25px}.integration-wizard .integration-next-steps ol{color:var(--muted);gap:14px;margin-bottom:0;padding-left:21px;font-size:12px;line-height:1.9;display:grid}.integration-wizard .integration-output-placeholder{text-align:left;background:#edf2f9;border:1px dashed #c8d5e8;border-radius:12px;justify-content:center;align-items:center;gap:25px;margin-top:31px;padding:32px 28px;display:flex}.integration-wizard .integration-output-placeholder>span{color:#45699a;background:#e3ebf8;border:1px solid #d2def0;border-radius:12px;flex-shrink:0;place-items:center;width:56px;height:56px;font-size:36px;display:grid}.integration-wizard .integration-output-placeholder h3{letter-spacing:-.55px;margin:0 0 9px;font-size:19px}.integration-wizard .integration-output-placeholder p{color:var(--muted);margin:0;font-size:12px;line-height:1.8}.integration-wizard .integration-boundary{overflow-wrap:anywhere;background:#eff3f8;border-color:#d9e2ef #d9e2ef #d9e2ef #7893b6;margin-top:30px}.integration-wizard .integration-boundary b{font-size:12px}.integration-wizard .integration-boundary p{font-size:11px;line-height:1.9}.integration-wizard footer a{margin-left:auto}.integration-wizard .integration-layout>*,.integration-wizard .integration-code-block>*{min-width:0}@media (max-width:1120px){.integration-wizard .integration-hero{gap:40px}.integration-wizard .integration-hero-note{padding:24px}}@media (max-width:960px){.integration-wizard .integration-layout{grid-template-columns:1fr}.integration-wizard .integration-side-stack{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.integration-wizard .integration-hero{gap:30px;padding:44px 0 48px}.integration-wizard .integration-hero h1{font-size:50px}.integration-wizard .integration-steps li{gap:10px;padding:17px;font-size:11px}}@media (max-width:720px){.integration-wizard .integration-nav{flex-wrap:wrap;justify-content:flex-end;gap:12px}.integration-wizard .integration-nav .network{flex-basis:100%;order:2;justify-content:flex-end}.integration-wizard .integration-nav .button{padding:11px 13px;font-size:11px}.integration-wizard .integration-hero{grid-template-columns:1fr;gap:27px;padding:36px 0 38px}.integration-wizard .integration-hero h1{font-size:50px}.integration-wizard .integration-hero-note{padding:22px}.integration-wizard .integration-hero-note h2 br{display:none}.integration-wizard .integration-hero-note h2{margin:17px 0 10px;font-size:21px}.integration-wizard .integration-side-stack{grid-template-columns:1fr}.integration-wizard .integration-steps{gap:0}.integration-wizard .integration-steps li{align-items:flex-start;gap:8px;padding:16px 12px;font-size:10px;line-height:1.5}.integration-wizard .integration-steps b{width:24px;height:24px;font-size:9px}.integration-wizard .integration-steps span{padding-top:4px}.integration-wizard .integration-output-heading{align-items:flex-start;gap:15px}.integration-wizard .integration-output-heading .eyebrow{font-size:9px;line-height:1.8}.integration-wizard .integration-block-heading{align-items:flex-start;gap:12px}.integration-wizard .integration-block-heading h3{font-size:18px}.integration-wizard .integration-code-block{padding:21px}.integration-wizard .integration-code-block textarea{padding:16px;font-size:11px}.integration-wizard footer a{margin-left:0}}@media (max-width:430px){.integration-wizard .topbar{flex-wrap:nowrap;gap:15px}.integration-wizard .integration-nav{gap:8px}.integration-wizard .integration-nav .button{padding:10px;font-size:10px}.integration-wizard .integration-hero h1{letter-spacing:-2.1px;font-size:45px}.integration-wizard .integration-hero .eyebrow{letter-spacing:1.2px;font-size:8px}.integration-wizard .integration-steps li{flex-direction:column;gap:6px;padding:15px 11px;font-size:9px}.integration-wizard .integration-output-heading h2{font-size:25px}.integration-wizard .integration-output-heading .pill{padding:4px 6px;font-size:8px}.integration-wizard .integration-block-heading{flex-wrap:wrap;align-items:center}.integration-wizard .integration-block-heading button{width:100%}.integration-wizard .integration-code-block{padding:19px}.integration-wizard .integration-output-placeholder{align-items:flex-start;gap:17px;padding:24px 19px}.integration-wizard .integration-output-placeholder>span{width:40px;height:40px;font-size:27px}.integration-wizard .integration-output-placeholder h3{font-size:17px}.integration-wizard .integration-output-placeholder p{font-size:11px}}@media (max-width:360px){.integration-wizard .integration-form-card .form>.button.dark{min-height:65px}}
