.md3{--ink:#0b0b0b;--paper:#f5f2e9;--cream:#f7e6cb;--graphite:#6c6a68;--lavender:#bfa9cf;--sky:#a9dbe8;--orange:#ff642f;--yellow:#f2cf23;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,sans-serif;overflow:clip;isolation:isolate}.template-product:has(#microduck-story) .breadcrumb{display:none}.md3 *{box-sizing:border-box}.md3 h2,.md3 h3,.md3 p,.md3 figure{margin:0}.md3 h2,.md3 h3{font-family:Arial,sans-serif;font-weight:700;line-height:.98;letter-spacing:-.055em;color:inherit}.md3 h2{font-size:clamp(46px,6.4vw,96px)}.md3 h2 em{font-style:normal;color:var(--orange)}.md3 h3{font-size:clamp(25px,3vw,44px)}.md3 a{color:inherit;text-decoration:none}.md3 a:hover{text-decoration:underline;text-underline-offset:5px}.md3 :focus-visible{outline:3px solid var(--orange);outline-offset:4px}.md3__section{padding:clamp(64px,7.5vw,112px) max(24px,calc((100vw - 1440px)/2 + 54px));scroll-margin-top:90px}.md3__eyebrow,.md3__section-number{font:700 10px/1.5 monospace;letter-spacing:.13em;text-transform:uppercase}.md3__section-number{padding-bottom:25px;border-bottom:1px solid currentColor;margin-bottom:clamp(45px,6vw,90px)}.md3__nav{position:sticky;top:0;z-index:12;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px max(24px,calc((100vw - 1440px)/2 + 54px));background:#0b0b0bf0;color:#fff;border-bottom:1px solid #343434;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.md3__nav-brand{font-size:12px;font-weight:800;white-space:nowrap}.md3__nav-brand span{color:#999;font:10px monospace}.md3__nav-links{display:flex;align-items:center;gap:24px;font-size:12px}.md3__nav-cta{border:1px solid #777;border-radius:40px;padding:8px 14px}.md3__intro{min-height:740px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:clamp(40px,5vw,80px);background:radial-gradient(circle at 78% 45%,#fff 0 16%,transparent 46%),linear-gradient(135deg,var(--paper),#ebe6d9)}.md3__intro h2{font-size:clamp(54px,7vw,108px);margin:22px 0 28px}.md3__intro h2 em{color:var(--graphite)}.md3__lede{max-width:590px;color:#4e4d49;font-size:clamp(16px,1.45vw,20px)}.md3__actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:32px}.md3__button{min-height:52px;padding:15px 19px;border:1px solid #777;border-radius:50px;display:inline-flex;justify-content:space-between;align-items:center;gap:32px;font-size:12px;font-weight:700}.md3__button:hover{text-decoration:none;transform:translateY(-2px)}.md3 a.md3__button--dark{background:var(--ink);color:#fff;border-color:var(--ink)}.md3 a.md3__button--light{background:#fff;color:#111;border-color:#fff}.md3 a.md3__button--outline{color:#fff;border-color:#888}.md3__squad{position:relative;min-width:0;transform:perspective(1100px) rotateX(var(--md3-rx,0deg)) rotateY(var(--md3-ry,0deg));transition:transform .25s ease;will-change:transform}.md3__squad img{position:relative;z-index:1;display:block;width:100%;height:auto;filter:drop-shadow(0 30px 22px #3b342b30)}.md3__squad figcaption{text-align:center;color:#6c6961;font:9px monospace;letter-spacing:.11em;margin-top:20px}.md3__halo{position:absolute;top:12%;right:6%;bottom:12%;left:6%;border-radius:50%;background:conic-gradient(from 30deg,var(--sky),var(--lavender),var(--cream),var(--sky));filter:blur(50px);opacity:.35}.md3__palette{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #d3d0c8;border-bottom:1px solid #d3d0c8}.md3__palette div{display:grid;grid-template-columns:40px 1fr;grid-template-rows:1fr 1fr;column-gap:14px;padding:22px clamp(14px,2.5vw,40px);border-right:1px solid #d3d0c8}.md3__palette div:last-child{border:0}.md3__palette span{grid-row:1/3;width:38px;height:38px;border-radius:50%;background:var(--swatch);border:1px solid #0002;box-shadow:inset 0 0 0 5px #fff6}.md3__palette strong{align-self:end;font-size:13px}.md3__palette small{font:9px monospace;color:#777;text-transform:uppercase}.md3__makers{background:var(--sky)}.md3__makers h2 em{color:#214b57}.md3__makers-grid{display:grid;grid-template-columns:1fr .82fr;gap:clamp(40px,8vw,120px)}.md3__prose{padding-top:10px}.md3__prose>p{color:#27363a;max-width:660px}.md3__big-copy{font-size:clamp(22px,2.5vw,36px);font-weight:700;letter-spacing:-.035em;line-height:1.2;margin-bottom:25px!important}.md3__text-link{display:inline-block;margin-top:28px;font:700 11px monospace;border-bottom:1px solid currentColor}.md3__facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(60px,8vw,110px);border-top:1px solid #46636a;border-bottom:1px solid #46636a}.md3__facts article{padding:28px 20px;border-right:1px solid #46636a}.md3__facts article:last-child{border:0}.md3__facts strong{display:block;font-size:clamp(26px,3vw,43px);letter-spacing:-.05em;line-height:1}.md3__facts span{display:block;margin-top:8px;font:9px monospace;color:#39535a;text-transform:uppercase}.md3__motion{background:var(--ink);color:#f6f3eb}.md3__motion h2,.md3__motion h3,.md3__motion .md3__section-number,.md3__motion .md3__eyebrow{color:#f6f3eb}.md3__motion .md3__heading>p{color:#c7c7c1}.md3__motion .md3__stage-copy>p:last-child{color:#c2c2bc}.md3__motion h2 em{color:var(--yellow)}.md3__heading{display:grid;grid-template-columns:1fr .65fr;gap:70px;align-items:end}.md3__heading>p{color:#565650;max-width:520px;font-size:17px;line-height:1.65}.md3__pipeline{margin-top:65px}.md3__pipeline-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #444}.md3__pipeline-tabs button{-webkit-appearance:none;appearance:none;border:0;border-right:1px solid #444;background:transparent;color:#aaa;padding:19px;cursor:pointer;text-align:left;font:700 13px Arial}.md3__pipeline-tabs button:last-child{border:0}.md3__pipeline-tabs button span{font:9px monospace;margin-right:12px}.md3__pipeline-tabs button.is-active{background:var(--yellow);color:#111}.md3__pipeline-stage{position:relative;min-height:360px;padding:55px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;background:#171717;border:1px solid #444;border-top:0;overflow:hidden}.md3__track{position:absolute;left:55px;right:55px;top:60px;height:1px;background:#555}.md3__track:before,.md3__track:after{content:"";position:absolute;top:-4px;width:9px;height:9px;background:#777;border-radius:50%}.md3__track:before{left:0}.md3__track:after{right:0}.md3__track i{position:absolute;left:calc(var(--md3-step,0)*33.333%);top:-8px;width:17px;height:17px;border-radius:50%;background:var(--yellow);box-shadow:0 0 30px var(--yellow);transition:left .45s cubic-bezier(.2,.8,.2,1)}.md3__stage-copy h3{margin:14px 0 20px}.md3__stage-copy>p:last-child{color:#aaa;max-width:610px}.md3__stage-code{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#999;font:10px monospace}.md3__stage-code span{border:1px solid #555;border-radius:50%;width:70px;height:70px;display:grid;place-items:center}.md3__stage-code b{color:var(--yellow)}.md3__simulator{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;min-height:460px;margin-top:70px;background:linear-gradient(135deg,#171717,#0f0f0f);border:1px solid #505050;border-radius:28px;overflow:hidden;box-shadow:0 34px 90px #0007}.md3__simulator:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,#f2cf230c 48% 52%,transparent 52%)}.md3__simulator-copy{position:relative;z-index:2;padding:clamp(38px,5vw,70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.md3__simulator-copy h3{margin:18px 0 24px;font-size:clamp(35px,4.2vw,62px);color:#fff}.md3__simulator-copy>p:not(.md3__eyebrow){max-width:580px;color:#c4c4be;font-size:16px}.md3__simulator-meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin:28px 0;color:#a9a9a3;font:700 9px/1.4 monospace;letter-spacing:.08em;text-transform:uppercase}.md3__simulator-meta span{display:flex;align-items:center;gap:8px}.md3__simulator-meta i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 12px #f2cf23}.md3 a.md3__simulator-button{width:min(100%,330px);min-height:62px;margin-top:4px;padding:17px 20px 17px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--yellow);border:2px solid var(--yellow);color:#111;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;box-shadow:8px 8px #4a4114;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.md3 a.md3__simulator-button b{width:30px;height:30px;display:grid;place-items:center;border:1px solid #111;border-radius:50%;font-size:16px}.md3 a.md3__simulator-button:hover{text-decoration:none;transform:translate(-3px,-3px);box-shadow:12px 12px #4a4114;background:#ffe05b}.md3__simulator-visual{position:relative;z-index:1;min-width:0;padding:44px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 50% 45%,#28322d 0,transparent 44%),#0c0e0d;border-left:1px solid #3d3d3d}.md3__simulator-visual>p{margin-top:12px!important;color:#777d78;font:8px/1.5 monospace;letter-spacing:.1em;text-align:right}.md3__simulator-window{overflow:hidden;border:1px solid #535a55;background:#101411;box-shadow:0 25px 60px #0009}.md3__simulator-bar{height:38px;padding:0 13px;display:flex;align-items:center;gap:7px;background:#1b211d;border-bottom:1px solid #4b524d}.md3__simulator-bar span{width:7px;height:7px;border-radius:50%;background:#667067}.md3__simulator-bar span:first-child{background:var(--yellow)}.md3__simulator-bar b{margin-left:auto;color:#8e9990;font:7px monospace;letter-spacing:.12em}.md3__simulator-viewport{position:relative;height:335px;overflow:hidden;background-image:linear-gradient(#88938912 1px,transparent 1px),linear-gradient(90deg,#88938912 1px,transparent 1px),linear-gradient(150deg,#101411,#151b17);background-size:25px 25px,25px 25px,100% 100%}.md3__simulator-viewport:after{content:"";position:absolute;left:8%;right:8%;bottom:37px;height:1px;background:#75807855;box-shadow:0 14px 30px #000}.md3__simulator-scan{position:absolute;z-index:4;left:0;right:0;top:-20%;height:22%;background:linear-gradient(transparent,#f2cf2320,transparent);border-bottom:1px solid #f2cf2366;animation:md3-scan 4.5s linear infinite;pointer-events:none}@keyframes md3-scan{to{transform:translateY(440px)}}.md3__sim-robot{position:absolute;z-index:2;left:50%;bottom:38px;width:190px;height:250px;transform:translate(-50%);filter:drop-shadow(0 18px 15px #0009)}.md3__sim-head,.md3__sim-neck,.md3__sim-body,.md3__sim-leg{position:absolute;display:block;border:2px solid #f2cf23;background:#182019;box-shadow:inset 0 0 22px #f2cf2314,0 0 18px #f2cf2310}.md3__sim-head{left:36px;top:0;width:120px;height:76px;border-radius:42px 42px 20px 20px;transform-origin:50% 100%;transition:transform .35s ease}.md3__sim-head:after{content:"";position:absolute;right:-18px;bottom:11px;width:36px;height:17px;border:2px solid #f2cf23;border-left:0;background:#182019;clip-path:polygon(0 0,100% 50%,0 100%)}.md3__sim-head i{position:absolute;left:30px;top:20px;width:20px;height:20px;border:5px solid #f2cf23;border-radius:50%;background:#0b0d0c;box-shadow:0 0 15px #f2cf2377}.md3__sim-neck{left:82px;top:76px;width:28px;height:38px;border-top:0;border-bottom:0}.md3__sim-body{left:50px;top:108px;width:92px;height:68px;border-radius:20px 20px 12px 12px}.md3__sim-body:before,.md3__sim-body:after{content:"";position:absolute;top:24px;width:10px;height:10px;border:2px solid #f2cf23;border-radius:50%;background:#101411}.md3__sim-body:before{left:-24px}.md3__sim-body:after{right:-24px}.md3__sim-leg{top:171px;width:32px;height:66px;border-radius:9px;transform-origin:50% 0}.md3__sim-leg i{position:absolute;left:-9px;bottom:-5px;width:48px;height:15px;border:2px solid #f2cf23;background:#182019;border-radius:10px 15px 5px 5px}.md3__sim-leg--left{left:55px;transform:rotate(4deg)}.md3__sim-leg--right{right:55px;transform:rotate(-4deg)}.md3__simulator:hover .md3__sim-head{transform:rotate(-8deg) translateY(-3px)}.md3__sim-axis{position:absolute;z-index:1;width:28px;height:28px;display:grid;place-items:center;border:1px solid #6c766e;border-radius:50%;color:#879188;font:8px monospace}.md3__sim-axis--x{left:22px;bottom:22px}.md3__sim-axis--y{left:54px;bottom:22px}.md3__sim-telemetry{position:absolute;z-index:3;right:18px;top:20px;display:grid;gap:7px;color:#737c75;font:7px monospace;letter-spacing:.08em;text-align:right}.md3__sim-telemetry span{display:flex;justify-content:flex-end;gap:10px}.md3__sim-telemetry b{color:#c9d1cb;font-weight:400}.md3__reel{margin-top:90px;padding-top:70px;border-top:1px solid #444}.md3__reel-heading{display:grid;grid-template-columns:1fr .7fr;gap:60px;align-items:end;margin-bottom:30px}.md3__reel-heading h3{margin-top:16px;color:#f6f3eb}.md3__reel-heading>p{color:#c7c7c1;max-width:520px}.md3__video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.md3__video-grid figure{min-width:0;background:#161616;border:1px solid #444;border-radius:22px;overflow:hidden}.md3__video-grid video{display:block;width:100%;aspect-ratio:4/3;object-fit:contain;background:#000}.md3__video-grid figcaption{padding:24px}.md3__video-grid figcaption span{color:#9e9e98;font:700 9px monospace;letter-spacing:.1em}.md3__video-grid h4{margin:22px 0 12px;color:#f6f3eb;font-size:24px;line-height:1;letter-spacing:-.04em}.md3__video-grid figcaption p{color:#b9b9b3;font-size:13px}.md3__reel-credit{margin-top:16px!important;color:#8e8e89;font:9px/1.5 monospace;letter-spacing:.06em;text-transform:uppercase}.md3__hardware{background:var(--paper)}.md3__hardware h2 em{color:#765f88}.md3__hardware .md3__heading>p{color:#555650}.md3__hardware-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:65px}.md3__hardware-grid article{min-height:255px;padding:28px;border:1px solid #bbb7ae;border-radius:22px;background:#fff;color:#171717}.md3__hardware-grid span{font:700 9px monospace;color:#777;letter-spacing:.1em}.md3__hardware-grid h3{font-size:27px;margin:60px 0 18px;color:#171717}.md3__hardware-grid p{font-size:14px;color:#54544f}.md3__dxl{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:80px;padding:55px;background:var(--lavender);border-radius:26px}.md3__dxl h3{margin-top:20px}.md3__dxl>div:last-child{align-self:end}.md3__dxl p{color:#463c4c}.md3__specs{background:#fff}.md3__specs h2 em{color:var(--orange)}.md3__spec-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px)}.md3__note{color:#555;max-width:500px;margin-top:30px!important;font-size:16px}.md3__accordion details{border-top:1px solid #bbb;padding:25px 0}.md3__accordion details:last-child{border-bottom:1px solid #bbb}.md3__accordion summary{list-style:none;cursor:pointer;font-size:20px;font-weight:700}.md3__accordion summary::-webkit-details-marker{display:none}.md3__accordion summary span{float:right;font-size:22px;font-weight:400;transition:.2s}.md3__accordion details[open] summary span{transform:rotate(45deg)}.md3__accordion details>div{padding-top:18px;color:#666}.md3__accordion details p{display:flex;justify-content:space-between;gap:30px;padding:9px 0;border-bottom:1px dashed #ddd}.md3__accordion details p:last-child{border:0}.md3__final{text-align:center;background:radial-gradient(circle at 50% 110%,#514a30,transparent 50%),var(--ink);color:#fff}.md3__final h2,.md3__final .md3__eyebrow{color:#fff}.md3__final h2{max-width:1100px;margin:25px auto}.md3__final h2 em{color:var(--yellow)}.md3__final .md3__actions{justify-content:center}.md3__legal{max-width:700px;margin:55px auto 0!important;color:#888;font-size:11px}.md3-reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s ease}.md3-reveal.is-visible{opacity:1;transform:none}@media(max-width:900px){.md3__nav-links a:not(.md3__nav-cta){display:none}.md3__intro,.md3__makers-grid,.md3__heading,.md3__spec-layout{grid-template-columns:1fr}.md3__intro{min-height:0}.md3__squad{margin-top:25px}.md3__facts,.md3__hardware-grid{grid-template-columns:1fr 1fr}.md3__facts article:nth-child(2){border-right:0}.md3__facts article:nth-child(-n+2){border-bottom:1px solid #46636a}.md3__pipeline-stage{grid-template-columns:1fr;padding:45px 28px}.md3__simulator{grid-template-columns:1fr}.md3__simulator-visual{border-left:0;border-top:1px solid #3d3d3d}.md3__reel-heading{grid-template-columns:1fr;gap:24px}.md3__video-grid{grid-template-columns:1fr 1fr}.md3__stage-code{margin-top:20px}.md3__dxl{grid-template-columns:1fr}.md3__palette div{grid-template-columns:32px 1fr}.md3__palette span{width:30px;height:30px}}@media(max-width:600px){.md3__section{padding-left:22px;padding-right:22px}.md3__nav{padding-left:20px;padding-right:20px}.md3__palette{grid-template-columns:1fr 1fr}.md3__palette div:nth-child(2){border-right:0}.md3__palette div:nth-child(-n+2){border-bottom:1px solid #d3d0c8}.md3__intro h2{font-size:clamp(50px,15vw,74px)}.md3__facts,.md3__hardware-grid{grid-template-columns:1fr}.md3__facts article{border-right:0;border-bottom:1px solid #46636a!important}.md3__facts article:last-child{border-bottom:0!important}.md3__pipeline-tabs button{font-size:0;text-align:center;padding:15px 8px}.md3__pipeline-tabs button span{font-size:10px;margin:0}.md3__pipeline-stage{min-height:430px}.md3__simulator-copy{padding:36px 26px}.md3__simulator-visual{padding:22px}.md3__simulator-viewport{height:300px}.md3__simulator-meta{display:grid}.md3 a.md3__simulator-button{width:100%}.md3__video-grid{grid-template-columns:1fr}.md3__stage-code{gap:7px}.md3__stage-code span{width:53px;height:53px;font-size:8px}.md3__dxl{padding:32px 24px}.md3__accordion details p{display:block}.md3__accordion details p b{display:block;color:#111}.md3__button{width:100%}}@media(prefers-reduced-motion:reduce){.md3 *{scroll-behavior:auto!important}.md3-reveal{opacity:1;transform:none;transition:none}.md3__squad,.md3__button{transform:none!important;transition:none!important}.md3__track i{transition:none}.md3__simulator-scan{animation:none}.md3__simulator:hover .md3__sim-head{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/robotis-microduck-v3.css.map */