/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 19 2026 | 20:51:31 */
.dpapi{
  --orange:#FF9400; --orange-hi:#FF6A00; --orange-lo:#FFB44D; --orange-deep:#C96D08;
  --navy:#0C265A; --void:#050A14; --panel:#0A1322; --panel-2:#0E1B30;
  --blue:#6AA8FF; --mint:#3FD6A8;
  --ink:#0B0D10; --ink-soft:#404B5E; --ink-dim:#7C8798;
  --paper:#FFFFFF; --paper-2:#F5F7FB; --paper-3:#EDF1F7;
  --line:#E2E7EF; --lined:rgba(255,255,255,.14);
  --ui:'Poppins',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,monospace;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --rail:min(1280px,calc(100% - 48px));
}
.dpapi *{box-sizing:border-box}


.dpapi{background:var(--void);color:#fff;font-family:var(--ui);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
.dpapi img{max-width:100%;display:block}
.dpapi a{color:inherit}
.dpapi h1, .dpapi h2, .dpapi h3{font-weight:700;letter-spacing:-.03em;line-height:1.03;margin:0}
.dpapi p{margin:0}
.dpapi ::selection{background:var(--orange);color:#140A00}

.dpapi{position:relative}
.dpapi .grain{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:.05;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>")}
.dpapi .prog{position:fixed;top:0;left:0;height:3px;width:100%;z-index:999999}
.dpapi .prog i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange-hi),var(--orange),var(--orange-lo));box-shadow:0 0 16px rgba(255,148,0,.6)}


.dpapi .site{position:fixed;top:0;left:0;right:0;z-index:50;background:transparent;border-bottom:1px solid transparent;transition:background .45s var(--ease),border-color .45s var(--ease)}
.dpapi .site.solid{background:rgba(5,10,20,.76);backdrop-filter:blur(14px);border-bottom-color:rgba(255,255,255,.1)}
.dpapi .site.solid.light{background:rgba(255,255,255,.88);border-bottom-color:var(--line)}
.dpapi .site .in{width:var(--rail);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:22px;height:76px}
.dpapi .brand img{height:30px;width:auto}
.dpapi .site.light .brand img{filter:invert(1) brightness(.16) saturate(0)}
.dpapi .nav{display:none;gap:30px;font-size:.9rem;font-weight:500}
@media(min-width:1060px){.dpapi .nav{display:flex}}
.dpapi .nav a{text-decoration:none;color:rgba(255,255,255,.82);position:relative;padding:4px 0}
.dpapi .site.light .nav a{color:var(--ink-soft)}
.dpapi .nav a::after{content:"";position:absolute;left:0;bottom:0;height:1.5px;width:0;background:var(--orange);transition:width .35s var(--ease)}
.dpapi .nav a:hover::after{width:100%}
.dpapi .site .btn.pri{padding:12px 22px;font-size:.88rem}
@media(max-width:720px){.dpapi .site .in{height:64px}.dpapi .site .btn.pri{padding:9px 14px;font-size:.76rem}.dpapi .site .btn .ar{display:none}.dpapi{--rail:min(1280px,calc(100% - 34px))}}


