.dvHub{--pb:var(--blue);--pb2:var(--blue-700);--nv:var(--ink);--mut:var(--muted);--soft:var(--panel);--soft2:var(--blue-50)}

.dvHub{color:var(--ink);background:#fff;line-height:1.75;overflow-x:clip}
.dvHub .w{max-width:var(--maxw);margin:0 auto;padding:0 28px}

.dvHub .sec{position:relative;background:#fff;padding:96px 0}
.dvHub .sec.alt{background:var(--panel)}

.dvHub > .sec:first-of-type{padding:56px 0 80px}

.dvHub .hd{max-width:780px;margin:0 0 44px}

.dvHub .sec.sdk{padding-top:0}
.dvHub .sec.sdk .hd{margin-bottom:28px}
.dvHub .sec.sdk .hd .sub{margin-top:10px}

.dvHub .grp .hd{margin-bottom:36px}
.dvHub .hd h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.95;margin:0}
.dvHub .hd .sub{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}

.dvHub .hero{position:relative;padding:0;text-align:start;background:#fff;color:var(--ink);
  overflow:visible;box-shadow:none;border:0;border-radius:0}

.dvHub .hero::before,.dvHub .hero::after{content:none;display:none;background:none}

.dvHub .eyebrow{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;
  color:var(--muted);font-weight:500;font-size:12.5px;line-height:1.7;margin-bottom:14px}
.dvHub .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}
.dvHub .eyebrow > svg{display:none}
.dvHub h1{font-size:clamp(32px,4.2vw,48px);font-weight:800;color:var(--ink);letter-spacing:-.03em;line-height:1.85;margin:0 0 14px}
.dvHub .lead{font-size:clamp(13.5px,1.05vw,15.5px);color:var(--muted);font-weight:300;line-height:1.9;max-width:62ch;margin:0 0 26px}
.dvHub .hacts{display:flex;gap:12px;flex-wrap:wrap}
.dvHub .b1,.dvHub .b2{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:500;font-size:14.5px;
  padding:12px 26px;border-radius:var(--r);text-decoration:none;transition:background .16s,border-color .16s,transform .15s}
