.dvIntg{--pb:var(--blue);--pb2:var(--blue-700);--blue-l:var(--blue);--blue-ll:var(--blue);--blue-lll:var(--blue-50);--nv:var(--ink);--mut:var(--muted);--soft:var(--panel);--soft2:var(--blue-50);color-scheme:light}
.dvIntg{color:var(--ink);line-height:1.75;background:#fff;overflow-x:clip;direction:rtl}
.dvIntg .w{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.dvIntg section{padding:96px 0}
.dvIntg h1{font-size:clamp(32px,4.2vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.85;margin:0 0 18px}

.dvIntg h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.95;margin:0}
.dvIntg h3{color:var(--ink);font-weight:500;line-height:1.7}

.dvIntg .g{color:var(--muted);font-weight:inherit}

.dvIntg .hero h1 .g{color:var(--ink)}

.dvIntg .eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:500;font-size:12.5px;margin:0 0 14px}
.dvIntg .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 3px rgba(18,26,176,.15);flex:0 0 auto}

.dvIntg .eyebrow > svg{display:none}
.dvIntg .lead{font-size:clamp(13.5px,1.05vw,15.5px);color:var(--muted);font-weight:300;line-height:1.9;max-width:62ch;margin:16px 0 0}
.dvIntg .lead b{color:var(--ink);font-weight:500}

.dvIntg .whead{max-width:780px;margin:0 auto 48px;text-align:center}
.dvIntg .whead .lead{margin-inline:auto}
.dvIntg .rv{opacity:0;transform:translateY(18px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.25,1)}
.dvIntg .rv.in{opacity:1;transform:none}

.dvIntg svg [stroke^="#"]:not([stroke="#fff"]){stroke:currentColor}

.dvIntg .cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);border:1px solid var(--blue);color:#fff;font-weight:500;font-size:14.5px;padding:12px 26px;border-radius:var(--r);text-decoration:none;transition:background .16s,transform .15s}
.dvIntg .cta:hover{background:var(--blue-700);border-color:var(--blue-700);transform:translateY(-1px)}
.dvIntg .cta svg{width:15px;height:15px;transition:transform .2s}
.dvIntg .cta2{display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--blue);font-weight:500;font-size:14.5px;padding:12px 26px;text-decoration:none;border-radius:var(--r);border:1px solid #C7CAFB;transition:background .16s,border-color .16s;background:#fff}
.dvIntg .cta2:hover{border-color:var(--blue);background:var(--blue-50)}
.dvIntg .cta2 svg{width:15px;height:15px}

html[dir="ltr"] .dvIntg .cta svg,html[dir="ltr"] .dvIntg .fin .band .cta3 svg,html[dir="ltr"] .dvIntg .farr svg{transform:scaleX(-1)}

