.wh-integrations{--brand-50:#f2f8fd;--brand-100:#e3f0fb;--brand-200:#c2e0f5;--brand-300:#75bdea;--brand-400:#4eabe2;--brand-500:#2791d0;--brand-600:#1973b0;--brand-700:#155c8f;--brand-800:#154f77;--brand-900:#174263;--brand-950:#0f2a42;--green:#00a544;--green-soft:#dcfce7;--amber:#dd7400;--amber-soft:#fef3c6;--bad:#b3382c;--bad-soft:#fde8e8;--ink:var(--brand-950);--ink-soft:#44586b;--ink-faint:#64778a;--paper:#fff;--tint:var(--brand-50);--hairline:#dbe7f1;--radius:14px;--shadow:0 10px 40px #0f2a421f;--grad:linear-gradient(92deg, var(--brand-500), var(--brand-300));--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.55;overflow-x:hidden}.wh-integrations *{box-sizing:border-box;margin:0;padding:0}.wh-integrations a{color:var(--brand-600);text-decoration:none}.wh-integrations .mono{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.wh-integrations .nums{font-variant-numeric:tabular-nums}.wh-integrations .wrap{max-width:1180px;margin-left:auto;margin-right:auto;padding:0 24px;display:block}.wh-integrations .kicker{letter-spacing:.28em;color:var(--brand-500);text-transform:uppercase;font-size:13px;font-weight:700;display:inline-block}.wh-integrations h2{letter-spacing:-.02em;text-wrap:balance;color:var(--ink);margin-top:10px;font-size:clamp(26px,3.4vw,44px);font-weight:800;line-height:1.08}.wh-integrations .sub{color:var(--ink-soft);max-width:64ch;margin-top:14px;font-size:clamp(15.5px,1.5vw,18px)}.wh-integrations .center{text-align:center}.wh-integrations .center .sub{margin-left:auto;margin-right:auto}.wh-integrations section.chapter{padding:clamp(48px,7vw,100px) 0}.wh-integrations section.tinted{background:var(--tint)}.wh-integrations .btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:13px 28px;font-family:inherit;font-size:15.5px;font-weight:600;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.wh-integrations .btn:hover{transform:translateY(-1px)}.wh-integrations .btn:active{transform:translateY(0)}.wh-integrations .btn:focus-visible{outline:3px solid var(--brand-300);outline-offset:2px}.wh-integrations .btn-solid{background:var(--brand-500);color:#fff;box-shadow:0 6px 24px #2791d073}.wh-integrations .btn-solid:hover{background:var(--brand-400)}.wh-integrations .btn-ghost{border:1.5px solid var(--brand-300);color:#e9f3fb;background:0 0}.wh-integrations .dots{pointer-events:none;background-image:radial-gradient(#75bdea26 1px,#0000 1.4px);background-size:26px 26px;position:absolute;inset:0}.wh-integrations .gradtext{background:linear-gradient(92deg, var(--brand-500), var(--brand-300), var(--brand-500));color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:5.5s ease-in-out infinite gradslide-int}.wh-integrations .hero{background:linear-gradient(168deg, var(--brand-950) 0%, var(--brand-900) 55%, var(--brand-700) 100%);color:#e9f3fb;padding:0;position:relative;overflow:hidden}.wh-integrations .hero:after{content:"";pointer-events:none;background:radial-gradient(closest-side,#2791d04d,#0000 65%);animation:22s ease-in-out infinite alternate drift-int;position:absolute;inset:-40%}.wh-integrations .hero-inner{z-index:2;padding-top:clamp(28px,4vw,50px);padding-bottom:0;position:relative}.wh-integrations .aichip{letter-spacing:.06em;text-transform:uppercase;color:var(--brand-200);background:#2791d01f;border:1px solid #75bdea66;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:12.5px;font-weight:600;display:inline-flex}.wh-integrations .aichip .beacon{background:var(--brand-300);border-radius:50%;width:8px;height:8px;animation:2.2s ease-in-out infinite beacon-int}.wh-integrations .hero h1{letter-spacing:-.025em;color:#fff;text-wrap:balance;max-width:20ch;margin-top:20px;font-size:clamp(38px,5.6vw,70px);font-weight:800;line-height:1.02}.wh-integrations .hero .lede{color:#bcd9ee;max-width:62ch;margin-top:18px;font-size:clamp(16px,1.8vw,20px)}.wh-integrations .hero .lede b{color:#fff;font-weight:600}.wh-integrations .cta-row{flex-wrap:wrap;align-items:center;gap:14px;margin-top:30px;display:flex}.wh-integrations .cta-note{color:var(--brand-300);font-size:12.5px}.wh-integrations .hero-note{color:var(--brand-300);margin:clamp(30px,4vw,48px) 0 14px;font-size:12.5px}.wh-integrations .stage{padding-bottom:clamp(40px,6vw,72px)}.wh-integrations .exdiagram{border-radius:var(--radius);background:#ffffff0a;border:1px solid #75bdea47;grid-template-columns:minmax(120px,auto) 1fr minmax(130px,auto);align-items:stretch;gap:clamp(14px,2.5vw,26px);padding:clamp(14px,2.5vw,24px);display:grid}.wh-integrations .excol{flex-direction:column;justify-content:space-between;gap:8px;display:flex}.wh-integrations .syschip{color:#bcd9ee;white-space:nowrap;background:#ffffff0d;border:1px solid #75bdea4d;border-radius:999px;align-items:center;gap:8px;padding:7px 13px;font-size:12.5px;font-weight:700;transition:color .4s,border-color .4s,background .4s,box-shadow .3s;display:inline-flex}.wh-integrations .syschip .scdot{background:#75bdea73;border-radius:50%;flex:none;width:7px;height:7px;transition:background .4s}.wh-integrations .syschip.lit{color:#fff;border-color:var(--brand-300);background:#2791d033}.wh-integrations .syschip.lit .scdot{background:var(--brand-300)}.wh-integrations .syschip.pulse{box-shadow:0 0 0 6px #4eabe238}.wh-integrations .lanes{flex-direction:column;justify-content:space-evenly;min-height:100%;display:flex;position:relative}.wh-integrations .lane{background:#75bdea42;border-radius:2px;height:2px;transition:background .5s,box-shadow .5s;position:relative}.wh-integrations .lane.lit{background:var(--brand-400);box-shadow:0 0 10px #4eabe280}.wh-integrations .pk{background:var(--brand-300);opacity:0;border-radius:50%;width:10px;height:10px;transition:opacity .25s;position:absolute;top:50%;left:0%;transform:translate(-50%,-50%);box-shadow:0 0 12px #4eabe2d9}.wh-integrations .pk.rev{left:100%}.wh-integrations .pk.run{opacity:1;transition:left 1.45s cubic-bezier(.3,.1,.3,1),opacity .25s;left:100%}.wh-integrations .pk.rev.run{left:0%}.wh-integrations .pk.done{opacity:0}.wh-integrations .osblock{text-align:center;background:var(--brand-950);border:1px solid #75bdea73;border-radius:12px;flex-direction:column;justify-content:center;gap:6px;padding:18px 16px;transition:box-shadow .3s,border-color .3s;display:flex;box-shadow:0 18px 60px #00000073}.wh-integrations .osblock.pulse{border-color:var(--brand-300);box-shadow:0 0 0 6px #4eabe238,0 18px 60px #00000073}.wh-integrations .os-t{letter-spacing:-.01em;color:#fff;font-size:18px;font-weight:800}.wh-integrations .os-m{color:#9cc4e2;font-size:10.5px}.wh-integrations .os-status{text-transform:uppercase;letter-spacing:.06em;color:var(--brand-200);justify-content:center;align-items:center;gap:7px;min-height:1.3em;margin-top:4px;font-size:11px;font-weight:700;display:inline-flex}.wh-integrations .os-dot{background:var(--brand-300);border-radius:50%;flex:none;width:7px;height:7px;animation:2.2s ease-in-out infinite beacon-int}@media (max-width:640px){.wh-integrations .exdiagram{grid-template-columns:minmax(96px,auto) 1fr minmax(92px,auto)}.wh-integrations .syschip{padding:6px 10px;font-size:11px}.wh-integrations .os-t{font-size:15px}.wh-integrations .os-m{display:none}}.wh-integrations .ledger{border-radius:var(--radius);background:#0f2a429e;border:1px solid #75bdea4d;margin-top:22px;padding:16px 20px 14px;position:relative;box-shadow:0 24px 70px #0006}.wh-integrations .nobatch{color:var(--ink);text-transform:uppercase;letter-spacing:.05em;background:#fff;border-radius:999px;padding:5px 12px;font-size:10px;font-weight:700;position:absolute;top:-14px;right:16px;box-shadow:0 10px 30px #0006}.wh-integrations .lg-bar{border-bottom:1px solid #75bdea38;justify-content:space-between;align-items:center;gap:10px;padding-bottom:10px;display:flex}.wh-integrations .lg-title{color:var(--brand-300);font-size:12px;font-weight:700}.wh-integrations .lg-live{color:#7ee2a8;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.wh-integrations .lg-live:before{content:"";background:#37c273;border-radius:50%;width:7px;height:7px;animation:2.2s ease-in-out infinite beacon-green-int}.wh-integrations .lg-rows{flex-direction:column;gap:8px;margin-top:10px;display:flex}.wh-integrations .lrow{color:#bcd9ee;opacity:0;border-left:2px solid #75bdea66;align-items:baseline;gap:12px;padding-left:10px;font-size:12.5px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(5px)}.wh-integrations .lrow.on{opacity:1;transform:none}.wh-integrations .lrow .lt{color:var(--brand-300);flex:none;width:64px;font-weight:700}.wh-integrations .lrow .lx{flex:1;min-width:0}.wh-integrations .lrow .ls{color:#7ee2a8;flex:none;font-size:11.5px;font-weight:600}@media (max-width:560px){.wh-integrations .lrow{flex-wrap:wrap}.wh-integrations .lrow .ls{flex-basis:100%;padding-left:76px}}.wh-integrations .band{background:var(--brand-950);color:#e9f3fb;position:relative;overflow:hidden}.wh-integrations .band .wrap{z-index:1;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:52px;padding-bottom:52px;display:grid;position:relative}@media (max-width:760px){.wh-integrations .band .wrap{grid-template-columns:1fr}}.wh-integrations .band .lead{text-transform:uppercase;letter-spacing:.14em;color:#6f93b3;grid-column:1/-1;margin-bottom:4px;font-size:12.5px;font-weight:600}.wh-integrations .stat .n{letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:var(--grad);color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,3.2vw,40px);font-weight:800}.wh-integrations .stat .l{color:#9cc4e2;max-width:28ch;margin-top:4px;font-size:13.5px}.wh-integrations .band .fine{color:#7fa8c9;border-top:1px solid #9cc4e22e;grid-column:1/-1;margin-top:8px;padding-top:14px;font-size:12.5px}.wh-integrations .pillars{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px;display:grid}@media (max-width:900px){.wh-integrations .pillars{grid-template-columns:1fr}}.wh-integrations .pillar{border:1px solid var(--hairline);border-radius:var(--radius);background:#fff;padding:26px;transition:transform .18s,box-shadow .18s}.wh-integrations .pillar:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.wh-integrations .pillar h3{font-size:19px;font-weight:800}.wh-integrations .pillar p{color:var(--ink-soft);margin-top:8px;font-size:14.5px}.wh-integrations .pchips{flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:38px auto 0;display:flex}.wh-integrations .pchip{border:1px solid var(--hairline);color:var(--ink-soft);background:#fff;border-radius:999px;padding:10px 20px;font-size:14.5px;font-weight:600;transition:transform .15s,border-color .15s,color .15s,box-shadow .15s;display:inline-block}.wh-integrations .pchip:hover{border-color:var(--brand-300);color:var(--ink);box-shadow:var(--shadow);transform:translateY(-2px)}.wh-integrations .pchip.more{border-style:dashed;border-color:var(--brand-300);color:var(--brand-600);background:0 0}.wh-integrations .caps{flex-direction:column;gap:clamp(34px,5vw,64px);margin-top:44px;display:flex}.wh-integrations .cap{grid-template-columns:minmax(280px,5fr) minmax(300px,6fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}@media (max-width:860px){.wh-integrations .cap{grid-template-columns:1fr}}.wh-integrations .cap.flip .cap-copy{order:2}.wh-integrations .cap.flip .cap-viz{order:1}@media (max-width:860px){.wh-integrations .cap.flip .cap-copy{order:1}.wh-integrations .cap.flip .cap-viz{order:2}}.wh-integrations .cap-n{color:var(--brand-300);letter-spacing:.1em;font-size:13px;font-weight:800}.wh-integrations .cap-k{letter-spacing:.2em;text-transform:uppercase;color:var(--brand-500);margin-top:6px;font-size:12px;font-weight:700;display:inline-block}.wh-integrations .cap h3{letter-spacing:-.015em;text-wrap:balance;margin-top:8px;font-size:clamp(21px,2.4vw,28px);font-weight:800}.wh-integrations .cap p{color:var(--ink-soft);max-width:52ch;margin-top:10px;font-size:15px}.wh-integrations .vizcard{border:1px solid var(--hairline);border-radius:var(--radius);box-shadow:var(--shadow);background:#fff;padding:16px}.wh-integrations .vc-head{text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin-bottom:12px;font-size:11px;font-weight:700}.wh-integrations .oplist{flex-direction:column;display:flex}.wh-integrations .oplist.mono{font-size:12.5px}.wh-integrations .oprow{opacity:0;border-bottom:1px solid #eef4fa;align-items:center;gap:10px;padding:10px 4px;font-size:13px;transition:opacity .45s,transform .45s;display:flex;transform:translateY(6px)}.wh-integrations .oprow.on{opacity:1;transform:none}.wh-integrations .oprow:last-child{border-bottom:none}.wh-integrations .opdot{background:var(--brand-300);border-radius:50%;flex:none;width:9px;height:9px}.wh-integrations .opdot.done{background:var(--green)}.wh-integrations .opdot.due{background:var(--amber)}.wh-integrations .opdot.blue{background:var(--brand-500)}.wh-integrations .opt{flex:1;font-weight:600}.wh-integrations .ops{color:var(--ink-faint);flex:none;font-size:11.5px}.wh-integrations .ops.ok{color:var(--green);font-weight:600}.wh-integrations .mgrid{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:44px;display:grid}@media (max-width:860px){.wh-integrations .mgrid{grid-template-columns:1fr}}.wh-integrations .mcard{border:1px solid var(--hairline);border-radius:var(--radius);text-align:center;background:#fff;padding:28px 26px}.wh-integrations .mcard .mv{letter-spacing:-.02em;background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(34px,4vw,48px);font-weight:800}.wh-integrations .mcard .ml{color:var(--ink-soft);margin-top:8px;font-size:13.5px}.wh-integrations .faq{flex-direction:column;gap:12px;max-width:820px;margin:40px auto 0;display:flex}.wh-integrations details.qa{background:var(--paper);border:1px solid var(--hairline);border-radius:12px;overflow:hidden}.wh-integrations details.qa summary{cursor:pointer;color:var(--ink);justify-content:space-between;align-items:center;gap:14px;padding:17px 20px;font-size:16px;font-weight:600;list-style:none;display:flex}.wh-integrations details.qa summary::-webkit-details-marker{display:none}.wh-integrations details.qa summary .pm{color:var(--brand-500);font-size:20px;font-weight:400;line-height:1;transition:transform .2s}.wh-integrations details.qa[open] summary .pm{transform:rotate(45deg)}.wh-integrations details.qa .a{color:var(--ink-soft);max-width:66ch;padding:0 20px 18px;font-size:14.5px;line-height:1.6}.wh-integrations details.qa summary:focus-visible{outline:2px solid var(--brand-400);outline-offset:-2px}.wh-integrations #contact{background:linear-gradient(165deg, var(--brand-950), var(--brand-800));color:#fff;padding:clamp(48px,7vw,100px) 0;position:relative;overflow:hidden}.wh-integrations #contact h2{color:#fff;margin-top:0;font-size:clamp(30px,4vw,52px)}.wh-integrations #contact p{color:#bcd9ee;max-width:60ch;margin-top:14px;font-size:17px}.wh-integrations #contact .wrap{z-index:1;position:relative}.wh-integrations .contact-grid{grid-template-columns:minmax(300px,1fr) minmax(320px,1fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}@media (max-width:760px){.wh-integrations .contact-grid{grid-template-columns:1fr}}.wh-integrations .capform{border-radius:var(--radius);background:#0f2a428c;border:1px solid #75bdea59;padding:24px;box-shadow:0 18px 70px #0006}.wh-integrations .capform .cf-k{color:#fff;margin-bottom:14px;font-size:16px;font-weight:800}.wh-integrations .cf-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px;display:grid}@media (max-width:640px){.wh-integrations .cf-grid{grid-template-columns:1fr}}.wh-integrations .capform input,.wh-integrations .capform select{color:#fff;background:#ffffff12;border:1px solid #75bdea59;border-radius:9px;width:100%;padding:11px 13px;font-family:inherit;font-size:14px}.wh-integrations .capform select{appearance:none}.wh-integrations .capform option{color:var(--ink)}.wh-integrations .capform input::placeholder{color:#9cc4e2}.wh-integrations .capform input:focus,.wh-integrations .capform select:focus{outline:2px solid var(--brand-400);outline-offset:1px}.wh-integrations .cf-btn{background:var(--brand-500);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:4px;padding:13px;font-family:inherit;font-size:15.5px;font-weight:700;transition:background .15s,transform .15s}.wh-integrations .cf-btn:hover{background:var(--brand-400);transform:translateY(-1px)}.wh-integrations .cf-note{color:#9cc4e2;text-align:center;margin-top:10px;font-size:11.5px}.wh-integrations .reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.wh-integrations .reveal.in{opacity:1;transform:none}.wh-integrations .stick{z-index:60;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--hairline);background:#ffffffeb;transition:transform .35s;position:fixed;top:0;left:0;right:0;transform:translateY(-100%);box-shadow:0 6px 24px -12px #0f2a4240}.wh-integrations .stick.show{transform:none}.wh-integrations .stick .wrap{justify-content:space-between;align-items:center;gap:16px;padding:11px 24px;display:flex}.wh-integrations .stick .sl{color:var(--ink);font-size:14px;font-weight:800}.wh-integrations .stick .sl span{color:var(--brand-500)}.wh-integrations .stick .sr{align-items:center;gap:12px;display:flex}.wh-integrations .stick .sr .mini{color:var(--ink-faint);font-size:12.5px}@media (max-width:620px){.wh-integrations .stick .sr .mini{display:none}}.wh-integrations .stick-btn{padding:9px 18px;font-size:14px}@media (prefers-reduced-motion:reduce){.wh-integrations *,.wh-integrations .gradtext,.wh-integrations .aichip .beacon,.wh-integrations .hero:after,.wh-integrations .os-dot,.wh-integrations .lg-live:before{animation:none!important}.wh-integrations .reveal{opacity:1;transition:none;transform:none}.wh-integrations .lrow,.wh-integrations .oprow{opacity:1!important;transition:none!important;transform:none!important}.wh-integrations .pk{transition:none;opacity:0!important}.wh-integrations .lane,.wh-integrations .syschip,.wh-integrations .syschip .scdot,.wh-integrations .osblock,.wh-integrations .stick{transition:none}.wh-integrations .pillar:hover,.wh-integrations .pchip:hover,.wh-integrations .btn:hover,.wh-integrations .cf-btn:hover{transform:none}}@keyframes gradslide-int{0%,to{background-position:0 0}50%{background-position:100% 0}}@keyframes drift-int{0%{transform:translate(-6%,-4%)}to{transform:translate(7%,6%)}}@keyframes beacon-int{0%,to{box-shadow:0 0 #4eabe28c}55%{box-shadow:0 0 0 7px #4eabe200}}@keyframes beacon-green-int{0%,to{box-shadow:0 0 #37c27373}55%{box-shadow:0 0 0 6px #37c27300}}