.dpapi .btn{display:inline-flex;align-items:center;gap:11px;padding:15px 26px;border-radius:999px;font-weight:600;font-size:.95rem;text-decoration:none;border:1.5px solid transparent;cursor:pointer;font-family:var(--ui);transition:transform .3s var(--ease),box-shadow .3s var(--ease),background .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)}
.dpapi .btn .ar{transition:transform .35s var(--ease)}
.dpapi .btn:hover .ar{transform:translateX(5px)}
.dpapi .btn.pri{background:linear-gradient(135deg,var(--orange-hi),var(--orange));color:#1A0C00;box-shadow:0 14px 34px -12px rgba(255,120,0,.75)}
.dpapi .btn.pri:hover{transform:translateY(-2px);box-shadow:0 20px 46px -14px rgba(255,120,0,.9)}
.dpapi .btn.gho{border-color:rgba(255,255,255,.3);color:#fff}
.dpapi .btn.gho:hover{border-color:#fff;background:rgba(255,255,255,.07)}
.dpapi .btn.dark{border-color:var(--line);color:var(--navy);background:#fff}
.dpapi .btn.dark:hover{border-color:var(--navy);transform:translateY(-2px)}


.dpapi .wrap{width:var(--rail);margin:0 auto}
.dpapi .sec{padding-block:clamp(74px,10vw,136px);position:relative}
.dpapi section[data-sec]{scroll-margin-top:76px}
.dpapi .lite{background:var(--paper);color:var(--ink)}
.dpapi .lite h1, .dpapi .lite h2, .dpapi .lite h3{color:var(--ink)}
.dpapi .tag{display:inline-flex;align-items:center;gap:12px;font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange)}
.dpapi .tag::before{content:"";width:28px;height:1px;background:var(--orange);opacity:.8}
.dpapi .h2{font-size:clamp(2.1rem,5.2vw,4rem);letter-spacing:-.035em}
.dpapi .lede{font-size:clamp(1.02rem,1.45vw,1.2rem);color:#9FB2CE;max-width:62ch}
.dpapi .lite .lede{color:var(--ink-soft)}
.dpapi .rv{opacity:0;transform:translateY(26px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.dpapi .rv.on{opacity:1;transform:none}
.dpapi .rv.d1{transition-delay:.08s}.dpapi .rv.d2{transition-delay:.16s}.dpapi .rv.d3{transition-delay:.24s}.dpapi .rv.d4{transition-delay:.32s}.dpapi .rv.d5{transition-delay:.4s}
@media(prefers-reduced-motion:reduce){.dpapi .rv{opacity:1;transform:none;transition:none}}


.dpapi .hero{position:relative;overflow:hidden;padding-block:clamp(124px,11vw,152px) clamp(0px,2vw,20px)}
.dpapi .hero .aur{position:absolute;inset:-28% -12% auto -12%;height:130%;pointer-events:none;
  background:
   radial-gradient(44% 40% at 14% 20%,rgba(255,106,0,.26),transparent 62%),
   radial-gradient(46% 42% at 86% 14%,rgba(12,38,90,.9),transparent 66%),
   radial-gradient(58% 48% at 60% 86%,rgba(106,168,255,.1),transparent 68%);
  filter:blur(26px);animation:dpa-drift 24s var(--ease-io) infinite alternate}
@keyframes dpa-drift{to{transform:translate3d(-3%,2%,0) scale(1.07)}}
@media(prefers-reduced-motion:reduce){.dpapi .hero .aur{animation:none}}
.dpapi .hero .bus{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.5;
  mask-image:radial-gradient(120% 90% at 70% 40%,#000 20%,transparent 78%)}
.dpapi .hero .bus path{fill:none;stroke:rgba(255,255,255,.16);stroke-width:1}
.dpapi .hero .bus .sg{stroke:var(--orange);stroke-width:1.6;stroke-dasharray:26 900;animation:dpa-bus 7s linear infinite}
.dpapi .hero .bus .sg.b{stroke:var(--blue);animation-duration:9s;animation-delay:-3s}
.dpapi .hero .bus .sg.c{animation-duration:11s;animation-delay:-6s}
@keyframes dpa-bus{from{stroke-dashoffset:926}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.dpapi .hero .bus .sg{animation:none;opacity:.5}}
.dpapi .hero .in{position:relative;z-index:2;width:var(--rail);margin:0 auto}
.dpapi .hero h1{font-size:clamp(2.5rem,6.6vw,5.4rem);font-weight:800;letter-spacing:-.045em;line-height:1;margin:26px 0 0;max-width:19ch}
.dpapi .hero h1 .ln{display:block;overflow:hidden}
.dpapi .hero h1 .ln > i{display:block;font-style:normal;transform:translateY(102%);animation:dpa-rise 1s var(--ease) forwards}
.dpapi .hero h1 .ln:nth-child(2) > i{animation-delay:.09s}
.dpapi .hero h1 .ln:nth-child(3) > i{animation-delay:.18s}
@keyframes dpa-rise{to{transform:none}}
@media(prefers-reduced-motion:reduce){.dpapi .hero h1 .ln > i{transform:none;animation:none}}


.dpapi .sock{display:inline-flex;align-items:center;vertical-align:baseline;position:relative;padding:.06em .42em .1em;margin:0 .06em;border-radius:.22em;
  background:linear-gradient(140deg,rgba(255,148,0,.16),rgba(255,148,0,.05));
  border:1.5px solid rgba(255,148,0,.5);color:var(--orange);
  box-shadow:0 0 0 0 rgba(255,148,0,.4),inset 0 0 32px rgba(255,148,0,.12)}
.dpapi .sock::before, .dpapi .sock::after{content:"";position:absolute;top:50%;width:.26em;height:.1em;background:var(--orange);opacity:.75}
.dpapi .sock::before{left:-.26em;transform:translateY(-50%)}
.dpapi .sock::after{right:-.26em;transform:translateY(-50%)}
.dpapi .sock u{text-decoration:none;display:inline-block;white-space:nowrap}
.dpapi .sock.sw u{animation:dpa-swap .5s var(--ease)}
@keyframes dpa-swap{0%{opacity:0;transform:translateY(42%) scale(.96)}100%{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.dpapi .sock.sw u{animation:none}}
.dpapi .hero .sub{margin-top:30px;max-width:56ch;color:#A9BBD6;font-size:clamp(1rem,1.45vw,1.18rem)}
.dpapi .hero .acts{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}
.dpapi .hero .meta{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:46px;padding-top:26px;border-top:1px solid rgba(255,255,255,.12)}
@media(min-width:860px){.dpapi .hero .meta{grid-template-columns:repeat(4,1fr)}}
.dpapi .hero .meta b{display:block;font-size:clamp(1.4rem,2.3vw,1.95rem);font-weight:700;letter-spacing:-.03em;line-height:1.1}
.dpapi .hero .meta span{font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#7D90AE;display:block;margin-top:6px}
.dpapi .tick{position:relative;z-index:2;margin-top:clamp(42px,6vw,70px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.015);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
.dpapi .tick ul{display:flex;margin:0;padding:0;list-style:none;width:max-content;animation:dpa-slide 38s linear infinite}
.dpapi .tick li{display:flex;align-items:center;gap:24px;padding:16px 24px;font-family:var(--mono);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#9FB2CE;white-space:nowrap}
.dpapi .tick li::after{content:"";width:5px;height:5px;border-radius:50%;background:var(--orange)}
@keyframes dpa-slide{to{transform:translateX(-50%)}}
.dpapi .tick:hover ul{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.dpapi .tick ul{animation:none}}


.dpapi .cfg{margin-top:clamp(32px,4.4vw,52px)}
.dpapi .pick{display:grid;gap:22px}
@media(min-width:900px){.dpapi .pick{grid-template-columns:1fr 1fr;gap:34px}}
.dpapi .pick .q{font-family:var(--mono);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:#7D90AE;display:flex;align-items:center;gap:10px}
.dpapi .pick .q b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;border:1px solid rgba(255,255,255,.28);font-size:.6rem;color:#fff;font-weight:500}
.dpapi .chips{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}
.dpapi .chips button{font-family:var(--ui);font-size:.85rem;font-weight:500;padding:10px 16px;border-radius:999px;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.03);color:#C6D4E8;cursor:pointer;transition:all .28s var(--ease)}
.dpapi .chips button:hover{border-color:rgba(255,255,255,.5);color:#fff;transform:translateY(-1px)}
.dpapi .chips button[aria-pressed="true"]{background:linear-gradient(135deg,var(--orange-hi),var(--orange));border-color:transparent;color:#1A0C00;font-weight:600;box-shadow:0 10px 26px -12px rgba(255,120,0,.9)}
.dpapi .chips.mod button[aria-pressed="true"]{background:rgba(255,148,0,.14);border-color:var(--orange);color:var(--orange-lo);box-shadow:none}

.dpapi .build{display:grid;gap:20px;margin-top:clamp(26px,3.4vw,40px)}
.dpapi .build > *{min-width:0}
.dpapi .pick > *{min-width:0}
@media(min-width:1060px){.dpapi .build{grid-template-columns:1.32fr .68fr;align-items:stretch}}


.dpapi .map{position:relative;border:1px solid var(--lined);border-radius:22px;background:
   radial-gradient(60% 60% at 50% 0%,rgba(255,148,0,.07),transparent 70%),
   linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  padding:clamp(22px,3vw,34px);overflow:hidden;min-height:430px;
  display:grid;grid-template-columns:1fr;gap:30px;align-content:center}
.dpapi .map::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:38px 38px}
@media(min-width:760px){
  .dpapi .map{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:0 clamp(40px,5.6vw,92px)}
  .dpapi .col:first-of-type{justify-items:end}
  .dpapi .col:first-of-type .nd{max-width:272px;width:100%}
  .dpapi .col.mods{justify-items:start}
  .dpapi .col.mods .nd{max-width:312px;width:100%}
}
.dpapi .wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}
.dpapi .wires path{fill:none;stroke-linecap:round}
.dpapi .wires .base{stroke:rgba(255,255,255,.16);stroke-width:1.4;stroke-dasharray:5 6}
.dpapi .wires .base.off{stroke:rgba(255,255,255,.07)}
.dpapi .wires .sig{stroke:var(--orange);stroke-width:2.2;filter:drop-shadow(0 0 7px rgba(255,148,0,.85));animation:dpa-pulse-wire 2.4s linear infinite}
@keyframes dpa-pulse-wire{from{stroke-dashoffset:var(--l)}to{stroke-dashoffset:0}}
@media(prefers-reduced-motion:reduce){.dpapi .wires .sig{animation:none;opacity:.55;stroke-dasharray:none!important}}
.dpapi .col{position:relative;z-index:2;display:grid;gap:12px}
.dpapi .col.mods{gap:18px}
.dpapi .nd{border:1px solid var(--lined);border-radius:14px;padding:15px 16px;background:rgba(8,15,28,.86);backdrop-filter:blur(4px);transition:all .4s var(--ease)}
.dpapi .nd i{font-style:normal;font-family:var(--mono);font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:#7D90AE;display:block}
.dpapi .nd b{display:block;margin-top:5px;font-size:.98rem;font-weight:600;color:#fff;letter-spacing:-.01em}
.dpapi .nd small{display:block;margin-top:4px;font-family:var(--mono);font-size:.64rem;color:#8EA4C6;letter-spacing:.02em}
.dpapi .nd.src{border-color:rgba(106,168,255,.5);box-shadow:0 0 0 1px rgba(106,168,255,.14),0 24px 50px -36px rgba(106,168,255,.9)}
.dpapi .nd.src i{color:var(--blue)}
.dpapi .nd.hub{text-align:center;border-color:var(--orange);background:linear-gradient(150deg,rgba(255,148,0,.2),rgba(255,148,0,.05));box-shadow:0 0 0 1px rgba(255,148,0,.26),0 30px 64px -40px rgba(255,120,0,1);padding:20px 22px;min-width:180px}
.dpapi .nd.hub i{color:var(--orange)}
.dpapi .nd.hub b{font-size:1.14rem}
.dpapi .nd.mod{opacity:.34;filter:saturate(.3)}
.dpapi .nd.mod.on{opacity:1;filter:none;border-color:rgba(255,148,0,.55);box-shadow:0 0 0 1px rgba(255,148,0,.16)}
.dpapi .nd.mod.on i{color:var(--orange)}
.dpapi .mapfoot{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:space-between;padding:12px clamp(22px,3vw,34px);border-top:1px solid rgba(255,255,255,.08);background:rgba(5,10,20,.55);font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#7D90AE}
.dpapi .mapfoot em{font-style:normal;color:var(--orange)}
.dpapi .map{padding-bottom:64px}


.dpapi .code{border:1px solid var(--lined);border-radius:22px;background:var(--panel);overflow:hidden;display:flex;flex-direction:column;min-height:430px}
.dpapi .code .top{display:flex;align-items:center;gap:10px;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.02)}
.dpapi .code .dots{display:flex;gap:6px}
.dpapi .code .dots span{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}
.dpapi .code .dots span:first-child{background:rgba(255,106,0,.7)}
.dpapi .code .top b{font-family:var(--mono);font-size:.66rem;letter-spacing:.12em;color:#8EA4C6;font-weight:400}
.dpapi .code .top .cp{margin-left:auto;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:#7D90AE;background:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:5px 11px;cursor:pointer;transition:all .3s var(--ease)}
.dpapi .code .top .cp:hover{color:#fff;border-color:rgba(255,255,255,.45)}
.dpapi .code pre{margin:0;padding:20px 20px 24px;overflow:auto;font-family:var(--mono);font-size:.78rem;line-height:1.75;color:#C9D7EC;flex:1}
.dpapi .code pre::-webkit-scrollbar{width:8px;height:8px}
.dpapi .code pre::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:8px}
.dpapi .xk{color:#FF9D3D}.dpapi .xs{color:#8FE3C0}.dpapi .xp{color:#6AA8FF}.dpapi .xc{color:#64748B}.dpapi .xn{color:#E6B3FF}


.dpapi .tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.dpapi .tabs button{font-family:var(--mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;padding:9px 15px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:transparent;color:#8EA4C6;cursor:pointer;transition:all .3s var(--ease)}
.dpapi .tabs button:hover{color:#fff;border-color:rgba(255,255,255,.4)}
.dpapi .tabs button[aria-selected="true"]{background:rgba(255,148,0,.14);border-color:var(--orange);color:var(--orange-lo)}


.dpapi .pieces{display:grid;gap:18px;margin-top:clamp(30px,4vw,48px)}
@media(min-width:720px){.dpapi .pieces{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.dpapi .pieces{grid-template-columns:repeat(3,1fr)}}
.dpapi .pc{position:relative;border:1px solid var(--line);border-radius:20px;padding:28px 26px 26px;background:#fff;overflow:hidden;transition:transform .45s var(--ease),box-shadow .45s var(--ease),border-color .4s var(--ease)}
.dpapi .pc::before{content:"";position:absolute;left:0;top:26px;width:4px;height:34px;border-radius:0 4px 4px 0;background:var(--orange);opacity:.85}
.dpapi .pc:hover{transform:translateY(-6px);box-shadow:0 38px 74px -48px rgba(7,20,44,.7);border-color:#CBD6E6}
.dpapi .pc .kin{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:var(--orange-deep)}
.dpapi .pc h3{font-size:1.32rem;margin-top:11px;color:var(--navy)}
.dpapi .pc p{margin-top:12px;color:var(--ink-soft);font-size:.94rem}
.dpapi .pc .api{margin-top:18px;padding-top:15px;border-top:1px dashed var(--line);display:flex;flex-wrap:wrap;gap:7px}
.dpapi .pc .api span{font-family:var(--mono);font-size:.63rem;letter-spacing:.04em;color:var(--ink-dim);border:1px solid var(--line);background:var(--paper-2);padding:5px 10px;border-radius:7px}
.dpapi .pc.all{background:linear-gradient(155deg,var(--navy),#071530);border-color:transparent;color:#fff}
.dpapi .pc.all::before{background:var(--orange);opacity:1}
.dpapi .pc.all h3{color:#fff}
.dpapi .pc.all p{color:#A9BBD6}
.dpapi .pc.all .kin{color:var(--orange)}
.dpapi .pc.all .api{border-top-color:rgba(255,255,255,.2)}
.dpapi .pc.all .api span{color:#A9BBD6;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.05)}


.dpapi .spec{display:grid;gap:20px;margin-top:clamp(30px,4vw,46px)}
@media(min-width:1000px){.dpapi .spec{grid-template-columns:.88fr 1.12fr;align-items:start}}
.dpapi .specside{display:grid;gap:16px;min-width:0}
.dpapi .spec > *{min-width:0}
.dpapi .card{min-width:0}
.dpapi .envs code, .dpapi .hdr code{overflow-wrap:anywhere}
.dpapi .card{border:1px solid var(--lined);border-radius:18px;padding:24px 22px;background:rgba(255,255,255,.03);transition:border-color .4s var(--ease)}
.dpapi .card:hover{border-color:rgba(255,255,255,.3)}
.dpapi .card .h{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.dpapi .card h3{font-size:1.06rem;margin-top:12px;color:#fff}
.dpapi .card p{margin-top:9px;font-size:.89rem;color:#92A8C8}
.dpapi .hdr{margin-top:14px;display:grid;gap:7px}
.dpapi .hdr code{display:block;font-family:var(--mono);font-size:.72rem;background:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:9px 11px;color:#C9D7EC;overflow-wrap:anywhere}
.dpapi .envs{display:grid;gap:1px;background:var(--lined);border:1px solid var(--lined);border-radius:14px;overflow:hidden;margin-top:14px}
.dpapi .envs > div{background:var(--void);padding:14px 16px}
.dpapi .envs i{font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.dpapi .envs i::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.dpapi .envs .prod i{color:var(--orange)}
.dpapi .envs .dev i{color:var(--blue)}
.dpapi .envs code{display:block;margin-top:8px;font-family:var(--mono);font-size:.71rem;color:#C9D7EC;overflow-wrap:anywhere}
.dpapi .envs small{display:block;margin-top:6px;font-size:.78rem;color:#7D90AE}


.dpapi .res{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--lined);border:1px solid var(--lined);border-radius:16px;overflow:hidden;margin-top:18px}
@media(min-width:620px){.dpapi .res{grid-template-columns:repeat(4,1fr)}}
.dpapi .res a{background:var(--void);padding:16px 15px;text-decoration:none;display:block;transition:background .35s var(--ease)}
.dpapi .res a:hover{background:var(--panel-2)}
.dpapi .res b{display:block;font-family:var(--mono);font-size:.78rem;color:#fff;font-weight:500}
.dpapi .res span{display:block;margin-top:5px;font-size:.76rem;color:#7D90AE;line-height:1.45}


.dpapi .loop{position:relative;display:grid;gap:0;margin-top:clamp(30px,4vw,46px);grid-template-columns:1fr}
@media(min-width:980px){.dpapi .loop{grid-template-columns:1fr 120px 1fr 120px 1fr;align-items:center}}
.dpapi .lnode{border:1px solid var(--line);border-radius:18px;padding:24px 22px;background:#fff}
.dpapi .lnode.mid{border-color:rgba(255,148,0,.6);background:linear-gradient(155deg,#fff,#FFF6EB);box-shadow:0 30px 64px -48px rgba(255,120,0,.9)}
.dpapi .lnode i{font-style:normal;font-family:var(--mono);font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim)}
.dpapi .lnode.mid i{color:var(--orange-deep)}
.dpapi .lnode b{display:block;margin-top:10px;font-size:1.08rem;color:var(--navy)}
.dpapi .lnode p{margin-top:8px;font-size:.88rem;color:var(--ink-soft)}
.dpapi .lk{position:relative;height:60px;width:1px;margin:0 auto;background-image:repeating-linear-gradient(180deg,rgba(12,38,90,.42) 0 7px,transparent 7px 14px)}
.dpapi .lk::after{content:"";position:absolute;left:-4px;bottom:-2px;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:7px solid rgba(12,38,90,.5)}
.dpapi .lk em{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--paper);padding:5px 10px;font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-dim);white-space:nowrap}
.dpapi .lk u{position:absolute;left:-4px;top:0;width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(255,148,0,.9);animation:dpa-runY 2.8s var(--ease-io) infinite}
@keyframes dpa-runY{0%{top:-5px;opacity:0}14%{opacity:1}86%{opacity:1}100%{top:calc(100% - 4px);opacity:0}}
@media(min-width:980px){
  .dpapi .lk{height:1px;width:auto;background-image:repeating-linear-gradient(90deg,rgba(12,38,90,.42) 0 7px,transparent 7px 14px)}
  .dpapi .lk::after{left:auto;right:-2px;bottom:auto;top:-4px;border-left:7px solid rgba(12,38,90,.5);border-right:0;border-top:4.5px solid transparent;border-bottom:4.5px solid transparent}
  .dpapi .lk u{left:0;top:-4px;animation:dpa-runX 2.8s var(--ease-io) infinite}
  @keyframes dpa-runX{0%{left:-5px;opacity:0}14%{opacity:1}86%{opacity:1}100%{left:calc(100% - 4px);opacity:0}}
}
@media(prefers-reduced-motion:reduce){.dpapi .lk u{animation:none}}
.dpapi .docs{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(26px,3.2vw,38px)}
.dpapi .docs span{font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink-soft);border:1px solid var(--line);background:#fff;padding:8px 13px;border-radius:999px;transition:all .3s var(--ease)}
.dpapi .docs span:hover{border-color:var(--orange);color:var(--orange-deep);transform:translateY(-2px)}
.dpapi .cleans{display:grid;gap:14px;margin-top:clamp(26px,3.2vw,38px)}
@media(min-width:760px){.dpapi .cleans{grid-template-columns:1fr 1fr}}
.dpapi .cl{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--paper-2)}
.dpapi .cl em{font-style:normal;flex:0 0 auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font-family:var(--mono);font-size:.64rem}
.dpapi .cl b{display:block;color:var(--navy);font-size:.98rem}
.dpapi .cl p{margin-top:5px;font-size:.87rem;color:var(--ink-soft)}


.dpapi .weeks{position:relative;margin-top:clamp(30px,4vw,44px);display:grid;gap:26px;padding-left:30px}
.dpapi .weeks::before{content:"";position:absolute;left:6px;top:6px;bottom:6px;width:1px;background:linear-gradient(180deg,var(--orange),rgba(255,255,255,.18));transform:scaleY(0);transform-origin:top;transition:transform 1.5s var(--ease-io) .15s}
.dpapi .weeks.on::before{transform:scaleY(1)}
.dpapi .wk{position:relative}
.dpapi .wk::before{content:"";position:absolute;left:-30px;top:3px;width:13px;height:13px;border-radius:50%;background:var(--void);border:2px solid var(--orange)}
.dpapi .wk i{font-style:normal;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:var(--orange)}
.dpapi .wk b{display:block;margin-top:5px;color:#fff;font-size:1.02rem;font-weight:600}
.dpapi .wk p{margin-top:5px;color:#92A8C8;font-size:.88rem}
@media(min-width:900px){
  .dpapi .weeks{grid-template-columns:repeat(4,1fr);gap:0;padding-left:0;padding-top:30px}
  .dpapi .weeks::before{left:0;right:0;top:6px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,var(--orange),rgba(255,255,255,.18));transform:scaleX(0);transform-origin:left}
  .dpapi .weeks.on::before{transform:scaleX(1)}
  .dpapi .wk{padding-right:20px}
  .dpapi .wk::before{left:0;top:-30px}
}


.dpapi .seals{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--lined);border:1px solid var(--lined);border-radius:16px;overflow:hidden;margin-top:clamp(26px,3.4vw,40px)}
@media(min-width:760px){.dpapi .seals{grid-template-columns:repeat(3,1fr)}}
.dpapi .seals div{background:var(--void);padding:22px 20px;transition:background .35s var(--ease)}
.dpapi .seals div:hover{background:var(--panel-2)}
.dpapi .seals b{display:block;color:#fff;font-size:1rem;font-weight:600}
.dpapi .seals span{display:block;margin-top:6px;font-family:var(--mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:#7D90AE}
.dpapi .ords{display:grid;gap:10px;margin-top:20px}
@media(min-width:760px){.dpapi .ords{grid-template-columns:repeat(2,1fr)}}
.dpapi .ord{display:flex;gap:12px;align-items:baseline;padding:13px 16px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.02)}
.dpapi .ord b{font-family:var(--mono);font-size:.72rem;color:var(--orange);flex:0 0 auto}
.dpapi .ord span{font-size:.86rem;color:#9FB2CE}


.dpapi .faq{margin-top:clamp(26px,3.4vw,42px);border-top:1px solid var(--lined)}
.dpapi .faq details{border-bottom:1px solid var(--lined)}
.dpapi .faq summary{cursor:pointer;list-style:none;padding:22px 0;font-weight:600;font-size:1.02rem;color:#fff;display:flex;justify-content:space-between;gap:20px;align-items:center;transition:color .3s var(--ease)}
.dpapi .faq summary:hover{color:var(--orange-lo)}
.dpapi .faq summary::-webkit-details-marker{display:none}
.dpapi .faq summary::after{content:"";width:13px;height:13px;flex:0 0 auto;background:linear-gradient(var(--orange),var(--orange)) center/13px 1.6px no-repeat,linear-gradient(var(--orange),var(--orange)) center/1.6px 13px no-repeat;transition:transform .35s var(--ease)}
.dpapi .faq details[open] summary::after{transform:rotate(135deg)}
.dpapi .faq p{padding:0 0 24px;color:#92A8C8;max-width:74ch}


.dpapi .end{position:relative;overflow:hidden;text-align:center}
.dpapi .end .aur{position:absolute;inset:-30% -10%;background:radial-gradient(45% 45% at 50% 42%,rgba(255,106,0,.3),transparent 66%),radial-gradient(60% 50% at 50% 100%,rgba(12,38,90,.9),transparent 70%);filter:blur(24px);pointer-events:none}
.dpapi .end .in{position:relative;z-index:2}
.dpapi .end h2{font-size:clamp(2.1rem,6vw,4.6rem);max-width:17ch;margin:22px auto 0;letter-spacing:-.04em}
.dpapi .end .lede{margin:24px auto 0;text-align:center}
.dpapi .end .acts{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:40px}
.dpapi .end .devs{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:34px}
.dpapi .end .devs a{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:#9FB2CE;text-decoration:none;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:9px 15px;transition:all .3s var(--ease)}
.dpapi .end .devs a:hover{color:#fff;border-color:rgba(255,255,255,.5)}


.dpapi .dock{position:fixed;z-index:99999;left:50%;bottom:18px;transform:translate(-50%,130%);z-index:55;display:flex;align-items:center;gap:16px;padding:10px 10px 10px 24px;border-radius:999px;background:rgba(5,10,20,.88);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 60px -24px rgba(0,0,0,.85);transition:transform .55s var(--ease);max-width:calc(100% - 28px)}
.dpapi .dock.on{transform:translate(-50%,0)}
.dpapi .dock span{color:#D4DEEC;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:620px){.dpapi .dock span{display:none}.dpapi .dock{padding:8px}}

/* --- descendentes del h1 --- */
.dpapi .hero h1 .ln{padding-bottom:.18em;margin-bottom:-.18em}
.dpapi .hero h1 .ln > i{transform:translateY(124%)}