.dvIntg .code{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;margin:0}
.dvIntg .code-bar{display:flex;align-items:center;gap:10px;padding:9px 14px;background:var(--panel);border-bottom:1px solid var(--line)}
.dvIntg .code-bar .fn{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:500;line-height:1;color:var(--muted);direction:ltr;unicode-bidi:isolate}
.dvIntg .code-bar .cp{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--blue);font:inherit;font-weight:500;font-size:11.5px;padding:5px 10px;border-radius:var(--r);transition:background .16s,border-color .16s}
.dvIntg .code-bar .cp:hover{background:var(--blue-50);border-color:var(--blue)}
.dvIntg .code-bar .cp svg{width:13px;height:13px}
.dvIntg pre{margin:0;padding:16px 18px;overflow:auto;direction:ltr;text-align:left}
.dvIntg pre code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;font-weight:400;line-height:1.8;color:var(--ink);white-space:pre;background:none;padding:0}
.dvIntg .tk-k{color:var(--blue-700)}.dvIntg .tk-s{color:#15803D}.dvIntg .tk-n{color:var(--ink)}
.dvIntg .tk-c{color:var(--muted);font-style:italic}.dvIntg .tk-p{color:var(--blue)}
.dvIntg .tk-f{color:var(--blue)}.dvIntg .tk-o{color:var(--muted)}

.dvIntg .tk-v{color:inherit}
.dvIntg .mth{display:inline-block;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;font-weight:500;line-height:1;padding:4px 8px;border-radius:var(--r);letter-spacing:.02em;direction:ltr;unicode-bidi:isolate}
.dvIntg .mth.get{background:var(--blue-50);color:var(--blue-700)}

.dvIntg .mth.post{background:var(--green-50);color:#166534}

.dvIntg code.ic{font-family:ui-monospace,Menlo,Consolas,monospace;background:var(--blue-50);color:var(--blue-700);padding:2px 7px;border-radius:var(--r);font-size:11.5px;direction:ltr;unicode-bidi:isolate;overflow-wrap:break-word}

.dvIntg .note{border-inline-start:3px solid var(--blue);background:var(--blue-50);border-radius:var(--r);padding:14px 16px;color:var(--muted);font-size:13px;font-weight:400;line-height:1.85;margin:0}
.dvIntg .note b{color:var(--ink);font-weight:500}

.dvIntg .hero{position:relative;padding:56px 0 80px;background:#fff;color:var(--ink);text-align:start;overflow:visible}
.dvIntg .hero::before{content:none}

.dvIntg .hero .aur,.dvIntg .hero .aur.a1,.dvIntg .hero .aur.a2{display:none}
.dvIntg .hero .w{position:relative;display:grid;grid-template-columns:1.04fr .96fr;gap:48px;align-items:center}
.dvIntg .hero .lead{max-width:540px;margin-bottom:26px}
.dvIntg .hero .btns{display:flex;gap:12px;flex-wrap:wrap;align-items:center}

.dvIntg .trustline{display:flex;gap:20px;margin-top:28px;flex-wrap:wrap}
.dvIntg .trustline span{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:400;color:var(--muted)}
.dvIntg .trustline svg{width:14px;height:14px;color:var(--green)}

.dvIntg .hub{position:relative;display:flex;justify-content:center;align-items:center;min-height:440px}
.dvIntg .hub svg{width:100%;max-width:470px;height:auto;overflow:visible}
.dvIntg .hub .spoke{stroke:var(--line-2);stroke-width:1.6;fill:none}
.dvIntg .hub .pulse{stroke:var(--blue);stroke-width:2.4;fill:none;stroke-linecap:round;stroke-dasharray:20 220;stroke-dashoffset:240;animation:dviPulse 3.4s linear infinite}
.dvIntg .hub .pulse.d1{animation-delay:.2s}.dvIntg .hub .pulse.d2{animation-delay:.7s}
.dvIntg .hub .pulse.d3{animation-delay:1.2s}.dvIntg .hub .pulse.d4{animation-delay:1.7s}
.dvIntg .hub .pulse.d5{animation-delay:2.2s}.dvIntg .hub .pulse.d6{animation-delay:2.7s}
@keyframes dviPulse{to{stroke-dashoffset:0}}
.dvIntg .hub .nodering{fill:#fff;stroke:var(--line);stroke-width:1.5}
.dvIntg .hub .node-g{color:var(--blue)}
.dvIntg .hub .node-g svg{width:auto}
.dvIntg .hub .nlabel{font-size:12px;font-weight:500;fill:var(--ink)}
.dvIntg .hub .core{fill:var(--blue)}
.dvIntg .hub .coretxt{font-size:18px;font-weight:500;fill:#fff}
.dvIntg .hub .coresub{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:10px;font-weight:400;fill:var(--blue-50);direction:ltr}

.dvIntg .cat{background:var(--panel)}
.dvIntg .catgrp{margin-top:48px}
.dvIntg .catgrp:first-of-type{margin-top:0}
.dvIntg .grphd{display:flex;align-items:center;gap:12px;margin-bottom:20px}
.dvIntg .grphd .gi{width:40px;height:40px;border-radius:var(--r);background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.dvIntg .grphd .gi svg{width:19px;height:19px;color:var(--blue)}
.dvIntg .grphd h3{font-size:18px;font-weight:500;margin:0}
.dvIntg .grphd .gline{flex:1;height:1px;background:var(--line)}

.dvIntg .grphd .gc{font-size:12px;font-weight:500;color:var(--muted);background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:2px 9px;line-height:1.7;direction:ltr;unicode-bidi:isolate}
.dvIntg .igrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

.dvIntg .intg{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;transition:border-color .25s,transform .25s;display:flex;flex-direction:column;min-width:0}
.dvIntg .intg:hover{transform:translateY(-2px);border-color:#C7CAFB}
.dvIntg .intg .itop{display:flex;align-items:center;gap:11px;margin-bottom:13px}

.dvIntg .intg .glyph{width:40px;height:40px;border-radius:var(--r);background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.dvIntg .intg .glyph svg{width:19px;height:19px;color:var(--blue)}

.dvIntg .intg .pill{margin-inline-start:auto;font-size:12px;font-weight:500;padding:3px 9px;border-radius:var(--r);white-space:nowrap;border:1px solid var(--line);background:#fff;line-height:1.7}
.dvIntg .intg .pill.live{background:var(--green-50);color:#166534;border-color:#CDEBD6}
.dvIntg .intg .pill.via{background:var(--blue-50);color:var(--blue);border-color:#D6D8FB;direction:ltr}

.dvIntg .intg .pill.soon{background:#fff;color:var(--muted);border-color:var(--line-2)}
.dvIntg .intg h4{font-size:15.5px;font-weight:500;color:var(--ink);letter-spacing:-.01em;line-height:1.7;margin:0 0 8px}
.dvIntg .intg .what{font-size:13px;color:var(--muted);font-weight:300;margin:0 0 12px;line-height:1.85;flex:1}
.dvIntg .intg .how{border-top:1px dashed var(--line);padding-top:11px;font-size:12.5px;color:var(--muted);font-weight:400;line-height:1.8;margin:0}
.dvIntg .intg .how b{color:var(--ink);font-weight:500}
.dvIntg .intg .how a{color:var(--blue);font-weight:500;text-decoration:none}
.dvIntg .intg .how a:hover{text-decoration:underline}

.dvIntg .build{background:#fff}
.dvIntg .build .bwrap{display:grid;grid-template-columns:1fr 1.12fr;gap:44px;align-items:center}
.dvIntg .build .btext{min-width:0}
.dvIntg .build .btext .lead{max-width:none}
.dvIntg .build .bsteps{margin:26px 0 0;display:flex;flex-direction:column;gap:18px}
.dvIntg .build .bstep{position:relative;display:flex;gap:13px;align-items:flex-start}
.dvIntg .build .bstep .n{width:28px;height:28px;flex:0 0 auto;border-radius:var(--r);background:var(--blue);color:#fff;font-weight:500;font-size:12.5px;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}

.dvIntg .build .bstep + .bstep::before{content:"";position:absolute;bottom:100%;inset-inline-start:13.25px;width:0;height:18px;border-inline-start:1.5px dashed #C9CBEA}
.dvIntg .build .bstep b{display:block;color:var(--ink);font-weight:500;font-size:15px;line-height:1.7}
.dvIntg .build .bstep p{margin:4px 0 0;font-size:13px;color:var(--muted);font-weight:300;line-height:1.85}
.dvIntg .build .bstep code.ic{font-size:12px}
.dvIntg .codestack{display:flex;flex-direction:column;gap:14px;min-width:0}

.dvIntg .recipe{background:var(--panel)}
.dvIntg .flow{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px;max-width:920px;margin:0 auto}
.dvIntg .flowhd{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--muted);margin-bottom:22px}
.dvIntg .flowhd svg{width:15px;height:15px;color:var(--blue)}
.dvIntg .flowrow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:stretch;gap:0}

.dvIntg .fnode{border:1px solid var(--line);border-radius:var(--r);padding:20px 18px 18px;text-align:start;background:#fff;transition:border-color .25s;min-width:0}
.dvIntg .fnode:hover{border-color:#C7CAFB}
.dvIntg .fnode .fk{display:inline-flex;align-items:center;font-size:12px;font-weight:500;line-height:1.7;border:1px solid var(--line);border-radius:var(--r);padding:3px 9px;background:#fff;margin-bottom:13px}
.dvIntg .fnode.trig .fk{color:#166534;background:var(--green-50);border-color:#CDEBD6}
.dvIntg .fnode.act .fk{color:var(--blue);background:var(--blue-50);border-color:#D6D8FB}
.dvIntg .fnode .fic{width:40px;height:40px;border-radius:var(--r);display:flex;align-items:center;justify-content:center;margin:0 0 13px}
.dvIntg .fnode.trig .fic{background:var(--green-50)}
.dvIntg .fnode.act .fic{background:var(--blue-50)}
.dvIntg .fnode.trig .fic svg{width:19px;height:19px;color:#166534}
.dvIntg .fnode.act .fic svg{width:19px;height:19px;color:var(--blue)}
.dvIntg .fnode b{display:block;font-size:15.5px;color:var(--ink);font-weight:500;line-height:1.7;letter-spacing:-.01em;margin-bottom:6px}

.dvIntg .fnode b + span{display:block;font-size:13px;color:var(--muted);font-weight:300;line-height:1.85}

.dvIntg .fnode code.ic{font-size:11.5px;margin-top:12px;display:inline-block;max-width:100%}

.dvIntg .farr{display:flex;align-items:center;justify-content:center;padding:0 8px;color:var(--muted)}
.dvIntg .farr svg{width:24px;height:24px}

.dvIntg .flownote{margin:26px 0 0;text-align:start;border-inline-start:3px solid var(--blue);background:var(--blue-50);border-radius:var(--r);padding:14px 16px;font-size:13px;font-weight:400;color:var(--muted);line-height:1.85}
.dvIntg .flownote code.ic{font-size:12px}

.dvIntg .faqsec{background:#fff}
.dvIntg .faq{max-width:840px;margin:0 auto}
.dvIntg .faq details{border:1px solid var(--line);border-radius:var(--r);background:#fff;margin-bottom:10px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.dvIntg .faq details[open]{border-color:#C7CAFB;box-shadow:0 20px 40px -32px rgba(18,26,176,.4)}
.dvIntg .faq summary{list-style:none;cursor:pointer;padding:16px 18px;font-weight:500;font-size:15px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:14px;line-height:1.7}
.dvIntg .faq summary::-webkit-details-marker{display:none}
.dvIntg .faq summary .qx{width:28px;height:28px;flex:0 0 auto;border-radius:var(--r);background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;transition:transform .3s,background .3s}
.dvIntg .faq summary .qx svg{width:14px;height:14px}
.dvIntg .faq summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dvIntg .faq details[open] summary .qx{transform:rotate(45deg);background:var(--blue);color:#fff}
.dvIntg .faq .ans{padding:0 18px 18px;color:var(--muted);font-size:13.5px;font-weight:400;line-height:1.95;margin:0}
.dvIntg .faq .ans code.ic{font-size:12px}

.dvIntg .faq .ans a{color:var(--blue);font-weight:500;text-decoration:none}
.dvIntg .faq .ans a:hover{text-decoration:underline}

.dvIntg .fin{position:relative;background:var(--panel);padding:96px 0;text-align:center;overflow:hidden}

.dvIntg .fin::before{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15'%3E%3Ccircle cx='7.5' cy='7.5' r='.9' fill='%23D9D9D4'/%3E%3C/svg%3E");
  background-size:15px 15px;background-repeat:repeat;
  -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' preserveAspectRatio='none'%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.65'%3E%3Cstop offset='.4' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='1'/%3E%3C/radialGradient%3E%3Crect width='100' height='100' fill='url(%23g)'/%3E%3C/svg%3E");
  mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' preserveAspectRatio='none'%3E%3CradialGradient id='g' cx='.5' cy='.5' r='.65'%3E%3Cstop offset='.4' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='1'/%3E%3C/radialGradient%3E%3Crect width='100' height='100' fill='url(%23g)'/%3E%3C/svg%3E");
  -webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.dvIntg .fin .w{position:relative}
.dvIntg .fin .band{position:relative;background:none;border-radius:0;padding:0;color:var(--ink);overflow:visible}
.dvIntg .fin .band .bblob{display:none}

.dvIntg .fin .band h2{color:var(--ink);font-size:clamp(32px,4.2vw,54px);margin:0;position:relative}
.dvIntg .fin .band p{color:var(--muted);font-size:clamp(13.5px,1.05vw,15.5px);font-weight:300;margin:14px auto 0;max-width:62ch;position:relative;line-height:1.9}
.dvIntg .fin .band .btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative;margin-top:28px}
.dvIntg .fin .band .cta{background:var(--blue);border-color:var(--blue);color:#fff}
.dvIntg .fin .band .cta:hover{background:var(--blue-700);border-color:var(--blue-700)}
.dvIntg .fin .band .cta3{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:var(--blue);font-weight:500;font-size:14.5px;padding:12px 26px;border-radius:var(--r);border:1px solid #C7CAFB;text-decoration:none;transition:background .16s,border-color .16s}
.dvIntg .fin .band .cta3:hover{border-color:var(--blue);background:var(--blue-50)}
.dvIntg .fin .band .cta3 svg{width:15px;height:15px}

@media(max-width:1000px){
  .dvIntg .hero .w{grid-template-columns:1fr;gap:38px}
  .dvIntg .hub{min-height:380px;order:2}
  .dvIntg .igrid{grid-template-columns:1fr 1fr}
  .dvIntg .build .bwrap{grid-template-columns:1fr;gap:32px}
}
@media(max-width:900px){
  .dvIntg section{padding:64px 0}
  .dvIntg .fin{padding:64px 0}
  .dvIntg .w{padding:0 20px}
  .dvIntg .hero{padding:40px 0 64px}
  .dvIntg .whead{margin-bottom:36px}
}
@media(max-width:640px){
  .dvIntg .igrid{grid-template-columns:1fr}
  .dvIntg .flowrow{grid-template-columns:1fr;gap:14px}

  .dvIntg .farr{transform:rotate(-90deg);padding:2px 0}
  html[dir="ltr"] .dvIntg .farr svg{transform:none}

  .dvIntg .hero .btns>a,.dvIntg .fin .band .btns>a{flex:1 1 100%}

  .dvIntg .mth,.dvIntg .code-bar .fn,.dvIntg .code-bar .cp,.dvIntg code.ic,.dvIntg .fnode code.ic{font-size:12px}

  .dvIntg .code-bar .cp{padding:9px 10px}

  .dvIntg .hub{margin-inline:-20px}
  .dvIntg .hub .nlabel,.dvIntg .hub .coresub{font-size:15px}

  .dvIntg .hub .core,.dvIntg .hub .core+circle{r:68}
}
@media (prefers-reduced-motion:reduce){
  .dvIntg .rv{opacity:1;transform:none;transition:none}
  .dvIntg .hub .pulse{animation:none}
}