.dvHub .b1{background:var(--blue);border:1px solid var(--blue);color:#fff}
.dvHub .b1:hover{transform:translateY(-1px);background:var(--blue-700);border-color:var(--blue-700)}
.dvHub .b2{background:#fff;color:var(--blue);border:1px solid #C7CAFB}
.dvHub .b2:hover{border-color:var(--blue);background:var(--blue-50)}
.dvHub .b1 svg,.dvHub .b2 svg{width:15px;height:15px}

.dvHub .boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:18px}

.dvHub .box{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:22px 22px 20px;text-decoration:none;
  transition:border-color .25s,transform .25s;position:relative;min-width:0}
.dvHub .box:hover{border-color:var(--blue);transform:translateY(-2px)}

.dvHub .box .ic{width:40px;height:40px;border-radius:var(--r);background:var(--blue-50);color:var(--blue);display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.dvHub .box .ic svg{width:19px;height:19px}

.dvHub .ic svg [stroke]{stroke:currentColor;stroke-width:1.6}
.dvHub .ic svg [fill]:not([fill="none"]):not([fill="currentColor"]){fill:var(--blue-50)}
.dvHub .box h3{font-size:15.5px;font-weight:500;color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;line-height:1.7}
.dvHub .box p{font-size:13px;color:var(--muted);font-weight:300;margin:0;line-height:1.85}

.dvHub .box .go{margin-top:auto;padding-top:14px;color:var(--blue);font-weight:500;font-size:12.5px;transition:transform .18s}
.dvHub .box:hover .go{transform:translateX(-3px)}

.dvHub .box .nb{position:absolute;top:14px;inset-inline-end:14px;background:var(--green-50);color:#15803D;font-weight:500;font-size:12px;line-height:1.7;padding:2px 10px;border-radius:999px;border:1px solid #CDEBD6}

.dvHub .expl .steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:40px}
.dvHub .step{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:18px 20px;min-width:0}
.dvHub .step .n{width:26px;height:26px;border-radius:var(--r);background:var(--blue);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-size:12.5px;margin-bottom:12px}
.dvHub .step h4{font-size:15.5px;font-weight:500;color:var(--ink);margin:0 0 6px;line-height:1.7}
.dvHub .step p{font-size:13px;color:var(--muted);font-weight:300;margin:0;line-height:1.85}
.dvHub .step p code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;direction:ltr;unicode-bidi:isolate;
  background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:1px 6px;color:var(--ink)}

@media(min-width:1000px){
  .dvHub .expl .steps{grid-template-columns:repeat(4,1fr)}
  .dvHub .step + .step::before{content:"";position:absolute;top:31px;inset-inline-start:-18px;width:18px;height:0;border-top:1px dashed var(--line-2)}
}
.dvHub .split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.dvHub .split>*{min-width:0}
.dvHub .fcol{min-width:0}
@media(max-width:860px){.dvHub .split{grid-template-columns:1fr}}

.dvHub .code{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;min-width:0;
  box-shadow:0 2px 6px rgba(11,11,11,.05),0 44px 84px -44px rgba(11,11,11,.45)}
.dvHub .code-bar{display:flex;align-items:center;gap:6px;min-height:36px;padding:0 14px;background:#F6F6F4;border-bottom:1px solid #E6E6E2}
.dvHub .code-bar .dt{width:9px;height:9px;border-radius:50%;background:#DCDCD8;flex:0 0 auto}
.dvHub .code-bar .fn{margin-inline-start:8px;font-family:ui-monospace,Menlo,Consolas,monospace;font-weight:500;font-size:12px;color:var(--muted);direction:ltr;unicode-bidi:isolate}
.dvHub .code-bar .cp{margin-inline-start:auto;cursor:pointer;border:1px solid #C7CAFB;background:#fff;color:var(--blue);font-weight:500;font-size:12px;padding:5px 11px;border-radius:var(--r);font-family:inherit}
.dvHub .code-bar .cp:hover{background:var(--blue-50);border-color:var(--blue)}
.dvHub pre{margin:0;padding:16px 18px;overflow:auto;direction:ltr;text-align:left}
.dvHub pre code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px;line-height:1.85;color:var(--ink);white-space:pre;display:block;background:none}

.dvHub .tk-k{color:var(--blue)}.dvHub .tk-s{color:#15803D}.dvHub .tk-n{color:var(--ink)}.dvHub .tk-c{color:var(--faint);font-style:italic}

.dvHub .flist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.dvHub .flist li{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:var(--r);
  padding:14px 16px;font-size:13px;font-weight:300;line-height:1.85;color:var(--muted)}
.dvHub .flist li > span{min-width:0}
.dvHub .flist li b{display:block;color:var(--ink);font-weight:500;font-size:14.5px;line-height:1.7;margin-bottom:2px}
.dvHub .flist > li > svg{width:34px;height:34px;padding:7px;box-sizing:border-box;background:var(--blue-50);border-radius:var(--r);color:var(--blue);flex:0 0 auto}

.dvHub .fin{text-align:center}
.dvHub .pricebar{display:flex;flex-direction:column;align-items:center;gap:24px}
.dvHub .pbt{max-width:640px;min-width:0}
.dvHub .pricebar h4{font-size:clamp(20px,2vw,26px);font-weight:500;color:var(--ink);margin:0 0 10px;line-height:1.7;letter-spacing:-.01em}
.dvHub .pricebar p{font-size:13.5px;color:var(--muted);font-weight:300;margin:0;line-height:1.9}

[dir="ltr"] .dvHub svg.ch{transform:scaleX(-1)}
@media(max-width:900px){
  .dvHub .w{padding:0 20px}
  .dvHub .sec{padding:64px 0}
  .dvHub > .sec:first-of-type{padding:40px 0 56px}
  .dvHub .hd{margin-bottom:32px}
  .dvHub .expl .steps{margin-bottom:32px}

  .dvHub .code-bar{padding:6px 14px}
  .dvHub .code-bar .cp{min-height:40px;padding:9px 14px}
}
@media(max-width:640px){

  .dvHub .hacts>a{width:100%}
  .dvHub .pricebar .b1{width:100%}
}