.dh{isolation:isolate;position:relative}.dh:before{content:"";z-index:-1;background:radial-gradient(40% 50% at 78% 22%, color-mix(in srgb, var(--c-accent) 22%, transparent), transparent 70%), radial-gradient(30% 40% at 10% 6%, #8fa4ff2e, transparent 70%);pointer-events:none;height:820px;position:absolute;inset:-140px -20vw auto}.dh:after{content:"";z-index:-1;aspect-ratio:3/2;background:var(--c-accent);opacity:.16;pointer-events:none;will-change:transform;width:min(1100px,95vw);animation:24s ease-in-out infinite alternate dh-drift;position:absolute;top:-160px;right:-18%;-webkit-mask:url(/brand/patterns/lines.svg) 50%/contain no-repeat;mask:url(/brand/patterns/lines.svg) 50%/contain no-repeat}@keyframes dh-drift{to{transform:translate(-40px,30px)rotate(-3deg)}}.dh-icon{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.dh em{color:var(--c-accent);-webkit-text-fill-color:currentColor;background:0 0;font-style:normal}:root[data-theme=dark] .dh em{color:var(--c-link)}.dh-tile{background:linear-gradient(145deg, color-mix(in srgb, var(--c1) 22%, var(--c-surface)), color-mix(in srgb, var(--c2) 12%, var(--c-surface)));width:52px;height:52px;box-shadow:inset 0 1px 0 #fff9, inset 0 0 0 1px color-mix(in srgb, var(--c1) 26%, transparent), 0 10px 22px -12px color-mix(in srgb, var(--c2) 60%, transparent);color:color-mix(in srgb, var(--c2) 75%, var(--c-text));transition:transform .5s var(--ease-spring);border-radius:16px;flex:none;place-items:center;display:grid}:root[data-theme=dark] .dh-tile{background:linear-gradient(145deg, color-mix(in srgb, var(--c1) 32%, #14132e), color-mix(in srgb, var(--c2) 26%, #0d0c22));box-shadow:inset 0 1px 0 #ffffff24, inset 0 0 0 1px color-mix(in srgb, var(--c1) 36%, transparent);color:var(--c1)}.dh-tile .dh-icon{width:26px;height:26px}.dh-tile.small{border-radius:10px;width:32px;height:32px}.dh-tile.small .dh-icon{width:17px;height:17px}.dh-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);align-items:center;gap:30px;padding:48px 0 36px;display:grid}.dh-chip{background:var(--c-glass-strong);box-shadow:var(--glass-edge), var(--c-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);color:var(--c-text);animation:dh-up .8s var(--ease) both;border-radius:999px;align-items:center;gap:9px;padding:7px 14px;font-size:14px;font-weight:500;display:inline-flex}.dh-chip i{background:#2fbf7a;border-radius:50%;width:8px;height:8px;animation:2.2s ease-out infinite dh-live}@keyframes dh-live{0%{box-shadow:0 0 #2fbf7a80}80%,to{box-shadow:0 0 0 9px #2fbf7a00}}.dh-hero h1{color:var(--c-text);letter-spacing:-.042em;animation:dh-up .9s var(--ease) 80ms both;margin:20px 0 16px;font-size:clamp(40px,5.4vw,72px);font-weight:700;line-height:1.02}.dh-hero-copy>p{max-width:600px;color:var(--c-muted);animation:dh-up .9s var(--ease) .16s both;margin:0 0 30px;font-size:18px;line-height:1.55}.dh-hero .docs-search.large{width:min(760px,100%);height:66px;animation:dh-up .9s var(--ease) .24s both}.dh-popular{animation:dh-up .9s var(--ease) .32s both;flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.dh-popular>span{color:var(--c-dim);margin-right:4px;font-size:14px}.dh-popular a{background:var(--c-glass-strong);box-shadow:var(--glass-edge);color:var(--c-text);transition:transform .3s var(--ease), background .3s;border-radius:999px;padding:8px 15px;font-size:14px}.dh-popular a:hover{background:var(--c-soft);color:var(--c-soft-text);transform:translateY(-2px)}@keyframes dh-up{0%{opacity:0;transform:translateY(18px)}}.dh-visual{height:440px;position:relative}.dh-orbit{border:1px solid color-mix(in srgb, var(--c-accent) 30%, transparent);border-radius:50%;position:absolute;inset:6% 2% 4% 0}.dh-orbit:before,.dh-orbit:after{content:"";border:1px solid color-mix(in srgb, var(--c-accent) 22%, transparent);border-radius:50%;position:absolute}.dh-orbit:before{inset:14%}.dh-orbit:after{background:radial-gradient(closest-side, color-mix(in srgb, var(--c-accent) 26%, transparent), transparent);inset:30%}.dh-orbit i{background:var(--c-accent);width:12px;height:12px;box-shadow:0 0 0 6px color-mix(in srgb, var(--c-accent) 18%, transparent);offset-path:circle(48% at 50% 50%);border-radius:50%;margin:-6px;animation:14s linear infinite dh-orbit;position:absolute;top:50%;left:50%}.dh-orbit i:nth-child(2){offset-path:circle(35% at 50% 50%);width:8px;height:8px;margin:-4px;animation-duration:10s;animation-direction:reverse}@keyframes dh-orbit{0%{offset-distance:0%}to{offset-distance:100%}}.dh-float{background:var(--c-glass-strong);width:250px;box-shadow:var(--glass-edge), var(--c-shadow-lift);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:22px;gap:4px;padding:10px;animation:7s ease-in-out infinite dh-bob;display:grid;position:absolute;top:24px;right:0;transform:perspective(900px)rotateY(-12deg)rotateX(4deg)}.dh-float a{color:var(--c-text);border-radius:14px;align-items:center;gap:12px;padding:8px;font-size:14.5px;font-weight:500;display:flex}.dh-float a:hover{background:var(--c-fill)}.dh-float .dh-tile{border-radius:11px;width:36px;height:36px}.dh-float .dh-tile .dh-icon{width:18px;height:18px}.dh-float a>.dh-icon:last-child{width:16px;height:16px;color:var(--c-dim);margin-left:auto}.dh-logo{background:color-mix(in srgb, var(--c-surface) 55%, transparent);width:132px;height:132px;box-shadow:var(--glass-edge), 0 30px 60px -24px color-mix(in srgb, var(--c-accent) 55%, transparent);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:36px;place-items:center;animation:6s ease-in-out -2s infinite dh-bob;display:grid;position:absolute;bottom:18px;left:6%;transform:perspective(900px)rotateY(16deg)rotateX(8deg)}.dh-logo .brand-mark{filter:none;width:auto;height:64px}@keyframes dh-bob{50%{translate:0 -10px}}.dh-section{margin-top:64px;scroll-margin-top:90px}.dh-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.dh-head h2{color:var(--c-text);letter-spacing:-.03em;margin:0;font-size:clamp(26px,3vw,38px)}.dh-head p{color:var(--c-muted);margin:6px 0 0}.dh-head a{color:var(--c-link);white-space:nowrap;align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.dh-head a .dh-icon{width:16px;height:16px;transition:translate .3s var(--ease)}.dh-head a:hover .dh-icon{translate:3px}.dh-categories{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.dh-category{color:inherit;background:var(--c-glass-strong);box-shadow:var(--glass-edge), var(--c-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform .45s var(--ease), box-shadow .45s var(--ease);animation:dh-up .7s var(--ease) both;border-radius:24px;gap:16px;padding:22px 20px;display:flex}.dh-category:nth-child(2){animation-delay:50ms}.dh-category:nth-child(3){animation-delay:.1s}.dh-category:nth-child(4){animation-delay:.15s}.dh-category:nth-child(n+5){animation-delay:.2s}.dh-category:hover{box-shadow:var(--glass-edge), var(--c-shadow-lift);transform:translateY(-4px)}.dh-category:hover .dh-tile{transform:rotate(-6deg)scale(1.06)}.dh-category-text{flex-direction:column;gap:6px;min-width:0;display:flex}.dh-category strong{color:var(--c-text);font-size:17px;font-weight:600}.dh-category small{color:var(--c-muted);font-size:14px;line-height:1.45}.dh-category em{color:var(--c-link);align-items:center;gap:6px;margin-top:8px;font-size:14px;font-weight:500;display:inline-flex}.dh-category em .dh-icon{width:15px;height:15px}.dh-split{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin-top:64px;display:grid}.dh-featured{background:var(--c-glass);box-shadow:var(--glass-edge), var(--c-shadow);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:30px;padding:24px}.dh-featured ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.dh-featured a{color:inherit;background:var(--c-glass-strong);box-shadow:var(--glass-edge);transition:transform .4s var(--ease);border-radius:20px;align-items:center;gap:18px;padding:10px 12px 10px 10px;display:flex}.dh-featured a:hover{transform:translateY(-2px)}.dh-thumb{color:#fff;background:radial-gradient(60% 80% at 30% 20%, color-mix(in srgb, var(--c1) 70%, transparent), transparent 70%), linear-gradient(135deg, var(--c2), color-mix(in srgb, var(--c2) 40%, #17144a));border-radius:16px;flex:none;place-items:center;width:132px;height:80px;display:grid;position:relative;overflow:hidden}.dh-thumb:after{content:"";opacity:.18;background:#fff;position:absolute;inset:0;-webkit-mask:url(/brand/patterns/lines.svg) 50%/cover no-repeat;mask:url(/brand/patterns/lines.svg) 50%/cover no-repeat}.dh-thumb .dh-icon{z-index:1;width:34px;height:34px;position:relative}.dh-featured-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.dh-featured-text strong{color:var(--c-text);font-size:16px;font-weight:600}.dh-featured-text small{color:var(--c-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.dh-meta{color:var(--c-dim);align-items:center;gap:12px;margin-top:4px;font-size:12.5px;display:flex}.dh-meta b{background:color-mix(in srgb, var(--c1) 16%, transparent);color:color-mix(in srgb, var(--c2) 80%, var(--c-text));border-radius:999px;padding:3px 10px;font-weight:600}:root[data-theme=dark] .dh-meta b{color:color-mix(in srgb, var(--c1) 70%, #fff)}.dh-meta span{align-items:center;gap:5px;display:inline-flex}.dh-meta .dh-icon{width:14px;height:14px}.dh-go{background:var(--c-surface-2);width:42px;height:42px;color:var(--c-accent);border-radius:13px;flex:none;place-items:center;transition:background .3s,color .3s;display:grid}.dh-featured a:hover .dh-go{background:var(--c-button);color:#fff}.dh-help{isolation:isolate;color:#fff;box-shadow:inset 0 1px 0 #ffffff38, var(--c-shadow-lift);background:radial-gradient(70% 60% at 100% 0,#9682ff80,#0000 70%),linear-gradient(160deg,#3a33b8 0%,#262280 55%,#17144a 100%);border-radius:30px;padding:28px;position:relative;overflow:hidden}.dh-help:before{content:"";z-index:-1;aspect-ratio:3/2;opacity:.12;background:#fff;width:120%;position:absolute;top:-20%;right:-30%;-webkit-mask:url(/brand/patterns/lines.svg) 50%/contain no-repeat;mask:url(/brand/patterns/lines.svg) 50%/contain no-repeat}.dh-help h2{color:#fff;letter-spacing:-.02em;margin:0 0 8px;font-size:26px}.dh-help>p{color:#ffffffc7;margin:0 0 22px;line-height:1.5}.dh-help-primary{height:50px;color:var(--c-primary);font:inherit;cursor:pointer;transition:transform .3s var(--ease);background:#fff;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;font-weight:600;display:inline-flex;box-shadow:0 12px 26px -12px #00000080}.dh-help-primary:hover{transform:translateY(-2px)}.dh-help ul{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.dh-help li{transition:background .3s, transform .3s var(--ease);background:#ffffff17;border-radius:16px;padding:12px 14px;position:relative;box-shadow:inset 0 1px #ffffff2e,inset 0 0 0 1px #ffffff1a}.dh-help li:hover{background:#ffffff26;transform:translateY(-2px)}.dh-help-row{color:#fff;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;font-weight:600;display:flex}.dh-help-row:after{content:"";position:absolute;inset:0}.dh-help li small{color:#ffffffb3;margin:2px 0 0 44px;font-size:13px;display:block}.dh-help .dh-tile{box-shadow:none;color:#fff;background:#ffffff29}.dh-help .bot-avatar{flex:none}.dh-help-row-art{object-fit:contain;filter:drop-shadow(0 4px 6px #0000004d);flex:none;width:28px;height:28px;margin:0 2px;display:block}.dh-all{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 22px;display:grid}.dh-all-group{background:var(--c-glass);box-shadow:var(--glass-edge);border-radius:24px;padding:20px;scroll-margin-top:90px}.dh-all-group h3{color:var(--c-text);align-items:center;gap:10px;margin:0 0 12px;font-size:16px;display:flex}.dh-all-group ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.dh-all-group a{color:var(--c-muted);font-size:14.5px;transition:color .2s}.dh-all-group a:hover{color:var(--c-link)}.dh-all-group:target{box-shadow:var(--glass-edge), 0 0 0 2px var(--c-accent)}.dh a:focus-visible,.dh button:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}@media (max-width:1100px){.dh-hero{grid-template-columns:1fr}.dh-visual{display:none}.dh-categories,.dh-all{grid-template-columns:repeat(2,minmax(0,1fr))}.dh-split{grid-template-columns:1fr}}@media (max-width:620px){.dh-hero{padding-top:24px}.dh-hero h1{font-size:38px}.dh-hero-copy>p{font-size:16.5px}.dh-hero .docs-search.large{height:56px}.dh-categories,.dh-all{grid-template-columns:1fr}.dh-category{padding:18px 16px}.dh-featured{border-radius:24px;padding:12px}.dh-thumb{border-radius:14px;width:72px;height:64px}.dh-thumb .dh-icon{width:26px;height:26px}.dh-go{display:none}.dh-popular>span{width:100%}.dh-help{border-radius:24px;padding:22px}.dh-section,.dh-split{margin-top:44px}}@media (prefers-reduced-motion:reduce){.dh *,.dh:after{animation:none!important}}.lite .dh :is(.dh-orbit i,.dh-float,.dh-logo),.lite .dh:after{animation:none!important}.dh-tile.dh-art{box-shadow:none;background:0 0}.dh-tile.dh-art img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 8px 12px color-mix(in srgb, var(--c-accent) 35%, transparent))}.dh-hero-art{z-index:1;width:120%;height:auto;filter:drop-shadow(0 30px 40px color-mix(in srgb, var(--c-accent) 30%, transparent));will-change:transform;animation:7s ease-in-out infinite dh-bob;position:absolute;top:12%;left:-10%}.dh-visual .dh-float,.dh-visual .dh-logo{display:none}.dh-help-art{filter:drop-shadow(0 16px 24px #0006);width:84px;height:auto;animation:6s ease-in-out infinite dh-bob;position:absolute;top:18px;right:18px}.dh-help h2,.dh-help>p{padding-right:90px}@media (max-width:620px){.dh-help-art{width:64px}.dh-help h2,.dh-help>p{padding-right:64px}}.lite :is(.dh-hero-art,.dh-help-art){animation:none!important}[dir=rtl] .dh-help-art{left:18px;right:auto}@media (max-width:620px){[dir=rtl] :is(.dh-help h2,.dh-help>p){padding-left:64px;padding-right:0}.dh-all-group ul{gap:0}.dh-all-group a{align-items:center;min-height:40px;padding:4px 0;display:inline-flex}.dh-head a{min-height:44px}.dh-popular a{align-items:center;min-height:44px;display:inline-flex}}
