.hero-interactive .hero-preview-stage::after{display:none}
.hero-scene{position:absolute;inset:0;opacity:0;pointer-events:none;transform:translate3d(45px,0,0) scale(1.04);transition:opacity .7s ease,transform 1s cubic-bezier(.22,1,.36,1)}
.hero-scene[data-active=true]{opacity:1;pointer-events:auto;transform:translate3d(0,0,0) scale(1)}
.hero-scene-pos img{width:100%;height:100%;object-fit:cover;object-position:center 42%}
.hero-scene-pos::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#091e38c9)}
.hero-scene-footer{position:absolute;z-index:1;bottom:28px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}
.hero-scene-caption{color:#fff;font-size:6.5px;font-weight:650;letter-spacing:1.1px;line-height:1.8;max-width:56%;text-wrap:balance}
.hero-scene-link{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #ffffff65;border-radius:99px;background:#ffffffed;color:#193c6a;font-size:9px;font-weight:700;white-space:nowrap;pointer-events:auto;box-shadow:0 5px 15px #14295013;transition:background .2s,box-shadow .2s}
.hero-scene-link:hover{background:#fff;box-shadow:0 5px 18px #14295030}
.hero-scene-link span{font-size:15px;color:#307cf6}
.hero-interactive[data-product=duodte] .hero-scene-caption{display:none}
.hero-scene-link{margin-left:auto}
.hero-interactive .image-note{min-width:246px;gap:10px}
.hero-interactive .image-note small{font-size:6px;letter-spacing:.5px}
.hero-interactive .image-note strong{font-size:11px}
.hero-preview-dock{padding:10px 13px 10px 20px;gap:12px}
.hero-preview-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;flex:1;min-width:0}
.hero-product-dock .hero-preview-tab{position:relative;display:flex;align-items:center;justify-content:center;min-height:51px;padding:11px 9px;border:1px solid transparent;border-radius:11px;cursor:pointer;transition:background .25s,border-color .25s,color .25s;min-width:0}
.hero-product-dock .hero-preview-tab:hover{transform:none;background:#f1f6ff}
.hero-product-dock .hero-preview-tab[aria-selected=true]{background:#eaf2ff;border-color:#d5e5ff}
.hero-preview-tab::after{content:"";position:absolute;bottom:5px;left:calc(50% - 7px);width:14px;height:2px;border-radius:4px;background:#317cff;opacity:0;transition:opacity .25s}
.hero-preview-tab[aria-selected=true]::after{opacity:1}
.hero-preview-tab:focus-visible,.hero-cycle-toggle:focus-visible,.hero-scene-link:focus-visible{outline:2px solid #2875ed;outline-offset:4px}
.hero-preview-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 0 3px;gap:12px;color:#73859c;font-size:8px}
.hero-cycle-toggle{display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border:1px solid #d8e3f2;border-radius:99px;color:#58718f;padding:6px 10px;font:inherit;cursor:pointer;min-width:77px}
.hero-cycle-toggle:hover{background:#fff;color:#245dc1}
.hero-cycle-toggle:disabled{cursor:default;opacity:.7}
.hero-cycle-toggle [data-hero-cycle-icon]{color:#397bea;font-size:9px}
.hero-carousel .hero-title-line{display:block;white-space:nowrap}
.hero-carousel h1{min-height:3.48em}
.hero-carousel .hero-description{min-height:5.7em}
.hero-carousel .hero-actions{flex-wrap:nowrap}
.hero-carousel .hero-actions .button{padding-inline:17px;font-size:10px;gap:10px;white-space:nowrap}
.hero-carousel-navigation{display:flex;align-items:center;gap:12px}
.hero-arrow{display:grid;place-items:center;width:30px;height:30px;border:1px solid #d2dff1;border-radius:50%;background:#ffffffc9;color:#397bea;cursor:pointer;transition:background .2s,transform .2s}
.hero-arrow:hover{background:#e7f0ff;transform:scale(1.07)}
.hero-arrow svg{height:15px;width:15px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-slide-count{font-variant-numeric:tabular-nums;font-size:10px;letter-spacing:1px;color:#8191a8}
.hero-slide-count strong{color:#2a538b;font-weight:700}
.hero-arrow:focus-visible{outline:2px solid #2875ed;outline-offset:3px}
.hero-preview-controls{padding-top:15px;font-size:9px}
.hero-cycle-toggle{font-size:9px;padding:8px 12px}
.hero-preview-tab::after{display:none}
.hero-tab-progress{position:absolute;bottom:4px;left:12px;right:12px;height:2px;border-radius:4px;background:#327cf4;opacity:0;transform-origin:left}
.hero-preview-tab[aria-selected=true] .hero-tab-progress{opacity:1}
.hero-preview-stage{touch-action:pan-y}
.hero-scene-pos[data-active=true] img{animation:hero-photo-drift 6.3s ease-out both}
.hero-scene-dte[data-active=true] .hero-dte-paper{animation:hero-paper-arrive .95s cubic-bezier(.22,1,.36,1) both}
.hero-scene-dte[data-active=true] .hero-dte-chip{animation:hero-chip-arrive 1.2s cubic-bezier(.22,1,.36,1) both}
.hero-scene-api[data-active=true] .hero-api-code{animation:hero-code-arrive 1s cubic-bezier(.22,1,.36,1) both}
@keyframes hero-photo-drift{from{transform:scale(1.08)}to{transform:scale(1)}}
@keyframes hero-paper-arrive{from{opacity:0;transform:translate3d(0,35px,0) rotate(-12deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(-7deg)}}
@keyframes hero-chip-arrive{0%,20%{opacity:0;transform:translate3d(25px,0,0) rotate(3deg)}100%{opacity:1;transform:translate3d(0,0,0) rotate(3deg)}}
@keyframes hero-code-arrive{from{opacity:0;transform:translate3d(0,30px,0) rotate(-5deg)}to{opacity:1;transform:translate3d(0,0,0) rotate(-2deg)}}
@media(max-width:850px){.hero-carousel .hero-actions{gap:7px}.hero-carousel .hero-actions .button{font-size:8px;padding-inline:11px;gap:6px}}
@media(max-width:600px){.hero-carousel .hero-actions .button{font-size:9px;padding-inline:13px;gap:7px}.hero-carousel .hero-description{min-height:7.4em}.hero-carousel .hero-preview-controls{padding-top:14px}.hero-carousel-navigation{gap:13px}}
@media(max-width:370px){.hero-carousel .hero-actions .button{font-size:8px;padding-inline:10px;gap:6px}.hero-carousel .hero-description{min-height:9.25em}}
.hero-scene-dte{background:radial-gradient(ellipse at 75% 15%,#f8fbff 0,#dfefff 50%,#cddff9 100%)}
.hero-dte-orbit{position:absolute;width:430px;height:430px;border:1px solid #fff9;border-radius:50%;right:-140px;top:-200px}
.hero-dte-orbit.orbit-two{width:550px;height:550px;right:-200px;top:-260px}
.hero-dte-paper{position:absolute;width:234px;left:15%;top:29px;padding:22px 22px 15px;background:#fff;border:1px solid #e6eef8;border-radius:9px;box-shadow:8px 20px 35px #34598822;transform:rotate(-7deg)}
.hero-paper-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.hero-paper-top img{width:87px;height:24px;object-fit:contain}
.hero-paper-top>span{font-size:5px;letter-spacing:.6px;color:#8599b0;line-height:1.7;text-align:right}
.hero-paper-rule{height:1px;background:#eaf0f7;margin:15px 0}
.hero-dte-paper p{font-family:var(--heading);font-size:20px;font-weight:650;line-height:1.3;letter-spacing:-.7px;margin:0 0 17px;color:#18375d}
.hero-paper-lines{display:grid;gap:5px;margin-bottom:17px}
.hero-paper-lines i{height:4px;width:78%;border-radius:5px;background:#e9eff7}
.hero-paper-lines i:nth-child(2){width:94%}
.hero-paper-lines i:nth-child(3){width:57%}
.hero-paper-table{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px;background:#f4f8fd;border:1px solid #e8eff8;border-radius:5px;padding:11px}
.hero-paper-table span{height:5px;border-radius:5px;background:#dbe6f5}
.hero-paper-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:13px;color:#69829f;font-size:7px}
.hero-paper-bottom b{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#d9f4e9;color:#208b69;font-size:12px}
.hero-dte-chip{position:absolute;right:5%;top:49%;display:flex;align-items:center;gap:10px;padding:13px 16px;background:#fff;border:1px solid #e0e9f7;border-radius:13px;box-shadow:0 12px 25px #3459881a;transform:rotate(3deg)}
.hero-dte-chip>span{display:grid;place-items:center;width:30px;height:30px;background:#e8f2ff;color:#327ef9;border-radius:9px;font-size:21px}
.hero-dte-chip strong{display:block;color:#22456d;font-size:9px;font-weight:650}
.hero-dte-chip small{display:block;font-size:5.5px;color:#7c91aa;letter-spacing:.7px;margin-top:5px}
.hero-concept-label{position:absolute;top:17px;right:17px;font-size:5px;font-weight:600;letter-spacing:1px;color:#6c89ad}
.hero-scene-api{background:radial-gradient(ellipse at 90% 0%,#174686,#0e2344 65%);color:#e3eeff}
.hero-api-grid{position:absolute;inset:0;opacity:.15;background-image:linear-gradient(#5286c980 1px,transparent 1px),linear-gradient(90deg,#5286c980 1px,transparent 1px);background-size:31px 31px;mask-image:linear-gradient(to bottom,#000,transparent)}
.hero-api-code{position:absolute;top:34px;left:9%;width:82%;border:1px solid #6b96d33d;border-radius:11px;background:#122b4ff2;box-shadow:0 15px 40px #030e253b;overflow:hidden;transform:rotate(-2deg)}
.hero-api-toolbar{height:29px;display:flex;align-items:center;gap:5px;padding:0 13px;background:#1d3b61;border-bottom:1px solid #7ba3db20}
.hero-api-toolbar i{height:5px;width:5px;border-radius:50%;background:#7596be}
.hero-api-toolbar i:first-child{background:#e9a18e}
.hero-api-toolbar i:nth-child(2){background:#edcf86}
.hero-api-toolbar i:nth-child(3){background:#77c8b2}
.hero-api-toolbar span{font-size:6px;letter-spacing:.2px;color:#a8c0de;margin-left:8px}
.hero-api-code-body{padding:15px 21px 12px}
.hero-api-method{display:flex;align-items:center;gap:12px;font-family:var(--heading);font-size:15px;font-weight:600}
.hero-api-method small{font-family:var(--body);font-size:5px;font-weight:500;letter-spacing:.6px;color:#99b6dc}
.hero-api-code pre{font-family:Consolas,monospace;font-size:10px;line-height:1.5;margin:10px 0;color:#d1e4ff}
.api-purple{color:#c3adff}.api-mint{color:#7ddcc7}
.hero-api-status{display:flex;align-items:center;gap:7px;font-size:5.5px;color:#8daacd;letter-spacing:.1px}
.hero-api-status>span{width:4px;height:4px;border-radius:50%;background:#79dbbb;box-shadow:0 0 8px #79dbbb66}
.hero-api-flow{position:absolute;left:17%;right:17%;bottom:85px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:#94b2d8;font-size:7px}
.hero-api-flow strong{background:#2b64ad4d;border:1px solid #4678bc75;border-radius:6px;padding:7px 12px;font-size:7px;color:#dceaff;font-weight:600}
.hero-api-flow i{font-size:17px;color:#4d82cc;font-style:normal}
.hero-scene-api .hero-concept-label{color:#91b2de}
@media(min-width:1500px){.hero-dte-paper{top:34px;left:17%;width:250px;padding:26px}.hero-dte-paper p{font-size:23px}.hero-dte-chip{top:48%}.hero-api-code{top:40px}.hero-api-code-body{padding:22px 25px 18px}.hero-api-code pre{font-size:11px;line-height:1.6}.hero-api-flow{bottom:87px}}
@media(max-width:1120px){.hero-preview-dock{padding:8px;gap:6px}.hero-product-dock .hero-preview-tab{padding:10px 6px;min-height:47px}.hero-preview-dock .dock-label{font-size:5px;margin-left:4px}.hero-scene-footer{left:15px;right:15px;bottom:26px;gap:7px}.hero-scene-link{font-size:8px;gap:6px;padding:8px 10px}.hero-scene-caption{font-size:5.5px;letter-spacing:.7px}.hero-interactive .image-note{min-width:222px;padding:12px}.hero-interactive .image-note strong{font-size:10px}.hero-interactive .image-note small{font-size:5.5px}.hero-dte-paper{width:215px;left:11%;top:24px;padding:18px}.hero-dte-paper p{font-size:18px}.hero-dte-chip{padding:10px;right:4%;top:48%}.hero-dte-chip strong{font-size:8px}.hero-dte-chip small{font-size:5px}.hero-api-code{top:29px;left:7%;width:86%}.hero-api-code-body{padding:14px 17px 11px}.hero-api-code pre{font-size:9px;line-height:1.5;margin:10px 0 8px}.hero-api-method{font-size:13px;gap:8px}.hero-api-method small{font-size:4.5px}.hero-api-flow{bottom:73px}.hero-api-status{font-size:5px}}
@media(min-width:601px) and (max-width:850px){.hero-preview-dock{margin-left:-12px;padding:7px}.hero-product-dock .hero-preview-tab{padding:8px 4px;min-height:43px}.hero-preview-dock img,.hero-preview-dock img[src*=duodte]{width:65px;height:20px}.hero-preview-dock .dock-api{font-size:8px;gap:3px}.hero-preview-dock .dock-api>span{font-size:12px}.hero-interactive .image-note{min-width:210px;left:-10px}.hero-scene-caption{max-width:46%;font-size:5px}.hero-scene-footer{left:13px;right:13px;bottom:24px}.hero-scene-link{font-size:7px;padding:7px 9px}.hero-dte-paper{top:23px;width:181px;left:9%;padding:15px}.hero-paper-rule{margin:11px 0}.hero-dte-paper p{font-size:16px;margin-bottom:12px}.hero-paper-lines{gap:4px;margin-bottom:11px}.hero-paper-table{padding:8px;gap:4px}.hero-paper-bottom{margin-top:10px}.hero-dte-chip{top:49%;right:3%;gap:7px;padding:10px}.hero-dte-chip strong{font-size:7px}.hero-dte-chip>span{width:23px;height:23px;font-size:17px}.hero-dte-chip small{font-size:4px}.hero-api-code{top:25px;left:6%;width:88%}.hero-api-toolbar{height:24px}.hero-api-toolbar span{font-size:5px}.hero-api-code-body{padding:9px 14px}.hero-api-method{font-size:11px}.hero-api-method small{font-size:3.8px;max-width:90px}.hero-api-code pre{font-size:7.5px;line-height:1.4;margin:8px 0}.hero-api-status{font-size:4px}.hero-api-flow{bottom:65px;font-size:6px;left:12%;right:12%}.hero-api-flow strong{padding:5px 9px;font-size:6px}.hero-preview-controls{padding-right:4px;font-size:7px}}
@media(max-width:600px){.hero-interactive{padding-top:35px}.hero-interactive .hero-preview-stage{height:310px}.hero-interactive .image-note{top:5px;left:-7px;padding:11px 13px;min-width:224px}.hero-interactive .image-note small{font-size:5.5px}.hero-interactive .image-note strong{font-size:10px}.hero-interactive .hero-preview-dock{padding:8px;margin:-12px 1px 0;gap:0}.hero-product-dock .hero-preview-tab{min-height:48px;padding:11px 7px}.hero-preview-dock img,.hero-preview-dock img[src*=duodte]{width:82px;height:23px}.hero-preview-dock .dock-api{font-size:9px;gap:5px}.hero-scene-footer{bottom:25px;left:16px;right:16px}.hero-scene-caption{font-size:5.5px;max-width:51%}.hero-scene-link{font-size:8px;padding:8px 11px}.hero-dte-paper{left:11%;top:28px;width:212px}.hero-dte-chip{right:4%;top:49%;padding:12px}.hero-dte-chip strong{font-size:8px}.hero-preview-controls{padding:12px 4px 0}.hero-api-code{top:30px}.hero-api-flow{bottom:73px}}
@media(max-width:370px){.hero-interactive .hero-preview-stage{height:285px}.hero-product-dock .hero-preview-tab{padding:10px 4px;min-height:45px}.hero-preview-dock img,.hero-preview-dock img[src*=duodte]{width:71px;height:21px}.hero-preview-dock .dock-api{font-size:8px;gap:3px}.hero-preview-dock .dock-api>span{font-size:12px}.hero-scene-caption{max-width:43%;font-size:5px}.hero-scene-footer{left:12px;right:12px}.hero-dte-paper{width:190px;left:9%;padding:15px;top:25px}.hero-dte-paper p{font-size:17px}.hero-paper-rule{margin:12px 0}.hero-paper-lines{margin-bottom:12px}.hero-dte-chip{padding:10px;right:3%;top:46%}.hero-dte-chip strong{font-size:7px}.hero-dte-chip small{font-size:4.5px}.hero-dte-chip>span{width:24px;height:24px;font-size:18px}.hero-api-code{top:25px}.hero-api-code-body{padding:12px 14px}.hero-api-code pre{font-size:8.5px;line-height:1.5}.hero-api-method small{font-size:4px}.hero-api-status{font-size:4.5px}.hero-api-flow{bottom:67px;font-size:6px}.hero-api-flow strong{font-size:6px;padding:5px 10px}}
@media(prefers-reduced-motion:reduce){.hero-scene{transition:none;transform:none}.hero-preview-tab,.hero-scene-link,.hero-arrow{transition:none}.hero-scene-pos[data-active=true] img,.hero-scene-dte[data-active=true] .hero-dte-paper,.hero-scene-dte[data-active=true] .hero-dte-chip,.hero-scene-api[data-active=true] .hero-api-code{animation:none}}