@font-face{font-display:swap;font-family:My-Poppins;font-style:normal;font-weight:400;src:url(../fonts/bodenai/Poppins-Regular.ttf) format("truetype")}.df-samples-page{--df-s-bg:#000;--df-s-surface:rgba(3,10,17,.78);--df-s-panel:rgba(3,10,17,.88);--df-s-line:rgba(19,135,192,.34);--df-s-line-strong:rgba(152,228,255,.56);--df-s-text:#faedd1;--df-s-muted:hsla(41,80%,90%,.72);--df-s-blue:#1387c0;--df-s-blue-bright:#98e4ff;--df-s-blue-deep:#0a5f8a;--df-s-aqua:#b7fffa;--df-s-radius:12px;--df-s-pad-x:clamp(20px,3.6vw,96px);background:transparent;color:var(--df-s-text);font-family:My-Poppins,Arial,sans-serif;font-size:16px;line-height:1.5;min-height:40vh;padding-bottom:72px}.df-samples-page :where(button,input,select,textarea){font-family:inherit;font-size:14px}.df-samples-page a{color:inherit;text-decoration:none}.df-samples-page .eyebrow{color:var(--df-s-blue);font-size:11px;font-weight:600;letter-spacing:.14em;margin:0 0 10px;text-transform:uppercase}.df-samples-page .eyebrow.light{color:#98e4ffd9}.df-samples-page .section-heading{align-items:end;display:flex;gap:28px;justify-content:space-between;margin:0 0 28px;padding:12px var(--df-s-pad-x) 0}.df-samples-page .section-heading h2{color:var(--df-s-blue-bright);font-size:clamp(26px,3vw,38px);font-weight:600;letter-spacing:-.03em;margin:0}.df-samples-page .section-heading>p{color:var(--df-s-muted);font-size:14px;line-height:1.8;margin:0;width:min(390px,42%)}.df-samples-page .category-row{background:transparent;border:0;border-radius:0;display:grid;gap:12px 14px;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 var(--df-s-pad-x) 38px;overflow:visible}.df-samples-page .category-row.is-all{gap:16px 12px;grid-template-columns:repeat(7,minmax(0,1fr))}.df-samples-page .sample-index-loading-status{align-items:center;color:var(--df-s-blue-bright);display:flex;gap:12px;justify-content:flex-end}.df-samples-page .sample-index-skeleton>span{background:var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:var(--df-s-radius);display:flex;flex-direction:column;min-width:0;padding:10px 10px 12px}.df-samples-page .sample-index-skeleton>span>i{aspect-ratio:1/1;background:#1387c01a;border:1px solid rgba(152,228,255,.2);border-radius:10px;display:block;width:100%}.df-samples-page .sample-index-skeleton>span>b{background:#98e4ff24;border-radius:3px;display:block;height:12px;margin:12px auto 3px;width:68%}.df-samples-page .category-row>a{background:var(--df-s-surface);border-radius:var(--df-s-radius);border-right:1px solid var(--df-s-line);border:1px solid var(--df-s-line);min-width:0;padding:18px 18px 20px;position:relative;transition:background .2s,transform .2s,color .2s,border-color .2s,box-shadow .2s}.df-samples-page .category-row.is-all>a{align-items:stretch;border-bottom:1px solid var(--df-s-line);display:flex;flex-direction:column;padding:10px 10px 12px}.df-samples-page .category-row>a:last-child,.df-samples-page .category-row>a:nth-child(5n){border-right:1px solid var(--df-s-line)}.df-samples-page .category-row.is-all>a:nth-last-child(-n+5){border-bottom:1px solid var(--df-s-line)}.df-samples-page .directory-index{color:var(--df-s-blue-bright);display:block;font-size:12px;font-weight:600;letter-spacing:.08em}.df-samples-page .samples-directory{padding-bottom:clamp(48px,6vw,80px)}.df-samples-page .home-samples.samples-catalog{padding-bottom:clamp(48px,6vw,80px);padding-top:clamp(8px,1.2vw,16px)}.df-samples-page .category-row>a:hover{background:#1387c021;border-color:var(--df-s-line-strong);box-shadow:0 0 24px #1387c01f;color:var(--df-s-blue-bright);transform:translateY(-3px);z-index:1}.df-samples-page .category-row small,.df-samples-page .category-row strong{display:block}.df-samples-page .category-row strong{color:var(--df-s-blue-bright);font-size:15px;font-weight:500;margin:16px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-samples-page .category-row.is-all strong{display:-webkit-box;font-size:clamp(12px,.85vw,14px);line-height:1.35;margin:10px 2px 0;text-align:center;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.df-samples-page .category-row small{color:var(--df-s-muted);font-size:11px;line-height:1.6}.df-samples-page .category-row>a>b{display:none}.df-samples-page .carrier-thumb{--carrier-position:0% 0%;background-image:linear-gradient(#06142a2e,#06142a2e),url(../images/samples/robot-carrier-atlas.webp);background-position:var(--carrier-position);background-repeat:no-repeat;background-size:500% 400%;border:1px solid var(--df-s-line-strong);border-radius:var(--df-s-radius);box-shadow:inset 0 0 40px #1387c024;display:grid;overflow:hidden;place-items:center;position:relative}.df-samples-page .carrier-thumb:before{content:none}.df-samples-page .carrier-thumb i{background:#030c18b8;border-radius:2px;color:#dff4ff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:10px;font-style:normal;left:8px;letter-spacing:.06em;padding:3px 6px;position:absolute;top:8px;z-index:1}.df-samples-page .carrier-thumb.has-cover{background-color:#06142a;background-image:none}.df-samples-page .carrier-thumb .carrier-cover-img{display:block;height:100%;inset:0;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:0}.df-samples-page .category-card-thumb{aspect-ratio:1/1;height:auto;width:100%}.df-samples-page .category-row.is-all .category-card-thumb{aspect-ratio:1/1;border-radius:10px;flex:none;height:auto;width:100%}.df-samples-page .category-hero-thumb{border-radius:12px;flex-shrink:0;height:120px;width:120px}.df-samples-page .directory-thumb{height:42px;width:42px}.df-samples-page .sample-grid{display:grid;gap:28px 18px;padding:0 var(--df-s-pad-x)}.df-samples-page .sample-grid,.df-samples-page .sample-grid.home-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.df-samples-page .sample-card{background:var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:var(--df-s-radius);display:block;min-width:0;overflow:hidden;transition:color .2s,border-color .2s,background .2s,box-shadow .2s,transform .2s}.df-samples-page .sample-card:hover{background:#1387c021;border-color:var(--df-s-line-strong);box-shadow:0 0 24px #1387c01f;color:var(--df-s-blue-bright);transform:translateY(-3px)}.df-samples-page .sample-thumb{background:linear-gradient(145deg,#051018,#0a5f8a);border:0;border-bottom:1px solid rgba(19,135,192,.22);border-radius:0;height:170px;overflow:hidden;position:relative;transition:none}.df-samples-page .sample-card:hover .sample-thumb{border-color:#1387c038;box-shadow:none;transform:none}.df-samples-page .sample-thumb .thumb-grid{background-image:linear-gradient(hsla(0,0%,100%,.04) 1px,transparent 0),linear-gradient(90deg,hsla(0,0%,100%,.04) 1px,transparent 0);background-size:22px 22px;inset:0;opacity:.55;pointer-events:none;position:absolute}.df-samples-page .sample-thumb:after{background:linear-gradient(135deg,#a3dbff38,#0a305c59);border:1px solid rgba(175,225,255,.35);box-shadow:0 0 30px #49b5ff38;clip-path:polygon(18% 0,82% 0,100% 80%,72% 100%,28% 100%,0 80%);content:"";height:60%;left:31%;pointer-events:none;position:absolute;top:21%;width:40%}.df-samples-page .visual-factory{background:linear-gradient(140deg,#171d2b,#597084 55%,#1a3048)}.df-samples-page .visual-living{background:linear-gradient(140deg,#204e7f,#8fc6d0 60%,#1a3a5c)}.df-samples-page .visual-kitchen{background:linear-gradient(140deg,#2c2b58,#bd7275 55%,#3a2850)}.df-samples-page .visual-warehouse{background:linear-gradient(140deg,#123e4c,#4aa084 55%,#1a3540)}.df-samples-page .visual-lab{background:linear-gradient(140deg,#23194b,#356bc2 55%,#1a2858)}.df-samples-page .thumb-label{display:none}.df-samples-page .play-small{background:#ffffffe6;border-radius:50%;color:var(--df-s-blue-deep);display:grid;font-size:12px;height:42px;left:50%;padding-left:2px;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);width:42px;z-index:3}.df-samples-page .duration{background:#030c18bf;bottom:9px;color:#fff;font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:4px 6px;position:absolute;right:9px;z-index:2}.df-samples-page .card-copy{display:grid;gap:4px 10px;grid-template-columns:1fr auto;padding:14px 16px 16px;position:relative}.df-samples-page .card-copy h3{color:var(--df-s-blue-bright);font-size:15px;font-weight:500;margin:0 0 5px}.df-samples-page .card-copy p{color:var(--df-s-muted);font-size:11px;margin:0}.df-samples-page .card-copy small{border-top:1px solid rgba(19,135,192,.22);color:var(--df-s-muted);font-size:10px;grid-column:1/-1;line-height:1.5;margin-top:13px;padding-top:11px}.df-samples-page .card-arrow{align-self:start;color:var(--df-s-blue);display:inline-block;font-size:14px!important;font-weight:400;line-height:1}.df-samples-page .sample-card.compact .sample-thumb{height:120px}.df-samples-page .sample-card.compact .card-copy h3{font-size:13px}.df-samples-page .category-hero{background:transparent;border-bottom:1px solid rgba(19,135,192,.22);padding:28px var(--df-s-pad-x) 0}.df-samples-page .breadcrumb,.df-samples-page .video-breadcrumb{align-items:center;color:var(--df-s-muted);display:flex;flex-wrap:wrap;font-size:12px;gap:10px}.df-samples-page .breadcrumb strong,.df-samples-page .video-breadcrumb strong{color:var(--df-s-text);font-weight:600}.df-samples-page .breadcrumb a:hover,.df-samples-page .video-breadcrumb a:hover{color:var(--df-s-blue-bright)}.df-samples-page .video-breadcrumb{padding:28px var(--df-s-pad-x) 0}.df-samples-page .category-title{align-items:center;display:flex;gap:28px;min-height:160px;padding:18px 0 8px}.df-samples-page .category-title h1{color:var(--df-s-blue-bright);font-size:clamp(28px,3.2vw,42px);font-weight:600;letter-spacing:-.03em;margin:8px 0 12px;max-width:900px}.df-samples-page .category-title>div>p:last-child{color:var(--df-s-muted);font-size:14px;line-height:1.6;margin:0}.df-samples-page .category-directory{border-top:1px solid var(--df-s-line);position:relative}.df-samples-page .category-directory summary{align-items:center;color:var(--df-s-muted);cursor:pointer;display:grid;gap:18px;grid-template-columns:130px 1fr auto;list-style:none;min-height:58px}.df-samples-page .category-directory summary::-webkit-details-marker{display:none}.df-samples-page .category-directory summary>span{color:var(--df-s-muted);font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.06em}.df-samples-page .category-directory summary>strong{color:var(--df-s-blue-bright);font-size:13px}.df-samples-page .category-directory summary>b{color:var(--df-s-blue);font-size:12px;font-weight:500}.df-samples-page .category-directory summary i{display:inline-block;font-style:normal;margin-left:8px;transition:transform .2s}.df-samples-page .category-directory[open] summary i{transform:rotate(180deg)}.df-samples-page .directory-grid{background:var(--df-s-surface);border:1px solid var(--df-s-line-strong);border-radius:var(--df-s-radius);box-shadow:0 24px 55px #0000008c;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));left:0;padding:14px;position:absolute;right:0;top:58px;z-index:20}.df-samples-page .directory-grid a{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);border-right:1px solid hsla(0,0%,100%,.06);display:grid;gap:10px;grid-template-columns:42px minmax(0,1fr);min-width:0;padding:10px 11px;transition:background .18s,color .18s}.df-samples-page .directory-grid a:nth-child(5n){border-right:0}.df-samples-page .directory-grid a:nth-last-child(-n+5){border-bottom:0}.df-samples-page .directory-grid a.active,.df-samples-page .directory-grid a:hover{background:#1387c029;color:var(--df-s-blue-bright)}.df-samples-page .directory-copy{min-width:0}.df-samples-page .directory-copy small,.df-samples-page .directory-copy strong{display:block}.df-samples-page .directory-copy strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-samples-page .directory-copy small{color:var(--df-s-muted);font-size:10px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.df-samples-page .directory-grid a.active small,.df-samples-page .directory-grid a:hover small{color:var(--df-s-blue-bright)}.df-samples-page .browser-layout{box-sizing:border-box;display:grid;gap:40px;grid-template-columns:260px minmax(0,1fr);margin:0 auto;max-width:1440px;padding:48px var(--df-s-pad-x) 40px;width:min(1440px,100%)}.df-samples-page .group-sidebar .eyebrow{margin:0 0 10px}.df-samples-page .group-sidebar h2{color:var(--df-s-blue-bright);font-size:21px;font-weight:600;margin:0 0 22px}.df-samples-page .group-tabs{background:var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:var(--df-s-radius);display:flex;flex-direction:column;overflow:hidden}.df-samples-page .group-tabs a.group-tab-link,.df-samples-page .group-tabs button{align-items:center;background:transparent;border:0;border-bottom:1px solid rgba(19,135,192,.22);color:var(--df-s-muted);cursor:pointer;display:grid;font-family:inherit;font-size:14px;grid-template-columns:26px 1fr;line-height:1.4;padding:16px 14px;text-align:left;transition:all .2s}.df-samples-page .group-tabs a.group-tab-link:last-child,.df-samples-page .group-tabs button:last-child{border-bottom:0}.df-samples-page .group-tabs a.group-tab-link.active,.df-samples-page .group-tabs a.group-tab-link:hover,.df-samples-page .group-tabs button.active,.df-samples-page .group-tabs button:hover{background:#1387c021;box-shadow:inset 3px 0 0 var(--df-s-blue);color:var(--df-s-blue-bright);padding-left:16px}.df-samples-page .group-tabs a.group-tab-link>span:first-child,.df-samples-page .group-tabs button>span:first-child{color:var(--df-s-blue);font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.df-samples-page .group-tabs a.group-tab-link small,.df-samples-page .group-tabs a.group-tab-link strong,.df-samples-page .group-tabs button small,.df-samples-page .group-tabs button strong{display:block}.df-samples-page .group-tabs a.group-tab-link strong,.df-samples-page .group-tabs button strong{color:inherit;font-size:13px;font-weight:500;margin-bottom:4px}.df-samples-page .group-tabs a.group-tab-link.active strong,.df-samples-page .group-tabs button.active strong{color:var(--df-s-blue-bright)}.df-samples-page .group-tabs a.group-tab-link small,.df-samples-page .group-tabs button small{color:var(--df-s-muted);font-size:10px}.df-samples-page .group-tabs a.group-tab-link b,.df-samples-page .group-tabs button b{display:none}.df-samples-page .side-note{background:var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:var(--df-s-radius);color:var(--df-s-text);margin-top:28px;padding:20px}.df-samples-page .side-note span{color:var(--df-s-blue-bright);font-size:10px;letter-spacing:.08em}.df-samples-page .side-note p{color:var(--df-s-muted);font-size:12px;line-height:1.6;margin:10px 0 14px}.df-samples-page .side-note a{color:var(--df-s-aqua);font-size:12px}.df-samples-page .side-note a:hover{color:var(--df-s-blue-bright)}.df-samples-page .task-content{min-width:0}.df-samples-page .task-panel[hidden]{display:none!important}.df-samples-page .breadcrumb .crumb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:inherit;cursor:pointer;font:inherit;margin:0;padding:0}.df-samples-page .breadcrumb .crumb-btn:hover{color:var(--df-s-blue-bright)}.df-samples-page .level-path{align-items:center;color:#8391a3;display:flex;flex-wrap:wrap;font-size:11px;gap:10px;margin-bottom:20px}.df-samples-page .level-path a{color:#8391a3;text-decoration:none;transition:color .18s ease}.df-samples-page .level-path a:hover{color:var(--df-s-blue-bright)}.df-samples-page .level-path i{color:#5d6f84;display:inline-block;font-style:normal;line-height:1}.df-samples-page .level-path strong{color:var(--df-s-blue);font-weight:600}.df-samples-page .task-heading-note{color:#98e4ffc7;font-size:13px;line-height:1.5;margin:10px 0 0}.df-samples-page .sample-result-sub{color:var(--df-s-muted);font-size:12px;line-height:1.45;margin:8px 0 0}.df-samples-page .task-heading{align-items:end;border-bottom:1px solid var(--df-s-line);display:flex;gap:20px;justify-content:space-between;margin-bottom:22px;padding-bottom:18px}.df-samples-page .task-heading h2{color:var(--df-s-blue-bright);font-size:clamp(22px,2.4vw,30px);margin:0}.df-samples-page .task-heading>p{color:var(--df-s-muted);font-size:13px;margin:0;max-width:360px}.df-samples-page .tertiary-tabs{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));padding:0 0 28px}.df-samples-page .tertiary-tabs a.tertiary-tab-link,.df-samples-page .tertiary-tabs button{background:var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:var(--df-s-radius);color:var(--df-s-text);cursor:pointer;font-family:inherit;font-size:14px;line-height:1.4;min-height:72px;min-width:0;padding:14px;position:relative;text-align:left;transition:all .2s}.df-samples-page .tertiary-tabs a.tertiary-tab-link.active,.df-samples-page .tertiary-tabs a.tertiary-tab-link:hover,.df-samples-page .tertiary-tabs button.active,.df-samples-page .tertiary-tabs button:hover{background:#1387c021;border-color:var(--df-s-line-strong);box-shadow:0 0 24px #1387c01f;color:var(--df-s-blue-bright);transform:translateY(-2px)}.df-samples-page .tertiary-tabs a.tertiary-tab-link>span,.df-samples-page .tertiary-tabs button>span{display:none}.df-samples-page .tertiary-tabs a.tertiary-tab-link small,.df-samples-page .tertiary-tabs a.tertiary-tab-link strong,.df-samples-page .tertiary-tabs button small,.df-samples-page .tertiary-tabs button strong{display:block}.df-samples-page .tertiary-tabs a.tertiary-tab-link strong,.df-samples-page .tertiary-tabs button strong{color:var(--df-s-blue-bright);font-size:13px;font-weight:500;margin:0 28px 6px 0}.df-samples-page .tertiary-tabs a.tertiary-tab-link small,.df-samples-page .tertiary-tabs button small{color:var(--df-s-muted);font-size:11px;line-height:1.45}.df-samples-page .sample-result-heading{align-items:end;border-top:1px solid var(--df-s-line);display:flex;gap:28px;justify-content:space-between;margin:0 0 20px;padding-top:24px}.df-samples-page .sample-result-heading>div:first-child{min-width:0}.df-samples-page .sample-result-heading .eyebrow{margin:0 0 8px}.df-samples-page .sample-result-heading h3{color:var(--df-s-blue-bright);font-size:22px;font-weight:600;margin:0}.df-samples-page .fourth-search-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:8px;width:min(430px,52%)}.df-samples-page .fourth-search-wrap>p{color:var(--df-s-muted);font-size:11px;line-height:1.5;margin:0}.df-samples-page .fourth-search{align-items:center;background:var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:var(--df-s-radius);display:grid;grid-template-columns:34px minmax(0,1fr) auto;height:44px;margin:0;overflow:hidden;padding:0;transition:border-color .2s,box-shadow .2s;width:100%}.df-samples-page .fourth-search:focus-within{border-color:var(--df-s-blue);box-shadow:0 0 0 3px #1387c033}.df-samples-page .fourth-search>span{color:var(--df-s-blue-bright);font-size:20px;line-height:1;text-align:center;transform:rotate(-18deg)}.df-samples-page .fourth-search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--df-s-text);font-family:inherit;font-size:13px;height:100%;line-height:1.4;min-width:0;outline:0;padding:0 6px;width:100%}.df-samples-page .fourth-search input::-moz-placeholder{color:var(--df-s-muted)}.df-samples-page .fourth-search input::placeholder{color:var(--df-s-muted)}.df-samples-page .fourth-search input::-webkit-search-cancel-button{display:none}.df-samples-page .fourth-search .search-submit{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#1387c029;border:0;border-left:1px solid var(--df-s-line);color:var(--df-s-blue-bright);cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;height:100%;padding:0 16px}.df-samples-page .fourth-search .search-submit:hover{background:#1387c047}.df-samples-page .sample-card[hidden],.df-samples-page .scene-panel[hidden]{display:none!important}.df-samples-page .task-content .sample-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:0}.df-samples-page .task-content .sample-thumb{height:145px}.df-samples-page .sample-empty{background:#0d142099;border:1px dashed var(--df-s-line-strong);color:var(--df-s-muted);font-size:13px;padding:48px 24px;text-align:center}.df-samples-page .sample-index-load-error button{background:#1387c01f;border:1px solid var(--df-s-line-strong);border-radius:8px;color:var(--df-s-blue-bright);cursor:pointer;margin-left:16px;min-height:38px;padding:8px 16px}.df-samples-page .sample-index-load-error button:hover{background:#1387c038}.df-samples-page .sample-index-load-error button:focus-visible{outline:2px solid var(--df-s-blue-bright);outline-offset:3px}.df-samples-page.sample-load-state-page{min-height:clamp(620px,76vh,920px)}.df-samples-page .sample-load-error,.df-samples-page .sample-loading-shell{box-sizing:border-box;margin:28px auto 0;max-width:1440px;width:calc(100% - var(--df-s-pad-x)*2)}.df-samples-page .sample-loading-shell{background:#030a11c2;border:1px solid var(--df-s-line);border-radius:14px;overflow:hidden}.df-samples-page .sample-loading-head{align-items:center;border-bottom:1px solid var(--df-s-line);display:flex;gap:32px;justify-content:space-between;min-height:146px;padding:30px 34px}.df-samples-page .sample-loading-head>div{width:min(520px,55%)}.df-samples-page .sample-loading-grid>span,.df-samples-page .sample-loading-line,.df-samples-page .sample-loading-nav,.df-samples-page .sample-loading-tabs>span{background:#1387c01c;border:1px solid rgba(19,135,192,.2);display:block}.df-samples-page .sample-loading-line{border-radius:4px}.df-samples-page .sample-loading-line.is-title{height:36px;width:min(440px,86%)}.df-samples-page .sample-loading-line.is-subtitle{height:12px;margin-top:18px;width:min(310px,64%)}.df-samples-page .sample-loading-status{align-items:center;color:var(--df-s-blue-bright);display:flex;font-size:12px;gap:12px;letter-spacing:.04em;margin:0}.df-samples-page .sample-loading-indicator{border:1px solid rgba(152,228,255,.3);border-radius:50%;display:grid;height:24px;place-items:center;width:24px}.df-samples-page .sample-loading-indicator i{animation:sample-loading-pulse 1.1s ease-out infinite;background:var(--df-s-blue-bright);border-radius:50%;box-shadow:0 0 12px #98e4ffb8;height:6px;width:6px}.df-samples-page .sample-loading-layout{display:grid;gap:32px;grid-template-columns:230px minmax(0,1fr);padding:34px}.df-samples-page .sample-loading-sidebar{border-right:1px solid var(--df-s-line);padding-right:30px}.df-samples-page .sample-loading-line.is-label{height:15px;margin-bottom:22px;width:54%}.df-samples-page .sample-loading-nav{border-radius:8px;height:48px;margin-top:9px}.df-samples-page .sample-loading-line.is-heading{height:24px;width:min(280px,48%)}.df-samples-page .sample-loading-tabs{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:24px 0 28px}.df-samples-page .sample-loading-tabs>span{border-radius:10px;height:64px}.df-samples-page .sample-loading-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.df-samples-page .sample-loading-grid>span{border-radius:12px;height:178px}.df-samples-page .sample-load-error{background:#030a11c7;border-bottom:1px solid var(--df-s-line);border-top:1px solid var(--df-s-line-strong);max-width:760px;padding:clamp(34px,6vw,72px)}.df-samples-page .sample-load-error>p{color:var(--df-s-blue-bright);font-size:12px;margin:0 0 12px}.df-samples-page .sample-load-error h1{color:var(--df-s-text);font-size:clamp(28px,4vw,44px);letter-spacing:-.03em;margin:0}.df-samples-page .sample-load-error>span{color:var(--df-s-muted);display:block;font-size:14px;line-height:1.8;margin-top:18px;max-width:62ch}.df-samples-page .sample-load-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:30px}.df-samples-page .sample-load-actions a,.df-samples-page .sample-load-actions button{background:#1387c01f;border:1px solid var(--df-s-line-strong);border-radius:8px;color:var(--df-s-blue-bright);cursor:pointer;font:inherit;font-size:13px;min-height:42px;padding:10px 18px;transition:background .18s ease-out,border-color .18s ease-out}.df-samples-page .sample-load-actions a:hover,.df-samples-page .sample-load-actions button:hover{background:#1387c038;border-color:var(--df-s-blue-bright)}.df-samples-page .sample-load-actions a:focus-visible,.df-samples-page .sample-load-actions button:focus-visible{outline:2px solid var(--df-s-blue-bright);outline-offset:3px}@keyframes sample-loading-pulse{0%,to{opacity:.42;transform:scale(.72)}52%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.df-samples-page .sample-loading-indicator i{animation:none}}.df-samples-page .video-layout{display:grid;gap:36px;grid-template-columns:minmax(0,1fr) 320px;margin:0 auto;max-width:1440px;padding:28px var(--df-s-pad-x) 40px}.df-samples-page .watch-column{min-width:0}.df-samples-page .video-stage{aspect-ratio:16/9;background:#0a1422;border:1px solid var(--df-s-line);border-radius:14px;display:block;overflow:hidden;position:relative;width:100%}.df-samples-page .video-stage img,.df-samples-page .video-stage video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.df-samples-page .video-stage .stage-grid{background-image:linear-gradient(rgba(86,214,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(86,214,255,.06) 1px,transparent 0);background-size:28px 28px;inset:0;opacity:.55;pointer-events:none;position:absolute}.df-samples-page .video-stage .scan-line{animation:df-scan 4.8s linear infinite;background:linear-gradient(180deg,transparent,rgba(86,214,255,.12),transparent);height:18%;left:0;pointer-events:none;position:absolute;right:0;top:-20%;z-index:2}@keyframes df-scan{0%{top:-20%}to{top:110%}}.df-samples-page .video-stage .data-hud{align-items:center;color:#c8e6ffd9;display:flex;font:10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;gap:10px;letter-spacing:.08em;pointer-events:none;position:absolute;z-index:3}.df-samples-page .video-stage .data-hud.top-left{left:14px;top:14px}.df-samples-page .video-stage .data-hud.top-right{right:14px;top:14px}.df-samples-page .video-stage .data-hud b{color:#ff6b6b;font-weight:700}.df-samples-page .video-stage .stage-object{aspect-ratio:1;border:1px solid rgba(86,214,255,.28);border-radius:50%;box-shadow:inset 0 0 40px #1387c02e;left:50%;pointer-events:none;position:absolute;top:46%;transform:translate(-50%,-50%);width:42%;z-index:2}.df-samples-page .video-stage .stage-object i{border:1px dashed rgba(86,214,255,.35);border-radius:50%;inset:18%;position:absolute}.df-samples-page .video-stage .stage-object i:nth-child(2){border-style:solid;inset:32%;opacity:.7}.df-samples-page .video-stage .stage-object i:nth-child(3){background:#1387c033;inset:46%}.df-samples-page .video-stage .main-play{background:#030c188c;border:1px solid hsla(0,0%,100%,.35);border-radius:50%;color:#fff;cursor:pointer;display:grid;font-size:18px;height:64px;left:50%;place-items:center;position:absolute;top:50%;transform:translate(-50%,-50%);transition:transform .2s,background .2s;width:64px;z-index:4}.df-samples-page .video-stage .main-play:hover{background:#1387c08c;transform:translate(-50%,-50%) scale(1.06)}.df-samples-page .video-stage.is-playing .main-play{opacity:0;pointer-events:none}.df-samples-page .video-stage .controls{align-items:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#030c189e;border:1px solid hsla(0,0%,100%,.12);bottom:12px;color:#e6f0ffe6;display:grid;font-size:12px;gap:10px;grid-template-columns:auto 1fr auto auto auto;left:12px;padding:8px 10px;position:absolute;right:12px;z-index:4}.df-samples-page .video-stage .controls>div{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.df-samples-page .video-stage .controls .progress{background:linear-gradient(90deg,var(--df-s-blue),var(--df-s-blue-bright));display:block;height:100%;width:0}.df-samples-page .video-stage .controls span[data-ctrl-play]{cursor:pointer}.df-samples-page .video-stage.has-media.is-playing .controls{opacity:1}.df-samples-page .spec-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:22px}.df-samples-page .spec-grid>div{background:var(--df-s-panel);border:1px solid var(--df-s-line);min-width:0;padding:14px 14px 16px}.df-samples-page .spec-grid span{color:var(--df-s-blue-bright);display:inline-block;font:10px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;margin-bottom:10px}.df-samples-page .spec-grid strong{color:#fff;display:block;font-size:12px;margin-bottom:8px}.df-samples-page .spec-grid p{color:var(--df-s-muted);font-size:12px;line-height:1.55;margin:0}.df-samples-page .detail-panel .product-intro{margin:0 0 4px}.df-samples-page .detail-panel .product-intro p{color:var(--df-s-muted);font-size:14px;line-height:1.75}@media(max-width:900px){.df-samples-page .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.df-samples-page .video-stage .stage-fallback{inset:0;position:absolute}.df-samples-page .video-title-row{align-items:start;display:flex;gap:24px;justify-content:space-between;margin:22px 0 18px}.df-samples-page .video-title-row h1{color:#fff;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.02em;margin:6px 0 10px}.df-samples-page .video-title-row p{color:var(--df-s-muted);font-size:13px;margin:0}.df-samples-page .video-title-row>a{background:var(--df-s-blue-deep);border:1px solid transparent;color:#fff;flex-shrink:0;font-size:13px;font-weight:600;padding:12px 16px;transition:background .18s}.df-samples-page .video-title-row>a:hover{background:#0a4fc9}.df-samples-page .meta-strip{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}.df-samples-page .meta-strip>div{background:var(--df-s-panel);border:1px solid var(--df-s-line);border-radius:14px;min-width:0;padding:14px 14px 16px}.df-samples-page .meta-strip small{color:#7d8fa3;display:block;font-size:10px;letter-spacing:.06em;margin-bottom:8px}.df-samples-page .meta-strip strong{color:#e8eef7;display:block;font-size:13px;font-weight:600;line-height:1.45;word-break:break-word}.df-samples-page .detail-panel{background:var(--df-s-panel);border:1px solid var(--df-s-line);padding:22px 22px 8px}.df-samples-page .detail-panel>h2{color:#fff;font-size:18px;margin:0 0 14px}.df-samples-page .detail-panel .news-rich-content,.df-samples-page .detail-panel .samples-rich{color:#c2cede;font-size:14px;line-height:1.75}.df-samples-page .detail-panel .news-rich-content img,.df-samples-page .detail-panel .news-rich-content video,.df-samples-page .detail-panel .samples-rich img,.df-samples-page .detail-panel .samples-rich video{border-radius:4px;height:auto;max-width:100%}.df-samples-page .detail-panel .news-rich-content a,.df-samples-page .detail-panel .samples-rich a{color:var(--df-s-blue-bright)}.df-samples-page .related-column{min-width:0}.df-samples-page .related-heading{align-items:baseline;display:flex;gap:12px;justify-content:space-between;margin-bottom:16px}.df-samples-page .related-heading h2{color:#fff;font-size:18px;margin:0}.df-samples-page .related-heading a{color:var(--df-s-blue);font-size:12px}.df-samples-page .related-heading a:hover{color:var(--df-s-blue-bright)}.df-samples-page .related-list{display:flex;flex-direction:column;gap:18px;margin-bottom:22px}.df-samples-page .related-list .sample-grid{display:flex;flex-direction:column;gap:18px;padding:0}.df-samples-page .contact-card{background:linear-gradient(160deg,#0a2e65,#061427);border:1px solid var(--df-s-line-strong);border-radius:14px;padding:22px}.df-samples-page .contact-card>p{color:var(--df-s-blue-bright);font-size:10px;letter-spacing:.12em;margin:0 0 8px}.df-samples-page .contact-card h3{color:#fff;font-size:18px;margin:0 0 10px}.df-samples-page .contact-card>span{color:#a7bad0;display:block;font-size:13px;line-height:1.6;margin-bottom:16px}.df-samples-page .contact-card a{color:#fff;font-size:13px;font-weight:600}.df-samples-page .contact-card a:hover{color:var(--df-s-blue-bright)}@media(min-width:1501px){.df-samples-page .category-hero-thumb{height:148px;width:148px}.df-samples-page .category-title{gap:32px;min-height:176px;padding:22px 0 10px}.df-samples-page .category-title h1{font-size:clamp(34px,2.75vw,46px)}.df-samples-page .browser-layout{gap:48px;grid-template-columns:280px minmax(0,1fr);max-width:1560px;padding-top:56px;width:min(1560px,100%)}.df-samples-page .group-sidebar h2{font-size:22px}.df-samples-page .tertiary-tabs a.tertiary-tab-link,.df-samples-page .tertiary-tabs button{min-height:80px}}@media(max-width:1500px){.df-samples-page{--df-s-pad-x:clamp(18px,3vw,48px);padding-bottom:56px}.df-samples-page .category-hero{padding-top:20px}.df-samples-page .category-title{align-items:center;gap:18px;min-height:0;padding:12px 0 6px}.df-samples-page .category-hero-thumb{border-radius:10px;height:88px;width:88px}.df-samples-page .category-title h1{font-size:clamp(24px,2.8vw,34px);margin:4px 0 8px}.df-samples-page .category-title>div>p:last-child{font-size:13px}.df-samples-page .category-directory summary{gap:12px;grid-template-columns:110px 1fr auto;min-height:50px}.df-samples-page .browser-layout{gap:28px;grid-template-columns:220px minmax(0,1fr);padding:32px var(--df-s-pad-x) 32px}.df-samples-page .group-sidebar h2{font-size:18px;margin-bottom:16px}.df-samples-page .group-tabs a.group-tab-link,.df-samples-page .group-tabs button{font-size:13px;padding:12px 6px}.df-samples-page .group-tabs a.group-tab-link strong,.df-samples-page .group-tabs button strong{font-size:12px}.df-samples-page .side-note{margin-top:20px;padding:16px}.df-samples-page .task-heading{gap:14px;margin-bottom:16px;padding-bottom:14px}.df-samples-page .task-heading h2{font-size:clamp(20px,2.2vw,26px)}.df-samples-page .tertiary-tabs{gap:8px;padding-bottom:20px}.df-samples-page .tertiary-tabs a.tertiary-tab-link,.df-samples-page .tertiary-tabs button{min-height:64px;padding:12px}.df-samples-page .task-content .sample-thumb{height:128px}}@media(max-width:1280px){.df-samples-page .browser-layout{gap:20px;grid-template-columns:200px minmax(0,1fr)}.df-samples-page .category-hero-thumb{height:76px;width:76px}.df-samples-page .tertiary-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.df-samples-page .task-content .sample-grid{gap:18px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.df-samples-page .directory-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.df-samples-page .directory-grid a:nth-child(5n){border-right:1px solid hsla(0,0%,100%,.06)}.df-samples-page .directory-grid a:nth-child(4n){border-right:0}.df-samples-page .directory-grid a:nth-last-child(-n+5){border-bottom:1px solid hsla(0,0%,100%,.06)}.df-samples-page .directory-grid a:nth-last-child(-n+4){border-bottom:0}.df-samples-page .sample-result-heading{align-items:start;flex-wrap:wrap;gap:12px}.df-samples-page .fourth-search-wrap{width:min(100%,360px)}.df-samples-page .category-row.is-all{gap:14px 10px;grid-template-columns:repeat(7,minmax(0,1fr))}.df-samples-page .category-row.is-all strong{font-size:12px}}@media(max-width:1100px){.df-samples-page .category-row.is-all{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:960px){.df-samples-page .sample-loading-layout{grid-template-columns:1fr}.df-samples-page .sample-loading-sidebar{display:none}.df-samples-page .category-row,.df-samples-page .sample-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-samples-page .category-row.is-all{grid-template-columns:repeat(3,minmax(0,1fr))}.df-samples-page .category-row>a:nth-child(2n){border-right:1px solid var(--df-s-line)}.df-samples-page .category-row.is-all>a:nth-last-child(-n+2),.df-samples-page .category-row.is-all>a:nth-last-child(-n+5){border-bottom:1px solid var(--df-s-line)}.df-samples-page .sample-grid,.df-samples-page .sample-grid.home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-samples-page .directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.df-samples-page .directory-grid a:nth-child(4n),.df-samples-page .directory-grid a:nth-child(5n){border-right:1px solid hsla(0,0%,100%,.06)}.df-samples-page .directory-grid a:nth-child(3n){border-right:0}.df-samples-page .browser-layout{gap:24px;grid-template-columns:1fr;padding-top:24px}.df-samples-page .group-tabs{border-top:0;flex-direction:row;flex-wrap:wrap;gap:8px}.df-samples-page .group-tabs a.group-tab-link,.df-samples-page .group-tabs button{border:1px solid var(--df-s-line);flex:1 1 200px}.df-samples-page .task-content .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.df-samples-page .video-layout{grid-template-columns:1fr}.df-samples-page .meta-strip,.df-samples-page .tertiary-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.df-samples-page .sample-load-error,.df-samples-page .sample-loading-shell{width:calc(100% - 32px)}.df-samples-page .sample-loading-head{align-items:flex-start;flex-direction:column;min-height:0;padding:24px 20px}.df-samples-page .sample-loading-head>div{width:100%}.df-samples-page .sample-loading-layout{padding:24px 20px}.df-samples-page .sample-loading-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.df-samples-page .sample-loading-grid{grid-template-columns:1fr}.df-samples-page .sample-loading-grid>span:nth-child(n+4){display:none}.df-samples-page .section-heading{align-items:start;flex-direction:column;padding-top:8px}.df-samples-page .section-heading>p{width:100%}.df-samples-page .category-row.is-all>a,.df-samples-page .category-row.is-all>a:last-child{border-bottom:1px solid var(--df-s-line)}.df-samples-page .category-row,.df-samples-page .directory-grid,.df-samples-page .meta-strip,.df-samples-page .sample-grid,.df-samples-page .sample-grid.home-grid,.df-samples-page .task-content .sample-grid,.df-samples-page .tertiary-tabs{grid-template-columns:1fr}.df-samples-page .category-row.is-all{grid-template-columns:repeat(2,minmax(0,1fr))}.df-samples-page .category-row>a,.df-samples-page .category-row>a:last-child{border:1px solid var(--df-s-line)}.df-samples-page .category-title{align-items:start;flex-direction:column;gap:18px;min-height:0}.df-samples-page .category-directory summary{gap:8px;grid-template-columns:1fr;padding:14px 0}.df-samples-page .directory-grid{position:static}.df-samples-page .directory-grid a{border-right:0!important}.df-samples-page .video-title-row{flex-direction:column}.df-samples-page .task-heading{align-items:start;flex-direction:column}.df-samples-page .sample-result-heading{align-items:stretch;flex-direction:column}.df-samples-page .fourth-search-wrap{align-items:stretch;width:100%}.df-samples-page .samples-hero{grid-template-columns:1fr;min-height:auto;padding-bottom:48px;padding-top:72px}.df-samples-page .hero-visual{min-height:320px;order:-1}}.df-samples-page .samples-hero{background:#061327;color:#fff;display:grid;grid-template-columns:1fr 1fr;margin-bottom:8px;min-height:640px;overflow:hidden;padding:92px var(--df-s-pad-x) 64px;position:relative}.df-samples-page .hero-glow{background:radial-gradient(circle,rgba(17,105,255,.32),transparent 62%);height:700px;pointer-events:none;position:absolute;right:-50px;top:-130px;width:700px}.df-samples-page .hero-grid-lines{background-image:linear-gradient(rgba(90,160,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(90,160,255,.05) 1px,transparent 0);background-size:46px 46px;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000);pointer-events:none;position:absolute}.df-samples-page .hero-copy{max-width:620px;position:relative;z-index:2}.df-samples-page .eyebrow.light{align-items:center;color:#56d4ff;display:flex;gap:10px}.df-samples-page .eyebrow.light span{background:#56d4ff;height:1px;width:22px}.df-samples-page .hero-copy h1{font-size:clamp(40px,5vw,72px);font-weight:700;letter-spacing:-.04em;line-height:1.08;margin:28px 0 22px}.df-samples-page .hero-copy h1 em{color:transparent;-webkit-text-stroke:1px #78b8ff;font-style:normal}.df-samples-page .hero-description{color:#a9b8cb;font-size:16px;line-height:1.9;margin:0;max-width:490px}.df-samples-page .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.df-samples-page .hero-actions a{border:1px solid hsla(0,0%,100%,.22);font-size:13px;padding:15px 22px;transition:background .2s,border-color .2s}.df-samples-page .hero-actions a:first-child{background:#1373ff;border-color:#1373ff}.df-samples-page .hero-actions a:hover{border-color:#56d4ff}.df-samples-page .hero-actions a span{margin-left:18px}.df-samples-page .hero-stats{border-top:1px solid hsla(0,0%,100%,.13);display:flex;gap:34px;margin-top:56px;padding-top:24px}.df-samples-page .taxonomy-stats{gap:20px;justify-content:space-between}.df-samples-page .hero-stats div{display:flex;flex-direction:column}.df-samples-page .taxonomy-stats strong{color:#72d9ff;font:700 22px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.df-samples-page .hero-stats span{color:#71839c;font-size:11px;margin-top:7px}.df-samples-page .hero-visual{min-height:480px;position:relative;z-index:1}.df-samples-page .orbit{border:1px solid rgba(69,168,255,.23);border-radius:50%;left:50%;position:absolute;top:48%;transform:translate(-50%,-50%)}.df-samples-page .orbit-one{height:440px;width:440px}.df-samples-page .orbit-two{animation:df-samples-spin 30s linear infinite;border-style:dashed;height:320px;width:320px}.df-samples-page .orbit i{background:#50d2ff;border-radius:50%;box-shadow:0 0 16px #50d2ff;height:8px;left:20%;position:absolute;top:8%;width:8px}@keyframes df-samples-spin{to{transform:translate(-50%,-50%) rotate(1turn)}}.df-samples-page .robot-abstract{filter:drop-shadow(0 0 40px rgba(36,143,255,.34));height:390px;left:50%;position:absolute;top:52%;transform:translate(-50%,-50%);width:250px}.df-samples-page .robot-head{background:linear-gradient(145deg,#ebf6ff,#6b8ba9 60%,#18375d);border:1px solid #a8ddff;border-radius:40% 40% 28% 28%;height:76px;left:50%;position:absolute;top:8%;transform:translate(-50%);width:94px}.df-samples-page .robot-head i{background:#061327;border-radius:50%;height:10px;position:absolute;top:28px;width:10px}.df-samples-page .robot-head i:first-child{left:24px}.df-samples-page .robot-head i:last-child{right:24px}.df-samples-page .robot-body{background:linear-gradient(180deg,#d7ecff,#3f678d 70%,#0d2744);border:1px solid rgba(168,221,255,.7);border-radius:28px 28px 36px 36px;height:180px;left:50%;position:absolute;top:26%;transform:translate(-50%);width:120px}.df-samples-page .robot-body i{background:#0613278c;border-radius:999px;display:block;height:8px;margin:28px auto 0;width:42px}.df-samples-page .robot-arm{background:linear-gradient(180deg,#cfe8ff,#2f5578);border:1px solid rgba(168,221,255,.55);border-radius:999px;height:150px;position:absolute;top:30%;width:28px}.df-samples-page .robot-arm.left{left:28px;transform:rotate(18deg)}.df-samples-page .robot-arm.right{right:28px;transform:rotate(-18deg)}.df-samples-page .point{color:#9ecfff;font:700 11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.08em;position:absolute}.df-samples-page .point b{color:#71839c;display:block;font-size:10px;font-weight:500;margin-top:6px}.df-samples-page .point-a{left:8%;top:18%}.df-samples-page .point-b{right:4%;top:42%}.df-samples-page .point-c{bottom:16%;left:18%}.df-samples-page .samples-more-carriers{margin:8px var(--df-s-pad-x) 28px;text-align:right}.df-samples-page .samples-more-carriers a{color:var(--df-s-blue-bright);font-size:13px}.df-samples-page .samples-more-carriers a:hover{text-decoration:underline}.df-samples-page .level-path [data-level-path-l3]{color:var(--df-s-blue-bright);font-weight:600}.df-samples-page :where(.card-arrow,.group-tabs b,.level-path i,.category-row b,.side-note a,.hero-actions span){font-size:14px!important;font-weight:400;line-height:1.2}.df-samples-page .level-path i{font-size:11px!important}.df-samples-page .category-row a b{font-size:16px!important}.ds-detail-page .ds-detail-breadcrumb{margin:0 auto;max-width:1100px;padding:28px var(--df-s-pad-x) 0}.ds-detail{color:var(--df-s-text);display:grid;gap:18px;margin:0 auto;max-width:1100px;padding:20px var(--df-s-pad-x) 72px}.ds-detail-head{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.ds-detail-head-copy .eyebrow{color:var(--df-s-blue-bright)}.ds-detail-head-copy h1{background:linear-gradient(100deg,#1387c0,#98e4ff 24%,#faedd1,#98e4ff 76%,#1387c0);background-clip:text;-webkit-background-clip:text;background-size:230% 100%;color:transparent;font-size:clamp(28px,3.2vw,42px);font-weight:600;letter-spacing:-.02em;line-height:1.15;margin:8px 0 14px;-webkit-text-fill-color:transparent;animation:ds-detail-title-gradient 6s linear infinite}@keyframes ds-detail-title-gradient{0%{background-position:100% 50%}to{background-position:0 50%}}@media(prefers-reduced-motion:reduce){.ds-detail-head-copy h1{animation:none}}.ds-detail-tags{display:flex;flex-wrap:wrap;gap:8px}.ds-tag{align-items:center;background:#1387c014;border:1px solid var(--df-s-line-strong);border-radius:999px;color:var(--df-s-text);display:inline-flex;font-size:12px;font-weight:600;letter-spacing:.02em;min-height:30px;padding:0 12px}.ds-tag[data-tone=carrier]{background:linear-gradient(180deg,#1387c038,#1387c014);border-color:#56d6ff59;color:#d7ebff}.ds-tag[data-tone=form]{background:transparent;border-color:#e8eef747;color:#cfe8ff}.ds-tag[data-tone=scene]{background:#2ab47824;border-color:#56d6a059;color:#b8ffe0}.ds-detail-cta{align-items:center;background:#0a0f18b8;border:1px solid var(--df-s-line-strong);border-radius:12px;color:var(--df-s-text);display:inline-flex;flex:0 0 auto;font-size:13px;font-weight:600;gap:8px;min-height:42px;padding:0 16px;text-decoration:none;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease,transform .2s ease}.ds-detail-cta:hover{border-color:var(--df-s-blue-bright);box-shadow:0 0 0 1px #56d6ff2e,0 8px 24px #1387c02e;color:#fff;transform:translateY(-1px)}.ds-code-pill{align-items:center;background:#1387c01f;border:1px solid rgba(86,214,255,.28);border-radius:999px;box-shadow:inset 0 0 0 1px #1387c014;display:inline-flex;gap:12px;max-width:100%;padding:10px 14px;width:-moz-fit-content;width:fit-content}.ds-code-pill small{color:var(--df-s-muted);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.ds-code-pill code{color:var(--df-s-blue-bright);font:600 13px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;word-break:break-all}.ds-stats{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.ds-info-card,.ds-schema details,.ds-stat{background:linear-gradient(180deg,#1387c014,#0a0f1833),var(--df-s-surface);border:1px solid var(--df-s-line);border-radius:14px;box-shadow:inset 0 1px #56d6ff0d}.ds-stat{padding:16px 18px}.ds-stat small{color:var(--df-s-muted);display:block;font-size:12px;margin-bottom:8px}.ds-stat strong{color:#f2f7ff;display:block;font-size:20px;font-weight:700;line-height:1.2}.ds-stat-wide{grid-column:1/-1}.ds-stat-wide strong{font-size:16px;font-weight:600;line-height:1.5}.ds-info-card h3,.ds-related .related-heading h2,.ds-schema summary{color:#f2f7ff;font-size:15px;font-weight:700;margin:0 0 10px}.ds-player{background:radial-gradient(ellipse at 30% 20%,rgba(19,135,192,.16),transparent 55%),linear-gradient(180deg,#07111f,#050a12);border:1px solid var(--df-s-line-strong);border-radius:16px;display:grid;gap:10px;padding:12px}.ds-cam{background:#050b14;border:1px solid rgba(86,214,255,.14);border-radius:12px;overflow:hidden;position:relative}.ds-cam-main{aspect-ratio:16/9}.ds-cam-row{display:grid;gap:10px;grid-template-columns:1fr 1fr}.ds-cam-side{aspect-ratio:16/9}.ds-cam img,.ds-cam video{display:block;height:100%;-o-object-fit:cover;object-fit:cover;position:relative;width:100%;z-index:1}.ds-cam .stage-grid{background-image:linear-gradient(rgba(86,214,255,.06) 1px,transparent 0),linear-gradient(90deg,rgba(86,214,255,.06) 1px,transparent 0);background-size:28px 28px;inset:0;opacity:.55;pointer-events:none;position:absolute}.ds-cam .scan-line{animation:df-scan 4.8s linear infinite;background:linear-gradient(180deg,transparent,rgba(86,214,255,.12),transparent);height:18%;left:0;right:0;top:-20%;z-index:2}.ds-cam .data-hud,.ds-cam .scan-line{pointer-events:none;position:absolute}.ds-cam .data-hud{align-items:center;background:#050b14b8;border:1px solid rgba(86,214,255,.16);border-radius:999px;color:#c8e6ffd9;display:flex;font:10px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;gap:10px;letter-spacing:.08em;padding:6px 10px;z-index:3}.ds-cam .data-hud.top-left{left:14px;top:14px}.ds-cam .data-hud.top-right{right:14px;top:14px}.ds-cam .data-hud b{color:#ff6b6b;font-weight:700}.ds-cam .stage-object{aspect-ratio:1;border:1px dashed rgba(120,200,255,.35);border-radius:50%;left:50%;pointer-events:none;position:absolute;top:54%;transform:translate(-50%,-50%);width:42%;z-index:2}.ds-cam .stage-object i{border:1px solid rgba(120,200,255,.25);border-radius:50%;inset:18%;position:absolute}.ds-cam .stage-object i:nth-child(2){inset:30%}.ds-cam .stage-object i:nth-child(3){inset:42%}.ds-cam-label{background:#080e18c7;border:1px solid rgba(86,214,255,.18);border-radius:8px;bottom:12px;color:#e8f3ff;font-size:11px;left:12px;letter-spacing:.04em;padding:5px 9px;pointer-events:none;position:absolute;z-index:4}.ds-cam-placeholder{color:#c8e6ffb3;display:grid;font-size:13px;inset:0;place-items:center;position:absolute;z-index:2}.ds-cam .main-play{background:linear-gradient(160deg,#56d6fff2,#1387c0eb);border:1px solid rgba(86,214,255,.45);border-radius:50%;box-shadow:0 0 28px #1387c059;color:#041018;cursor:pointer;font-size:18px;height:64px;left:50%;opacity:.96;position:absolute;top:50%;transform:translate(-50%,-50%);width:64px;z-index:5}.ds-player.is-playing .ds-cam-main .main-play{opacity:0;pointer-events:none}.ds-cam-main:hover .main-play{opacity:1;pointer-events:auto}.ds-controls{align-items:center;color:#dcebffe6;display:grid;gap:12px;grid-template-columns:auto 1fr auto;padding:4px 2px 2px}.ds-controls button{background:transparent;border:0;border-radius:10px;color:inherit;cursor:pointer;font-size:14px;height:34px;width:34px}.ds-progress{background:#ffffff1f;border-radius:999px;cursor:pointer;height:4px;overflow:hidden}.ds-progress i{background:linear-gradient(90deg,var(--df-s-blue),var(--df-s-blue-bright));display:block;height:100%;width:0}.ds-controls small{font:11px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;white-space:nowrap}.ds-info-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ds-info-card{padding:18px}.ds-workflow-pill{align-items:center;background:#1387c029;border:1px solid rgba(86,214,255,.28);border-radius:999px;color:var(--df-s-blue-bright);display:inline-flex;font-size:13px;font-weight:600;min-height:34px;padding:0 14px}.ds-workflow-list{display:grid;gap:8px}.ds-workflow-item{align-items:center;display:flex;gap:8px}.ds-workflow-input{background:#1387c01f;border:1px solid var(--df-s-line-strong);border-radius:999px;color:var(--df-s-blue-bright);flex:1 1 auto;font-size:13px;font-weight:600;min-height:36px;outline:none;padding:0 12px}.ds-workflow-input:focus{border-color:var(--df-s-blue-bright);box-shadow:0 0 0 1px #56d6ff33}.ds-info-hint{color:var(--df-s-muted);font-size:12px;margin:-4px 0 12px}.ds-attach-list{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.ds-attach{align-items:flex-start;background:#07111fb8;border:1px solid var(--df-s-line);border-radius:12px;color:var(--df-s-text);display:flex;flex-direction:column;font-size:13px;gap:4px;justify-content:center;min-height:54px;padding:10px 12px;text-decoration:none;transition:border-color .2s ease,background .2s ease}.ds-attach:hover{background:#1387c01f;border-color:var(--df-s-line-strong)}.ds-attach strong{color:#f2f7ff;font-size:13px;font-weight:700}.ds-attach span{color:var(--df-s-blue-bright);font-size:12px}.ds-info-card ul{color:var(--df-s-muted);font-size:13px;line-height:1.7;margin:0;padding-left:18px}.ds-module-head{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.ds-module-head h3{margin:0 0 4px}.ds-module-head .ds-info-hint{margin:0}.ds-module-add,.ds-module-remove{background:#07111fb8;border:1px solid var(--df-s-line-strong);color:var(--df-s-blue-bright);cursor:pointer;flex:0 0 auto;font-size:12px;min-height:30px;padding:0 10px}.ds-module-add:hover,.ds-module-remove:hover{border-color:var(--df-s-blue-bright)}.ds-module-list{display:grid;gap:10px}.ds-module-card{border:1px solid var(--df-s-line-strong);border-radius:12px;box-shadow:inset 0 1px #56d6ff0f;display:grid;gap:8px;padding:12px}.ds-module-card.is-readonly strong{color:#e8f6ff;font-size:14px;font-weight:650;line-height:1.35}.ds-module-card.is-readonly p{color:#d2e6f5b8;font-size:12px;line-height:1.5;margin:0}.ds-workflow-item.is-readonly{align-items:center;background:#1387c01a;border:1px solid rgba(86,214,255,.14);border-radius:999px;display:flex;min-height:40px;padding:0 14px}.ds-workflow-label{color:#dff2ff;font-size:14px;font-weight:550}.ds-schema-leaf.is-readonly{border:1px solid rgba(86,214,255,.12);border-radius:10px;padding:10px 12px}.ds-module-card.is-app,.ds-module-card.is-attr{border-radius:10px}.ds-module-toolbar{align-items:center;display:flex;gap:8px;justify-content:space-between}.ds-module-swatches{display:flex;flex-wrap:wrap;gap:6px}.ds-module-swatch{border:1px solid hsla(0,0%,100%,.2);border-radius:999px;cursor:pointer;height:16px;padding:0;width:16px}.ds-module-swatch.active{outline:2px solid var(--df-s-blue-bright);outline-offset:1px}.ds-module-desc-input,.ds-module-title-input{background:#050b1459;border:1px solid transparent;color:#f2f7ff;outline:none;width:100%}.ds-module-title-input{font-size:14px;font-weight:700;min-height:34px;padding:0 10px}.ds-module-desc-input{color:var(--df-s-muted);font-size:12px;line-height:1.5;min-height:56px;padding:8px 10px;resize:vertical}.ds-module-desc-input:focus,.ds-module-title-input:focus{background:#050b148c;border-color:var(--df-s-line-strong)}.ds-schema summary{align-items:baseline;cursor:pointer;display:flex;gap:12px;justify-content:space-between;list-style:none;margin:0;padding:16px 18px}.ds-schema summary::-webkit-details-marker{display:none}.ds-schema summary small{color:var(--df-s-muted);font-size:12px;font-weight:500}.ds-schema-body{border-top:1px solid var(--df-s-line);padding:8px 0}.ds-schema-group{border:0}.ds-schema-group+.ds-schema-group{border-top:1px dashed rgba(19,135,192,.18)}.ds-schema-summary{align-items:center;color:var(--df-s-text);cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;list-style:none;padding:12px 18px}.ds-schema-summary::-webkit-details-marker{display:none}.ds-schema-summary.is-child{color:var(--df-s-muted);padding-left:34px}.ds-schema-summary strong{color:#f2f7ff;flex:1 1 auto;font-weight:700;min-width:0}.ds-schema-summary.is-child strong{color:var(--df-s-text);font-weight:600}.ds-schema-summary code{background:#1387c024;border:1px solid rgba(86,214,255,.16);border-radius:8px;color:var(--df-s-blue-bright);font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:4px 8px}.ds-schema-chevron{color:var(--df-s-blue-bright);flex:0 0 auto;font-size:12px;font-style:normal;line-height:1;transition:transform .18s ease}.ds-schema-group[open]>.ds-schema-summary>.ds-schema-chevron,.ds-schema-leaf[open]>.ds-schema-summary>.ds-schema-chevron{transform:rotate(180deg)}.ds-schema-panel{padding:0 12px 12px}.ds-schema-leaf{background:#07111f8c;border:1px solid var(--df-s-line);margin:6px 0 0}.ds-schema-leaf>.ds-schema-summary{padding:10px 12px}.ds-schema-edit{display:grid;gap:10px;padding:0 12px 12px}.ds-schema-group>.ds-schema-panel>.ds-schema-edit{background:#07111f8c;border:1px solid var(--df-s-line);margin-top:4px;padding:12px}.ds-schema-edit label{display:grid;gap:6px}.ds-schema-edit label span{color:var(--df-s-muted);font-size:11px;letter-spacing:.04em}.ds-schema-input{background:#050b14e6;border:1px solid var(--df-s-line-strong);border-radius:10px;color:var(--df-s-text);font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;min-height:36px;outline:none;padding:0 10px;width:100%}.ds-schema-input:focus{border-color:var(--df-s-blue-bright);box-shadow:0 0 0 1px #56d6ff33}.ds-schema-row{align-items:center;color:var(--df-s-text);display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 18px}.ds-schema-row.is-child{color:var(--df-s-muted);padding-left:34px}.ds-schema-row code{background:#1387c024;border:1px solid rgba(86,214,255,.16);border-radius:8px;color:var(--df-s-blue-bright);font:12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:4px 8px}.ds-related{display:grid;gap:16px;padding-top:8px}.ds-related .related-heading{align-items:center;display:flex;gap:12px;justify-content:space-between}.ds-related .related-heading a{color:var(--df-s-blue-bright);font-size:13px;text-decoration:none}.ds-related .related-heading a:hover{text-decoration:underline}.ds-related-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.ds-contact-card{margin-top:4px}@media(max-width:960px){.ds-detail-head{flex-direction:column}.ds-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ds-info-grid,.ds-related-grid{grid-template-columns:1fr}}@media(max-width:640px){.ds-attach-list,.ds-cam-row,.ds-stats{grid-template-columns:1fr}.ds-controls{grid-template-columns:auto 1fr}.ds-controls small{grid-column:1/-1}}